@zeniai/client-epic-state 5.1.98 → 5.2.0

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoiceListView = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const invoicingTabHelper_1 = require("../invoicingTabHelper");
 const invoiceListState_1 = require("./invoiceListState");
 /**
  * Bundled read view for the invoices list page: the denormalized invoice rows
@@ -9,8 +10,11 @@ const invoiceListState_1 = require("./invoiceListState");
  * array (and the wrapping view object) keep referential identity until the
  * 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.invoiceByTab[listViewState.activeTab];
+exports.getInvoiceListView = (0, toolkit_1.createSelector)((state) => state.invoicingInvoiceState, (state) => state.invoicingInvoiceListState, (state) => state.invoicingConfigViewState.invoiceStatusOptions, (invoiceState, listViewState, statusOptions) => {
+    // Config-driven tabs: a status this build's union does not know has no
+    // cache entry until it is fetched, so default rather than crash.
+    const activeTabState = listViewState.invoiceByTab[listViewState.activeTab] ??
+        (0, invoiceListState_1.makeInvoiceTabState)();
     return {
         activeTab: listViewState.activeTab,
         invoices: activeTabState.invoiceIds
@@ -22,7 +26,11 @@ exports.getInvoiceListView = (0, toolkit_1.createSelector)((state) => state.invo
         kpis: listViewState.kpis,
         kpisFetchState: listViewState.kpisFetchState,
         nextCursor: activeTabState.nextCursor,
-        tabIds: invoiceListState_1.INVOICING_INVOICE_TABS,
+        statusOptions,
+        tabIds: (0, invoicingTabHelper_1.invoicingTabIdsFromConfig)({
+            allTabIds: invoiceListState_1.ALL_INVOICING_INVOICE_TAB_IDS,
+            statusOptions,
+        }),
         fetchState: activeTabState.fetchState,
         error: activeTabState.error,
         version: 1.0,

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

@@ -5,13 +5,6 @@ import { InvoicingListSort } from '../invoicingApiHelper';
 export declare const ALL_INVOICING_INVOICE_TAB_IDS: readonly ["all", "paid", "partially_paid", "payment_due", "not_paid", "voided"];
 export declare const toInvoicingInvoiceTabId: (v: string) => "paid" | "voided" | "partially_paid" | "payment_due" | "not_paid" | "all";
 export type InvoicingInvoiceTabId = ReturnType<typeof toInvoicingInvoiceTabId>;
-/**
- * Ordered filter-tab id set owned by CES so the invoice-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_INVOICE_TABS: InvoicingInvoiceTabId[];
 /** Filters that drive the invoice list query (mirrors the Invoices hooks). */
 export interface InvoiceListFilters {
     customerId?: ID;
@@ -38,7 +31,13 @@ export interface InvoiceListState {
     /** Base query shared across tabs (search / customer / subscription / dates). */
     filters: InvoiceListFilters;
     /** Per-tab cached invoice ids + cursor + fetch state. */
-    invoiceByTab: Record<InvoicingInvoiceTabId, InvoiceTabState>;
+    /**
+     * Per-tab cache. `Partial` because the tab set comes from `/1.0/config`: a
+     * status the backend added that this build's tab-id union does not know still
+     * renders a tab, and its cache entry is created on first use rather than
+     * pre-seeded. Readers must default a missing entry.
+     */
+    invoiceByTab: Partial<Record<InvoicingInvoiceTabId, InvoiceTabState>>;
     kpisFetchState: FetchStateAndError;
     /** Tab-independent money KPIs. */
     kpis?: InvoicingInvoiceKPIs;
@@ -46,4 +45,9 @@ export interface InvoiceListState {
     sort?: InvoicingListSort;
 }
 export declare const makeInvoiceTabState: () => InvoiceTabState;
-export declare const makeInvoiceByTab: () => Record<InvoicingInvoiceTabId, InvoiceTabState>;
+/**
+ * The cache entry for a tab, created on first use. The tab set is config-driven,
+ * so a status this build's union does not know still needs somewhere to cache.
+ */
+export declare const invoiceTabStateFor: (invoiceByTab: Partial<Record<InvoicingInvoiceTabId, InvoiceTabState>>, tabId: InvoicingInvoiceTabId) => InvoiceTabState;
+export declare const makeInvoiceByTab: () => Partial<Record<InvoicingInvoiceTabId, InvoiceTabState>>;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeInvoiceByTab = exports.makeInvoiceTabState = exports.INVOICING_INVOICE_TABS = exports.toInvoicingInvoiceTabId = exports.ALL_INVOICING_INVOICE_TAB_IDS = void 0;
+exports.makeInvoiceByTab = exports.invoiceTabStateFor = exports.makeInvoiceTabState = exports.toInvoicingInvoiceTabId = exports.ALL_INVOICING_INVOICE_TAB_IDS = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 exports.ALL_INVOICING_INVOICE_TAB_IDS = [
     'all',
@@ -12,15 +12,6 @@ exports.ALL_INVOICING_INVOICE_TAB_IDS = [
 ];
 const toInvoicingInvoiceTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_INVOICE_TAB_IDS);
 exports.toInvoicingInvoiceTabId = toInvoicingInvoiceTabId;
-/**
- * Ordered filter-tab id set owned by CES so the invoice-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_INVOICE_TABS = [
-    ...exports.ALL_INVOICING_INVOICE_TAB_IDS,
-];
 const makeInvoiceTabState = () => ({
     invoiceIds: [],
     nextCursor: null,
@@ -28,6 +19,20 @@ const makeInvoiceTabState = () => ({
     error: undefined,
 });
 exports.makeInvoiceTabState = makeInvoiceTabState;
+/**
+ * The cache entry for a tab, created on first use. The tab set is config-driven,
+ * so a status this build's union does not know still needs somewhere to cache.
+ */
+const invoiceTabStateFor = (invoiceByTab, tabId) => {
+    const existing = invoiceByTab[tabId];
+    if (existing != null) {
+        return existing;
+    }
+    const created = (0, exports.makeInvoiceTabState)();
+    invoiceByTab[tabId] = created;
+    return created;
+};
+exports.invoiceTabStateFor = invoiceTabStateFor;
 const makeInvoiceByTab = () => exports.ALL_INVOICING_INVOICE_TAB_IDS.reduce((acc, tabId) => {
     acc[tabId] = (0, exports.makeInvoiceTabState)();
     return acc;

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewSelector.d.ts

@@ -1,6 +1,6 @@
 import { FetchState, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
-import { InvoicingCatalogItemLifecycleAction, InvoicingCatalogLifecycleActionOption, InvoicingCatalogProductLifecycleAction, InvoicingNamedOptionsByKey } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingCatalogItemLifecycleAction, InvoicingCatalogLifecycleActionOption, InvoicingCatalogProductLifecycleAction, InvoicingNamedOption, InvoicingNamedOptionsByKey } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
 import { RootState } from '../../../reducer';
 import { InvoicingCatalogItemKind } from './invoicingCatalogItemDetailViewState';
@@ -20,6 +20,14 @@ export interface InvoicingCatalogItemDetailView extends SelectorView {
     catalogItemLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogItemLifecycleAction>[];
     catalogProductLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogProductLifecycleAction>[];
     configFetchState: FetchState;
+    /**
+     * Config option lists the detail page's inline pricing editor renders, so the
+     * screen reads them off this view instead of `getInvoicingConfigView`.
+     */
+    periodUnitOptions: InvoicingNamedOption[];
+    trialEndActionOptions: InvoicingNamedOption[];
+    trialUnitOptions: InvoicingNamedOption[];
+    typeOptions: InvoicingNamedOption[];
     catalogTierTypeOptionsByPricingModel?: InvoicingNamedOptionsByKey;
     plan?: InvoicingPlan;
 }

package/lib/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewSelector.js

@@ -5,13 +5,17 @@ const planSelector_1 = require("../../../entity/invoicing/plan/planSelector");
 const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
 const getInvoicingCatalogItemDetail = (state, _kind, id) => {
     const { error, fetchState } = state.invoicingCatalogItemDetailViewState;
-    const { catalogItemLifecycleActionOptions, catalogProductLifecycleActionOptions, catalogTierTypeOptionsByPricingModel, fetchState: configFetchState, } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
+    const { billingPeriodUnitOptions, catalogItemLifecycleActionOptions, catalogItemTypeOptions, catalogProductLifecycleActionOptions, catalogTierTypeOptionsByPricingModel, catalogTrialEndActionOptions, catalogTrialUnitOptions, fetchState: configFetchState, } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
         catalogItemLifecycleActionOptions,
         catalogProductLifecycleActionOptions,
         catalogTierTypeOptionsByPricingModel,
         configFetchState,
+        periodUnitOptions: billingPeriodUnitOptions,
         plan: (0, planSelector_1.getInvoicingPlanById)(state.invoicingPlanState, id),
+        trialEndActionOptions: catalogTrialEndActionOptions,
+        trialUnitOptions: catalogTrialUnitOptions,
+        typeOptions: catalogItemTypeOptions,
         fetchState,
         error,
         version: 1.0,

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewSelector.d.ts

@@ -1,12 +1,14 @@
 import { FetchStateAndError } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
-import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingCatalogItemLifecycleAction, InvoicingCatalogLifecycleActionOption, InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
 import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
 import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
 import { InvoicingCatalogPlanFilters, InvoicingCatalogProductFilters, InvoicingProductColumnConfig } from './invoicingCatalogListViewState';
 export interface InvoicingCatalogListView extends SelectorView {
+    /** Config-owned; folded in so the screen reads one selector. */
+    catalogItemLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogItemLifecycleAction>[];
     count: InvoicingListCounts;
     countsFetchState: FetchStateAndError;
     planFilters: InvoicingCatalogPlanFilters;

package/lib/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewSelector.js

@@ -19,7 +19,8 @@ exports.getInvoicingCatalogPrices = getInvoicingCatalogPrices;
  * denormalized arrays keep referential identity. The base `fetchState`/`error`
  * track the plan list; the product list has its own `productFetchState`.
  */
-exports.getInvoicingCatalogListView = (0, toolkit_1.createSelector)((state) => state.invoicingPlanState, (state) => state.invoicingCatalogListViewState, (planState, listViewState) => ({
+exports.getInvoicingCatalogListView = (0, toolkit_1.createSelector)((state) => state.invoicingPlanState, (state) => state.invoicingCatalogListViewState, (state) => state.invoicingConfigViewState.catalogItemLifecycleActionOptions, (planState, listViewState, catalogItemLifecycleActionOptions) => ({
+    catalogItemLifecycleActionOptions,
     plans: (0, planSelector_1.getInvoicingPlansByIds)(planState, listViewState.planIds),
     productColumns: invoicingCatalogListViewState_1.INVOICING_PRODUCT_COLUMNS,
     products: (0, planSelector_1.getInvoicingPlansByIds)(planState, listViewState.productIds),

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

@@ -23,15 +23,25 @@ export interface InvoicingConfigPayload {
     subscription_metadata_edit_allowed_from_statuses: string[];
     auto_collection_options?: InvoicingNamedOptionWire[];
     billing_period_unit_options?: InvoicingNamedOptionWire[];
+    card_status_options?: InvoicingNamedOptionWire[];
+    catalog_item_status_options?: InvoicingNamedOptionWire[];
+    catalog_item_type_options?: InvoicingNamedOptionWire[];
     catalog_tier_type_options_by_pricing_model?: InvoicingNamedOptionsByKeyWire;
     catalog_trial_end_action_options?: InvoicingNamedOptionWire[];
     catalog_trial_unit_options?: InvoicingNamedOptionWire[];
     created_at?: string | null;
+    credit_note_reason_code_options?: InvoicingNamedOptionWire[];
+    credit_note_status_options?: InvoicingNamedOptionWire[];
+    credit_note_type_options?: InvoicingNamedOptionWire[];
+    customer_status_options?: InvoicingNamedOptionWire[];
     customer_type_options?: InvoicingNamedOptionWire[];
     date_format_options?: InvoicingNamedOptionWire[];
     discount_apply_on_options?: InvoicingNamedOptionWire[];
     discount_duration_type_options?: InvoicingNamedOptionWire[];
+    discount_status_options?: InvoicingNamedOptionWire[];
     discount_type_options?: InvoicingNamedOptionWire[];
+    dunning_case_status_options?: InvoicingNamedOptionWire[];
+    invoice_status_options?: InvoicingNamedOptionWire[];
     invoicing_tos_acceptance_ip?: string | null;
     invoicing_tos_acceptance_time?: string | null;
     invoicing_tos_acceptance_user_agent?: string | null;
@@ -43,7 +53,10 @@ export interface InvoicingConfigPayload {
     qbo_account_mapping_kind_options?: InvoicingQboAccountMappingKindOptionWire[];
     qbo_customer_matching_options?: InvoicingNamedOptionWire[];
     qbo_sync_status_options?: InvoicingNamedOptionWire[];
+    subscription_status_options?: InvoicingNamedOptionWire[];
     taxability_options?: InvoicingNamedOptionWire[];
+    transaction_status_options?: InvoicingNamedOptionWire[];
+    transaction_type_options?: InvoicingNamedOptionWire[];
     updated_at?: string | null;
 }
 export type InvoicingConfigResponse = ZeniAPIResponse<InvoicingConfigPayload>;

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

@@ -2,7 +2,7 @@ import { ZeniAPIStatus } from '../../../responsePayload';
 import { InvoicingConfigPayload } from './invoicingConfigViewPayload';
 import { InvoicingConfigViewState } from './invoicingConfigViewState';
 export declare const initialState: InvoicingConfigViewState;
-export declare function mapInvoicingConfigPayloadToState(payload: InvoicingConfigPayload): Pick<InvoicingConfigViewState, 'auditLogEntityRouteOptions' | 'auditLogListSortFieldOptions' | 'auditLogSourceLabels' | 'autoCollectionOptions' | 'billingPeriodUnitOptions' | 'catalogTierTypeOptionsByPricingModel' | 'catalogTrialEndActionOptions' | 'catalogTrialUnitOptions' | 'customerTypeOptions' | 'dateFormatOptions' | 'discountApplyOnOptions' | 'discountDurationTypeOptions' | 'discountTypeOptions' | 'manualPaymentMethodOptions' | 'netTermDayOptions' | 'paymentGatewayOptions' | 'taxabilityOptions' | 'createdAt' | 'updatedAt' | 'dunningScheduleActionOptions' | 'subscriptionLifecycleActionOptions' | 'subscriptionCommercialEditAllowedFromStatuses' | 'subscriptionMetadataEditAllowedFromStatuses' | 'subscriptionEditFieldOptions' | 'subscriptionCancelTimingOptions' | 'subscriptionChangeOptionOptions' | 'catalogItemLifecycleActionOptions' | 'catalogProductLifecycleActionOptions' | 'discountLifecycleActionOptions' | 'qboAccountMappingKindOptions' | 'qboCustomerMatchingOptions' | 'qboSyncStatusOptions' | 'isInvoicingEnabled' | 'isInvoicingTosAccepted' | 'invoicingTosAcceptanceIp' | 'invoicingTosAcceptanceTime' | 'invoicingTosAcceptanceUserAgent' | 'invoicingTosAcceptanceUserId' | 'isInvoicingSettingsSeeded'>;
+export declare function mapInvoicingConfigPayloadToState(payload: InvoicingConfigPayload): Pick<InvoicingConfigViewState, 'auditLogEntityRouteOptions' | 'auditLogListSortFieldOptions' | 'auditLogSourceLabels' | 'autoCollectionOptions' | 'billingPeriodUnitOptions' | 'catalogTierTypeOptionsByPricingModel' | 'catalogTrialEndActionOptions' | 'catalogTrialUnitOptions' | 'customerTypeOptions' | 'dateFormatOptions' | 'discountApplyOnOptions' | 'discountDurationTypeOptions' | 'discountTypeOptions' | 'manualPaymentMethodOptions' | 'netTermDayOptions' | 'paymentGatewayOptions' | 'taxabilityOptions' | 'cardStatusOptions' | 'catalogItemStatusOptions' | 'catalogItemTypeOptions' | 'creditNoteReasonCodeOptions' | 'creditNoteStatusOptions' | 'creditNoteTypeOptions' | 'customerStatusOptions' | 'discountStatusOptions' | 'dunningCaseStatusOptions' | 'invoiceStatusOptions' | 'subscriptionStatusOptions' | 'transactionStatusOptions' | 'transactionTypeOptions' | 'createdAt' | 'updatedAt' | 'dunningScheduleActionOptions' | 'subscriptionLifecycleActionOptions' | 'subscriptionCommercialEditAllowedFromStatuses' | 'subscriptionMetadataEditAllowedFromStatuses' | 'subscriptionEditFieldOptions' | 'subscriptionCancelTimingOptions' | 'subscriptionChangeOptionOptions' | 'catalogItemLifecycleActionOptions' | 'catalogProductLifecycleActionOptions' | 'discountLifecycleActionOptions' | 'qboAccountMappingKindOptions' | 'qboCustomerMatchingOptions' | 'qboSyncStatusOptions' | 'isInvoicingEnabled' | 'isInvoicingTosAccepted' | 'invoicingTosAcceptanceIp' | 'invoicingTosAcceptanceTime' | 'invoicingTosAcceptanceUserAgent' | 'invoicingTosAcceptanceUserId' | 'isInvoicingSettingsSeeded'>;
 export declare const fetchInvoicingConfig: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload?: {
     cacheOverride?: boolean;
 } | undefined], {

package/lib/view/invoicing/invoicingConfigView/invoicingConfigViewReducer.js

@@ -28,6 +28,19 @@ exports.initialState = {
     netTermDayOptions: [],
     paymentGatewayOptions: [],
     taxabilityOptions: [],
+    cardStatusOptions: [],
+    catalogItemStatusOptions: [],
+    catalogItemTypeOptions: [],
+    creditNoteReasonCodeOptions: [],
+    creditNoteStatusOptions: [],
+    creditNoteTypeOptions: [],
+    customerStatusOptions: [],
+    discountStatusOptions: [],
+    dunningCaseStatusOptions: [],
+    invoiceStatusOptions: [],
+    subscriptionStatusOptions: [],
+    transactionStatusOptions: [],
+    transactionTypeOptions: [],
     enableFetchState: { fetchState: 'Not-Started', error: undefined },
     subscriptionLifecycleActionOptions: [],
     subscriptionCommercialEditAllowedFromStatuses: [],
@@ -81,6 +94,19 @@ function mapInvoicingConfigPayloadToState(payload) {
         netTermDayOptions: (payload.net_term_day_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
         paymentGatewayOptions: (payload.payment_gateway_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
         taxabilityOptions: (payload.taxability_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        cardStatusOptions: (payload.card_status_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        catalogItemStatusOptions: (payload.catalog_item_status_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        catalogItemTypeOptions: (payload.catalog_item_type_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        creditNoteReasonCodeOptions: (payload.credit_note_reason_code_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        creditNoteStatusOptions: (payload.credit_note_status_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        creditNoteTypeOptions: (payload.credit_note_type_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        customerStatusOptions: (payload.customer_status_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        discountStatusOptions: (payload.discount_status_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        dunningCaseStatusOptions: (payload.dunning_case_status_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        invoiceStatusOptions: (payload.invoice_status_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        subscriptionStatusOptions: (payload.subscription_status_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        transactionStatusOptions: (payload.transaction_status_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        transactionTypeOptions: (payload.transaction_type_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
         createdAt: payload.created_at ?? undefined,
         updatedAt: payload.updated_at ?? undefined,
         dunningScheduleActionOptions: payload.dunning_schedule_action_options.map((option) => ({

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

@@ -1,4 +1,4 @@
-import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { FetchState, FetchStateAndError } from '../../../commonStateTypes/common';
 import { RootState } from '../../../reducer';
 import { InvoicingOnboardingStatus } from './invoicingConfigViewPayload';
 import { InvoicingConfigViewState } from './invoicingConfigViewState';
@@ -16,3 +16,21 @@ export interface InvoicingConfigView extends Omit<InvoicingConfigViewState, 'acc
     status?: InvoicingOnboardingStatus;
 }
 export declare const getInvoicingConfigView: (state: RootState) => InvoicingConfigView;
+/**
+ * The onboarding/route gate's slice of the config: whether invoicing is routed to
+ * the promo, the settings step or the live module, plus the two action fetch
+ * states those surfaces render against.
+ *
+ * Exists so the drawers, the invoicing route gate and the promo screen have a
+ * concern-scoped view to read instead of reaching into
+ * {@link getInvoicingConfigView} — they are nav and routing, not pages, so there
+ * is no page-level view for them to use. The whole config shape stays out of
+ * their props either way.
+ */
+export interface InvoicingOnboardingGateView {
+    acceptTermsState: FetchStateAndError;
+    enableState: FetchStateAndError;
+    fetchState: FetchState;
+    status?: InvoicingOnboardingStatus;
+}
+export declare const getInvoicingOnboardingGateView: (state: RootState) => InvoicingOnboardingGateView;

package/lib/view/invoicing/invoicingConfigView/invoicingConfigViewSelector.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getInvoicingConfigView = void 0;
+exports.getInvoicingOnboardingGateView = exports.getInvoicingConfigView = void 0;
 const invoicingConfigViewPayload_1 = require("./invoicingConfigViewPayload");
 const getInvoicingConfigView = (state) => {
     const { acceptTermsFetchState, enableFetchState, ...configState } = state.invoicingConfigViewState;
@@ -12,3 +12,13 @@ const getInvoicingConfigView = (state) => {
     };
 };
 exports.getInvoicingConfigView = getInvoicingConfigView;
+const getInvoicingOnboardingGateView = (state) => {
+    const { acceptTermsFetchState, enableFetchState, fetchState } = state.invoicingConfigViewState;
+    return {
+        acceptTermsState: acceptTermsFetchState,
+        enableState: enableFetchState,
+        fetchState,
+        status: (0, invoicingConfigViewPayload_1.deriveInvoicingOnboardingStatus)(state.invoicingConfigViewState.isInvoicingTosAccepted, state.invoicingConfigViewState.isInvoicingEnabled),
+    };
+};
+exports.getInvoicingOnboardingGateView = getInvoicingOnboardingGateView;

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;
 }