@payloadcms/ui 3.71.1 → 3.72.0-internal.3e70d4c

package/dist/elements/UnpublishButton/index.js

@@ -0,0 +1,181 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@payloadcms/translations';
+import * as qs from 'qs-esm';
+import React, { useCallback, useEffect, useState } from 'react';
+import { toast } from 'sonner';
+import { useForm } from '../../forms/Form/context.js';
+import { FormSubmit } from '../../forms/Submit/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+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,
+    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 = `${serverURL}${api}/${collectionSlug}/${id}${queryString}`;
+        method = 'patch';
+      }
+      if (globalSlug) {
+        url = `${serverURL}${api}/globals/${globalSlug}${queryString}`;
+        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'));
+    });
+  }, [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 = 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)
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","getTranslation","qs","React","useCallback","useEffect","useState","toast","useForm","FormSubmit","useConfig","useDocumentInfo","useLocale","useTranslation","requests","traverseForLocalizedFields","ConfirmationModal","PopupList","UnpublishButton","id","collectionSlug","data","dataFromProps","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","toggleModal","config","getEntityConfig","reset","resetForm","code","localeCode","label","localeLabel","unpublishAll","setUnpublishAll","unPublishModalSlug","routes","api","serverURL","i18n","t","entityConfig","useMemo","unpublish","url","method","queryString","stringify","depth","locale","undefined","unpublishAllLocales","addQueryPrefix","res","body","JSON","_status","headers","language","status","success","json","errors","message","error","catch","hasLocalizedFields","setHasLocalizedFields","hasLocalizedField","fields","canUnpublish","canUnpublishCurrentLocale","_jsx","Fragment","_jsxs","_Fragment","buttonId","disabled","enableSubMenu","onClick","size","SubMenuPopupContent","close","ButtonGroup","Button","type","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/UnpublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\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 { FormSubmit } from '../../forms/Submit/index.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  const {\n    id,\n    collectionSlug,\n    data: dataFromProps,\n    globalSlug,\n    hasPublishedDoc,\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\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      ; (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 = `${serverURL}${api}/${collectionSlug}/${id}${queryString}`\n          method = 'patch'\n        }\n\n        if (globalSlug) {\n          url = `${serverURL}${api}/globals/${globalSlug}${queryString}`\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  const [hasLocalizedFields, setHasLocalizedFields] = useState(false)\n\n  useEffect(() => {\n    const hasLocalizedField = traverseForLocalizedFields(entityConfig?.fields)\n    setHasLocalizedFields(hasLocalizedField)\n  }, [entityConfig?.fields])\n\n  const canUnpublish = hasPublishedDoc && !isTrashed\n  const canUnpublishCurrentLocale = hasLocalizedFields && canUnpublish\n\n  return (\n    <React.Fragment>\n      {canUnpublish && (\n        <>\n          <FormSubmit\n            buttonId=\"action-unpublish\"\n            disabled={!canUnpublish}\n            enableSubMenu={canUnpublishCurrentLocale}\n            onClick={() => {\n              setUnpublishAll(true)\n              toggleModal(unPublishModalSlug)\n            }}\n            size=\"medium\"\n            SubMenuPopupContent={\n              canUnpublishCurrentLocale\n                ? ({ close }) => {\n                  return (\n                    <PopupList.ButtonGroup>\n                      <PopupList.Button\n                        id=\"action-unpublish-locale\"\n                        onClick={() => {\n                          setUnpublishAll(false)\n                          toggleModal(unPublishModalSlug)\n                          close()\n                        }}\n                      >\n                        {t('version:unpublishIn', { locale: getTranslation(localeLabel, i18n) })}\n                      </PopupList.Button>\n                    </PopupList.ButtonGroup>\n                  )\n                }\n                : undefined\n            }\n            type=\"button\"\n          >\n            {t('version:unpublish')}\n          </FormSubmit>\n          <ConfirmationModal\n            body={\n              !unpublishAll\n                ? t('version:aboutToUnpublishIn', { locale: getTranslation(localeLabel, i18n) })\n                : t('version:aboutToUnpublish')\n            }\n            confirmingLabel={t('version:unpublishing')}\n            heading={t('version:confirmUnpublish')}\n            modalSlug={unPublishModalSlug}\n            onConfirm={() => unpublish(unpublishAll)}\n          />\n        </>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/exports/client/{DatePicker-VMLA35FO.js → DatePicker-KIFZZD6G.js}

@@ -10,5 +10,5 @@ function require(m) {
 }
 // Workaround end
 
-import{n as a}from"./chunk-7V3NHDV6.js";import"./chunk-5LKBKI4T.js";export{a as default};
-//# sourceMappingURL=DatePicker-VMLA35FO.js.map
+import{n as a}from"./chunk-SXTBYES4.js";import"./chunk-5LKBKI4T.js";export{a as default};
+//# sourceMappingURL=DatePicker-KIFZZD6G.js.map

package/dist/exports/client/{chunk-7V3NHDV6.js → chunk-SXTBYES4.js}

@@ -26,4 +26,4 @@ react-datepicker/dist/react-datepicker.min.js:
     Released under the MIT License.
   *)
 */
-//# sourceMappingURL=chunk-7V3NHDV6.js.map
+//# sourceMappingURL=chunk-SXTBYES4.js.map