@strapi/content-manager 0.0.0-experimental.d1602f22dc638a4c3c5084965fd6126fff5e9d4f → 0.0.0-experimental.d2a56e52af31fcf0f0c582a5a2e58e310966e96b

package/dist/admin/chunks/{index-ZIwOPk6p.js → index-BwIhYBsG.js}

@@ -15,6 +15,7 @@ var pipe = require('lodash/fp/pipe');
 var qs = require('qs');
 var dateFns = require('date-fns');
 var toolkit = require('@reduxjs/toolkit');
+require('prismjs');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -55,6 +56,9 @@ const INJECTION_ZONES = {
         deleteModalAdditionalInfos: [],
         publishModalAdditionalInfos: [],
         unpublishModalAdditionalInfos: []
+    },
+    preview: {
+        actions: []
     }
 };
 /**
@@ -115,102 +119,6 @@ const DOCUMENT_META_FIELDS = [
 const SINGLE_TYPES = 'single-types';
 const COLLECTION_TYPES = 'collection-types';
 
-const [DocumentRBACProvider, useDocumentRBAC] = strapiAdmin.createContext('DocumentRBAC', {
-    canCreate: false,
-    canCreateFields: [],
-    canDelete: false,
-    canPublish: false,
-    canRead: false,
-    canReadFields: [],
-    canUpdate: false,
-    canUpdateFields: [],
-    canUserAction: ()=>false,
-    isLoading: false
-});
-/**
- * @internal This component is not meant to be used outside of the Content Manager plugin.
- * It depends on knowing the slug/model of the content-type using the params of the URL.
- * If you do use the hook outside of the context, we default to `false` for all actions.
- *
- * It then creates an list of `can{Action}` that are passed to the context for consumption
- * within the app to enforce RBAC.
- */ const DocumentRBAC = ({ children, permissions })=>{
-    const { slug } = reactRouterDom.useParams();
-    if (!slug) {
-        throw new Error('Cannot find the slug param in the URL');
-    }
-    const [{ rawQuery }] = strapiAdmin.useQueryParams();
-    const userPermissions = strapiAdmin.useAuth('DocumentRBAC', (state)=>state.permissions);
-    const contentTypePermissions = React__namespace.useMemo(()=>{
-        const contentTypePermissions = userPermissions.filter((permission)=>permission.subject === slug);
-        return contentTypePermissions.reduce((acc, permission)=>{
-            const [action] = permission.action.split('.').slice(-1);
-            return {
-                ...acc,
-                [action]: [
-                    permission
-                ]
-            };
-        }, {});
-    }, [
-        slug,
-        userPermissions
-    ]);
-    const { isLoading, allowedActions } = strapiAdmin.useRBAC(contentTypePermissions, permissions ?? undefined, // TODO: useRBAC context should be typed and built differently
-    // We are passing raw query as context to the hook so that it can
-    // rely on the locale provided from DocumentRBAC for its permission calculations.
-    rawQuery);
-    const canCreateFields = !isLoading && allowedActions.canCreate ? extractAndDedupeFields(contentTypePermissions.create) : [];
-    const canReadFields = !isLoading && allowedActions.canRead ? extractAndDedupeFields(contentTypePermissions.read) : [];
-    const canUpdateFields = !isLoading && allowedActions.canUpdate ? extractAndDedupeFields(contentTypePermissions.update) : [];
-    /**
-   * @description Checks if the user can perform an action on a field based on the field names
-   * provided as the second argument.
-   */ const canUserAction = React__namespace.useCallback((fieldName, fieldsUserCanAction, fieldType)=>{
-        const name = removeNumericalStrings(fieldName.split('.'));
-        const componentFieldNames = fieldsUserCanAction// filter out fields that aren't components (components are dot separated)
-        .filter((field)=>field.split('.').length > 1);
-        if (fieldType === 'component') {
-            // check if the field name is within any of those arrays
-            return componentFieldNames.some((field)=>{
-                return field.includes(name.join('.'));
-            });
-        }
-        /**
-       * The field is within a component.
-       */ if (name.length > 1) {
-            return componentFieldNames.includes(name.join('.'));
-        }
-        /**
-       * just a regular field
-       */ return fieldsUserCanAction.includes(fieldName);
-    }, []);
-    if (isLoading) {
-        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
-    }
-    return /*#__PURE__*/ jsxRuntime.jsx(DocumentRBACProvider, {
-        isLoading: isLoading,
-        canCreateFields: canCreateFields,
-        canReadFields: canReadFields,
-        canUpdateFields: canUpdateFields,
-        canUserAction: canUserAction,
-        ...allowedActions,
-        children: children
-    });
-};
-/**
- * @internal it's really small, but it's used three times in a row and DRY for something this straight forward.
- */ const extractAndDedupeFields = (permissions = [])=>permissions.flatMap((permission)=>permission.properties?.fields).filter((field, index, arr)=>arr.indexOf(field) === index && typeof field === 'string');
-/**
- * @internal removes numerical strings from arrays.
- * @example
- * ```ts
- * const name = 'a.0.b';
- * const res = removeNumericalStrings(name.split('.'));
- * console.log(res); // ['a', 'b']
- * ```
- */ const removeNumericalStrings = (arr)=>arr.filter((item)=>isNaN(Number(item)));
-
 const BLOCK_LIST_ATTRIBUTE_KEYS = [
     '__component',
     '__temp_key__'
@@ -1521,7 +1429,7 @@ const checkIfAttributeIsDisplayable = (attribute)=>{
     const { toggleNotification } = strapiAdmin.useNotification();
     const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
     const { formatMessage } = reactIntl.useIntl();
-    const { currentData: data, isLoading: isLoadingDocument, isFetching: isFetchingDocument, error } = useGetDocumentQuery(args, {
+    const { currentData: data, isLoading: isLoadingDocument, isFetching: isFetchingDocument, error, refetch } = useGetDocumentQuery(args, {
         ...opts,
         skip: !args.documentId && args.collectionType !== SINGLE_TYPES || opts?.skip
     });
@@ -1620,7 +1528,8 @@ const checkIfAttributeIsDisplayable = (attribute)=>{
         schemas,
         validate,
         getTitle,
-        getInitialFormValues
+        getInitialFormValues,
+        refetch
     };
 };
 /* -------------------------------------------------------------------------------------------------
@@ -1693,6 +1602,144 @@ const checkIfAttributeIsDisplayable = (attribute)=>{
     };
 };
 
+const [DocumentProvider, useDocumentContext] = strapiAdmin.createContext('DocumentContext');
+/**
+ * TODO: Document in contributor docs, Add unit test
+ *
+ * This context provider and its associated hook are used to access a document at its root level
+ * and expose a function to change the current document being viewed to one of the root level docuemnt's relations.
+ *
+ * The useDocumentContext hook exposes:
+ * - meta: information about the currentDocument,
+ * - document: the actual document,
+ * - changeDocument: a function to change the current document to one of its relations.
+ * - rootDocumentMeta: information about the root level document (current page)
+ */ const DocumentContextProvider = ({ children, initialDocument, onPreview })=>{
+    /**
+   * Initialize with the "root" document and expose a setter method to change to
+   * one of the root level document's relations.
+   */ const [currentDocumentMeta, changeDocument] = React__namespace.useState(initialDocument);
+    const params = React__namespace.useMemo(()=>buildValidParams(currentDocumentMeta.params ?? {}), [
+        currentDocumentMeta.params
+    ]);
+    const document = useDocument({
+        ...currentDocumentMeta,
+        params
+    });
+    const [documentHistory, setDocumentHistory] = React__namespace.useState([]);
+    return /*#__PURE__*/ jsxRuntime.jsx(DocumentProvider, {
+        changeDocument: changeDocument,
+        document: document,
+        rootDocumentMeta: {
+            documentId: initialDocument.documentId,
+            model: initialDocument.model,
+            collectionType: initialDocument.collectionType
+        },
+        meta: currentDocumentMeta,
+        documentHistory: documentHistory,
+        setDocumentHistory: setDocumentHistory,
+        onPreview: onPreview,
+        children: children
+    });
+};
+
+const [DocumentRBACProvider, useDocumentRBAC] = strapiAdmin.createContext('DocumentRBAC', {
+    canCreate: false,
+    canCreateFields: [],
+    canDelete: false,
+    canPublish: false,
+    canRead: false,
+    canReadFields: [],
+    canUpdate: false,
+    canUpdateFields: [],
+    canUserAction: ()=>false,
+    isLoading: false
+});
+/**
+ * @internal This component is not meant to be used outside of the Content Manager plugin.
+ * It depends on knowing the slug/model of the content-type using the params of the URL or the model if it is passed as arg.
+ * If you do use the hook outside of the context, we default to `false` for all actions.
+ *
+ * It then creates an list of `can{Action}` that are passed to the context for consumption
+ * within the app to enforce RBAC.
+ */ const DocumentRBAC = ({ children, permissions, model })=>{
+    const { slug } = reactRouterDom.useParams();
+    if (!slug && !model) {
+        throw new Error('Cannot find the slug param in the URL or the model prop is not provided.');
+    }
+    const contentTypeUid = model ?? slug;
+    const [{ rawQuery }] = strapiAdmin.useQueryParams();
+    const userPermissions = strapiAdmin.useAuth('DocumentRBAC', (state)=>state.permissions);
+    const contentTypePermissions = React__namespace.useMemo(()=>{
+        const contentTypePermissions = userPermissions.filter((permission)=>permission.subject === contentTypeUid);
+        return contentTypePermissions.reduce((acc, permission)=>{
+            const [action] = permission.action.split('.').slice(-1);
+            return {
+                ...acc,
+                [action]: [
+                    permission
+                ]
+            };
+        }, {});
+    }, [
+        contentTypeUid,
+        userPermissions
+    ]);
+    const { isLoading, allowedActions } = strapiAdmin.useRBAC(contentTypePermissions, permissions ?? undefined, // TODO: useRBAC context should be typed and built differently
+    // We are passing raw query as context to the hook so that it can
+    // rely on the locale provided from DocumentRBAC for its permission calculations.
+    rawQuery);
+    const canCreateFields = !isLoading && allowedActions.canCreate ? extractAndDedupeFields(contentTypePermissions.create) : [];
+    const canReadFields = !isLoading && allowedActions.canRead ? extractAndDedupeFields(contentTypePermissions.read) : [];
+    const canUpdateFields = !isLoading && allowedActions.canUpdate ? extractAndDedupeFields(contentTypePermissions.update) : [];
+    /**
+   * @description Checks if the user can perform an action on a field based on the field names
+   * provided as the second argument.
+   */ const canUserAction = React__namespace.useCallback((fieldName, fieldsUserCanAction, fieldType)=>{
+        const name = removeNumericalStrings(fieldName.split('.'));
+        const componentFieldNames = fieldsUserCanAction// filter out fields that aren't components (components are dot separated)
+        .filter((field)=>field.split('.').length > 1);
+        if (fieldType === 'component') {
+            // check if the field name is within any of those arrays
+            return componentFieldNames.some((field)=>{
+                return field.includes(name.join('.'));
+            });
+        }
+        /**
+       * The field is within a component.
+       */ if (name.length > 1) {
+            return componentFieldNames.includes(name.join('.'));
+        }
+        /**
+       * just a regular field
+       */ return fieldsUserCanAction.includes(fieldName);
+    }, []);
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(DocumentRBACProvider, {
+        isLoading: isLoading,
+        canCreateFields: canCreateFields,
+        canReadFields: canReadFields,
+        canUpdateFields: canUpdateFields,
+        canUserAction: canUserAction,
+        ...allowedActions,
+        children: children
+    });
+};
+/**
+ * @internal it's really small, but it's used three times in a row and DRY for something this straight forward.
+ */ const extractAndDedupeFields = (permissions = [])=>permissions.flatMap((permission)=>permission.properties?.fields).filter((field, index, arr)=>arr.indexOf(field) === index && typeof field === 'string');
+/**
+ * @internal removes numerical strings from arrays.
+ * @example
+ * ```ts
+ * const name = 'a.0.b';
+ * const res = removeNumericalStrings(name.split('.'));
+ * console.log(res); // ['a', 'b']
+ * ```
+ */ const removeNumericalStrings = (arr)=>arr.filter((item)=>isNaN(Number(item)));
+
 const prefixPluginTranslations = (trad, pluginId)=>{
     return Object.keys(trad).reduce((acc, current)=>{
         acc[`${pluginId}.${current}`] = trad[current];
@@ -1734,7 +1781,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
     const navigate = reactRouterDom.useNavigate();
     const setCurrentStep = strapiAdmin.useGuidedTour('useDocumentActions', (state)=>state.setCurrentStep);
-    const [deleteDocument] = useDeleteDocumentMutation();
+    const [deleteDocument, { isLoading: isDeleting }] = useDeleteDocumentMutation();
     const _delete = React__namespace.useCallback(async ({ collectionType, model, documentId, params }, trackerProperty)=>{
         try {
             trackUsage('willDeleteEntry', trackerProperty);
@@ -1780,7 +1827,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [deleteManyDocuments] = useDeleteManyDocumentsMutation();
+    const [deleteManyDocuments, { isLoading: isDeletingMany }] = useDeleteManyDocumentsMutation();
     const deleteMany = React__namespace.useCallback(async ({ model, documentIds, params })=>{
         try {
             trackUsage('willBulkDeleteEntries');
@@ -1823,7 +1870,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [discardDocument] = useDiscardDocumentMutation();
+    const [discardDocument, { isLoading: isDiscardingDocument }] = useDiscardDocumentMutation();
     const discard = React__namespace.useCallback(async ({ collectionType, model, documentId, params })=>{
         try {
             const res = await discardDocument({
@@ -1862,10 +1909,12 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         toggleNotification
     ]);
-    const [publishDocument] = usePublishDocumentMutation();
+    const [publishDocument, { isLoading: isPublishing }] = usePublishDocumentMutation();
     const publish = React__namespace.useCallback(async ({ collectionType, model, documentId, params }, data)=>{
         try {
-            trackUsage('willPublishEntry');
+            trackUsage('willPublishEntry', {
+                documentId
+            });
             const res = await publishDocument({
                 collectionType,
                 model,
@@ -1882,7 +1931,9 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
                     error: res.error
                 };
             }
-            trackUsage('didPublishEntry');
+            trackUsage('didPublishEntry', {
+                documentId
+            });
             toggleNotification({
                 type: 'success',
                 message: formatMessage({
@@ -1905,7 +1956,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [publishManyDocuments] = usePublishManyDocumentsMutation();
+    const [publishManyDocuments, { isLoading: isPublishingMany }] = usePublishManyDocumentsMutation();
     const publishMany = React__namespace.useCallback(async ({ model, documentIds, params })=>{
         try {
             // TODO Confirm tracking events for bulk publish?
@@ -1945,7 +1996,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [updateDocument] = useUpdateDocumentMutation();
+    const [updateDocument, { isLoading: isUpdating }] = useUpdateDocumentMutation();
     const update = React__namespace.useCallback(async ({ collectionType, model, documentId, params }, data, trackerProperty)=>{
         try {
             trackUsage('willEditEntry', trackerProperty);
@@ -1969,7 +2020,10 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
                     error: res.error
                 };
             }
-            trackUsage('didEditEntry', trackerProperty);
+            trackUsage('didEditEntry', {
+                ...trackerProperty,
+                documentId: res.data.data.documentId
+            });
             toggleNotification({
                 type: 'success',
                 message: formatMessage({
@@ -2041,7 +2095,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         formatMessage,
         formatAPIError
     ]);
-    const [unpublishManyDocuments] = useUnpublishManyDocumentsMutation();
+    const [unpublishManyDocuments, { isLoading: isUnpublishingMany }] = useUnpublishManyDocumentsMutation();
     const unpublishMany = React__namespace.useCallback(async ({ model, documentIds, params })=>{
         try {
             trackUsage('willBulkUnpublishEntries');
@@ -2105,7 +2159,10 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
                     error: res.error
                 };
             }
-            trackUsage('didCreateEntry', trackerProperty);
+            trackUsage('didCreateEntry', {
+                ...trackerProperty,
+                documentId: res.data.data.documentId
+            });
             toggleNotification({
                 type: 'success',
                 message: formatMessage({
@@ -2232,6 +2289,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         getDoc
     ]);
     return {
+        isLoading: isPublishing || isUpdating || isDiscardingDocument || isDeleting || isDeletingMany || isUnpublishingMany || isPublishingMany,
         autoClone,
         clone,
         create,
@@ -2247,7 +2305,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     };
 };
 
-const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-BlLKDZSw.js'); }).then((mod)=>({
+const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-CEoOna4w.js'); }).then((mod)=>({
             default: mod.ProtectedHistoryPage
         })));
 /**
@@ -2263,7 +2321,7 @@ const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.res
     }
 ];
 
-const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-H74FQ9Cq.js'); }).then((mod)=>({
+const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-BYKkpc11.js'); }).then((mod)=>({
             default: mod.ProtectedPreviewPage
         })));
 const routes$1 = [
@@ -2277,25 +2335,25 @@ const routes$1 = [
     }
 ];
 
-const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-zSnDwLz3.js'); }).then((mod)=>({
+const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-CuQfZJDf.js'); }).then((mod)=>({
             default: mod.ProtectedEditViewPage
         })));
-const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-BtXYjEYz.js'); }).then((mod)=>({
+const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-CzUm2VJN.js'); }).then((mod)=>({
             default: mod.ProtectedListViewPage
         })));
-const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-DdTp-HxB.js'); }).then((mod)=>({
+const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-BbjJweN-.js'); }).then((mod)=>({
             default: mod.ProtectedListConfiguration
         })));
-const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-D0Ng758X.js'); }).then((mod)=>({
+const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-7w_-4jF4.js'); }).then((mod)=>({
             default: mod.ProtectedEditConfigurationPage
         })));
-const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-DXwOtpq1.js'); }).then((mod)=>({
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-CGn9IYeg.js'); }).then((mod)=>({
             default: mod.ProtectedComponentConfigurationPage
         })));
-const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-C5yWg70d.js'); }).then((mod)=>({
+const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-DmeyXtCk.js'); }).then((mod)=>({
             default: mod.NoPermissions
         })));
-const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-CVvVpwj4.js'); }).then((mod)=>({
+const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-FcLLn2Wt.js'); }).then((mod)=>({
             default: mod.NoContentType
         })));
 const CollectionTypePages = ()=>{
@@ -2431,6 +2489,7 @@ const DocumentActionButton = (action)=>{
                 variant: action.variant || 'default',
                 paddingTop: "7px",
                 paddingBottom: "7px",
+                loading: action.loading,
                 children: action.label
             }),
             action.dialog?.type === 'dialog' ? /*#__PURE__*/ jsxRuntime.jsx(DocumentActionConfirmDialog, {
@@ -2585,7 +2644,7 @@ const convertActionVariantToIconColor = (variant = 'secondary')=>{
             return 'primary600';
     }
 };
-const DocumentActionConfirmDialog = ({ onClose, onCancel, onConfirm, title, content, isOpen, variant = 'secondary' })=>{
+const DocumentActionConfirmDialog = ({ onClose, onCancel, onConfirm, title, content, isOpen, variant = 'secondary', loading })=>{
     const { formatMessage } = reactIntl.useIntl();
     const handleClose = async ()=>{
         if (onCancel) {
@@ -2626,6 +2685,7 @@ const DocumentActionConfirmDialog = ({ onClose, onCancel, onConfirm, title, cont
                             onClick: handleConfirm,
                             variant: variant,
                             fullWidth: true,
+                            loading: loading,
                             children: formatMessage({
                                 id: 'app.components.Button.confirm',
                                 defaultMessage: 'Confirm'
@@ -2680,8 +2740,8 @@ const transformData = (data)=>{
 };
 /* -------------------------------------------------------------------------------------------------
  * DocumentActionComponents
- * -----------------------------------------------------------------------------------------------*/ const PublishAction$1 = ({ activeTab, documentId, model, collectionType, meta, document })=>{
-    const { schema } = useDoc();
+ * -----------------------------------------------------------------------------------------------*/ const PublishAction$1 = ({ activeTab, documentId, model, collectionType, meta, document, onPreview })=>{
+    const schema = useDocumentContext('PublishAction', (state)=>state.document.schema);
     const navigate = reactRouterDom.useNavigate();
     const { toggleNotification } = strapiAdmin.useNotification();
     const { _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
@@ -2690,7 +2750,7 @@ const transformData = (data)=>{
     const { id } = reactRouterDom.useParams();
     const { formatMessage } = reactIntl.useIntl();
     const canPublish = useDocumentRBAC('PublishAction', ({ canPublish })=>canPublish);
-    const { publish } = useDocumentActions();
+    const { publish, isLoading } = useDocumentActions();
     const [countDraftRelations, { isLoading: isLoadingDraftRelations, isError: isErrorDraftRelations }] = useLazyGetDraftRelationCountQuery();
     const [localCountOfDraftRelations, setLocalCountOfDraftRelations] = React__namespace.useState(0);
     const [serverCountOfDraftRelations, setServerCountOfDraftRelations] = React__namespace.useState(0);
@@ -2704,6 +2764,8 @@ const transformData = (data)=>{
     const validate = strapiAdmin.useForm('PublishAction', (state)=>state.validate);
     const setErrors = strapiAdmin.useForm('PublishAction', (state)=>state.setErrors);
     const formValues = strapiAdmin.useForm('PublishAction', ({ values })=>values);
+    const rootDocumentMeta = useDocumentContext('PublishAction', (state)=>state.rootDocumentMeta);
+    const currentDocumentMeta = useDocumentContext('PublishAction', (state)=>state.meta);
     React__namespace.useEffect(()=>{
         if (isErrorDraftRelations) {
             toggleNotification({
@@ -2806,11 +2868,12 @@ const transformData = (data)=>{
                 });
                 return;
             }
+            const isPublishingRelation = rootDocumentMeta.documentId !== currentDocumentMeta.documentId;
             const res = await publish({
                 collectionType,
                 model,
                 documentId,
-                params
+                params: isPublishingRelation ? currentDocumentMeta.params : params
             }, transformData(formValues));
             if ('data' in res && collectionType !== SINGLE_TYPES) {
                 /**
@@ -2826,6 +2889,9 @@ const transformData = (data)=>{
             }
         } finally{
             setSubmitting(false);
+            if (onPreview) {
+                onPreview();
+            }
         }
     };
     const totalDraftRelations = localCountOfDraftRelations + serverCountOfDraftRelations;
@@ -2834,6 +2900,12 @@ const transformData = (data)=>{
     const enableDraftRelationsCount = false;
     const hasDraftRelations = enableDraftRelationsCount;
     return {
+        loading: isLoading,
+        position: [
+            'panel',
+            'preview',
+            'relation-modal'
+        ],
         /**
      * Disabled when:
      *  - currently if you're cloning a document we don't support publish & clone at the same time.
@@ -2871,15 +2943,19 @@ const transformData = (data)=>{
     };
 };
 PublishAction$1.type = 'publish';
-PublishAction$1.position = 'panel';
-const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
+PublishAction$1.position = [
+    'panel',
+    'preview',
+    'relation-modal'
+];
+const UpdateAction = ({ activeTab, documentId, model, collectionType, onPreview })=>{
     const navigate = reactRouterDom.useNavigate();
     const { toggleNotification } = strapiAdmin.useNotification();
     const { _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
     const cloneMatch = reactRouterDom.useMatch(CLONE_PATH);
     const isCloning = cloneMatch !== null;
     const { formatMessage } = reactIntl.useIntl();
-    const { create, update, clone } = useDocumentActions();
+    const { create, update, clone, isLoading } = useDocumentActions();
     const [{ query, rawQuery }] = strapiAdmin.useQueryParams();
     const params = React__namespace.useMemo(()=>buildValidParams(query), [
         query
@@ -2891,6 +2967,8 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     const validate = strapiAdmin.useForm('UpdateAction', (state)=>state.validate);
     const setErrors = strapiAdmin.useForm('UpdateAction', (state)=>state.setErrors);
     const resetForm = strapiAdmin.useForm('PublishAction', ({ resetForm })=>resetForm);
+    const rootDocumentMeta = useDocumentContext('UpdateAction', (state)=>state.rootDocumentMeta);
+    const currentDocumentMeta = useDocumentContext('UpdateAction', (state)=>state.meta);
     const handleUpdate = React__namespace.useCallback(async ()=>{
         setSubmitting(true);
         try {
@@ -2927,11 +3005,12 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
                     setErrors(formatValidationErrors(res.error));
                 }
             } else if (documentId || collectionType === SINGLE_TYPES) {
+                const isEditingRelation = rootDocumentMeta.documentId !== currentDocumentMeta.documentId;
                 const res = await update({
                     collectionType,
                     model,
                     documentId,
-                    params
+                    params: isEditingRelation ? currentDocumentMeta.params : params
                 }, transformData(document));
                 if ('error' in res && isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
                     setErrors(formatValidationErrors(res.error));
@@ -2957,6 +3036,9 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
             }
         } finally{
             setSubmitting(false);
+            if (onPreview) {
+                onPreview();
+            }
         }
     }, [
         clone,
@@ -2996,6 +3078,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
         handleUpdate
     ]);
     return {
+        loading: isLoading,
         /**
      * Disabled when:
      * - the form is submitting
@@ -3006,11 +3089,20 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
             id: 'global.save',
             defaultMessage: 'Save'
         }),
-        onClick: handleUpdate
+        onClick: handleUpdate,
+        position: [
+            'panel',
+            'preview',
+            'relation-modal'
+        ]
     };
 };
 UpdateAction.type = 'update';
-UpdateAction.position = 'panel';
+UpdateAction.position = [
+    'panel',
+    'preview',
+    'relation-modal'
+];
 const UNPUBLISH_DRAFT_OPTIONS = {
     KEEP: 'keep',
     DISCARD: 'discard'
@@ -3160,7 +3252,7 @@ const DiscardAction = ({ activeTab, documentId, model, collectionType, document
     const { formatMessage } = reactIntl.useIntl();
     const { schema } = useDoc();
     const canUpdate = useDocumentRBAC('DiscardAction', ({ canUpdate })=>canUpdate);
-    const { discard } = useDocumentActions();
+    const { discard, isLoading } = useDocumentActions();
     const [{ query }] = strapiAdmin.useQueryParams();
     const params = React__namespace.useMemo(()=>buildValidParams(query), [
         query
@@ -3206,6 +3298,7 @@ const DiscardAction = ({ activeTab, documentId, model, collectionType, document
                     })
                 ]
             }),
+            loading: isLoading,
             onConfirm: async ()=>{
                 await discard({
                     collectionType,
@@ -3300,6 +3393,8 @@ const capitalise = (str)=>str.charAt(0).toUpperCase() + str.slice(1);
         ...restProps,
         size: size,
         variant: statusVariant,
+        role: "status",
+        "aria-label": status,
         children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
             tag: "span",
             variant: "omega",
@@ -3642,7 +3737,7 @@ const DeleteAction$1 = ({ documentId, model, collectionType, document })=>{
     const { formatMessage } = reactIntl.useIntl();
     const listViewPathMatch = reactRouterDom.useMatch(LIST_PATH);
     const canDelete = useDocumentRBAC('DeleteAction', (state)=>state.canDelete);
-    const { delete: deleteAction } = useDocumentActions();
+    const { delete: deleteAction, isLoading } = useDocumentActions();
     const { toggleNotification } = strapiAdmin.useNotification();
     const setSubmitting = strapiAdmin.useForm('DeleteAction', (state)=>state.setSubmitting);
     const isLocalized = document?.locale != null;
@@ -3681,6 +3776,7 @@ const DeleteAction$1 = ({ documentId, model, collectionType, document })=>{
                     })
                 ]
             }),
+            loading: isLoading,
             onConfirm: async ()=>{
                 /**
          * If we have a match, we're in the list view
@@ -4362,7 +4458,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
         schema
     ]);
     const [isDialogOpen, setIsDialogOpen] = React__namespace.useState(false);
-    const { publishMany: bulkPublishAction } = useDocumentActions();
+    const { publishMany: bulkPublishAction, isLoading: isPublishing } = useDocumentActions();
     const [, { isLoading: isSubmittingForm }] = usePublishManyDocumentsMutation();
     const selectedRows = strapiAdmin.useTable('publishAction', (state)=>state.selectedRows);
     // Filter selected entries from the updated modal table rows
@@ -4434,7 +4530,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
                             /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
                                 onClick: toggleDialog,
                                 disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublishedCount === selectedEntries.length || isLoading,
-                                loading: isSubmittingForm,
+                                loading: isPublishing || isSubmittingForm,
                                 children: formatMessage({
                                     id: 'app.utils.publish',
                                     defaultMessage: 'Publish'
@@ -4447,7 +4543,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
             /*#__PURE__*/ jsxRuntime.jsx(ConfirmDialogPublishAll, {
                 isOpen: isDialogOpen,
                 onToggleDialog: toggleDialog,
-                isConfirmButtonLoading: isSubmittingForm,
+                isConfirmButtonLoading: isPublishing || isSubmittingForm,
                 onConfirm: handleConfirmBulkPublish
             })
         ]
@@ -4539,7 +4635,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
         query
     ]);
     const hasDeletePermission = useDocumentRBAC('deleteAction', (state)=>state.canDelete);
-    const { deleteMany: bulkDeleteAction } = useDocumentActions();
+    const { deleteMany: bulkDeleteAction, isLoading } = useDocumentActions();
     const documentIds = documents.map(({ documentId })=>documentId);
     const handleConfirmBulkDelete = async ()=>{
         const res = await bulkDeleteAction({
@@ -4564,6 +4660,7 @@ const SelectedEntriesModalContent = ({ listViewSelectedEntries, toggleModal, set
                 id: 'app.components.ConfirmDialog.title',
                 defaultMessage: 'Confirmation'
             }),
+            loading: isLoading,
             content: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                 direction: "column",
                 alignItems: "stretch",
@@ -4612,7 +4709,7 @@ const UnpublishAction = ({ documents, model })=>{
     const hasPublishPermission = useDocumentRBAC('unpublishAction', (state)=>state.canPublish);
     const hasI18nEnabled = Boolean(schema?.pluginOptions?.i18n);
     const hasDraftAndPublishEnabled = Boolean(schema?.options?.draftAndPublish);
-    const { unpublishMany: bulkUnpublishAction } = useDocumentActions();
+    const { unpublishMany: bulkUnpublishAction, isLoading } = useDocumentActions();
     const documentIds = documents.map(({ documentId })=>documentId);
     const [{ query }] = strapiAdmin.useQueryParams();
     const params = React__namespace.useMemo(()=>buildValidParams(query), [
@@ -4642,6 +4739,7 @@ const UnpublishAction = ({ documents, model })=>{
                 id: 'app.components.ConfirmDialog.title',
                 defaultMessage: 'Confirmation'
             }),
+            loading: isLoading,
             content: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                 direction: "column",
                 alignItems: "stretch",
@@ -5023,9 +5121,11 @@ const DEFAULT_TABLE_ROW_ACTIONS = [
            * The response should still be filtered by the position, as the static property is new
            * and not mandatory to avoid a breaking change.
            */ if (position) {
-                        return this.documentActions.filter((action)=>action.position == undefined || [
+                        return this.documentActions.filter((action)=>{
+                            return action.position == undefined || [
                                 action.position
-                            ].flat().includes(position));
+                            ].flat().includes(position);
+                        });
                     }
                     return this.documentActions;
                 },
@@ -5277,7 +5377,7 @@ function __variableDynamicImportRuntime1__(path) {
     case './translations/ca.json': return Promise.resolve().then(function () { return require('./ca-ClDTvatJ.js'); });
     case './translations/cs.json': return Promise.resolve().then(function () { return require('./cs-BJFxwIWj.js'); });
     case './translations/de.json': return Promise.resolve().then(function () { return require('./de-CbImAUA5.js'); });
-    case './translations/en.json': return Promise.resolve().then(function () { return require('./en-C1CjdAtC.js'); });
+    case './translations/en.json': return Promise.resolve().then(function () { return require('./en-G976DLsg.js'); });
     case './translations/es.json': return Promise.resolve().then(function () { return require('./es-C8vLuvZL.js'); });
     case './translations/eu.json': return Promise.resolve().then(function () { return require('./eu-BJW3AvXu.js'); });
     case './translations/fr.json': return Promise.resolve().then(function () { return require('./fr-gQSilC7w.js'); });
@@ -5300,7 +5400,7 @@ function __variableDynamicImportRuntime1__(path) {
     case './translations/sv.json': return Promise.resolve().then(function () { return require('./sv-BstBC1Yp.js'); });
     case './translations/th.json': return Promise.resolve().then(function () { return require('./th-lXoOCqPC.js'); });
     case './translations/tr.json': return Promise.resolve().then(function () { return require('./tr-CkS6sLIE.js'); });
-    case './translations/uk.json': return Promise.resolve().then(function () { return require('./uk-B24MoTVg.js'); });
+    case './translations/uk.json': return Promise.resolve().then(function () { return require('./uk-DB6OgySY.js'); });
     case './translations/vi.json': return Promise.resolve().then(function () { return require('./vi-BGr1X_HZ.js'); });
     case './translations/zh-Hans.json': return Promise.resolve().then(function () { return require('./zh-Hans-JVK9x7xr.js'); });
     case './translations/zh.json': return Promise.resolve().then(function () { return require('./zh-DwFu_Kfj.js'); });
@@ -5331,7 +5431,7 @@ var index = {
         app.router.addRoute({
             path: 'content-manager/*',
             lazy: async ()=>{
-                const { Layout } = await Promise.resolve().then(function () { return require('./layout-ameRNiAM.js'); });
+                const { Layout } = await Promise.resolve().then(function () { return require('./layout-Cr0HaJVS.js'); });
                 return {
                     Component: Layout
                 };
@@ -5372,6 +5472,8 @@ exports.CLONE_PATH = CLONE_PATH;
 exports.COLLECTION_TYPES = COLLECTION_TYPES;
 exports.CREATOR_FIELDS = CREATOR_FIELDS;
 exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
+exports.DocumentActionButton = DocumentActionButton;
+exports.DocumentContextProvider = DocumentContextProvider;
 exports.DocumentRBAC = DocumentRBAC;
 exports.DocumentStatus = DocumentStatus;
 exports.HOOKS = HOOKS;
@@ -5405,6 +5507,7 @@ exports.useDoc = useDoc;
 exports.useDocLayout = useDocLayout;
 exports.useDocument = useDocument;
 exports.useDocumentActions = useDocumentActions;
+exports.useDocumentContext = useDocumentContext;
 exports.useDocumentLayout = useDocumentLayout;
 exports.useDocumentRBAC = useDocumentRBAC;
 exports.useGetAllContentTypeSettingsQuery = useGetAllContentTypeSettingsQuery;
@@ -5412,5 +5515,6 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
+exports.useLazyGetDocumentQuery = useLazyGetDocumentQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-ZIwOPk6p.js.map
+//# sourceMappingURL=index-BwIhYBsG.js.map