@zeniai/client-epic-state 4.12.61 → 4.12.63

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/twoFactorAuthentication/sendOtpEpic.js

@@ -11,23 +11,26 @@ const onboardingCustomerViewReducer_1 = require("../onboardingView/customerView/
 const settingsViewReducer_1 = require("../settingsView/settingsViewReducer");
 const cardUserOnboardingReducer_1 = require("../spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer");
 const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.sendOtp.match), (0, operators_1.mergeMap)((action) => {
-    var _a, _b;
+    var _a;
     const sendOtpActions = [];
     const { phoneNumber, twoFASource } = action.payload;
     const tenantState = state$.value.tenantState;
     const { currentTenantId } = tenantState;
     const productSettings = currentTenantId != null
-        ? (_b = (_a = tenantState.tenantsById) === null || _a === void 0 ? void 0 : _a[currentTenantId]) === null || _b === void 0 ? void 0 : _b.productSettings
+        ? (_a = tenantState.tenantsById[currentTenantId]) === null || _a === void 0 ? void 0 : _a.productSettings
         : undefined;
-    const isCardsEnabled = productSettings != null ? productSettings.isBookkeepingEnabled || productSettings.isCardsEnabled : false;
+    const isCardsEnabled = productSettings != null
+        ? productSettings.isBookkeepingEnabled ||
+            productSettings.isCardsEnabled
+        : false;
     const queryPayload = {
         channel_type: 'phone',
         channel_info: {
             phone_number: phoneNumber,
         },
-        is_for_charge_cards: (twoFASource === 'ChargeCard'
-            || twoFASource === "CardUserOnboarding"
-            || (twoFASource === "MyProfile" && isCardsEnabled)),
+        is_for_charge_cards: twoFASource === 'ChargeCard' ||
+            twoFASource === 'CardUserOnboarding' ||
+            (twoFASource === 'MyProfile' && isCardsEnabled),
     };
     switch (twoFASource) {
         case 'SpendManagementSetup':

package/lib/view/{vendorFiling1099List → vendorFiling1099}/__mock__/json/vendorFiling1099ListSuccess.json

@@ -77,7 +77,7 @@
                     },
                     "vendor_1099_status": "incomplete",
                     "vendor_1099_ytd_total": -2287.0,
-                    "w9_document": []
+                    "w9_documents": []
                 }
             ],
             "version": "2.0"

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/__mock__/vendorFiling1099UploadDetailsMock.d.ts

@@ -0,0 +1,132 @@
+import { RootState } from '../../../reducer';
+import { VendorFiling1099UploadDetailsState } from '../vendorFiling1099UploadDetails/vendorFiling1099UploadDetailsState';
+export declare const vendorFiling1099UploadDetailsSuccessResponse: {
+    data: {
+        filter: null;
+        query: {
+            end_date: string;
+            group_by: string;
+            sort_order: string;
+            source_account_type: string;
+            start_date: string;
+        };
+        query_definitions: {};
+        report: {
+            currency: {
+                currency_code: null;
+                currency_symbol: null;
+            };
+            is_vendor_1099_populated: boolean;
+            report_id: string;
+            report_title: string;
+            status: {
+                code: number;
+                description: string;
+                is_filtered_report: boolean;
+                last_refresh_attempt_time: string;
+                last_refresh_success_time: string;
+                message: string;
+            };
+            vendors: {
+                vendor_id: string;
+                qbo_id: string;
+                vendor_name: string;
+                title: string;
+                suffix: string;
+                first_name: string;
+                middle_name: string;
+                last_name: string;
+                vendor_type: string;
+                logo: {
+                    url: string;
+                    base64: string;
+                };
+                owner: null;
+                balance: number;
+                is_deleted: boolean;
+                qbo_create_time: string;
+                qbo_update_time: string;
+                create_time: string;
+                update_time: string;
+                email: string;
+                phone: string;
+                website_url: string;
+                currency_code: string;
+                currency_symbol: string;
+                country_code: string;
+                billing_address_id: string;
+                billing_address: {
+                    address_id: string;
+                    city: string;
+                    country: string;
+                    country_code: null;
+                    create_time: string;
+                    hash_value: string;
+                    latitude: null;
+                    longitude: null;
+                    postal_code: string;
+                    state: string;
+                    street: string[];
+                    update_time: string;
+                };
+                documents: never[];
+                vendor_currency_code: string;
+                vendor_currency_symbol: string;
+                tin: {
+                    type: string;
+                    value: string;
+                };
+                vendor_1099_status: string;
+                vendor_1099_ytd_total: number;
+                w9_documents: never[];
+            }[];
+            version: string;
+        };
+    };
+    status: {
+        code: number;
+        message: string;
+    };
+};
+export declare const vendorFiling1099UploadDetailsFailureResponse: {
+    status: {
+        message: string;
+        code: number;
+    };
+};
+export declare const vendorFiling1099UploadDetailsInProgressState: VendorFiling1099UploadDetailsState;
+export declare const vendorFiling1099UploadDetailsInProgressInitialState: VendorFiling1099UploadDetailsState;
+export declare const vendorFiling1099UploadDetailsSuccessState: VendorFiling1099UploadDetailsState;
+export declare const w9FormFile: {
+    checksum: string;
+    company_id: string;
+    content_type: string;
+    create_time: string;
+    create_userid: string;
+    document_side: string;
+    document_type: string;
+    extension: string;
+    file_id: string;
+    file_location: string;
+    file_name: string;
+    file_size: number;
+    file_size_unit: string;
+    image_file_ids: string[];
+    image_files: {
+        create_time: string;
+        file_location: string;
+        height: number;
+        image_format: string;
+        image_size_type: string;
+        signed_url: string;
+        update_time: string;
+        width: number;
+    }[];
+    index: string;
+    purpose_id: string;
+    signed_url: string;
+    update_time: string;
+    update_userid: string;
+    user_id: string;
+};
+export declare const rootStateWithVendorFiling1099UploadDetails: RootState;