@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/elements/SortHeader/index.js

@@ -1,6 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import { SortDownIcon } from '../../icons/Sort/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
 import './index.scss';
@@ -27,41 +25,19 @@ export const SortHeader = (props)=>{
     const { appearance } = props;
     const { handleSortPress, isActive } = useSort();
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: [
-            baseClass,
-            appearance && `${baseClass}--appearance-${appearance}`
-        ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__buttons`,
-            children: /*#__PURE__*/ _jsxDEV("button", {
-                "aria-label": t('general:sortByLabelDirection', {
-                    direction: t('general:ascending'),
-                    label: 'Order'
-                }),
-                className: `${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`,
-                onClick: handleSortPress,
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV(SortDownIcon, {}, void 0, false, {
-                    fileName: "src/elements/SortHeader/index.tsx",
-                    lineNumber: 55,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/SortHeader/index.tsx",
-                lineNumber: 46,
-                columnNumber: 9
-            }, this)
-        }, void 0, false, {
-            fileName: "src/elements/SortHeader/index.tsx",
-            lineNumber: 45,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/SortHeader/index.tsx",
-        lineNumber: 40,
-        columnNumber: 5
-    }, this);
+    return <div className={[
+        baseClass,
+        appearance && `${baseClass}--appearance-${appearance}`
+    ].filter(Boolean).join(' ')}>
+      <div className={`${baseClass}__buttons`}>
+        <button aria-label={t('general:sortByLabelDirection', {
+        direction: t('general:ascending'),
+        label: 'Order'
+    })} className={`${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`} onClick={handleSortPress} type="button">
+          <SortDownIcon/>
+        </button>
+      </div>
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { SortDownIcon } from '../../icons/Sort/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type SortHeaderProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n}\n\nconst baseClass = 'sort-header'\n\nfunction useSort() {\n  const { handleSortChange, orderableFieldName, query } = useListQuery()\n  const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort\n  const isActive = querySort === orderableFieldName\n\n  const handleSortPress = () => {\n    // If it's already sorted by the \"_order\" field, do nothing\n    if (isActive) {\n      return\n    }\n    // If NOT sorted by the \"_order\" field, sort by that field.\n    void handleSortChange(orderableFieldName)\n  }\n\n  return { handleSortPress, isActive }\n}\n\nexport const SortHeader: React.FC<SortHeaderProps> = (props) => {\n  const { appearance } = props\n  const { handleSortPress, isActive } = useSort()\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__buttons`}>\n        <button\n          aria-label={t('general:sortByLabelDirection', {\n            direction: t('general:ascending'),\n            label: 'Order',\n          })}\n          className={`${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`}\n          onClick={handleSortPress}\n          type=\"button\"\n        >\n          <SortDownIcon />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","SortDownIcon","useListQuery","useTranslation","baseClass","useSort","handleSortChange","orderableFieldName","query","querySort","Array","isArray","sort","isActive","handleSortPress","SortHeader","props","appearance","t","div","className","filter","Boolean","join","button","aria-label","direction","label","onClick","type"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,4BAA2B;AACxD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AAOrE,MAAMC,YAAY;AAElB,SAASC;IACP,MAAM,EAAEC,gBAAgB,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGN;IACxD,MAAMO,YAAYC,MAAMC,OAAO,CAACH,MAAMI,IAAI,IAAIJ,MAAMI,IAAI,CAAC,EAAE,GAAGJ,MAAMI,IAAI;IACxE,MAAMC,WAAWJ,cAAcF;IAE/B,MAAMO,kBAAkB;QACtB,2DAA2D;QAC3D,IAAID,UAAU;YACZ;QACF;QACA,2DAA2D;QAC3D,KAAKP,iBAAiBC;IACxB;IAEA,OAAO;QAAEO;QAAiBD;IAAS;AACrC;AAEA,OAAO,MAAME,aAAwC,CAACC;IACpD,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAM,EAAEF,eAAe,EAAED,QAAQ,EAAE,GAAGR;IACtC,MAAM,EAAEa,CAAC,EAAE,GAAGf;IAEd,qBACE,QAACgB;QACCC,WAAW;YAAChB;YAAWa,cAAc,GAAGb,UAAU,aAAa,EAAEa,YAAY;SAAC,CAC3EI,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,QAACJ;YAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC;sBACrC,cAAA,QAACoB;gBACCC,cAAYP,EAAE,gCAAgC;oBAC5CQ,WAAWR,EAAE;oBACbS,OAAO;gBACT;gBACAP,WAAW,GAAGhB,UAAU,SAAS,EAAES,WAAW,GAAGT,UAAU,QAAQ,CAAC,GAAG,IAAI;gBAC3EwB,SAASd;gBACTe,MAAK;0BAEL,cAAA,QAAC5B;;;;;;;;;;;;;;;;;;;;AAKX,EAAC"}
+{"version":3,"sources":["../../../src/elements/SortHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { SortDownIcon } from '../../icons/Sort/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type SortHeaderProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n}\n\nconst baseClass = 'sort-header'\n\nfunction useSort() {\n  const { handleSortChange, orderableFieldName, query } = useListQuery()\n  const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort\n  const isActive = querySort === orderableFieldName\n\n  const handleSortPress = () => {\n    // If it's already sorted by the \"_order\" field, do nothing\n    if (isActive) {\n      return\n    }\n    // If NOT sorted by the \"_order\" field, sort by that field.\n    void handleSortChange(orderableFieldName)\n  }\n\n  return { handleSortPress, isActive }\n}\n\nexport const SortHeader: React.FC<SortHeaderProps> = (props) => {\n  const { appearance } = props\n  const { handleSortPress, isActive } = useSort()\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__buttons`}>\n        <button\n          aria-label={t('general:sortByLabelDirection', {\n            direction: t('general:ascending'),\n            label: 'Order',\n          })}\n          className={`${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`}\n          onClick={handleSortPress}\n          type=\"button\"\n        >\n          <SortDownIcon />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"names":["SortDownIcon","useListQuery","useTranslation","baseClass","useSort","handleSortChange","orderableFieldName","query","querySort","Array","isArray","sort","isActive","handleSortPress","SortHeader","props","appearance","t","div","className","filter","Boolean","join","button","aria-label","direction","label","onClick","type"],"mappings":"AAAA;AAIA,SAASA,YAAY,QAAQ,4BAA2B;AACxD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AAOrE,MAAMC,YAAY;AAElB,SAASC;IACP,MAAM,EAAEC,gBAAgB,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGN;IACxD,MAAMO,YAAYC,MAAMC,OAAO,CAACH,MAAMI,IAAI,IAAIJ,MAAMI,IAAI,CAAC,EAAE,GAAGJ,MAAMI,IAAI;IACxE,MAAMC,WAAWJ,cAAcF;IAE/B,MAAMO,kBAAkB;QACtB,2DAA2D;QAC3D,IAAID,UAAU;YACZ;QACF;QACA,2DAA2D;QAC3D,KAAKP,iBAAiBC;IACxB;IAEA,OAAO;QAAEO;QAAiBD;IAAS;AACrC;AAEA,OAAO,MAAME,aAAwC,CAACC;IACpD,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAM,EAAEF,eAAe,EAAED,QAAQ,EAAE,GAAGR;IACtC,MAAM,EAAEa,CAAC,EAAE,GAAGf;IAEd,QACGgB,IACCC,WAAW;QAAChB;QAAWa,cAAc,GAAGb,UAAU,aAAa,EAAEa,YAAY;KAAC,CAC3EI,MAAM,CAACC,SACPC,IAAI,CAAC,MACT;MACC,CAACJ,IAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC,EAAE;QACvC,CAACoB,OACCC,YAAYP,EAAE,gCAAgC;QAC5CQ,WAAWR,EAAE;QACbS,OAAO;IACT,IACAP,WAAW,GAAGhB,UAAU,SAAS,EAAES,WAAW,GAAGT,UAAU,QAAQ,CAAC,GAAG,IAAI,EAC3EwB,SAASd,iBACTe,KAAK,SACN;UACC,CAAC5B,cAAe;QAClB,EAAEuB,OAAO;MACX,EAAEL,IAAI;IACR,EAAEA;AAEN,EAAC"}

package/dist/elements/SortRow/index.js

@@ -1,6 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import { DragHandleIcon } from '../../icons/DragHandle/index.js';
 import './index.scss';
 import { useListQuery } from '../../providers/ListQuery/index.js';
@@ -8,22 +6,9 @@ const baseClass = 'sort-row';
 export const SortRow = ()=>{
     const { orderableFieldName, query } = useListQuery();
     const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`;
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: `${baseClass} ${isActive ? 'active' : ''}`,
-        role: "button",
-        tabIndex: 0,
-        children: /*#__PURE__*/ _jsxDEV(DragHandleIcon, {
-            className: `${baseClass}__icon`
-        }, void 0, false, {
-            fileName: "src/elements/SortRow/index.tsx",
-            lineNumber: 17,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/SortRow/index.tsx",
-        lineNumber: 16,
-        columnNumber: 5
-    }, this);
+    return <div className={`${baseClass} ${isActive ? 'active' : ''}`} role="button" tabIndex={0}>
+      <DragHandleIcon className={`${baseClass}__icon`}/>
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport './index.scss'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\n\nconst baseClass = 'sort-row'\n\nexport const SortRow = () => {\n  const { orderableFieldName, query } = useListQuery()\n  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  return (\n    <div className={`${baseClass} ${isActive ? 'active' : ''}`} role=\"button\" tabIndex={0}>\n      <DragHandleIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","DragHandleIcon","useListQuery","baseClass","SortRow","orderableFieldName","query","isActive","sort","div","className","role","tabIndex"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,OAAO,eAAc;AACrB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAU;IACrB,MAAM,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGJ;IACtC,MAAMK,WAAWD,MAAME,IAAI,KAAKH,sBAAsBC,MAAME,IAAI,KAAK,CAAC,CAAC,EAAEH,oBAAoB;IAE7F,qBACE,QAACI;QAAIC,WAAW,GAAGP,UAAU,CAAC,EAAEI,WAAW,WAAW,IAAI;QAAEI,MAAK;QAASC,UAAU;kBAClF,cAAA,QAACX;YAAeS,WAAW,GAAGP,UAAU,MAAM,CAAC;;;;;;;;;;;AAGrD,EAAC"}
+{"version":3,"sources":["../../../src/elements/SortRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport './index.scss'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\n\nconst baseClass = 'sort-row'\n\nexport const SortRow = () => {\n  const { orderableFieldName, query } = useListQuery()\n  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  return (\n    <div className={`${baseClass} ${isActive ? 'active' : ''}`} role=\"button\" tabIndex={0}>\n      <DragHandleIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["DragHandleIcon","useListQuery","baseClass","SortRow","orderableFieldName","query","isActive","sort","div","className","role","tabIndex"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,kCAAiC;AAChE,OAAO,eAAc;AACrB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAU;IACrB,MAAM,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGJ;IACtC,MAAMK,WAAWD,MAAME,IAAI,KAAKH,sBAAsBC,MAAME,IAAI,KAAK,CAAC,CAAC,EAAEH,oBAAoB;IAE7F,QACGI,IAAIC,WAAW,GAAGP,UAAU,CAAC,EAAEI,WAAW,WAAW,IAAI,EAAEI,KAAK,SAASC,UAAU,GAAG;MACrF,CAACX,eAAeS,WAAW,GAAGP,UAAU,MAAM,CAAC,GAAI;IACrD,EAAEM;AAEN,EAAC"}

package/dist/elements/Status/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback } from 'react';
 import { toast } from 'sonner';
@@ -114,104 +113,26 @@ export const Status = ()=>{
     ]);
     const canUpdate = docPermissions?.update;
     if (statusToRender) {
-        return /*#__PURE__*/ _jsxDEV("div", {
-            className: baseClass,
-            title: `${t('version:status')}: ${t(`version:${displayStatusKey}`)}`,
-            children: /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__value-wrap`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("span", {
-                        className: `${baseClass}__label`,
-                        children: [
-                            t('version:status'),
-                            ": "
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/Status/index.tsx",
-                        lineNumber: 171,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("span", {
-                        className: `${baseClass}__value`,
-                        children: t(`version:${displayStatusKey}`)
-                    }, void 0, false, {
-                        fileName: "src/elements/Status/index.tsx",
-                        lineNumber: 172,
-                        columnNumber: 11
-                    }, this),
-                    !isTrashed && canUpdate && statusToRender === 'published' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                        children: [
-                            " — ",
-                            /*#__PURE__*/ _jsxDEV(Button, {
-                                buttonStyle: "none",
-                                className: `${baseClass}__action`,
-                                id: `action-unpublish`,
-                                onClick: ()=>toggleModal(unPublishModalSlug),
-                                children: t('version:unpublish')
-                            }, void 0, false, {
-                                fileName: "src/elements/Status/index.tsx",
-                                lineNumber: 176,
-                                columnNumber: 15
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
-                                body: t('version:aboutToUnpublish'),
-                                confirmingLabel: t('version:unpublishing'),
-                                heading: t('version:confirmUnpublish'),
-                                modalSlug: unPublishModalSlug,
-                                onConfirm: ()=>performAction('unpublish')
-                            }, void 0, false, {
-                                fileName: "src/elements/Status/index.tsx",
-                                lineNumber: 184,
-                                columnNumber: 15
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/Status/index.tsx",
-                        lineNumber: 174,
-                        columnNumber: 13
-                    }, this),
-                    !isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                        children: [
-                            " — ",
-                            /*#__PURE__*/ _jsxDEV(Button, {
-                                buttonStyle: "none",
-                                className: `${baseClass}__action`,
-                                id: "action-revert-to-published",
-                                onClick: ()=>toggleModal(revertModalSlug),
-                                children: t('version:revertToPublished')
-                            }, void 0, false, {
-                                fileName: "src/elements/Status/index.tsx",
-                                lineNumber: 199,
-                                columnNumber: 17
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
-                                body: t('version:aboutToRevertToPublished'),
-                                confirmingLabel: t('version:reverting'),
-                                heading: t('version:confirmRevertToSaved'),
-                                modalSlug: revertModalSlug,
-                                onConfirm: ()=>performAction('revert')
-                            }, void 0, false, {
-                                fileName: "src/elements/Status/index.tsx",
-                                lineNumber: 207,
-                                columnNumber: 17
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/Status/index.tsx",
-                        lineNumber: 197,
-                        columnNumber: 15
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/Status/index.tsx",
-                lineNumber: 170,
-                columnNumber: 9
-            }, this)
-        }, void 0, false, {
-            fileName: "src/elements/Status/index.tsx",
-            lineNumber: 166,
-            columnNumber: 7
-        }, this);
+        return <div className={baseClass} title={`${t('version:status')}: ${t(`version:${displayStatusKey}`)}`}>
+        <div className={`${baseClass}__value-wrap`}>
+          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>
+          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>
+          {!isTrashed && canUpdate && statusToRender === 'published' && <React.Fragment>
+              &nbsp;&mdash;&nbsp;
+              <Button buttonStyle="none" className={`${baseClass}__action`} id={`action-unpublish`} onClick={()=>toggleModal(unPublishModalSlug)}>
+                {t('version:unpublish')}
+              </Button>
+              <ConfirmationModal body={t('version:aboutToUnpublish')} confirmingLabel={t('version:unpublishing')} heading={t('version:confirmUnpublish')} modalSlug={unPublishModalSlug} onConfirm={()=>performAction('unpublish')}/>
+            </React.Fragment>}
+          {!isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && <React.Fragment>
+                &nbsp;&mdash;&nbsp;
+                <Button buttonStyle="none" className={`${baseClass}__action`} id="action-revert-to-published" onClick={()=>toggleModal(revertModalSlug)}>
+                  {t('version:revertToPublished')}
+                </Button>
+                <ConfirmationModal body={t('version:aboutToRevertToPublished')} confirmingLabel={t('version:reverting')} heading={t('version:confirmRevertToSaved')} modalSlug={revertModalSlug} onConfirm={()=>performAction('revert')}/>
+              </React.Fragment>}
+        </div>
+      </div>;
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } 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 { ConfirmationModal } from '../ConfirmationModal/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    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { toggleModal } = useModal()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\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 displayStatusKey = isTrashed\n    ? hasPublishedDoc\n      ? 'previouslyPublished'\n      : 'previouslyDraft'\n    : statusToRender\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\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\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        incrementVersionCount()\n        setMostRecentVersionIsAutosaved(false)\n\n        if (action === 'unpublish') {\n          setHasPublishedDoc(false)\n        } else if (action === 'revert') {\n          setUnpublishedVersionCount(0)\n        }\n      } else {\n        try {\n          const json = await res.json()\n          if (json.errors?.[0]?.message) {\n            toast.error(json.errors[0].message)\n          } else if (json.error) {\n            toast.error(json.error)\n          } else {\n            toast.error(t('error:unPublishingDocument'))\n          }\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        } catch (err) {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      locale,\n      resetForm,\n      serverURL,\n      setUnpublishedVersionCount,\n      setMostRecentVersionIsAutosaved,\n      t,\n      setHasPublishedDoc,\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:${displayStatusKey}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>\n          {!isTrashed && canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id={`action-unpublish`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToUnpublish')}\n                confirmingLabel={t('version:unpublishing')}\n                heading={t('version:confirmUnpublish')}\n                modalSlug={unPublishModalSlug}\n                onConfirm={() => performAction('unpublish')}\n              />\n            </React.Fragment>\n          )}\n          {!isTrashed &&\n            canUpdate &&\n            hasPublishedDoc &&\n            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                <ConfirmationModal\n                  body={t('version:aboutToRevertToPublished')}\n                  confirmingLabel={t('version:reverting')}\n                  heading={t('version:confirmRevertToSaved')}\n                  modalSlug={revertModalSlug}\n                  onConfirm={() => performAction('revert')}\n                />\n              </React.Fragment>\n            )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","React","useCallback","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","ConfirmationModal","baseClass","Status","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","toggleModal","config","routes","api","serverURL","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","displayStatusKey","performAction","action","url","method","body","_status","publishedDoc","get","headers","language","then","res","json","JSON","stringify","status","data","result","doc","success","message","errors","error","err","canUpdate","update","div","className","title","span","Fragment","buttonStyle","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } 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 { ConfirmationModal } from '../ConfirmationModal/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    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { toggleModal } = useModal()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\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 displayStatusKey = isTrashed\n    ? hasPublishedDoc\n      ? 'previouslyPublished'\n      : 'previouslyDraft'\n    : statusToRender\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\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\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        incrementVersionCount()\n        setMostRecentVersionIsAutosaved(false)\n\n        if (action === 'unpublish') {\n          setHasPublishedDoc(false)\n        } else if (action === 'revert') {\n          setUnpublishedVersionCount(0)\n        }\n      } else {\n        try {\n          const json = await res.json()\n          if (json.errors?.[0]?.message) {\n            toast.error(json.errors[0].message)\n          } else if (json.error) {\n            toast.error(json.error)\n          } else {\n            toast.error(t('error:unPublishingDocument'))\n          }\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        } catch (err) {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      locale,\n      resetForm,\n      serverURL,\n      setUnpublishedVersionCount,\n      setMostRecentVersionIsAutosaved,\n      t,\n      setHasPublishedDoc,\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:${displayStatusKey}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>\n          {!isTrashed && canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id={`action-unpublish`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToUnpublish')}\n                confirmingLabel={t('version:unpublishing')}\n                heading={t('version:confirmUnpublish')}\n                modalSlug={unPublishModalSlug}\n                onConfirm={() => performAction('unpublish')}\n              />\n            </React.Fragment>\n          )}\n          {!isTrashed &&\n            canUpdate &&\n            hasPublishedDoc &&\n            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                <ConfirmationModal\n                  body={t('version:aboutToRevertToPublished')}\n                  confirmingLabel={t('version:reverting')}\n                  heading={t('version:confirmRevertToSaved')}\n                  modalSlug={revertModalSlug}\n                  onConfirm={() => performAction('revert')}\n                />\n              </React.Fragment>\n            )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","React","useCallback","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","ConfirmationModal","baseClass","Status","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","toggleModal","config","routes","api","serverURL","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","displayStatusKey","performAction","action","url","method","body","_status","publishedDoc","get","headers","language","then","res","json","JSON","stringify","status","data","result","doc","success","message","errors","error","err","canUpdate","update","div","className","title","span","Fragment","buttonStyle","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}

package/dist/elements/StayLoggedIn/index.js

@@ -1,8 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
@@ -32,19 +31,7 @@ export const StayLoggedInModal = ()=>{
     }, [
         refreshCookie
     ]);
-    return /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
-        body: t('authentication:youAreInactive'),
-        cancelLabel: t('authentication:stayLoggedIn'),
-        confirmLabel: t('authentication:logOut'),
-        heading: t('authentication:stayLoggedIn'),
-        modalSlug: stayLoggedInModalSlug,
-        onCancel: onCancel,
-        onConfirm: onConfirm
-    }, void 0, false, {
-        fileName: "src/elements/StayLoggedIn/index.tsx",
-        lineNumber: 48,
-        columnNumber: 5
-    }, this);
+    return <ConfirmationModal body={t('authentication:youAreInactive')} cancelLabel={t('authentication:stayLoggedIn')} confirmLabel={t('authentication:logOut')} heading={t('authentication:stayLoggedIn')} modalSlug={stayLoggedInModalSlug} onCancel={onCancel} onConfirm={onConfirm}/>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\nexport const stayLoggedInModalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC = () => {\n  const { refreshCookie } = useAuth()\n\n  const router = useRouter()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  const onConfirm = useCallback(() => {\n    return startRouteTransition(() =>\n      router.push(\n        formatAdminURL({\n          adminRoute,\n          path: logoutRoute,\n        }),\n      ),\n    )\n  }, [router, startRouteTransition, adminRoute, logoutRoute])\n\n  const onCancel: OnCancel = useCallback(() => {\n    refreshCookie()\n  }, [refreshCookie])\n\n  return (\n    <ConfirmationModal\n      body={t('authentication:youAreInactive')}\n      cancelLabel={t('authentication:stayLoggedIn')}\n      confirmLabel={t('authentication:logOut')}\n      heading={t('authentication:stayLoggedIn')}\n      modalSlug={stayLoggedInModalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"names":["useRouter","formatAdminURL","React","useCallback","useAuth","useConfig","useRouteTransition","useTranslation","ConfirmationModal","stayLoggedInModalSlug","StayLoggedInModal","refreshCookie","router","config","admin","routes","logout","logoutRoute","adminRoute","t","startRouteTransition","onConfirm","push","path","onCancel","body","cancelLabel","confirmLabel","heading","modalSlug"],"mappings":"AAAA;;AACA,SAASA,SAAS,QAAQ,qBAAoB;AAC9C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,iBAAiB,QAAQ,gCAA+B;AAEjE,OAAO,MAAMC,wBAAwB,iBAAgB;AAErD,OAAO,MAAMC,oBAA8B;IACzC,MAAM,EAAEC,aAAa,EAAE,GAAGP;IAE1B,MAAMQ,SAASZ;IACf,MAAM,EAAEa,MAAM,EAAE,GAAGR;IAEnB,MAAM,EACJS,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,oBAAoB,EAAE,GAAGd;IAEjC,MAAMe,YAAYlB,YAAY;QAC5B,OAAOiB,qBAAqB,IAC1BR,OAAOU,IAAI,CACTrB,eAAe;gBACbiB;gBACAK,MAAMN;YACR;IAGN,GAAG;QAACL;QAAQQ;QAAsBF;QAAYD;KAAY;IAE1D,MAAMO,WAAqBrB,YAAY;QACrCQ;IACF,GAAG;QAACA;KAAc;IAElB,qBACE,QAACH;QACCiB,MAAMN,EAAE;QACRO,aAAaP,EAAE;QACfQ,cAAcR,EAAE;QAChBS,SAAST,EAAE;QACXU,WAAWpB;QACXe,UAAUA;QACVH,WAAWA;;;;;;AAGjB,EAAC"}
+{"version":3,"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\nexport const stayLoggedInModalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC = () => {\n  const { refreshCookie } = useAuth()\n\n  const router = useRouter()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  const onConfirm = useCallback(() => {\n    return startRouteTransition(() =>\n      router.push(\n        formatAdminURL({\n          adminRoute,\n          path: logoutRoute,\n        }),\n      ),\n    )\n  }, [router, startRouteTransition, adminRoute, logoutRoute])\n\n  const onCancel: OnCancel = useCallback(() => {\n    refreshCookie()\n  }, [refreshCookie])\n\n  return (\n    <ConfirmationModal\n      body={t('authentication:youAreInactive')}\n      cancelLabel={t('authentication:stayLoggedIn')}\n      confirmLabel={t('authentication:logOut')}\n      heading={t('authentication:stayLoggedIn')}\n      modalSlug={stayLoggedInModalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"names":["useRouter","formatAdminURL","useCallback","useAuth","useConfig","useRouteTransition","useTranslation","ConfirmationModal","stayLoggedInModalSlug","StayLoggedInModal","refreshCookie","router","config","admin","routes","logout","logoutRoute","adminRoute","t","startRouteTransition","onConfirm","push","path","onCancel","body","cancelLabel","confirmLabel","heading","modalSlug"],"mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,qBAAoB;AAC9C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,SAAgBC,WAAW,QAAQ,QAAO;AAI1C,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,iBAAiB,QAAQ,gCAA+B;AAEjE,OAAO,MAAMC,wBAAwB,iBAAgB;AAErD,OAAO,MAAMC,oBAA8B;IACzC,MAAM,EAAEC,aAAa,EAAE,GAAGP;IAE1B,MAAMQ,SAASX;IACf,MAAM,EAAEY,MAAM,EAAE,GAAGR;IAEnB,MAAM,EACJS,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,MAAM,EAAEM,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,oBAAoB,EAAE,GAAGd;IAEjC,MAAMe,YAAYlB,YAAY;QAC5B,OAAOiB,qBAAqB,IAC1BR,OAAOU,IAAI,CACTpB,eAAe;gBACbgB;gBACAK,MAAMN;YACR;IAGN,GAAG;QAACL;QAAQQ;QAAsBF;QAAYD;KAAY;IAE1D,MAAMO,WAAqBrB,YAAY;QACrCQ;IACF,GAAG;QAACA;KAAc;IAElB,QACGH,kBACCiB,MAAMN,EAAE,kCACRO,aAAaP,EAAE,gCACfQ,cAAcR,EAAE,0BAChBS,SAAST,EAAE,gCACXU,WAAWpB,uBACXe,UAAUA,UACVH,WAAWA;AAGjB,EAAC"}

package/dist/elements/StepNav/context.js

@@ -1,21 +1,15 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React, { createContext, use, useState } from 'react';
+import { createContext, use, useState } from 'react';
 export const useStepNav = ()=>use(Context);
-export const Context = /*#__PURE__*/ createContext({});
+export const Context = createContext({});
 export const StepNavProvider = ({ children })=>{
     const [stepNav, setStepNav] = useState([]);
-    return /*#__PURE__*/ _jsxDEV(Context, {
-        value: {
-            setStepNav,
-            stepNav
-        },
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/StepNav/context.tsx",
-        lineNumber: 14,
-        columnNumber: 5
-    }, this);
+    return <Context value={{
+        setStepNav,
+        stepNav
+    }}>
+      {children}
+    </Context>;
 };
 
 //# sourceMappingURL=context.js.map

package/dist/elements/StepNav/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => use(Context)\n\nexport const Context = createContext({} as ContextType)\n\nexport const StepNavProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [stepNav, setStepNav] = useState([])\n\n  return (\n    <Context\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n"],"names":["React","createContext","use","useState","useStepNav","Context","StepNavProvider","children","stepNav","setStepNav","value"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ,QAAO;AAI3D,OAAO,MAAMC,aAAa,IAAmBF,IAAIG,SAAQ;AAEzD,OAAO,MAAMA,wBAAUJ,cAAc,CAAC,GAAiB;AAEvD,OAAO,MAAMK,kBAA4D,CAAC,EAAEC,QAAQ,EAAE;IACpF,MAAM,CAACC,SAASC,WAAW,GAAGN,SAAS,EAAE;IAEzC,qBACE,QAACE;QACCK,OAAO;YACLD;YACAD;QACF;kBAECD;;;;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => use(Context)\n\nexport const Context = createContext({} as ContextType)\n\nexport const StepNavProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [stepNav, setStepNav] = useState([])\n\n  return (\n    <Context\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n"],"names":["createContext","use","useState","useStepNav","Context","StepNavProvider","children","stepNav","setStepNav","value"],"mappings":"AAAA;AACA,SAAgBA,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ,QAAO;AAI3D,OAAO,MAAMC,aAAa,IAAmBF,IAAIG,SAAQ;AAEzD,OAAO,MAAMA,UAAUJ,cAAc,CAAC,GAAiB;AAEvD,OAAO,MAAMK,kBAA4D,CAAC,EAAEC,QAAQ,EAAE;IACpF,MAAM,CAACC,SAASC,WAAW,GAAGN,SAAS,EAAE;IAEzC,QACGE,QACCK,OAAO;QACLD;QACAD;IACF,GACD;MACC,CAACD,SAAS;IACZ,EAAEF;AAEN,EAAC"}

package/dist/elements/StepNav/index.js

@@ -1,7 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React, { Fragment } from 'react';
+import { Fragment } from 'react';
 import { PayloadIcon } from '../../graphics/Icon/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -20,143 +19,41 @@ const StepNav = /**
     const { stepNav } = useStepNav();
     const { config: { routes: { admin } } } = useConfig();
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsxDEV(Fragment, {
-        children: stepNav.length > 0 ? /*#__PURE__*/ _jsxDEV("nav", {
-            className: [
-                baseClass,
-                className
-            ].filter(Boolean).join(' '),
-            children: [
-                /*#__PURE__*/ _jsxDEV(Link, {
-                    className: `${baseClass}__home`,
-                    href: admin,
-                    prefetch: false,
-                    tabIndex: 0,
-                    children: /*#__PURE__*/ _jsxDEV("span", {
-                        title: t('general:dashboard'),
-                        children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                            CustomComponent: CustomIcon,
-                            Fallback: /*#__PURE__*/ _jsxDEV(PayloadIcon, {}, void 0, false, {
-                                fileName: "src/elements/StepNav/index.tsx",
-                                lineNumber: 48,
-                                columnNumber: 77
-                            }, void 0)
-                        }, void 0, false, {
-                            fileName: "src/elements/StepNav/index.tsx",
-                            lineNumber: 48,
-                            columnNumber: 15
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/elements/StepNav/index.tsx",
-                        lineNumber: 47,
-                        columnNumber: 13
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/elements/StepNav/index.tsx",
-                    lineNumber: 46,
-                    columnNumber: 11
-                }, this),
-                /*#__PURE__*/ _jsxDEV("span", {
-                    children: "/"
-                }, void 0, false, {
-                    fileName: "src/elements/StepNav/index.tsx",
-                    lineNumber: 51,
-                    columnNumber: 11
-                }, this),
-                stepNav.map((item, i)=>{
-                    const StepLabel = getTranslation(item.label, i18n);
-                    const isLast = stepNav.length === i + 1;
-                    const Step = isLast ? /*#__PURE__*/ _jsxDEV("span", {
-                        className: `${baseClass}__last`,
-                        children: StepLabel
-                    }, i, false, {
-                        fileName: "src/elements/StepNav/index.tsx",
-                        lineNumber: 57,
-                        columnNumber: 15
-                    }, this) : /*#__PURE__*/ _jsxDEV(Fragment, {
-                        children: [
-                            item.url ? /*#__PURE__*/ _jsxDEV(Link, {
-                                href: item.url,
-                                prefetch: false,
-                                children: /*#__PURE__*/ _jsxDEV("span", {
-                                    children: StepLabel
-                                }, i, false, {
-                                    fileName: "src/elements/StepNav/index.tsx",
-                                    lineNumber: 64,
-                                    columnNumber: 21
-                                }, this)
-                            }, void 0, false, {
-                                fileName: "src/elements/StepNav/index.tsx",
-                                lineNumber: 63,
-                                columnNumber: 19
-                            }, this) : /*#__PURE__*/ _jsxDEV("span", {
-                                children: StepLabel
-                            }, i, false, {
-                                fileName: "src/elements/StepNav/index.tsx",
-                                lineNumber: 67,
-                                columnNumber: 19
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV("span", {
-                                children: "/"
-                            }, void 0, false, {
-                                fileName: "src/elements/StepNav/index.tsx",
-                                lineNumber: 69,
-                                columnNumber: 17
-                            }, this)
-                        ]
-                    }, i, true, {
-                        fileName: "src/elements/StepNav/index.tsx",
-                        lineNumber: 61,
-                        columnNumber: 15
-                    }, this);
-                    return Step;
-                })
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/StepNav/index.tsx",
-            lineNumber: 45,
-            columnNumber: 9
-        }, this) : /*#__PURE__*/ _jsxDEV("div", {
-            className: [
-                baseClass,
-                className
-            ].filter(Boolean).join(' '),
-            children: /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__home`,
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    title: t('general:dashboard'),
-                    children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                        CustomComponent: CustomIcon,
-                        Fallback: /*#__PURE__*/ _jsxDEV(PayloadIcon, {}, void 0, false, {
-                            fileName: "src/elements/StepNav/index.tsx",
-                            lineNumber: 80,
-                            columnNumber: 77
-                        }, void 0)
-                    }, void 0, false, {
-                        fileName: "src/elements/StepNav/index.tsx",
-                        lineNumber: 80,
-                        columnNumber: 15
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/elements/StepNav/index.tsx",
-                    lineNumber: 79,
-                    columnNumber: 13
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/StepNav/index.tsx",
-                lineNumber: 78,
-                columnNumber: 11
-            }, this)
-        }, void 0, false, {
-            fileName: "src/elements/StepNav/index.tsx",
-            lineNumber: 77,
-            columnNumber: 9
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/StepNav/index.tsx",
-        lineNumber: 43,
-        columnNumber: 5
-    }, this);
+    return <Fragment>
+      {stepNav.length > 0 ? <nav className={[
+        baseClass,
+        className
+    ].filter(Boolean).join(' ')}>
+          <Link className={`${baseClass}__home`} href={admin} prefetch={false} tabIndex={0}>
+            <span title={t('general:dashboard')}>
+              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon/>}/>
+            </span>
+          </Link>
+          <span>/</span>
+          {stepNav.map((item, i)=>{
+        const StepLabel = getTranslation(item.label, i18n);
+        const isLast = stepNav.length === i + 1;
+        const Step = isLast ? <span className={`${baseClass}__last`} key={i}>
+                {StepLabel}
+              </span> : <Fragment key={i}>
+                {item.url ? <Link href={item.url} prefetch={false}>
+                    <span key={i}>{StepLabel}</span>
+                  </Link> : <span key={i}>{StepLabel}</span>}
+                <span>/</span>
+              </Fragment>;
+        return Step;
+    })}
+        </nav> : <div className={[
+        baseClass,
+        className
+    ].filter(Boolean).join(' ')}>
+          <div className={`${baseClass}__home`}>
+            <span title={t('general:dashboard')}>
+              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon/>}/>
+            </span>
+          </div>
+        </div>}
+    </Fragment>;
 };
 export { StepNav, StepNavProvider, useStepNav };