@payloadcms/ui 3.74.0-canary.5 → 3.74.0-internal-debug.1b84a48

package/dist/elements/Translation/index.js

@@ -1,43 +1,52 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import * as React from 'react';
-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;
-    })
-  });
+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);
 };
-export const Translation = ({
-  elements,
-  i18nKey,
-  t,
-  variables
-}) => {
-  const stringWithVariables = t(i18nKey, variables || {});
-  if (!elements) {
-    return stringWithVariables;
-  }
-  return /*#__PURE__*/_jsx(RecursiveTranslation, {
-    elements: elements,
-    translationString: stringWithVariables
-  });
+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);
 };
+
 //# sourceMappingURL=index.js.map

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

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

package/dist/elements/TrashBanner/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 { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { TrashIcon } from '../../icons/Trash/index.js';
@@ -9,29 +8,37 @@ 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 _jsxs("div", {
-    className: baseClass,
-    children: [_jsx(TrashIcon, {}), _jsx("p", {
-      children: i18n.t("general:documentIsTrashed", {
-        label: `${getTranslation(labels?.singular, i18n)}`
-      })
-    })]
-  });
+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);
 };
+
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,3 +1,6 @@
+import type { UnpublishButtonClientProps } from 'payload';
 import React from 'react';
-export declare function UnpublishButton(): React.JSX.Element;
+export declare function UnpublishButton({ label: labelProp, }?: {
+    label?: string;
+} & UnpublishButtonClientProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishButton/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAa/D,wBAAgB,eAAe,sBAmM9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAMzD,OAAO,KAA2C,MAAM,OAAO,CAAA;AAa/D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EAAE,SAAS,GACjB,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,0BAA+B,qBAmMtD"}

package/dist/elements/UnpublishButton/index.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL } from 'payload/shared';
@@ -17,175 +16,188 @@ 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() {
-  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 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 => {
-    ;
-    (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'));
+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 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)=>{
+        ;
+        (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';
             }
-          } catch {
+            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'));
+            }
+        })().catch(()=>{
             toast.error(t('error:unPublishingDocument'));
-          }
-        }
-      } 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]);
-  const [hasLocalizedFields, setHasLocalizedFields] = useState(false);
-  useEffect(() => {
-    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields);
-    setHasLocalizedFields(hasLocalizedField);
-  }, [entityConfig?.fields]);
-  const canUnpublish = hasPublishPermission && hasPublishedDoc && !isTrashed;
-  const canUnpublishCurrentLocale = hasLocalizedFields && canUnpublish;
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: canUnpublish && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(FormSubmit, {
-        buttonId: "action-unpublish",
-        disabled: !canUnpublish,
-        enableSubMenu: canUnpublishCurrentLocale,
-        onClick: () => {
-          setUnpublishAll(true);
-          toggleModal(unPublishModalSlug);
-        },
-        size: "medium",
-        SubMenuPopupContent: canUnpublishCurrentLocale ? ({
-          close
-        }) => {
-          return /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-            children: /*#__PURE__*/_jsx(PopupList.Button, {
-              id: "action-unpublish-locale",
-              onClick: () => {
-                setUnpublishAll(false);
-                toggleModal(unPublishModalSlug);
-                close();
-              },
-              children: t('version:unpublishIn', {
-                locale: getTranslation(localeLabel, i18n)
-              })
-            })
-          });
-        } : undefined,
-        type: "button",
-        children: t('version:unpublish')
-      }), /*#__PURE__*/_jsx(ConfirmationModal, {
-        body: !unpublishAll ? t('version:aboutToUnpublishIn', {
-          locale: getTranslation(localeLabel, i18n)
-        }) : t('version:aboutToUnpublish'),
-        confirmingLabel: t('version:unpublishing'),
-        heading: t('version:confirmUnpublish'),
-        modalSlug: unPublishModalSlug,
-        onConfirm: () => unpublish(unpublishAll)
-      })]
-    })
-  });
+        });
+    }, [
+        dataFromProps,
+        resetForm,
+        collectionSlug,
+        globalSlug,
+        serverURL,
+        api,
+        localeCode,
+        id,
+        i18n.language,
+        incrementVersionCount,
+        setHasPublishedDoc,
+        setMostRecentVersionIsAutosaved,
+        setUnpublishedVersionCount,
+        t
+    ]);
+    const [hasLocalizedFields, setHasLocalizedFields] = useState(false);
+    useEffect(()=>{
+        const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields);
+        setHasLocalizedFields(hasLocalizedField);
+    }, [
+        entityConfig?.fields
+    ]);
+    const canUnpublish = hasPublishPermission && hasPublishedDoc && !isTrashed;
+    const canUnpublishCurrentLocale = hasLocalizedFields && canUnpublish;
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: canUnpublish && /*#__PURE__*/ _jsxDEV(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxDEV(FormSubmit, {
+                    buttonId: "action-unpublish",
+                    disabled: !canUnpublish,
+                    enableSubMenu: canUnpublishCurrentLocale,
+                    onClick: ()=>{
+                        setUnpublishAll(true);
+                        toggleModal(unPublishModalSlug);
+                    },
+                    size: "medium",
+                    SubMenuPopupContent: canUnpublishCurrentLocale ? ({ close })=>{
+                        return /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                            children: /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                id: "action-unpublish-locale",
+                                onClick: ()=>{
+                                    setUnpublishAll(false);
+                                    toggleModal(unPublishModalSlug);
+                                    close();
+                                },
+                                children: t('version:unpublishIn', {
+                                    locale: getTranslation(localeLabel, i18n)
+                                })
+                            }, void 0, false, {
+                                fileName: "src/elements/UnpublishButton/index.tsx",
+                                lineNumber: 185,
+                                columnNumber: 25
+                            }, void 0)
+                        }, void 0, false, {
+                            fileName: "src/elements/UnpublishButton/index.tsx",
+                            lineNumber: 184,
+                            columnNumber: 23
+                        }, void 0);
+                    } : undefined,
+                    type: "button",
+                    children: labelProp || t('version:unpublish')
+                }, void 0, false, {
+                    fileName: "src/elements/UnpublishButton/index.tsx",
+                    lineNumber: 171,
+                    columnNumber: 11
+                }, this),
+                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                    body: !unpublishAll ? t('version:aboutToUnpublishIn', {
+                        locale: getTranslation(localeLabel, i18n)
+                    }) : 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: 204,
+                    columnNumber: 11
+                }, this)
+            ]
+        }, void 0, true)
+    }, void 0, false, {
+        fileName: "src/elements/UnpublishButton/index.tsx",
+        lineNumber: 168,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map