@zeniai/client-epic-state 5.1.59 → 5.1.60-betaAK0

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

@@ -0,0 +1,26 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { EditInvoicingSubscriptionDetailViewState, InvoicingSubscriptionFormLocalData } from './editInvoicingSubscriptionDetailViewState';
+/** Push the full form draft into CES (edit tree when `id` is present). */
+export interface UpdateInvoicingSubscriptionFormDraftPayload {
+    localData: InvoicingSubscriptionFormLocalData;
+    id?: ID;
+}
+/** Trigger create (no id) / update (with id) from the stored draft. */
+export interface SubmitInvoicingSubscriptionFormPayload {
+    id?: ID;
+}
+/** Trigger seeding the Address screen from an existing subscription (edit mode). */
+export interface InitializeInvoicingSubscriptionAddressPayload {
+    id?: ID;
+}
+export declare const initialState: EditInvoicingSubscriptionDetailViewState;
+export declare const fetchInvoicingSubscriptionFormPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    subscriptionId?: ID;
+}], {
+    subscriptionId: string | undefined;
+}, "editInvoicingSubscriptionDetailView/fetchInvoicingSubscriptionFormPage", never, never>, updateInvoicingSubscriptionFormDraft: import("@reduxjs/toolkit").ActionCreatorWithPayload<UpdateInvoicingSubscriptionFormDraftPayload, "editInvoicingSubscriptionDetailView/updateInvoicingSubscriptionFormDraft">, submitInvoicingSubscriptionForm: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: SubmitInvoicingSubscriptionFormPayload], SubmitInvoicingSubscriptionFormPayload, "editInvoicingSubscriptionDetailView/submitInvoicingSubscriptionForm", never, never>, submitInvoicingSubscriptionFormSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    subscriptionId: ID;
+}, "editInvoicingSubscriptionDetailView/submitInvoicingSubscriptionFormSuccess">, submitInvoicingSubscriptionFormFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "editInvoicingSubscriptionDetailView/submitInvoicingSubscriptionFormFailure">, resetEditInvoicingSubscriptionDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"editInvoicingSubscriptionDetailView/resetEditInvoicingSubscriptionDetailView">, initializeInvoicingSubscriptionAddress: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: InitializeInvoicingSubscriptionAddressPayload], InitializeInvoicingSubscriptionAddressPayload, "editInvoicingSubscriptionDetailView/initializeInvoicingSubscriptionAddress", never, never>;
+declare const _default: import("redux").Reducer<EditInvoicingSubscriptionDetailViewState>;
+export default _default;

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

@@ -0,0 +1,77 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeInvoicingSubscriptionAddress = exports.resetEditInvoicingSubscriptionDetailView = exports.submitInvoicingSubscriptionFormFailure = exports.submitInvoicingSubscriptionFormSuccess = exports.submitInvoicingSubscriptionForm = exports.updateInvoicingSubscriptionFormDraft = exports.fetchInvoicingSubscriptionFormPage = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormConfig");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    editDraftById: {},
+    newSubscriptionDraft: { ...invoicingSubscriptionFormConfig_1.initialInvoicingSubscriptionFormLocalData },
+    savedSubscriptionId: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const editInvoicingSubscriptionDetailView = (0, toolkit_1.createSlice)({
+    name: 'editInvoicingSubscriptionDetailView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingSubscriptionFormPage: {
+            reducer() {
+                // No state mutation; the aggregator epic fans out the option-list
+                // and subscription-detail fetches in response to this action.
+            },
+            prepare(payload) {
+                return { payload: { subscriptionId: payload.subscriptionId } };
+            },
+        },
+        updateInvoicingSubscriptionFormDraft(draft, action) {
+            const { id, localData } = action.payload;
+            if (id != null) {
+                draft.editDraftById[id] = localData;
+            }
+            else {
+                draft.newSubscriptionDraft = localData;
+            }
+        },
+        submitInvoicingSubscriptionForm: {
+            reducer(draft) {
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+                draft.savedSubscriptionId = undefined;
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        submitInvoicingSubscriptionFormSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.savedSubscriptionId = action.payload.subscriptionId;
+        },
+        submitInvoicingSubscriptionFormFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetEditInvoicingSubscriptionDetailView(draft) {
+            draft.fetchState = 'Not-Started';
+            draft.error = undefined;
+            draft.savedSubscriptionId = undefined;
+            draft.editDraftById = {};
+            draft.newSubscriptionDraft = {
+                ...invoicingSubscriptionFormConfig_1.initialInvoicingSubscriptionFormLocalData,
+            };
+        },
+        // Trigger only — handled by initializeInvoicingSubscriptionAddressEpic.
+        initializeInvoicingSubscriptionAddress: {
+            reducer() { },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+    },
+});
+_a = editInvoicingSubscriptionDetailView.actions, exports.fetchInvoicingSubscriptionFormPage = _a.fetchInvoicingSubscriptionFormPage, exports.updateInvoicingSubscriptionFormDraft = _a.updateInvoicingSubscriptionFormDraft, exports.submitInvoicingSubscriptionForm = _a.submitInvoicingSubscriptionForm, exports.submitInvoicingSubscriptionFormSuccess = _a.submitInvoicingSubscriptionFormSuccess, exports.submitInvoicingSubscriptionFormFailure = _a.submitInvoicingSubscriptionFormFailure, exports.resetEditInvoicingSubscriptionDetailView = _a.resetEditInvoicingSubscriptionDetailView, exports.initializeInvoicingSubscriptionAddress = _a.initializeInvoicingSubscriptionAddress;
+exports.default = editInvoicingSubscriptionDetailView.reducer;

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

@@ -0,0 +1,40 @@
+import { ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingCoupon } from '../../../entity/invoicing/coupon/couponState';
+import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
+import { InvoicingSubscription } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionState';
+import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
+import { RootState } from '../../../reducer';
+import { InvoicingSubscriptionFormLocalData } from './editInvoicingSubscriptionDetailViewState';
+/**
+ * Bundled view for the subscription create/edit form's save concern: the save
+ * fetch state/error, the id of the subscription last saved, and — when an
+ * `invoicingSubscriptionID` is passed (edit mode) — the existing subscription to
+ * prefill the form.
+ */
+export interface EditInvoicingSubscriptionDetailView extends SelectorView {
+    savedSubscriptionId?: ID;
+    subscription?: InvoicingSubscription;
+}
+/**
+ * The full data the subscription form screen needs in one selector: the draft
+ * `localData` (seeded from the existing subscription in edit mode until the user
+ * edits), the shipping-address label (from the shared Address screen), the
+ * canonical billing-frequency value set, the raw option lists (customers, plans,
+ * products, coupons), and the save state. The screen maps the raw lists/values
+ * to its own option shapes, so this stays free of any web-components dependency.
+ */
+export interface InvoicingSubscriptionFormView extends SelectorView {
+    billingFrequencyValues: string[];
+    coupons: InvoicingCoupon[];
+    customers: InvoicingCustomer[];
+    localData: InvoicingSubscriptionFormLocalData;
+    mode: 'create' | 'edit';
+    plans: InvoicingProduct[];
+    products: InvoicingProduct[];
+    savedSubscriptionId?: ID;
+    shippingAddressLabel?: string;
+    subscription?: InvoicingSubscription;
+}
+export declare const getEditInvoicingSubscriptionDetailViewState: (state: RootState, invoicingSubscriptionID?: ID) => EditInvoicingSubscriptionDetailView;
+export declare const getInvoicingSubscriptionFormView: (state: RootState, invoicingSubscriptionID?: ID) => InvoicingSubscriptionFormView;

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingSubscriptionFormView = exports.getEditInvoicingSubscriptionDetailViewState = void 0;
+const invoicingSubscriptionSelector_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionSelector");
+const addressViewSelector_1 = require("../../addressView/addressViewSelector");
+const couponViewSelector_1 = require("../couponView/couponViewSelector");
+const invoicingCatalogListViewSelector_1 = require("../invoicingCatalogListView/invoicingCatalogListViewSelector");
+const invoicingCustomerListViewSelector_1 = require("../invoicingCustomerListView/invoicingCustomerListViewSelector");
+const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormConfig");
+const getEditInvoicingSubscriptionDetailViewState = (state, invoicingSubscriptionID) => {
+    const { error, fetchState, savedSubscriptionId } = state.editInvoicingSubscriptionDetailViewState;
+    return {
+        subscription: invoicingSubscriptionID != null
+            ? (0, invoicingSubscriptionSelector_1.getInvoicingSubscriptionById)(state.invoicingSubscriptionState, invoicingSubscriptionID)
+            : undefined,
+        savedSubscriptionId,
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getEditInvoicingSubscriptionDetailViewState = getEditInvoicingSubscriptionDetailViewState;
+const getInvoicingSubscriptionFormView = (state, invoicingSubscriptionID) => {
+    const { editDraftById, error, fetchState, newSubscriptionDraft, savedSubscriptionId, } = state.editInvoicingSubscriptionDetailViewState;
+    const mode = invoicingSubscriptionID != null ? 'edit' : 'create';
+    const subscription = invoicingSubscriptionID != null
+        ? (0, invoicingSubscriptionSelector_1.getInvoicingSubscriptionById)(state.invoicingSubscriptionState, invoicingSubscriptionID)
+        : undefined;
+    const localData = invoicingSubscriptionID != null
+        ? (editDraftById[invoicingSubscriptionID] ??
+            (0, invoicingSubscriptionFormConfig_1.entityToInvoicingSubscriptionFormLocalData)(subscription))
+        : newSubscriptionDraft;
+    // Shipping address is captured via the shared Address screen and seeded there
+    // (looked up in the shared address store by `shippingAddressId`) on detail
+    // load, so the formatted label comes from that draft via `getFormattedAddress`.
+    const newAddress = state.addressViewState.newAddressState?.[invoicingSubscriptionFormConfig_1.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE];
+    const shippingAddressLabel = newAddress?.addressToCreate != null
+        ? (0, addressViewSelector_1.getFormattedAddress)(newAddress.addressToCreate)
+        : undefined;
+    const catalogListView = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogListView)(state);
+    const planPrices = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogPrices)(catalogListView.plans);
+    const addonAndChargePrices = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogPrices)(catalogListView.products);
+    return {
+        billingFrequencyValues: [
+            ...invoicingSubscriptionFormConfig_1.INVOICING_SUBSCRIPTION_BILLING_FREQUENCY_VALUES,
+        ],
+        coupons: (0, couponViewSelector_1.getInvoicingCouponListItems)(state),
+        customers: (0, invoicingCustomerListViewSelector_1.getInvoicingCustomerListView)(state).customers,
+        localData,
+        mode,
+        plans: planPrices,
+        products: addonAndChargePrices,
+        savedSubscriptionId,
+        shippingAddressLabel,
+        subscription,
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingSubscriptionFormView = getInvoicingSubscriptionFormView;

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

@@ -0,0 +1,27 @@
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+/**
+ * Draft form state for the create/edit subscription form. Held in CES so the
+ * form flows its data from here (mirrors the customer form / bill-pay pattern).
+ * The shipping address is NOT part of this draft — it is captured via the shared
+ * Address screen (`addressView`) and threaded into the save payload as
+ * `shipping_address` by the save epic.
+ */
+export interface InvoicingSubscriptionFormLocalData {
+    addonPriceCodes: string[];
+    autoCollection: boolean;
+    billingFrequency: string;
+    chargePriceCodes: string[];
+    couponId: string;
+    customerId: string;
+    planPriceCode: string;
+    planQuantity: number;
+    poNumber: string;
+    preferredCurrencyCode: string;
+    setupFee: string;
+    trialEnd: string;
+}
+export interface EditInvoicingSubscriptionDetailViewState extends FetchedState {
+    editDraftById: Record<ID, InvoicingSubscriptionFormLocalData>;
+    newSubscriptionDraft: InvoicingSubscriptionFormLocalData;
+    savedSubscriptionId?: ID;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,20 @@
+import { ActionsObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { fetchInvoicingCouponList } from '../couponView/couponViewReducer';
+import { fetchInvoicingCatalogPlanList } from '../invoicingCatalogListView/invoicingCatalogListViewReducer';
+import { fetchInvoicingCustomerList } from '../invoicingCustomerListView/invoicingCustomerListViewReducer';
+import { fetchInvoicingSubscriptionDetail } from '../invoicingSubscriptionDetailView/invoicingSubscriptionDetailViewReducer';
+import { fetchInvoicingSubscriptionFormPage } from './editInvoicingSubscriptionDetailViewReducer';
+/**
+ * Every action this epic can emit, plus the trigger it listens for. Wired into
+ * the root action union for this view.
+ */
+export type ActionType = ReturnType<typeof fetchInvoicingSubscriptionFormPage> | ReturnType<typeof fetchInvoicingCustomerList> | ReturnType<typeof fetchInvoicingCatalogPlanList> | ReturnType<typeof fetchInvoicingCouponList> | ReturnType<typeof fetchInvoicingSubscriptionDetail>;
+/**
+ * Orchestrates the subscription create/edit form: on
+ * `fetchInvoicingSubscriptionFormPage`, fans out the option-list fetches
+ * (customers, plans, coupons) the form's dropdowns need, plus the subscription
+ * detail fetch when editing an existing subscription. Blind fan-out — the form
+ * always refreshes its option lists, matching the prior screen behavior.
+ */
+export declare const fetchInvoicingSubscriptionFormPageEpic: (actions$: ActionsObservable<ActionType>) => Observable<ActionType>;

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingSubscriptionFormPageEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const couponViewReducer_1 = require("../couponView/couponViewReducer");
+const invoicingCatalogListViewReducer_1 = require("../invoicingCatalogListView/invoicingCatalogListViewReducer");
+const invoicingCustomerListViewReducer_1 = require("../invoicingCustomerListView/invoicingCustomerListViewReducer");
+const invoicingSubscriptionDetailViewReducer_1 = require("../invoicingSubscriptionDetailView/invoicingSubscriptionDetailViewReducer");
+const editInvoicingSubscriptionDetailViewReducer_1 = require("./editInvoicingSubscriptionDetailViewReducer");
+/**
+ * Orchestrates the subscription create/edit form: on
+ * `fetchInvoicingSubscriptionFormPage`, fans out the option-list fetches
+ * (customers, plans, coupons) the form's dropdowns need, plus the subscription
+ * detail fetch when editing an existing subscription. Blind fan-out — the form
+ * always refreshes its option lists, matching the prior screen behavior.
+ */
+const fetchInvoicingSubscriptionFormPageEpic = (actions$) => actions$.pipe((0, operators_1.filter)(editInvoicingSubscriptionDetailViewReducer_1.fetchInvoicingSubscriptionFormPage.match), (0, operators_1.mergeMap)((action) => {
+    const { subscriptionId } = action.payload;
+    const pageActions = [
+        (0, invoicingCustomerListViewReducer_1.fetchInvoicingCustomerList)({ filters: {}, keepExistingListItems: false }),
+        (0, invoicingCatalogListViewReducer_1.fetchInvoicingCatalogPlanList)({
+            filters: {},
+            keepExistingListItems: false,
+        }),
+        (0, couponViewReducer_1.fetchInvoicingCouponList)({ filters: {}, keepExistingListItems: false }),
+    ];
+    if (subscriptionId != null) {
+        pageActions.push((0, invoicingSubscriptionDetailViewReducer_1.fetchInvoicingSubscriptionDetail)({ id: subscriptionId }));
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));
+}));
+exports.fetchInvoicingSubscriptionFormPageEpic = fetchInvoicingSubscriptionFormPageEpic;

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

@@ -0,0 +1,17 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { newAddressInLocalStore } from '../../addressView/addressViewReducer';
+import { updateInvoicingSubscriptionDetail } from '../invoicingSubscriptionDetailView/invoicingSubscriptionDetailViewReducer';
+import { initializeInvoicingSubscriptionAddress } from './editInvoicingSubscriptionDetailViewReducer';
+export type ActionType = ReturnType<typeof initializeInvoicingSubscriptionAddress> | ReturnType<typeof updateInvoicingSubscriptionDetail> | ReturnType<typeof newAddressInLocalStore>;
+/**
+ * Seed the shared Address screen with an existing subscription's saved shipping
+ * address (looked up in the shared address store by `shippingAddressId`, same as
+ * the customer billing-address flow).
+ * Runs both when the subscription detail loads and on an explicit initialize
+ * trigger. Skips when an in-progress draft already exists, so an address the
+ * user just entered survives navigating between the form and the Address screen.
+ * Mirrors `initializeInvoicingCustomerAddressEpic`.
+ */
+export declare const initializeInvoicingSubscriptionAddressEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeInvoicingSubscriptionAddressEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const addressSelector_1 = require("../../../entity/address/addressSelector");
+const invoicingSubscriptionSelector_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionSelector");
+const addressViewReducer_1 = require("../../addressView/addressViewReducer");
+const invoicingSubscriptionDetailViewReducer_1 = require("../invoicingSubscriptionDetailView/invoicingSubscriptionDetailViewReducer");
+const editInvoicingSubscriptionDetailViewReducer_1 = require("./editInvoicingSubscriptionDetailViewReducer");
+const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormConfig");
+/**
+ * Seed the shared Address screen with an existing subscription's saved shipping
+ * address (looked up in the shared address store by `shippingAddressId`, same as
+ * the customer billing-address flow).
+ * Runs both when the subscription detail loads and on an explicit initialize
+ * trigger. Skips when an in-progress draft already exists, so an address the
+ * user just entered survives navigating between the form and the Address screen.
+ * Mirrors `initializeInvoicingCustomerAddressEpic`.
+ */
+const initializeInvoicingSubscriptionAddressEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)((action) => editInvoicingSubscriptionDetailViewReducer_1.initializeInvoicingSubscriptionAddress.match(action) ||
+    invoicingSubscriptionDetailViewReducer_1.updateInvoicingSubscriptionDetail.match(action)), (0, operators_1.mergeMap)((action) => {
+    const { id } = action.payload;
+    const rootState = state$.value;
+    const existingDraft = rootState.addressViewState.newAddressState?.[invoicingSubscriptionFormConfig_1.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE]?.addressToCreate;
+    if (existingDraft != null || id == null) {
+        return rxjs_1.EMPTY;
+    }
+    const subscription = (0, invoicingSubscriptionSelector_1.getInvoicingSubscriptionById)(rootState.invoicingSubscriptionState, id);
+    const address = subscription?.shippingAddressId != null
+        ? (0, addressSelector_1.getAddressByAddressId)(rootState.addressState, subscription.shippingAddressId)
+        : undefined;
+    return address != null
+        ? (0, rxjs_1.of)((0, addressViewReducer_1.newAddressInLocalStore)({
+            addressType: invoicingSubscriptionFormConfig_1.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE,
+            addressToCreate: address,
+        }))
+        : rxjs_1.EMPTY;
+}));
+exports.initializeInvoicingSubscriptionAddressEpic = initializeInvoicingSubscriptionAddressEpic;

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

@@ -0,0 +1,20 @@
+import { InvoicingSubscription } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionState';
+import { InvoicingSubscriptionFormLocalData } from './editInvoicingSubscriptionDetailViewState';
+/** `AddressType` key used when the subscription form opens the shared Address screen. */
+export declare const INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE: "invoicing_subscription_shipping_address";
+/**
+ * Canonical billing-frequency value set for the subscription form. CES owns the
+ * values (and their period/unit mapping); web-components maps each value to a
+ * localized label (same split as the customer form's value sets).
+ */
+export declare const INVOICING_SUBSCRIPTION_BILLING_FREQUENCY_VALUES: readonly ["weekly", "monthly", "quarterly", "half_yearly", "yearly"];
+/** Map a billing-frequency value to its API `billing_period` / `billing_period_unit`. */
+export declare const billingFrequencyToPeriod: (value: string) => {
+    period: number;
+    unit: string;
+};
+/** Map an existing subscription's period/unit back to a billing-frequency value. */
+export declare const periodToBillingFrequency: (period?: number, unit?: string) => string;
+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

@@ -0,0 +1,80 @@
+"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;
+/** `AddressType` key used when the subscription form opens the shared Address screen. */
+exports.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE = 'invoicing_subscription_shipping_address';
+/**
+ * Canonical billing-frequency value set for the subscription form. CES owns the
+ * values (and their period/unit mapping); web-components maps each value to a
+ * localized label (same split as the customer form's value sets).
+ */
+exports.INVOICING_SUBSCRIPTION_BILLING_FREQUENCY_VALUES = [
+    'weekly',
+    'monthly',
+    'quarterly',
+    'half_yearly',
+    'yearly',
+];
+const BILLING_FREQUENCY_TO_PERIOD = {
+    weekly: { period: 1, unit: 'week' },
+    monthly: { period: 1, unit: 'month' },
+    quarterly: { period: 3, unit: 'month' },
+    half_yearly: { period: 6, unit: 'month' },
+    yearly: { period: 1, unit: 'year' },
+};
+/** Map a billing-frequency value to its API `billing_period` / `billing_period_unit`. */
+const billingFrequencyToPeriod = (value) => BILLING_FREQUENCY_TO_PERIOD[value] ?? BILLING_FREQUENCY_TO_PERIOD.monthly;
+exports.billingFrequencyToPeriod = billingFrequencyToPeriod;
+/** Map an existing subscription's period/unit back to a billing-frequency value. */
+const periodToBillingFrequency = (period, unit) => {
+    const match = exports.INVOICING_SUBSCRIPTION_BILLING_FREQUENCY_VALUES.find((value) => {
+        const mapped = BILLING_FREQUENCY_TO_PERIOD[value];
+        return mapped.period === period && mapped.unit === unit;
+    });
+    return match ?? 'monthly';
+};
+exports.periodToBillingFrequency = periodToBillingFrequency;
+const subscriptionItemPriceCodes = (subscription, itemType) => subscription?.subscriptionItems
+    ?.filter((item) => item.itemType === itemType)
+    .map((item) => item.itemPriceCode)
+    .filter((code) => code != null && code !== '') ?? [];
+exports.initialInvoicingSubscriptionFormLocalData = {
+    addonPriceCodes: [],
+    autoCollection: true,
+    billingFrequency: 'monthly',
+    chargePriceCodes: [],
+    couponId: '',
+    customerId: '',
+    planPriceCode: '',
+    planQuantity: 1,
+    poNumber: '',
+    preferredCurrencyCode: 'USD',
+    setupFee: '',
+    trialEnd: '',
+};
+/** Seed the form draft from an existing subscription entity (edit mode). */
+const entityToInvoicingSubscriptionFormLocalData = (subscription) => {
+    if (subscription == null) {
+        return { ...exports.initialInvoicingSubscriptionFormLocalData };
+    }
+    const planItem = subscription.subscriptionItems?.find((item) => item.itemType === 'plan');
+    return {
+        addonPriceCodes: subscriptionItemPriceCodes(subscription, 'addon'),
+        autoCollection: (subscription.autoCollection ?? 'on') === 'on',
+        billingFrequency: (0, exports.periodToBillingFrequency)(subscription.billingPeriod, subscription.billingPeriodUnit),
+        chargePriceCodes: subscriptionItemPriceCodes(subscription, 'charge'),
+        couponId: subscription.coupons?.[0]?.couponCode ??
+            subscription.coupons?.[0]?.couponID ??
+            '',
+        customerId: subscription.customerID ?? '',
+        planPriceCode: subscriptionItemPriceCodes(subscription, 'plan')[0] ?? '',
+        planQuantity: planItem?.quantity ?? 1,
+        poNumber: subscription.poNumber ?? '',
+        preferredCurrencyCode: subscription.currencyCode ?? 'USD',
+        setupFee: '',
+        trialEnd: subscription.trialEnd != null
+            ? subscription.trialEnd.format('YYYY-MM-DD')
+            : '',
+    };
+};
+exports.entityToInvoicingSubscriptionFormLocalData = entityToInvoicingSubscriptionFormLocalData;

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

@@ -0,0 +1,11 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateAddresses } from '../../../entity/address/addressReducer';
+import { updateInvoicingSubscriptions } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
+import { addInvoicingSubscriptionToList } from '../invoicingSubscriptionListView/invoicingSubscriptionListViewReducer';
+import { submitInvoicingSubscriptionForm, submitInvoicingSubscriptionFormFailure, submitInvoicingSubscriptionFormSuccess } from './editInvoicingSubscriptionDetailViewReducer';
+export type ActionType = ReturnType<typeof submitInvoicingSubscriptionForm> | ReturnType<typeof submitInvoicingSubscriptionFormSuccess> | ReturnType<typeof submitInvoicingSubscriptionFormFailure> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingSubscriptions> | ReturnType<typeof addInvoicingSubscriptionToList>;
+export declare const saveInvoicingSubscriptionEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveInvoicingSubscriptionEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const addressReducer_1 = require("../../../entity/address/addressReducer");
+const invoicingSubscriptionPayload_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload");
+const invoicingSubscriptionReducer_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const addressViewReducer_1 = require("../../addressView/addressViewReducer");
+const invoicingSubscriptionListViewReducer_1 = require("../invoicingSubscriptionListView/invoicingSubscriptionListViewReducer");
+const editInvoicingSubscriptionDetailViewPayload_1 = require("./editInvoicingSubscriptionDetailViewPayload");
+const editInvoicingSubscriptionDetailViewReducer_1 = require("./editInvoicingSubscriptionDetailViewReducer");
+const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormConfig");
+const normalizeCouponCode = (value) => (value ?? '').trim().toUpperCase();
+/**
+ * After a commercial PUT, sync coupon attach/detach via dedicated endpoints.
+ * PUT does not replace coupons; create already accepts coupon_ids.
+ */
+const syncSubscriptionCoupons = (zeniAPI, baseUrl, subscriptionId, previousCode, nextCode) => {
+    const prev = normalizeCouponCode(previousCode);
+    const next = normalizeCouponCode(nextCode);
+    if (prev === next) {
+        return (0, rxjs_1.of)(null);
+    }
+    const removeResult$ = prev === ''
+        ? (0, rxjs_1.of)(null)
+        : zeniAPI
+            .postAndGetJSON(`${baseUrl}/subscriptions/${encodeURIComponent(subscriptionId)}/remove-coupon`, { coupon_code: prev })
+            .pipe((0, operators_1.map)((response) => (0, responsePayload_1.isSuccessResponse)(response) ? (response.data ?? null) : null), (0, operators_1.catchError)(() => (0, rxjs_1.of)(null)));
+    return removeResult$.pipe((0, operators_1.mergeMap)((removedPayload) => {
+        if (next === '') {
+            return (0, rxjs_1.of)(removedPayload);
+        }
+        return zeniAPI
+            .postAndGetJSON(`${baseUrl}/subscriptions/${encodeURIComponent(subscriptionId)}/apply-coupon`, { coupon_code: next })
+            .pipe((0, operators_1.map)((response) => (0, responsePayload_1.isSuccessResponse)(response) ? (response.data ?? null) : null), (0, operators_1.catchError)(() => (0, rxjs_1.of)(removedPayload)));
+    }));
+};
+const saveInvoicingSubscriptionEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(editInvoicingSubscriptionDetailViewReducer_1.submitInvoicingSubscriptionForm.match), (0, operators_1.mergeMap)((action) => {
+    const { id } = action.payload;
+    const rootState = state$.value;
+    const viewState = rootState.editInvoicingSubscriptionDetailViewState;
+    const localData = (id != null
+        ? viewState.editDraftById[id]
+        : viewState.newSubscriptionDraft) ?? viewState.newSubscriptionDraft;
+    // Shipping address captured via the shared Address screen is sent as an
+    // object in the payload (same pattern as the customer save flow).
+    const shippingAddress = rootState.addressViewState.newAddressState?.[invoicingSubscriptionFormConfig_1.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE]?.addressToCreate;
+    const data = (0, editInvoicingSubscriptionDetailViewPayload_1.localDataToSaveInvoicingSubscriptionPayload)(localData, shippingAddress);
+    // Coupons are synced via apply/remove-coupon after PUT (not via coupon_ids).
+    if (id != null) {
+        delete data.coupon_ids;
+    }
+    const baseUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
+    const previousCouponCode = id != null
+        ? (rootState.invoicingSubscriptionState.invoicingSubscriptionByID[id]
+            ?.coupons?.[0]?.couponCode ??
+            rootState.invoicingSubscriptionState.invoicingSubscriptionByID[id]
+                ?.coupons?.[0]?.couponID ??
+            '')
+        : '';
+    const request$ = id != null
+        ? zeniAPI.putAndGetJSON(`${baseUrl}/subscriptions/${encodeURIComponent(id)}`, { ...data })
+        : zeniAPI.postAndGetJSON(`${baseUrl}/subscriptions`, { ...data });
+    return request$.pipe((0, operators_1.mergeMap)((response) => {
+        if (!(0, responsePayload_1.isSuccessResponse)(response) || response.data == null) {
+            return (0, rxjs_1.of)((0, editInvoicingSubscriptionDetailViewReducer_1.submitInvoicingSubscriptionFormFailure)(response.status));
+        }
+        const saved = response.data;
+        const couponSync$ = id != null
+            ? syncSubscriptionCoupons(zeniAPI, baseUrl, saved.id, previousCouponCode, localData.couponId)
+            : (0, rxjs_1.of)(null);
+        return couponSync$.pipe((0, operators_1.mergeMap)((couponUpdated) => {
+            const finalSubscription = couponUpdated ?? saved;
+            const resultActions = [
+                (0, invoicingSubscriptionReducer_1.updateInvoicingSubscriptions)([finalSubscription], 'merge'),
+                (0, addressReducer_1.updateAddresses)((0, invoicingSubscriptionPayload_1.extractInvoicingSubscriptionAddresses)([finalSubscription])),
+                (0, editInvoicingSubscriptionDetailViewReducer_1.submitInvoicingSubscriptionFormSuccess)({
+                    subscriptionId: finalSubscription.id,
+                }),
+                // Clear the stashed address so the next subscription starts fresh.
+                (0, addressViewReducer_1.resetNewAddressDataInLocalStore)(invoicingSubscriptionFormConfig_1.INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE),
+            ];
+            // Create (no id): reflect the new row + tab counts in the cached list
+            // so the list page shows it without a refetch. Edits keep the same
+            // id/counts, so the entity merge above is enough.
+            if (id == null) {
+                resultActions.push((0, invoicingSubscriptionListViewReducer_1.addInvoicingSubscriptionToList)({
+                    id: finalSubscription.id,
+                    status: finalSubscription.status,
+                }));
+            }
+            return resultActions;
+        }));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingSubscriptionDetailViewReducer_1.submitInvoicingSubscriptionFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save subscription REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.saveInvoicingSubscriptionEpic = saveInvoicingSubscriptionEpic;

package/lib/view/invoicing/invoiceAction/invoiceActionEpic.d.ts

@@ -0,0 +1,10 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateAddresses } from '../../../entity/address/addressReducer';
+import { updateInvoices } from '../../../entity/invoicing/invoice/invoiceReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { runInvoicingInvoiceAction, runInvoicingInvoiceActionFailure, runInvoicingInvoiceActionSuccess, updateInvoicingInvoice } from './invoiceActionReducer';
+export type ActionType = ReturnType<typeof runInvoicingInvoiceAction> | ReturnType<typeof runInvoicingInvoiceActionSuccess> | ReturnType<typeof runInvoicingInvoiceActionFailure> | ReturnType<typeof updateInvoicingInvoice> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoices>;
+export declare const runInvoicingInvoiceActionEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const updateInvoicingInvoiceEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;