@zeniai/client-epic-state 5.1.98 → 5.2.0

package/lib/view/invoicing/couponView/couponViewSelector.d.ts

@@ -1,7 +1,7 @@
 import { FetchStateAndError } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { InvoicingCoupon } from '../../../entity/invoicing/coupon/couponState';
-import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingDiscountLifecycleActionOption, InvoicingListCounts, InvoicingNamedOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { RootState } from '../../../reducer';
 import { InvoicingListSort } from '../invoicingApiHelper';
 import { InvoicingCouponColumnConfig, InvoicingCouponFilters, InvoicingCouponTabId } from './couponViewState';
@@ -17,8 +17,12 @@ export interface InvoicingCouponListView extends SelectorView {
     count: InvoicingListCounts;
     countsFetchState: FetchStateAndError;
     coupons: InvoicingCoupon[];
+    /** Config-owned; folded in so the screen reads one selector. */
+    discountLifecycleActionOptions: InvoicingDiscountLifecycleActionOption[];
     filters: InvoicingCouponFilters;
     nextCursor: string | null;
+    /** Config status/type list; the page labels tabs and badges from it. */
+    statusOptions: InvoicingNamedOption[];
     tabIds: InvoicingCouponTabId[];
     sort?: InvoicingListSort;
 }

package/lib/view/invoicing/couponView/couponViewSelector.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingCouponListView = exports.getInvoicingCouponCounts = exports.getInvoicingCouponListFilters = exports.getInvoicingCouponListHasMore = exports.getInvoicingCouponListNextCursor = exports.getInvoicingCouponListFetchState = exports.getInvoicingCouponListItems = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const invoicingTabHelper_1 = require("../invoicingTabHelper");
 const couponViewState_1 = require("./couponViewState");
 const getInvoicingCouponListItems = (state) => state.invoicingCouponViewState.ids
     .map((id) => state.invoicingCouponState.couponByID[id])
@@ -26,19 +27,22 @@ exports.getInvoicingCouponCounts = getInvoicingCouponCounts;
  * array (and the wrapping view object) keep referential identity until the
  * coupon entity slice or the list-view slice actually change.
  */
-exports.getInvoicingCouponListView = (0, toolkit_1.createSelector)((state) => state.invoicingCouponState, (state) => state.invoicingCouponViewState, (couponState, listViewState) => {
+exports.getInvoicingCouponListView = (0, toolkit_1.createSelector)((state) => state.invoicingCouponState, (state) => state.invoicingCouponViewState, (state) => state.invoicingConfigViewState.discountStatusOptions, (state) => state.invoicingConfigViewState.discountLifecycleActionOptions, (couponState, listViewState, statusOptions, discountLifecycleActionOptions) => {
     const { activeTab } = listViewState;
     const allCoupons = listViewState.ids
         .map((id) => couponState.couponByID[id])
         .filter((item) => item != null);
     // The list API ignores `status`, so it returns every status; filter to the
-    // active tab client-side. 'all' shows everything, 'active' shows only active
-    // coupons, and 'inactive' shows every non-active status (undefined included).
+    // active tab client-side. 'all' shows everything and 'inactive' is the
+    // FE-derived composite of every non-active status (undefined included);
+    // every other tab is a real backend status and matches exactly — without
+    // that, config-supplied tabs like `expired` and `archived` would each show
+    // the whole non-active set.
     const coupons = activeTab === 'all'
         ? allCoupons
-        : allCoupons.filter((coupon) => activeTab === 'active'
-            ? coupon.status === 'active'
-            : coupon.status !== 'active');
+        : activeTab === 'inactive'
+            ? allCoupons.filter((coupon) => coupon.status !== 'active')
+            : allCoupons.filter((coupon) => coupon.status === activeTab);
     return {
         activeTab,
         columns: couponViewState_1.INVOICING_COUPON_COLUMNS,
@@ -47,7 +51,13 @@ exports.getInvoicingCouponListView = (0, toolkit_1.createSelector)((state) => st
         countsFetchState: listViewState.countsFetchState,
         filters: listViewState.filters,
         nextCursor: listViewState.nextCursor,
-        tabIds: couponViewState_1.INVOICING_COUPON_TABS,
+        discountLifecycleActionOptions,
+        statusOptions,
+        tabIds: (0, invoicingTabHelper_1.invoicingTabIdsFromConfig)({
+            allTabIds: couponViewState_1.ALL_INVOICING_COUPON_TAB_IDS,
+            localTabIds: ['inactive'],
+            statusOptions,
+        }),
         fetchState: listViewState.fetchState,
         error: listViewState.error,
         sort: listViewState.sort,

package/lib/view/invoicing/couponView/couponViewState.d.ts

@@ -22,13 +22,6 @@ export declare const INVOICING_COUPON_COLUMNS: InvoicingCouponColumnConfig[];
 export declare const ALL_INVOICING_COUPON_TAB_IDS: readonly ["all", "active", "inactive"];
 export declare const toInvoicingCouponTabId: (v: string) => "active" | "inactive" | "all";
 export type InvoicingCouponTabId = ReturnType<typeof toInvoicingCouponTabId>;
-/**
- * Ordered filter-tab id set owned by CES so the coupon/discount-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_COUPON_TABS: InvoicingCouponTabId[];
 export interface InvoicingCouponViewState extends FetchedState {
     /** Selected status tab (CES-owned so it persists across page revisits). */
     activeTab: InvoicingCouponTabId;

package/lib/view/invoicing/couponView/couponViewState.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.INVOICING_COUPON_TABS = exports.toInvoicingCouponTabId = exports.ALL_INVOICING_COUPON_TAB_IDS = exports.INVOICING_COUPON_COLUMNS = exports.toInvoicingCouponSortKey = exports.ALL_INVOICING_COUPON_SORT_KEYS = void 0;
+exports.toInvoicingCouponTabId = exports.ALL_INVOICING_COUPON_TAB_IDS = exports.INVOICING_COUPON_COLUMNS = exports.toInvoicingCouponSortKey = exports.ALL_INVOICING_COUPON_SORT_KEYS = void 0;
 const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
 exports.ALL_INVOICING_COUPON_SORT_KEYS = [
     'coupon_id',
@@ -33,12 +33,3 @@ exports.ALL_INVOICING_COUPON_TAB_IDS = [
 ];
 const toInvoicingCouponTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_COUPON_TAB_IDS);
 exports.toInvoicingCouponTabId = toInvoicingCouponTabId;
-/**
- * Ordered filter-tab id set owned by CES so the coupon/discount-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_COUPON_TABS = [
-    ...exports.ALL_INVOICING_COUPON_TAB_IDS,
-];

package/lib/view/invoicing/createCreditNote/createCreditNoteFormConfig.js

@@ -11,5 +11,6 @@ const initialCreateCreditNoteFormLocalData = () => ({
     ],
     reasonCode: '',
     referenceInvoiceId: '',
+    type: '',
 });
 exports.initialCreateCreditNoteFormLocalData = initialCreateCreditNoteFormLocalData;

package/lib/view/invoicing/createCreditNote/createCreditNotePayload.js

@@ -18,10 +18,13 @@ const localDataToCreateCreditNotePayload = (localData) => {
         lineItem.unit_amount > 0);
     const reasonCode = localData.reasonCode.trim();
     const referenceInvoiceId = localData.referenceInvoiceId.trim();
+    // Optional-chained: a draft persisted before this field existed has no
+    // `type`, and the draft survives navigation.
+    const type = localData.type?.trim() ?? '';
     return {
         customer_id: localData.customerId,
         line_items: lineItems,
-        type: 'adjustment',
+        ...(type !== '' ? { type } : {}),
         ...(reasonCode !== '' ? { reason_code: reasonCode } : {}),
         ...(referenceInvoiceId !== ''
             ? { reference_invoice_id: referenceInvoiceId }

package/lib/view/invoicing/createCreditNote/createCreditNoteSelector.d.ts

@@ -1,5 +1,6 @@
 import { ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingNamedOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { RootState } from '../../../reducer';
 import { CreateCreditNoteFormLocalData } from './createCreditNoteState';
 export interface InvoicingCreateCreditNoteView extends SelectorView {
@@ -8,6 +9,7 @@ export interface InvoicingCreateCreditNoteView extends SelectorView {
 export declare const getCreateCreditNoteView: (state: RootState) => InvoicingCreateCreditNoteView;
 export interface CreateCreditNoteFormView extends SelectorView {
     localData: CreateCreditNoteFormLocalData;
-    reasonCodeValues: string[];
+    reasonCodeOptions: InvoicingNamedOption[];
+    typeOptions: InvoicingNamedOption[];
 }
 export declare const getCreateCreditNoteFormView: (state: RootState) => CreateCreditNoteFormView;

package/lib/view/invoicing/createCreditNote/createCreditNoteSelector.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCreateCreditNoteFormView = exports.getCreateCreditNoteView = void 0;
-const issueCreditNoteFormConfig_1 = require("../issueCreditNote/issueCreditNoteFormConfig");
+const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
 const getCreateCreditNoteView = (state) => {
     const { createdCreditNoteId, error, fetchState } = state.invoicingCreateCreditNoteState;
     return {
@@ -14,9 +14,11 @@ const getCreateCreditNoteView = (state) => {
 exports.getCreateCreditNoteView = getCreateCreditNoteView;
 const getCreateCreditNoteFormView = (state) => {
     const { draft, error, fetchState } = state.invoicingCreateCreditNoteState;
+    const { creditNoteReasonCodeOptions, creditNoteTypeOptions } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
         localData: draft,
-        reasonCodeValues: [...issueCreditNoteFormConfig_1.INVOICING_CREDIT_NOTE_REASON_CODES],
+        reasonCodeOptions: creditNoteReasonCodeOptions,
+        typeOptions: creditNoteTypeOptions,
         error,
         fetchState,
         version: 1.0,

package/lib/view/invoicing/createCreditNote/createCreditNoteState.d.ts

@@ -11,6 +11,12 @@ export interface CreateCreditNoteFormLocalData {
     lineItems: CreateCreditNoteLineItemDraft[];
     reasonCode: string;
     referenceInvoiceId: string;
+    /**
+     * Credit-note type code from `credit_note_type_options`. Empty until the user
+     * picks one; the payload then omits it and lets the backend default, rather
+     * than the client asserting `adjustment` for every credit note as it used to.
+     */
+    type: string;
 }
 export interface CreateCreditNoteState extends FetchedState {
     draft: CreateCreditNoteFormLocalData;

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/editInvoicingCatalogItemDetailViewSelector.d.ts

@@ -1,6 +1,6 @@
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
-import { InvoicingNamedOptionsByKey } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingNamedOption, InvoicingNamedOptionsByKey } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
 import { RootState } from '../../../reducer';
 import { InvoicingCatalogItemKind } from '../invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewState';
@@ -32,13 +32,13 @@ export interface InvoicingCatalogItemFormView extends SelectorView {
     applicableItemOptions: ApplicableCatalogItemOption[];
     localData: InvoicingCatalogItemFormLocalData;
     mode: 'create' | 'edit';
-    periodUnitValues: readonly string[];
+    periodUnitOptions: InvoicingNamedOption[];
     pricingModelValues: readonly string[];
     prorationValues: readonly string[];
     tierTypeValues: readonly string[];
-    trialEndActionValues: readonly string[];
-    trialUnitValues: readonly string[];
-    typeValues: readonly string[];
+    trialEndActionOptions: InvoicingNamedOption[];
+    trialUnitOptions: InvoicingNamedOption[];
+    typeOptions: InvoicingNamedOption[];
     /**
      * Backend tier-type choices per pricing model. Folded in here rather than left
      * for the screen to pull off `getInvoicingConfigView` itself, so the form wires

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/editInvoicingCatalogItemDetailViewSelector.js

@@ -54,19 +54,20 @@ const getInvoicingCatalogItemFormView = (state, id) => {
     const applicableItemOptions = id != null
         ? allApplicableItemOptions.filter((option) => option.id !== id)
         : allApplicableItemOptions;
+    const { billingPeriodUnitOptions, catalogItemTypeOptions, catalogTierTypeOptionsByPricingModel, catalogTrialEndActionOptions, catalogTrialUnitOptions, } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
         applicabilityValues: invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_APPLICABILITY_VALUES,
         applicableItemOptions,
         localData,
         mode: id != null ? 'edit' : 'create',
-        periodUnitValues: invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_PERIOD_UNIT_VALUES,
+        periodUnitOptions: billingPeriodUnitOptions,
         pricingModelValues: invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_PRICING_MODEL_VALUES,
         prorationValues: invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_PRORATION_VALUES,
         tierTypeValues: invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_TIER_TYPE_VALUES,
-        trialEndActionValues: invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_TRIAL_END_ACTION_VALUES,
-        trialUnitValues: invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_TRIAL_UNIT_VALUES,
-        typeValues: invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_TYPE_VALUES,
-        catalogTierTypeOptionsByPricingModel: (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state).catalogTierTypeOptionsByPricingModel,
+        trialEndActionOptions: catalogTrialEndActionOptions,
+        trialUnitOptions: catalogTrialUnitOptions,
+        typeOptions: catalogItemTypeOptions,
+        catalogTierTypeOptionsByPricingModel,
         kind,
         plan,
         savedItemId,

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/invoicingCatalogItemFormConfig.d.ts

@@ -2,15 +2,12 @@ import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
 import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
 import { InvoicingCatalogItemFormLocalData, InvoicingCatalogItemFormSubFamily, InvoicingCatalogItemFormTier } from './editInvoicingCatalogItemDetailViewState';
 /**
- * Canonical value sets for the catalog item form. CES owns the values;
- * web-components maps each value to a localized label.
+ * Value sets the catalog item form still owns locally: the backend has no enum
+ * for pricing model, tier type, proration or applicability yet, so these stay
+ * here until it does. Everything else on this form comes from `/1.0/config`.
  */
-export declare const INVOICING_CATALOG_TYPE_VALUES: readonly ["plan", "addon", "charge"];
-export declare const INVOICING_CATALOG_PERIOD_UNIT_VALUES: readonly ["day", "week", "month", "year"];
 export declare const INVOICING_CATALOG_PRICING_MODEL_VALUES: readonly ["flat_fee", "per_unit", "tiered", "volume", "stairstep"];
 export declare const INVOICING_CATALOG_TIER_TYPE_VALUES: readonly ["per_unit", "flat_fee", "package"];
-export declare const INVOICING_CATALOG_TRIAL_UNIT_VALUES: readonly ["day", "month"];
-export declare const INVOICING_CATALOG_TRIAL_END_ACTION_VALUES: readonly ["site_default", "activate_subscription", "cancel_subscription"];
 export declare const INVOICING_CATALOG_PRORATION_VALUES: readonly ["site_default", "partial_term", "full_term"];
 export declare const INVOICING_CATALOG_APPLICABILITY_VALUES: readonly ["all", "restricted"];
 export declare const isTieredCatalogPricingModel: (model: string) => boolean;

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/invoicingCatalogItemFormConfig.js

@@ -1,21 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.entityToInvoicingCatalogItemFormLocalData = exports.initialInvoicingCatalogItemFormLocalData = exports.invoicingProductToCatalogItemFormSubFamily = exports.blankInvoicingCatalogSubFamily = exports.blankInvoicingCatalogTier = exports.isTieredCatalogPricingModel = exports.INVOICING_CATALOG_APPLICABILITY_VALUES = exports.INVOICING_CATALOG_PRORATION_VALUES = exports.INVOICING_CATALOG_TRIAL_END_ACTION_VALUES = exports.INVOICING_CATALOG_TRIAL_UNIT_VALUES = exports.INVOICING_CATALOG_TIER_TYPE_VALUES = exports.INVOICING_CATALOG_PRICING_MODEL_VALUES = exports.INVOICING_CATALOG_PERIOD_UNIT_VALUES = exports.INVOICING_CATALOG_TYPE_VALUES = void 0;
+exports.entityToInvoicingCatalogItemFormLocalData = exports.initialInvoicingCatalogItemFormLocalData = exports.invoicingProductToCatalogItemFormSubFamily = exports.blankInvoicingCatalogSubFamily = exports.blankInvoicingCatalogTier = exports.isTieredCatalogPricingModel = exports.INVOICING_CATALOG_APPLICABILITY_VALUES = exports.INVOICING_CATALOG_PRORATION_VALUES = exports.INVOICING_CATALOG_TIER_TYPE_VALUES = exports.INVOICING_CATALOG_PRICING_MODEL_VALUES = void 0;
 /**
- * Canonical value sets for the catalog item form. CES owns the values;
- * web-components maps each value to a localized label.
+ * Value sets the catalog item form still owns locally: the backend has no enum
+ * for pricing model, tier type, proration or applicability yet, so these stay
+ * here until it does. Everything else on this form comes from `/1.0/config`.
  */
-exports.INVOICING_CATALOG_TYPE_VALUES = [
-    'plan',
-    'addon',
-    'charge',
-];
-exports.INVOICING_CATALOG_PERIOD_UNIT_VALUES = [
-    'day',
-    'week',
-    'month',
-    'year',
-];
 exports.INVOICING_CATALOG_PRICING_MODEL_VALUES = [
     'flat_fee',
     'per_unit',
@@ -28,12 +18,6 @@ exports.INVOICING_CATALOG_TIER_TYPE_VALUES = [
     'flat_fee',
     'package',
 ];
-exports.INVOICING_CATALOG_TRIAL_UNIT_VALUES = ['day', 'month'];
-exports.INVOICING_CATALOG_TRIAL_END_ACTION_VALUES = [
-    'site_default',
-    'activate_subscription',
-    'cancel_subscription',
-];
 exports.INVOICING_CATALOG_PRORATION_VALUES = [
     'site_default',
     'partial_term',

package/lib/view/invoicing/editInvoicingCouponDetailView/editInvoicingCouponDetailViewSelector.d.ts

@@ -1,11 +1,13 @@
-import { ID } from '../../../commonStateTypes/common';
+import { FetchState, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
-import { InvoicingCouponApplyOn, InvoicingCouponDurationType, InvoicingCouponPeriodUnit, InvoicingDiscountType } from '../../../entity/invoicing/coupon/couponPayload';
 import { InvoicingCoupon } from '../../../entity/invoicing/coupon/couponState';
-import { InvoicingFormOption } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingDiscountLifecycleActionOption, InvoicingFormOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { RootState } from '../../../reducer';
 import { InvoicingCouponFormLocalData } from './editInvoicingCouponDetailViewState';
 export interface EditInvoicingCouponDetailView extends SelectorView {
+    /** Config-owned; folded in so the screen reads one selector. */
+    configFetchState: FetchState;
+    discountLifecycleActionOptions: InvoicingDiscountLifecycleActionOption[];
     coupon?: InvoicingCoupon;
     savedCouponId?: ID;
 }
@@ -16,12 +18,12 @@ export interface EditInvoicingCouponDetailView extends SelectorView {
  */
 export declare const getEditInvoicingCouponDetailViewState: (state: RootState, couponId?: ID) => EditInvoicingCouponDetailView;
 export interface InvoicingCouponFormView extends EditInvoicingCouponDetailView {
-    applyOnOptions: readonly InvoicingFormOption<InvoicingCouponApplyOn>[];
-    discountTypeOptions: readonly InvoicingFormOption<InvoicingDiscountType>[];
-    durationTypeOptions: readonly InvoicingFormOption<InvoicingCouponDurationType>[];
+    applyOnOptions: InvoicingFormOption[];
+    discountTypeOptions: InvoicingFormOption[];
+    durationTypeOptions: InvoicingFormOption[];
     localData: InvoicingCouponFormLocalData;
     mode: 'create' | 'edit';
-    periodUnitOptions: readonly InvoicingFormOption<InvoicingCouponPeriodUnit>[];
+    periodUnitOptions: InvoicingFormOption[];
 }
 /**
  * Bundled view for the discount form screen: the edit view (save state + the

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