@zeniai/client-epic-state 5.1.34 → 5.1.35-betaAK0

package/lib/esm/view/invoicing/auditView/auditViewEpics.js

@@ -0,0 +1,44 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingAuditLog, updateInvoicingAuditLog, updateInvoicingAuditLogFailure, } from './auditViewReducer';
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    if (filters.actor != null && filters.actor.length > 0) {
+        params.set('actor', filters.actor);
+    }
+    if (filters.action != null && filters.action.length > 0) {
+        params.set('action', filters.action);
+    }
+    if (filters.dateFrom != null && filters.dateFrom.length > 0) {
+        params.set('date_from', filters.dateFrom);
+    }
+    if (filters.dateTo != null && filters.dateTo.length > 0) {
+        params.set('date_to', filters.dateTo);
+    }
+    params.set('limit', String(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingAuditLogEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingAuditLog.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/audit-log`, buildQuery(filters, cursor, sort));
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingAuditLog({
+                items: response.data?.items ?? [],
+                nextCursor: response.data?.next_cursor ?? null,
+                keepExistingListItems,
+            }));
+        }
+        return of(updateInvoicingAuditLogFailure(response.status));
+    }), catchError((error) => of(updateInvoicingAuditLogFailure(createZeniAPIStatus('Unexpected Error', 'Fetch audit log REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/auditView/auditViewPayload.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/auditView/auditViewReducer.js

@@ -0,0 +1,56 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    items: [],
+    nextCursor: null,
+    filters: {},
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const auditView = createSlice({
+    name: 'invoicingAuditView',
+    initialState,
+    reducers: {
+        fetchInvoicingAuditLog: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.items = [];
+                    draft.nextCursor = null;
+                }
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        filters: payload.filters ?? {},
+                        cursor: payload.cursor,
+                        keepExistingListItems: payload.keepExistingListItems ?? false,
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        updateInvoicingAuditLog(draft, action) {
+            draft.items = action.payload.keepExistingListItems
+                ? [...draft.items, ...action.payload.items]
+                : action.payload.items;
+            draft.nextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingAuditLogFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        clearInvoicingAuditView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingAuditLog, updateInvoicingAuditLog, updateInvoicingAuditLogFailure, clearInvoicingAuditView, } = auditView.actions;
+export default auditView.reducer;

package/lib/esm/view/invoicing/auditView/auditViewSelector.js

@@ -0,0 +1,8 @@
+export const getInvoicingAuditLogItems = (state) => state.invoicingAuditViewState.items;
+export const getInvoicingAuditLogFetchState = (state) => ({
+    fetchState: state.invoicingAuditViewState.fetchState,
+    error: state.invoicingAuditViewState.error,
+});
+export const getInvoicingAuditLogNextCursor = (state) => state.invoicingAuditViewState.nextCursor;
+export const getInvoicingAuditLogHasMore = (state) => state.invoicingAuditViewState.nextCursor != null;
+export const getInvoicingAuditLogFilters = (state) => state.invoicingAuditViewState.filters;

package/lib/esm/view/invoicing/auditView/auditViewState.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/couponView/couponViewEpics.js

@@ -0,0 +1,93 @@
+import { concat, from, of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { mapInvoicingDiscountKPIsPayloadToState } from '../../../entity/invoicing/coupon/couponPayload';
+import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingCouponCounts, fetchInvoicingCouponKPIs, fetchInvoicingCouponList, fetchInvoicingCouponListPage, updateInvoicingCouponCounts, updateInvoicingCouponCountsFailure, updateInvoicingCouponKPIs, updateInvoicingCouponKPIsFailure, updateInvoicingCouponList, updateInvoicingCouponListFailure, } from './couponViewReducer';
+/**
+ * Fetch unless the endpoint is already loaded or in flight — or always when the
+ * caller forces a refresh via `cacheOverride` (e.g. on a filter/sort change).
+ */
+const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
+    (fetchStateAndError.fetchState !== 'Completed' &&
+        fetchStateAndError.fetchState !== 'In-Progress');
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    params.set('limit', String(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingCouponListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponList.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts`, buildQuery(filters, cursor, sort));
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                updateInvoicingCoupons(items, 'merge'),
+                updateInvoicingCouponList({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return of(updateInvoicingCouponListFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCouponListFailure(createZeniAPIStatus('Unexpected Error', 'Fetch discount list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCouponCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponCounts.match), switchMap(() => {
+    const { filters } = state$.value.invoicingCouponViewState;
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    const apiUrl = withQuery(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingCouponCounts(response.data));
+        }
+        return of(updateInvoicingCouponCountsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCouponCountsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch discount counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingCouponKPIsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponKPIs.match), switchMap(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts/kpis`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingCouponKPIs(mapInvoicingDiscountKPIsPayloadToState(response.data)));
+        }
+        return of(updateInvoicingCouponKPIsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCouponKPIsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch discount KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+/**
+ * Orchestrates the discounts list page: on `fetchInvoicingCouponListPage`, fans
+ * out to the list, counts and KPIs fetches, skipping any whose data is already
+ * cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+export const fetchInvoicingCouponListPageEpic = (actions$, state$) => actions$.pipe(filter(fetchInvoicingCouponListPage.match), mergeMap((action) => {
+    const { cacheOverride, filters, sort } = action.payload;
+    const state = state$.value.invoicingCouponViewState;
+    const pageActions = [];
+    if (shouldFetch({ fetchState: state.fetchState, error: state.error }, cacheOverride)) {
+        pageActions.push(fetchInvoicingCouponList({ filters, sort }));
+    }
+    if (shouldFetch(state.countsFetchState, cacheOverride)) {
+        pageActions.push(fetchInvoicingCouponCounts());
+    }
+    if (shouldFetch(state.kpisFetchState, cacheOverride)) {
+        pageActions.push(fetchInvoicingCouponKPIs());
+    }
+    return concat(from(pageActions));
+}));

package/lib/esm/view/invoicing/couponView/couponViewPayload.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/couponView/couponViewReducer.js

@@ -0,0 +1,104 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    ids: [],
+    nextCursor: null,
+    filters: {},
+    counts: { all: 0 },
+    countsFetchState: { fetchState: 'Not-Started', error: undefined },
+    kpis: undefined,
+    kpisFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const couponView = createSlice({
+    name: 'invoicingCouponView',
+    initialState,
+    reducers: {
+        fetchInvoicingCouponList: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.ids = [];
+                    draft.nextCursor = null;
+                }
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        filters: payload.filters ?? {},
+                        cursor: payload.cursor,
+                        keepExistingListItems: payload.keepExistingListItems ?? false,
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        fetchInvoicingCouponListPage: {
+            reducer(draft, action) {
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        cacheOverride: payload.cacheOverride ?? false,
+                        filters: payload.filters ?? {},
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        updateInvoicingCouponList(draft, action) {
+            draft.ids = action.payload.keepExistingListItems
+                ? [...new Set([...draft.ids, ...action.payload.ids])]
+                : action.payload.ids;
+            draft.nextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingCouponListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingCouponCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCouponCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCouponCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        fetchInvoicingCouponKPIs(draft) {
+            draft.kpisFetchState.fetchState = 'In-Progress';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingCouponKPIs(draft, action) {
+            draft.kpis = action.payload;
+            draft.kpisFetchState.fetchState = 'Completed';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingCouponKPIsFailure(draft, action) {
+            draft.kpisFetchState.fetchState = 'Error';
+            draft.kpisFetchState.error = action.payload;
+        },
+        updateInvoicingCouponFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        clearInvoicingCouponView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingCouponList, fetchInvoicingCouponListPage, updateInvoicingCouponList, updateInvoicingCouponListFailure, fetchInvoicingCouponCounts, updateInvoicingCouponCounts, updateInvoicingCouponCountsFailure, fetchInvoicingCouponKPIs, updateInvoicingCouponKPIs, updateInvoicingCouponKPIsFailure, updateInvoicingCouponFilters, clearInvoicingCouponView, } = couponView.actions;
+export default couponView.reducer;

package/lib/esm/view/invoicing/couponView/couponViewSelector.js

@@ -0,0 +1,33 @@
+import { createSelector } from '@reduxjs/toolkit';
+export const getInvoicingCouponListItems = (state) => state.invoicingCouponViewState.ids
+    .map((id) => state.invoicingCouponState.couponByID[id])
+    .filter((item) => item != null);
+export const getInvoicingCouponListFetchState = (state) => ({
+    fetchState: state.invoicingCouponViewState.fetchState,
+    error: state.invoicingCouponViewState.error,
+});
+export const getInvoicingCouponListNextCursor = (state) => state.invoicingCouponViewState.nextCursor;
+export const getInvoicingCouponListHasMore = (state) => state.invoicingCouponViewState.nextCursor != null;
+export const getInvoicingCouponListFilters = (state) => state.invoicingCouponViewState.filters;
+export const getInvoicingCouponCounts = (state) => state.invoicingCouponViewState.counts;
+export const getInvoicingCouponKPIs = (state) => state.invoicingCouponViewState.kpis;
+/**
+ * Bundled read view for the discounts list page: the denormalized coupon rows
+ * plus list counts, KPIs and their fetch states. Memoized so the `coupons`
+ * array (and the wrapping view object) keep referential identity until the
+ * coupon entity slice or the list-view slice actually change.
+ */
+export const getInvoicingCouponListView = createSelector((state) => state.invoicingCouponState, (state) => state.invoicingCouponViewState, (couponState, listViewState) => ({
+    coupons: listViewState.ids
+        .map((id) => couponState.couponByID[id])
+        .filter((item) => item != null),
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    filters: listViewState.filters,
+    kpis: listViewState.kpis,
+    kpisFetchState: listViewState.kpisFetchState,
+    nextCursor: listViewState.nextCursor,
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    version: 1.0,
+}));

package/lib/esm/view/invoicing/couponView/couponViewState.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/createInvoice/createInvoiceEpic.js

@@ -0,0 +1,22 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { updateInvoices } from '../../../entity/invoicing/invoice/invoiceReducer';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { createInvoice, createInvoiceFailure, createInvoiceSuccess, } from './createInvoiceReducer';
+export const createInvoiceEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(createInvoice.match), mergeMap((action) => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/invoices`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {
+        ...action.payload,
+    })
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoices([response.data], 'merge'),
+                createInvoiceSuccess({ invoiceId: response.data.id }),
+            ];
+        }
+        return of(createInvoiceFailure(response.status));
+    }), catchError((error) => of(createInvoiceFailure(createZeniAPIStatus('Unexpected Error', 'Create invoice REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/createInvoice/createInvoicePayload.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/createInvoice/createInvoiceReducer.js

@@ -0,0 +1,36 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    createdInvoiceId: undefined,
+    request: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const createInvoiceSlice = createSlice({
+    name: 'invoicingCreateInvoice',
+    initialState,
+    reducers: {
+        createInvoice(draft, action) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+            draft.createdInvoiceId = undefined;
+            draft.request = action.payload;
+        },
+        createInvoiceSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.createdInvoiceId = action.payload.invoiceId;
+        },
+        createInvoiceFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetCreateInvoice(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { createInvoice, createInvoiceSuccess, createInvoiceFailure, resetCreateInvoice, } = createInvoiceSlice.actions;
+export default createInvoiceSlice.reducer;

package/lib/esm/view/invoicing/createInvoice/createInvoiceSelector.js

@@ -0,0 +1,28 @@
+import { getInvoicingCatalogListView } from '../invoicingCatalogListView/invoicingCatalogListViewSelector';
+import { getInvoicingCustomerListView } from '../invoicingCustomerListView/invoicingCustomerListViewSelector';
+import { getInvoicingSettings } from '../settingsView/settingsViewSelector';
+export const getCreateInvoiceFetchState = (state) => ({
+    fetchState: state.invoicingCreateInvoiceState.fetchState,
+    error: state.invoicingCreateInvoiceState.error,
+});
+export const getCreatedInvoiceId = (state) => state.invoicingCreateInvoiceState.createdInvoiceId;
+/**
+ * Bundled view for the create-invoice screen: the option sources the form needs
+ * (customers, catalog plans/products, settings) plus the create-invoice fetch
+ * state/error and the id of the invoice last created (to navigate on success).
+ * Returns raw entity lists; the screen maps them to its option shapes.
+ */
+export const getCreateInvoiceFormView = (state) => {
+    const { error, fetchState } = getCreateInvoiceFetchState(state);
+    const catalogListView = getInvoicingCatalogListView(state);
+    return {
+        customers: getInvoicingCustomerListView(state).customers,
+        plans: catalogListView.plans,
+        products: catalogListView.products,
+        savedInvoiceId: getCreatedInvoiceId(state),
+        settings: getInvoicingSettings(state),
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};

package/lib/esm/view/invoicing/createInvoice/createInvoiceState.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/customerPaymentMethod/customerPaymentMethodEpic.js

@@ -0,0 +1,60 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { fetchInvoicingCustomerDetail } from '../invoicingCustomerDetailView/invoicingCustomerDetailViewReducer';
+import { createInvoicingSetupIntent, createInvoicingSetupIntentFailure, createInvoicingSetupIntentSuccess, fetchInvoicingPlaidLinkToken, fetchInvoicingPlaidLinkTokenFailure, fetchInvoicingPlaidLinkTokenSuccess, saveInvoicingPaymentMethod, saveInvoicingPaymentMethodFailure, saveInvoicingPaymentMethodSuccess, sendInvoicingPaymentLink, sendInvoicingPaymentLinkFailure, sendInvoicingPaymentLinkSuccess, } from './customerPaymentMethodReducer';
+export const createInvoicingSetupIntentEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(createInvoicingSetupIntent.match), switchMap((action) => {
+    const { customerId } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/customers/${encodeURIComponent(customerId)}/payment-methods/setup-intent`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {})
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(createInvoicingSetupIntentSuccess(response.data));
+        }
+        return of(createInvoicingSetupIntentFailure(response.status));
+    }), catchError((error) => of(createInvoicingSetupIntentFailure(createZeniAPIStatus('Unexpected Error', 'Setup intent REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingPlaidLinkTokenEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingPlaidLinkToken.match), switchMap((action) => {
+    const { customerId } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/plaid/link-token?customer_id=${encodeURIComponent(customerId)}`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(fetchInvoicingPlaidLinkTokenSuccess(response.data.link_token));
+        }
+        return of(fetchInvoicingPlaidLinkTokenFailure(response.status));
+    }), catchError((error) => of(fetchInvoicingPlaidLinkTokenFailure(createZeniAPIStatus('Unexpected Error', 'Plaid link token REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const saveInvoicingPaymentMethodEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(saveInvoicingPaymentMethod.match), mergeMap((action) => {
+    const { customerId, data } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/customers/${encodeURIComponent(customerId)}/payment-methods`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, data)
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                saveInvoicingPaymentMethodSuccess(),
+                fetchInvoicingCustomerDetail({ id: customerId }),
+            ];
+        }
+        return of(saveInvoicingPaymentMethodFailure(response.status));
+    }), catchError((error) => of(saveInvoicingPaymentMethodFailure(createZeniAPIStatus('Unexpected Error', 'Save payment method REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const sendInvoicingPaymentLinkEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(sendInvoicingPaymentLink.match), mergeMap((action) => {
+    const { customerId, email } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/customers/${encodeURIComponent(customerId)}/payment-link`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {
+        email,
+    })
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(sendInvoicingPaymentLinkSuccess(response.data.email));
+        }
+        return of(sendInvoicingPaymentLinkFailure(response.status));
+    }), catchError((error) => of(sendInvoicingPaymentLinkFailure(createZeniAPIStatus('Unexpected Error', 'Send payment link REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/customerPaymentMethod/customerPaymentMethodPayload.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/view/invoicing/customerPaymentMethod/customerPaymentMethodReducer.js

@@ -0,0 +1,84 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    customerId: undefined,
+    plaidLinkToken: undefined,
+    plaidTokenFetchState: { fetchState: 'Not-Started', error: undefined },
+    saveFetchState: { fetchState: 'Not-Started', error: undefined },
+    sendLinkFetchState: { fetchState: 'Not-Started', error: undefined },
+    sentLinkEmail: undefined,
+    setupIntent: undefined,
+    setupIntentFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return true;
+    },
+};
+const customerPaymentMethod = createSlice({
+    name: 'invoicingCustomerPaymentMethod',
+    initialState,
+    reducers: {
+        createInvoicingSetupIntent(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.setupIntent = undefined;
+            draft.setupIntentFetchState = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        createInvoicingSetupIntentSuccess(draft, action) {
+            draft.setupIntent = action.payload;
+            draft.setupIntentFetchState = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        createInvoicingSetupIntentFailure(draft, action) {
+            draft.setupIntentFetchState = {
+                fetchState: 'Error',
+                error: action.payload,
+            };
+        },
+        fetchInvoicingPlaidLinkToken(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.plaidLinkToken = undefined;
+            draft.plaidTokenFetchState = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        fetchInvoicingPlaidLinkTokenSuccess(draft, action) {
+            draft.plaidLinkToken = action.payload;
+            draft.plaidTokenFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        fetchInvoicingPlaidLinkTokenFailure(draft, action) {
+            draft.plaidTokenFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        saveInvoicingPaymentMethod(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.saveFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        saveInvoicingPaymentMethodSuccess(draft) {
+            draft.saveFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        saveInvoicingPaymentMethodFailure(draft, action) {
+            draft.saveFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        sendInvoicingPaymentLink(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.sendLinkFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        sendInvoicingPaymentLinkSuccess(draft, action) {
+            draft.sentLinkEmail = action.payload;
+            draft.sendLinkFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        sendInvoicingPaymentLinkFailure(draft, action) {
+            draft.sendLinkFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        resetInvoicingCustomerPaymentMethod(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { createInvoicingSetupIntent, createInvoicingSetupIntentSuccess, createInvoicingSetupIntentFailure, fetchInvoicingPlaidLinkToken, fetchInvoicingPlaidLinkTokenSuccess, fetchInvoicingPlaidLinkTokenFailure, saveInvoicingPaymentMethod, saveInvoicingPaymentMethodSuccess, saveInvoicingPaymentMethodFailure, sendInvoicingPaymentLink, sendInvoicingPaymentLinkSuccess, sendInvoicingPaymentLinkFailure, resetInvoicingCustomerPaymentMethod, } = customerPaymentMethod.actions;
+export default customerPaymentMethod.reducer;

package/lib/esm/view/invoicing/customerPaymentMethod/customerPaymentMethodSelector.js

@@ -0,0 +1,7 @@
+export const getInvoicingSetupIntent = (state) => state.invoicingCustomerPaymentMethodState.setupIntent;
+export const getInvoicingSetupIntentFetchState = (state) => state.invoicingCustomerPaymentMethodState.setupIntentFetchState;
+export const getInvoicingPlaidLinkToken = (state) => state.invoicingCustomerPaymentMethodState.plaidLinkToken;
+export const getInvoicingPlaidLinkTokenFetchState = (state) => state.invoicingCustomerPaymentMethodState.plaidTokenFetchState;
+export const getInvoicingPaymentMethodSaveState = (state) => state.invoicingCustomerPaymentMethodState.saveFetchState;
+export const getInvoicingPaymentLinkSendState = (state) => state.invoicingCustomerPaymentMethodState.sendLinkFetchState;
+export const getInvoicingSentPaymentLinkEmail = (state) => state.invoicingCustomerPaymentMethodState.sentLinkEmail;

package/lib/esm/view/invoicing/customerPaymentMethod/customerPaymentMethodState.js

@@ -0,0 +1 @@
+export {};