@payloadcms/ui 3.78.0-internal-debug.f663370 → 3.78.0-internal.ab11ffa

package/dist/elements/Translation/index.js

@@ -1,52 +1,43 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-const RecursiveTranslation = ({ elements, translationString })=>{
-    const regex = /(<[^>]+>.*?<\/[^>]+>)/g;
-    const sections = translationString.split(regex);
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: sections.map((section, index)=>{
-            if (elements && section.startsWith('<') && section.endsWith('>')) {
-                const elementKey = section[1];
-                const Element = elements[elementKey];
-                if (Element) {
-                    const regex = new RegExp(`<${elementKey}>(.*?)<\/${elementKey}>`, 'g');
-                    const children = section.replace(regex, (_, group)=>group);
-                    return /*#__PURE__*/ _jsxDEV(Element, {
-                        children: /*#__PURE__*/ _jsxDEV(RecursiveTranslation, {
-                            translationString: children
-                        }, void 0, false, {
-                            fileName: "src/elements/Translation/index.tsx",
-                            lineNumber: 25,
-                            columnNumber: 17
-                        }, this)
-                    }, index, false, {
-                        fileName: "src/elements/Translation/index.tsx",
-                        lineNumber: 24,
-                        columnNumber: 15
-                    }, this);
-                }
-            }
-            return section;
-        })
-    }, void 0, false, {
-        fileName: "src/elements/Translation/index.tsx",
-        lineNumber: 13,
-        columnNumber: 5
-    }, this);
+const RecursiveTranslation = ({
+  elements,
+  translationString
+}) => {
+  const regex = /(<[^>]+>.*?<\/[^>]+>)/g;
+  const sections = translationString.split(regex);
+  return /*#__PURE__*/_jsx("span", {
+    children: sections.map((section, index) => {
+      if (elements && section.startsWith('<') && section.endsWith('>')) {
+        const elementKey = section[1];
+        const Element = elements[elementKey];
+        if (Element) {
+          const regex = new RegExp(`<${elementKey}>(.*?)<\/${elementKey}>`, 'g');
+          const children = section.replace(regex, (_, group) => group);
+          return /*#__PURE__*/_jsx(Element, {
+            children: /*#__PURE__*/_jsx(RecursiveTranslation, {
+              translationString: children
+            })
+          }, index);
+        }
+      }
+      return section;
+    })
+  });
 };
-export const Translation = ({ elements, i18nKey, t, variables })=>{
-    const stringWithVariables = t(i18nKey, variables || {});
-    if (!elements) {
-        return stringWithVariables;
-    }
-    return /*#__PURE__*/ _jsxDEV(RecursiveTranslation, {
-        elements: elements,
-        translationString: stringWithVariables
-    }, void 0, false, {
-        fileName: "src/elements/Translation/index.tsx",
-        lineNumber: 51,
-        columnNumber: 10
-    }, this);
+export const Translation = ({
+  elements,
+  i18nKey,
+  t,
+  variables
+}) => {
+  const stringWithVariables = t(i18nKey, variables || {});
+  if (!elements) {
+    return stringWithVariables;
+  }
+  return /*#__PURE__*/_jsx(RecursiveTranslation, {
+    elements: elements,
+    translationString: stringWithVariables
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Translation/index.tsx"],"sourcesContent":["import type { ClientTranslationKeys, TFunction } from '@payloadcms/translations'\n\nimport * as React from 'react'\n\nconst RecursiveTranslation: React.FC<{\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  translationString: string\n}> = ({ elements, translationString }) => {\n  const regex = /(<[^>]+>.*?<\\/[^>]+>)/g\n  const sections = translationString.split(regex)\n\n  return (\n    <span>\n      {sections.map((section, index) => {\n        if (elements && section.startsWith('<') && section.endsWith('>')) {\n          const elementKey = section[1]\n          const Element = elements[elementKey]\n\n          if (Element) {\n            const regex = new RegExp(`<${elementKey}>(.*?)<\\/${elementKey}>`, 'g')\n            const children = section.replace(regex, (_, group) => group)\n\n            return (\n              <Element key={index}>\n                <RecursiveTranslation translationString={children} />\n              </Element>\n            )\n          }\n        }\n\n        return section\n      })}\n    </span>\n  )\n}\n\nexport type TranslationProps = {\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  i18nKey: ClientTranslationKeys\n  t: TFunction\n  variables?: Record<string, unknown>\n}\n\nexport const Translation: React.FC<TranslationProps> = ({ elements, i18nKey, t, variables }) => {\n  const stringWithVariables = t(i18nKey, variables || {})\n\n  if (!elements) {\n    return stringWithVariables\n  }\n\n  return <RecursiveTranslation elements={elements} translationString={stringWithVariables} />\n}\n"],"names":["React","RecursiveTranslation","elements","translationString","regex","sections","split","span","map","section","index","startsWith","endsWith","elementKey","Element","RegExp","children","replace","_","group","Translation","i18nKey","t","variables","stringWithVariables"],"mappings":";AAEA,YAAYA,WAAW,QAAO;AAE9B,MAAMC,uBAGD,CAAC,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE;IACnC,MAAMC,QAAQ;IACd,MAAMC,WAAWF,kBAAkBG,KAAK,CAACF;IAEzC,qBACE,QAACG;kBACEF,SAASG,GAAG,CAAC,CAACC,SAASC;YACtB,IAAIR,YAAYO,QAAQE,UAAU,CAAC,QAAQF,QAAQG,QAAQ,CAAC,MAAM;gBAChE,MAAMC,aAAaJ,OAAO,CAAC,EAAE;gBAC7B,MAAMK,UAAUZ,QAAQ,CAACW,WAAW;gBAEpC,IAAIC,SAAS;oBACX,MAAMV,QAAQ,IAAIW,OAAO,CAAC,CAAC,EAAEF,WAAW,SAAS,EAAEA,WAAW,CAAC,CAAC,EAAE;oBAClE,MAAMG,WAAWP,QAAQQ,OAAO,CAACb,OAAO,CAACc,GAAGC,QAAUA;oBAEtD,qBACE,QAACL;kCACC,cAAA,QAACb;4BAAqBE,mBAAmBa;;;;;;uBAD7BN;;;;;gBAIlB;YACF;YAEA,OAAOD;QACT;;;;;;AAGN;AASA,OAAO,MAAMW,cAA0C,CAAC,EAAElB,QAAQ,EAAEmB,OAAO,EAAEC,CAAC,EAAEC,SAAS,EAAE;IACzF,MAAMC,sBAAsBF,EAAED,SAASE,aAAa,CAAC;IAErD,IAAI,CAACrB,UAAU;QACb,OAAOsB;IACT;IAEA,qBAAO,QAACvB;QAAqBC,UAAUA;QAAUC,mBAAmBqB;;;;;;AACtE,EAAC"}
+{"version":3,"file":"index.js","names":["React","RecursiveTranslation","elements","translationString","regex","sections","split","_jsx","map","section","index","startsWith","endsWith","elementKey","Element","RegExp","children","replace","_","group","Translation","i18nKey","t","variables","stringWithVariables"],"sources":["../../../src/elements/Translation/index.tsx"],"sourcesContent":["import type { ClientTranslationKeys, TFunction } from '@payloadcms/translations'\n\nimport * as React from 'react'\n\nconst RecursiveTranslation: React.FC<{\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  translationString: string\n}> = ({ elements, translationString }) => {\n  const regex = /(<[^>]+>.*?<\\/[^>]+>)/g\n  const sections = translationString.split(regex)\n\n  return (\n    <span>\n      {sections.map((section, index) => {\n        if (elements && section.startsWith('<') && section.endsWith('>')) {\n          const elementKey = section[1]\n          const Element = elements[elementKey]\n\n          if (Element) {\n            const regex = new RegExp(`<${elementKey}>(.*?)<\\/${elementKey}>`, 'g')\n            const children = section.replace(regex, (_, group) => group)\n\n            return (\n              <Element key={index}>\n                <RecursiveTranslation translationString={children} />\n              </Element>\n            )\n          }\n        }\n\n        return section\n      })}\n    </span>\n  )\n}\n\nexport type TranslationProps = {\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  i18nKey: ClientTranslationKeys\n  t: TFunction\n  variables?: Record<string, unknown>\n}\n\nexport const Translation: React.FC<TranslationProps> = ({ elements, i18nKey, t, variables }) => {\n  const stringWithVariables = t(i18nKey, variables || {})\n\n  if (!elements) {\n    return stringWithVariables\n  }\n\n  return <RecursiveTranslation elements={elements} translationString={stringWithVariables} />\n}\n"],"mappings":";AAEA,YAAYA,KAAA,MAAW;AAEvB,MAAMC,oBAAA,GAGDA,CAAC;EAAEC,QAAQ;EAAEC;AAAiB,CAAE;EACnC,MAAMC,KAAA,GAAQ;EACd,MAAMC,QAAA,GAAWF,iBAAA,CAAkBG,KAAK,CAACF,KAAA;EAEzC,oBACEG,IAAA,CAAC;cACEF,QAAA,CAASG,GAAG,CAAC,CAACC,OAAA,EAASC,KAAA;MACtB,IAAIR,QAAA,IAAYO,OAAA,CAAQE,UAAU,CAAC,QAAQF,OAAA,CAAQG,QAAQ,CAAC,MAAM;QAChE,MAAMC,UAAA,GAAaJ,OAAO,CAAC,EAAE;QAC7B,MAAMK,OAAA,GAAUZ,QAAQ,CAACW,UAAA,CAAW;QAEpC,IAAIC,OAAA,EAAS;UACX,MAAMV,KAAA,GAAQ,IAAIW,MAAA,CAAO,IAAIF,UAAA,YAAsBA,UAAA,GAAa,EAAE;UAClE,MAAMG,QAAA,GAAWP,OAAA,CAAQQ,OAAO,CAACb,KAAA,EAAO,CAACc,CAAA,EAAGC,KAAA,KAAUA,KAAA;UAEtD,oBACEZ,IAAA,CAACO,OAAA;sBACC,aAAAP,IAAA,CAACN,oBAAA;cAAqBE,iBAAA,EAAmBa;;aAD7BN,KAAA;QAIlB;MACF;MAEA,OAAOD,OAAA;IACT;;AAGN;AASA,OAAO,MAAMW,WAAA,GAA0CA,CAAC;EAAElB,QAAQ;EAAEmB,OAAO;EAAEC,CAAC;EAAEC;AAAS,CAAE;EACzF,MAAMC,mBAAA,GAAsBF,CAAA,CAAED,OAAA,EAASE,SAAA,IAAa,CAAC;EAErD,IAAI,CAACrB,QAAA,EAAU;IACb,OAAOsB,mBAAA;EACT;EAEA,oBAAOjB,IAAA,CAACN,oBAAA;IAAqBC,QAAA,EAAUA,QAAA;IAAUC,iBAAA,EAAmBqB;;AACtE","ignoreList":[]}

package/dist/elements/TrashBanner/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 { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { TrashIcon } from '../../icons/Trash/index.js';
@@ -8,37 +9,29 @@ import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'trash-banner';
-export const TrashBanner = ()=>{
-    const { getEntityConfig } = useConfig();
-    const { collectionSlug } = useDocumentInfo();
-    const collectionConfig = getEntityConfig({
-        collectionSlug
-    });
-    const { labels } = collectionConfig;
-    const { i18n } = useTranslation();
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV(TrashIcon, {}, void 0, false, {
-                fileName: "src/elements/TrashBanner/index.tsx",
-                lineNumber: 23,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("p", {
-                children: i18n.t('general:documentIsTrashed', {
-                    label: `${getTranslation(labels?.singular, i18n)}`
-                })
-            }, void 0, false, {
-                fileName: "src/elements/TrashBanner/index.tsx",
-                lineNumber: 24,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/TrashBanner/index.tsx",
-        lineNumber: 22,
-        columnNumber: 5
-    }, this);
+export const TrashBanner = () => {
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    collectionSlug
+  } = useDocumentInfo();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const {
+    labels
+  } = collectionConfig;
+  const {
+    i18n
+  } = useTranslation();
+  return _jsxs("div", {
+    className: baseClass,
+    children: [_jsx(TrashIcon, {}), _jsx("p", {
+      children: i18n.t("general:documentIsTrashed", {
+        label: `${getTranslation(labels?.singular, i18n)}`
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/TrashBanner/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { TrashIcon } from '../../icons/Trash/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'trash-banner'\n\nexport const TrashBanner: React.FC = () => {\n  const { getEntityConfig } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels } = collectionConfig\n  const { i18n } = useTranslation()\n  return (\n    <div className={baseClass}>\n      <TrashIcon />\n      <p>\n        {i18n.t('general:documentIsTrashed', {\n          label: `${getTranslation(labels?.singular, i18n)}`,\n        })}\n      </p>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","TrashIcon","useConfig","useDocumentInfo","useTranslation","baseClass","TrashBanner","getEntityConfig","collectionSlug","collectionConfig","labels","i18n","div","className","p","t","label","singular"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,6BAA4B;AACtD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,eAAe,EAAE,GAAGL;IAC5B,MAAM,EAAEM,cAAc,EAAE,GAAGL;IAC3B,MAAMM,mBAAmBF,gBAAgB;QAAEC;IAAe;IAE1D,MAAM,EAAEE,MAAM,EAAE,GAAGD;IACnB,MAAM,EAAEE,IAAI,EAAE,GAAGP;IACjB,qBACE,QAACQ;QAAIC,WAAWR;;0BACd,QAACJ;;;;;0BACD,QAACa;0BACEH,KAAKI,CAAC,CAAC,6BAA6B;oBACnCC,OAAO,GAAGjB,eAAeW,QAAQO,UAAUN,OAAO;gBACpD;;;;;;;;;;;;AAIR,EAAC"}
+{"version":3,"file":"index.js","names":["getTranslation","React","TrashIcon","useConfig","useDocumentInfo","useTranslation","baseClass","TrashBanner","getEntityConfig","collectionSlug","collectionConfig","labels","i18n","_jsxs","className","children","_jsx","t","label","singular"],"sources":["../../../src/elements/TrashBanner/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { TrashIcon } from '../../icons/Trash/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'trash-banner'\n\nexport const TrashBanner: React.FC = () => {\n  const { getEntityConfig } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels } = collectionConfig\n  const { i18n } = useTranslation()\n  return (\n    <div className={baseClass}>\n      <TrashIcon />\n      <p>\n        {i18n.t('general:documentIsTrashed', {\n          label: `${getTranslation(labels?.singular, i18n)}`,\n        })}\n      </p>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EACnC;IAAAC;EAAA,IAA4BL,SAAA;EAC5B;IAAAM;EAAA,IAA2BL,eAAA;EAC3B,MAAAM,gBAAA,GAAyBF,eAAA;IAAAC;EAAA,CAAiC;EAE1D;IAAAE;EAAA,IAAmBD,gBAAA;EACnB;IAAAE;EAAA,IAAiBP,cAAA;EAAA,OAEfQ,KAAA,CAAC;IAAAC,SAAA,EAAAR,SAAA;IAAAS,QAAA,GACCC,IAAA,CAAAd,SAAA,IAAC,GACDc,IAAA,CAAC;MAAAD,QAAA,EACEH,IAAA,CAAAK,CAAA,CAAO;QAAAC,KAAA,EACC,GAAGlB,cAAA,CAAeW,MAAA,EAAAQ,QAAA,EAAkBP,IAAA;MAAO,CACpD;IAAA,C;;CAIR","ignoreList":[]}

package/dist/elements/UnpublishButton/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 { formatAdminURL } from 'payload/shared';
@@ -15,197 +16,177 @@ import { requests } from '../../utilities/api.js';
 import { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js';
 import { ConfirmationModal } from '../ConfirmationModal/index.js';
 import { PopupList } from '../Popup/index.js';
-export function UnpublishButton({ label: labelProp } = {}) {
-    const { id, collectionSlug, data: dataFromProps, globalSlug, hasPublishedDoc, hasPublishPermission, incrementVersionCount, isTrashed, setHasPublishedDoc, setMostRecentVersionIsAutosaved, setUnpublishedVersionCount } = useDocumentInfo();
-    const { toggleModal } = useModal();
-    const { config, getEntityConfig } = useConfig();
-    const { reset: resetForm } = useForm();
-    const { code: localeCode, label: localeLabel } = useLocale();
-    const [unpublishAll, setUnpublishAll] = useState(false);
-    const [hasLocalizedFields, setHasLocalizedFields] = useState(false);
-    const unPublishModalSlug = `confirm-un-publish-${id}`;
-    const { routes: { api }, serverURL } = config;
-    const { i18n, t } = useTranslation();
-    const entityConfig = React.useMemo(()=>{
-        if (collectionSlug) {
-            return getEntityConfig({
-                collectionSlug
-            });
-        }
-        if (globalSlug) {
-            return getEntityConfig({
-                globalSlug
-            });
-        }
-    }, [
-        collectionSlug,
-        globalSlug,
-        getEntityConfig
-    ]);
-    const unpublish = useCallback((unpublishAll)=>{
-        void (async ()=>{
-            let url;
-            let method;
-            const queryString = qs.stringify({
-                depth: 0,
-                'fallback-locale': 'null',
-                locale: unpublishAll ? undefined : localeCode,
-                unpublishAllLocales: unpublishAll
-            }, {
-                addQueryPrefix: true
-            });
-            if (collectionSlug) {
-                url = formatAdminURL({
-                    apiRoute: api,
-                    path: `/${collectionSlug}/${id}${queryString}`,
-                    serverURL
-                });
-                method = 'patch';
-            }
-            if (globalSlug) {
-                url = formatAdminURL({
-                    apiRoute: api,
-                    path: `/globals/${globalSlug}${queryString}`,
-                    serverURL
-                });
-                method = 'post';
-            }
-            try {
-                const res = await requests[method](url, {
-                    body: JSON.stringify({
-                        _status: 'draft'
-                    }),
-                    headers: {
-                        'Accept-Language': i18n.language,
-                        'Content-Type': 'application/json'
-                    }
-                });
-                if (res.status === 200) {
-                    void resetForm({
-                        ...dataFromProps || {},
-                        _status: 'draft'
-                    });
-                    toast.success(t('version:unpublishedSuccessfully'));
-                    incrementVersionCount();
-                    setUnpublishedVersionCount(1);
-                    setMostRecentVersionIsAutosaved(false);
-                    setHasPublishedDoc(false);
-                } else {
-                    try {
-                        const json = await res.json();
-                        if (json.errors?.[0]?.message) {
-                            toast.error(json.errors[0].message);
-                        } else if (json.error) {
-                            toast.error(json.error);
-                        } else {
-                            toast.error(t('error:unPublishingDocument'));
-                        }
-                    } catch  {
-                        toast.error(t('error:unPublishingDocument'));
-                    }
-                }
-            } catch  {
-                toast.error(t('error:unPublishingDocument'));
+export function UnpublishButton({
+  label: labelProp
+} = {}) {
+  const {
+    id,
+    collectionSlug,
+    data: dataFromProps,
+    globalSlug,
+    hasPublishedDoc,
+    hasPublishPermission,
+    incrementVersionCount,
+    isTrashed,
+    setHasPublishedDoc,
+    setMostRecentVersionIsAutosaved,
+    setUnpublishedVersionCount
+  } = useDocumentInfo();
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    reset: resetForm
+  } = useForm();
+  const {
+    code: localeCode,
+    label: localeLabel
+  } = useLocale();
+  const [unpublishAll, setUnpublishAll] = useState(false);
+  const [hasLocalizedFields, setHasLocalizedFields] = useState(false);
+  const unPublishModalSlug = `confirm-un-publish-${id}`;
+  const {
+    routes: {
+      api
+    },
+    serverURL
+  } = config;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const entityConfig = React.useMemo(() => {
+    if (collectionSlug) {
+      return getEntityConfig({
+        collectionSlug
+      });
+    }
+    if (globalSlug) {
+      return getEntityConfig({
+        globalSlug
+      });
+    }
+  }, [collectionSlug, globalSlug, getEntityConfig]);
+  const unpublish = useCallback(unpublishAll_0 => {
+    void (async () => {
+      let url;
+      let method;
+      const queryString = qs.stringify({
+        depth: 0,
+        'fallback-locale': 'null',
+        locale: unpublishAll_0 ? undefined : localeCode,
+        unpublishAllLocales: unpublishAll_0
+      }, {
+        addQueryPrefix: true
+      });
+      if (collectionSlug) {
+        url = formatAdminURL({
+          apiRoute: api,
+          path: `/${collectionSlug}/${id}${queryString}`,
+          serverURL
+        });
+        method = 'patch';
+      }
+      if (globalSlug) {
+        url = formatAdminURL({
+          apiRoute: api,
+          path: `/globals/${globalSlug}${queryString}`,
+          serverURL
+        });
+        method = 'post';
+      }
+      try {
+        const res = await requests[method](url, {
+          body: JSON.stringify({
+            _status: 'draft'
+          }),
+          headers: {
+            'Accept-Language': i18n.language,
+            'Content-Type': 'application/json'
+          }
+        });
+        if (res.status === 200) {
+          void resetForm({
+            ...(dataFromProps || {}),
+            _status: 'draft'
+          });
+          toast.success(t('version:unpublishedSuccessfully'));
+          incrementVersionCount();
+          setUnpublishedVersionCount(1);
+          setMostRecentVersionIsAutosaved(false);
+          setHasPublishedDoc(false);
+        } else {
+          try {
+            const json = await res.json();
+            if (json.errors?.[0]?.message) {
+              toast.error(json.errors[0].message);
+            } else if (json.error) {
+              toast.error(json.error);
+            } else {
+              toast.error(t('error:unPublishingDocument'));
             }
-        })().catch(()=>{
+          } catch {
             toast.error(t('error:unPublishingDocument'));
-        });
-    }, [
-        dataFromProps,
-        resetForm,
-        collectionSlug,
-        globalSlug,
-        serverURL,
-        api,
-        localeCode,
-        id,
-        i18n.language,
-        incrementVersionCount,
-        setHasPublishedDoc,
-        setMostRecentVersionIsAutosaved,
-        setUnpublishedVersionCount,
-        t
-    ]);
-    useEffect(()=>{
-        const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields);
-        setHasLocalizedFields(hasLocalizedField);
-    }, [
-        entityConfig?.fields
-    ]);
-    const drafts = entityConfig?.versions?.drafts;
-    const hasDraftsEnabled = typeof drafts === 'object' && drafts !== null;
-    const canUnpublish = React.useMemo(()=>{
-        return hasDraftsEnabled && hasPublishPermission && hasPublishedDoc && !isTrashed;
-    }, [
-        hasPublishPermission,
-        hasPublishedDoc,
-        isTrashed,
-        hasDraftsEnabled
-    ]);
-    const canUnpublishCurrentLocale = React.useMemo(()=>{
-        if (!canUnpublish || !hasLocalizedFields) {
-            return false;
+          }
         }
-        const isLocalizeStatusEnabled = drafts && drafts.localizeStatus === true;
-        const isExperimentalEnabled = config.experimental?.localizeStatus === true;
-        return isLocalizeStatusEnabled && isExperimentalEnabled;
-    }, [
-        canUnpublish,
-        hasLocalizedFields,
-        drafts,
-        config.experimental?.localizeStatus
-    ]);
-    const label = getTranslation(localeLabel, i18n);
-    if (!canUnpublish) {
-        return null;
+      } catch {
+        toast.error(t('error:unPublishingDocument'));
+      }
+    })().catch(() => {
+      toast.error(t('error:unPublishingDocument'));
+    });
+  }, [dataFromProps, resetForm, collectionSlug, globalSlug, serverURL, api, localeCode, id, i18n.language, incrementVersionCount, setHasPublishedDoc, setMostRecentVersionIsAutosaved, setUnpublishedVersionCount, t]);
+  useEffect(() => {
+    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields);
+    setHasLocalizedFields(hasLocalizedField);
+  }, [entityConfig?.fields]);
+  const drafts = entityConfig?.versions?.drafts;
+  const hasDraftsEnabled = typeof drafts === 'object' && drafts !== null;
+  const canUnpublish = React.useMemo(() => {
+    return hasDraftsEnabled && hasPublishPermission && hasPublishedDoc && !isTrashed;
+  }, [hasPublishPermission, hasPublishedDoc, isTrashed, hasDraftsEnabled]);
+  const canUnpublishCurrentLocale = React.useMemo(() => {
+    if (!canUnpublish || !hasLocalizedFields) {
+      return false;
     }
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                id: "action-unpublish",
-                onClick: ()=>{
-                    setUnpublishAll(true);
-                    toggleModal(unPublishModalSlug);
-                },
-                children: labelProp || t('version:unpublish')
-            }, void 0, false, {
-                fileName: "src/elements/UnpublishButton/index.tsx",
-                lineNumber: 187,
-                columnNumber: 7
-            }, this),
-            canUnpublishCurrentLocale && /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                id: "action-unpublish-locale",
-                onClick: ()=>{
-                    setUnpublishAll(false);
-                    toggleModal(unPublishModalSlug);
-                },
-                children: labelProp ? `${labelProp} [${label}]` : t('version:unpublishIn', {
-                    locale: label
-                })
-            }, void 0, false, {
-                fileName: "src/elements/UnpublishButton/index.tsx",
-                lineNumber: 197,
-                columnNumber: 9
-            }, this),
-            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
-                body: !unpublishAll ? t('version:aboutToUnpublishIn', {
-                    locale: label
-                }) : t('version:aboutToUnpublish'),
-                confirmingLabel: t('version:unpublishing'),
-                heading: t('version:confirmUnpublish'),
-                modalSlug: unPublishModalSlug,
-                onConfirm: ()=>unpublish(unpublishAll)
-            }, void 0, false, {
-                fileName: "src/elements/UnpublishButton/index.tsx",
-                lineNumber: 207,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/UnpublishButton/index.tsx",
-        lineNumber: 186,
-        columnNumber: 5
-    }, this);
+    const isLocalizeStatusEnabled = drafts && drafts.localizeStatus === true;
+    const isExperimentalEnabled = config.experimental?.localizeStatus === true;
+    return isLocalizeStatusEnabled && isExperimentalEnabled;
+  }, [canUnpublish, hasLocalizedFields, drafts, config.experimental?.localizeStatus]);
+  const label = getTranslation(localeLabel, i18n);
+  if (!canUnpublish) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(PopupList.Button, {
+      id: "action-unpublish",
+      onClick: () => {
+        setUnpublishAll(true);
+        toggleModal(unPublishModalSlug);
+      },
+      children: labelProp || t('version:unpublish')
+    }), canUnpublishCurrentLocale && /*#__PURE__*/_jsx(PopupList.Button, {
+      id: "action-unpublish-locale",
+      onClick: () => {
+        setUnpublishAll(false);
+        toggleModal(unPublishModalSlug);
+      },
+      children: labelProp ? `${labelProp} [${label}]` : t('version:unpublishIn', {
+        locale: label
+      })
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: !unpublishAll ? t('version:aboutToUnpublishIn', {
+        locale: label
+      }) : t('version:aboutToUnpublish'),
+      confirmingLabel: t('version:unpublishing'),
+      heading: t('version:confirmUnpublish'),
+      modalSlug: unPublishModalSlug,
+      onConfirm: () => unpublish(unpublishAll)
+    })]
+  });
 }
-
 //# sourceMappingURL=index.js.map