@zeniai/client-epic-state 5.1.16 → 5.1.18-betaAA0

package/lib/esm/view/invoicing/reportsView/reportsViewEpics.js

@@ -0,0 +1,28 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { invoicingBaseUrl } from '../invoicingApiHelper';
+import { fetchInvoicingReport, updateInvoicingReport, updateInvoicingReportFailure, } from './reportsViewReducer';
+const REPORT_PATHS = {
+    aging: '/reports/aging',
+    creditBalances: '/reports/credit-balances',
+    customerMovement: '/reports/customer-movement',
+    deferredRevenue: '/reports/deferred-revenue',
+    discounts: '/reports/discounts',
+    refunds: '/reports/refunds',
+    subscriptionCounts: '/reports/subscription-counts',
+};
+export const fetchInvoicingReportEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingReport.match), mergeMap((action) => {
+    const key = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}${REPORT_PATHS[key]}`;
+    return zeniAPI.getJSON(apiUrl).pipe(mergeMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingReport({ key, data: response.data ?? undefined }));
+        }
+        return of(updateInvoicingReportFailure({ key, error: response.status }));
+    }), catchError((error) => of(updateInvoicingReportFailure({
+        key,
+        error: createZeniAPIStatus('Unexpected Error', 'Fetch report REST API call errored out ' +
+            JSON.stringify(error)),
+    }))));
+}));

package/lib/esm/view/invoicing/reportsView/reportsViewReducer.js

@@ -0,0 +1,54 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const INVOICING_REPORT_KEYS = [
+    'aging',
+    'creditBalances',
+    'customerMovement',
+    'deferredRevenue',
+    'discounts',
+    'refunds',
+    'subscriptionCounts',
+];
+const emptySlot = () => ({
+    fetchState: 'Not-Started',
+    error: undefined,
+    data: undefined,
+});
+const buildInitialByKey = () => INVOICING_REPORT_KEYS.reduce((acc, key) => {
+    acc[key] = emptySlot();
+    return acc;
+}, {});
+export const initialState = {
+    byKey: buildInitialByKey(),
+};
+const reportsView = createSlice({
+    name: 'invoicingReportsView',
+    initialState,
+    reducers: {
+        fetchInvoicingReport(draft, action) {
+            draft.byKey[action.payload] = {
+                fetchState: 'In-Progress',
+                error: undefined,
+                data: draft.byKey[action.payload]?.data,
+            };
+        },
+        updateInvoicingReport(draft, action) {
+            draft.byKey[action.payload.key] = {
+                fetchState: 'Completed',
+                error: undefined,
+                data: action.payload.data,
+            };
+        },
+        updateInvoicingReportFailure(draft, action) {
+            draft.byKey[action.payload.key] = {
+                fetchState: 'Error',
+                error: action.payload.error,
+                data: draft.byKey[action.payload.key]?.data,
+            };
+        },
+        clearInvoicingReportsView(draft) {
+            draft.byKey = buildInitialByKey();
+        },
+    },
+});
+export const { fetchInvoicingReport, updateInvoicingReport, updateInvoicingReportFailure, clearInvoicingReportsView, } = reportsView.actions;
+export default reportsView.reducer;

package/lib/esm/view/invoicing/reportsView/reportsViewSelector.js

@@ -0,0 +1,13 @@
+export const getInvoicingReportFetchState = (key) => (state) => {
+    const slot = state.invoicingReportsViewState.byKey[key];
+    return { fetchState: slot.fetchState, error: slot.error };
+};
+const reportData = (state, key) => state.invoicingReportsViewState.byKey[key].data;
+export const getInvoicingAgingReport = (state) => reportData(state, 'aging');
+export const getInvoicingCustomerMovementReport = (state) => reportData(state, 'customerMovement');
+export const getInvoicingDeferredRevenueReport = (state) => reportData(state, 'deferredRevenue');
+export const getInvoicingRefundsReport = (state) => reportData(state, 'refunds') ?? [];
+export const getInvoicingDiscountsReport = (state) => reportData(state, 'discounts') ??
+    [];
+export const getInvoicingCreditBalancesReport = (state) => reportData(state, 'creditBalances') ?? [];
+export const getInvoicingSubscriptionCountsReport = (state) => reportData(state, 'subscriptionCounts');

package/lib/esm/view/invoicing/settingsView/settingsViewEpics.js

@@ -0,0 +1,53 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { invoicingBaseUrl } from '../invoicingApiHelper';
+import { connectInvoicingStripe, disconnectInvoicingStripe, fetchInvoicingSettings, invoicingStripeConnectionFailure, saveInvoicingSettings, saveInvoicingSettingsFailure, saveInvoicingSettingsSuccess, updateInvoicingSettings, updateInvoicingSettingsFailure, updateInvoicingStripeConnection, } from './settingsViewReducer';
+export const fetchInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingSettings.match), switchMap(() => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/settings`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingSettings(response.data));
+        }
+        return of(updateInvoicingSettingsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingSettingsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch settings REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const connectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(connectInvoicingStripe.match), switchMap(() => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/settings/stripe-connect/setup`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {})
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingStripeConnection(response.data.connected_account_id));
+        }
+        return of(invoicingStripeConnectionFailure(response.status));
+    }), catchError((error) => of(invoicingStripeConnectionFailure(createZeniAPIStatus('Unexpected Error', 'Stripe connect setup REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const disconnectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(disconnectInvoicingStripe.match), switchMap(() => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/settings/stripe-connect/callback`;
+    return zeniAPI
+        .deleteAndGetJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingStripeConnection(response.data?.connected_account_id ?? ''));
+        }
+        return of(invoicingStripeConnectionFailure(response.status));
+    }), catchError((error) => of(invoicingStripeConnectionFailure(createZeniAPIStatus('Unexpected Error', 'Stripe disconnect REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const saveInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(saveInvoicingSettings.match), switchMap((action) => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/settings`;
+    return zeniAPI
+        .putAndGetJSON(apiUrl, {
+        ...action.payload,
+    })
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(saveInvoicingSettingsSuccess(response.data));
+        }
+        return of(saveInvoicingSettingsFailure(response.status));
+    }), catchError((error) => of(saveInvoicingSettingsFailure(createZeniAPIStatus('Unexpected Error', 'Save settings REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/settingsView/settingsViewReducer.js

@@ -0,0 +1,69 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    saveFetchState: { fetchState: 'Not-Started', error: undefined },
+    stripeFetchState: { fetchState: 'Not-Started', error: undefined },
+    settings: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed' && this.settings != null;
+    },
+};
+const settingsView = createSlice({
+    name: 'invoicingSettingsView',
+    initialState,
+    reducers: {
+        fetchInvoicingSettings(draft) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+        },
+        updateInvoicingSettings(draft, action) {
+            draft.settings = action.payload;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingSettingsFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        saveInvoicingSettings(draft, action) {
+            draft.saveFetchState = { fetchState: 'In-Progress', error: undefined };
+            if (draft.settings != null) {
+                draft.settings = { ...draft.settings, ...action.payload };
+            }
+        },
+        saveInvoicingSettingsSuccess(draft, action) {
+            draft.settings = action.payload;
+            draft.saveFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        saveInvoicingSettingsFailure(draft, action) {
+            draft.saveFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        resetSaveInvoicingSettings(draft) {
+            draft.saveFetchState = { fetchState: 'Not-Started', error: undefined };
+        },
+        connectInvoicingStripe(draft) {
+            draft.stripeFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        disconnectInvoicingStripe(draft) {
+            draft.stripeFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        updateInvoicingStripeConnection(draft, action) {
+            draft.stripeFetchState = { fetchState: 'Completed', error: undefined };
+            if (draft.settings != null) {
+                draft.settings = {
+                    ...draft.settings,
+                    stripe_connected_account_id: action.payload,
+                };
+            }
+        },
+        invoicingStripeConnectionFailure(draft, action) {
+            draft.stripeFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        clearInvoicingSettings(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingSettings, updateInvoicingSettings, updateInvoicingSettingsFailure, saveInvoicingSettings, saveInvoicingSettingsSuccess, saveInvoicingSettingsFailure, resetSaveInvoicingSettings, connectInvoicingStripe, disconnectInvoicingStripe, updateInvoicingStripeConnection, invoicingStripeConnectionFailure, clearInvoicingSettings, } = settingsView.actions;
+export default settingsView.reducer;

package/lib/esm/view/invoicing/settingsView/settingsViewSelector.js

@@ -0,0 +1,7 @@
+export const getInvoicingSettings = (state) => state.invoicingSettingsViewState.settings;
+export const getInvoicingSettingsFetchState = (state) => ({
+    fetchState: state.invoicingSettingsViewState.fetchState,
+    error: state.invoicingSettingsViewState.error,
+});
+export const getInvoicingSettingsSaveState = (state) => state.invoicingSettingsViewState.saveFetchState;
+export const getInvoicingStripeConnectState = (state) => state.invoicingSettingsViewState.stripeFetchState;

package/lib/esm/view/invoicing/subscriptionAction/subscriptionActionEpic.js

@@ -0,0 +1,28 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { updateInvoicingSubscriptions } from '../../../entity/invoicing/subscription/subscriptionReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { invoicingBaseUrl } from '../invoicingApiHelper';
+import { runInvoicingSubscriptionAction, runInvoicingSubscriptionActionFailure, runInvoicingSubscriptionActionSuccess, } from './subscriptionActionReducer';
+export const runInvoicingSubscriptionActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(runInvoicingSubscriptionAction.match), mergeMap((action) => {
+    const { action: kind, body, id } = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/subscriptions/${encodeURIComponent(id)}/${kind}`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, body ?? {})
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingSubscriptions([response.data], 'merge'),
+                runInvoicingSubscriptionActionSuccess({ id }),
+            ];
+        }
+        return of(runInvoicingSubscriptionActionFailure({
+            error: response.status,
+            id,
+        }));
+    }), catchError((error) => of(runInvoicingSubscriptionActionFailure({
+        error: createZeniAPIStatus('Unexpected Error', 'Subscription action REST API call errored out ' +
+            JSON.stringify(error)),
+        id,
+    }))));
+}));

package/lib/esm/view/invoicing/subscriptionAction/subscriptionActionReducer.js

@@ -0,0 +1,36 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    byId: {},
+};
+const subscriptionAction = createSlice({
+    name: 'invoicingSubscriptionAction',
+    initialState,
+    reducers: {
+        runInvoicingSubscriptionAction(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        runInvoicingSubscriptionActionSuccess(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        runInvoicingSubscriptionActionFailure(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Error',
+                error: action.payload.error,
+            };
+        },
+        clearInvoicingSubscriptionAction(draft, action) {
+            delete draft.byId[action.payload];
+        },
+        clearAllInvoicingSubscriptionActions(draft) {
+            draft.byId = {};
+        },
+    },
+});
+export const { runInvoicingSubscriptionAction, runInvoicingSubscriptionActionSuccess, runInvoicingSubscriptionActionFailure, clearInvoicingSubscriptionAction, clearAllInvoicingSubscriptionActions, } = subscriptionAction.actions;
+export default subscriptionAction.reducer;

package/lib/esm/view/invoicing/subscriptionAction/subscriptionActionSelector.js

@@ -0,0 +1,5 @@
+const NOT_STARTED = {
+    fetchState: 'Not-Started',
+    error: undefined,
+};
+export const getInvoicingSubscriptionActionState = (id) => (state) => state.invoicingSubscriptionActionState.byId[id] ?? NOT_STARTED;

package/lib/esm/view/invoicing/subscriptionView/subscriptionViewEpics.js

@@ -0,0 +1,85 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateInvoicingSubscriptions } from '../../../entity/invoicing/subscription/subscriptionReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, invoicingBaseUrl, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingSubscriptionCounts, fetchInvoicingSubscriptionDetail, fetchInvoicingSubscriptionList, updateInvoicingSubscriptionCounts, updateInvoicingSubscriptionCountsFailure, updateInvoicingSubscriptionDetail, updateInvoicingSubscriptionDetailFailure, updateInvoicingSubscriptionList, updateInvoicingSubscriptionListFailure, } from './subscriptionViewReducer';
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    if (filters.customerId != null) {
+        params.set('customer_id', filters.customerId);
+    }
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    if (filters.startedFrom != null) {
+        params.set('started_from', filters.startedFrom);
+    }
+    if (filters.startedTo != null) {
+        params.set('started_to', filters.startedTo);
+    }
+    params.set('limit', String(INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    applyListSortParams(params, sort);
+    return params;
+};
+export const fetchInvoicingSubscriptionListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingSubscriptionList.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/subscriptions`, buildQuery(filters, cursor, sort));
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                updateInvoicingSubscriptions(items, 'merge'),
+                updateInvoicingSubscriptionList({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return of(updateInvoicingSubscriptionListFailure(response.status));
+    }), catchError((error) => of(updateInvoicingSubscriptionListFailure(createZeniAPIStatus('Unexpected Error', 'Fetch subscription list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingSubscriptionCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingSubscriptionCounts.match), switchMap(() => {
+    const { filters } = state$.value.invoicingSubscriptionViewState;
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    if (filters.customerId != null) {
+        params.set('customer_id', filters.customerId);
+    }
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/subscriptions/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingSubscriptionCounts(response.data));
+        }
+        return of(updateInvoicingSubscriptionCountsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingSubscriptionCountsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch subscription counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingSubscriptionDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingSubscriptionDetail.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/subscriptions/${id}`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingSubscriptions([response.data], 'merge'),
+                updateInvoicingSubscriptionDetail({ id: response.data.id }),
+            ];
+        }
+        return of(updateInvoicingSubscriptionDetailFailure(response.status));
+    }), catchError((error) => of(updateInvoicingSubscriptionDetailFailure(createZeniAPIStatus('Unexpected Error', 'Fetch subscription detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/subscriptionView/subscriptionViewReducer.js

@@ -0,0 +1,90 @@
+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 },
+    detailId: undefined,
+    detailFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const subscriptionView = createSlice({
+    name: 'invoicingSubscriptionView',
+    initialState,
+    reducers: {
+        fetchInvoicingSubscriptionList: {
+            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,
+                    },
+                };
+            },
+        },
+        updateInvoicingSubscriptionList(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;
+        },
+        updateInvoicingSubscriptionListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingSubscriptionCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingSubscriptionCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingSubscriptionCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        updateInvoicingSubscriptionFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        fetchInvoicingSubscriptionDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'In-Progress';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingSubscriptionDetail(draft, action) {
+            draft.detailId = action.payload.id;
+            draft.detailFetchState.fetchState = 'Completed';
+            draft.detailFetchState.error = undefined;
+        },
+        updateInvoicingSubscriptionDetailFailure(draft, action) {
+            draft.detailFetchState.fetchState = 'Error';
+            draft.detailFetchState.error = action.payload;
+        },
+        clearInvoicingSubscriptionView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingSubscriptionList, updateInvoicingSubscriptionList, updateInvoicingSubscriptionListFailure, fetchInvoicingSubscriptionCounts, updateInvoicingSubscriptionCounts, updateInvoicingSubscriptionCountsFailure, updateInvoicingSubscriptionFilters, fetchInvoicingSubscriptionDetail, updateInvoicingSubscriptionDetail, updateInvoicingSubscriptionDetailFailure, clearInvoicingSubscriptionView, } = subscriptionView.actions;
+export default subscriptionView.reducer;

package/lib/esm/view/invoicing/subscriptionView/subscriptionViewSelector.js

@@ -0,0 +1,19 @@
+export const getInvoicingSubscriptionListItems = (state) => state.invoicingSubscriptionViewState.ids
+    .map((id) => state.invoicingSubscriptionState.subscriptionByID[id])
+    .filter((item) => item != null);
+export const getInvoicingSubscriptionListFetchState = (state) => ({
+    fetchState: state.invoicingSubscriptionViewState.fetchState,
+    error: state.invoicingSubscriptionViewState.error,
+});
+export const getInvoicingSubscriptionListNextCursor = (state) => state.invoicingSubscriptionViewState.nextCursor;
+export const getInvoicingSubscriptionListHasMore = (state) => state.invoicingSubscriptionViewState.nextCursor != null;
+export const getInvoicingSubscriptionListFilters = (state) => state.invoicingSubscriptionViewState.filters;
+export const getInvoicingSubscriptionCounts = (state) => state.invoicingSubscriptionViewState.counts;
+export const getInvoicingSubscriptionById = (state, id) => state.invoicingSubscriptionState.subscriptionByID[id];
+export const getInvoicingSubscriptionDetail = (state) => {
+    const id = state.invoicingSubscriptionViewState.detailId;
+    return id != null
+        ? state.invoicingSubscriptionState.subscriptionByID[id]
+        : undefined;
+};
+export const getInvoicingSubscriptionDetailFetchState = (state) => state.invoicingSubscriptionViewState.detailFetchState;

package/lib/esm/view/invoicing/subscriptionWrite/subscriptionWriteEpic.js

@@ -0,0 +1,25 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { updateInvoicingSubscriptions } from '../../../entity/invoicing/subscription/subscriptionReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { invoicingBaseUrl } from '../invoicingApiHelper';
+import { saveInvoicingSubscription, saveInvoicingSubscriptionFailure, saveInvoicingSubscriptionSuccess, } from './subscriptionWriteReducer';
+export const saveInvoicingSubscriptionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(saveInvoicingSubscription.match), mergeMap((action) => {
+    const { data, id } = action.payload;
+    const baseUrl = invoicingBaseUrl(zeniAPI);
+    const request$ = id != null
+        ? zeniAPI.putAndGetJSON(`${baseUrl}/subscriptions/${encodeURIComponent(id)}`, { ...data })
+        : zeniAPI.postAndGetJSON(`${baseUrl}/subscriptions`, { ...data });
+    return request$.pipe(mergeMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingSubscriptions([response.data], 'merge'),
+                saveInvoicingSubscriptionSuccess({
+                    subscriptionId: response.data.id,
+                }),
+            ];
+        }
+        return of(saveInvoicingSubscriptionFailure(response.status));
+    }), catchError((error) => of(saveInvoicingSubscriptionFailure(createZeniAPIStatus('Unexpected Error', 'Save subscription REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/subscriptionWrite/subscriptionWriteReducer.js

@@ -0,0 +1,36 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    data: undefined,
+    savedSubscriptionId: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const subscriptionWrite = createSlice({
+    name: 'invoicingSubscriptionWrite',
+    initialState,
+    reducers: {
+        saveInvoicingSubscription(draft, action) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+            draft.savedSubscriptionId = undefined;
+            draft.data = action.payload.data;
+        },
+        saveInvoicingSubscriptionSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.savedSubscriptionId = action.payload.subscriptionId;
+        },
+        saveInvoicingSubscriptionFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetInvoicingSubscriptionWrite(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { saveInvoicingSubscription, saveInvoicingSubscriptionSuccess, saveInvoicingSubscriptionFailure, resetInvoicingSubscriptionWrite, } = subscriptionWrite.actions;
+export default subscriptionWrite.reducer;

package/lib/esm/view/invoicing/subscriptionWrite/subscriptionWriteSelector.js

@@ -0,0 +1,5 @@
+export const getInvoicingSubscriptionWriteState = (state) => ({
+    fetchState: state.invoicingSubscriptionWriteState.fetchState,
+    error: state.invoicingSubscriptionWriteState.error,
+});
+export const getSavedInvoicingSubscriptionId = (state) => state.invoicingSubscriptionWriteState.savedSubscriptionId;

package/lib/esm/view/invoicing/transactionView/transactionViewEpics.js

@@ -0,0 +1,76 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateInvoicingTransactions } from '../../../entity/invoicing/transaction/transactionReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
+import { INVOICING_LIST_PAGE_SIZE, applyListSortParams, invoicingBaseUrl, withQuery, } from '../invoicingApiHelper';
+import { fetchInvoicingTransactionDetail, fetchInvoicingTransactionKPIs, fetchInvoicingTransactionList, updateInvoicingTransactionDetail, updateInvoicingTransactionDetailFailure, updateInvoicingTransactionKPIs, updateInvoicingTransactionKPIsFailure, updateInvoicingTransactionList, updateInvoicingTransactionListFailure, } from './transactionViewReducer';
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    if (filters.customerId != null) {
+        params.set('customer_id', filters.customerId);
+    }
+    if (filters.type != null && filters.type.length > 0) {
+        params.set('type', filters.type);
+    }
+    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 fetchInvoicingTransactionListEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingTransactionList.match), switchMap((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = withQuery(`${invoicingBaseUrl(zeniAPI)}/payments`, buildQuery(filters, cursor, sort));
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                updateInvoicingTransactions(items, 'merge'),
+                updateInvoicingTransactionList({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return of(updateInvoicingTransactionListFailure(response.status));
+    }), catchError((error) => of(updateInvoicingTransactionListFailure(createZeniAPIStatus('Unexpected Error', 'Fetch payment list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingTransactionKPIsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingTransactionKPIs.match), switchMap(() => {
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/payments/kpis`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingTransactionKPIs(response.data));
+        }
+        return of(updateInvoicingTransactionKPIsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingTransactionKPIsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch payment KPIs REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+export const fetchInvoicingTransactionDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingTransactionDetail.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${invoicingBaseUrl(zeniAPI)}/payments/${id}`;
+    return zeniAPI
+        .getJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingTransactions([response.data], 'merge'),
+                updateInvoicingTransactionDetail({ id: response.data.id }),
+            ];
+        }
+        return of(updateInvoicingTransactionDetailFailure(response.status));
+    }), catchError((error) => of(updateInvoicingTransactionDetailFailure(createZeniAPIStatus('Unexpected Error', 'Fetch payment detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));