@zeniai/client-epic-state 4.9.30 → 4.9.31

package/lib/view/commonVendorView/transactionVendorView/epics/saveTransactionVendorEpic.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveTransactionVendorEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const transactionVendorViewPayload_1 = require("../transactionVendorViewPayload");
+const transactionVendorViewReducer_1 = require("../transactionVendorViewReducer");
+const vendorReducer_1 = require("../../../../entity/vendor/vendorReducer");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
+const transactionDetailReducer_1 = require("../../../transactionDetail/transactionDetailReducer");
+const saveTransactionVendorEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(transactionVendorViewReducer_1.saveTransactionVendor.match), (0, operators_1.mergeMap)((action) => {
+    var _a, _b;
+    const state = state$.value;
+    const newlySelectedVendorId = (_b = (_a = state.transactionVendorViewState.newVendorState) === null || _a === void 0 ? void 0 : _a.vendorDetailLocalData) === null || _b === void 0 ? void 0 : _b.vendorId;
+    const vendorDetailsUpdated = action.payload.vendorId != null
+        ? state.transactionVendorViewState.editVendorStateById[action.payload.vendorId].vendorDetailLocalData
+        : state.transactionVendorViewState.newVendorState
+            .vendorDetailLocalData;
+    const effectiveVendorId = action.payload.vendorId != null
+        ? action.payload.vendorId
+        : newlySelectedVendorId;
+    const payload = (0, transactionVendorViewPayload_1.prepareVendorPayload)(state, vendorDetailsUpdated !== null && vendorDetailsUpdated !== void 0 ? vendorDetailsUpdated : transactionVendorViewReducer_1.initialVendorDetailLocalData, effectiveVendorId);
+    const saveVendorApi = effectiveVendorId != null
+        ? zeniAPI.putAndGetJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/vendors/${effectiveVendorId}`, payload)
+        : zeniAPI.postAndGetJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/vendors`, payload);
+    return saveVendorApi.pipe((0, operators_1.mergeMap)((response) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            const actions = [
+                (0, vendorReducer_1.updateVendors)((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.vendors) !== null && _b !== void 0 ? _b : []),
+            ];
+            actions.push((0, transactionVendorViewReducer_1.updateTransactionVendorLocalData)({
+                vendorId: (_c = response.data) === null || _c === void 0 ? void 0 : _c.vendors[0].vendor_id,
+                localData: {
+                    vendorName: (_d = response.data) === null || _d === void 0 ? void 0 : _d.vendors[0].vendor_name,
+                    vendorId: (_e = response.data) === null || _e === void 0 ? void 0 : _e.vendors[0].vendor_id,
+                },
+            }));
+            if (effectiveVendorId == null &&
+                action.payload.transactionId != null &&
+                response.data != null) {
+                // This is to get created vendor's details on transaction detail page
+                actions.push((0, transactionDetailReducer_1.updateSelectedVendor)({
+                    transactionId: action.payload.transactionId,
+                    vendorUpdates: {
+                        name: (_f = response.data) === null || _f === void 0 ? void 0 : _f.vendors[0].vendor_name,
+                        id: (_g = response.data) === null || _g === void 0 ? void 0 : _g.vendors[0].vendor_id,
+                        qboId: (_h = response.data) === null || _h === void 0 ? void 0 : _h.vendors[0].qbo_id,
+                    },
+                    resetRecommendations: true,
+                }));
+                actions.push((0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'create_vendor',
+                    messageText: 'success',
+                    type: 'none',
+                }));
+            }
+            actions.push((0, transactionVendorViewReducer_1.saveTransactionVendorSuccessOrFailure)('Completed', action.payload.vendorId));
+            if (action.payload.saveTransaction === true &&
+                action.payload.transactionId != null) {
+                actions.push((0, transactionDetailReducer_1.saveTransactionDetail)({
+                    transactionId: action.payload.transactionId,
+                }));
+            }
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            const actions = [];
+            actions.push((0, transactionVendorViewReducer_1.saveTransactionVendorSuccessOrFailure)('Error', action.payload.vendorId, response.status));
+            // Note: We need to skip snackbar when error code is 409, which is Vendor already exists error code.
+            // We show inline error message in this case instead of snackbar
+            if (response.status.code !== 409) {
+                actions.push((0, snackbarReducer_1.openSnackbar)({
+                    messageSection: effectiveVendorId == null
+                        ? 'create_vendor'
+                        : 'update_vendor',
+                    messageText: 'failed',
+                    type: 'error',
+                    variables: [
+                        {
+                            variableName: '_api-error_',
+                            variableValue: response.status.message,
+                        },
+                    ],
+                }));
+            }
+            return (0, rxjs_1.from)(actions);
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, transactionVendorViewReducer_1.saveTransactionVendorSuccessOrFailure)('Error', action.payload.vendorId, (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', `Save Transaction Vendor REST API call errored out ${JSON.stringify(error)}`)))));
+}));
+exports.saveTransactionVendorEpic = saveTransactionVendorEpic;

package/lib/view/commonVendorView/transactionVendorView/transactionVendorLocalDataHelper.d.ts

@@ -0,0 +1,3 @@
+import { Vendor } from '../../../entity/vendor/vendorState';
+import { TransactionVendorLocalData } from './transactionVendorViewState';
+export declare const getInitializedTransactionVendorLocalData: (vendorData: Vendor) => TransactionVendorLocalData;

package/lib/view/commonVendorView/transactionVendorView/transactionVendorLocalDataHelper.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInitializedTransactionVendorLocalData = void 0;
+const getInitializedTransactionVendorLocalData = (vendorData) => {
+    return {
+        vendorName: vendorData.name,
+        vendorCategory: vendorData.accountId,
+        vendorClass: vendorData.classId,
+        vendorOwner: vendorData.ownerId,
+        vendorId: vendorData.id,
+    };
+};
+exports.getInitializedTransactionVendorLocalData = getInitializedTransactionVendorLocalData;

package/lib/view/commonVendorView/transactionVendorView/transactionVendorViewPayload.d.ts

@@ -0,0 +1,17 @@
+import { RootState } from '../../../reducer';
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIResponse } from '../../../responsePayload';
+import { TransactionVendorLocalData } from './transactionVendorViewState';
+import { FetchAllVendorsPayload } from '../../vendorList/vendorListPayload';
+import { AccountBasePayload } from '../../../entity/account/accountPayload';
+import { ClassBasePayload } from '../../../entity/class/classPayload';
+export declare type VendorCreationResponse = ZeniAPIResponse<FetchAllVendorsPayload>;
+export interface VendorNameUpdatePayload {
+    qbo_id: string;
+    vendor_name: string;
+    account: AccountBasePayload | null;
+    accounting_class: ClassBasePayload | null;
+    sync_token: string;
+    owner_id: ID | null;
+}
+export declare const prepareVendorPayload: (state: RootState, vendorDetailLocalData: TransactionVendorLocalData, vendorId: ID | undefined) => Partial<VendorNameUpdatePayload>;

package/lib/view/commonVendorView/transactionVendorView/transactionVendorViewPayload.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareVendorPayload = void 0;
+const accountPayload_1 = require("../../../entity/account/accountPayload");
+const classPayload_1 = require("../../../entity/class/classPayload");
+const accountSelector_1 = require("../../../entity/account/accountSelector");
+const classSelector_1 = require("../../../entity/class/classSelector");
+const prepareVendorPayload = (state, vendorDetailLocalData, vendorId) => {
+    const { vendorState, accountState, classState } = state;
+    const payload = {};
+    if (vendorDetailLocalData != null) {
+        payload.vendor_name = vendorDetailLocalData.vendorName;
+    }
+    if (vendorId != null) {
+        const syncToken = vendorState.vendorByID[vendorId].syncToken;
+        payload.sync_token = syncToken;
+        payload.qbo_id = vendorState.vendorByID[vendorId].qboId;
+    }
+    else {
+        if (vendorDetailLocalData.vendorCategory != null) {
+            const accountBase = (0, accountSelector_1.getAccountBase)(accountState, vendorDetailLocalData.vendorCategory, 'account_list');
+            if (accountBase != null) {
+                payload.account = (0, accountPayload_1.toAccountPayload)(accountBase);
+            }
+        }
+        else {
+            payload.account = null;
+        }
+        if (vendorDetailLocalData.vendorClass != null) {
+            const latestClass = (0, classSelector_1.getClassById)(classState, {
+                classId: vendorDetailLocalData.vendorClass,
+                reportId: 'class_list',
+            });
+            if (latestClass != null) {
+                payload.accounting_class = (0, classPayload_1.toClassBasePayload)(latestClass);
+            }
+        }
+        else {
+            payload.accounting_class = null;
+        }
+        if (vendorDetailLocalData.vendorOwner != null) {
+            payload.owner_id = vendorDetailLocalData.vendorOwner;
+        }
+        else {
+            payload.owner_id = null;
+        }
+    }
+    return payload;
+};
+exports.prepareVendorPayload = prepareVendorPayload;

package/lib/view/commonVendorView/transactionVendorView/transactionVendorViewSelector.d.ts

@@ -0,0 +1,25 @@
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { RootState } from '../../../reducer';
+import { TransactionVendorLocalData } from './transactionVendorViewState';
+import { AccountListSelectorView } from '../../accountList/accountListSelector';
+import { ClassListSelectorView } from '../../classList/classListSelector';
+import { User } from '../../../entity/user/userState';
+import { TransactionID } from '../../../entity/transaction/stateTypes/transaction';
+import { NestedAccountHeirarchyForReport } from '../../../commonStateTypes/accountView/nestedAccountID';
+import { NestedClassHeirarchyForReport } from '../../../commonStateTypes/classesView/nestedClassID';
+export interface TransactionVendorDetails {
+    saveStatus: FetchStateAndError;
+    vendorDetailLocalData?: TransactionVendorLocalData;
+    transactionId?: TransactionID;
+}
+export interface TransactionVendorSelectorView extends SelectorView {
+    accountList: AccountListSelectorView;
+    classList: ClassListSelectorView;
+    accountsHeirarchyList: NestedAccountHeirarchyForReport[];
+    classHeirarchyList: NestedClassHeirarchyForReport[];
+    ownerList: User[];
+    editVendorState?: TransactionVendorDetails;
+    newVendorState?: TransactionVendorDetails;
+}
+export declare const getTransactionVendorView: (state: RootState, vendorId?: string | undefined) => TransactionVendorSelectorView;

package/lib/view/commonVendorView/transactionVendorView/transactionVendorViewSelector.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTransactionVendorView = void 0;
+const accountListSelector_1 = require("../../accountList/accountListSelector");
+const classListSelector_1 = require("../../classList/classListSelector");
+const transactionVendorViewReducer_1 = require("./transactionVendorViewReducer");
+const userSelector_1 = require("../../../entity/user/userSelector");
+const reduceFetchState_1 = require("../../../commonStateTypes/reduceFetchState");
+const getTransactionVendorView = (state, vendorId) => {
+    var _a, _b, _c, _d;
+    const { accountListState, accountState, classListState, classState, transactionVendorViewState, } = state;
+    const accountList = (0, accountListSelector_1.getAccountList)(accountState, accountListState, 'accountList');
+    const classList = (0, classListSelector_1.getClassList)(classState, classListState);
+    const ownerList = (0, userSelector_1.getUsersByUserIds)(state.userState, state.ownerListState.ownerIds);
+    let editVendorState;
+    let newVendorState;
+    let fetchState = {
+        fetchState: 'Not-Started',
+        error: undefined,
+    };
+    if (vendorId != null) {
+        editVendorState = {
+            saveStatus: (_b = (_a = transactionVendorViewState.editVendorStateById[vendorId]) === null || _a === void 0 ? void 0 : _a.saveStatus) !== null && _b !== void 0 ? _b : transactionVendorViewReducer_1.initialState.newVendorState.saveStatus,
+            vendorDetailLocalData: (_c = transactionVendorViewState.editVendorStateById[vendorId]) === null || _c === void 0 ? void 0 : _c.vendorDetailLocalData,
+        };
+        fetchState = (0, reduceFetchState_1.reduceFetchState)([accountList, classList]);
+    }
+    else {
+        newVendorState = {
+            saveStatus: transactionVendorViewState.newVendorState.saveStatus,
+            vendorDetailLocalData: (_d = transactionVendorViewState.newVendorState) === null || _d === void 0 ? void 0 : _d.vendorDetailLocalData,
+        };
+        fetchState = (0, reduceFetchState_1.reduceFetchState)([
+            { fetchState: accountList.fetchState, error: accountList.error },
+            { fetchState: classList.fetchState, error: classList.error },
+        ]);
+    }
+    const accountsHeirarchyList = (0, accountListSelector_1.getNestedAccountListHeirarchy)(accountListState, 'accountList');
+    const classHeirarchyList = (0, classListSelector_1.getNestedClassListHeirarchy)(classListState);
+    return {
+        accountList: accountList,
+        classList: classList,
+        accountsHeirarchyList,
+        classHeirarchyList,
+        ownerList: ownerList,
+        editVendorState: editVendorState,
+        newVendorState: newVendorState,
+        error: fetchState.error,
+        version: 0,
+        fetchState: fetchState.fetchState,
+    };
+};
+exports.getTransactionVendorView = getTransactionVendorView;

package/lib/view/commonVendorView/vendorView/epics/fetchAndUpdateVendorRecommendationsEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { RootState } from '../../../../reducer';
+import { updateRecommendationsInVendorDetailLocalData, waitForVendorRecommendationAndUpdatedRecommendationByLineId } from '../vendorViewReducer';
+import { fetchRecommendationByEntityName, indicateReadyToInitializeRecommendation } from '../../../recommendation/recommendationReducer';
+export declare type ActionType = ReturnType<typeof fetchRecommendationByEntityName> | ReturnType<typeof indicateReadyToInitializeRecommendation> | ReturnType<typeof updateRecommendationsInVendorDetailLocalData> | ReturnType<typeof waitForVendorRecommendationAndUpdatedRecommendationByLineId>;
+export declare const fetchAndUpdateVendorRecommendationsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => import("rxjs").Observable<ActionType>;
+export declare const waitForVendorRecommendationFetchThenUpdateRecommendationInBillEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => import("rxjs").Observable<ActionType>;

package/lib/view/commonVendorView/vendorView/epics/fetchAndUpdateVendorRecommendationsEpic.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.waitForVendorRecommendationFetchThenUpdateRecommendationInBillEpic = exports.fetchAndUpdateVendorRecommendationsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const vendorViewReducer_1 = require("../vendorViewReducer");
+const recommendationReducer_1 = require("../../../recommendation/recommendationReducer");
+const recommendationSelector_1 = require("../../../recommendation/recommendationSelector");
+const fetchAndUpdateVendorRecommendationsEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(vendorViewReducer_1.fetchAndUpdateVendorRecommendations.match), (0, operators_1.mergeMap)((action) => {
+    const { cacheOverride, vendorName } = action.payload;
+    const state = state$.value;
+    const vendorRecommendationActions = [];
+    if (cacheOverride === true) {
+        if (vendorName != null) {
+            vendorRecommendationActions.push((0, recommendationReducer_1.fetchRecommendationByEntityName)(vendorName, 'vendor'));
+        }
+        vendorRecommendationActions.push(
+        //https://stackoverflow.com/questions/42276419/invoking-epics-from-within-other-epics
+        (0, vendorViewReducer_1.waitForVendorRecommendationAndUpdatedRecommendationByLineId)(vendorName));
+    }
+    else if (vendorName != null) {
+        const { fetchState, recommendations = [] } = (0, recommendationSelector_1.getRecommendationsForEntity)(state, vendorName, 'vendor');
+        if (fetchState === 'In-Progress') {
+            // Specific case when fetch recommendations is in progress, we need to wait for it to complete
+            vendorRecommendationActions.push(
+            //https://stackoverflow.com/questions/42276419/invoking-epics-from-within-other-epics
+            (0, vendorViewReducer_1.waitForVendorRecommendationAndUpdatedRecommendationByLineId)(vendorName));
+        }
+        else if (fetchState !== 'Completed') {
+            if (Boolean(vendorName) === true) {
+                vendorRecommendationActions.push((0, recommendationReducer_1.fetchRecommendationByEntityName)(vendorName, 'vendor'));
+            }
+            vendorRecommendationActions.push(
+            //https://stackoverflow.com/questions/42276419/invoking-epics-from-within-other-epics
+            (0, vendorViewReducer_1.waitForVendorRecommendationAndUpdatedRecommendationByLineId)(vendorName));
+        }
+        else {
+            vendorRecommendationActions.push((0, vendorViewReducer_1.updateRecommendationsInVendorDetailLocalData)({
+                recommendations,
+                vendorId: undefined,
+            }));
+        }
+    }
+    return (0, rxjs_1.from)(vendorRecommendationActions);
+}));
+exports.fetchAndUpdateVendorRecommendationsEpic = fetchAndUpdateVendorRecommendationsEpic;
+// just updates the local state with new data
+const waitForVendorRecommendationFetchThenUpdateRecommendationInBillEpic = (actions$, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+state$) => actions$.pipe((0, operators_1.filter)(vendorViewReducer_1.waitForVendorRecommendationAndUpdatedRecommendationByLineId.match
+// Wait For vendor recommendation and updated recommendation by line id
+), (0, operators_1.switchMap)((action) => {
+    const { vendorName } = action.payload;
+    return actions$.pipe((0, operators_1.filter)((value) => recommendationReducer_1.indicateReadyToInitializeRecommendation.match(value)), (0, operators_1.take)(1), // don't listen forever! IMPORTANT!
+    (0, operators_1.mergeMap)(() => {
+        const state = state$.value;
+        const vendorRecommendationActions = [];
+        if (vendorName != null) {
+            const { recommendations = [] } = (0, recommendationSelector_1.getRecommendationsForEntity)(state, vendorName, 'vendor');
+            return (0, rxjs_1.of)((0, vendorViewReducer_1.updateRecommendationsInVendorDetailLocalData)({
+                recommendations,
+                vendorId: undefined,
+            }));
+        }
+        return (0, rxjs_1.from)(vendorRecommendationActions);
+    }));
+}));
+exports.waitForVendorRecommendationFetchThenUpdateRecommendationInBillEpic = waitForVendorRecommendationFetchThenUpdateRecommendationInBillEpic;

package/lib/view/commonVendorView/vendorView/epics/fetchVendorDetailsEpic.d.ts

@@ -0,0 +1,11 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { fetchVendorDetails, fetchVendor } from '../vendorViewReducer';
+import { fetchAccountList } from '../../../accountList/accountListReducer';
+import { fetchClassList } from '../../../classList/classListReducer';
+import { fetchVendorsList } from '../../../vendorList/vendorListReducer';
+import { fetchOwnerList } from '../../../ownerList/ownerListReducer';
+import { fetchVendorTypeList } from '../../../vendorTypeList/vendorTypeListReducer';
+export declare type ActionType = ReturnType<typeof fetchVendorDetails> | ReturnType<typeof fetchAccountList> | ReturnType<typeof fetchClassList> | ReturnType<typeof fetchVendorTypeList> | ReturnType<typeof fetchOwnerList> | ReturnType<typeof fetchVendor> | ReturnType<typeof fetchVendorsList>;
+export declare const fetchVendorDetailsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/commonVendorView/vendorView/epics/fetchVendorDetailsEpic.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchVendorDetailsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const vendorViewReducer_1 = require("../vendorViewReducer");
+const accountListReducer_1 = require("../../../accountList/accountListReducer");
+const classListReducer_1 = require("../../../classList/classListReducer");
+const vendorListReducer_1 = require("../../../vendorList/vendorListReducer");
+const ownerListReducer_1 = require("../../../ownerList/ownerListReducer");
+const vendorTypeListReducer_1 = require("../../../vendorTypeList/vendorTypeListReducer");
+const fetchVendorDetailsEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(vendorViewReducer_1.fetchVendorDetails.match), (0, operators_1.switchMap)((action) => {
+    const vendorActions = [];
+    const state = state$.value;
+    if (action.payload.cacheOverride == true) {
+        vendorActions.push((0, accountListReducer_1.fetchAccountList)('accountList', true));
+        vendorActions.push((0, classListReducer_1.fetchClassList)());
+        vendorActions.push((0, vendorTypeListReducer_1.fetchVendorTypeList)());
+        vendorActions.push((0, ownerListReducer_1.fetchOwnerList)());
+        action.payload.vendorId != null
+            ? vendorActions.push((0, vendorViewReducer_1.fetchVendor)(action.payload.vendorId))
+            : vendorActions.push((0, vendorListReducer_1.fetchVendorsList)());
+    }
+    else {
+        const accountList = state$.value.accountListState.byReportId.accountList;
+        if (accountList.hasValidState() === false &&
+            accountList.fetchState !== 'In-Progress') {
+            vendorActions.push((0, accountListReducer_1.fetchAccountList)('accountList', true));
+        }
+        const classList = state$.value.classListState;
+        if (classList.hasValidState() === false &&
+            classList.fetchState !== 'In-Progress') {
+            vendorActions.push((0, classListReducer_1.fetchClassList)());
+        }
+        if (state.vendorTypeListState.hasValidState() === false &&
+            state.vendorTypeListState.fetchState !== 'In-Progress') {
+            vendorActions.push((0, vendorTypeListReducer_1.fetchVendorTypeList)());
+        }
+        if (state.ownerListState.fetchState !== 'In-Progress' &&
+            state.ownerListState.hasValidState() === false) {
+            vendorActions.push((0, ownerListReducer_1.fetchOwnerList)());
+        }
+        if (action.payload.vendorId != null) {
+            const vendorFetchStatus = state$.value.vendorViewState.editVendorStateById[action.payload.vendorId].fetchStatus;
+            if (vendorFetchStatus.fetchState !== 'Completed' &&
+                vendorFetchStatus.fetchState !== 'In-Progress') {
+                vendorActions.push((0, vendorViewReducer_1.fetchVendor)(action.payload.vendorId));
+            }
+        }
+        else {
+            const vendors = state$.value.vendorListState;
+            // to do: refactor this part once vendorlist state have separate state for vendor search
+            if ((vendors.fetchStateBillsTab.fetchState !== 'Completed' &&
+                vendors.fetchStateBillsTab.fetchState !== 'In-Progress') ||
+                vendors.allVendorIdsBillsTab.length === 0) {
+                vendorActions.push((0, vendorListReducer_1.fetchVendorsList)());
+            }
+        }
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(vendorActions));
+}));
+exports.fetchVendorDetailsEpic = fetchVendorDetailsEpic;

package/lib/view/commonVendorView/vendorView/epics/fetchVendorEpic.d.ts

@@ -0,0 +1,16 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { RootState } from '../../../../reducer';
+import { fetchVendor, initializeVendorAddress, updateVendorSaveStatus, updateVendorFetchStatus } from '../vendorViewReducer';
+import { updateVendors } from '../../../../entity/vendor/vendorReducer';
+import { fetchClassList } from '../../../classList/classListReducer';
+import { updateContacts } from '../../../../entity/billPay/contact/contactReducer';
+import { updateAddresses } from '../../../../entity/address/addressReducer';
+import { updateAccounts } from '../../../../entity/account/accountReducer';
+import { updateClasses } from '../../../../entity/class/classReducer';
+import { updateBankAccounts } from '../../../../entity/bankAccount/bankAccountReducer';
+import { updateFiles } from '../../../../entity/file/fileReducer';
+import { updatePaymentInstruments } from '../../../../entity/paymentInstrument/paymentInstrumentReducer';
+export declare type ActionType = ReturnType<typeof fetchVendor> | ReturnType<typeof fetchClassList> | ReturnType<typeof updateVendorFetchStatus> | ReturnType<typeof updateVendors> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateClasses> | ReturnType<typeof updateContacts> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateBankAccounts> | ReturnType<typeof updateVendorSaveStatus> | ReturnType<typeof initializeVendorAddress> | ReturnType<typeof updateFiles> | ReturnType<typeof updatePaymentInstruments>;
+export declare const fetchVendorEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/commonVendorView/vendorView/epics/fetchVendorEpic.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchVendorEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const vendorViewReducer_1 = require("../vendorViewReducer");
+const vendorDetailLocalDataHelpers_1 = require("./vendorDetailLocalDataHelpers");
+const vendorReducer_1 = require("../../../../entity/vendor/vendorReducer");
+const contactReducer_1 = require("../../../../entity/billPay/contact/contactReducer");
+const vendorPayload_1 = require("../../../../entity/vendor/vendorPayload");
+const addressReducer_1 = require("../../../../entity/address/addressReducer");
+const accountReducer_1 = require("../../../../entity/account/accountReducer");
+const classReducer_1 = require("../../../../entity/class/classReducer");
+const bankAccountReducer_1 = require("../../../../entity/bankAccount/bankAccountReducer");
+const fileReducer_1 = require("../../../../entity/file/fileReducer");
+const paymentInstrumentReducer_1 = require("../../../../entity/paymentInstrument/paymentInstrumentReducer");
+const commonVendorViewHelper_1 = require("../../commonVendorViewHelper");
+const fetchVendorEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(vendorViewReducer_1.fetchVendor.match), (0, operators_1.switchMap)((action) => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/vendors/${action.payload.vendorId}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            const vendorInResponse = (_a = response.data) === null || _a === void 0 ? void 0 : _a.vendors[0];
+            const flattenedContacts = (_b = vendorInResponse === null || vendorInResponse === void 0 ? void 0 : vendorInResponse.contacts) !== null && _b !== void 0 ? _b : [];
+            const flattenedAddresses = (0, commonVendorViewHelper_1.getFlattenedAddress)((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.vendors) !== null && _d !== void 0 ? _d : []);
+            const flattenedBankAccounts = (_e = vendorInResponse === null || vendorInResponse === void 0 ? void 0 : vendorInResponse.bank_accounts) !== null && _e !== void 0 ? _e : [];
+            const flattenedPaymentInstruments = (_f = vendorInResponse === null || vendorInResponse === void 0 ? void 0 : vendorInResponse.payment_instruments) !== null && _f !== void 0 ? _f : [];
+            const accounts = (vendorInResponse === null || vendorInResponse === void 0 ? void 0 : vendorInResponse.account) != null
+                ? [vendorInResponse === null || vendorInResponse === void 0 ? void 0 : vendorInResponse.account]
+                : [];
+            const classes = (vendorInResponse === null || vendorInResponse === void 0 ? void 0 : vendorInResponse.accounting_class) != null
+                ? [vendorInResponse === null || vendorInResponse === void 0 ? void 0 : vendorInResponse.accounting_class]
+                : [];
+            const actions = [
+                (0, vendorReducer_1.updateVendors)((_h = (_g = response.data) === null || _g === void 0 ? void 0 : _g.vendors) !== null && _h !== void 0 ? _h : []),
+                (0, accountReducer_1.updateAccounts)(accounts, 'account_list'),
+                (0, classReducer_1.updateClasses)('class_list', classes),
+                (0, contactReducer_1.updateContacts)(flattenedContacts),
+                (0, addressReducer_1.updateAddresses)(flattenedAddresses),
+                (0, bankAccountReducer_1.updateBankAccounts)(flattenedBankAccounts),
+                (0, paymentInstrumentReducer_1.updatePaymentInstruments)(flattenedPaymentInstruments),
+                (0, fileReducer_1.updateFiles)({ files: (_j = vendorInResponse === null || vendorInResponse === void 0 ? void 0 : vendorInResponse.documents) !== null && _j !== void 0 ? _j : [] }),
+                (0, vendorViewReducer_1.updateVendorSaveStatus)({
+                    vendorId: action.payload.vendorId,
+                    isCreatable: action.payload.isCreatable,
+                }),
+                (0, vendorViewReducer_1.initializeVendorAddress)(action.payload.vendorId),
+            ];
+            if (vendorInResponse != null) {
+                actions.push((0, vendorViewReducer_1.updateVendorDetailLocalData)({
+                    vendorId: action.payload.vendorId,
+                    localData: (0, vendorDetailLocalDataHelpers_1.getInitializedVendorDetailLocalData)((0, vendorPayload_1.mapVendorPayloadToVendor)(vendorInResponse), state$.value, vendorInResponse),
+                    isCreatable: action.payload.isCreatable,
+                }));
+            }
+            actions.push((0, vendorViewReducer_1.updateVendorFetchStatus)('Completed', action.payload.vendorId, undefined, action.payload.isCreatable));
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, vendorViewReducer_1.updateVendorFetchStatus)('Error', action.payload.vendorId, response.status, action.payload.isCreatable));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        const message = 'Fetch vendor REST API call errored out: ';
+        console.log(message, error);
+        return (0, rxjs_1.of)((0, vendorViewReducer_1.updateVendorFetchStatus)('Error', action.payload.vendorId, (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', message + JSON.stringify(error)), action.payload.isCreatable));
+    }));
+}));
+exports.fetchVendorEpic = fetchVendorEpic;

package/lib/view/commonVendorView/vendorView/epics/initializeVendorAddressEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { newAddressInLocalStore, resetNewAddressDataInLocalStore } from '../../../addressView/addressViewReducer';
+import { initializeVendorAddress } from '../vendorViewReducer';
+export declare type ActionType = ReturnType<typeof initializeVendorAddress> | ReturnType<typeof newAddressInLocalStore> | ReturnType<typeof resetNewAddressDataInLocalStore>;
+export declare const initializeVendorAddressEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/commonVendorView/vendorView/epics/initializeVendorAddressEpic.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeVendorAddressEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const addressSelector_1 = require("../../../../entity/address/addressSelector");
+const vendorSelector_1 = require("../../../../entity/vendor/vendorSelector");
+const addressViewReducer_1 = require("../../../addressView/addressViewReducer");
+const vendorViewReducer_1 = require("../vendorViewReducer");
+const initializeVendorAddressEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(vendorViewReducer_1.initializeVendorAddress.match), (0, operators_1.mergeMap)((action) => {
+    const { vendorId } = action.payload;
+    const actions = [
+        (0, addressViewReducer_1.resetNewAddressDataInLocalStore)('vendor_address'),
+    ];
+    if (vendorId != null) {
+        const vendorStateData = (0, vendorSelector_1.getVendorByVendorId)(state$.value.vendorState, vendorId);
+        const vendorAddress = (vendorStateData === null || vendorStateData === void 0 ? void 0 : vendorStateData.addressId) != null
+            ? (0, addressSelector_1.getAddressByAddressId)(state$.value.addressState, vendorStateData === null || vendorStateData === void 0 ? void 0 : vendorStateData.addressId)
+            : undefined;
+        if (vendorAddress != null) {
+            actions.push((0, addressViewReducer_1.newAddressInLocalStore)({
+                addressType: 'vendor_address',
+                addressToCreate: vendorAddress,
+            }));
+        }
+    }
+    return (0, rxjs_1.from)(actions);
+}));
+exports.initializeVendorAddressEpic = initializeVendorAddressEpic;

package/lib/view/commonVendorView/vendorView/epics/resetVendorDetailLocalDataEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { RootState } from '../../../../reducer';
+import { resetVendorDetailLocalData, updateVendorDetailLocalData } from '../vendorViewReducer';
+export declare type ActionType = ReturnType<typeof resetVendorDetailLocalData> | ReturnType<typeof updateVendorDetailLocalData>;
+export declare const resetVendorDetailLocalDataEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, _zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/commonVendorView/vendorView/epics/resetVendorDetailLocalDataEpic.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetVendorDetailLocalDataEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const vendorSelector_1 = require("../../../../entity/vendor/vendorSelector");
+const vendorViewReducer_1 = require("../vendorViewReducer");
+const vendorDetailLocalDataHelpers_1 = require("./vendorDetailLocalDataHelpers");
+const resetVendorDetailLocalDataEpic = (actions$, state$, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+_zeniAPI) => actions$.pipe((0, operators_1.filter)(vendorViewReducer_1.resetVendorDetailLocalData.match), (0, operators_1.mergeMap)((action) => {
+    const actions = [];
+    if (action.payload.vendorId != null) {
+        const newVendorStateData = (0, vendorSelector_1.getVendorByVendorId)(state$.value.vendorState, action.payload.vendorId);
+        if (newVendorStateData != null) {
+            actions.push((0, vendorViewReducer_1.updateVendorDetailLocalData)({
+                vendorId: action.payload.vendorId,
+                localData: (0, vendorDetailLocalDataHelpers_1.getInitializedVendorDetailLocalData)(newVendorStateData, state$.value),
+            }));
+        }
+    }
+    else {
+        actions.push((0, vendorViewReducer_1.updateVendorDetailLocalData)({
+            localData: undefined,
+            vendorId: undefined,
+        }));
+    }
+    return (0, rxjs_1.from)(actions);
+}));
+exports.resetVendorDetailLocalDataEpic = resetVendorDetailLocalDataEpic;

package/lib/view/commonVendorView/vendorView/epics/saveVendorEpic.d.ts

@@ -0,0 +1,14 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { RootState } from '../../../../reducer';
+import { fetchUserDetails, resetVendorDetailLocalData, saveVendor, saveVendorSuccessOrFailure, updateVendorDetailLocalData } from '../vendorViewReducer';
+import { updateVendors } from '../../../../entity/vendor/vendorReducer';
+import { updateAddresses } from '../../../../entity/address/addressReducer';
+import { convertAmountToHomeCurrency, saveBillUpdatesToLocalStore, updateRecommendedVendorId } from '../../../spendManagement/billPay/editBillView/editBillViewReducer';
+import { fetchPreviousBills } from '../../../spendManagement/billPay/previousBills/previousBillsReducer';
+import { updateContacts } from '../../../../entity/billPay/contact/contactReducer';
+import { updateBankAccounts } from '../../../../entity/bankAccount/bankAccountReducer';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { updatePaymentInstruments } from '../../../../entity/paymentInstrument/paymentInstrumentReducer';
+export declare type ActionType = ReturnType<typeof saveVendor> | ReturnType<typeof updateVendors> | ReturnType<typeof updateContacts> | ReturnType<typeof updateBankAccounts> | ReturnType<typeof updateRecommendedVendorId> | ReturnType<typeof saveBillUpdatesToLocalStore> | ReturnType<typeof fetchPreviousBills> | ReturnType<typeof openSnackbar> | ReturnType<typeof saveVendorSuccessOrFailure> | ReturnType<typeof resetVendorDetailLocalData> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateVendorDetailLocalData> | ReturnType<typeof fetchUserDetails> | ReturnType<typeof updatePaymentInstruments> | ReturnType<typeof convertAmountToHomeCurrency>;
+export declare const saveVendorEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<ActionType>;