@zeniai/client-epic-state 5.1.51-betaAK3 → 5.1.51-betaAK4

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

@@ -1,4 +1,11 @@
 import { createSlice } from '@reduxjs/toolkit';
+// The discounts-list tabs look up counts by tab id ('active' / 'inactive'),
+// while a coupon's status is 'active' | 'expired' | 'archived'. Collapse the
+// non-active statuses onto the 'inactive' tab; a newly created coupon with no
+// status defaults to 'active'.
+function couponStatusToTabCountKey(status) {
+    return status == null || status === 'active' ? 'active' : 'inactive';
+}
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -80,10 +87,23 @@ const couponView = createSlice({
         updateInvoicingCouponFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly created coupon in the cached discounts list + tab counts
+        // so the list page shows it without refetching from the server. Edits keep
+        // the same id/counts, so only creates dispatch this.
+        addInvoicingCouponToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+            draft.counts.all += 1;
+            const tabCountKey = couponStatusToTabCountKey(status);
+            draft.counts[tabCountKey] = (draft.counts[tabCountKey] ?? 0) + 1;
+        },
         clearInvoicingCouponView(draft) {
             Object.assign(draft, initialState);
         },
     },
 });
-export const { fetchInvoicingCouponList, fetchInvoicingCouponListPage, updateInvoicingCouponList, updateInvoicingCouponListFailure, fetchInvoicingCouponCounts, updateInvoicingCouponCounts, updateInvoicingCouponCountsFailure, updateInvoicingCouponFilters, clearInvoicingCouponView, } = couponView.actions;
+export const { fetchInvoicingCouponList, fetchInvoicingCouponListPage, updateInvoicingCouponList, updateInvoicingCouponListFailure, fetchInvoicingCouponCounts, updateInvoicingCouponCounts, updateInvoicingCouponCountsFailure, updateInvoicingCouponFilters, addInvoicingCouponToList, clearInvoicingCouponView, } = couponView.actions;
 export default couponView.reducer;

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

@@ -4,6 +4,7 @@ import { updateAddresses } from '../../../entity/address/addressReducer';
 import { extractInvoicingInvoiceAddresses } from '../../../entity/invoicing/invoice/invoicePayload';
 import { updateInvoices } from '../../../entity/invoicing/invoice/invoiceReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { addInvoiceToList } from '../invoiceList/invoiceListReducer';
 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`;
@@ -16,6 +17,10 @@ export const createInvoiceEpic = (actions$, _state$, zeniAPI) => actions$.pipe(f
             return [
                 updateInvoices([response.data], 'merge'),
                 updateAddresses(extractInvoicingInvoiceAddresses([response.data])),
+                addInvoiceToList({
+                    id: response.data.id,
+                    status: response.data.status,
+                }),
                 createInvoiceSuccess({ invoiceId: response.data.id }),
             ];
         }

package/lib/esm/view/invoicing/editInvoicingCatalogItemDetailView/saveInvoicingCatalogItemEpic.js

@@ -3,6 +3,7 @@ import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoicingPlans } from '../../../entity/invoicing/plan/planReducer';
 import { updateInvoicingProducts } from '../../../entity/invoicing/product/productReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { addInvoicingCatalogItem } from '../invoicingCatalogListView/invoicingCatalogListViewReducer';
 import { localDataToSaveInvoicingCatalogItemPayload, } from './editInvoicingCatalogItemDetailViewPayload';
 import { saveInvoicingCatalogItem, submitInvoicingCatalogItemForm, submitInvoicingCatalogItemFormFailure, submitInvoicingCatalogItemFormSuccess, } from './editInvoicingCatalogItemDetailViewReducer';
 export const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter((action) => submitInvoicingCatalogItemForm.match(action) ||
@@ -39,13 +40,26 @@ export const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actio
             const entityAction = kind === 'plan'
                 ? updateInvoicingPlans([response.data], 'merge')
                 : updateInvoicingProducts([response.data], 'merge');
-            return [
+            const resultActions = [
                 entityAction,
                 submitInvoicingCatalogItemFormSuccess({
                     itemId: response.data.id,
                     kind,
                 }),
             ];
+            // Create (no id): reflect the new row + tab counts in the cached
+            // catalog lists so the list page shows it without a refetch. Edits
+            // keep the same id/counts, so the entity merge above is enough.
+            if (id == null) {
+                const itemType = kind === 'plan'
+                    ? 'plan'
+                    : response.data.item_type ===
+                        'charge'
+                        ? 'charge'
+                        : 'addon';
+                resultActions.push(addInvoicingCatalogItem({ id: response.data.id, type: itemType }));
+            }
+            return resultActions;
         }
         return of(submitInvoicingCatalogItemFormFailure(response.status));
     }), catchError((error) => of(submitInvoicingCatalogItemFormFailure(createZeniAPIStatus('Unexpected Error', 'Save catalog item REST API call errored out ' +

package/lib/esm/view/invoicing/editInvoicingCouponDetailView/saveInvoicingCouponEpic.js

@@ -2,6 +2,7 @@ import { of } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { addInvoicingCouponToList } from '../couponView/couponViewReducer';
 import { localDataToSaveInvoicingCouponPayload, } from './editInvoicingCouponDetailViewPayload';
 import { saveInvoicingCoupon, submitInvoicingCouponForm, submitInvoicingCouponFormFailure, submitInvoicingCouponFormSuccess, } from './editInvoicingCouponDetailViewReducer';
 export const saveInvoicingCouponEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter((action) => submitInvoicingCouponForm.match(action) ||
@@ -26,10 +27,21 @@ export const saveInvoicingCouponEpic = (actions$, state$, zeniAPI) => actions$.p
         : zeniAPI.postAndGetJSON(path, { ...data });
     return request$.pipe(mergeMap((response) => {
         if (isSuccessResponse(response) && response.data != null) {
-            return [
-                updateInvoicingCoupons([response.data], 'merge'),
-                submitInvoicingCouponFormSuccess({ couponId: response.data.id }),
+            const couponPayload = response.data;
+            const resultActions = [
+                updateInvoicingCoupons([couponPayload], 'merge'),
+                submitInvoicingCouponFormSuccess({ couponId: couponPayload.id }),
             ];
+            // Create (no id): reflect the new row + tab counts in the cached
+            // discounts list so it shows without a refetch. Edits keep the same
+            // id/counts, so the entity merge above is enough.
+            if (id == null) {
+                resultActions.push(addInvoicingCouponToList({
+                    id: couponPayload.id,
+                    status: couponPayload.status,
+                }));
+            }
+            return resultActions;
         }
         return of(submitInvoicingCouponFormFailure(response.status));
     }), catchError((error) => of(submitInvoicingCouponFormFailure(createZeniAPIStatus('Unexpected Error', 'Save coupon REST API call errored out ' + JSON.stringify(error))))));

package/lib/esm/view/invoicing/editInvoicingCustomerDetailView/saveInvoicingCustomerEpic.js

@@ -5,6 +5,7 @@ import { extractInvoicingCustomerAddresses } from '../../../entity/invoicing/inv
 import { updateInvoicingCustomers } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
+import { addInvoicingCustomerToList } from '../invoicingCustomerListView/invoicingCustomerListViewReducer';
 import { localDataToSaveInvoicingCustomerPayload, } from './editInvoicingCustomerDetailViewPayload';
 import { INVOICING_CUSTOMER_BILLING_ADDRESS_TYPE } from './invoicingCustomerFormConfig';
 import { submitInvoicingCustomerForm, submitInvoicingCustomerFormFailure, submitInvoicingCustomerFormSuccess, } from './editInvoicingCustomerDetailViewReducer';
@@ -25,7 +26,7 @@ export const saveInvoicingCustomerEpic = (actions$, state$, zeniAPI) => actions$
         : zeniAPI.postAndGetJSON(`${baseUrl}/customers`, { ...data });
     return request$.pipe(mergeMap((response) => {
         if (isSuccessResponse(response) && response.data != null) {
-            return [
+            const resultActions = [
                 updateInvoicingCustomers([response.data], 'merge'),
                 updateAddresses(extractInvoicingCustomerAddresses([response.data])),
                 submitInvoicingCustomerFormSuccess({
@@ -34,6 +35,16 @@ export const saveInvoicingCustomerEpic = (actions$, state$, zeniAPI) => actions$
                 // Clear the stashed address so the next customer starts fresh.
                 resetNewAddressDataInLocalStore(INVOICING_CUSTOMER_BILLING_ADDRESS_TYPE),
             ];
+            // Create (no id): reflect the new row + tab counts in the cached
+            // customer list so the list page shows it without a refetch. Edits
+            // keep the same id/counts, so the entity merge above is enough.
+            if (id == null) {
+                resultActions.push(addInvoicingCustomerToList({
+                    id: response.data.id,
+                    status: response.data.status,
+                }));
+            }
+            return resultActions;
         }
         return of(submitInvoicingCustomerFormFailure(response.status));
     }), catchError((error) => of(submitInvoicingCustomerFormFailure(createZeniAPIStatus('Unexpected Error', 'Save customer REST API call errored out ' +

package/lib/esm/view/invoicing/editInvoicingSubscriptionDetailView/saveInvoicingSubscriptionEpic.js

@@ -5,6 +5,7 @@ import { extractInvoicingSubscriptionAddresses } from '../../../entity/invoicing
 import { updateInvoicingSubscriptions } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
+import { addInvoicingSubscriptionToList } from '../invoicingSubscriptionListView/invoicingSubscriptionListViewReducer';
 import { localDataToSaveInvoicingSubscriptionPayload, } from './editInvoicingSubscriptionDetailViewPayload';
 import { INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE } from './invoicingSubscriptionFormConfig';
 import { submitInvoicingSubscriptionForm, submitInvoicingSubscriptionFormFailure, submitInvoicingSubscriptionFormSuccess, } from './editInvoicingSubscriptionDetailViewReducer';
@@ -25,7 +26,7 @@ export const saveInvoicingSubscriptionEpic = (actions$, state$, zeniAPI) => acti
         : zeniAPI.postAndGetJSON(`${baseUrl}/subscriptions`, { ...data });
     return request$.pipe(mergeMap((response) => {
         if (isSuccessResponse(response) && response.data != null) {
-            return [
+            const resultActions = [
                 updateInvoicingSubscriptions([response.data], 'merge'),
                 updateAddresses(extractInvoicingSubscriptionAddresses([response.data])),
                 submitInvoicingSubscriptionFormSuccess({
@@ -34,6 +35,16 @@ export const saveInvoicingSubscriptionEpic = (actions$, state$, zeniAPI) => acti
                 // Clear the stashed address so the next subscription starts fresh.
                 resetNewAddressDataInLocalStore(INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE),
             ];
+            // Create (no id): reflect the new row + tab counts in the cached list
+            // so the list page shows it without a refetch. Edits keep the same
+            // id/counts, so the entity merge above is enough.
+            if (id == null) {
+                resultActions.push(addInvoicingSubscriptionToList({
+                    id: response.data.id,
+                    status: response.data.status,
+                }));
+            }
+            return resultActions;
         }
         return of(submitInvoicingSubscriptionFormFailure(response.status));
     }), catchError((error) => of(submitInvoicingSubscriptionFormFailure(createZeniAPIStatus('Unexpected Error', 'Save subscription REST API call errored out ' +

package/lib/esm/view/invoicing/invoiceList/invoiceListReducer.js

@@ -117,10 +117,24 @@ const invoiceList = createSlice({
         updateInvoiceListFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly created invoice in the cached list + tab counts so the
+        // invoices page shows it without refetching from the server. Bumps the
+        // `all` total and the per-status count key the tabs read (a create is
+        // typically `draft`). KPIs are money aggregates (Amount, not a plain
+        // increment), so they are left untouched and refetched lazily.
+        addInvoiceToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.invoiceIds.includes(id)) {
+                return;
+            }
+            draft.invoiceIds = [id, ...draft.invoiceIds];
+            draft.counts.all += 1;
+            draft.counts[status] = (draft.counts[status] ?? 0) + 1;
+        },
         clearInvoiceList(draft) {
             Object.assign(draft, initialState);
         },
     },
 });
-export const { fetchInvoiceList, fetchInvoiceListPage, updateInvoiceList, updateInvoiceListFailure, fetchInvoiceCounts, updateInvoiceCounts, updateInvoiceCountsFailure, fetchInvoiceKPIs, updateInvoiceKPIs, updateInvoiceKPIsFailure, updateInvoiceListFilters, clearInvoiceList, } = invoiceList.actions;
+export const { fetchInvoiceList, fetchInvoiceListPage, updateInvoiceList, updateInvoiceListFailure, fetchInvoiceCounts, updateInvoiceCounts, updateInvoiceCountsFailure, fetchInvoiceKPIs, updateInvoiceKPIs, updateInvoiceKPIsFailure, updateInvoiceListFilters, addInvoiceToList, clearInvoiceList, } = invoiceList.actions;
 export default invoiceList.reducer;

package/lib/esm/view/invoicing/invoicingCatalogListView/epics/fetchInvoicingCatalogListPageEpic.js

@@ -3,15 +3,17 @@ import { filter, mergeMap } from 'rxjs/operators';
 import { fetchInvoicingCatalogCounts, fetchInvoicingCatalogListPage, fetchInvoicingCatalogPlanList, fetchInvoicingCatalogProductList, } from '../invoicingCatalogListViewReducer';
 /**
  * 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).
+ * caller forces a refresh via `cacheOverride`. The web layer sets
+ * `cacheOverride` per use case: false to reuse cached data (page revisit, tab
+ * switch), true to force a reload (search/sort change).
  */
 const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
     (fetchStateAndError.fetchState !== 'Completed' &&
         fetchStateAndError.fetchState !== 'In-Progress');
 /**
  * Orchestrates the catalog page: on `fetchInvoicingCatalogListPage`, fans out to
- * the plan-list, product-list, counts fetches, skipping any whose data
- * is already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ * the plan-list, product-list and counts fetches, skipping any whose data is
+ * already cached unless `cacheOverride` is set.
  */
 export const fetchInvoicingCatalogListPageEpic = (actions$, state$) => actions$.pipe(filter(fetchInvoicingCatalogListPage.match), mergeMap((action) => {
     const { cacheOverride, planFilters, productFilters, planSort, productSort, } = action.payload;

package/lib/esm/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewReducer.js

@@ -106,6 +106,26 @@ const invoicingCatalogListView = createSlice({
         updateInvoicingCatalogProductFilters(draft, action) {
             draft.productFilters = action.payload;
         },
+        // Reflect a newly created catalog item in the cached lists + tab counts so
+        // the catalog page shows it without refetching all lists from the server.
+        // Plans land in the plan list; add-ons/one-time-charges in the (single)
+        // product list, split back into tabs client-side by the catalog page.
+        addInvoicingCatalogItem(draft, action) {
+            const { id, type } = action.payload;
+            const isPlan = type === 'plan';
+            const alreadyPresent = (isPlan ? draft.planIds : draft.productIds).includes(id);
+            if (alreadyPresent) {
+                return;
+            }
+            if (isPlan) {
+                draft.planIds = [id, ...draft.planIds];
+            }
+            else {
+                draft.productIds = [id, ...draft.productIds];
+            }
+            draft.counts.all += 1;
+            draft.counts[type] = (draft.counts[type] ?? 0) + 1;
+        },
         fetchInvoicingCatalogListPage: {
             reducer() {
                 // No state mutation; the aggregator epic fans out the plan-list,
@@ -128,5 +148,5 @@ const invoicingCatalogListView = createSlice({
         },
     },
 });
-export const { fetchInvoicingCatalogPlanList, updateInvoicingCatalogPlanList, updateInvoicingCatalogPlanListFailure, fetchInvoicingCatalogProductList, updateInvoicingCatalogProductList, updateInvoicingCatalogProductListFailure, fetchInvoicingCatalogCounts, updateInvoicingCatalogCounts, updateInvoicingCatalogCountsFailure, updateInvoicingCatalogPlanFilters, updateInvoicingCatalogProductFilters, fetchInvoicingCatalogListPage, clearInvoicingCatalogListView, } = invoicingCatalogListView.actions;
+export const { fetchInvoicingCatalogPlanList, updateInvoicingCatalogPlanList, updateInvoicingCatalogPlanListFailure, fetchInvoicingCatalogProductList, updateInvoicingCatalogProductList, updateInvoicingCatalogProductListFailure, fetchInvoicingCatalogCounts, updateInvoicingCatalogCounts, updateInvoicingCatalogCountsFailure, updateInvoicingCatalogPlanFilters, updateInvoicingCatalogProductFilters, addInvoicingCatalogItem, fetchInvoicingCatalogListPage, clearInvoicingCatalogListView, } = invoicingCatalogListView.actions;
 export default invoicingCatalogListView.reducer;

package/lib/esm/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewReducer.js

@@ -80,10 +80,26 @@ const invoicingCustomerListView = createSlice({
         updateInvoicingCustomerFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly created customer in the cached list + tab counts so the
+        // customer page shows the new row without refetching from the server. The
+        // per-status count key mirrors the customer `status` value the counts map
+        // and filter tabs key off (e.g. 'active', 'trial'); it may be unknown at
+        // dispatch time, so bump only `counts.all` when `status` is absent.
+        addInvoicingCustomerToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+            draft.counts.all += 1;
+            if (status != null) {
+                draft.counts[status] = (draft.counts[status] ?? 0) + 1;
+            }
+        },
         clearInvoicingCustomerListView(draft) {
             Object.assign(draft, initialState);
         },
     },
 });
-export const { fetchInvoicingCustomerList, fetchInvoicingCustomerListPage, updateInvoicingCustomerList, updateInvoicingCustomerListFailure, fetchInvoicingCustomerCounts, updateInvoicingCustomerCounts, updateInvoicingCustomerCountsFailure, updateInvoicingCustomerFilters, clearInvoicingCustomerListView, } = invoicingCustomerListView.actions;
+export const { fetchInvoicingCustomerList, fetchInvoicingCustomerListPage, updateInvoicingCustomerList, updateInvoicingCustomerListFailure, fetchInvoicingCustomerCounts, updateInvoicingCustomerCounts, updateInvoicingCustomerCountsFailure, updateInvoicingCustomerFilters, addInvoicingCustomerToList, clearInvoicingCustomerListView, } = invoicingCustomerListView.actions;
 export default invoicingCustomerListView.reducer;

package/lib/esm/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewReducer.js

@@ -80,10 +80,24 @@ const invoicingSubscriptionListView = createSlice({
         updateInvoicingSubscriptionFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly created subscription in the cached list + tab counts so the
+        // subscription page shows it without refetching from the server. The status
+        // doubles as the per-tab count key (tab ids mirror InvoicingSubscriptionStatus).
+        addInvoicingSubscriptionToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+            draft.counts.all += 1;
+            if (status != null) {
+                draft.counts[status] = (draft.counts[status] ?? 0) + 1;
+            }
+        },
         clearInvoicingSubscriptionListView(draft) {
             Object.assign(draft, initialState);
         },
     },
 });
-export const { fetchInvoicingSubscriptionList, fetchInvoicingSubscriptionListPage, updateInvoicingSubscriptionList, updateInvoicingSubscriptionListFailure, fetchInvoicingSubscriptionCounts, updateInvoicingSubscriptionCounts, updateInvoicingSubscriptionCountsFailure, updateInvoicingSubscriptionFilters, clearInvoicingSubscriptionListView, } = invoicingSubscriptionListView.actions;
+export const { fetchInvoicingSubscriptionList, fetchInvoicingSubscriptionListPage, updateInvoicingSubscriptionList, updateInvoicingSubscriptionListFailure, fetchInvoicingSubscriptionCounts, updateInvoicingSubscriptionCounts, updateInvoicingSubscriptionCountsFailure, updateInvoicingSubscriptionFilters, addInvoicingSubscriptionToList, clearInvoicingSubscriptionListView, } = invoicingSubscriptionListView.actions;
 export default invoicingSubscriptionListView.reducer;

package/lib/esm/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewReducer.js

@@ -65,10 +65,20 @@ const invoicingTransactionListView = createSlice({
         updateInvoicingTransactionFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly recorded payment's transaction in the cached list so the
+        // payments page shows it without refetching. The list view has no counts
+        // slice, so we only prepend the id (dedup/no-op if already present).
+        addInvoicingTransactionToList(draft, action) {
+            const id = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+        },
         clearInvoicingTransactionListView(draft) {
             Object.assign(draft, initialState);
         },
     },
 });
-export const { fetchInvoicingTransactionList, fetchInvoicingTransactionListPage, updateInvoicingTransactionList, updateInvoicingTransactionListFailure, updateInvoicingTransactionFilters, clearInvoicingTransactionListView, } = invoicingTransactionListView.actions;
+export const { fetchInvoicingTransactionList, fetchInvoicingTransactionListPage, updateInvoicingTransactionList, updateInvoicingTransactionListFailure, updateInvoicingTransactionFilters, addInvoicingTransactionToList, clearInvoicingTransactionListView, } = invoicingTransactionListView.actions;
 export default invoicingTransactionListView.reducer;

package/lib/esm/view/invoicing/recordPayment/recordPaymentEpic.js

@@ -2,6 +2,7 @@ import { of } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoicingTransactions } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { addInvoicingTransactionToList } from '../invoicingTransactionListView/invoicingTransactionListViewReducer';
 import { localDataToRecordPaymentPayload, } from './recordPaymentPayload';
 import { recordPaymentFailure, recordPaymentSuccess, submitRecordPayment, } from './recordPaymentReducer';
 export const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(submitRecordPayment.match), mergeMap(() => {
@@ -15,6 +16,7 @@ export const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe(fi
         if (isSuccessResponse(response) && response.data != null) {
             return [
                 updateInvoicingTransactions([response.data], 'merge'),
+                addInvoicingTransactionToList(response.data.id),
                 recordPaymentSuccess({ transactionId: response.data.id }),
             ];
         }

package/lib/view/invoicing/couponView/couponViewReducer.d.ts

@@ -1,4 +1,5 @@
 import { ID } from '../../../commonStateTypes/common';
+import { InvoicingCouponStatus } from '../../../entity/invoicing/coupon/couponPayload';
 import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { InvoicingListSort } from '../invoicingApiHelper';
@@ -26,6 +27,9 @@ export declare const fetchInvoicingCouponList: import("@reduxjs/toolkit").Action
     ids: ID[];
     keepExistingListItems: boolean;
     nextCursor: string | null;
-}, "invoicingCouponView/updateInvoicingCouponList">, updateInvoicingCouponListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCouponView/updateInvoicingCouponListFailure">, fetchInvoicingCouponCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCouponView/fetchInvoicingCouponCounts">, updateInvoicingCouponCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCouponView/updateInvoicingCouponCounts">, updateInvoicingCouponCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCouponView/updateInvoicingCouponCountsFailure">, updateInvoicingCouponFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCouponFilters, "invoicingCouponView/updateInvoicingCouponFilters">, clearInvoicingCouponView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCouponView/clearInvoicingCouponView">;
+}, "invoicingCouponView/updateInvoicingCouponList">, updateInvoicingCouponListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCouponView/updateInvoicingCouponListFailure">, fetchInvoicingCouponCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCouponView/fetchInvoicingCouponCounts">, updateInvoicingCouponCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCouponView/updateInvoicingCouponCounts">, updateInvoicingCouponCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCouponView/updateInvoicingCouponCountsFailure">, updateInvoicingCouponFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCouponFilters, "invoicingCouponView/updateInvoicingCouponFilters">, addInvoicingCouponToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    status?: InvoicingCouponStatus;
+}, "invoicingCouponView/addInvoicingCouponToList">, clearInvoicingCouponView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCouponView/clearInvoicingCouponView">;
 declare const _default: import("redux").Reducer<InvoicingCouponViewState>;
 export default _default;

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

@@ -1,8 +1,15 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoicingCouponView = exports.updateInvoicingCouponFilters = exports.updateInvoicingCouponCountsFailure = exports.updateInvoicingCouponCounts = exports.fetchInvoicingCouponCounts = exports.updateInvoicingCouponListFailure = exports.updateInvoicingCouponList = exports.fetchInvoicingCouponListPage = exports.fetchInvoicingCouponList = exports.initialState = void 0;
+exports.clearInvoicingCouponView = exports.addInvoicingCouponToList = exports.updateInvoicingCouponFilters = exports.updateInvoicingCouponCountsFailure = exports.updateInvoicingCouponCounts = exports.fetchInvoicingCouponCounts = exports.updateInvoicingCouponListFailure = exports.updateInvoicingCouponList = exports.fetchInvoicingCouponListPage = exports.fetchInvoicingCouponList = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+// The discounts-list tabs look up counts by tab id ('active' / 'inactive'),
+// while a coupon's status is 'active' | 'expired' | 'archived'. Collapse the
+// non-active statuses onto the 'inactive' tab; a newly created coupon with no
+// status defaults to 'active'.
+function couponStatusToTabCountKey(status) {
+    return status == null || status === 'active' ? 'active' : 'inactive';
+}
 exports.initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -84,10 +91,23 @@ const couponView = (0, toolkit_1.createSlice)({
         updateInvoicingCouponFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly created coupon in the cached discounts list + tab counts
+        // so the list page shows it without refetching from the server. Edits keep
+        // the same id/counts, so only creates dispatch this.
+        addInvoicingCouponToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+            draft.counts.all += 1;
+            const tabCountKey = couponStatusToTabCountKey(status);
+            draft.counts[tabCountKey] = (draft.counts[tabCountKey] ?? 0) + 1;
+        },
         clearInvoicingCouponView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = couponView.actions, exports.fetchInvoicingCouponList = _a.fetchInvoicingCouponList, exports.fetchInvoicingCouponListPage = _a.fetchInvoicingCouponListPage, exports.updateInvoicingCouponList = _a.updateInvoicingCouponList, exports.updateInvoicingCouponListFailure = _a.updateInvoicingCouponListFailure, exports.fetchInvoicingCouponCounts = _a.fetchInvoicingCouponCounts, exports.updateInvoicingCouponCounts = _a.updateInvoicingCouponCounts, exports.updateInvoicingCouponCountsFailure = _a.updateInvoicingCouponCountsFailure, exports.updateInvoicingCouponFilters = _a.updateInvoicingCouponFilters, exports.clearInvoicingCouponView = _a.clearInvoicingCouponView;
+_a = couponView.actions, exports.fetchInvoicingCouponList = _a.fetchInvoicingCouponList, exports.fetchInvoicingCouponListPage = _a.fetchInvoicingCouponListPage, exports.updateInvoicingCouponList = _a.updateInvoicingCouponList, exports.updateInvoicingCouponListFailure = _a.updateInvoicingCouponListFailure, exports.fetchInvoicingCouponCounts = _a.fetchInvoicingCouponCounts, exports.updateInvoicingCouponCounts = _a.updateInvoicingCouponCounts, exports.updateInvoicingCouponCountsFailure = _a.updateInvoicingCouponCountsFailure, exports.updateInvoicingCouponFilters = _a.updateInvoicingCouponFilters, exports.addInvoicingCouponToList = _a.addInvoicingCouponToList, exports.clearInvoicingCouponView = _a.clearInvoicingCouponView;
 exports.default = couponView.reducer;

package/lib/view/invoicing/createInvoice/createInvoiceEpic.d.ts

@@ -4,6 +4,7 @@ import { updateAddresses } from '../../../entity/address/addressReducer';
 import { updateInvoices } from '../../../entity/invoicing/invoice/invoiceReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
+import { addInvoiceToList } from '../invoiceList/invoiceListReducer';
 import { createInvoice, createInvoiceFailure, createInvoiceSuccess } from './createInvoiceReducer';
-export type ActionType = ReturnType<typeof createInvoice> | ReturnType<typeof createInvoiceSuccess> | ReturnType<typeof createInvoiceFailure> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoices>;
+export type ActionType = ReturnType<typeof createInvoice> | ReturnType<typeof createInvoiceSuccess> | ReturnType<typeof createInvoiceFailure> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoices> | ReturnType<typeof addInvoiceToList>;
 export declare const createInvoiceEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -7,6 +7,7 @@ const addressReducer_1 = require("../../../entity/address/addressReducer");
 const invoicePayload_1 = require("../../../entity/invoicing/invoice/invoicePayload");
 const invoiceReducer_1 = require("../../../entity/invoicing/invoice/invoiceReducer");
 const responsePayload_1 = require("../../../responsePayload");
+const invoiceListReducer_1 = require("../invoiceList/invoiceListReducer");
 const createInvoiceReducer_1 = require("./createInvoiceReducer");
 const createInvoiceEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(createInvoiceReducer_1.createInvoice.match), (0, operators_1.mergeMap)((action) => {
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/invoices`;
@@ -19,6 +20,10 @@ const createInvoiceEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, oper
             return [
                 (0, invoiceReducer_1.updateInvoices)([response.data], 'merge'),
                 (0, addressReducer_1.updateAddresses)((0, invoicePayload_1.extractInvoicingInvoiceAddresses)([response.data])),
+                (0, invoiceListReducer_1.addInvoiceToList)({
+                    id: response.data.id,
+                    status: response.data.status,
+                }),
                 (0, createInvoiceReducer_1.createInvoiceSuccess)({ invoiceId: response.data.id }),
             ];
         }

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/saveInvoicingCatalogItemEpic.d.ts

@@ -3,7 +3,8 @@ import { Observable } from 'rxjs';
 import { updateInvoicingPlans } from '../../../entity/invoicing/plan/planReducer';
 import { updateInvoicingProducts } from '../../../entity/invoicing/product/productReducer';
 import { RootState } from '../../../reducer';
+import { addInvoicingCatalogItem } from '../invoicingCatalogListView/invoicingCatalogListViewReducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { saveInvoicingCatalogItem, submitInvoicingCatalogItemForm, submitInvoicingCatalogItemFormFailure, submitInvoicingCatalogItemFormSuccess } from './editInvoicingCatalogItemDetailViewReducer';
-export type ActionType = ReturnType<typeof submitInvoicingCatalogItemForm> | ReturnType<typeof saveInvoicingCatalogItem> | ReturnType<typeof submitInvoicingCatalogItemFormSuccess> | ReturnType<typeof submitInvoicingCatalogItemFormFailure> | ReturnType<typeof updateInvoicingPlans> | ReturnType<typeof updateInvoicingProducts>;
+export type ActionType = ReturnType<typeof submitInvoicingCatalogItemForm> | ReturnType<typeof saveInvoicingCatalogItem> | ReturnType<typeof submitInvoicingCatalogItemFormSuccess> | ReturnType<typeof submitInvoicingCatalogItemFormFailure> | ReturnType<typeof updateInvoicingPlans> | ReturnType<typeof updateInvoicingProducts> | ReturnType<typeof addInvoicingCatalogItem>;
 export declare const saveInvoicingCatalogItemEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/saveInvoicingCatalogItemEpic.js

@@ -6,6 +6,7 @@ const operators_1 = require("rxjs/operators");
 const planReducer_1 = require("../../../entity/invoicing/plan/planReducer");
 const productReducer_1 = require("../../../entity/invoicing/product/productReducer");
 const responsePayload_1 = require("../../../responsePayload");
+const invoicingCatalogListViewReducer_1 = require("../invoicingCatalogListView/invoicingCatalogListViewReducer");
 const editInvoicingCatalogItemDetailViewPayload_1 = require("./editInvoicingCatalogItemDetailViewPayload");
 const editInvoicingCatalogItemDetailViewReducer_1 = require("./editInvoicingCatalogItemDetailViewReducer");
 const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)((action) => editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemForm.match(action) ||
@@ -42,13 +43,26 @@ const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actions$.pip
             const entityAction = kind === 'plan'
                 ? (0, planReducer_1.updateInvoicingPlans)([response.data], 'merge')
                 : (0, productReducer_1.updateInvoicingProducts)([response.data], 'merge');
-            return [
+            const resultActions = [
                 entityAction,
                 (0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormSuccess)({
                     itemId: response.data.id,
                     kind,
                 }),
             ];
+            // Create (no id): reflect the new row + tab counts in the cached
+            // catalog lists so the list page shows it without a refetch. Edits
+            // keep the same id/counts, so the entity merge above is enough.
+            if (id == null) {
+                const itemType = kind === 'plan'
+                    ? 'plan'
+                    : response.data.item_type ===
+                        'charge'
+                        ? 'charge'
+                        : 'addon';
+                resultActions.push((0, invoicingCatalogListViewReducer_1.addInvoicingCatalogItem)({ id: response.data.id, type: itemType }));
+            }
+            return resultActions;
         }
         return (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)(response.status));
     }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save catalog item REST API call errored out ' +

package/lib/view/invoicing/editInvoicingCouponDetailView/saveInvoicingCouponEpic.d.ts

@@ -2,7 +2,8 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
 import { RootState } from '../../../reducer';
+import { addInvoicingCouponToList } from '../couponView/couponViewReducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { saveInvoicingCoupon, submitInvoicingCouponForm, submitInvoicingCouponFormFailure, submitInvoicingCouponFormSuccess } from './editInvoicingCouponDetailViewReducer';
-export type ActionType = ReturnType<typeof submitInvoicingCouponForm> | ReturnType<typeof saveInvoicingCoupon> | ReturnType<typeof submitInvoicingCouponFormSuccess> | ReturnType<typeof submitInvoicingCouponFormFailure> | ReturnType<typeof updateInvoicingCoupons>;
+export type ActionType = ReturnType<typeof submitInvoicingCouponForm> | ReturnType<typeof saveInvoicingCoupon> | ReturnType<typeof submitInvoicingCouponFormSuccess> | ReturnType<typeof submitInvoicingCouponFormFailure> | ReturnType<typeof updateInvoicingCoupons> | ReturnType<typeof addInvoicingCouponToList>;
 export declare const saveInvoicingCouponEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/editInvoicingCouponDetailView/saveInvoicingCouponEpic.js

@@ -5,6 +5,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const couponReducer_1 = require("../../../entity/invoicing/coupon/couponReducer");
 const responsePayload_1 = require("../../../responsePayload");
+const couponViewReducer_1 = require("../couponView/couponViewReducer");
 const editInvoicingCouponDetailViewPayload_1 = require("./editInvoicingCouponDetailViewPayload");
 const editInvoicingCouponDetailViewReducer_1 = require("./editInvoicingCouponDetailViewReducer");
 const saveInvoicingCouponEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)((action) => editInvoicingCouponDetailViewReducer_1.submitInvoicingCouponForm.match(action) ||
@@ -29,10 +30,21 @@ const saveInvoicingCouponEpic = (actions$, state$, zeniAPI) => actions$.pipe((0,
         : zeniAPI.postAndGetJSON(path, { ...data });
     return request$.pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            return [
-                (0, couponReducer_1.updateInvoicingCoupons)([response.data], 'merge'),
-                (0, editInvoicingCouponDetailViewReducer_1.submitInvoicingCouponFormSuccess)({ couponId: response.data.id }),
+            const couponPayload = response.data;
+            const resultActions = [
+                (0, couponReducer_1.updateInvoicingCoupons)([couponPayload], 'merge'),
+                (0, editInvoicingCouponDetailViewReducer_1.submitInvoicingCouponFormSuccess)({ couponId: couponPayload.id }),
             ];
+            // Create (no id): reflect the new row + tab counts in the cached
+            // discounts list so it shows without a refetch. Edits keep the same
+            // id/counts, so the entity merge above is enough.
+            if (id == null) {
+                resultActions.push((0, couponViewReducer_1.addInvoicingCouponToList)({
+                    id: couponPayload.id,
+                    status: couponPayload.status,
+                }));
+            }
+            return resultActions;
         }
         return (0, rxjs_1.of)((0, editInvoicingCouponDetailViewReducer_1.submitInvoicingCouponFormFailure)(response.status));
     }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCouponDetailViewReducer_1.submitInvoicingCouponFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save coupon REST API call errored out ' + JSON.stringify(error))))));

package/lib/view/invoicing/editInvoicingCustomerDetailView/saveInvoicingCustomerEpic.d.ts

@@ -5,6 +5,7 @@ import { updateInvoicingCustomers } from '../../../entity/invoicing/invoicingCus
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
+import { addInvoicingCustomerToList } from '../invoicingCustomerListView/invoicingCustomerListViewReducer';
 import { submitInvoicingCustomerForm, submitInvoicingCustomerFormFailure, submitInvoicingCustomerFormSuccess } from './editInvoicingCustomerDetailViewReducer';
-export type ActionType = ReturnType<typeof submitInvoicingCustomerForm> | ReturnType<typeof submitInvoicingCustomerFormSuccess> | ReturnType<typeof submitInvoicingCustomerFormFailure> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingCustomers>;
+export type ActionType = ReturnType<typeof submitInvoicingCustomerForm> | ReturnType<typeof submitInvoicingCustomerFormSuccess> | ReturnType<typeof submitInvoicingCustomerFormFailure> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingCustomers> | ReturnType<typeof addInvoicingCustomerToList>;
 export declare const saveInvoicingCustomerEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/editInvoicingCustomerDetailView/saveInvoicingCustomerEpic.js

@@ -8,6 +8,7 @@ const invoicingCustomerPayload_1 = require("../../../entity/invoicing/invoicingC
 const invoicingCustomerReducer_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const addressViewReducer_1 = require("../../addressView/addressViewReducer");
+const invoicingCustomerListViewReducer_1 = require("../invoicingCustomerListView/invoicingCustomerListViewReducer");
 const editInvoicingCustomerDetailViewPayload_1 = require("./editInvoicingCustomerDetailViewPayload");
 const invoicingCustomerFormConfig_1 = require("./invoicingCustomerFormConfig");
 const editInvoicingCustomerDetailViewReducer_1 = require("./editInvoicingCustomerDetailViewReducer");
@@ -28,7 +29,7 @@ const saveInvoicingCustomerEpic = (actions$, state$, zeniAPI) => actions$.pipe((
         : zeniAPI.postAndGetJSON(`${baseUrl}/customers`, { ...data });
     return request$.pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            return [
+            const resultActions = [
                 (0, invoicingCustomerReducer_1.updateInvoicingCustomers)([response.data], 'merge'),
                 (0, addressReducer_1.updateAddresses)((0, invoicingCustomerPayload_1.extractInvoicingCustomerAddresses)([response.data])),
                 (0, editInvoicingCustomerDetailViewReducer_1.submitInvoicingCustomerFormSuccess)({
@@ -37,6 +38,16 @@ const saveInvoicingCustomerEpic = (actions$, state$, zeniAPI) => actions$.pipe((
                 // Clear the stashed address so the next customer starts fresh.
                 (0, addressViewReducer_1.resetNewAddressDataInLocalStore)(invoicingCustomerFormConfig_1.INVOICING_CUSTOMER_BILLING_ADDRESS_TYPE),
             ];
+            // Create (no id): reflect the new row + tab counts in the cached
+            // customer list so the list page shows it without a refetch. Edits
+            // keep the same id/counts, so the entity merge above is enough.
+            if (id == null) {
+                resultActions.push((0, invoicingCustomerListViewReducer_1.addInvoicingCustomerToList)({
+                    id: response.data.id,
+                    status: response.data.status,
+                }));
+            }
+            return resultActions;
         }
         return (0, rxjs_1.of)((0, editInvoicingCustomerDetailViewReducer_1.submitInvoicingCustomerFormFailure)(response.status));
     }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCustomerDetailViewReducer_1.submitInvoicingCustomerFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save customer REST API call errored out ' +

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/saveInvoicingSubscriptionEpic.d.ts

@@ -5,6 +5,7 @@ import { updateInvoicingSubscriptions } from '../../../entity/invoicing/invoicin
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
+import { addInvoicingSubscriptionToList } from '../invoicingSubscriptionListView/invoicingSubscriptionListViewReducer';
 import { submitInvoicingSubscriptionForm, submitInvoicingSubscriptionFormFailure, submitInvoicingSubscriptionFormSuccess } from './editInvoicingSubscriptionDetailViewReducer';
-export type ActionType = ReturnType<typeof submitInvoicingSubscriptionForm> | ReturnType<typeof submitInvoicingSubscriptionFormSuccess> | ReturnType<typeof submitInvoicingSubscriptionFormFailure> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingSubscriptions>;
+export type ActionType = ReturnType<typeof submitInvoicingSubscriptionForm> | ReturnType<typeof submitInvoicingSubscriptionFormSuccess> | ReturnType<typeof submitInvoicingSubscriptionFormFailure> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingSubscriptions> | ReturnType<typeof addInvoicingSubscriptionToList>;
 export declare const saveInvoicingSubscriptionEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/saveInvoicingSubscriptionEpic.js

@@ -8,6 +8,7 @@ const invoicingSubscriptionPayload_1 = require("../../../entity/invoicing/invoic
 const invoicingSubscriptionReducer_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const addressViewReducer_1 = require("../../addressView/addressViewReducer");
+const invoicingSubscriptionListViewReducer_1 = require("../invoicingSubscriptionListView/invoicingSubscriptionListViewReducer");
 const editInvoicingSubscriptionDetailViewPayload_1 = require("./editInvoicingSubscriptionDetailViewPayload");
 const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormConfig");
 const editInvoicingSubscriptionDetailViewReducer_1 = require("./editInvoicingSubscriptionDetailViewReducer");
@@ -28,7 +29,7 @@ const saveInvoicingSubscriptionEpic = (actions$, state$, zeniAPI) => actions$.pi
         : zeniAPI.postAndGetJSON(`${baseUrl}/subscriptions`, { ...data });
     return request$.pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            return [
+            const resultActions = [
                 (0, invoicingSubscriptionReducer_1.updateInvoicingSubscriptions)([response.data], 'merge'),
                 (0, addressReducer_1.updateAddresses)((0, invoicingSubscriptionPayload_1.extractInvoicingSubscriptionAddresses)([response.data])),
                 (0, editInvoicingSubscriptionDetailViewReducer_1.submitInvoicingSubscriptionFormSuccess)({
@@ -37,6 +38,16 @@ const saveInvoicingSubscriptionEpic = (actions$, state$, zeniAPI) => actions$.pi
                 // Clear the stashed address so the next subscription starts fresh.
                 (0, addressViewReducer_1.resetNewAddressDataInLocalStore)(invoicingSubscriptionFormConfig_1.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE),
             ];
+            // Create (no id): reflect the new row + tab counts in the cached list
+            // so the list page shows it without a refetch. Edits keep the same
+            // id/counts, so the entity merge above is enough.
+            if (id == null) {
+                resultActions.push((0, invoicingSubscriptionListViewReducer_1.addInvoicingSubscriptionToList)({
+                    id: response.data.id,
+                    status: response.data.status,
+                }));
+            }
+            return resultActions;
         }
         return (0, rxjs_1.of)((0, editInvoicingSubscriptionDetailViewReducer_1.submitInvoicingSubscriptionFormFailure)(response.status));
     }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingSubscriptionDetailViewReducer_1.submitInvoicingSubscriptionFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save subscription REST API call errored out ' +

package/lib/view/invoicing/invoiceList/invoiceListReducer.d.ts

@@ -1,4 +1,5 @@
-import { InvoicingInvoicePayload } from '../../../entity/invoicing/invoice/invoicePayload';
+import { ID } from '../../../commonStateTypes/common';
+import { InvoicingInvoicePayload, InvoicingInvoiceStatus } from '../../../entity/invoicing/invoice/invoicePayload';
 import { InvoicingInvoiceKPIs } from '../../../entity/invoicing/invoice/invoiceState';
 import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
 import { ZeniAPIStatus } from '../../../responsePayload';
@@ -39,6 +40,9 @@ export declare const fetchInvoiceList: import("@reduxjs/toolkit").ActionCreatorW
     invoices: InvoicingInvoicePayload[];
     keepExistingListItems: boolean;
     nextCursor: string | null;
-}, "invoicingInvoiceList/updateInvoiceList">, updateInvoiceListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingInvoiceList/updateInvoiceListFailure">, fetchInvoiceCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingInvoiceList/fetchInvoiceCounts">, updateInvoiceCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingInvoiceList/updateInvoiceCounts">, updateInvoiceCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingInvoiceList/updateInvoiceCountsFailure">, fetchInvoiceKPIs: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingInvoiceList/fetchInvoiceKPIs">, updateInvoiceKPIs: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingInvoiceKPIs, "invoicingInvoiceList/updateInvoiceKPIs">, updateInvoiceKPIsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingInvoiceList/updateInvoiceKPIsFailure">, updateInvoiceListFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoiceListFilters, "invoicingInvoiceList/updateInvoiceListFilters">, clearInvoiceList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingInvoiceList/clearInvoiceList">;
+}, "invoicingInvoiceList/updateInvoiceList">, updateInvoiceListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingInvoiceList/updateInvoiceListFailure">, fetchInvoiceCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingInvoiceList/fetchInvoiceCounts">, updateInvoiceCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingInvoiceList/updateInvoiceCounts">, updateInvoiceCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingInvoiceList/updateInvoiceCountsFailure">, fetchInvoiceKPIs: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingInvoiceList/fetchInvoiceKPIs">, updateInvoiceKPIs: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingInvoiceKPIs, "invoicingInvoiceList/updateInvoiceKPIs">, updateInvoiceKPIsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingInvoiceList/updateInvoiceKPIsFailure">, updateInvoiceListFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoiceListFilters, "invoicingInvoiceList/updateInvoiceListFilters">, addInvoiceToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    status: InvoicingInvoiceStatus;
+}, "invoicingInvoiceList/addInvoiceToList">, clearInvoiceList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingInvoiceList/clearInvoiceList">;
 declare const _default: import("redux").Reducer<InvoiceListState>;
 export default _default;

package/lib/view/invoicing/invoiceList/invoiceListReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoiceList = exports.updateInvoiceListFilters = exports.updateInvoiceKPIsFailure = exports.updateInvoiceKPIs = exports.fetchInvoiceKPIs = exports.updateInvoiceCountsFailure = exports.updateInvoiceCounts = exports.fetchInvoiceCounts = exports.updateInvoiceListFailure = exports.updateInvoiceList = exports.fetchInvoiceListPage = exports.fetchInvoiceList = exports.initialState = exports.sameInvoiceListQuery = void 0;
+exports.clearInvoiceList = exports.addInvoiceToList = exports.updateInvoiceListFilters = exports.updateInvoiceKPIsFailure = exports.updateInvoiceKPIs = exports.fetchInvoiceKPIs = exports.updateInvoiceCountsFailure = exports.updateInvoiceCounts = exports.fetchInvoiceCounts = exports.updateInvoiceListFailure = exports.updateInvoiceList = exports.fetchInvoiceListPage = exports.fetchInvoiceList = exports.initialState = exports.sameInvoiceListQuery = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 /**
  * Whether two invoice-list queries (filters + sort) would return the same list.
@@ -122,10 +122,24 @@ const invoiceList = (0, toolkit_1.createSlice)({
         updateInvoiceListFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly created invoice in the cached list + tab counts so the
+        // invoices page shows it without refetching from the server. Bumps the
+        // `all` total and the per-status count key the tabs read (a create is
+        // typically `draft`). KPIs are money aggregates (Amount, not a plain
+        // increment), so they are left untouched and refetched lazily.
+        addInvoiceToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.invoiceIds.includes(id)) {
+                return;
+            }
+            draft.invoiceIds = [id, ...draft.invoiceIds];
+            draft.counts.all += 1;
+            draft.counts[status] = (draft.counts[status] ?? 0) + 1;
+        },
         clearInvoiceList(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = invoiceList.actions, exports.fetchInvoiceList = _a.fetchInvoiceList, exports.fetchInvoiceListPage = _a.fetchInvoiceListPage, exports.updateInvoiceList = _a.updateInvoiceList, exports.updateInvoiceListFailure = _a.updateInvoiceListFailure, exports.fetchInvoiceCounts = _a.fetchInvoiceCounts, exports.updateInvoiceCounts = _a.updateInvoiceCounts, exports.updateInvoiceCountsFailure = _a.updateInvoiceCountsFailure, exports.fetchInvoiceKPIs = _a.fetchInvoiceKPIs, exports.updateInvoiceKPIs = _a.updateInvoiceKPIs, exports.updateInvoiceKPIsFailure = _a.updateInvoiceKPIsFailure, exports.updateInvoiceListFilters = _a.updateInvoiceListFilters, exports.clearInvoiceList = _a.clearInvoiceList;
+_a = invoiceList.actions, exports.fetchInvoiceList = _a.fetchInvoiceList, exports.fetchInvoiceListPage = _a.fetchInvoiceListPage, exports.updateInvoiceList = _a.updateInvoiceList, exports.updateInvoiceListFailure = _a.updateInvoiceListFailure, exports.fetchInvoiceCounts = _a.fetchInvoiceCounts, exports.updateInvoiceCounts = _a.updateInvoiceCounts, exports.updateInvoiceCountsFailure = _a.updateInvoiceCountsFailure, exports.fetchInvoiceKPIs = _a.fetchInvoiceKPIs, exports.updateInvoiceKPIs = _a.updateInvoiceKPIs, exports.updateInvoiceKPIsFailure = _a.updateInvoiceKPIsFailure, exports.updateInvoiceListFilters = _a.updateInvoiceListFilters, exports.addInvoiceToList = _a.addInvoiceToList, exports.clearInvoiceList = _a.clearInvoiceList;
 exports.default = invoiceList.reducer;

package/lib/view/invoicing/invoicingCatalogListView/epics/fetchInvoicingCatalogListPageEpic.d.ts

@@ -11,7 +11,7 @@ import { fetchInvoicingCatalogCounts, fetchInvoicingCatalogListPage, fetchInvoic
 export type ActionType = ReturnType<typeof fetchInvoicingCatalogPlanList> | ReturnType<typeof fetchInvoicingCatalogProductList> | ReturnType<typeof fetchInvoicingCatalogListPage> | ReturnType<typeof fetchInvoicingCatalogCounts> | ReturnType<typeof updateInvoicingCatalogPlanList> | ReturnType<typeof updateInvoicingCatalogPlanListFailure> | ReturnType<typeof updateInvoicingCatalogProductList> | ReturnType<typeof updateInvoicingCatalogProductListFailure> | ReturnType<typeof updateInvoicingCatalogCounts> | ReturnType<typeof updateInvoicingCatalogCountsFailure> | ReturnType<typeof updateInvoicingPlans> | ReturnType<typeof updateInvoicingProducts>;
 /**
  * Orchestrates the catalog page: on `fetchInvoicingCatalogListPage`, fans out to
- * the plan-list, product-list, counts fetches, skipping any whose data
- * is already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ * the plan-list, product-list and counts fetches, skipping any whose data is
+ * already cached unless `cacheOverride` is set.
  */
 export declare const fetchInvoicingCatalogListPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/invoicing/invoicingCatalogListView/epics/fetchInvoicingCatalogListPageEpic.js

@@ -6,15 +6,17 @@ const operators_1 = require("rxjs/operators");
 const invoicingCatalogListViewReducer_1 = require("../invoicingCatalogListViewReducer");
 /**
  * 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).
+ * caller forces a refresh via `cacheOverride`. The web layer sets
+ * `cacheOverride` per use case: false to reuse cached data (page revisit, tab
+ * switch), true to force a reload (search/sort change).
  */
 const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
     (fetchStateAndError.fetchState !== 'Completed' &&
         fetchStateAndError.fetchState !== 'In-Progress');
 /**
  * Orchestrates the catalog page: on `fetchInvoicingCatalogListPage`, fans out to
- * the plan-list, product-list, counts fetches, skipping any whose data
- * is already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ * the plan-list, product-list and counts fetches, skipping any whose data is
+ * already cached unless `cacheOverride` is set.
  */
 const fetchInvoicingCatalogListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoicingCatalogListViewReducer_1.fetchInvoicingCatalogListPage.match), (0, operators_1.mergeMap)((action) => {
     const { cacheOverride, planFilters, productFilters, planSort, productSort, } = action.payload;

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewReducer.d.ts

@@ -32,7 +32,10 @@ export declare const fetchInvoicingCatalogPlanList: import("@reduxjs/toolkit").A
     ids: ID[];
     keepExistingListItems: boolean;
     nextCursor: string | null;
-}, "invoicingCatalogListView/updateInvoicingCatalogProductList">, updateInvoicingCatalogProductListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogListView/updateInvoicingCatalogProductListFailure">, fetchInvoicingCatalogCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCatalogListView/fetchInvoicingCatalogCounts">, updateInvoicingCatalogCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCatalogListView/updateInvoicingCatalogCounts">, updateInvoicingCatalogCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogListView/updateInvoicingCatalogCountsFailure">, updateInvoicingCatalogPlanFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCatalogPlanFilters, "invoicingCatalogListView/updateInvoicingCatalogPlanFilters">, updateInvoicingCatalogProductFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCatalogProductFilters, "invoicingCatalogListView/updateInvoicingCatalogProductFilters">, fetchInvoicingCatalogListPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+}, "invoicingCatalogListView/updateInvoicingCatalogProductList">, updateInvoicingCatalogProductListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogListView/updateInvoicingCatalogProductListFailure">, fetchInvoicingCatalogCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCatalogListView/fetchInvoicingCatalogCounts">, updateInvoicingCatalogCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCatalogListView/updateInvoicingCatalogCounts">, updateInvoicingCatalogCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogListView/updateInvoicingCatalogCountsFailure">, updateInvoicingCatalogPlanFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCatalogPlanFilters, "invoicingCatalogListView/updateInvoicingCatalogPlanFilters">, updateInvoicingCatalogProductFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCatalogProductFilters, "invoicingCatalogListView/updateInvoicingCatalogProductFilters">, addInvoicingCatalogItem: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    type: "addon" | "charge" | "plan";
+}, "invoicingCatalogListView/addInvoicingCatalogItem">, fetchInvoicingCatalogListPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
     cacheOverride?: boolean;
     planFilters?: InvoicingCatalogPlanFilters;
     planSort?: InvoicingListSort;

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoicingCatalogListView = exports.fetchInvoicingCatalogListPage = exports.updateInvoicingCatalogProductFilters = exports.updateInvoicingCatalogPlanFilters = exports.updateInvoicingCatalogCountsFailure = exports.updateInvoicingCatalogCounts = exports.fetchInvoicingCatalogCounts = exports.updateInvoicingCatalogProductListFailure = exports.updateInvoicingCatalogProductList = exports.fetchInvoicingCatalogProductList = exports.updateInvoicingCatalogPlanListFailure = exports.updateInvoicingCatalogPlanList = exports.fetchInvoicingCatalogPlanList = exports.initialState = void 0;
+exports.clearInvoicingCatalogListView = exports.fetchInvoicingCatalogListPage = exports.addInvoicingCatalogItem = exports.updateInvoicingCatalogProductFilters = exports.updateInvoicingCatalogPlanFilters = exports.updateInvoicingCatalogCountsFailure = exports.updateInvoicingCatalogCounts = exports.fetchInvoicingCatalogCounts = exports.updateInvoicingCatalogProductListFailure = exports.updateInvoicingCatalogProductList = exports.fetchInvoicingCatalogProductList = exports.updateInvoicingCatalogPlanListFailure = exports.updateInvoicingCatalogPlanList = exports.fetchInvoicingCatalogPlanList = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialState = {
     fetchState: 'Not-Started',
@@ -110,6 +110,26 @@ const invoicingCatalogListView = (0, toolkit_1.createSlice)({
         updateInvoicingCatalogProductFilters(draft, action) {
             draft.productFilters = action.payload;
         },
+        // Reflect a newly created catalog item in the cached lists + tab counts so
+        // the catalog page shows it without refetching all lists from the server.
+        // Plans land in the plan list; add-ons/one-time-charges in the (single)
+        // product list, split back into tabs client-side by the catalog page.
+        addInvoicingCatalogItem(draft, action) {
+            const { id, type } = action.payload;
+            const isPlan = type === 'plan';
+            const alreadyPresent = (isPlan ? draft.planIds : draft.productIds).includes(id);
+            if (alreadyPresent) {
+                return;
+            }
+            if (isPlan) {
+                draft.planIds = [id, ...draft.planIds];
+            }
+            else {
+                draft.productIds = [id, ...draft.productIds];
+            }
+            draft.counts.all += 1;
+            draft.counts[type] = (draft.counts[type] ?? 0) + 1;
+        },
         fetchInvoicingCatalogListPage: {
             reducer() {
                 // No state mutation; the aggregator epic fans out the plan-list,
@@ -132,5 +152,5 @@ const invoicingCatalogListView = (0, toolkit_1.createSlice)({
         },
     },
 });
-_a = invoicingCatalogListView.actions, exports.fetchInvoicingCatalogPlanList = _a.fetchInvoicingCatalogPlanList, exports.updateInvoicingCatalogPlanList = _a.updateInvoicingCatalogPlanList, exports.updateInvoicingCatalogPlanListFailure = _a.updateInvoicingCatalogPlanListFailure, exports.fetchInvoicingCatalogProductList = _a.fetchInvoicingCatalogProductList, exports.updateInvoicingCatalogProductList = _a.updateInvoicingCatalogProductList, exports.updateInvoicingCatalogProductListFailure = _a.updateInvoicingCatalogProductListFailure, exports.fetchInvoicingCatalogCounts = _a.fetchInvoicingCatalogCounts, exports.updateInvoicingCatalogCounts = _a.updateInvoicingCatalogCounts, exports.updateInvoicingCatalogCountsFailure = _a.updateInvoicingCatalogCountsFailure, exports.updateInvoicingCatalogPlanFilters = _a.updateInvoicingCatalogPlanFilters, exports.updateInvoicingCatalogProductFilters = _a.updateInvoicingCatalogProductFilters, exports.fetchInvoicingCatalogListPage = _a.fetchInvoicingCatalogListPage, exports.clearInvoicingCatalogListView = _a.clearInvoicingCatalogListView;
+_a = invoicingCatalogListView.actions, exports.fetchInvoicingCatalogPlanList = _a.fetchInvoicingCatalogPlanList, exports.updateInvoicingCatalogPlanList = _a.updateInvoicingCatalogPlanList, exports.updateInvoicingCatalogPlanListFailure = _a.updateInvoicingCatalogPlanListFailure, exports.fetchInvoicingCatalogProductList = _a.fetchInvoicingCatalogProductList, exports.updateInvoicingCatalogProductList = _a.updateInvoicingCatalogProductList, exports.updateInvoicingCatalogProductListFailure = _a.updateInvoicingCatalogProductListFailure, exports.fetchInvoicingCatalogCounts = _a.fetchInvoicingCatalogCounts, exports.updateInvoicingCatalogCounts = _a.updateInvoicingCatalogCounts, exports.updateInvoicingCatalogCountsFailure = _a.updateInvoicingCatalogCountsFailure, exports.updateInvoicingCatalogPlanFilters = _a.updateInvoicingCatalogPlanFilters, exports.updateInvoicingCatalogProductFilters = _a.updateInvoicingCatalogProductFilters, exports.addInvoicingCatalogItem = _a.addInvoicingCatalogItem, exports.fetchInvoicingCatalogListPage = _a.fetchInvoicingCatalogListPage, exports.clearInvoicingCatalogListView = _a.clearInvoicingCatalogListView;
 exports.default = invoicingCatalogListView.reducer;

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewReducer.d.ts

@@ -26,6 +26,9 @@ export declare const fetchInvoicingCustomerList: import("@reduxjs/toolkit").Acti
     ids: ID[];
     keepExistingListItems: boolean;
     nextCursor: string | null;
-}, "invoicingCustomerListView/updateInvoicingCustomerList">, updateInvoicingCustomerListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerListView/updateInvoicingCustomerListFailure">, fetchInvoicingCustomerCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerListView/fetchInvoicingCustomerCounts">, updateInvoicingCustomerCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCustomerListView/updateInvoicingCustomerCounts">, updateInvoicingCustomerCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerListView/updateInvoicingCustomerCountsFailure">, updateInvoicingCustomerFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCustomerFilters, "invoicingCustomerListView/updateInvoicingCustomerFilters">, clearInvoicingCustomerListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerListView/clearInvoicingCustomerListView">;
+}, "invoicingCustomerListView/updateInvoicingCustomerList">, updateInvoicingCustomerListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerListView/updateInvoicingCustomerListFailure">, fetchInvoicingCustomerCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerListView/fetchInvoicingCustomerCounts">, updateInvoicingCustomerCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCustomerListView/updateInvoicingCustomerCounts">, updateInvoicingCustomerCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerListView/updateInvoicingCustomerCountsFailure">, updateInvoicingCustomerFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCustomerFilters, "invoicingCustomerListView/updateInvoicingCustomerFilters">, addInvoicingCustomerToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    status?: string;
+}, "invoicingCustomerListView/addInvoicingCustomerToList">, clearInvoicingCustomerListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerListView/clearInvoicingCustomerListView">;
 declare const _default: import("redux").Reducer<InvoicingCustomerListViewState>;
 export default _default;

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoicingCustomerListView = exports.updateInvoicingCustomerFilters = exports.updateInvoicingCustomerCountsFailure = exports.updateInvoicingCustomerCounts = exports.fetchInvoicingCustomerCounts = exports.updateInvoicingCustomerListFailure = exports.updateInvoicingCustomerList = exports.fetchInvoicingCustomerListPage = exports.fetchInvoicingCustomerList = exports.initialState = void 0;
+exports.clearInvoicingCustomerListView = exports.addInvoicingCustomerToList = exports.updateInvoicingCustomerFilters = exports.updateInvoicingCustomerCountsFailure = exports.updateInvoicingCustomerCounts = exports.fetchInvoicingCustomerCounts = exports.updateInvoicingCustomerListFailure = exports.updateInvoicingCustomerList = exports.fetchInvoicingCustomerListPage = exports.fetchInvoicingCustomerList = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialState = {
     fetchState: 'Not-Started',
@@ -84,10 +84,26 @@ const invoicingCustomerListView = (0, toolkit_1.createSlice)({
         updateInvoicingCustomerFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly created customer in the cached list + tab counts so the
+        // customer page shows the new row without refetching from the server. The
+        // per-status count key mirrors the customer `status` value the counts map
+        // and filter tabs key off (e.g. 'active', 'trial'); it may be unknown at
+        // dispatch time, so bump only `counts.all` when `status` is absent.
+        addInvoicingCustomerToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+            draft.counts.all += 1;
+            if (status != null) {
+                draft.counts[status] = (draft.counts[status] ?? 0) + 1;
+            }
+        },
         clearInvoicingCustomerListView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = invoicingCustomerListView.actions, exports.fetchInvoicingCustomerList = _a.fetchInvoicingCustomerList, exports.fetchInvoicingCustomerListPage = _a.fetchInvoicingCustomerListPage, exports.updateInvoicingCustomerList = _a.updateInvoicingCustomerList, exports.updateInvoicingCustomerListFailure = _a.updateInvoicingCustomerListFailure, exports.fetchInvoicingCustomerCounts = _a.fetchInvoicingCustomerCounts, exports.updateInvoicingCustomerCounts = _a.updateInvoicingCustomerCounts, exports.updateInvoicingCustomerCountsFailure = _a.updateInvoicingCustomerCountsFailure, exports.updateInvoicingCustomerFilters = _a.updateInvoicingCustomerFilters, exports.clearInvoicingCustomerListView = _a.clearInvoicingCustomerListView;
+_a = invoicingCustomerListView.actions, exports.fetchInvoicingCustomerList = _a.fetchInvoicingCustomerList, exports.fetchInvoicingCustomerListPage = _a.fetchInvoicingCustomerListPage, exports.updateInvoicingCustomerList = _a.updateInvoicingCustomerList, exports.updateInvoicingCustomerListFailure = _a.updateInvoicingCustomerListFailure, exports.fetchInvoicingCustomerCounts = _a.fetchInvoicingCustomerCounts, exports.updateInvoicingCustomerCounts = _a.updateInvoicingCustomerCounts, exports.updateInvoicingCustomerCountsFailure = _a.updateInvoicingCustomerCountsFailure, exports.updateInvoicingCustomerFilters = _a.updateInvoicingCustomerFilters, exports.addInvoicingCustomerToList = _a.addInvoicingCustomerToList, exports.clearInvoicingCustomerListView = _a.clearInvoicingCustomerListView;
 exports.default = invoicingCustomerListView.reducer;

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewReducer.d.ts

@@ -1,5 +1,6 @@
 import { ID } from '../../../commonStateTypes/common';
 import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingSubscriptionStatus } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { InvoicingListSort } from '../invoicingApiHelper';
 import { InvoicingSubscriptionFilters, InvoicingSubscriptionListViewState } from './invoicingSubscriptionListViewState';
@@ -26,6 +27,9 @@ export declare const fetchInvoicingSubscriptionList: import("@reduxjs/toolkit").
     ids: ID[];
     keepExistingListItems: boolean;
     nextCursor: string | null;
-}, "invoicingSubscriptionListView/updateInvoicingSubscriptionList">, updateInvoicingSubscriptionListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSubscriptionListView/updateInvoicingSubscriptionListFailure">, fetchInvoicingSubscriptionCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSubscriptionListView/fetchInvoicingSubscriptionCounts">, updateInvoicingSubscriptionCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingSubscriptionListView/updateInvoicingSubscriptionCounts">, updateInvoicingSubscriptionCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSubscriptionListView/updateInvoicingSubscriptionCountsFailure">, updateInvoicingSubscriptionFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingSubscriptionFilters, "invoicingSubscriptionListView/updateInvoicingSubscriptionFilters">, clearInvoicingSubscriptionListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSubscriptionListView/clearInvoicingSubscriptionListView">;
+}, "invoicingSubscriptionListView/updateInvoicingSubscriptionList">, updateInvoicingSubscriptionListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSubscriptionListView/updateInvoicingSubscriptionListFailure">, fetchInvoicingSubscriptionCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSubscriptionListView/fetchInvoicingSubscriptionCounts">, updateInvoicingSubscriptionCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingSubscriptionListView/updateInvoicingSubscriptionCounts">, updateInvoicingSubscriptionCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSubscriptionListView/updateInvoicingSubscriptionCountsFailure">, updateInvoicingSubscriptionFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingSubscriptionFilters, "invoicingSubscriptionListView/updateInvoicingSubscriptionFilters">, addInvoicingSubscriptionToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    status?: InvoicingSubscriptionStatus;
+}, "invoicingSubscriptionListView/addInvoicingSubscriptionToList">, clearInvoicingSubscriptionListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSubscriptionListView/clearInvoicingSubscriptionListView">;
 declare const _default: import("redux").Reducer<InvoicingSubscriptionListViewState>;
 export default _default;

package/lib/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoicingSubscriptionListView = exports.updateInvoicingSubscriptionFilters = exports.updateInvoicingSubscriptionCountsFailure = exports.updateInvoicingSubscriptionCounts = exports.fetchInvoicingSubscriptionCounts = exports.updateInvoicingSubscriptionListFailure = exports.updateInvoicingSubscriptionList = exports.fetchInvoicingSubscriptionListPage = exports.fetchInvoicingSubscriptionList = exports.initialState = void 0;
+exports.clearInvoicingSubscriptionListView = exports.addInvoicingSubscriptionToList = exports.updateInvoicingSubscriptionFilters = exports.updateInvoicingSubscriptionCountsFailure = exports.updateInvoicingSubscriptionCounts = exports.fetchInvoicingSubscriptionCounts = exports.updateInvoicingSubscriptionListFailure = exports.updateInvoicingSubscriptionList = exports.fetchInvoicingSubscriptionListPage = exports.fetchInvoicingSubscriptionList = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialState = {
     fetchState: 'Not-Started',
@@ -84,10 +84,24 @@ const invoicingSubscriptionListView = (0, toolkit_1.createSlice)({
         updateInvoicingSubscriptionFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly created subscription in the cached list + tab counts so the
+        // subscription page shows it without refetching from the server. The status
+        // doubles as the per-tab count key (tab ids mirror InvoicingSubscriptionStatus).
+        addInvoicingSubscriptionToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+            draft.counts.all += 1;
+            if (status != null) {
+                draft.counts[status] = (draft.counts[status] ?? 0) + 1;
+            }
+        },
         clearInvoicingSubscriptionListView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = invoicingSubscriptionListView.actions, exports.fetchInvoicingSubscriptionList = _a.fetchInvoicingSubscriptionList, exports.fetchInvoicingSubscriptionListPage = _a.fetchInvoicingSubscriptionListPage, exports.updateInvoicingSubscriptionList = _a.updateInvoicingSubscriptionList, exports.updateInvoicingSubscriptionListFailure = _a.updateInvoicingSubscriptionListFailure, exports.fetchInvoicingSubscriptionCounts = _a.fetchInvoicingSubscriptionCounts, exports.updateInvoicingSubscriptionCounts = _a.updateInvoicingSubscriptionCounts, exports.updateInvoicingSubscriptionCountsFailure = _a.updateInvoicingSubscriptionCountsFailure, exports.updateInvoicingSubscriptionFilters = _a.updateInvoicingSubscriptionFilters, exports.clearInvoicingSubscriptionListView = _a.clearInvoicingSubscriptionListView;
+_a = invoicingSubscriptionListView.actions, exports.fetchInvoicingSubscriptionList = _a.fetchInvoicingSubscriptionList, exports.fetchInvoicingSubscriptionListPage = _a.fetchInvoicingSubscriptionListPage, exports.updateInvoicingSubscriptionList = _a.updateInvoicingSubscriptionList, exports.updateInvoicingSubscriptionListFailure = _a.updateInvoicingSubscriptionListFailure, exports.fetchInvoicingSubscriptionCounts = _a.fetchInvoicingSubscriptionCounts, exports.updateInvoicingSubscriptionCounts = _a.updateInvoicingSubscriptionCounts, exports.updateInvoicingSubscriptionCountsFailure = _a.updateInvoicingSubscriptionCountsFailure, exports.updateInvoicingSubscriptionFilters = _a.updateInvoicingSubscriptionFilters, exports.addInvoicingSubscriptionToList = _a.addInvoicingSubscriptionToList, exports.clearInvoicingSubscriptionListView = _a.clearInvoicingSubscriptionListView;
 exports.default = invoicingSubscriptionListView.reducer;

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewReducer.d.ts

@@ -25,6 +25,6 @@ export declare const fetchInvoicingTransactionList: import("@reduxjs/toolkit").A
     ids: ID[];
     keepExistingListItems: boolean;
     nextCursor: string | null;
-}, "invoicingTransactionListView/updateInvoicingTransactionList">, updateInvoicingTransactionListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingTransactionListView/updateInvoicingTransactionListFailure">, updateInvoicingTransactionFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingTransactionFilters, "invoicingTransactionListView/updateInvoicingTransactionFilters">, clearInvoicingTransactionListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingTransactionListView/clearInvoicingTransactionListView">;
+}, "invoicingTransactionListView/updateInvoicingTransactionList">, updateInvoicingTransactionListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingTransactionListView/updateInvoicingTransactionListFailure">, updateInvoicingTransactionFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingTransactionFilters, "invoicingTransactionListView/updateInvoicingTransactionFilters">, addInvoicingTransactionToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "invoicingTransactionListView/addInvoicingTransactionToList">, clearInvoicingTransactionListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingTransactionListView/clearInvoicingTransactionListView">;
 declare const _default: import("redux").Reducer<InvoicingTransactionListViewState>;
 export default _default;

package/lib/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoicingTransactionListView = exports.updateInvoicingTransactionFilters = exports.updateInvoicingTransactionListFailure = exports.updateInvoicingTransactionList = exports.fetchInvoicingTransactionListPage = exports.fetchInvoicingTransactionList = exports.initialState = void 0;
+exports.clearInvoicingTransactionListView = exports.addInvoicingTransactionToList = exports.updateInvoicingTransactionFilters = exports.updateInvoicingTransactionListFailure = exports.updateInvoicingTransactionList = exports.fetchInvoicingTransactionListPage = exports.fetchInvoicingTransactionList = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialState = {
     fetchState: 'Not-Started',
@@ -69,10 +69,20 @@ const invoicingTransactionListView = (0, toolkit_1.createSlice)({
         updateInvoicingTransactionFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Reflect a newly recorded payment's transaction in the cached list so the
+        // payments page shows it without refetching. The list view has no counts
+        // slice, so we only prepend the id (dedup/no-op if already present).
+        addInvoicingTransactionToList(draft, action) {
+            const id = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+        },
         clearInvoicingTransactionListView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = invoicingTransactionListView.actions, exports.fetchInvoicingTransactionList = _a.fetchInvoicingTransactionList, exports.fetchInvoicingTransactionListPage = _a.fetchInvoicingTransactionListPage, exports.updateInvoicingTransactionList = _a.updateInvoicingTransactionList, exports.updateInvoicingTransactionListFailure = _a.updateInvoicingTransactionListFailure, exports.updateInvoicingTransactionFilters = _a.updateInvoicingTransactionFilters, exports.clearInvoicingTransactionListView = _a.clearInvoicingTransactionListView;
+_a = invoicingTransactionListView.actions, exports.fetchInvoicingTransactionList = _a.fetchInvoicingTransactionList, exports.fetchInvoicingTransactionListPage = _a.fetchInvoicingTransactionListPage, exports.updateInvoicingTransactionList = _a.updateInvoicingTransactionList, exports.updateInvoicingTransactionListFailure = _a.updateInvoicingTransactionListFailure, exports.updateInvoicingTransactionFilters = _a.updateInvoicingTransactionFilters, exports.addInvoicingTransactionToList = _a.addInvoicingTransactionToList, exports.clearInvoicingTransactionListView = _a.clearInvoicingTransactionListView;
 exports.default = invoicingTransactionListView.reducer;

package/lib/view/invoicing/recordPayment/recordPaymentEpic.d.ts

@@ -2,7 +2,8 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateInvoicingTransactions } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer';
 import { RootState } from '../../../reducer';
+import { addInvoicingTransactionToList } from '../invoicingTransactionListView/invoicingTransactionListViewReducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { recordPaymentFailure, recordPaymentSuccess, submitRecordPayment } from './recordPaymentReducer';
-export type ActionType = ReturnType<typeof submitRecordPayment> | ReturnType<typeof recordPaymentSuccess> | ReturnType<typeof recordPaymentFailure> | ReturnType<typeof updateInvoicingTransactions>;
+export type ActionType = ReturnType<typeof submitRecordPayment> | ReturnType<typeof recordPaymentSuccess> | ReturnType<typeof recordPaymentFailure> | ReturnType<typeof updateInvoicingTransactions> | ReturnType<typeof addInvoicingTransactionToList>;
 export declare const recordPaymentEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/recordPayment/recordPaymentEpic.js

@@ -5,6 +5,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const invoicingTransactionReducer_1 = require("../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer");
 const responsePayload_1 = require("../../../responsePayload");
+const invoicingTransactionListViewReducer_1 = require("../invoicingTransactionListView/invoicingTransactionListViewReducer");
 const recordPaymentPayload_1 = require("./recordPaymentPayload");
 const recordPaymentReducer_1 = require("./recordPaymentReducer");
 const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(recordPaymentReducer_1.submitRecordPayment.match), (0, operators_1.mergeMap)(() => {
@@ -18,6 +19,7 @@ const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, opera
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             return [
                 (0, invoicingTransactionReducer_1.updateInvoicingTransactions)([response.data], 'merge'),
+                (0, invoicingTransactionListViewReducer_1.addInvoicingTransactionToList)(response.data.id),
                 (0, recordPaymentReducer_1.recordPaymentSuccess)({ transactionId: response.data.id }),
             ];
         }

package/package.json

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