payload 1.3.1 → 1.3.3

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

@@ -1,84 +1,84 @@
-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';
-const baseClass = 'account';
-const DefaultAccount = (props) => {
-    var _a, _b, _c, _d;
-    const { collection, data, permissions, hasSavePermission, apiURL, initialState, isLoading, action, } = props;
-    const { slug, fields, admin: { useAsTitle, preview, }, timestamps, auth, } = collection;
-    const { admin: { dateFormat }, routes: { admin } } = useConfig();
-    const { t, i18n } = 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, 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, data: data }),
-                                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` },
-                                        "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)))))))))))))));
-};
-export default DefaultAccount;
+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';
+const baseClass = 'account';
+const DefaultAccount = (props) => {
+    var _a, _b, _c, _d;
+    const { collection, data, permissions, hasSavePermission, apiURL, initialState, isLoading, action, } = props;
+    const { slug, fields, admin: { useAsTitle, preview, }, timestamps, auth, } = collection;
+    const { admin: { dateFormat }, routes: { admin } } = useConfig();
+    const { t, i18n } = 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, 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, data: data }),
+                                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` },
+                                        "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)))))))))))))));
+};
+export default DefaultAccount;

package/dist/admin/components/views/Account/ToggleTheme/index.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ToggleTheme: React.FC;
+import React from 'react';
+export declare const ToggleTheme: React.FC;

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

@@ -1,25 +1,25 @@
-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) => {
-        setTheme(newTheme);
-    }, [setTheme]);
-    return (React.createElement(RadioGroupInput, { name: "theme", label: t('adminTheme'), value: autoMode ? 'auto' : theme, onChange: onChange, options: [
-            {
-                label: t('automatic'),
-                value: 'auto',
-            },
-            {
-                label: t('light'),
-                value: 'light',
-            },
-            {
-                label: t('dark'),
-                value: 'dark',
-            },
-        ] }));
-};
+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) => {
+        setTheme(newTheme);
+    }, [setTheme]);
+    return (React.createElement(RadioGroupInput, { name: "theme", label: t('adminTheme'), value: autoMode ? 'auto' : theme, onChange: onChange, options: [
+            {
+                label: t('automatic'),
+                value: 'auto',
+            },
+            {
+                label: t('light'),
+                value: 'light',
+            },
+            {
+                label: t('dark'),
+                value: 'dark',
+            },
+        ] }));
+};

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

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

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

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

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

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

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

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

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

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

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

@@ -1,55 +1,55 @@
-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';
-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 userConfig = collections.find((collection) => collection.slug === userSlug);
-    const onSuccess = (json) => {
-        var _a;
-        if ((_a = json === null || json === void 0 ? void 0 : json.user) === null || _a === void 0 ? void 0 : _a.token) {
-            setToken(json.user.token);
-        }
-        setInitialized(true);
-    };
-    const fields = [
-        {
-            name: 'email',
-            label: t('general:emailAddress'),
-            type: 'email',
-            required: true,
-        }, {
-            name: 'password',
-            label: t('general:password'),
-            type: 'password',
-            required: true,
-        }, {
-            name: 'confirm-password',
-            label: t('confirmPassword'),
-            type: 'confirmPassword',
-            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: [
-                    ...fields,
-                    ...userConfig.fields,
-                ], fieldTypes: fieldTypes }),
-            React.createElement(FormSubmit, null, t('general:create')))));
-};
-export default CreateFirstUser;
+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';
+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 userConfig = collections.find((collection) => collection.slug === userSlug);
+    const onSuccess = (json) => {
+        var _a;
+        if ((_a = json === null || json === void 0 ? void 0 : json.user) === null || _a === void 0 ? void 0 : _a.token) {
+            setToken(json.user.token);
+        }
+        setInitialized(true);
+    };
+    const fields = [
+        {
+            name: 'email',
+            label: t('general:emailAddress'),
+            type: 'email',
+            required: true,
+        }, {
+            name: 'password',
+            label: t('general:password'),
+            type: 'password',
+            required: true,
+        }, {
+            name: 'confirm-password',
+            label: t('confirmPassword'),
+            type: 'confirmPassword',
+            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: [
+                    ...fields,
+                    ...userConfig.fields,
+                ], fieldTypes: fieldTypes }),
+            React.createElement(FormSubmit, null, t('general:create')))));
+};
+export default CreateFirstUser;

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

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

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

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

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

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