@reltio/components 1.4.2180 → 1.4.2182

package/cjs/features/workflow/WorkflowTaskCard/components/GenericWorkflowTaskCard/GenericWorkflowTaskCard.spec.js

@@ -72,6 +72,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var constants_1 = require("../../../../../constants");
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var WorkflowTasksContext_1 = require("../../../../../contexts/WorkflowTasksContext");
+var CommentDialogContext_1 = require("../../../../../contexts/CommentDialogContext");
 var ErrorPopup_1 = require("../../../../../ErrorPopup");
 var task_test_data_1 = require("./task.test-data");
 var GenericWorkflowTaskCard_1 = require("./GenericWorkflowTaskCard");
@@ -111,10 +112,11 @@ var setUp = function (_a) {
     return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: { errorSet: errorSet } },
         react_1.default.createElement(styles_2.ThemeProvider, { theme: (0, styles_1.createTheme)(constants_1.theme) },
             react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment },
-                react_1.default.createElement(WorkflowTasksContext_1.WorkflowTasksContext.Provider, { value: workflowTaskContextValue },
-                    react_1.default.createElement(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard, { task: task },
-                        react_1.default.createElement("div", { className: "someChildren" }, "some children")),
-                    react_1.default.createElement(ErrorPopup_1.ErrorPopup, { showErrorFromStore: true }))))))), { user: user });
+                react_1.default.createElement(CommentDialogContext_1.CommentDialogProvider, null,
+                    react_1.default.createElement(WorkflowTasksContext_1.WorkflowTasksContext.Provider, { value: workflowTaskContextValue },
+                        react_1.default.createElement(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard, { task: task },
+                            react_1.default.createElement("div", { className: "someChildren" }, "some children")),
+                        react_1.default.createElement(ErrorPopup_1.ErrorPopup, { showErrorFromStore: true })))))))), { user: user });
 };
 var checkAlwaysVisibleElements = function (task) {
     var processDefinitionDisplayName = task.processDefinitionDisplayName, createdBy = task.createdBy, createTime = task.createTime, dueDate = task.dueDate, displayName = task.displayName;
@@ -305,7 +307,7 @@ describe('GenericWorkflowTaskCard tests', function () {
                         tenant: tenant.id,
                         taskId: defaultTask.taskId,
                         action: defaultTask.possibleActions[1].action,
-                        processInstanceComment: undefined
+                        processInstanceComment: null
                     });
                     expect(onActionSuccess).toHaveBeenCalledWith(defaultTask.possibleActions[1].action);
                     return [2 /*return*/];
@@ -330,7 +332,7 @@ describe('GenericWorkflowTaskCard tests', function () {
                         tenant: tenant.id,
                         taskId: defaultTask.taskId,
                         action: defaultTask.possibleActions[1].action,
-                        processInstanceComment: undefined
+                        processInstanceComment: null
                     });
                     expect(onActionSuccess).toHaveBeenCalledWith(defaultTask.possibleActions[1].action);
                     return [2 /*return*/];
@@ -375,7 +377,7 @@ describe('GenericWorkflowTaskCard tests', function () {
                         tenant: tenant.id,
                         taskId: defaultTask.taskId,
                         action: defaultTask.possibleActions[1].action,
-                        processInstanceComment: undefined
+                        processInstanceComment: null
                     });
                     expect(onActionSuccess).not.toHaveBeenCalled();
                     expect(react_2.screen.getByText('Error')).toBeInTheDocument();

package/cjs/features/workflow/WorkflowTaskCard/components/PotentialMatchTaskCard/PotentialMatchTaskCard.spec.js

@@ -57,6 +57,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
 var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var CommentDialogContext_1 = require("../../../../../contexts/CommentDialogContext");
 var PotentialMatchTaskCard_1 = require("./PotentialMatchTaskCard");
 describe('PotentialMatchTaskCard tests', function () {
     var mdmValues = {
@@ -109,7 +110,8 @@ describe('PotentialMatchTaskCard tests', function () {
         var Providers = function (_a) {
             var children = _a.children;
             return (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment },
-                react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children)));
+                react_1.default.createElement(CommentDialogContext_1.CommentDialogProvider, null,
+                    react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children))));
         };
         return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(PotentialMatchTaskCard_1.PotentialMatchTaskCard, __assign({}, defaultProps, props)), { wrapper: Providers }));
     };

package/cjs/features/workflow/helpers/common.d.ts

@@ -1,4 +1,4 @@
-import { AttributeType, DCRAttributeValue, DCRObjectsInfo, DCROperationTypes, DCRValue, WorkflowTaskData } from '@reltio/mdm-sdk';
+import { AttributeType, DCRAttributeValue, DCRObjectsInfo, DCROperationTypes, DCRValue, WorkflowTaskData, WorkflowDefinition } from '@reltio/mdm-sdk';
 export declare const getOperationType: (type: string, oldValue?: DCRAttributeValue) => DCROperationTypes;
 export declare const getOperationLabel: (operation: DCROperationTypes) => string;
 export declare const getAttributeDescription: (attrType: AttributeType, value: DCRAttributeValue, currentEntityUri: string, objectsInfo?: DCRObjectsInfo) => {
@@ -11,3 +11,4 @@ export declare const getDCRUri: (objectUris?: string[]) => string;
 export declare const getDCRId: (objectUris?: string[]) => string;
 export declare const isOpenTask: (isOpen: WorkflowTaskData["isOpen"]) => boolean;
 export declare const isRequestedTask: (processTypes: string[], assignee: string) => (task: WorkflowTaskData) => boolean;
+export declare const findWorkflowDefinitionByType: (definitions: WorkflowDefinition[], type: string) => WorkflowDefinition | undefined;

package/cjs/features/workflow/helpers/common.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isRequestedTask = exports.isOpenTask = exports.getDCRId = exports.getDCRUri = exports.getSuggestionsCount = exports.getDataTypeDefinition = exports.getAttributeDescription = exports.getOperationLabel = exports.getOperationType = void 0;
+exports.findWorkflowDefinitionByType = exports.isRequestedTask = exports.isOpenTask = exports.getDCRId = exports.getDCRUri = exports.getSuggestionsCount = exports.getDataTypeDefinition = exports.getAttributeDescription = exports.getOperationLabel = exports.getOperationType = void 0;
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -80,3 +80,5 @@ var isRequestedTask = function (processTypes, assignee) { return function (task)
     return (!processTypes || processTypes.includes(task.processType)) && (!assignee || assignee === task.assignee);
 }; };
 exports.isRequestedTask = isRequestedTask;
+var findWorkflowDefinitionByType = function (definitions, type) { return definitions.find((0, ramda_1.propEq)('type', type)); };
+exports.findWorkflowDefinitionByType = findWorkflowDefinitionByType;

package/cjs/features/workflow/hooks/useWorkflowActions.js

@@ -1,4 +1,40 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWorkflowActions = void 0;
 var react_1 = require("react");
@@ -7,6 +43,7 @@ var errors_1 = require("../helpers/errors");
 var common_1 = require("../helpers/common");
 var WorkflowTasksContext_1 = require("../../../contexts/WorkflowTasksContext");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var CommentDialogContext_1 = require("../../../contexts/CommentDialogContext");
 var useWorkflowActions = function (task, onActionSuccess) {
     var _a = task !== null && task !== void 0 ? task : {}, possibleActions = _a.possibleActions, assignee = _a.assignee, taskId = _a.taskId, isOpen = _a.isOpen;
     var workflowTasks = (0, react_1.useContext)(WorkflowTasksContext_1.WorkflowTasksContext);
@@ -14,34 +51,57 @@ var useWorkflowActions = function (task, onActionSuccess) {
     var environment = (0, MdmModuleContext_1.useMdmWorkflowEnvironmentUrl)();
     var tenant = (0, MdmModuleContext_1.useMdmTenant)();
     var username = (0, MdmModuleContext_1.useMdmUsername)();
+    var showCommentDialog = (0, CommentDialogContext_1.useCommentDialog)();
     var _b = (0, react_1.useState)(false), actionRequestIsInProgress = _b[0], setActionRequestIsInProgress = _b[1];
     var handleActionSuccess = onActionSuccess !== null && onActionSuccess !== void 0 ? onActionSuccess : workflowTasks === null || workflowTasks === void 0 ? void 0 : workflowTasks.onActionSuccess;
-    var performTaskAction = (0, react_1.useCallback)(function (action) { return function (comment) {
-        if (workflowPath && taskId) {
-            setActionRequestIsInProgress(true);
-            var processInstanceComment = typeof comment === 'string' && comment.length ? comment : undefined;
-            (0, mdm_sdk_1.runTaskAction)({
-                taskId: taskId,
-                workflowPath: workflowPath,
-                environment: environment,
-                tenant: tenant,
-                action: action,
-                processInstanceComment: processInstanceComment
-            })
-                .then(function () {
-                handleActionSuccess === null || handleActionSuccess === void 0 ? void 0 : handleActionSuccess(action);
-            })
-                .catch(errors_1.showWorkflowError)
-                .finally(function () {
-                setActionRequestIsInProgress(false);
+    var performTaskAction = (0, react_1.useCallback)(function (action, commentRequired) {
+        return function (comment) { return __awaiter(void 0, void 0, void 0, function () {
+            var processInstanceComment;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(workflowPath && taskId)) return [3 /*break*/, 3];
+                        setActionRequestIsInProgress(true);
+                        processInstanceComment = typeof comment === 'string' && comment.length ? comment : null;
+                        if (!(commentRequired && !processInstanceComment)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, showCommentDialog()];
+                    case 1:
+                        processInstanceComment = _a.sent();
+                        if (processInstanceComment === null) {
+                            setActionRequestIsInProgress(false);
+                            return [2 /*return*/];
+                        }
+                        _a.label = 2;
+                    case 2:
+                        (0, mdm_sdk_1.runTaskAction)({
+                            taskId: taskId,
+                            workflowPath: workflowPath,
+                            environment: environment,
+                            tenant: tenant,
+                            action: action,
+                            processInstanceComment: processInstanceComment
+                        })
+                            .then(function () {
+                            handleActionSuccess === null || handleActionSuccess === void 0 ? void 0 : handleActionSuccess(action);
+                        })
+                            .catch(errors_1.showWorkflowError)
+                            .finally(function () {
+                            setActionRequestIsInProgress(false);
+                        });
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
             });
-        }
-    }; }, [workflowPath, taskId, environment, tenant, handleActionSuccess]);
+        }); };
+    }, [workflowPath, taskId, environment, tenant, handleActionSuccess, showCommentDialog]);
     var actions = (0, react_1.useMemo)(function () {
         return username === assignee && (0, common_1.isOpenTask)(isOpen)
             ? (possibleActions || []).map(function (_a) {
-                var action = _a.action, label = _a.label;
-                return ({ text: label, onClick: performTaskAction(action) });
+                var action = _a.action, label = _a.label, commentRequired = _a.commentRequired;
+                return ({
+                    text: label,
+                    onClick: performTaskAction(action, commentRequired)
+                });
             })
             : [];
     }, [possibleActions, performTaskAction, username, assignee, isOpen]);

package/cjs/features/workflow/hooks/useWorkflowDefinitions.d.ts

@@ -1,3 +1,8 @@
-export declare const useWorkflowDefinitions: () => {
-    definitions: any[];
+import { WorkflowDefinition } from '@reltio/mdm-sdk';
+export declare const useWorkflowDefinitions: ({ all, canViewDefinitions }?: {
+    all?: boolean;
+    canViewDefinitions?: boolean;
+}) => {
+    definitions: WorkflowDefinition[];
+    loading: boolean;
 };

package/cjs/features/workflow/hooks/useWorkflowDefinitions.js

@@ -11,27 +11,40 @@ var filterDefinitions = function (definitions, entityTypeUri) {
         return manualStart && (!objectTypes || (objectTypes === null || objectTypes === void 0 ? void 0 : objectTypes.some(function (uri) { return uri === entityTypeUri; })));
     });
 };
-var useWorkflowDefinitions = function () {
-    var _a = (0, react_1.useState)([]), definitions = _a[0], setDefinitions = _a[1];
+var memoizedProcessDefinitions = (0, mdm_sdk_1.memoizeWith)(function (_a) {
+    var workflowPath = _a.workflowPath, environment = _a.environment, tenant = _a.tenant;
+    return "".concat(workflowPath, "-").concat(environment, "-").concat(tenant);
+}, mdm_sdk_1.processDefinitions);
+var useWorkflowDefinitions = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.all, all = _c === void 0 ? false : _c, _d = _b.canViewDefinitions, canViewDefinitions = _d === void 0 ? true : _d;
+    var _e = (0, react_1.useState)([]), definitions = _e[0], setDefinitions = _e[1];
+    var _f = (0, react_1.useState)(false), loading = _f[0], setLoading = _f[1];
     var workflowPath = (0, MdmModuleContext_1.useMdmWorkflowPath)();
     var environment = (0, MdmModuleContext_1.useMdmWorkflowEnvironmentUrl)();
     var tenant = (0, MdmModuleContext_1.useMdmTenant)();
     var entity = (0, MdmModuleContext_1.useMdmEntity)();
-    var entityType = entity.type;
+    var entityType = entity === null || entity === void 0 ? void 0 : entity.type;
     var safePromise = (0, useSafePromise_1.useSafePromise)();
     (0, react_1.useEffect)(function () {
-        safePromise((0, mdm_sdk_1.processDefinitions)({ workflowPath: workflowPath, environment: environment, tenant: tenant }))
+        if (!canViewDefinitions) {
+            return;
+        }
+        setLoading(true);
+        safePromise(memoizedProcessDefinitions({ workflowPath: workflowPath, environment: environment, tenant: tenant }))
             .then(function (_a) {
             var data = _a.data;
             if (!data) {
                 return;
             }
-            setDefinitions(filterDefinitions(data, entityType));
+            setDefinitions(all ? data : filterDefinitions(data, entityType));
         })
             .catch(function (error) {
             console.warn('Workflow error', error);
+        })
+            .finally(function () {
+            setLoading(false);
         });
-    }, [entityType, workflowPath, environment, tenant]);
-    return { definitions: definitions };
+    }, [entityType, workflowPath, environment, tenant, all, canViewDefinitions]);
+    return (0, react_1.useMemo)(function () { return ({ definitions: definitions, loading: loading }); }, [definitions, loading]);
 };
 exports.useWorkflowDefinitions = useWorkflowDefinitions;

package/cjs/features/workflow/index.d.ts

@@ -11,3 +11,4 @@ export { useWorkflowActions } from './hooks/useWorkflowActions';
 export { useWorkflowCheckPermission } from './hooks/useWorkflowCheckPermission';
 export { useWorkflowTasks } from './hooks/useWorkflowTasks';
 export { useWorkflowDefaultActionSuccessHandler } from './hooks/useWorkflowDefaultActionSuccessHandler';
+export { findWorkflowDefinitionByType } from './helpers/common';

package/cjs/features/workflow/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWorkflowDefaultActionSuccessHandler = exports.useWorkflowTasks = exports.useWorkflowCheckPermission = exports.useWorkflowActions = exports.useWorkflowComments = exports.useWorkflowAssignee = exports.TaskActionButtons = exports.WorkflowComments = exports.ReassignButton = exports.AssigneeSelector = exports.TaskActions = exports.AddWorkflowButton = exports.WorkflowTaskCard = void 0;
+exports.findWorkflowDefinitionByType = exports.useWorkflowDefaultActionSuccessHandler = exports.useWorkflowTasks = exports.useWorkflowCheckPermission = exports.useWorkflowActions = exports.useWorkflowComments = exports.useWorkflowAssignee = exports.TaskActionButtons = exports.WorkflowComments = exports.ReassignButton = exports.AssigneeSelector = exports.TaskActions = exports.AddWorkflowButton = exports.WorkflowTaskCard = void 0;
 // components
 var WorkflowTaskCard_1 = require("./WorkflowTaskCard");
 Object.defineProperty(exports, "WorkflowTaskCard", { enumerable: true, get: function () { return WorkflowTaskCard_1.WorkflowTaskCard; } });
@@ -29,3 +29,6 @@ var useWorkflowTasks_1 = require("./hooks/useWorkflowTasks");
 Object.defineProperty(exports, "useWorkflowTasks", { enumerable: true, get: function () { return useWorkflowTasks_1.useWorkflowTasks; } });
 var useWorkflowDefaultActionSuccessHandler_1 = require("./hooks/useWorkflowDefaultActionSuccessHandler");
 Object.defineProperty(exports, "useWorkflowDefaultActionSuccessHandler", { enumerable: true, get: function () { return useWorkflowDefaultActionSuccessHandler_1.useWorkflowDefaultActionSuccessHandler; } });
+// helpers
+var common_1 = require("./helpers/common");
+Object.defineProperty(exports, "findWorkflowDefinitionByType", { enumerable: true, get: function () { return common_1.findWorkflowDefinitionByType; } });

package/cjs/hooks/useRequestDCRReview/useRequestDCRReview.js

@@ -1,4 +1,40 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,32 +45,67 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
-var PROCESS_TYPE = 'potentialMatchReview';
+var CommentDialogContext_1 = require("../../contexts/CommentDialogContext");
+var WorkflowDefinitionsContext_1 = require("../../contexts/WorkflowDefinitionsContext");
+var workflow_1 = require("../../features/workflow");
 var useRequestDCRReview = function (_a) {
     var entities = _a.entities, entity = _a.entity, onStartRequest = _a.onStartRequest, onEndRequest = _a.onEndRequest, onError = _a.onError, showSnackbarMessage = _a.showSnackbarMessage;
     var workflowPath = (0, MdmModuleContext_1.useMdmWorkflowPath)();
     var environment = (0, MdmModuleContext_1.useMdmWorkflowEnvironmentUrl)();
+    var showCommentDialog = (0, CommentDialogContext_1.useCommentDialog)();
+    var definitions = (0, react_1.useContext)(WorkflowDefinitionsContext_1.WorkflowDefinitionsContext).definitions;
+    var _b = ((0, workflow_1.findWorkflowDefinitionByType)(definitions, mdm_sdk_1.PredefinedWorkflowProcessType.potentialMatchReview) || {}).requiresCommentOnStart, requiresCommentOnStart = _b === void 0 ? false : _b;
     var tenant = (0, MdmModuleContext_1.useMdmTenant)();
     var getUri = (0, ramda_1.prop)('uri');
     var getUrisFromEntities = (0, ramda_1.pipe)(ramda_1.concat, (0, ramda_1.map)(getUri));
     var uris = getUrisFromEntities([entity], entities);
-    var startPMReview = (0, react_1.useCallback)(function () {
-        onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
-        (0, mdm_sdk_1.startProcessInstanceByPairs)({
-            workflowPath: workflowPath,
-            processType: PROCESS_TYPE,
-            objectURIs: uris,
-            tenant: tenant,
-            environment: environment
-        })
-            .then(function () {
-            showSnackbarMessage === null || showSnackbarMessage === void 0 ? void 0 : showSnackbarMessage(ui_i18n_1.default.text('Potential match request: Done'));
-        })
-            .catch(onError)
-            .finally(function () {
-            onEndRequest === null || onEndRequest === void 0 ? void 0 : onEndRequest();
+    var startPMReview = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var comment;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
+                    comment = null;
+                    if (!requiresCommentOnStart) return [3 /*break*/, 2];
+                    return [4 /*yield*/, showCommentDialog()];
+                case 1:
+                    comment = _a.sent();
+                    if (comment === null) {
+                        onEndRequest === null || onEndRequest === void 0 ? void 0 : onEndRequest();
+                        return [2 /*return*/];
+                    }
+                    _a.label = 2;
+                case 2:
+                    (0, mdm_sdk_1.startProcessInstanceByPairs)({
+                        workflowPath: workflowPath,
+                        processType: mdm_sdk_1.PredefinedWorkflowProcessType.potentialMatchReview,
+                        objectURIs: uris,
+                        tenant: tenant,
+                        environment: environment,
+                        comment: comment
+                    })
+                        .then(function () {
+                        showSnackbarMessage === null || showSnackbarMessage === void 0 ? void 0 : showSnackbarMessage(ui_i18n_1.default.text('Potential match request: Done'));
+                    })
+                        .catch(onError)
+                        .finally(function () {
+                        onEndRequest === null || onEndRequest === void 0 ? void 0 : onEndRequest();
+                    });
+                    return [2 /*return*/];
+            }
         });
-    }, [onStartRequest, onEndRequest, onError, workflowPath, uris, tenant, environment, showSnackbarMessage]);
+    }); }, [
+        onStartRequest,
+        onEndRequest,
+        onError,
+        workflowPath,
+        uris,
+        tenant,
+        environment,
+        showSnackbarMessage,
+        showCommentDialog,
+        requiresCommentOnStart
+    ]);
     return startPMReview;
 };
 exports.useRequestDCRReview = useRequestDCRReview;

package/contexts/CommentDialogContext/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+type DialogOptions = {
+    title?: string;
+    message?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    defaultComment?: string;
+    required?: boolean;
+};
+type DialogResult = string | null;
+type CommentDialogContextType = (options?: DialogOptions) => Promise<DialogResult>;
+export declare const useCommentDialog: () => CommentDialogContextType;
+export declare const CommentDialogProvider: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;
+export {};

package/contexts/CommentDialogContext/index.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { CommentDialog } from '../../CommentDialog/CommentDialog';
+import React, { createContext, useContext, useState, useRef, useCallback } from 'react';
+var CommentDialogContext = createContext(undefined);
+export var useCommentDialog = function () {
+    var context = useContext(CommentDialogContext);
+    if (!context)
+        throw new Error('useCommentDialog must be used within CommentDialogProvider');
+    return context;
+};
+export var CommentDialogProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(null), options = _b[0], setOptions = _b[1];
+    var commentResolverRef = useRef(null);
+    var showCommentDialog = useCallback(function (options) {
+        setOptions(options || {});
+        return new Promise(function (resolve) {
+            commentResolverRef.current = resolve;
+        });
+    }, []);
+    var handleClose = function (result) {
+        var _a;
+        setOptions(null);
+        (_a = commentResolverRef.current) === null || _a === void 0 ? void 0 : _a.call(commentResolverRef, result);
+        commentResolverRef.current = null;
+    };
+    return (React.createElement(CommentDialogContext.Provider, { value: showCommentDialog },
+        children,
+        options && React.createElement(CommentDialog, __assign({}, options, { onConfirm: handleClose, onCancel: function () { return handleClose(null); } }))));
+};

package/contexts/WorkflowDefinitionsContext/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { WorkflowDefinition } from '@reltio/mdm-sdk';
+type WorkflowDefinitionsContextType = {
+    definitions: WorkflowDefinition[];
+    loading: boolean;
+};
+export declare const WorkflowDefinitionsContext: React.Context<WorkflowDefinitionsContextType>;
+export declare const WorkflowDefinitionsProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export {};

package/contexts/WorkflowDefinitionsContext/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useWorkflowDefinitions } from '../../features/workflow/hooks/useWorkflowDefinitions';
+import { useWorkflowCheckPermission } from '../../features/workflow/hooks/useWorkflowCheckPermission';
+import { useMdmIsWorkflowEnabled } from '../MdmModuleContext';
+export var WorkflowDefinitionsContext = React.createContext({
+    definitions: [],
+    loading: false
+});
+WorkflowDefinitionsContext.displayName = 'WorkflowDefinitionsContext';
+export var WorkflowDefinitionsProvider = function (_a) {
+    var children = _a.children;
+    var isWorkflowEnabled = useMdmIsWorkflowEnabled();
+    var checkWorkflowPermission = useWorkflowCheckPermission();
+    var canViewProcessDefinitions = checkWorkflowPermission('VIEW_PROCESS_DEFINITIONS');
+    var canViewDefinitions = isWorkflowEnabled && canViewProcessDefinitions;
+    var workflowDefinitions = useWorkflowDefinitions({ all: true, canViewDefinitions: canViewDefinitions });
+    return (React.createElement(WorkflowDefinitionsContext.Provider, { value: workflowDefinitions }, children));
+};

package/features/workflow/AddWorkflowDialog/AddWorkflowDialog.js

@@ -6,9 +6,10 @@ import Snackbar from '@mui/material/Snackbar';
 import Popover from '@mui/material/Popover';
 import Typography from '@mui/material/Typography';
 import Button from '@mui/material/Button';
-import { SimpleDropDownSelector } from '../../../SimpleDropDownSelector';
+import { DropDownSelector } from '../../../DropDownSelector';
 import { useWorkflowDefinitions } from '../hooks/useWorkflowDefinitions';
 import { useWorkflowProcessInstance } from '../hooks/useWorkflowProcessInstance';
+import { findWorkflowDefinitionByType } from '../helpers/common';
 import { useStyles } from './styles';
 export var AddWorkflowDialog = function (_a) {
     var anchorEl = _a.anchorEl, onClose = _a.onClose;
@@ -16,8 +17,8 @@ export var AddWorkflowDialog = function (_a) {
     var _b = useState(''), comment = _b[0], setComment = _b[1];
     var _c = useState(null), taskType = _c[0], setTaskType = _c[1];
     var _d = useState(false), isOpenSnackbar = _d[0], setIsOpenSnackbar = _d[1];
-    var definitions = useWorkflowDefinitions().definitions;
-    var _e = useWorkflowProcessInstance(), processInstance = _e.processInstance, loading = _e.loading;
+    var _e = useWorkflowDefinitions(), definitions = _e.definitions, loadingDefinitions = _e.loading;
+    var _f = useWorkflowProcessInstance(), processInstance = _f.processInstance, loading = _f.loading;
     var handleChangeComment = function (e) {
         setComment(e.target.value);
     };
@@ -38,6 +39,9 @@ export var AddWorkflowDialog = function (_a) {
         setIsOpenSnackbar(false);
     };
     var open = Boolean(anchorEl);
+    var currentDefinition = findWorkflowDefinitionByType(definitions, taskType === null || taskType === void 0 ? void 0 : taskType.value);
+    var isCommentRequired = (currentDefinition === null || currentDefinition === void 0 ? void 0 : currentDefinition.requiresCommentOnStart) || false;
+    var isStartButtonDisabled = loading || taskType === null || loadingDefinitions || (isCommentRequired && !comment);
     return (React.createElement(React.Fragment, null,
         React.createElement(Popover, { open: open, anchorEl: anchorEl, onClose: onClose, anchorOrigin: {
                 vertical: 'bottom',
@@ -50,26 +54,26 @@ export var AddWorkflowDialog = function (_a) {
             } },
             React.createElement("div", { className: styles.content },
                 React.createElement(Typography, { className: styles.title }, i18n.text('Add new workflow')),
-                React.createElement(SimpleDropDownSelector, { className: styles.simpleDropDownSelector, variant: "filled", height: 40, TextFieldProps: {
-                        InputProps: {
-                            disableUnderline: true
-                        }
-                    }, placeholder: i18n.text('Select task type'), value: taskType, onChange: handleChangeTaskType, label: '', options: definitions.map(function (definition) {
+                React.createElement(DropDownSelector, { className: styles.simpleDropDownSelector, height: 44, value: taskType, onChange: handleChangeTaskType, label: i18n.text('Select task type'), options: definitions.map(function (definition) {
                         return {
                             value: definition.type,
                             label: definition.displayName
                         };
                     }) }),
-                React.createElement(TextField, { variant: "filled", hiddenLabel: true, size: "small", placeholder: "Type a comment", InputProps: {
-                        disableUnderline: true,
+                React.createElement(TextField, { variant: "filled", hiddenLabel: true, size: "small", minRows: 1, required: isCommentRequired, label: i18n.text('Type a comment'), InputProps: {
                         classes: {
                             input: styles.input,
                             root: styles.inputRoot
                         }
+                    }, InputLabelProps: {
+                        classes: {
+                            root: styles.inputLabelRoot,
+                            asterisk: styles.asterisk
+                        }
                     }, value: comment, onChange: handleChangeComment, multiline: true })),
             React.createElement("div", { className: styles.footer },
                 React.createElement(Button, { disabled: loading, className: styles.cancelButton, onClick: onClose }, i18n.text('Cancel')),
-                React.createElement(Button, { disabled: loading, color: "primary", onClick: handleStart }, i18n.text('Start')))),
+                React.createElement(Button, { disabled: isStartButtonDisabled, color: "primary", onClick: handleStart }, i18n.text('Start')))),
         React.createElement(Portal, { container: document.body },
             React.createElement(Snackbar, { open: isOpenSnackbar, autoHideDuration: 5000, onClose: handleCloseSnackbar, message: i18n.text('A new workflow has started'), anchorOrigin: { vertical: 'bottom', horizontal: 'center' } }))));
 };