@zeniai/client-epic-state 5.2.8 → 5.2.9

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

@@ -1,13 +1,12 @@
 import { createSelector } from '@reduxjs/toolkit';
 import { getInvoicingDunningCasesByIds } from '../../../entity/invoicing/dunningCase/dunningCaseSelector';
-import { invoicingTabIdsFromConfig } from '../invoicingTabHelper';
-import { ALL_INVOICING_DUNNING_CASE_TAB_IDS, INVOICING_DUNNING_CASE_COLUMNS, } from './invoicingDunningCaseListViewState';
+import { INVOICING_DUNNING_CASE_COLUMNS, INVOICING_DUNNING_CASE_TABS, } from './invoicingDunningCaseListViewState';
 /**
  * Memoized so the denormalized `dunningCases` array (and the wrapping view
  * object) keep referential identity until the dunning-case entity slice or the
  * list-view slice actually change.
  */
-export const getInvoicingDunningCaseListView = createSelector((state) => state.invoicingDunningCaseState, (state) => state.invoicingDunningCaseListViewState, (state) => state.invoicingConfigViewState.dunningCaseStatusOptions, (dunningCaseState, listViewState, statusOptions) => {
+export const getInvoicingDunningCaseListView = createSelector((state) => state.invoicingDunningCaseState, (state) => state.invoicingDunningCaseListViewState, (dunningCaseState, listViewState) => {
     const { activeTab } = listViewState;
     const allDunningCases = getInvoicingDunningCasesByIds(dunningCaseState, listViewState.ids);
     // The list API ignores `status`, so it returns every status; filter to the
@@ -25,11 +24,7 @@ export const getInvoicingDunningCaseListView = createSelector((state) => state.i
         nextCursor: listViewState.nextCursor,
         fetchState: listViewState.fetchState,
         error: listViewState.error,
-        statusOptions,
-        tabIds: invoicingTabIdsFromConfig({
-            allTabIds: ALL_INVOICING_DUNNING_CASE_TAB_IDS,
-            statusOptions,
-        }),
+        tabIds: INVOICING_DUNNING_CASE_TABS,
         sort: listViewState.sort,
         version: 1.0,
     };

package/lib/esm/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewState.js

@@ -25,8 +25,16 @@ export const ALL_INVOICING_DUNNING_CASE_TAB_IDS = [
     'Retrying',
     'Scheduled',
     'Manual Review',
-    'Paused',
     'Resolved',
     'Cancelled',
 ];
 export const toInvoicingDunningCaseTabId = (v) => stringToUnion(v, ALL_INVOICING_DUNNING_CASE_TAB_IDS);
+/**
+ * Ordered filter-tab id set owned by CES so the dunning-cases-list tabs live
+ * next to the model rather than being hardcoded in web-components. Tab labels
+ * and the per-tab count lookup stay in the view layer; this only carries the id
+ * set and display order.
+ */
+export const INVOICING_DUNNING_CASE_TABS = [
+    ...ALL_INVOICING_DUNNING_CASE_TAB_IDS,
+];

package/lib/esm/view/invoicing/invoicingQboView/epics/fetchInvoicingQboAccountsEpic.js

@@ -0,0 +1,25 @@
+import { of } from 'rxjs';
+import { catchError, filter, map, mergeMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { mapInvoicingQboAccountOptions, } from '../invoicingQboViewPayload';
+import { fetchInvoicingQboAccounts, updateInvoicingQboAccounts, updateInvoicingQboAccountsFailure, } from '../invoicingQboViewReducer';
+export const fetchInvoicingQboAccountsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingQboAccounts.match), mergeMap((action) => {
+    const { accountTypes } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/qbo/accounts?account_types=${encodeURIComponent(accountTypes)}`;
+    return zeniAPI.getJSON(apiUrl).pipe(map((response) => {
+        if (isSuccessResponse(response)) {
+            return updateInvoicingQboAccounts({
+                accountTypes,
+                accounts: mapInvoicingQboAccountOptions(response.data?.accounts ?? []),
+            });
+        }
+        return updateInvoicingQboAccountsFailure({
+            accountTypes,
+            status: response.status,
+        });
+    }), catchError((error) => of(updateInvoicingQboAccountsFailure({
+        accountTypes,
+        status: createZeniAPIStatus('Unexpected Error', 'Fetch QBO accounts REST API call errored out ' +
+            JSON.stringify(error)),
+    }))));
+}));

package/lib/esm/view/invoicing/invoicingQboView/epics/fetchInvoicingQboClassesEpic.js

@@ -0,0 +1,15 @@
+import { of } from 'rxjs';
+import { catchError, filter, map, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { mapInvoicingQboAccountOptions, } from '../invoicingQboViewPayload';
+import { fetchInvoicingQboClasses, updateInvoicingQboClasses, updateInvoicingQboClassesFailure, } from '../invoicingQboViewReducer';
+export const fetchInvoicingQboClassesEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingQboClasses.match), switchMap(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/qbo/classes`;
+    return zeniAPI.getJSON(apiUrl).pipe(map((response) => {
+        if (isSuccessResponse(response)) {
+            return updateInvoicingQboClasses(mapInvoicingQboAccountOptions(response.data?.accounts ?? []));
+        }
+        return updateInvoicingQboClassesFailure(response.status);
+    }), catchError((error) => of(updateInvoicingQboClassesFailure(createZeniAPIStatus('Unexpected Error', 'Fetch QBO classes REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingQboView/invoicingQboViewPayload.js

@@ -6,6 +6,29 @@ export function mapInvoicingQboConnection(payload) {
         realmId: payload.realm_id ?? undefined,
     };
 }
+export function mapInvoicingQboAccountOptions(rows) {
+    return rows.flatMap((row) => {
+        // Only qbo_id is a valid QBO AccountRef/ClassRef value — platform-internal
+        // ids (account_id / id) are display metadata and must never be submitted.
+        const accountId = row.qbo_id ?? row.id ?? row.account_id ?? '';
+        if (accountId === '') {
+            return [];
+        }
+        const accountName = row.name ??
+            row.account_name ??
+            row.accounting_class_name ??
+            row.qbo_accounting_class_name ??
+            row.fully_qualified_name ??
+            accountId;
+        return [
+            {
+                id: accountId,
+                name: accountName,
+                accountType: row.account_type ?? undefined,
+            },
+        ];
+    });
+}
 export function mapInvoicingQboSyncHealth(payload) {
     return {
         connection: payload.connection != null

package/lib/esm/view/invoicing/invoicingQboView/invoicingQboViewReducer.js

@@ -1,7 +1,11 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { clearAll } from '../../../rootActions';
 export const initialState = {
+    accountsByAccountTypes: {},
+    accountsFetchStateByAccountTypes: {},
     backfillFetchState: { fetchState: 'Not-Started', error: undefined },
+    classes: [],
+    classesFetchState: { fetchState: 'Not-Started', error: undefined },
     connection: undefined,
     connectionFetchState: { fetchState: 'Not-Started', error: undefined },
     retryFetchStateByTaskId: {},
@@ -25,8 +29,41 @@ const invoicingQboView = createSlice({
         updateInvoicingQboConnectionFailure(draft, action) {
             draft.connectionFetchState = { fetchState: 'Error', error: action.payload };
         },
-        // No state of its own: the epic decides which shared lists to load.
-        fetchInvoicingAccountingPickers() { },
+        fetchInvoicingQboAccounts: {
+            reducer(draft, action) {
+                draft.accountsFetchStateByAccountTypes[action.payload.accountTypes] = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(accountTypes) {
+                return { payload: { accountTypes } };
+            },
+        },
+        updateInvoicingQboAccounts(draft, action) {
+            draft.accountsByAccountTypes[action.payload.accountTypes] =
+                action.payload.accounts;
+            draft.accountsFetchStateByAccountTypes[action.payload.accountTypes] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        updateInvoicingQboAccountsFailure(draft, action) {
+            draft.accountsFetchStateByAccountTypes[action.payload.accountTypes] = {
+                fetchState: 'Error',
+                error: action.payload.status,
+            };
+        },
+        fetchInvoicingQboClasses(draft) {
+            draft.classesFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        updateInvoicingQboClasses(draft, action) {
+            draft.classes = action.payload;
+            draft.classesFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        updateInvoicingQboClassesFailure(draft, action) {
+            draft.classesFetchState = { fetchState: 'Error', error: action.payload };
+        },
         fetchInvoicingQboSyncHealth(draft) {
             draft.syncHealthFetchState = {
                 fetchState: 'In-Progress',
@@ -83,6 +120,9 @@ const invoicingQboView = createSlice({
         startInvoicingQboBackfillFailure(draft, action) {
             draft.backfillFetchState = { fetchState: 'Error', error: action.payload };
         },
+        clearInvoicingQboView(draft) {
+            Object.assign(draft, initialState);
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(clearAll, (draft) => {
@@ -90,5 +130,5 @@ const invoicingQboView = createSlice({
         });
     },
 });
-export const { fetchInvoicingQboConnection, updateInvoicingQboConnection, updateInvoicingQboConnectionFailure, fetchInvoicingAccountingPickers, fetchInvoicingQboSyncHealth, updateInvoicingQboSyncHealth, updateInvoicingQboSyncHealthFailure, retryInvoicingQboSyncTask, retryInvoicingQboSyncTaskSuccess, retryInvoicingQboSyncTaskFailure, startInvoicingQboBackfill, startInvoicingQboBackfillSuccess, startInvoicingQboBackfillFailure, } = invoicingQboView.actions;
+export const { fetchInvoicingQboConnection, updateInvoicingQboConnection, updateInvoicingQboConnectionFailure, fetchInvoicingQboAccounts, updateInvoicingQboAccounts, updateInvoicingQboAccountsFailure, fetchInvoicingQboClasses, updateInvoicingQboClasses, updateInvoicingQboClassesFailure, fetchInvoicingQboSyncHealth, updateInvoicingQboSyncHealth, updateInvoicingQboSyncHealthFailure, retryInvoicingQboSyncTask, retryInvoicingQboSyncTaskSuccess, retryInvoicingQboSyncTaskFailure, startInvoicingQboBackfill, startInvoicingQboBackfillSuccess, startInvoicingQboBackfillFailure, clearInvoicingQboView, } = invoicingQboView.actions;
 export default invoicingQboView.reducer;

package/lib/esm/view/invoicing/invoicingQboView/invoicingQboViewSelector.js

@@ -1,158 +1,16 @@
-import { getAccountList, getNestedAccountListHierarchy, } from '../../accountList/accountListSelector';
-import { getClassList, getNestedClassListHierarchy, } from '../../classList/classListSelector';
-// The shared bucket, fetched with the same arguments as the other consumers so
-// whichever screen loads first satisfies the rest. Invoicing narrows to income
-// accounts when it builds its options, so it does not need its own copy.
-export const INVOICING_ACCOUNT_LIST_KEY = 'accountList';
-/** Whether QBO is connected, without building the option lists to find out. */
-export const isInvoicingQboConnected = (state) => state.invoicingQboViewState.connection?.connected === true;
-/**
- * Whether the accounting pickers are still waiting on their data. Only true when
- * QBO is connected: a tenant without it has no pickers to populate, so the form
- * must not sit behind a skeleton waiting for lists it will never show.
- */
-export const isInvoicingAccountingPickerDataLoading = (state) => {
-    const isPending = (fetchState) => fetchState === 'Not-Started' || fetchState === 'In-Progress';
-    // The connection settles first and decides whether the lists are fetched at
-    // all, so it counts as loading too. Reporting "not loading" while it is in
-    // flight renders the form, then takes it away again the moment the tenant
-    // turns out to be connected.
-    if (isPending(getInvoicingQboConnectionFetchState(state).fetchState)) {
-        return true;
-    }
-    if (!isInvoicingQboConnected(state)) {
-        return false;
-    }
-    const accountList = state.accountListState.byReportId[INVOICING_ACCOUNT_LIST_KEY];
-    return (isPending(accountList.fetchState) ||
-        isPending(state.classListState.fetchState));
-};
-/** The QBO connection fetch on its own, without building the bundled view. */
-export const getInvoicingQboConnectionFetchState = (state) => state.invoicingQboViewState.connectionFetchState;
-/**
- * Account types that can back invoicing revenue. Named here so screens ask for
- * "income accounts" rather than repeating the accounting service's vocabulary.
- */
-export const INVOICING_INCOME_ACCOUNT_TYPES = [
-    'income',
-    'other_income',
-];
-/**
- * Accounts and classes as the invoicing pickers need them. Both come from the
- * shared accounting-service lists, so whatever another screen already loaded
- * is reused. `qboId` is the submitted value because that is what the invoicing
- * API stores; an account without one cannot be posted, so it is dropped rather
- * than offered.
- */
-const invoicingAccountingOptions = (state, accountTypes) => {
-    const { accounts } = getAccountList(state.accountState, state.accountListState, INVOICING_ACCOUNT_LIST_KEY);
-    return accounts.flatMap((account) => {
-        if (account.qboId == null || account.isDeleted === true) {
-            return [];
-        }
-        if (accountTypes != null &&
-            (account.accountType == null ||
-                !accountTypes.includes(account.accountType))) {
-            return [];
-        }
-        return [
-            {
-                id: String(account.qboId),
-                name: account.accountName,
-                accountType: account.accountType,
-            },
-        ];
-    });
-};
-/**
- * Normalises an account-type name for comparison. The config's mapping kinds
- * name QuickBooks types the way QuickBooks displays them ("Other Current
- * Asset", "Expense"), while the accounting service uses snake_case and
- * sometimes pluralises ("other_current_assets", "expenses"). Comparing the
- * normalised, de-pluralised forms keeps a picker from silently emptying because
- * of a trailing "s".
- */
-const normalizeAccountTypeName = (value) => {
-    const normalized = value
-        .trim()
-        .toLowerCase()
-        .replace(/[^a-z0-9]+/g, '_');
-    // Singularise so "Other Current Liability" meets `other_current_liabilities`
-    // and "Expense" meets `expenses`. `-ies` needs its own case: stripping the
-    // trailing "s" alone would leave "liabilitie", matching nothing.
-    return normalized.replace(/ies$/, 'y').replace(/([^s])s$/, '$1');
-};
-/**
- * The accounts valid for one QBO mapping kind, whose `accountTypes` is a
- * comma-separated list of QuickBooks type names. An unrecognised list yields no
- * accounts rather than every account: offering a bank account where income is
- * required would post a mapping QuickBooks rejects.
- */
-export const invoicingAccountsForQboAccountTypes = (accounts, accountTypes) => {
-    const wanted = new Set(accountTypes
-        .split(',')
-        .map(normalizeAccountTypeName)
-        .filter((accountType) => accountType !== ''));
-    if (wanted.size === 0) {
-        return accounts;
-    }
-    return accounts.filter((account) => account.accountType != null &&
-        wanted.has(normalizeAccountTypeName(account.accountType)));
-};
-/** Classes as the invoicing pickers need them, from the shared class list. */
-const invoicingAccountingClassOptions = (state) => {
-    const { classes } = getClassList(state.classState, state.classListState);
-    return classes.flatMap((accountingClass) => accountingClass.qboId == null || accountingClass.isDeleted === true
-        ? []
-        : [
-            {
-                id: String(accountingClass.qboId),
-                name: accountingClass.className,
-            },
-        ]);
-};
-/**
- * The account tree narrowed to the given account types. The tree itself carries
- * no account type, so the flat account list supplies that and the matching
- * `qboId`s are kept — which is why callers that only need "income accounts, as a
- * tree" do not have to hold a second flat list to filter with.
- */
-export const invoicingAccountHierarchyForTypes = (state, accountTypes) => {
-    const allowedQboIds = new Set(invoicingAccountingOptions(state, accountTypes).map((account) => account.id));
-    const keepMatching = (nodes) => nodes.flatMap((node) => {
-        const children = keepMatching(node.children);
-        const isMatch = node.qboId != null && allowedQboIds.has(String(node.qboId));
-        // A parent that is not itself a match is still kept when it holds one, so
-        // the tree's shape survives the filter.
-        if (!isMatch && children.length === 0) {
-            return [];
-        }
-        return [{ ...node, children }];
-    });
-    return keepMatching(getNestedAccountListHierarchy(state.accountListState, INVOICING_ACCOUNT_LIST_KEY));
-};
 /**
  * Single bundled view for the QBO integration settings screen — the
- * connection, the account and class options, sync health, and the fetch/action
- * states for each of them.
+ * connection, per-account-types account options, classes, sync health, and the
+ * fetch/action states for each of them.
  */
 export const getInvoicingQboView = (state) => {
     const qboState = state.invoicingQboViewState;
-    const accountList = state.accountListState.byReportId[INVOICING_ACCOUNT_LIST_KEY];
     return {
-        accounts: invoicingAccountingOptions(state),
-        accountsFetchState: {
-            fetchState: accountList.fetchState,
-            error: accountList.error,
-        },
-        nestedAccountHierarchy: getNestedAccountListHierarchy(state.accountListState, INVOICING_ACCOUNT_LIST_KEY),
-        nestedClassHierarchy: getNestedClassListHierarchy(state.classListState),
+        accountsByAccountTypes: qboState.accountsByAccountTypes,
+        accountsFetchStateByAccountTypes: qboState.accountsFetchStateByAccountTypes,
         backfillState: qboState.backfillFetchState,
-        classes: invoicingAccountingClassOptions(state),
-        classesFetchState: {
-            fetchState: state.classListState.fetchState,
-            error: state.classListState.error,
-        },
+        classes: qboState.classes,
+        classesFetchState: qboState.classesFetchState,
         connection: qboState.connection,
         connectionFetchState: qboState.connectionFetchState,
         retryFetchStateByTaskId: qboState.retryFetchStateByTaskId,

package/lib/esm/view/invoicing/invoicingSubscriptionDetailView/invoicingSubscriptionDetailViewReducer.js

@@ -23,6 +23,9 @@ const invoicingSubscriptionDetailView = createSlice({
             draft.fetchState = 'Error';
             draft.error = action.payload;
         },
+        clearInvoicingSubscriptionDetailView(draft) {
+            Object.assign(draft, initialState);
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(clearAll, (draft) => {
@@ -30,5 +33,5 @@ const invoicingSubscriptionDetailView = createSlice({
         });
     },
 });
-export const { fetchInvoicingSubscriptionDetail, updateInvoicingSubscriptionDetail, updateInvoicingSubscriptionDetailFailure, } = invoicingSubscriptionDetailView.actions;
+export const { fetchInvoicingSubscriptionDetail, updateInvoicingSubscriptionDetail, updateInvoicingSubscriptionDetailFailure, clearInvoicingSubscriptionDetailView, } = invoicingSubscriptionDetailView.actions;
 export default invoicingSubscriptionDetailView.reducer;

package/lib/esm/view/invoicing/invoicingSubscriptionDetailView/invoicingSubscriptionDetailViewSelector.js

@@ -1,11 +1,9 @@
 import { getInvoicingSubscriptionById as getInvoicingSubscriptionByIdFromState } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionSelector';
-import { invoicingFieldHelpForGroup } from '../invoicingConfigView/invoicingConfigViewSelector';
 import { getInvoicingSubscriptionActionState } from '../subscriptionAction/subscriptionActionSelector';
 export const getInvoicingSubscriptionById = (state, id) => getInvoicingSubscriptionByIdFromState(state.invoicingSubscriptionState, id);
 export const getInvoicingSubscriptionDetail = (state, invoicingSubscriptionID) => {
     const { error, fetchState } = state.invoicingSubscriptionDetailViewState;
     return {
-        fieldHelp: invoicingFieldHelpForGroup(state, 'subscription'),
         actionState: getInvoicingSubscriptionActionState(invoicingSubscriptionID)(state),
         subscription: getInvoicingSubscriptionById(state, invoicingSubscriptionID),
         fetchState,

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

@@ -101,6 +101,9 @@ const invoicingSubscriptionListView = createSlice({
                 draft.counts[status] = (draft.counts[status] ?? 0) + 1;
             }
         },
+        clearInvoicingSubscriptionListView(draft) {
+            Object.assign(draft, initialState);
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(clearAll, (draft) => {
@@ -108,5 +111,5 @@ const invoicingSubscriptionListView = createSlice({
         });
     },
 });
-export const { fetchInvoicingSubscriptionList, fetchInvoicingSubscriptionListPage, updateInvoicingSubscriptionList, updateInvoicingSubscriptionListFailure, fetchInvoicingSubscriptionCounts, updateInvoicingSubscriptionCounts, updateInvoicingSubscriptionCountsFailure, updateInvoicingSubscriptionFilters, setInvoicingSubscriptionActiveTab, addInvoicingSubscriptionToList, } = invoicingSubscriptionListView.actions;
+export const { fetchInvoicingSubscriptionList, fetchInvoicingSubscriptionListPage, updateInvoicingSubscriptionList, updateInvoicingSubscriptionListFailure, fetchInvoicingSubscriptionCounts, updateInvoicingSubscriptionCounts, updateInvoicingSubscriptionCountsFailure, updateInvoicingSubscriptionFilters, setInvoicingSubscriptionActiveTab, addInvoicingSubscriptionToList, clearInvoicingSubscriptionListView, } = invoicingSubscriptionListView.actions;
 export default invoicingSubscriptionListView.reducer;

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

@@ -1,7 +1,6 @@
 import { createSelector } from '@reduxjs/toolkit';
 import { getInvoicingSubscriptionsByIds } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionSelector';
-import { invoicingTabIdsFromConfig } from '../invoicingTabHelper';
-import { ALL_INVOICING_SUBSCRIPTION_TAB_IDS, INVOICING_SUBSCRIPTION_COLUMNS, } from './invoicingSubscriptionListViewState';
+import { INVOICING_SUBSCRIPTION_COLUMNS, INVOICING_SUBSCRIPTION_TABS, } from './invoicingSubscriptionListViewState';
 /**
  * Memoized so the denormalized `subscriptions` array (and the wrapping view
  * object) keep referential identity until the subscription entity slice or the
@@ -9,7 +8,7 @@ import { ALL_INVOICING_SUBSCRIPTION_TAB_IDS, INVOICING_SUBSCRIPTION_COLUMNS, } f
  * re-rendered on every unrelated redux action because a fresh array was built
  * each call.
  */
-export const getInvoicingSubscriptionListView = createSelector((state) => state.invoicingSubscriptionState, (state) => state.invoicingSubscriptionListViewState, (state) => state.invoicingConfigViewState.subscriptionStatusOptions, (state) => state.invoicingConfigViewState, (subscriptionState, listViewState, statusOptions, configState) => {
+export const getInvoicingSubscriptionListView = createSelector((state) => state.invoicingSubscriptionState, (state) => state.invoicingSubscriptionListViewState, (subscriptionState, listViewState) => {
     const { activeTab } = listViewState;
     const allSubscriptions = getInvoicingSubscriptionsByIds(subscriptionState, listViewState.ids);
     // The list API ignores `status`, so it returns every status; filter to the
@@ -27,14 +26,7 @@ export const getInvoicingSubscriptionListView = createSelector((state) => state.
         filters: listViewState.filters,
         count: listViewState.counts,
         countsFetchState: listViewState.countsFetchState,
-        subscriptionCommercialEditAllowedFromStatuses: configState.subscriptionCommercialEditAllowedFromStatuses,
-        subscriptionLifecycleActionOptions: configState.subscriptionLifecycleActionOptions,
-        subscriptionMetadataEditAllowedFromStatuses: configState.subscriptionMetadataEditAllowedFromStatuses,
-        statusOptions,
-        tabIds: invoicingTabIdsFromConfig({
-            allTabIds: ALL_INVOICING_SUBSCRIPTION_TAB_IDS,
-            statusOptions,
-        }),
+        tabIds: INVOICING_SUBSCRIPTION_TABS,
         sort: listViewState.sort,
     };
 });

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

@@ -32,3 +32,12 @@ export const ALL_INVOICING_SUBSCRIPTION_TAB_IDS = [
     'cancelled',
 ];
 export const toInvoicingSubscriptionTabId = (v) => stringToUnion(v, ALL_INVOICING_SUBSCRIPTION_TAB_IDS);
+/**
+ * Ordered filter-tab id set owned by CES so the subscription-list tabs live next
+ * to the model rather than being hardcoded in web-components. Tab labels and the
+ * per-tab count lookup stay in the view layer; this only carries the id set and
+ * display order.
+ */
+export const INVOICING_SUBSCRIPTION_TABS = [
+    ...ALL_INVOICING_SUBSCRIPTION_TAB_IDS,
+];

package/lib/esm/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewReducer.js

@@ -23,6 +23,9 @@ const invoicingTransactionDetailView = createSlice({
             draft.fetchState = 'Error';
             draft.error = action.payload;
         },
+        clearInvoicingTransactionDetailView(draft) {
+            Object.assign(draft, initialState);
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(clearAll, (draft) => {
@@ -30,5 +33,5 @@ const invoicingTransactionDetailView = createSlice({
         });
     },
 });
-export const { fetchInvoicingTransactionDetail, updateInvoicingTransactionDetail, updateInvoicingTransactionDetailFailure, } = invoicingTransactionDetailView.actions;
+export const { fetchInvoicingTransactionDetail, updateInvoicingTransactionDetail, updateInvoicingTransactionDetailFailure, clearInvoicingTransactionDetailView, } = invoicingTransactionDetailView.actions;
 export default invoicingTransactionDetailView.reducer;

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

@@ -1,7 +1,6 @@
 import { concat, from } from 'rxjs';
 import { filter, mergeMap } from 'rxjs/operators';
 import { fetchInvoicingTransactionList, fetchInvoicingTransactionListPage, } from '../invoicingTransactionListViewReducer';
-import { makeInvoicingTransactionTabState } from '../invoicingTransactionListViewState';
 /**
  * Fetch unless the endpoint is already loaded or in flight — or always when the
  * caller forces a refresh via `cacheOverride` (e.g. on a filter/sort change).
@@ -17,7 +16,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] ?? makeInvoicingTransactionTabState();
+    const activeTabState = state.byTab[state.activeTab];
     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 { invoicingTransactionTabStateFor, makeInvoicingTransactionIdsByTab, } from './invoicingTransactionListViewState';
+import { 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 = invoicingTransactionTabStateFor(draft.byTab, draft.activeTab);
+                const tab = 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 = invoicingTransactionTabStateFor(draft.byTab, draft.activeTab);
+            const tab = 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 = invoicingTransactionTabStateFor(draft.byTab, draft.activeTab);
+            const tab = 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 = invoicingTransactionTabStateFor(draft.byTab, tabId);
+                const tab = draft.byTab[tabId];
                 if (!tab.ids.includes(id)) {
                     tab.ids = [id, ...tab.ids];
                 }
@@ -104,6 +104,12 @@ const invoicingTransactionListView = createSlice({
                 prependTo(draft.activeTab);
             }
         },
+        clearInvoicingTransactionListView(draft) {
+            draft.activeTab = 'all';
+            draft.byTab = makeInvoicingTransactionIdsByTab();
+            draft.filters = {};
+            draft.sort = undefined;
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(clearAll, (draft) => {
@@ -114,5 +120,5 @@ const invoicingTransactionListView = createSlice({
         });
     },
 });
-export const { fetchInvoicingTransactionList, fetchInvoicingTransactionListPage, updateInvoicingTransactionList, updateInvoicingTransactionListFailure, updateInvoicingTransactionFilters, setInvoicingTransactionActiveTab, addInvoicingTransactionToList, } = invoicingTransactionListView.actions;
+export const { fetchInvoicingTransactionList, fetchInvoicingTransactionListPage, updateInvoicingTransactionList, updateInvoicingTransactionListFailure, updateInvoicingTransactionFilters, setInvoicingTransactionActiveTab, addInvoicingTransactionToList, clearInvoicingTransactionListView, } = invoicingTransactionListView.actions;
 export default invoicingTransactionListView.reducer;

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

@@ -1,15 +1,13 @@
 import { createSelector } from '@reduxjs/toolkit';
 import { getInvoicingTransactionsByIds } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionSelector';
-import { invoicingTabIdsFromConfig } from '../invoicingTabHelper';
-import { ALL_INVOICING_TRANSACTION_TAB_IDS, INVOICING_TRANSACTION_COLUMNS, makeInvoicingTransactionTabState, } from './invoicingTransactionListViewState';
+import { INVOICING_TRANSACTION_COLUMNS, INVOICING_TRANSACTION_TABS, } 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, (state) => state.invoicingConfigViewState.transactionStatusOptions, (transactionState, listViewState, typeOptions, statusOptions) => {
-    const activeTabState = listViewState.byTab[listViewState.activeTab] ??
-        makeInvoicingTransactionTabState();
+export const getInvoicingTransactionListView = createSelector((state) => state.invoicingTransactionState, (state) => state.invoicingTransactionListViewState, (transactionState, listViewState) => {
+    const activeTabState = listViewState.byTab[listViewState.activeTab];
     return {
         activeTab: listViewState.activeTab,
         columns: INVOICING_TRANSACTION_COLUMNS,
@@ -18,13 +16,7 @@ export const getInvoicingTransactionListView = createSelector((state) => state.i
         nextCursor: activeTabState.nextCursor,
         fetchState: activeTabState.fetchState,
         error: activeTabState.error,
-        statusOptions,
-        typeOptions,
-        // Tabs are types on this list, so the type list drives membership.
-        tabIds: invoicingTabIdsFromConfig({
-            allTabIds: ALL_INVOICING_TRANSACTION_TAB_IDS,
-            statusOptions: typeOptions,
-        }),
+        tabIds: INVOICING_TRANSACTION_TABS,
         sort: listViewState.sort,
         version: 1.0,
     };

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

@@ -26,25 +26,23 @@ export const ALL_INVOICING_TRANSACTION_TAB_IDS = [
     'refund',
     'authorization',
     'payment_reversal',
-    'excess_transfer',
 ];
 export const toInvoicingTransactionTabId = (v) => stringToUnion(v, ALL_INVOICING_TRANSACTION_TAB_IDS);
+/**
+ * Ordered filter-tab id set owned by CES so the transaction-list tabs live next
+ * to the model rather than being hardcoded in web-components. Tab labels and the
+ * per-tab count lookup stay in the view layer; this only carries the id set and
+ * display order.
+ */
+export const INVOICING_TRANSACTION_TABS = [
+    ...ALL_INVOICING_TRANSACTION_TAB_IDS,
+];
 export const makeInvoicingTransactionTabState = () => ({
     ids: [],
     nextCursor: null,
     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/esm/view/invoicing/issueCreditNote/issueCreditNoteFormConfig.js

@@ -1,6 +1,13 @@
+export const INVOICING_CREDIT_NOTE_REASON_CODES = [
+    'service_credit',
+    'billing_error',
+    'duplicate_charge',
+    'pricing_correction',
+    'goodwill',
+    'other',
+];
 export const initialIssueCreditNoteFormLocalData = (invoiceId = '') => ({
     invoiceId,
     lineItems: [],
     reasonCode: '',
-    type: '',
 });