@zeniai/client-epic-state 4.17.48 → 4.17.49

package/lib/view/spendManagement/chargeCards/chargeCardRepaymentDetail/initiateChargeCardRepaymentEpic.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initiateChargeCardRepaymentEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const amount_1 = require("../../../../commonStateTypes/amount");
+const chargeCardRepaymentReducer_1 = require("../../../../entity/chargeCardRepayment/chargeCardRepaymentReducer");
+const companyReducer_1 = require("../../../../entity/company/companyReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const zeniDayJS_1 = require("../../../../zeniDayJS");
+const setupViewSelector_1 = require("../../commonSetup/setupViewSelector");
+const helpers_1 = require("../../helpers");
+const depositAccountListSelector_1 = require("../../zeniAccounts/depositAccountList/depositAccountListSelector");
+const paymentAccountListSelector_1 = require("../../zeniAccounts/paymentAccountList/paymentAccountListSelector");
+const chargeCardListReducer_1 = require("../chargeCardList/chargeCardListReducer");
+const chargeCardRepaymentDetailReducer_1 = require("./chargeCardRepaymentDetailReducer");
+const initiateChargeCardRepaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardRepaymentDetailReducer_1.initiateChargeCardRepayment.match), (0, operators_1.switchMap)((action) => {
+    var _a, _b;
+    const state = state$.value;
+    const { companyId } = action.payload;
+    const { depositAccountState, paymentAccountState, paymentAccountListState, depositAccountListState, } = state;
+    const localData = state.chargeCardRepaymentDetailState.localData;
+    const depositAccountsView = (0, depositAccountListSelector_1.getAllDepositAccounts)(depositAccountState, depositAccountListState);
+    const paymentAccountsView = (0, paymentAccountListSelector_1.getAllPaymentAccounts)(paymentAccountState, paymentAccountListState);
+    const allFundingAccounts = (0, setupViewSelector_1.getAllFundingAccounts)(depositAccountsView.depositAccounts, paymentAccountsView.paymentAccounts, paymentAccountListState.paymentAccountBalanceFetchStatus);
+    const transferFromAccountDetail = allFundingAccounts.find((account) => { var _a; return account.id === ((_a = localData.transferFrom) === null || _a === void 0 ? void 0 : _a.id); });
+    const payload = {
+        funding_account: {
+            account_id: (_a = localData.transferFrom) === null || _a === void 0 ? void 0 : _a.id,
+            account_type: (_b = (0, helpers_1.accountTypeSubConfigCodeToAccType)(transferFromAccountDetail === null || transferFromAccountDetail === void 0 ? void 0 : transferFromAccountDetail.accType)) !== null && _b !== void 0 ? _b : '',
+        },
+        idempotency_key: localData.idempotencyKey,
+        is_auto_pay_enabled: localData.isAutoRepayment,
+        amount: localData.amount.amount,
+    };
+    if (transferFromAccountDetail != null && localData.transferFrom != null) {
+        return zeniAPI
+            .postAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/repayments`, payload)
+            .pipe((0, operators_1.mergeMap)((response) => {
+            if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+                const actions = [
+                    (0, chargeCardRepaymentReducer_1.updateChargeCardRepayment)(response.data.card_repayment),
+                    (0, chargeCardListReducer_1.updateCreditAccountRepaymentAmountAndDate)({
+                        amount: (0, amount_1.toAmount)(response.data.card_repayment.amount, response.data.card_repayment.currency_code, response.data.card_repayment.currency_symbol),
+                        date: (0, zeniDayJS_1.date)(response.data.card_repayment.repayment_date),
+                    }),
+                    (0, chargeCardRepaymentDetailReducer_1.updateChargeCardRepaymentStatus)({
+                        fetchState: 'Completed',
+                        error: undefined,
+                    }),
+                ];
+                if (localData.transferFrom != null &&
+                    (transferFromAccountDetail === null || transferFromAccountDetail === void 0 ? void 0 : transferFromAccountDetail.accType) != null) {
+                    actions.push((0, companyReducer_1.updateCompanyPrimaryAccount)({
+                        companyId: companyId,
+                        primaryFundingAccountId: localData.transferFrom.id,
+                        accountType: transferFromAccountDetail.accType,
+                        productType: 'charge_cards',
+                    }), (0, companyReducer_1.updateEnableAutoPayForChargeCard)({
+                        companyId: companyId,
+                        enableAutoPay: localData.isAutoRepayment,
+                    }));
+                }
+                return (0, rxjs_1.from)(actions);
+            }
+            else {
+                return (0, rxjs_1.of)((0, chargeCardRepaymentDetailReducer_1.updateChargeCardRepaymentStatus)({
+                    fetchState: 'Error',
+                    error: response.status,
+                }));
+            }
+        }), (0, operators_1.catchError)((error) => {
+            return (0, rxjs_1.of)((0, chargeCardRepaymentDetailReducer_1.updateChargeCardRepaymentStatus)({
+                fetchState: 'Error',
+                error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Initiate Charge Card Repayment REST API call errored out' +
+                    JSON.stringify(error)),
+            }));
+        }));
+    }
+    else {
+        return (0, rxjs_1.of)((0, chargeCardRepaymentDetailReducer_1.updateChargeCardRepaymentStatus)({
+            fetchState: 'Error',
+            error: (0, responsePayload_1.createZeniAPIStatus)('Validation Error', 'Funding account not selected.'),
+        }));
+    }
+}));
+exports.initiateChargeCardRepaymentEpic = initiateChargeCardRepaymentEpic;

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/chargeCardSetUpViewReducer.d.ts

@@ -5,7 +5,10 @@ export declare const fetchChargeCardSetupView: import("@reduxjs/toolkit").Action
     companyId: string;
     cacheOverride: any;
     refreshViewInBackground: any;
-}, "chargeCardSetupView/fetchChargeCardSetupView", never, never>, fetchChargeCardSetupViewSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardSetupView/fetchChargeCardSetupViewSuccess">, fetchChargeCardSetupViewFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, "chargeCardSetupView/fetchChargeCardSetupViewFailure", never, never>, acceptChargeCardTerms: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, enableChargeCard: boolean, chargeCardSetupViewType: "charge_cards" | "debit_cards" | "charge_cards__debit_cards"], {
+}, "chargeCardSetupView/fetchChargeCardSetupView", never, never>, fetchChargeCardSetupViewSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardSetupView/fetchChargeCardSetupViewSuccess">, fetchChargeCardSetupViewFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, "chargeCardSetupView/fetchChargeCardSetupViewFailure", never, never>, enableChargeCardAutoPay: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, isAutoPayEnabled: boolean], {
+    companyId: string;
+    isAutoPayEnabled: boolean;
+}, "chargeCardSetupView/enableChargeCardAutoPay", never, never>, enableChargeCardAutoPaySuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chargeCardSetupView/enableChargeCardAutoPaySuccess">, enableChargeCardAutoPayFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, "chargeCardSetupView/enableChargeCardAutoPayFailure", never, never>, acceptChargeCardTerms: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string, enableChargeCard: boolean, chargeCardSetupViewType: "charge_cards" | "debit_cards" | "charge_cards__debit_cards"], {
     companyId: string;
     enableChargeCard: boolean;
     chargeCardSetupViewType: "charge_cards" | "debit_cards" | "charge_cards__debit_cards";

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/chargeCardSetUpViewReducer.js

@@ -1,12 +1,16 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearChargeCardSetupView = exports.acceptChargeCardTermsFailure = exports.acceptChargeCardTermsSuccess = exports.acceptChargeCardTerms = exports.fetchChargeCardSetupViewFailure = exports.fetchChargeCardSetupViewSuccess = exports.fetchChargeCardSetupView = exports.initialState = void 0;
+exports.clearChargeCardSetupView = exports.acceptChargeCardTermsFailure = exports.acceptChargeCardTermsSuccess = exports.acceptChargeCardTerms = exports.enableChargeCardAutoPayFailure = exports.enableChargeCardAutoPaySuccess = exports.enableChargeCardAutoPay = exports.fetchChargeCardSetupViewFailure = exports.fetchChargeCardSetupViewSuccess = exports.fetchChargeCardSetupView = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialState = {
     fetchState: 'Not-Started',
     error: undefined,
     isRefreshingViewInBackground: false,
+    earlyPayFetchStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
     chargeCardTermsDetails: undefined,
     hasValidState() {
         return this.fetchState === 'Completed';
@@ -48,6 +52,32 @@ const chargeCardSetupView = (0, toolkit_1.createSlice)({
                 };
             },
         },
+        enableChargeCardAutoPay: {
+            reducer(draft) {
+                draft.earlyPayFetchStatus.fetchState = 'In-Progress';
+                draft.earlyPayFetchStatus.error = undefined;
+            },
+            prepare(companyId, isAutoPayEnabled) {
+                return {
+                    payload: { companyId, isAutoPayEnabled },
+                };
+            },
+        },
+        enableChargeCardAutoPaySuccess(draft) {
+            draft.earlyPayFetchStatus.fetchState = 'Completed';
+            draft.earlyPayFetchStatus.error = undefined;
+        },
+        enableChargeCardAutoPayFailure: {
+            reducer(draft, action) {
+                draft.earlyPayFetchStatus.fetchState = 'Error';
+                draft.earlyPayFetchStatus.error = action.payload;
+            },
+            prepare(error) {
+                return {
+                    payload: error,
+                };
+            },
+        },
         acceptChargeCardTerms: {
             reducer(draft) {
                 draft.chargeCardTermsDetails = Object.assign({}, draft.chargeCardTermsDetails, {
@@ -87,5 +117,5 @@ const chargeCardSetupView = (0, toolkit_1.createSlice)({
         },
     },
 });
-_a = chargeCardSetupView.actions, exports.fetchChargeCardSetupView = _a.fetchChargeCardSetupView, exports.fetchChargeCardSetupViewSuccess = _a.fetchChargeCardSetupViewSuccess, exports.fetchChargeCardSetupViewFailure = _a.fetchChargeCardSetupViewFailure, exports.acceptChargeCardTerms = _a.acceptChargeCardTerms, exports.acceptChargeCardTermsSuccess = _a.acceptChargeCardTermsSuccess, exports.acceptChargeCardTermsFailure = _a.acceptChargeCardTermsFailure, exports.clearChargeCardSetupView = _a.clearChargeCardSetupView;
+_a = chargeCardSetupView.actions, exports.fetchChargeCardSetupView = _a.fetchChargeCardSetupView, exports.fetchChargeCardSetupViewSuccess = _a.fetchChargeCardSetupViewSuccess, exports.fetchChargeCardSetupViewFailure = _a.fetchChargeCardSetupViewFailure, exports.enableChargeCardAutoPay = _a.enableChargeCardAutoPay, exports.enableChargeCardAutoPaySuccess = _a.enableChargeCardAutoPaySuccess, exports.enableChargeCardAutoPayFailure = _a.enableChargeCardAutoPayFailure, exports.acceptChargeCardTerms = _a.acceptChargeCardTerms, exports.acceptChargeCardTermsSuccess = _a.acceptChargeCardTermsSuccess, exports.acceptChargeCardTermsFailure = _a.acceptChargeCardTermsFailure, exports.clearChargeCardSetupView = _a.clearChargeCardSetupView;
 exports.default = chargeCardSetupView.reducer;

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/chargeCardSetUpViewState.d.ts

@@ -1,6 +1,7 @@
 import { FetchStateAndError, FetchedState } from '../../../../commonStateTypes/common';
 export interface ChargeCardSetupViewState extends FetchedState {
     isRefreshingViewInBackground: boolean;
+    earlyPayFetchStatus: FetchStateAndError;
     chargeCardTermsDetails?: {
         fetchStatus: FetchStateAndError;
     };

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/epic/acceptChargeCardTermsEpic.js

@@ -14,12 +14,16 @@ const acceptChargeCardTermsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(
     let payload;
     switch (chargeCardSetupViewType) {
         case 'charge_cards':
-            payload = Object.assign({ is_charge_cards_tos_accepted: true }, (enableChargeCard && { is_charge_cards_enabled: true }));
+            payload = Object.assign({ is_charge_cards_tos_accepted: true }, (enableChargeCard && {
+                is_charge_cards_enabled: true,
+                is_auto_pay_enabled: true,
+            }));
             break;
         case 'charge_cards__debit_cards':
             payload = Object.assign({ is_charge_cards_tos_accepted: true, is_debit_cards_tos_accepted: true }, (enableChargeCard && {
                 is_charge_cards_enabled: true,
                 is_debit_cards_enabled: true,
+                is_auto_pay_enabled: true,
             }));
             break;
         case 'debit_cards':

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/epic/enableChargeCardAutoPayEpic.d.ts

@@ -0,0 +1,11 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateCompanies } from '../../../../../entity/company/companyReducer';
+import { openSnackbar } from '../../../../../entity/snackbar/snackbarReducer';
+import { updateAllUsers } from '../../../../../entity/user/userReducer';
+import { updateUserRoles } from '../../../../../entity/userRole/userRoleReducer';
+import { RootState } from '../../../../../reducer';
+import { ZeniAPI } from '../../../../../zeniAPI';
+import { enableChargeCardAutoPay, enableChargeCardAutoPayFailure, enableChargeCardAutoPaySuccess } from '../chargeCardSetUpViewReducer';
+export type ActionType = ReturnType<typeof enableChargeCardAutoPay> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateCompanies> | ReturnType<typeof enableChargeCardAutoPaySuccess> | ReturnType<typeof openSnackbar> | ReturnType<typeof enableChargeCardAutoPayFailure>;
+export declare const enableChargeCardAutoPayEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/spendManagement/chargeCards/chargeCardSetUp/epic/enableChargeCardAutoPayEpic.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.enableChargeCardAutoPayEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const companyReducer_1 = require("../../../../../entity/company/companyReducer");
+const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
+const userReducer_1 = require("../../../../../entity/user/userReducer");
+const userRoleReducer_1 = require("../../../../../entity/userRole/userRoleReducer");
+const responsePayload_1 = require("../../../../../responsePayload");
+const chargeCardSetUpViewReducer_1 = require("../chargeCardSetUpViewReducer");
+const enableChargeCardAutoPayEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardSetUpViewReducer_1.enableChargeCardAutoPay.match), (0, operators_1.mergeMap)((action) => {
+    const { isAutoPayEnabled, companyId } = action.payload;
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/companies/${companyId}`, { is_auto_pay_enabled: isAutoPayEnabled })
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            const actions = [
+                (0, userReducer_1.updateAllUsers)({ users: response.data.users }),
+                (0, userRoleReducer_1.updateUserRoles)(response.data.user_roles),
+                (0, companyReducer_1.updateCompanies)({
+                    payload: response.data.companies,
+                    schema: {},
+                }),
+                (0, chargeCardSetUpViewReducer_1.enableChargeCardAutoPaySuccess)(),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: isAutoPayEnabled
+                        ? 'charge_card_auto_pay_enable'
+                        : 'charge_card_auto_pay_disable',
+                    messageText: 'success',
+                    type: 'success',
+                }),
+            ];
+            return (0, rxjs_1.from)(actions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, chargeCardSetUpViewReducer_1.enableChargeCardAutoPayFailure)(response.status), (0, snackbarReducer_1.openSnackbar)({
+                messageSection: isAutoPayEnabled
+                    ? 'charge_card_auto_pay_enable'
+                    : 'charge_card_auto_pay_disable',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, chargeCardSetUpViewReducer_1.enableChargeCardAutoPayFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Enable Charge Card Auto Pay errored out' +
+        JSON.stringify(error))))));
+}));
+exports.enableChargeCardAutoPayEpic = enableChargeCardAutoPayEpic;

package/lib/view/spendManagement/commonSetup/setupViewSelector.d.ts

@@ -34,6 +34,7 @@ export interface FundingAccount {
     label: string;
     maskedAccountNumber: string;
     balanceFetchStatus: FetchStateAndError;
+    accountLast4?: string;
     isVerified?: boolean;
     isLoginRequired?: boolean;
     zeniAccountId?: ID;

package/lib/view/spendManagement/commonSetup/setupViewSelector.js

@@ -228,6 +228,7 @@ const mapDepositAccToFundingAccount = (depositAcc) => ({
         error: undefined,
     },
     createTime: depositAcc.createTime,
+    accountLast4: depositAcc.accountLast4,
 });
 exports.mapDepositAccToFundingAccount = mapDepositAccToFundingAccount;
 const mapPaymentAccToFundingAccount = (paymentAcc, paymentAccountBalanceFetchStatus) => {
@@ -252,6 +253,7 @@ const mapPaymentAccToFundingAccount = (paymentAcc, paymentAccountBalanceFetchSta
             error: undefined,
         },
         createTime: paymentAcc.createTime,
+        accountLast4: paymentAcc.accountLast4Digits,
     });
 };
 exports.mapPaymentAccToFundingAccount = mapPaymentAccToFundingAccount;

package/lib/view/spendManagement/plaidAccount/epic/plaidConnection/establishPlaidConnectionEpic.d.ts

@@ -10,7 +10,8 @@ import { ZeniAPI } from '../../../../../zeniAPI';
 import { fetchBillingAccountsView } from '../../../../settingsView/settingsViewReducer';
 import { updateUserBankAccount } from '../../../../userFinancialAccount/userFinancialAccountReducer';
 import { updateNewAddedBillPaymentAccount } from '../../../billPay/editBillView/editBillViewReducer';
+import { updateNewAddedChargeCardPaymentAccount } from '../../../chargeCards/chargeCardRepaymentDetail/chargeCardRepaymentDetailReducer';
 import { updatePaymentAccountList } from '../../../zeniAccounts/paymentAccountList/paymentAccountListReducer';
 import { establishPlaidConnection, establishPlaidConnectionFailure, establishPlaidConnectionSuccess, getPaymentAccounts } from '../../plaidAccountViewReducer';
-export type ActionType = ReturnType<typeof establishPlaidConnection> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateBankAccounts> | ReturnType<typeof updateUserBankAccount> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof openSnackbar> | ReturnType<typeof updatePaymentAccountList> | ReturnType<typeof getPaymentAccounts> | ReturnType<typeof establishPlaidConnectionSuccess> | ReturnType<typeof establishPlaidConnectionFailure> | ReturnType<typeof fetchBillingAccountsView> | ReturnType<typeof updateCompanyPrimaryAccount> | ReturnType<typeof updateNewAddedBillPaymentAccount>;
+export type ActionType = ReturnType<typeof establishPlaidConnection> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateBankAccounts> | ReturnType<typeof updateUserBankAccount> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof openSnackbar> | ReturnType<typeof updatePaymentAccountList> | ReturnType<typeof getPaymentAccounts> | ReturnType<typeof establishPlaidConnectionSuccess> | ReturnType<typeof establishPlaidConnectionFailure> | ReturnType<typeof fetchBillingAccountsView> | ReturnType<typeof updateCompanyPrimaryAccount> | ReturnType<typeof updateNewAddedBillPaymentAccount> | ReturnType<typeof updateNewAddedChargeCardPaymentAccount>;
 export declare const establishPlaidConnectionEpic: (actions$: ActionsObservable<ActionType>, state: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/spendManagement/plaidAccount/epic/plaidConnection/establishPlaidConnectionEpic.js

@@ -6,11 +6,14 @@ const operators_1 = require("rxjs/operators");
 const accountReducer_1 = require("../../../../../entity/account/accountReducer");
 const bankAccountReducer_1 = require("../../../../../entity/bankAccount/bankAccountReducer");
 const companyReducer_1 = require("../../../../../entity/company/companyReducer");
+const paymentAccountPayload_1 = require("../../../../../entity/paymentAccount/paymentAccountPayload");
 const paymentAccountReducer_1 = require("../../../../../entity/paymentAccount/paymentAccountReducer");
 const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../../../responsePayload");
 const userFinancialAccountReducer_1 = require("../../../../userFinancialAccount/userFinancialAccountReducer");
 const editBillViewReducer_1 = require("../../../billPay/editBillView/editBillViewReducer");
+const chargeCardRepaymentDetailReducer_1 = require("../../../chargeCards/chargeCardRepaymentDetail/chargeCardRepaymentDetailReducer");
+const setupViewSelector_1 = require("../../../commonSetup/setupViewSelector");
 const helpers_1 = require("../../../helpers");
 const paymentAccountListReducer_1 = require("../../../zeniAccounts/paymentAccountList/paymentAccountListReducer");
 const plaidAccountViewReducer_1 = require("../../plaidAccountViewReducer");
@@ -21,6 +24,7 @@ const establishPlaidConnectionEpic = (actions$, state, zeniAPI) => actions$.pipe
         public_token: publicToken,
     };
     const queryPayload = {};
+    const paymentAccountListState = state.value.paymentAccountListState;
     const userId = (_b = (_a = state.value.tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId) !== null && _b !== void 0 ? _b : '';
     //setupViewType not passed means this is a user account
     if (linkTokenType !== 'link_external_account') {
@@ -54,7 +58,7 @@ const establishPlaidConnectionEpic = (actions$, state, zeniAPI) => actions$.pipe
         .postAndGetJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/plaid/public-token${queryString}`, requestPayload)
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            const paymentAccount = response.data.payment_accounts[0];
+            const paymentAccountPayload = response.data.payment_accounts[0];
             const actions = [
                 (0, paymentAccountReducer_1.updatePaymentAccounts)(response.data.payment_accounts),
                 (0, paymentAccountListReducer_1.updatePaymentAccountList)({
@@ -64,7 +68,13 @@ const establishPlaidConnectionEpic = (actions$, state, zeniAPI) => actions$.pipe
                 (0, plaidAccountViewReducer_1.establishPlaidConnectionSuccess)(linkTokenType, plaidAccountKeyType),
             ];
             if (plaidAccountKeyType === 'bill_pay_detail') {
-                actions.push((0, editBillViewReducer_1.updateNewAddedBillPaymentAccount)(paymentAccount.payment_account_id));
+                actions.push((0, editBillViewReducer_1.updateNewAddedBillPaymentAccount)(paymentAccountPayload.payment_account_id));
+            }
+            //added through credit card repayment flow
+            if (plaidAccountKeyType === 'charge_card_payment') {
+                const paymentAccount = (0, paymentAccountPayload_1.toPaymentAccount)(paymentAccountPayload);
+                const fundingAccount = (0, setupViewSelector_1.mapPaymentAccToFundingAccount)(paymentAccount, paymentAccountListState.paymentAccountBalanceFetchStatus);
+                actions.push((0, chargeCardRepaymentDetailReducer_1.updateNewAddedChargeCardPaymentAccount)(fundingAccount));
             }
             if (setupViewType != null) {
                 const primaryAccountForProducts = [];
@@ -73,37 +83,37 @@ const establishPlaidConnectionEpic = (actions$, state, zeniAPI) => actions$.pipe
                 if (setupViewType === 'billing') {
                     actions.push((0, plaidAccountViewReducer_1.getPaymentAccounts)(setupViewType, plaidAccountKeyType, false));
                 }
-                if (paymentAccount.is_primary_for_bill_pay === true) {
+                if (paymentAccountPayload.is_primary_for_bill_pay === true) {
                     primaryAccountForProducts.push('bill_pay');
                 }
-                if (paymentAccount.is_primary_for_bill_pay === true) {
+                if (paymentAccountPayload.is_primary_for_bill_pay === true) {
                     actions.push((0, companyReducer_1.updateCompanyPrimaryAccount)({
                         companyId: companyId,
-                        primaryFundingAccountId: paymentAccount.payment_account_id,
+                        primaryFundingAccountId: paymentAccountPayload.payment_account_id,
                         accountType: 'paymentAccount',
                         productType: 'bill_pay',
                     }));
                 }
-                if (paymentAccount.is_primary_for_reimbursements === true) {
+                if (paymentAccountPayload.is_primary_for_reimbursements === true) {
                     actions.push((0, companyReducer_1.updateCompanyPrimaryAccount)({
                         companyId: companyId,
-                        primaryFundingAccountId: paymentAccount.payment_account_id,
+                        primaryFundingAccountId: paymentAccountPayload.payment_account_id,
                         accountType: 'paymentAccount',
                         productType: 'reimbursement',
                     }));
                 }
-                if (paymentAccount.is_primary_for_charge_cards === true) {
+                if (paymentAccountPayload.is_primary_for_charge_cards === true) {
                     actions.push((0, companyReducer_1.updateCompanyPrimaryAccount)({
                         companyId: companyId,
-                        primaryFundingAccountId: paymentAccount.payment_account_id,
+                        primaryFundingAccountId: paymentAccountPayload.payment_account_id,
                         accountType: 'paymentAccount',
                         productType: 'charge_cards',
                     }));
                 }
-                if (paymentAccount.is_primary_for_deposit_accounts === true) {
+                if (paymentAccountPayload.is_primary_for_deposit_accounts === true) {
                     actions.push((0, companyReducer_1.updateCompanyPrimaryAccount)({
                         companyId: companyId,
-                        primaryFundingAccountId: paymentAccount.payment_account_id,
+                        primaryFundingAccountId: paymentAccountPayload.payment_account_id,
                         accountType: 'paymentAccount',
                         productType: 'zeni_accounts',
                     }));

package/lib/view/spendManagement/plaidAccount/plaidAccountViewReducer.js

@@ -12,6 +12,7 @@ exports.initialState = {
     reimbursement_setup: plaidAccountViewState_1.initialPlaidAccountState,
     account_setup: plaidAccountViewState_1.initialPlaidAccountState,
     charge_card_setup: plaidAccountViewState_1.initialPlaidAccountState,
+    charge_card_payment: plaidAccountViewState_1.initialPlaidAccountState,
     user_reimbursement_account: plaidAccountViewState_1.initialPlaidAccountState,
     external_account: plaidAccountViewState_1.initialPlaidAccountState,
     billing_setup: plaidAccountViewState_1.initialPlaidAccountState,

package/lib/view/spendManagement/plaidAccount/plaidAccountViewState.d.ts

@@ -1,7 +1,7 @@
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { ZeniDate } from '../../../zeniDayJS';
 export type PlaidLinkTokenType = 'link_account' | 'update_account' | 'link_account_no_microdeposit' | 'link_external_account';
-export type PlaidAccountKeyType = 'spend_management_setup' | 'bill_pay_setup' | 'bill_pay_detail' | 'reimbursement_setup' | 'account_setup' | 'charge_card_setup' | 'user_reimbursement_account' | 'external_account' | 'billing_setup' | 'expense_automation_reconcile' | 'treasury_setup';
+export type PlaidAccountKeyType = 'spend_management_setup' | 'bill_pay_setup' | 'bill_pay_detail' | 'reimbursement_setup' | 'account_setup' | 'charge_card_setup' | 'charge_card_payment' | 'user_reimbursement_account' | 'external_account' | 'billing_setup' | 'expense_automation_reconcile' | 'treasury_setup';
 export type PlaidConnectionDetails = Record<PlaidLinkTokenType, {
     linkToken?: string;
     expiration?: ZeniDate;

package/lib/view/spendManagement/zeniAccounts/transferDetail/transferDetailReducer.js

@@ -58,6 +58,7 @@ const transferDetail = (0, toolkit_1.createSlice)({
                 accountBalance: action.payload.accountBalance,
                 logo: undefined,
                 zeniAccountId: undefined,
+                accountLast4: action.payload.accountLast4,
                 balanceFetchStatus: {
                     fetchState: 'Completed',
                     error: undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "4.17.48",
+  "version": "4.17.49",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",