payload 1.4.2 → 1.5.0

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

@@ -1,10 +1,36 @@
-import React, { createContext, useCallback, useContext, useState, } from 'react';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.ThemeProvider = void 0;
+const react_1 = __importStar(require("react"));
 const initialContext = {
     theme: 'light',
     setTheme: () => null,
     autoMode: true,
 };
-const Context = createContext(initialContext);
+const Context = (0, react_1.createContext)(initialContext);
 const localStorageKey = 'payload-theme';
 const getTheme = () => {
     let theme;
@@ -18,13 +44,13 @@ const getTheme = () => {
     document.documentElement.setAttribute('data-theme', theme);
     return theme;
 };
-export const ThemeProvider = ({ children }) => {
-    const [theme, setThemeState] = useState(getTheme);
-    const [autoMode, setAutoMode] = useState(() => {
+const ThemeProvider = ({ children }) => {
+    const [theme, setThemeState] = (0, react_1.useState)(getTheme);
+    const [autoMode, setAutoMode] = (0, react_1.useState)(() => {
         const themeFromStorage = window.localStorage.getItem(localStorageKey);
         return !themeFromStorage;
     });
-    const setTheme = useCallback((themeToSet) => {
+    const setTheme = (0, react_1.useCallback)((themeToSet) => {
         if (themeToSet === 'light' || themeToSet === 'dark') {
             setThemeState(themeToSet);
             setAutoMode(false);
@@ -41,7 +67,9 @@ export const ThemeProvider = ({ children }) => {
             setThemeState(themeFromOS);
         }
     }, []);
-    return (React.createElement(Context.Provider, { value: { theme, setTheme, autoMode } }, children));
+    return (react_1.default.createElement(Context.Provider, { value: { theme, setTheme, autoMode } }, children));
 };
-export const useTheme = () => useContext(Context);
-export default Context;
+exports.ThemeProvider = ThemeProvider;
+const useTheme = () => (0, react_1.useContext)(Context);
+exports.useTheme = useTheme;
+exports.default = Context;

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

@@ -1,84 +1,89 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import format from 'date-fns/format';
-import { useTranslation } from 'react-i18next';
-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 fieldTypes from '../../forms/field-types';
-import RenderTitle from '../../elements/RenderTitle';
-import LeaveWithoutSaving from '../../modals/LeaveWithoutSaving';
-import Meta from '../../utilities/Meta';
-import Auth from '../collections/Edit/Auth';
-import Loading from '../../elements/Loading';
-import { OperationContext } from '../../utilities/OperationProvider';
-import { ToggleTheme } from './ToggleTheme';
-import { Gutter } from '../../elements/Gutter';
-import ReactSelect from '../../elements/ReactSelect';
-import Label from '../../forms/Label';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const format_1 = __importDefault(require("date-fns/format"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Eyebrow_1 = __importDefault(require("../../elements/Eyebrow"));
+const Form_1 = __importDefault(require("../../forms/Form"));
+const PreviewButton_1 = __importDefault(require("../../elements/PreviewButton"));
+const Submit_1 = __importDefault(require("../../forms/Submit"));
+const RenderFields_1 = __importDefault(require("../../forms/RenderFields"));
+const CopyToClipboard_1 = __importDefault(require("../../elements/CopyToClipboard"));
+const field_types_1 = __importDefault(require("../../forms/field-types"));
+const RenderTitle_1 = __importDefault(require("../../elements/RenderTitle"));
+const LeaveWithoutSaving_1 = __importDefault(require("../../modals/LeaveWithoutSaving"));
+const Meta_1 = __importDefault(require("../../utilities/Meta"));
+const Auth_1 = __importDefault(require("../collections/Edit/Auth"));
+const Loading_1 = __importDefault(require("../../elements/Loading"));
+const OperationProvider_1 = require("../../utilities/OperationProvider");
+const ToggleTheme_1 = require("./ToggleTheme");
+const Gutter_1 = require("../../elements/Gutter");
+const ReactSelect_1 = __importDefault(require("../../elements/ReactSelect"));
+const Label_1 = __importDefault(require("../../forms/Label"));
+require("./index.scss");
 const baseClass = 'account';
 const DefaultAccount = (props) => {
     var _a, _b, _c, _d;
     const { collection, data, permissions, hasSavePermission, apiURL, initialState, isLoading, action, onSave, } = props;
     const { slug, fields, admin: { useAsTitle, preview, }, timestamps, auth, } = collection;
-    const { admin: { dateFormat }, routes: { admin } } = useConfig();
-    const { t, i18n } = useTranslation('authentication');
+    const { admin: { dateFormat }, routes: { admin } } = (0, Config_1.useConfig)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('authentication');
     const languageOptions = Object.entries(i18n.options.resources).map(([language, resource]) => ({ label: resource.general.thisLanguage, value: language }));
     const classes = [
         baseClass,
     ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        isLoading && (React.createElement(Loading, null)),
-        !isLoading && (React.createElement(OperationContext.Provider, { value: "update" },
-            React.createElement(Form, { className: `${baseClass}__form`, method: "patch", action: action, onSuccess: onSave, initialState: initialState, disabled: !hasSavePermission },
-                React.createElement("div", { className: `${baseClass}__main` },
-                    React.createElement(Meta, { title: t('account'), description: t('accountOfCurrentUser'), keywords: t('account') }),
-                    React.createElement(Eyebrow, null),
-                    !(((_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) && ((_c = (_b = collection.versions) === null || _b === void 0 ? void 0 : _b.drafts) === null || _c === void 0 ? void 0 : _c.autosave)) && (React.createElement(LeaveWithoutSaving, null)),
-                    React.createElement("div", { className: `${baseClass}__edit` },
-                        React.createElement(Gutter, { className: `${baseClass}__header` },
-                            React.createElement("h1", null,
-                                React.createElement(RenderTitle, { ...{ data, useAsTitle, fallback: `[${t('general:untitled')}]` } })),
-                            React.createElement(Auth, { useAPIKey: auth.useAPIKey, collection: collection, email: data === null || data === void 0 ? void 0 : data.email, operation: "update" }),
-                            React.createElement(RenderFields, { permissions: permissions.fields, readOnly: !hasSavePermission, filter: (field) => { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) !== 'sidebar'; }, fieldTypes: fieldTypes, fieldSchema: fields })),
-                        React.createElement(Gutter, { className: `${baseClass}__payload-settings` },
-                            React.createElement("h3", null, t('general:payloadSettings')),
-                            React.createElement("div", { className: `${baseClass}__language` },
-                                React.createElement(Label, { label: t('general:language') }),
-                                React.createElement(ReactSelect, { value: languageOptions.find((language) => (language.value === i18n.language)), options: languageOptions, onChange: ({ value }) => (i18n.changeLanguage(value)) })),
-                            React.createElement(ToggleTheme, null)))),
-                React.createElement("div", { className: `${baseClass}__sidebar-wrap` },
-                    React.createElement("div", { className: `${baseClass}__sidebar` },
-                        React.createElement("div", { className: `${baseClass}__sidebar-sticky-wrap` },
-                            React.createElement("ul", { className: `${baseClass}__collection-actions` }, ((_d = permissions === null || permissions === void 0 ? void 0 : permissions.create) === null || _d === void 0 ? void 0 : _d.permission) && (React.createElement(React.Fragment, null,
-                                React.createElement("li", null,
-                                    React.createElement(Link, { to: `${admin}/collections/${slug}/create` }, t('general:createNew')))))),
-                            React.createElement("div", { className: `${baseClass}__document-actions${preview ? ` ${baseClass}__document-actions--with-preview` : ''}` },
-                                React.createElement(PreviewButton, { generatePreviewURL: preview }),
-                                hasSavePermission && (React.createElement(FormSubmit, { buttonId: "action-save" }, t('general:save')))),
-                            React.createElement("div", { className: `${baseClass}__sidebar-fields` },
-                                React.createElement(RenderFields, { permissions: permissions.fields, readOnly: !hasSavePermission, filter: (field) => { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) === 'sidebar'; }, fieldTypes: fieldTypes, fieldSchema: fields })),
-                            React.createElement("ul", { className: `${baseClass}__meta` },
-                                React.createElement("li", { className: `${baseClass}__api-url` },
-                                    React.createElement("span", { className: `${baseClass}__label` },
+    return (react_1.default.createElement("div", { className: classes },
+        isLoading && (react_1.default.createElement(Loading_1.default, null)),
+        !isLoading && (react_1.default.createElement(OperationProvider_1.OperationContext.Provider, { value: "update" },
+            react_1.default.createElement(Form_1.default, { className: `${baseClass}__form`, method: "patch", action: action, onSuccess: onSave, initialState: initialState, disabled: !hasSavePermission },
+                react_1.default.createElement("div", { className: `${baseClass}__main` },
+                    react_1.default.createElement(Meta_1.default, { title: t('account'), description: t('accountOfCurrentUser'), keywords: t('account') }),
+                    react_1.default.createElement(Eyebrow_1.default, null),
+                    !(((_a = collection.versions) === null || _a === void 0 ? void 0 : _a.drafts) && ((_c = (_b = collection.versions) === null || _b === void 0 ? void 0 : _b.drafts) === null || _c === void 0 ? void 0 : _c.autosave)) && (react_1.default.createElement(LeaveWithoutSaving_1.default, null)),
+                    react_1.default.createElement("div", { className: `${baseClass}__edit` },
+                        react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__header` },
+                            react_1.default.createElement("h1", null,
+                                react_1.default.createElement(RenderTitle_1.default, { ...{ data, useAsTitle, fallback: `[${t('general:untitled')}]` } })),
+                            react_1.default.createElement(Auth_1.default, { useAPIKey: auth.useAPIKey, collection: collection, email: data === null || data === void 0 ? void 0 : data.email, operation: "update" }),
+                            react_1.default.createElement(RenderFields_1.default, { permissions: permissions.fields, readOnly: !hasSavePermission, filter: (field) => { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) !== 'sidebar'; }, fieldTypes: field_types_1.default, fieldSchema: fields })),
+                        react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__payload-settings` },
+                            react_1.default.createElement("h3", null, t('general:payloadSettings')),
+                            react_1.default.createElement("div", { className: `${baseClass}__language` },
+                                react_1.default.createElement(Label_1.default, { label: t('general:language') }),
+                                react_1.default.createElement(ReactSelect_1.default, { value: languageOptions.find((language) => (language.value === i18n.language)), options: languageOptions, onChange: ({ value }) => (i18n.changeLanguage(value)) })),
+                            react_1.default.createElement(ToggleTheme_1.ToggleTheme, null)))),
+                react_1.default.createElement("div", { className: `${baseClass}__sidebar-wrap` },
+                    react_1.default.createElement("div", { className: `${baseClass}__sidebar` },
+                        react_1.default.createElement("div", { className: `${baseClass}__sidebar-sticky-wrap` },
+                            react_1.default.createElement("ul", { className: `${baseClass}__collection-actions` }, ((_d = permissions === null || permissions === void 0 ? void 0 : permissions.create) === null || _d === void 0 ? void 0 : _d.permission) && (react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement("li", null,
+                                    react_1.default.createElement(react_router_dom_1.Link, { to: `${admin}/collections/${slug}/create` }, t('general:createNew')))))),
+                            react_1.default.createElement("div", { className: `${baseClass}__document-actions${preview ? ` ${baseClass}__document-actions--with-preview` : ''}` },
+                                react_1.default.createElement(PreviewButton_1.default, { generatePreviewURL: preview }),
+                                hasSavePermission && (react_1.default.createElement(Submit_1.default, { buttonId: "action-save" }, t('general:save')))),
+                            react_1.default.createElement("div", { className: `${baseClass}__sidebar-fields` },
+                                react_1.default.createElement(RenderFields_1.default, { permissions: permissions.fields, readOnly: !hasSavePermission, filter: (field) => { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.position) === 'sidebar'; }, fieldTypes: field_types_1.default, fieldSchema: fields })),
+                            react_1.default.createElement("ul", { className: `${baseClass}__meta` },
+                                react_1.default.createElement("li", { className: `${baseClass}__api-url` },
+                                    react_1.default.createElement("span", { className: `${baseClass}__label` },
                                         "API URL",
                                         ' ',
-                                        React.createElement(CopyToClipboard, { value: apiURL })),
-                                    React.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL)),
-                                React.createElement("li", null,
-                                    React.createElement("div", { className: `${baseClass}__label` }, "ID"),
-                                    React.createElement("div", null, data === null || data === void 0 ? void 0 : data.id)),
-                                timestamps && (React.createElement(React.Fragment, null,
-                                    data.updatedAt && (React.createElement("li", null,
-                                        React.createElement("div", { className: `${baseClass}__label` }, t('general:lastModified')),
-                                        React.createElement("div", null, format(new Date(data.updatedAt), dateFormat)))),
-                                    data.createdAt && (React.createElement("li", null,
-                                        React.createElement("div", { className: `${baseClass}__label` }, t('general:created')),
-                                        React.createElement("div", null, format(new Date(data.createdAt), dateFormat)))))))))))))));
+                                        react_1.default.createElement(CopyToClipboard_1.default, { value: apiURL })),
+                                    react_1.default.createElement("a", { href: apiURL, target: "_blank", rel: "noopener noreferrer" }, apiURL)),
+                                react_1.default.createElement("li", null,
+                                    react_1.default.createElement("div", { className: `${baseClass}__label` }, "ID"),
+                                    react_1.default.createElement("div", null, data === null || data === void 0 ? void 0 : data.id)),
+                                timestamps && (react_1.default.createElement(react_1.default.Fragment, null,
+                                    data.updatedAt && (react_1.default.createElement("li", null,
+                                        react_1.default.createElement("div", { className: `${baseClass}__label` }, t('general:lastModified')),
+                                        react_1.default.createElement("div", null, (0, format_1.default)(new Date(data.updatedAt), dateFormat)))),
+                                    data.createdAt && (react_1.default.createElement("li", null,
+                                        react_1.default.createElement("div", { className: `${baseClass}__label` }, t('general:created')),
+                                        react_1.default.createElement("div", null, (0, format_1.default)(new Date(data.createdAt), dateFormat)))))))))))))));
 };
-export default DefaultAccount;
+exports.default = DefaultAccount;

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

@@ -1,14 +1,43 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import RadioGroupInput from '../../../forms/field-types/RadioGroup/Input';
-import { useTheme } from '../../../utilities/Theme';
-export const ToggleTheme = () => {
-    const { theme, setTheme, autoMode } = useTheme();
-    const { t } = useTranslation('general');
-    const onChange = useCallback((newTheme) => {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleTheme = void 0;
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Input_1 = __importDefault(require("../../../forms/field-types/RadioGroup/Input"));
+const Theme_1 = require("../../../utilities/Theme");
+const ToggleTheme = () => {
+    const { theme, setTheme, autoMode } = (0, Theme_1.useTheme)();
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    const onChange = (0, react_1.useCallback)((newTheme) => {
         setTheme(newTheme);
     }, [setTheme]);
-    return (React.createElement(RadioGroupInput, { name: "theme", label: t('adminTheme'), value: autoMode ? 'auto' : theme, onChange: onChange, options: [
+    return (react_1.default.createElement(Input_1.default, { name: "theme", label: t('adminTheme'), value: autoMode ? 'auto' : theme, onChange: onChange, options: [
             {
                 label: t('automatic'),
                 value: 'auto',
@@ -23,3 +52,4 @@ export const ToggleTheme = () => {
             },
         ] }));
 };
+exports.ToggleTheme = ToggleTheme;

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

@@ -1,32 +1,60 @@
-import React, { useState, useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import { useStepNav } from '../../elements/StepNav';
-import usePayloadAPI from '../../../hooks/usePayloadAPI';
-import { useLocale } from '../../utilities/Locale';
-import DefaultAccount from './Default';
-import buildStateFromSchema from '../../forms/Form/buildStateFromSchema';
-import RenderCustomComponent from '../../utilities/RenderCustomComponent';
-import { useDocumentInfo } from '../../utilities/DocumentInfo';
-import { usePreferences } from '../../utilities/Preferences';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Auth_1 = require("../../utilities/Auth");
+const StepNav_1 = require("../../elements/StepNav");
+const usePayloadAPI_1 = __importDefault(require("../../../hooks/usePayloadAPI"));
+const Locale_1 = require("../../utilities/Locale");
+const Default_1 = __importDefault(require("./Default"));
+const buildStateFromSchema_1 = __importDefault(require("../../forms/Form/buildStateFromSchema"));
+const RenderCustomComponent_1 = __importDefault(require("../../utilities/RenderCustomComponent"));
+const DocumentInfo_1 = require("../../utilities/DocumentInfo");
+const Preferences_1 = require("../../utilities/Preferences");
 const AccountView = () => {
     var _a;
-    const { state: locationState } = useLocation();
-    const locale = useLocale();
-    const { setStepNav } = useStepNav();
-    const { user } = useAuth();
-    const [initialState, setInitialState] = useState();
-    const { id, preferencesKey, docPermissions, getDocPermissions, slug } = useDocumentInfo();
-    const { getPreference } = usePreferences();
+    const { state: locationState } = (0, react_router_dom_1.useLocation)();
+    const locale = (0, Locale_1.useLocale)();
+    const { setStepNav } = (0, StepNav_1.useStepNav)();
+    const { user } = (0, Auth_1.useAuth)();
+    const [initialState, setInitialState] = (0, react_1.useState)();
+    const { id, preferencesKey, docPermissions, getDocPermissions, slug } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { getPreference } = (0, Preferences_1.usePreferences)();
     const { serverURL, routes: { api }, collections, admin: { components: { views: { Account: CustomAccount, } = {
         Account: undefined,
-    }, } = {}, }, } = useConfig();
-    const { t } = useTranslation('authentication');
+    }, } = {}, }, } = (0, Config_1.useConfig)();
+    const { t } = (0, react_i18next_1.useTranslation)('authentication');
     const collection = collections.find((coll) => coll.slug === slug);
     const { fields } = collection;
-    const [{ data }] = usePayloadAPI(`${serverURL}${api}/${slug}/${id}`, {
+    const [{ data }] = (0, usePayloadAPI_1.default)(`${serverURL}${api}/${slug}/${id}`, {
         initialParams: {
             'fallback-locale': 'null',
             depth: 0,
@@ -36,20 +64,20 @@ const AccountView = () => {
     const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
     const apiURL = `${serverURL}${api}/${slug}/${data === null || data === void 0 ? void 0 : data.id}`;
     const action = `${serverURL}${api}/${slug}/${data === null || data === void 0 ? void 0 : data.id}?locale=${locale}&depth=0`;
-    const onSave = React.useCallback(async (json) => {
+    const onSave = react_1.default.useCallback(async (json) => {
         getDocPermissions();
-        const state = await buildStateFromSchema({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
+        const state = await (0, buildStateFromSchema_1.default)({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
         setInitialState(state);
     }, [collection, user, id, t, locale, getDocPermissions]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const nav = [{
                 label: t('account'),
             }];
         setStepNav(nav);
     }, [setStepNav, t]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({
+            const state = await (0, buildStateFromSchema_1.default)({
                 fieldSchema: fields,
                 data: dataToRender,
                 operation: 'update',
@@ -63,7 +91,7 @@ const AccountView = () => {
         };
         awaitInitialState();
     }, [dataToRender, fields, id, user, locale, preferencesKey, getPreference, t]);
-    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultAccount, CustomComponent: CustomAccount, componentProps: {
+    return (react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: CustomAccount, componentProps: {
             action,
             data,
             collection,
@@ -75,4 +103,4 @@ const AccountView = () => {
             onSave,
         } }));
 };
-export default AccountView;
+exports.default = AccountView;

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

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

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,20 +1,25 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import MinimalTemplate from '../../templates/Minimal';
-import Meta from '../../utilities/Meta';
-import Form from '../../forms/Form';
-import RenderFields from '../../forms/RenderFields';
-import fieldTypes from '../../forms/field-types';
-import FormSubmit from '../../forms/Submit';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../utilities/Config");
+const Auth_1 = require("../../utilities/Auth");
+const Minimal_1 = __importDefault(require("../../templates/Minimal"));
+const Meta_1 = __importDefault(require("../../utilities/Meta"));
+const Form_1 = __importDefault(require("../../forms/Form"));
+const RenderFields_1 = __importDefault(require("../../forms/RenderFields"));
+const field_types_1 = __importDefault(require("../../forms/field-types"));
+const Submit_1 = __importDefault(require("../../forms/Submit"));
+require("./index.scss");
 const baseClass = 'create-first-user';
 const CreateFirstUser = (props) => {
     const { setInitialized } = props;
-    const { setToken } = useAuth();
-    const { admin: { user: userSlug }, collections, serverURL, routes: { admin, api }, } = useConfig();
-    const { t } = useTranslation('authentication');
+    const { setToken } = (0, Auth_1.useAuth)();
+    const { admin: { user: userSlug }, collections, serverURL, routes: { admin, api }, } = (0, Config_1.useConfig)();
+    const { t } = (0, react_i18next_1.useTranslation)('authentication');
     const userConfig = collections.find((collection) => collection.slug === userSlug);
     const onSuccess = (json) => {
         var _a;
@@ -41,15 +46,15 @@ const CreateFirstUser = (props) => {
             required: true,
         },
     ];
-    return (React.createElement(MinimalTemplate, { className: baseClass },
-        React.createElement("h1", null, t('general:welcome')),
-        React.createElement("p", null, t('beginCreateFirstUser')),
-        React.createElement(Meta, { title: t('createFirstUser'), description: t('createFirstUser'), keywords: t('general:create') }),
-        React.createElement(Form, { onSuccess: onSuccess, method: "post", redirect: admin, action: `${serverURL}${api}/${userSlug}/first-register`, validationOperation: "create" },
-            React.createElement(RenderFields, { fieldSchema: [
+    return (react_1.default.createElement(Minimal_1.default, { className: baseClass },
+        react_1.default.createElement("h1", null, t('general:welcome')),
+        react_1.default.createElement("p", null, t('beginCreateFirstUser')),
+        react_1.default.createElement(Meta_1.default, { title: t('createFirstUser'), description: t('createFirstUser'), keywords: t('general:create') }),
+        react_1.default.createElement(Form_1.default, { onSuccess: onSuccess, method: "post", redirect: admin, action: `${serverURL}${api}/${userSlug}/first-register`, validationOperation: "create" },
+            react_1.default.createElement(RenderFields_1.default, { fieldSchema: [
                     ...fields,
                     ...userConfig.fields,
-                ], fieldTypes: fieldTypes }),
-            React.createElement(FormSubmit, null, t('general:create')))));
+                ], fieldTypes: field_types_1.default }),
+            react_1.default.createElement(Submit_1.default, null, t('general:create')))));
 };
-export default CreateFirstUser;
+exports.default = CreateFirstUser;

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

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

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

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });