@zeniai/client-epic-state 5.1.97 → 5.1.99

package/lib/view/invoicing/editInvoicingCouponDetailView/editInvoicingCouponDetailViewSelector.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingCouponFormView = exports.getEditInvoicingCouponDetailViewState = void 0;
-const couponConstants_1 = require("../../../entity/invoicing/coupon/couponConstants");
 const couponSelector_1 = require("../../../entity/invoicing/coupon/couponSelector");
+const invoicingCommonPayload_1 = require("../../../entity/invoicing/invoicingCommonPayload");
+const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
 const editInvoicingCouponDetailViewState_1 = require("./editInvoicingCouponDetailViewState");
 /**
  * Bundled view for the discount create/edit form: the save fetch state/error,
@@ -11,7 +12,10 @@ const editInvoicingCouponDetailViewState_1 = require("./editInvoicingCouponDetai
  */
 const getEditInvoicingCouponDetailViewState = (state, couponId) => {
     const { error, fetchState, savedCouponId } = state.editInvoicingCouponDetailViewState;
+    const { discountLifecycleActionOptions, fetchState: configFetchState } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
+        configFetchState,
+        discountLifecycleActionOptions,
         coupon: couponId != null
             ? (0, couponSelector_1.getInvoicingCouponById)(state.invoicingCouponState, couponId)
             : undefined,
@@ -35,14 +39,15 @@ const getInvoicingCouponFormView = (state, couponId) => {
         ? (editDraftById[couponId] ??
             (0, editInvoicingCouponDetailViewState_1.entityToInvoicingCouponFormLocalData)(base.coupon))
         : newCouponDraft;
+    const { billingPeriodUnitOptions, discountApplyOnOptions, discountDurationTypeOptions, discountTypeOptions, } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
         ...base,
-        applyOnOptions: couponConstants_1.INVOICING_COUPON_APPLY_ON_OPTIONS,
-        discountTypeOptions: couponConstants_1.INVOICING_DISCOUNT_TYPE_OPTIONS,
-        durationTypeOptions: couponConstants_1.INVOICING_COUPON_DURATION_TYPE_OPTIONS,
+        applyOnOptions: discountApplyOnOptions.map(invoicingCommonPayload_1.toInvoicingFormOption),
+        discountTypeOptions: discountTypeOptions.map(invoicingCommonPayload_1.toInvoicingFormOption),
+        durationTypeOptions: discountDurationTypeOptions.map(invoicingCommonPayload_1.toInvoicingFormOption),
         localData,
         mode: couponId != null ? 'edit' : 'create',
-        periodUnitOptions: couponConstants_1.INVOICING_COUPON_PERIOD_UNIT_OPTIONS,
+        periodUnitOptions: billingPeriodUnitOptions.map(invoicingCommonPayload_1.toInvoicingFormOption),
     };
 };
 exports.getInvoicingCouponFormView = getInvoicingCouponFormView;

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewSelector.d.ts

@@ -1,13 +1,14 @@
 import { ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingNamedOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { RootState } from '../../../reducer';
 import { InvoicingCustomerFormLocalData } from './editInvoicingCustomerDetailViewState';
 export interface InvoicingCustomerFormView extends SelectorView {
-    customerTypeValues: string[];
+    customerTypeOptions: InvoicingNamedOption[];
     localData: InvoicingCustomerFormLocalData;
     mode: 'create' | 'edit';
-    netTermDayValues: string[];
-    taxabilityValues: string[];
+    netTermDayOptions: InvoicingNamedOption[];
+    taxabilityOptions: InvoicingNamedOption[];
     billingAddressId?: ID;
     billingAddressLabel?: string;
     savedCustomerId?: ID;

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewSelector.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingCustomerFormView = void 0;
 const invoicingCustomerSelector_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerSelector");
 const addressViewSelector_1 = require("../../addressView/addressViewSelector");
+const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
 const invoicingCustomerFormConfig_1 = require("./invoicingCustomerFormConfig");
 /**
  * Bundled view for the customer create/edit form. Exposes the draft `localData`
@@ -29,12 +30,13 @@ const getInvoicingCustomerFormView = (state, invoicingCustomerID) => {
     const billingAddressLabel = newAddress?.addressToCreate != null
         ? (0, addressViewSelector_1.getFormattedAddress)(newAddress.addressToCreate)
         : undefined;
+    const { customerTypeOptions, netTermDayOptions, taxabilityOptions } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
-        customerTypeValues: [...invoicingCustomerFormConfig_1.INVOICING_CUSTOMER_TYPE_VALUES],
+        customerTypeOptions,
         localData,
         mode,
-        netTermDayValues: [...invoicingCustomerFormConfig_1.INVOICING_NET_TERM_DAY_VALUES],
-        taxabilityValues: [...invoicingCustomerFormConfig_1.INVOICING_TAXABILITY_VALUES],
+        netTermDayOptions,
+        taxabilityOptions,
         billingAddressId,
         billingAddressLabel,
         savedCustomerId,

package/lib/view/invoicing/editInvoicingCustomerDetailView/invoicingCustomerFormConfig.d.ts

@@ -2,14 +2,6 @@ import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/i
 import { InvoicingCustomerFormLocalData } from './editInvoicingCustomerDetailViewState';
 /** `AddressType` key used when the customer form opens the shared Address screen. */
 export declare const INVOICING_CUSTOMER_BILLING_ADDRESS_TYPE: "invoicing_customer_billing_address";
-/**
- * Canonical option value sets for the customer form. CES owns the values;
- * web-components maps each value to a localized label (same split as the
- * invoicing list column/tab config).
- */
-export declare const INVOICING_CUSTOMER_TYPE_VALUES: readonly ["business", "residential"];
-export declare const INVOICING_TAXABILITY_VALUES: readonly ["taxable", "exempt"];
-export declare const INVOICING_NET_TERM_DAY_VALUES: readonly ["0", "15", "30", "45", "60"];
 export declare const initialInvoicingCustomerFormLocalData: InvoicingCustomerFormLocalData;
 /** Seed the form draft from an existing customer entity (edit mode). */
 export declare const entityToInvoicingCustomerFormLocalData: (customer?: InvoicingCustomer) => InvoicingCustomerFormLocalData;

package/lib/view/invoicing/editInvoicingCustomerDetailView/invoicingCustomerFormConfig.js

@@ -1,25 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.entityToInvoicingCustomerFormLocalData = exports.initialInvoicingCustomerFormLocalData = exports.INVOICING_NET_TERM_DAY_VALUES = exports.INVOICING_TAXABILITY_VALUES = exports.INVOICING_CUSTOMER_TYPE_VALUES = exports.INVOICING_CUSTOMER_BILLING_ADDRESS_TYPE = void 0;
+exports.entityToInvoicingCustomerFormLocalData = exports.initialInvoicingCustomerFormLocalData = exports.INVOICING_CUSTOMER_BILLING_ADDRESS_TYPE = void 0;
 /** `AddressType` key used when the customer form opens the shared Address screen. */
 exports.INVOICING_CUSTOMER_BILLING_ADDRESS_TYPE = 'invoicing_customer_billing_address';
-/**
- * Canonical option value sets for the customer form. CES owns the values;
- * web-components maps each value to a localized label (same split as the
- * invoicing list column/tab config).
- */
-exports.INVOICING_CUSTOMER_TYPE_VALUES = [
-    'business',
-    'residential',
-];
-exports.INVOICING_TAXABILITY_VALUES = ['taxable', 'exempt'];
-exports.INVOICING_NET_TERM_DAY_VALUES = [
-    '0',
-    '15',
-    '30',
-    '45',
-    '60',
-];
 exports.initialInvoicingCustomerFormLocalData = {
     autoCollection: true,
     company: '',

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewSelector.d.ts

@@ -1,6 +1,7 @@
 import { ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { InvoicingCoupon } from '../../../entity/invoicing/coupon/couponState';
+import { InvoicingSubscriptionLifecycleActionOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
 import { InvoicingSubscription } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionState';
 import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
@@ -13,6 +14,10 @@ import { InvoicingSubscriptionFormLocalData } from './editInvoicingSubscriptionD
  * prefill the form.
  */
 export interface EditInvoicingSubscriptionDetailView extends SelectorView {
+    /** Config-owned; folded in so the screen reads one selector. */
+    subscriptionCommercialEditAllowedFromStatuses: string[];
+    subscriptionLifecycleActionOptions: InvoicingSubscriptionLifecycleActionOption[];
+    subscriptionMetadataEditAllowedFromStatuses: string[];
     savedSubscriptionId?: ID;
     subscription?: InvoicingSubscription;
 }

package/lib/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewSelector.js

@@ -5,11 +5,16 @@ const invoicingSubscriptionSelector_1 = require("../../../entity/invoicing/invoi
 const addressViewSelector_1 = require("../../addressView/addressViewSelector");
 const couponViewSelector_1 = require("../couponView/couponViewSelector");
 const invoicingCatalogListViewSelector_1 = require("../invoicingCatalogListView/invoicingCatalogListViewSelector");
+const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
 const invoicingCustomerListViewSelector_1 = require("../invoicingCustomerListView/invoicingCustomerListViewSelector");
 const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormConfig");
 const getEditInvoicingSubscriptionDetailViewState = (state, invoicingSubscriptionID) => {
     const { error, fetchState, savedSubscriptionId } = state.editInvoicingSubscriptionDetailViewState;
+    const { subscriptionCommercialEditAllowedFromStatuses, subscriptionLifecycleActionOptions, subscriptionMetadataEditAllowedFromStatuses, } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
+        subscriptionCommercialEditAllowedFromStatuses,
+        subscriptionLifecycleActionOptions,
+        subscriptionMetadataEditAllowedFromStatuses,
         subscription: invoicingSubscriptionID != null
             ? (0, invoicingSubscriptionSelector_1.getInvoicingSubscriptionById)(state.invoicingSubscriptionState, invoicingSubscriptionID)
             : undefined,

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

@@ -4,6 +4,7 @@ exports.fetchInvoiceListPageEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const invoiceListReducer_1 = require("./invoiceListReducer");
+const invoiceListState_1 = require("./invoiceListState");
 /**
  * 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 fetchInvoiceListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoiceListReducer_1.fetchInvoiceListPage.match), (0, operators_1.mergeMap)((action) => {
     const { cacheOverride, filters, sort } = action.payload;
     const state = state$.value.invoicingInvoiceListState;
-    const activeTabState = state.invoiceByTab[state.activeTab];
+    const activeTabState = state.invoiceByTab[state.activeTab] ?? (0, invoiceListState_1.makeInvoiceTabState)();
     const pageActions = [];
     if (shouldFetch({ fetchState: activeTabState.fetchState, error: activeTabState.error }, cacheOverride)) {
         pageActions.push((0, invoiceListReducer_1.fetchInvoiceList)({ filters, sort }));

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

@@ -20,13 +20,17 @@ const sameInvoiceListQuery = (a, b) => a.filters.customerId === b.filters.custom
     a.sort?.dir === b.sort?.dir;
 exports.sameInvoiceListQuery = sameInvoiceListQuery;
 /**
- * Narrow an invoice status to a status tab id when one exists. Statuses like
- * `draft` / `posted` / `pending` have no dedicated tab, so a newly created
- * invoice in one of those states only lands in the `all` tab.
+ * The status tab a newly created invoice belongs in — always its own status.
+ *
+ * This used to gate on `ALL_INVOICING_INVOICE_TAB_IDS`, which left a status the
+ * config added but this build's union does not know getting its count
+ * incremented while the id landed only in `all`: the tab rendered with a
+ * non-zero count and an empty list until a refetch. Per-tab cache entries are
+ * created on demand now, so every status is a valid key and the add path agrees
+ * with the count path. A status with no rendered tab just caches an entry nobody
+ * reads.
  */
-const statusToTabId = (status) => invoiceListState_1.ALL_INVOICING_INVOICE_TAB_IDS.includes(status)
-    ? status
-    : undefined;
+const statusToTabId = (status) => status;
 exports.initialState = {
     activeTab: 'all',
     invoiceByTab: (0, invoiceListState_1.makeInvoiceByTab)(),
@@ -42,7 +46,7 @@ const invoiceList = (0, toolkit_1.createSlice)({
     reducers: {
         fetchInvoiceList: {
             reducer(draft, action) {
-                const tab = draft.invoiceByTab[draft.activeTab];
+                const tab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, draft.activeTab);
                 if (!action.payload.keepExistingListItems) {
                     tab.invoiceIds = [];
                     tab.nextCursor = null;
@@ -85,7 +89,7 @@ const invoiceList = (0, toolkit_1.createSlice)({
             },
         },
         updateInvoiceList(draft, action) {
-            const tab = draft.invoiceByTab[draft.activeTab];
+            const tab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, draft.activeTab);
             const newIds = action.payload.invoices.map((invoice) => invoice.id);
             tab.invoiceIds = action.payload.keepExistingListItems
                 ? [...new Set([...tab.invoiceIds, ...newIds])]
@@ -95,7 +99,7 @@ const invoiceList = (0, toolkit_1.createSlice)({
             tab.error = undefined;
         },
         updateInvoiceListFailure(draft, action) {
-            const tab = draft.invoiceByTab[draft.activeTab];
+            const tab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, draft.activeTab);
             tab.fetchState = 'Error';
             tab.error = action.payload;
         },
@@ -141,17 +145,14 @@ const invoiceList = (0, toolkit_1.createSlice)({
         // are left untouched and refetched lazily.
         addInvoiceToList(draft, action) {
             const { id, status } = action.payload;
-            const allTab = draft.invoiceByTab['all'];
+            const allTab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, 'all');
             if (allTab.invoiceIds.includes(id)) {
                 return;
             }
             allTab.invoiceIds = [id, ...allTab.invoiceIds];
-            const statusTab = statusToTabId(status);
-            if (statusTab != null) {
-                const tab = draft.invoiceByTab[statusTab];
-                if (!tab.invoiceIds.includes(id)) {
-                    tab.invoiceIds = [id, ...tab.invoiceIds];
-                }
+            const statusTab = (0, invoiceListState_1.invoiceTabStateFor)(draft.invoiceByTab, statusToTabId(status));
+            if (!statusTab.invoiceIds.includes(id)) {
+                statusTab.invoiceIds = [id, ...statusTab.invoiceIds];
             }
             draft.counts.all += 1;
             draft.counts[status] = (draft.counts[status] ?? 0) + 1;

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

@@ -1,7 +1,7 @@
 import { FetchStateAndError } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { InvoicingInvoice, InvoicingInvoiceKPIs } from '../../../entity/invoicing/invoice/invoiceState';
-import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListCounts, InvoicingNamedOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { RootState } from '../../../reducer';
 import { InvoiceListFilters, InvoicingInvoiceTabId } from './invoiceListState';
 export interface InvoiceListView extends SelectorView {
@@ -12,6 +12,8 @@ export interface InvoiceListView extends SelectorView {
     invoices: InvoicingInvoice[];
     kpisFetchState: FetchStateAndError;
     nextCursor: string | null;
+    /** Config status list; the page labels tabs and row badges from it. */
+    statusOptions: InvoicingNamedOption[];
     tabIds: InvoicingInvoiceTabId[];
     kpis?: InvoicingInvoiceKPIs;
 }

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;