@payloadcms/next 3.0.0-beta.12 → 3.0.0-beta.120

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

@@ -1,36 +1,59 @@
 'use client';
-import { RadioGroup } from '@payloadcms/ui/fields/RadioGroup';
-import { useTheme } from '@payloadcms/ui/providers/Theme';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui';
 import React, { useCallback } from 'react';
-export const ToggleTheme = ()=>{
-    const { autoMode, setTheme, theme } = useTheme();
-    const { t } = useTranslation();
-    const onChange = useCallback((newTheme)=>{
-        setTheme(newTheme);
-    }, [
-        setTheme
-    ]);
-    return /*#__PURE__*/ React.createElement(RadioGroup, {
-        label: t('general:adminTheme'),
+export const ToggleTheme = () => {
+  const $ = _c(7);
+  const {
+    autoMode,
+    setTheme,
+    theme
+  } = useTheme();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== setTheme) {
+    t0 = newTheme => {
+      setTheme(newTheme);
+    };
+    $[0] = setTheme;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[2] !== t || $[3] !== autoMode || $[4] !== theme || $[5] !== onChange) {
+    t1 = _jsx(RadioGroupField, {
+      disableModifyingForm: true,
+      field: {
         name: "theme",
-        onChange: onChange,
-        options: [
-            {
-                label: t('general:automatic'),
-                value: 'auto'
-            },
-            {
-                label: t('general:light'),
-                value: 'light'
-            },
-            {
-                label: t('general:dark'),
-                value: 'dark'
-            }
-        ],
-        value: autoMode ? 'auto' : theme
+        label: t("general:adminTheme"),
+        options: [{
+          label: t("general:automatic"),
+          value: "auto"
+        }, {
+          label: t("general:light"),
+          value: "light"
+        }, {
+          label: t("general:dark"),
+          value: "dark"
+        }]
+      },
+      onChange,
+      value: autoMode ? "auto" : theme
     });
+    $[2] = t;
+    $[3] = autoMode;
+    $[4] = theme;
+    $[5] = onChange;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/views/Account/ToggleTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroup } from '@payloadcms/ui/fields/RadioGroup'\nimport { useTheme } from '@payloadcms/ui/providers/Theme'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroup\n      label={t('general:adminTheme')}\n      name=\"theme\"\n      onChange={onChange}\n      options={[\n        {\n          label: t('general:automatic'),\n          value: 'auto',\n        },\n        {\n          label: t('general:light'),\n          value: 'light',\n        },\n        {\n          label: t('general:dark'),\n          value: 'dark',\n        },\n      ]}\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"names":["RadioGroup","useTheme","useTranslation","React","useCallback","ToggleTheme","autoMode","setTheme","theme","t","onChange","newTheme","label","name","options","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGP;IACtC,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IAEd,MAAMQ,WAAWN,YACf,CAACO;QACCJ,SAASI;IACX,GACA;QAACJ;KAAS;IAGZ,qBACE,oBAACP;QACCY,OAAOH,EAAE;QACTI,MAAK;QACLH,UAAUA;QACVI,SAAS;YACP;gBACEF,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;SACD;QACDA,OAAOT,WAAW,SAASE;;AAGjC,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","$","autoMode","setTheme","theme","t","t0","newTheme","onChange","t1","_jsx","disableModifyingForm","field","name","label","options","value"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      disableModifyingForm={true}\n      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\n        options: [\n          {\n            label: t('general:automatic'),\n            value: 'auto',\n          },\n          {\n            label: t('general:light'),\n            value: 'light',\n          },\n          {\n            label: t('general:dark'),\n            value: 'dark',\n          },\n        ],\n      }}\n      onChange={onChange}\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC1D,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAGZG,EAAA,GAAAC,QAAA;MACEJ,QAAA,CAASI,QAAA;IAAA;IACXN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHF,MAAAO,QAAA,GAAiBF,EAIL;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAO,QAAA;IAIVC,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,oBAAA;MAAAC,KAAA;QAAAC,IAAA,EAGU;QAAAC,KAAA,EACCT,CAAA,CAAE;QAAAU,OAAA;UAAAD,KAAA,EAGET,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;MAAA;MAAAR,QAAA;MAAAQ,KAAA,EAKNd,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SArB7BK,E;CAwBJ","ignoreList":[]}

package/dist/views/Account/index.client.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AccountClient: React.FC;
+//# sourceMappingURL=index.client.d.ts.map

package/dist/views/Account/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgBjC,CAAA"}

package/dist/views/Account/index.client.js

@@ -0,0 +1,37 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useStepNav, useTranslation } from '@payloadcms/ui';
+import React from 'react';
+export const AccountClient = () => {
+  const $ = _c(4);
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  let t1;
+  if ($[0] !== t || $[1] !== setStepNav) {
+    t0 = () => {
+      const nav = [];
+      nav.push({
+        label: t("authentication:account"),
+        url: "/account"
+      });
+      setStepNav(nav);
+    };
+    t1 = [setStepNav, t];
+    $[0] = t;
+    $[1] = setStepNav;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  React.useEffect(t0, t1);
+  return null;
+};
+//# sourceMappingURL=index.client.js.map

package/dist/views/Account/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["c","_c","useStepNav","useTranslation","React","AccountClient","$","setStepNav","t","t0","t1","nav","push","label","url","useEffect"],"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport { type StepNavItem, useStepNav, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const AccountClient: React.FC = () => {\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  React.useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    nav.push({\n      label: t('authentication:account'),\n      url: '/account',\n    })\n\n    setStepNav(nav)\n  }, [setStepNav, t])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAA2BC,UAAU,EAAEC,cAAc,QAAQ;AAC7D,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACrC;IAAAM;EAAA,IAAuBL,UAAA;EACvB;IAAAM;EAAA,IAAcL,cAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAC,UAAA;IAEEE,EAAA,GAAAA,CAAA;MACd,MAAAE,GAAA;MAEAA,GAAA,CAAAC,IAAA;QAAAC,KAAA,EACSL,CAAA,CAAE;QAAAM,GAAA,EACJ;MAAA,CACP;MAEAP,UAAA,CAAWI,GAAA;IAAA;IACVD,EAAA,IAACH,UAAA,EAAYC,CAAA;IAAEF,CAAA,MAAAE,CAAA;IAAAF,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EATlBF,KAAA,CAAAW,SAAA,CAAgBN,EAShB,EAAGC,EAAe;EAAA;AAAA,CAGpB","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 export { generateAccountMetadata } from './meta.js';
 export declare const Account: React.FC<AdminViewProps>;

package/dist/views/Account/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAQnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqE5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Account/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAU7C,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkG5C,CAAA"}

package/dist/views/Account/index.js

@@ -1,56 +1,116 @@
-import { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader';
-import { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser';
-import { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent';
-import { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo';
-import { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider, RenderComponent } from '@payloadcms/ui';
+import { getCreateMappedComponent } from '@payloadcms/ui/shared';
 import { notFound } from 'next/navigation.js';
 import React from 'react';
+import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
+import { getDocumentData } from '../Document/getDocumentData.js';
+import { getDocumentPermissions } from '../Document/getDocumentPermissions.js';
 import { EditView } from '../Edit/index.js';
+import { AccountClient } from './index.client.js';
 import { Settings } from './Settings/index.js';
 export { generateAccountMetadata } from './meta.js';
-export const Account = ({ initPageResult, params, searchParams })=>{
-    const { locale, permissions, req: { i18n, payload, payload: { config }, user } } = initPageResult;
-    const { admin: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug }, routes: { api }, serverURL } = config;
-    const collectionPermissions = permissions?.collections?.[userSlug];
-    const collectionConfig = config.collections.find((collection)=>collection.slug === userSlug);
-    if (collectionConfig) {
-        const viewComponentProps = {
-            initPageResult,
-            params,
-            routeSegments: [],
-            searchParams
-        };
-        return /*#__PURE__*/ React.createElement(DocumentInfoProvider, {
-            AfterFields: /*#__PURE__*/ React.createElement(Settings, null),
-            action: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
-            apiURL: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
-            collectionSlug: userSlug,
-            docPermissions: collectionPermissions,
-            hasSavePermission: collectionPermissions?.update?.permission,
-            id: user?.id,
-            isEditing: true
-        }, /*#__PURE__*/ React.createElement(DocumentHeader, {
-            collectionConfig: collectionConfig,
-            config: payload.config,
-            hideTabs: true,
-            i18n: i18n
-        }), /*#__PURE__*/ React.createElement(HydrateClientUser, {
-            permissions: permissions,
-            user: user
-        }), /*#__PURE__*/ React.createElement(FormQueryParamsProvider, {
-            initialParams: {
-                depth: 0,
-                'fallback-locale': 'null',
-                locale: locale.code,
-                uploadEdits: undefined
-            }
-        }, /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-            CustomComponent: typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined,
-            DefaultComponent: EditView,
-            componentProps: viewComponentProps
-        })));
+export const Account = async ({
+  initPageResult,
+  params,
+  searchParams
+}) => {
+  const {
+    languageOptions,
+    locale,
+    permissions,
+    req,
+    req: {
+      i18n,
+      payload,
+      payload: {
+        config
+      },
+      user
     }
-    return notFound();
+  } = initPageResult;
+  const {
+    admin: {
+      components: {
+        views: {
+          Account: CustomAccountComponent
+        } = {}
+      } = {},
+      theme,
+      user: userSlug
+    },
+    routes: {
+      api
+    },
+    serverURL
+  } = config;
+  const collectionConfig = config.collections.find(collection => collection.slug === userSlug);
+  if (collectionConfig && user?.id) {
+    const {
+      docPermissions,
+      hasPublishPermission,
+      hasSavePermission
+    } = await getDocumentPermissions({
+      id: user.id,
+      collectionConfig,
+      data: user,
+      req
+    });
+    const {
+      data,
+      formState
+    } = await getDocumentData({
+      id: user.id,
+      collectionConfig,
+      locale,
+      req
+    });
+    const createMappedComponent = getCreateMappedComponent({
+      importMap: payload.importMap,
+      serverProps: {
+        i18n,
+        initPageResult,
+        locale,
+        params,
+        payload,
+        permissions,
+        routeSegments: [],
+        searchParams,
+        user
+      }
+    });
+    const mappedAccountComponent = createMappedComponent(CustomAccountComponent?.Component, undefined, EditView, 'CustomAccountComponent.Component');
+    return /*#__PURE__*/_jsx(DocumentInfoProvider, {
+      AfterFields: /*#__PURE__*/_jsx(Settings, {
+        i18n: i18n,
+        languageOptions: languageOptions,
+        theme: theme
+      }),
+      apiURL: `${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`,
+      collectionSlug: userSlug,
+      docPermissions: docPermissions,
+      hasPublishPermission: hasPublishPermission,
+      hasSavePermission: hasSavePermission,
+      id: user?.id,
+      initialData: data,
+      initialState: formState,
+      isEditing: true,
+      children: /*#__PURE__*/_jsxs(EditDepthProvider, {
+        depth: 1,
+        children: [/*#__PURE__*/_jsx(DocumentHeader, {
+          collectionConfig: collectionConfig,
+          hideTabs: true,
+          i18n: i18n,
+          payload: payload,
+          permissions: permissions
+        }), /*#__PURE__*/_jsx(HydrateAuthProvider, {
+          permissions: permissions
+        }), /*#__PURE__*/_jsx(RenderComponent, {
+          mappedComponent: mappedAccountComponent
+        }), /*#__PURE__*/_jsx(AccountClient, {})]
+      })
+    });
+  }
+  return notFound();
 };
-
 //# sourceMappingURL=index.js.map

package/dist/views/Account/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { ServerSideEditViewProps } from 'payload/types'\nimport type { AdminViewProps } from 'payload/types'\n\nimport { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader'\nimport { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser'\nimport { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent'\nimport { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo'\nimport { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { EditView } from '../Edit/index.js'\nimport { Settings } from './Settings/index.js'\n\nexport { generateAccountMetadata } from './meta.js'\n\nexport const Account: React.FC<AdminViewProps> = ({ initPageResult, params, searchParams }) => {\n  const {\n    locale,\n    permissions,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: { components: { views: { Account: CustomAccountComponent } = {} } = {}, user: userSlug },\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionPermissions = permissions?.collections?.[userSlug]\n\n  const collectionConfig = config.collections.find((collection) => collection.slug === userSlug)\n\n  if (collectionConfig) {\n    const viewComponentProps: ServerSideEditViewProps = {\n      initPageResult,\n      params,\n      routeSegments: [],\n      searchParams,\n    }\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings />}\n        action={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        docPermissions={collectionPermissions}\n        hasSavePermission={collectionPermissions?.update?.permission}\n        id={user?.id}\n        isEditing\n      >\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          hideTabs\n          i18n={i18n}\n        />\n        <HydrateClientUser permissions={permissions} user={user} />\n        <FormQueryParamsProvider\n          initialParams={{\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: locale.code,\n            uploadEdits: undefined,\n          }}\n        >\n          <RenderCustomComponent\n            CustomComponent={\n              typeof CustomAccountComponent === 'function' ? CustomAccountComponent : undefined\n            }\n            DefaultComponent={EditView}\n            componentProps={viewComponentProps}\n          />\n        </FormQueryParamsProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["DocumentHeader","HydrateClientUser","RenderCustomComponent","DocumentInfoProvider","FormQueryParamsProvider","notFound","React","EditView","Settings","generateAccountMetadata","Account","initPageResult","params","searchParams","locale","permissions","req","i18n","payload","config","user","admin","components","views","CustomAccountComponent","userSlug","routes","api","serverURL","collectionPermissions","collections","collectionConfig","find","collection","slug","viewComponentProps","routeSegments","AfterFields","action","id","apiURL","collectionSlug","docPermissions","hasSavePermission","update","permission","isEditing","hideTabs","initialParams","depth","code","uploadEdits","undefined","CustomComponent","DefaultComponent","componentProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,cAAc,QAAQ,yCAAwC;AACvE,SAASC,iBAAiB,QAAQ,4CAA2C;AAC7E,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,oBAAoB,QAAQ,wCAAuC;AAC5E,SAASC,uBAAuB,QAAQ,2CAA0C;AAClF,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,mBAAkB;AAC3C,SAASC,QAAQ,QAAQ,sBAAqB;AAE9C,SAASC,uBAAuB,QAAQ,YAAW;AAEnD,OAAO,MAAMC,UAAoC,CAAC,EAAEC,cAAc,EAAEC,MAAM,EAAEC,YAAY,EAAE;IACxF,MAAM,EACJC,MAAM,EACNC,WAAW,EACXC,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EAAEC,MAAM,EAAE,EACnBC,IAAI,EACL,EACF,GAAGT;IAEJ,MAAM,EACJU,OAAO,EAAEC,YAAY,EAAEC,OAAO,EAAEb,SAASc,sBAAsB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAEJ,MAAMK,QAAQ,EAAE,EAC/FC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGT;IAEJ,MAAMU,wBAAwBd,aAAae,aAAa,CAACL,SAAS;IAElE,MAAMM,mBAAmBZ,OAAOW,WAAW,CAACE,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKT;IAErF,IAAIM,kBAAkB;QACpB,MAAMI,qBAA8C;YAClDxB;YACAC;YACAwB,eAAe,EAAE;YACjBvB;QACF;QAEA,qBACE,oBAACV;YACCkC,2BAAa,oBAAC7B;YACd8B,QAAQ,CAAC,EAAEV,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMmB,KAAK,CAAC,CAAC,EAAEnB,KAAKmB,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEC,QAAQ,CAAC,EAAEZ,UAAU,EAAED,IAAI,CAAC,EAAEF,SAAS,EAAEL,MAAMmB,KAAK,CAAC,CAAC,EAAEnB,KAAKmB,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;YACxEE,gBAAgBhB;YAChBiB,gBAAgBb;YAChBc,mBAAmBd,uBAAuBe,QAAQC;YAClDN,IAAInB,MAAMmB;YACVO,WAAAA;yBAEA,oBAAC9C;YACC+B,kBAAkBA;YAClBZ,QAAQD,QAAQC,MAAM;YACtB4B,UAAAA;YACA9B,MAAMA;0BAER,oBAAChB;YAAkBc,aAAaA;YAAaK,MAAMA;0BACnD,oBAAChB;YACC4C,eAAe;gBACbC,OAAO;gBACP,mBAAmB;gBACnBnC,QAAQA,OAAOoC,IAAI;gBACnBC,aAAaC;YACf;yBAEA,oBAAClD;YACCmD,iBACE,OAAO7B,2BAA2B,aAAaA,yBAAyB4B;YAE1EE,kBAAkB/C;YAClBgD,gBAAgBpB;;IAK1B;IAEA,OAAO9B;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderComponent","getCreateMappedComponent","notFound","React","DocumentHeader","getDocumentData","getDocumentPermissions","EditView","AccountClient","Settings","generateAccountMetadata","Account","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","components","views","CustomAccountComponent","theme","userSlug","routes","api","serverURL","collectionConfig","collections","find","collection","slug","id","docPermissions","hasPublishPermission","hasSavePermission","data","formState","createMappedComponent","importMap","serverProps","routeSegments","mappedAccountComponent","Component","undefined","_jsx","AfterFields","apiURL","collectionSlug","initialData","initialState","isEditing","_jsxs","depth","hideTabs","mappedComponent"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport {\n  DocumentInfoProvider,\n  EditDepthProvider,\n  HydrateAuthProvider,\n  RenderComponent,\n} from '@payloadcms/ui'\nimport { getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport { notFound } from 'next/navigation.js'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { getDocumentData } from '../Document/getDocumentData.js'\nimport { getDocumentPermissions } from '../Document/getDocumentPermissions.js'\nimport { EditView } from '../Edit/index.js'\nimport { AccountClient } from './index.client.js'\nimport { Settings } from './Settings/index.js'\n\nexport { generateAccountMetadata } from './meta.js'\n\nexport const Account: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    languageOptions,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: {\n      components: { views: { Account: CustomAccountComponent } = {} } = {},\n      theme,\n      user: userSlug,\n    },\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionConfig = config.collections.find((collection) => collection.slug === userSlug)\n\n  if (collectionConfig && user?.id) {\n    const { docPermissions, hasPublishPermission, hasSavePermission } =\n      await getDocumentPermissions({\n        id: user.id,\n        collectionConfig,\n        data: user,\n        req,\n      })\n\n    const { data, formState } = await getDocumentData({\n      id: user.id,\n      collectionConfig,\n      locale,\n      req,\n    })\n\n    const createMappedComponent = getCreateMappedComponent({\n      importMap: payload.importMap,\n      serverProps: {\n        i18n,\n        initPageResult,\n        locale,\n        params,\n        payload,\n        permissions,\n        routeSegments: [],\n        searchParams,\n        user,\n      },\n    })\n\n    const mappedAccountComponent = createMappedComponent(\n      CustomAccountComponent?.Component,\n      undefined,\n      EditView,\n      'CustomAccountComponent.Component',\n    )\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={<Settings i18n={i18n} languageOptions={languageOptions} theme={theme} />}\n        apiURL={`${serverURL}${api}/${userSlug}${user?.id ? `/${user.id}` : ''}`}\n        collectionSlug={userSlug}\n        docPermissions={docPermissions}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        id={user?.id}\n        initialData={data}\n        initialState={formState}\n        isEditing\n      >\n        <EditDepthProvider depth={1}>\n          <DocumentHeader\n            collectionConfig={collectionConfig}\n            hideTabs\n            i18n={i18n}\n            payload={payload}\n            permissions={permissions}\n          />\n          <HydrateAuthProvider permissions={permissions} />\n          <RenderComponent mappedComponent={mappedAccountComponent} />\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return notFound()\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Account/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Account/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,uBAAuB,EAAE,oBAOrC,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Account/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,uBAAuB,EAAE,oBAOlC,CAAA"}

package/dist/views/Account/meta.js

@@ -1,11 +1,14 @@
 import { meta } from '../../utilities/meta.js';
-export const generateAccountMetadata = async ({ config, i18n: { t } })=>{
-    return meta({
-        config,
-        description: `${t('authentication:accountOfCurrentUser')}`,
-        keywords: `${t('authentication:account')}`,
-        title: t('authentication:account')
-    });
-};
-
+export const generateAccountMetadata = async ({
+  config,
+  i18n: {
+    t
+  }
+}) => meta({
+  description: `${t('authentication:accountOfCurrentUser')}`,
+  keywords: `${t('authentication:account')}`,
+  serverURL: config.serverURL,
+  title: t('authentication:account'),
+  ...(config.admin.meta || {})
+});
 //# sourceMappingURL=meta.js.map

package/dist/views/Account/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Account/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateAccountMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) => {\n  return meta({\n    config,\n    description: `${t('authentication:accountOfCurrentUser')}`,\n    keywords: `${t('authentication:account')}`,\n    title: t('authentication:account'),\n  })\n}\n"],"names":["meta","generateAccountMetadata","config","i18n","t","description","keywords","title"],"rangeMappings":";;;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,0BAAgD,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,CAAC,EAAE,EAAE;IACzF,OAAOJ,KAAK;QACVE;QACAG,aAAa,CAAC,EAAED,EAAE,uCAAuC,CAAC;QAC1DE,UAAU,CAAC,EAAEF,EAAE,0BAA0B,CAAC;QAC1CG,OAAOH,EAAE;IACX;AACF,EAAC"}
+{"version":3,"file":"meta.js","names":["meta","generateAccountMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"sources":["../../../src/views/Account/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateAccountMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: `${t('authentication:accountOfCurrentUser')}`,\n    keywords: `${t('authentication:account')}`,\n    serverURL: config.serverURL,\n    title: t('authentication:account'),\n    ...(config.admin.meta || {}),\n  })\n"],"mappings":"AAEA,SAASA,IAAI,QAAQ;AAErB,OAAO,MAAMC,uBAAA,GAAgD,MAAAA,CAAO;EAAEC,MAAM;EAAEC,IAAA,EAAM;IAAEC;EAAC;AAAE,CAAE,KACzFJ,IAAA,CAAK;EACHK,WAAA,EAAa,GAAGD,CAAA,CAAE,wCAAwC;EAC1DE,QAAA,EAAU,GAAGF,CAAA,CAAE,2BAA2B;EAC1CG,SAAA,EAAWL,MAAA,CAAOK,SAAS;EAC3BC,KAAA,EAAOJ,CAAA,CAAE;EACT,IAAIF,MAAA,CAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;AAC7B","ignoreList":[]}

package/dist/views/CreateFirstUser/index.client.d.ts

@@ -1,7 +1,8 @@
-import type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap';
+import type { FormState, LoginWithUsernameOptions } from 'payload';
 import React from 'react';
-export declare const CreateFirstUserFields: React.FC<{
-    createFirstUserFieldMap: FieldMap;
+export declare const CreateFirstUserClient: React.FC<{
+    initialState: FormState;
+    loginWithUsername?: false | LoginWithUsernameOptions;
     userSlug: string;
 }>;
 //# sourceMappingURL=index.client.d.ts.map

package/dist/views/CreateFirstUser/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AAI1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,uBAAuB,EAAE,QAAQ,CAAA;IACjC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAcA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,SAAS,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAa1F,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,YAAY,EAAE,SAAS,CAAA;IACvB,iBAAiB,CAAC,EAAE,KAAK,GAAG,wBAAwB,CAAA;IACpD,QAAQ,EAAE,MAAM,CAAA;CACjB,CAuEA,CAAA"}

package/dist/views/CreateFirstUser/index.client.js

@@ -1,22 +1,125 @@
 'use client';
-import { RenderFields } from '@payloadcms/ui/forms/RenderFields';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfirmPasswordField, Form, FormSubmit, PasswordField, RenderFields, useAuth, useConfig, useTranslation } from '@payloadcms/ui';
+import { getFormState } from '@payloadcms/ui/shared';
 import React from 'react';
-export const CreateFirstUserFields = ({ createFirstUserFieldMap, userSlug })=>{
-    const { getFieldMap } = useComponentMap();
-    const fieldMap = getFieldMap({
-        collectionSlug: userSlug
+import { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js';
+export const CreateFirstUserClient = t0 => {
+  const $ = _c(16);
+  const {
+    initialState,
+    loginWithUsername,
+    userSlug
+  } = t0;
+  const {
+    config: t1,
+    getEntityConfig
+  } = useConfig();
+  const {
+    routes: t2,
+    serverURL
+  } = t1;
+  const {
+    admin,
+    api: apiRoute
+  } = t2;
+  const {
+    t
+  } = useTranslation();
+  const {
+    setUser
+  } = useAuth();
+  let t3;
+  if ($[0] !== userSlug || $[1] !== getEntityConfig || $[2] !== apiRoute || $[3] !== serverURL || $[4] !== setUser || $[5] !== loginWithUsername || $[6] !== t || $[7] !== initialState || $[8] !== admin) {
+    const collectionConfig = getEntityConfig({
+      collectionSlug: userSlug
     });
-    return /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: [
-            ...createFirstUserFieldMap || [],
-            ...fieldMap || []
-        ],
+    let t4;
+    if ($[10] !== apiRoute || $[11] !== userSlug || $[12] !== serverURL) {
+      t4 = async t5 => {
+        const {
+          formState: prevFormState
+        } = t5;
+        const {
+          state
+        } = await getFormState({
+          apiRoute,
+          body: {
+            collectionSlug: userSlug,
+            formState: prevFormState,
+            operation: "create",
+            schemaPath: `_${userSlug}.auth`
+          },
+          serverURL
+        });
+        return state;
+      };
+      $[10] = apiRoute;
+      $[11] = userSlug;
+      $[12] = serverURL;
+      $[13] = t4;
+    } else {
+      t4 = $[13];
+    }
+    const onChange = t4;
+    let t5;
+    if ($[14] !== setUser) {
+      t5 = data => {
+        setUser(data);
+      };
+      $[14] = setUser;
+      $[15] = t5;
+    } else {
+      t5 = $[15];
+    }
+    const handleFirstRegister = t5;
+    t3 = _jsxs(Form, {
+      action: `${serverURL}${apiRoute}/${userSlug}/first-register`,
+      initialState,
+      method: "POST",
+      onChange: [onChange],
+      onSuccess: handleFirstRegister,
+      redirect: admin,
+      validationOperation: "create",
+      children: [_jsx(RenderEmailAndUsernameFields, {
+        className: "emailAndUsername",
+        loginWithUsername,
+        operation: "create",
+        readOnly: false
+      }), _jsx(PasswordField, {
+        autoComplete: "off",
+        field: {
+          name: "password",
+          label: t("authentication:newPassword"),
+          required: true
+        }
+      }), _jsx(ConfirmPasswordField, {}), _jsx(RenderFields, {
+        fields: collectionConfig.fields,
+        forceRender: true,
         operation: "create",
         path: "",
         readOnly: false,
         schemaPath: userSlug
+      }), _jsx(FormSubmit, {
+        size: "large",
+        children: t("general:create")
+      })]
     });
+    $[0] = userSlug;
+    $[1] = getEntityConfig;
+    $[2] = apiRoute;
+    $[3] = serverURL;
+    $[4] = setUser;
+    $[5] = loginWithUsername;
+    $[6] = t;
+    $[7] = initialState;
+    $[8] = admin;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 };
-
 //# sourceMappingURL=index.client.js.map

package/dist/views/CreateFirstUser/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { RenderFields } from '@payloadcms/ui/forms/RenderFields'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport React from 'react'\n\nexport const CreateFirstUserFields: React.FC<{\n  createFirstUserFieldMap: FieldMap\n  userSlug: string\n}> = ({ createFirstUserFieldMap, userSlug }) => {\n  const { getFieldMap } = useComponentMap()\n\n  const fieldMap = getFieldMap({ collectionSlug: userSlug })\n\n  return (\n    <RenderFields\n      fieldMap={[...(createFirstUserFieldMap || []), ...(fieldMap || [])]}\n      operation=\"create\"\n      path=\"\"\n      readOnly={false}\n      schemaPath={userSlug}\n    />\n  )\n}\n"],"names":["RenderFields","useComponentMap","React","CreateFirstUserFields","createFirstUserFieldMap","userSlug","getFieldMap","fieldMap","collectionSlug","operation","path","readOnly","schemaPath"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,oCAAmC;AAChE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,wBAGR,CAAC,EAAEC,uBAAuB,EAAEC,QAAQ,EAAE;IACzC,MAAM,EAAEC,WAAW,EAAE,GAAGL;IAExB,MAAMM,WAAWD,YAAY;QAAEE,gBAAgBH;IAAS;IAExD,qBACE,oBAACL;QACCO,UAAU;eAAKH,2BAA2B,EAAE;eAAOG,YAAY,EAAE;SAAE;QACnEE,WAAU;QACVC,MAAK;QACLC,UAAU;QACVC,YAAYP;;AAGlB,EAAC"}
+{"version":3,"file":"index.client.js","names":["c","_c","ConfirmPasswordField","Form","FormSubmit","PasswordField","RenderFields","useAuth","useConfig","useTranslation","getFormState","React","RenderEmailAndUsernameFields","CreateFirstUserClient","t0","$","initialState","loginWithUsername","userSlug","config","t1","getEntityConfig","routes","t2","serverURL","admin","api","apiRoute","t","setUser","t3","collectionConfig","collectionSlug","t4","t5","formState","prevFormState","state","body","operation","schemaPath","onChange","data","handleFirstRegister","_jsxs","action","method","onSuccess","redirect","validationOperation","children","_jsx","className","readOnly","autoComplete","field","name","label","required","fields","forceRender","path","size"],"sources":["../../../src/views/CreateFirstUser/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormProps, UserWithToken } from '@payloadcms/ui'\nimport type { ClientCollectionConfig, FormState, LoginWithUsernameOptions } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  FormSubmit,\n  PasswordField,\n  RenderFields,\n  useAuth,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { RenderEmailAndUsernameFields } from '../../elements/EmailAndUsername/index.js'\n\nexport const CreateFirstUserClient: React.FC<{\n  initialState: FormState\n  loginWithUsername?: false | LoginWithUsernameOptions\n  userSlug: string\n}> = ({ initialState, loginWithUsername, userSlug }) => {\n  const {\n    config: {\n      routes: { admin, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug }) as ClientCollectionConfig\n\n  const onChange: FormProps['onChange'][0] = React.useCallback(\n    async ({ formState: prevFormState }) => {\n      const { state } = await getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: userSlug,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath: `_${userSlug}.auth`,\n        },\n        serverURL,\n      })\n      return state\n    },\n    [apiRoute, userSlug, serverURL],\n  )\n\n  const handleFirstRegister = (data: UserWithToken) => {\n    setUser(data)\n  }\n\n  return (\n    <Form\n      action={`${serverURL}${apiRoute}/${userSlug}/first-register`}\n      initialState={initialState}\n      method=\"POST\"\n      onChange={[onChange]}\n      onSuccess={handleFirstRegister}\n      redirect={admin}\n      validationOperation=\"create\"\n    >\n      <RenderEmailAndUsernameFields\n        className=\"emailAndUsername\"\n        loginWithUsername={loginWithUsername}\n        operation=\"create\"\n        readOnly={false}\n      />\n      <PasswordField\n        autoComplete={'off'}\n        field={{\n          name: 'password',\n          label: t('authentication:newPassword'),\n          required: true,\n        }}\n      />\n      <ConfirmPasswordField />\n      <RenderFields\n        fields={collectionConfig.fields}\n        forceRender\n        operation=\"create\"\n        path=\"\"\n        readOnly={false}\n        schemaPath={userSlug}\n      />\n      <FormSubmit size=\"large\">{t('general:create')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 import './index.scss';
 export { generateCreateFirstUserMetadata } from './meta.js';

package/dist/views/CreateFirstUser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAOnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAE3D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+FxD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAE3D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoCxD,CAAA"}