@zeniai/client-epic-state 5.1.98 → 5.1.99

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

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