(false);
- const { initialAssignees, assigneeOptions } = useMemo(() => {
- const initialAssignees = generateOptions(taskDetails?.assignees ?? []);
- const assigneeOptions = unionBy(
- [...initialAssignees, ...generateOptions(usersList)],
- 'value'
- );
-
- return { initialAssignees, assigneeOptions };
- }, [taskDetails, usersList]);
-
- const taskColumnName = useMemo(() => {
- const columnName = EntityLink.getTableColumnName(taskThread.about) ?? '';
-
- if (columnName) {
- return (
-
- {columnName} {t('label.in-lowercase')}
-
- );
- }
-
- return null;
- }, [taskThread.about]);
-
- const isOwner = owners?.some((owner) => isEqual(owner.id, currentUser?.id));
- const isCreator = isEqual(taskThread.createdBy, currentUser?.name);
-
- const checkIfUserPartOfTeam = useCallback(
- (teamId: string): boolean => {
- return Boolean(currentUser?.teams?.find((team) => teamId === team.id));
- },
- [currentUser]
- );
-
- const isAssignee = taskDetails?.assignees?.some((assignee) =>
- isEqual(assignee.id, currentUser?.id)
- );
-
- const isPartOfAssigneeTeam = taskDetails?.assignees?.some((assignee) =>
- assignee.type === 'team' ? checkIfUserPartOfTeam(assignee.id) : false
- );
-
- const getFormattedMenuOptions = (options: TaskAction[]) => {
- return options.map((item) => ({
- ...item,
- icon:
-
- {`#${taskDetails.id} `}
-
-
- {TASK_TYPES[taskDetails.type]}
-
-
- {taskColumnName}
-
-
- {getNameFromFQN(entityFQN)}
-
-
- {`(${entityType})`}
-
-
- ) : null,
- [
- isEntityDetailsAvailable,
- entityFQN,
- entityType,
- taskDetails,
- handleTaskLinkClick,
- ]
- );
-
- const updateTaskData = (data: TaskDetails | ResolveTask) => {
- if (!taskDetails?.id) {
- return;
- }
- updateTask(TaskOperation.RESOLVE, taskDetails?.id + '', data)
- .then(() => {
- showSuccessToast(t('server.task-resolved-successfully'));
- rest.onAfterClose?.();
- rest.onUpdateEntityDetails?.();
- })
- .catch((err: AxiosError) =>
- showErrorToast(getErrorText(err, t('server.unexpected-error')))
- );
- };
-
- const onGlossaryTaskResolve = (status = 'approved') => {
- const newValue = isTaskGlossaryApproval ? status : taskDetails?.suggestion;
- const data = { newValue: newValue };
- updateTaskData(data as TaskDetails);
- };
-
- const onTaskResolve = () => {
- if (!isTaskGlossaryApproval && isEmpty(taskDetails?.suggestion)) {
- showErrorToast(
- t('message.field-text-is-required', {
- fieldText: isTaskTags
- ? t('label.tag-plural')
- : t('label.description'),
- })
- );
-
- return;
- }
- if (isTaskTags) {
- const tagsData = {
- newValue: taskDetails?.suggestion || '[]',
- };
-
- updateTaskData(tagsData as TaskDetails);
- } else {
- const newValue = isTaskGlossaryApproval
- ? 'approved'
- : taskDetails?.suggestion;
- const data = { newValue: newValue };
- updateTaskData(data as TaskDetails);
- }
- };
-
- const onEditAndSuggest = ({
- description,
- updatedTags,
- testCaseFailureReason,
- testCaseFailureComment,
- }: {
- description: string;
- updatedTags: TagLabel[];
- testCaseFailureReason: TestCaseFailureReasonType;
- testCaseFailureComment: string;
- }) => {
- let data = {} as ResolveTask;
- if (isTaskTags) {
- data = {
- newValue: JSON.stringify(updatedTags) || '[]',
- };
- } else {
- if (isTaskTestCaseResult) {
- data = {
- newValue: testCaseFailureComment,
- testCaseFQN: entityFQN,
- testCaseFailureReason,
- };
- } else {
- data = { newValue: description };
- }
- }
-
- updateTaskData(data as ResolveTask);
- };
-
- /**
- *
- * @returns True if has access otherwise false
- */
- const hasEditAccess =
- isAdminUser ||
- isAssignee ||
- (!hasGlossaryReviewer && isOwner) ||
- (Boolean(isPartOfAssigneeTeam) && !isCreator);
-
- const onSave = () => {
- postFeed(comment, taskThread?.id ?? '')
- .catch(() => {
- // ignore since error is displayed in toast in the parent promise.
- // Added block for sonar code smell
- })
- .finally(() => {
- editorRef.current?.clearEditorContent();
- });
- };
-
- const handleMenuItemClick: MenuProps['onClick'] = (info) => {
- if (info.key === TaskActionMode.EDIT) {
- setShowEditTaskModel(true);
- } else if (info.key === TaskActionMode.CLOSE) {
- onTaskReject();
- } else {
- onTaskResolve();
- }
- setTaskAction(
- [
- ...TASK_ACTION_LIST,
- ...GLOSSARY_TASK_ACTION_LIST,
- ...INCIDENT_TASK_ACTION_LIST,
- ].find((action) => action.key === info.key) ?? TASK_ACTION_LIST[0]
- );
- };
-
- const onTaskReject = () => {
- if (!isTaskGlossaryApproval && isEmpty(comment)) {
- showErrorToast(t('server.task-closed-without-comment'));
-
- return;
- }
-
- const updatedComment = isTaskGlossaryApproval ? 'Rejected' : comment;
- updateTask(TaskOperation.REJECT, taskDetails?.id + '', {
- comment: updatedComment,
- } as unknown as TaskDetails)
- .then(() => {
- showSuccessToast(t('server.task-closed-successfully'));
- rest.onAfterClose?.();
- rest.onUpdateEntityDetails?.();
- })
- .catch((err: AxiosError) => showErrorToast(err));
- };
-
- const onTestCaseIncidentAssigneeUpdate = async () => {
- setIsActionLoading(true);
- const testCaseIncident: CreateTestCaseResolutionStatus = {
- testCaseResolutionStatusType: TestCaseResolutionStatusTypes.Assigned,
- testCaseReference: entityFQN,
- testCaseResolutionStatusDetails: {
- assignee: {
- id: updatedAssignees[0].value,
- name: updatedAssignees[0].name,
- displayName: updatedAssignees[0].displayName,
- type: updatedAssignees[0].type,
- },
- },
- };
- try {
- const response = await postTestCaseIncidentStatus(testCaseIncident);
- updateTestCaseIncidentStatus([...testCaseResolutionStatus, response]);
- fetchUpdatedThread(taskThread.id).finally(() => {
- setIsEditAssignee(false);
- });
- } catch (error) {
- showErrorToast(error as AxiosError);
- } finally {
- setIsActionLoading(false);
- }
- };
-
- const onTestCaseIncidentResolve = async ({
- testCaseFailureReason,
- testCaseFailureComment,
- }: {
- testCaseFailureReason: TestCaseFailureReasonType;
- testCaseFailureComment: string;
- }) => {
- setIsActionLoading(true);
- const testCaseIncident: CreateTestCaseResolutionStatus = {
- testCaseResolutionStatusType: TestCaseResolutionStatusTypes.Resolved,
- testCaseReference: entityFQN,
- testCaseResolutionStatusDetails: {
- resolvedBy: {
- id: currentUser?.id ?? '',
- name: currentUser?.name ?? '',
- type: 'user',
- },
- testCaseFailureReason,
- testCaseFailureComment,
- },
- };
- try {
- const response = await postTestCaseIncidentStatus(testCaseIncident);
- updateTestCaseIncidentStatus([...testCaseResolutionStatus, response]);
- rest.onAfterClose?.();
- setShowEditTaskModel(false);
- } catch (error) {
- showErrorToast(
- getErrorText(error as AxiosError, t('server.unexpected-error'))
- );
- } finally {
- setIsActionLoading(false);
- }
- };
-
- const handleTaskMenuClick = (info: MenuInfo) => {
- setTaskAction(
- INCIDENT_TASK_ACTION_LIST.find((action) => action.key === info.key) ??
- INCIDENT_TASK_ACTION_LIST[0]
- );
- switch (info.key) {
- case TaskActionMode.RE_ASSIGN:
- setIsEditAssignee(true);
-
- break;
- case TaskActionMode.RESOLVE:
- setShowEditTaskModel(true);
-
- break;
- }
- };
-
- const onTestCaseTaskDropdownClick = () => {
- if (taskAction.key === TaskActionMode.RESOLVE) {
- setShowEditTaskModel(true);
- } else {
- handleTaskMenuClick({ key: taskAction.key } as MenuInfo);
- }
- };
-
- const handleGlossaryTaskMenuClick = (info: MenuInfo) => {
- setTaskAction(
- GLOSSARY_TASK_ACTION_LIST.find((action) => action.key === info.key) ??
- GLOSSARY_TASK_ACTION_LIST[0]
- );
- switch (info.key) {
- case TaskActionMode.RESOLVE:
- onTaskResolve();
-
- break;
-
- case TaskActionMode.CLOSE:
- onGlossaryTaskResolve('rejected');
-
- break;
- }
- };
-
- const handleNoSuggestionMenuItemClick: MenuProps['onClick'] = (info) => {
- if (info.key === TaskActionMode.EDIT) {
- setShowEditTaskModel(true);
- } else {
- onTaskReject();
- }
- setTaskAction(
- noSuggestionTaskMenuOptions.find((action) => action.key === info.key) ??
- noSuggestionTaskMenuOptions[0]
- );
- };
-
- const onTaskDropdownClick = () => {
- if (taskAction.key === TaskActionMode.RESOLVE) {
- handleMenuItemClick({ key: taskAction.key } as MenuInfo);
- } else {
- onTaskReject();
- }
- };
-
- const onNoSuggestionTaskDropdownClick = () => {
- if (taskAction.key === TaskActionMode.EDIT) {
- handleNoSuggestionMenuItemClick({ key: taskAction.key } as MenuInfo);
- } else {
- onTaskReject();
- }
- };
-
- const renderCommentButton = useMemo(() => {
- return (
-
- {t('label.comment')}
-
- );
- }, [comment, onSave]);
-
- const approvalWorkflowActions = useMemo(() => {
- const hasApprovalAccess =
- isAssignee || (Boolean(isPartOfAssigneeTeam) && !isCreator);
-
- return (
-
-
-
-
- {renderCommentButton}
-
- );
- }, [
- taskAction,
- isAssignee,
- isCreator,
- isPartOfAssigneeTeam,
- renderCommentButton,
- handleGlossaryTaskMenuClick,
- onTaskDropdownClick,
- ]);
-
- const testCaseResultFlow = useMemo(() => {
- const editPermission = checkPermission(
- Operation.EditAll,
- ResourceEntity.TEST_CASE,
- permissions
- );
- const hasApprovalAccess = isAssignee || isCreator || editPermission;
-
- return (
-
-
- );
- }, [
- taskDetails,
- isAssignee,
- isPartOfAssigneeTeam,
- taskAction,
- renderCommentButton,
- ]);
-
- const actionButtons = useMemo(() => {
- if (isTaskGlossaryApproval) {
- return approvalWorkflowActions;
- }
-
- if (isTaskTestCaseResult) {
- return testCaseResultFlow;
- }
-
- return (
-
- {isCreator && !hasEditAccess && (
-
- {t('label.close')}
-
- )}
- {hasEditAccess && (
- <>
- {showAddSuggestionButton ? (
-
-
- ) : (
-
- );
- }, [
- onTaskReject,
- taskDetails,
- onTaskResolve,
- handleMenuItemClick,
- taskAction,
- isTaskClosed,
- isTaskGlossaryApproval,
- showAddSuggestionButton,
- isCreator,
- approvalWorkflowActions,
- testCaseResultFlow,
- isTaskTestCaseResult,
- renderCommentButton,
- handleNoSuggestionMenuItemClick,
- onNoSuggestionTaskDropdownClick,
- ]);
-
- const initialFormValue = useMemo(() => {
- if (isTaskDescription) {
- const description =
- taskDetails?.suggestion ?? taskDetails?.oldValue ?? '';
-
- return { description };
- } else {
- const updatedTags = JSON.parse(
- taskDetails?.suggestion ?? taskDetails?.oldValue ?? '[]'
- );
-
- return { updatedTags };
- }
- }, [taskDetails, isTaskDescription]);
-
- const handleAssigneeUpdate = async () => {
- setIsAssigneeLoading(true);
- const updatedTaskThread = {
- ...taskThread,
- task: {
- ...taskThread.task,
- assignees: updatedAssignees.map((assignee: Option) => ({
- id: assignee.value,
- type: assignee.type,
- })),
- },
- };
- try {
- const patch = compare(taskThread, updatedTaskThread);
- const data = await updateThread(taskThread.id, patch);
- setIsEditAssignee(false);
- updateEntityThread(data);
- } catch (error) {
- showErrorToast(error as AxiosError);
- } finally {
- setIsAssigneeLoading(false);
- }
- };
-
- const fetchInitialAssign = useCallback(async () => {
- try {
- const { data } = await getUsers({
- limit: PAGE_SIZE_MEDIUM,
-
- isBot: false,
- });
- const filterData = getEntityReferenceListFromEntities(
- data,
- EntityType.USER
- );
- setUsersList(filterData);
- } catch (error) {
- setUsersList([]);
- }
- }, []);
-
- useEffect(() => {
- // fetch users only when the task is a test case result and the assignees are getting edited
- if (isTaskTestCaseResult && isEmpty(usersList) && isEditAssignee) {
- fetchInitialAssign();
- }
- }, [isTaskTestCaseResult, usersList, isEditAssignee]);
-
- useEffect(() => {
- assigneesForm.setFieldValue('assignees', initialAssignees);
- setOptions(assigneeOptions);
- }, [initialAssignees, assigneeOptions]);
-
- useEffect(() => {
- setTaskAction(latestAction);
- }, [latestAction]);
-
- const taskHeader = isTaskTestCaseResult ? (
-
-
- {isEditAssignee ? (
-
- ) : (
- <>
-
- {t('label.assignee-plural')}:{' '}
-
-
- {(isCreator || hasEditAccess) &&
- !isTaskClosed &&
- owners.length === 0 ? (
-
}
- size="small"
- type="text"
- onClick={() => setIsEditAssignee(true)}
- />
- ) : null}
-
- )}
-
-
-
- {t('label.created-by')}:{' '}
-
-
-
- form.setFieldValue('description', value)}
- />
- )}
-
- {isTaskTags && (
- form.setFieldValue('updatedTags', value)}
- />
- )}
-
-
- {taskThread?.posts?.map((reply) => (
-
- ))}
-
setShowEditTaskModel(false)}
- onOk={form.submit}>
-
-
- ) : (
- {
- form.resetFields();
- setShowEditTaskModel(false);
- }}
- onOk={form.submit}>
-
-
- )}
- {isTaskTestCaseResult && (
- setIsEditAssignee(false)}
- onOk={assigneesForm.submit}>
-
-
- )}
-
- );
-};