@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

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

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { setsAreEqual } from 'payload/shared';
@@ -11,93 +10,152 @@ 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
-    });
-    toggleModal(slug);
-  }, [onConfirm, selectedLocales, slug, toggleModal]);
-  return /*#__PURE__*/_jsxs(Drawer, {
-    className: baseClass,
-    gutter: false,
-    Header: /*#__PURE__*/_jsx(DrawerHeader, {
-      onClose: () => {
+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);
-      },
-      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))]
-    })]
-  });
+    }, [
+        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);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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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"}

package/dist/elements/DuplicateDocument/index.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -18,151 +17,162 @@ 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}` : ''}`
-          })));
+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);
         }
-        if (typeof onDuplicate === 'function') {
-          void onDuplicate({
-            collectionConfig,
-            doc
-          });
+        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;
         }
-      } 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();
-    }
-  }, [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) {
+        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,
+        apiRoute,
+        collectionConfig,
+        i18n,
+        id,
+        localeCode,
+        onDuplicate,
+        redirectAfterDuplicate,
+        router,
+        serverURL,
+        setModified,
+        singularLabel,
+        slug,
+        startRouteTransition,
+        t
+    ]);
+    const handleConfirmWithoutSaving = useCallback(async ()=>{
+        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;
+        } else {
+            await handleDuplicate();
+        }
+    }, [
+        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);
+    }
+    return null;
 };
+
 //# sourceMappingURL=index.js.map