@payloadcms/ui 3.0.0-canary.95fcd13 → 3.0.0-canary.96477cf

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,260 @@ 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(41);
+  const {
+    id,
+    collectionSlug,
+    docPermissions,
+    getVersions,
+    globalSlug,
+    publishedDoc,
+    unpublishedVersions
+  } = 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 (unpublishedVersions?.docs?.length > 0 && publishedDoc) {
+    statusToRender = "changed";
+  } else {
+    if (!publishedDoc) {
+      statusToRender = "draft";
+    } else {
+      if (publishedDoc && unpublishedVersions?.docs?.length <= 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] !== publishedDoc || $[1] !== collectionSlug || $[2] !== serverURL || $[3] !== api || $[4] !== id || $[5] !== locale || $[6] !== globalSlug || $[7] !== i18n.language || $[8] !== resetForm || $[9] !== getVersions || $[10] !== t || $[11] !== toggleModal || $[12] !== revertModalSlug || $[13] !== unPublishModalSlug) {
+    t2 = 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";
+      }
+      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) {
-            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);
+        getVersions();
+      } else {
+        toast.error(t("error:unPublishingDocument"));
+      }
+      setProcessing(false);
+      if (action === "revert") {
+        toggleModal(revertModalSlug);
+      }
+      if (action === "unpublish") {
+        toggleModal(unPublishModalSlug);
+      }
+    };
+    $[0] = publishedDoc;
+    $[1] = collectionSlug;
+    $[2] = serverURL;
+    $[3] = api;
+    $[4] = id;
+    $[5] = locale;
+    $[6] = globalSlug;
+    $[7] = i18n.language;
+    $[8] = resetForm;
+    $[9] = getVersions;
+    $[10] = t;
+    $[11] = toggleModal;
+    $[12] = revertModalSlug;
+    $[13] = unPublishModalSlug;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  const performAction = t2;
+  const canUpdate = docPermissions?.update?.permission;
+  if (statusToRender) {
+    const t3 = `${t("version:status")}: ${t(`version:${statusToRender}`)}`;
+    let t4;
+    if ($[15] !== t || $[16] !== statusToRender || $[17] !== canUpdate || $[18] !== toggleModal || $[19] !== unPublishModalSlug || $[20] !== processing || $[21] !== performAction || $[22] !== revertModalSlug || $[23] !== t3) {
+      let t5;
+      if ($[25] !== canUpdate || $[26] !== statusToRender || $[27] !== toggleModal || $[28] !== unPublishModalSlug || $[29] !== t || $[30] !== processing || $[31] !== 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")
+                })]
+              })]
             })
+          })]
         });
+        $[25] = canUpdate;
+        $[26] = statusToRender;
+        $[27] = toggleModal;
+        $[28] = unPublishModalSlug;
+        $[29] = t;
+        $[30] = processing;
+        $[31] = performAction;
+        $[32] = t5;
+      } else {
+        t5 = $[32];
+      }
+      let t6;
+      if ($[33] !== canUpdate || $[34] !== statusToRender || $[35] !== toggleModal || $[36] !== revertModalSlug || $[37] !== t || $[38] !== processing || $[39] !== 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")
+                })]
+              })]
+            })
+          })]
+        });
+        $[33] = canUpdate;
+        $[34] = statusToRender;
+        $[35] = toggleModal;
+        $[36] = revertModalSlug;
+        $[37] = t;
+        $[38] = processing;
+        $[39] = performAction;
+        $[40] = t6;
+      } else {
+        t6 = $[40];
+      }
+      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]
+        })
+      });
+      $[15] = t;
+      $[16] = statusToRender;
+      $[17] = canUpdate;
+      $[18] = toggleModal;
+      $[19] = unPublishModalSlug;
+      $[20] = processing;
+      $[21] = performAction;
+      $[22] = revertModalSlug;
+      $[23] = t3;
+      $[24] = t4;
+    } else {
+      t4 = $[24];
     }
-    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","getVersions","globalSlug","publishedDoc","unpublishedVersions","toggleModal","config","t0","routes","t1","serverURL","api","processing","setProcessing","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","docs","length","t2","language","action","url","method","body","res","JSON","stringify","headers","status","data","json","result","doc","success","message","error","performAction","canUpdate","update","permission","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    getVersions,\n    globalSlug,\n    publishedDoc,\n    unpublishedVersions,\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 (unpublishedVersions?.docs?.length > 0 && publishedDoc) {\n    statusToRender = 'changed'\n  } else if (!publishedDoc) {\n    statusToRender = 'draft'\n  } else if (publishedDoc && unpublishedVersions?.docs?.length <= 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 (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}__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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAC7C,SAASC,KAAK,QAAQ;AAEtB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAAmBA,CAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAC9B;IAAAiB,EAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC;EAAA,IAQId,eAAA;EACJ;IAAAe;EAAA,IAAwBtB,QAAA;EACxB;IAAAuB,MAAA,EAAAC;EAAA,IAKIlB,SAAA;EAJM;IAAAmB,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAH,EAGP;EAFS;IAAAI;EAAA,IAAAF,EAAO;EAInB,OAAAG,UAAA,EAAAC,aAAA,IAAoC3B,QAAA,MAAS;EAC7C;IAAA4B,KAAA,EAAAC;EAAA,IAA6B3B,OAAA;EAC7B;IAAA4B,IAAA,EAAAC;EAAA,IAAyB1B,SAAA;EACzB;IAAA2B,IAAA;IAAAC;EAAA,IAAoB3B,cAAA;EAEpB,MAAA4B,kBAAA,GAA2B,sBAAsBtB,EAAA,EAAI;EACrD,MAAAuB,eAAA,GAAwB,kBAAkBvB,EAAA,EAAI;EAE1CwB,GAAA,CAAAA,cAAA;EAAA,IAEAlB,mBAAA,EAAAmB,IAAA,EAAAC,MAAA,IAAoC,IAAKrB,YAAA;IAC3CmB,cAAA,CAAAA,CAAA,CAAiBA,SAAA;EAAjB;IAAA,KACUnB,YAAA;MACVmB,cAAA,CAAAA,CAAA,CAAiBA,OAAA;IAAjB;MAAA,IACSnB,YAAA,IAAgBC,mBAAA,EAAAmB,IAAA,EAAAC,MAAA,KAAqC;QAC9DF,cAAA,CAAAA,CAAA,CAAiBA,WAAA;MAAjB;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAA5B,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAa,SAAA,IAAAb,CAAA,QAAAc,GAAA,IAAAd,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAoB,MAAA,IAAApB,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAqB,IAAA,CAAAQ,QAAA,IAAA7B,CAAA,QAAAkB,SAAA,IAAAlB,CAAA,QAAAI,WAAA,IAAAJ,CAAA,SAAAsB,CAAA,IAAAtB,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAwB,eAAA,IAAAxB,CAAA,SAAAuB,kBAAA;IAIAK,EAAA,SAAAE,MAAA;MACMC,GAAA,CAAAA,GAAA;MACAC,GAAA,CAAAA,MAAA;MACAC,GAAA,CAAAA,IAAA;MAEJjB,aAAA,KAAc;MAAA,IAEVc,MAAA,KAAW;QACbG,IAAA,CAAAA,CAAA,CAAAA;UAAAA,QAAA,CACWA;QAAAA,CAAA;MADX;MAAA,IAKEH,MAAA,KAAW;QACbG,IAAA,CAAAA,CAAA,CAAO3B,YAAA;MAAP;MAAA,IAGEJ,cAAA;QACF6B,GAAA,CAAAA,CAAA,CAAMA,GAAGlB,SAAA,GAAYC,GAAA,IAAOZ,cAAA,IAAkBD,EAAA,WAAamB,MAAA,uBAA6B;QACxFY,MAAA,CAAAA,CAAA,CAASA,OAAA;MAAT;MAAA,IAEE3B,UAAA;QACF0B,GAAA,CAAAA,CAAA,CAAMA,GAAGlB,SAAA,GAAYC,GAAA,YAAeT,UAAA,WAAqBe,MAAA,uBAA6B;QACtFY,MAAA,CAAAA,CAAA,CAASA,MAAA;MAAT;MAGF,MAAAE,GAAA,SAAkBtC,QAAA,CAASoC,MAAA,EAAQD,GAAA;QAAAE,IAAA,EAC3BE,IAAA,CAAAC,SAAA,CAAeH,IAAA;QAAAI,OAAA;UAAA,mBAEAhB,IAAA,CAAAQ,QAAA;UAAA,gBACH;QAAA;MAAA,CAEpB;MAAA,IAEIK,GAAA,CAAAI,MAAA,QAAe;QACbC,GAAA,CAAAA,IAAA;QACJ,MAAAC,IAAA,SAAmBN,GAAA,CAAAM,IAAA,CAAQ;QAAA,IAEvBnC,UAAA;UACFkC,IAAA,CAAAA,CAAA,CAAOC,IAAA,CAAAC,MAAA;QAAP;UAAA,IACSvC,cAAA;YACTqC,IAAA,CAAAA,CAAA,CAAOC,IAAA,CAAAE,GAAA;UAAP;QAAA;QAIFxB,SAAA,CAAUqB,IAAA;QACVjD,KAAA,CAAAqD,OAAA,CAAcH,IAAA,CAAAI,OAAY;QAE1BxC,WAAA;MAAA;QAEAd,KAAA,CAAAuD,KAAA,CAAYvB,CAAA,CAAE;MAAA;MAGhBN,aAAA,MAAc;MAAA,IACVc,MAAA,KAAW;QACbtB,WAAA,CAAYgB,eAAA;MAAA;MAAA,IAGVM,MAAA,KAAW;QACbtB,WAAA,CAAYe,kBAAA;MAAA;IAAA;IAEhBvB,CAAA,MAAAM,YAAA;IAAAN,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAa,SAAA;IAAAb,CAAA,MAAAc,GAAA;IAAAd,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAoB,MAAA;IAAApB,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAqB,IAAA,CAAAQ,QAAA;IAAA7B,CAAA,MAAAkB,SAAA;IAAAlB,CAAA,MAAAI,WAAA;IAAAJ,CAAA,OAAAsB,CAAA;IAAAtB,CAAA,OAAAQ,WAAA;IAAAR,CAAA,OAAAwB,eAAA;IAAAxB,CAAA,OAAAuB,kBAAA;IAAAvB,CAAA,OAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EA9DF,MAAA8C,aAAA,GAAsBlB,EA8EnB;EAGH,MAAAmB,SAAA,GAAkB5C,cAAA,EAAA6C,MAAA,EAAAC,UAAA;EAAwB,IAEtCxB,cAAA;IAIS,MAAAyB,EAAA,MAAG5B,CAAA,CAAE,sBAAsBA,CAAA,CAAE,WAAWG,cAAA,EAAgB,GAAG;IAAA,IAAA0B,EAAA;IAAA,IAAAnD,CAAA,SAAAsB,CAAA,IAAAtB,CAAA,SAAAyB,cAAA,IAAAzB,CAAA,SAAA+C,SAAA,IAAA/C,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAuB,kBAAA,IAAAvB,CAAA,SAAAe,UAAA,IAAAf,CAAA,SAAA8C,aAAA,IAAA9C,CAAA,SAAAwB,eAAA,IAAAxB,CAAA,SAAAkD,EAAA;MAAA,IAAAE,EAAA;MAAA,IAAApD,CAAA,SAAA+C,SAAA,IAAA/C,CAAA,SAAAyB,cAAA,IAAAzB,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAuB,kBAAA,IAAAvB,CAAA,SAAAsB,CAAA,IAAAtB,CAAA,SAAAe,UAAA,IAAAf,CAAA,SAAA8C,aAAA;QAK/DM,EAAA,GAAAL,SAAA,IAAatB,cAAA,KAAmB,eAC/B4B,KAAA,CAAAlE,KAAA,CAAAmE,QAAA;UAAAC,QAAA,GAAgB,kBAEdC,IAAA,CAAA3D,MAAA;YAAA4D,WAAA,EACc;YAAAC,SAAA,EACD,GAAA5D,SAAA,UAAsB;YAAA6D,OAAA,EAAAA,CAAA,KAClBnD,WAAA,CAAYe,kBAAA;YAAAgC,QAAA,EAE1BjC,CAAA,CAAE;UAAA,C,GAELkC,IAAA,CAAAvE,KAAA;YAAAyE,SAAA,EAAkB,GAAA5D,SAAA,SAAqB;YAAA8D,IAAA,EAAQrC,kBAAA;YAAAgC,QAAA,EAC7CF,KAAA,CAAC;cAAAK,SAAA,EAAe,GAAA5D,SAAA,WAAuB;cAAAyD,QAAA,GACrCF,KAAA,CAAC;gBAAAK,SAAA,EAAe,GAAA5D,SAAA,WAAuB;gBAAAyD,QAAA,GACrCC,IAAA,CAAC;kBAAAD,QAAA,EAAIjC,CAAA,CAAE;gBAAA,C,GACPkC,IAAA,CAAC;kBAAAD,QAAA,EAAGjC,CAAA,CAAE;gBAAA,C;kBAER+B,KAAA,CAAC;gBAAAK,SAAA,EAAe,GAAA5D,SAAA,YAAwB;gBAAAyD,QAAA,GACtCC,IAAA,CAAA3D,MAAA;kBAAA4D,WAAA,EACc;kBAAAE,OAAA,EACH5C,UAAA,GAAA8C,SAAA,SAA+BrD,WAAA,CAAYe,kBAAA;kBAAAuC,IAAA,EAC/C;kBAAAC,IAAA,EACA;kBAAAR,QAAA,EAEJjC,CAAA,CAAE;gBAAA,C,GAELkC,IAAA,CAAA3D,MAAA;kBAAA8D,OAAA,EACW5C,UAAA,GAAA8C,SAAA,SAA+Bf,aAAA,CAAc;kBAAAgB,IAAA,EACjD;kBAAAP,QAAA,EAEJjC,CAAA,CAAEP,UAAA,GAAa,yBAAyB;gBAAA,C;;;;;;;;;;;;;;;;;;QAOpDiD,EAAA,GAAAjB,SAAA,IAAatB,cAAA,KAAmB,aAC/B4B,KAAA,CAAAlE,KAAA,CAAAmE,QAAA;UAAAC,QAAA,GAAgB,kBAEdC,IAAA,CAAA3D,MAAA;YAAA4D,WAAA,EACc;YAAAC,SAAA,EACD,GAAA5D,SAAA,UAAsB;YAAAG,EAAA,EAC9B;YAAA0D,OAAA,EAAAA,CAAA,KACYnD,WAAA,CAAYgB,eAAA;YAAA+B,QAAA,EAE1BjC,CAAA,CAAE;UAAA,C,GAELkC,IAAA,CAAAvE,KAAA;YAAAyE,SAAA,EAAkB,GAAA5D,SAAA,SAAqB;YAAA8D,IAAA,EAAQpC,eAAA;YAAA+B,QAAA,EAC7CF,KAAA,CAAC;cAAAK,SAAA,EAAe,GAAA5D,SAAA,WAAuB;cAAAyD,QAAA,GACrCF,KAAA,CAAC;gBAAAK,SAAA,EAAe,GAAA5D,SAAA,WAAuB;gBAAAyD,QAAA,GACrCC,IAAA,CAAC;kBAAAD,QAAA,EAAIjC,CAAA,CAAE;gBAAA,C,GACPkC,IAAA,CAAC;kBAAAD,QAAA,EAAGjC,CAAA,CAAE;gBAAA,C;kBAER+B,KAAA,CAAC;gBAAAK,SAAA,EAAe,GAAA5D,SAAA,YAAwB;gBAAAyD,QAAA,GACtCC,IAAA,CAAA3D,MAAA;kBAAA4D,WAAA,EACc;kBAAAE,OAAA,EACH5C,UAAA,GAAA8C,SAAA,SAA+BrD,WAAA,CAAYgB,eAAA;kBAAAsC,IAAA,EAC/C;kBAAAC,IAAA,EACA;kBAAAR,QAAA,EAEJjC,CAAA,CAAE;gBAAA,C,GAELkC,IAAA,CAAA3D,MAAA;kBAAAI,EAAA,EACK;kBAAA0D,OAAA,EACM5C,UAAA,GAAA8C,SAAA,SAA+Bf,aAAA,CAAc;kBAAAgB,IAAA,EACjD;kBAAAP,QAAA,EAEJjC,CAAA,CAAEP,UAAA,GAAa,sBAAsB;gBAAA,C;;;;;;;;;;;;;;;;MA1EtDoC,EAAA,GAAAK,IAAA,CAAC;QAAAE,SAAA,EAAA5D,SAAA;QAAAmE,KAAA,EAEQf,EAA2D;QAAAK,QAAA,EAElEF,KAAA,CAAC;UAAAK,SAAA,EAAe,GAAA5D,SAAA,cAA0B;UAAAyD,QAAA,GACxCF,KAAA,CAAC;YAAAK,SAAA,EAAgB,GAAA5D,SAAA,SAAqB;YAAAyD,QAAA,GAAGjC,CAAA,CAAE,mBAAkB;UAAA,C,GAC7DkC,IAAA,CAAC;YAAAE,SAAA,EAAgB,GAAA5D,SAAA,SAAqB;YAAAyD,QAAA,EAAGjC,CAAA,CAAE,WAAWG,cAAA,EAAgB;UAAA,C,GACrE2B,E,EAoCAY,E;;;;;;;;;;;;;;;;WA3CLb,E;;;CAuFN","ignoreList":[]}

package/dist/elements/Status/index.scss

@@ -20,21 +20,41 @@
   &__modal {
     @include blur-bg;
     display: flex;
-    justify-content: center;
     align-items: center;
+    justify-content: center;
     height: 100%;
 
     &__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);
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: base(0.4);
+
+    > * {
+      margin: 0;
     }
   }
 
-  &__modal-template {
-    position: relative;
-    z-index: 1;
+  &__controls {
+    display: flex;
+    gap: base(0.4);
+
+    .btn {
+      margin: 0;
+    }
   }
 }