@strapi/review-workflows 0.0.0-next.c22d1aa5024dc77092c3df7e990ad89dcd79e7b0 → 0.0.0-next.c57731c6e91ae024fa544ad986d80a3c4a489dbf

package/dist/admin/chunks/{index-Df6sZesT.js → index-2VGAYchq.mjs}

@@ -1,10 +1,10 @@
-import { lightTheme, Field, Combobox, ComboboxOption, Modal, Typography, Flex, Box, IconButton, LinkButton, SingleSelect, Loader, SingleSelectOption } from '@strapi/design-system';
+import { lightTheme, Field, VisuallyHidden, Combobox, ComboboxOption, Modal, Typography, Flex, Box, IconButton, LinkButton, Tooltip, SingleSelect, Loader, SingleSelectOption } from '@strapi/design-system';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { unstable_useDocument, unstable_useDocumentLayout } from '@strapi/content-manager/strapi-admin';
-import { useIntl } from 'react-intl';
 import { useParams } from 'react-router-dom';
 import * as React from 'react';
 import { adminApi, useAPIErrorHandler, useNotification, useRBAC, useQueryParams, useAdminUsers } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
 import { useSelector } from 'react-redux';
 import { useLicenseLimits } from '@strapi/admin/strapi-admin/ee';
 import { Cross } from '@strapi/icons';
@@ -154,7 +154,7 @@ const isBaseQueryError = (error)=>{
 const STAGE_ATTRIBUTE_NAME = 'strapi_stage';
 const ASSIGNEE_ATTRIBUTE_NAME = 'strapi_assignee';
 
-const AssigneeSelect = ()=>{
+const AssigneeSelect = ({ isCompact })=>{
     const { collectionType = '', id, slug: model = '' } = useParams();
     const permissions = useTypedSelector((state)=>state.admin_app.permissions);
     const { formatMessage } = useIntl();
@@ -165,7 +165,7 @@ const AssigneeSelect = ()=>{
     const params = React.useMemo(()=>buildValidParams(query), [
         query
     ]);
-    const { data, isLoading, isError } = useAdminUsers(undefined, {
+    const { data, isLoading: isLoadingUsers, isError } = useAdminUsers(undefined, {
         skip: isLoadingPermissions || !canRead
     });
     const { document } = unstable_useDocument({
@@ -204,7 +204,57 @@ const AssigneeSelect = ()=>{
                 })
             });
         }
+        if (isCompact && 'error' in res) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(res.error)
+            });
+        }
     };
+    const isDisabled = !isLoadingPermissions && !isLoadingUsers && users.length === 0 || !document.documentId;
+    const isLoading = isLoadingUsers || isLoadingPermissions || isMutating;
+    const assigneeLabel = formatMessage({
+        id: 'content-manager.reviewWorkflows.assignee.label',
+        defaultMessage: 'Assignee'
+    });
+    const assigneeClearLabel = formatMessage({
+        id: 'content-manager.reviewWorkflows.assignee.clear',
+        defaultMessage: 'Clear assignee'
+    });
+    const assigneePlaceholder = formatMessage({
+        id: 'content-manager.reviewWorkflows.assignee.placeholder',
+        defaultMessage: 'Select…'
+    });
+    if (isCompact) {
+        return /*#__PURE__*/ jsxs(Field.Root, {
+            name: ASSIGNEE_ATTRIBUTE_NAME,
+            id: ASSIGNEE_ATTRIBUTE_NAME,
+            children: [
+                /*#__PURE__*/ jsx(VisuallyHidden, {
+                    children: /*#__PURE__*/ jsx(Field.Label, {
+                        children: assigneeLabel
+                    })
+                }),
+                /*#__PURE__*/ jsx(Combobox, {
+                    clearLabel: assigneeClearLabel,
+                    disabled: isDisabled,
+                    value: currentAssignee ? currentAssignee.id.toString() : null,
+                    onChange: handleChange,
+                    onClear: ()=>handleChange(null),
+                    placeholder: assigneePlaceholder,
+                    loading: isLoading || isLoadingPermissions || isMutating,
+                    size: "S",
+                    children: users.map((user)=>{
+                        return /*#__PURE__*/ jsx(ComboboxOption, {
+                            value: user.id.toString(),
+                            textValue: getDisplayName(user),
+                            children: getDisplayName(user)
+                        }, user.id);
+                    })
+                })
+            ]
+        });
+    }
     return /*#__PURE__*/ jsxs(Field.Root, {
         name: ASSIGNEE_ATTRIBUTE_NAME,
         id: ASSIGNEE_ATTRIBUTE_NAME,
@@ -214,24 +264,15 @@ const AssigneeSelect = ()=>{
         }) || error && formatAPIError(error)) ?? undefined,
         children: [
             /*#__PURE__*/ jsx(Field.Label, {
-                children: formatMessage({
-                    id: 'content-manager.reviewWorkflows.assignee.label',
-                    defaultMessage: 'Assignee'
-                })
+                children: assigneeLabel
             }),
             /*#__PURE__*/ jsx(Combobox, {
-                clearLabel: formatMessage({
-                    id: 'content-manager.reviewWorkflows.assignee.clear',
-                    defaultMessage: 'Clear assignee'
-                }),
+                clearLabel: assigneeClearLabel,
                 disabled: !isLoadingPermissions && !isLoading && users.length === 0 || !document.documentId,
                 value: currentAssignee ? currentAssignee.id.toString() : null,
                 onChange: handleChange,
                 onClear: ()=>handleChange(null),
-                placeholder: formatMessage({
-                    id: 'content-manager.reviewWorkflows.assignee.placeholder',
-                    defaultMessage: 'Select…'
-                }),
+                placeholder: assigneePlaceholder,
                 loading: isLoading || isLoadingPermissions || isMutating,
                 children: users.map((user)=>{
                     return /*#__PURE__*/ jsx(ComboboxOption, {
@@ -401,7 +442,115 @@ const AVAILABLE_COLORS = Object.entries(STAGE_COLORS).map(([themeColorName, name
         name
     }));
 
-const StageSelect = ()=>{
+/* -------------------------------------------------------------------------------------------------
+ * LimitModals
+ * -----------------------------------------------------------------------------------------------*/ const WorkflowLimitModal = ({ open, onOpenChange })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(LimitsModal.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: [
+            /*#__PURE__*/ jsx(LimitsModal.Title, {
+                children: formatMessage({
+                    id: 'content-manager.reviewWorkflows.workflows.limit.title',
+                    defaultMessage: 'You’ve reached the limit of workflows in your plan'
+                })
+            }),
+            /*#__PURE__*/ jsx(LimitsModal.Body, {
+                children: formatMessage({
+                    id: 'content-manager.reviewWorkflows.workflows.limit.body',
+                    defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.'
+                })
+            })
+        ]
+    });
+};
+const StageLimitModal = ({ open, onOpenChange })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(LimitsModal.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: [
+            /*#__PURE__*/ jsx(LimitsModal.Title, {
+                children: formatMessage({
+                    id: 'content-manager.reviewWorkflows.stages.limit.title',
+                    defaultMessage: 'You have reached the limit of stages for this workflow in your plan'
+                })
+            }),
+            /*#__PURE__*/ jsx(LimitsModal.Body, {
+                children: formatMessage({
+                    id: 'content-manager.reviewWorkflows.stages.limit.body',
+                    defaultMessage: 'Try deleting some stages or contact Sales to enable more stages.'
+                })
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * StageSelect
+ * -----------------------------------------------------------------------------------------------*/ const Select = ({ stages, activeWorkflowStage, isLoading, ...props })=>{
+    const { formatMessage } = useIntl();
+    const { themeColorName } = getStageColorByHex(activeWorkflowStage?.color) ?? {};
+    return /*#__PURE__*/ jsx(SingleSelect, {
+        disabled: stages.length === 0,
+        placeholder: formatMessage({
+            id: 'content-manager.reviewWorkflows.assignee.placeholder',
+            defaultMessage: 'Select…'
+        }),
+        startIcon: activeWorkflowStage && /*#__PURE__*/ jsx(Flex, {
+            tag: "span",
+            height: 2,
+            background: activeWorkflowStage?.color,
+            borderColor: themeColorName === 'neutral0' ? 'neutral150' : undefined,
+            hasRadius: true,
+            shrink: 0,
+            width: 2,
+            marginRight: "-3px"
+        }),
+        // @ts-expect-error – `customizeContent` is not correctly typed in the DS.
+        customizeContent: ()=>{
+            return /*#__PURE__*/ jsxs(Flex, {
+                tag: "span",
+                justifyContent: "space-between",
+                alignItems: "center",
+                width: "100%",
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        textColor: "neutral800",
+                        ellipsis: true,
+                        lineHeight: "inherit",
+                        children: activeWorkflowStage?.name ?? ''
+                    }),
+                    isLoading ? /*#__PURE__*/ jsx(Loader, {
+                        small: true,
+                        style: {
+                            display: 'flex'
+                        },
+                        "data-testid": "loader"
+                    }) : null
+                ]
+            });
+        },
+        ...props,
+        children: stages.map(({ id, color, name })=>{
+            const { themeColorName } = getStageColorByHex(color) ?? {};
+            return /*#__PURE__*/ jsx(SingleSelectOption, {
+                startIcon: /*#__PURE__*/ jsx(Flex, {
+                    height: 2,
+                    background: color,
+                    borderColor: themeColorName === 'neutral0' ? 'neutral150' : undefined,
+                    hasRadius: true,
+                    shrink: 0,
+                    width: 2
+                }),
+                value: id,
+                textValue: name,
+                children: name
+            }, id);
+        })
+    });
+};
+const StageSelect = ({ isCompact })=>{
     const { collectionType = '', slug: model = '', id = '' } = useParams();
     const { formatMessage } = useIntl();
     const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
@@ -474,6 +623,12 @@ const StageSelect = ()=>{
                             })
                         });
                     }
+                    if (isCompact && 'error' in res) {
+                        toggleNotification({
+                            type: 'danger',
+                            message: formatAPIError(res.error)
+                        });
+                    }
                 }
             }
         } catch (error) {
@@ -486,127 +641,118 @@ const StageSelect = ()=>{
             });
         }
     };
-    const { themeColorName } = getStageColorByHex(activeWorkflowStage?.color) ?? {};
     const isLoading = isLoadingStages || isLoadingDocument;
+    const reviewStageLabel = formatMessage({
+        id: 'content-manager.reviewWorkflows.stage.label',
+        defaultMessage: 'Review stage'
+    });
+    const reviewStageHint = !isLoading && stages.length === 0 && // TODO: Handle errors and hints
+    formatMessage({
+        id: 'content-manager.reviewWorkflows.stages.no-transition',
+        defaultMessage: 'You don’t have the permission to update this stage.'
+    });
+    if (isCompact) {
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(Tooltip, {
+                    label: reviewStageHint,
+                    children: /*#__PURE__*/ jsx(Field.Root, {
+                        name: STAGE_ATTRIBUTE_NAME,
+                        id: STAGE_ATTRIBUTE_NAME,
+                        children: /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                /*#__PURE__*/ jsx(VisuallyHidden, {
+                                    children: /*#__PURE__*/ jsx(Field.Label, {
+                                        children: reviewStageLabel
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Select, {
+                                    stages: stages,
+                                    activeWorkflowStage: activeWorkflowStage,
+                                    isLoading: isLoading,
+                                    size: "S",
+                                    disabled: stages.length === 0,
+                                    value: activeWorkflowStage?.id,
+                                    onChange: handleChange,
+                                    placeholder: formatMessage({
+                                        id: 'content-manager.reviewWorkflows.assignee.placeholder',
+                                        defaultMessage: 'Select…'
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx(WorkflowLimitModal, {
+                    open: showLimitModal === 'workflow',
+                    onOpenChange: ()=>setShowLimitModal(null)
+                }),
+                /*#__PURE__*/ jsx(StageLimitModal, {
+                    open: showLimitModal === 'stage',
+                    onOpenChange: ()=>setShowLimitModal(null)
+                })
+            ]
+        });
+    }
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsxs(Field.Root, {
-                hint: !isLoading && stages.length === 0 && formatMessage({
-                    id: 'content-manager.reviewWorkflows.stages.no-transition',
-                    defaultMessage: 'You don’t have the permission to update this stage.'
-                }),
+                hint: reviewStageHint,
                 error: error && formatAPIError(error) || undefined,
                 name: STAGE_ATTRIBUTE_NAME,
                 id: STAGE_ATTRIBUTE_NAME,
                 children: [
                     /*#__PURE__*/ jsx(Field.Label, {
-                        children: formatMessage({
-                            id: 'content-manager.reviewWorkflows.stage.label',
-                            defaultMessage: 'Review stage'
-                        })
+                        children: reviewStageLabel
                     }),
-                    /*#__PURE__*/ jsx(SingleSelect, {
+                    /*#__PURE__*/ jsx(Select, {
+                        stages: stages,
+                        activeWorkflowStage: activeWorkflowStage,
+                        isLoading: isLoading,
                         disabled: stages.length === 0,
                         value: activeWorkflowStage?.id,
                         onChange: handleChange,
                         placeholder: formatMessage({
                             id: 'content-manager.reviewWorkflows.assignee.placeholder',
                             defaultMessage: 'Select…'
-                        }),
-                        startIcon: activeWorkflowStage && /*#__PURE__*/ jsx(Flex, {
-                            tag: "span",
-                            height: 2,
-                            background: activeWorkflowStage?.color,
-                            borderColor: themeColorName === 'neutral0' ? 'neutral150' : undefined,
-                            hasRadius: true,
-                            shrink: 0,
-                            width: 2,
-                            marginRight: "-3px"
-                        }),
-                        // @ts-expect-error – `customizeContent` is not correctly typed in the DS.
-                        customizeContent: ()=>{
-                            return /*#__PURE__*/ jsxs(Flex, {
-                                tag: "span",
-                                justifyContent: "space-between",
-                                alignItems: "center",
-                                width: "100%",
-                                children: [
-                                    /*#__PURE__*/ jsx(Typography, {
-                                        textColor: "neutral800",
-                                        ellipsis: true,
-                                        children: activeWorkflowStage?.name ?? ''
-                                    }),
-                                    isLoading ? /*#__PURE__*/ jsx(Loader, {
-                                        small: true,
-                                        style: {
-                                            display: 'flex'
-                                        },
-                                        "data-testid": "loader"
-                                    }) : null
-                                ]
-                            });
-                        },
-                        children: stages.map(({ id, color, name })=>{
-                            const { themeColorName } = getStageColorByHex(color) ?? {};
-                            return /*#__PURE__*/ jsx(SingleSelectOption, {
-                                startIcon: /*#__PURE__*/ jsx(Flex, {
-                                    height: 2,
-                                    background: color,
-                                    borderColor: themeColorName === 'neutral0' ? 'neutral150' : undefined,
-                                    hasRadius: true,
-                                    shrink: 0,
-                                    width: 2
-                                }),
-                                value: id,
-                                textValue: name,
-                                children: name
-                            }, id);
                         })
                     }),
                     /*#__PURE__*/ jsx(Field.Hint, {}),
                     /*#__PURE__*/ jsx(Field.Error, {})
                 ]
             }),
-            /*#__PURE__*/ jsxs(LimitsModal.Root, {
+            /*#__PURE__*/ jsx(WorkflowLimitModal, {
                 open: showLimitModal === 'workflow',
-                onOpenChange: ()=>setShowLimitModal(null),
-                children: [
-                    /*#__PURE__*/ jsx(LimitsModal.Title, {
-                        children: formatMessage({
-                            id: 'content-manager.reviewWorkflows.workflows.limit.title',
-                            defaultMessage: 'You’ve reached the limit of workflows in your plan'
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(LimitsModal.Body, {
-                        children: formatMessage({
-                            id: 'content-manager.reviewWorkflows.workflows.limit.body',
-                            defaultMessage: 'Delete a workflow or contact Sales to enable more workflows.'
-                        })
-                    })
-                ]
+                onOpenChange: ()=>setShowLimitModal(null)
             }),
-            /*#__PURE__*/ jsxs(LimitsModal.Root, {
+            /*#__PURE__*/ jsx(StageLimitModal, {
                 open: showLimitModal === 'stage',
-                onOpenChange: ()=>setShowLimitModal(null),
-                children: [
-                    /*#__PURE__*/ jsx(LimitsModal.Title, {
-                        children: formatMessage({
-                            id: 'content-manager.reviewWorkflows.stages.limit.title',
-                            defaultMessage: 'You have reached the limit of stages for this workflow in your plan'
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(LimitsModal.Body, {
-                        children: formatMessage({
-                            id: 'content-manager.reviewWorkflows.stages.limit.body',
-                            defaultMessage: 'Try deleting some stages or contact Sales to enable more stages.'
-                        })
-                    })
-                ]
+                onOpenChange: ()=>setShowLimitModal(null)
             })
         ]
     });
 };
 
+const Header = ()=>{
+    const { slug = '', id, collectionType } = useParams();
+    const { edit: { options } } = unstable_useDocumentLayout(slug);
+    if (!window.strapi.isEE || !options?.reviewWorkflows || collectionType !== 'single-types' && !id || id === 'create') {
+        return null;
+    }
+    return /*#__PURE__*/ jsxs(Flex, {
+        gap: 2,
+        children: [
+            /*#__PURE__*/ jsx(AssigneeSelect, {
+                isCompact: true
+            }),
+            /*#__PURE__*/ jsx(StageSelect, {
+                isCompact: true
+            })
+        ]
+    });
+};
+Header.type = 'preview';
+
 const Panel = ()=>{
     const { slug = '', id, collectionType } = useParams();
     const { edit: { options } } = unstable_useDocumentLayout(slug);
@@ -852,7 +998,8 @@ const prefixPluginTranslations = (trad, pluginId)=>{
 
 function __variableDynamicImportRuntime2__(path) {
   switch (path) {
-    case './translations/en.json': return import('./en-BixG7IBu.js');
+    case './translations/en.json': return import('./en-BrZXFtVv.mjs');
+    case './translations/uk.json': return import('./uk-DLlzEBUF.mjs');
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))
@@ -879,7 +1026,7 @@ const admin = {
                 },
                 permissions: [],
                 async Component () {
-                    const { Router } = await import('./router-C9Jpl4gL.js');
+                    const { Router } = await import('./router-JyFAzv9_.mjs');
                     return {
                         default: Router
                     };
@@ -896,7 +1043,7 @@ const admin = {
                 licenseOnly: true,
                 permissions: [],
                 async Component () {
-                    const { PurchaseReviewWorkflows } = await import('./purchase-review-workflows-CEP8kvxZ.js');
+                    const { PurchaseReviewWorkflows } = await import('./purchase-review-workflows-BJkm1_Dd.mjs');
                     return {
                         default: PurchaseReviewWorkflows
                     };
@@ -904,6 +1051,14 @@ const admin = {
             });
         }
     },
+    bootstrap (app) {
+        if (window.strapi.features.isEnabled(FEATURE_ID)) {
+            app.getPlugin('content-manager').injectComponent('preview', 'actions', {
+                name: 'review-workflows-assignee',
+                Component: Header
+            });
+        }
+    },
     async registerTrads ({ locales }) {
         const importedTrads = await Promise.all(locales.map((locale)=>{
             return __variableDynamicImportRuntime2__(`./translations/${locale}.json`).then(({ default: data })=>{
@@ -922,5 +1077,5 @@ const admin = {
     }
 };
 
-export { AVAILABLE_COLORS as A, CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME as C, LimitsModal as L, useTypedSelector as a, CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME as b, useGetWorkflowsQuery as c, useCreateWorkflowMutation as d, useUpdateWorkflowMutation as e, useDeleteWorkflowMutation as f, getStageColorByHex as g, admin as h, isBaseQueryError as i, reviewWorkflowsApi as r, useGetContentTypesQuery as u };
-//# sourceMappingURL=index-Df6sZesT.js.map
+export { AVAILABLE_COLORS as A, CHARGEBEE_WORKFLOW_ENTITLEMENT_NAME as C, LimitsModal as L, useGetContentTypesQuery as a, CHARGEBEE_STAGES_PER_WORKFLOW_ENTITLEMENT_NAME as b, useGetWorkflowsQuery as c, useCreateWorkflowMutation as d, useUpdateWorkflowMutation as e, useDeleteWorkflowMutation as f, getStageColorByHex as g, admin as h, isBaseQueryError as i, reviewWorkflowsApi as r, useTypedSelector as u };
+//# sourceMappingURL=index-2VGAYchq.mjs.map