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

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.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 { formatAdminURL } from 'payload/shared';
@@ -16,177 +15,197 @@ 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_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'));
+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';
             }
-          } catch {
+            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'));
-          }
+        });
+    }, [
+        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;
         }
-      } 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;
+        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;
     }
-    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)
-    })]
-  });
+    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);
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","qs","React","useCallback","useEffect","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","traverseForLocalizedFields","ConfirmationModal","PopupList","UnpublishButton","label","labelProp","id","collectionSlug","data","dataFromProps","globalSlug","hasPublishedDoc","hasPublishPermission","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","toggleModal","config","getEntityConfig","reset","resetForm","code","localeCode","localeLabel","unpublishAll","setUnpublishAll","hasLocalizedFields","setHasLocalizedFields","unPublishModalSlug","routes","api","serverURL","i18n","t","entityConfig","useMemo","unpublish","url","method","queryString","stringify","depth","locale","undefined","unpublishAllLocales","addQueryPrefix","apiRoute","path","res","body","JSON","_status","headers","language","status","success","json","errors","message","error","catch","hasLocalizedField","fields","drafts","versions","hasDraftsEnabled","canUnpublish","canUnpublishCurrentLocale","isLocalizeStatusEnabled","localizeStatus","isExperimentalEnabled","experimental","_jsxs","Fragment","_jsx","Button","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/UnpublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UnpublishButtonClientProps } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { PopupList } from '../Popup/index.js'\nexport function UnpublishButton({\n  label: labelProp,\n}: { label?: string } & UnpublishButtonClientProps = {}) {\n  const {\n    id,\n    collectionSlug,\n    data: dataFromProps,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    incrementVersionCount,\n    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n\n  const { config, getEntityConfig } = useConfig()\n  const { reset: resetForm } = useForm()\n  const { code: localeCode, label: localeLabel } = useLocale()\n  const [unpublishAll, setUnpublishAll] = useState(false)\n  const [hasLocalizedFields, setHasLocalizedFields] = useState(false)\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const unpublish = useCallback(\n    (unpublishAll?: boolean) => {\n      void (async () => {\n        let url\n        let method\n\n        const queryString = qs.stringify(\n          {\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: unpublishAll ? undefined : localeCode,\n            unpublishAllLocales: unpublishAll,\n          },\n          { addQueryPrefix: true },\n        )\n\n        if (collectionSlug) {\n          url = formatAdminURL({\n            apiRoute: api,\n            path: `/${collectionSlug}/${id}${queryString}`,\n            serverURL,\n          })\n          method = 'patch'\n        }\n\n        if (globalSlug) {\n          url = formatAdminURL({\n            apiRoute: api,\n            path: `/globals/${globalSlug}${queryString}`,\n            serverURL,\n          })\n          method = 'post'\n        }\n\n        try {\n          const res = await requests[method](url, {\n            body: JSON.stringify({ _status: 'draft' }),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n\n          if (res.status === 200) {\n            void resetForm({\n              ...(dataFromProps || {}),\n              _status: 'draft',\n            })\n\n            toast.success(t('version:unpublishedSuccessfully'))\n            incrementVersionCount()\n            setUnpublishedVersionCount(1)\n            setMostRecentVersionIsAutosaved(false)\n            setHasPublishedDoc(false)\n          } else {\n            try {\n              const json = await res.json()\n              if (json.errors?.[0]?.message) {\n                toast.error(json.errors[0].message)\n              } else if (json.error) {\n                toast.error(json.error)\n              } else {\n                toast.error(t('error:unPublishingDocument'))\n              }\n            } catch {\n              toast.error(t('error:unPublishingDocument'))\n            }\n          }\n        } catch {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      })().catch(() => {\n        toast.error(t('error:unPublishingDocument'))\n      })\n    },\n    [\n      dataFromProps,\n      resetForm,\n      collectionSlug,\n      globalSlug,\n      serverURL,\n      api,\n      localeCode,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      setHasPublishedDoc,\n      setMostRecentVersionIsAutosaved,\n      setUnpublishedVersionCount,\n      t,\n    ],\n  )\n\n  useEffect(() => {\n    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields)\n    setHasLocalizedFields(hasLocalizedField)\n  }, [entityConfig?.fields])\n\n  const drafts = entityConfig?.versions?.drafts\n  const hasDraftsEnabled = typeof drafts === 'object' && drafts !== null\n\n  const canUnpublish = React.useMemo(() => {\n    return hasDraftsEnabled && hasPublishPermission && hasPublishedDoc && !isTrashed\n  }, [hasPublishPermission, hasPublishedDoc, isTrashed, hasDraftsEnabled])\n\n  const canUnpublishCurrentLocale = React.useMemo(() => {\n    if (!canUnpublish || !hasLocalizedFields) {\n      return false\n    }\n\n    const isLocalizeStatusEnabled = drafts && drafts.localizeStatus === true\n    const isExperimentalEnabled = config.experimental?.localizeStatus === true\n\n    return isLocalizeStatusEnabled && isExperimentalEnabled\n  }, [canUnpublish, hasLocalizedFields, drafts, config.experimental?.localizeStatus])\n\n  const label = getTranslation(localeLabel, i18n)\n\n  if (!canUnpublish) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <PopupList.Button\n        id=\"action-unpublish\"\n        onClick={() => {\n          setUnpublishAll(true)\n          toggleModal(unPublishModalSlug)\n        }}\n      >\n        {labelProp || t('version:unpublish')}\n      </PopupList.Button>\n      {canUnpublishCurrentLocale && (\n        <PopupList.Button\n          id=\"action-unpublish-locale\"\n          onClick={() => {\n            setUnpublishAll(false)\n            toggleModal(unPublishModalSlug)\n          }}\n        >\n          {labelProp ? `${labelProp} [${label}]` : t('version:unpublishIn', { locale: label })}\n        </PopupList.Button>\n      )}\n      <ConfirmationModal\n        body={\n          !unpublishAll\n            ? t('version:aboutToUnpublishIn', { locale: label })\n            : t('version:aboutToUnpublish')\n        }\n        confirmingLabel={t('version:unpublishing')}\n        heading={t('version:confirmUnpublish')}\n        modalSlug={unPublishModalSlug}\n        onConfirm={() => unpublish(unpublishAll)}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/UnpublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UnpublishButtonClientProps } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { traverseForLocalizedFields } from '../../utilities/traverseForLocalizedFields.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { PopupList } from '../Popup/index.js'\nexport function UnpublishButton({\n  label: labelProp,\n}: { label?: string } & UnpublishButtonClientProps = {}) {\n  const {\n    id,\n    collectionSlug,\n    data: dataFromProps,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    incrementVersionCount,\n    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n\n  const { config, getEntityConfig } = useConfig()\n  const { reset: resetForm } = useForm()\n  const { code: localeCode, label: localeLabel } = useLocale()\n  const [unpublishAll, setUnpublishAll] = useState(false)\n  const [hasLocalizedFields, setHasLocalizedFields] = useState(false)\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const unpublish = useCallback(\n    (unpublishAll?: boolean) => {\n      void (async () => {\n        let url\n        let method\n\n        const queryString = qs.stringify(\n          {\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: unpublishAll ? undefined : localeCode,\n            unpublishAllLocales: unpublishAll,\n          },\n          { addQueryPrefix: true },\n        )\n\n        if (collectionSlug) {\n          url = formatAdminURL({\n            apiRoute: api,\n            path: `/${collectionSlug}/${id}${queryString}`,\n            serverURL,\n          })\n          method = 'patch'\n        }\n\n        if (globalSlug) {\n          url = formatAdminURL({\n            apiRoute: api,\n            path: `/globals/${globalSlug}${queryString}`,\n            serverURL,\n          })\n          method = 'post'\n        }\n\n        try {\n          const res = await requests[method](url, {\n            body: JSON.stringify({ _status: 'draft' }),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n\n          if (res.status === 200) {\n            void resetForm({\n              ...(dataFromProps || {}),\n              _status: 'draft',\n            })\n\n            toast.success(t('version:unpublishedSuccessfully'))\n            incrementVersionCount()\n            setUnpublishedVersionCount(1)\n            setMostRecentVersionIsAutosaved(false)\n            setHasPublishedDoc(false)\n          } else {\n            try {\n              const json = await res.json()\n              if (json.errors?.[0]?.message) {\n                toast.error(json.errors[0].message)\n              } else if (json.error) {\n                toast.error(json.error)\n              } else {\n                toast.error(t('error:unPublishingDocument'))\n              }\n            } catch {\n              toast.error(t('error:unPublishingDocument'))\n            }\n          }\n        } catch {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      })().catch(() => {\n        toast.error(t('error:unPublishingDocument'))\n      })\n    },\n    [\n      dataFromProps,\n      resetForm,\n      collectionSlug,\n      globalSlug,\n      serverURL,\n      api,\n      localeCode,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      setHasPublishedDoc,\n      setMostRecentVersionIsAutosaved,\n      setUnpublishedVersionCount,\n      t,\n    ],\n  )\n\n  useEffect(() => {\n    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields)\n    setHasLocalizedFields(hasLocalizedField)\n  }, [entityConfig?.fields])\n\n  const drafts = entityConfig?.versions?.drafts\n  const hasDraftsEnabled = typeof drafts === 'object' && drafts !== null\n\n  const canUnpublish = React.useMemo(() => {\n    return hasDraftsEnabled && hasPublishPermission && hasPublishedDoc && !isTrashed\n  }, [hasPublishPermission, hasPublishedDoc, isTrashed, hasDraftsEnabled])\n\n  const canUnpublishCurrentLocale = React.useMemo(() => {\n    if (!canUnpublish || !hasLocalizedFields) {\n      return false\n    }\n\n    const isLocalizeStatusEnabled = drafts && drafts.localizeStatus === true\n    const isExperimentalEnabled = config.experimental?.localizeStatus === true\n\n    return isLocalizeStatusEnabled && isExperimentalEnabled\n  }, [canUnpublish, hasLocalizedFields, drafts, config.experimental?.localizeStatus])\n\n  const label = getTranslation(localeLabel, i18n)\n\n  if (!canUnpublish) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <PopupList.Button\n        id=\"action-unpublish\"\n        onClick={() => {\n          setUnpublishAll(true)\n          toggleModal(unPublishModalSlug)\n        }}\n      >\n        {labelProp || t('version:unpublish')}\n      </PopupList.Button>\n      {canUnpublishCurrentLocale && (\n        <PopupList.Button\n          id=\"action-unpublish-locale\"\n          onClick={() => {\n            setUnpublishAll(false)\n            toggleModal(unPublishModalSlug)\n          }}\n        >\n          {labelProp ? `${labelProp} [${label}]` : t('version:unpublishIn', { locale: label })}\n        </PopupList.Button>\n      )}\n      <ConfirmationModal\n        body={\n          !unpublishAll\n            ? t('version:aboutToUnpublishIn', { locale: label })\n            : t('version:aboutToUnpublish')\n        }\n        confirmingLabel={t('version:unpublishing')}\n        heading={t('version:confirmUnpublish')}\n        modalSlug={unPublishModalSlug}\n        onConfirm={() => unpublish(unpublishAll)}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","formatAdminURL","qs","React","useCallback","useEffect","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","traverseForLocalizedFields","ConfirmationModal","PopupList","UnpublishButton","label","labelProp","id","collectionSlug","data","dataFromProps","globalSlug","hasPublishedDoc","hasPublishPermission","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","toggleModal","config","getEntityConfig","reset","resetForm","code","localeCode","localeLabel","unpublishAll","setUnpublishAll","hasLocalizedFields","setHasLocalizedFields","unPublishModalSlug","routes","api","serverURL","i18n","t","entityConfig","useMemo","unpublish","url","method","queryString","stringify","depth","locale","undefined","unpublishAllLocales","addQueryPrefix","apiRoute","path","res","body","JSON","_status","headers","language","status","success","json","errors","message","error","catch","hasLocalizedField","fields","drafts","versions","hasDraftsEnabled","canUnpublish","canUnpublishCurrentLocale","isLocalizeStatusEnabled","localizeStatus","isExperimentalEnabled","experimental","Fragment","Button","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}