@zeniai/client-epic-state 5.1.96 → 5.1.97-betaAK0

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/editInvoicingSubscriptionDetailViewPayload.d.ts

@@ -7,5 +7,9 @@ export type SaveInvoicingSubscriptionResponse = ZeniAPIResponse<InvoicingSubscri
  * Build the create/update subscription request body from the form draft. The
  * shipping address is sent as an object (captured via the shared Address
  * screen); the backend persists it — same pattern as the customer save flow.
+ *
+ * `remaining_billing_cycles` is omitted when the user left the field empty, so
+ * the backend applies the plan's own `billing_cycles` (or renews forever when
+ * the plan sets no limit) rather than being pinned to a value the form invented.
  */
 export declare const localDataToSaveInvoicingSubscriptionPayload: (localData: InvoicingSubscriptionFormLocalData, shippingAddress?: AddressUpdatableInfo) => Record<string, unknown>;

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

@@ -7,6 +7,10 @@ const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormCo
  * Build the create/update subscription request body from the form draft. The
  * shipping address is sent as an object (captured via the shared Address
  * screen); the backend persists it — same pattern as the customer save flow.
+ *
+ * `remaining_billing_cycles` is omitted when the user left the field empty, so
+ * the backend applies the plan's own `billing_cycles` (or renews forever when
+ * the plan sets no limit) rather than being pinned to a value the form invented.
  */
 const localDataToSaveInvoicingSubscriptionPayload = (localData, shippingAddress) => {
     const frequency = (0, invoicingSubscriptionFormConfig_1.billingFrequencyToPeriod)(localData.billingFrequency);
@@ -14,32 +18,38 @@ const localDataToSaveInvoicingSubscriptionPayload = (localData, shippingAddress)
         {
             item_price_code: localData.planPriceCode,
             item_type: 'plan',
-            quantity: Math.max(1, localData.planQuantity || 1),
+            quantity: (0, invoicingSubscriptionFormConfig_1.toInvoicingSubscriptionQuantity)(localData.planQuantity),
         },
         ...localData.addonPriceCodes.map((priceCode) => ({
             item_price_code: priceCode,
             item_type: 'addon',
-            quantity: 1,
+            quantity: (0, invoicingSubscriptionFormConfig_1.toInvoicingSubscriptionQuantity)(localData.addonQuantities[priceCode]),
         })),
         ...localData.chargePriceCodes.map((priceCode) => ({
             item_price_code: priceCode,
             item_type: 'charge',
-            quantity: 1,
+            quantity: (0, invoicingSubscriptionFormConfig_1.toInvoicingSubscriptionQuantity)(localData.chargeQuantities[priceCode]),
         })),
     ];
     const setupFee = localData.setupFee?.amount;
     const poNumber = localData.poNumber.trim();
     const trialEnd = localData.trialEnd.trim();
+    const startedAt = localData.startedAt.trim();
+    const remainingBillingCycles = (0, invoicingSubscriptionFormConfig_1.toInvoicingSubscriptionBillingCycles)(localData.remainingBillingCycles);
     return {
         auto_collection: localData.autoCollection ? 'on' : 'off',
         billing_period: frequency.period,
         billing_period_unit: frequency.unit,
         currency_code: localData.preferredCurrencyCode,
         customer_id: localData.customerId,
+        started_at: startedAt !== '' ? startedAt : (0, invoicingSubscriptionFormConfig_1.invoicingSubscriptionTodayIso)(),
         subscription_items: items,
         ...(setupFee != null ? { setup_fee: setupFee } : {}),
         ...(poNumber !== '' ? { po_number: poNumber } : {}),
         ...(trialEnd !== '' ? { trial_end: trialEnd } : {}),
+        ...(remainingBillingCycles != null
+            ? { remaining_billing_cycles: remainingBillingCycles }
+            : {}),
         ...(localData.couponId !== '' ? { coupon_ids: [localData.couponId] } : {}),
         ...(shippingAddress != null
             ? { shipping_address: (0, addressViewPayload_1.toAddressUpdatableInfoPayload)(shippingAddress) }

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

@@ -9,15 +9,32 @@ import { FetchedState, ID } from '../../../commonStateTypes/common';
  */
 export interface InvoicingSubscriptionFormLocalData {
     addonPriceCodes: string[];
+    /**
+     * Per-add-on quantity, keyed by item price code. Only the codes currently in
+     * `addonPriceCodes` are read when the save payload is built, so a code left
+     * behind by a deselect is inert; a missing key bills as 1.
+     */
+    addonQuantities: Record<string, number>;
     autoCollection: boolean;
     billingFrequency: string;
     chargePriceCodes: string[];
+    /** Per-charge quantity, keyed by item price code. See `addonQuantities`. */
+    chargeQuantities: Record<string, number>;
     couponId: string;
     customerId: string;
     planPriceCode: string;
     planQuantity: number;
     poNumber: string;
     preferredCurrencyCode: string;
+    /**
+     * Number of paid billing cycles including the first invoice, held as a string
+     * so an empty field stays distinguishable from a real 0. Empty means "no
+     * limit set here" — the payload omits it and the backend falls back to the
+     * plan's `billing_cycles` (renewing forever when the plan has no limit).
+     */
+    remainingBillingCycles: string;
+    /** `YYYY-MM-DD`. Empty falls back to today when the payload is built. */
+    startedAt: string;
     trialEnd: string;
     /** Unset until the user enters one, so an explicit 0 stays distinguishable. */
     setupFee?: Amount;

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

@@ -15,6 +15,28 @@ export declare const billingFrequencyToPeriod: (value: string) => {
 };
 /** Map an existing subscription's period/unit back to a billing-frequency value. */
 export declare const periodToBillingFrequency: (period?: number, unit?: string) => string;
+/**
+ * Today as `YYYY-MM-DD`, the default subscription start date. Goes through
+ * dayjs (not `toISOString`, which is UTC) so a user in a UTC+ timezone late in
+ * their day gets their own calendar date rather than yesterday's.
+ */
+export declare const invoicingSubscriptionTodayIso: () => string;
+/**
+ * Clamp a subscription-item quantity to the minimum the API accepts. Shared by
+ * the plan, add-on and charge items so none of them can bill a 0 or a fraction.
+ */
+export declare const toInvoicingSubscriptionQuantity: (quantity?: number) => number;
+/**
+ * Parse the billing-cycles field into what the API should receive, or
+ * `undefined` when the field is empty or unparseable (the payload then omits it
+ * so the backend applies the plan's own limit).
+ *
+ * Deliberately NOT `toInvoicingSubscriptionQuantity`: `0` is a real
+ * remaining-cycles value on a subscription serving its last paid term, and edit
+ * drafts seed it straight off the entity. Clamping it up to `1` would turn a
+ * no-op save of a non-renewing subscription into a one-cycle extension.
+ */
+export declare const toInvoicingSubscriptionBillingCycles: (remainingBillingCycles: string) => number | undefined;
 export declare const initialInvoicingSubscriptionFormLocalData: InvoicingSubscriptionFormLocalData;
 /** Seed the form draft from an existing subscription entity (edit mode). */
 export declare const entityToInvoicingSubscriptionFormLocalData: (subscription?: InvoicingSubscription) => InvoicingSubscriptionFormLocalData;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.entityToInvoicingSubscriptionFormLocalData = exports.initialInvoicingSubscriptionFormLocalData = exports.periodToBillingFrequency = exports.billingFrequencyToPeriod = exports.INVOICING_SUBSCRIPTION_BILLING_FREQUENCY_VALUES = exports.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE = void 0;
+exports.entityToInvoicingSubscriptionFormLocalData = exports.initialInvoicingSubscriptionFormLocalData = exports.toInvoicingSubscriptionBillingCycles = exports.toInvoicingSubscriptionQuantity = exports.invoicingSubscriptionTodayIso = exports.periodToBillingFrequency = exports.billingFrequencyToPeriod = exports.INVOICING_SUBSCRIPTION_BILLING_FREQUENCY_VALUES = exports.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE = void 0;
+const zeniDayJS_1 = require("../../../zeniDayJS");
 /** `AddressType` key used when the subscription form opens the shared Address screen. */
 exports.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE = 'invoicing_subscription_shipping_address';
 /**
@@ -38,17 +39,66 @@ const subscriptionItemPriceCodes = (subscription, itemType) => subscription?.sub
     ?.filter((item) => item.itemType === itemType)
     .map((item) => item.itemPriceCode)
     .filter((code) => code != null && code !== '') ?? [];
+const subscriptionItemQuantities = (subscription, itemType) => {
+    const quantities = {};
+    subscription?.subscriptionItems
+        ?.filter((item) => item.itemType === itemType)
+        .forEach((item) => {
+        if (item.itemPriceCode != null && item.itemPriceCode !== '') {
+            quantities[item.itemPriceCode] = (0, exports.toInvoicingSubscriptionQuantity)(item.quantity);
+        }
+    });
+    return quantities;
+};
+/**
+ * Today as `YYYY-MM-DD`, the default subscription start date. Goes through
+ * dayjs (not `toISOString`, which is UTC) so a user in a UTC+ timezone late in
+ * their day gets their own calendar date rather than yesterday's.
+ */
+const invoicingSubscriptionTodayIso = () => (0, zeniDayJS_1.dateNow)().format('YYYY-MM-DD');
+exports.invoicingSubscriptionTodayIso = invoicingSubscriptionTodayIso;
+/**
+ * Clamp a subscription-item quantity to the minimum the API accepts. Shared by
+ * the plan, add-on and charge items so none of them can bill a 0 or a fraction.
+ */
+const toInvoicingSubscriptionQuantity = (quantity) => {
+    const whole = Math.floor(Number(quantity));
+    return Number.isFinite(whole) && whole > 0 ? whole : 1;
+};
+exports.toInvoicingSubscriptionQuantity = toInvoicingSubscriptionQuantity;
+/**
+ * Parse the billing-cycles field into what the API should receive, or
+ * `undefined` when the field is empty or unparseable (the payload then omits it
+ * so the backend applies the plan's own limit).
+ *
+ * Deliberately NOT `toInvoicingSubscriptionQuantity`: `0` is a real
+ * remaining-cycles value on a subscription serving its last paid term, and edit
+ * drafts seed it straight off the entity. Clamping it up to `1` would turn a
+ * no-op save of a non-renewing subscription into a one-cycle extension.
+ */
+const toInvoicingSubscriptionBillingCycles = (remainingBillingCycles) => {
+    if (remainingBillingCycles.trim() === '') {
+        return undefined;
+    }
+    const whole = Math.floor(Number(remainingBillingCycles));
+    return Number.isFinite(whole) && whole >= 0 ? whole : undefined;
+};
+exports.toInvoicingSubscriptionBillingCycles = toInvoicingSubscriptionBillingCycles;
 exports.initialInvoicingSubscriptionFormLocalData = {
     addonPriceCodes: [],
+    addonQuantities: {},
     autoCollection: true,
     billingFrequency: 'monthly',
     chargePriceCodes: [],
+    chargeQuantities: {},
     couponId: '',
     customerId: '',
     planPriceCode: '',
     planQuantity: 1,
     poNumber: '',
     preferredCurrencyCode: 'USD',
+    remainingBillingCycles: '',
+    startedAt: '',
     trialEnd: '',
 };
 /** Seed the form draft from an existing subscription entity (edit mode). */
@@ -59,18 +109,26 @@ const entityToInvoicingSubscriptionFormLocalData = (subscription) => {
     const planItem = subscription.subscriptionItems?.find((item) => item.itemType === 'plan');
     return {
         addonPriceCodes: subscriptionItemPriceCodes(subscription, 'addon'),
+        addonQuantities: subscriptionItemQuantities(subscription, 'addon'),
         autoCollection: (subscription.autoCollection ?? 'on') === 'on',
         billingFrequency: (0, exports.periodToBillingFrequency)(subscription.billingPeriod, subscription.billingPeriodUnit),
         chargePriceCodes: subscriptionItemPriceCodes(subscription, 'charge'),
+        chargeQuantities: subscriptionItemQuantities(subscription, 'charge'),
         couponId: subscription.coupons?.[0]?.couponCode ??
             subscription.coupons?.[0]?.couponID ??
             '',
         customerId: subscription.customerID ?? '',
         planPriceCode: subscriptionItemPriceCodes(subscription, 'plan')[0] ?? '',
-        planQuantity: planItem?.quantity ?? 1,
+        planQuantity: (0, exports.toInvoicingSubscriptionQuantity)(planItem?.quantity),
         poNumber: subscription.poNumber ?? '',
         preferredCurrencyCode: subscription.currencyCode ?? 'USD',
+        remainingBillingCycles: subscription.remainingBillingCycles != null
+            ? String(subscription.remainingBillingCycles)
+            : '',
         setupFee: subscription.setupFee,
+        startedAt: subscription.startedAt != null
+            ? subscription.startedAt.format('YYYY-MM-DD')
+            : '',
         trialEnd: subscription.trialEnd != null
             ? subscription.trialEnd.format('YYYY-MM-DD')
             : '',

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,7 +10,7 @@ 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) => {
+exports.getInvoiceListView = (0, toolkit_1.createSelector)((state) => state.invoicingInvoiceState, (state) => state.invoicingInvoiceListState, (state) => state.invoicingConfigViewState.invoiceStatusOptions, (invoiceState, listViewState, statusOptions) => {
     const activeTabState = listViewState.invoiceByTab[listViewState.activeTab];
     return {
         activeTab: listViewState.activeTab,
@@ -22,7 +23,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;

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.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,

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

@@ -1,5 +1,6 @@
-import { ID } from '../../../commonStateTypes/common';
+import { FetchState, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingCatalogItemLifecycleAction, InvoicingCatalogLifecycleActionOption, InvoicingCatalogProductLifecycleAction, InvoicingNamedOptionsByKey } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
 import { RootState } from '../../../reducer';
 import { InvoicingCatalogItemKind } from './invoicingCatalogItemDetailViewState';
@@ -7,8 +8,19 @@ import { InvoicingCatalogItemKind } from './invoicingCatalogItemDetailViewState'
  * Read-only view for the catalog item (plan or product) detail page. One screen
  * serves both kinds, so the bundled view carries the resolved `plan` or
  * `product` (whichever the `kind` denotes) + the shared fetch state.
+ *
+ * The lifecycle/tier option sets and `configFetchState` are folded in from the
+ * config slice rather than left for the screen to select itself, so the page
+ * wires one selector and CES stays the only place that knows which slice each
+ * option set lives in. `configFetchState` is named apart from the view's own
+ * `fetchState` because they track different requests — the screen gates a config
+ * refetch on the former while rendering off the latter.
  */
 export interface InvoicingCatalogItemDetailView extends SelectorView {
+    catalogItemLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogItemLifecycleAction>[];
+    catalogProductLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogProductLifecycleAction>[];
+    configFetchState: FetchState;
+    catalogTierTypeOptionsByPricingModel?: InvoicingNamedOptionsByKey;
     plan?: InvoicingPlan;
 }
 export declare const getInvoicingCatalogItemDetail: (state: RootState, _kind: InvoicingCatalogItemKind, id: ID) => InvoicingCatalogItemDetailView;

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

@@ -2,9 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingCatalogItemDetail = void 0;
 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);
     return {
+        catalogItemLifecycleActionOptions,
+        catalogProductLifecycleActionOptions,
+        catalogTierTypeOptionsByPricingModel,
+        configFetchState,
         plan: (0, planSelector_1.getInvoicingPlanById)(state.invoicingPlanState, id),
         fetchState,
         error,

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

@@ -1,4 +1,4 @@
-import { AuditLogEntityRouteOptionWire, AuditLogListSortFieldOptionWire, AuditLogSourceLabelOptionWire, InvoicingCatalogLifecycleActionOptionWire, InvoicingDunningActionOption, InvoicingNamedOptionWire, InvoicingQboAccountMappingKindOptionWire, InvoicingSubscriptionEditFieldOptionWire, InvoicingSubscriptionLifecycleActionOptionWire } from '../../../entity/invoicing/invoicingCommonPayload';
+import { AuditLogEntityRouteOptionWire, AuditLogListSortFieldOptionWire, AuditLogSourceLabelOptionWire, InvoicingCatalogLifecycleActionOptionWire, InvoicingDunningActionOption, InvoicingNamedOptionWire, InvoicingNamedOptionsByKeyWire, InvoicingQboAccountMappingKindOptionWire, InvoicingSubscriptionEditFieldOptionWire, InvoicingSubscriptionLifecycleActionOptionWire } from '../../../entity/invoicing/invoicingCommonPayload';
 import { ZeniAPIResponse } from '../../../responsePayload';
 /**
  * Wire payload of the invoicing config API (GET/PUT `/1.0/config`). Follows
@@ -23,14 +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;
@@ -42,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' | '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

@@ -15,6 +15,7 @@ exports.initialState = {
     auditLogSourceLabels: [],
     autoCollectionOptions: [],
     billingPeriodUnitOptions: [],
+    catalogTierTypeOptionsByPricingModel: undefined,
     catalogTrialEndActionOptions: [],
     catalogTrialUnitOptions: [],
     customerTypeOptions: [],
@@ -27,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: [],
@@ -66,6 +80,9 @@ function mapInvoicingConfigPayloadToState(payload) {
         })),
         autoCollectionOptions: (payload.auto_collection_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
         billingPeriodUnitOptions: (payload.billing_period_unit_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        catalogTierTypeOptionsByPricingModel: payload.catalog_tier_type_options_by_pricing_model != null
+            ? (0, invoicingCommonPayload_1.toInvoicingNamedOptionsByKey)(payload.catalog_tier_type_options_by_pricing_model)
+            : undefined,
         catalogTrialEndActionOptions: (payload.catalog_trial_end_action_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
         catalogTrialUnitOptions: (payload.catalog_trial_unit_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
         customerTypeOptions: (payload.customer_type_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
@@ -77,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;