@zeniai/client-epic-state 5.1.98 → 5.1.99

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

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