@payloadcms/next 3.0.0-canary.c27a334 → 3.0.0-canary.c96fa61

package/dist/views/Document/renderDocumentSlots.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ViewDescription } from '@payloadcms/ui';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import React from 'react';
+import { getDocumentPermissions } from './getDocumentPermissions.js';
+export const renderDocumentSlots = args => {
+  const {
+    collectionConfig,
+    globalConfig,
+    hasSavePermission,
+    req
+  } = args;
+  const components = {};
+  const unsavedDraftWithValidations = undefined;
+  const isPreviewEnabled = collectionConfig?.admin?.preview || globalConfig?.admin?.preview;
+  const CustomPreviewButton = collectionConfig?.admin?.components?.edit?.PreviewButton || globalConfig?.admin?.components?.elements?.PreviewButton;
+  if (isPreviewEnabled && CustomPreviewButton) {
+    components.PreviewButton = /*#__PURE__*/_jsx(RenderServerComponent, {
+      Component: CustomPreviewButton,
+      importMap: req.payload.importMap
+    });
+  }
+  const descriptionFromConfig = collectionConfig?.admin?.description || globalConfig?.admin?.description;
+  const staticDescription = typeof descriptionFromConfig === 'function' ? descriptionFromConfig({
+    t: req.i18n.t
+  }) : descriptionFromConfig;
+  const CustomDescription = collectionConfig?.admin?.components?.Description || globalConfig?.admin?.components?.elements?.Description;
+  const hasDescription = CustomDescription || staticDescription;
+  if (hasDescription) {
+    components.Description = /*#__PURE__*/_jsx(RenderServerComponent, {
+      clientProps: {
+        description: staticDescription
+      },
+      Component: CustomDescription,
+      Fallback: ViewDescription,
+      importMap: req.payload.importMap
+    });
+  }
+  if (hasSavePermission) {
+    if (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) {
+      const CustomPublishButton = collectionConfig?.admin?.components?.edit?.PublishButton || globalConfig?.admin?.components?.elements?.PublishButton;
+      if (CustomPublishButton) {
+        components.PublishButton = /*#__PURE__*/_jsx(RenderServerComponent, {
+          Component: CustomPublishButton,
+          importMap: req.payload.importMap
+        });
+      }
+      const CustomSaveDraftButton = collectionConfig?.admin?.components?.edit?.SaveDraftButton || globalConfig?.admin?.components?.elements?.SaveDraftButton;
+      const draftsEnabled = collectionConfig?.versions?.drafts && !collectionConfig?.versions?.drafts?.autosave || globalConfig?.versions?.drafts && !globalConfig?.versions?.drafts?.autosave;
+      if ((draftsEnabled || unsavedDraftWithValidations) && CustomSaveDraftButton) {
+        components.SaveDraftButton = /*#__PURE__*/_jsx(RenderServerComponent, {
+          Component: CustomSaveDraftButton,
+          importMap: req.payload.importMap
+        });
+      }
+    } else {
+      const CustomSaveButton = collectionConfig?.admin?.components?.edit?.SaveButton || globalConfig?.admin?.components?.elements?.SaveButton;
+      if (CustomSaveButton) {
+        components.SaveButton = /*#__PURE__*/_jsx(RenderServerComponent, {
+          Component: CustomSaveButton,
+          importMap: req.payload.importMap
+        });
+      }
+    }
+  }
+  return components;
+};
+export const renderDocumentSlotsHandler = async args => {
+  const {
+    collectionSlug,
+    req
+  } = args;
+  const collectionConfig = req.payload.collections[collectionSlug]?.config;
+  if (!collectionConfig) {
+    throw new Error(req.t('error:incorrectCollection'));
+  }
+  const {
+    docPermissions,
+    hasSavePermission
+  } = await getDocumentPermissions({
+    collectionConfig,
+    data: {},
+    req
+  });
+  return renderDocumentSlots({
+    collectionConfig,
+    hasSavePermission,
+    permissions: docPermissions,
+    req
+  });
+};
+//# sourceMappingURL=renderDocumentSlots.js.map

package/dist/views/Document/renderDocumentSlots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderDocumentSlots.js","names":["ViewDescription","RenderServerComponent","React","getDocumentPermissions","renderDocumentSlots","args","collectionConfig","globalConfig","hasSavePermission","req","components","unsavedDraftWithValidations","undefined","isPreviewEnabled","admin","preview","CustomPreviewButton","edit","PreviewButton","elements","_jsx","Component","importMap","payload","descriptionFromConfig","description","staticDescription","t","i18n","CustomDescription","Description","hasDescription","clientProps","Fallback","versions","drafts","CustomPublishButton","PublishButton","CustomSaveDraftButton","SaveDraftButton","draftsEnabled","autosave","CustomSaveButton","SaveButton","renderDocumentSlotsHandler","collectionSlug","collections","config","Error","docPermissions","data","permissions"],"sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"sourcesContent":["import type {\n  DefaultServerFunctionArgs,\n  DocumentPermissions,\n  DocumentSlots,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  StaticDescription,\n} from 'payload'\n\nimport { ViewDescription } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nimport { getDocumentPermissions } from './getDocumentPermissions.js'\n\nexport const renderDocumentSlots: (args: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hasSavePermission: boolean\n  permissions: DocumentPermissions\n  req: PayloadRequest\n}) => DocumentSlots = (args) => {\n  const { collectionConfig, globalConfig, hasSavePermission, req } = args\n\n  const components: DocumentSlots = {} as DocumentSlots\n\n  const unsavedDraftWithValidations = undefined\n\n  const isPreviewEnabled = collectionConfig?.admin?.preview || globalConfig?.admin?.preview\n\n  const CustomPreviewButton =\n    collectionConfig?.admin?.components?.edit?.PreviewButton ||\n    globalConfig?.admin?.components?.elements?.PreviewButton\n\n  if (isPreviewEnabled && CustomPreviewButton) {\n    components.PreviewButton = (\n      <RenderServerComponent Component={CustomPreviewButton} importMap={req.payload.importMap} />\n    )\n  }\n\n  const descriptionFromConfig =\n    collectionConfig?.admin?.description || globalConfig?.admin?.description\n\n  const staticDescription: StaticDescription =\n    typeof descriptionFromConfig === 'function'\n      ? descriptionFromConfig({ t: req.i18n.t })\n      : descriptionFromConfig\n\n  const CustomDescription =\n    collectionConfig?.admin?.components?.Description ||\n    globalConfig?.admin?.components?.elements?.Description\n\n  const hasDescription = CustomDescription || staticDescription\n\n  if (hasDescription) {\n    components.Description = (\n      <RenderServerComponent\n        clientProps={{ description: staticDescription }}\n        Component={CustomDescription}\n        Fallback={ViewDescription}\n        importMap={req.payload.importMap}\n      />\n    )\n  }\n\n  if (hasSavePermission) {\n    if (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) {\n      const CustomPublishButton =\n        collectionConfig?.admin?.components?.edit?.PublishButton ||\n        globalConfig?.admin?.components?.elements?.PublishButton\n\n      if (CustomPublishButton) {\n        components.PublishButton = (\n          <RenderServerComponent\n            Component={CustomPublishButton}\n            importMap={req.payload.importMap}\n          />\n        )\n      }\n      const CustomSaveDraftButton =\n        collectionConfig?.admin?.components?.edit?.SaveDraftButton ||\n        globalConfig?.admin?.components?.elements?.SaveDraftButton\n\n      const draftsEnabled =\n        (collectionConfig?.versions?.drafts && !collectionConfig?.versions?.drafts?.autosave) ||\n        (globalConfig?.versions?.drafts && !globalConfig?.versions?.drafts?.autosave)\n\n      if ((draftsEnabled || unsavedDraftWithValidations) && CustomSaveDraftButton) {\n        components.SaveDraftButton = (\n          <RenderServerComponent\n            Component={CustomSaveDraftButton}\n            importMap={req.payload.importMap}\n          />\n        )\n      }\n    } else {\n      const CustomSaveButton =\n        collectionConfig?.admin?.components?.edit?.SaveButton ||\n        globalConfig?.admin?.components?.elements?.SaveButton\n\n      if (CustomSaveButton) {\n        components.SaveButton = (\n          <RenderServerComponent Component={CustomSaveButton} importMap={req.payload.importMap} />\n        )\n      }\n    }\n  }\n\n  return components\n}\n\nexport const renderDocumentSlotsHandler = async (\n  args: { collectionSlug: string } & DefaultServerFunctionArgs,\n) => {\n  const { collectionSlug, req } = args\n\n  const collectionConfig = req.payload.collections[collectionSlug]?.config\n\n  if (!collectionConfig) {\n    throw new Error(req.t('error:incorrectCollection'))\n  }\n\n  const { docPermissions, hasSavePermission } = await getDocumentPermissions({\n    collectionConfig,\n    data: {},\n    req,\n  })\n\n  return renderDocumentSlots({\n    collectionConfig,\n    hasSavePermission,\n    permissions: docPermissions,\n    req,\n  })\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,4 @@
-import type { EditViewComponent } from 'payload/types';
-export declare const EditView: EditViewComponent;
+import type { ClientSideEditViewProps } from 'payload';
+import React from 'react';
+export declare const EditView: React.FC<ClientSideEditViewProps>;
 //# 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":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAEtD,CAAA"}

package/dist/views/Edit/index.js

@@ -1,8 +1,11 @@
+'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
+import { DefaultEditView } from '@payloadcms/ui';
 import React from 'react';
-import { EditViewClient } from './index.client.js';
-export const EditView = ()=>{
-    return /*#__PURE__*/ _jsx(EditViewClient, {});
+export const EditView = props => {
+  return /*#__PURE__*/_jsx(DefaultEditView, {
+    ...props
+  });
 };
-
 //# 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,KAACD;AACV,EAAC"}
+{"version":3,"file":"index.js","names":["DefaultEditView","React","EditView","props","_jsx"],"sources":["../../../src/views/Edit/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientSideEditViewProps } from 'payload'\n\nimport { DefaultEditView } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const EditView: React.FC<ClientSideEditViewProps> = (props) => {\n  return <DefaultEditView {...props} />\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,QAAA,GAA+CC,KAAA;EAC1D,oBAAOC,IAAA,CAACJ,eAAA;IAAiB,GAAGG;;AAC9B","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,wBA6C9B,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,28 +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;
-    const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
-    const metaTitle = `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`;
-    const ogTitle = `${isEditing ? t('general:edit') : t('general:edit')} - ${entityLabel}`;
-    const description = `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`;
-    const keywords = `${entityLabel}, Payload, CMS`;
-    const baseOGOverrides = config.admin.meta.openGraph || {};
-    const entityOGOverrides = collectionConfig ? collectionConfig.admin?.meta?.openGraph : globalConfig ? globalConfig.admin?.meta?.openGraph : {};
-    return meta({
-        ...config.admin.meta || {},
-        description,
-        keywords,
-        openGraph: {
-            title: ogTitle,
-            ...baseOGOverrides,
-            ...entityOGOverrides
-        },
-        ...collectionConfig?.admin.meta || {},
-        ...globalConfig?.admin.meta || {},
-        serverURL: config.serverURL,
-        title: metaTitle
-    });
+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  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  const metaTitle = `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`\n\n  const ogTitle = `${isEditing ? t('general:edit') : t('general:edit')} - ${entityLabel}`\n\n  const description = `${isEditing ? t('general:editing') : t('general:creating')} - ${entityLabel}`\n\n  const keywords = `${entityLabel}, Payload, CMS`\n\n  const baseOGOverrides = config.admin.meta.openGraph || {}\n\n  const entityOGOverrides = collectionConfig\n    ? collectionConfig.admin?.meta?.openGraph\n    : globalConfig\n      ? globalConfig.admin?.meta?.openGraph\n      : {}\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    openGraph: {\n      title: ogTitle,\n      ...baseOGOverrides,\n      ...entityOGOverrides,\n    },\n    ...(collectionConfig?.admin.meta || {}),\n    ...(globalConfig?.admin.meta || {}),\n    serverURL: config.serverURL,\n    title: metaTitle,\n  })\n}\n"],"names":["getTranslation","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","isEditing","t","entityLabel","labels","singular","label","metaTitle","ogTitle","description","keywords","baseOGOverrides","admin","openGraph","entityOGOverrides","title","serverURL"],"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,MAAMG,cAAcN,mBAChBH,eAAeG,iBAAiBO,MAAM,CAACC,QAAQ,EAAEL,QACjDD,eACEL,eAAeK,aAAaO,KAAK,EAAEN,QACnC;IAEN,MAAMO,YAAY,CAAC,EAAEN,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAEC,YAAY,CAAC;IAEhG,MAAMK,UAAU,CAAC,EAAEP,YAAYC,EAAE,kBAAkBA,EAAE,gBAAgB,GAAG,EAAEC,YAAY,CAAC;IAEvF,MAAMM,cAAc,CAAC,EAAER,YAAYC,EAAE,qBAAqBA,EAAE,oBAAoB,GAAG,EAAEC,YAAY,CAAC;IAElG,MAAMO,WAAW,CAAC,EAAEP,YAAY,cAAc,CAAC;IAE/C,MAAMQ,kBAAkBb,OAAOc,KAAK,CAACjB,IAAI,CAACkB,SAAS,IAAI,CAAC;IAExD,MAAMC,oBAAoBjB,mBACtBA,iBAAiBe,KAAK,EAAEjB,MAAMkB,YAC9Bd,eACEA,aAAaa,KAAK,EAAEjB,MAAMkB,YAC1B,CAAC;IAEP,OAAOlB,KAAK;QACV,GAAIG,OAAOc,KAAK,CAACjB,IAAI,IAAI,CAAC,CAAC;QAC3Bc;QACAC;QACAG,WAAW;YACTE,OAAOP;YACP,GAAGG,eAAe;YAClB,GAAGG,iBAAiB;QACtB;QACA,GAAIjB,kBAAkBe,MAAMjB,QAAQ,CAAC,CAAC;QACtC,GAAII,cAAca,MAAMjB,QAAQ,CAAC,CAAC;QAClCqB,WAAWlB,OAAOkB,SAAS;QAC3BD,OAAOR;IACT;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,EAoEtC,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,EAwHtC,CAAA"}

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

@@ -1,80 +1,168 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 { 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__*/ _jsxs(Fragment, {
-            children: [
-                /*#__PURE__*/ _jsx("h1", {
-                    children: t('authentication:emailSent')
-                }),
-                /*#__PURE__*/ _jsx("p", {
-                    children: t('authentication:checkYourEmailForPasswordReset')
-                })
-            ]
-        });
-    }
-    return /*#__PURE__*/ _jsxs(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,
+        handleResponse,
+        initialState,
         method: "POST",
-        children: [
-            /*#__PURE__*/ _jsx("h1", {
-                children: t('authentication:forgotPassword')
-            }),
-            /*#__PURE__*/ _jsx("p", {
-                children: t('authentication:forgotPasswordEmailInstructions')
-            }),
-            /*#__PURE__*/ _jsx(Email, {
-                autoComplete: "email",
-                label: t('general:email'),
-                name: "email",
-                required: true,
-                validate: (value)=>email(value, {
-                        name: 'email',
-                        type: 'email',
-                        data: {},
-                        preferences: {
-                            fields: {}
-                        },
-                        req: {
-                            t
-                        },
-                        required: true,
-                        siblingData: {}
-                    })
-            }),
-            /*#__PURE__*/ _jsx(FormSubmit, {
-                children: t('general:submit')
-            })
-        ]
-    });
+        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, {
+          field: {
+            name: "email",
+            admin: {
+              autoComplete: "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, PayloadRequestWithData } 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            preferences: { fields: {} },\n            req: { t } as PayloadRequestWithData,\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","preferences","fields","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,MAACX;;8BACC,KAACuB;8BAAIb,EAAE;;8BACP,KAACc;8BAAGd,EAAE;;;;IAGZ;IAEA,qBACE,MAAChB;QACC+B,QAAQ,CAAC,EAAEhB,IAAI,CAAC,EAAEF,SAAS,gBAAgB,CAAC;QAC5CM,gBAAgBA;QAChBK,cAAcA;QACdQ,QAAO;;0BAEP,KAACH;0BAAIb,EAAE;;0BACP,KAACc;0BAAGd,EAAE;;0BACN,KAACjB;gBACCkC,cAAa;gBACbC,OAAOlB,EAAE;gBACTmB,MAAK;gBACLC,QAAQ;gBACRC,UAAU,CAACV,QACTvB,MAAMuB,OAAO;wBACXQ,MAAM;wBACNG,MAAM;wBACNC,MAAM,CAAC;wBACPC,aAAa;4BAAEC,QAAQ,CAAC;wBAAE;wBAC1BC,KAAK;4BAAE1B;wBAAE;wBACToB,UAAU;wBACVO,aAAa,CAAC;oBAChB;;0BAGJ,KAAC1C;0BAAYe,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          field={{\n            name: 'email',\n            admin: {\n              autoComplete: 'email',\n            },\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,CA2CvD,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,CA8DvD,CAAA"}