@reltio/profile 1.4.1585 → 1.4.1586-mui5

package/{bundle.js.LICENSE.txt → public/bundle.js.LICENSE.txt}

@@ -1,3 +1,9 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
  * The buffer module from node.js, for the browser.
  *
@@ -27,22 +33,41 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
+/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
 
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
+/**
+ * @mui/material v5.13.4
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
+/**
+ * @mui/styled-engine v5.13.2
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * A better abstraction over CSS.
+ *
+ * @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present
+ * @website https://github.com/cssinjs/jss
+ * @license MIT
+ */
 
 /**
  * React Router DOM v6.2.1
@@ -66,14 +91,17 @@ and limitations under the License.
  * @license MIT
  */
 
-/** @license Material-UI v4.11.2
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v16.8.6
- * react-is.production.min.js
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *

package/public/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@reltio/profile",
+  "version": "1.4.1586-mui5",
+  "license": "SEE LICENSE IN LICENSE FILE",
+  "main": "bundle.js",
+  "dependencies": {
+    "@date-io/moment": "^1.3.5",
+    "@reltio/hierarchy-tree": "^1.4.1586-mui5",
+    "@reltio/mdm-module": "^1.4.1586-mui5",
+    "@reltio/mdm-sdk": "^1.4.1586-mui5",
+    "@reltio/relations-table": "^1.4.1586-mui5",
+    "classnames": "^2.2.5",
+    "object-hash": "^2.1.1",
+    "prop-types": "^15.6.2",
+    "ramda": "^0.28.0",
+    "react-redux": "^7.2.3",
+    "react-resize-detector": "^4.2.0",
+    "redux": "^4.1.2",
+    "ui-i18n": "bitbucket:reltio-ondemand/ui-i18n#v1.4.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/scripts/build/index.js

@@ -0,0 +1,20 @@
+const path = require('path');
+const fs = require('fs');
+
+const outputDir = path.resolve(process.cwd(), 'public');
+const generatePackageJson = () => {
+    const packageJson = require('../../package.json');
+    const result = {
+        name: packageJson.name,
+        version: packageJson.version,
+        license: 'SEE LICENSE IN LICENSE FILE',
+        main: 'bundle.js',
+        dependencies: packageJson.dependencies,
+        peerDependencies: packageJson.peerDependencies,
+        publishConfig: packageJson.publishConfig
+    };
+    const source = JSON.stringify(result, null, 2);
+    fs.writeFileSync(path.join(outputDir, 'package.json'), source);
+};
+
+generatePackageJson();

package/src/components/BackgroundProcessIndicator/BackgroundProcessIndicator.tsx

@@ -0,0 +1,101 @@
+import React from 'react';
+import classnames from 'classnames';
+import i18n from 'ui-i18n';
+
+import {SmallIconButtonWithTooltip} from '@reltio/components';
+import {getLabel} from '@reltio/mdm-sdk';
+
+import Typography from '@mui/material/Typography';
+import CloseIcon from '@mui/icons-material/Close';
+import InfoIcon from '@mui/icons-material/InfoRounded';
+import SuccessIcon from '@mui/icons-material/CheckCircle';
+import ErrorIcon from '@mui/icons-material/ReportProblem';
+
+import useStyles from './styles';
+
+export enum BackgroundUpdateStatus {
+    loading = 'loading',
+    success = 'success',
+    error = 'error'
+}
+
+type Props = {
+    label?: string;
+    onClose: () => void;
+    onRefresh?: () => void;
+    status?: BackgroundUpdateStatus;
+};
+
+const CloseIconButton = ({onClose}: {onClose: () => void}) => {
+    const styles = useStyles();
+    return (
+        <SmallIconButtonWithTooltip
+            tooltipTitle={i18n.text('Close')}
+            onClick={onClose}
+            size={'S'}
+            className={styles.closeIcon}
+            icon={CloseIcon}
+        />
+    );
+};
+
+const ProcessLoading = ({onClose}: Props) => {
+    const styles = useStyles();
+
+    return (
+        <div className={classnames(styles.wrapper, styles.loadingWrapper)}>
+            <CloseIconButton onClose={onClose} />
+            <InfoIcon className={classnames(styles.indicatorIcon)} />
+            <Typography>{i18n.text('Loading background process...')}</Typography>
+        </div>
+    );
+};
+
+const ProcessSuccess = ({label, onClose, onRefresh}: Props) => {
+    const styles = useStyles();
+
+    return (
+        <div className={classnames(styles.wrapper, styles.successWrapper)}>
+            <CloseIconButton onClose={onClose} />
+            <SuccessIcon className={classnames(styles.indicatorIcon)} />
+            <div data-reltio-id="background-update-success">
+                <span>{i18n.text('This Profile')}</span>
+                <b>{getLabel(label)}</b>
+                <span>{i18n.text('has been updated.')}</span>
+                <span onClick={onRefresh} className={styles.link}>
+                    {i18n.text('Click Here to Refresh the page')}
+                </span>
+                <span>{i18n.text(' to retrieve the latest profile data.')}</span>
+            </div>
+        </div>
+    );
+};
+
+const ProcessError = ({onClose}: Props) => {
+    const styles = useStyles();
+
+    return (
+        <div className={classnames(styles.wrapper, styles.errorWrapper)}>
+            <CloseIconButton onClose={onClose} />
+            <ErrorIcon className={classnames(styles.indicatorIcon)} />
+            <Typography>
+                {i18n.text(
+                    'UI attempted to check for updates but no update received in the last 30 seconds. Try refreshing the page manually.'
+                )}
+            </Typography>
+        </div>
+    );
+};
+
+export const BackgroundProcessIndicator = ({label, onClose, onRefresh, status}: Props) => {
+    switch (status) {
+        case BackgroundUpdateStatus.loading:
+            return <ProcessLoading onClose={onClose} />;
+        case BackgroundUpdateStatus.success:
+            return <ProcessSuccess label={label} onClose={onClose} onRefresh={onRefresh} />;
+        case BackgroundUpdateStatus.error:
+            return <ProcessError onClose={onClose} />;
+        default:
+            return null;
+    }
+};

package/src/components/BackgroundProcessIndicator/styles.ts

@@ -0,0 +1,50 @@
+import {makeStyles} from '@mui/styles';
+
+const useStyles = makeStyles((theme) => ({
+    wrapper: {
+        alignItems: 'center',
+        display: 'flex',
+        padding: '12px 16px',
+        fontSize: '13px',
+        lineHeight: '15px',
+        fontWeight: theme.typography.fontWeightRegular,
+        color: theme.palette.text.secondary
+    },
+    loadingWrapper: {
+        display: 'flex',
+        backgroundColor: 'rgba(238, 238, 238, 1)',
+        color: theme.palette.text.secondary,
+        boxShadow: 'inset 0px -1px 0px rgba(0, 0, 0, 0.12)'
+    },
+    errorWrapper: {
+        display: 'flex',
+        backgroundColor: 'rgba(255, 235, 238, 1)',
+        color: theme.palette.error.main
+    },
+    successWrapper: {
+        display: 'flex',
+        backgroundColor: 'rgba(239, 253, 227, 1)',
+        color: theme.palette.success.main,
+        '& span, & b': {
+            paddingRight: '4px'
+        }
+    },
+    closeIcon: {
+        color: theme.palette.text.secondary,
+        cursor: 'pointer',
+        '&:hover': {
+            background: 'none'
+        }
+    },
+    indicatorIcon: {
+        padding: '0 14px'
+    },
+    link: {
+        color: theme.palette.primary.main,
+        fontSize: theme.typography.pxToRem(13),
+        fontWeight: theme.typography.fontWeightRegular,
+        cursor: 'pointer'
+    }
+}));
+
+export default useStyles;

package/src/components/DCRReviewPerspectiveView/DCRReviewPerspectiveView.tsx

@@ -0,0 +1,77 @@
+import React, {memo, useEffect} from 'react';
+import {useDispatch, useSelector} from 'react-redux';
+import i18n from 'ui-i18n';
+import {Entity} from '@reltio/mdm-sdk';
+import mdm, {profile} from '@reltio/mdm-module';
+import {
+    AttributesView,
+    EMPTY_STATE_ICONS,
+    EMPTY_STATE_VARIANTS,
+    EmptyState,
+    LinearLoadIndicator,
+    WorkflowTasksContext
+} from '@reltio/components';
+import {DCRProfileBand} from './components/DCRProfileBand/DCRProfileBand';
+import {useWorkflowTasks} from './hooks/useWorkflowTasks';
+import {ProfilePerspectiveResizablePanes} from '../ProfilePerspectiveResizablePanes/ProfilePerspectiveResizablePanes';
+
+import {useStyles} from './styles';
+
+const workflowConfig = {processTypes: ['dataChangeRequestReview']};
+const perspectiveId = 'dcrCard';
+
+export const DCRReviewPerspectiveView = memo(() => {
+    const styles = useStyles();
+    const dispatch = useDispatch();
+
+    const workflowTasks = useWorkflowTasks(workflowConfig);
+
+    const entity: Entity = useSelector(mdm.selectors.getEntity);
+
+    useEffect(() => {
+        dispatch(
+            profile.sidePanelViews.actions.sidePanelViewsLoaded([
+                {
+                    id: 'common',
+                    views: [
+                        {
+                            point: 'com.reltio.plugins.ui.view',
+                            id: 'com.reltio.plugins.entity.side.WorkflowsView',
+                            class: 'com.reltio.plugins.entity.side.WorkflowsView'
+                        }
+                    ]
+                }
+            ])
+        );
+    }, [dispatch]);
+
+    const isLoaded = !workflowTasks.loading && !!entity.uri;
+
+    return (
+        <WorkflowTasksContext.Provider value={workflowTasks}>
+            <div className={styles.perspectiveView}>
+                {!isLoaded && <LinearLoadIndicator />}
+                <div className={styles.perspectiveContainer}>
+                    {isLoaded ? (
+                        <ProfilePerspectiveResizablePanes hideHistory={true} perspectiveId={perspectiveId}>
+                            <div className={styles.contentWrapper}>
+                                <DCRProfileBand />
+                                <div className={styles.attributesWrapper}>
+                                    <AttributesView />
+                                </div>
+                            </div>
+                        </ProfilePerspectiveResizablePanes>
+                    ) : (
+                        <EmptyState
+                            LogoRenderer={EMPTY_STATE_ICONS.NO_DATA}
+                            text={i18n.text('No data to display.')}
+                            variant={EMPTY_STATE_VARIANTS.embedded}
+                        />
+                    )}
+                </div>
+            </div>
+        </WorkflowTasksContext.Provider>
+    );
+});
+
+DCRReviewPerspectiveView.displayName = 'DCRReviewPerspectiveView';

package/src/components/DCRReviewPerspectiveView/__tests__/DCRReviewPerspectiveView.test.tsx

@@ -0,0 +1,156 @@
+import React from 'react';
+import {mount, shallow} from 'enzyme';
+import * as reactRedux from 'react-redux';
+import {
+    AttributesView,
+    EmptyState,
+    LinearLoadIndicator,
+    useWorkflowTasks,
+    WorkflowTasksContext
+} from '@reltio/components';
+import mdmModule, {ui} from '@reltio/mdm-module';
+import * as reltioComponents from '@reltio/components';
+import {DCRReviewPerspectiveView} from '../DCRReviewPerspectiveView';
+import {DCRProfileBand} from '../components/DCRProfileBand/DCRProfileBand';
+import {RightSidePanel} from '../../RightSidePanel/RightSidePanel';
+
+jest.mock('../components/DCRProfileBand/DCRProfileBand', () => ({
+    DCRProfileBand: function DCRProfileBand({children}) {
+        return <>{children}</>;
+    }
+}));
+
+jest.mock('../../RightSidePanel/RightSidePanel', () => ({
+    RightSidePanel: function RightSidePanel({children}) {
+        return <>{children}</>;
+    }
+}));
+
+jest.mock('../../ProfilePerspectiveView/hooks/useProfileRightSidePanelElements', () => ({
+    useProfileRightSidePanelElements: jest.fn(() => ({tabs: []}))
+}));
+
+jest.mock('@reltio/components', () => ({
+    ...jest.requireActual<Record<string, unknown>>('@reltio/components'),
+    AttributesView: function AttributesView({children}) {
+        return <>{children}</>;
+    },
+    useWorkflowTasks: jest.fn()
+}));
+
+describe('DCRReviewPerspectiveView tests', () => {
+    const useWorkflowTasksMock: ReturnType<typeof useWorkflowTasks> = {
+        tasks: [
+            {
+                assignee: 'somebody1',
+                processInstanceId: '38363829',
+                processType: 'dataChangeRequestReview',
+                objectURIs: ['changeRequests/123', 'entities/123'],
+                suspended: false,
+                createdBy: 'somebody2',
+                priorityClass: 'Medium',
+                taskType: 'dcrReview',
+                createTime: 1671514671782,
+                dueDate: 1671687471782,
+                taskId: '38363841',
+                displayName: 'DCR Review',
+                processDefinitionDisplayName: 'Data Change Request Review',
+                possibleActions: [
+                    {
+                        action: 'Approve',
+                        label: 'Approve'
+                    },
+                    {
+                        action: 'Reject',
+                        label: 'Reject'
+                    }
+                ],
+                priority: 50,
+                preferredAction: {
+                    action: 'Approve',
+                    label: 'Approve'
+                },
+                repeatingTask: false,
+                valid: true
+            }
+        ],
+        total: 1,
+        loading: false,
+        updateTaskState: () => {},
+        loadTasks: () => {}
+    };
+
+    const entityUri = 'changeRequests/123/changes/entities/123';
+    const entity = {
+        uri: entityUri,
+        type: 'entityType'
+    };
+
+    const dispatch = jest.fn();
+
+    let workflow;
+
+    beforeAll(() => {
+        jest.spyOn(reactRedux, 'useDispatch').mockReturnValue(dispatch);
+        jest.spyOn(reactRedux, 'useSelector').mockImplementation((selector) => selector({}));
+    });
+
+    beforeEach(() => {
+        workflow = useWorkflowTasksMock;
+        jest.spyOn(reltioComponents, 'useWorkflowTasks').mockImplementation(() => workflow);
+        jest.spyOn(mdmModule.selectors, 'getEntity').mockImplementation(() => entity);
+        jest.spyOn(mdmModule.selectors, 'getEntityUri').mockImplementation(() => entity.uri);
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    const setUp = () => mount(<DCRReviewPerspectiveView />);
+
+    const getLinearLoadIndicator = (component) => component.find(LinearLoadIndicator);
+    const getDCRProfileBand = (component) => component.find(DCRProfileBand);
+    const getAttributesView = (component) => component.find(AttributesView);
+    const getEmptyState = (component) => component.find(EmptyState);
+    const getRightSidePanel = (component) => component.find(RightSidePanel);
+    const getWorkflowTasksContext = (component) => component.find(WorkflowTasksContext.Provider);
+
+    it('should render main components', () => {
+        const view = setUp();
+
+        expect(getDCRProfileBand(view)).toHaveLength(1);
+        expect(getAttributesView(view)).toHaveLength(1);
+        expect(getRightSidePanel(view)).toHaveLength(1);
+    });
+
+    it('should render loading state if workflow is loading', () => {
+        workflow = {
+            ...useWorkflowTasksMock,
+            loading: true
+        };
+        const view = setUp();
+
+        expect(getDCRProfileBand(view)).toHaveLength(0);
+        expect(getAttributesView(view)).toHaveLength(0);
+        expect(getRightSidePanel(view)).toHaveLength(0);
+
+        expect(getLinearLoadIndicator(view)).toHaveLength(1);
+        expect(getEmptyState(view)).toHaveLength(1);
+    });
+
+    it('should open default perspective on reject action', () => {
+        const view = shallow(<DCRReviewPerspectiveView />);
+
+        getWorkflowTasksContext(view).prop('value').onActionSuccess('Reject');
+
+        expect(dispatch).toHaveBeenCalledWith(ui.actions.openPerspective({perspectiveId: null, viewId: null}));
+    });
+
+    it('should open entity in profile perspective on Approve action', () => {
+        const view = shallow(<DCRReviewPerspectiveView />);
+
+        getWorkflowTasksContext(view).prop('value').onActionSuccess('Approve');
+
+        expect(dispatch).toHaveBeenCalledWith(ui.actions.openEntity({uri: 'entities/123', viewId: null}));
+    });
+});

package/src/components/DCRReviewPerspectiveView/components/DCRProfileBand/DCRProfileBand.tsx

@@ -0,0 +1,22 @@
+import React, {useContext, useMemo} from 'react';
+import {ProfileBand, TaskActionButtons, WorkflowTasksContext} from '@reltio/components';
+import {useSelector} from 'react-redux';
+import {Entity, getEntityUriFromDCRUri} from '@reltio/mdm-sdk';
+import mdm from '@reltio/mdm-module';
+import {useStyles} from './styles';
+
+export const DCRProfileBand = () => {
+    const styles = useStyles();
+
+    const entity: Entity = useSelector(mdm.selectors.getEntity);
+    const {tasks} = useContext(WorkflowTasksContext);
+    const entityTask = useMemo(() => {
+        return tasks?.find((task) => task.objectURIs.includes(getEntityUriFromDCRUri(entity.uri)));
+    }, [entity.uri, tasks]);
+
+    return (
+        <ProfileBand entity={entity}>
+            <div className={styles.actionsWrapper}>{entityTask && <TaskActionButtons task={entityTask} />}</div>
+        </ProfileBand>
+    );
+};

package/src/components/DCRReviewPerspectiveView/components/DCRProfileBand/__tests__/DCRProfileBand.test.tsx

@@ -0,0 +1,92 @@
+import React from 'react';
+import * as reactRedux from 'react-redux';
+
+import {ProfileBand, TaskActionButtons, WorkflowTasksContext} from '@reltio/components';
+import mdm from '@reltio/mdm-module';
+import {Entity, WorkflowTaskData} from '@reltio/mdm-sdk';
+import {mount} from 'enzyme';
+import {DCRProfileBand} from '../DCRProfileBand';
+
+jest.mock('@reltio/components', () => ({
+    ...(jest.requireActual('@reltio/components') as Record<string, unknown>),
+    ProfileBand: function ProfileBand({children}) {
+        return <>{children}</>;
+    },
+    TaskActionButtons: () => null
+}));
+describe('DCRProfileBand tests', () => {
+    const entity: Entity = {
+        uri: 'changeRequests/123/changes/entities/123',
+        type: 'entityType'
+    };
+    const testTasks: WorkflowTaskData[] = [
+        {
+            assignee: 'somebody1',
+            processInstanceId: '38363829',
+            processType: 'dataChangeRequestReview',
+            objectURIs: ['changeRequests/123', 'entities/123'],
+            suspended: false,
+            createdBy: 'somebody2',
+            priorityClass: 'Medium',
+            taskType: 'dcrReview',
+            createTime: 1671514671782,
+            dueDate: 1671687471782,
+            taskId: '38363841',
+            displayName: 'DCR Review',
+            processDefinitionDisplayName: 'Data Change Request Review',
+            possibleActions: [
+                {
+                    action: 'Approve',
+                    label: 'Approve'
+                },
+                {
+                    action: 'Reject',
+                    label: 'Reject'
+                }
+            ],
+            priority: 50,
+            preferredAction: {
+                action: 'Approve',
+                label: 'Approve'
+            },
+            repeatingTask: false,
+            valid: true
+        }
+    ];
+
+    const setUp = (tasks) => {
+        return mount(
+            <WorkflowTasksContext.Provider
+                value={{
+                    tasks,
+                    total: 1,
+                    loadTasks: () => {},
+                    loading: false,
+                    updateTaskState: () => {}
+                }}
+            >
+                <DCRProfileBand />
+            </WorkflowTasksContext.Provider>
+        );
+    };
+
+    beforeAll(() => {
+        jest.spyOn(reactRedux, 'useSelector').mockImplementation((selector) => selector({}));
+        jest.spyOn(mdm.selectors, 'getEntity').mockReturnValue(entity);
+    });
+
+    const getProfileBand = (component) => component.find(ProfileBand);
+    const getTaskActionButtons = (component) => component.find(TaskActionButtons);
+
+    it('should render main components', () => {
+        const component = setUp(testTasks);
+        expect(getProfileBand(component).prop('entity')).toBe(entity);
+        expect(getTaskActionButtons(component).prop('task')).toBe(testTasks[0]);
+    });
+
+    it('should not render TaskActionButtons without task', () => {
+        const component = setUp([]);
+        expect(getProfileBand(component).prop('entity')).toBe(entity);
+        expect(getTaskActionButtons(component)).toHaveLength(0);
+    });
+});

package/src/components/DCRReviewPerspectiveView/components/DCRProfileBand/styles.ts

@@ -0,0 +1,11 @@
+import {makeStyles} from '@mui/styles';
+
+export const useStyles = makeStyles(() => ({
+    actionsWrapper: {
+        display: 'flex',
+        '& button + button': {
+            width: '88px',
+            marginLeft: '8px'
+        }
+    }
+}));

package/src/components/DCRReviewPerspectiveView/hooks/useWorkflowTasks.ts

@@ -0,0 +1,31 @@
+import {useWorkflowTasks as useCommonWorkflowTasks} from '@reltio/components';
+import mdmModule, {ui} from '@reltio/mdm-module';
+import {getEntityUriFromDCRUri} from '@reltio/mdm-sdk';
+import {useCallback, useMemo} from 'react';
+import {useDispatch, useSelector} from 'react-redux';
+
+export const useWorkflowTasks = (workflowConfig: Parameters<typeof useCommonWorkflowTasks>[0]) => {
+    const dispatch = useDispatch();
+    const entityUri: string = useSelector(mdmModule.selectors.getEntityUri);
+    const commonWorkflowTasks = useCommonWorkflowTasks(workflowConfig);
+
+    const actionSuccessHandler = useCallback(
+        (action: string) => {
+            if (action === 'Reject') {
+                dispatch(ui.actions.openPerspective({perspectiveId: null, viewId: null}));
+            }
+            if (action === 'Approve') {
+                dispatch(ui.actions.openEntity({uri: getEntityUriFromDCRUri(entityUri), viewId: null}));
+            }
+        },
+        [dispatch, entityUri]
+    );
+
+    return useMemo(
+        () => ({
+            ...commonWorkflowTasks,
+            onActionSuccess: actionSuccessHandler
+        }),
+        [commonWorkflowTasks, actionSuccessHandler]
+    );
+};