@strapi/content-manager 0.0.0-next.e98ae27d8c69c68823eb7c46cf329385637ba393 → 0.0.0-next.eb48c73c86cbc452c1ba8d727106f9ed9da0c834

package/dist/admin/chunks/{index-DfX0uEQT.js → index-Cmh0Byay.js}

@@ -119,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__'
@@ -1525,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
     });
@@ -1624,7 +1528,8 @@ const checkIfAttributeIsDisplayable = (attribute)=>{
         schemas,
         validate,
         getTitle,
-        getInitialFormValues
+        getInitialFormValues,
+        refetch
     };
 };
 /* -------------------------------------------------------------------------------------------------
@@ -1697,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];
@@ -1731,7 +1774,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
  * ```
  *
  * @see {@link https://contributor.strapi.io/docs/core/content-manager/hooks/use-document-operations} for more information
- */ const useDocumentActions = ()=>{
+ */ const useDocumentActions = (fromPreview = false, fromRelationModal = false)=>{
     const { toggleNotification } = strapiAdmin.useNotification();
     const { formatMessage } = reactIntl.useIntl();
     const { trackUsage } = strapiAdmin.useTracking();
@@ -1869,7 +1912,9 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     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,
@@ -1886,7 +1931,11 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
                     error: res.error
                 };
             }
-            trackUsage('didPublishEntry');
+            trackUsage('didPublishEntry', {
+                documentId,
+                fromPreview,
+                fromRelationModal
+            });
             toggleNotification({
                 type: 'success',
                 message: formatMessage({
@@ -1905,6 +1954,8 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     }, [
         trackUsage,
         publishDocument,
+        fromPreview,
+        fromRelationModal,
         toggleNotification,
         formatMessage,
         formatAPIError
@@ -1973,7 +2024,12 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
                     error: res.error
                 };
             }
-            trackUsage('didEditEntry', trackerProperty);
+            trackUsage('didEditEntry', {
+                ...trackerProperty,
+                documentId: res.data.data.documentId,
+                fromPreview,
+                fromRelationModal
+            });
             toggleNotification({
                 type: 'success',
                 message: formatMessage({
@@ -1996,6 +2052,8 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     }, [
         trackUsage,
         updateDocument,
+        fromPreview,
+        fromRelationModal,
         toggleNotification,
         formatMessage,
         formatAPIError
@@ -2109,7 +2167,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({
@@ -2134,6 +2195,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
         createDocument,
         formatAPIError,
         formatMessage,
+        setCurrentStep,
         toggleNotification,
         trackUsage
     ]);
@@ -2252,7 +2314,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     };
 };
 
-const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-CfsF-U-3.js'); }).then((mod)=>({
+const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-D99wxPry.js'); }).then((mod)=>({
             default: mod.ProtectedHistoryPage
         })));
 /**
@@ -2268,7 +2330,7 @@ const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.res
     }
 ];
 
-const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-Bz2dgOiw.js'); }).then((mod)=>({
+const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-CSU1sCSK.js'); }).then((mod)=>({
             default: mod.ProtectedPreviewPage
         })));
 const routes$1 = [
@@ -2282,25 +2344,25 @@ const routes$1 = [
     }
 ];
 
-const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-Dk8CeS40.js'); }).then((mod)=>({
+const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-CiYAHBOX.js'); }).then((mod)=>({
             default: mod.ProtectedEditViewPage
         })));
-const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-DQYvHCxn.js'); }).then((mod)=>({
+const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-CaBwwCVc.js'); }).then((mod)=>({
             default: mod.ProtectedListViewPage
         })));
-const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-nZti--Mw.js'); }).then((mod)=>({
+const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-pAdM7Lbn.js'); }).then((mod)=>({
             default: mod.ProtectedListConfiguration
         })));
-const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-CRxsqOhS.js'); }).then((mod)=>({
+const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-C62WuGTf.js'); }).then((mod)=>({
             default: mod.ProtectedEditConfigurationPage
         })));
-const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-Bn-SMKJG.js'); }).then((mod)=>({
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-B-gE3kXG.js'); }).then((mod)=>({
             default: mod.ProtectedComponentConfigurationPage
         })));
-const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-H4SAlJeF.js'); }).then((mod)=>({
+const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-iVMEcUp0.js'); }).then((mod)=>({
             default: mod.NoPermissions
         })));
-const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-ChYgz3sN.js'); }).then((mod)=>({
+const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-DLD28j4F.js'); }).then((mod)=>({
             default: mod.NoContentType
         })));
 const CollectionTypePages = ()=>{
@@ -2687,8 +2749,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, fromPreview = false, fromRelationModal = false })=>{
+    const schema = useDocumentContext('PublishAction', (state)=>state.document.schema);
     const navigate = reactRouterDom.useNavigate();
     const { toggleNotification } = strapiAdmin.useNotification();
     const { _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
@@ -2697,7 +2759,7 @@ const transformData = (data)=>{
     const { id } = reactRouterDom.useParams();
     const { formatMessage } = reactIntl.useIntl();
     const canPublish = useDocumentRBAC('PublishAction', ({ canPublish })=>canPublish);
-    const { publish, isLoading } = useDocumentActions();
+    const { publish, isLoading } = useDocumentActions(fromPreview, fromRelationModal);
     const [countDraftRelations, { isLoading: isLoadingDraftRelations, isError: isErrorDraftRelations }] = useLazyGetDraftRelationCountQuery();
     const [localCountOfDraftRelations, setLocalCountOfDraftRelations] = React__namespace.useState(0);
     const [serverCountOfDraftRelations, setServerCountOfDraftRelations] = React__namespace.useState(0);
@@ -2711,6 +2773,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({
@@ -2813,11 +2877,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) {
                 /**
@@ -2833,6 +2898,9 @@ const transformData = (data)=>{
             }
         } finally{
             setSubmitting(false);
+            if (onPreview) {
+                onPreview();
+            }
         }
     };
     const totalDraftRelations = localCountOfDraftRelations + serverCountOfDraftRelations;
@@ -2844,7 +2912,8 @@ const transformData = (data)=>{
         loading: isLoading,
         position: [
             'panel',
-            'preview'
+            'preview',
+            'relation-modal'
         ],
         /**
      * Disabled when:
@@ -2885,16 +2954,17 @@ const transformData = (data)=>{
 PublishAction$1.type = 'publish';
 PublishAction$1.position = [
     'panel',
-    'preview'
+    'preview',
+    'relation-modal'
 ];
-const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
+const UpdateAction = ({ activeTab, documentId, model, collectionType, onPreview, fromPreview = false, fromRelationModal = false })=>{
     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, isLoading } = useDocumentActions();
+    const { create, update, clone, isLoading } = useDocumentActions(fromPreview, fromRelationModal);
     const [{ query, rawQuery }] = strapiAdmin.useQueryParams();
     const params = React__namespace.useMemo(()=>buildValidParams(query), [
         query
@@ -2906,6 +2976,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 {
@@ -2942,11 +3014,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));
@@ -2972,12 +3045,17 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
             }
         } finally{
             setSubmitting(false);
+            if (onPreview) {
+                onPreview();
+            }
         }
     }, [
         clone,
         cloneMatch?.params.origin,
         collectionType,
         create,
+        currentDocumentMeta.documentId,
+        currentDocumentMeta.params,
         document,
         documentId,
         formatMessage,
@@ -2986,9 +3064,11 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
         model,
         modified,
         navigate,
+        onPreview,
         params,
         rawQuery,
         resetForm,
+        rootDocumentMeta.documentId,
         setErrors,
         setSubmitting,
         toggleNotification,
@@ -3025,14 +3105,16 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
         onClick: handleUpdate,
         position: [
             'panel',
-            'preview'
+            'preview',
+            'relation-modal'
         ]
     };
 };
 UpdateAction.type = 'update';
 UpdateAction.position = [
     'panel',
-    'preview'
+    'preview',
+    'relation-modal'
 ];
 const UNPUBLISH_DRAFT_OPTIONS = {
     KEEP: 'keep',
@@ -3325,12 +3407,11 @@ const capitalise = (str)=>str.charAt(0).toUpperCase() + str.slice(1);
         size: size,
         variant: statusVariant,
         role: "status",
-        "aria-labelledby": "document-status",
+        "aria-label": status,
         children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
             tag: "span",
             variant: "omega",
             fontWeight: "bold",
-            id: "document-status",
             children: formatMessage({
                 id: `content-manager.containers.List.${status}`,
                 defaultMessage: capitalise(status)
@@ -5309,7 +5390,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-CLf4SuMQ.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'); });
@@ -5334,7 +5415,7 @@ function __variableDynamicImportRuntime1__(path) {
     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-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-Hans.json': return Promise.resolve().then(function () { return require('./zh-Hans-Djj7eGpO.js'); });
     case './translations/zh.json': return Promise.resolve().then(function () { return require('./zh-DwFu_Kfj.js'); });
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
@@ -5363,7 +5444,7 @@ var index = {
         app.router.addRoute({
             path: 'content-manager/*',
             lazy: async ()=>{
-                const { Layout } = await Promise.resolve().then(function () { return require('./layout-B4Uk0v1z.js'); });
+                const { Layout } = await Promise.resolve().then(function () { return require('./layout-DuH1v82S.js'); });
                 return {
                     Component: Layout
                 };
@@ -5405,6 +5486,7 @@ 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;
@@ -5438,6 +5520,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;
@@ -5445,5 +5528,6 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
+exports.useLazyGetDocumentQuery = useLazyGetDocumentQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-DfX0uEQT.js.map
+//# sourceMappingURL=index-Cmh0Byay.js.map