@zeniai/client-epic-state 4.10.35 → 4.10.37

package/lib/view/tagView/epics/createTagEpic.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTagEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const tagViewReducer_1 = require("../tagViewReducer");
+const tagReducer_1 = require("../../../entity/tag/tagReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
+const taskDetailReducer_1 = require("../../taskManager/taskDetailView/taskDetailReducer");
+const createTagEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(tagViewReducer_1.createTag.match), (0, operators_1.mergeMap)(function (action) {
+    const { tagName, taskId } = action.payload;
+    return handleCreateTag(tagName, zeniAPI, taskId);
+}));
+exports.createTagEpic = createTagEpic;
+const handleCreateTag = (tagName, zeniAPI, taskId) => {
+    const payload = Object.assign({}, prepareCreateTagPayload(tagName));
+    const createTagApi$ = zeniAPI.postAndGetJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tags`, payload);
+    return createTagApi$.pipe((0, operators_1.mergeMap)((response) => handleCreateTagResponse(response, taskId)), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, tagViewReducer_1.updateTagCreateStatus)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create Tag REST API call errored out ' + JSON.stringify(error)),
+        tagsId: [],
+    }))));
+};
+const handleCreateTagResponse = (response, taskId) => {
+    if ((0, responsePayload_1.isSuccessResponse)(response) &&
+        response.data != null &&
+        response.data.tags.length > 0) {
+        return (0, rxjs_1.from)([
+            (0, tagReducer_1.updateTags)(response.data.tags),
+            (0, tagViewReducer_1.updateTagCreateStatus)({
+                fetchState: 'Completed',
+                tagsId: response.data.tags.map((tag) => tag.tag_id),
+            }),
+            (0, taskDetailReducer_1.updateCreatedTagToLocalStore)({
+                tagId: response.data.tags[0].tag_id,
+                taskId: taskId,
+            }),
+        ]);
+    }
+    else {
+        return (0, rxjs_1.from)([
+            (0, tagViewReducer_1.updateTagCreateStatus)({
+                fetchState: 'Error',
+                error: response.status,
+                tagsId: [],
+            }),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'create_tag',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }),
+        ]);
+    }
+};
+/**
+ * Helpers
+ */
+const prepareCreateTagPayload = (tagName) => {
+    return {
+        name: tagName,
+    };
+};

package/lib/view/tagView/epics/deleteTagEpic.d.ts

@@ -0,0 +1,35 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { ZeniAPI } from '../../../zeniAPI';
+import { deleteTag, updateDeleteTagStatus } from '../tagViewReducer';
+import { RootState } from '../../../reducer';
+import { updateTags } from '../../../entity/tag/tagReducer';
+export declare type ActionType = ReturnType<typeof deleteTag> | ReturnType<typeof updateDeleteTagStatus> | ReturnType<typeof updateTags>;
+export declare const deleteTagEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
+    payload: string;
+    type: string;
+} | {
+    payload: {
+        messageSection: "common" | "transactionDetails_updatingPastTransactions" | "transactionDetails_transactionUpdated" | "cockpit_month_end_email_sent" | "cockpit_month_end_email_save" | "cockpit_month_end_email_attachment_upload" | "people_invite_people" | "people_invite_multiple_people" | "people_delete_person" | "people_update_person" | "reimbursement_updated" | "reimbursement_deleted" | "reimbursement_cancelled_deleted" | "reimbursement_cancelled" | "reimbursement_approved" | "reimbursement_rejected" | "reimbursement_sent_for_approval" | "account_added" | "business_verification_save" | "business_verification_submit" | "business_verification_from_bills_submit" | "plaid_connection" | "unlink_deposit_account" | "reimbursement_setup" | "reimbursement_approval_create" | "reimbursement_duplicate_approval_create" | "reimbursement_approval_update" | "reimbursement_duplicate_approval_update" | "reimbursement_approval_delete" | "reimbursement_create_mileage" | "reimbursement_update_mileage" | "reimbursement_accept_term" | "reimbursement_accept_employee_term" | "bill_pay_setup" | "zeni_accounts_setup" | "bill_pay_approval_create" | "bill_pay_duplicate_approval_create" | "bill_pay_approval_update" | "bill_pay_duplicate_approval_update" | "bill_pay_approval_delete" | "bill_pay_updated" | "bill_pay_deleted" | "bill_pay_cancelled_deleted" | "bill_pay_cancelled" | "bill_pay_approved" | "real_time_approver_added" | "bill_pay_rejected" | "bill_pay_sent_for_approval" | "bill_pay_accept_term" | "zeni_account_accept_term" | "update_vendor" | "delete_bank_account" | "create_bank_account" | "create_bank_account_ach" | "create_bank_account_wire" | "create_bank_account_international" | "transfer_money" | "update_zeni_account_nickname" | "create_checking_account" | "deposit_check" | "create_vendor" | "onboarding_customer_view" | "onboarding_customer_view_complete" | "onboarding_customer_identity_verification_save" | "onboarding_customer_identity_verification_submit" | "onboarding_customer_business_verification_save" | "onboarding_customer_business_verification_submit" | "retry_bank_account_connection" | "dashboard_invite_sent" | "onboarding_info_saved" | "approve_original_merchant" | "approve_global_merchant" | "reject_global_merchant" | "create_global_merchant" | "fetch_global_merchant_no_recommendation" | "save_vendor_renamed" | "save_vendor_sent_for_review" | "save_vendor_marked_as_employee" | "charge_card_setup" | "charge_card_accept_term" | "create_schedule" | "save_schedule" | "delete_schedule" | "save_task_detail" | "fetch_task_detail" | "delete_task" | "archive_task" | "create_tag" | "delete_tag" | "update_charge_card" | "issue_charge_card" | "notification_settings_saved" | "referral_invite_sent" | "notification_mark_as_read" | "mark_as_complete_schedule" | "settings_accounting_accounts_updated";
+        messageText: "failed" | "success";
+        type: import("../../..").SnackbarMessageType;
+        showStatusIcon?: boolean | undefined;
+        variables?: {
+            variableName: string;
+            variableValue: string;
+        }[] | undefined;
+    };
+    type: string;
+} | {
+    payload: {
+        fetchState: import("../../..").FetchState;
+        tagId: string;
+        error?: import("../../../responsePayload").ZeniAPIStatus<Record<string, unknown>> | undefined;
+    };
+    type: string;
+} | {
+    payload: {
+        tagId: string | undefined;
+        taskId: string | undefined;
+    };
+    type: string;
+}>;

package/lib/view/tagView/epics/deleteTagEpic.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteTagEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const tagViewReducer_1 = require("../tagViewReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
+const tagReducer_1 = require("../../../entity/tag/tagReducer");
+const taskDetailReducer_1 = require("../../taskManager/taskDetailView/taskDetailReducer");
+const deleteTagEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(tagViewReducer_1.deleteTag.match), (0, operators_1.mergeMap)((action) => {
+    const { tagId, taskId } = action.payload;
+    return zeniAPI
+        .deleteAndGetJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tags/${tagId}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            return (0, rxjs_1.from)([
+                (0, tagViewReducer_1.updateDeleteTagStatus)({ fetchState: 'Completed', tagId }),
+                (0, tagReducer_1.removeTag)(tagId),
+                (0, taskDetailReducer_1.updateDeletedTagToLocalStore)({
+                    tagId: tagId,
+                    taskId: taskId,
+                }),
+            ]);
+        }
+        else {
+            return (0, rxjs_1.from)([
+                (0, tagViewReducer_1.updateDeleteTagStatus)({
+                    fetchState: 'Error',
+                    tagId,
+                    error: response.status,
+                }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'delete_tag',
+                    messageText: 'failed',
+                    type: 'error',
+                    variables: [
+                        {
+                            variableName: '_api-error_',
+                            variableValue: response.status.message,
+                        },
+                    ],
+                }),
+            ]);
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, tagViewReducer_1.updateDeleteTagStatus)({
+        fetchState: 'Error',
+        tagId,
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Delete tag REST API call errored out ' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.deleteTagEpic = deleteTagEpic;

package/lib/view/tagView/epics/fetchAllTagsEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchTagList, updateTagList, updateTagListFetchStatus } from '../tagViewReducer';
+import { updateTags } from '../../../entity/tag/tagReducer';
+export declare type ActionType = ReturnType<typeof fetchTagList> | ReturnType<typeof updateTagList> | ReturnType<typeof updateTagListFetchStatus> | ReturnType<typeof updateTags>;
+export declare const fetchAllTagsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/tagView/epics/fetchAllTagsEpic.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchAllTagsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const tagViewReducer_1 = require("../tagViewReducer");
+const tagReducer_1 = require("../../../entity/tag/tagReducer");
+const fetchAllTagsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(tagViewReducer_1.fetchTagList.match), (0, operators_1.switchMap)(() => {
+    const queryParam = { filter_type: 'all' };
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.taskMicroServiceBaseUrl}/1.0/task-manager/tags?query=${encodeURIComponent(JSON.stringify(queryParam))}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, tagReducer_1.updateTags)(response.data.tags), (0, tagViewReducer_1.updateTagList)({
+                data: response.data.tags,
+            }));
+        }
+        else {
+            return (0, rxjs_1.of)((0, tagViewReducer_1.updateTagListFetchStatus)({
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, tagViewReducer_1.updateTagListFetchStatus)({
+            fetchState: 'Error',
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch Tag List REST API call errored out' +
+                JSON.stringify(error)),
+        }));
+    }));
+}));
+exports.fetchAllTagsEpic = fetchAllTagsEpic;

package/lib/view/tagView/tagViewPayload.d.ts

@@ -0,0 +1,7 @@
+import { TagPayload } from '../../entity/tag/tagPayload';
+import { ZeniAPIResponse } from '../../responsePayload';
+export declare type DeleteTagResponse = ZeniAPIResponse<FetchTagListPayload>;
+export interface FetchTagListPayload {
+    tags: TagPayload[];
+}
+export declare type FetchTagListResponse = ZeniAPIResponse<FetchTagListPayload>;

package/lib/view/tagView/tagViewPayload.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/tagView/tagViewReducer.d.ts

@@ -0,0 +1,27 @@
+import { TagViewState } from './tagViewState';
+import { FetchState, ID } from '../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../responsePayload';
+import { TagPayload } from '../../entity/tag/tagPayload';
+export declare const initialState: TagViewState;
+export declare const fetchTagList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateTagListFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
+}, string>, updateTagList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    data: TagPayload[];
+}, string>, createTag: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[tagName: string, taskId: any], {
+    tagName: string;
+    taskId: any;
+}, string, never, never>, updateTagCreateStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    tagsId: ID[];
+    error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
+}, string>, deleteTag: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[tagId: string, taskId: any], {
+    tagId: string;
+    taskId: any;
+}, string, never, never>, updateDeleteTagStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    tagId: ID;
+    error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
+}, string>, clearTagView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("@reduxjs/toolkit").Reducer<TagViewState, import("@reduxjs/toolkit").AnyAction>;
+export default _default;

package/lib/view/tagView/tagViewReducer.js

@@ -0,0 +1,94 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearTagView = exports.updateDeleteTagStatus = exports.deleteTag = exports.updateTagCreateStatus = exports.createTag = exports.updateTagList = exports.updateTagListFetchStatus = exports.fetchTagList = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    tagsId: [],
+    fetchState: 'Not-Started',
+    error: undefined,
+    tagDeleteStatusById: {},
+    tagCreateStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    hasValidState() {
+        return this.fetchState == 'Completed';
+    },
+};
+const tagView = (0, toolkit_1.createSlice)({
+    name: 'tagView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchTagList(draft) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+        },
+        updateTagList(draft, action) {
+            const { data } = action.payload;
+            draft.error = undefined;
+            const newTags = data.map((tag) => tag.tag_id);
+            draft.tagsId = [...new Set([...draft.tagsId, ...newTags])];
+            draft.fetchState = 'Completed';
+        },
+        updateTagListFetchStatus(draft, action) {
+            draft.fetchState = action.payload.fetchState;
+            draft.error = action.payload.error;
+        },
+        createTag: {
+            reducer(draft) {
+                draft.tagCreateStatus = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(tagName, taskId) {
+                return {
+                    payload: {
+                        tagName,
+                        taskId,
+                    },
+                };
+            },
+        },
+        updateTagCreateStatus(draft, action) {
+            const currentTagsList = draft.tagsId;
+            draft.tagsId = [
+                ...new Set([...action.payload.tagsId, ...currentTagsList]),
+            ];
+            draft.tagCreateStatus = {
+                fetchState: action.payload.fetchState,
+                error: action.payload.error,
+            };
+        },
+        deleteTag: {
+            reducer(draft, action) {
+                draft.tagDeleteStatusById[action.payload.tagId] = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(tagId, taskId) {
+                return {
+                    payload: {
+                        tagId,
+                        taskId,
+                    },
+                };
+            },
+        },
+        updateDeleteTagStatus(draft, action) {
+            const { fetchState, tagId, error } = action.payload;
+            draft.tagsId = draft.tagsId.filter((tag) => tag !== tagId);
+            draft.tagDeleteStatusById[action.payload.tagId] = {
+                fetchState: fetchState,
+                error: error,
+            };
+        },
+        clearTagView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = tagView.actions, exports.fetchTagList = _a.fetchTagList, exports.updateTagListFetchStatus = _a.updateTagListFetchStatus, exports.updateTagList = _a.updateTagList, exports.createTag = _a.createTag, exports.updateTagCreateStatus = _a.updateTagCreateStatus, exports.deleteTag = _a.deleteTag, exports.updateDeleteTagStatus = _a.updateDeleteTagStatus, exports.clearTagView = _a.clearTagView;
+exports.default = tagView.reducer;

package/lib/view/tagView/tagViewSelector.d.ts

@@ -0,0 +1,10 @@
+import { FetchStateAndError, ID } from '../../commonStateTypes/common';
+import { SelectorView } from '../../commonStateTypes/viewAndReport/viewAndReport';
+import { Tag } from '../../entity/tag/tagState';
+import { RootState } from '../../reducer';
+export interface TagViewSelectorView extends SelectorView {
+    tagList: Tag[];
+    tagCreateStatus: FetchStateAndError;
+    tagDeleteStatusById: Record<ID, FetchStateAndError>;
+}
+export declare const getAllTags: (state: RootState) => TagViewSelectorView;

package/lib/view/tagView/tagViewSelector.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAllTags = void 0;
+const tagSelector_1 = require("../../entity/tag/tagSelector");
+const getAllTags = (state) => {
+    const { tagState, tagViewState } = state;
+    const tagList = (0, tagSelector_1.getTagsByIds)(tagState, tagViewState.tagsId);
+    return {
+        tagList: tagList,
+        fetchState: tagViewState.fetchState,
+        tagDeleteStatusById: tagViewState.tagDeleteStatusById,
+        tagCreateStatus: tagViewState.tagCreateStatus,
+        error: undefined,
+        version: 0,
+    };
+};
+exports.getAllTags = getAllTags;

package/lib/view/tagView/tagViewState.d.ts

@@ -0,0 +1,6 @@
+import { FetchedState, FetchStateAndError, ID } from '../../commonStateTypes/common';
+export interface TagViewState extends FetchedState {
+    tagsId: ID[];
+    tagCreateStatus: FetchStateAndError;
+    tagDeleteStatusById: Record<ID, FetchStateAndError>;
+}

package/lib/view/tagView/tagViewState.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/taskManager/taskDetailView/epics/fetchTaskDetailEpic.d.ts

@@ -1,10 +1,11 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { fetchTaskDetail, updateEditTaskFetchStatus, removeTaskDetail, initializeTaskToLocalStore } from '../taskDetailReducer';
+import { updateTags } from '../../../../entity/tag/tagReducer';
 import { ZeniAPI } from '../../../../zeniAPI';
 import { RootState } from '../../../../reducer';
 import { updateTasks } from '../../../../entity/task/taskReducer';
 import { fetchFileList } from '../../../fileView/fileViewReducer';
 import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
-export declare type ActionType = ReturnType<typeof fetchTaskDetail> | ReturnType<typeof updateEditTaskFetchStatus> | ReturnType<typeof removeTaskDetail> | ReturnType<typeof updateTasks> | ReturnType<typeof initializeTaskToLocalStore> | ReturnType<typeof fetchFileList> | ReturnType<typeof openSnackbar>;
+export declare type ActionType = ReturnType<typeof fetchTaskDetail> | ReturnType<typeof updateTags> | ReturnType<typeof updateEditTaskFetchStatus> | ReturnType<typeof removeTaskDetail> | ReturnType<typeof updateTasks> | ReturnType<typeof initializeTaskToLocalStore> | ReturnType<typeof fetchFileList> | ReturnType<typeof openSnackbar>;
 export declare const fetchTaskDetailEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/taskManager/taskDetailView/epics/fetchTaskDetailEpic.js

@@ -8,6 +8,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const get_1 = __importDefault(require("lodash/get"));
 const taskDetailReducer_1 = require("../taskDetailReducer");
+const tagReducer_1 = require("../../../../entity/tag/tagReducer");
 const responsePayload_1 = require("../../../../responsePayload");
 const taskReducer_1 = require("../../../../entity/task/taskReducer");
 const fileViewReducer_1 = require("../../../fileView/fileViewReducer");
@@ -34,6 +35,7 @@ const fetchTaskDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
                         taskId,
                         fetchState: 'Completed',
                     }),
+                    (0, tagReducer_1.updateTags)(response.data.tasks.map((task) => task.tags).flat()),
                     (0, taskDetailReducer_1.initializeTaskToLocalStore)(taskId),
                 ];
                 const fileIds = response.data.tasks[0].file_ids;

package/lib/view/taskManager/taskDetailView/epics/initializeTaskToLocalStoreEpic.js

@@ -20,7 +20,7 @@ const initializeTaskToLocalStoreEpic = (actions$, state$) => actions$.pipe((0, o
             assignee: task.assignees,
             dueDate: task.dueDate,
             priority: task.priority.code,
-            tag: task.tag != null ? task.tag.code : undefined,
+            tagIds: task.tagIds,
             fileIds: task.fileIds,
             type: task.type,
             recurringFrequency: task.recurringFrequency,

package/lib/view/taskManager/taskDetailView/epics/saveTaskDetailEpic.js

@@ -73,7 +73,7 @@ const prepareTaskPayload = (state, taskId) => {
         due_date: (_d = (_c = localData.dueDate) === null || _c === void 0 ? void 0 : _c.format('YYYY-MM-DD')) !== null && _d !== void 0 ? _d : null,
         priority: localData.priority,
         status: localData.status,
-        tag: localData.tag,
+        tags: localData.tagIds,
         file_ids: localData.fileIds,
         type: localData.type.code,
         recurring_end_date: localData.type.code === 'recurring'

package/lib/view/taskManager/taskDetailView/taskDetail.d.ts

@@ -1,5 +1,5 @@
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
-import { TaskStatusCodeType, PriorityCodeType, TaskTagCodeType, TaskType } from '../../../entity/task/taskState';
+import { TaskStatusCodeType, PriorityCodeType, TaskType } from '../../../entity/task/taskState';
 import { ZeniDate } from '../../../zeniDayJS';
 import { RecurringDatePickerOptions, RecurringFrequencyType } from '../../common/recurringViewHelper';
 import { CommonHistoryView } from '../../spendManagement/commonHistoryView/commonHistory';
@@ -21,19 +21,19 @@ export interface EditTaskLocalData {
     description: string;
     status: TaskStatusCodeType;
     assignee: ID[];
-    dueDate?: ZeniDate;
+    tagIds: ID[];
     priority: PriorityCodeType;
-    tag?: TaskTagCodeType;
     type: TaskType;
     recurringEndDateLocalData: {
         recurringDatePickerOptionsType?: RecurringDatePickerOptions;
         recurringEndDate?: ZeniDate;
         recurringCount?: number;
     };
+    fileIds: ID[];
     savedRecurringEndDate?: ZeniDate;
     savedRecurringTasksCount?: number;
     recurringFrequency?: RecurringFrequencyType;
     recurringStartDate?: ZeniDate;
-    fileIds: ID[];
+    dueDate?: ZeniDate;
 }
 export declare const initialTaskDetail: EditTaskDetail;

package/lib/view/taskManager/taskDetailView/taskDetail.js

@@ -25,7 +25,7 @@ exports.initialTaskDetail = {
         assignee: [],
         dueDate: undefined,
         priority: 'low',
-        tag: undefined,
+        tagIds: [],
         fileIds: [],
         type: {
             code: 'one_time',

package/lib/view/taskManager/taskDetailView/taskDetailReducer.d.ts

@@ -49,6 +49,12 @@ export declare const fetchTaskDetailPage: import("@reduxjs/toolkit").ActionCreat
     taskId: ID;
     fetchState: FetchState;
     error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
-}, string>, clearTaskDetail: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+}, string>, clearTaskDetail: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateCreatedTagToLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    tagId: ID;
+    taskId?: string | undefined;
+}, string>, updateDeletedTagToLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    tagId: ID | undefined;
+    taskId: ID | undefined;
+}, string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<TaskDetailViewState, import("@reduxjs/toolkit").AnyAction>;
 export default _default;

package/lib/view/taskManager/taskDetailView/taskDetailReducer.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearTaskDetail = exports.updateTaskHistoryFetchStatus = exports.updateTaskHistory = exports.fetchTaskHistory = exports.deleteTaskSuccessOrFailure = exports.removeTaskDetail = exports.deleteTask = exports.saveTaskSuccessOrFailure = exports.archiveTaskSuccessOrFailure = exports.archiveTask = exports.saveTaskDetail = exports.discardTaskUpdatesInLocalStore = exports.saveTaskUpdatesToLocalStore = exports.updateEditTaskFetchStatus = exports.initializeTaskToLocalStore = exports.fetchTaskDetail = exports.fetchTaskDetailPage = exports.initialState = void 0;
+exports.updateDeletedTagToLocalStore = exports.updateCreatedTagToLocalStore = exports.clearTaskDetail = exports.updateTaskHistoryFetchStatus = exports.updateTaskHistory = exports.fetchTaskHistory = exports.deleteTaskSuccessOrFailure = exports.removeTaskDetail = exports.deleteTask = exports.saveTaskSuccessOrFailure = exports.archiveTaskSuccessOrFailure = exports.archiveTask = exports.saveTaskDetail = exports.discardTaskUpdatesInLocalStore = exports.saveTaskUpdatesToLocalStore = exports.updateEditTaskFetchStatus = exports.initializeTaskToLocalStore = exports.fetchTaskDetail = exports.fetchTaskDetailPage = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const get_1 = __importDefault(require("lodash/get"));
 const taskDetail_1 = require("./taskDetail");
@@ -68,6 +68,28 @@ const taskDetailView = (0, toolkit_1.createSlice)({
                 return { payload: { taskId } };
             },
         },
+        updateCreatedTagToLocalStore(draft, action) {
+            const key = action.payload.taskId;
+            if (key != null) {
+                draft.editTaskStateById[key].taskDetailLocalData.tagIds = [
+                    action.payload.tagId,
+                ];
+            }
+            else {
+                draft.newTaskState.taskDetailLocalData.tagIds = [action.payload.tagId];
+            }
+        },
+        updateDeletedTagToLocalStore(draft, action) {
+            const { tagId, taskId } = action.payload;
+            if (taskId != null) {
+                if (draft.editTaskStateById[taskId].taskDetailLocalData.tagIds.find((tag) => tag === tagId) != null) {
+                    draft.editTaskStateById[taskId].taskDetailLocalData.tagIds = [];
+                }
+            }
+            else if (draft.newTaskState.taskDetailLocalData.tagIds.find((tag) => tag === tagId) != null) {
+                draft.newTaskState.taskDetailLocalData.tagIds = [];
+            }
+        },
         saveTaskUpdatesToLocalStore(draft, action) {
             if (action.payload.taskId != null) {
                 const key = action.payload.taskId;
@@ -215,5 +237,5 @@ const taskDetailView = (0, toolkit_1.createSlice)({
         },
     },
 });
-_a = taskDetailView.actions, exports.fetchTaskDetailPage = _a.fetchTaskDetailPage, exports.fetchTaskDetail = _a.fetchTaskDetail, exports.initializeTaskToLocalStore = _a.initializeTaskToLocalStore, exports.updateEditTaskFetchStatus = _a.updateEditTaskFetchStatus, exports.saveTaskUpdatesToLocalStore = _a.saveTaskUpdatesToLocalStore, exports.discardTaskUpdatesInLocalStore = _a.discardTaskUpdatesInLocalStore, exports.saveTaskDetail = _a.saveTaskDetail, exports.archiveTask = _a.archiveTask, exports.archiveTaskSuccessOrFailure = _a.archiveTaskSuccessOrFailure, exports.saveTaskSuccessOrFailure = _a.saveTaskSuccessOrFailure, exports.deleteTask = _a.deleteTask, exports.removeTaskDetail = _a.removeTaskDetail, exports.deleteTaskSuccessOrFailure = _a.deleteTaskSuccessOrFailure, exports.fetchTaskHistory = _a.fetchTaskHistory, exports.updateTaskHistory = _a.updateTaskHistory, exports.updateTaskHistoryFetchStatus = _a.updateTaskHistoryFetchStatus, exports.clearTaskDetail = _a.clearTaskDetail;
+_a = taskDetailView.actions, exports.fetchTaskDetailPage = _a.fetchTaskDetailPage, exports.fetchTaskDetail = _a.fetchTaskDetail, exports.initializeTaskToLocalStore = _a.initializeTaskToLocalStore, exports.updateEditTaskFetchStatus = _a.updateEditTaskFetchStatus, exports.saveTaskUpdatesToLocalStore = _a.saveTaskUpdatesToLocalStore, exports.discardTaskUpdatesInLocalStore = _a.discardTaskUpdatesInLocalStore, exports.saveTaskDetail = _a.saveTaskDetail, exports.archiveTask = _a.archiveTask, exports.archiveTaskSuccessOrFailure = _a.archiveTaskSuccessOrFailure, exports.saveTaskSuccessOrFailure = _a.saveTaskSuccessOrFailure, exports.deleteTask = _a.deleteTask, exports.removeTaskDetail = _a.removeTaskDetail, exports.deleteTaskSuccessOrFailure = _a.deleteTaskSuccessOrFailure, exports.fetchTaskHistory = _a.fetchTaskHistory, exports.updateTaskHistory = _a.updateTaskHistory, exports.updateTaskHistoryFetchStatus = _a.updateTaskHistoryFetchStatus, exports.clearTaskDetail = _a.clearTaskDetail, exports.updateCreatedTagToLocalStore = _a.updateCreatedTagToLocalStore, exports.updateDeletedTagToLocalStore = _a.updateDeletedTagToLocalStore;
 exports.default = taskDetailView.reducer;

package/lib/view/taskManager/taskDetailView/taskDetailSelector.d.ts

@@ -1,7 +1,7 @@
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { Class } from '../../../entity/class/classState';
-import { TaskTag, TaskStatus, TaskPriority } from '../../../entity/task/taskState';
+import { TaskStatus, TaskPriority } from '../../../entity/task/taskState';
 import { RootState } from '../../../reducer';
 import { File } from '../../../entity/file/fileState';
 import { UserListSelectorView } from '../../userListView/userListViewSelector';
@@ -20,6 +20,5 @@ export interface TaskDetailSelectorView extends SelectorView {
     createdByUser?: UserAndRole;
 }
 export declare const getTaskDetail: (state: RootState, taskId?: string | undefined) => TaskDetailSelectorView;
-export declare const allTaskTags: TaskTag[];
 export declare const allTaskStatus: TaskStatus[];
 export declare const allTaskPriority: TaskPriority[];

package/lib/view/taskManager/taskDetailView/taskDetailSelector.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.allTaskPriority = exports.allTaskStatus = exports.allTaskTags = exports.getTaskDetail = void 0;
+exports.allTaskPriority = exports.allTaskStatus = exports.getTaskDetail = void 0;
 const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const reduceFetchState_1 = require("../../../commonStateTypes/reduceFetchState");
 const classSelector_1 = require("../../../entity/class/classSelector");
@@ -84,48 +84,6 @@ const getTaskDetail = (state, taskId) => {
     };
 };
 exports.getTaskDetail = getTaskDetail;
-exports.allTaskTags = [
-    {
-        code: 'invoices',
-        name: 'Invoices',
-    },
-    {
-        code: 'receipts',
-        name: 'Receipts',
-    },
-    {
-        code: 'tax_equity',
-        name: 'Tax',
-    },
-    {
-        code: 'payroll_statements',
-        name: 'Payroll',
-    },
-    {
-        code: 'accrual',
-        name: 'Accrual',
-    },
-    {
-        code: 'ap',
-        name: 'AP',
-    },
-    {
-        code: 'ar',
-        name: 'AR',
-    },
-    {
-        code: 'loan',
-        name: 'Loan',
-    },
-    {
-        code: 'uncategorized_transactions',
-        name: 'Uncat txns',
-    },
-    {
-        code: 'access',
-        name: 'Access',
-    },
-];
 exports.allTaskStatus = [
     {
         code: 'todo',
@@ -167,14 +125,14 @@ exports.allTaskPriority = [
     },
 ];
 const showFormFooter = (taskDetailLocalData, taskDetailInStore) => {
-    var _a, _b, _c;
+    var _a, _b;
     if (taskDetailLocalData.name !== (taskDetailInStore === null || taskDetailInStore === void 0 ? void 0 : taskDetailInStore.name) ||
         taskDetailLocalData.description !== taskDetailInStore.description ||
         taskDetailLocalData.priority !== taskDetailInStore.priority.code ||
         taskDetailLocalData.status !== taskDetailInStore.status.code ||
-        !(0, isEqual_1.default)(taskDetailLocalData.tag, (_a = taskDetailInStore.tag) === null || _a === void 0 ? void 0 : _a.code) ||
-        !(0, isEqual_1.default)(taskDetailLocalData.assignee, (_b = taskDetailInStore === null || taskDetailInStore === void 0 ? void 0 : taskDetailInStore.assignees) !== null && _b !== void 0 ? _b : []) ||
-        !(0, isEqual_1.default)(taskDetailLocalData.fileIds, (_c = taskDetailInStore.fileIds) !== null && _c !== void 0 ? _c : []) ||
+        !(0, isEqual_1.default)(taskDetailInStore.tagIds, taskDetailLocalData.tagIds) ||
+        !(0, isEqual_1.default)(taskDetailLocalData.assignee, (_a = taskDetailInStore === null || taskDetailInStore === void 0 ? void 0 : taskDetailInStore.assignees) !== null && _a !== void 0 ? _a : []) ||
+        !(0, isEqual_1.default)(taskDetailLocalData.fileIds, (_b = taskDetailInStore.fileIds) !== null && _b !== void 0 ? _b : []) ||
         !(0, isEqual_1.default)(taskDetailLocalData.dueDate, taskDetailInStore.dueDate) ||
         !(0, isEqual_1.default)(taskDetailLocalData.type, taskDetailInStore.type) ||
         !(0, isEqual_1.default)(taskDetailLocalData.savedRecurringEndDate, taskDetailInStore.recurringEndDate) ||