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

package/dist/views/Edit/Default/index.scss

@@ -1,21 +1,23 @@
 @import '../../../scss/styles.scss';
 
-.collection-edit {
-  width: 100%;
+@layer payload-default {
+  .collection-edit {
+    width: 100%;
 
-  &__form {
-    height: 100%;
-  }
-
-  &__auth {
-    margin-bottom: calc(var(--base) * 2);
-    margin-top: calc(var(--base) * 0.5);
-  }
+    &__form {
+      height: 100%;
+    }
 
-  @include small-break {
     &__auth {
-      margin-top: 0;
-      margin-bottom: var(--base);
+      margin-bottom: base(1.6);
+      border-radius: var(--style-radius-s);
+    }
+
+    @include small-break {
+      &__auth {
+        margin-top: 0;
+        margin-bottom: var(--base);
+      }
     }
   }
 }

package/dist/views/Edit/Default/types.d.ts

@@ -1,4 +1,4 @@
-import type { SanitizedCollectionConfig } from 'payload/types';
+import type { SanitizedCollectionConfig } from 'payload';
 export type IndexProps = {
     collection: SanitizedCollectionConfig;
     isEditing?: boolean;

package/dist/views/Edit/Default/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAE9D,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,EAAE,yBAAyB,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,EAAE,yBAAyB,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}

package/dist/views/Edit/Default/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/views/Edit/Default/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Edit/Default/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload/types'\n\nexport type IndexProps = {\n  collection: SanitizedCollectionConfig\n  isEditing?: boolean\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAGC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Edit/Default/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload'\n\nexport type IndexProps = {\n  collection: SanitizedCollectionConfig\n  isEditing?: boolean\n}\n"],"mappings":"AAEA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.client.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAqBlC,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.client.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAyBlC,CAAA"}

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

@@ -1,23 +1,54 @@
 'use client';
-import { LoadingOverlay } from '@payloadcms/ui/elements/Loading';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RenderComponent, SetViewActions, useConfig, useDocumentInfo } from '@payloadcms/ui';
 import React, { Fragment } from 'react';
-export const EditViewClient = ()=>{
-    const { collectionSlug, globalSlug } = useDocumentInfo();
-    const { getComponentMap } = useComponentMap();
-    const { Edit, actionsMap } = getComponentMap({
-        collectionSlug,
+export const EditViewClient = () => {
+  const $ = _c(5);
+  const {
+    collectionSlug,
+    globalSlug
+  } = useDocumentInfo();
+  const {
+    getEntityConfig
+  } = useConfig();
+  let t0;
+  let t1;
+  if ($[0] !== collectionSlug || $[1] !== getEntityConfig || $[2] !== globalSlug) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const collectionConfig = getEntityConfig({
+        collectionSlug
+      });
+      const globalConfig = getEntityConfig({
         globalSlug
-    });
-    // Allow the `DocumentInfoProvider` to hydrate
-    if (!Edit || !collectionSlug && !globalSlug) {
-        return /*#__PURE__*/ React.createElement(LoadingOverlay, null);
+      });
+      const Edit = (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.default?.Component;
+      if (!Edit) {
+        t1 = null;
+        break bb0;
+      }
+      t0 = _jsxs(Fragment, {
+        children: [_jsx(SetViewActions, {
+          actions: (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.default?.actions
+        }), _jsx(RenderComponent, {
+          mappedComponent: Edit
+        })]
+      });
     }
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: actionsMap?.Edit?.Default
-    }), Edit);
+    $[0] = collectionSlug;
+    $[1] = getEntityConfig;
+    $[2] = globalSlug;
+    $[3] = t0;
+    $[4] = t1;
+  } else {
+    t0 = $[3];
+    t1 = $[4];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+  return t0;
 };
-
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { LoadingOverlay } from '@payloadcms/ui/elements/Loading'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport React, { Fragment } from 'react'\n\nexport const EditViewClient: React.FC = () => {\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap } = useComponentMap()\n\n  const { Edit, actionsMap } = getComponentMap({\n    collectionSlug,\n    globalSlug,\n  })\n\n  // Allow the `DocumentInfoProvider` to hydrate\n  if (!Edit || (!collectionSlug && !globalSlug)) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <Fragment>\n      <SetViewActions actions={actionsMap?.Edit?.Default} />\n      {Edit}\n    </Fragment>\n  )\n}\n"],"names":["LoadingOverlay","SetViewActions","useComponentMap","useDocumentInfo","React","Fragment","EditViewClient","collectionSlug","globalSlug","getComponentMap","Edit","actionsMap","actions","Default"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,cAAc,QAAQ,kCAAiC;AAChE,SAASC,cAAc,QAAQ,mCAAkC;AACjE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,iBAA2B;IACtC,MAAM,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGL;IAEvC,MAAM,EAAEM,eAAe,EAAE,GAAGP;IAE5B,MAAM,EAAEQ,IAAI,EAAEC,UAAU,EAAE,GAAGF,gBAAgB;QAC3CF;QACAC;IACF;IAEA,8CAA8C;IAC9C,IAAI,CAACE,QAAS,CAACH,kBAAkB,CAACC,YAAa;QAC7C,qBAAO,oBAACR;IACV;IAEA,qBACE,oBAACK,8BACC,oBAACJ;QAAeW,SAASD,YAAYD,MAAMG;QAC1CH;AAGP,EAAC"}
+{"version":3,"file":"index.client.js","names":["c","_c","RenderComponent","SetViewActions","useConfig","useDocumentInfo","React","Fragment","EditViewClient","$","collectionSlug","globalSlug","getEntityConfig","t0","t1","Symbol","for","bb0","collectionConfig","globalConfig","Edit","admin","components","views","edit","default","Component","_jsxs","children","_jsx","actions","mappedComponent"],"sources":["../../../src/views/Edit/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { RenderComponent, SetViewActions, useConfig, useDocumentInfo } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nexport const EditViewClient: React.FC = () => {\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n  const globalConfig = getEntityConfig({ globalSlug }) as ClientGlobalConfig\n\n  const Edit = (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.default\n    ?.Component\n\n  if (!Edit) {\n    return null\n  }\n\n  return (\n    <Fragment>\n      <SetViewActions\n        actions={\n          (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.default?.actions\n        }\n      />\n      <RenderComponent mappedComponent={Edit} />\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,eAAe,EAAEC,cAAc,EAAEC,SAAS,EAAEC,eAAe,QAAQ;AAC5E,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,OAAO,MAAMC,cAAA,GAA2BA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACtC;IAAAS,cAAA;IAAAC;EAAA,IAAuCN,eAAA;EAEvC;IAAAO;EAAA,IAA4BR,SAAA;EAAA,IAAAS,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAE,UAAA;IASnBG,EAAA,GAAAC,MAAA,CAAAC,GAAA;IAAAC,GAAA;MAPT,MAAAC,gBAAA,GAAyBN,eAAA;QAAAF;MAAA,CAAiC;MAC1D,MAAAS,YAAA,GAAqBP,eAAA;QAAAD;MAAA,CAA6B;MAElD,MAAAS,IAAA,IAAcF,gBAAA,IAAoBC,YAAW,GAAAE,KAAA,EAAAC,UAAA,EAAAC,KAAA,EAAAC,IAAA,EAAAC,OAAA,EAAAC,SAAA;MACzC,KAECN,IAAA;QACIN,EAAA;QAAA,MAAAG,GAAA;MAAA;MAIPJ,EAAA,GAAAc,KAAA,CAAApB,QAAA;QAAAqB,QAAA,GACEC,IAAA,CAAA1B,cAAA;UAAA2B,OAAA,GAEKZ,gBAAA,IAAoBC,YAAW,GAAAE,KAAA,EAAAC,UAAA,EAAAC,KAAA,EAAAC,IAAA,EAAAC,OAAA,EAAAK;QAAA,C,GAGpCD,IAAA,CAAA3B,eAAA;UAAA6B,eAAA,EAAkCX;QAAA,C;;;;;;;;;;;;;;;SANpCP,E;CASJ","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-import type { EditViewComponent } from 'payload/types';
-export declare const EditView: EditViewComponent;
+import type { EditViewComponent, PayloadServerReactComponent } from 'payload';
+export declare const EditView: PayloadServerReactComponent<EditViewComponent>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAMtD,eAAO,MAAM,QAAQ,EAAE,iBAEtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAM7E,eAAO,MAAM,QAAQ,EAAE,2BAA2B,CAAC,iBAAiB,CAEnE,CAAA"}

package/dist/views/Edit/index.js

@@ -1,7 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { EditViewClient } from './index.client.js';
-export const EditView = ()=>{
-    return /*#__PURE__*/ React.createElement(EditViewClient, null);
+export const EditView = () => {
+  return /*#__PURE__*/_jsx(EditViewClient, {});
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload/types'\n\nimport React from 'react'\n\nimport { EditViewClient } from './index.client.js'\n\nexport const EditView: EditViewComponent = () => {\n  return <EditViewClient />\n}\n"],"names":["React","EditViewClient","EditView"],"rangeMappings":";;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,oBAAmB;AAElD,OAAO,MAAMC,WAA8B;IACzC,qBAAO,oBAACD;AACV,EAAC"}
+{"version":3,"file":"index.js","names":["React","EditViewClient","EditView","_jsx"],"sources":["../../../src/views/Edit/index.tsx"],"sourcesContent":["import type { EditViewComponent, PayloadServerReactComponent } from 'payload'\n\nimport React from 'react'\n\nimport { EditViewClient } from './index.client.js'\n\nexport const EditView: PayloadServerReactComponent<EditViewComponent> = () => {\n  return <EditViewClient />\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,QAAA,GAA2DA,CAAA;EACtE,oBAAOC,IAAA,CAACF,cAAA;AACV","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/meta.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAuC9B,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/meta.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAyD9B,CAAA"}

package/dist/views/Edit/meta.js

@@ -1,26 +1,47 @@
 import { getTranslation } from '@payloadcms/translations';
 import { meta } from '../../utilities/meta.js';
-export const generateMetadata = async ({ collectionConfig, config, globalConfig, i18n, isEditing })=>{
-    const { t } = i18n;
-    let description = '';
-    let title = '';
-    let keywords = '';
-    if (collectionConfig) {
-        description = `${isEditing ? t('general:editing') : t('general:creating')} - ${getTranslation(collectionConfig.labels.singular, i18n)}`;
-        title = `${isEditing ? t('general:editing') : t('general:creating')} - ${getTranslation(collectionConfig.labels.singular, i18n)}`;
-        keywords = `${getTranslation(collectionConfig.labels.singular, i18n)}, Payload, CMS`;
-    }
-    if (globalConfig) {
-        description = getTranslation(globalConfig.label, i18n);
-        keywords = `${getTranslation(globalConfig.label, i18n)}, Payload, CMS`;
-        title = getTranslation(globalConfig.label, i18n);
-    }
-    return meta({
-        config,
-        description,
-        keywords,
-        title
-    });
+export const generateMetadata = async ({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n,
+  isEditing,
+  view = 'default'
+}) => {
+  const {
+    t
+  } = i18n;
+  const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
+  const metaToUse = {
+    ...(config.admin.meta || {}),
+    description: `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`,
+    keywords: `${entityLabel}, Payload, CMS`,
+    title: `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`
+  };
+  const ogToUse = {
+    title: `${isEditing ? t('general:edit') : t('general:edit')} - ${entityLabel}`,
+    ...(config.admin.meta.openGraph || {}),
+    ...(collectionConfig ? {
+      ...(collectionConfig?.admin.meta?.openGraph || {}),
+      ...(collectionConfig?.admin?.components?.views?.edit?.[view]?.meta?.openGraph || {})
+    } : {}),
+    ...(globalConfig ? {
+      ...(globalConfig?.admin.meta?.openGraph || {}),
+      ...(globalConfig?.admin?.components?.views?.edit?.[view]?.meta?.openGraph || {})
+    } : {})
+  };
+  return meta({
+    ...metaToUse,
+    openGraph: ogToUse,
+    ...(collectionConfig ? {
+      ...(collectionConfig?.admin.meta || {}),
+      ...(collectionConfig?.admin?.components?.views?.edit?.[view]?.meta || {})
+    } : {}),
+    ...(globalConfig ? {
+      ...(globalConfig?.admin.meta || {}),
+      ...(globalConfig?.admin?.components?.views?.edit?.[view]?.meta || {})
+    } : {}),
+    serverURL: config.serverURL
+  });
 };
-
 //# sourceMappingURL=meta.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n  isEditing,\n}): Promise<Metadata> => {\n  const { t } = i18n\n\n  let description: string = ''\n  let title: string = ''\n  let keywords: string = ''\n\n  if (collectionConfig) {\n    description = `${isEditing ? t('general:editing') : t('general:creating')} - ${getTranslation(\n      collectionConfig.labels.singular,\n      i18n,\n    )}`\n\n    title = `${isEditing ? t('general:editing') : t('general:creating')} - ${getTranslation(\n      collectionConfig.labels.singular,\n      i18n,\n    )}`\n\n    keywords = `${getTranslation(collectionConfig.labels.singular, i18n)}, Payload, CMS`\n  }\n\n  if (globalConfig) {\n    description = getTranslation(globalConfig.label, i18n)\n    keywords = `${getTranslation(globalConfig.label, i18n)}, Payload, CMS`\n    title = getTranslation(globalConfig.label, i18n)\n  }\n\n  return meta({\n    config,\n    description,\n    keywords,\n    title,\n  })\n}\n"],"names":["getTranslation","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","isEditing","t","description","title","keywords","labels","singular","label"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,IAAI,EACJC,SAAS,EACV;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGF;IAEd,IAAIG,cAAsB;IAC1B,IAAIC,QAAgB;IACpB,IAAIC,WAAmB;IAEvB,IAAIR,kBAAkB;QACpBM,cAAc,CAAC,EAAEF,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAER,eAC7EG,iBAAiBS,MAAM,CAACC,QAAQ,EAChCP,MACA,CAAC;QAEHI,QAAQ,CAAC,EAAEH,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAER,eACvEG,iBAAiBS,MAAM,CAACC,QAAQ,EAChCP,MACA,CAAC;QAEHK,WAAW,CAAC,EAAEX,eAAeG,iBAAiBS,MAAM,CAACC,QAAQ,EAAEP,MAAM,cAAc,CAAC;IACtF;IAEA,IAAID,cAAc;QAChBI,cAAcT,eAAeK,aAAaS,KAAK,EAAER;QACjDK,WAAW,CAAC,EAAEX,eAAeK,aAAaS,KAAK,EAAER,MAAM,cAAc,CAAC;QACtEI,QAAQV,eAAeK,aAAaS,KAAK,EAAER;IAC7C;IAEA,OAAOL,KAAK;QACVG;QACAK;QACAE;QACAD;IACF;AACF,EAAC"}
+{"version":3,"file":"meta.js","names":["getTranslation","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","isEditing","view","t","entityLabel","labels","singular","label","metaToUse","admin","description","keywords","title","ogToUse","openGraph","components","views","edit","serverURL"],"sources":["../../../src/views/Edit/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { MetaConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n  isEditing,\n  view = 'default',\n}): Promise<Metadata> => {\n  const { t } = i18n\n\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  const metaToUse: MetaConfig = {\n    ...(config.admin.meta || {}),\n    description: `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`,\n    keywords: `${entityLabel}, Payload, CMS`,\n    title: `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`,\n  }\n\n  const ogToUse: MetaConfig['openGraph'] = {\n    title: `${isEditing ? t('general:edit') : t('general:edit')} - ${entityLabel}`,\n    ...(config.admin.meta.openGraph || {}),\n    ...(collectionConfig\n      ? {\n          ...(collectionConfig?.admin.meta?.openGraph || {}),\n          ...(collectionConfig?.admin?.components?.views?.edit?.[view]?.meta?.openGraph || {}),\n        }\n      : {}),\n    ...(globalConfig\n      ? {\n          ...(globalConfig?.admin.meta?.openGraph || {}),\n          ...(globalConfig?.admin?.components?.views?.edit?.[view]?.meta?.openGraph || {}),\n        }\n      : {}),\n  }\n\n  return meta({\n    ...metaToUse,\n    openGraph: ogToUse,\n    ...(collectionConfig\n      ? {\n          ...(collectionConfig?.admin.meta || {}),\n          ...(collectionConfig?.admin?.components?.views?.edit?.[view]?.meta || {}),\n        }\n      : {}),\n    ...(globalConfig\n      ? {\n          ...(globalConfig?.admin.meta || {}),\n          ...(globalConfig?.admin?.components?.views?.edit?.[view]?.meta || {}),\n        }\n      : {}),\n    serverURL: config.serverURL,\n  })\n}\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ;AAI/B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,gBAAA,GAA6C,MAAAA,CAAO;EAC/DC,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC,IAAI;EACJC,SAAS;EACTC,IAAA,GAAO;AAAS,CACjB;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGH,IAAA;EAEd,MAAMI,WAAA,GAAcP,gBAAA,GAChBH,cAAA,CAAeG,gBAAA,CAAiBQ,MAAM,CAACC,QAAQ,EAAEN,IAAA,IACjDD,YAAA,GACEL,cAAA,CAAeK,YAAA,CAAaQ,KAAK,EAAEP,IAAA,IACnC;EAEN,MAAMQ,SAAA,GAAwB;IAC5B,IAAIV,MAAA,CAAOW,KAAK,CAACd,IAAI,IAAI,CAAC,CAAC;IAC3Be,WAAA,EAAa,GAAGT,SAAA,GAAYE,CAAA,CAAE,qBAAqBA,CAAA,CAAE,yBAAyBC,WAAA,EAAa;IAC3FO,QAAA,EAAU,GAAGP,WAAA,gBAA2B;IACxCQ,KAAA,EAAO,GAAGX,SAAA,GAAYE,CAAA,CAAE,qBAAqBA,CAAA,CAAE,yBAAyBC,WAAA;EAC1E;EAEA,MAAMS,OAAA,GAAmC;IACvCD,KAAA,EAAO,GAAGX,SAAA,GAAYE,CAAA,CAAE,kBAAkBA,CAAA,CAAE,qBAAqBC,WAAA,EAAa;IAC9E,IAAIN,MAAA,CAAOW,KAAK,CAACd,IAAI,CAACmB,SAAS,IAAI,CAAC,CAAC;IACrC,IAAIjB,gBAAA,GACA;MACE,IAAIA,gBAAA,EAAkBY,KAAA,CAAMd,IAAA,EAAMmB,SAAA,IAAa,CAAC,CAAC;MACjD,IAAIjB,gBAAA,EAAkBY,KAAA,EAAOM,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOf,IAAA,CAAK,EAAEP,IAAA,EAAMmB,SAAA,IAAa,CAAC,CAAC;IACrF,IACA,CAAC,CAAC;IACN,IAAIf,YAAA,GACA;MACE,IAAIA,YAAA,EAAcU,KAAA,CAAMd,IAAA,EAAMmB,SAAA,IAAa,CAAC,CAAC;MAC7C,IAAIf,YAAA,EAAcU,KAAA,EAAOM,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOf,IAAA,CAAK,EAAEP,IAAA,EAAMmB,SAAA,IAAa,CAAC,CAAC;IACjF,IACA,CAAC,CAAC;EACR;EAEA,OAAOnB,IAAA,CAAK;IACV,GAAGa,SAAS;IACZM,SAAA,EAAWD,OAAA;IACX,IAAIhB,gBAAA,GACA;MACE,IAAIA,gBAAA,EAAkBY,KAAA,CAAMd,IAAA,IAAQ,CAAC,CAAC;MACtC,IAAIE,gBAAA,EAAkBY,KAAA,EAAOM,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOf,IAAA,CAAK,EAAEP,IAAA,IAAQ,CAAC,CAAC;IAC1E,IACA,CAAC,CAAC;IACN,IAAII,YAAA,GACA;MACE,IAAIA,YAAA,EAAcU,KAAA,CAAMd,IAAA,IAAQ,CAAC,CAAC;MAClC,IAAII,YAAA,EAAcU,KAAA,EAAOM,UAAA,EAAYC,KAAA,EAAOC,IAAA,GAAOf,IAAA,CAAK,EAAEP,IAAA,IAAQ,CAAC,CAAC;IACtE,IACA,CAAC,CAAC;IACNuB,SAAA,EAAWpB,MAAA,CAAOoB;EACpB;AACF","ignoreList":[]}

package/dist/views/Edit/sanitizeEditViewProps.d.ts

@@ -1,3 +1,3 @@
-import type { EditViewProps, ServerSideEditViewProps } from 'payload/types';
+import type { EditViewProps, ServerSideEditViewProps } from 'payload';
 export declare const sanitizeEditViewProps: (props: ServerSideEditViewProps) => EditViewProps;
 //# sourceMappingURL=sanitizeEditViewProps.d.ts.map

package/dist/views/Edit/sanitizeEditViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sanitizeEditViewProps.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/sanitizeEditViewProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAE3E,eAAO,MAAM,qBAAqB,UAAW,uBAAuB,KAAG,aAMtE,CAAA"}
+{"version":3,"file":"sanitizeEditViewProps.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/sanitizeEditViewProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAErE,eAAO,MAAM,qBAAqB,UAAW,uBAAuB,KAAG,aAMtE,CAAA"}

package/dist/views/Edit/sanitizeEditViewProps.js

@@ -1,11 +1,10 @@
-export const sanitizeEditViewProps = (props)=>{
-    const clientSideProps = {
-        ...props
-    };
-    delete clientSideProps.initPageResult.req;
-    delete clientSideProps.initPageResult.collectionConfig;
-    delete clientSideProps.initPageResult.globalConfig;
-    return clientSideProps;
+export const sanitizeEditViewProps = props => {
+  const clientSideProps = {
+    ...props
+  };
+  delete clientSideProps.initPageResult.req;
+  delete clientSideProps.initPageResult.collectionConfig;
+  delete clientSideProps.initPageResult.globalConfig;
+  return clientSideProps;
 };
-
 //# sourceMappingURL=sanitizeEditViewProps.js.map

package/dist/views/Edit/sanitizeEditViewProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/sanitizeEditViewProps.ts"],"sourcesContent":["import type { EditViewProps, ServerSideEditViewProps } from 'payload/types'\n\nexport const sanitizeEditViewProps = (props: ServerSideEditViewProps): EditViewProps => {\n  const clientSideProps = { ...props }\n  delete clientSideProps.initPageResult.req\n  delete clientSideProps.initPageResult.collectionConfig\n  delete clientSideProps.initPageResult.globalConfig\n  return clientSideProps as EditViewProps\n}\n"],"names":["sanitizeEditViewProps","props","clientSideProps","initPageResult","req","collectionConfig","globalConfig"],"rangeMappings":";;;;;;;;","mappings":"AAEA,OAAO,MAAMA,wBAAwB,CAACC;IACpC,MAAMC,kBAAkB;QAAE,GAAGD,KAAK;IAAC;IACnC,OAAOC,gBAAgBC,cAAc,CAACC,GAAG;IACzC,OAAOF,gBAAgBC,cAAc,CAACE,gBAAgB;IACtD,OAAOH,gBAAgBC,cAAc,CAACG,YAAY;IAClD,OAAOJ;AACT,EAAC"}
+{"version":3,"file":"sanitizeEditViewProps.js","names":["sanitizeEditViewProps","props","clientSideProps","initPageResult","req","collectionConfig","globalConfig"],"sources":["../../../src/views/Edit/sanitizeEditViewProps.ts"],"sourcesContent":["import type { EditViewProps, ServerSideEditViewProps } from 'payload'\n\nexport const sanitizeEditViewProps = (props: ServerSideEditViewProps): EditViewProps => {\n  const clientSideProps = { ...props }\n  delete clientSideProps.initPageResult.req\n  delete clientSideProps.initPageResult.collectionConfig\n  delete clientSideProps.initPageResult.globalConfig\n  return clientSideProps as EditViewProps\n}\n"],"mappings":"AAEA,OAAO,MAAMA,qBAAA,GAAyBC,KAAA;EACpC,MAAMC,eAAA,GAAkB;IAAE,GAAGD;EAAM;EACnC,OAAOC,eAAA,CAAgBC,cAAc,CAACC,GAAG;EACzC,OAAOF,eAAA,CAAgBC,cAAc,CAACE,gBAAgB;EACtD,OAAOH,eAAA,CAAgBC,cAAc,CAACG,YAAY;EAClD,OAAOJ,eAAA;AACT","ignoreList":[]}

package/dist/views/ForgotPassword/ForgotPasswordForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAGjD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAmEtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAsHtC,CAAA"}

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js

@@ -1,55 +1,166 @@
 'use client';
-import { Email } from '@payloadcms/ui/fields/Email';
-import { Form } from '@payloadcms/ui/forms/Form';
-import { FormSubmit } from '@payloadcms/ui/forms/Submit';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { email } from 'payload/fields/validations';
-import React, { Fragment, useState } from 'react';
-import { toast } from 'react-toastify';
-export const ForgotPasswordForm = ()=>{
-    const config = useConfig();
-    const { admin: { user: userSlug }, routes: { api } } = config;
-    const { t } = useTranslation();
-    const [hasSubmitted, setHasSubmitted] = useState(false);
-    const handleResponse = (res)=>{
-        res.json().then(()=>{
-            setHasSubmitted(true);
-        }, ()=>{
-            toast.error(t('authentication:emailNotValid'));
-        });
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui';
+import { email, text } from 'payload/shared';
+import React, { useState } from 'react';
+import { FormHeader } from '../../../elements/FormHeader/index.js';
+export const ForgotPasswordForm = () => {
+  const $ = _c(17);
+  const {
+    config
+  } = useConfig();
+  const {
+    admin: t0,
+    routes: t1
+  } = config;
+  const {
+    user: userSlug
+  } = t0;
+  const {
+    api
+  } = t1;
+  const {
+    t
+  } = useTranslation();
+  const [hasSubmitted, setHasSubmitted] = useState(false);
+  let t2;
+  if ($[0] !== config.collections || $[1] !== userSlug) {
+    t2 = config.collections?.find(collection => collection?.slug === userSlug);
+    $[0] = config.collections;
+    $[1] = userSlug;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const collectionConfig = t2;
+  const loginWithUsername = collectionConfig?.auth?.loginWithUsername;
+  let t3;
+  if ($[3] !== t || $[4] !== loginWithUsername) {
+    t3 = (res, successToast, errorToast) => {
+      res.json().then(() => {
+        setHasSubmitted(true);
+        successToast(t("general:submissionSuccessful"));
+      }).catch(() => {
+        errorToast(loginWithUsername ? t("authentication:usernameNotValid") : t("authentication:emailNotValid"));
+      });
     };
-    const initialState = {
+    $[3] = t;
+    $[4] = loginWithUsername;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const handleResponse = t3;
+  let t4;
+  let t5;
+  if ($[6] !== loginWithUsername || $[7] !== hasSubmitted || $[8] !== t || $[9] !== api || $[10] !== userSlug || $[11] !== config || $[12] !== handleResponse) {
+    t5 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const initialState = loginWithUsername ? {
+        username: {
+          initialValue: "",
+          valid: true,
+          value: undefined
+        }
+      } : {
         email: {
-            initialValue: '',
-            valid: true,
-            value: undefined
+          initialValue: "",
+          valid: true,
+          value: undefined
         }
-    };
-    if (hasSubmitted) {
-        return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("h1", null, t('authentication:emailSent')), /*#__PURE__*/ React.createElement("p", null, t('authentication:checkYourEmailForPasswordReset')));
-    }
-    return /*#__PURE__*/ React.createElement(Form, {
+      };
+      if (hasSubmitted) {
+        let t6;
+        if ($[15] !== t) {
+          t6 = _jsx(FormHeader, {
+            description: t("authentication:checkYourEmailForPasswordReset"),
+            heading: t("authentication:emailSent")
+          });
+          $[15] = t;
+          $[16] = t6;
+        } else {
+          t6 = $[16];
+        }
+        t5 = t6;
+        break bb0;
+      }
+      t4 = _jsxs(Form, {
         action: `${api}/${userSlug}/forgot-password`,
-        handleResponse: handleResponse,
-        initialState: initialState,
-        method: "POST"
-    }, /*#__PURE__*/ React.createElement("h1", null, t('authentication:forgotPassword')), /*#__PURE__*/ React.createElement("p", null, t('authentication:forgotPasswordEmailInstructions')), /*#__PURE__*/ React.createElement(Email, {
-        autoComplete: "email",
-        label: t('general:email'),
-        name: "email",
-        required: true,
-        validate: (value)=>email(value, {
-                name: 'email',
-                type: 'email',
-                data: {},
-                req: {
-                    t
-                },
-                required: true,
-                siblingData: {}
-            })
-    }), /*#__PURE__*/ React.createElement(FormSubmit, null, t('general:submit')));
+        handleResponse,
+        initialState,
+        method: "POST",
+        children: [_jsx(FormHeader, {
+          description: loginWithUsername ? t("authentication:forgotPasswordUsernameInstructions") : t("authentication:forgotPasswordEmailInstructions"),
+          heading: t("authentication:forgotPassword")
+        }), loginWithUsername ? _jsx(TextField, {
+          field: {
+            name: "username",
+            label: t("authentication:username"),
+            required: true
+          },
+          validate: value => text(value, {
+            name: "username",
+            type: "text",
+            data: {},
+            preferences: {
+              fields: {}
+            },
+            req: {
+              payload: {
+                config
+              },
+              t
+            },
+            required: true,
+            siblingData: {}
+          })
+        }) : _jsx(EmailField, {
+          autoComplete: "email",
+          field: {
+            name: "email",
+            label: t("general:email"),
+            required: true
+          },
+          validate: value_0 => email(value_0, {
+            name: "email",
+            type: "email",
+            data: {},
+            preferences: {
+              fields: {}
+            },
+            req: {
+              payload: {
+                config
+              },
+              t
+            },
+            required: true,
+            siblingData: {}
+          })
+        }), _jsx(FormSubmit, {
+          size: "large",
+          children: t("general:submit")
+        })]
+      });
+    }
+    $[6] = loginWithUsername;
+    $[7] = hasSubmitted;
+    $[8] = t;
+    $[9] = api;
+    $[10] = userSlug;
+    $[11] = config;
+    $[12] = handleResponse;
+    $[13] = t4;
+    $[14] = t5;
+  } else {
+    t4 = $[13];
+    t5 = $[14];
+  }
+  if (t5 !== Symbol.for("react.early_return_sentinel")) {
+    return t5;
+  }
+  return t4;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState, PayloadRequest } from 'payload/types'\n\nimport { Email } from '@payloadcms/ui/fields/Email'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { FormSubmit } from '@payloadcms/ui/forms/Submit'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { email } from 'payload/fields/validations'\nimport React, { Fragment, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const config = useConfig()\n\n  const {\n    admin: { user: userSlug },\n    routes: { api },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n\n  const handleResponse = (res) => {\n    res.json().then(\n      () => {\n        setHasSubmitted(true)\n      },\n      () => {\n        toast.error(t('authentication:emailNotValid'))\n      },\n    )\n  }\n\n  const initialState: FormState = {\n    email: {\n      initialValue: '',\n      valid: true,\n      value: undefined,\n    },\n  }\n\n  if (hasSubmitted) {\n    return (\n      <Fragment>\n        <h1>{t('authentication:emailSent')}</h1>\n        <p>{t('authentication:checkYourEmailForPasswordReset')}</p>\n      </Fragment>\n    )\n  }\n\n  return (\n    <Form\n      action={`${api}/${userSlug}/forgot-password`}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      method=\"POST\"\n    >\n      <h1>{t('authentication:forgotPassword')}</h1>\n      <p>{t('authentication:forgotPasswordEmailInstructions')}</p>\n      <Email\n        autoComplete=\"email\"\n        label={t('general:email')}\n        name=\"email\"\n        required\n        validate={(value) =>\n          email(value, {\n            name: 'email',\n            type: 'email',\n            data: {},\n            req: { t } as PayloadRequest,\n            required: true,\n            siblingData: {},\n          })\n        }\n      />\n      <FormSubmit>{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"names":["Email","Form","FormSubmit","useConfig","useTranslation","email","React","Fragment","useState","toast","ForgotPasswordForm","config","admin","user","userSlug","routes","api","t","hasSubmitted","setHasSubmitted","handleResponse","res","json","then","error","initialState","initialValue","valid","value","undefined","h1","p","action","method","autoComplete","label","name","required","validate","type","data","req","siblingData"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,KAAK,QAAQ,8BAA6B;AACnD,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,QAAQ,6BAA4B;AAClD,OAAOC,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,OAAO,MAAMC,qBAA+B;IAC1C,MAAMC,SAASR;IAEf,MAAM,EACJS,OAAO,EAAEC,MAAMC,QAAQ,EAAE,EACzBC,QAAQ,EAAEC,GAAG,EAAE,EAChB,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGb;IACd,MAAM,CAACc,cAAcC,gBAAgB,GAAGX,SAAS;IAEjD,MAAMY,iBAAiB,CAACC;QACtBA,IAAIC,IAAI,GAAGC,IAAI,CACb;YACEJ,gBAAgB;QAClB,GACA;YACEV,MAAMe,KAAK,CAACP,EAAE;QAChB;IAEJ;IAEA,MAAMQ,eAA0B;QAC9BpB,OAAO;YACLqB,cAAc;YACdC,OAAO;YACPC,OAAOC;QACT;IACF;IAEA,IAAIX,cAAc;QAChB,qBACE,oBAACX,8BACC,oBAACuB,YAAIb,EAAE,4CACP,oBAACc,WAAGd,EAAE;IAGZ;IAEA,qBACE,oBAAChB;QACC+B,QAAQ,CAAC,EAAEhB,IAAI,CAAC,EAAEF,SAAS,gBAAgB,CAAC;QAC5CM,gBAAgBA;QAChBK,cAAcA;QACdQ,QAAO;qBAEP,oBAACH,YAAIb,EAAE,iDACP,oBAACc,WAAGd,EAAE,kEACN,oBAACjB;QACCkC,cAAa;QACbC,OAAOlB,EAAE;QACTmB,MAAK;QACLC,UAAAA;QACAC,UAAU,CAACV,QACTvB,MAAMuB,OAAO;gBACXQ,MAAM;gBACNG,MAAM;gBACNC,MAAM,CAAC;gBACPC,KAAK;oBAAExB;gBAAE;gBACToB,UAAU;gBACVK,aAAa,CAAC;YAChB;sBAGJ,oBAACxC,kBAAYe,EAAE;AAGrB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","EmailField","Form","FormSubmit","TextField","useConfig","useTranslation","email","text","React","useState","FormHeader","ForgotPasswordForm","$","config","admin","t0","routes","t1","user","userSlug","api","t","hasSubmitted","setHasSubmitted","t2","collections","find","collection","slug","collectionConfig","loginWithUsername","auth","t3","res","successToast","errorToast","json","then","catch","handleResponse","t4","t5","Symbol","for","initialState","username","initialValue","valid","value","undefined","t6","_jsx","description","heading","_jsxs","action","method","children","field","name","label","required","validate","type","data","preferences","fields","req","payload","siblingData","autoComplete","value_0","size"],"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { FormState, PayloadRequest } from 'payload'\n\nimport { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { email, text } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { FormHeader } from '../../../elements/FormHeader/index.js'\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const { config } = useConfig()\n\n  const {\n    admin: { user: userSlug },\n    routes: { api },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const loginWithUsername = collectionConfig?.auth?.loginWithUsername\n\n  const handleResponse: FormProps['handleResponse'] = (res, successToast, errorToast) => {\n    res\n      .json()\n      .then(() => {\n        setHasSubmitted(true)\n        successToast(t('general:submissionSuccessful'))\n      })\n      .catch(() => {\n        errorToast(\n          loginWithUsername\n            ? t('authentication:usernameNotValid')\n            : t('authentication:emailNotValid'),\n        )\n      })\n  }\n\n  const initialState: FormState = loginWithUsername\n    ? {\n        username: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n    : {\n        email: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n\n  if (hasSubmitted) {\n    return (\n      <FormHeader\n        description={t('authentication:checkYourEmailForPasswordReset')}\n        heading={t('authentication:emailSent')}\n      />\n    )\n  }\n\n  return (\n    <Form\n      action={`${api}/${userSlug}/forgot-password`}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      method=\"POST\"\n    >\n      <FormHeader\n        description={\n          loginWithUsername\n            ? t('authentication:forgotPasswordUsernameInstructions')\n            : t('authentication:forgotPasswordEmailInstructions')\n        }\n        heading={t('authentication:forgotPassword')}\n      />\n\n      {loginWithUsername ? (\n        <TextField\n          field={{\n            name: 'username',\n            label: t('authentication:username'),\n            required: true,\n          }}\n          validate={(value) =>\n            text(value, {\n              name: 'username',\n              type: 'text',\n              data: {},\n              preferences: { fields: {} },\n              req: {\n                payload: {\n                  config,\n                },\n                t,\n              } as unknown as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      ) : (\n        <EmailField\n          autoComplete=\"email\"\n          field={{\n            name: 'email',\n            label: t('general:email'),\n            required: true,\n          }}\n          validate={(value) =>\n            email(value, {\n              name: 'email',\n              type: 'email',\n              data: {},\n              preferences: { fields: {} },\n              req: { payload: { config }, t } as unknown as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      )}\n      <FormSubmit size=\"large\">{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 export { generateForgotPasswordMetadata } from './meta.js';
 export declare const forgotPasswordBaseClass = "forgot-password";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA;AAG1D,eAAO,MAAM,uBAAuB,oBAAoB,CAAA;AAExD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwCvD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ForgotPassword/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAA;AAG1D,eAAO,MAAM,uBAAuB,oBAAoB,CAAA;AAExD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4DvD,CAAA"}