@zeniai/client-epic-state 5.2.30 → 5.2.32-betaAK0

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

@@ -1,12 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.archiveInvoicingCatalogSubFamilyEpic = exports.createInvoicingCatalogSubFamilyEpic = void 0;
+exports.archiveInvoicingCatalogSubFamilyEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const planReducer_1 = require("../../../entity/invoicing/plan/planReducer");
 const responsePayload_1 = require("../../../responsePayload");
-const invoicingQboViewSelector_1 = require("../invoicingQboView/invoicingQboViewSelector");
-const catalogDetailEditPayload_1 = require("./catalogDetailEditPayload");
 const editInvoicingCatalogItemDetailViewReducer_1 = require("./editInvoicingCatalogItemDetailViewReducer");
 const subFamilySuccessActions = (parentItemId, subFamilyPayload) => [
     (0, planReducer_1.mergeInvoicingPlanSubFamily)(parentItemId, subFamilyPayload),
@@ -15,24 +13,6 @@ const subFamilySuccessActions = (parentItemId, subFamilyPayload) => [
         kind: 'plan',
     }),
 ];
-const createInvoicingCatalogSubFamilyEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(editInvoicingCatalogItemDetailViewReducer_1.createInvoicingCatalogSubFamily.match), (0, operators_1.mergeMap)((action) => {
-    const { itemType, parentItemId, values } = action.payload;
-    const state = state$.value;
-    // Built here so the dialog can stay in picked ids: resolving one to the
-    // account record the payload carries needs the shared account list.
-    const data = (0, catalogDetailEditPayload_1.createSubFamilyFormToPayload)(parentItemId, itemType, values, (0, invoicingQboViewSelector_1.getInvoicingCatalogAccountingLookup)(state));
-    const baseUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
-    return zeniAPI
-        .postAndGetJSON(`${baseUrl}/catalog/products`, data)
-        .pipe((0, operators_1.mergeMap)((response) => {
-        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            return subFamilySuccessActions(parentItemId, response.data);
-        }
-        return (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create sub-family REST API call errored out ' +
-        JSON.stringify(error))))));
-}));
-exports.createInvoicingCatalogSubFamilyEpic = createInvoicingCatalogSubFamilyEpic;
 const archiveInvoicingCatalogSubFamilyEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(editInvoicingCatalogItemDetailViewReducer_1.archiveInvoicingCatalogSubFamily.match), (0, operators_1.mergeMap)((action) => {
     const { parentItemId, subFamilyId } = action.payload;
     const baseUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
@@ -44,7 +24,7 @@ const archiveInvoicingCatalogSubFamilyEpic = (actions$, _state$, zeniAPI) => act
             return subFamilySuccessActions(parentItemId, response.data);
         }
         return (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Archive sub-family REST API call errored out ' +
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Archive price point REST API call errored out ' +
         JSON.stringify(error))))));
 }));
 exports.archiveInvoicingCatalogSubFamilyEpic = archiveInvoicingCatalogSubFamilyEpic;

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

@@ -6,6 +6,6 @@ import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../rootStateTypes';
 import { ZeniAPI } from '../../../zeniAPI';
 import { addInvoicingCatalogItem } from '../invoicingCatalogListView/invoicingCatalogListViewReducer';
-import { saveInvoicingCatalogItem, submitInvoicingCatalogItemForm, submitInvoicingCatalogItemFormFailure, submitInvoicingCatalogItemFormSuccess } from './editInvoicingCatalogItemDetailViewReducer';
-export type ActionType = ReturnType<typeof submitInvoicingCatalogItemForm> | ReturnType<typeof saveInvoicingCatalogItem> | ReturnType<typeof submitInvoicingCatalogItemFormSuccess> | ReturnType<typeof submitInvoicingCatalogItemFormFailure> | ReturnType<typeof updateInvoicingPlans> | ReturnType<typeof updateInvoicingProducts> | ReturnType<typeof mergeInvoicingPlanSubFamily> | ReturnType<typeof addInvoicingCatalogItem> | ReturnType<typeof openSnackbar>;
+import { submitInvoicingCatalogItemForm, submitInvoicingCatalogItemFormFailure, submitInvoicingCatalogItemFormSuccess } from './editInvoicingCatalogItemDetailViewReducer';
+export type ActionType = ReturnType<typeof submitInvoicingCatalogItemForm> | ReturnType<typeof submitInvoicingCatalogItemFormSuccess> | ReturnType<typeof submitInvoicingCatalogItemFormFailure> | ReturnType<typeof updateInvoicingPlans> | ReturnType<typeof updateInvoicingProducts> | ReturnType<typeof mergeInvoicingPlanSubFamily> | ReturnType<typeof addInvoicingCatalogItem> | ReturnType<typeof openSnackbar>;
 export declare const saveInvoicingCatalogItemEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.saveInvoicingCatalogItemEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
-const planSelector_1 = require("../../../entity/invoicing/plan/planSelector");
 const planReducer_1 = require("../../../entity/invoicing/plan/planReducer");
 const productReducer_1 = require("../../../entity/invoicing/product/productReducer");
 const snackbarApiError_1 = require("../../../entity/snackbar/snackbarApiError");
@@ -11,34 +10,19 @@ const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const invoicingCatalogListViewReducer_1 = require("../invoicingCatalogListView/invoicingCatalogListViewReducer");
 const invoicingQboViewSelector_1 = require("../invoicingQboView/invoicingQboViewSelector");
-const catalogDetailEditPayload_1 = require("./catalogDetailEditPayload");
 const editInvoicingCatalogItemDetailViewPayload_1 = require("./editInvoicingCatalogItemDetailViewPayload");
-const editInvoicingCatalogItemDetailViewSelector_1 = require("./editInvoicingCatalogItemDetailViewSelector");
 const editInvoicingCatalogItemDetailViewReducer_1 = require("./editInvoicingCatalogItemDetailViewReducer");
-const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)((action) => editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemForm.match(action) ||
-    editInvoicingCatalogItemDetailViewReducer_1.saveInvoicingCatalogItem.match(action)), (0, operators_1.mergeMap)((action) => {
+const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)((action) => editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemForm.match(action)), (0, operators_1.mergeMap)((action) => {
     const { id } = action.payload;
     const state = state$.value;
     const accountingLookup = (0, invoicingQboViewSelector_1.getInvoicingCatalogAccountingLookup)(state);
-    // Both sources are form values, turned into request bodies here so the
-    // picked account and class become the records the service stores: the
-    // detail page's edit form, or the create/edit form's draft.
-    let data;
-    let editProductUpdates;
-    if (editInvoicingCatalogItemDetailViewReducer_1.saveInvoicingCatalogItem.match(action)) {
-        const plan = id != null
-            ? (0, planSelector_1.getInvoicingPlanById)(state.invoicingPlanState, id)
-            : undefined;
-        const savePayload = (0, catalogDetailEditPayload_1.catalogDetailEditValuesToSavePayload)((0, editInvoicingCatalogItemDetailViewSelector_1.getInvoicingCatalogItemDetailEditLocalData)(state, id), accountingLookup, plan?.type ?? plan?.itemType, plan?.subFamilies);
-        data = savePayload.planData;
-        editProductUpdates = savePayload.productUpdates;
-    }
-    else {
-        const viewState = state.editInvoicingCatalogItemDetailViewState;
-        const localData = (id != null ? viewState.editDraftById[id] : viewState.newItemDraft) ??
-            viewState.newItemDraft;
-        data = (0, editInvoicingCatalogItemDetailViewPayload_1.localDataToSaveInvoicingCatalogItemPayload)(localData, id == null, accountingLookup);
-    }
+    // Form values, turned into a request body here so the picked account and
+    // class become the records the service stores. Price points ride along
+    // nested, so the detail page and the create/edit form share one request.
+    const viewState = state.editInvoicingCatalogItemDetailViewState;
+    const localData = (id != null ? viewState.editDraftById[id] : viewState.newItemDraft) ??
+        viewState.newItemDraft;
+    const data = (0, editInvoicingCatalogItemDetailViewPayload_1.localDataToSaveInvoicingCatalogItemPayload)(localData, id == null, accountingLookup);
     const baseUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
     const path = id != null
         ? `${baseUrl}/catalog/plans/${encodeURIComponent(id)}`
@@ -99,13 +83,7 @@ const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actions$.pip
                 }));
                 return resultActions;
             };
-            const productUpdates = editInvoicingCatalogItemDetailViewReducer_1.saveInvoicingCatalogItem.match(action)
-                ? (editProductUpdates ?? [])
-                : [];
-            if (productUpdates.length === 0) {
-                return completeSave([]);
-            }
-            return (0, rxjs_1.forkJoin)(productUpdates.map((productUpdate) => zeniAPI.putAndGetJSON(`${baseUrl}/catalog/products/${encodeURIComponent(productUpdate.id)}`, productUpdate.data))).pipe((0, operators_1.mergeMap)(completeSave));
+            return completeSave([]);
         }
         return (0, rxjs_1.from)([
             (0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)(response.status),

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

@@ -1,4 +1,4 @@
-import { FetchState, ID } from '../../../commonStateTypes/common';
+import { FetchState, FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { InvoicingCoupon } from '../../../entity/invoicing/coupon/couponState';
 import { InvoicingDiscountLifecycleActionOption, InvoicingFieldHelpByCode, InvoicingFormOption } from '../../../entity/invoicing/invoicingCommonPayload';
@@ -8,6 +8,17 @@ export interface EditInvoicingCouponDetailView extends SelectorView {
     /** Config-owned; folded in so the screen reads one selector. */
     configFetchState: FetchState;
     discountLifecycleActionOptions: InvoicingDiscountLifecycleActionOption[];
+    /**
+     * Backend help copy for this screen's field group, keyed by field code.
+     * Folded in here so the screen never reaches for the config view itself.
+     */
+    fieldHelp: InvoicingFieldHelpByCode;
+    /**
+     * Loading the coupon, as distinct from this view's own `fetchState`, which
+     * tracks the save. Folded in from the read view so a screen reads one
+     * selector rather than pairing this one with it.
+     */
+    recordState: FetchStateAndError;
     coupon?: InvoicingCoupon;
     savedCouponId?: ID;
 }

package/lib/view/invoicing/editInvoicingCouponDetailView/editInvoicingCouponDetailViewSelector.js

@@ -4,6 +4,7 @@ exports.getInvoicingCouponFormView = exports.getEditInvoicingCouponDetailViewSta
 const couponSelector_1 = require("../../../entity/invoicing/coupon/couponSelector");
 const invoicingCommonPayload_1 = require("../../../entity/invoicing/invoicingCommonPayload");
 const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
+const invoicingCouponRecordViewSelector_1 = require("../invoicingCouponRecordView/invoicingCouponRecordViewSelector");
 const editInvoicingCouponDetailViewState_1 = require("./editInvoicingCouponDetailViewState");
 /**
  * Bundled view for the discount create/edit form: the save fetch state/error,
@@ -13,9 +14,17 @@ const editInvoicingCouponDetailViewState_1 = require("./editInvoicingCouponDetai
 const getEditInvoicingCouponDetailViewState = (state, couponId) => {
     const { error, fetchState, savedCouponId } = state.editInvoicingCouponDetailViewState;
     const { discountLifecycleActionOptions, fetchState: configFetchState } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
+    // In create mode there is no record to load, so the read view is only
+    // consulted when editing an existing coupon.
+    const readView = couponId != null ? (0, invoicingCouponRecordViewSelector_1.getInvoicingCouponRecord)(state, couponId) : undefined;
     return {
         configFetchState,
         discountLifecycleActionOptions,
+        fieldHelp: (0, invoicingConfigViewSelector_1.invoicingFieldHelpForGroup)(state, 'discount'),
+        recordState: {
+            error: readView?.error,
+            fetchState: readView?.fetchState ?? 'Not-Started',
+        },
         coupon: couponId != null
             ? (0, couponSelector_1.getInvoicingCouponById)(state.invoicingCouponState, couponId)
             : undefined,
@@ -41,7 +50,6 @@ const getInvoicingCouponFormView = (state, couponId) => {
         : newCouponDraft;
     const { billingPeriodUnitOptions, discountApplyOnOptions, discountDurationTypeOptions, discountTypeOptions, } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
-        fieldHelp: (0, invoicingConfigViewSelector_1.invoicingFieldHelpForGroup)(state, 'discount'),
         ...base,
         applyOnOptions: discountApplyOnOptions.map(invoicingCommonPayload_1.toInvoicingFormOption),
         discountTypeOptions: discountTypeOptions.map(invoicingCommonPayload_1.toInvoicingFormOption),

package/lib/view/invoicing/editInvoicingCustomerDetailView/editInvoicingCustomerDetailViewSelector.d.ts

@@ -2,6 +2,7 @@ import { ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { InvoicingFieldHelpByCode, InvoicingNamedOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { RootState } from '../../../rootStateTypes';
+import { type InvoicingCustomerRecordView } from '../invoicingCustomerRecordView/invoicingCustomerRecordViewSelector';
 import { InvoicingCustomerFormLocalData } from './editInvoicingCustomerDetailViewState';
 export interface InvoicingCustomerFormView extends SelectorView {
     customerTypeOptions: InvoicingNamedOption[];
@@ -13,6 +14,13 @@ export interface InvoicingCustomerFormView extends SelectorView {
     localData: InvoicingCustomerFormLocalData;
     mode: 'create' | 'edit';
     netTermDayOptions: InvoicingNamedOption[];
+    /**
+     * The record and everything the detail page renders alongside it — invoices,
+     * payment methods, branding, Stripe state. Nested rather than flattened: it
+     * is a page's worth of state, and spreading it here would bury this view's
+     * own form fields. Screens read one selector and reach through this.
+     */
+    record: InvoicingCustomerRecordView;
     taxabilityOptions: InvoicingNamedOption[];
     billingAddressId?: ID;
     billingAddressLabel?: string;

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 invoicingCustomerRecordViewSelector_1 = require("../invoicingCustomerRecordView/invoicingCustomerRecordViewSelector");
 const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
 const invoicingCustomerFormConfig_1 = require("./invoicingCustomerFormConfig");
 /**
@@ -32,6 +33,7 @@ const getInvoicingCustomerFormView = (state, invoicingCustomerID) => {
         : undefined;
     const { customerTypeOptions, netTermDayOptions, taxabilityOptions } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
+        record: (0, invoicingCustomerRecordViewSelector_1.getInvoicingCustomerRecord)(state, invoicingCustomerID ?? ''),
         fieldHelp: (0, invoicingConfigViewSelector_1.invoicingFieldHelpForGroup)(state, 'customer'),
         customerTypeOptions,
         localData,

package/lib/view/invoicing/editInvoicingCustomerDetailView/initializeInvoicingCustomerAddressEpic.d.ts

@@ -2,7 +2,7 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { RootState } from '../../../rootStateTypes';
 import { newAddressInLocalStore } from '../../addressView/addressViewReducer';
-import { updateInvoicingCustomerDetail } from '../invoicingCustomerDetailView/invoicingCustomerDetailViewReducer';
+import { updateInvoicingCustomerDetail } from '../invoicingCustomerRecordView/invoicingCustomerRecordViewReducer';
 import { initializeInvoicingCustomerAddress } from './editInvoicingCustomerDetailViewReducer';
 export type ActionType = ReturnType<typeof initializeInvoicingCustomerAddress> | ReturnType<typeof updateInvoicingCustomerDetail> | ReturnType<typeof newAddressInLocalStore>;
 /**

package/lib/view/invoicing/editInvoicingCustomerDetailView/initializeInvoicingCustomerAddressEpic.js

@@ -6,7 +6,7 @@ const operators_1 = require("rxjs/operators");
 const addressSelector_1 = require("../../../entity/address/addressSelector");
 const invoicingCustomerSelector_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerSelector");
 const addressViewReducer_1 = require("../../addressView/addressViewReducer");
-const invoicingCustomerDetailViewReducer_1 = require("../invoicingCustomerDetailView/invoicingCustomerDetailViewReducer");
+const invoicingCustomerRecordViewReducer_1 = require("../invoicingCustomerRecordView/invoicingCustomerRecordViewReducer");
 const editInvoicingCustomerDetailViewReducer_1 = require("./editInvoicingCustomerDetailViewReducer");
 const invoicingCustomerFormConfig_1 = require("./invoicingCustomerFormConfig");
 /**
@@ -18,7 +18,7 @@ const invoicingCustomerFormConfig_1 = require("./invoicingCustomerFormConfig");
  * `initializeVendorAddressEpic`.
  */
 const initializeInvoicingCustomerAddressEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)((action) => editInvoicingCustomerDetailViewReducer_1.initializeInvoicingCustomerAddress.match(action) ||
-    invoicingCustomerDetailViewReducer_1.updateInvoicingCustomerDetail.match(action)), (0, operators_1.mergeMap)((action) => {
+    invoicingCustomerRecordViewReducer_1.updateInvoicingCustomerDetail.match(action)), (0, operators_1.mergeMap)((action) => {
     const { id } = action.payload;
     const rootState = state$.value;
     const existingDraft = rootState.addressViewState.newAddressState?.[invoicingCustomerFormConfig_1.INVOICING_CUSTOMER_BILLING_ADDRESS_TYPE]?.addressToCreate;

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

@@ -1,7 +1,7 @@
-import { ID } from '../../../commonStateTypes/common';
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { InvoicingCoupon } from '../../../entity/invoicing/coupon/couponState';
-import { InvoicingFieldHelpByCode, InvoicingSubscriptionLifecycleActionOption } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingFieldHelpByCode, InvoicingNamedOption, InvoicingSubscriptionLifecycleActionOption } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
 import { InvoicingSubscription } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionState';
 import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
@@ -30,6 +30,10 @@ export interface EditInvoicingSubscriptionDetailView extends SelectorView {
  * to its own option shapes, so this stays free of any web-components dependency.
  */
 export interface InvoicingSubscriptionFormView extends SelectorView {
+    /** Lifecycle action in flight, folded in from the record view. */
+    actionState: FetchStateAndError;
+    /** Cancel reasons from `/1.0/config`, so the dialog hardcodes nothing. */
+    cancelReasonCodeOptions: InvoicingNamedOption[];
     coupons: InvoicingCoupon[];
     customers: InvoicingCustomer[];
     /**
@@ -41,6 +45,11 @@ export interface InvoicingSubscriptionFormView extends SelectorView {
     mode: 'create' | 'edit';
     plans: InvoicingProduct[];
     products: InvoicingProduct[];
+    /**
+     * Loading the subscription, as distinct from this view's own `fetchState`,
+     * which tracks the save. Folded in so a screen reads one selector.
+     */
+    recordState: FetchStateAndError;
     savedSubscriptionId?: ID;
     shippingAddressLabel?: string;
     subscription?: InvoicingSubscription;

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

@@ -5,6 +5,7 @@ const invoicingSubscriptionSelector_1 = require("../../../entity/invoicing/invoi
 const addressViewSelector_1 = require("../../addressView/addressViewSelector");
 const couponViewSelector_1 = require("../couponView/couponViewSelector");
 const invoicingCatalogListViewSelector_1 = require("../invoicingCatalogListView/invoicingCatalogListViewSelector");
+const invoicingSubscriptionRecordViewSelector_1 = require("../invoicingSubscriptionRecordView/invoicingSubscriptionRecordViewSelector");
 const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
 const invoicingCustomerListViewSelector_1 = require("../invoicingCustomerListView/invoicingCustomerListViewSelector");
 const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormConfig");
@@ -45,7 +46,21 @@ const getInvoicingSubscriptionFormView = (state, invoicingSubscriptionID) => {
     const catalogListView = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogListView)(state);
     const planPrices = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogPrices)(catalogListView.plans);
     const addonAndChargePrices = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogPrices)(catalogListView.products);
+    // In create mode there is no record to load, so the record view is only
+    // consulted when editing an existing subscription.
+    const recordView = invoicingSubscriptionID != null
+        ? (0, invoicingSubscriptionRecordViewSelector_1.getInvoicingSubscriptionRecord)(state, invoicingSubscriptionID)
+        : undefined;
     return {
+        actionState: recordView?.actionState ?? {
+            error: undefined,
+            fetchState: 'Not-Started',
+        },
+        cancelReasonCodeOptions: (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state).subscriptionCancelReasonCodeOptions,
+        recordState: {
+            error: recordView?.error,
+            fetchState: recordView?.fetchState ?? 'Not-Started',
+        },
         fieldHelp: (0, invoicingConfigViewSelector_1.invoicingFieldHelpForGroup)(state, 'subscription'),
         coupons: (0, couponViewSelector_1.getInvoicingCouponListItems)(state),
         customers: (0, invoicingCustomerListViewSelector_1.getInvoicingCustomerListView)(state).customers,

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

@@ -3,7 +3,7 @@ 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 { fetchInvoicingSubscriptionDetail } from '../invoicingSubscriptionRecordView/invoicingSubscriptionRecordViewReducer';
 import { fetchInvoicingSubscriptionFormPage } from './editInvoicingSubscriptionDetailViewReducer';
 /**
  * Every action this epic can emit, plus the trigger it listens for. Wired into

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

@@ -6,7 +6,7 @@ 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 invoicingSubscriptionRecordViewReducer_1 = require("../invoicingSubscriptionRecordView/invoicingSubscriptionRecordViewReducer");
 const editInvoicingSubscriptionDetailViewReducer_1 = require("./editInvoicingSubscriptionDetailViewReducer");
 /**
  * Orchestrates the subscription create/edit form: on
@@ -26,7 +26,7 @@ const fetchInvoicingSubscriptionFormPageEpic = (actions$) => actions$.pipe((0, o
         (0, couponViewReducer_1.fetchInvoicingCouponList)({ filters: {}, keepExistingListItems: false }),
     ];
     if (subscriptionId != null) {
-        pageActions.push((0, invoicingSubscriptionDetailViewReducer_1.fetchInvoicingSubscriptionDetail)({ id: subscriptionId }));
+        pageActions.push((0, invoicingSubscriptionRecordViewReducer_1.fetchInvoicingSubscriptionDetail)({ id: subscriptionId }));
     }
     return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));
 }));

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

@@ -2,7 +2,7 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { RootState } from '../../../rootStateTypes';
 import { newAddressInLocalStore } from '../../addressView/addressViewReducer';
-import { updateInvoicingSubscriptionDetail } from '../invoicingSubscriptionDetailView/invoicingSubscriptionDetailViewReducer';
+import { updateInvoicingSubscriptionDetail } from '../invoicingSubscriptionRecordView/invoicingSubscriptionRecordViewReducer';
 import { initializeInvoicingSubscriptionAddress } from './editInvoicingSubscriptionDetailViewReducer';
 export type ActionType = ReturnType<typeof initializeInvoicingSubscriptionAddress> | ReturnType<typeof updateInvoicingSubscriptionDetail> | ReturnType<typeof newAddressInLocalStore>;
 /**

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

@@ -6,7 +6,7 @@ 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 invoicingSubscriptionRecordViewReducer_1 = require("../invoicingSubscriptionRecordView/invoicingSubscriptionRecordViewReducer");
 const editInvoicingSubscriptionDetailViewReducer_1 = require("./editInvoicingSubscriptionDetailViewReducer");
 const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormConfig");
 /**
@@ -19,7 +19,7 @@ const invoicingSubscriptionFormConfig_1 = require("./invoicingSubscriptionFormCo
  * 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) => {
+    invoicingSubscriptionRecordViewReducer_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;

package/lib/view/invoicing/{invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewEpics.d.ts → invoicingCatalogItemRecordView/invoicingCatalogItemRecordViewEpics.d.ts}

@@ -3,6 +3,6 @@ import { Observable } from 'rxjs';
 import { updateInvoicingPlans } from '../../../entity/invoicing/plan/planReducer';
 import { RootState } from '../../../rootStateTypes';
 import { ZeniAPI } from '../../../zeniAPI';
-import { fetchInvoicingCatalogItemDetail, updateInvoicingCatalogItemDetail, updateInvoicingCatalogItemDetailFailure } from './invoicingCatalogItemDetailViewReducer';
+import { fetchInvoicingCatalogItemDetail, updateInvoicingCatalogItemDetail, updateInvoicingCatalogItemDetailFailure } from './invoicingCatalogItemRecordViewReducer';
 export type ActionType = ReturnType<typeof fetchInvoicingCatalogItemDetail> | ReturnType<typeof updateInvoicingCatalogItemDetail> | ReturnType<typeof updateInvoicingCatalogItemDetailFailure> | ReturnType<typeof updateInvoicingPlans>;
 export declare const fetchInvoicingCatalogItemDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/{invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewEpics.js → invoicingCatalogItemRecordView/invoicingCatalogItemRecordViewEpics.js}

@@ -5,19 +5,19 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const planReducer_1 = require("../../../entity/invoicing/plan/planReducer");
 const responsePayload_1 = require("../../../responsePayload");
-const invoicingCatalogItemDetailViewReducer_1 = require("./invoicingCatalogItemDetailViewReducer");
-const fetchInvoicingCatalogItemDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCatalogItemDetailViewReducer_1.fetchInvoicingCatalogItemDetail.match), (0, operators_1.switchMap)((action) => {
+const invoicingCatalogItemRecordViewReducer_1 = require("./invoicingCatalogItemRecordViewReducer");
+const fetchInvoicingCatalogItemDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCatalogItemRecordViewReducer_1.fetchInvoicingCatalogItemDetail.match), (0, operators_1.switchMap)((action) => {
     const { id, kind } = action.payload;
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/catalog/plans/${encodeURIComponent(id)}`;
     return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             return [
                 (0, planReducer_1.updateInvoicingPlans)([response.data], 'merge'),
-                (0, invoicingCatalogItemDetailViewReducer_1.updateInvoicingCatalogItemDetail)({ id: response.data.id, kind }),
+                (0, invoicingCatalogItemRecordViewReducer_1.updateInvoicingCatalogItemDetail)({ id: response.data.id, kind }),
             ];
         }
-        return (0, rxjs_1.of)((0, invoicingCatalogItemDetailViewReducer_1.updateInvoicingCatalogItemDetailFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCatalogItemDetailViewReducer_1.updateInvoicingCatalogItemDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog item detail REST API call errored out ' +
+        return (0, rxjs_1.of)((0, invoicingCatalogItemRecordViewReducer_1.updateInvoicingCatalogItemDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCatalogItemRecordViewReducer_1.updateInvoicingCatalogItemDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch catalog item detail REST API call errored out ' +
         JSON.stringify(error))))));
 }));
 exports.fetchInvoicingCatalogItemDetailEpic = fetchInvoicingCatalogItemDetailEpic;

package/lib/view/invoicing/{invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewReducer.d.ts → invoicingCatalogItemRecordView/invoicingCatalogItemRecordViewReducer.d.ts}

@@ -1,13 +1,13 @@
 import { ID } from '../../../commonStateTypes/common';
 import { ZeniAPIStatus } from '../../../responsePayload';
-import { InvoicingCatalogItemDetailViewState, InvoicingCatalogItemKind } from './invoicingCatalogItemDetailViewState';
-export declare const initialState: InvoicingCatalogItemDetailViewState;
+import { InvoicingCatalogItemRecordViewState, InvoicingCatalogItemKind } from './invoicingCatalogItemRecordViewState';
+export declare const initialState: InvoicingCatalogItemRecordViewState;
 export declare const fetchInvoicingCatalogItemDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     id: ID;
     kind: InvoicingCatalogItemKind;
-}, "invoicingCatalogItemDetailView/fetchInvoicingCatalogItemDetail">, updateInvoicingCatalogItemDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "invoicingCatalogItemRecordView/fetchInvoicingCatalogItemDetail">, updateInvoicingCatalogItemDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     id: ID;
     kind: InvoicingCatalogItemKind;
-}, "invoicingCatalogItemDetailView/updateInvoicingCatalogItemDetail">, updateInvoicingCatalogItemDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogItemDetailView/updateInvoicingCatalogItemDetailFailure">;
-declare const _default: import("redux").Reducer<InvoicingCatalogItemDetailViewState>;
+}, "invoicingCatalogItemRecordView/updateInvoicingCatalogItemDetail">, updateInvoicingCatalogItemDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCatalogItemRecordView/updateInvoicingCatalogItemDetailFailure">;
+declare const _default: import("redux").Reducer<InvoicingCatalogItemRecordViewState>;
 export default _default;

package/lib/view/invoicing/{invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewReducer.js → invoicingCatalogItemRecordView/invoicingCatalogItemRecordViewReducer.js}

@@ -10,8 +10,8 @@ exports.initialState = {
     id: undefined,
     kind: undefined,
 };
-const invoicingCatalogItemDetailView = (0, toolkit_1.createSlice)({
-    name: 'invoicingCatalogItemDetailView',
+const invoicingCatalogItemRecordView = (0, toolkit_1.createSlice)({
+    name: 'invoicingCatalogItemRecordView',
     initialState: exports.initialState,
     reducers: {
         fetchInvoicingCatalogItemDetail(draft, action) {
@@ -37,5 +37,5 @@ const invoicingCatalogItemDetailView = (0, toolkit_1.createSlice)({
         });
     },
 });
-_a = invoicingCatalogItemDetailView.actions, exports.fetchInvoicingCatalogItemDetail = _a.fetchInvoicingCatalogItemDetail, exports.updateInvoicingCatalogItemDetail = _a.updateInvoicingCatalogItemDetail, exports.updateInvoicingCatalogItemDetailFailure = _a.updateInvoicingCatalogItemDetailFailure;
-exports.default = invoicingCatalogItemDetailView.reducer;
+_a = invoicingCatalogItemRecordView.actions, exports.fetchInvoicingCatalogItemDetail = _a.fetchInvoicingCatalogItemDetail, exports.updateInvoicingCatalogItemDetail = _a.updateInvoicingCatalogItemDetail, exports.updateInvoicingCatalogItemDetailFailure = _a.updateInvoicingCatalogItemDetailFailure;
+exports.default = invoicingCatalogItemRecordView.reducer;

package/lib/view/invoicing/{invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewSelector.d.ts → invoicingCatalogItemRecordView/invoicingCatalogItemRecordViewSelector.d.ts}

@@ -3,8 +3,7 @@ import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndRep
 import { InvoicingCatalogItemLifecycleAction, InvoicingCatalogLifecycleActionOption, InvoicingCatalogProductLifecycleAction, InvoicingFieldHelpByCode, InvoicingNamedOption, InvoicingNamedOptionsByKey } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
 import { RootState } from '../../../rootStateTypes';
-import type { CatalogDetailEditValues } from '../editInvoicingCatalogItemDetailView/editInvoicingCatalogItemDetailViewState';
-import { InvoicingCatalogItemKind } from './invoicingCatalogItemDetailViewState';
+import { InvoicingCatalogItemKind } from './invoicingCatalogItemRecordViewState';
 /**
  * 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
@@ -17,7 +16,7 @@ import { InvoicingCatalogItemKind } from './invoicingCatalogItemDetailViewState'
  * `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 {
+export interface InvoicingCatalogItemRecordView extends SelectorView {
     catalogItemLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogItemLifecycleAction>[];
     catalogProductLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogProductLifecycleAction>[];
     configFetchState: FetchState;
@@ -25,7 +24,6 @@ export interface InvoicingCatalogItemDetailView extends SelectorView {
      * The inline editor's form data, seeded from the loaded record and updated on
      * every change, so the page renders from CES rather than from its own reset.
      */
-    editLocalData: CatalogDetailEditValues;
     /**
      * Backend help copy for this screen's field group, keyed by field code.
      * Folded in here so the screen never reaches for the config view itself.
@@ -42,4 +40,4 @@ export interface InvoicingCatalogItemDetailView extends SelectorView {
     catalogTierTypeOptionsByPricingModel?: InvoicingNamedOptionsByKey;
     plan?: InvoicingPlan;
 }
-export declare const getInvoicingCatalogItemDetail: (state: RootState, _kind: InvoicingCatalogItemKind, id: ID) => InvoicingCatalogItemDetailView;
+export declare const getInvoicingCatalogItemRecord: (state: RootState, _kind: InvoicingCatalogItemKind, id: ID) => InvoicingCatalogItemRecordView;

package/lib/view/invoicing/{invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewSelector.js → invoicingCatalogItemRecordView/invoicingCatalogItemRecordViewSelector.js}

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getInvoicingCatalogItemDetail = void 0;
+exports.getInvoicingCatalogItemRecord = void 0;
 const planSelector_1 = require("../../../entity/invoicing/plan/planSelector");
 const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
-const editInvoicingCatalogItemDetailViewSelector_1 = require("../editInvoicingCatalogItemDetailView/editInvoicingCatalogItemDetailViewSelector");
-const getInvoicingCatalogItemDetail = (state, _kind, id) => {
-    const { error, fetchState } = state.invoicingCatalogItemDetailViewState;
+const getInvoicingCatalogItemRecord = (state, _kind, id) => {
+    const { error, fetchState } = state.invoicingCatalogItemRecordViewState;
     const { billingPeriodUnitOptions, catalogItemLifecycleActionOptions, catalogItemTypeOptions, catalogProductLifecycleActionOptions, catalogTierTypeOptionsByPricingModel, catalogTrialEndActionOptions, catalogTrialUnitOptions, fetchState: configFetchState, } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
     return {
         fieldHelp: (0, invoicingConfigViewSelector_1.invoicingFieldHelpForGroup)(state, 'catalog'),
@@ -14,7 +13,6 @@ const getInvoicingCatalogItemDetail = (state, _kind, id) => {
         catalogTierTypeOptionsByPricingModel,
         configFetchState,
         periodUnitOptions: billingPeriodUnitOptions,
-        editLocalData: (0, editInvoicingCatalogItemDetailViewSelector_1.getInvoicingCatalogItemDetailEditLocalData)(state, id),
         plan: (0, planSelector_1.getInvoicingPlanById)(state.invoicingPlanState, id),
         trialEndActionOptions: catalogTrialEndActionOptions,
         trialUnitOptions: catalogTrialUnitOptions,
@@ -24,4 +22,4 @@ const getInvoicingCatalogItemDetail = (state, _kind, id) => {
         version: 1.0,
     };
 };
-exports.getInvoicingCatalogItemDetail = getInvoicingCatalogItemDetail;
+exports.getInvoicingCatalogItemRecord = getInvoicingCatalogItemRecord;

package/lib/view/invoicing/{invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewState.d.ts → invoicingCatalogItemRecordView/invoicingCatalogItemRecordViewState.d.ts}

@@ -1,6 +1,6 @@
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 export type InvoicingCatalogItemKind = 'plan';
-export interface InvoicingCatalogItemDetailViewState extends FetchStateAndError {
+export interface InvoicingCatalogItemRecordViewState extends FetchStateAndError {
     id?: ID;
     kind?: InvoicingCatalogItemKind;
 }

package/lib/view/invoicing/{invoicingCouponDetailView → invoicingCouponRecordView}/fetchInvoicingCouponDetailEpic.d.ts

@@ -3,6 +3,6 @@ import { Observable } from 'rxjs';
 import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
 import { RootState } from '../../../rootStateTypes';
 import { ZeniAPI } from '../../../zeniAPI';
-import { fetchInvoicingCouponDetail, updateInvoicingCouponDetail, updateInvoicingCouponDetailFailure } from './invoicingCouponDetailViewReducer';
+import { fetchInvoicingCouponDetail, updateInvoicingCouponDetail, updateInvoicingCouponDetailFailure } from './invoicingCouponRecordViewReducer';
 export type ActionType = ReturnType<typeof fetchInvoicingCouponDetail> | ReturnType<typeof updateInvoicingCouponDetail> | ReturnType<typeof updateInvoicingCouponDetailFailure> | ReturnType<typeof updateInvoicingCoupons>;
 export declare const fetchInvoicingCouponDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/{invoicingCouponDetailView → invoicingCouponRecordView}/fetchInvoicingCouponDetailEpic.js

@@ -5,19 +5,19 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const couponReducer_1 = require("../../../entity/invoicing/coupon/couponReducer");
 const responsePayload_1 = require("../../../responsePayload");
-const invoicingCouponDetailViewReducer_1 = require("./invoicingCouponDetailViewReducer");
-const fetchInvoicingCouponDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCouponDetailViewReducer_1.fetchInvoicingCouponDetail.match), (0, operators_1.switchMap)((action) => {
+const invoicingCouponRecordViewReducer_1 = require("./invoicingCouponRecordViewReducer");
+const fetchInvoicingCouponDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCouponRecordViewReducer_1.fetchInvoicingCouponDetail.match), (0, operators_1.switchMap)((action) => {
     const { id } = action.payload;
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts/${id}`;
     return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             return [
                 (0, couponReducer_1.updateInvoicingCoupons)([response.data], 'merge'),
-                (0, invoicingCouponDetailViewReducer_1.updateInvoicingCouponDetail)({ id: response.data.id }),
+                (0, invoicingCouponRecordViewReducer_1.updateInvoicingCouponDetail)({ id: response.data.id }),
             ];
         }
-        return (0, rxjs_1.of)((0, invoicingCouponDetailViewReducer_1.updateInvoicingCouponDetailFailure)({ id, status: response.status }));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCouponDetailViewReducer_1.updateInvoicingCouponDetailFailure)({
+        return (0, rxjs_1.of)((0, invoicingCouponRecordViewReducer_1.updateInvoicingCouponDetailFailure)({ id, status: response.status }));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCouponRecordViewReducer_1.updateInvoicingCouponDetailFailure)({
         id,
         status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch discount detail REST API call errored out ' +
             JSON.stringify(error)),

package/lib/view/invoicing/invoicingCouponRecordView/invoicingCouponRecordViewPayload.js

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

package/lib/view/invoicing/{invoicingCouponDetailView/invoicingCouponDetailViewReducer.d.ts → invoicingCouponRecordView/invoicingCouponRecordViewReducer.d.ts}

@@ -1,16 +1,16 @@
 import { FetchState, ID } from '../../../commonStateTypes/common';
 import { ZeniAPIStatus } from '../../../responsePayload';
-import { InvoicingCouponDetail, InvoicingCouponDetailViewState } from './invoicingCouponDetailViewState';
-export declare const initialState: InvoicingCouponDetailViewState;
+import { InvoicingCouponDetail, InvoicingCouponRecordViewState } from './invoicingCouponRecordViewState';
+export declare const initialState: InvoicingCouponRecordViewState;
 /** Build a per-coupon detail fetch-state entry. */
 export declare function buildInvoicingCouponDetail(id: ID, fetchState: FetchState, error?: ZeniAPIStatus): InvoicingCouponDetail;
 export declare const fetchInvoicingCouponDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     id: ID;
-}, "invoicingCouponDetailView/fetchInvoicingCouponDetail">, updateInvoicingCouponDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "invoicingCouponRecordView/fetchInvoicingCouponDetail">, updateInvoicingCouponDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     id: ID;
-}, "invoicingCouponDetailView/updateInvoicingCouponDetail">, updateInvoicingCouponDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "invoicingCouponRecordView/updateInvoicingCouponDetail">, updateInvoicingCouponDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     id: ID;
     status: ZeniAPIStatus;
-}, "invoicingCouponDetailView/updateInvoicingCouponDetailFailure">;
-declare const _default: import("redux").Reducer<InvoicingCouponDetailViewState>;
+}, "invoicingCouponRecordView/updateInvoicingCouponDetailFailure">;
+declare const _default: import("redux").Reducer<InvoicingCouponRecordViewState>;
 export default _default;