@payloadcms/ui 3.24.0-canary.72057b1 → 3.24.0-canary.80e034e

package/dist/elements/DocumentControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useEffect","useFormInitializing","useFormProcessing","useConfig","useEditDepth","useTranslation","formatAdminURL","formatDate","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","Gutter","Locked","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","$","id","slug","customComponents","t0","data","disableActions","disableCreate","hasSavePermission","isAccountView","isEditing","onDelete","onDrawerCreateNew","onDuplicate","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","user","t1","undefined","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","admin","t2","localization","routes","t3","dateFormat","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","processing","initializing","t4","t5","date","pattern","hasCreatePermission","create","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","autosaveEnabled","autosave","t6","_jsx","className","t7","buttonStyle","onClick","size","type","children","_jsxs","label","labels","singular","filter","join","collection","global","publishedDocUpdatedAt","timestamps","title","preview","CustomComponent","Fallback","button","disabled","horizontalAlign","verticalAlign","ButtonGroup","href","path","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  ClientUser,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { formatDate } from '../../utilities/formatDate.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { Locked } from '../Locked/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly customComponents?: {\n    readonly PreviewButton?: React.ReactNode\n    readonly PublishButton?: React.ReactNode\n    readonly SaveButton?: React.ReactNode\n    readonly SaveDraftButton?: React.ReactNode\n  }\n  readonly data?: any\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly onDrawerCreateNew?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly onSave?: DocumentDrawerContextType['onSave']\n  readonly onTakeOver?: () => void\n  readonly permissions: null | SanitizedCollectionPermission | SanitizedGlobalPermission\n  readonly readOnlyForIncomingUser?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly slug: SanitizedCollectionConfig['slug']\n  readonly user?: ClientUser\n}> = (props) => {\n  const {\n    id,\n    slug,\n    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\n    } = {},\n    data,\n    disableActions,\n    disableCreate,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    onDelete,\n    onDrawerCreateNew,\n    onDuplicate,\n    onTakeOver,\n    permissions,\n    readOnlyForIncomingUser,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    user,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug })\n\n  const globalConfig = getEntityConfig({ globalSlug: slug })\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [data, i18n, dateFormat])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const showDotMenu = Boolean(\n    collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission),\n  )\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const autosaveEnabled =\n    (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n    (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__value`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label: getTranslation(\n                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                      i18n,\n                    ),\n                  })}\n                </p>\n              </li>\n            )}\n            {user && readOnlyForIncomingUser && (\n              <Locked className={`${baseClass}__locked-controls`} user={user} />\n            )}\n            {(collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li\n                    className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    <Status />\n                  </li>\n                )}\n                {hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && (\n                  <li className={`${baseClass}__list-item`}>\n                    <Autosave\n                      collection={collectionConfig}\n                      global={globalConfig}\n                      id={id}\n                      publishedDocUpdatedAt={data?.createdAt}\n                    />\n                  </li>\n                )}\n              </Fragment>\n            )}\n            {collectionConfig?.timestamps && (isEditing || isAccountView) && (\n              <Fragment>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.updatedAt ? updatedAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:lastModified')}:&nbsp;</p>\n                  {data?.updatedAt && <p className={`${baseClass}__value`}>{updatedAt}</p>}\n                </li>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.createdAt ? createdAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>\n                  {data?.createdAt && <p className={`${baseClass}__value`}>{createdAt}</p>}\n                </li>\n              </Fragment>\n            )}\n          </ul>\n        </div>\n        <div className={`${baseClass}__controls-wrapper`}>\n          <div className={`${baseClass}__controls`}>\n            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasSavePermission && (\n              <Fragment>\n                {collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? (\n                  <Fragment>\n                    {(unsavedDraftWithValidations || !autosaveEnabled) && (\n                      <RenderCustomComponent\n                        CustomComponent={CustomSaveDraftButton}\n                        Fallback={<SaveDraftButton />}\n                      />\n                    )}\n                    <RenderCustomComponent\n                      CustomComponent={CustomPublishButton}\n                      Fallback={<PublishButton />}\n                    />\n                  </Fragment>\n                ) : (\n                  <RenderCustomComponent\n                    CustomComponent={CustomSaveButton}\n                    Fallback={<SaveButton />}\n                  />\n                )}\n              </Fragment>\n            )}\n            {user && readOnlyForIncomingUser && (\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"take-over\"\n                onClick={onTakeOver}\n                size=\"medium\"\n                type=\"button\"\n              >\n                {t('general:takeOver')}\n              </Button>\n            )}\n          </div>\n          {showDotMenu && !readOnlyForIncomingUser && (\n            <Popup\n              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              disabled={initializing || processing}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {localization && <CopyLocaleData />}\n                {hasCreatePermission && (\n                  <React.Fragment>\n                    {!disableCreate && (\n                      <Fragment>\n                        {editDepth > 1 ? (\n                          <PopupList.Button id=\"action-create\" onClick={onDrawerCreateNew}>\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        ) : (\n                          <PopupList.Button\n                            href={formatAdminURL({\n                              adminRoute,\n                              path: `/collections/${collectionConfig?.slug}/create`,\n                            })}\n                            id=\"action-create\"\n                          >\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        )}\n                      </Fragment>\n                    )}\n                    {collectionConfig.disableDuplicate !== true && isEditing && (\n                      <DuplicateDocument\n                        id={id.toString()}\n                        onDuplicate={onDuplicate}\n                        redirectAfterDuplicate={redirectAfterDuplicate}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                    )}\n                  </React.Fragment>\n                )}\n                {hasDeletePermission && (\n                  <DeleteDocument\n                    buttonId=\"action-delete\"\n                    collectionSlug={collectionConfig?.slug}\n                    id={id.toString()}\n                    onDelete={onDelete}\n                    redirectAfterDelete={redirectAfterDelete}\n                    singularLabel={collectionConfig?.labels?.singular}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle}\n                  />\n                )}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useEffect","useFormInitializing","useFormProcessing","useConfig","useEditDepth","useTranslation","formatAdminURL","formatDate","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","Gutter","Locked","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","$","id","slug","customComponents","t0","data","disableActions","disableCreate","hasSavePermission","isAccountView","isEditing","onDelete","onDrawerCreateNew","onDuplicate","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","user","t1","undefined","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","admin","t2","localization","routes","t3","dateFormat","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","processing","initializing","t4","t5","date","pattern","hasCreatePermission","create","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","autosaveEnabled","autosave","t6","_jsx","className","t7","buttonStyle","onClick","size","type","children","_jsxs","label","labels","singular","filter","join","collection","global","publishedDocUpdatedAt","timestamps","title","preview","CustomComponent","Fallback","button","disabled","horizontalAlign","verticalAlign","ButtonGroup","href","path","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientUser,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { formatDate } from '../../utilities/formatDate.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { Locked } from '../Locked/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly customComponents?: {\n    readonly PreviewButton?: React.ReactNode\n    readonly PublishButton?: React.ReactNode\n    readonly SaveButton?: React.ReactNode\n    readonly SaveDraftButton?: React.ReactNode\n  }\n  readonly data?: any\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly onDrawerCreateNew?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly onSave?: DocumentDrawerContextType['onSave']\n  readonly onTakeOver?: () => void\n  readonly permissions: null | SanitizedCollectionPermission | SanitizedGlobalPermission\n  readonly readOnlyForIncomingUser?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly slug: SanitizedCollectionConfig['slug']\n  readonly user?: ClientUser\n}> = (props) => {\n  const {\n    id,\n    slug,\n    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\n    } = {},\n    data,\n    disableActions,\n    disableCreate,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    onDelete,\n    onDrawerCreateNew,\n    onDuplicate,\n    onTakeOver,\n    permissions,\n    readOnlyForIncomingUser,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    user,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug })\n\n  const globalConfig = getEntityConfig({ globalSlug: slug })\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [data, i18n, dateFormat])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const showDotMenu = Boolean(\n    collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission),\n  )\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const autosaveEnabled =\n    (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n    (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__value`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label: getTranslation(\n                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                      i18n,\n                    ),\n                  })}\n                </p>\n              </li>\n            )}\n            {user && readOnlyForIncomingUser && (\n              <Locked className={`${baseClass}__locked-controls`} user={user} />\n            )}\n            {(collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li\n                    className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    <Status />\n                  </li>\n                )}\n                {hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && (\n                  <li className={`${baseClass}__list-item`}>\n                    <Autosave\n                      collection={collectionConfig}\n                      global={globalConfig}\n                      id={id}\n                      publishedDocUpdatedAt={data?.createdAt}\n                    />\n                  </li>\n                )}\n              </Fragment>\n            )}\n            {collectionConfig?.timestamps && (isEditing || isAccountView) && (\n              <Fragment>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.updatedAt ? updatedAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:lastModified')}:&nbsp;</p>\n                  {data?.updatedAt && <p className={`${baseClass}__value`}>{updatedAt}</p>}\n                </li>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.createdAt ? createdAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>\n                  {data?.createdAt && <p className={`${baseClass}__value`}>{createdAt}</p>}\n                </li>\n              </Fragment>\n            )}\n          </ul>\n        </div>\n        <div className={`${baseClass}__controls-wrapper`}>\n          <div className={`${baseClass}__controls`}>\n            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasSavePermission && (\n              <Fragment>\n                {collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? (\n                  <Fragment>\n                    {(unsavedDraftWithValidations || !autosaveEnabled) && (\n                      <RenderCustomComponent\n                        CustomComponent={CustomSaveDraftButton}\n                        Fallback={<SaveDraftButton />}\n                      />\n                    )}\n                    <RenderCustomComponent\n                      CustomComponent={CustomPublishButton}\n                      Fallback={<PublishButton />}\n                    />\n                  </Fragment>\n                ) : (\n                  <RenderCustomComponent\n                    CustomComponent={CustomSaveButton}\n                    Fallback={<SaveButton />}\n                  />\n                )}\n              </Fragment>\n            )}\n            {user && readOnlyForIncomingUser && (\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"take-over\"\n                onClick={onTakeOver}\n                size=\"medium\"\n                type=\"button\"\n              >\n                {t('general:takeOver')}\n              </Button>\n            )}\n          </div>\n          {showDotMenu && !readOnlyForIncomingUser && (\n            <Popup\n              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              disabled={initializing || processing}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {localization && <CopyLocaleData />}\n                {hasCreatePermission && (\n                  <React.Fragment>\n                    {!disableCreate && (\n                      <Fragment>\n                        {editDepth > 1 ? (\n                          <PopupList.Button id=\"action-create\" onClick={onDrawerCreateNew}>\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        ) : (\n                          <PopupList.Button\n                            href={formatAdminURL({\n                              adminRoute,\n                              path: `/collections/${collectionConfig?.slug}/create`,\n                            })}\n                            id=\"action-create\"\n                          >\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        )}\n                      </Fragment>\n                    )}\n                    {collectionConfig.disableDuplicate !== true && isEditing && (\n                      <DuplicateDocument\n                        id={id.toString()}\n                        onDuplicate={onDuplicate}\n                        redirectAfterDuplicate={redirectAfterDuplicate}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                    )}\n                  </React.Fragment>\n                )}\n                {hasDeletePermission && (\n                  <DeleteDocument\n                    buttonId=\"action-delete\"\n                    collectionSlug={collectionConfig?.slug}\n                    id={id.toString()}\n                    onDelete={onDelete}\n                    redirectAfterDelete={redirectAfterDelete}\n                    singularLabel={collectionConfig?.labels?.singular}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle}\n                  />\n                )}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentLocked/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAoBrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;CACpC,CA8DA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAOxC,OAAO,cAAc,CAAA;AAoBrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;CACpC,CAuEA,CAAA"}

package/dist/elements/DocumentLocked/index.js

@@ -3,6 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { isClientUserObject } from '../../utilities/isClientUserObject.js';
 import { Button } from '../Button/index.js';
@@ -24,7 +25,7 @@ const formatDate = date => {
   }).format(date);
 };
 export const DocumentLocked = t0 => {
-  const $ = _c(22);
+  const $ = _c(30);
   const {
     handleGoBack,
     isActive,
@@ -40,6 +41,9 @@ export const DocumentLocked = t0 => {
   const {
     t
   } = useTranslation();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
   let t1;
   let t2;
   if ($[0] !== closeModal || $[1] !== isActive || $[2] !== openModal) {
@@ -62,43 +66,65 @@ export const DocumentLocked = t0 => {
   }
   useEffect(t1, t2);
   let t3;
-  if ($[5] !== closeModal || $[6] !== handleGoBack || $[7] !== onReadOnly || $[8] !== onTakeOver || $[9] !== t || $[10] !== updatedAt || $[11] !== user) {
-    let t4;
-    if ($[13] !== t || $[14] !== user) {
-      t4 = isClientUserObject(user) ? user.email ?? user.id : `${t("general:user")}: ${user}`;
-      $[13] = t;
-      $[14] = user;
-      $[15] = t4;
+  if ($[5] !== handleGoBack || $[6] !== startRouteTransition) {
+    t3 = () => {
+      startRouteTransition(() => handleGoBack());
+    };
+    $[5] = handleGoBack;
+    $[6] = startRouteTransition;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== closeModal || $[9] !== handleGoBack || $[10] !== onReadOnly || $[11] !== onTakeOver || $[12] !== startRouteTransition || $[13] !== t || $[14] !== t3 || $[15] !== updatedAt || $[16] !== user) {
+    let t5;
+    if ($[18] !== t || $[19] !== user) {
+      t5 = isClientUserObject(user) ? user.email ?? user.id : `${t("general:user")}: ${user}`;
+      $[18] = t;
+      $[19] = user;
+      $[20] = t5;
     } else {
-      t4 = $[15];
+      t5 = $[20];
     }
-    let t5;
-    if ($[16] !== closeModal || $[17] !== onReadOnly) {
-      t5 = () => {
+    let t6;
+    if ($[21] !== handleGoBack || $[22] !== startRouteTransition) {
+      t6 = () => {
+        startRouteTransition(() => handleGoBack());
+      };
+      $[21] = handleGoBack;
+      $[22] = startRouteTransition;
+      $[23] = t6;
+    } else {
+      t6 = $[23];
+    }
+    let t7;
+    if ($[24] !== closeModal || $[25] !== onReadOnly) {
+      t7 = () => {
         onReadOnly();
         closeModal(modalSlug);
       };
-      $[16] = closeModal;
-      $[17] = onReadOnly;
-      $[18] = t5;
+      $[24] = closeModal;
+      $[25] = onReadOnly;
+      $[26] = t7;
     } else {
-      t5 = $[18];
+      t7 = $[26];
     }
-    let t6;
-    if ($[19] !== closeModal || $[20] !== onTakeOver) {
-      t6 = () => {
+    let t8;
+    if ($[27] !== closeModal || $[28] !== onTakeOver) {
+      t8 = () => {
         onTakeOver();
         closeModal(modalSlug);
       };
-      $[19] = closeModal;
-      $[20] = onTakeOver;
-      $[21] = t6;
+      $[27] = closeModal;
+      $[28] = onTakeOver;
+      $[29] = t8;
     } else {
-      t6 = $[21];
+      t8 = $[29];
     }
-    t3 = _jsx(Modal, {
+    t4 = _jsx(Modal, {
       className: baseClass,
-      onClose: handleGoBack,
+      onClose: t3,
       slug: modalSlug,
       children: _jsxs("div", {
         className: `${baseClass}__wrapper`,
@@ -108,7 +134,7 @@ export const DocumentLocked = t0 => {
             children: t("general:documentLocked")
           }), _jsxs("p", {
             children: [_jsx("strong", {
-              children: t4
+              children: t5
             }), " ", t("general:currentlyEditing")]
           }), _jsxs("p", {
             children: [t("general:editedSince"), " ", _jsx("strong", {
@@ -120,36 +146,38 @@ export const DocumentLocked = t0 => {
           children: [_jsx(Button, {
             buttonStyle: "secondary",
             id: `${modalSlug}-go-back`,
-            onClick: handleGoBack,
+            onClick: t6,
             size: "large",
             children: t("general:goBack")
           }), _jsx(Button, {
             buttonStyle: "secondary",
             id: `${modalSlug}-view-read-only`,
-            onClick: t5,
+            onClick: t7,
             size: "large",
             children: t("general:viewReadOnly")
           }), _jsx(Button, {
             buttonStyle: "primary",
             id: `${modalSlug}-take-over`,
-            onClick: t6,
+            onClick: t8,
             size: "large",
             children: t("general:takeOver")
           })]
         })]
       })
     });
-    $[5] = closeModal;
-    $[6] = handleGoBack;
-    $[7] = onReadOnly;
-    $[8] = onTakeOver;
-    $[9] = t;
-    $[10] = updatedAt;
-    $[11] = user;
-    $[12] = t3;
+    $[8] = closeModal;
+    $[9] = handleGoBack;
+    $[10] = onReadOnly;
+    $[11] = onTakeOver;
+    $[12] = startRouteTransition;
+    $[13] = t;
+    $[14] = t3;
+    $[15] = updatedAt;
+    $[16] = user;
+    $[17] = t4;
   } else {
-    t3 = $[12];
+    t4 = $[17];
   }
-  return t3;
+  return t4;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentLocked/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","t1","t2","t3","t4","email","id","t5","t6","_jsx","className","onClose","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} onClose={handleGoBack} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={handleGoBack}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              void onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteTransition","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","startRouteTransition","t1","t2","t3","t4","t5","email","id","t6","t7","t8","_jsx","className","onClose","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      onClose={() => {\n        startRouteTransition(() => handleGoBack())\n      }}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={() => {\n              startRouteTransition(() => handleGoBack())\n            }}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              void onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentTakeOver/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAKxC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,CA2CA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,CA8CA,CAAA"}

package/dist/elements/DocumentTakeOver/index.js

@@ -3,6 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import { Modal, useModal } from '../Modal/index.js';
@@ -10,7 +11,7 @@ import './index.scss';
 const modalSlug = 'document-take-over';
 const baseClass = 'document-take-over';
 export const DocumentTakeOver = t0 => {
-  const $ = _c(13);
+  const $ = _c(17);
   const {
     handleBackToDashboard,
     isActive,
@@ -23,6 +24,9 @@ export const DocumentTakeOver = t0 => {
   const {
     t
   } = useTranslation();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
   let t1;
   let t2;
   if ($[0] !== closeModal || $[1] !== isActive || $[2] !== openModal) {
@@ -45,18 +49,29 @@ export const DocumentTakeOver = t0 => {
   }
   useEffect(t1, t2);
   let t3;
-  if ($[5] !== closeModal || $[6] !== handleBackToDashboard || $[7] !== onReadOnly || $[8] !== t) {
+  if ($[5] !== closeModal || $[6] !== handleBackToDashboard || $[7] !== onReadOnly || $[8] !== startRouteTransition || $[9] !== t) {
     let t4;
-    if ($[10] !== closeModal || $[11] !== onReadOnly) {
+    if ($[11] !== handleBackToDashboard || $[12] !== startRouteTransition) {
       t4 = () => {
+        startRouteTransition(() => handleBackToDashboard());
+      };
+      $[11] = handleBackToDashboard;
+      $[12] = startRouteTransition;
+      $[13] = t4;
+    } else {
+      t4 = $[13];
+    }
+    let t5;
+    if ($[14] !== closeModal || $[15] !== onReadOnly) {
+      t5 = () => {
         onReadOnly();
         closeModal(modalSlug);
       };
-      $[10] = closeModal;
-      $[11] = onReadOnly;
-      $[12] = t4;
+      $[14] = closeModal;
+      $[15] = onReadOnly;
+      $[16] = t5;
     } else {
-      t4 = $[12];
+      t5 = $[16];
     }
     t3 = _jsx(Modal, {
       className: baseClass,
@@ -75,13 +90,13 @@ export const DocumentTakeOver = t0 => {
           children: [_jsx(Button, {
             buttonStyle: "primary",
             id: `${modalSlug}-back-to-dashboard`,
-            onClick: handleBackToDashboard,
+            onClick: t4,
             size: "large",
             children: t("general:backToDashboard")
           }), _jsx(Button, {
             buttonStyle: "secondary",
             id: `${modalSlug}-view-read-only`,
-            onClick: t4,
+            onClick: t5,
             size: "large",
             children: t("general:viewReadOnly")
           })]
@@ -91,10 +106,11 @@ export const DocumentTakeOver = t0 => {
     $[5] = closeModal;
     $[6] = handleBackToDashboard;
     $[7] = onReadOnly;
-    $[8] = t;
-    $[9] = t3;
+    $[8] = startRouteTransition;
+    $[9] = t;
+    $[10] = t3;
   } else {
-    t3 = $[9];
+    t3 = $[10];
   }
   return t3;
 };

package/dist/elements/DocumentTakeOver/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","t1","t2","t3","t4","_jsx","className","slug","children","_jsxs","buttonStyle","id","onClick","size"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-take-over'\n\nconst baseClass = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:editingTakenOver')}</h1>\n          <p>{t('general:anotherUserTakenOver')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-back-to-dashboard`}\n            onClick={handleBackToDashboard}\n            size=\"large\"\n          >\n            {t('general:backToDashboard')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,qBAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA+C;EACnD;IAAAK,UAAA;IAAAC;EAAA,IAAkCV,QAAA;EAClC;IAAAW;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,SAAA;IAEJE,EAAA,GAAAA,CAAA;MAAA,IACJL,QAAA;QACFG,SAAA,CAAAT,SAAU;MAAA;QAEVQ,UAAA,CAAAR,SAAW;MAAA;IAAA;IAEZY,EAAA,IAACN,QAAA,EAAUG,SAAA,EAAWD,UAAA;IAAWJ,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EANpCT,SAAA,CAAUgB,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAC,qBAAA,IAAAD,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAM,CAAA;IAAA,IAAAI,EAAA;IAAA,IAAAV,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAG,UAAA;MAqBjBO,EAAA,GAAAA,CAAA;QACPP,UAAA;QACAC,UAAA,CAAAR,SAAW;MAAA;MACbI,CAAA,OAAAI,UAAA;MAAAJ,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IArBRS,EAAA,GAAAE,IAAA,CAAAjB,KAAA;MAAAkB,SAAA,EAAAf,SAAA;MAAAgB,IAAA,EAAAjB,SAAA;MAAAkB,QAAA,EACEC,KAAA,CAAC;QAAAH,SAAA,EAAe,GAAAf,SAAA,WAAuB;QAAAiB,QAAA,GACrCC,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAf,SAAA,WAAuB;UAAAiB,QAAA,GACrCH,IAAA,CAAC;YAAAG,QAAA,EAAIR,CAAA,CAAE;UAAA,C,GACPK,IAAA,CAAC;YAAAG,QAAA,EAAGR,CAAA,CAAE;UAAA,C;YAERS,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAf,SAAA,YAAwB;UAAAiB,QAAA,GACtCH,IAAA,CAAAlB,MAAA;YAAAuB,WAAA,EACc;YAAAC,EAAA,EACR,GAAArB,SAAA,oBAAgC;YAAAsB,OAAA,EAC3BjB,qBAAA;YAAAkB,IAAA,EACJ;YAAAL,QAAA,EAEJR,CAAA,CAAE;UAAA,C,GAELK,IAAA,CAAAlB,MAAA;YAAAuB,WAAA,EACc;YAAAC,EAAA,EACR,GAAArB,SAAA,iBAA6B;YAAAsB,OAAA,EACxBR,EAGT;YAAAS,IAAA,EACK;YAAAL,QAAA,EAEJR,CAAA,CAAE;UAAA,C;;;;;;;;;;;;SAxBXG,E;CA8BJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteTransition","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","t1","t2","t3","t4","t5","_jsx","className","slug","children","_jsxs","buttonStyle","id","onClick","size"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-take-over'\n\nconst baseClass = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:editingTakenOver')}</h1>\n          <p>{t('general:anotherUserTakenOver')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-back-to-dashboard`}\n            onClick={() => {\n              startRouteTransition(() => handleBackToDashboard())\n            }}\n            size=\"large\"\n          >\n            {t('general:backToDashboard')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DuplicateDocument/index.d.ts

@@ -1,7 +1,6 @@
 import type { SanitizedCollectionConfig } from 'payload';
 import React from 'react';
 import type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js';
-import './index.scss';
 export type Props = {
     readonly id: string;
     readonly onDuplicate?: DocumentDrawerContextType['onDuplicate'];

package/dist/elements/DuplicateDocument/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DuplicateDocument/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAKhF,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAY9E,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IACzC,QAAQ,CAAC,aAAa,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACvE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgJ7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DuplicateDocument/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAKxD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAY9E,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IACzC,QAAQ,CAAC,aAAa,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IACvE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+H7C,CAAA"}

package/dist/elements/DuplicateDocument/index.js

@@ -1,23 +1,20 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Modal, useModal } from '@faceless-ui/modal';
+import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
-import React, { useCallback, useState } from 'react';
+import React, { useCallback } from 'react';
 import { toast } from 'sonner';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { useConfig } from '../../providers/Config/index.js';
-import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
-import { Button } from '../Button/index.js';
-import { drawerZBase } from '../Drawer/index.js';
+import { ConfirmationModal } from '../ConfirmationModal/index.js';
 import { PopupList } from '../Popup/index.js';
-import './index.scss';
-const baseClass = 'duplicate';
 export const DuplicateDocument = ({
   id,
   slug,
@@ -28,12 +25,15 @@ export const DuplicateDocument = ({
   const router = useRouter();
   const modified = useFormModified();
   const {
-    toggleModal
+    openModal
   } = useModal();
   const locale = useLocale();
   const {
     setModified
   } = useForm();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
   const {
     config: {
       routes: {
@@ -47,19 +47,14 @@ export const DuplicateDocument = ({
   const collectionConfig = getEntityConfig({
     collectionSlug: slug
   });
-  const [hasClicked, setHasClicked] = useState(false);
+  const [renderModal, setRenderModal] = React.useState(false);
   const {
     i18n,
     t
   } = useTranslation();
   const modalSlug = `duplicate-${id}`;
-  const editDepth = useEditDepth();
-  const handleClick = useCallback(async (override = false) => {
-    setHasClicked(true);
-    if (modified && !override) {
-      toggleModal(modalSlug);
-      return;
-    }
+  const duplicate = useCallback(async () => {
+    setRenderModal(true);
     await requests.post(`${serverURL}${apiRoute}/${slug}/${id}/duplicate${locale?.code ? `?locale=${locale.code}` : ''}`, {
       body: JSON.stringify({}),
       headers: {
@@ -79,10 +74,10 @@ export const DuplicateDocument = ({
         }));
         setModified(false);
         if (redirectAfterDuplicate) {
-          router.push(formatAdminURL({
+          return startRouteTransition(() => router.push(formatAdminURL({
             adminRoute,
             path: `/collections/${slug}/${doc.id}${locale?.code ? `?locale=${locale.code}` : ''}`
-          }));
+          })));
         }
         if (typeof onDuplicate === 'function') {
           void onDuplicate({
@@ -96,48 +91,28 @@ export const DuplicateDocument = ({
         }));
       }
     });
-  }, [locale, modified, serverURL, apiRoute, slug, id, i18n, toggleModal, modalSlug, t, singularLabel, onDuplicate, redirectAfterDuplicate, setModified, router, adminRoute, collectionConfig]);
-  const confirm = useCallback(async () => {
-    setHasClicked(false);
-    await handleClick(true);
-  }, [handleClick]);
+  }, [locale, serverURL, apiRoute, slug, id, i18n, t, singularLabel, onDuplicate, redirectAfterDuplicate, setModified, router, adminRoute, collectionConfig, startRouteTransition]);
+  const onConfirm = useCallback(async () => {
+    setRenderModal(false);
+    await duplicate();
+  }, [duplicate]);
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(PopupList.Button, {
       id: "action-duplicate",
-      onClick: () => void handleClick(false),
-      children: t('general:duplicate')
-    }), modified && hasClicked && /*#__PURE__*/_jsx(Modal, {
-      className: `${baseClass}__modal`,
-      slug: modalSlug,
-      style: {
-        zIndex: drawerZBase + editDepth
+      onClick: () => {
+        if (modified) {
+          setRenderModal(true);
+          return openModal(modalSlug);
+        }
+        return duplicate();
       },
-      children: /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__wrapper`,
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__content`,
-          children: [/*#__PURE__*/_jsx("h1", {
-            children: t('general:confirmDuplication')
-          }), /*#__PURE__*/_jsx("p", {
-            children: t('general:unsavedChangesDuplicate')
-          })]
-        }), /*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__controls`,
-          children: [/*#__PURE__*/_jsx(Button, {
-            buttonStyle: "secondary",
-            id: "confirm-cancel",
-            onClick: () => toggleModal(modalSlug),
-            size: "large",
-            type: "button",
-            children: t('general:cancel')
-          }), /*#__PURE__*/_jsx(Button, {
-            id: "confirm-duplicate",
-            onClick: () => void confirm(),
-            size: "large",
-            children: t('general:duplicateWithoutSaving')
-          })]
-        })]
-      })
+      children: t('general:duplicate')
+    }), renderModal && /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: t('general:unsavedChangesDuplicate'),
+      confirmLabel: t('general:duplicateWithoutSaving'),
+      heading: t('general:unsavedChanges'),
+      modalSlug: modalSlug,
+      onConfirm: onConfirm
     })]
   });
 };