@zeniai/client-epic-state 4.11.60 → 4.11.61

package/lib/view/commonVendorView/vendorsTabVendorView/epics/vendorsTabVendorDetailLocalDataHelpers.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAnalyticsDataOnVendorSave = exports.getInitializedVendorDetailLocalData = void 0;
+const commonVendorViewHelper_1 = require("../../commonVendorViewHelper");
+const getInitializedVendorDetailLocalData = (vendorData) => {
+    const { recommendedAccount, recommendedClass } = (0, commonVendorViewHelper_1.getRecommendedCategoryClass)(vendorData.recommendations, vendorData.accountId, vendorData.classId);
+    return {
+        vendorName: vendorData.name,
+        vendorCategory: vendorData.accountId,
+        vendorClass: vendorData.classId,
+        vendorOwner: vendorData.ownerId,
+        vendorId: vendorData.id,
+        recommendations: vendorData.recommendations,
+        recommendedCategory: recommendedAccount,
+        recommendedClass,
+        isCategoryUpdateSelected: false,
+        isClassUpdateSelected: false,
+    };
+};
+exports.getInitializedVendorDetailLocalData = getInitializedVendorDetailLocalData;
+const getAnalyticsDataOnVendorSave = (vendorViewDetails, ownerList) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    const vendorBasic = (_a = vendorViewDetails === null || vendorViewDetails === void 0 ? void 0 : vendorViewDetails.vendorView) === null || _a === void 0 ? void 0 : _a.vendorBasic;
+    const localData = (_b = vendorViewDetails === null || vendorViewDetails === void 0 ? void 0 : vendorViewDetails.vendorView) === null || _b === void 0 ? void 0 : _b.vendorDetailLocalData;
+    const vendorName = (_c = vendorViewDetails === null || vendorViewDetails === void 0 ? void 0 : vendorViewDetails.vendorView) === null || _c === void 0 ? void 0 : _c.vendorBasic.name;
+    const accountList = vendorViewDetails.accountList;
+    const classList = vendorViewDetails.classList;
+    const vendorId = vendorBasic === null || vendorBasic === void 0 ? void 0 : vendorBasic.id;
+    const selectedCategory = (localData === null || localData === void 0 ? void 0 : localData.vendorCategory) != null
+        ? (_d = accountList.accounts.find((account) => account.accountId === localData.vendorCategory)) === null || _d === void 0 ? void 0 : _d.accountName
+        : undefined;
+    const selectedClass = (localData === null || localData === void 0 ? void 0 : localData.vendorClass) != null
+        ? (_e = classList.classes.find((c) => c.classId === localData.vendorClass)) === null || _e === void 0 ? void 0 : _e.className
+        : undefined;
+    const selectedOwner = (localData === null || localData === void 0 ? void 0 : localData.vendorOwner) != null
+        ? (_f = ownerList.find((owner) => owner.userId === localData.vendorOwner)) === null || _f === void 0 ? void 0 : _f.email
+        : undefined;
+    const existingCategory = (_g = vendorBasic === null || vendorBasic === void 0 ? void 0 : vendorBasic.account) === null || _g === void 0 ? void 0 : _g.accountName;
+    const existingClass = (_h = vendorBasic === null || vendorBasic === void 0 ? void 0 : vendorBasic.class) === null || _h === void 0 ? void 0 : _h.className;
+    const existingOwner = (_j = vendorBasic === null || vendorBasic === void 0 ? void 0 : vendorBasic.owner) === null || _j === void 0 ? void 0 : _j.email;
+    const isRecommendedCategorySelected = (0, commonVendorViewHelper_1.recommendedCategorySelected)(localData === null || localData === void 0 ? void 0 : localData.vendorCategory, localData === null || localData === void 0 ? void 0 : localData.recommendations);
+    const isRecommendedClassSelected = (0, commonVendorViewHelper_1.recommendedClassSelected)(localData === null || localData === void 0 ? void 0 : localData.vendorClass, localData === null || localData === void 0 ? void 0 : localData.recommendations);
+    const categoryRecommendationTypeSelected = (_m = (_l = (_k = localData === null || localData === void 0 ? void 0 : localData.recommendations) === null || _k === void 0 ? void 0 : _k.find((rec) => { var _a; return ((_a = rec.account) === null || _a === void 0 ? void 0 : _a.accountId) === localData.vendorCategory; })) === null || _l === void 0 ? void 0 : _l.account) === null || _m === void 0 ? void 0 : _m.reason;
+    const classRecommendationTypeSelected = (_q = (_p = (_o = localData === null || localData === void 0 ? void 0 : localData.recommendations) === null || _o === void 0 ? void 0 : _o.find((rec) => { var _a; return ((_a = rec.class) === null || _a === void 0 ? void 0 : _a.classId) === localData.vendorClass; })) === null || _p === void 0 ? void 0 : _p.class) === null || _q === void 0 ? void 0 : _q.reason;
+    return {
+        vendorId,
+        vendorName,
+        existingCategory,
+        existingClass,
+        existingOwner,
+        selectedCategory,
+        selectedClass,
+        selectedOwner,
+        isRecommendedCategorySelected,
+        isRecommendedClassSelected,
+        categoryRecommendationTypeSelected,
+        classRecommendationTypeSelected,
+    };
+};
+exports.getAnalyticsDataOnVendorSave = getAnalyticsDataOnVendorSave;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewPayload.d.ts

@@ -0,0 +1,29 @@
+import { RootState } from '../../../reducer';
+import { ID } from '../../../commonStateTypes/common';
+import { AccountBasePayload } from '../../../entity/account/accountPayload';
+import { ClassBasePayload } from '../../../entity/class/classPayload';
+import { ContactPayload } from '../../../entity/billPay/contact/contactPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+import { VendorsTabVendorDetailLocalData } from './vendorsTabVendorViewState';
+import { AddressUpdatableInfoPayload } from '../../addressView/addressViewPayload';
+import { FetchAllVendorsPayload } from '../../vendorList/vendorListPayload';
+export declare type VendorCreationResponse = ZeniAPIResponse<FetchAllVendorsPayload>;
+export interface VendorUpdatePayload {
+    qbo_id: string;
+    vendor_name: string;
+    vendor_type: string;
+    account: AccountBasePayload | null;
+    accounting_class: ClassBasePayload | null;
+    contacts: ContactPayload[];
+    bank_account_ids: string[];
+    country_code?: string;
+    vendor_currency_code: string;
+    vendor_currency_symbol: string;
+    sync_token: string;
+    address?: AddressUpdatableInfoPayload;
+    is_vendor_1099?: boolean;
+    document_ids: ID[] | null;
+    owner_id: ID | null;
+    is_two_factor_verification_required: boolean | null;
+}
+export declare const prepareEditVendorPayload: (state: RootState, vendorDetailLocalData: VendorsTabVendorDetailLocalData, vendorId: ID) => Partial<VendorUpdatePayload>;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewPayload.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareEditVendorPayload = void 0;
+const accountPayload_1 = require("../../../entity/account/accountPayload");
+const accountSelector_1 = require("../../../entity/account/accountSelector");
+const classPayload_1 = require("../../../entity/class/classPayload");
+const classSelector_1 = require("../../../entity/class/classSelector");
+const prepareEditVendorPayload = (state, vendorDetailLocalData, vendorId) => {
+    const { accountState, classState, vendorState } = state;
+    const payload = {};
+    if (vendorDetailLocalData != null) {
+        payload.vendor_name = vendorDetailLocalData.vendorName;
+        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;
+        }
+    }
+    if (vendorId != null) {
+        const syncToken = vendorState.vendorByID[vendorId].syncToken;
+        payload.sync_token = syncToken;
+        payload.qbo_id = vendorState.vendorByID[vendorId].qboId;
+    }
+    return payload;
+};
+exports.prepareEditVendorPayload = prepareEditVendorPayload;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewReducer.d.ts

@@ -0,0 +1,43 @@
+import { FetchState, ID } from '../../../commonStateTypes/common';
+import { Entity } from '../../../entity/genericEntity/entity';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { VendorsTabVendorDetailLocalData, VendorsTabVendorViewState } from './vendorsTabVendorViewState';
+import { TimePeriod } from '../../../commonStateTypes/timePeriod';
+export declare const initialVendorDetailLocalData: VendorsTabVendorDetailLocalData;
+export declare const initialState: VendorsTabVendorViewState;
+export declare const fetchVendorsTabVendorDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[vendorId: string, cacheOverride?: any], {
+    cacheOverride: any;
+    vendorId: string;
+}, string, never, never>, fetchVendorsTabVendor: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[vendorId: string], {
+    vendorId: string;
+}, string, never, never>, updateVendorsTabVendorFetchStatus: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[fetchState: FetchState, vendorId: string, error?: ZeniAPIStatus<Record<string, unknown>> | undefined], {
+    vendorId: string;
+    error: ZeniAPIStatus<Record<string, unknown>> | undefined;
+    fetchState: FetchState;
+}, string, never, never>, updateVendorsTabVendorSaveStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    vendorId: ID;
+}, string>, vendorsTabSaveVendor: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[vendorId: string, view?: "vendorsTab" | undefined], {
+    vendorId: string;
+    view: "vendorsTab" | undefined;
+}, string, never, never>, vendorsTabSaveVendorSuccessOrFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[fetchState: FetchState, vendorId: string, error?: ZeniAPIStatus<Record<string, unknown>> | undefined, userVerificationFailed?: boolean | undefined], {
+    fetchState: FetchState;
+    vendorId: string;
+    error: ZeniAPIStatus<Record<string, unknown>> | undefined;
+    userVerificationFailed: boolean | undefined;
+}, string, never, never>, vendorsTabUpdateVendorDetailLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    vendorId: ID;
+    localData?: Partial<VendorsTabVendorDetailLocalData> | undefined;
+}, string>, vendorsTabResetVendorDetailLocalData: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[vendorId: string], {
+    vendorId: string;
+}, string, never, never>, fetchVendorsTabVendorDetailPageView: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[vendorId: string, entity: Entity, cacheOverride?: boolean | undefined], {
+    vendorId: string;
+    entity: Entity;
+    cacheOverride: boolean | undefined;
+}, string, never, never>, updateVendorsTabVendorAllTransactionsTabData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    timePeriod: TimePeriod;
+    numberOfQuartersFetched: number;
+}, string>, resetSelectedTabType: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateSelectedTabType: import("@reduxjs/toolkit").ActionCreatorWithPayload<"spend_transactions" | "all_transactions", string>, updateVendorSpendTrendFilterTabValue: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[vendorSpendTrendfilterTabValue: "last_month" | "last_30_days" | "last_90_days" | "YTD_spend" | "last_3_months" | "last_6_months" | "last_12_months" | "last_year"], {
+    vendorSpendTrendfilterTabValue: "last_month" | "last_30_days" | "last_90_days" | "YTD_spend" | "last_3_months" | "last_6_months" | "last_12_months" | "last_year";
+}, string, never, never>, resetVendorsTabVendorAllTransactionsTabData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, clearVendorsTabVendorView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("@reduxjs/toolkit").Reducer<VendorsTabVendorViewState, import("@reduxjs/toolkit").AnyAction>;
+export default _default;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewReducer.js

@@ -0,0 +1,194 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearVendorsTabVendorView = exports.resetVendorsTabVendorAllTransactionsTabData = exports.updateVendorSpendTrendFilterTabValue = exports.updateSelectedTabType = exports.resetSelectedTabType = exports.updateVendorsTabVendorAllTransactionsTabData = exports.fetchVendorsTabVendorDetailPageView = exports.vendorsTabResetVendorDetailLocalData = exports.vendorsTabUpdateVendorDetailLocalData = exports.vendorsTabSaveVendorSuccessOrFailure = exports.vendorsTabSaveVendor = exports.updateVendorsTabVendorSaveStatus = exports.updateVendorsTabVendorFetchStatus = exports.fetchVendorsTabVendor = exports.fetchVendorsTabVendorDetails = exports.initialState = exports.initialVendorDetailLocalData = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialVendorDetailLocalData = {
+    vendorId: undefined,
+    isCategoryUpdateSelected: false,
+    isClassUpdateSelected: false,
+    recommendedCategory: undefined,
+    recommendedClass: undefined,
+};
+exports.initialState = {
+    vendorStateById: {},
+    selectedTabType: 'spend_transactions',
+    vendorSpendTrendFilterTabValue: 'YTD_spend',
+};
+const vendorsTabVendorView = (0, toolkit_1.createSlice)({
+    name: 'vendorsTabVendorView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchVendorsTabVendorDetails: {
+            reducer(draft, action) {
+                draft.vendorStateById[action.payload.vendorId] = Object.assign(Object.assign({}, draft.vendorStateById[action.payload.vendorId]), { fetchStatus: {
+                        fetchState: 'Not-Started',
+                        error: undefined,
+                    }, saveStatus: {
+                        fetchState: 'Not-Started',
+                        error: undefined,
+                    } });
+                draft.vendorSpendTrendFilterTabValue = 'YTD_spend';
+            },
+            prepare(vendorId, cacheOverride = false) {
+                return { payload: { cacheOverride, vendorId } };
+            },
+        },
+        fetchVendorsTabVendor: {
+            reducer(draft, action) {
+                const { vendorId } = action.payload;
+                draft.vendorStateById[vendorId] = Object.assign(Object.assign({}, draft.vendorStateById[vendorId]), { fetchStatus: {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    }, saveStatus: {
+                        fetchState: 'Not-Started',
+                        error: undefined,
+                    } });
+            },
+            prepare(vendorId) {
+                return {
+                    payload: {
+                        vendorId,
+                    },
+                };
+            },
+        },
+        updateVendorsTabVendorFetchStatus: {
+            reducer(draft, action) {
+                const { vendorId } = action.payload;
+                draft.vendorStateById[vendorId].fetchStatus.fetchState =
+                    action.payload.fetchState;
+                draft.vendorStateById[vendorId].fetchStatus.error =
+                    action.payload.error;
+            },
+            prepare(fetchState, vendorId, error) {
+                return {
+                    payload: {
+                        vendorId,
+                        error,
+                        fetchState,
+                    },
+                };
+            },
+        },
+        updateVendorsTabVendorSaveStatus(draft, action) {
+            const { vendorId } = action.payload;
+            draft.vendorStateById[vendorId].saveStatus = {
+                fetchState: 'Not-Started',
+                error: undefined,
+            };
+        },
+        // Fire this action to save the latest vendor data in local store in ZENI Platform.
+        vendorsTabSaveVendor: {
+            reducer(draft, action) {
+                const vendorId = action.payload.vendorId;
+                draft.vendorStateById[vendorId] = Object.assign(Object.assign({}, draft.vendorStateById[vendorId]), { saveStatus: {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    } });
+            },
+            prepare(vendorId, view) {
+                return {
+                    payload: {
+                        vendorId,
+                        view,
+                    },
+                };
+            },
+        },
+        vendorsTabSaveVendorSuccessOrFailure: {
+            reducer(draft, action) {
+                const vendorId = action.payload.vendorId;
+                draft.vendorStateById[vendorId].saveStatus.fetchState =
+                    action.payload.fetchState;
+                draft.vendorStateById[vendorId].saveStatus.error = action.payload.error;
+            },
+            prepare(fetchState, vendorId, error, userVerificationFailed) {
+                return {
+                    payload: {
+                        fetchState,
+                        vendorId,
+                        error,
+                        userVerificationFailed,
+                    },
+                };
+            },
+        },
+        vendorsTabUpdateVendorDetailLocalData(draft, action) {
+            const { vendorId, localData } = action.payload;
+            if (localData == null) {
+                delete draft.vendorStateById[vendorId].vendorDetailLocalData;
+            }
+            else if (draft.vendorStateById[vendorId] != null) {
+                draft.vendorStateById[vendorId].vendorDetailLocalData = Object.assign(Object.assign({}, exports.initialVendorDetailLocalData), localData);
+            }
+        },
+        vendorsTabResetVendorDetailLocalData: {
+            reducer(
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _draft, 
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _action) {
+                //do nothing
+            },
+            prepare(vendorId) {
+                return {
+                    payload: {
+                        vendorId,
+                    },
+                };
+            },
+        },
+        fetchVendorsTabVendorDetailPageView: {
+            reducer(
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _draft, 
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            _action) {
+                //do nothing
+            },
+            prepare(vendorId, entity, cacheOverride) {
+                return {
+                    payload: {
+                        vendorId,
+                        entity,
+                        cacheOverride,
+                    },
+                };
+            },
+        },
+        updateVendorsTabVendorAllTransactionsTabData(draft, action) {
+            draft.allTransactionsTabData = {
+                numberOfQuartersFetched: action.payload.numberOfQuartersFetched,
+                timePeriod: action.payload.timePeriod,
+            };
+        },
+        resetVendorsTabVendorAllTransactionsTabData(draft) {
+            delete draft.allTransactionsTabData;
+        },
+        updateVendorSpendTrendFilterTabValue: {
+            prepare(vendorSpendTrendfilterTabValue) {
+                return {
+                    payload: {
+                        vendorSpendTrendfilterTabValue,
+                    },
+                };
+            },
+            reducer(draft, action) {
+                draft.vendorSpendTrendFilterTabValue =
+                    action.payload.vendorSpendTrendfilterTabValue;
+            },
+        },
+        updateSelectedTabType(draft, action) {
+            draft.selectedTabType = action.payload;
+        },
+        resetSelectedTabType(draft) {
+            draft.selectedTabType = 'spend_transactions';
+        },
+        clearVendorsTabVendorView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = vendorsTabVendorView.actions, exports.fetchVendorsTabVendorDetails = _a.fetchVendorsTabVendorDetails, exports.fetchVendorsTabVendor = _a.fetchVendorsTabVendor, exports.updateVendorsTabVendorFetchStatus = _a.updateVendorsTabVendorFetchStatus, exports.updateVendorsTabVendorSaveStatus = _a.updateVendorsTabVendorSaveStatus, exports.vendorsTabSaveVendor = _a.vendorsTabSaveVendor, exports.vendorsTabSaveVendorSuccessOrFailure = _a.vendorsTabSaveVendorSuccessOrFailure, exports.vendorsTabUpdateVendorDetailLocalData = _a.vendorsTabUpdateVendorDetailLocalData, exports.vendorsTabResetVendorDetailLocalData = _a.vendorsTabResetVendorDetailLocalData, exports.fetchVendorsTabVendorDetailPageView = _a.fetchVendorsTabVendorDetailPageView, exports.updateVendorsTabVendorAllTransactionsTabData = _a.updateVendorsTabVendorAllTransactionsTabData, exports.resetSelectedTabType = _a.resetSelectedTabType, exports.updateSelectedTabType = _a.updateSelectedTabType, exports.updateVendorSpendTrendFilterTabValue = _a.updateVendorSpendTrendFilterTabValue, exports.resetVendorsTabVendorAllTransactionsTabData = _a.resetVendorsTabVendorAllTransactionsTabData, exports.clearVendorsTabVendorView = _a.clearVendorsTabVendorView;
+exports.default = vendorsTabVendorView.reducer;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewSelector.d.ts

@@ -0,0 +1,57 @@
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { RootState } from '../../../reducer';
+import { VendorsTabVendorDetailLocalData } from './vendorsTabVendorViewState';
+import { AccountListSelectorView } from '../../accountList/accountListSelector';
+import { ClassListSelectorView } from '../../classList/classListSelector';
+import { AccountBase } from '../../../entity/account/accountState';
+import { ClassBase } from '../../../entity/class/classState';
+import { TrendWithTransactionsView } from '../../trendWithTransactions/trendWithTransactionsSelector';
+import { User } from '../../../entity/user/userState';
+import { VendorSpend } from '../../../entity/vendorExpense/vendorExpenseState';
+import { Entity } from '../../../entity/genericEntity/entity';
+import { VendorSpendTrendFilterTabType } from '../../../entity/vendorExpense/vendorExpenseSelector';
+import { NestedAccountHierarchyForReport } from '../../../commonStateTypes/accountView/nestedAccountID';
+import { NestedClassHierarchyForReport } from '../../../commonStateTypes/classesView/nestedClassID';
+import { TransactionListByEntityView } from '../../transactionList/transactionListByEntitySelector';
+import { TimePeriod } from '../../../commonStateTypes/timePeriod';
+import { Month } from '../../../commonStateTypes/timePeriod';
+import { TimeframeTick } from '../../../commonStateTypes/timeframeTick';
+export declare const toVendorDetailTabsType: (v: string) => "spend_transactions" | "all_transactions";
+export declare const toVendorDetailTabsTypeStrict: (v?: string | undefined) => "spend_transactions" | "all_transactions" | undefined;
+export declare type VendorDetailTabsType = ReturnType<typeof toVendorDetailTabsType>;
+export interface VendorsTabVendorDetails {
+    vendorBasic: VendorsTabVendorBasic;
+    saveStatus: FetchStateAndError;
+    vendorDetailLocalData?: VendorsTabVendorDetailLocalData;
+}
+export interface VendorsTabVendorBasic {
+    id: ID;
+    name: string;
+    account?: AccountBase;
+    class?: ClassBase;
+    owner?: User;
+}
+export interface VendorsTabVendorViewSelectorView extends SelectorView {
+    accountList: AccountListSelectorView;
+    classList: ClassListSelectorView;
+    accountsHierarchyList: NestedAccountHierarchyForReport[];
+    classHierarchyList: NestedClassHierarchyForReport[];
+    ownerList: User[];
+    vendorView?: VendorsTabVendorDetails;
+}
+export interface VendorsTabVendorDetailPageView extends SelectorView {
+    vendorViewDetails: VendorsTabVendorViewSelectorView;
+    vendorSpendTrendFilterTabValue: VendorSpendTrendFilterTabType;
+    trendWithTransactions: TrendWithTransactionsView;
+    vendorSpend: VendorSpend;
+    allVendorTransactionsView?: TransactionListByEntityView;
+    selectedTabType: VendorDetailTabsType;
+    allTransactionsTabData?: {
+        timePeriod: TimePeriod;
+        numberOfQuartersFetched: number;
+    };
+}
+export declare const getVendorsTabVendorView: (state: RootState, vendorIdFromUrl: ID) => VendorsTabVendorViewSelectorView;
+export declare const getVendorsTabDetailPageView: (state: RootState, vendorId: ID, entity: Entity) => VendorsTabVendorDetailPageView;
+export declare const getVendorAllTransactionsDefaultTimePeriod: (firstMonthOfFY: Month, numberOfQuartersToGoBack: number) => TimeframeTick;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewSelector.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVendorAllTransactionsDefaultTimePeriod = exports.getVendorsTabDetailPageView = exports.getVendorsTabVendorView = exports.toVendorDetailTabsTypeStrict = exports.toVendorDetailTabsType = void 0;
+const vendorSelector_1 = require("../../../entity/vendor/vendorSelector");
+const accountListSelector_1 = require("../../accountList/accountListSelector");
+const classListSelector_1 = require("../../classList/classListSelector");
+const accountSelector_1 = require("../../../entity/account/accountSelector");
+const classSelector_1 = require("../../../entity/class/classSelector");
+const trendWithTransactionsSelector_1 = require("../../trendWithTransactions/trendWithTransactionsSelector");
+const userSelector_1 = require("../../../entity/user/userSelector");
+const reduceFetchState_1 = require("../../../commonStateTypes/reduceFetchState");
+const transactionListByEntitySelector_1 = require("../../transactionList/transactionListByEntitySelector");
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+const addSubtractPeriod_1 = require("../../../commonStateTypes/fiscalYearHelpers/addSubtractPeriod");
+const getStartOfAndEndOfTimeframeFY_1 = require("../../../commonStateTypes/fiscalYearHelpers/getStartOfAndEndOfTimeframeFY");
+const zeniDayJS_1 = require("../../../zeniDayJS");
+const ALL_VENDOR_DETAIL_TABS_TYPES = [
+    'spend_transactions',
+    'all_transactions',
+];
+const toVendorDetailTabsType = (v) => (0, stringToUnion_1.stringToUnion)(v, ALL_VENDOR_DETAIL_TABS_TYPES);
+exports.toVendorDetailTabsType = toVendorDetailTabsType;
+const toVendorDetailTabsTypeStrict = (v) => (0, stringToUnion_1.stringToUnionStrict)(v !== null && v !== void 0 ? v : '', ALL_VENDOR_DETAIL_TABS_TYPES);
+exports.toVendorDetailTabsTypeStrict = toVendorDetailTabsTypeStrict;
+const getVendorsTabVendorView = (state, vendorIdFromUrl) => {
+    var _a, _b, _c, _d, _e;
+    const { accountListState, accountState, classListState, classState, vendorState, userState, vendorsTabVendorViewState, } = 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 vendorDetailState;
+    let fetchState = {
+        fetchState: 'Not-Started',
+        error: undefined,
+    };
+    const selectedVendor = (0, vendorSelector_1.getVendorByVendorId)(vendorState, vendorIdFromUrl);
+    const basicVendorDetails = selectedVendor != null
+        ? getBasicVendorDetails(accountState, classState, userState, selectedVendor)
+        : undefined;
+    if (basicVendorDetails) {
+        vendorDetailState = {
+            vendorBasic: basicVendorDetails,
+            saveStatus: (_b = (_a = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _a === void 0 ? void 0 : _a.saveStatus) !== null && _b !== void 0 ? _b : {
+                fetchState: 'Not-Started',
+                error: undefined,
+            },
+            vendorDetailLocalData: (_c = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _c === void 0 ? void 0 : _c.vendorDetailLocalData,
+        };
+    }
+    fetchState = (0, reduceFetchState_1.reduceFetchState)([
+        accountList,
+        classList,
+        (_e = (_d = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _d === void 0 ? void 0 : _d.fetchStatus) !== null && _e !== void 0 ? _e : {
+            fetchState: 'Not-Started',
+        },
+    ]);
+    const accountsHierarchyList = (0, accountListSelector_1.getNestedAccountListHierarchy)(accountListState, 'accountList');
+    const classHierarchyList = (0, classListSelector_1.getNestedClassListHierarchy)(classListState);
+    return {
+        accountList: accountList,
+        classList: classList,
+        accountsHierarchyList,
+        classHierarchyList,
+        ownerList: ownerList,
+        vendorView: vendorDetailState,
+        error: fetchState.error,
+        version: 0,
+        fetchState: fetchState.fetchState,
+    };
+};
+exports.getVendorsTabVendorView = getVendorsTabVendorView;
+const getBasicVendorDetails = (accountState, classState, userState, selectedVendor) => ({
+    name: selectedVendor.name,
+    account: selectedVendor.accountId != null
+        ? (0, accountSelector_1.getAccountBase)(accountState, selectedVendor.accountId, 'account_list')
+        : undefined,
+    class: selectedVendor.classId != null
+        ? (0, classSelector_1.getClassById)(classState, {
+            classId: selectedVendor.classId,
+            reportId: 'class_list',
+        })
+        : undefined,
+    owner: selectedVendor.ownerId != null
+        ? (0, userSelector_1.getUserByUserId)(userState, selectedVendor.ownerId)
+        : undefined,
+    id: selectedVendor.id,
+});
+const getVendorsTabDetailPageView = (state, vendorId, entity) => {
+    var _a, _b, _c;
+    const trendWithTransactions = (0, trendWithTransactionsSelector_1.getTrendWithTransactions)(state, entity, 'EntityDetail');
+    const vendorViewDetails = (0, exports.getVendorsTabVendorView)(state, vendorId);
+    const allVendorTransactions = ((_a = state.vendorsTabVendorViewState.allTransactionsTabData) === null || _a === void 0 ? void 0 : _a.timePeriod) != null
+        ? (0, transactionListByEntitySelector_1.getTransactionListByEntityForSinglePeriod)(state, entity, state.vendorsTabVendorViewState.allTransactionsTabData
+            .numberOfQuartersFetched)
+        : undefined;
+    const reducedFetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
+        state.accountListState.byReportId.accountList,
+        state.classListState,
+        state.ownerListState,
+        (_c = (_b = state.vendorsTabVendorViewState.vendorStateById[vendorId]) === null || _b === void 0 ? void 0 : _b.fetchStatus) !== null && _c !== void 0 ? _c : {
+            fetchState: 'Not-Started',
+        },
+        trendWithTransactions,
+    ]);
+    return {
+        vendorViewDetails,
+        trendWithTransactions,
+        allVendorTransactionsView: allVendorTransactions,
+        allTransactionsTabData: state.vendorsTabVendorViewState.allTransactionsTabData,
+        selectedTabType: state.vendorsTabVendorViewState.selectedTabType,
+        vendorSpendTrendFilterTabValue: state.vendorsTabVendorViewState.vendorSpendTrendFilterTabValue,
+        vendorSpend: state.vendorExpenseState.spend,
+        fetchState: reducedFetchState.fetchState,
+        error: reducedFetchState.error,
+    };
+};
+exports.getVendorsTabDetailPageView = getVendorsTabDetailPageView;
+const getVendorAllTransactionsDefaultTimePeriod = (firstMonthOfFY, numberOfQuartersToGoBack) => {
+    const currentEndDate = (0, zeniDayJS_1.dateNow)().startOf('M');
+    const periodToLoadStartDate = (0, addSubtractPeriod_1.subtractPeriod)(currentEndDate, firstMonthOfFY, numberOfQuartersToGoBack, 'quarter');
+    const { startOfTimeframeFY: startDate, endOfTimeframeFY: endDate } = (0, getStartOfAndEndOfTimeframeFY_1.getStartOfAndEndOfTimeframeForFY)(periodToLoadStartDate, firstMonthOfFY, 'quarter');
+    const periodToLoad = {
+        startDate,
+        endDate,
+    };
+    return periodToLoad;
+};
+exports.getVendorAllTransactionsDefaultTimePeriod = getVendorAllTransactionsDefaultTimePeriod;

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewState.d.ts

@@ -0,0 +1,33 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { Recommendation } from '../../../commonStateTypes/recommendationBase';
+import { TimePeriod } from '../../../commonStateTypes/timePeriod';
+import { RecommendedAccountBase } from '../../../entity/account/accountState';
+import { RecommendedClassBase } from '../../../entity/class/classState';
+import { VendorSpendTrendFilterTabType } from '../../../entity/vendorExpense/vendorExpenseSelector';
+import { VendorDetailTabsType } from './vendorsTabVendorViewSelector';
+export interface VendorsTabVendorViewState {
+    vendorStateById: Record<ID, VendorsTabVendorDetailState>;
+    selectedTabType: VendorDetailTabsType;
+    vendorSpendTrendFilterTabValue: VendorSpendTrendFilterTabType;
+    allTransactionsTabData?: {
+        timePeriod: TimePeriod;
+        numberOfQuartersFetched: number;
+    };
+}
+export interface VendorsTabVendorDetailLocalData {
+    vendorName?: string;
+    vendorCategory?: string;
+    vendorClass?: string;
+    vendorId?: ID;
+    vendorOwner?: ID;
+    recommendations?: Recommendation[];
+    recommendedCategory: RecommendedAccountBase | undefined;
+    recommendedClass: RecommendedClassBase | undefined;
+    isCategoryUpdateSelected: boolean;
+    isClassUpdateSelected: boolean;
+}
+export interface VendorsTabVendorDetailState {
+    fetchStatus: FetchStateAndError;
+    saveStatus: FetchStateAndError;
+    vendorDetailLocalData?: VendorsTabVendorDetailLocalData;
+}

package/lib/view/commonVendorView/vendorsTabVendorView/vendorsTabVendorViewState.js

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

package/lib/view/companyConfigView/companyConfigEpic.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 { fetchCompanyConfig, updateCompanyConfig, updateCompanyConfigFailure } from './companyConfigReducer';
+export declare type ActionType = ReturnType<typeof fetchCompanyConfig> | ReturnType<typeof updateCompanyConfig> | ReturnType<typeof updateCompanyConfigFailure>;
+export declare const fetchCompanyConfigEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/companyConfigView/companyConfigEpic.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchCompanyConfigEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../responsePayload");
+const companyConfigReducer_1 = require("./companyConfigReducer");
+const fetchCompanyConfigEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(companyConfigReducer_1.fetchCompanyConfig.match), (0, operators_1.switchMap)(() => {
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/companies/config`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            return (0, rxjs_1.of)((0, companyConfigReducer_1.updateCompanyConfig)(response));
+        }
+        else {
+            return (0, rxjs_1.of)((0, companyConfigReducer_1.updateCompanyConfigFailure)(response.status));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, companyConfigReducer_1.updateCompanyConfigFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch company config REST API call errored out' +
+            JSON.stringify(error))));
+    }));
+}));
+exports.fetchCompanyConfigEpic = fetchCompanyConfigEpic;

package/lib/view/companyConfigView/companyConfigPayload.d.ts

@@ -0,0 +1,6 @@
+import { AllowedValueWithCode } from '../../commonStateTypes/allowedValue';
+import { ZeniAPIResponse } from '../../responsePayload';
+export interface CompanyConfigPayload {
+    industry_types: AllowedValueWithCode[];
+}
+export declare type CompanyConfigResponse = ZeniAPIResponse<CompanyConfigPayload>;

package/lib/view/companyConfigView/companyConfigPayload.js

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