@zeniai/client-epic-state 5.1.98 → 5.2.0-beta0AK

package/lib/commonStateTypes/accountView/nestedAccountID.d.ts

@@ -32,9 +32,6 @@ type AccountIDPlus4SubAccount = [
  * and so on..
  */
 export type NestedAccountID = AccountIDPlus0SubAccount | AccountIDPlus1SubAccount | AccountIDPlus2SubAccount | AccountIDPlus3SubAccount | AccountIDPlus4SubAccount;
-export declare const MAX_SUB_ACCOUNTS_SUPPORTED = 4;
-export declare const MAX_SUB_CLASSES_SUPPORTED = 4;
-export declare const MAX_SUB_CUSTOMERS_SUPPORTED = 4;
 export declare function getNestedAccountIDStr(nestedAccountId: NestedAccountID): `${string}-${string}-${string}-${string}-${string}`;
 export declare const isEqualNestedAccountId: (nestedAccountIdA: NestedAccountID, nestedAccountIdB: NestedAccountID) => boolean;
 export interface AccountsViewParentID {

package/lib/commonStateTypes/accountView/nestedAccountID.js

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isEqualNestedAccountId = exports.MAX_SUB_CUSTOMERS_SUPPORTED = exports.MAX_SUB_CLASSES_SUPPORTED = exports.MAX_SUB_ACCOUNTS_SUPPORTED = void 0;
+exports.isEqualNestedAccountId = void 0;
 exports.getNestedAccountIDStr = getNestedAccountIDStr;
-exports.MAX_SUB_ACCOUNTS_SUPPORTED = 4;
-exports.MAX_SUB_CLASSES_SUPPORTED = 4;
-exports.MAX_SUB_CUSTOMERS_SUPPORTED = 4;
 function getNestedAccountIDStr(nestedAccountId) {
     const [accountId, parentAccountId, greatParentAccountId, greatGreatParentAccountId, greatGreatGreatParentAccountId,] = nestedAccountId;
     return `${accountId}-${parentAccountId ?? ''}-${greatParentAccountId ?? ''}-${greatGreatParentAccountId ?? ''}-${greatGreatGreatParentAccountId ?? ''}`;

package/lib/commonStateTypes/coaBalance/coaBalance.d.ts

@@ -45,11 +45,6 @@ export interface COABalanceGrouped extends COABalanceGroupedByPeriod {
         years?: COABalance;
     };
 }
-export interface COABalanceWithAveragesGrouped extends COABalanceGrouped {
-    averages?: {
-        months?: COABalance;
-    };
-}
 export interface COABalanceGroupedWithIDs extends COABalanceGrouped {
     accountGroupIDs: string[];
     accountIDs: string[];

package/lib/commonStateTypes/timePeriod.d.ts

@@ -26,9 +26,7 @@ export interface MonthYearPeriod {
     year: number;
 }
 export type MonthYearPeriodId = `${Month}_${number}`;
-export type MonthYearPeriodQuery = `${Month}-${number}`;
 export declare const toMonthYearPeriod: (periodPayload: string) => MonthYearPeriod;
-export declare const toMonthYearPeriodQuery: (selectedPeriod: MonthYearPeriod) => MonthYearPeriodQuery;
 export declare const toMonthYearPeriodId: (selectedPeriod: MonthYearPeriod) => MonthYearPeriodId;
 /**
  * Convert to start: string; end: string in the format yyyy-mm-dd

package/lib/commonStateTypes/timePeriod.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toString = exports.toMonthYearPeriodId = exports.toMonthYearPeriodQuery = exports.toMonthYearPeriod = exports.toQuarterStrict = exports.toQuarter = exports.getMonthFromMonthName = exports.toMonthStrict = exports.toMonth = exports.LAST_SCHEDULE_DAY_OF_MONTH = exports.MAX_SCHEDULE_DAY_OF_MONTH = exports.MIN_SCHEDULE_DAY_OF_MONTH = exports.toScheduleDaysOfMonth = exports.SCHEDULE_DAYS_OF_MONTH = void 0;
+exports.toString = exports.toMonthYearPeriodId = exports.toMonthYearPeriod = exports.toQuarterStrict = exports.toQuarter = exports.getMonthFromMonthName = exports.toMonthStrict = exports.toMonth = exports.LAST_SCHEDULE_DAY_OF_MONTH = exports.MAX_SCHEDULE_DAY_OF_MONTH = exports.MIN_SCHEDULE_DAY_OF_MONTH = exports.toScheduleDaysOfMonth = exports.SCHEDULE_DAYS_OF_MONTH = void 0;
 exports.convertToPeriod = convertToPeriod;
 exports.toAbsoluteDay = toAbsoluteDay;
 const zeniDayJS_1 = require("../zeniDayJS");
@@ -47,11 +47,6 @@ const toMonthYearPeriod = (periodPayload) => {
     };
 };
 exports.toMonthYearPeriod = toMonthYearPeriod;
-const toMonthYearPeriodQuery = (selectedPeriod) => {
-    const { month, year } = selectedPeriod;
-    return `${month}-${year}`;
-};
-exports.toMonthYearPeriodQuery = toMonthYearPeriodQuery;
 const toMonthYearPeriodId = (selectedPeriod) => {
     const { month, year } = selectedPeriod;
     return `${month}_${year}`;

package/lib/entity/invoicing/invoicingCommonPayload.d.ts

@@ -210,6 +210,18 @@ export interface InvoicingSubscriptionEditFieldOption {
     name: string;
 }
 export declare function toInvoicingNamedOption(option: InvoicingNamedOptionWire): InvoicingNamedOption;
+/**
+ * Adapt a config option to the `{label, value}` shape the form pickers take.
+ * Config is the single source of truth for which options exist and what they are
+ * called, so every form value set that used to be a hardcoded
+ * `InvoicingFormOption[]` constant is now mapped through here.
+ */
+export declare function toInvoicingFormOption(option: InvoicingNamedOption): InvoicingFormOption;
+/**
+ * Just the codes of a config option list, for the consumers that need the value
+ * set rather than labelled options (status membership checks, tab id sets).
+ */
+export declare function invoicingOptionCodes(options: InvoicingNamedOption[]): string[];
 /**
  * A config-driven map from some key (a pricing model, a status, …) to the
  * options allowed for it. Lets the backend widen an allowed set without a

package/lib/entity/invoicing/invoicingCommonPayload.js

@@ -15,6 +15,8 @@ exports.getInvoicingQboAccountMappingId = getInvoicingQboAccountMappingId;
 exports.withInvoicingQboAccountMappingId = withInvoicingQboAccountMappingId;
 exports.toInvoicingQboAccountMappingKindOption = toInvoicingQboAccountMappingKindOption;
 exports.toInvoicingNamedOption = toInvoicingNamedOption;
+exports.toInvoicingFormOption = toInvoicingFormOption;
+exports.invoicingOptionCodes = invoicingOptionCodes;
 exports.toInvoicingNamedOptionsByKey = toInvoicingNamedOptionsByKey;
 exports.toInvoicingSubscriptionEditFieldOption = toInvoicingSubscriptionEditFieldOption;
 exports.toAuditLogEntityRouteOption = toAuditLogEntityRouteOption;
@@ -201,6 +203,22 @@ function toInvoicingQboAccountMappingKindOption(option) {
 function toInvoicingNamedOption(option) {
     return { code: option.code, name: option.name };
 }
+/**
+ * Adapt a config option to the `{label, value}` shape the form pickers take.
+ * Config is the single source of truth for which options exist and what they are
+ * called, so every form value set that used to be a hardcoded
+ * `InvoicingFormOption[]` constant is now mapped through here.
+ */
+function toInvoicingFormOption(option) {
+    return { label: option.name, value: option.code };
+}
+/**
+ * Just the codes of a config option list, for the consumers that need the value
+ * set rather than labelled options (status membership checks, tab id sets).
+ */
+function invoicingOptionCodes(options) {
+    return options.map((option) => option.code);
+}
 function toInvoicingNamedOptionsByKey(optionsByKey) {
     return Object.fromEntries(Object.entries(optionsByKey).map(([key, options]) => [
         key,

package/lib/entity/invoicing/invoicingCustomer/invoicingCustomerPayload.d.ts

@@ -2,6 +2,19 @@ import { AddressPayload } from '../../address/addressPayload';
 import { InvoicingListCounts } from '../invoicingCommonPayload';
 import { InvoicingSubscriptionPayload } from '../invoicingSubscription/invoicingSubscriptionPayload';
 import { InvoicingCustomer } from './invoicingCustomerState';
+/**
+ * A single entry of the customer `payment_methods` array. Its field names
+ * differ from the customer-level scalars (`last4` vs `payment_method_last4`),
+ * so they are mapped independently.
+ */
+export interface InvoicingCustomerPaymentMethodPayload {
+    payment_method_id: string;
+    exp_month?: number;
+    exp_year?: number;
+    is_default?: boolean;
+    last4?: string;
+    payment_method_type?: string;
+}
 export interface InvoicingCustomerPayload {
     id: string;
     arr?: number;
@@ -28,8 +41,11 @@ export interface InvoicingCustomerPayload {
     net_term_days?: number;
     notes?: string;
     payment_method?: string;
+    payment_method_exp_month?: number;
+    payment_method_exp_year?: number;
     payment_method_last4?: string;
     payment_method_type?: 'ach' | 'card' | 'none';
+    payment_methods?: InvoicingCustomerPaymentMethodPayload[];
     phone?: string;
     plan?: string;
     plan_name?: string;

package/lib/entity/invoicing/invoicingCustomer/invoicingCustomerPayload.js

@@ -15,6 +15,19 @@ const extractInvoicingCustomerAddresses = (payloads) => payloads
     .map((payload) => payload.billing_address)
     .filter((address) => address != null);
 exports.extractInvoicingCustomerAddresses = extractInvoicingCustomerAddresses;
+const toInvoicingPaymentMethodType = (rawType) => rawType === 'ach' ||
+    rawType === 'us_bank_account' ||
+    rawType === 'bank_account'
+    ? 'ach'
+    : 'card';
+const mapInvoicingCustomerPaymentMethodPayloadToState = (payload) => ({
+    id: payload.payment_method_id,
+    isDefault: payload.is_default === true,
+    type: toInvoicingPaymentMethodType(payload.payment_method_type),
+    expMonth: payload.exp_month,
+    expYear: payload.exp_year,
+    last4: payload.last4,
+});
 const mapInvoicingCustomerPayloadToState = (payload) => {
     const currencyCode = payload.preferred_currency_code ?? currencyHelper_1.defaultCustomerCurrency.currencyCode;
     const currencySymbol = payload.preferred_currency_symbol ?? currencyHelper_1.defaultCustomerCurrency.currencySymbol;
@@ -51,8 +64,15 @@ const mapInvoicingCustomerPayloadToState = (payload) => {
         netTermDays: payload.net_term_days,
         notes: payload.notes,
         paymentMethod: payload.payment_method,
+        paymentMethodExpMonth: payload.payment_method_exp_month,
+        paymentMethodExpYear: payload.payment_method_exp_year,
         paymentMethodLast4: payload.payment_method_last4,
         paymentMethodType: payload.payment_method_type,
+        paymentMethods: payload.payment_methods
+            ?.filter((method) => method != null &&
+            method.payment_method_id != null &&
+            method.payment_method_id !== '')
+            .map(mapInvoicingCustomerPaymentMethodPayloadToState),
         phone: payload.phone,
         plan: payload.plan,
         planName: payload.plan_name,

package/lib/entity/invoicing/invoicingCustomer/invoicingCustomerSelector.d.ts

@@ -1,4 +1,11 @@
 import { ID } from '../../../commonStateTypes/common';
-import { InvoicingCustomer, InvoicingCustomerState } from './invoicingCustomerState';
+import { InvoicingCustomer, InvoicingCustomerPaymentMethod, InvoicingCustomerState } from './invoicingCustomerState';
 export declare function getInvoicingCustomersByIds(invoicingCustomerState: InvoicingCustomerState, ids: ID[]): InvoicingCustomer[];
 export declare function getInvoicingCustomerById(invoicingCustomerState: InvoicingCustomerState, id: ID): InvoicingCustomer | undefined;
+/**
+ * Every payment method to show for a customer, with exactly one flagged as the
+ * default. `paymentMethods` wins when the backend returns it; otherwise the
+ * scalar default-method fields are synthesized into a single method so older
+ * responses keep rendering one row.
+ */
+export declare function invoicingCustomerPaymentMethods(customer: InvoicingCustomer | undefined): InvoicingCustomerPaymentMethod[];

package/lib/entity/invoicing/invoicingCustomer/invoicingCustomerSelector.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingCustomersByIds = getInvoicingCustomersByIds;
 exports.getInvoicingCustomerById = getInvoicingCustomerById;
+exports.invoicingCustomerPaymentMethods = invoicingCustomerPaymentMethods;
 const get_1 = __importDefault(require("lodash/get"));
 function getInvoicingCustomersByIds(invoicingCustomerState, ids) {
     const invoicingCustomers = ids
@@ -15,3 +16,50 @@ function getInvoicingCustomersByIds(invoicingCustomerState, ids) {
 function getInvoicingCustomerById(invoicingCustomerState, id) {
     return (0, get_1.default)(invoicingCustomerState.customerByID, id);
 }
+function scalarPaymentMethod(customer) {
+    const { paymentMethodType } = customer;
+    if (paymentMethodType == null || paymentMethodType === 'none') {
+        return [];
+    }
+    return [
+        {
+            // Legacy responses carry no per-method id, so the customer id stands in
+            // as a stable display-only key. Nothing reads it as a payment method id.
+            id: customer.defaultPaymentMethodID ?? customer.id,
+            isDefault: true,
+            type: paymentMethodType,
+            brand: customer.paymentMethod,
+            expMonth: customer.paymentMethodExpMonth,
+            expYear: customer.paymentMethodExpYear,
+            last4: customer.paymentMethodLast4,
+        },
+    ];
+}
+function defaultPaymentMethodIndex(paymentMethods, defaultPaymentMethodID) {
+    const flaggedIndex = paymentMethods.findIndex((paymentMethod) => paymentMethod.isDefault);
+    if (flaggedIndex >= 0) {
+        return flaggedIndex;
+    }
+    const matchedIndex = paymentMethods.findIndex((paymentMethod) => paymentMethod.id === defaultPaymentMethodID);
+    return matchedIndex >= 0 ? matchedIndex : 0;
+}
+/**
+ * Every payment method to show for a customer, with exactly one flagged as the
+ * default. `paymentMethods` wins when the backend returns it; otherwise the
+ * scalar default-method fields are synthesized into a single method so older
+ * responses keep rendering one row.
+ */
+function invoicingCustomerPaymentMethods(customer) {
+    if (customer == null) {
+        return [];
+    }
+    const paymentMethods = customer.paymentMethods ?? scalarPaymentMethod(customer);
+    if (paymentMethods.length === 0) {
+        return [];
+    }
+    const defaultIndex = defaultPaymentMethodIndex(paymentMethods, customer.defaultPaymentMethodID);
+    return paymentMethods.map((paymentMethod, index) => ({
+        ...paymentMethod,
+        isDefault: index === defaultIndex,
+    }));
+}

package/lib/entity/invoicing/invoicingCustomer/invoicingCustomerState.d.ts

@@ -2,6 +2,22 @@ import { Amount } from '../../../commonStateTypes/amount';
 import { ID } from '../../../commonStateTypes/common';
 import { ZeniDate } from '../../../zeniDayJS';
 import { InvoicingSubscription } from '../invoicingSubscription/invoicingSubscriptionState';
+export type InvoicingPaymentMethodType = 'ach' | 'card';
+/**
+ * One stored payment method for a customer. `isDefault` is only trustworthy
+ * after `invoicingCustomerPaymentMethods` has normalized a list — that is
+ * what guarantees a single default across the returned methods.
+ */
+export interface InvoicingCustomerPaymentMethod {
+    id: ID;
+    isDefault: boolean;
+    type: InvoicingPaymentMethodType;
+    /** Card network label; only known for the legacy scalar default method. */
+    brand?: string;
+    expMonth?: number;
+    expYear?: number;
+    last4?: string;
+}
 export interface InvoicingCustomer {
     id: ID;
     arr?: Amount;
@@ -27,7 +43,15 @@ export interface InvoicingCustomer {
     netTermDays?: number;
     notes?: string;
     paymentMethod?: string;
+    paymentMethodExpMonth?: number;
+    paymentMethodExpYear?: number;
     paymentMethodLast4?: string;
+    /**
+     * Every payment method on file. Absent (not empty) on responses from a
+     * backend that only returns the scalar default-method fields, which is how
+     * `invoicingCustomerPaymentMethods` decides whether to synthesize a row.
+     */
+    paymentMethods?: InvoicingCustomerPaymentMethod[];
     paymentMethodType?: 'ach' | 'card' | 'none';
     phone?: string;
     plan?: string;

package/lib/entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload.d.ts

@@ -68,6 +68,7 @@ export interface InvoicingSubscriptionPayload {
     shipping_address?: AddressPayload | null;
     started_at?: string;
     subscription_items?: InvoicingSubscriptionItemPayload[];
+    subscription_number?: string;
     total_dues?: number;
     trial_end?: string;
     trial_start?: string;

package/lib/entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload.js

@@ -107,6 +107,7 @@ const mapInvoicingSubscriptionPayloadToState = (payload) => {
             : undefined,
         startedAt: payload.started_at != null ? (0, zeniDayJS_1.date)(payload.started_at) : undefined,
         subscriptionItems: payload.subscription_items?.map((item) => (0, exports.mapInvoicingSubscriptionItemPayloadToState)(item, currencyCode, currencySymbol)),
+        subscriptionNumber: payload.subscription_number,
         totalDues: payload.total_dues != null
             ? (0, amount_1.toAmount)(payload.total_dues, currencyCode, currencySymbol)
             : undefined,

package/lib/entity/invoicing/invoicingSubscription/invoicingSubscriptionState.d.ts

@@ -67,6 +67,7 @@ export interface InvoicingSubscription {
     shippingAddressId?: ID;
     startedAt?: ZeniDate;
     subscriptionItems?: InvoicingSubscriptionItem[];
+    subscriptionNumber?: string;
     totalDues?: Amount;
     trialEnd?: ZeniDate;
     trialStart?: ZeniDate;

package/lib/entity/invoicing/invoicingTransaction/invoicingTransactionPayload.d.ts

@@ -1,5 +1,5 @@
 import { InvoicingTransaction } from './invoicingTransactionState';
-export type InvoicingTransactionType = 'payment' | 'refund' | 'authorization' | 'payment_reversal';
+export type InvoicingTransactionType = 'payment' | 'refund' | 'authorization' | 'payment_reversal' | 'excess_transfer';
 export type InvoicingTransactionStatus = 'in_progress' | 'success' | 'voided' | 'failure' | 'timeout' | 'needs_attention' | 'late_failure' | 'failed';
 export interface InvoicingLinkedInvoiceRefPayload {
     applied_amount: number;

package/lib/entity/toastNotification/epic/pushToastNotificationEpic.d.ts

@@ -16,4 +16,3 @@ export declare const pushToastNotificationEpic: (actions$: ActionsObservable<Act
     };
     type: "snackbar/openSnackbar";
 }>;
-export default pushToastNotificationEpic;

package/lib/entity/toastNotification/epic/pushToastNotificationEpic.js

@@ -39,4 +39,3 @@ const pushToastNotificationEpic = (actions$, state$) => actions$.pipe((0, operat
     return (0, rxjs_1.from)([]);
 }));
 exports.pushToastNotificationEpic = pushToastNotificationEpic;
-exports.default = exports.pushToastNotificationEpic;

package/lib/entity/transaction/toSupportedTransaction.d.ts

@@ -1,3 +1,3 @@
 import { SupportedTransaction, SupportedTransactionPayload } from './transactionState';
-export declare function toSupportedTransaction(payload: SupportedTransactionPayload): SupportedTransaction;
+declare function toSupportedTransaction(payload: SupportedTransactionPayload): SupportedTransaction;
 export default toSupportedTransaction;

package/lib/entity/transaction/toSupportedTransaction.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toSupportedTransaction = toSupportedTransaction;
 const customerTransactionPayload_1 = require("./payloadTypes/customerTransactionPayload");
 const otherTransactionPayload_1 = require("./payloadTypes/otherTransactionPayload");
 const transactionPayload_1 = require("./payloadTypes/transactionPayload");

package/lib/esm/commonStateTypes/accountView/nestedAccountID.js

@@ -1,6 +1,3 @@
-export const MAX_SUB_ACCOUNTS_SUPPORTED = 4;
-export const MAX_SUB_CLASSES_SUPPORTED = 4;
-export const MAX_SUB_CUSTOMERS_SUPPORTED = 4;
 export function getNestedAccountIDStr(nestedAccountId) {
     const [accountId, parentAccountId, greatParentAccountId, greatGreatParentAccountId, greatGreatGreatParentAccountId,] = nestedAccountId;
     return `${accountId}-${parentAccountId ?? ''}-${greatParentAccountId ?? ''}-${greatGreatParentAccountId ?? ''}-${greatGreatGreatParentAccountId ?? ''}`;

package/lib/esm/commonStateTypes/timePeriod.js

@@ -35,10 +35,6 @@ export const toMonthYearPeriod = (periodPayload) => {
         year: Number(periodPayload.split('-')[1]),
     };
 };
-export const toMonthYearPeriodQuery = (selectedPeriod) => {
-    const { month, year } = selectedPeriod;
-    return `${month}-${year}`;
-};
 export const toMonthYearPeriodId = (selectedPeriod) => {
     const { month, year } = selectedPeriod;
     return `${month}_${year}`;

package/lib/esm/entity/invoicing/invoicingCommonPayload.js

@@ -179,6 +179,22 @@ export function toInvoicingQboAccountMappingKindOption(option) {
 export function toInvoicingNamedOption(option) {
     return { code: option.code, name: option.name };
 }
+/**
+ * Adapt a config option to the `{label, value}` shape the form pickers take.
+ * Config is the single source of truth for which options exist and what they are
+ * called, so every form value set that used to be a hardcoded
+ * `InvoicingFormOption[]` constant is now mapped through here.
+ */
+export function toInvoicingFormOption(option) {
+    return { label: option.name, value: option.code };
+}
+/**
+ * Just the codes of a config option list, for the consumers that need the value
+ * set rather than labelled options (status membership checks, tab id sets).
+ */
+export function invoicingOptionCodes(options) {
+    return options.map((option) => option.code);
+}
 export function toInvoicingNamedOptionsByKey(optionsByKey) {
     return Object.fromEntries(Object.entries(optionsByKey).map(([key, options]) => [
         key,

package/lib/esm/entity/invoicing/invoicingCustomer/invoicingCustomerPayload.js

@@ -11,6 +11,19 @@ import { mapInvoicingSubscriptionPayloadToState, } from '../invoicingSubscriptio
 export const extractInvoicingCustomerAddresses = (payloads) => payloads
     .map((payload) => payload.billing_address)
     .filter((address) => address != null);
+const toInvoicingPaymentMethodType = (rawType) => rawType === 'ach' ||
+    rawType === 'us_bank_account' ||
+    rawType === 'bank_account'
+    ? 'ach'
+    : 'card';
+const mapInvoicingCustomerPaymentMethodPayloadToState = (payload) => ({
+    id: payload.payment_method_id,
+    isDefault: payload.is_default === true,
+    type: toInvoicingPaymentMethodType(payload.payment_method_type),
+    expMonth: payload.exp_month,
+    expYear: payload.exp_year,
+    last4: payload.last4,
+});
 export const mapInvoicingCustomerPayloadToState = (payload) => {
     const currencyCode = payload.preferred_currency_code ?? defaultCustomerCurrency.currencyCode;
     const currencySymbol = payload.preferred_currency_symbol ?? defaultCustomerCurrency.currencySymbol;
@@ -47,8 +60,15 @@ export const mapInvoicingCustomerPayloadToState = (payload) => {
         netTermDays: payload.net_term_days,
         notes: payload.notes,
         paymentMethod: payload.payment_method,
+        paymentMethodExpMonth: payload.payment_method_exp_month,
+        paymentMethodExpYear: payload.payment_method_exp_year,
         paymentMethodLast4: payload.payment_method_last4,
         paymentMethodType: payload.payment_method_type,
+        paymentMethods: payload.payment_methods
+            ?.filter((method) => method != null &&
+            method.payment_method_id != null &&
+            method.payment_method_id !== '')
+            .map(mapInvoicingCustomerPaymentMethodPayloadToState),
         phone: payload.phone,
         plan: payload.plan,
         planName: payload.plan_name,

package/lib/esm/entity/invoicing/invoicingCustomer/invoicingCustomerSelector.js

@@ -8,3 +8,50 @@ export function getInvoicingCustomersByIds(invoicingCustomerState, ids) {
 export function getInvoicingCustomerById(invoicingCustomerState, id) {
     return recordGet(invoicingCustomerState.customerByID, id);
 }
+function scalarPaymentMethod(customer) {
+    const { paymentMethodType } = customer;
+    if (paymentMethodType == null || paymentMethodType === 'none') {
+        return [];
+    }
+    return [
+        {
+            // Legacy responses carry no per-method id, so the customer id stands in
+            // as a stable display-only key. Nothing reads it as a payment method id.
+            id: customer.defaultPaymentMethodID ?? customer.id,
+            isDefault: true,
+            type: paymentMethodType,
+            brand: customer.paymentMethod,
+            expMonth: customer.paymentMethodExpMonth,
+            expYear: customer.paymentMethodExpYear,
+            last4: customer.paymentMethodLast4,
+        },
+    ];
+}
+function defaultPaymentMethodIndex(paymentMethods, defaultPaymentMethodID) {
+    const flaggedIndex = paymentMethods.findIndex((paymentMethod) => paymentMethod.isDefault);
+    if (flaggedIndex >= 0) {
+        return flaggedIndex;
+    }
+    const matchedIndex = paymentMethods.findIndex((paymentMethod) => paymentMethod.id === defaultPaymentMethodID);
+    return matchedIndex >= 0 ? matchedIndex : 0;
+}
+/**
+ * Every payment method to show for a customer, with exactly one flagged as the
+ * default. `paymentMethods` wins when the backend returns it; otherwise the
+ * scalar default-method fields are synthesized into a single method so older
+ * responses keep rendering one row.
+ */
+export function invoicingCustomerPaymentMethods(customer) {
+    if (customer == null) {
+        return [];
+    }
+    const paymentMethods = customer.paymentMethods ?? scalarPaymentMethod(customer);
+    if (paymentMethods.length === 0) {
+        return [];
+    }
+    const defaultIndex = defaultPaymentMethodIndex(paymentMethods, customer.defaultPaymentMethodID);
+    return paymentMethods.map((paymentMethod, index) => ({
+        ...paymentMethod,
+        isDefault: index === defaultIndex,
+    }));
+}

package/lib/esm/entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload.js

@@ -100,6 +100,7 @@ export const mapInvoicingSubscriptionPayloadToState = (payload) => {
             : undefined,
         startedAt: payload.started_at != null ? date(payload.started_at) : undefined,
         subscriptionItems: payload.subscription_items?.map((item) => mapInvoicingSubscriptionItemPayloadToState(item, currencyCode, currencySymbol)),
+        subscriptionNumber: payload.subscription_number,
         totalDues: payload.total_dues != null
             ? toAmount(payload.total_dues, currencyCode, currencySymbol)
             : undefined,

package/lib/esm/entity/toastNotification/epic/pushToastNotificationEpic.js

@@ -35,4 +35,3 @@ export const pushToastNotificationEpic = (actions$, state$) => actions$.pipe(fil
     }
     return from([]);
 }));
-export default pushToastNotificationEpic;

package/lib/esm/entity/transaction/toSupportedTransaction.js

@@ -2,7 +2,7 @@ import { isCustomerTransactionPayload, toCustomerTransaction, } from './payloadT
 import { isTransferTransactionPayload, toTransferTransaction, } from './payloadTypes/otherTransactionPayload';
 import { toTransaction } from './payloadTypes/transactionPayload';
 import { isVendorTransactionPayload, isVendorTransactionWithCustomerPayload, toVendorTransaction, toVendorTransactionWithCustomer, } from './payloadTypes/vendorTransactionPayload';
-export function toSupportedTransaction(payload) {
+function toSupportedTransaction(payload) {
     if (isCustomerTransactionPayload(payload)) {
         return toCustomerTransaction(payload);
     }