@zeniai/client-epic-state 5.1.86 → 5.1.87

package/lib/view/invoicing/createCreditNote/createCreditNoteEpic.d.ts

@@ -1,8 +1,9 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateInvoicingCreditNotes } from '../../../entity/invoicing/creditNote/creditNoteReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { createCreditNoteFailure, createCreditNoteSuccess, submitCreateCreditNote } from './createCreditNoteReducer';
-export type ActionType = ReturnType<typeof submitCreateCreditNote> | ReturnType<typeof createCreditNoteSuccess> | ReturnType<typeof createCreditNoteFailure> | ReturnType<typeof updateInvoicingCreditNotes>;
+export type ActionType = ReturnType<typeof submitCreateCreditNote> | ReturnType<typeof createCreditNoteSuccess> | ReturnType<typeof createCreditNoteFailure> | ReturnType<typeof updateInvoicingCreditNotes> | ReturnType<typeof openSnackbar>;
 export declare const createCreditNoteEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/createCreditNote/createCreditNoteEpic.js

@@ -4,6 +4,7 @@ exports.createCreditNoteEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const creditNoteReducer_1 = require("../../../entity/invoicing/creditNote/creditNoteReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const createCreditNotePayload_1 = require("./createCreditNotePayload");
 const createCreditNoteReducer_1 = require("./createCreditNoteReducer");
@@ -18,10 +19,29 @@ const createCreditNoteEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, op
             return [
                 (0, creditNoteReducer_1.updateInvoicingCreditNotes)([response.data], 'merge'),
                 (0, createCreditNoteReducer_1.createCreditNoteSuccess)({ creditNoteId: response.data.id }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'invoicing_credit_note_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }),
             ];
         }
-        return (0, rxjs_1.of)((0, createCreditNoteReducer_1.createCreditNoteFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, createCreditNoteReducer_1.createCreditNoteFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create credit note REST API call errored out ' +
-        JSON.stringify(error))))));
+        return (0, rxjs_1.from)([
+            (0, createCreditNoteReducer_1.createCreditNoteFailure)(response.status),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_credit_note_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, createCreditNoteReducer_1.createCreditNoteFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create credit note REST API call errored out ' +
+            JSON.stringify(error))),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_credit_note_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.createCreditNoteEpic = createCreditNoteEpic;

package/lib/view/invoicing/createInvoice/createInvoiceEpic.d.ts

@@ -2,9 +2,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 { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { addInvoiceToList } from '../invoiceList/invoiceListReducer';
 import { createInvoice, createInvoiceFailure, createInvoiceSuccess } from './createInvoiceReducer';
-export type ActionType = ReturnType<typeof createInvoice> | ReturnType<typeof createInvoiceSuccess> | ReturnType<typeof createInvoiceFailure> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoices> | ReturnType<typeof addInvoiceToList>;
+export type ActionType = ReturnType<typeof createInvoice> | ReturnType<typeof createInvoiceSuccess> | ReturnType<typeof createInvoiceFailure> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoices> | ReturnType<typeof addInvoiceToList> | ReturnType<typeof openSnackbar>;
 export declare const createInvoiceEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/createInvoice/createInvoiceEpic.js

@@ -6,6 +6,7 @@ const operators_1 = require("rxjs/operators");
 const addressReducer_1 = require("../../../entity/address/addressReducer");
 const invoicePayload_1 = require("../../../entity/invoicing/invoice/invoicePayload");
 const invoiceReducer_1 = require("../../../entity/invoicing/invoice/invoiceReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const invoiceListReducer_1 = require("../invoiceList/invoiceListReducer");
 const createInvoiceReducer_1 = require("./createInvoiceReducer");
@@ -25,10 +26,29 @@ const createInvoiceEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, oper
                     status: response.data.status,
                 }),
                 (0, createInvoiceReducer_1.createInvoiceSuccess)({ invoiceId: response.data.id }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'invoicing_invoice_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }),
             ];
         }
-        return (0, rxjs_1.of)((0, createInvoiceReducer_1.createInvoiceFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, createInvoiceReducer_1.createInvoiceFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create invoice REST API call errored out ' +
-        JSON.stringify(error))))));
+        return (0, rxjs_1.from)([
+            (0, createInvoiceReducer_1.createInvoiceFailure)(response.status),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_invoice_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, createInvoiceReducer_1.createInvoiceFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create invoice REST API call errored out ' +
+            JSON.stringify(error))),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_invoice_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.createInvoiceEpic = createInvoiceEpic;

package/lib/view/invoicing/createInvoice/createInvoiceSelector.d.ts

@@ -1,15 +1,30 @@
 import { ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { Address } from '../../../entity/address/addressState';
 import { InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
-import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
 import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
 import { RootState } from '../../../reducer';
 import { InvoicingCreateInvoiceFormLocalData } from './createInvoiceState';
+/**
+ * One catalog plan price, split into its two naming parts so consumers can
+ * compose the label themselves (the plan family name and the sub-family/price
+ * name are separate columns in the catalog).
+ */
+export interface InvoicingPlanNameOption {
+    planName: string;
+    subFamilyName: string;
+}
+/** One customer row of the create-invoice customer picker. */
+export interface InvoicingCreateInvoiceCustomerOption {
+    id: ID;
+    name: string;
+    billingAddress?: Address;
+    email?: string;
+}
 export interface CreateInvoiceFormView extends SelectorView {
-    customers: InvoicingCustomer[];
+    customers: InvoicingCreateInvoiceCustomerOption[];
     localData: InvoicingCreateInvoiceFormLocalData;
-    planNames: string[];
-    plans: InvoicingProduct[];
+    planNames: InvoicingPlanNameOption[];
     products: InvoicingProduct[];
     savedInvoiceId?: ID;
     settings?: InvoicingSettingsPayload;
@@ -17,9 +32,8 @@ export interface CreateInvoiceFormView extends SelectorView {
 /**
  * Single bundled view for the create-invoice screen — web-ui consumes only this.
  * Carries the form draft (`localData`), the option sources the form needs
- * (customers, catalog plans/products, settings), the create-invoice fetch
- * state/error, and the id of the invoice last created (`savedInvoiceId`, to
- * navigate on success). Returns raw entity lists; the screen maps them to its
- * option shapes.
+ * (customer picker rows, catalog plan names, products, settings), the
+ * create-invoice fetch state/error, and the id of the invoice last created
+ * (`savedInvoiceId`, to navigate on success).
  */
 export declare const getCreateInvoiceFormView: (state: RootState) => CreateInvoiceFormView;

package/lib/view/invoicing/createInvoice/createInvoiceSelector.js

@@ -1,28 +1,55 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCreateInvoiceFormView = void 0;
+const addressSelector_1 = require("../../../entity/address/addressSelector");
 const invoicingCatalogListViewSelector_1 = require("../invoicingCatalogListView/invoicingCatalogListViewSelector");
 const invoicingCustomerListViewSelector_1 = require("../invoicingCustomerListView/invoicingCustomerListViewSelector");
 const settingsViewSelector_1 = require("../settingsView/settingsViewSelector");
+/**
+ * Display name for a customer option: company, else the full name, else the
+ * email, else the raw id.
+ */
+const customerDisplayName = (customer) => {
+    const fullName = [customer.firstName, customer.lastName]
+        .filter((part) => part != null && part.trim() !== '')
+        .join(' ')
+        .trim();
+    const company = customer.company?.trim() ?? '';
+    const email = customer.email?.trim() ?? '';
+    return company !== ''
+        ? company
+        : fullName !== ''
+            ? fullName
+            : email !== ''
+                ? email
+                : customer.id;
+};
 /**
  * Single bundled view for the create-invoice screen — web-ui consumes only this.
  * Carries the form draft (`localData`), the option sources the form needs
- * (customers, catalog plans/products, settings), the create-invoice fetch
- * state/error, and the id of the invoice last created (`savedInvoiceId`, to
- * navigate on success). Returns raw entity lists; the screen maps them to its
- * option shapes.
+ * (customer picker rows, catalog plan names, products, settings), the
+ * create-invoice fetch state/error, and the id of the invoice last created
+ * (`savedInvoiceId`, to navigate on success).
  */
 const getCreateInvoiceFormView = (state) => {
     const createInvoiceState = state.invoicingCreateInvoiceState;
     const catalogListView = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogListView)(state);
-    const plans = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogPrices)(catalogListView.plans);
     return {
-        customers: (0, invoicingCustomerListViewSelector_1.getInvoicingCustomerListView)(state).customers,
+        customers: (0, invoicingCustomerListViewSelector_1.getInvoicingCustomerListView)(state).customers.map((customer) => ({
+            billingAddress: customer.billingAddressId != null
+                ? (0, addressSelector_1.getAddressByAddressId)(state.addressState, customer.billingAddressId)
+                : undefined,
+            email: customer.email,
+            id: customer.id,
+            name: customerDisplayName(customer),
+        })),
         localData: createInvoiceState.formDraft,
-        planNames: plans
-            .map((plan) => plan.name ?? '')
-            .filter((name) => name !== ''),
-        plans,
+        planNames: catalogListView.plans.flatMap((plan) => (plan.subFamilies ?? [])
+            .filter((subFamily) => (subFamily.name ?? '') !== '')
+            .map((subFamily) => ({
+            planName: plan.name ?? '',
+            subFamilyName: subFamily.name ?? '',
+        }))),
         products: (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogPrices)(catalogListView.products),
         savedInvoiceId: createInvoiceState.createdInvoiceId,
         settings: (0, settingsViewSelector_1.getInvoicingSettings)(state),

package/lib/view/invoicing/discountAction/discountActionEpic.d.ts

@@ -1,8 +1,9 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { runInvoicingDiscountAction, runInvoicingDiscountActionFailure, runInvoicingDiscountActionSuccess } from './discountActionReducer';
-export type ActionType = ReturnType<typeof runInvoicingDiscountAction> | ReturnType<typeof runInvoicingDiscountActionSuccess> | ReturnType<typeof runInvoicingDiscountActionFailure> | ReturnType<typeof updateInvoicingCoupons>;
+export type ActionType = ReturnType<typeof runInvoicingDiscountAction> | ReturnType<typeof runInvoicingDiscountActionSuccess> | ReturnType<typeof runInvoicingDiscountActionFailure> | ReturnType<typeof updateInvoicingCoupons> | ReturnType<typeof openSnackbar>;
 export declare const runInvoicingDiscountActionEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/discountAction/discountActionEpic.js

@@ -4,11 +4,28 @@ exports.runInvoicingDiscountActionEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const couponReducer_1 = require("../../../entity/invoicing/coupon/couponReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const discountActionReducer_1 = require("./discountActionReducer");
+/** Snackbar copy per action kind; unlisted kinds run without one. */
+const SNACKBAR_SECTION_BY_KIND = {
+    archive: 'invoicing_discount_archive',
+    delete: 'invoicing_discount_delete',
+    unarchive: 'invoicing_discount_unarchive',
+};
 const runInvoicingDiscountActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(discountActionReducer_1.runInvoicingDiscountAction.match), (0, operators_1.mergeMap)((action) => {
     const { action: kind, id } = action.payload;
     const requestBody = { action: kind };
+    const snackbarSection = SNACKBAR_SECTION_BY_KIND[kind];
+    const snackbar = (messageText) => snackbarSection == null
+        ? []
+        : [
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+            }),
+        ];
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts/${encodeURIComponent(id)}/actions`;
     return zeniAPI
         .postAndGetJSON(apiUrl, requestBody)
@@ -17,16 +34,23 @@ const runInvoicingDiscountActionEpic = (actions$, _state$, zeniAPI) => actions$.
             return [
                 (0, couponReducer_1.updateInvoicingCoupons)([response.data], 'merge'),
                 (0, discountActionReducer_1.runInvoicingDiscountActionSuccess)({ id }),
+                ...snackbar('success'),
             ];
         }
-        return (0, rxjs_1.of)((0, discountActionReducer_1.runInvoicingDiscountActionFailure)({
-            error: response.status,
+        return (0, rxjs_1.from)([
+            (0, discountActionReducer_1.runInvoicingDiscountActionFailure)({
+                error: response.status,
+                id,
+            }),
+            ...snackbar('failed'),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, discountActionReducer_1.runInvoicingDiscountActionFailure)({
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Discount action REST API call errored out ' +
+                JSON.stringify(error)),
             id,
-        }));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, discountActionReducer_1.runInvoicingDiscountActionFailure)({
-        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Discount action REST API call errored out ' +
-            JSON.stringify(error)),
-        id,
-    }))));
+        }),
+        ...snackbar('failed'),
+    ])));
 }));
 exports.runInvoicingDiscountActionEpic = runInvoicingDiscountActionEpic;

package/lib/view/invoicing/dunningAction/dunningActionEpic.d.ts

@@ -1,8 +1,9 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateInvoicingDunningCases } from '../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { runInvoicingDunningAction, runInvoicingDunningActionFailure, runInvoicingDunningActionSuccess } from './dunningActionReducer';
-export type ActionType = ReturnType<typeof runInvoicingDunningAction> | ReturnType<typeof runInvoicingDunningActionSuccess> | ReturnType<typeof runInvoicingDunningActionFailure> | ReturnType<typeof updateInvoicingDunningCases>;
+export type ActionType = ReturnType<typeof runInvoicingDunningAction> | ReturnType<typeof runInvoicingDunningActionSuccess> | ReturnType<typeof runInvoicingDunningActionFailure> | ReturnType<typeof updateInvoicingDunningCases> | ReturnType<typeof openSnackbar>;
 export declare const runInvoicingDunningActionEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/dunningAction/dunningActionEpic.js

@@ -4,10 +4,29 @@ exports.runInvoicingDunningActionEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const dunningCaseReducer_1 = require("../../../entity/invoicing/dunningCase/dunningCaseReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const dunningActionReducer_1 = require("./dunningActionReducer");
+/**
+ * Snackbar copy is per action kind; anything not listed here runs without one.
+ */
+const SNACKBAR_SECTION_BY_KIND = {
+    cancel: 'invoicing_dunning_cancel',
+    resolve: 'invoicing_dunning_case_resolved',
+    retry: 'invoicing_dunning_retry',
+};
 const runInvoicingDunningActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(dunningActionReducer_1.runInvoicingDunningAction.match), (0, operators_1.mergeMap)((action) => {
     const { action: kind, body, id } = action.payload;
+    const snackbarSection = SNACKBAR_SECTION_BY_KIND[kind];
+    const snackbar = (messageText) => snackbarSection == null
+        ? []
+        : [
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+            }),
+        ];
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/dunning/${encodeURIComponent(id)}/${kind}`;
     return zeniAPI
         .postAndGetJSON(apiUrl, (body ?? {}))
@@ -16,16 +35,23 @@ const runInvoicingDunningActionEpic = (actions$, _state$, zeniAPI) => actions$.p
             return [
                 (0, dunningCaseReducer_1.updateInvoicingDunningCases)([response.data], 'merge'),
                 (0, dunningActionReducer_1.runInvoicingDunningActionSuccess)({ id }),
+                ...snackbar('success'),
             ];
         }
-        return (0, rxjs_1.of)((0, dunningActionReducer_1.runInvoicingDunningActionFailure)({
-            error: response.status,
+        return (0, rxjs_1.from)([
+            (0, dunningActionReducer_1.runInvoicingDunningActionFailure)({
+                error: response.status,
+                id,
+            }),
+            ...snackbar('failed'),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, dunningActionReducer_1.runInvoicingDunningActionFailure)({
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Dunning action REST API call errored out ' +
+                JSON.stringify(error)),
             id,
-        }));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, dunningActionReducer_1.runInvoicingDunningActionFailure)({
-        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Dunning action REST API call errored out ' +
-            JSON.stringify(error)),
-        id,
-    }))));
+        }),
+        ...snackbar('failed'),
+    ])));
 }));
 exports.runInvoicingDunningActionEpic = runInvoicingDunningActionEpic;

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

@@ -1,7 +1,7 @@
 import { Amount } from '../../../commonStateTypes/amount';
 import type { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
 import type { InvoicingProduct } from '../../../entity/invoicing/product/productState';
-import type { InvoicingCatalogItemFormSubFamily } from './editInvoicingCatalogItemDetailViewState';
+import type { InvoicingCatalogItemFormSubFamily, InvoicingCatalogItemFormTier } from './editInvoicingCatalogItemDetailViewState';
 export type CatalogDetailSubFamilyEditValues = InvoicingCatalogItemFormSubFamily;
 export interface CatalogDetailEditValues {
     applicableItems: string[];
@@ -46,6 +46,8 @@ export interface CreateSubFamilyFormValues {
     trialPeriod: string;
     trialPeriodUnit: string;
     priceDollars?: Amount;
+    /** Only sent for the tiered pricing models, which price per tier. */
+    tiers?: InvoicingCatalogItemFormTier[];
 }
 /** Build POST /catalog/products body for Create sub-family. */
 export declare const createSubFamilyFormToPayload: (itemId: string, itemType: string, values: CreateSubFamilyFormValues) => Record<string, unknown>;

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

@@ -121,17 +121,21 @@ exports.catalogDetailEditValuesToSavePayload = catalogDetailEditValuesToSavePayl
 const createSubFamilyFormToPayload = (itemId, itemType, values) => {
     const name = values.name.trim();
     const priceCode = trimOrUndefined(values.priceCode) ?? toProductCode(name);
+    const tiered = (0, invoicingCatalogItemFormConfig_1.isTieredCatalogPricingModel)(values.pricingModel);
     const payload = {
         currency_code: 'USD',
         free_quantity: Number(values.freeQuantity) || 0,
         is_taxable: true,
         item_id: itemId,
         name,
-        price: values.priceDollars?.amount ?? 0,
+        price: tiered ? 0 : (values.priceDollars?.amount ?? 0),
         price_code: priceCode,
         pricing_model: values.pricingModel || 'flat_fee',
         show_description_in_invoices: true,
     };
+    if (tiered) {
+        payload.tiers = (values.tiers ?? []).map(tierToPayload);
+    }
     const description = trimOrUndefined(values.description);
     if (description != null) {
         payload.description = description;

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

@@ -2,9 +2,10 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { mergeInvoicingPlanSubFamily, updateInvoicingPlans } from '../../../entity/invoicing/plan/planReducer';
 import { updateInvoicingProducts } from '../../../entity/invoicing/product/productReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 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>;
+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>;
 export declare const saveInvoicingCatalogItemEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -5,6 +5,7 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const planReducer_1 = require("../../../entity/invoicing/plan/planReducer");
 const productReducer_1 = require("../../../entity/invoicing/product/productReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const invoicingCatalogListViewReducer_1 = require("../invoicingCatalogListView/invoicingCatalogListViewReducer");
 const editInvoicingCatalogItemDetailViewPayload_1 = require("./editInvoicingCatalogItemDetailViewPayload");
@@ -41,7 +42,14 @@ const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actions$.pip
                 const failedProductResponse = productResponses.find((productResponse) => !(0, responsePayload_1.isSuccessResponse)(productResponse) ||
                     productResponse.data == null);
                 if (failedProductResponse != null) {
-                    return (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)(failedProductResponse.status));
+                    return (0, rxjs_1.from)([
+                        (0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)(failedProductResponse.status),
+                        (0, snackbarReducer_1.openSnackbar)({
+                            messageSection: 'invoicing_catalog_item_saved',
+                            messageText: 'failed',
+                            type: 'error',
+                        }),
+                    ]);
                 }
                 const savedProducts = productResponses.flatMap((productResponse) => productResponse.data != null ? [productResponse.data] : []);
                 const resultActions = [
@@ -68,6 +76,11 @@ const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actions$.pip
                             : 'plan';
                     resultActions.push((0, invoicingCatalogListViewReducer_1.addInvoicingCatalogItem)({ id: savedItem.id, type: itemType }));
                 }
+                resultActions.push((0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'invoicing_catalog_item_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }));
                 return resultActions;
             };
             const productUpdates = editInvoicingCatalogItemDetailViewReducer_1.saveInvoicingCatalogItem.match(action)
@@ -78,8 +91,22 @@ const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actions$.pip
             }
             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 (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', 'Save catalog item REST API call errored out ' +
-        JSON.stringify(error))))));
+        return (0, rxjs_1.from)([
+            (0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)(response.status),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_catalog_item_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save catalog item REST API call errored out ' +
+            JSON.stringify(error))),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_catalog_item_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.saveInvoicingCatalogItemEpic = saveInvoicingCatalogItemEpic;

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

@@ -1,9 +1,10 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { addInvoicingCouponToList } from '../couponView/couponViewReducer';
 import { saveInvoicingCoupon, submitInvoicingCouponForm, submitInvoicingCouponFormFailure, submitInvoicingCouponFormSuccess } from './editInvoicingCouponDetailViewReducer';
-export type ActionType = ReturnType<typeof submitInvoicingCouponForm> | ReturnType<typeof saveInvoicingCoupon> | ReturnType<typeof submitInvoicingCouponFormSuccess> | ReturnType<typeof submitInvoicingCouponFormFailure> | ReturnType<typeof updateInvoicingCoupons> | ReturnType<typeof addInvoicingCouponToList>;
+export type ActionType = ReturnType<typeof submitInvoicingCouponForm> | ReturnType<typeof saveInvoicingCoupon> | ReturnType<typeof submitInvoicingCouponFormSuccess> | ReturnType<typeof submitInvoicingCouponFormFailure> | ReturnType<typeof updateInvoicingCoupons> | ReturnType<typeof addInvoicingCouponToList> | ReturnType<typeof openSnackbar>;
 export declare const saveInvoicingCouponEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -4,6 +4,7 @@ exports.saveInvoicingCouponEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const couponReducer_1 = require("../../../entity/invoicing/coupon/couponReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const couponViewReducer_1 = require("../couponView/couponViewReducer");
 const editInvoicingCouponDetailViewPayload_1 = require("./editInvoicingCouponDetailViewPayload");
@@ -46,9 +47,28 @@ const saveInvoicingCouponEpic = (actions$, state$, zeniAPI) => actions$.pipe((0,
                     status: couponPayload.status,
                 }));
             }
+            resultActions.push((0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_coupon_saved',
+                messageText: 'success',
+                type: 'success',
+            }));
             return resultActions;
         }
-        return (0, rxjs_1.of)((0, editInvoicingCouponDetailViewReducer_1.submitInvoicingCouponFormFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCouponDetailViewReducer_1.submitInvoicingCouponFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save coupon REST API call errored out ' + JSON.stringify(error))))));
+        return (0, rxjs_1.from)([
+            (0, editInvoicingCouponDetailViewReducer_1.submitInvoicingCouponFormFailure)(response.status),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_coupon_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, editInvoicingCouponDetailViewReducer_1.submitInvoicingCouponFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save coupon REST API call errored out ' + JSON.stringify(error))),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_coupon_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.saveInvoicingCouponEpic = saveInvoicingCouponEpic;

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

@@ -2,10 +2,11 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateAddresses } from '../../../entity/address/addressReducer';
 import { updateInvoicingCustomers } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
 import { addInvoicingCustomerToList } from '../invoicingCustomerListView/invoicingCustomerListViewReducer';
 import { submitInvoicingCustomerForm, submitInvoicingCustomerFormFailure, submitInvoicingCustomerFormSuccess } from './editInvoicingCustomerDetailViewReducer';
-export type ActionType = ReturnType<typeof submitInvoicingCustomerForm> | ReturnType<typeof submitInvoicingCustomerFormSuccess> | ReturnType<typeof submitInvoicingCustomerFormFailure> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingCustomers> | ReturnType<typeof addInvoicingCustomerToList>;
+export type ActionType = ReturnType<typeof submitInvoicingCustomerForm> | ReturnType<typeof submitInvoicingCustomerFormSuccess> | ReturnType<typeof submitInvoicingCustomerFormFailure> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingCustomers> | ReturnType<typeof addInvoicingCustomerToList> | ReturnType<typeof openSnackbar>;
 export declare const saveInvoicingCustomerEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -6,6 +6,7 @@ const operators_1 = require("rxjs/operators");
 const addressReducer_1 = require("../../../entity/address/addressReducer");
 const invoicingCustomerPayload_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerPayload");
 const invoicingCustomerReducer_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const addressViewReducer_1 = require("../../addressView/addressViewReducer");
 const invoicingCustomerListViewReducer_1 = require("../invoicingCustomerListView/invoicingCustomerListViewReducer");
@@ -48,10 +49,29 @@ const saveInvoicingCustomerEpic = (actions$, state$, zeniAPI) => actions$.pipe((
                     status: response.data.status,
                 }));
             }
+            resultActions.push((0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_customer_saved',
+                messageText: 'success',
+                type: 'success',
+            }));
             return resultActions;
         }
-        return (0, rxjs_1.of)((0, editInvoicingCustomerDetailViewReducer_1.submitInvoicingCustomerFormFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCustomerDetailViewReducer_1.submitInvoicingCustomerFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save customer REST API call errored out ' +
-        JSON.stringify(error))))));
+        return (0, rxjs_1.from)([
+            (0, editInvoicingCustomerDetailViewReducer_1.submitInvoicingCustomerFormFailure)(response.status),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_customer_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, editInvoicingCustomerDetailViewReducer_1.submitInvoicingCustomerFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save customer REST API call errored out ' +
+            JSON.stringify(error))),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_customer_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.saveInvoicingCustomerEpic = saveInvoicingCustomerEpic;

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

@@ -2,10 +2,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 { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
 import { addInvoicingSubscriptionToList } from '../invoicingSubscriptionListView/invoicingSubscriptionListViewReducer';
 import { submitInvoicingSubscriptionForm, submitInvoicingSubscriptionFormFailure, submitInvoicingSubscriptionFormSuccess, syncInvoicingSubscriptionCoupons } from './editInvoicingSubscriptionDetailViewReducer';
-export type ActionType = ReturnType<typeof submitInvoicingSubscriptionForm> | ReturnType<typeof submitInvoicingSubscriptionFormSuccess> | ReturnType<typeof submitInvoicingSubscriptionFormFailure> | ReturnType<typeof syncInvoicingSubscriptionCoupons> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingSubscriptions> | ReturnType<typeof addInvoicingSubscriptionToList>;
+export type ActionType = ReturnType<typeof submitInvoicingSubscriptionForm> | ReturnType<typeof submitInvoicingSubscriptionFormSuccess> | ReturnType<typeof submitInvoicingSubscriptionFormFailure> | ReturnType<typeof syncInvoicingSubscriptionCoupons> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingSubscriptions> | ReturnType<typeof addInvoicingSubscriptionToList> | ReturnType<typeof openSnackbar>;
 export declare const saveInvoicingSubscriptionEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;