@zeniai/client-epic-state 4.14.78 → 4.14.79

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.78",
+  "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",