@payloadcms/ui 3.71.0-internal-debug.e053082 → 3.71.0-internal.49c4f67

package/dist/elements/DuplicateDocument/SelectLocalesDrawer/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { setsAreEqual } from 'payload/shared';
@@ -10,152 +11,93 @@ import { DrawerHeader } from '../../BulkUpload/Header/index.js';
 import { Button } from '../../Button/index.js';
 import { Drawer } from '../../Drawer/index.js';
 import './index.scss';
-const getLocaleOptions = ({ i18n, localization })=>{
-    return localization.locales.map((locale)=>({
-            label: getTranslation(locale.label, i18n),
-            value: locale.code
-        }));
+const getLocaleOptions = ({
+  i18n,
+  localization
+}) => {
+  return localization.locales.map(locale => ({
+    label: getTranslation(locale.label, i18n),
+    value: locale.code
+  }));
 };
 const baseClass = 'select-locales-drawer';
-export const SelectLocalesDrawer = ({ slug, localization, onConfirm })=>{
-    const { i18n, t } = useTranslation();
-    const { toggleModal } = useModal();
-    const [selectedLocales, setSelectedLocales] = useState([]);
-    const localeOptions = useMemo(()=>getLocaleOptions({
-            i18n,
-            localization
-        }), [
-        localization,
-        i18n
-    ]);
-    const allLocales = useMemo(()=>localeOptions.map((locale)=>locale.value), [
-        localeOptions
-    ]);
-    const allLocalesSelected = useMemo(()=>setsAreEqual(new Set(selectedLocales), new Set(allLocales)), [
-        selectedLocales,
-        allLocales
-    ]);
-    const handleSelectAll = useCallback(()=>{
-        setSelectedLocales(allLocalesSelected ? [] : [
-            ...allLocales
-        ]);
-    }, [
-        allLocalesSelected,
-        allLocales
-    ]);
-    const handleToggleLocale = useCallback((localeValue)=>{
-        setSelectedLocales((prev)=>prev.includes(localeValue) ? prev.filter((l)=>l !== localeValue) : [
-                ...prev,
-                localeValue
-            ]);
-    }, []);
-    const handleConfirm = useCallback(async ()=>{
-        await onConfirm({
-            selectedLocales
-        });
+export const SelectLocalesDrawer = ({
+  slug,
+  localization,
+  onConfirm
+}) => {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    toggleModal
+  } = useModal();
+  const [selectedLocales, setSelectedLocales] = useState([]);
+  const localeOptions = useMemo(() => getLocaleOptions({
+    i18n,
+    localization
+  }), [localization, i18n]);
+  const allLocales = useMemo(() => localeOptions.map(locale => locale.value), [localeOptions]);
+  const allLocalesSelected = useMemo(() => setsAreEqual(new Set(selectedLocales), new Set(allLocales)), [selectedLocales, allLocales]);
+  const handleSelectAll = useCallback(() => {
+    setSelectedLocales(allLocalesSelected ? [] : [...allLocales]);
+  }, [allLocalesSelected, allLocales]);
+  const handleToggleLocale = useCallback(localeValue => {
+    setSelectedLocales(prev => prev.includes(localeValue) ? prev.filter(l => l !== localeValue) : [...prev, localeValue]);
+  }, []);
+  const handleConfirm = useCallback(async () => {
+    await onConfirm({
+      selectedLocales
+    });
+    toggleModal(slug);
+  }, [onConfirm, selectedLocales, slug, toggleModal]);
+  return /*#__PURE__*/_jsxs(Drawer, {
+    className: baseClass,
+    gutter: false,
+    Header: /*#__PURE__*/_jsx(DrawerHeader, {
+      onClose: () => {
         toggleModal(slug);
-    }, [
-        onConfirm,
-        selectedLocales,
-        slug,
-        toggleModal
-    ]);
-    return /*#__PURE__*/ _jsxDEV(Drawer, {
-        className: baseClass,
-        gutter: false,
-        Header: /*#__PURE__*/ _jsxDEV(DrawerHeader, {
-            onClose: ()=>{
-                toggleModal(slug);
-            },
-            title: `${t('general:duplicate')} ${t('localization:selectedLocales')}`
-        }, void 0, false, {
-            fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-            lineNumber: 83,
-            columnNumber: 9
-        }, void 0),
-        slug: slug,
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__sub-header`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("span", {
-                        children: t('localization:selectLocaleToDuplicate')
-                    }, void 0, false, {
-                        fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-                        lineNumber: 93,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV(Button, {
-                        buttonStyle: "primary",
-                        disabled: selectedLocales.length === 0,
-                        iconPosition: "left",
-                        id: "#action-duplicate-confirm",
-                        onClick: handleConfirm,
-                        size: "medium",
-                        children: t('general:duplicate')
-                    }, void 0, false, {
-                        fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-                        lineNumber: 94,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-                lineNumber: 92,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__content`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__item`,
-                        children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
-                            checked: allLocalesSelected,
-                            id: "select-locale-all",
-                            label: t('general:selectAll', {
-                                count: allLocales.length,
-                                label: t('general:locales')
-                            }),
-                            onToggle: handleSelectAll
-                        }, void 0, false, {
-                            fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-                            lineNumber: 107,
-                            columnNumber: 11
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-                        lineNumber: 106,
-                        columnNumber: 9
-                    }, this),
-                    localeOptions.map((locale)=>/*#__PURE__*/ _jsxDEV("div", {
-                            className: `${baseClass}__item`,
-                            children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
-                                checked: selectedLocales.includes(locale.value),
-                                id: `select-locale-${locale.value}`,
-                                label: locale.label,
-                                onToggle: ()=>handleToggleLocale(locale.value)
-                            }, void 0, false, {
-                                fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-                                lineNumber: 119,
-                                columnNumber: 13
-                            }, this)
-                        }, locale.value, false, {
-                            fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-                            lineNumber: 118,
-                            columnNumber: 11
-                        }, this))
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-                lineNumber: 105,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx",
-        lineNumber: 79,
-        columnNumber: 5
-    }, this);
+      },
+      title: `${t('general:duplicate')} ${t('localization:selectedLocales')}`
+    }),
+    slug: slug,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__sub-header`,
+      children: [/*#__PURE__*/_jsx("span", {
+        children: t('localization:selectLocaleToDuplicate')
+      }), /*#__PURE__*/_jsx(Button, {
+        buttonStyle: "primary",
+        disabled: selectedLocales.length === 0,
+        iconPosition: "left",
+        id: "#action-duplicate-confirm",
+        onClick: handleConfirm,
+        size: "medium",
+        children: t('general:duplicate')
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__content`,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__item`,
+        children: /*#__PURE__*/_jsx(CheckboxInput, {
+          checked: allLocalesSelected,
+          id: "select-locale-all",
+          label: t('general:selectAll', {
+            count: allLocales.length,
+            label: t('general:locales')
+          }),
+          onToggle: handleSelectAll
+        })
+      }), localeOptions.map(locale_0 => /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__item`,
+        children: /*#__PURE__*/_jsx(CheckboxInput, {
+          checked: selectedLocales.includes(locale_0.value),
+          id: `select-locale-${locale_0.value}`,
+          label: locale_0.label,
+          onToggle: () => handleToggleLocale(locale_0.value)
+        })
+      }, locale_0.value))]
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/DuplicateDocument/SelectLocalesDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { setsAreEqual } from 'payload/shared'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { DrawerHeader } from '../../BulkUpload/Header/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport './index.scss'\n\nexport type LocaleOption = {\n  label: string\n  value: string\n}\n\nexport type SelectLocalesDrawerProps = {\n  readonly localization: Exclude<ClientConfig['localization'], false>\n  readonly onConfirm: (args: { selectedLocales: string[] }) => Promise<void> | void\n  readonly slug: string\n}\n\nconst getLocaleOptions = ({\n  i18n,\n  localization,\n}: {\n  i18n: I18nClient\n  localization: SelectLocalesDrawerProps['localization']\n}): LocaleOption[] => {\n  return localization.locales.map((locale) => ({\n    label: getTranslation(locale.label, i18n),\n    value: locale.code,\n  }))\n}\n\nconst baseClass = 'select-locales-drawer'\n\nexport const SelectLocalesDrawer: React.FC<SelectLocalesDrawerProps> = ({\n  slug,\n  localization,\n  onConfirm,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const [selectedLocales, setSelectedLocales] = useState<string[]>([])\n\n  const localeOptions = useMemo(\n    () => getLocaleOptions({ i18n, localization }),\n    [localization, i18n],\n  )\n  const allLocales = useMemo(() => localeOptions.map((locale) => locale.value), [localeOptions])\n  const allLocalesSelected = useMemo(\n    () => setsAreEqual(new Set(selectedLocales), new Set(allLocales)),\n    [selectedLocales, allLocales],\n  )\n\n  const handleSelectAll = useCallback(() => {\n    setSelectedLocales(allLocalesSelected ? [] : [...allLocales])\n  }, [allLocalesSelected, allLocales])\n\n  const handleToggleLocale = useCallback((localeValue: string) => {\n    setSelectedLocales((prev) =>\n      prev.includes(localeValue) ? prev.filter((l) => l !== localeValue) : [...prev, localeValue],\n    )\n  }, [])\n\n  const handleConfirm = useCallback(async () => {\n    await onConfirm({ selectedLocales })\n    toggleModal(slug)\n  }, [onConfirm, selectedLocales, slug, toggleModal])\n\n  return (\n    <Drawer\n      className={baseClass}\n      gutter={false}\n      Header={\n        <DrawerHeader\n          onClose={() => {\n            toggleModal(slug)\n          }}\n          title={`${t('general:duplicate')} ${t('localization:selectedLocales')}`}\n        />\n      }\n      slug={slug}\n    >\n      <div className={`${baseClass}__sub-header`}>\n        <span>{t('localization:selectLocaleToDuplicate')}</span>\n        <Button\n          buttonStyle=\"primary\"\n          disabled={selectedLocales.length === 0}\n          iconPosition=\"left\"\n          id=\"#action-duplicate-confirm\"\n          onClick={handleConfirm}\n          size=\"medium\"\n        >\n          {t('general:duplicate')}\n        </Button>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__item`}>\n          <CheckboxInput\n            checked={allLocalesSelected}\n            id=\"select-locale-all\"\n            label={t('general:selectAll', {\n              count: allLocales.length,\n              label: t('general:locales'),\n            })}\n            onToggle={handleSelectAll}\n          />\n        </div>\n        {localeOptions.map((locale) => (\n          <div className={`${baseClass}__item`} key={locale.value}>\n            <CheckboxInput\n              checked={selectedLocales.includes(locale.value)}\n              id={`select-locale-${locale.value}`}\n              label={locale.label}\n              onToggle={() => handleToggleLocale(locale.value)}\n            />\n          </div>\n        ))}\n      </div>\n    </Drawer>\n  )\n}\n"],"names":["useModal","getTranslation","setsAreEqual","React","useCallback","useMemo","useState","CheckboxInput","useTranslation","DrawerHeader","Button","Drawer","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","slug","onConfirm","t","toggleModal","selectedLocales","setSelectedLocales","localeOptions","allLocales","allLocalesSelected","Set","handleSelectAll","handleToggleLocale","localeValue","prev","includes","filter","l","handleConfirm","className","gutter","Header","onClose","title","div","span","buttonStyle","disabled","length","iconPosition","id","onClick","size","checked","count","onToggle"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","setsAreEqual","React","useCallback","useMemo","useState","CheckboxInput","useTranslation","DrawerHeader","Button","Drawer","getLocaleOptions","i18n","localization","locales","map","locale","label","value","code","baseClass","SelectLocalesDrawer","slug","onConfirm","t","toggleModal","selectedLocales","setSelectedLocales","localeOptions","allLocales","allLocalesSelected","Set","handleSelectAll","handleToggleLocale","localeValue","prev","includes","filter","l","handleConfirm","_jsxs","className","gutter","Header","_jsx","onClose","title","buttonStyle","disabled","length","iconPosition","id","onClick","size","checked","count","onToggle"],"sources":["../../../../src/elements/DuplicateDocument/SelectLocalesDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { setsAreEqual } from 'payload/shared'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { DrawerHeader } from '../../BulkUpload/Header/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport './index.scss'\n\nexport type LocaleOption = {\n  label: string\n  value: string\n}\n\nexport type SelectLocalesDrawerProps = {\n  readonly localization: Exclude<ClientConfig['localization'], false>\n  readonly onConfirm: (args: { selectedLocales: string[] }) => Promise<void> | void\n  readonly slug: string\n}\n\nconst getLocaleOptions = ({\n  i18n,\n  localization,\n}: {\n  i18n: I18nClient\n  localization: SelectLocalesDrawerProps['localization']\n}): LocaleOption[] => {\n  return localization.locales.map((locale) => ({\n    label: getTranslation(locale.label, i18n),\n    value: locale.code,\n  }))\n}\n\nconst baseClass = 'select-locales-drawer'\n\nexport const SelectLocalesDrawer: React.FC<SelectLocalesDrawerProps> = ({\n  slug,\n  localization,\n  onConfirm,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const [selectedLocales, setSelectedLocales] = useState<string[]>([])\n\n  const localeOptions = useMemo(\n    () => getLocaleOptions({ i18n, localization }),\n    [localization, i18n],\n  )\n  const allLocales = useMemo(() => localeOptions.map((locale) => locale.value), [localeOptions])\n  const allLocalesSelected = useMemo(\n    () => setsAreEqual(new Set(selectedLocales), new Set(allLocales)),\n    [selectedLocales, allLocales],\n  )\n\n  const handleSelectAll = useCallback(() => {\n    setSelectedLocales(allLocalesSelected ? [] : [...allLocales])\n  }, [allLocalesSelected, allLocales])\n\n  const handleToggleLocale = useCallback((localeValue: string) => {\n    setSelectedLocales((prev) =>\n      prev.includes(localeValue) ? prev.filter((l) => l !== localeValue) : [...prev, localeValue],\n    )\n  }, [])\n\n  const handleConfirm = useCallback(async () => {\n    await onConfirm({ selectedLocales })\n    toggleModal(slug)\n  }, [onConfirm, selectedLocales, slug, toggleModal])\n\n  return (\n    <Drawer\n      className={baseClass}\n      gutter={false}\n      Header={\n        <DrawerHeader\n          onClose={() => {\n            toggleModal(slug)\n          }}\n          title={`${t('general:duplicate')} ${t('localization:selectedLocales')}`}\n        />\n      }\n      slug={slug}\n    >\n      <div className={`${baseClass}__sub-header`}>\n        <span>{t('localization:selectLocaleToDuplicate')}</span>\n        <Button\n          buttonStyle=\"primary\"\n          disabled={selectedLocales.length === 0}\n          iconPosition=\"left\"\n          id=\"#action-duplicate-confirm\"\n          onClick={handleConfirm}\n          size=\"medium\"\n        >\n          {t('general:duplicate')}\n        </Button>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__item`}>\n          <CheckboxInput\n            checked={allLocalesSelected}\n            id=\"select-locale-all\"\n            label={t('general:selectAll', {\n              count: allLocales.length,\n              label: t('general:locales'),\n            })}\n            onToggle={handleSelectAll}\n          />\n        </div>\n        {localeOptions.map((locale) => (\n          <div className={`${baseClass}__item`} key={locale.value}>\n            <CheckboxInput\n              checked={selectedLocales.includes(locale.value)}\n              id={`select-locale-${locale.value}`}\n              label={locale.label}\n              onToggle={() => handleToggleLocale(locale.value)}\n            />\n          </div>\n        ))}\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DuplicateDocument/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -17,162 +18,151 @@ import { traverseForLocalizedFields } from '../../utilities/traverseForLocalized
 import { ConfirmationModal } from '../ConfirmationModal/index.js';
 import { PopupList } from '../Popup/index.js';
 import { SelectLocalesDrawer } from './SelectLocalesDrawer/index.js';
-export const DuplicateDocument = ({ id, slug, onDuplicate, redirectAfterDuplicate = true, selectLocales, singularLabel })=>{
-    const router = useRouter();
-    const modified = useFormModified();
-    const { openModal } = useModal();
-    const { code: localeCode } = useLocale();
-    const { setModified } = useForm();
-    const { startRouteTransition } = useRouteTransition();
-    const { config: { localization, routes: { admin: adminRoute, api: apiRoute }, serverURL }, getEntityConfig } = useConfig();
-    const collectionConfig = getEntityConfig({
-        collectionSlug: slug
-    });
-    const { i18n, t } = useTranslation();
-    const modalSlug = `duplicate-${id}`;
-    const drawerSlug = `duplicate-locales-${id}`;
-    const isDuplicateByLocaleEnabled = useMemo(()=>{
-        if (selectLocales && collectionConfig) {
-            return traverseForLocalizedFields(collectionConfig.fields);
-        }
-        return false;
-    }, [
-        collectionConfig,
-        selectLocales
-    ]);
-    const handleDuplicate = useCallback(async (args)=>{
-        const { selectedLocales } = args || {};
-        const hasSelectedLocales = selectedLocales && selectedLocales.length > 0;
-        const queryParams = {};
-        if (localeCode) {
-            queryParams.locale = localeCode;
-        }
-        if (hasSelectedLocales) {
-            queryParams.selectedLocales = selectedLocales;
-        }
-        const headers = {
-            'Accept-Language': i18n.language,
-            'Content-Type': 'application/json',
-            credentials: 'include'
-        };
-        try {
-            const res = await requests.post(formatAdminURL({
-                apiRoute,
-                path: `/${slug}/${id}/duplicate${qs.stringify(queryParams, {
-                    addQueryPrefix: true
-                })}`
-            }), {
-                body: JSON.stringify(hasDraftsEnabled(collectionConfig) ? {
-                    _status: 'draft'
-                } : {}),
-                headers
-            });
-            const { doc, errors, message } = await res.json();
-            if (res.status < 400) {
-                toast.success(message || t('general:successfullyDuplicated', {
-                    label: getTranslation(singularLabel, i18n)
-                }));
-                setModified(false);
-                if (redirectAfterDuplicate) {
-                    return startRouteTransition(()=>router.push(formatAdminURL({
-                            adminRoute,
-                            path: `/collections/${slug}/${doc.id}${localeCode ? `?locale=${localeCode}` : ''}`
-                        })));
-                }
-                if (typeof onDuplicate === 'function') {
-                    void onDuplicate({
-                        collectionConfig,
-                        doc
-                    });
-                }
-            } else {
-                toast.error(errors?.[0].message || message || t('error:unspecific', {
-                    label: getTranslation(singularLabel, i18n)
-                }));
-            }
-        } catch (_error) {
-            toast.error(t('error:unspecific', {
-                label: getTranslation(singularLabel, i18n)
-            }));
-        }
-    }, [
-        adminRoute,
+export const DuplicateDocument = ({
+  id,
+  slug,
+  onDuplicate,
+  redirectAfterDuplicate = true,
+  selectLocales,
+  singularLabel
+}) => {
+  const router = useRouter();
+  const modified = useFormModified();
+  const {
+    openModal
+  } = useModal();
+  const {
+    code: localeCode
+  } = useLocale();
+  const {
+    setModified
+  } = useForm();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    config: {
+      localization,
+      routes: {
+        admin: adminRoute,
+        api: apiRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug: slug
+  });
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const modalSlug = `duplicate-${id}`;
+  const drawerSlug = `duplicate-locales-${id}`;
+  const isDuplicateByLocaleEnabled = useMemo(() => {
+    if (selectLocales && collectionConfig) {
+      return traverseForLocalizedFields(collectionConfig.fields);
+    }
+    return false;
+  }, [collectionConfig, selectLocales]);
+  const handleDuplicate = useCallback(async args => {
+    const {
+      selectedLocales
+    } = args || {};
+    const hasSelectedLocales = selectedLocales && selectedLocales.length > 0;
+    const queryParams = {};
+    if (localeCode) {
+      queryParams.locale = localeCode;
+    }
+    if (hasSelectedLocales) {
+      queryParams.selectedLocales = selectedLocales;
+    }
+    const headers = {
+      'Accept-Language': i18n.language,
+      'Content-Type': 'application/json',
+      credentials: 'include'
+    };
+    try {
+      const res = await requests.post(formatAdminURL({
         apiRoute,
-        collectionConfig,
-        i18n,
-        id,
-        localeCode,
-        onDuplicate,
-        redirectAfterDuplicate,
-        router,
-        serverURL,
-        setModified,
-        singularLabel,
-        slug,
-        startRouteTransition,
-        t
-    ]);
-    const handleConfirmWithoutSaving = useCallback(async ()=>{
-        if (selectLocales) {
-            openModal(drawerSlug);
-        } else {
-            await handleDuplicate();
+        path: `/${slug}/${id}/duplicate${qs.stringify(queryParams, {
+          addQueryPrefix: true
+        })}`
+      }), {
+        body: JSON.stringify(hasDraftsEnabled(collectionConfig) ? {
+          _status: 'draft'
+        } : {}),
+        headers
+      });
+      const {
+        doc,
+        errors,
+        message
+      } = await res.json();
+      if (res.status < 400) {
+        toast.success(message || t('general:successfullyDuplicated', {
+          label: getTranslation(singularLabel, i18n)
+        }));
+        setModified(false);
+        if (redirectAfterDuplicate) {
+          return startRouteTransition(() => router.push(formatAdminURL({
+            adminRoute,
+            path: `/collections/${slug}/${doc.id}${localeCode ? `?locale=${localeCode}` : ''}`
+          })));
         }
-    }, [
-        handleDuplicate,
-        drawerSlug,
-        selectLocales,
-        openModal
-    ]);
-    const buttonLabel = selectLocales ? `${t('general:duplicate')} ${t('localization:selectedLocales')}` : t('general:duplicate');
-    if (!selectLocales || isDuplicateByLocaleEnabled) {
-        return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-            children: [
-                /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                    id: `action-duplicate${isDuplicateByLocaleEnabled ? `-locales` : ''}`,
-                    onClick: ()=>{
-                        if (modified) {
-                            openModal(modalSlug);
-                        } else if (selectLocales) {
-                            openModal(drawerSlug);
-                        } else {
-                            void handleDuplicate();
-                        }
-                    },
-                    children: buttonLabel
-                }, void 0, false, {
-                    fileName: "src/elements/DuplicateDocument/index.tsx",
-                    lineNumber: 175,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
-                    body: t('general:unsavedChangesDuplicate'),
-                    confirmLabel: t('general:duplicateWithoutSaving'),
-                    heading: t('general:unsavedChanges'),
-                    modalSlug: modalSlug,
-                    onConfirm: handleConfirmWithoutSaving
-                }, void 0, false, {
-                    fileName: "src/elements/DuplicateDocument/index.tsx",
-                    lineNumber: 189,
-                    columnNumber: 9
-                }, this),
-                selectLocales && localization && /*#__PURE__*/ _jsxDEV(SelectLocalesDrawer, {
-                    localization: localization,
-                    onConfirm: handleDuplicate,
-                    slug: drawerSlug
-                }, void 0, false, {
-                    fileName: "src/elements/DuplicateDocument/index.tsx",
-                    lineNumber: 197,
-                    columnNumber: 11
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/DuplicateDocument/index.tsx",
-            lineNumber: 174,
-            columnNumber: 7
-        }, this);
+        if (typeof onDuplicate === 'function') {
+          void onDuplicate({
+            collectionConfig,
+            doc
+          });
+        }
+      } else {
+        toast.error(errors?.[0].message || message || t('error:unspecific', {
+          label: getTranslation(singularLabel, i18n)
+        }));
+      }
+    } catch (_error) {
+      toast.error(t('error:unspecific', {
+        label: getTranslation(singularLabel, i18n)
+      }));
+    }
+  }, [adminRoute, apiRoute, collectionConfig, i18n, id, localeCode, onDuplicate, redirectAfterDuplicate, router, serverURL, setModified, singularLabel, slug, startRouteTransition, t]);
+  const handleConfirmWithoutSaving = useCallback(async () => {
+    if (selectLocales) {
+      openModal(drawerSlug);
+    } else {
+      await handleDuplicate();
     }
-    return null;
+  }, [handleDuplicate, drawerSlug, selectLocales, openModal]);
+  const buttonLabel = selectLocales ? `${t('general:duplicate')} ${t('localization:selectedLocales')}` : t('general:duplicate');
+  if (!selectLocales || isDuplicateByLocaleEnabled) {
+    return /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsx(PopupList.Button, {
+        id: `action-duplicate${isDuplicateByLocaleEnabled ? `-locales` : ''}`,
+        onClick: () => {
+          if (modified) {
+            openModal(modalSlug);
+          } else if (selectLocales) {
+            openModal(drawerSlug);
+          } else {
+            void handleDuplicate();
+          }
+        },
+        children: buttonLabel
+      }), /*#__PURE__*/_jsx(ConfirmationModal, {
+        body: t('general:unsavedChangesDuplicate'),
+        confirmLabel: t('general:duplicateWithoutSaving'),
+        heading: t('general:unsavedChanges'),
+        modalSlug: modalSlug,
+        onConfirm: handleConfirmWithoutSaving
+      }), selectLocales && localization && /*#__PURE__*/_jsx(SelectLocalesDrawer, {
+        localization: localization,
+        onConfirm: handleDuplicate,
+        slug: drawerSlug
+      })]
+    });
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map