@zeniai/client-epic-state 5.1.69 → 5.1.70

package/lib/view/invoicing/invoicingCreditNoteListView/invoicingCreditNoteListViewState.d.ts

@@ -4,7 +4,6 @@ import { InvoicingListSort } from '../invoicingApiHelper';
 export interface InvoicingCreditNoteFilters {
     customerId?: ID;
     search?: string;
-    status?: string;
 }
 export declare const ALL_INVOICING_CREDIT_NOTE_SORT_KEYS: readonly ["credit_note", "customer", "date", "type", "status", "reference_invoice", "utilization", "total"];
 export declare const toInvoicingCreditNoteSortKey: (v: string) => "date" | "status" | "type" | "customer" | "total" | "credit_note" | "reference_invoice" | "utilization";
@@ -32,6 +31,8 @@ export type InvoicingCreditNoteTabId = ReturnType<typeof toInvoicingCreditNoteTa
  */
 export declare const INVOICING_CREDIT_NOTE_TABS: InvoicingCreditNoteTabId[];
 export interface InvoicingCreditNoteListViewState extends FetchedState {
+    /** Selected status tab (CES-owned so it persists across page revisits). */
+    activeTab: InvoicingCreditNoteTabId;
     counts: InvoicingListCounts;
     countsFetchState: FetchStateAndError;
     filters: InvoicingCreditNoteFilters;

package/lib/view/invoicing/invoicingCustomerDetailView/fetchInvoicingCustomerDetailPageEpic.js

@@ -23,6 +23,7 @@ const fetchInvoicingCustomerDetailPageEpic = (actions$, state$) => actions$.pipe
     const { cacheOverride, id } = action.payload;
     const customerDetail = state$.value.invoicingCustomerDetailViewState.detailById[id];
     const invoiceListState = state$.value.invoicingInvoiceListState;
+    const invoiceListTabState = invoiceListState.invoiceByTab[invoiceListState.activeTab];
     const settingsState = state$.value.invoicingSettingsViewState;
     const pageActions = [];
     if (shouldFetch({
@@ -36,8 +37,8 @@ const fetchInvoicingCustomerDetailPageEpic = (actions$, state$) => actions$.pipe
     const invoiceListIsForCustomer = invoiceListState.filters.customerId === id;
     if (!invoiceListIsForCustomer ||
         shouldFetch({
-            fetchState: invoiceListState.fetchState,
-            error: invoiceListState.error,
+            fetchState: invoiceListTabState.fetchState,
+            error: invoiceListTabState.error,
         }, cacheOverride)) {
         pageActions.push((0, invoiceListReducer_1.fetchInvoiceList)({ filters: { customerId: id } }));
     }

package/lib/view/invoicing/invoicingCustomerDetailView/invoicingCustomerDetailViewSelector.js

@@ -16,7 +16,7 @@ const getInvoicingCustomerDetail = (state, invoicingCustomerID) => {
     const settings = (0, settingsViewSelector_1.getInvoicingSettings)(state);
     return {
         invoicingCustomer: (0, invoicingCustomerSelector_1.getInvoicingCustomerById)(invoicingCustomerState, invoicingCustomerID),
-        invoices: (0, invoiceSelector_1.getInvoicesByIds)(state.invoicingInvoiceState, state.invoicingInvoiceListState.invoiceIds),
+        invoices: (0, invoiceSelector_1.getInvoicesByIds)(state.invoicingInvoiceState, state.invoicingInvoiceListState.invoiceByTab[state.invoicingInvoiceListState.activeTab].invoiceIds),
         setupIntent: (0, customerPaymentMethodSelector_1.getInvoicingSetupIntent)(state),
         setupIntentFetchState: (0, customerPaymentMethodSelector_1.getInvoicingSetupIntentFetchState)(state),
         plaidLinkToken: (0, customerPaymentMethodSelector_1.getInvoicingPlaidLinkToken)(state),

package/lib/view/invoicing/invoicingCustomerListView/epics/fetchInvoicingCustomerListEpic.js

@@ -14,9 +14,6 @@ const buildQuery = (filters, cursor, sort) => {
     if (filters.search != null && filters.search.length > 0) {
         params.set('search', filters.search);
     }
-    if (filters.status != null && filters.status.length > 0) {
-        params.set('status', filters.status);
-    }
     params.set('limit', String(invoicingApiHelper_1.INVOICING_LIST_PAGE_SIZE));
     if (cursor != null) {
         params.set('cursor', cursor);

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

@@ -26,7 +26,7 @@ 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">, addInvoicingCustomerToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "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">, setInvoicingCustomerActiveTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"active" | "at_risk" | "trial" | "all", "invoicingCustomerListView/setInvoicingCustomerActiveTab">, addInvoicingCustomerToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     id: ID;
     status?: string;
 }, "invoicingCustomerListView/addInvoicingCustomerToList">, clearInvoicingCustomerListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerListView/clearInvoicingCustomerListView">;

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

@@ -1,11 +1,12 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoicingCustomerListView = exports.addInvoicingCustomerToList = 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.setInvoicingCustomerActiveTab = 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',
     error: undefined,
+    activeTab: 'all',
     ids: [],
     nextCursor: null,
     filters: {},
@@ -84,6 +85,11 @@ const invoicingCustomerListView = (0, toolkit_1.createSlice)({
         updateInvoicingCustomerFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Select a status tab. The list API ignores `status` (returns all statuses),
+        // so the selector filters rows to this tab client-side — no refetch needed.
+        setInvoicingCustomerActiveTab(draft, action) {
+            draft.activeTab = 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
@@ -105,5 +111,5 @@ const invoicingCustomerListView = (0, toolkit_1.createSlice)({
         },
     },
 });
-_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;
+_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.setInvoicingCustomerActiveTab = _a.setInvoicingCustomerActiveTab, exports.addInvoicingCustomerToList = _a.addInvoicingCustomerToList, exports.clearInvoicingCustomerListView = _a.clearInvoicingCustomerListView;
 exports.default = invoicingCustomerListView.reducer;

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

@@ -6,6 +6,7 @@ import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
 import { InvoicingCustomerColumnConfig, InvoicingCustomerFilters, InvoicingCustomerTabId } from './invoicingCustomerListViewState';
 export interface InvoicingCustomerListView extends SelectorView {
+    activeTab: InvoicingCustomerTabId;
     columns: InvoicingCustomerColumnConfig[];
     count: InvoicingListCounts;
     countsFetchState: FetchStateAndError;

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

@@ -10,15 +10,28 @@ const invoicingCustomerListViewState_1 = require("./invoicingCustomerListViewSta
  * slice actually change. Without this, the connected list page re-rendered on
  * every unrelated redux action because a fresh array was built each call.
  */
-exports.getInvoicingCustomerListView = (0, toolkit_1.createSelector)((state) => state.invoicingCustomerState, (state) => state.invoicingCustomerListViewState, (customerState, listViewState) => ({
-    columns: invoicingCustomerListViewState_1.INVOICING_CUSTOMER_COLUMNS,
-    customers: (0, invoicingCustomerSelector_1.getInvoicingCustomersByIds)(customerState, listViewState.ids),
-    fetchState: listViewState.fetchState,
-    error: listViewState.error,
-    nextCursor: listViewState.nextCursor,
-    filters: listViewState.filters,
-    count: listViewState.counts,
-    countsFetchState: listViewState.countsFetchState,
-    tabIds: invoicingCustomerListViewState_1.INVOICING_CUSTOMER_TABS,
-    sort: listViewState.sort,
-}));
+exports.getInvoicingCustomerListView = (0, toolkit_1.createSelector)((state) => state.invoicingCustomerState, (state) => state.invoicingCustomerListViewState, (customerState, listViewState) => {
+    const { activeTab } = listViewState;
+    const allCustomers = (0, invoicingCustomerSelector_1.getInvoicingCustomersByIds)(customerState, listViewState.ids);
+    // The list API ignores `status`, so it returns every status; filter to the
+    // active tab client-side ('all' shows everything, 'at_risk' keys off the
+    // `isAtRisk` flag, the rest match the customer `status`).
+    const customers = activeTab === 'all'
+        ? allCustomers
+        : activeTab === 'at_risk'
+            ? allCustomers.filter((customer) => customer.isAtRisk === true)
+            : allCustomers.filter((customer) => customer.status === activeTab);
+    return {
+        activeTab,
+        columns: invoicingCustomerListViewState_1.INVOICING_CUSTOMER_COLUMNS,
+        customers,
+        fetchState: listViewState.fetchState,
+        error: listViewState.error,
+        nextCursor: listViewState.nextCursor,
+        filters: listViewState.filters,
+        count: listViewState.counts,
+        countsFetchState: listViewState.countsFetchState,
+        tabIds: invoicingCustomerListViewState_1.INVOICING_CUSTOMER_TABS,
+        sort: listViewState.sort,
+    };
+});

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

@@ -3,7 +3,6 @@ import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPa
 import { InvoicingListSort } from '../invoicingApiHelper';
 export interface InvoicingCustomerFilters {
     search?: string;
-    status?: string;
 }
 export declare const ALL_INVOICING_CUSTOMER_SORT_KEYS: readonly ["name", "email", "billingAddress", "cardStatus", "autoCollect", "status"];
 export declare const toInvoicingCustomerSortKey: (v: string) => "status" | "name" | "cardStatus" | "email" | "billingAddress" | "autoCollect";
@@ -31,6 +30,8 @@ export type InvoicingCustomerTabId = ReturnType<typeof toInvoicingCustomerTabId>
  */
 export declare const INVOICING_CUSTOMER_TABS: InvoicingCustomerTabId[];
 export interface InvoicingCustomerListViewState extends FetchedState {
+    /** Selected status tab (CES-owned so it persists across page revisits). */
+    activeTab: InvoicingCustomerTabId;
     counts: InvoicingListCounts;
     countsFetchState: FetchStateAndError;
     filters: InvoicingCustomerFilters;

package/lib/view/invoicing/invoicingDunningCaseListView/epics/fetchInvoicingDunningCaseListEpic.js

@@ -9,9 +9,6 @@ const invoicingApiHelper_1 = require("../../invoicingApiHelper");
 const invoicingDunningCaseListViewReducer_1 = require("../invoicingDunningCaseListViewReducer");
 const buildQuery = (filters, cursor, sort) => {
     const params = new URLSearchParams();
-    if (filters.status != null && filters.status.length > 0) {
-        params.set('status', filters.status);
-    }
     if (filters.search != null && filters.search.length > 0) {
         params.set('search', filters.search);
     }

package/lib/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewReducer.d.ts

@@ -26,6 +26,6 @@ export declare const fetchInvoicingDunningCaseList: import("@reduxjs/toolkit").A
     ids: ID[];
     keepExistingListItems: boolean;
     nextCursor: string | null;
-}, "invoicingDunningCaseListView/updateInvoicingDunningCaseList">, updateInvoicingDunningCaseListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseListView/updateInvoicingDunningCaseListFailure">, fetchInvoicingDunningCaseCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseListView/fetchInvoicingDunningCaseCounts">, updateInvoicingDunningCaseCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingDunningCaseListView/updateInvoicingDunningCaseCounts">, updateInvoicingDunningCaseCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseListView/updateInvoicingDunningCaseCountsFailure">, updateInvoicingDunningCaseFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingDunningCaseFilters, "invoicingDunningCaseListView/updateInvoicingDunningCaseFilters">, clearInvoicingDunningCaseListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseListView/clearInvoicingDunningCaseListView">;
+}, "invoicingDunningCaseListView/updateInvoicingDunningCaseList">, updateInvoicingDunningCaseListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseListView/updateInvoicingDunningCaseListFailure">, fetchInvoicingDunningCaseCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseListView/fetchInvoicingDunningCaseCounts">, updateInvoicingDunningCaseCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingDunningCaseListView/updateInvoicingDunningCaseCounts">, updateInvoicingDunningCaseCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseListView/updateInvoicingDunningCaseCountsFailure">, updateInvoicingDunningCaseFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingDunningCaseFilters, "invoicingDunningCaseListView/updateInvoicingDunningCaseFilters">, setInvoicingDunningCaseActiveTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"Retrying" | "Scheduled" | "Manual Review" | "Resolved" | "Cancelled" | "all", "invoicingDunningCaseListView/setInvoicingDunningCaseActiveTab">, clearInvoicingDunningCaseListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseListView/clearInvoicingDunningCaseListView">;
 declare const _default: import("redux").Reducer<InvoicingDunningCaseListViewState>;
 export default _default;

package/lib/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewReducer.js

@@ -1,11 +1,12 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoicingDunningCaseListView = exports.updateInvoicingDunningCaseFilters = exports.updateInvoicingDunningCaseCountsFailure = exports.updateInvoicingDunningCaseCounts = exports.fetchInvoicingDunningCaseCounts = exports.updateInvoicingDunningCaseListFailure = exports.updateInvoicingDunningCaseList = exports.fetchInvoicingDunningCaseListPage = exports.fetchInvoicingDunningCaseList = exports.initialState = void 0;
+exports.clearInvoicingDunningCaseListView = exports.setInvoicingDunningCaseActiveTab = exports.updateInvoicingDunningCaseFilters = exports.updateInvoicingDunningCaseCountsFailure = exports.updateInvoicingDunningCaseCounts = exports.fetchInvoicingDunningCaseCounts = exports.updateInvoicingDunningCaseListFailure = exports.updateInvoicingDunningCaseList = exports.fetchInvoicingDunningCaseListPage = exports.fetchInvoicingDunningCaseList = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialState = {
     fetchState: 'Not-Started',
     error: undefined,
+    activeTab: 'all',
     ids: [],
     nextCursor: null,
     filters: {},
@@ -84,10 +85,15 @@ const invoicingDunningCaseListView = (0, toolkit_1.createSlice)({
         updateInvoicingDunningCaseFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Select a status tab. The list API ignores `status` (returns all statuses),
+        // so the selector filters rows to this tab client-side — no refetch needed.
+        setInvoicingDunningCaseActiveTab(draft, action) {
+            draft.activeTab = action.payload;
+        },
         clearInvoicingDunningCaseListView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = invoicingDunningCaseListView.actions, exports.fetchInvoicingDunningCaseList = _a.fetchInvoicingDunningCaseList, exports.fetchInvoicingDunningCaseListPage = _a.fetchInvoicingDunningCaseListPage, exports.updateInvoicingDunningCaseList = _a.updateInvoicingDunningCaseList, exports.updateInvoicingDunningCaseListFailure = _a.updateInvoicingDunningCaseListFailure, exports.fetchInvoicingDunningCaseCounts = _a.fetchInvoicingDunningCaseCounts, exports.updateInvoicingDunningCaseCounts = _a.updateInvoicingDunningCaseCounts, exports.updateInvoicingDunningCaseCountsFailure = _a.updateInvoicingDunningCaseCountsFailure, exports.updateInvoicingDunningCaseFilters = _a.updateInvoicingDunningCaseFilters, exports.clearInvoicingDunningCaseListView = _a.clearInvoicingDunningCaseListView;
+_a = invoicingDunningCaseListView.actions, exports.fetchInvoicingDunningCaseList = _a.fetchInvoicingDunningCaseList, exports.fetchInvoicingDunningCaseListPage = _a.fetchInvoicingDunningCaseListPage, exports.updateInvoicingDunningCaseList = _a.updateInvoicingDunningCaseList, exports.updateInvoicingDunningCaseListFailure = _a.updateInvoicingDunningCaseListFailure, exports.fetchInvoicingDunningCaseCounts = _a.fetchInvoicingDunningCaseCounts, exports.updateInvoicingDunningCaseCounts = _a.updateInvoicingDunningCaseCounts, exports.updateInvoicingDunningCaseCountsFailure = _a.updateInvoicingDunningCaseCountsFailure, exports.updateInvoicingDunningCaseFilters = _a.updateInvoicingDunningCaseFilters, exports.setInvoicingDunningCaseActiveTab = _a.setInvoicingDunningCaseActiveTab, exports.clearInvoicingDunningCaseListView = _a.clearInvoicingDunningCaseListView;
 exports.default = invoicingDunningCaseListView.reducer;

package/lib/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewSelector.d.ts

@@ -6,6 +6,7 @@ import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
 import { InvoicingDunningCaseColumnConfig, InvoicingDunningCaseFilters, InvoicingDunningCaseTabId } from './invoicingDunningCaseListViewState';
 export interface InvoicingDunningCaseListView extends SelectorView {
+    activeTab: InvoicingDunningCaseTabId;
     columns: InvoicingDunningCaseColumnConfig[];
     count: InvoicingListCounts;
     countsFetchState: FetchStateAndError;

package/lib/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewSelector.js

@@ -9,16 +9,26 @@ const invoicingDunningCaseListViewState_1 = require("./invoicingDunningCaseListV
  * object) keep referential identity until the dunning-case entity slice or the
  * list-view slice actually change.
  */
-exports.getInvoicingDunningCaseListView = (0, toolkit_1.createSelector)((state) => state.invoicingDunningCaseState, (state) => state.invoicingDunningCaseListViewState, (dunningCaseState, listViewState) => ({
-    columns: invoicingDunningCaseListViewState_1.INVOICING_DUNNING_CASE_COLUMNS,
-    dunningCases: (0, dunningCaseSelector_1.getInvoicingDunningCasesByIds)(dunningCaseState, listViewState.ids),
-    count: listViewState.counts,
-    countsFetchState: listViewState.countsFetchState,
-    filters: listViewState.filters,
-    nextCursor: listViewState.nextCursor,
-    fetchState: listViewState.fetchState,
-    error: listViewState.error,
-    tabIds: invoicingDunningCaseListViewState_1.INVOICING_DUNNING_CASE_TABS,
-    sort: listViewState.sort,
-    version: 1.0,
-}));
+exports.getInvoicingDunningCaseListView = (0, toolkit_1.createSelector)((state) => state.invoicingDunningCaseState, (state) => state.invoicingDunningCaseListViewState, (dunningCaseState, listViewState) => {
+    const { activeTab } = listViewState;
+    const allDunningCases = (0, dunningCaseSelector_1.getInvoicingDunningCasesByIds)(dunningCaseState, listViewState.ids);
+    // The list API ignores `status`, so it returns every status; filter to the
+    // active tab client-side ('all' shows everything).
+    const dunningCases = activeTab === 'all'
+        ? allDunningCases
+        : allDunningCases.filter((dunningCase) => dunningCase.status === activeTab);
+    return {
+        activeTab,
+        columns: invoicingDunningCaseListViewState_1.INVOICING_DUNNING_CASE_COLUMNS,
+        dunningCases,
+        count: listViewState.counts,
+        countsFetchState: listViewState.countsFetchState,
+        filters: listViewState.filters,
+        nextCursor: listViewState.nextCursor,
+        fetchState: listViewState.fetchState,
+        error: listViewState.error,
+        tabIds: invoicingDunningCaseListViewState_1.INVOICING_DUNNING_CASE_TABS,
+        sort: listViewState.sort,
+        version: 1.0,
+    };
+});

package/lib/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewState.d.ts

@@ -3,7 +3,6 @@ import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPa
 import { InvoicingListSort } from '../invoicingApiHelper';
 export interface InvoicingDunningCaseFilters {
     search?: string;
-    status?: string;
 }
 export declare const ALL_INVOICING_DUNNING_CASE_SORT_KEYS: readonly ["customer", "invoice", "attempts", "nextRetry", "daysPastDue", "failureReason", "status", "amount"];
 export declare const toInvoicingDunningCaseSortKey: (v: string) => "amount" | "status" | "invoice" | "customer" | "attempts" | "daysPastDue" | "failureReason" | "nextRetry";
@@ -31,6 +30,8 @@ export type InvoicingDunningCaseTabId = ReturnType<typeof toInvoicingDunningCase
  */
 export declare const INVOICING_DUNNING_CASE_TABS: InvoicingDunningCaseTabId[];
 export interface InvoicingDunningCaseListViewState extends FetchedState {
+    /** Selected status tab (CES-owned so it persists across page revisits). */
+    activeTab: InvoicingDunningCaseTabId;
     counts: InvoicingListCounts;
     countsFetchState: FetchStateAndError;
     filters: InvoicingDunningCaseFilters;

package/lib/view/invoicing/invoicingSubscriptionListView/epics/fetchInvoicingSubscriptionListEpic.js

@@ -11,9 +11,6 @@ const invoicingApiHelper_1 = require("../../invoicingApiHelper");
 const invoicingSubscriptionListViewReducer_1 = require("../invoicingSubscriptionListViewReducer");
 const buildQuery = (filters, cursor, sort) => {
     const params = new URLSearchParams();
-    if (filters.status != null && filters.status.length > 0) {
-        params.set('status', filters.status);
-    }
     if (filters.customerId != null) {
         params.set('customer_id', filters.customerId);
     }

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

@@ -27,7 +27,7 @@ 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">, addInvoicingSubscriptionToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "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">, setInvoicingSubscriptionActiveTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"active" | "cancelled" | "future" | "in_trial" | "non_renewing" | "paused" | "all", "invoicingSubscriptionListView/setInvoicingSubscriptionActiveTab">, addInvoicingSubscriptionToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     id: ID;
     status?: InvoicingSubscriptionStatus;
 }, "invoicingSubscriptionListView/addInvoicingSubscriptionToList">, clearInvoicingSubscriptionListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSubscriptionListView/clearInvoicingSubscriptionListView">;

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

@@ -1,11 +1,12 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoicingSubscriptionListView = exports.addInvoicingSubscriptionToList = 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.setInvoicingSubscriptionActiveTab = 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',
     error: undefined,
+    activeTab: 'all',
     ids: [],
     nextCursor: null,
     filters: {},
@@ -84,6 +85,11 @@ const invoicingSubscriptionListView = (0, toolkit_1.createSlice)({
         updateInvoicingSubscriptionFilters(draft, action) {
             draft.filters = action.payload;
         },
+        // Select a status tab. The list API ignores `status` (returns all statuses),
+        // so the selector filters rows to this tab client-side — no refetch needed.
+        setInvoicingSubscriptionActiveTab(draft, action) {
+            draft.activeTab = 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).
@@ -103,5 +109,5 @@ const invoicingSubscriptionListView = (0, toolkit_1.createSlice)({
         },
     },
 });
-_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;
+_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.setInvoicingSubscriptionActiveTab = _a.setInvoicingSubscriptionActiveTab, exports.addInvoicingSubscriptionToList = _a.addInvoicingSubscriptionToList, exports.clearInvoicingSubscriptionListView = _a.clearInvoicingSubscriptionListView;
 exports.default = invoicingSubscriptionListView.reducer;

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

@@ -6,6 +6,7 @@ import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
 import { InvoicingSubscriptionColumnConfig, InvoicingSubscriptionFilters, InvoicingSubscriptionTabId } from './invoicingSubscriptionListViewState';
 export interface InvoicingSubscriptionListView extends SelectorView {
+    activeTab: InvoicingSubscriptionTabId;
     columns: InvoicingSubscriptionColumnConfig[];
     count: InvoicingListCounts;
     countsFetchState: FetchStateAndError;

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

@@ -11,15 +11,25 @@ const invoicingSubscriptionListViewState_1 = require("./invoicingSubscriptionLis
  * re-rendered on every unrelated redux action because a fresh array was built
  * each call.
  */
-exports.getInvoicingSubscriptionListView = (0, toolkit_1.createSelector)((state) => state.invoicingSubscriptionState, (state) => state.invoicingSubscriptionListViewState, (subscriptionState, listViewState) => ({
-    columns: invoicingSubscriptionListViewState_1.INVOICING_SUBSCRIPTION_COLUMNS,
-    subscriptions: (0, invoicingSubscriptionSelector_1.getInvoicingSubscriptionsByIds)(subscriptionState, listViewState.ids),
-    fetchState: listViewState.fetchState,
-    error: listViewState.error,
-    nextCursor: listViewState.nextCursor,
-    filters: listViewState.filters,
-    count: listViewState.counts,
-    countsFetchState: listViewState.countsFetchState,
-    tabIds: invoicingSubscriptionListViewState_1.INVOICING_SUBSCRIPTION_TABS,
-    sort: listViewState.sort,
-}));
+exports.getInvoicingSubscriptionListView = (0, toolkit_1.createSelector)((state) => state.invoicingSubscriptionState, (state) => state.invoicingSubscriptionListViewState, (subscriptionState, listViewState) => {
+    const { activeTab } = listViewState;
+    const allSubscriptions = (0, invoicingSubscriptionSelector_1.getInvoicingSubscriptionsByIds)(subscriptionState, listViewState.ids);
+    // The list API ignores `status`, so it returns every status; filter to the
+    // active tab client-side ('all' shows everything).
+    const subscriptions = activeTab === 'all'
+        ? allSubscriptions
+        : allSubscriptions.filter((subscription) => subscription.status === activeTab);
+    return {
+        activeTab,
+        columns: invoicingSubscriptionListViewState_1.INVOICING_SUBSCRIPTION_COLUMNS,
+        subscriptions,
+        fetchState: listViewState.fetchState,
+        error: listViewState.error,
+        nextCursor: listViewState.nextCursor,
+        filters: listViewState.filters,
+        count: listViewState.counts,
+        countsFetchState: listViewState.countsFetchState,
+        tabIds: invoicingSubscriptionListViewState_1.INVOICING_SUBSCRIPTION_TABS,
+        sort: listViewState.sort,
+    };
+});

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

@@ -6,7 +6,6 @@ export interface InvoicingSubscriptionFilters {
     search?: string;
     startedFrom?: string;
     startedTo?: string;
-    status?: string;
 }
 export declare const ALL_INVOICING_SUBSCRIPTION_SORT_KEYS: readonly ["subscription", "customer", "plan", "product_code", "term_end", "next_billing", "auto_collect", "status", "mrr"];
 export declare const toInvoicingSubscriptionSortKey: (v: string) => "status" | "customer" | "mrr" | "plan" | "subscription" | "product_code" | "term_end" | "next_billing" | "auto_collect";
@@ -34,9 +33,12 @@ export type InvoicingSubscriptionTabId = ReturnType<typeof toInvoicingSubscripti
  */
 export declare const INVOICING_SUBSCRIPTION_TABS: InvoicingSubscriptionTabId[];
 export interface InvoicingSubscriptionListViewState extends FetchedState {
+    /** Selected status tab (CES-owned so it persists across page revisits). */
+    activeTab: InvoicingSubscriptionTabId;
     counts: InvoicingListCounts;
     countsFetchState: FetchStateAndError;
     filters: InvoicingSubscriptionFilters;
+    /** Full list ids (all statuses); the selector filters by `activeTab`. */
     ids: ID[];
     nextCursor: string | null;
     /** Active server-side sort (undefined = backend default order). */

package/lib/view/invoicing/invoicingTransactionListView/epics/fetchInvoicingTransactionListEpic.d.ts

@@ -5,4 +5,4 @@ import { RootState } from '../../../../reducer';
 import { ZeniAPI } from '../../../../zeniAPI';
 import { fetchInvoicingTransactionList, updateInvoicingTransactionList, updateInvoicingTransactionListFailure } from '../invoicingTransactionListViewReducer';
 export type ActionType = ReturnType<typeof fetchInvoicingTransactionList> | ReturnType<typeof updateInvoicingTransactionList> | ReturnType<typeof updateInvoicingTransactionListFailure> | ReturnType<typeof updateInvoicingTransactions>;
-export declare const fetchInvoicingTransactionListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const fetchInvoicingTransactionListEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/invoicingTransactionListView/epics/fetchInvoicingTransactionListEpic.js

@@ -7,13 +7,13 @@ const invoicingTransactionReducer_1 = require("../../../../entity/invoicing/invo
 const responsePayload_1 = require("../../../../responsePayload");
 const invoicingApiHelper_1 = require("../../invoicingApiHelper");
 const invoicingTransactionListViewReducer_1 = require("../invoicingTransactionListViewReducer");
-const buildQuery = (filters, cursor, sort) => {
+const buildQuery = (filters, type, cursor, sort) => {
     const params = new URLSearchParams();
     if (filters.status != null && filters.status.length > 0) {
         params.set('status', filters.status);
     }
-    if (filters.type != null && filters.type.length > 0) {
-        params.set('type', filters.type);
+    if (type != null && type.length > 0) {
+        params.set('type', type);
     }
     if (filters.customerId != null) {
         params.set('customer_id', filters.customerId);
@@ -28,9 +28,11 @@ const buildQuery = (filters, cursor, sort) => {
     (0, invoicingApiHelper_1.applyListSortParams)(params, sort);
     return params;
 };
-const fetchInvoicingTransactionListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingTransactionListViewReducer_1.fetchInvoicingTransactionList.match), (0, operators_1.switchMap)((action) => {
+const fetchInvoicingTransactionListEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingTransactionListViewReducer_1.fetchInvoicingTransactionList.match), (0, operators_1.switchMap)((action) => {
     const { filters, cursor, keepExistingListItems, sort } = action.payload;
-    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/payments`, buildQuery(filters, cursor, sort));
+    const { activeTab } = state$.value.invoicingTransactionListViewState;
+    const type = activeTab !== 'all' ? activeTab : undefined;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/payments`, buildQuery(filters, type, cursor, sort));
     return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response)) {
             const items = response.data?.items ?? [];

package/lib/view/invoicing/invoicingTransactionListView/epics/fetchInvoicingTransactionListPageEpic.js

@@ -19,8 +19,9 @@ const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
 const fetchInvoicingTransactionListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoicingTransactionListViewReducer_1.fetchInvoicingTransactionListPage.match), (0, operators_1.mergeMap)((action) => {
     const { cacheOverride, filters, sort } = action.payload;
     const state = state$.value.invoicingTransactionListViewState;
+    const activeTabState = state.byTab[state.activeTab];
     const pageActions = [];
-    if (shouldFetch({ fetchState: state.fetchState, error: state.error }, cacheOverride)) {
+    if (shouldFetch({ fetchState: activeTabState.fetchState, error: activeTabState.error }, cacheOverride)) {
         pageActions.push((0, invoicingTransactionListViewReducer_1.fetchInvoicingTransactionList)({ filters, sort }));
     }
     return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));

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">, addInvoicingTransactionToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "invoicingTransactionListView/addInvoicingTransactionToList">, 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">, setInvoicingTransactionActiveTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"refund" | "payment" | "all" | "authorization" | "payment_reversal", "invoicingTransactionListView/setInvoicingTransactionActiveTab">, 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;