@zeniai/client-epic-state 4.9.30 → 4.9.31

package/lib/view/trend/fetchExpenseTrendEpic.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchExpenseTrendEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const vendorExpenseReducer_1 = require("../../entity/vendorExpense/vendorExpenseReducer");
+const responsePayload_1 = require("../../responsePayload");
+const zeniDayJS_1 = require("../../zeniDayJS");
+const trendReducer_1 = require("./trendReducer");
+const vendorReducer_1 = require("../../entity/vendor/vendorReducer");
+const fetchExpenseTrendEpic = (actions$, _, zeniAPI) => actions$.pipe((0, operators_1.filter)(trendReducer_1.fetchExpenseTrend.match), (0, operators_1.mergeMap)((action) => {
+    const { vendorId, vendorName, vendorZeniId } = action.payload;
+    const query = {
+        entity_id: vendorId,
+        entity_type: 'vendor',
+        vendor_id: vendorId,
+        vendor_name: vendorName,
+    };
+    const getExpenseTrend$ = zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/reports/spend_trend?query=${encodeURIComponent(JSON.stringify(query))}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            const vendor = {
+                id: vendorId,
+                name: vendorName,
+                zeniId: vendorZeniId,
+            };
+            return (0, rxjs_1.from)(updateTrendActions(vendor, response));
+        }
+        else {
+            return (0, rxjs_1.of)((0, trendReducer_1.updateTrendFailure)(action.payload.vendorId, response.status));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, trendReducer_1.updateTrendFailure)(action.payload.vendorId, (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Spend Trend REST API call errored out' +
+        JSON.stringify(error))))));
+    return (0, rxjs_1.concat)(getExpenseTrend$);
+}));
+exports.fetchExpenseTrendEpic = fetchExpenseTrendEpic;
+/**
+ *
+ * @param vendor
+ * @param expenseResponse
+ * @returns actions for updating the trend
+ */
+const updateTrendActions = (vendor, expenseResponse) => {
+    var _a, _b, _c, _d, _e;
+    const updateActions = [];
+    /* eslint-disable @typescript-eslint/no-non-null-assertion */
+    /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
+    const trendPeriod = {
+        startDate: (0, zeniDayJS_1.date)((_a = expenseResponse.data) === null || _a === void 0 ? void 0 : _a.report.data_available_start_date),
+        endDate: (0, zeniDayJS_1.date)((_b = expenseResponse.data) === null || _b === void 0 ? void 0 : _b.report.data_available_end_date),
+    };
+    /* eslint-enable @typescript-eslint/no-non-null-assertion */
+    /* eslint-enable @typescript-eslint/no-non-null-asserted-optional-chain */
+    updateActions.push((0, vendorReducer_1.updateVendorSpendTrend)(vendor.zeniId, (_c = expenseResponse.data) === null || _c === void 0 ? void 0 : _c.report.expense));
+    updateActions.push((0, vendorExpenseReducer_1.updateVendorExpenseTrend)({ id: vendor.id, name: vendor.name }, trendPeriod, (_d = expenseResponse.data) === null || _d === void 0 ? void 0 : _d.report.expense, (_e = expenseResponse.data) === null || _e === void 0 ? void 0 : _e.report.insights));
+    updateActions.push((0, trendReducer_1.updateTrendSuccess)(trendPeriod));
+    return updateActions;
+};

package/lib/view/trend/fetchIncomeTrendEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { updateCustomerIncomeTrend } from '../../entity/customerIncome/customerIncomeTrendReducer';
+import { RootState } from '../../reducer';
+import { ZeniAPI } from '../../zeniAPI';
+import { fetchIncomeTrend, updateTrendFailure, updateTrendSuccess } from './trendReducer';
+export declare type ActionType = ReturnType<typeof fetchIncomeTrend> | ReturnType<typeof updateTrendSuccess> | ReturnType<typeof updateCustomerIncomeTrend> | ReturnType<typeof updateTrendFailure>;
+export declare const fetchIncomeTrendEpic: (actions$: ActionsObservable<ActionType>, _: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<ActionType>;

package/lib/view/trend/fetchIncomeTrendEpic.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchIncomeTrendEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const customerIncomeTrendReducer_1 = require("../../entity/customerIncome/customerIncomeTrendReducer");
+const responsePayload_1 = require("../../responsePayload");
+const zeniDayJS_1 = require("../../zeniDayJS");
+const trendReducer_1 = require("./trendReducer");
+const fetchIncomeTrendEpic = (actions$, _, zeniAPI) => actions$.pipe((0, operators_1.filter)(trendReducer_1.fetchIncomeTrend.match), (0, operators_1.mergeMap)((action) => {
+    const { customerId, customerName } = action.payload;
+    const query = {
+        entity_id: customerId,
+        entity_type: 'customer',
+        customer_id: customerId,
+        customer_name: customerName,
+    };
+    const getIncomeTrend$ = zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/reports/income_trend?query=${encodeURIComponent(JSON.stringify(query))}`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            const customer = {
+                id: customerId,
+                name: customerName,
+            };
+            return (0, rxjs_1.from)(updateTrendActions(customer, response));
+        }
+        else {
+            return (0, rxjs_1.of)((0, trendReducer_1.updateTrendFailure)(action.payload.customerId, response.status));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, trendReducer_1.updateTrendFailure)(action.payload.customerId, (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Income Trend REST API call errored out' +
+        JSON.stringify(error))))));
+    return (0, rxjs_1.concat)(getIncomeTrend$);
+}));
+exports.fetchIncomeTrendEpic = fetchIncomeTrendEpic;
+/**
+ *
+ * @param customer
+ * @param incomeResponse
+ * @returns actions for updating the trend
+ */
+const updateTrendActions = (customer, incomeResponse) => {
+    var _a, _b, _c, _d;
+    const updateActions = [];
+    /* eslint-disable @typescript-eslint/no-non-null-assertion */
+    /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
+    const trendPeriod = {
+        startDate: (0, zeniDayJS_1.date)((_a = incomeResponse.data) === null || _a === void 0 ? void 0 : _a.report.data_available_start_date),
+        endDate: (0, zeniDayJS_1.date)((_b = incomeResponse.data) === null || _b === void 0 ? void 0 : _b.report.data_available_end_date),
+    };
+    /* eslint-enable @typescript-eslint/no-non-null-assertion */
+    /* eslint-enable @typescript-eslint/no-non-null-asserted-optional-chain */
+    updateActions.push((0, customerIncomeTrendReducer_1.updateCustomerIncomeTrend)(customer, trendPeriod, (_c = incomeResponse.data) === null || _c === void 0 ? void 0 : _c.report.income, (_d = incomeResponse.data) === null || _d === void 0 ? void 0 : _d.report.insights));
+    updateActions.push((0, trendReducer_1.updateTrendSuccess)(trendPeriod));
+    return updateActions;
+};

package/lib/view/trendWithTransactions/fetchTransactionsForEntityEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { RootState } from '../../reducer';
+import { Observable } from 'rxjs';
+import { parallelFetchEntityTransactionList } from '../transactionList/transactionListReducer';
+import { fetchTransactionsForEntity, updateSelectedTimeperiod } from './trendWithTransactionsReducer';
+export declare type ActionType = ReturnType<typeof fetchTransactionsForEntity> | ReturnType<typeof parallelFetchEntityTransactionList> | ReturnType<typeof updateSelectedTimeperiod>;
+export declare const fetchTransactionsForEntityEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/trendWithTransactions/fetchTransactionsForEntityEpic.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchTransactionsForEntityEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const transactionListReducer_1 = require("../transactionList/transactionListReducer");
+const trendWithTransactionsReducer_1 = require("./trendWithTransactionsReducer");
+const timeframeTick_1 = require("../../commonStateTypes/timeframeTick");
+const fetchTransactionsForEntityEpic = (actions$, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+_state$) => actions$.pipe((0, operators_1.filter)(trendWithTransactionsReducer_1.fetchTransactionsForEntity.match), (0, operators_1.mergeMap)((action) => {
+    const { entity, screen, selectedPeriod } = action.payload;
+    const updateActions = [];
+    updateActions.push((0, transactionListReducer_1.parallelFetchEntityTransactionList)(entity, (0, timeframeTick_1.toTimePeriod)(selectedPeriod.timePeriod)));
+    updateActions.push((0, trendWithTransactionsReducer_1.updateSelectedTimeperiod)(entity, screen, selectedPeriod));
+    return (0, rxjs_1.from)(updateActions);
+}));
+exports.fetchTransactionsForEntityEpic = fetchTransactionsForEntityEpic;

package/lib/view/trendWithTransactions/fetchTrendForEntityEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { RootState } from '../../reducer';
+import { Observable } from 'rxjs';
+import { fetchExpenseTrend, fetchIncomeTrend } from '../trend/trendReducer';
+import { fetchTrendForEntity } from './trendWithTransactionsReducer';
+export declare type ActionType = ReturnType<typeof fetchTrendForEntity> | ReturnType<typeof fetchIncomeTrend> | ReturnType<typeof fetchExpenseTrend>;
+export declare const fetchTrendForEntityEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/trendWithTransactions/fetchTrendForEntityEpic.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchTrendForEntityEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const trendReducer_1 = require("../trend/trendReducer");
+const trendWithTransactionsReducer_1 = require("./trendWithTransactionsReducer");
+const fetchTrendForEntityEpic = (actions$, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+_state$) => actions$.pipe((0, operators_1.filter)(trendWithTransactionsReducer_1.fetchTrendForEntity.match), (0, operators_1.mergeMap)((action) => {
+    const { entity } = action.payload;
+    if (entity.type === 'customer') {
+        return (0, rxjs_1.of)((0, trendReducer_1.fetchIncomeTrend)(entity.id, entity.name));
+    }
+    if (entity.type === 'vendor') {
+        return (0, rxjs_1.of)((0, trendReducer_1.fetchExpenseTrend)(entity.id, entity.name, entity.zeniId));
+    }
+    return (0, rxjs_1.from)([]);
+}));
+exports.fetchTrendForEntityEpic = fetchTrendForEntityEpic;

package/lib/view/twoFactorAuthentication/resendOtpEpic.d.ts

@@ -0,0 +1,10 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../reducer';
+import { ZeniAPI } from '../../zeniAPI';
+import { resendOtp, sendOtpSuccess, sendOtpFailure } from './twoFactorAuthenticationReducer';
+import { resendOtpSpendManagementSetUp, sendOtpFailureSpendManagementSetUp, sendOtpSuccessSpendManagementSetUp } from '../spendManagement/commonSetup/setupViewReducer';
+import { resendOtpVendorView, sendOtpVendorViewSuccess, sendOtpVendorViewFailure } from '../commonVendorView/vendorView/vendorViewReducer';
+import { resendOnboardingOfficerOtp, sendOnboardingOfficerOtpFailure, sendOnboardingOfficerOtpSuccess } from '../onboardingView/customerView/onboardingCustomerViewReducer';
+export declare type ActionType = ReturnType<typeof resendOtp> | ReturnType<typeof sendOtpSuccess> | ReturnType<typeof sendOtpFailure> | ReturnType<typeof resendOtpSpendManagementSetUp> | ReturnType<typeof sendOtpSuccessSpendManagementSetUp> | ReturnType<typeof sendOtpFailureSpendManagementSetUp> | ReturnType<typeof resendOtpVendorView> | ReturnType<typeof sendOtpVendorViewSuccess> | ReturnType<typeof sendOtpVendorViewFailure> | ReturnType<typeof resendOnboardingOfficerOtp> | ReturnType<typeof sendOnboardingOfficerOtpSuccess> | ReturnType<typeof sendOnboardingOfficerOtpFailure>;
+export declare const resendOtpEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/twoFactorAuthentication/resendOtpEpic.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resendOtpEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../responsePayload");
+const twoFactorAuthenticationReducer_1 = require("./twoFactorAuthenticationReducer");
+const setupViewReducer_1 = require("../spendManagement/commonSetup/setupViewReducer");
+const vendorViewReducer_1 = require("../commonVendorView/vendorView/vendorViewReducer");
+const onboardingCustomerViewReducer_1 = require("../onboardingView/customerView/onboardingCustomerViewReducer");
+const resendOtpEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.resendOtp.match), (0, operators_1.mergeMap)((action) => {
+    const resendOtpActions = [];
+    const { otpChallenge, twoFASource } = action.payload;
+    const payload = {
+        otp_challenge: otpChallenge,
+        is_for_charge_cards: twoFASource === 'ChargeCard',
+    };
+    switch (twoFASource) {
+        case 'SpendManagementSetup':
+            resendOtpActions.push((0, setupViewReducer_1.resendOtpSpendManagementSetUp)());
+            break;
+        case 'BillPayVendor':
+            resendOtpActions.push((0, vendorViewReducer_1.resendOtpVendorView)());
+            break;
+        case 'CustomerOnboarding':
+            resendOtpActions.push((0, onboardingCustomerViewReducer_1.resendOnboardingOfficerOtp)());
+            break;
+    }
+    const resendOtp$ = zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.authMicroServiceBaseUrl}/1.0/otp/resend`, payload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const updateActions = [
+                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({ otpChallenge: response.data.otp_challenge }),
+            ];
+            switch (twoFASource) {
+                case 'SpendManagementSetup':
+                    updateActions.push((0, setupViewReducer_1.sendOtpSuccessSpendManagementSetUp)({
+                        otpChallenge: response.data.otp_challenge,
+                    }));
+                    break;
+                case 'BillPayVendor':
+                    updateActions.push((0, vendorViewReducer_1.sendOtpVendorViewSuccess)({
+                        otpChallenge: response.data.otp_challenge,
+                    }));
+                    break;
+                case 'CustomerOnboarding':
+                    updateActions.push((0, onboardingCustomerViewReducer_1.sendOnboardingOfficerOtpSuccess)({
+                        otpChallenge: response.data.otp_challenge,
+                    }));
+                    break;
+            }
+            return (0, rxjs_1.from)(updateActions);
+        }
+        else {
+            const updateActions = [
+                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)(response.status),
+            ];
+            switch (twoFASource) {
+                case 'SpendManagementSetup':
+                    updateActions.push((0, setupViewReducer_1.sendOtpFailureSpendManagementSetUp)(response.status));
+                    break;
+                case 'BillPayVendor':
+                    updateActions.push((0, vendorViewReducer_1.sendOtpVendorViewFailure)(response.status));
+                    break;
+                case 'CustomerOnboarding':
+                    updateActions.push((0, onboardingCustomerViewReducer_1.sendOnboardingOfficerOtpFailure)(response.status));
+                    break;
+            }
+            return (0, rxjs_1.from)(updateActions);
+        }
+    }), (0, operators_1.catchError)((error) => {
+        const zeniAPIStatus = (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Resend otp api errored out' + JSON.stringify(error));
+        const updateActions = [(0, twoFactorAuthenticationReducer_1.sendOtpFailure)(zeniAPIStatus)];
+        switch (twoFASource) {
+            case 'SpendManagementSetup':
+                updateActions.push((0, setupViewReducer_1.sendOtpFailureSpendManagementSetUp)(zeniAPIStatus));
+                break;
+            case 'BillPayVendor':
+                updateActions.push((0, vendorViewReducer_1.sendOtpVendorViewFailure)(zeniAPIStatus));
+                break;
+            case 'CustomerOnboarding':
+                updateActions.push((0, onboardingCustomerViewReducer_1.sendOnboardingOfficerOtpFailure)(zeniAPIStatus));
+                break;
+        }
+        return (0, rxjs_1.from)(updateActions);
+    }));
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(resendOtpActions), resendOtp$);
+}));
+exports.resendOtpEpic = resendOtpEpic;

package/lib/view/twoFactorAuthentication/sendOtpEpic.d.ts

@@ -0,0 +1,10 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../reducer';
+import { ZeniAPI } from '../../zeniAPI';
+import { sendOtp, sendOtpSuccess, sendOtpFailure } from './twoFactorAuthenticationReducer';
+import { sendOtpSpendManagementSetUp, sendOtpSuccessSpendManagementSetUp, sendOtpFailureSpendManagementSetUp } from '../spendManagement/commonSetup/setupViewReducer';
+import { sendOtpVendorView, sendOtpVendorViewSuccess, sendOtpVendorViewFailure } from '../commonVendorView/vendorView/vendorViewReducer';
+import { sendOnboardingOfficerOtp, sendOnboardingOfficerOtpSuccess, sendOnboardingOfficerOtpFailure } from '../onboardingView/customerView/onboardingCustomerViewReducer';
+export declare type ActionType = ReturnType<typeof sendOtp> | ReturnType<typeof sendOtpSuccess> | ReturnType<typeof sendOtpFailure> | ReturnType<typeof sendOtpSpendManagementSetUp> | ReturnType<typeof sendOtpSuccessSpendManagementSetUp> | ReturnType<typeof sendOtpFailureSpendManagementSetUp> | ReturnType<typeof sendOtpVendorView> | ReturnType<typeof sendOtpVendorViewSuccess> | ReturnType<typeof sendOtpVendorViewFailure> | ReturnType<typeof sendOnboardingOfficerOtp> | ReturnType<typeof sendOnboardingOfficerOtpSuccess> | ReturnType<typeof sendOnboardingOfficerOtpFailure>;
+export declare const sendOtpEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/twoFactorAuthentication/sendOtpEpic.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sendOtpEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../responsePayload");
+const twoFactorAuthenticationReducer_1 = require("./twoFactorAuthenticationReducer");
+const setupViewReducer_1 = require("../spendManagement/commonSetup/setupViewReducer");
+const vendorViewReducer_1 = require("../commonVendorView/vendorView/vendorViewReducer");
+const onboardingCustomerViewReducer_1 = require("../onboardingView/customerView/onboardingCustomerViewReducer");
+const sendOtpEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.sendOtp.match), (0, operators_1.mergeMap)((action) => {
+    const sendOtpActions = [];
+    const { phoneNumber, twoFASource } = action.payload;
+    const queryPayload = {
+        channel_type: 'phone',
+        channel_info: {
+            phone_number: phoneNumber,
+        },
+        is_for_charge_cards: twoFASource === 'ChargeCard',
+    };
+    switch (twoFASource) {
+        case 'SpendManagementSetup':
+            sendOtpActions.push((0, setupViewReducer_1.sendOtpSpendManagementSetUp)());
+            break;
+        case 'BillPayVendor':
+            sendOtpActions.push((0, vendorViewReducer_1.sendOtpVendorView)({ phoneNumber }));
+            break;
+        case 'CustomerOnboarding':
+            sendOtpActions.push((0, onboardingCustomerViewReducer_1.sendOnboardingOfficerOtp)());
+            break;
+    }
+    const setOtp$ = zeniAPI
+        .postAndGetJSON(`${zeniAPI.apiEndPoints.authMicroServiceBaseUrl}/1.0/otp/send`, queryPayload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const updateActions = [
+                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({ otpChallenge: response.data.otp_challenge }),
+            ];
+            switch (twoFASource) {
+                case 'SpendManagementSetup':
+                    updateActions.push((0, setupViewReducer_1.sendOtpSuccessSpendManagementSetUp)({
+                        otpChallenge: response.data.otp_challenge,
+                    }));
+                    break;
+                case 'BillPayVendor':
+                    updateActions.push((0, vendorViewReducer_1.sendOtpVendorViewSuccess)({
+                        otpChallenge: response.data.otp_challenge,
+                    }));
+                    break;
+                case 'CustomerOnboarding':
+                    updateActions.push((0, onboardingCustomerViewReducer_1.sendOnboardingOfficerOtpSuccess)({
+                        otpChallenge: response.data.otp_challenge,
+                    }));
+                    break;
+            }
+            return (0, rxjs_1.from)(updateActions);
+        }
+        else {
+            const updateActions = [
+                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)(response.status),
+            ];
+            switch (twoFASource) {
+                case 'SpendManagementSetup':
+                    updateActions.push((0, setupViewReducer_1.sendOtpFailureSpendManagementSetUp)(response.status));
+                    break;
+                case 'BillPayVendor':
+                    updateActions.push((0, vendorViewReducer_1.sendOtpVendorViewFailure)(response.status));
+                    break;
+                case 'CustomerOnboarding':
+                    updateActions.push((0, onboardingCustomerViewReducer_1.sendOnboardingOfficerOtpFailure)(response.status));
+                    break;
+            }
+            return (0, rxjs_1.from)(updateActions);
+        }
+    }), (0, operators_1.catchError)((error) => {
+        const zeniAPIStatus = (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Send otp api errored out' + JSON.stringify(error));
+        const updateActions = [(0, twoFactorAuthenticationReducer_1.sendOtpFailure)(zeniAPIStatus)];
+        switch (twoFASource) {
+            case 'SpendManagementSetup':
+                updateActions.push((0, setupViewReducer_1.sendOtpFailureSpendManagementSetUp)(zeniAPIStatus));
+                break;
+            case 'BillPayVendor':
+                updateActions.push((0, vendorViewReducer_1.sendOtpVendorViewFailure)(zeniAPIStatus));
+                break;
+            case 'CustomerOnboarding':
+                updateActions.push((0, onboardingCustomerViewReducer_1.sendOnboardingOfficerOtpFailure)(zeniAPIStatus));
+                break;
+        }
+        return (0, rxjs_1.from)(updateActions);
+    }));
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(sendOtpActions), setOtp$);
+}));
+exports.sendOtpEpic = sendOtpEpic;

package/lib/view/twoFactorAuthentication/verifyOtpEpic.d.ts

@@ -0,0 +1,10 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../reducer';
+import { ZeniAPI } from '../../zeniAPI';
+import { verifyOtp, verifyOtpSuccess, verifyOtpFailure } from './twoFactorAuthenticationReducer';
+import { verifyOtpFailureSpendManagementSetUp, verifyOtpSpendManagementSetUp, verifyOtpSuccessSpendManagementSetUp } from '../spendManagement/commonSetup/setupViewReducer';
+import { verifyOtpVendorView, verifyOtpVendorViewFailure, verifyOtpVendorViewSuccess } from '../commonVendorView/vendorView/vendorViewReducer';
+import { verifyOnboardingOfficerOtp, verifyOnboardingOfficerOtpSuccess, verifyOnboardingOfficerOtpFailure } from '../onboardingView/customerView/onboardingCustomerViewReducer';
+export declare type ActionType = ReturnType<typeof verifyOtp> | ReturnType<typeof verifyOtpSuccess> | ReturnType<typeof verifyOtpFailure> | ReturnType<typeof verifyOtpSpendManagementSetUp> | ReturnType<typeof verifyOtpSuccessSpendManagementSetUp> | ReturnType<typeof verifyOtpFailureSpendManagementSetUp> | ReturnType<typeof verifyOtpVendorView> | ReturnType<typeof verifyOtpVendorViewSuccess> | ReturnType<typeof verifyOtpVendorViewFailure> | ReturnType<typeof verifyOnboardingOfficerOtp> | ReturnType<typeof verifyOnboardingOfficerOtpSuccess> | ReturnType<typeof verifyOnboardingOfficerOtpFailure>;
+export declare const verifyOtpEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/twoFactorAuthentication/verifyOtpEpic.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.verifyOtpEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../responsePayload");
+const twoFactorAuthenticationReducer_1 = require("./twoFactorAuthenticationReducer");
+const setupViewReducer_1 = require("../spendManagement/commonSetup/setupViewReducer");
+const vendorViewReducer_1 = require("../commonVendorView/vendorView/vendorViewReducer");
+const onboardingCustomerViewReducer_1 = require("../onboardingView/customerView/onboardingCustomerViewReducer");
+const verifyOtpEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.verifyOtp.match), (0, operators_1.mergeMap)((action) => {
+    const verifyOtpActions = [];
+    const { otpCode, otpChallenge, twoFASource } = action.payload;
+    const payload = {
+        otp_code: otpCode,
+        otp_challenge: otpChallenge,
+    };
+    switch (twoFASource) {
+        case 'SpendManagementSetup':
+            verifyOtpActions.push((0, setupViewReducer_1.verifyOtpSpendManagementSetUp)());
+            break;
+        case 'BillPayVendor':
+            verifyOtpActions.push((0, vendorViewReducer_1.verifyOtpVendorView)());
+            break;
+        case 'CustomerOnboarding':
+            verifyOtpActions.push((0, onboardingCustomerViewReducer_1.verifyOnboardingOfficerOtp)());
+            break;
+    }
+    const verifyOtp$ = zeniAPI
+        .postAndGetJSON(`${zeniAPI.apiEndPoints.authMicroServiceBaseUrl}/1.0/otp/verify`, payload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) &&
+            response.data != null &&
+            response.data.is_verified === true) {
+            const updateActions = [
+                (0, twoFactorAuthenticationReducer_1.verifyOtpSuccess)({
+                    customerTokenPayload: response.data.customer_token_info,
+                }),
+            ];
+            switch (twoFASource) {
+                case 'SpendManagementSetup':
+                    updateActions.push((0, setupViewReducer_1.verifyOtpSuccessSpendManagementSetUp)());
+                    break;
+                case 'BillPayVendor':
+                    updateActions.push((0, vendorViewReducer_1.verifyOtpVendorViewSuccess)());
+                    break;
+                case 'CustomerOnboarding':
+                    updateActions.push((0, onboardingCustomerViewReducer_1.verifyOnboardingOfficerOtpSuccess)());
+                    break;
+            }
+            return (0, rxjs_1.from)(updateActions);
+        }
+        else {
+            const updateActions = [
+                (0, twoFactorAuthenticationReducer_1.verifyOtpFailure)(response.status),
+            ];
+            switch (twoFASource) {
+                case 'SpendManagementSetup':
+                    updateActions.push((0, setupViewReducer_1.verifyOtpFailureSpendManagementSetUp)(response.status));
+                    break;
+                case 'BillPayVendor':
+                    updateActions.push((0, vendorViewReducer_1.verifyOtpVendorViewFailure)(response.status));
+                    break;
+                case 'CustomerOnboarding':
+                    updateActions.push((0, onboardingCustomerViewReducer_1.verifyOnboardingOfficerOtpFailure)(response.status));
+                    break;
+            }
+            return (0, rxjs_1.from)(updateActions);
+        }
+    }), (0, operators_1.catchError)((error) => {
+        const zeniAPIStatus = (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Verify otp api errored out' + JSON.stringify(error));
+        const updateActions = [
+            (0, twoFactorAuthenticationReducer_1.verifyOtpFailure)(zeniAPIStatus),
+        ];
+        switch (twoFASource) {
+            case 'SpendManagementSetup':
+                updateActions.push((0, setupViewReducer_1.verifyOtpFailureSpendManagementSetUp)(zeniAPIStatus));
+                break;
+            case 'BillPayVendor':
+                updateActions.push((0, vendorViewReducer_1.verifyOtpVendorViewFailure)(zeniAPIStatus));
+                break;
+            case 'CustomerOnboarding':
+                updateActions.push((0, onboardingCustomerViewReducer_1.verifyOnboardingOfficerOtpFailure)(zeniAPIStatus));
+                break;
+        }
+        return (0, rxjs_1.from)(updateActions);
+    }));
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(verifyOtpActions), verifyOtp$);
+}));
+exports.verifyOtpEpic = verifyOtpEpic;

package/lib/view/userFinancialAccount/fetchUserFinancialAccountEpic.d.ts

@@ -0,0 +1,12 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { ZeniAPI } from '../../zeniAPI';
+import { RootState } from '../../reducer';
+import { fetchUserFinancialAccount, updateUserFinancialAccount, updateUserFinancialAccountFailure } from './userFinancialAccountReducer';
+import { updateBankAccounts } from '../../entity/bankAccount/bankAccountReducer';
+import { updatePaymentAccounts } from '../../entity/paymentAccount/paymentAccountReducer';
+import { updatesPaymentToInLocalStore } from '../spendManagement/reimbursement/editRemiView/editRemiViewReducer';
+import { BankAccountPayload } from '../../entity/bankAccount/bankAccountPayload';
+export declare type ActionType = ReturnType<typeof fetchUserFinancialAccount> | ReturnType<typeof updateBankAccounts> | ReturnType<typeof updateUserFinancialAccount> | ReturnType<typeof updatesPaymentToInLocalStore> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof updateUserFinancialAccountFailure>;
+export declare const fetchUserFinancialAccountEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const getLatestCreatedUserBankAccountFromBankAccountPayload: (bankAccounts: BankAccountPayload[]) => BankAccountPayload | undefined;

package/lib/view/userFinancialAccount/fetchUserFinancialAccountEpic.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLatestCreatedUserBankAccountFromBankAccountPayload = exports.fetchUserFinancialAccountEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../responsePayload");
+const userFinancialAccountReducer_1 = require("./userFinancialAccountReducer");
+const bankAccountReducer_1 = require("../../entity/bankAccount/bankAccountReducer");
+const paymentAccountReducer_1 = require("../../entity/paymentAccount/paymentAccountReducer");
+const zeniDayJS_1 = require("../../zeniDayJS");
+const editRemiViewReducer_1 = require("../spendManagement/reimbursement/editRemiView/editRemiViewReducer");
+const fetchUserFinancialAccountEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(userFinancialAccountReducer_1.fetchUserFinancialAccount.match), (0, operators_1.switchMap)((action) => {
+    const { userId, reimbursementId } = action.payload;
+    return zeniAPI
+        .getJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/users/${userId}/financial-accounts`)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        var _a;
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const userFinancialAccountActions = [];
+            //get latest created bank account Id
+            const latestCreatedBankAccountId = (_a = (0, exports.getLatestCreatedUserBankAccountFromBankAccountPayload)(response.data.bank_accounts)) === null || _a === void 0 ? void 0 : _a.bank_account_id;
+            userFinancialAccountActions.push((0, bankAccountReducer_1.updateBankAccounts)(response.data.bank_accounts), (0, userFinancialAccountReducer_1.updateUserFinancialAccount)({
+                userFinancialAccount: response.data,
+            }), (0, paymentAccountReducer_1.updatePaymentAccounts)(response.data.payment_accounts));
+            //case of new reimbursement, we have to pre populate the bank account field
+            if (reimbursementId == null) {
+                userFinancialAccountActions.push((0, editRemiViewReducer_1.updatesPaymentToInLocalStore)({
+                    bankAccountId: latestCreatedBankAccountId,
+                    shouldOverWriteCurrentBankAccountId: false,
+                }));
+            }
+            return (0, rxjs_1.from)(userFinancialAccountActions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, userFinancialAccountReducer_1.updateUserFinancialAccountFailure)({
+                status: response.status,
+                userId,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, userFinancialAccountReducer_1.updateUserFinancialAccountFailure)({
+            userId,
+            status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch User Financial Account REST API call errored out' +
+                JSON.stringify(error)),
+        }));
+    }));
+}));
+exports.fetchUserFinancialAccountEpic = fetchUserFinancialAccountEpic;
+const getLatestCreatedUserBankAccountFromBankAccountPayload = (bankAccounts) => {
+    var _a;
+    return (_a = [...bankAccounts].sort((a, b) => (a.create_time != null ? (0, zeniDayJS_1.date)(a.create_time) : (0, zeniDayJS_1.dateNow)()).isBefore(b.create_time != null ? (0, zeniDayJS_1.date)(b.create_time) : (0, zeniDayJS_1.dateNow)())
+        ? 1
+        : -1)) === null || _a === void 0 ? void 0 : _a[0];
+};
+exports.getLatestCreatedUserBankAccountFromBankAccountPayload = getLatestCreatedUserBankAccountFromBankAccountPayload;

package/lib/view/userFinancialAccount/userFinancialAccountSelector.d.ts

@@ -0,0 +1,14 @@
+import { FetchStateAndError, ID } from '../../commonStateTypes/common';
+import { SelectorView } from '../../commonStateTypes/viewAndReport/viewAndReport';
+import { BankAccount } from '../../entity/bankAccount/bankAccount';
+import { RootState } from '../../reducer';
+import { BankNameByRoutingState } from '../bankAccountView/bankAccountViewState';
+export interface UserFinancialAccountSelectorView extends SelectorView {
+    bankAccounts: BankAccount[];
+    bankAccountCreationState: FetchStateAndError;
+    bankAccountDeletionState: Record<string, FetchStateAndError>;
+    bankNameByRouting: Record<string, BankNameByRoutingState>;
+}
+export declare const getUserFinancialAccount: (state: RootState, userId: ID) => UserFinancialAccountSelectorView;
+export declare const getLatestCreatedUserBankAccountFromBankAccountList: (bankAccounts: BankAccount[]) => BankAccount | undefined;
+export declare const getLatestCreatedUserBankAccount: (state: RootState, userId: ID) => ID | undefined;

package/lib/view/userFinancialAccount/userFinancialAccountSelector.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLatestCreatedUserBankAccount = exports.getLatestCreatedUserBankAccountFromBankAccountList = exports.getUserFinancialAccount = void 0;
+const bankAccountSelector_1 = require("../../entity/bankAccount/bankAccountSelector");
+const zeniDayJS_1 = require("../../zeniDayJS");
+const getUserFinancialAccount = (state, userId) => {
+    var _a, _b, _c, _d, _e;
+    const { userFinancialAccountState, bankAccountState, bankAccountViewState } = state;
+    const bankAccounts = (0, bankAccountSelector_1.getBankAccountsByBankAccountIds)(bankAccountState, (_b = (_a = userFinancialAccountState.financialAccountByUserId[userId]) === null || _a === void 0 ? void 0 : _a.bankAccountIds) !== null && _b !== void 0 ? _b : []);
+    return {
+        bankAccounts,
+        bankAccountCreationState: bankAccountViewState.createBankAccountDetails.createStatus,
+        bankAccountDeletionState: bankAccountViewState.bankAccountDeletionState,
+        bankNameByRouting: bankAccountViewState.bankNameByRouting,
+        fetchState: (_d = (_c = userFinancialAccountState.financialAccountByUserId[userId]) === null || _c === void 0 ? void 0 : _c.fetchState) !== null && _d !== void 0 ? _d : 'Not-Started',
+        error: (_e = userFinancialAccountState.financialAccountByUserId[userId]) === null || _e === void 0 ? void 0 : _e.error,
+        version: 0,
+    };
+};
+exports.getUserFinancialAccount = getUserFinancialAccount;
+const getLatestCreatedUserBankAccountFromBankAccountList = (bankAccounts) => {
+    var _a;
+    return (_a = [...bankAccounts].sort((a, b) => (a.createTime != null ? a.createTime : (0, zeniDayJS_1.dateNow)()).isBefore(b.createTime != null ? b.createTime : (0, zeniDayJS_1.dateNow)())
+        ? 1
+        : -1)) === null || _a === void 0 ? void 0 : _a[0];
+};
+exports.getLatestCreatedUserBankAccountFromBankAccountList = getLatestCreatedUserBankAccountFromBankAccountList;
+const getLatestCreatedUserBankAccount = (state, userId) => {
+    var _a, _b, _c;
+    const { userFinancialAccountState, bankAccountState } = state;
+    const bankAccounts = (0, bankAccountSelector_1.getBankAccountsByBankAccountIds)(bankAccountState, (_b = (_a = userFinancialAccountState.financialAccountByUserId[userId]) === null || _a === void 0 ? void 0 : _a.bankAccountIds) !== null && _b !== void 0 ? _b : []);
+    const latestCreatedBankAccountId = (_c = (0, exports.getLatestCreatedUserBankAccountFromBankAccountList)(bankAccounts)) === null || _c === void 0 ? void 0 : _c.bankAccountId;
+    return latestCreatedBankAccountId;
+};
+exports.getLatestCreatedUserBankAccount = getLatestCreatedUserBankAccount;