@zeniai/client-epic-state 4.14.77 → 4.14.79

package/lib/view/expenseAutomationView/selectors/transactionCategorizationSelector.js

@@ -16,7 +16,7 @@ function getExpenseAutomationTransactionView(state) {
     var _a;
     const { accountState, classState, classListState, accountListState, expenseAutomationTransactionsViewState, expenseAutomationViewState, transactionState, monthEndCloseChecksState, } = state;
     const { selectedTransactionCategorizationTab } = expenseAutomationTransactionsViewState;
-    const { uiState, refreshStatus, saveStatus, markAsNotMiscategorizedStatus, transactionIdsBySelectedPeriod, transactionReviewLocalDataById, selectedCheckBoxTransactionIds, } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab];
+    const { uiState, refreshStatus, saveStatus, markAsNotMiscategorizedStatus, transactionIdsBySelectedPeriod, transactionReviewLocalDataById, selectedCheckBoxTransactionIds, selectedTransactionId, selectedTransactionLineId, } = expenseAutomationTransactionsViewState.transactionCategorizationView[selectedTransactionCategorizationTab];
     const uncategorizedIncomeExpense = (0, accountListSelector_1.getUncategorizedAccounts)(accountState, accountListState, 'accountList');
     const accountList = (0, accountListSelector_1.getAccountList)(accountState, accountListState, 'accountList');
     const classList = (0, classListSelector_1.getClassList)(classState, classListState);
@@ -104,5 +104,7 @@ function getExpenseAutomationTransactionView(state) {
         completionStatus,
         totalCountByTab,
         fetchStateByTransactionTabs: fetchStateByTab,
+        selectedTransactionId,
+        selectedTransactionLineId,
     };
 }

package/lib/view/expenseAutomationView/types/jeSchedulesViewState.d.ts

@@ -1,5 +1,8 @@
+import { NestedAccountHierarchyForReport } from '../../../commonStateTypes/accountView/nestedAccountID';
 import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { Recommendation } from '../../../commonStateTypes/recommendationBase';
 import { MonthYearPeriodId } from '../../../commonStateTypes/timePeriod';
+import { AccountBase } from '../../../entity/account/accountState';
 import { JEScheduleTransactionKey, ScheduleTypes } from '../../../entity/jeSchedules/jeSchedulesTypes';
 import { VendorBase } from '../../../entity/vendor/vendorState';
 export interface JESchedulesViewUIState {
@@ -24,8 +27,32 @@ export interface JESchedulesViewState extends FetchedState {
     jeScheduleTransactionKeysByPeriod: Record<MonthYearPeriodId, JEScheduleTransactionKey[]>;
     failedJeScheduleTransactionKeysByPeriod: Record<MonthYearPeriodId, JEScheduleTransactionKey[]>;
     jeScheduleLocalDataById: Record<ID, JEScheduleLocalData>;
+    accountSettings: AccountSettingsState;
     postStatusById: Record<ID, FetchStateAndError>;
     ignoreStatusById: Record<JEScheduleTransactionKey, FetchStateAndError>;
     refreshStatus: FetchStateAndError;
     uiState: JESchedulesViewUIState;
 }
+export interface AccountSettingsLocalData {
+    selectedFixedAssetsAccountIds: ID[];
+    selectedPrepaidExpensesAccountIds: ID[];
+    selectedAccruedExpensesAccountIds: ID[];
+    previousPrepaidExpensesAccount: AccountBase[];
+    previousFixedAssetsAccount: AccountBase[];
+    previousAccruedExpensesAccount: AccountBase[];
+}
+export interface AccountSettingsState {
+    localData: AccountSettingsLocalData;
+    accountListFetchState: FetchStateAndError;
+    recommendationFetchState: FetchStateAndError;
+    updateFetchState: FetchStateAndError;
+    prepaidExpensesAccountIdList: ID[];
+    prepaidExpensesNestedAccountListHierarchy: NestedAccountHierarchyForReport[];
+    prepaidExpensesRecommendations: Recommendation[];
+    fixedAssetsAccountIdList: ID[];
+    fixedAssetsNestedAccountListHierarchy: NestedAccountHierarchyForReport[];
+    fixedAssetsRecommendations: Recommendation[];
+    accruedExpensesAccountIdList: ID[];
+    accruedExpensesNestedAccountListHierarchy: NestedAccountHierarchyForReport[];
+    accruedExpensesRecommendations: Recommendation[];
+}

package/lib/view/expenseAutomationView/types/transactionsViewState.d.ts

@@ -84,6 +84,8 @@ export interface TransactionsTabViewState extends FetchedState {
     markAsNotMiscategorizedStatus: FetchStateAndError;
     refreshStatus: FetchStateAndError;
     uiState: TransactionsViewUIState;
+    selectedTransactionId?: ID;
+    selectedTransactionLineId?: ID;
 }
 export type TransactionsViewState = {
     selectedTransactionCategorizationTab: TransactionsTab;

package/lib/view/people/helpers/updateManagersListOnRoleChange.js

@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateManagersListOnRoleChange = void 0;
 const userListViewReducer_1 = require("../../userListView/userListViewReducer");
 const updateManagersListOnRoleChange = (actions, userRoles, isZeniTenant) => {
-    const { is_admin, is_bookkeeping_admin, is_bookkeeping_user, user_id, is_invite_accepted, is_reimbursements_user, is_zeni, } = userRoles;
+    const { is_admin, is_bookkeeping_admin, is_bookkeeping_user, user_id, is_invite_accepted, is_reimbursements_user, is_zeni, is_zeni_support_user, } = userRoles;
     if (is_invite_accepted && (!is_zeni || Boolean(isZeniTenant))) {
-        if (is_admin ||
+        if (is_zeni_support_user ||
+            is_admin ||
             is_bookkeeping_admin ||
             is_bookkeeping_user ||
             is_reimbursements_user) {

package/lib/view/people/peoplePayload.d.ts

@@ -7,6 +7,7 @@ export interface PeoplePayload {
 }
 export interface PeopleUpdatePayload {
     is_admin: boolean;
+    is_zeni_support_user: boolean;
     is_bookkeeping_admin: boolean;
     is_banker: boolean;
     is_investor_or_banker: boolean;

package/lib/view/spendManagement/billPay/editBillView/epics/saveBillDetailEpic.d.ts

@@ -10,12 +10,18 @@ import { openSnackbar } from '../../../../../entity/snackbar/snackbarReducer';
 import { TransactionWithAccountAndClassLinePayload } from '../../../../../entity/transaction/payloadTypes/transactionLinePayload';
 import { RootState } from '../../../../../reducer';
 import { ZeniAPI } from '../../../../../zeniAPI';
-import { BillPaymentConfigCodeType, BillPaymentSubConfigCodeType } from '../../billPayConfig/billPayConfigState';
+import { BillPayConfig, BillPaymentConfigCodeType, BillPaymentSubConfigCodeType } from '../../billPayConfig/billPayConfigState';
 import { saveBillDetail, saveBillSuccessOrFailure } from '../editBillViewReducer';
 import { EditBillDetail } from '../editBillViewState';
 export type ActionType = ReturnType<typeof saveBillDetail> | ReturnType<typeof updateBillTransaction> | ReturnType<typeof openSnackbar> | ReturnType<typeof saveBillSuccessOrFailure> | ReturnType<typeof updateRecurringBillConfigs> | ReturnType<typeof updateRecurringBills>;
 export declare const saveBillDetailEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<ActionType>;
 export declare function prepareSaveBillPayload(accountState: AccountState, billTransactionState: BillTransactionState, paymentAccountState: PaymentAccountState, recurringBillState: RecurringBillState, billDetail: EditBillDetail, billStageCode: BillStageCodeType, isForMarkAsPaid: boolean, isApproverMarkingAsPaid: boolean): Partial<SaveBillPayload>;
+export declare const getBillPaymentMethodTypePayload: (paymentType?: BillPayConfig) => BillPaymentMethodTypePayload;
+interface BillPaymentMethodTypePayload {
+    code: BillPaymentConfigCodeType | null;
+    name: string;
+    sub_code: BillPaymentSubConfigCodeType | null;
+}
 interface SaveBillPayload {
     vendor_id: string;
     vendor_name?: string | null;

package/lib/view/spendManagement/billPay/editBillView/epics/saveBillDetailEpic.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.saveBillDetailEpic = void 0;
+exports.getBillPaymentMethodTypePayload = exports.saveBillDetailEpic = void 0;
 exports.prepareSaveBillPayload = prepareSaveBillPayload;
 const get_1 = __importDefault(require("lodash/get"));
 const rxjs_1 = require("rxjs");
@@ -134,7 +134,7 @@ function prepareSaveBillPayload(accountState, billTransactionState, paymentAccou
             to_account_vendor_email: (_9 = billDetail.billDetailLocalData.toAccountVendorEmail) !== null && _9 !== void 0 ? _9 : null,
             is_collect_to_account_info_from_vendor_contact: billDetail.billDetailLocalData.isCollectToAccountInfoFromVendorContact,
             is_cancelled: false,
-            bill_payment_method_type: getBillPaymentMethodTypePayload((_10 = billDetail.billDetailLocalData.paymentDetailsSection) === null || _10 === void 0 ? void 0 : _10.paymentType),
+            bill_payment_method_type: (0, exports.getBillPaymentMethodTypePayload)((_10 = billDetail.billDetailLocalData.paymentDetailsSection) === null || _10 === void 0 ? void 0 : _10.paymentType),
             international_transfer_fee_bearer_payment_method: ((_12 = (_11 = billDetail.billDetailLocalData.paymentDetailsSection) === null || _11 === void 0 ? void 0 : _11.paymentType) === null || _12 === void 0 ? void 0 : _12.method.includes('international')) === true &&
                 ((_13 = billDetail.billDetailLocalData.vendor) === null || _13 === void 0 ? void 0 : _13.vendorCurrencyCode) === 'USD'
                 ? ((_14 = billDetail.billDetailLocalData.paymentDetailsSection
@@ -240,6 +240,7 @@ const getBillPaymentMethodTypePayload = (paymentType) => {
             : null,
     };
 };
+exports.getBillPaymentMethodTypePayload = getBillPaymentMethodTypePayload;
 const getPaymentDate = (billDetailLocalData) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const isPaymentOutsideZeni = (0, helpers_1.isPaymentMethodOutsideZeni)((_b = (_a = billDetailLocalData.paymentDetailsSection) === null || _a === void 0 ? void 0 : _a.paymentType) === null || _b === void 0 ? void 0 : _b.method);

package/lib/view/spendManagement/billPay/internationalWire/epics/createInternationalPaymentInstrumentEpic.js

@@ -24,7 +24,8 @@ const createPaymentInstrumentEpic = (actions$, state$, zeniAPI) => actions$.pipe
                     fetchState: 'Completed',
                 }));
                 if (bankAccountContext === 'vendor' ||
-                    bankAccountContext === 'billDetail') {
+                    bankAccountContext === 'billDetail' ||
+                    bankAccountContext === 'express-pay') {
                     bankAccountActions.push((0, vendorViewReducer_1.updatePaymentInstrumentsInVendorView)({
                         paymentInstrumentIds: [
                             (_b = response.data.payment_instruments[0]
@@ -71,7 +72,8 @@ const createPaymentInstrumentEpic = (actions$, state$, zeniAPI) => actions$.pipe
                     ],
                 }));
                 if (bankAccountContext === 'vendor' ||
-                    bankAccountContext === 'billDetail') {
+                    bankAccountContext === 'billDetail' ||
+                    bankAccountContext === 'express-pay') {
                     bankAccountActions.push((0, vendorViewReducer_1.updatePaymentInstrumentsInVendorView)({
                         paymentInstrumentIds: [
                             (_h = (_g = response.data) === null || _g === void 0 ? void 0 : _g.payment_instruments[0].zeni_payment_instrument_id) !== null && _h !== void 0 ? _h : '',

package/lib/view/spendManagement/reimbursement/remiListView/remiListSelector.d.ts

@@ -46,4 +46,4 @@ export interface ReimbursementView extends Reimbursement {
 export declare const getRemiList: (state: RootState, currentTimePeriod: TimePeriod, isBulkActionFeatureEnabled: boolean) => RemiListReport;
 export declare const getApproversOrRejectors: (reimbursement: Reimbursement, entityApprovalStatusState: EntityApprovalStatusState, userState: UserState) => Approvers;
 export declare const getRemiListOnSort: (sortKey: ReimbursementViewSortKey, sortOrder: SortOrder, currentTab: RemiTabType, reimbursements: ReimbursementView[]) => ReimbursementView[];
-export declare const getAllowedBulkActions: (selectedTab: RemiTabType, selectedSubTab: RemiSubTabType, isAllAwaitingMyApproval: boolean, isFirstBillProcessing: boolean) => BulkOperationType[];
+export declare const getAllowedBulkActions: (selectedTab: RemiTabType, selectedSubTab: RemiSubTabType, isAllAwaitingMyApproval: boolean, isFirstBillProcessing: boolean, hasReimbursementFromOthers: boolean) => BulkOperationType[];

package/lib/view/spendManagement/reimbursement/remiListView/remiListSelector.js

@@ -112,9 +112,10 @@ const getRemiList = (state, currentTimePeriod, isBulkActionFeatureEnabled) => {
         });
         const allBulkRemisAwaitingMyApproval = (0, difference_1.default)(remisSelectedForBulkAction, pendingApprovalTransactionIDs)
             .length === 0;
+        const hasReimbursementFromOthers = reimbursementsDetailed.some((remi) => remi.createdBy !== loggedInUserId);
         const allowedBulkActions = isBulkActionAllowed
             ? (0, exports.getAllowedBulkActions)(remiListState.currentTab, remiListState.currentSubTab, allBulkRemisAwaitingMyApproval, (firstRemiInBulkList === null || firstRemiInBulkList === void 0 ? void 0 : firstRemiInBulkList.reimbursementInfo.billPaymentStatus.code) ===
-                'processing')
+                'processing', hasReimbursementFromOthers)
             : [];
         remiListBulkActionInfo = {
             isBulkActionAllowed,
@@ -510,10 +511,12 @@ const isRemiSelectableForBulkAction = (reimbursement, selectedTab, firstSelectab
     }
     return result;
 };
-const getAllowedBulkActions = (selectedTab, selectedSubTab, isAllAwaitingMyApproval, isFirstBillProcessing) => {
+const getAllowedBulkActions = (selectedTab, selectedSubTab, isAllAwaitingMyApproval, isFirstBillProcessing, hasReimbursementFromOthers) => {
     switch (selectedTab) {
         case 'draft':
-            return ['send_for_approval', 'delete'];
+            return hasReimbursementFromOthers
+                ? ['delete']
+                : ['send_for_approval', 'delete'];
         case 'pending_approval': {
             switch (selectedSubTab) {
                 case 'all':

package/lib/view/spendManagement/zeniAccounts/depositAccountTransactionList/depositAccountTransactionListSelector.js

@@ -12,7 +12,7 @@ const getDepositAccountTransactionList = (state, depositAccountId, transactionsC
     const transactionsByDeposit = depositAccountTransactionListState.byDepositId[depositAccountId];
     const transactionIds = (_a = transactionsByDeposit === null || transactionsByDeposit === void 0 ? void 0 : transactionsByDeposit.transactions) !== null && _a !== void 0 ? _a : [];
     const transactionsUnsorted = (0, depositAccountTransactionSelector_1.getDepositAccountTransactionByIds)(depositAccountTransactionState, transactionIds);
-    const transactions = (0, orderBy_1.default)(transactionsUnsorted, (value) => value.createTime.valueOf(), 'desc');
+    const transactions = (0, orderBy_1.default)(transactionsUnsorted, (value) => value.transactionDate.valueOf(), 'desc');
     return {
         transactions: transactionsCount != null
             ? transactions.slice(0, transactionsCount)

package/lib/view/spendManagement/zeniAccounts/expressPay/epics/fetchExpressPayInitialDetailsEpic.d.ts

@@ -0,0 +1,10 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../../reducer';
+import { fetchVendorTypeList } from '../../../../vendorTypeList/vendorTypeListReducer';
+import { fetchBillPayConfig } from '../../../billPay/billPayConfig/billPayConfigReducer';
+import { fetchDepositAccountList } from '../../depositAccountList/depositAccountListReducer';
+import { fetchPaymentAccountList } from '../../paymentAccountList/paymentAccountListReducer';
+import { fetchExpressPayInitialDetails, updateExpressPayFetchState } from '../expressPayReducer';
+export type ActionType = ReturnType<typeof fetchExpressPayInitialDetails> | ReturnType<typeof fetchBillPayConfig> | ReturnType<typeof fetchVendorTypeList> | ReturnType<typeof fetchDepositAccountList> | ReturnType<typeof fetchPaymentAccountList> | ReturnType<typeof updateExpressPayFetchState>;
+export declare const fetchExpressPayInitialDetailsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/spendManagement/zeniAccounts/expressPay/epics/fetchExpressPayInitialDetailsEpic.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchExpressPayInitialDetailsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const vendorTypeListReducer_1 = require("../../../../vendorTypeList/vendorTypeListReducer");
+const billPayConfigReducer_1 = require("../../../billPay/billPayConfig/billPayConfigReducer");
+const depositAccountListReducer_1 = require("../../depositAccountList/depositAccountListReducer");
+const paymentAccountListReducer_1 = require("../../paymentAccountList/paymentAccountListReducer");
+const expressPayReducer_1 = require("../expressPayReducer");
+const fetchExpressPayInitialDetailsEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(expressPayReducer_1.fetchExpressPayInitialDetails.match), (0, operators_1.mergeMap)((action) => {
+    const { cacheOverride, isInternationalWireEnabled } = action.payload;
+    const state = state$.value;
+    const fetchActions = [];
+    if (cacheOverride === true) {
+        fetchActions.push((0, vendorTypeListReducer_1.fetchVendorTypeList)());
+        fetchActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)(isInternationalWireEnabled));
+        fetchActions.push((0, depositAccountListReducer_1.fetchDepositAccountList)());
+        fetchActions.push((0, paymentAccountListReducer_1.fetchPaymentAccountList)());
+        fetchActions.push((0, expressPayReducer_1.updateExpressPayFetchState)());
+    }
+    else {
+        if (state.vendorTypeListState.hasValidState() === false &&
+            state.vendorTypeListState.fetchState !== 'In-Progress') {
+            fetchActions.push((0, vendorTypeListReducer_1.fetchVendorTypeList)());
+        }
+        const billPayConfigFetchState = state.billPayConfigState.fetchState;
+        if (billPayConfigFetchState !== 'Completed' &&
+            billPayConfigFetchState !== 'In-Progress') {
+            fetchActions.push((0, billPayConfigReducer_1.fetchBillPayConfig)(isInternationalWireEnabled));
+        }
+        const depositAccounts = state.depositAccountListState;
+        if (depositAccounts.fetchState !== 'In-Progress' &&
+            depositAccounts.fetchState !== 'Completed') {
+            fetchActions.push((0, depositAccountListReducer_1.fetchDepositAccountList)());
+        }
+        const paymentAccounts = state.paymentAccountListState;
+        if (paymentAccounts.fetchState !== 'In-Progress' &&
+            paymentAccounts.fetchState !== 'Completed') {
+            fetchActions.push((0, paymentAccountListReducer_1.fetchPaymentAccountList)());
+        }
+        fetchActions.push((0, expressPayReducer_1.updateExpressPayFetchState)());
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(fetchActions));
+}));
+exports.fetchExpressPayInitialDetailsEpic = fetchExpressPayInitialDetailsEpic;

package/lib/view/spendManagement/zeniAccounts/expressPay/epics/submitExpressPayEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { openSnackbar } from '../../../../../entity/snackbar/snackbarReducer';
+import { RootState } from '../../../../../reducer';
+import { ZeniAPI } from '../../../../../zeniAPI';
+import { submitExpressPay, updateExpressPaySubmissionStatus } from '../expressPayReducer';
+export type ActionType = ReturnType<typeof submitExpressPay> | ReturnType<typeof updateExpressPaySubmissionStatus> | ReturnType<typeof openSnackbar>;
+export declare const submitExpressPayEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/spendManagement/zeniAccounts/expressPay/epics/submitExpressPayEpic.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.submitExpressPayEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
+const responsePayload_1 = require("../../../../../responsePayload");
+const saveBillDetailEpic_1 = require("../../../billPay/editBillView/epics/saveBillDetailEpic");
+const expressPayReducer_1 = require("../expressPayReducer");
+const submitExpressPayEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(expressPayReducer_1.submitExpressPay.match), (0, operators_1.switchMap)(() => {
+    const { expressPayState } = state$.value;
+    const localData = expressPayState.formLocalData;
+    if (localData != null) {
+        return zeniAPI
+            .postAndGetJSON(`${zeniAPI.apiEndPoints.bankingMicroServiceBaseUrl}/1.0/transactions/express-pay`, toExpressPayPayload(localData))
+            .pipe((0, operators_1.mergeMap)((response) => {
+            const actions = [];
+            if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+                actions.push((0, expressPayReducer_1.updateExpressPaySubmissionStatus)({
+                    fetchState: 'Completed',
+                    error: undefined,
+                }));
+                actions.push((0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'express_pay_submit',
+                    messageText: 'success',
+                    type: 'success',
+                }));
+            }
+            else {
+                actions.push((0, expressPayReducer_1.updateExpressPaySubmissionStatus)({
+                    fetchState: 'Error',
+                    error: response.status,
+                }));
+                actions.push((0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'express_pay_submit',
+                    messageText: 'failed',
+                    type: 'error',
+                }));
+            }
+            return (0, rxjs_1.from)(actions);
+        }), (0, operators_1.catchError)((error) => {
+            return (0, rxjs_1.of)((0, expressPayReducer_1.updateExpressPaySubmissionStatus)({
+                fetchState: 'Error',
+                error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Submit express pay REST API call errored out' +
+                    JSON.stringify(error)),
+            }));
+        }));
+    }
+    else {
+        return (0, rxjs_1.from)([]);
+    }
+}));
+exports.submitExpressPayEpic = submitExpressPayEpic;
+const toExpressPayPayload = (localData) => {
+    var _a;
+    const paymentMethodType = (0, saveBillDetailEpic_1.getBillPaymentMethodTypePayload)(localData.paymentType);
+    return {
+        to_bank_account_id: localData.paymentToAccountId,
+        vendor_id: localData.vendorId,
+        amount: localData.amount.amount,
+        payment_method_type: paymentMethodType.code,
+        payment_method_sub_type: paymentMethodType.sub_code,
+        source_deposit_account_id: (_a = localData.withdrawFrom) === null || _a === void 0 ? void 0 : _a.id,
+        payment_date: localData.paymentDate.format('YYYY-MM-DD'),
+        file_id: localData.receiptFileId,
+    };
+};

package/lib/view/spendManagement/zeniAccounts/expressPay/expressPayReducer.d.ts

@@ -0,0 +1,15 @@
+import { FetchState } from '../../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../../responsePayload';
+import { ExpressPayFormLocalData, ExpressPayState } from './expressPayState';
+export declare const initialState: ExpressPayState;
+export declare const fetchExpressPayInitialDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[cacheOverride: boolean, isInternationalWireEnabled: boolean], {
+    cacheOverride: boolean;
+    isInternationalWireEnabled: boolean;
+}, "expressPay/fetchExpressPayInitialDetails", never, never>, updateExpressPayFetchState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expressPay/updateExpressPayFetchState">, updateExpressPayFormLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    localData: ExpressPayFormLocalData;
+}, "expressPay/updateExpressPayFormLocalData">, submitExpressPay: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expressPay/submitExpressPay">, updateExpressPaySubmissionStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    fetchState: FetchState;
+    error?: ZeniAPIStatus;
+}, "expressPay/updateExpressPaySubmissionStatus">, resetExpressPayLocalData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expressPay/resetExpressPayLocalData">, clearExpressPayView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"expressPay/clearExpressPayView">;
+declare const _default: import("redux").Reducer<ExpressPayState>;
+export default _default;

package/lib/view/spendManagement/zeniAccounts/expressPay/expressPayReducer.js

@@ -0,0 +1,61 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearExpressPayView = exports.resetExpressPayLocalData = exports.updateExpressPaySubmissionStatus = exports.submitExpressPay = exports.updateExpressPayFormLocalData = exports.updateExpressPayFetchState = exports.fetchExpressPayInitialDetails = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const zeniDayJS_1 = require("../../../../zeniDayJS");
+exports.initialState = {
+    formLocalData: {
+        amount: {
+            amount: 0,
+            currencyCode: 'USD',
+            currencySymbol: '$',
+        },
+        paymentDate: (0, zeniDayJS_1.dateNow)(),
+    },
+    fetchState: 'Not-Started',
+    expressPaySubmitStatus: { fetchState: 'Not-Started' },
+};
+const expressPay = (0, toolkit_1.createSlice)({
+    name: 'expressPay',
+    initialState: exports.initialState,
+    reducers: {
+        fetchExpressPayInitialDetails: {
+            reducer(draft) {
+                draft.fetchState = 'In-Progress';
+            },
+            prepare(cacheOverride, isInternationalWireEnabled) {
+                return {
+                    payload: {
+                        cacheOverride,
+                        isInternationalWireEnabled,
+                    },
+                };
+            },
+        },
+        updateExpressPayFetchState(draft) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateExpressPayFormLocalData(draft, action) {
+            draft.formLocalData = action.payload.localData;
+        },
+        submitExpressPay(draft) {
+            draft.expressPaySubmitStatus.fetchState = 'In-Progress';
+            draft.expressPaySubmitStatus.error = undefined;
+        },
+        updateExpressPaySubmissionStatus(draft, action) {
+            const { fetchState, error } = action.payload;
+            draft.expressPaySubmitStatus.fetchState = fetchState;
+            draft.expressPaySubmitStatus.error = error;
+        },
+        resetExpressPayLocalData(draft) {
+            draft.formLocalData = exports.initialState.formLocalData;
+        },
+        clearExpressPayView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = expressPay.actions, exports.fetchExpressPayInitialDetails = _a.fetchExpressPayInitialDetails, exports.updateExpressPayFetchState = _a.updateExpressPayFetchState, exports.updateExpressPayFormLocalData = _a.updateExpressPayFormLocalData, exports.submitExpressPay = _a.submitExpressPay, exports.updateExpressPaySubmissionStatus = _a.updateExpressPaySubmissionStatus, exports.resetExpressPayLocalData = _a.resetExpressPayLocalData, exports.clearExpressPayView = _a.clearExpressPayView;
+exports.default = expressPay.reducer;

package/lib/view/spendManagement/zeniAccounts/expressPay/expressPaySelector.d.ts

@@ -0,0 +1,27 @@
+import { AllowedValueWithCode } from '../../../../commonStateTypes/allowedValue';
+import { FetchState, FetchStateAndError, ID } from '../../../../commonStateTypes/common';
+import { SelectorView } from '../../../../commonStateTypes/viewAndReport/viewAndReport';
+import { File } from '../../../../entity/file/fileState';
+import { RootState } from '../../../../reducer';
+import { VendorViewSelectorView } from '../../../commonVendorView/vendorView/vendorViewSelector';
+import { VendorType } from '../../../vendorTypeList/vendorTypeListPayload';
+import { BillPayConfig } from '../../billPay/billPayConfig/billPayConfigState';
+import { PaymentDetailsSectionView, PaymentToOption } from '../../billPay/editBillView/editBillViewSelector';
+import { FundingAccount } from '../../commonSetup/setupViewSelector';
+import { ExpressPayFormLocalData } from './expressPayState';
+export interface ExpressPayView extends SelectorView {
+    vendorViewDetails: VendorViewSelectorView;
+    vendorTypeList: VendorType[];
+    expressPayLocalData?: ExpressPayFormLocalData;
+    paymentDetails?: PaymentDetailsSectionView;
+    paymentToOptions: PaymentToOption[];
+    allPaymentMethods: BillPayConfig[];
+    withdrawFromList: FundingAccount[];
+    receiptFile?: File;
+    internationalWireOnboardingStatus?: AllowedValueWithCode;
+    deleteFileStatusById: Record<ID, FetchStateAndError | undefined>;
+    updateFileStatusById: Record<ID, FetchStateAndError | undefined>;
+    vendorSaveStatus: FetchState;
+    submitStatus: FetchState;
+}
+export declare const getExpressPayView: (state: RootState) => ExpressPayView;

package/lib/view/spendManagement/zeniAccounts/expressPay/expressPaySelector.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getExpressPayView = void 0;
+const reduceFetchState_1 = require("../../../../commonStateTypes/reduceFetchState");
+const bankAccountSelector_1 = require("../../../../entity/bankAccount/bankAccountSelector");
+const fileSelector_1 = require("../../../../entity/file/fileSelector");
+const paymentInstrumentSelector_1 = require("../../../../entity/paymentInstrument/paymentInstrumentSelector");
+const vendorViewSelector_1 = require("../../../commonVendorView/vendorView/vendorViewSelector");
+const getCompanyView_1 = require("../../../companyView/selectorHelpers/getCompanyView");
+const fileViewSelector_1 = require("../../../fileView/fileViewSelector");
+const editBillViewSelector_1 = require("../../billPay/editBillView/editBillViewSelector");
+const setupViewSelector_1 = require("../../commonSetup/setupViewSelector");
+const depositAccountListSelector_1 = require("../depositAccountList/depositAccountListSelector");
+const getExpressPayView = (state) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const deleteFileStatusById = {};
+    const updateFileStatusById = {};
+    const { tenantState, expressPayState, vendorTypeListState, bankAccountState, paymentInstrumentState, billPayConfigState, vendorViewState, depositAccountState, depositAccountListState, paymentAccountListState, } = state;
+    const { currentTenantId } = tenantState;
+    const companyId = currentTenantId != null
+        ? (_b = (_a = tenantState.tenantsById) === null || _a === void 0 ? void 0 : _a[currentTenantId]) === null || _b === void 0 ? void 0 : _b.companyId
+        : undefined;
+    const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId !== null && companyId !== void 0 ? companyId : '', []);
+    const vendorTypeList = vendorTypeListState.vendorTypes;
+    const allPaymentMethods = (0, editBillViewSelector_1.getBillPayConfigList)(billPayConfigState);
+    const vendorId = (_c = expressPayState.formLocalData) === null || _c === void 0 ? void 0 : _c.vendorId;
+    const vendorViewDetails = (0, vendorViewSelector_1.getVendorView)(state, vendorId);
+    const vendorLocalData = vendorId != null
+        ? (_d = vendorViewDetails.editVendorState) === null || _d === void 0 ? void 0 : _d.vendorDetailLocalData
+        : (_e = vendorViewDetails.newVendorState) === null || _e === void 0 ? void 0 : _e.vendorDetailLocalData;
+    const vendorSaveStatus = vendorId != null && ((_f = vendorViewState.editVendorStateById) === null || _f === void 0 ? void 0 : _f[vendorId]) != null
+        ? vendorViewState.editVendorStateById[vendorId].saveStatus.fetchState
+        : (_g = vendorViewState.newVendorState) === null || _g === void 0 ? void 0 : _g.saveStatus.fetchState;
+    const vendorBankAccounts = (0, bankAccountSelector_1.getBankAccountsByBankAccountIds)(bankAccountState, (_h = vendorLocalData === null || vendorLocalData === void 0 ? void 0 : vendorLocalData.bankAccountIds) !== null && _h !== void 0 ? _h : []);
+    const vendorPaymentInstruments = (0, paymentInstrumentSelector_1.getPaymentInstrumentsByIds)(paymentInstrumentState, (_j = vendorLocalData === null || vendorLocalData === void 0 ? void 0 : vendorLocalData.paymentInstrumentIds) !== null && _j !== void 0 ? _j : []);
+    const paymentToOptions = [
+        ...vendorBankAccounts.map((acc) => (0, editBillViewSelector_1.toPaymentToOption)(acc)),
+        ...vendorPaymentInstruments.map((pi) => (0, editBillViewSelector_1.toPaymentToOption)(pi)),
+    ];
+    const allDepositAccounts = (0, depositAccountListSelector_1.getAllDepostAccounts)(depositAccountState, depositAccountListState).depositAccounts;
+    const withdrawFromList = (0, setupViewSelector_1.getAllFundingAccounts)(allDepositAccounts, [], paymentAccountListState.paymentAccountBalanceFetchStatus);
+    const internationalWireOnboardingStatus = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyBillPayInfo.internationalWireOnboardingStatus;
+    const fileId = (_k = expressPayState.formLocalData) === null || _k === void 0 ? void 0 : _k.receiptFileId;
+    let receiptFile;
+    if (fileId != null) {
+        deleteFileStatusById[fileId] = (0, fileViewSelector_1.getFileDeleteStatusById)(state, fileId);
+        updateFileStatusById[fileId] = (0, fileViewSelector_1.getFileUpdateNameStatusById)(state, fileId);
+        receiptFile = (0, fileSelector_1.getFileByFileId)(state.fileState, fileId);
+    }
+    const fetchState = (0, reduceFetchState_1.reduceFetchState)([
+        {
+            fetchState: vendorTypeListState.fetchState,
+            error: vendorTypeListState.error,
+        },
+        {
+            fetchState: billPayConfigState.fetchState,
+            error: billPayConfigState.error,
+        },
+        {
+            fetchState: depositAccountListState.fetchState,
+            error: depositAccountListState.error,
+        },
+        {
+            fetchState: paymentAccountListState.fetchState,
+            error: paymentAccountListState.error,
+        },
+    ]);
+    return {
+        vendorViewDetails,
+        vendorTypeList,
+        paymentToOptions,
+        allPaymentMethods,
+        withdrawFromList,
+        internationalWireOnboardingStatus,
+        expressPayLocalData: expressPayState.formLocalData,
+        receiptFile,
+        deleteFileStatusById,
+        updateFileStatusById,
+        vendorSaveStatus,
+        submitStatus: expressPayState.expressPaySubmitStatus.fetchState,
+        fetchState: fetchState.fetchState,
+        error: fetchState.error,
+    };
+};
+exports.getExpressPayView = getExpressPayView;

package/lib/view/spendManagement/zeniAccounts/expressPay/expressPayState.d.ts

@@ -0,0 +1,19 @@
+import { Amount } from '../../../../commonStateTypes/amount';
+import { FetchStateAndError, ID } from '../../../../commonStateTypes/common';
+import { ZeniDate } from '../../../../zeniDayJS';
+import { BillPayConfig } from '../../billPay/billPayConfig/billPayConfigState';
+import { FundingAccount } from '../../commonSetup/setupViewSelector';
+export interface ExpressPayState extends FetchStateAndError {
+    expressPayId?: ID;
+    formLocalData?: ExpressPayFormLocalData;
+    expressPaySubmitStatus: FetchStateAndError;
+}
+export interface ExpressPayFormLocalData {
+    vendorId?: ID;
+    withdrawFrom?: FundingAccount;
+    paymentToAccountId?: ID;
+    paymentType?: BillPayConfig;
+    amount: Amount;
+    paymentDate: ZeniDate;
+    receiptFileId?: ID;
+}

package/lib/view/spendManagement/zeniAccounts/expressPay/expressPayState.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "4.14.77",
+  "version": "4.14.79",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -25,7 +25,7 @@
   },
   "homepage": "https://github.com/zeni-ai/client-epic-state#readme",
   "devDependencies": {
-    "@liveblocks/client": "^2.20.0",
+    "@liveblocks/client": "^2.22.1",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/chai": "^5.0.1",
     "@types/jest": "^29.5.14",