@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

package/dist/elements/Status/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import React, { useCallback, useState } from 'react';
@@ -12,189 +14,265 @@ import { requests } from '../../utilities/api.js';
 import { Button } from '../Button/index.js';
 import './index.scss';
 const baseClass = 'status';
-export const Status = ()=>{
-    const { id, collectionSlug, docPermissions, getVersions, globalSlug, publishedDoc, unpublishedVersions } = useDocumentInfo();
-    const { toggleModal } = useModal();
-    const { routes: { api }, serverURL } = useConfig();
-    const [processing, setProcessing] = useState(false);
-    const { reset: resetForm } = useForm();
-    const { code: locale } = useLocale();
-    const { i18n, t } = useTranslation();
-    const unPublishModalSlug = `confirm-un-publish-${id}`;
-    const revertModalSlug = `confirm-revert-${id}`;
-    let statusToRender;
-    if (unpublishedVersions?.docs?.length > 0 && publishedDoc) {
-        statusToRender = 'changed';
-    } else if (!publishedDoc) {
-        statusToRender = 'draft';
-    } else if (publishedDoc && unpublishedVersions?.docs?.length <= 1) {
-        statusToRender = 'published';
+export const Status = () => {
+  const $ = _c(40);
+  const {
+    id,
+    collectionSlug,
+    docPermissions,
+    globalSlug,
+    hasPublishedDoc,
+    incrementVersionCount,
+    unpublishedVersionCount
+  } = useDocumentInfo();
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    routes: t1,
+    serverURL
+  } = t0;
+  const {
+    api
+  } = t1;
+  const [processing, setProcessing] = useState(false);
+  const {
+    reset: resetForm
+  } = useForm();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const unPublishModalSlug = `confirm-un-publish-${id}`;
+  const revertModalSlug = `confirm-revert-${id}`;
+  let statusToRender;
+  if (unpublishedVersionCount > 0 && hasPublishedDoc) {
+    statusToRender = "changed";
+  } else {
+    if (!hasPublishedDoc) {
+      statusToRender = "draft";
+    } else {
+      if (hasPublishedDoc && unpublishedVersionCount <= 0) {
+        statusToRender = "published";
+      }
     }
-    const performAction = useCallback(async (action)=>{
-        let url;
-        let method;
-        let body;
-        setProcessing(true);
-        if (action === 'unpublish') {
-            body = {
-                _status: 'draft'
-            };
-        }
-        if (action === 'revert') {
-            body = publishedDoc;
-        }
-        if (collectionSlug) {
-            url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null`;
-            method = 'patch';
+  }
+  let t2;
+  if ($[0] !== collectionSlug || $[1] !== serverURL || $[2] !== api || $[3] !== id || $[4] !== locale || $[5] !== globalSlug || $[6] !== i18n.language || $[7] !== resetForm || $[8] !== incrementVersionCount || $[9] !== t || $[10] !== toggleModal || $[11] !== revertModalSlug || $[12] !== unPublishModalSlug) {
+    t2 = async action => {
+      let url;
+      let method;
+      let body;
+      setProcessing(true);
+      if (action === "unpublish") {
+        body = {
+          _status: "draft"
+        };
+      }
+      if (collectionSlug) {
+        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null&depth=0`;
+        method = "patch";
+      }
+      if (globalSlug) {
+        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`;
+        method = "post";
+      }
+      if (action === "revert") {
+        const publishedDoc = await requests.get(url, {
+          headers: {
+            "Accept-Language": i18n.language,
+            "Content-Type": "application/json"
+          }
+        }).then(res => res.json());
+        body = publishedDoc;
+      }
+      const res_0 = await requests[method](url, {
+        body: JSON.stringify(body),
+        headers: {
+          "Accept-Language": i18n.language,
+          "Content-Type": "application/json"
         }
+      });
+      if (res_0.status === 200) {
+        let data;
+        const json = await res_0.json();
         if (globalSlug) {
-            url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null`;
-            method = 'post';
-        }
-        const res = await requests[method](url, {
-            body: JSON.stringify(body),
-            headers: {
-                'Accept-Language': i18n.language,
-                'Content-Type': 'application/json'
-            }
-        });
-        if (res.status === 200) {
-            let data;
-            const json = await res.json();
-            if (globalSlug) {
-                data = json.result;
-            } else if (collectionSlug) {
-                data = json.doc;
-            }
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            resetForm(data);
-            toast.success(json.message);
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            getVersions();
+          data = json.result;
         } else {
-            toast.error(t('error:unPublishingDocument'));
+          if (collectionSlug) {
+            data = json.doc;
+          }
         }
-        setProcessing(false);
-        if (action === 'revert') {
-            toggleModal(revertModalSlug);
-        }
-        if (action === 'unpublish') {
-            toggleModal(unPublishModalSlug);
-        }
-    }, [
-        api,
-        collectionSlug,
-        getVersions,
-        globalSlug,
-        i18n.language,
-        id,
-        locale,
-        publishedDoc,
-        resetForm,
-        revertModalSlug,
-        serverURL,
-        t,
-        toggleModal,
-        unPublishModalSlug
-    ]);
-    const canUpdate = docPermissions?.update?.permission;
-    if (statusToRender) {
-        return /*#__PURE__*/ _jsx("div", {
-            className: baseClass,
-            title: `${t('version:status')}: ${t(`version:${statusToRender}`)}`,
-            children: /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__value-wrap`,
-                children: [
-                    /*#__PURE__*/ _jsxs("span", {
-                        className: `${baseClass}__label`,
-                        children: [
-                            t('version:status'),
-                            ": "
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx("span", {
-                        className: `${baseClass}__value`,
-                        children: t(`version:${statusToRender}`)
-                    }),
-                    canUpdate && statusToRender === 'published' && /*#__PURE__*/ _jsxs(React.Fragment, {
-                        children: [
-                            " — ",
-                            /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "none",
-                                className: `${baseClass}__action`,
-                                onClick: ()=>toggleModal(unPublishModalSlug),
-                                children: t('version:unpublish')
-                            }),
-                            /*#__PURE__*/ _jsx(Modal, {
-                                className: `${baseClass}__modal`,
-                                slug: unPublishModalSlug,
-                                children: /*#__PURE__*/ _jsxs("div", {
-                                    className: `${baseClass}__modal-template`,
-                                    children: [
-                                        /*#__PURE__*/ _jsx("h1", {
-                                            children: t('version:confirmUnpublish')
-                                        }),
-                                        /*#__PURE__*/ _jsx("p", {
-                                            children: t('version:aboutToUnpublish')
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            buttonStyle: "secondary",
-                                            onClick: processing ? undefined : ()=>toggleModal(unPublishModalSlug),
-                                            type: "button",
-                                            children: t('general:cancel')
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            onClick: processing ? undefined : ()=>performAction('unpublish'),
-                                            children: t(processing ? 'version:unpublishing' : 'general:confirm')
-                                        })
-                                    ]
-                                })
-                            })
-                        ]
-                    }),
-                    canUpdate && statusToRender === 'changed' && /*#__PURE__*/ _jsxs(React.Fragment, {
-                        children: [
-                            " — ",
-                            /*#__PURE__*/ _jsx(Button, {
-                                buttonStyle: "none",
-                                className: `${baseClass}__action`,
-                                id: "action-revert-to-published",
-                                onClick: ()=>toggleModal(revertModalSlug),
-                                children: t('version:revertToPublished')
-                            }),
-                            /*#__PURE__*/ _jsx(Modal, {
-                                className: `${baseClass}__modal`,
-                                slug: revertModalSlug,
-                                children: /*#__PURE__*/ _jsxs("div", {
-                                    className: `${baseClass}__modal-template`,
-                                    children: [
-                                        /*#__PURE__*/ _jsx("h1", {
-                                            children: t('version:confirmRevertToSaved')
-                                        }),
-                                        /*#__PURE__*/ _jsx("p", {
-                                            children: t('version:aboutToRevertToPublished')
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            buttonStyle: "secondary",
-                                            onClick: processing ? undefined : ()=>toggleModal(revertModalSlug),
-                                            type: "button",
-                                            children: t('general:cancel')
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            id: "action-revert-to-published-confirm",
-                                            onClick: processing ? undefined : ()=>performAction('revert'),
-                                            children: t(processing ? 'version:reverting' : 'general:confirm')
-                                        })
-                                    ]
-                                })
-                            })
-                        ]
-                    })
-                ]
+        resetForm(data);
+        toast.success(json.message);
+        incrementVersionCount();
+      } else {
+        toast.error(t("error:unPublishingDocument"));
+      }
+      setProcessing(false);
+      if (action === "revert") {
+        toggleModal(revertModalSlug);
+      }
+      if (action === "unpublish") {
+        toggleModal(unPublishModalSlug);
+      }
+    };
+    $[0] = collectionSlug;
+    $[1] = serverURL;
+    $[2] = api;
+    $[3] = id;
+    $[4] = locale;
+    $[5] = globalSlug;
+    $[6] = i18n.language;
+    $[7] = resetForm;
+    $[8] = incrementVersionCount;
+    $[9] = t;
+    $[10] = toggleModal;
+    $[11] = revertModalSlug;
+    $[12] = unPublishModalSlug;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  const performAction = t2;
+  const canUpdate = docPermissions?.update;
+  if (statusToRender) {
+    const t3 = `${t("version:status")}: ${t(`version:${statusToRender}`)}`;
+    let t4;
+    if ($[14] !== t || $[15] !== statusToRender || $[16] !== canUpdate || $[17] !== toggleModal || $[18] !== unPublishModalSlug || $[19] !== processing || $[20] !== performAction || $[21] !== revertModalSlug || $[22] !== t3) {
+      let t5;
+      if ($[24] !== canUpdate || $[25] !== statusToRender || $[26] !== toggleModal || $[27] !== unPublishModalSlug || $[28] !== t || $[29] !== processing || $[30] !== performAction) {
+        t5 = canUpdate && statusToRender === "published" && _jsxs(React.Fragment, {
+          children: ["\xA0\u2014\xA0", _jsx(Button, {
+            buttonStyle: "none",
+            className: `${baseClass}__action`,
+            onClick: () => toggleModal(unPublishModalSlug),
+            children: t("version:unpublish")
+          }), _jsx(Modal, {
+            className: `${baseClass}__modal`,
+            slug: unPublishModalSlug,
+            children: _jsxs("div", {
+              className: `${baseClass}__wrapper`,
+              children: [_jsxs("div", {
+                className: `${baseClass}__content`,
+                children: [_jsx("h1", {
+                  children: t("version:confirmUnpublish")
+                }), _jsx("p", {
+                  children: t("version:aboutToUnpublish")
+                })]
+              }), _jsxs("div", {
+                className: `${baseClass}__controls`,
+                children: [_jsx(Button, {
+                  buttonStyle: "secondary",
+                  onClick: processing ? undefined : () => toggleModal(unPublishModalSlug),
+                  size: "large",
+                  type: "button",
+                  children: t("general:cancel")
+                }), _jsx(Button, {
+                  onClick: processing ? undefined : () => performAction("unpublish"),
+                  size: "large",
+                  children: t(processing ? "version:unpublishing" : "general:confirm")
+                })]
+              })]
             })
+          })]
         });
+        $[24] = canUpdate;
+        $[25] = statusToRender;
+        $[26] = toggleModal;
+        $[27] = unPublishModalSlug;
+        $[28] = t;
+        $[29] = processing;
+        $[30] = performAction;
+        $[31] = t5;
+      } else {
+        t5 = $[31];
+      }
+      let t6;
+      if ($[32] !== canUpdate || $[33] !== statusToRender || $[34] !== toggleModal || $[35] !== revertModalSlug || $[36] !== t || $[37] !== processing || $[38] !== performAction) {
+        t6 = canUpdate && statusToRender === "changed" && _jsxs(React.Fragment, {
+          children: ["\xA0\u2014\xA0", _jsx(Button, {
+            buttonStyle: "none",
+            className: `${baseClass}__action`,
+            id: "action-revert-to-published",
+            onClick: () => toggleModal(revertModalSlug),
+            children: t("version:revertToPublished")
+          }), _jsx(Modal, {
+            className: `${baseClass}__modal`,
+            slug: revertModalSlug,
+            children: _jsxs("div", {
+              className: `${baseClass}__wrapper`,
+              children: [_jsxs("div", {
+                className: `${baseClass}__content`,
+                children: [_jsx("h1", {
+                  children: t("version:confirmRevertToSaved")
+                }), _jsx("p", {
+                  children: t("version:aboutToRevertToPublished")
+                })]
+              }), _jsxs("div", {
+                className: `${baseClass}__controls`,
+                children: [_jsx(Button, {
+                  buttonStyle: "secondary",
+                  onClick: processing ? undefined : () => toggleModal(revertModalSlug),
+                  size: "large",
+                  type: "button",
+                  children: t("general:cancel")
+                }), _jsx(Button, {
+                  id: "action-revert-to-published-confirm",
+                  onClick: processing ? undefined : () => performAction("revert"),
+                  size: "large",
+                  children: t(processing ? "version:reverting" : "general:confirm")
+                })]
+              })]
+            })
+          })]
+        });
+        $[32] = canUpdate;
+        $[33] = statusToRender;
+        $[34] = toggleModal;
+        $[35] = revertModalSlug;
+        $[36] = t;
+        $[37] = processing;
+        $[38] = performAction;
+        $[39] = t6;
+      } else {
+        t6 = $[39];
+      }
+      t4 = _jsx("div", {
+        className: baseClass,
+        title: t3,
+        children: _jsxs("div", {
+          className: `${baseClass}__value-wrap`,
+          children: [_jsxs("span", {
+            className: `${baseClass}__label`,
+            children: [t("version:status"), ":\xA0"]
+          }), _jsx("span", {
+            className: `${baseClass}__value`,
+            children: t(`version:${statusToRender}`)
+          }), t5, t6]
+        })
+      });
+      $[14] = t;
+      $[15] = statusToRender;
+      $[16] = canUpdate;
+      $[17] = toggleModal;
+      $[18] = unPublishModalSlug;
+      $[19] = processing;
+      $[20] = performAction;
+      $[21] = revertModalSlug;
+      $[22] = t3;
+      $[23] = t4;
+    } else {
+      t4 = $[23];
     }
-    return null;
+    return t4;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback, 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 { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'status'\n\nexport const Status: React.FC = () => {\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    getVersions,\n    globalSlug,\n    publishedDoc,\n    unpublishedVersions,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const [processing, setProcessing] = useState(false)\n  const { reset: resetForm } = useForm()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n  const revertModalSlug = `confirm-revert-${id}`\n\n  let statusToRender: 'changed' | 'draft' | 'published'\n\n  if (unpublishedVersions?.docs?.length > 0 && publishedDoc) {\n    statusToRender = 'changed'\n  } else if (!publishedDoc) {\n    statusToRender = 'draft'\n  } else if (publishedDoc && unpublishedVersions?.docs?.length <= 1) {\n    statusToRender = 'published'\n  }\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\n\n      setProcessing(true)\n\n      if (action === 'unpublish') {\n        body = {\n          _status: 'draft',\n        }\n      }\n\n      if (action === 'revert') {\n        body = publishedDoc\n      }\n\n      if (collectionSlug) {\n        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null`\n        method = 'patch'\n      }\n      if (globalSlug) {\n        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null`\n        method = 'post'\n      }\n\n      const res = await requests[method](url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      if (res.status === 200) {\n        let data\n        const json = await res.json()\n\n        if (globalSlug) {\n          data = json.result\n        } else if (collectionSlug) {\n          data = json.doc\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        resetForm(data)\n        toast.success(json.message)\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        getVersions()\n      } else {\n        toast.error(t('error:unPublishingDocument'))\n      }\n\n      setProcessing(false)\n      if (action === 'revert') {\n        toggleModal(revertModalSlug)\n      }\n\n      if (action === 'unpublish') {\n        toggleModal(unPublishModalSlug)\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      getVersions,\n      globalSlug,\n      i18n.language,\n      id,\n      locale,\n      publishedDoc,\n      resetForm,\n      revertModalSlug,\n      serverURL,\n      t,\n      toggleModal,\n      unPublishModalSlug,\n    ],\n  )\n\n  const canUpdate = docPermissions?.update?.permission\n\n  if (statusToRender) {\n    return (\n      <div\n        className={baseClass}\n        title={`${t('version:status')}: ${t(`version:${statusToRender}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${statusToRender}`)}</span>\n          {canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <Modal className={`${baseClass}__modal`} slug={unPublishModalSlug}>\n                <div className={`${baseClass}__modal-template`}>\n                  <h1>{t('version:confirmUnpublish')}</h1>\n                  <p>{t('version:aboutToUnpublish')}</p>\n                  <Button\n                    buttonStyle=\"secondary\"\n                    onClick={processing ? undefined : () => toggleModal(unPublishModalSlug)}\n                    type=\"button\"\n                  >\n                    {t('general:cancel')}\n                  </Button>\n                  <Button onClick={processing ? undefined : () => performAction('unpublish')}>\n                    {t(processing ? 'version:unpublishing' : 'general:confirm')}\n                  </Button>\n                </div>\n              </Modal>\n            </React.Fragment>\n          )}\n          {canUpdate && statusToRender === 'changed' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id=\"action-revert-to-published\"\n                onClick={() => toggleModal(revertModalSlug)}\n              >\n                {t('version:revertToPublished')}\n              </Button>\n              <Modal className={`${baseClass}__modal`} slug={revertModalSlug}>\n                <div className={`${baseClass}__modal-template`}>\n                  <h1>{t('version:confirmRevertToSaved')}</h1>\n                  <p>{t('version:aboutToRevertToPublished')}</p>\n                  <Button\n                    buttonStyle=\"secondary\"\n                    onClick={processing ? undefined : () => toggleModal(revertModalSlug)}\n                    type=\"button\"\n                  >\n                    {t('general:cancel')}\n                  </Button>\n                  <Button\n                    id=\"action-revert-to-published-confirm\"\n                    onClick={processing ? undefined : () => performAction('revert')}\n                  >\n                    {t(processing ? 'version:reverting' : 'general:confirm')}\n                  </Button>\n                </div>\n              </Modal>\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["Modal","useModal","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","baseClass","Status","id","collectionSlug","docPermissions","getVersions","globalSlug","publishedDoc","unpublishedVersions","toggleModal","routes","api","serverURL","processing","setProcessing","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","docs","length","performAction","action","url","method","body","_status","res","JSON","stringify","headers","language","status","data","json","result","doc","success","message","error","canUpdate","update","permission","div","className","title","span","Fragment","buttonStyle","onClick","slug","h1","p","undefined","type"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","baseClass","Status","$","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","unpublishedVersionCount","toggleModal","config","t0","routes","t1","serverURL","api","processing","setProcessing","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","t2","language","action","url","method","body","publishedDoc","get","headers","then","res","json","res_0","JSON","stringify","status","data","result","doc","success","message","error","performAction","canUpdate","update","t3","t4","t5","_jsxs","Fragment","children","_jsx","buttonStyle","className","onClick","slug","undefined","size","type","t6","title"],"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback, 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 { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'status'\n\nexport const Status: React.FC = () => {\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    globalSlug,\n    hasPublishedDoc,\n    incrementVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const [processing, setProcessing] = useState(false)\n  const { reset: resetForm } = useForm()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n  const revertModalSlug = `confirm-revert-${id}`\n\n  let statusToRender: 'changed' | 'draft' | 'published'\n\n  if (unpublishedVersionCount > 0 && hasPublishedDoc) {\n    statusToRender = 'changed'\n  } else if (!hasPublishedDoc) {\n    statusToRender = 'draft'\n  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {\n    statusToRender = 'published'\n  }\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\n\n      setProcessing(true)\n\n      if (action === 'unpublish') {\n        body = {\n          _status: 'draft',\n        }\n      }\n\n      if (collectionSlug) {\n        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'patch'\n      }\n      if (globalSlug) {\n        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'post'\n      }\n\n      if (action === 'revert') {\n        const publishedDoc = await requests\n          .get(url, {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n          .then((res) => res.json())\n\n        body = publishedDoc\n      }\n\n      const res = await requests[method](url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      if (res.status === 200) {\n        let data\n        const json = await res.json()\n\n        if (globalSlug) {\n          data = json.result\n        } else if (collectionSlug) {\n          data = json.doc\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        resetForm(data)\n        toast.success(json.message)\n\n        incrementVersionCount()\n      } else {\n        toast.error(t('error:unPublishingDocument'))\n      }\n\n      setProcessing(false)\n      if (action === 'revert') {\n        toggleModal(revertModalSlug)\n      }\n\n      if (action === 'unpublish') {\n        toggleModal(unPublishModalSlug)\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      incrementVersionCount,\n      globalSlug,\n      i18n.language,\n      id,\n      locale,\n      resetForm,\n      revertModalSlug,\n      serverURL,\n      t,\n      toggleModal,\n      unPublishModalSlug,\n    ],\n  )\n\n  const canUpdate = docPermissions?.update\n\n  if (statusToRender) {\n    return (\n      <div\n        className={baseClass}\n        title={`${t('version:status')}: ${t(`version:${statusToRender}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${statusToRender}`)}</span>\n          {canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <Modal className={`${baseClass}__modal`} slug={unPublishModalSlug}>\n                <div className={`${baseClass}__wrapper`}>\n                  <div className={`${baseClass}__content`}>\n                    <h1>{t('version:confirmUnpublish')}</h1>\n                    <p>{t('version:aboutToUnpublish')}</p>\n                  </div>\n                  <div className={`${baseClass}__controls`}>\n                    <Button\n                      buttonStyle=\"secondary\"\n                      onClick={processing ? undefined : () => toggleModal(unPublishModalSlug)}\n                      size=\"large\"\n                      type=\"button\"\n                    >\n                      {t('general:cancel')}\n                    </Button>\n                    <Button\n                      onClick={processing ? undefined : () => performAction('unpublish')}\n                      size=\"large\"\n                    >\n                      {t(processing ? 'version:unpublishing' : 'general:confirm')}\n                    </Button>\n                  </div>\n                </div>\n              </Modal>\n            </React.Fragment>\n          )}\n          {canUpdate && statusToRender === 'changed' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id=\"action-revert-to-published\"\n                onClick={() => toggleModal(revertModalSlug)}\n              >\n                {t('version:revertToPublished')}\n              </Button>\n              <Modal className={`${baseClass}__modal`} slug={revertModalSlug}>\n                <div className={`${baseClass}__wrapper`}>\n                  <div className={`${baseClass}__content`}>\n                    <h1>{t('version:confirmRevertToSaved')}</h1>\n                    <p>{t('version:aboutToRevertToPublished')}</p>\n                  </div>\n                  <div className={`${baseClass}__controls`}>\n                    <Button\n                      buttonStyle=\"secondary\"\n                      onClick={processing ? undefined : () => toggleModal(revertModalSlug)}\n                      size=\"large\"\n                      type=\"button\"\n                    >\n                      {t('general:cancel')}\n                    </Button>\n                    <Button\n                      id=\"action-revert-to-published-confirm\"\n                      onClick={processing ? undefined : () => performAction('revert')}\n                      size=\"large\"\n                    >\n                      {t(processing ? 'version:reverting' : 'general:confirm')}\n                    </Button>\n                  </div>\n                </div>\n              </Modal>\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Status/index.scss

@@ -1,41 +1,62 @@
 @import '../../scss/styles.scss';
 
-.status {
-  &__label {
-    color: var(--theme-elevation-500);
-  }
+@layer payload-default {
+  .status {
+    &__label {
+      color: var(--theme-elevation-500);
+    }
 
-  &__value {
-    font-weight: 600;
-  }
+    &__value {
+      font-weight: 600;
+    }
 
-  &__value-wrap {
-    white-space: nowrap;
-  }
+    &__value-wrap {
+      white-space: nowrap;
+    }
 
-  &__action {
-    text-decoration: underline;
-  }
+    &__action {
+      text-decoration: underline;
+    }
 
-  &__modal {
-    @include blur-bg;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-    padding: base(2);
+    &__modal {
+      @include blur-bg;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
 
-    &__toggle {
-      @extend %btn-reset;
+      &__toggle {
+        @extend %btn-reset;
+      }
     }
 
-    .btn {
-      margin-right: $baseline;
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+      max-width: base(36);
     }
-  }
 
-  &__modal-template {
-    position: relative;
-    z-index: 1;
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
+
+      > * {
+        margin: 0;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: base(0.4);
+
+      .btn {
+        margin: 0;
+      }
+    }
   }
 }