@payloadcms/ui 3.0.0-canary.ff8c8fd → 3.0.0

package/dist/elements/Status/index.js

@@ -15,15 +15,15 @@ import { Button } from '../Button/index.js';
 import './index.scss';
 const baseClass = 'status';
 export const Status = () => {
-  const $ = _c(41);
+  const $ = _c(40);
   const {
     id,
     collectionSlug,
     docPermissions,
-    getVersions,
     globalSlug,
-    publishedDoc,
-    unpublishedVersions
+    hasPublishedDoc,
+    incrementVersionCount,
+    unpublishedVersionCount
   } = useDocumentInfo();
   const {
     toggleModal
@@ -52,19 +52,19 @@ export const Status = () => {
   const unPublishModalSlug = `confirm-un-publish-${id}`;
   const revertModalSlug = `confirm-revert-${id}`;
   let statusToRender;
-  if (unpublishedVersions?.docs?.length > 0 && publishedDoc) {
+  if (unpublishedVersionCount > 0 && hasPublishedDoc) {
     statusToRender = "changed";
   } else {
-    if (!publishedDoc) {
+    if (!hasPublishedDoc) {
       statusToRender = "draft";
     } else {
-      if (publishedDoc && unpublishedVersions?.docs?.length <= 1) {
+      if (hasPublishedDoc && unpublishedVersionCount <= 0) {
         statusToRender = "published";
       }
     }
   }
   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) {
+  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;
@@ -75,27 +75,33 @@ export const Status = () => {
           _status: "draft"
         };
       }
-      if (action === "revert") {
-        body = publishedDoc;
-      }
       if (collectionSlug) {
-        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null`;
+        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`;
+        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`;
         method = "post";
       }
-      const res = await requests[method](url, {
+      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.status === 200) {
+      if (res_0.status === 200) {
         let data;
-        const json = await res.json();
+        const json = await res_0.json();
         if (globalSlug) {
           data = json.result;
         } else {
@@ -105,7 +111,7 @@ export const Status = () => {
         }
         resetForm(data);
         toast.success(json.message);
-        getVersions();
+        incrementVersionCount();
       } else {
         toast.error(t("error:unPublishingDocument"));
       }
@@ -117,32 +123,31 @@ export const Status = () => {
         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;
+    $[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 = $[14];
+    t2 = $[13];
   }
   const performAction = t2;
-  const canUpdate = docPermissions?.update?.permission;
+  const canUpdate = docPermissions?.update;
   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) {
+    if ($[14] !== t || $[15] !== statusToRender || $[16] !== canUpdate || $[17] !== toggleModal || $[18] !== unPublishModalSlug || $[19] !== processing || $[20] !== performAction || $[21] !== revertModalSlug || $[22] !== t3) {
       let t5;
-      if ($[25] !== canUpdate || $[26] !== statusToRender || $[27] !== toggleModal || $[28] !== unPublishModalSlug || $[29] !== t || $[30] !== processing || $[31] !== performAction) {
+      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",
@@ -153,36 +158,44 @@ export const Status = () => {
             className: `${baseClass}__modal`,
             slug: unPublishModalSlug,
             children: _jsxs("div", {
-              className: `${baseClass}__modal-template`,
-              children: [_jsx("h1", {
-                children: t("version:confirmUnpublish")
-              }), _jsx("p", {
-                children: t("version:aboutToUnpublish")
-              }), _jsx(Button, {
-                buttonStyle: "secondary",
-                onClick: processing ? undefined : () => toggleModal(unPublishModalSlug),
-                type: "button",
-                children: t("general:cancel")
-              }), _jsx(Button, {
-                onClick: processing ? undefined : () => performAction("unpublish"),
-                children: t(processing ? "version:unpublishing" : "general:confirm")
+              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;
+        $[24] = canUpdate;
+        $[25] = statusToRender;
+        $[26] = toggleModal;
+        $[27] = unPublishModalSlug;
+        $[28] = t;
+        $[29] = processing;
+        $[30] = performAction;
+        $[31] = t5;
       } else {
-        t5 = $[32];
+        t5 = $[31];
       }
       let t6;
-      if ($[33] !== canUpdate || $[34] !== statusToRender || $[35] !== toggleModal || $[36] !== revertModalSlug || $[37] !== t || $[38] !== processing || $[39] !== performAction) {
+      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",
@@ -194,34 +207,42 @@ export const Status = () => {
             className: `${baseClass}__modal`,
             slug: revertModalSlug,
             children: _jsxs("div", {
-              className: `${baseClass}__modal-template`,
-              children: [_jsx("h1", {
-                children: t("version:confirmRevertToSaved")
-              }), _jsx("p", {
-                children: t("version:aboutToRevertToPublished")
-              }), _jsx(Button, {
-                buttonStyle: "secondary",
-                onClick: processing ? undefined : () => toggleModal(revertModalSlug),
-                type: "button",
-                children: t("general:cancel")
-              }), _jsx(Button, {
-                id: "action-revert-to-published-confirm",
-                onClick: processing ? undefined : () => performAction("revert"),
-                children: t(processing ? "version:reverting" : "general:confirm")
+              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;
+        $[32] = canUpdate;
+        $[33] = statusToRender;
+        $[34] = toggleModal;
+        $[35] = revertModalSlug;
+        $[36] = t;
+        $[37] = processing;
+        $[38] = performAction;
+        $[39] = t6;
       } else {
-        t6 = $[40];
+        t6 = $[39];
       }
       t4 = _jsx("div", {
         className: baseClass,
@@ -237,18 +258,18 @@ export const Status = () => {
           }), t5, t6]
         })
       });
-      $[15] = t;
-      $[16] = statusToRender;
-      $[17] = canUpdate;
-      $[18] = toggleModal;
-      $[19] = unPublishModalSlug;
-      $[20] = processing;
-      $[21] = performAction;
-      $[22] = revertModalSlug;
-      $[23] = t3;
-      $[24] = t4;
+      $[14] = t;
+      $[15] = statusToRender;
+      $[16] = canUpdate;
+      $[17] = toggleModal;
+      $[18] = unPublishModalSlug;
+      $[19] = processing;
+      $[20] = performAction;
+      $[21] = revertModalSlug;
+      $[22] = t3;
+      $[23] = t4;
     } else {
-      t4 = $[24];
+      t4 = $[23];
     }
     return t4;
   }

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

@@ -1 +1 @@
-{"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","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 <= 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"],"mappings":"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","ignoreList":[]}
+{"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":"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,UAAA;IAAAC,eAAA;IAAAC,qBAAA;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,uBAAA,IAA0B,IAAKF,eAAA;IACjCoB,cAAA,CAAAA,CAAA,CAAiBA,SAAA;EAAjB;IAAA,KACUpB,eAAA;MACVoB,cAAA,CAAAA,CAAA,CAAiBA,OAAA;IAAjB;MAAA,IACSpB,eAAA,IAAmBE,uBAAA,KAA2B;QACvDkB,cAAA,CAAAA,CAAA,CAAiBA,WAAA;MAAjB;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA1B,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAa,SAAA,IAAAb,CAAA,QAAAc,GAAA,IAAAd,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAoB,MAAA,IAAApB,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAqB,IAAA,CAAAM,QAAA,IAAA3B,CAAA,QAAAkB,SAAA,IAAAlB,CAAA,QAAAM,qBAAA,IAAAN,CAAA,QAAAsB,CAAA,IAAAtB,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAwB,eAAA,IAAAxB,CAAA,SAAAuB,kBAAA;IAIAG,EAAA,SAAAE,MAAA;MACMC,GAAA,CAAAA,GAAA;MACAC,GAAA,CAAAA,MAAA;MACAC,GAAA,CAAAA,IAAA;MAEJf,aAAA,KAAc;MAAA,IAEVY,MAAA,KAAW;QACbG,IAAA,CAAAA,CAAA,CAAAA;UAAAA,QAAA,CACWA;QAAAA,CAAA;MADX;MAAA,IAKE7B,cAAA;QACF2B,GAAA,CAAAA,CAAA,CAAMA,GAAGhB,SAAA,GAAYC,GAAA,IAAOZ,cAAA,IAAkBD,EAAA,WAAamB,MAAA,+BAAqC;QAChGU,MAAA,CAAAA,CAAA,CAASA,OAAA;MAAT;MAAA,IAEE1B,UAAA;QACFyB,GAAA,CAAAA,CAAA,CAAMA,GAAGhB,SAAA,GAAYC,GAAA,YAAeV,UAAA,WAAqBgB,MAAA,+BAAqC;QAC9FU,MAAA,CAAAA,CAAA,CAASA,MAAA;MAAT;MAAA,IAGEF,MAAA,KAAW;QACb,MAAAI,YAAA,SAA2BpC,QAAA,CAAAqC,GAAA,CACpBJ,GAAA;UAAAK,OAAA;YAAA,mBAEkBb,IAAA,CAAAM,QAAA;YAAA,gBACH;UAAA;QAAA,CAEpB,EAAAQ,IAAA,CAAAC,GAAA,IACeA,GAAA,CAAAC,IAAA,CAAQ;QAEzBN,IAAA,CAAAA,CAAA,CAAOC,YAAA;MAAP;MAGF,MAAAM,KAAA,SAAkB1C,QAAA,CAASkC,MAAA,EAAQD,GAAA;QAAAE,IAAA,EAC3BQ,IAAA,CAAAC,SAAA,CAAeT,IAAA;QAAAG,OAAA;UAAA,mBAEAb,IAAA,CAAAM,QAAA;UAAA,gBACH;QAAA;MAAA,CAEpB;MAAA,IAEIS,KAAA,CAAAK,MAAA,QAAe;QACbC,GAAA,CAAAA,IAAA;QACJ,MAAAL,IAAA,SAAmBD,KAAA,CAAAC,IAAA,CAAQ;QAAA,IAEvBjC,UAAA;UACFsC,IAAA,CAAAA,CAAA,CAAOL,IAAA,CAAAM,MAAA;QAAP;UAAA,IACSzC,cAAA;YACTwC,IAAA,CAAAA,CAAA,CAAOL,IAAA,CAAAO,GAAA;UAAP;QAAA;QAIF1B,SAAA,CAAUwB,IAAA;QACVpD,KAAA,CAAAuD,OAAA,CAAcR,IAAA,CAAAS,OAAY;QAE1BxC,qBAAA;MAAA;QAEAhB,KAAA,CAAAyD,KAAA,CAAYzB,CAAA,CAAE;MAAA;MAGhBN,aAAA,MAAc;MAAA,IACVY,MAAA,KAAW;QACbpB,WAAA,CAAYgB,eAAA;MAAA;MAAA,IAGVI,MAAA,KAAW;QACbpB,WAAA,CAAYe,kBAAA;MAAA;IAAA;IAEhBvB,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAa,SAAA;IAAAb,CAAA,MAAAc,GAAA;IAAAd,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAoB,MAAA;IAAApB,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAqB,IAAA,CAAAM,QAAA;IAAA3B,CAAA,MAAAkB,SAAA;IAAAlB,CAAA,MAAAM,qBAAA;IAAAN,CAAA,MAAAsB,CAAA;IAAAtB,CAAA,OAAAQ,WAAA;IAAAR,CAAA,OAAAwB,eAAA;IAAAxB,CAAA,OAAAuB,kBAAA;IAAAvB,CAAA,OAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAvEF,MAAAgD,aAAA,GAAsBtB,EAsFnB;EAGH,MAAAuB,SAAA,GAAkB9C,cAAA,EAAA+C,MAAA;EAAgB,IAE9BzB,cAAA;IAIS,MAAA0B,EAAA,MAAG7B,CAAA,CAAE,sBAAsBA,CAAA,CAAE,WAAWG,cAAA,EAAgB,GAAG;IAAA,IAAA2B,EAAA;IAAA,IAAApD,CAAA,SAAAsB,CAAA,IAAAtB,CAAA,SAAAyB,cAAA,IAAAzB,CAAA,SAAAiD,SAAA,IAAAjD,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAuB,kBAAA,IAAAvB,CAAA,SAAAe,UAAA,IAAAf,CAAA,SAAAgD,aAAA,IAAAhD,CAAA,SAAAwB,eAAA,IAAAxB,CAAA,SAAAmD,EAAA;MAAA,IAAAE,EAAA;MAAA,IAAArD,CAAA,SAAAiD,SAAA,IAAAjD,CAAA,SAAAyB,cAAA,IAAAzB,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAuB,kBAAA,IAAAvB,CAAA,SAAAsB,CAAA,IAAAtB,CAAA,SAAAe,UAAA,IAAAf,CAAA,SAAAgD,aAAA;QAK/DK,EAAA,GAAAJ,SAAA,IAAaxB,cAAA,KAAmB,eAC/B6B,KAAA,CAAAnE,KAAA,CAAAoE,QAAA;UAAAC,QAAA,GAAgB,kBAEdC,IAAA,CAAA5D,MAAA;YAAA6D,WAAA,EACc;YAAAC,SAAA,EACD,GAAA7D,SAAA,UAAsB;YAAA8D,OAAA,EAAAA,CAAA,KAClBpD,WAAA,CAAYe,kBAAA;YAAAiC,QAAA,EAE1BlC,CAAA,CAAE;UAAA,C,GAELmC,IAAA,CAAAxE,KAAA;YAAA0E,SAAA,EAAkB,GAAA7D,SAAA,SAAqB;YAAA+D,IAAA,EAAQtC,kBAAA;YAAAiC,QAAA,EAC7CF,KAAA,CAAC;cAAAK,SAAA,EAAe,GAAA7D,SAAA,WAAuB;cAAA0D,QAAA,GACrCF,KAAA,CAAC;gBAAAK,SAAA,EAAe,GAAA7D,SAAA,WAAuB;gBAAA0D,QAAA,GACrCC,IAAA,CAAC;kBAAAD,QAAA,EAAIlC,CAAA,CAAE;gBAAA,C,GACPmC,IAAA,CAAC;kBAAAD,QAAA,EAAGlC,CAAA,CAAE;gBAAA,C;kBAERgC,KAAA,CAAC;gBAAAK,SAAA,EAAe,GAAA7D,SAAA,YAAwB;gBAAA0D,QAAA,GACtCC,IAAA,CAAA5D,MAAA;kBAAA6D,WAAA,EACc;kBAAAE,OAAA,EACH7C,UAAA,GAAA+C,SAAA,SAA+BtD,WAAA,CAAYe,kBAAA;kBAAAwC,IAAA,EAC/C;kBAAAC,IAAA,EACA;kBAAAR,QAAA,EAEJlC,CAAA,CAAE;gBAAA,C,GAELmC,IAAA,CAAA5D,MAAA;kBAAA+D,OAAA,EACW7C,UAAA,GAAA+C,SAAA,SAA+Bd,aAAA,CAAc;kBAAAe,IAAA,EACjD;kBAAAP,QAAA,EAEJlC,CAAA,CAAEP,UAAA,GAAa,yBAAyB;gBAAA,C;;;;;;;;;;;;;;;;;;QAOpDkD,EAAA,GAAAhB,SAAA,IAAaxB,cAAA,KAAmB,aAC/B6B,KAAA,CAAAnE,KAAA,CAAAoE,QAAA;UAAAC,QAAA,GAAgB,kBAEdC,IAAA,CAAA5D,MAAA;YAAA6D,WAAA,EACc;YAAAC,SAAA,EACD,GAAA7D,SAAA,UAAsB;YAAAG,EAAA,EAC9B;YAAA2D,OAAA,EAAAA,CAAA,KACYpD,WAAA,CAAYgB,eAAA;YAAAgC,QAAA,EAE1BlC,CAAA,CAAE;UAAA,C,GAELmC,IAAA,CAAAxE,KAAA;YAAA0E,SAAA,EAAkB,GAAA7D,SAAA,SAAqB;YAAA+D,IAAA,EAAQrC,eAAA;YAAAgC,QAAA,EAC7CF,KAAA,CAAC;cAAAK,SAAA,EAAe,GAAA7D,SAAA,WAAuB;cAAA0D,QAAA,GACrCF,KAAA,CAAC;gBAAAK,SAAA,EAAe,GAAA7D,SAAA,WAAuB;gBAAA0D,QAAA,GACrCC,IAAA,CAAC;kBAAAD,QAAA,EAAIlC,CAAA,CAAE;gBAAA,C,GACPmC,IAAA,CAAC;kBAAAD,QAAA,EAAGlC,CAAA,CAAE;gBAAA,C;kBAERgC,KAAA,CAAC;gBAAAK,SAAA,EAAe,GAAA7D,SAAA,YAAwB;gBAAA0D,QAAA,GACtCC,IAAA,CAAA5D,MAAA;kBAAA6D,WAAA,EACc;kBAAAE,OAAA,EACH7C,UAAA,GAAA+C,SAAA,SAA+BtD,WAAA,CAAYgB,eAAA;kBAAAuC,IAAA,EAC/C;kBAAAC,IAAA,EACA;kBAAAR,QAAA,EAEJlC,CAAA,CAAE;gBAAA,C,GAELmC,IAAA,CAAA5D,MAAA;kBAAAI,EAAA,EACK;kBAAA2D,OAAA,EACM7C,UAAA,GAAA+C,SAAA,SAA+Bd,aAAA,CAAc;kBAAAe,IAAA,EACjD;kBAAAP,QAAA,EAEJlC,CAAA,CAAEP,UAAA,GAAa,sBAAsB;gBAAA,C;;;;;;;;;;;;;;;;MA1EtDqC,EAAA,GAAAK,IAAA,CAAC;QAAAE,SAAA,EAAA7D,SAAA;QAAAoE,KAAA,EAEQf,EAA2D;QAAAK,QAAA,EAElEF,KAAA,CAAC;UAAAK,SAAA,EAAe,GAAA7D,SAAA,cAA0B;UAAA0D,QAAA,GACxCF,KAAA,CAAC;YAAAK,SAAA,EAAgB,GAAA7D,SAAA,SAAqB;YAAA0D,QAAA,GAAGlC,CAAA,CAAE,mBAAkB;UAAA,C,GAC7DmC,IAAA,CAAC;YAAAE,SAAA,EAAgB,GAAA7D,SAAA,SAAqB;YAAA0D,QAAA,EAAGlC,CAAA,CAAE,WAAWG,cAAA,EAAgB;UAAA,C,GACrE4B,E,EAoCAY,E;;;;;;;;;;;;;;;;WA3CLb,E;;;CAuFN","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;
+      }
+    }
   }
 }

package/dist/elements/StayLoggedIn/index.scss

@@ -1,37 +1,40 @@
 @import '../../scss/styles.scss';
 
-.stay-logged-in {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-
-  &__wrapper {
-    z-index: 1;
-    position: relative;
+@layer payload-default {
+  .stay-logged-in {
+    @include blur-bg;
     display: flex;
-    flex-direction: column;
-    gap: var(--base);
-    padding: base(2);
-  }
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      padding: base(2);
+    }
 
-    > * {
-      margin: 0;
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+      max-width: base(36);
+
+      > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__controls {
-    display: flex;
-    gap: var(--base);
+    &__controls {
+      display: flex;
+      gap: var(--base);
 
-    .btn {
-      margin: 0;
+      .btn {
+        margin: 0;
+      }
     }
   }
 }

package/dist/elements/StepNav/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import type { StepNavItem } from './types.js';
 import { StepNavProvider, useStepNav } from './context.js';
 import './index.scss';
 export { SetStepNav } from './SetStepNav.js';
-import type { StepNavItem } from './types.js';
 declare const StepNav: React.FC<{
-    readonly Link?: React.ComponentType;
     readonly className?: string;
+    readonly CustomIcon?: React.ReactNode;
+    readonly Link?: React.ComponentType;
 }>;
 export { StepNav, StepNavItem, StepNavProvider, useStepNav };
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/StepNav/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAmEA,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAM7C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAI5C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACpC,CAqEA,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA"}