@zeniai/client-epic-state 5.1.69-betaAK0 → 5.1.70

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

@@ -16,7 +16,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.byTab[state.activeTab];
+    const activeTabState = state.invoiceByTab[state.activeTab];
     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,5 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
-import { ALL_INVOICING_INVOICE_TAB_IDS, makeInvoiceIdsByTab, } from './invoiceListState';
+import { ALL_INVOICING_INVOICE_TAB_IDS, 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
@@ -23,7 +23,7 @@ const statusToTabId = (status) => ALL_INVOICING_INVOICE_TAB_IDS.includes(status)
     : undefined;
 export const initialState = {
     activeTab: 'all',
-    byTab: makeInvoiceIdsByTab(),
+    invoiceByTab: makeInvoiceByTab(),
     filters: {},
     counts: { all: 0 },
     countsFetchState: { fetchState: 'Not-Started', error: undefined },
@@ -36,9 +36,9 @@ const invoiceList = createSlice({
     reducers: {
         fetchInvoiceList: {
             reducer(draft, action) {
-                const tab = draft.byTab[draft.activeTab];
+                const tab = draft.invoiceByTab[draft.activeTab];
                 if (!action.payload.keepExistingListItems) {
-                    tab.ids = [];
+                    tab.invoiceIds = [];
                     tab.nextCursor = null;
                 }
                 draft.filters = action.payload.filters;
@@ -63,7 +63,7 @@ const invoiceList = createSlice({
                 // page epic's shouldFetch refetches the active tab instead of showing
                 // rows fetched under a stale search/customer/subscription/dates/sort.
                 if (!sameInvoiceListQuery(draft, action.payload)) {
-                    draft.byTab = makeInvoiceIdsByTab();
+                    draft.invoiceByTab = makeInvoiceByTab();
                 }
                 draft.filters = action.payload.filters;
                 draft.sort = action.payload.sort;
@@ -79,17 +79,17 @@ const invoiceList = createSlice({
             },
         },
         updateInvoiceList(draft, action) {
-            const tab = draft.byTab[draft.activeTab];
+            const tab = draft.invoiceByTab[draft.activeTab];
             const newIds = action.payload.invoices.map((invoice) => invoice.id);
-            tab.ids = action.payload.keepExistingListItems
-                ? [...new Set([...tab.ids, ...newIds])]
+            tab.invoiceIds = action.payload.keepExistingListItems
+                ? [...new Set([...tab.invoiceIds, ...newIds])]
                 : newIds;
             tab.nextCursor = action.payload.nextCursor;
             tab.fetchState = 'Completed';
             tab.error = undefined;
         },
         updateInvoiceListFailure(draft, action) {
-            const tab = draft.byTab[draft.activeTab];
+            const tab = draft.invoiceByTab[draft.activeTab];
             tab.fetchState = 'Error';
             tab.error = action.payload;
         },
@@ -135,16 +135,16 @@ const invoiceList = createSlice({
         // are left untouched and refetched lazily.
         addInvoiceToList(draft, action) {
             const { id, status } = action.payload;
-            const allTab = draft.byTab['all'];
-            if (allTab.ids.includes(id)) {
+            const allTab = draft.invoiceByTab['all'];
+            if (allTab.invoiceIds.includes(id)) {
                 return;
             }
-            allTab.ids = [id, ...allTab.ids];
+            allTab.invoiceIds = [id, ...allTab.invoiceIds];
             const statusTab = statusToTabId(status);
             if (statusTab != null) {
-                const tab = draft.byTab[statusTab];
-                if (!tab.ids.includes(id)) {
-                    tab.ids = [id, ...tab.ids];
+                const tab = draft.invoiceByTab[statusTab];
+                if (!tab.invoiceIds.includes(id)) {
+                    tab.invoiceIds = [id, ...tab.invoiceIds];
                 }
             }
             draft.counts.all += 1;
@@ -152,7 +152,7 @@ const invoiceList = createSlice({
         },
         clearInvoiceList(draft) {
             draft.activeTab = 'all';
-            draft.byTab = makeInvoiceIdsByTab();
+            draft.invoiceByTab = makeInvoiceByTab();
             draft.filters = {};
             draft.sort = undefined;
             draft.counts = { all: 0 };

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

@@ -7,10 +7,10 @@ import { INVOICING_INVOICE_TABS, } from './invoiceListState';
  * invoice entity slice or the list-view slice actually change.
  */
 export const getInvoiceListView = createSelector((state) => state.invoicingInvoiceState, (state) => state.invoicingInvoiceListState, (invoiceState, listViewState) => {
-    const activeTabState = listViewState.byTab[listViewState.activeTab];
+    const activeTabState = listViewState.invoiceByTab[listViewState.activeTab];
     return {
         activeTab: listViewState.activeTab,
-        invoices: activeTabState.ids
+        invoices: activeTabState.invoiceIds
             .map((id) => invoiceState.invoiceByID[id])
             .filter((item) => item != null),
         counts: listViewState.counts,

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

@@ -18,12 +18,12 @@ export const INVOICING_INVOICE_TABS = [
     ...ALL_INVOICING_INVOICE_TAB_IDS,
 ];
 export const makeInvoiceTabState = () => ({
-    ids: [],
+    invoiceIds: [],
     nextCursor: null,
     fetchState: 'Not-Started',
     error: undefined,
 });
-export const makeInvoiceIdsByTab = () => ALL_INVOICING_INVOICE_TAB_IDS.reduce((acc, tabId) => {
+export const makeInvoiceByTab = () => ALL_INVOICING_INVOICE_TAB_IDS.reduce((acc, tabId) => {
     acc[tabId] = makeInvoiceTabState();
     return acc;
 }, {});

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

@@ -20,7 +20,7 @@ export const fetchInvoicingCustomerDetailPageEpic = (actions$, state$) => action
     const { cacheOverride, id } = action.payload;
     const customerDetail = state$.value.invoicingCustomerDetailViewState.detailById[id];
     const invoiceListState = state$.value.invoicingInvoiceListState;
-    const invoiceListTabState = invoiceListState.byTab[invoiceListState.activeTab];
+    const invoiceListTabState = invoiceListState.invoiceByTab[invoiceListState.activeTab];
     const settingsState = state$.value.invoicingSettingsViewState;
     const pageActions = [];
     if (shouldFetch({

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.byTab[state.invoicingInvoiceListState.activeTab].ids),
+        invoices: getInvoicesByIds(state.invoicingInvoiceState, state.invoicingInvoiceListState.invoiceByTab[state.invoicingInvoiceListState.activeTab].invoiceIds),
         setupIntent: getInvoicingSetupIntent(state),
         setupIntentFetchState: getInvoicingSetupIntentFetchState(state),
         plaidLinkToken: getInvoicingPlaidLinkToken(state),

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

@@ -19,7 +19,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.byTab[state.activeTab];
+    const activeTabState = state.invoiceByTab[state.activeTab];
     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

@@ -28,7 +28,7 @@ const statusToTabId = (status) => invoiceListState_1.ALL_INVOICING_INVOICE_TAB_I
     : undefined;
 exports.initialState = {
     activeTab: 'all',
-    byTab: (0, invoiceListState_1.makeInvoiceIdsByTab)(),
+    invoiceByTab: (0, invoiceListState_1.makeInvoiceByTab)(),
     filters: {},
     counts: { all: 0 },
     countsFetchState: { fetchState: 'Not-Started', error: undefined },
@@ -41,9 +41,9 @@ const invoiceList = (0, toolkit_1.createSlice)({
     reducers: {
         fetchInvoiceList: {
             reducer(draft, action) {
-                const tab = draft.byTab[draft.activeTab];
+                const tab = draft.invoiceByTab[draft.activeTab];
                 if (!action.payload.keepExistingListItems) {
-                    tab.ids = [];
+                    tab.invoiceIds = [];
                     tab.nextCursor = null;
                 }
                 draft.filters = action.payload.filters;
@@ -68,7 +68,7 @@ const invoiceList = (0, toolkit_1.createSlice)({
                 // page epic's shouldFetch refetches the active tab instead of showing
                 // rows fetched under a stale search/customer/subscription/dates/sort.
                 if (!(0, exports.sameInvoiceListQuery)(draft, action.payload)) {
-                    draft.byTab = (0, invoiceListState_1.makeInvoiceIdsByTab)();
+                    draft.invoiceByTab = (0, invoiceListState_1.makeInvoiceByTab)();
                 }
                 draft.filters = action.payload.filters;
                 draft.sort = action.payload.sort;
@@ -84,17 +84,17 @@ const invoiceList = (0, toolkit_1.createSlice)({
             },
         },
         updateInvoiceList(draft, action) {
-            const tab = draft.byTab[draft.activeTab];
+            const tab = draft.invoiceByTab[draft.activeTab];
             const newIds = action.payload.invoices.map((invoice) => invoice.id);
-            tab.ids = action.payload.keepExistingListItems
-                ? [...new Set([...tab.ids, ...newIds])]
+            tab.invoiceIds = action.payload.keepExistingListItems
+                ? [...new Set([...tab.invoiceIds, ...newIds])]
                 : newIds;
             tab.nextCursor = action.payload.nextCursor;
             tab.fetchState = 'Completed';
             tab.error = undefined;
         },
         updateInvoiceListFailure(draft, action) {
-            const tab = draft.byTab[draft.activeTab];
+            const tab = draft.invoiceByTab[draft.activeTab];
             tab.fetchState = 'Error';
             tab.error = action.payload;
         },
@@ -140,16 +140,16 @@ const invoiceList = (0, toolkit_1.createSlice)({
         // are left untouched and refetched lazily.
         addInvoiceToList(draft, action) {
             const { id, status } = action.payload;
-            const allTab = draft.byTab['all'];
-            if (allTab.ids.includes(id)) {
+            const allTab = draft.invoiceByTab['all'];
+            if (allTab.invoiceIds.includes(id)) {
                 return;
             }
-            allTab.ids = [id, ...allTab.ids];
+            allTab.invoiceIds = [id, ...allTab.invoiceIds];
             const statusTab = statusToTabId(status);
             if (statusTab != null) {
-                const tab = draft.byTab[statusTab];
-                if (!tab.ids.includes(id)) {
-                    tab.ids = [id, ...tab.ids];
+                const tab = draft.invoiceByTab[statusTab];
+                if (!tab.invoiceIds.includes(id)) {
+                    tab.invoiceIds = [id, ...tab.invoiceIds];
                 }
             }
             draft.counts.all += 1;
@@ -157,7 +157,7 @@ const invoiceList = (0, toolkit_1.createSlice)({
         },
         clearInvoiceList(draft) {
             draft.activeTab = 'all';
-            draft.byTab = (0, invoiceListState_1.makeInvoiceIdsByTab)();
+            draft.invoiceByTab = (0, invoiceListState_1.makeInvoiceByTab)();
             draft.filters = {};
             draft.sort = undefined;
             draft.counts = { all: 0 };

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

@@ -10,10 +10,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, (invoiceState, listViewState) => {
-    const activeTabState = listViewState.byTab[listViewState.activeTab];
+    const activeTabState = listViewState.invoiceByTab[listViewState.activeTab];
     return {
         activeTab: listViewState.activeTab,
-        invoices: activeTabState.ids
+        invoices: activeTabState.invoiceIds
             .map((id) => invoiceState.invoiceByID[id])
             .filter((item) => item != null),
         counts: listViewState.counts,

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

@@ -26,20 +26,19 @@ export interface InvoiceListFilters {
  * cached independently. Mirrors the transaction-list per-tab cache pattern.
  */
 export interface InvoiceTabState extends FetchStateAndError {
-    ids: ID[];
+    invoiceIds: ID[];
     nextCursor: string | null;
 }
-export type InvoiceIdsByTab = Record<InvoicingInvoiceTabId, InvoiceTabState>;
 export interface InvoiceListState {
     /** Selected status tab (CES-owned so it persists across page revisits). */
     activeTab: InvoicingInvoiceTabId;
-    /** Per-tab cached ids + cursor + fetch state. */
-    byTab: InvoiceIdsByTab;
     /** Tab-independent list counts. */
     counts: InvoicingListCounts;
     countsFetchState: FetchStateAndError;
     /** Base query shared across tabs (search / customer / subscription / dates). */
     filters: InvoiceListFilters;
+    /** Per-tab cached invoice ids + cursor + fetch state. */
+    invoiceByTab: Record<InvoicingInvoiceTabId, InvoiceTabState>;
     kpisFetchState: FetchStateAndError;
     /** Tab-independent money KPIs. */
     kpis?: InvoicingInvoiceKPIs;
@@ -47,4 +46,4 @@ export interface InvoiceListState {
     sort?: InvoicingListSort;
 }
 export declare const makeInvoiceTabState: () => InvoiceTabState;
-export declare const makeInvoiceIdsByTab: () => InvoiceIdsByTab;
+export declare const makeInvoiceByTab: () => Record<InvoicingInvoiceTabId, InvoiceTabState>;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeInvoiceIdsByTab = exports.makeInvoiceTabState = exports.INVOICING_INVOICE_TABS = exports.toInvoicingInvoiceTabId = exports.ALL_INVOICING_INVOICE_TAB_IDS = void 0;
+exports.makeInvoiceByTab = exports.makeInvoiceTabState = exports.INVOICING_INVOICE_TABS = exports.toInvoicingInvoiceTabId = exports.ALL_INVOICING_INVOICE_TAB_IDS = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 exports.ALL_INVOICING_INVOICE_TAB_IDS = [
     'all',
@@ -22,14 +22,14 @@ exports.INVOICING_INVOICE_TABS = [
     ...exports.ALL_INVOICING_INVOICE_TAB_IDS,
 ];
 const makeInvoiceTabState = () => ({
-    ids: [],
+    invoiceIds: [],
     nextCursor: null,
     fetchState: 'Not-Started',
     error: undefined,
 });
 exports.makeInvoiceTabState = makeInvoiceTabState;
-const makeInvoiceIdsByTab = () => exports.ALL_INVOICING_INVOICE_TAB_IDS.reduce((acc, tabId) => {
+const makeInvoiceByTab = () => exports.ALL_INVOICING_INVOICE_TAB_IDS.reduce((acc, tabId) => {
     acc[tabId] = (0, exports.makeInvoiceTabState)();
     return acc;
 }, {});
-exports.makeInvoiceIdsByTab = makeInvoiceIdsByTab;
+exports.makeInvoiceByTab = makeInvoiceByTab;

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

@@ -23,7 +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.byTab[invoiceListState.activeTab];
+    const invoiceListTabState = invoiceListState.invoiceByTab[invoiceListState.activeTab];
     const settingsState = state$.value.invoicingSettingsViewState;
     const pageActions = [];
     if (shouldFetch({

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.byTab[state.invoicingInvoiceListState.activeTab].ids),
+        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/package.json

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