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

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

@@ -1,5 +1,6 @@
 import { concat, from } from 'rxjs';
 import { filter, mergeMap } from 'rxjs/operators';
+import { makeInvoiceTabState } from './invoiceListState';
 import { fetchInvoiceCounts, fetchInvoiceKPIs, fetchInvoiceList, fetchInvoiceListPage, } from './invoiceListReducer';
 /**
  * Fetch unless the endpoint is already loaded or in flight — or always when the
@@ -16,7 +17,7 @@ const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
 export const fetchInvoiceListPageEpic = (actions$, state$) => actions$.pipe(filter(fetchInvoiceListPage.match), mergeMap((action) => {
     const { cacheOverride, filters, sort } = action.payload;
     const state = state$.value.invoicingInvoiceListState;
-    const activeTabState = state.invoiceByTab[state.activeTab];
+    const activeTabState = state.invoiceByTab[state.activeTab] ?? makeInvoiceTabState();
     const pageActions = [];
     if (shouldFetch({ fetchState: activeTabState.fetchState, error: activeTabState.error }, cacheOverride)) {
         pageActions.push(fetchInvoiceList({ filters, sort }));

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

@@ -1,6 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { clearAll } from '../../../rootActions';
-import { ALL_INVOICING_INVOICE_TAB_IDS, makeInvoiceByTab, } from './invoiceListState';
+import { ALL_INVOICING_INVOICE_TAB_IDS, invoiceTabStateFor, makeInvoiceByTab, } from './invoiceListState';
 /**
  * Whether two invoice-list queries share the same base (tab-independent) query.
  * The status tab is server-side per-tab, so it is excluded here — when the base
@@ -37,7 +37,7 @@ const invoiceList = createSlice({
     reducers: {
         fetchInvoiceList: {
             reducer(draft, action) {
-                const tab = draft.invoiceByTab[draft.activeTab];
+                const tab = invoiceTabStateFor(draft.invoiceByTab, draft.activeTab);
                 if (!action.payload.keepExistingListItems) {
                     tab.invoiceIds = [];
                     tab.nextCursor = null;
@@ -80,7 +80,7 @@ const invoiceList = createSlice({
             },
         },
         updateInvoiceList(draft, action) {
-            const tab = draft.invoiceByTab[draft.activeTab];
+            const tab = invoiceTabStateFor(draft.invoiceByTab, draft.activeTab);
             const newIds = action.payload.invoices.map((invoice) => invoice.id);
             tab.invoiceIds = action.payload.keepExistingListItems
                 ? [...new Set([...tab.invoiceIds, ...newIds])]
@@ -90,7 +90,7 @@ const invoiceList = createSlice({
             tab.error = undefined;
         },
         updateInvoiceListFailure(draft, action) {
-            const tab = draft.invoiceByTab[draft.activeTab];
+            const tab = invoiceTabStateFor(draft.invoiceByTab, draft.activeTab);
             tab.fetchState = 'Error';
             tab.error = action.payload;
         },
@@ -136,14 +136,14 @@ const invoiceList = createSlice({
         // are left untouched and refetched lazily.
         addInvoiceToList(draft, action) {
             const { id, status } = action.payload;
-            const allTab = draft.invoiceByTab['all'];
+            const allTab = invoiceTabStateFor(draft.invoiceByTab, 'all');
             if (allTab.invoiceIds.includes(id)) {
                 return;
             }
             allTab.invoiceIds = [id, ...allTab.invoiceIds];
             const statusTab = statusToTabId(status);
             if (statusTab != null) {
-                const tab = draft.invoiceByTab[statusTab];
+                const tab = invoiceTabStateFor(draft.invoiceByTab, statusTab);
                 if (!tab.invoiceIds.includes(id)) {
                     tab.invoiceIds = [id, ...tab.invoiceIds];
                 }

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

@@ -1,6 +1,6 @@
 import { createSelector } from '@reduxjs/toolkit';
 import { invoicingTabIdsFromConfig } from '../invoicingTabHelper';
-import { ALL_INVOICING_INVOICE_TAB_IDS, } from './invoiceListState';
+import { ALL_INVOICING_INVOICE_TAB_IDS, makeInvoiceTabState, } from './invoiceListState';
 /**
  * Bundled read view for the invoices list page: the denormalized invoice rows
  * plus list counts, KPIs and their fetch states. Memoized so the `invoices`
@@ -8,7 +8,10 @@ import { ALL_INVOICING_INVOICE_TAB_IDS, } from './invoiceListState';
  * invoice entity slice or the list-view slice actually change.
  */
 export const getInvoiceListView = createSelector((state) => state.invoicingInvoiceState, (state) => state.invoicingInvoiceListState, (state) => state.invoicingConfigViewState.invoiceStatusOptions, (invoiceState, listViewState, statusOptions) => {
-    const activeTabState = listViewState.invoiceByTab[listViewState.activeTab];
+    // Config-driven tabs: a status this build's union does not know has no
+    // cache entry until it is fetched, so default rather than crash.
+    const activeTabState = listViewState.invoiceByTab[listViewState.activeTab] ??
+        makeInvoiceTabState();
     return {
         activeTab: listViewState.activeTab,
         invoices: activeTabState.invoiceIds

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

@@ -14,6 +14,19 @@ export const makeInvoiceTabState = () => ({
     fetchState: 'Not-Started',
     error: undefined,
 });
+/**
+ * The cache entry for a tab, created on first use. The tab set is config-driven,
+ * so a status this build's union does not know still needs somewhere to cache.
+ */
+export const invoiceTabStateFor = (invoiceByTab, tabId) => {
+    const existing = invoiceByTab[tabId];
+    if (existing != null) {
+        return existing;
+    }
+    const created = makeInvoiceTabState();
+    invoiceByTab[tabId] = created;
+    return created;
+};
 export const makeInvoiceByTab = () => ALL_INVOICING_INVOICE_TAB_IDS.reduce((acc, tabId) => {
     acc[tabId] = makeInvoiceTabState();
     return acc;

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

@@ -34,8 +34,8 @@ export const fetchInvoicingCustomerDetailPageEpic = (actions$, state$) => action
     const invoiceListIsForCustomer = invoiceListState.filters.customerId === id;
     if (!invoiceListIsForCustomer ||
         shouldFetch({
-            fetchState: invoiceListTabState.fetchState,
-            error: invoiceListTabState.error,
+            fetchState: invoiceListTabState?.fetchState ?? 'Not-Started',
+            error: invoiceListTabState?.error,
         }, cacheOverride)) {
         pageActions.push(fetchInvoiceList({ filters: { customerId: id } }));
     }

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

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

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

@@ -1,5 +1,6 @@
 import { concat, from } from 'rxjs';
 import { filter, mergeMap } from 'rxjs/operators';
+import { makeInvoicingTransactionTabState } from '../invoicingTransactionListViewState';
 import { fetchInvoicingTransactionList, fetchInvoicingTransactionListPage, } from '../invoicingTransactionListViewReducer';
 /**
  * Fetch unless the endpoint is already loaded or in flight — or always when the
@@ -16,7 +17,7 @@ const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
 export const fetchInvoicingTransactionListPageEpic = (actions$, state$) => actions$.pipe(filter(fetchInvoicingTransactionListPage.match), mergeMap((action) => {
     const { cacheOverride, filters, sort } = action.payload;
     const state = state$.value.invoicingTransactionListViewState;
-    const activeTabState = state.byTab[state.activeTab];
+    const activeTabState = state.byTab[state.activeTab] ?? makeInvoicingTransactionTabState();
     const pageActions = [];
     if (shouldFetch({ fetchState: activeTabState.fetchState, error: activeTabState.error }, cacheOverride)) {
         pageActions.push(fetchInvoicingTransactionList({ filters, sort }));

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

@@ -1,6 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { clearAll } from '../../../rootActions';
-import { makeInvoicingTransactionIdsByTab, } from './invoicingTransactionListViewState';
+import { invoicingTransactionTabStateFor, makeInvoicingTransactionIdsByTab, } from './invoicingTransactionListViewState';
 /**
  * Whether two transaction-list queries share the same base (tab-independent)
  * query. When the base query changes (search / customer / status / sort) every
@@ -22,7 +22,7 @@ const invoicingTransactionListView = createSlice({
     reducers: {
         fetchInvoicingTransactionList: {
             reducer(draft, action) {
-                const tab = draft.byTab[draft.activeTab];
+                const tab = invoicingTransactionTabStateFor(draft.byTab, draft.activeTab);
                 if (!action.payload.keepExistingListItems) {
                     tab.ids = [];
                     tab.nextCursor = null;
@@ -65,7 +65,7 @@ const invoicingTransactionListView = createSlice({
             },
         },
         updateInvoicingTransactionList(draft, action) {
-            const tab = draft.byTab[draft.activeTab];
+            const tab = invoicingTransactionTabStateFor(draft.byTab, draft.activeTab);
             tab.ids = action.payload.keepExistingListItems
                 ? [...new Set([...tab.ids, ...action.payload.ids])]
                 : action.payload.ids;
@@ -74,7 +74,7 @@ const invoicingTransactionListView = createSlice({
             tab.error = undefined;
         },
         updateInvoicingTransactionListFailure(draft, action) {
-            const tab = draft.byTab[draft.activeTab];
+            const tab = invoicingTransactionTabStateFor(draft.byTab, draft.activeTab);
             tab.fetchState = 'Error';
             tab.error = action.payload;
         },
@@ -94,7 +94,7 @@ const invoicingTransactionListView = createSlice({
         addInvoicingTransactionToList(draft, action) {
             const id = action.payload;
             const prependTo = (tabId) => {
-                const tab = draft.byTab[tabId];
+                const tab = invoicingTransactionTabStateFor(draft.byTab, tabId);
                 if (!tab.ids.includes(id)) {
                     tab.ids = [id, ...tab.ids];
                 }

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

@@ -1,14 +1,14 @@
 import { createSelector } from '@reduxjs/toolkit';
 import { getInvoicingTransactionsByIds } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionSelector';
 import { invoicingTabIdsFromConfig } from '../invoicingTabHelper';
-import { INVOICING_TRANSACTION_COLUMNS, ALL_INVOICING_TRANSACTION_TAB_IDS, } from './invoicingTransactionListViewState';
+import { INVOICING_TRANSACTION_COLUMNS, ALL_INVOICING_TRANSACTION_TAB_IDS, makeInvoicingTransactionTabState, } from './invoicingTransactionListViewState';
 /**
  * Memoized so the denormalized `transactions` array (and the wrapping view
  * object) keep referential identity until the transaction entity slice or the
  * list-view slice actually change.
  */
 export const getInvoicingTransactionListView = createSelector((state) => state.invoicingTransactionState, (state) => state.invoicingTransactionListViewState, (state) => state.invoicingConfigViewState.transactionTypeOptions, (transactionState, listViewState, statusOptions) => {
-    const activeTabState = listViewState.byTab[listViewState.activeTab];
+    const activeTabState = listViewState.byTab[listViewState.activeTab] ?? makeInvoicingTransactionTabState();
     return {
         activeTab: listViewState.activeTab,
         columns: INVOICING_TRANSACTION_COLUMNS,

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

@@ -35,6 +35,16 @@ export const makeInvoicingTransactionTabState = () => ({
     fetchState: 'Not-Started',
     error: undefined,
 });
+/** The cache entry for a tab, created on first use. */
+export const invoicingTransactionTabStateFor = (byTab, tabId) => {
+    const existing = byTab[tabId];
+    if (existing != null) {
+        return existing;
+    }
+    const created = makeInvoicingTransactionTabState();
+    byTab[tabId] = created;
+    return created;
+};
 export const makeInvoicingTransactionIdsByTab = () => ALL_INVOICING_TRANSACTION_TAB_IDS.reduce((acc, tabId) => {
     acc[tabId] = makeInvoicingTransactionTabState();
     return acc;

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchInvoiceListPageEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const invoiceListState_1 = require("./invoiceListState");
 const invoiceListReducer_1 = require("./invoiceListReducer");
 /**
  * Fetch unless the endpoint is already loaded or in flight — or always when the
@@ -19,7 +20,7 @@ const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
 const fetchInvoiceListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoiceListReducer_1.fetchInvoiceListPage.match), (0, operators_1.mergeMap)((action) => {
     const { cacheOverride, filters, sort } = action.payload;
     const state = state$.value.invoicingInvoiceListState;
-    const activeTabState = state.invoiceByTab[state.activeTab];
+    const activeTabState = state.invoiceByTab[state.activeTab] ?? (0, invoiceListState_1.makeInvoiceTabState)();
     const pageActions = [];
     if (shouldFetch({ fetchState: activeTabState.fetchState, error: activeTabState.error }, cacheOverride)) {
         pageActions.push((0, invoiceListReducer_1.fetchInvoiceList)({ filters, sort }));

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

@@ -42,7 +42,7 @@ const invoiceList = (0, toolkit_1.createSlice)({
     reducers: {
         fetchInvoiceList: {
             reducer(draft, action) {
-                const tab = draft.invoiceByTab[draft.activeTab];
+                const tab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, draft.activeTab);
                 if (!action.payload.keepExistingListItems) {
                     tab.invoiceIds = [];
                     tab.nextCursor = null;
@@ -85,7 +85,7 @@ const invoiceList = (0, toolkit_1.createSlice)({
             },
         },
         updateInvoiceList(draft, action) {
-            const tab = draft.invoiceByTab[draft.activeTab];
+            const tab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, draft.activeTab);
             const newIds = action.payload.invoices.map((invoice) => invoice.id);
             tab.invoiceIds = action.payload.keepExistingListItems
                 ? [...new Set([...tab.invoiceIds, ...newIds])]
@@ -95,7 +95,7 @@ const invoiceList = (0, toolkit_1.createSlice)({
             tab.error = undefined;
         },
         updateInvoiceListFailure(draft, action) {
-            const tab = draft.invoiceByTab[draft.activeTab];
+            const tab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, draft.activeTab);
             tab.fetchState = 'Error';
             tab.error = action.payload;
         },
@@ -141,14 +141,14 @@ const invoiceList = (0, toolkit_1.createSlice)({
         // are left untouched and refetched lazily.
         addInvoiceToList(draft, action) {
             const { id, status } = action.payload;
-            const allTab = draft.invoiceByTab['all'];
+            const allTab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, 'all');
             if (allTab.invoiceIds.includes(id)) {
                 return;
             }
             allTab.invoiceIds = [id, ...allTab.invoiceIds];
             const statusTab = statusToTabId(status);
             if (statusTab != null) {
-                const tab = draft.invoiceByTab[statusTab];
+                const tab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, statusTab);
                 if (!tab.invoiceIds.includes(id)) {
                     tab.invoiceIds = [id, ...tab.invoiceIds];
                 }

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

@@ -11,7 +11,10 @@ const invoiceListState_1 = require("./invoiceListState");
  * invoice entity slice or the list-view slice actually change.
  */
 exports.getInvoiceListView = (0, toolkit_1.createSelector)((state) => state.invoicingInvoiceState, (state) => state.invoicingInvoiceListState, (state) => state.invoicingConfigViewState.invoiceStatusOptions, (invoiceState, listViewState, statusOptions) => {
-    const activeTabState = listViewState.invoiceByTab[listViewState.activeTab];
+    // Config-driven tabs: a status this build's union does not know has no
+    // cache entry until it is fetched, so default rather than crash.
+    const activeTabState = listViewState.invoiceByTab[listViewState.activeTab] ??
+        (0, invoiceListState_1.makeInvoiceTabState)();
     return {
         activeTab: listViewState.activeTab,
         invoices: activeTabState.invoiceIds

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

@@ -31,7 +31,13 @@ export interface InvoiceListState {
     /** Base query shared across tabs (search / customer / subscription / dates). */
     filters: InvoiceListFilters;
     /** Per-tab cached invoice ids + cursor + fetch state. */
-    invoiceByTab: Record<InvoicingInvoiceTabId, InvoiceTabState>;
+    /**
+     * Per-tab cache. `Partial` because the tab set comes from `/1.0/config`: a
+     * status the backend added that this build's tab-id union does not know still
+     * renders a tab, and its cache entry is created on first use rather than
+     * pre-seeded. Readers must default a missing entry.
+     */
+    invoiceByTab: Partial<Record<InvoicingInvoiceTabId, InvoiceTabState>>;
     kpisFetchState: FetchStateAndError;
     /** Tab-independent money KPIs. */
     kpis?: InvoicingInvoiceKPIs;
@@ -39,4 +45,9 @@ export interface InvoiceListState {
     sort?: InvoicingListSort;
 }
 export declare const makeInvoiceTabState: () => InvoiceTabState;
-export declare const makeInvoiceByTab: () => Record<InvoicingInvoiceTabId, InvoiceTabState>;
+/**
+ * The cache entry for a tab, created on first use. The tab set is config-driven,
+ * so a status this build's union does not know still needs somewhere to cache.
+ */
+export declare const invoiceTabStateFor: (invoiceByTab: Partial<Record<InvoicingInvoiceTabId, InvoiceTabState>>, tabId: InvoicingInvoiceTabId) => InvoiceTabState;
+export declare const makeInvoiceByTab: () => Partial<Record<InvoicingInvoiceTabId, InvoiceTabState>>;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeInvoiceByTab = exports.makeInvoiceTabState = exports.toInvoicingInvoiceTabId = exports.ALL_INVOICING_INVOICE_TAB_IDS = void 0;
+exports.makeInvoiceByTab = exports.invoiceTabStateFor = exports.makeInvoiceTabState = exports.toInvoicingInvoiceTabId = exports.ALL_INVOICING_INVOICE_TAB_IDS = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 exports.ALL_INVOICING_INVOICE_TAB_IDS = [
     'all',
@@ -19,6 +19,20 @@ const makeInvoiceTabState = () => ({
     error: undefined,
 });
 exports.makeInvoiceTabState = makeInvoiceTabState;
+/**
+ * The cache entry for a tab, created on first use. The tab set is config-driven,
+ * so a status this build's union does not know still needs somewhere to cache.
+ */
+const invoiceTabStateFor = (invoiceByTab, tabId) => {
+    const existing = invoiceByTab[tabId];
+    if (existing != null) {
+        return existing;
+    }
+    const created = (0, exports.makeInvoiceTabState)();
+    invoiceByTab[tabId] = created;
+    return created;
+};
+exports.invoiceTabStateFor = invoiceTabStateFor;
 const makeInvoiceByTab = () => exports.ALL_INVOICING_INVOICE_TAB_IDS.reduce((acc, tabId) => {
     acc[tabId] = (0, exports.makeInvoiceTabState)();
     return acc;

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

@@ -37,8 +37,8 @@ const fetchInvoicingCustomerDetailPageEpic = (actions$, state$) => actions$.pipe
     const invoiceListIsForCustomer = invoiceListState.filters.customerId === id;
     if (!invoiceListIsForCustomer ||
         shouldFetch({
-            fetchState: invoiceListTabState.fetchState,
-            error: invoiceListTabState.error,
+            fetchState: invoiceListTabState?.fetchState ?? 'Not-Started',
+            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.invoiceByTab[state.invoicingInvoiceListState.activeTab].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/invoicingTransactionListView/epics/fetchInvoicingTransactionListPageEpic.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fetchInvoicingTransactionListPageEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const invoicingTransactionListViewState_1 = require("../invoicingTransactionListViewState");
 const invoicingTransactionListViewReducer_1 = require("../invoicingTransactionListViewReducer");
 /**
  * Fetch unless the endpoint is already loaded or in flight — or always when the
@@ -19,7 +20,7 @@ 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 activeTabState = state.byTab[state.activeTab] ?? (0, invoicingTransactionListViewState_1.makeInvoicingTransactionTabState)();
     const pageActions = [];
     if (shouldFetch({ fetchState: activeTabState.fetchState, error: activeTabState.error }, cacheOverride)) {
         pageActions.push((0, invoicingTransactionListViewReducer_1.fetchInvoicingTransactionList)({ filters, sort }));

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

@@ -26,7 +26,7 @@ const invoicingTransactionListView = (0, toolkit_1.createSlice)({
     reducers: {
         fetchInvoicingTransactionList: {
             reducer(draft, action) {
-                const tab = draft.byTab[draft.activeTab];
+                const tab = (0, invoicingTransactionListViewState_1.invoicingTransactionTabStateFor)(draft.byTab, draft.activeTab);
                 if (!action.payload.keepExistingListItems) {
                     tab.ids = [];
                     tab.nextCursor = null;
@@ -69,7 +69,7 @@ const invoicingTransactionListView = (0, toolkit_1.createSlice)({
             },
         },
         updateInvoicingTransactionList(draft, action) {
-            const tab = draft.byTab[draft.activeTab];
+            const tab = (0, invoicingTransactionListViewState_1.invoicingTransactionTabStateFor)(draft.byTab, draft.activeTab);
             tab.ids = action.payload.keepExistingListItems
                 ? [...new Set([...tab.ids, ...action.payload.ids])]
                 : action.payload.ids;
@@ -78,7 +78,7 @@ const invoicingTransactionListView = (0, toolkit_1.createSlice)({
             tab.error = undefined;
         },
         updateInvoicingTransactionListFailure(draft, action) {
-            const tab = draft.byTab[draft.activeTab];
+            const tab = (0, invoicingTransactionListViewState_1.invoicingTransactionTabStateFor)(draft.byTab, draft.activeTab);
             tab.fetchState = 'Error';
             tab.error = action.payload;
         },
@@ -98,7 +98,7 @@ const invoicingTransactionListView = (0, toolkit_1.createSlice)({
         addInvoicingTransactionToList(draft, action) {
             const id = action.payload;
             const prependTo = (tabId) => {
-                const tab = draft.byTab[tabId];
+                const tab = (0, invoicingTransactionListViewState_1.invoicingTransactionTabStateFor)(draft.byTab, tabId);
                 if (!tab.ids.includes(id)) {
                     tab.ids = [id, ...tab.ids];
                 }

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

@@ -11,7 +11,7 @@ const invoicingTransactionListViewState_1 = require("./invoicingTransactionListV
  * list-view slice actually change.
  */
 exports.getInvoicingTransactionListView = (0, toolkit_1.createSelector)((state) => state.invoicingTransactionState, (state) => state.invoicingTransactionListViewState, (state) => state.invoicingConfigViewState.transactionTypeOptions, (transactionState, listViewState, statusOptions) => {
-    const activeTabState = listViewState.byTab[listViewState.activeTab];
+    const activeTabState = listViewState.byTab[listViewState.activeTab] ?? (0, invoicingTransactionListViewState_1.makeInvoicingTransactionTabState)();
     return {
         activeTab: listViewState.activeTab,
         columns: invoicingTransactionListViewState_1.INVOICING_TRANSACTION_COLUMNS,

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

@@ -32,7 +32,12 @@ export interface InvoicingTransactionTabState extends FetchStateAndError {
     ids: ID[];
     nextCursor: string | null;
 }
-export type InvoicingTransactionIdsByTab = Record<InvoicingTransactionTabId, InvoicingTransactionTabState>;
+/**
+ * Per-tab cache. `Partial` because the tab set comes from `/1.0/config`: a type
+ * the backend added that this build's tab-id union does not know still renders a
+ * tab, and its entry is created on first use rather than pre-seeded.
+ */
+export type InvoicingTransactionIdsByTab = Partial<Record<InvoicingTransactionTabId, InvoicingTransactionTabState>>;
 export interface InvoicingTransactionListViewState {
     /** Selected type tab (CES-owned so it persists across page revisits). */
     activeTab: InvoicingTransactionTabId;
@@ -44,4 +49,6 @@ export interface InvoicingTransactionListViewState {
     sort?: InvoicingListSort;
 }
 export declare const makeInvoicingTransactionTabState: () => InvoicingTransactionTabState;
+/** The cache entry for a tab, created on first use. */
+export declare const invoicingTransactionTabStateFor: (byTab: InvoicingTransactionIdsByTab, tabId: InvoicingTransactionTabId) => InvoicingTransactionTabState;
 export declare const makeInvoicingTransactionIdsByTab: () => InvoicingTransactionIdsByTab;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeInvoicingTransactionIdsByTab = exports.makeInvoicingTransactionTabState = exports.toInvoicingTransactionTabId = exports.ALL_INVOICING_TRANSACTION_TAB_IDS = exports.INVOICING_TRANSACTION_COLUMNS = exports.toInvoicingTransactionSortKey = exports.ALL_INVOICING_TRANSACTION_SORT_KEYS = void 0;
+exports.makeInvoicingTransactionIdsByTab = exports.invoicingTransactionTabStateFor = exports.makeInvoicingTransactionTabState = exports.toInvoicingTransactionTabId = exports.ALL_INVOICING_TRANSACTION_TAB_IDS = exports.INVOICING_TRANSACTION_COLUMNS = exports.toInvoicingTransactionSortKey = exports.ALL_INVOICING_TRANSACTION_SORT_KEYS = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 exports.ALL_INVOICING_TRANSACTION_SORT_KEYS = [
     'transaction',
@@ -41,6 +41,17 @@ const makeInvoicingTransactionTabState = () => ({
     error: undefined,
 });
 exports.makeInvoicingTransactionTabState = makeInvoicingTransactionTabState;
+/** The cache entry for a tab, created on first use. */
+const invoicingTransactionTabStateFor = (byTab, tabId) => {
+    const existing = byTab[tabId];
+    if (existing != null) {
+        return existing;
+    }
+    const created = (0, exports.makeInvoicingTransactionTabState)();
+    byTab[tabId] = created;
+    return created;
+};
+exports.invoicingTransactionTabStateFor = invoicingTransactionTabStateFor;
 const makeInvoicingTransactionIdsByTab = () => exports.ALL_INVOICING_TRANSACTION_TAB_IDS.reduce((acc, tabId) => {
     acc[tabId] = (0, exports.makeInvoicingTransactionTabState)();
     return acc;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "5.1.97-betaAK3",
+  "version": "5.1.97-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",