@zeniai/client-epic-state 4.12.61 → 4.12.62

package/lib/view/commonVendorView/vendorsTabVendorView/epics/fetchVendorsTabVendorEpic.d.ts

@@ -11,5 +11,6 @@ import { updateClasses } from '../../../../entity/class/classReducer';
 import { updateBankAccounts } from '../../../../entity/bankAccount/bankAccountReducer';
 import { updateFiles } from '../../../../entity/file/fileReducer';
 import { updateAccounts } from '../../../../entity/account/accountReducer';
-export declare type ActionType = ReturnType<typeof fetchVendorsTabVendor> | ReturnType<typeof fetchClassList> | ReturnType<typeof updateVendorsTabVendorFetchStatus> | ReturnType<typeof updateVendors> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateClasses> | ReturnType<typeof updateContacts> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateBankAccounts> | ReturnType<typeof updateVendorsTabVendorSaveStatus> | ReturnType<typeof updateFiles>;
-export declare const fetchVendorsTabVendorEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+import { initializeVendorAddress } from '../../vendorView/vendorViewReducer';
+export declare type ActionType = ReturnType<typeof fetchVendorsTabVendor> | ReturnType<typeof fetchClassList> | ReturnType<typeof updateVendorsTabVendorFetchStatus> | ReturnType<typeof updateVendors> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateClasses> | ReturnType<typeof updateContacts> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateBankAccounts> | ReturnType<typeof updateVendorsTabVendorSaveStatus> | ReturnType<typeof updateFiles> | ReturnType<typeof initializeVendorAddress>;
+export declare const fetchVendorsTabVendorEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -15,7 +15,8 @@ const bankAccountReducer_1 = require("../../../../entity/bankAccount/bankAccount
 const fileReducer_1 = require("../../../../entity/file/fileReducer");
 const commonVendorViewHelper_1 = require("../../commonVendorViewHelper");
 const accountReducer_1 = require("../../../../entity/account/accountReducer");
-const fetchVendorsTabVendorEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(vendorsTabVendorViewReducer_1.fetchVendorsTabVendor.match), (0, operators_1.switchMap)((action) => {
+const vendorViewReducer_1 = require("../../vendorView/vendorViewReducer");
+const fetchVendorsTabVendorEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(vendorsTabVendorViewReducer_1.fetchVendorsTabVendor.match), (0, operators_1.switchMap)((action) => {
     return zeniAPI
         .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/vendors/${action.payload.vendorId}`)
         .pipe((0, operators_1.mergeMap)((response) => {
@@ -43,11 +44,12 @@ const fetchVendorsTabVendorEpic = (actions$, _state$, zeniAPI) => actions$.pipe(
                 (0, vendorsTabVendorViewReducer_1.updateVendorsTabVendorSaveStatus)({
                     vendorId: action.payload.vendorId,
                 }),
+                (0, vendorViewReducer_1.initializeVendorAddress)(action.payload.vendorId),
             ];
             if (vendorInResponse != null) {
                 actions.push((0, vendorsTabVendorViewReducer_1.vendorsTabUpdateVendorDetailLocalData)({
                     vendorId: action.payload.vendorId,
-                    localData: (0, vendorsTabVendorDetailLocalDataHelpers_1.getInitializedVendorDetailLocalData)((0, vendorPayload_1.mapVendorPayloadToVendor)(vendorInResponse)),
+                    localData: (0, vendorsTabVendorDetailLocalDataHelpers_1.getInitializedVendorTabDetailLocalData)((0, vendorPayload_1.mapVendorPayloadToVendor)(vendorInResponse), state$.value, vendorInResponse),
                 }));
             }
             return (0, rxjs_1.from)(actions);

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

@@ -14,7 +14,7 @@ _zeniAPI) => actions$.pipe((0, operators_1.filter)(vendorsTabVendorViewReducer_1
     if (vendorStateData != null) {
         actions.push((0, vendorsTabVendorViewReducer_1.vendorsTabUpdateVendorDetailLocalData)({
             vendorId: action.payload.vendorId,
-            localData: (0, vendorsTabVendorDetailLocalDataHelpers_1.getInitializedVendorDetailLocalData)(vendorStateData),
+            localData: (0, vendorsTabVendorDetailLocalDataHelpers_1.getInitializedVendorTabDetailLocalData)(vendorStateData, state$.value),
         }));
     }
     return (0, rxjs_1.from)(actions);

package/lib/view/commonVendorView/vendorsTabVendorView/epics/vendorsTabVendorDetailLocalDataHelpers.d.ts

@@ -2,7 +2,9 @@ import { User } from '../../../../entity/user/userState';
 import { Vendor } from '../../../../entity/vendor/vendorState';
 import { VendorsTabVendorDetailLocalData } from '../vendorsTabVendorViewState';
 import { VendorsTabVendorViewSelectorView } from '../vendorsTabVendorViewSelector';
-export declare const getInitializedVendorDetailLocalData: (vendorData: Vendor) => VendorsTabVendorDetailLocalData;
+import { RootState } from '../../../../reducer';
+import { VendorPayload } from '../../../../entity/vendor/vendorPayload';
+export declare const getInitializedVendorTabDetailLocalData: (vendorData: Vendor, state: RootState, vendorPayload?: VendorPayload | undefined) => VendorsTabVendorDetailLocalData;
 export declare const getAnalyticsDataOnVendorSave: (vendorViewDetails: VendorsTabVendorViewSelectorView, ownerList: User[]) => {
     vendorId: string | undefined;
     vendorName: string | undefined;

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

@@ -1,11 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAnalyticsDataOnVendorSave = exports.getInitializedVendorDetailLocalData = void 0;
+exports.getAnalyticsDataOnVendorSave = exports.getInitializedVendorTabDetailLocalData = void 0;
 const commonVendorViewHelper_1 = require("../../commonVendorViewHelper");
-const getInitializedVendorDetailLocalData = (vendorData) => {
+const contactPayload_1 = require("../../../../entity/billPay/contact/contactPayload");
+const contactSelector_1 = require("../../../../entity/billPay/contact/contactSelector");
+const getInitializedVendorTabDetailLocalData = (vendorData, state, vendorPayload) => {
+    var _a;
+    const { contactState } = state;
     const { recommendedAccount, recommendedClass } = (0, commonVendorViewHelper_1.getRecommendedCategoryClass)(vendorData.recommendations, vendorData.accountId, vendorData.classId);
     return {
         vendorName: vendorData.name,
+        vendorEmail: vendorData.email,
+        vendorPhone: vendorData.phone,
+        vendorType: vendorData.vendorType,
+        tin: vendorData.filing1099Tin,
+        contacts: (vendorPayload === null || vendorPayload === void 0 ? void 0 : vendorPayload.contacts) != null
+            ? vendorPayload.contacts.map((contact) => (0, contactPayload_1.toContact)(contact))
+            : (0, contactSelector_1.getContactsByIds)(contactState, (_a = vendorData.contactIds) !== null && _a !== void 0 ? _a : []),
         vendorCategory: vendorData.accountId,
         vendorClass: vendorData.classId,
         vendorOwner: vendorData.ownerId,
@@ -17,7 +28,7 @@ const getInitializedVendorDetailLocalData = (vendorData) => {
         isClassUpdateSelected: false,
     };
 };
-exports.getInitializedVendorDetailLocalData = getInitializedVendorDetailLocalData;
+exports.getInitializedVendorTabDetailLocalData = getInitializedVendorTabDetailLocalData;
 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;

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

@@ -7,10 +7,14 @@ import { ZeniAPIResponse } from '../../../responsePayload';
 import { VendorsTabVendorDetailLocalData } from './vendorsTabVendorViewState';
 import { AddressUpdatableInfoPayload } from '../../addressView/addressViewPayload';
 import { FetchAllVendorsPayload } from '../../vendorList/vendorListPayload';
+import { Filing1099TinType } from '../../../entity/vendor/vendorType';
 export declare type VendorCreationResponse = ZeniAPIResponse<FetchAllVendorsPayload>;
 export interface VendorUpdatePayload {
     qbo_id: string;
     vendor_name: string;
+    email: string;
+    phone: string;
+    tin: Filing1099TinType | null;
     vendor_type: string;
     account: AccountBasePayload | null;
     accounting_class: ClassBasePayload | null;
@@ -21,6 +25,7 @@ export interface VendorUpdatePayload {
     vendor_currency_symbol: string;
     sync_token: string;
     address?: AddressUpdatableInfoPayload;
+    billing_address?: AddressUpdatableInfoPayload;
     is_vendor_1099?: boolean;
     document_ids: ID[] | null;
     owner_id: ID | null;

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

@@ -5,8 +5,11 @@ 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 contactPayload_1 = require("../../../entity/billPay/contact/contactPayload");
+const addressViewPayload_1 = require("../../addressView/addressViewPayload");
 const prepareEditVendorPayload = (state, vendorDetailLocalData, vendorId) => {
-    const { accountState, classState, vendorState } = state;
+    var _a, _b;
+    const { accountState, classState, addressViewState, vendorState } = state;
     const payload = {};
     if (vendorDetailLocalData != null) {
         payload.vendor_name = vendorDetailLocalData.vendorName;
@@ -37,6 +40,37 @@ const prepareEditVendorPayload = (state, vendorDetailLocalData, vendorId) => {
         else {
             payload.owner_id = null;
         }
+        if (vendorDetailLocalData.vendorEmail != null) {
+            payload.email = vendorDetailLocalData.vendorEmail;
+        }
+        if (vendorDetailLocalData.vendorPhone != null) {
+            payload.phone = vendorDetailLocalData.vendorPhone;
+        }
+        if (vendorDetailLocalData.vendorType != null) {
+            payload.vendor_type = vendorDetailLocalData.vendorType;
+        }
+        if (vendorDetailLocalData.tin != null) {
+            payload.tin = {
+                type: vendorDetailLocalData.tin.type,
+                value: vendorDetailLocalData.tin.value,
+            };
+        }
+        else {
+            payload.tin = null;
+        }
+    }
+    const contacts = (_a = vendorDetailLocalData.contacts) !== null && _a !== void 0 ? _a : [];
+    payload.contacts = contacts
+        .filter((contact) => contact.email.length > 0 || contact.fullName.length > 0)
+        .map((contact) => {
+        return (0, contactPayload_1.toContactPayload)(contact);
+    });
+    const vendorAddressToCreate = (_b = addressViewState.newAddressState) === null || _b === void 0 ? void 0 : _b['vendor_address'].addressToCreate;
+    const vendorAddressPayload = vendorAddressToCreate != null
+        ? (0, addressViewPayload_1.toAddressUpdatableInfoPayload)(vendorAddressToCreate)
+        : undefined;
+    if (vendorAddressPayload != null) {
+        payload['address'] = vendorAddressPayload;
     }
     if (vendorId != null) {
         const syncToken = vendorState.vendorByID[vendorId].syncToken;

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

@@ -1,7 +1,7 @@
 import { FetchState, ID } from '../../../commonStateTypes/common';
 import { Entity } from '../../../entity/genericEntity/entity';
 import { ZeniAPIStatus } from '../../../responsePayload';
-import { VendorsTabVendorDetailLocalData, VendorsTabVendorViewState } from './vendorsTabVendorViewState';
+import { CollapsableStatusKey, VendorsTabVendorDetailLocalData, VendorsTabVendorViewState } from './vendorsTabVendorViewState';
 import { TimePeriod } from '../../../commonStateTypes/timePeriod';
 export declare const initialVendorDetailLocalData: VendorsTabVendorDetailLocalData;
 export declare const initialState: VendorsTabVendorViewState;
@@ -38,6 +38,11 @@ export declare const fetchVendorsTabVendorDetails: import("@reduxjs/toolkit").Ac
     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>;
+}, string, never, never>, resetVendorsTabVendorAllTransactionsTabData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateContactsInVendorTabDetailLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    vendorId: ID;
+    localData?: Partial<VendorsTabVendorDetailLocalData> | undefined;
+}, string>, updateVendorTabDetailUIState: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    collapsableStatus: CollapsableStatusKey;
+}, 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

@@ -1,9 +1,10 @@
 "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;
+exports.clearVendorsTabVendorView = exports.updateVendorTabDetailUIState = exports.updateContactsInVendorTabDetailLocalData = 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 = {
+    contacts: [],
     vendorId: undefined,
     isCategoryUpdateSelected: false,
     isClassUpdateSelected: false,
@@ -14,6 +15,9 @@ exports.initialState = {
     vendorStateById: {},
     selectedTabType: 'spend_transactions',
     vendorSpendTrendFilterTabValue: 'YTD_spend',
+    uiState: {
+        collapsableStatus: 'expand',
+    },
 };
 const vendorsTabVendorView = (0, toolkit_1.createSlice)({
     name: 'vendorsTabVendorView',
@@ -115,12 +119,14 @@ const vendorsTabVendorView = (0, toolkit_1.createSlice)({
             },
         },
         vendorsTabUpdateVendorDetailLocalData(draft, action) {
+            var _a;
             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);
+                const contacts = (_a = localData.contacts) !== null && _a !== void 0 ? _a : [];
+                draft.vendorStateById[vendorId].vendorDetailLocalData = Object.assign(Object.assign(Object.assign({}, exports.initialVendorDetailLocalData), localData), { contacts: contacts.map((contact) => (Object.assign({}, contact))) });
             }
         },
         vendorsTabResetVendorDetailLocalData: {
@@ -185,10 +191,24 @@ const vendorsTabVendorView = (0, toolkit_1.createSlice)({
         resetSelectedTabType(draft) {
             draft.selectedTabType = 'spend_transactions';
         },
+        updateContactsInVendorTabDetailLocalData(draft, action) {
+            var _a;
+            const { vendorId, localData } = action.payload;
+            if (localData === null || localData === void 0 ? void 0 : localData.contacts) {
+                const contacts = localData.contacts;
+                if (vendorId != null) {
+                    draft.vendorStateById[vendorId] = Object.assign(Object.assign({}, draft.vendorStateById[vendorId]), { vendorDetailLocalData: Object.assign(Object.assign(Object.assign({}, exports.initialVendorDetailLocalData), (_a = draft.vendorStateById[vendorId]) === null || _a === void 0 ? void 0 : _a.vendorDetailLocalData), { contacts: contacts.map((contact) => (Object.assign({}, contact))) }) });
+                }
+            }
+        },
+        updateVendorTabDetailUIState(draft, action) {
+            const { collapsableStatus } = action.payload;
+            draft.uiState.collapsableStatus = collapsableStatus;
+        },
         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;
+_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.updateContactsInVendorTabDetailLocalData = _a.updateContactsInVendorTabDetailLocalData, exports.updateVendorTabDetailUIState = _a.updateVendorTabDetailUIState, exports.clearVendorsTabVendorView = _a.clearVendorsTabVendorView;
 exports.default = vendorsTabVendorView.reducer;

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

@@ -1,7 +1,7 @@
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { RootState } from '../../../reducer';
-import { VendorsTabVendorDetailLocalData } from './vendorsTabVendorViewState';
+import { VendorsTabVendorDetailLocalData, VendorsTabVendorViewUIState } from './vendorsTabVendorViewState';
 import { AccountListSelectorView } from '../../accountList/accountListSelector';
 import { ClassListSelectorView } from '../../classList/classListSelector';
 import { AccountBase } from '../../../entity/account/accountState';
@@ -17,23 +17,37 @@ import { TransactionListByEntityView } from '../../transactionList/transactionLi
 import { TimePeriod } from '../../../commonStateTypes/timePeriod';
 import { Month } from '../../../commonStateTypes/timePeriod';
 import { TimeframeTick } from '../../../commonStateTypes/timeframeTick';
+import { Address } from '../../../entity/address/addressState';
+import { Contact } from '../../../entity/billPay/contact/contact';
+import { VendorType } from '../../vendorTypeList/vendorTypeListPayload';
+import { Filing1099TinType } from '../../../entity/vendor/vendorType';
+import { NewAddressData } from '../../addressView/addressViewState';
 export declare const toVendorDetailTabsType: (v: string) => "spend_transactions" | "all_transactions";
 export declare type VendorDetailTabsType = ReturnType<typeof toVendorDetailTabsType>;
 export interface VendorsTabVendorDetails {
     vendorBasic: VendorsTabVendorBasic;
+    vendorNewAddressStatus?: NewAddressData;
+    vendorAddress?: Address;
     saveStatus: FetchStateAndError;
     vendorDetailLocalData?: VendorsTabVendorDetailLocalData;
 }
 export interface VendorsTabVendorBasic {
     id: ID;
     name: string;
+    email?: string;
+    phone?: string;
     account?: AccountBase;
     class?: ClassBase;
     owner?: User;
+    vendorType?: VendorType;
+    vendorTin?: Filing1099TinType;
+    contacts?: Contact[];
+    vendorDocuments?: File[];
 }
 export interface VendorsTabVendorViewSelectorView extends SelectorView {
     accountList: AccountListSelectorView;
     classList: ClassListSelectorView;
+    vendorTypeList: VendorType[];
     accountsHierarchyList: NestedAccountHierarchyForReport[];
     classHierarchyList: NestedClassHierarchyForReport[];
     ownerList: User[];
@@ -41,6 +55,7 @@ export interface VendorsTabVendorViewSelectorView extends SelectorView {
 }
 export interface VendorsTabVendorDetailPageView extends SelectorView {
     vendorViewDetails: VendorsTabVendorViewSelectorView;
+    uiState: VendorsTabVendorViewUIState;
     vendorSpendTrendFilterTabValue: VendorSpendTrendFilterTabType;
     trendWithTransactions: TrendWithTransactionsView;
     vendorSpend: VendorSpend;

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

@@ -14,6 +14,8 @@ 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 addressSelector_1 = require("../../../entity/address/addressSelector");
+const contactSelector_1 = require("../../../entity/billPay/contact/contactSelector");
 const ALL_VENDOR_DETAIL_TABS_TYPES = [
     'spend_transactions',
     'all_transactions',
@@ -21,11 +23,12 @@ const ALL_VENDOR_DETAIL_TABS_TYPES = [
 const toVendorDetailTabsType = (v) => (0, stringToUnion_1.stringToUnion)(v, ALL_VENDOR_DETAIL_TABS_TYPES);
 exports.toVendorDetailTabsType = toVendorDetailTabsType;
 const getVendorsTabVendorView = (state, vendorIdFromUrl) => {
-    var _a, _b, _c, _d, _e;
-    const { accountListState, accountState, classListState, classState, vendorState, userState, vendorsTabVendorViewState, } = state;
+    var _a, _b, _c, _d, _e, _f;
+    const { accountListState, accountState, classListState, classState, vendorState, userState, vendorsTabVendorViewState, vendorTypeListState, addressState, addressViewState, contactState, } = 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);
+    const vendorTypeList = vendorTypeListState.vendorTypes;
     let vendorDetailState;
     let fetchState = {
         fetchState: 'Not-Started',
@@ -33,22 +36,27 @@ const getVendorsTabVendorView = (state, vendorIdFromUrl) => {
     };
     const selectedVendor = (0, vendorSelector_1.getVendorByVendorId)(vendorState, vendorIdFromUrl);
     const basicVendorDetails = selectedVendor != null
-        ? getBasicVendorDetails(accountState, classState, userState, selectedVendor)
+        ? getBasicVendorDetails(accountState, classState, userState, selectedVendor, vendorTypeListState, contactState)
         : undefined;
-    if (basicVendorDetails) {
+    if (basicVendorDetails != null) {
         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,
+            vendorNewAddressStatus: (_c = addressViewState.newAddressState) === null || _c === void 0 ? void 0 : _c.vendor_address,
+            vendorAddress: (selectedVendor === null || selectedVendor === void 0 ? void 0 : selectedVendor.addressId) != null
+                ? (0, addressSelector_1.getAddressByAddressId)(addressState, selectedVendor === null || selectedVendor === void 0 ? void 0 : selectedVendor.addressId)
+                : undefined,
+            vendorDetailLocalData: (_d = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _d === void 0 ? void 0 : _d.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 : {
+        vendorTypeListState,
+        (_f = (_e = vendorsTabVendorViewState.vendorStateById[vendorIdFromUrl]) === null || _e === void 0 ? void 0 : _e.fetchStatus) !== null && _f !== void 0 ? _f : {
             fetchState: 'Not-Started',
         },
     ]);
@@ -57,6 +65,7 @@ const getVendorsTabVendorView = (state, vendorIdFromUrl) => {
     return {
         accountList: accountList,
         classList: classList,
+        vendorTypeList: vendorTypeList,
         accountsHierarchyList,
         classHierarchyList,
         ownerList: ownerList,
@@ -67,8 +76,10 @@ const getVendorsTabVendorView = (state, vendorIdFromUrl) => {
     };
 };
 exports.getVendorsTabVendorView = getVendorsTabVendorView;
-const getBasicVendorDetails = (accountState, classState, userState, selectedVendor) => ({
+const getBasicVendorDetails = (accountState, classState, userState, selectedVendor, vendorTypeListState, contactState) => ({
     name: selectedVendor.name,
+    email: selectedVendor.email,
+    phone: selectedVendor.phone,
     account: selectedVendor.accountId != null
         ? (0, accountSelector_1.getAccountBase)(accountState, selectedVendor.accountId, 'account_list')
         : undefined,
@@ -81,11 +92,15 @@ const getBasicVendorDetails = (accountState, classState, userState, selectedVend
     owner: selectedVendor.ownerId != null
         ? (0, userSelector_1.getUserByUserId)(userState, selectedVendor.ownerId)
         : undefined,
+    vendorType: vendorTypeListState.vendorTypes.filter((type) => type.code === selectedVendor.vendorType)[0],
+    vendorTin: selectedVendor.filing1099Tin,
+    contacts: (0, contactSelector_1.getContactsByIds)(contactState, selectedVendor.contactIds),
     id: selectedVendor.id,
 });
 const getVendorsTabDetailPageView = (state, vendorId, entity) => {
     var _a, _b, _c;
     const trendWithTransactions = (0, trendWithTransactionsSelector_1.getTrendWithTransactions)(state, entity, 'EntityDetail');
+    const uiState = state.vendorsTabVendorViewState.uiState;
     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
@@ -95,6 +110,7 @@ const getVendorsTabDetailPageView = (state, vendorId, entity) => {
         state.accountListState.byReportId.accountList,
         state.classListState,
         state.ownerListState,
+        state.vendorTypeListState,
         (_c = (_b = state.vendorsTabVendorViewState.vendorStateById[vendorId]) === null || _b === void 0 ? void 0 : _b.fetchStatus) !== null && _c !== void 0 ? _c : {
             fetchState: 'Not-Started',
         },
@@ -102,6 +118,7 @@ const getVendorsTabDetailPageView = (state, vendorId, entity) => {
     ]);
     return {
         vendorViewDetails,
+        uiState,
         trendWithTransactions,
         allVendorTransactionsView: allVendorTransactions,
         allTransactionsTabData: state.vendorsTabVendorViewState.allTransactionsTabData,

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

@@ -3,10 +3,14 @@ import { Recommendation } from '../../../commonStateTypes/recommendationBase';
 import { TimePeriod } from '../../../commonStateTypes/timePeriod';
 import { RecommendedAccountBase } from '../../../entity/account/accountState';
 import { RecommendedClassBase } from '../../../entity/class/classState';
+import { Filing1099TinType } from '../../../entity/vendor/vendorType';
 import { VendorSpendTrendFilterTabType } from '../../../entity/vendorExpense/vendorExpenseSelector';
+import { AddressUpdatableInfo } from '../../addressView/addressViewState';
+import { VendorContactInfo } from '../vendorView/vendorViewState';
 import { VendorDetailTabsType } from './vendorsTabVendorViewSelector';
 export interface VendorsTabVendorViewState {
     vendorStateById: Record<ID, VendorsTabVendorDetailState>;
+    uiState: VendorsTabVendorViewUIState;
     selectedTabType: VendorDetailTabsType;
     vendorSpendTrendFilterTabValue: VendorSpendTrendFilterTabType;
     allTransactionsTabData?: {
@@ -16,6 +20,12 @@ export interface VendorsTabVendorViewState {
 }
 export interface VendorsTabVendorDetailLocalData {
     vendorName?: string;
+    vendorEmail?: string;
+    vendorPhone?: string;
+    vendorType?: string;
+    tin?: Filing1099TinType;
+    address?: AddressUpdatableInfo;
+    contacts: VendorContactInfo[];
     vendorCategory?: string;
     vendorClass?: string;
     vendorId?: ID;
@@ -31,3 +41,9 @@ export interface VendorsTabVendorDetailState {
     saveStatus: FetchStateAndError;
     vendorDetailLocalData?: VendorsTabVendorDetailLocalData;
 }
+declare const toCollapsableStatusKey: (v: string) => "expand" | "collapse";
+export declare type CollapsableStatusKey = ReturnType<typeof toCollapsableStatusKey>;
+export interface VendorsTabVendorViewUIState {
+    collapsableStatus: CollapsableStatusKey;
+}
+export {};

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

@@ -1,2 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+const COLLAPSABLESTATUS = ['expand', 'collapse'];
+const toCollapsableStatusKey = (v) => (0, stringToUnion_1.stringToUnion)(v, COLLAPSABLESTATUS);

package/lib/view/{vendorFiling1099List → vendorFiling1099}/__mock__/vendorFiling1099ListMock.d.ts

@@ -1,5 +1,5 @@
-import { VendorFiling1099ListResponse } from '../vendorFiling1099ListPayload';
-import { VendorFiling1099ListState } from '../vendorFiling1099ListState';
+import { VendorFiling1099ListResponse } from '../vendorFiling1099List/vendorFiling1099ListPayload';
+import { VendorFiling1099ListState } from '../vendorFiling1099List/vendorFiling1099ListState';
 import { RootState } from '../../../reducer';
 export { vendorFiling1099ListSelectorMock } from './vendorFiling1099ListSelectorMock';
 export declare const vendorFiling1099ListSuccessResponse: VendorFiling1099ListResponse;
@@ -8,4 +8,4 @@ export declare const vendorFiling1099ListInProgressState: VendorFiling1099ListSt
 export declare const vendorFiling1099ListInProgressInitialState: VendorFiling1099ListState;
 export declare const vendorFiling1099ListSuccessState: VendorFiling1099ListState;
 export declare const vendorFiling1099ListFailureState: VendorFiling1099ListState;
-export declare const rootStateWithVendorList: RootState;
+export declare const rootStateWithVendorFiling1099List: RootState;

package/lib/view/{vendorFiling1099List → vendorFiling1099}/__mock__/vendorFiling1099ListMock.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.rootStateWithVendorList = exports.vendorFiling1099ListFailureState = exports.vendorFiling1099ListSuccessState = exports.vendorFiling1099ListInProgressInitialState = exports.vendorFiling1099ListInProgressState = exports.vendorFiling1099ListFailureResponse = exports.vendorFiling1099ListSuccessResponse = exports.vendorFiling1099ListSelectorMock = void 0;
+exports.rootStateWithVendorFiling1099List = exports.vendorFiling1099ListFailureState = exports.vendorFiling1099ListSuccessState = exports.vendorFiling1099ListInProgressInitialState = exports.vendorFiling1099ListInProgressState = exports.vendorFiling1099ListFailureResponse = exports.vendorFiling1099ListSuccessResponse = exports.vendorFiling1099ListSelectorMock = void 0;
 const vendorFiling1099ListSuccess_json_1 = __importDefault(require("./json/vendorFiling1099ListSuccess.json"));
 const apiFailure_json_1 = __importDefault(require("../../../__testHelpers__/apiFailure.json"));
-const vendorFiling1099ListReducer_1 = require("../vendorFiling1099ListReducer");
+const vendorFiling1099ListReducer_1 = require("../vendorFiling1099List/vendorFiling1099ListReducer");
 const vendorStateMocks_1 = require("../../../entity/vendor/__mocks__/vendorStateMocks");
 const reducer_1 = require("../../../reducer");
 const zeniDayJS_1 = require("../../../zeniDayJS");
@@ -77,7 +77,7 @@ exports.vendorFiling1099ListFailureState = {
     hasValidState: vendorFiling1099ListReducer_1.initialState.hasValidState,
     isVendor1099Populated: false,
 };
-exports.rootStateWithVendorList = Object.assign({}, reducer_1.initialRootState, {
+exports.rootStateWithVendorFiling1099List = Object.assign({}, reducer_1.initialRootState, {
     vendorState: {
         vendorByID: {
             'vendor_j12jh1g2g12jg3jh12:12': vendorStateMocks_1.vendorStateMock1,
@@ -98,4 +98,18 @@ exports.rootStateWithVendorList = Object.assign({}, reducer_1.initialRootState,
         hasValidState: vendorFiling1099ListReducer_1.initialState.hasValidState,
         isVendor1099Populated: true,
     },
+    vendorTypeListState: {
+        fetchState: 'Completed',
+        error: undefined,
+        vendorTypes: [
+            {
+                code: 'international_business',
+                name: 'International - Business',
+            },
+            {
+                code: 'individual',
+                name: 'Individual / Sole-Proprietor or Single-Member LLC',
+            },
+        ],
+    },
 });

package/lib/view/{vendorFiling1099List → vendorFiling1099}/__mock__/vendorFiling1099ListSelectorMock.d.ts

@@ -1,2 +1,2 @@
-import { VendorFiling1099ListSelectorView } from '../vendorFiling1099ListSelector';
+import { VendorFiling1099ListSelectorView } from '../vendorFiling1099List/vendorFiling1099ListSelector';
 export declare const vendorFiling1099ListSelectorMock: VendorFiling1099ListSelectorView;

package/lib/view/{vendorFiling1099List → vendorFiling1099}/__mock__/vendorFiling1099ListSelectorMock.js

@@ -18,5 +18,14 @@ exports.vendorFiling1099ListSelectorMock = {
         searchString: '',
     },
     isVendor1099Populated: true,
-    vendorTypeList: [],
+    vendorTypeList: [
+        {
+            code: 'international_business',
+            name: 'International - Business',
+        },
+        {
+            code: 'individual',
+            name: 'Individual / Sole-Proprietor or Single-Member LLC',
+        },
+    ],
 };

package/lib/view/vendorFiling1099/vendorFiling1099List/fetchVendorsFiling1099AllEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { fetchVendorsFiling1099List } from './vendorFiling1099ListReducer';
+import { fetchVendorTypeList } from '../../vendorTypeList/vendorTypeListReducer';
+import { initializeAccountMappingView } from '../../accountMappingView/accountMappingReducer';
+export declare type ActionType = ReturnType<typeof fetchVendorsFiling1099List> | ReturnType<typeof fetchVendorTypeList> | ReturnType<typeof initializeAccountMappingView>;
+export declare const fetchVendorsFiling1099AllEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/vendorFiling1099/vendorFiling1099List/fetchVendorsFiling1099AllEpic.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchVendorsFiling1099AllEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const vendorFiling1099ListReducer_1 = require("./vendorFiling1099ListReducer");
+const vendorTypeListReducer_1 = require("../../vendorTypeList/vendorTypeListReducer");
+const accountMappingReducer_1 = require("../../accountMappingView/accountMappingReducer");
+const fetchVendorsFiling1099AllEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(vendorFiling1099ListReducer_1.fetchVendorsFiling1099All.match), (0, operators_1.switchMap)((action) => {
+    const state = state$.value;
+    const vendorActions = [];
+    if (action.payload.cacheOverride === true) {
+        if (state.vendorTypeListState.hasValidState() === false &&
+            state.vendorTypeListState.fetchState !== 'In-Progress') {
+            vendorActions.push((0, vendorTypeListReducer_1.fetchVendorTypeList)());
+        }
+        vendorActions.push((0, accountMappingReducer_1.initializeAccountMappingView)());
+        vendorActions.push((0, vendorFiling1099ListReducer_1.fetchVendorsFiling1099List)());
+    }
+    else {
+        if (state.vendorTypeListState.hasValidState() === false &&
+            state.vendorTypeListState.fetchState !== 'In-Progress') {
+            vendorActions.push((0, vendorTypeListReducer_1.fetchVendorTypeList)());
+        }
+        vendorActions.push((0, accountMappingReducer_1.initializeAccountMappingView)());
+        vendorActions.push((0, vendorFiling1099ListReducer_1.fetchVendorsFiling1099List)());
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(vendorActions));
+}));
+exports.fetchVendorsFiling1099AllEpic = fetchVendorsFiling1099AllEpic;

package/lib/view/{vendorFiling1099List → vendorFiling1099/vendorFiling1099List}/fetchVendorsFiling1099ListEpic.d.ts

@@ -1,10 +1,10 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
-import { ZeniAPI } from '../../zeniAPI';
-import { RootState } from '../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { RootState } from '../../../reducer';
 import { updateVendorsFiling1099List, updateVendorFiling1099ListFailure, fetchVendorsFiling1099List } from './vendorFiling1099ListReducer';
-import { updateVendors } from '../../entity/vendor/vendorReducer';
-import { updateAddresses } from '../../entity/address/addressReducer';
-import { fetchVendorTypeList } from '../vendorTypeList/vendorTypeListReducer';
+import { updateVendors } from '../../../entity/vendor/vendorReducer';
+import { updateAddresses } from '../../../entity/address/addressReducer';
+import { fetchVendorTypeList } from '../../vendorTypeList/vendorTypeListReducer';
 export declare type ActionType = ReturnType<typeof fetchVendorsFiling1099List> | ReturnType<typeof updateVendorFiling1099ListFailure> | ReturnType<typeof updateVendors> | ReturnType<typeof updateVendorsFiling1099List> | ReturnType<typeof fetchVendorTypeList> | ReturnType<typeof updateAddresses>;
 export declare const fetchVendorsFiling1099ListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;