@zeniai/client-epic-state 5.1.97 → 5.1.99

package/lib/view/invoicing/invoicingConfigView/invoicingConfigViewState.d.ts

@@ -8,18 +8,28 @@ export interface InvoicingConfigViewState extends FetchedState {
     auditLogSourceLabels: AuditLogSourceLabelOption[];
     autoCollectionOptions: InvoicingNamedOption[];
     billingPeriodUnitOptions: InvoicingNamedOption[];
+    cardStatusOptions: InvoicingNamedOption[];
     catalogItemLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogItemLifecycleAction>[];
+    catalogItemStatusOptions: InvoicingNamedOption[];
+    catalogItemTypeOptions: InvoicingNamedOption[];
     catalogProductLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogProductLifecycleAction>[];
     catalogTrialEndActionOptions: InvoicingNamedOption[];
     catalogTrialUnitOptions: InvoicingNamedOption[];
+    creditNoteReasonCodeOptions: InvoicingNamedOption[];
+    creditNoteStatusOptions: InvoicingNamedOption[];
+    creditNoteTypeOptions: InvoicingNamedOption[];
+    customerStatusOptions: InvoicingNamedOption[];
     customerTypeOptions: InvoicingNamedOption[];
     dateFormatOptions: InvoicingNamedOption[];
     discountApplyOnOptions: InvoicingNamedOption[];
     discountDurationTypeOptions: InvoicingNamedOption[];
     discountLifecycleActionOptions: InvoicingDiscountLifecycleActionOption[];
+    discountStatusOptions: InvoicingNamedOption[];
     discountTypeOptions: InvoicingNamedOption[];
+    dunningCaseStatusOptions: InvoicingNamedOption[];
     dunningScheduleActionOptions: InvoicingDunningActionOption[];
     enableFetchState: FetchStateAndError;
+    invoiceStatusOptions: InvoicingNamedOption[];
     manualPaymentMethodOptions: InvoicingNamedOption[];
     netTermDayOptions: InvoicingNamedOption[];
     paymentGatewayOptions: InvoicingNamedOption[];
@@ -32,7 +42,10 @@ export interface InvoicingConfigViewState extends FetchedState {
     subscriptionEditFieldOptions: InvoicingSubscriptionEditFieldOption[];
     subscriptionLifecycleActionOptions: InvoicingSubscriptionLifecycleActionOption[];
     subscriptionMetadataEditAllowedFromStatuses: string[];
+    subscriptionStatusOptions: InvoicingNamedOption[];
     taxabilityOptions: InvoicingNamedOption[];
+    transactionStatusOptions: InvoicingNamedOption[];
+    transactionTypeOptions: InvoicingNamedOption[];
     /**
      * Allowed tier `Type` options per pricing model. `undefined` means the config
      * has not been loaded yet — consumers disable the tier editor rather than

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

@@ -1,7 +1,7 @@
 import { FetchStateAndError } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { InvoicingCreditNote } from '../../../entity/invoicing/creditNote/creditNoteState';
-import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListCounts, InvoicingNamedOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
 import { InvoicingCreditNoteColumnConfig, InvoicingCreditNoteFilters, InvoicingCreditNoteTabId } from './invoicingCreditNoteListViewState';
@@ -12,7 +12,14 @@ export interface InvoicingCreditNoteListView extends SelectorView {
     countsFetchState: FetchStateAndError;
     creditNotes: InvoicingCreditNote[];
     filters: InvoicingCreditNoteFilters;
+    /**
+     * Config lists this page labels from. Tabs and the status badge use
+     * `statusOptions`; the list also has a `type` column, so `typeOptions` is
+     * exposed too rather than leaving type badges with no names to resolve.
+     */
+    statusOptions: InvoicingNamedOption[];
     tabIds: InvoicingCreditNoteTabId[];
+    typeOptions: InvoicingNamedOption[];
     sort?: InvoicingListSort;
 }
 /**

package/lib/view/invoicing/invoicingCreditNoteListView/invoicingCreditNoteListViewSelector.js

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingCreditNoteListView = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const creditNoteSelector_1 = require("../../../entity/invoicing/creditNote/creditNoteSelector");
+const invoicingTabHelper_1 = require("../invoicingTabHelper");
 const invoicingCreditNoteListViewState_1 = require("./invoicingCreditNoteListViewState");
 /**
  * Memoized so the denormalized `creditNotes` array (and the wrapping view
  * object) keep referential identity until the credit-note entity slice or the
  * list-view slice actually change.
  */
-exports.getInvoicingCreditNoteListView = (0, toolkit_1.createSelector)((state) => state.invoicingCreditNoteState, (state) => state.invoicingCreditNoteListViewState, (creditNoteState, listViewState) => {
+exports.getInvoicingCreditNoteListView = (0, toolkit_1.createSelector)((state) => state.invoicingCreditNoteState, (state) => state.invoicingCreditNoteListViewState, (state) => state.invoicingConfigViewState.creditNoteStatusOptions, (state) => state.invoicingConfigViewState.creditNoteTypeOptions, (creditNoteState, listViewState, statusOptions, typeOptions) => {
     const { activeTab } = listViewState;
     const allCreditNotes = (0, creditNoteSelector_1.getInvoicingCreditNotesByIds)(creditNoteState, listViewState.ids);
     // The list API ignores `status`, so it returns every status; filter to the
@@ -25,7 +26,12 @@ exports.getInvoicingCreditNoteListView = (0, toolkit_1.createSelector)((state) =
         countsFetchState: listViewState.countsFetchState,
         filters: listViewState.filters,
         nextCursor: listViewState.nextCursor,
-        tabIds: invoicingCreditNoteListViewState_1.INVOICING_CREDIT_NOTE_TABS,
+        statusOptions,
+        typeOptions,
+        tabIds: (0, invoicingTabHelper_1.invoicingTabIdsFromConfig)({
+            allTabIds: invoicingCreditNoteListViewState_1.ALL_INVOICING_CREDIT_NOTE_TAB_IDS,
+            statusOptions,
+        }),
         fetchState: listViewState.fetchState,
         error: listViewState.error,
         sort: listViewState.sort,

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

@@ -23,13 +23,6 @@ export declare const INVOICING_CREDIT_NOTE_COLUMNS: InvoicingCreditNoteColumnCon
 export declare const ALL_INVOICING_CREDIT_NOTE_TAB_IDS: readonly ["all", "refund_due", "adjusted", "refunded", "voided"];
 export declare const toInvoicingCreditNoteTabId: (v: string) => "adjusted" | "refunded" | "refund_due" | "voided" | "all";
 export type InvoicingCreditNoteTabId = ReturnType<typeof toInvoicingCreditNoteTabId>;
-/**
- * Ordered filter-tab id set owned by CES so the credit-notes-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 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;

package/lib/view/invoicing/invoicingCreditNoteListView/invoicingCreditNoteListViewState.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.INVOICING_CREDIT_NOTE_TABS = exports.toInvoicingCreditNoteTabId = exports.ALL_INVOICING_CREDIT_NOTE_TAB_IDS = exports.INVOICING_CREDIT_NOTE_COLUMNS = exports.toInvoicingCreditNoteSortKey = exports.ALL_INVOICING_CREDIT_NOTE_SORT_KEYS = void 0;
+exports.toInvoicingCreditNoteTabId = exports.ALL_INVOICING_CREDIT_NOTE_TAB_IDS = exports.INVOICING_CREDIT_NOTE_COLUMNS = exports.toInvoicingCreditNoteSortKey = exports.ALL_INVOICING_CREDIT_NOTE_SORT_KEYS = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 exports.ALL_INVOICING_CREDIT_NOTE_SORT_KEYS = [
     'credit_note',
@@ -33,12 +33,3 @@ exports.ALL_INVOICING_CREDIT_NOTE_TAB_IDS = [
 ];
 const toInvoicingCreditNoteTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_CREDIT_NOTE_TAB_IDS);
 exports.toInvoicingCreditNoteTabId = toInvoicingCreditNoteTabId;
-/**
- * Ordered filter-tab id set owned by CES so the credit-notes-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.
- */
-exports.INVOICING_CREDIT_NOTE_TABS = [
-    ...exports.ALL_INVOICING_CREDIT_NOTE_TAB_IDS,
-];

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/invoicingCustomerListView/invoicingCustomerListViewSelector.d.ts

@@ -1,6 +1,6 @@
 import { FetchStateAndError } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
-import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListCounts, InvoicingNamedOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
 import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
@@ -13,6 +13,8 @@ export interface InvoicingCustomerListView extends SelectorView {
     customers: InvoicingCustomer[];
     filters: InvoicingCustomerFilters;
     nextCursor: string | null;
+    /** Config status/type list; the page labels tabs and badges from it. */
+    statusOptions: InvoicingNamedOption[];
     tabIds: InvoicingCustomerTabId[];
     sort?: InvoicingListSort;
 }

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingCustomerListView = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const invoicingCustomerSelector_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerSelector");
+const invoicingTabHelper_1 = require("../invoicingTabHelper");
 const invoicingCustomerListViewState_1 = require("./invoicingCustomerListViewState");
 /**
  * Memoized so the denormalized `customers` array (and the wrapping view object)
@@ -10,7 +11,7 @@ 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) => {
+exports.getInvoicingCustomerListView = (0, toolkit_1.createSelector)((state) => state.invoicingCustomerState, (state) => state.invoicingCustomerListViewState, (state) => state.invoicingConfigViewState.customerStatusOptions, (customerState, listViewState, statusOptions) => {
     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
@@ -31,7 +32,12 @@ exports.getInvoicingCustomerListView = (0, toolkit_1.createSelector)((state) =>
         filters: listViewState.filters,
         count: listViewState.counts,
         countsFetchState: listViewState.countsFetchState,
-        tabIds: invoicingCustomerListViewState_1.INVOICING_CUSTOMER_TABS,
+        statusOptions,
+        tabIds: (0, invoicingTabHelper_1.invoicingTabIdsFromConfig)({
+            allTabIds: invoicingCustomerListViewState_1.ALL_INVOICING_CUSTOMER_TAB_IDS,
+            localTabIds: ['trial', 'at_risk'],
+            statusOptions,
+        }),
         sort: listViewState.sort,
     };
 });

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

@@ -22,13 +22,6 @@ export declare const INVOICING_CUSTOMER_COLUMNS: InvoicingCustomerColumnConfig[]
 export declare const ALL_INVOICING_CUSTOMER_TAB_IDS: readonly ["all", "active", "trial", "at_risk"];
 export declare const toInvoicingCustomerTabId: (v: string) => "active" | "at_risk" | "trial" | "all";
 export type InvoicingCustomerTabId = ReturnType<typeof toInvoicingCustomerTabId>;
-/**
- * Ordered filter-tab id set owned by CES so the customer-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 declare const INVOICING_CUSTOMER_TABS: InvoicingCustomerTabId[];
 export interface InvoicingCustomerListViewState extends FetchedState {
     /** Selected status tab (CES-owned so it persists across page revisits). */
     activeTab: InvoicingCustomerTabId;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.INVOICING_CUSTOMER_TABS = exports.toInvoicingCustomerTabId = exports.ALL_INVOICING_CUSTOMER_TAB_IDS = exports.INVOICING_CUSTOMER_COLUMNS = exports.toInvoicingCustomerSortKey = exports.ALL_INVOICING_CUSTOMER_SORT_KEYS = void 0;
+exports.toInvoicingCustomerTabId = exports.ALL_INVOICING_CUSTOMER_TAB_IDS = exports.INVOICING_CUSTOMER_COLUMNS = exports.toInvoicingCustomerSortKey = exports.ALL_INVOICING_CUSTOMER_SORT_KEYS = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 exports.ALL_INVOICING_CUSTOMER_SORT_KEYS = [
     'name',
@@ -28,12 +28,3 @@ exports.ALL_INVOICING_CUSTOMER_TAB_IDS = [
 ];
 const toInvoicingCustomerTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_CUSTOMER_TAB_IDS);
 exports.toInvoicingCustomerTabId = toInvoicingCustomerTabId;
-/**
- * Ordered filter-tab id set owned by CES so the customer-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.
- */
-exports.INVOICING_CUSTOMER_TABS = [
-    ...exports.ALL_INVOICING_CUSTOMER_TAB_IDS,
-];

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">, setInvoicingDunningCaseActiveTab: import("@reduxjs/toolkit").ActionCreatorWithPayload<"Retrying" | "Scheduled" | "Manual Review" | "Resolved" | "Cancelled" | "all", "invoicingDunningCaseListView/setInvoicingDunningCaseActiveTab">, 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" | "Paused" | "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/invoicingDunningCaseListViewSelector.d.ts

@@ -1,7 +1,7 @@
 import { FetchStateAndError } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { InvoicingDunningCase } from '../../../entity/invoicing/dunningCase/dunningCaseState';
-import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListCounts, InvoicingNamedOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
 import { InvoicingDunningCaseColumnConfig, InvoicingDunningCaseFilters, InvoicingDunningCaseTabId } from './invoicingDunningCaseListViewState';
@@ -12,6 +12,8 @@ export interface InvoicingDunningCaseListView extends SelectorView {
     countsFetchState: FetchStateAndError;
     dunningCases: InvoicingDunningCase[];
     filters: InvoicingDunningCaseFilters;
+    /** Config status/type list; the page labels tabs and badges from it. */
+    statusOptions: InvoicingNamedOption[];
     tabIds: InvoicingDunningCaseTabId[];
     sort?: InvoicingListSort;
 }

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

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingDunningCaseListView = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const dunningCaseSelector_1 = require("../../../entity/invoicing/dunningCase/dunningCaseSelector");
+const invoicingTabHelper_1 = require("../invoicingTabHelper");
 const invoicingDunningCaseListViewState_1 = require("./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.
  */
-exports.getInvoicingDunningCaseListView = (0, toolkit_1.createSelector)((state) => state.invoicingDunningCaseState, (state) => state.invoicingDunningCaseListViewState, (dunningCaseState, listViewState) => {
+exports.getInvoicingDunningCaseListView = (0, toolkit_1.createSelector)((state) => state.invoicingDunningCaseState, (state) => state.invoicingDunningCaseListViewState, (state) => state.invoicingConfigViewState.dunningCaseStatusOptions, (dunningCaseState, listViewState, statusOptions) => {
     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
@@ -27,7 +28,11 @@ exports.getInvoicingDunningCaseListView = (0, toolkit_1.createSelector)((state)
         nextCursor: listViewState.nextCursor,
         fetchState: listViewState.fetchState,
         error: listViewState.error,
-        tabIds: invoicingDunningCaseListViewState_1.INVOICING_DUNNING_CASE_TABS,
+        statusOptions,
+        tabIds: (0, invoicingTabHelper_1.invoicingTabIdsFromConfig)({
+            allTabIds: invoicingDunningCaseListViewState_1.ALL_INVOICING_DUNNING_CASE_TAB_IDS,
+            statusOptions,
+        }),
         sort: listViewState.sort,
         version: 1.0,
     };

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

@@ -19,16 +19,9 @@ export interface InvoicingDunningCaseColumnConfig {
     sortable: boolean;
 }
 export declare const INVOICING_DUNNING_CASE_COLUMNS: InvoicingDunningCaseColumnConfig[];
-export declare const ALL_INVOICING_DUNNING_CASE_TAB_IDS: readonly ["all", "Retrying", "Scheduled", "Manual Review", "Resolved", "Cancelled"];
-export declare const toInvoicingDunningCaseTabId: (v: string) => "Retrying" | "Scheduled" | "Manual Review" | "Resolved" | "Cancelled" | "all";
+export declare const ALL_INVOICING_DUNNING_CASE_TAB_IDS: readonly ["all", "Retrying", "Scheduled", "Manual Review", "Paused", "Resolved", "Cancelled"];
+export declare const toInvoicingDunningCaseTabId: (v: string) => "Retrying" | "Scheduled" | "Manual Review" | "Resolved" | "Cancelled" | "Paused" | "all";
 export type InvoicingDunningCaseTabId = ReturnType<typeof toInvoicingDunningCaseTabId>;
-/**
- * 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 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;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.INVOICING_DUNNING_CASE_TABS = exports.toInvoicingDunningCaseTabId = exports.ALL_INVOICING_DUNNING_CASE_TAB_IDS = exports.INVOICING_DUNNING_CASE_COLUMNS = exports.toInvoicingDunningCaseSortKey = exports.ALL_INVOICING_DUNNING_CASE_SORT_KEYS = void 0;
+exports.toInvoicingDunningCaseTabId = exports.ALL_INVOICING_DUNNING_CASE_TAB_IDS = exports.INVOICING_DUNNING_CASE_COLUMNS = exports.toInvoicingDunningCaseSortKey = exports.ALL_INVOICING_DUNNING_CASE_SORT_KEYS = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 exports.ALL_INVOICING_DUNNING_CASE_SORT_KEYS = [
     'customer',
@@ -29,17 +29,9 @@ exports.ALL_INVOICING_DUNNING_CASE_TAB_IDS = [
     'Retrying',
     'Scheduled',
     'Manual Review',
+    'Paused',
     'Resolved',
     'Cancelled',
 ];
 const toInvoicingDunningCaseTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_DUNNING_CASE_TAB_IDS);
 exports.toInvoicingDunningCaseTabId = toInvoicingDunningCaseTabId;
-/**
- * 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.
- */
-exports.INVOICING_DUNNING_CASE_TABS = [
-    ...exports.ALL_INVOICING_DUNNING_CASE_TAB_IDS,
-];

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

@@ -1,6 +1,6 @@
 import { FetchStateAndError } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
-import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListCounts, InvoicingNamedOption, InvoicingSubscriptionLifecycleActionOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingSubscription } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionState';
 import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
@@ -12,6 +12,12 @@ export interface InvoicingSubscriptionListView extends SelectorView {
     countsFetchState: FetchStateAndError;
     filters: InvoicingSubscriptionFilters;
     nextCursor: string | null;
+    /** Config status/type list; the page labels tabs and badges from it. */
+    statusOptions: InvoicingNamedOption[];
+    /** Config-owned; folded in so the screen reads one selector. */
+    subscriptionCommercialEditAllowedFromStatuses: string[];
+    subscriptionLifecycleActionOptions: InvoicingSubscriptionLifecycleActionOption[];
+    subscriptionMetadataEditAllowedFromStatuses: string[];
     subscriptions: InvoicingSubscription[];
     tabIds: InvoicingSubscriptionTabId[];
     sort?: InvoicingListSort;

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingSubscriptionListView = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const invoicingSubscriptionSelector_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionSelector");
+const invoicingTabHelper_1 = require("../invoicingTabHelper");
 const invoicingSubscriptionListViewState_1 = require("./invoicingSubscriptionListViewState");
 /**
  * Memoized so the denormalized `subscriptions` array (and the wrapping view
@@ -11,7 +12,7 @@ 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) => {
+exports.getInvoicingSubscriptionListView = (0, toolkit_1.createSelector)((state) => state.invoicingSubscriptionState, (state) => state.invoicingSubscriptionListViewState, (state) => state.invoicingConfigViewState.subscriptionStatusOptions, (state) => state.invoicingConfigViewState, (subscriptionState, listViewState, statusOptions, configState) => {
     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
@@ -29,7 +30,14 @@ exports.getInvoicingSubscriptionListView = (0, toolkit_1.createSelector)((state)
         filters: listViewState.filters,
         count: listViewState.counts,
         countsFetchState: listViewState.countsFetchState,
-        tabIds: invoicingSubscriptionListViewState_1.INVOICING_SUBSCRIPTION_TABS,
+        subscriptionCommercialEditAllowedFromStatuses: configState.subscriptionCommercialEditAllowedFromStatuses,
+        subscriptionLifecycleActionOptions: configState.subscriptionLifecycleActionOptions,
+        subscriptionMetadataEditAllowedFromStatuses: configState.subscriptionMetadataEditAllowedFromStatuses,
+        statusOptions,
+        tabIds: (0, invoicingTabHelper_1.invoicingTabIdsFromConfig)({
+            allTabIds: invoicingSubscriptionListViewState_1.ALL_INVOICING_SUBSCRIPTION_TAB_IDS,
+            statusOptions,
+        }),
         sort: listViewState.sort,
     };
 });

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

@@ -25,13 +25,6 @@ export declare const INVOICING_SUBSCRIPTION_COLUMNS: InvoicingSubscriptionColumn
 export declare const ALL_INVOICING_SUBSCRIPTION_TAB_IDS: readonly ["all", "active", "in_trial", "future", "non_renewing", "paused", "cancelled"];
 export declare const toInvoicingSubscriptionTabId: (v: string) => "cancelled" | "active" | "future" | "in_trial" | "non_renewing" | "paused" | "all";
 export type InvoicingSubscriptionTabId = ReturnType<typeof toInvoicingSubscriptionTabId>;
-/**
- * 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 declare const INVOICING_SUBSCRIPTION_TABS: InvoicingSubscriptionTabId[];
 export interface InvoicingSubscriptionListViewState extends FetchedState {
     /** Selected status tab (CES-owned so it persists across page revisits). */
     activeTab: InvoicingSubscriptionTabId;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.INVOICING_SUBSCRIPTION_TABS = exports.toInvoicingSubscriptionTabId = exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS = exports.INVOICING_SUBSCRIPTION_COLUMNS = exports.toInvoicingSubscriptionSortKey = exports.ALL_INVOICING_SUBSCRIPTION_SORT_KEYS = void 0;
+exports.toInvoicingSubscriptionTabId = exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS = exports.INVOICING_SUBSCRIPTION_COLUMNS = exports.toInvoicingSubscriptionSortKey = exports.ALL_INVOICING_SUBSCRIPTION_SORT_KEYS = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 exports.ALL_INVOICING_SUBSCRIPTION_SORT_KEYS = [
     'subscription',
@@ -37,12 +37,3 @@ exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS = [
 ];
 const toInvoicingSubscriptionTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS);
 exports.toInvoicingSubscriptionTabId = toInvoicingSubscriptionTabId;
-/**
- * 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.
- */
-exports.INVOICING_SUBSCRIPTION_TABS = [
-    ...exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS,
-];

package/lib/view/invoicing/invoicingTabHelper.d.ts

@@ -0,0 +1,27 @@
+import { InvoicingNamedOption } from '../../entity/invoicing/invoicingCommonPayload';
+export interface InvoicingTabIdsFromConfigParams<TabId extends string> {
+    /**
+     * The `as const` id set that backs the tab-id union. Used as the fallback
+     * before config lands, so the tabs are never empty on first paint.
+     */
+    allTabIds: readonly TabId[];
+    /** The config status/type list that decides membership and order. */
+    statusOptions: InvoicingNamedOption[] | undefined;
+    /**
+     * FE-derived tabs that are not backend statuses and so never appear in config
+     * (the customer list's `trial` / `at_risk`, the discount list's `inactive`).
+     * Appended after the config-driven ids, preserving today's display order.
+     */
+    localTabIds?: readonly TabId[];
+}
+/**
+ * Build a list's filter-tab ids from the config option list rather than a
+ * hardcoded array, so adding a status backend-side widens the tabs.
+ *
+ * `all` always leads and is never taken from config. Codes config sends that the
+ * tab-id union does not know still render: the union types state, the per-tab
+ * cache and URL parsing, but it is a frontend snapshot of a backend enum, and
+ * dropping unknown codes would silently hide a status the backend already has —
+ * the exact drift this is meant to end.
+ */
+export declare function invoicingTabIdsFromConfig<TabId extends string>({ allTabIds, localTabIds, statusOptions, }: InvoicingTabIdsFromConfigParams<TabId>): TabId[];

package/lib/view/invoicing/invoicingTabHelper.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.invoicingTabIdsFromConfig = invoicingTabIdsFromConfig;
+const invoicingCommonPayload_1 = require("../../entity/invoicing/invoicingCommonPayload");
+/** Every list's leading "show everything" tab; FE-owned, never a backend status. */
+const ALL_TAB_ID = 'all';
+/**
+ * Build a list's filter-tab ids from the config option list rather than a
+ * hardcoded array, so adding a status backend-side widens the tabs.
+ *
+ * `all` always leads and is never taken from config. Codes config sends that the
+ * tab-id union does not know still render: the union types state, the per-tab
+ * cache and URL parsing, but it is a frontend snapshot of a backend enum, and
+ * dropping unknown codes would silently hide a status the backend already has —
+ * the exact drift this is meant to end.
+ */
+function invoicingTabIdsFromConfig({ allTabIds, localTabIds = [], statusOptions, }) {
+    // Nullish as well as empty: a partial test state or a draft persisted before
+    // these lists existed can leave it undefined.
+    if (statusOptions == null || statusOptions.length === 0) {
+        return [...allTabIds];
+    }
+    const configTabIds = (0, invoicingCommonPayload_1.invoicingOptionCodes)(statusOptions)
+        .filter((code) => code !== ALL_TAB_ID)
+        // A config code outside the union is still a valid tab at runtime — the
+        // caches key off the string — so it is admitted rather than dropped.
+        .map((code) => code);
+    const ordered = [ALL_TAB_ID, ...configTabIds, ...localTabIds];
+    return Array.from(new Set(ordered));
+}

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

@@ -4,6 +4,7 @@ exports.fetchInvoicingTransactionListPageEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const invoicingTransactionListViewReducer_1 = require("../invoicingTransactionListViewReducer");
+const invoicingTransactionListViewState_1 = require("../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).
@@ -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.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">, 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">;
+}, "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" | "excess_transfer", "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;

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.d.ts

@@ -1,4 +1,5 @@
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingNamedOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingTransaction } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionState';
 import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
@@ -8,8 +9,15 @@ export interface InvoicingTransactionListView extends SelectorView {
     columns: InvoicingTransactionColumnConfig[];
     filters: InvoicingTransactionFilters;
     nextCursor: string | null;
+    /**
+     * Config lists this page labels from. Tabs on this list are transaction
+     * *types*, while row badges show transaction *status*, so both are exposed —
+     * conflating them left status badges with no names to resolve against.
+     */
+    statusOptions: InvoicingNamedOption[];
     tabIds: InvoicingTransactionTabId[];
     transactions: InvoicingTransaction[];
+    typeOptions: InvoicingNamedOption[];
     sort?: InvoicingListSort;
 }
 /**