@payloadcms/ui 3.80.0-internal-debug.7019cc9 → 3.80.0-internal.0311fce

package/dist/elements/Tree/useChildren.js

@@ -0,0 +1,213 @@
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useConfig } from '../../providers/Config/index.js';
+import { isSuperset } from '../../utilities/isSuperset.js';
+export const useChildren = ({
+  allPossibleTypeValues,
+  cache,
+  collectionSlug,
+  enabled = true,
+  filterByCollections,
+  initialData,
+  limit = 2,
+  parentFieldName,
+  parentId,
+  typeFieldName,
+  useAsTitle
+}) => {
+  const filterKey = filterByCollections?.length ? filterByCollections.slice().sort().join(',') : '';
+  const cacheKey = `${collectionSlug}-${parentId}-${filterKey}`;
+  const cachedData = cache?.current.get(cacheKey);
+  // Check if we have initial data for this specific parent
+  const parentKey = parentId === 'null' ? 'null' : String(parentId);
+  const parentMeta = initialData?.loadedParents?.[parentKey];
+  const hasInitialData = !!parentMeta;
+  // Extract docs for this parent from initialData if available
+  // Apply same superset filter as fetchPage for consistency
+  const initialDocsForParent = hasInitialData ? initialData.docs.filter(doc => {
+    const docParent = doc[parentFieldName] || 'null';
+    if (String(docParent) !== parentKey) {
+      return false;
+    }
+    if (filterByCollections?.length && typeFieldName) {
+      return isSuperset(doc[typeFieldName], filterByCollections);
+    }
+    return true;
+  }) : null;
+  const [children, setChildren] = useState(initialDocsForParent || cachedData?.children || null);
+  const [isLoading, setIsLoading] = useState(!hasInitialData && !cachedData && enabled);
+  const [page, setPage] = useState(cachedData?.page || 1);
+  const [totalDocs, setTotalDocs] = useState(parentMeta?.totalDocs || cachedData?.totalDocs || 0);
+  const [hasMore, setHasMore] = useState(parentMeta?.hasMore || cachedData?.hasMore || false);
+  const initializedRef = useRef(!!hasInitialData);
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const fetchPage = useCallback(async (pageToFetch, currentChildren) => {
+    setIsLoading(true);
+    try {
+      const parentCondition = parentId === 'null' || parentId === null ? {
+        or: [{
+          [parentFieldName]: {
+            exists: false
+          }
+        }, {
+          [parentFieldName]: {
+            equals: null
+          }
+        }]
+      } : {
+        [parentFieldName]: {
+          equals: parentId
+        }
+      };
+      // Build filter condition for collection type filtering
+      // Matches items that:
+      // - allow ANY of the selected collections, OR
+      // - are unrestricted (type field doesn't exist), OR
+      // - have empty allowedTypes array (unrestricted)
+      const filterCondition = filterByCollections?.length && typeFieldName ? {
+        or: [{
+          [typeFieldName]: {
+            in: filterByCollections
+          }
+        }, {
+          [typeFieldName]: {
+            exists: false
+          }
+        },
+        // Using not_in with all possible values matches empty arrays in both MongoDB and Postgres
+        ...(allPossibleTypeValues?.length ? [{
+          [typeFieldName]: {
+            not_in: allPossibleTypeValues
+          }
+        }] : [])]
+      } : null;
+      // Combine conditions with AND if filter is active
+      const where = filterCondition ? {
+        and: [parentCondition, filterCondition]
+      } : parentCondition;
+      const queryParams = {
+        limit,
+        page: pageToFetch,
+        sort: useAsTitle ?? 'id',
+        where
+      };
+      const queryString = qs.stringify(queryParams, {
+        addQueryPrefix: true
+      });
+      const url = formatAdminURL({
+        apiRoute: api,
+        path: `/${collectionSlug}${queryString}`,
+        serverURL
+      });
+      const response = await fetch(url, {
+        credentials: 'include'
+      });
+      if (!response.ok) {
+        throw new Error('Failed to fetch children');
+      }
+      const data = await response.json();
+      const allDocs = data.docs || [];
+      // Client-side filter: only show items that are a superset of required collections
+      // Server query uses ANY (due to PG limitations), but we want ALL (superset)
+      const newDocs = filterByCollections?.length && typeFieldName ? allDocs.filter(doc => isSuperset(doc[typeFieldName], filterByCollections)) : allDocs;
+      const newChildren = pageToFetch === 1 ? newDocs : [...(currentChildren || []), ...newDocs];
+      setChildren(newChildren);
+      setTotalDocs(data.totalDocs || 0);
+      setHasMore(data.hasNextPage || false);
+      setPage(pageToFetch);
+      if (cache) {
+        cache.current.set(cacheKey, {
+          children: newChildren,
+          hasMore: data.hasNextPage || false,
+          page: pageToFetch,
+          totalDocs: data.totalDocs || 0
+        });
+      }
+      return newDocs;
+    } catch {
+      if (pageToFetch === 1) {
+        const emptyChildren = [];
+        setChildren(emptyChildren);
+        setHasMore(false);
+        if (cache) {
+          cache.current.set(cacheKey, {
+            children: emptyChildren,
+            hasMore: false,
+            page: 1,
+            totalDocs: 0
+          });
+        }
+      }
+      return [];
+    } finally {
+      setIsLoading(false);
+    }
+  }, [allPossibleTypeValues, parentId, filterKey, parentFieldName, filterByCollections, typeFieldName, limit, useAsTitle, api, collectionSlug, serverURL, cache, cacheKey]);
+  // Reset state when filter changes
+  const prevFilterKeyRef = useRef(filterKey);
+  useEffect(() => {
+    if (prevFilterKeyRef.current !== filterKey) {
+      prevFilterKeyRef.current = filterKey;
+      setChildren(null);
+      setPage(1);
+      setTotalDocs(0);
+      setHasMore(false);
+    }
+  }, [filterKey]);
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    // Skip initial fetch if we have initialData
+    if (initializedRef.current && children !== null) {
+      initializedRef.current = false;
+      return;
+    }
+    // Restore from cache if children was reset (e.g., filter changed)
+    if (cachedData && children === null) {
+      setChildren(cachedData.children);
+      setPage(cachedData.page);
+      setTotalDocs(cachedData.totalDocs);
+      setHasMore(cachedData.hasMore);
+      return;
+    }
+    if (cachedData && page === cachedData.page) {
+      return;
+    }
+    void fetchPage(page, children);
+  }, [enabled, page, cachedData, fetchPage, children]);
+  const loadMore = useCallback(async () => {
+    if (isLoading || !hasMore) {
+      return [];
+    }
+    // If we have fewer items than our limit, the cached data was fetched with a smaller limit
+    // We need to re-fetch page 1 with our limit to get the full first page
+    const shouldRefetchPage1 = children && children.length < limit;
+    return fetchPage(shouldRefetchPage1 ? 1 : page + 1, children);
+  }, [isLoading, hasMore, page, children, fetchPage, limit]);
+  const refresh = useCallback(async () => {
+    if (cache) {
+      cache.current.delete(cacheKey);
+    }
+    setChildren(null);
+    setPage(1);
+    return fetchPage(1, null);
+  }, [cache, cacheKey, fetchPage]);
+  return {
+    children,
+    hasMore,
+    isLoading,
+    loadMore,
+    refresh,
+    totalDocs
+  };
+};
+//# sourceMappingURL=useChildren.js.map

package/dist/elements/Tree/useChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChildren.js","names":["formatAdminURL","qs","useCallback","useEffect","useRef","useState","useConfig","isSuperset","useChildren","allPossibleTypeValues","cache","collectionSlug","enabled","filterByCollections","initialData","limit","parentFieldName","parentId","typeFieldName","useAsTitle","filterKey","length","slice","sort","join","cacheKey","cachedData","current","get","parentKey","String","parentMeta","loadedParents","hasInitialData","initialDocsForParent","docs","filter","doc","docParent","children","setChildren","isLoading","setIsLoading","page","setPage","totalDocs","setTotalDocs","hasMore","setHasMore","initializedRef","config","routes","api","serverURL","fetchPage","pageToFetch","currentChildren","parentCondition","or","exists","equals","filterCondition","in","not_in","where","and","queryParams","queryString","stringify","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","allDocs","newDocs","newChildren","hasNextPage","set","emptyChildren","prevFilterKeyRef","loadMore","shouldRefetchPage1","refresh","delete"],"sources":["../../../src/elements/Tree/useChildren.tsx"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { CachedChildren, TreeCache, TreeDocument, TreeInitialData } from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { isSuperset } from '../../utilities/isSuperset.js'\n\ntype UseChildrenArgs = {\n  allPossibleTypeValues?: string[]\n  cache?: TreeCache\n  collectionSlug: string\n  enabled?: boolean\n  filterByCollections?: string[]\n  initialData?: null | TreeInitialData\n  limit?: number\n  parentFieldName: string\n  parentId: number | string\n  typeFieldName?: null | string\n  useAsTitle?: string\n}\n\ntype UseChildrenReturn = {\n  children: null | TreeDocument[]\n  hasMore: boolean\n  isLoading: boolean\n  loadMore: () => Promise<TreeDocument[]>\n  refresh: () => Promise<TreeDocument[]>\n  totalDocs: number\n}\n\nexport const useChildren = ({\n  allPossibleTypeValues,\n  cache,\n  collectionSlug,\n  enabled = true,\n  filterByCollections,\n  initialData,\n  limit = 2,\n  parentFieldName,\n  parentId,\n  typeFieldName,\n  useAsTitle,\n}: UseChildrenArgs): UseChildrenReturn => {\n  const filterKey = filterByCollections?.length ? filterByCollections.slice().sort().join(',') : ''\n  const cacheKey = `${collectionSlug}-${parentId}-${filterKey}`\n  const cachedData = cache?.current.get(cacheKey)\n\n  // Check if we have initial data for this specific parent\n  const parentKey = parentId === 'null' ? 'null' : String(parentId)\n  const parentMeta = initialData?.loadedParents?.[parentKey]\n  const hasInitialData = !!parentMeta\n\n  // Extract docs for this parent from initialData if available\n  // Apply same superset filter as fetchPage for consistency\n  const initialDocsForParent = hasInitialData\n    ? initialData.docs.filter((doc) => {\n        const docParent = doc[parentFieldName] || 'null'\n        if (String(docParent) !== parentKey) {\n          return false\n        }\n        if (filterByCollections?.length && typeFieldName) {\n          return isSuperset(doc[typeFieldName] as string[] | undefined, filterByCollections)\n        }\n        return true\n      })\n    : null\n\n  const [children, setChildren] = useState<null | TreeDocument[]>(\n    initialDocsForParent || cachedData?.children || null,\n  )\n  const [isLoading, setIsLoading] = useState(!hasInitialData && !cachedData && enabled)\n  const [page, setPage] = useState(cachedData?.page || 1)\n  const [totalDocs, setTotalDocs] = useState(parentMeta?.totalDocs || cachedData?.totalDocs || 0)\n  const [hasMore, setHasMore] = useState(parentMeta?.hasMore || cachedData?.hasMore || false)\n  const initializedRef = useRef(!!hasInitialData)\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const fetchPage = useCallback(\n    async (\n      pageToFetch: number,\n      currentChildren: null | TreeDocument[],\n    ): Promise<TreeDocument[]> => {\n      setIsLoading(true)\n\n      try {\n        const parentCondition =\n          parentId === 'null' || parentId === null\n            ? {\n                or: [\n                  { [parentFieldName]: { exists: false } },\n                  { [parentFieldName]: { equals: null } },\n                ],\n              }\n            : { [parentFieldName]: { equals: parentId } }\n\n        // Build filter condition for collection type filtering\n        // Matches items that:\n        // - allow ANY of the selected collections, OR\n        // - are unrestricted (type field doesn't exist), OR\n        // - have empty allowedTypes array (unrestricted)\n        const filterCondition =\n          filterByCollections?.length && typeFieldName\n            ? {\n                or: [\n                  { [typeFieldName]: { in: filterByCollections } },\n                  { [typeFieldName]: { exists: false } },\n                  // Using not_in with all possible values matches empty arrays in both MongoDB and Postgres\n                  ...(allPossibleTypeValues?.length\n                    ? [{ [typeFieldName]: { not_in: allPossibleTypeValues } }]\n                    : []),\n                ],\n              }\n            : null\n\n        // Combine conditions with AND if filter is active\n        const where = filterCondition\n          ? { and: [parentCondition, filterCondition] }\n          : parentCondition\n\n        const queryParams: Record<string, unknown> = {\n          limit,\n          page: pageToFetch,\n          sort: useAsTitle ?? 'id',\n          where,\n        }\n\n        const queryString = qs.stringify(queryParams, { addQueryPrefix: true })\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n          serverURL,\n        })\n        const response = await fetch(url, {\n          credentials: 'include',\n        })\n\n        if (!response.ok) {\n          throw new Error('Failed to fetch children')\n        }\n\n        const data = await response.json()\n        const allDocs: TreeDocument[] = data.docs || []\n\n        // Client-side filter: only show items that are a superset of required collections\n        // Server query uses ANY (due to PG limitations), but we want ALL (superset)\n        const newDocs =\n          filterByCollections?.length && typeFieldName\n            ? allDocs.filter((doc) =>\n                isSuperset(doc[typeFieldName] as string[] | undefined, filterByCollections),\n              )\n            : allDocs\n\n        const newChildren = pageToFetch === 1 ? newDocs : [...(currentChildren || []), ...newDocs]\n\n        setChildren(newChildren)\n        setTotalDocs(data.totalDocs || 0)\n        setHasMore(data.hasNextPage || false)\n        setPage(pageToFetch)\n\n        if (cache) {\n          cache.current.set(cacheKey, {\n            children: newChildren,\n            hasMore: data.hasNextPage || false,\n            page: pageToFetch,\n            totalDocs: data.totalDocs || 0,\n          })\n        }\n\n        return newDocs\n      } catch {\n        if (pageToFetch === 1) {\n          const emptyChildren: TreeDocument[] = []\n          setChildren(emptyChildren)\n          setHasMore(false)\n\n          if (cache) {\n            cache.current.set(cacheKey, {\n              children: emptyChildren,\n              hasMore: false,\n              page: 1,\n              totalDocs: 0,\n            })\n          }\n        }\n\n        return []\n      } finally {\n        setIsLoading(false)\n      }\n    },\n    [\n      allPossibleTypeValues,\n      parentId,\n      filterKey,\n      parentFieldName,\n      filterByCollections,\n      typeFieldName,\n      limit,\n      useAsTitle,\n      api,\n      collectionSlug,\n      serverURL,\n      cache,\n      cacheKey,\n    ],\n  )\n\n  // Reset state when filter changes\n  const prevFilterKeyRef = useRef(filterKey)\n  useEffect(() => {\n    if (prevFilterKeyRef.current !== filterKey) {\n      prevFilterKeyRef.current = filterKey\n      setChildren(null)\n      setPage(1)\n      setTotalDocs(0)\n      setHasMore(false)\n    }\n  }, [filterKey])\n\n  useEffect(() => {\n    if (!enabled) {\n      return\n    }\n\n    // Skip initial fetch if we have initialData\n    if (initializedRef.current && children !== null) {\n      initializedRef.current = false\n      return\n    }\n\n    // Restore from cache if children was reset (e.g., filter changed)\n    if (cachedData && children === null) {\n      setChildren(cachedData.children)\n      setPage(cachedData.page)\n      setTotalDocs(cachedData.totalDocs)\n      setHasMore(cachedData.hasMore)\n      return\n    }\n\n    if (cachedData && page === cachedData.page) {\n      return\n    }\n\n    void fetchPage(page, children)\n  }, [enabled, page, cachedData, fetchPage, children])\n\n  const loadMore = useCallback(async (): Promise<TreeDocument[]> => {\n    if (isLoading || !hasMore) {\n      return []\n    }\n\n    // If we have fewer items than our limit, the cached data was fetched with a smaller limit\n    // We need to re-fetch page 1 with our limit to get the full first page\n    const shouldRefetchPage1 = children && children.length < limit\n\n    return fetchPage(shouldRefetchPage1 ? 1 : page + 1, children)\n  }, [isLoading, hasMore, page, children, fetchPage, limit])\n\n  const refresh = useCallback(async (): Promise<TreeDocument[]> => {\n    if (cache) {\n      cache.current.delete(cacheKey)\n    }\n    setChildren(null)\n    setPage(1)\n    return fetchPage(1, null)\n  }, [cache, cacheKey, fetchPage])\n\n  return { children, hasMore, isLoading, loadMore, refresh, totalDocs }\n}\n"],"mappings":"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","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