@strapi/content-manager 0.0.0-next.be26954af35e0d908e06277f686a3d86886c7a19 → 0.0.0-next.becb1565a20b0d3fbd0e2d79455c09c2f9f46808

package/dist/admin/pages/EditView/components/DocumentActions.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import { useNotification, useAPIErrorHandler, useQueryParams, useForm } from '@strapi/admin/strapi-admin';
+import { tours, useNotification, useAPIErrorHandler, useQueryParams, useForm, useGuidedTour, GUIDED_TOUR_REQUIRED_ACTIONS } from '@strapi/admin/strapi-admin';
 import { Flex, Button, Menu, VisuallyHidden, Dialog, Modal, Typography, Radio } from '@strapi/design-system';
 import { More, Cross, WarningCircle } from '@strapi/icons';
 import mapValues from 'lodash/fp/mapValues';
@@ -20,6 +20,7 @@ import { LIST_PATH, CLONE_PATH } from '../../../router.mjs';
 import { useGetDraftRelationCountQuery as useLazyGetDraftRelationCountQuery, useUpdateDocumentMutation } from '../../../services/documents.mjs';
 import { isBaseQueryError, buildValidParams } from '../../../utils/api.mjs';
 import { getTranslation } from '../../../utils/translations.mjs';
+import { handleInvisibleAttributes } from '../utils/data.mjs';
 import { useRelationModal } from './FormInputs/Relations/RelationModal.mjs';
 
 const connectRelationToParent = (parentDataToUpdate, fieldToConnect, data, fieldToConnectUID)=>{
@@ -74,23 +75,33 @@ const DocumentActions = ({ actions })=>{
         alignItems: "stretch",
         width: "100%",
         children: [
-            /*#__PURE__*/ jsxs(Flex, {
-                gap: 2,
-                children: [
-                    /*#__PURE__*/ jsx(DocumentActionButton, {
-                        ...primaryAction,
-                        variant: primaryAction.variant || 'default'
-                    }),
-                    restActions.length > 0 ? /*#__PURE__*/ jsx(DocumentActionsMenu, {
-                        actions: restActions,
-                        label: formatMessage({
-                            id: 'content-manager.containers.edit.panels.default.more-actions',
-                            defaultMessage: 'More document actions'
-                        })
-                    }) : null
-                ]
+            /*#__PURE__*/ jsx(tours.contentManager.Publish, {
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    gap: 2,
+                    children: [
+                        primaryAction.label === 'Publish' ? /*#__PURE__*/ jsx(DocumentActionButton, {
+                            ...primaryAction,
+                            variant: primaryAction.variant || 'default'
+                        }) : /*#__PURE__*/ jsx(DocumentActionButton, {
+                            ...primaryAction,
+                            variant: primaryAction.variant || 'default'
+                        }),
+                        restActions.length > 0 ? /*#__PURE__*/ jsx(DocumentActionsMenu, {
+                            actions: restActions,
+                            label: formatMessage({
+                                id: 'content-manager.containers.edit.panels.default.more-actions',
+                                defaultMessage: 'More document actions'
+                            })
+                        }) : null
+                    ]
+                })
             }),
-            secondaryAction ? /*#__PURE__*/ jsx(DocumentActionButton, {
+            secondaryAction ? secondaryAction.label === 'Publish' ? /*#__PURE__*/ jsx(tours.contentManager.Publish, {
+                children: /*#__PURE__*/ jsx(DocumentActionButton, {
+                    ...secondaryAction,
+                    variant: secondaryAction.variant || 'secondary'
+                })
+            }) : /*#__PURE__*/ jsx(DocumentActionButton, {
                 ...secondaryAction,
                 variant: secondaryAction.variant || 'secondary'
             }) : null
@@ -375,6 +386,7 @@ const transformData = (data)=>{
     const setErrors = useForm('PublishAction', (state)=>state.setErrors);
     const formValues = useForm('PublishAction', ({ values })=>values);
     const resetForm = useForm('PublishAction', ({ resetForm })=>resetForm);
+    const { currentDocument: { components } } = useDocumentContext('PublishAction');
     // need to discriminate if the publish is coming from a relation modal or in the edit view
     const relationContext = useRelationModal('PublishAction', ()=>true, false);
     const fromRelationModal = relationContext != undefined;
@@ -383,6 +395,7 @@ const transformData = (data)=>{
     const fieldToConnectUID = useRelationModal('PublishAction', (state)=>state.state.fieldToConnectUID, false);
     const documentHistory = useRelationModal('PublishAction', (state)=>state.state.documentHistory, false);
     const rootDocumentMeta = useRelationModal('PublishAction', (state)=>state.rootDocumentMeta);
+    const dispatchGuidedTour = useGuidedTour('PublishAction', (s)=>s.dispatch);
     const { currentDocumentMeta } = useDocumentContext('PublishAction');
     const [updateDocumentMutation] = useUpdateDocumentMutation();
     const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
@@ -513,15 +526,25 @@ const transformData = (data)=>{
                 }
                 return;
             }
+            const { data } = handleInvisibleAttributes(transformData(formValues), {
+                schema,
+                components
+            });
             const res = await publish({
                 collectionType,
                 model,
                 documentId,
                 params: currentDocumentMeta.params
-            }, transformData(formValues));
+            }, data);
             // Reset form if successful
             if ('data' in res) {
                 resetForm();
+                dispatchGuidedTour({
+                    type: 'set_completed_actions',
+                    payload: [
+                        GUIDED_TOUR_REQUIRED_ACTIONS.contentManager.createContent
+                    ]
+                });
             }
             if ('data' in res && collectionType !== SINGLE_TYPES) {
                 /**
@@ -645,6 +668,7 @@ PublishAction.position = [
     'relation-modal'
 ];
 const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
+    const dispatchGuidedTour = useGuidedTour('UpdateAction', (s)=>s.dispatch);
     const navigate = useNavigate();
     const { toggleNotification } = useNotification();
     const { _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
@@ -652,12 +676,14 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     const isCloning = cloneMatch !== null;
     const { formatMessage } = useIntl();
     const { create, update, clone, isLoading } = useDocumentActions();
+    const { currentDocument: { components } } = useDocumentContext('UpdateAction');
     const [{ rawQuery }] = useQueryParams();
     const onPreview = usePreviewContext('UpdateAction', (state)=>state.onPreview, false);
     const { getInitialFormValues } = useDoc();
     const isSubmitting = useForm('UpdateAction', ({ isSubmitting })=>isSubmitting);
     const modified = useForm('UpdateAction', ({ modified })=>modified);
     const setSubmitting = useForm('UpdateAction', ({ setSubmitting })=>setSubmitting);
+    const initialValues = useForm('UpdateAction', ({ initialValues })=>initialValues);
     const document = useForm('UpdateAction', ({ values })=>values);
     const validate = useForm('UpdateAction', (state)=>state.validate);
     const setErrors = useForm('UpdateAction', (state)=>state.setErrors);
@@ -665,6 +691,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     const dispatch = useRelationModal('UpdateAction', (state)=>state.dispatch);
     // need to discriminate if the update is coming from a relation modal or in the edit view
     const relationContext = useRelationModal('UpdateAction', ()=>true, false);
+    const relationalModalSchema = useRelationModal('UpdateAction', (state)=>state.currentDocument.schema, false);
     const fieldToConnect = useRelationModal('UpdateAction', (state)=>state.state.fieldToConnect, false);
     const fieldToConnectUID = useRelationModal('PublishAction', (state)=>state.state.fieldToConnectUID, false);
     const documentHistory = useRelationModal('UpdateAction', (state)=>state.state.documentHistory, false);
@@ -682,6 +709,7 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
     }, {
         skip: !parentDocumentMetaToUpdate
     });
+    const { schema } = useDoc();
     const handleUpdate = React.useCallback(async ()=>{
         setSubmitting(true);
         try {
@@ -718,22 +746,32 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
                     setErrors(formatValidationErrors(res.error));
                 }
             } else if (documentId || collectionType === SINGLE_TYPES) {
+                const { data } = handleInvisibleAttributes(transformData(document), {
+                    schema: fromRelationModal ? relationalModalSchema : schema,
+                    initialValues,
+                    components
+                });
                 const res = await update({
                     collectionType,
                     model,
                     documentId,
                     params: currentDocumentMeta.params
-                }, transformData(document));
+                }, data);
                 if ('error' in res && isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
                     setErrors(formatValidationErrors(res.error));
                 } else {
                     resetForm();
                 }
             } else {
+                const { data } = handleInvisibleAttributes(transformData(document), {
+                    schema: fromRelationModal ? relationalModalSchema : schema,
+                    initialValues,
+                    components
+                });
                 const res = await create({
                     model,
                     params: currentDocumentMeta.params
-                }, transformData(document));
+                }, data);
                 if ('data' in res && collectionType !== SINGLE_TYPES) {
                     if (fromRelationModal) {
                         const createdRelation = {
@@ -798,6 +836,12 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
                 }
             }
         } finally{
+            dispatchGuidedTour({
+                type: 'set_completed_actions',
+                payload: [
+                    GUIDED_TOUR_REQUIRED_ACTIONS.contentManager.createContent
+                ]
+            });
             setSubmitting(false);
             if (onPreview) {
                 onPreview();
@@ -834,7 +878,12 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType })=>{
         fieldToConnectUID,
         updateDocumentMutation,
         formatAPIError,
-        onPreview
+        onPreview,
+        initialValues,
+        schema,
+        components,
+        relationalModalSchema,
+        dispatchGuidedTour
     ]);
     // Auto-save on CMD+S or CMD+Enter on macOS, and CTRL+S or CTRL+Enter on Windows/Linux
     React.useEffect(()=>{