@zeniai/client-epic-state 5.1.81-betaAK1 → 5.1.81-betaAK3

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

@@ -1,6 +1,7 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoicingCreditNotes } from '../../../entity/invoicing/creditNote/creditNoteReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { localDataToCreateCreditNotePayload, } from './createCreditNotePayload';
 import { createCreditNoteFailure, createCreditNoteSuccess, submitCreateCreditNote, } from './createCreditNoteReducer';
@@ -15,9 +16,28 @@ export const createCreditNoteEpic = (actions$, state$, zeniAPI) => actions$.pipe
             return [
                 updateInvoicingCreditNotes([response.data], 'merge'),
                 createCreditNoteSuccess({ creditNoteId: response.data.id }),
+                openSnackbar({
+                    messageSection: 'invoicing_credit_note_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }),
             ];
         }
-        return of(createCreditNoteFailure(response.status));
-    }), catchError((error) => of(createCreditNoteFailure(createZeniAPIStatus('Unexpected Error', 'Create credit note REST API call errored out ' +
-        JSON.stringify(error))))));
+        return from([
+            createCreditNoteFailure(response.status),
+            openSnackbar({
+                messageSection: 'invoicing_credit_note_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        createCreditNoteFailure(createZeniAPIStatus('Unexpected Error', 'Create credit note REST API call errored out ' +
+            JSON.stringify(error))),
+        openSnackbar({
+            messageSection: 'invoicing_credit_note_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

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

@@ -1,8 +1,9 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateAddresses } from '../../../entity/address/addressReducer';
 import { extractInvoicingInvoiceAddresses } from '../../../entity/invoicing/invoice/invoicePayload';
 import { updateInvoices } from '../../../entity/invoicing/invoice/invoiceReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { addInvoiceToList } from '../invoiceList/invoiceListReducer';
 import { createInvoice, createInvoiceFailure, createInvoiceSuccess, } from './createInvoiceReducer';
@@ -22,9 +23,28 @@ export const createInvoiceEpic = (actions$, _state$, zeniAPI) => actions$.pipe(f
                     status: response.data.status,
                 }),
                 createInvoiceSuccess({ invoiceId: response.data.id }),
+                openSnackbar({
+                    messageSection: 'invoicing_invoice_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }),
             ];
         }
-        return of(createInvoiceFailure(response.status));
-    }), catchError((error) => of(createInvoiceFailure(createZeniAPIStatus('Unexpected Error', 'Create invoice REST API call errored out ' +
-        JSON.stringify(error))))));
+        return from([
+            createInvoiceFailure(response.status),
+            openSnackbar({
+                messageSection: 'invoicing_invoice_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        createInvoiceFailure(createZeniAPIStatus('Unexpected Error', 'Create invoice REST API call errored out ' +
+            JSON.stringify(error))),
+        openSnackbar({
+            messageSection: 'invoicing_invoice_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

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

@@ -1,7 +1,8 @@
-import { forkJoin, of } from 'rxjs';
+import { forkJoin, from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { mergeInvoicingPlanSubFamily, updateInvoicingPlans, } from '../../../entity/invoicing/plan/planReducer';
 import { updateInvoicingProducts } from '../../../entity/invoicing/product/productReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { addInvoicingCatalogItem } from '../invoicingCatalogListView/invoicingCatalogListViewReducer';
 import { localDataToSaveInvoicingCatalogItemPayload, } from './editInvoicingCatalogItemDetailViewPayload';
@@ -38,7 +39,14 @@ export const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actio
                 const failedProductResponse = productResponses.find((productResponse) => !isSuccessResponse(productResponse) ||
                     productResponse.data == null);
                 if (failedProductResponse != null) {
-                    return of(submitInvoicingCatalogItemFormFailure(failedProductResponse.status));
+                    return from([
+                        submitInvoicingCatalogItemFormFailure(failedProductResponse.status),
+                        openSnackbar({
+                            messageSection: 'invoicing_catalog_item_saved',
+                            messageText: 'failed',
+                            type: 'error',
+                        }),
+                    ]);
                 }
                 const savedProducts = productResponses.flatMap((productResponse) => productResponse.data != null ? [productResponse.data] : []);
                 const resultActions = [
@@ -65,6 +73,11 @@ export const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actio
                             : 'plan';
                     resultActions.push(addInvoicingCatalogItem({ id: savedItem.id, type: itemType }));
                 }
+                resultActions.push(openSnackbar({
+                    messageSection: 'invoicing_catalog_item_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }));
                 return resultActions;
             };
             const productUpdates = saveInvoicingCatalogItem.match(action)
@@ -75,7 +88,21 @@ export const saveInvoicingCatalogItemEpic = (actions$, state$, zeniAPI) => actio
             }
             return forkJoin(productUpdates.map((productUpdate) => zeniAPI.putAndGetJSON(`${baseUrl}/catalog/products/${encodeURIComponent(productUpdate.id)}`, productUpdate.data))).pipe(mergeMap(completeSave));
         }
-        return of(submitInvoicingCatalogItemFormFailure(response.status));
-    }), catchError((error) => of(submitInvoicingCatalogItemFormFailure(createZeniAPIStatus('Unexpected Error', 'Save catalog item REST API call errored out ' +
-        JSON.stringify(error))))));
+        return from([
+            submitInvoicingCatalogItemFormFailure(response.status),
+            openSnackbar({
+                messageSection: 'invoicing_catalog_item_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        submitInvoicingCatalogItemFormFailure(createZeniAPIStatus('Unexpected Error', 'Save catalog item REST API call errored out ' +
+            JSON.stringify(error))),
+        openSnackbar({
+            messageSection: 'invoicing_catalog_item_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

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

@@ -1,6 +1,7 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { addInvoicingCouponToList } from '../couponView/couponViewReducer';
 import { localDataToSaveInvoicingCouponPayload, } from './editInvoicingCouponDetailViewPayload';
@@ -43,8 +44,27 @@ export const saveInvoicingCouponEpic = (actions$, state$, zeniAPI) => actions$.p
                     status: couponPayload.status,
                 }));
             }
+            resultActions.push(openSnackbar({
+                messageSection: 'invoicing_coupon_saved',
+                messageText: 'success',
+                type: 'success',
+            }));
             return resultActions;
         }
-        return of(submitInvoicingCouponFormFailure(response.status));
-    }), catchError((error) => of(submitInvoicingCouponFormFailure(createZeniAPIStatus('Unexpected Error', 'Save coupon REST API call errored out ' + JSON.stringify(error))))));
+        return from([
+            submitInvoicingCouponFormFailure(response.status),
+            openSnackbar({
+                messageSection: 'invoicing_coupon_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        submitInvoicingCouponFormFailure(createZeniAPIStatus('Unexpected Error', 'Save coupon REST API call errored out ' + JSON.stringify(error))),
+        openSnackbar({
+            messageSection: 'invoicing_coupon_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

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

@@ -1,8 +1,9 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateAddresses } from '../../../entity/address/addressReducer';
 import { extractInvoicingCustomerAddresses } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerPayload';
 import { updateInvoicingCustomers } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
 import { addInvoicingCustomerToList } from '../invoicingCustomerListView/invoicingCustomerListViewReducer';
@@ -45,9 +46,28 @@ export const saveInvoicingCustomerEpic = (actions$, state$, zeniAPI) => actions$
                     status: response.data.status,
                 }));
             }
+            resultActions.push(openSnackbar({
+                messageSection: 'invoicing_customer_saved',
+                messageText: 'success',
+                type: 'success',
+            }));
             return resultActions;
         }
-        return of(submitInvoicingCustomerFormFailure(response.status));
-    }), catchError((error) => of(submitInvoicingCustomerFormFailure(createZeniAPIStatus('Unexpected Error', 'Save customer REST API call errored out ' +
-        JSON.stringify(error))))));
+        return from([
+            submitInvoicingCustomerFormFailure(response.status),
+            openSnackbar({
+                messageSection: 'invoicing_customer_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        submitInvoicingCustomerFormFailure(createZeniAPIStatus('Unexpected Error', 'Save customer REST API call errored out ' +
+            JSON.stringify(error))),
+        openSnackbar({
+            messageSection: 'invoicing_customer_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

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

@@ -1,8 +1,9 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateAddresses } from '../../../entity/address/addressReducer';
 import { extractInvoicingSubscriptionAddresses } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload';
 import { updateInvoicingSubscriptions } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
 import { addInvoicingSubscriptionToList } from '../invoicingSubscriptionListView/invoicingSubscriptionListViewReducer';
@@ -38,7 +39,14 @@ export const saveInvoicingSubscriptionEpic = (actions$, state$, zeniAPI) => acti
         : zeniAPI.postAndGetJSON(`${baseUrl}/subscriptions`, { ...data });
     return request$.pipe(mergeMap((response) => {
         if (!isSuccessResponse(response) || response.data == null) {
-            return [submitInvoicingSubscriptionFormFailure(response.status)];
+            return [
+                submitInvoicingSubscriptionFormFailure(response.status),
+                openSnackbar({
+                    messageSection: 'invoicing_subscription_saved',
+                    messageText: 'failed',
+                    type: 'error',
+                }),
+            ];
         }
         const saved = response.data;
         const couponChanged = id != null &&
@@ -78,7 +86,19 @@ export const saveInvoicingSubscriptionEpic = (actions$, state$, zeniAPI) => acti
                 status: saved.status,
             }));
         }
+        resultActions.push(openSnackbar({
+            messageSection: 'invoicing_subscription_saved',
+            messageText: 'success',
+            type: 'success',
+        }));
         return resultActions;
-    }), catchError((error) => of(submitInvoicingSubscriptionFormFailure(createZeniAPIStatus('Unexpected Error', 'Save subscription REST API call errored out ' +
-        JSON.stringify(error))))));
+    }), catchError((error) => from([
+        submitInvoicingSubscriptionFormFailure(createZeniAPIStatus('Unexpected Error', 'Save subscription REST API call errored out ' +
+            JSON.stringify(error))),
+        openSnackbar({
+            messageSection: 'invoicing_subscription_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

package/lib/esm/view/invoicing/editInvoicingSubscriptionDetailView/syncInvoicingSubscriptionCouponsEpic.js

@@ -1,8 +1,9 @@
-import { EMPTY, of } from 'rxjs';
+import { EMPTY, from, of } from 'rxjs';
 import { catchError, filter, map, mergeMap } from 'rxjs/operators';
 import { updateAddresses } from '../../../entity/address/addressReducer';
 import { extractInvoicingSubscriptionAddresses, } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload';
 import { updateInvoicingSubscriptions } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
 import { resetNewAddressDataInLocalStore } from '../../addressView/addressViewReducer';
 import { submitInvoicingSubscriptionFormFailure, submitInvoicingSubscriptionFormSuccess, syncInvoicingSubscriptionCoupons, } from './editInvoicingSubscriptionDetailViewReducer';
@@ -39,7 +40,14 @@ export const syncInvoicingSubscriptionCouponsEpic = (actions$, _state$, zeniAPI)
         : couponMutation$(zeniAPI, baseUrl, subscriptionId, 'remove-coupon', prev);
     return removeStep$.pipe(mergeMap((removeResult) => {
         if (!removeResult.success) {
-            return of(submitInvoicingSubscriptionFormFailure(failureStatus(removeResult)));
+            return from([
+                submitInvoicingSubscriptionFormFailure(failureStatus(removeResult)),
+                openSnackbar({
+                    messageSection: 'invoicing_subscription_saved',
+                    messageText: 'failed',
+                    type: 'error',
+                }),
+            ]);
         }
         const applyStep$ = next === ''
             ? of({
@@ -51,6 +59,11 @@ export const syncInvoicingSubscriptionCouponsEpic = (actions$, _state$, zeniAPI)
             if (!applyResult.success) {
                 return [
                     submitInvoicingSubscriptionFormFailure(failureStatus(applyResult)),
+                    openSnackbar({
+                        messageSection: 'invoicing_subscription_saved',
+                        messageText: 'failed',
+                        type: 'error',
+                    }),
                 ];
             }
             const couponUpdated = applyResult.payload ?? removeResult.payload;
@@ -58,7 +71,11 @@ export const syncInvoicingSubscriptionCouponsEpic = (actions$, _state$, zeniAPI)
             if (couponUpdated != null) {
                 resultActions.push(updateInvoicingSubscriptions([couponUpdated], 'merge'), updateAddresses(extractInvoicingSubscriptionAddresses([couponUpdated])));
             }
-            resultActions.push(submitInvoicingSubscriptionFormSuccess({ subscriptionId }), resetNewAddressDataInLocalStore(INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE));
+            resultActions.push(submitInvoicingSubscriptionFormSuccess({ subscriptionId }), resetNewAddressDataInLocalStore(INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE), openSnackbar({
+                messageSection: 'invoicing_subscription_saved',
+                messageText: 'success',
+                type: 'success',
+            }));
             return resultActions;
         }));
     }));

package/lib/esm/view/invoicing/invoiceAction/invoiceActionEpic.js

@@ -1,13 +1,30 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateAddresses } from '../../../entity/address/addressReducer';
 import { extractInvoicingInvoiceAddresses } from '../../../entity/invoicing/invoice/invoicePayload';
 import { updateInvoices } from '../../../entity/invoicing/invoice/invoiceReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { runInvoicingInvoiceAction, runInvoicingInvoiceActionFailure, runInvoicingInvoiceActionSuccess, updateInvoicingInvoice, } from './invoiceActionReducer';
+/** Snackbar copy per action kind; unlisted kinds run without one. */
+const SNACKBAR_SECTION_BY_KIND = {
+    regenerate: 'invoicing_invoice_regenerated',
+    'send-reminder': 'invoicing_invoice_reminder_sent',
+    void: 'invoicing_invoice_voided',
+};
 export const runInvoicingInvoiceActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter((action) => runInvoicingInvoiceAction.match(action) &&
     action.payload.action !== 'issue-credit-note'), mergeMap((action) => {
     const { action: kind, body, invoiceId } = action.payload;
+    const snackbarSection = SNACKBAR_SECTION_BY_KIND[kind];
+    const snackbar = (messageText) => snackbarSection == null
+        ? []
+        : [
+            openSnackbar({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+            }),
+        ];
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/invoices/${encodeURIComponent(invoiceId)}/${kind}`;
     return zeniAPI
         .postAndGetJSON(apiUrl, (body ?? {}))
@@ -17,17 +34,24 @@ export const runInvoicingInvoiceActionEpic = (actions$, _state$, zeniAPI) => act
                 updateInvoices([response.data], 'merge'),
                 updateAddresses(extractInvoicingInvoiceAddresses([response.data])),
                 runInvoicingInvoiceActionSuccess({ invoiceId }),
+                ...snackbar('success'),
             ];
         }
-        return of(runInvoicingInvoiceActionFailure({
-            error: response.status,
+        return from([
+            runInvoicingInvoiceActionFailure({
+                error: response.status,
+                invoiceId,
+            }),
+            ...snackbar('failed'),
+        ]);
+    }), catchError((error) => from([
+        runInvoicingInvoiceActionFailure({
+            error: createZeniAPIStatus('Unexpected Error', 'Invoice action REST API call errored out ' +
+                JSON.stringify(error)),
             invoiceId,
-        }));
-    }), catchError((error) => of(runInvoicingInvoiceActionFailure({
-        error: createZeniAPIStatus('Unexpected Error', 'Invoice action REST API call errored out ' +
-            JSON.stringify(error)),
-        invoiceId,
-    }))));
+        }),
+        ...snackbar('failed'),
+    ])));
 }));
 export const updateInvoicingInvoiceEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(updateInvoicingInvoice.match), mergeMap((action) => {
     const { data, invoiceId } = action.payload;
@@ -40,15 +64,34 @@ export const updateInvoicingInvoiceEpic = (actions$, _state$, zeniAPI) => action
                 updateInvoices([response.data], 'merge'),
                 updateAddresses(extractInvoicingInvoiceAddresses([response.data])),
                 runInvoicingInvoiceActionSuccess({ invoiceId }),
+                openSnackbar({
+                    messageSection: 'invoicing_invoice_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }),
             ];
         }
-        return of(runInvoicingInvoiceActionFailure({
-            error: response.status,
+        return from([
+            runInvoicingInvoiceActionFailure({
+                error: response.status,
+                invoiceId,
+            }),
+            openSnackbar({
+                messageSection: 'invoicing_invoice_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        runInvoicingInvoiceActionFailure({
+            error: createZeniAPIStatus('Unexpected Error', 'Invoice update REST API call errored out ' +
+                JSON.stringify(error)),
             invoiceId,
-        }));
-    }), catchError((error) => of(runInvoicingInvoiceActionFailure({
-        error: createZeniAPIStatus('Unexpected Error', 'Invoice update REST API call errored out ' +
-            JSON.stringify(error)),
-        invoiceId,
-    }))));
+        }),
+        openSnackbar({
+            messageSection: 'invoicing_invoice_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

package/lib/esm/view/invoicing/invoicingQboView/epics/retryInvoicingQboSyncTaskEpic.js

@@ -1,5 +1,6 @@
-import { of } from 'rxjs';
+import { from, of } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
 import { fetchInvoicingQboSyncHealth, retryInvoicingQboSyncTask, retryInvoicingQboSyncTaskFailure, retryInvoicingQboSyncTaskSuccess, } from '../invoicingQboViewReducer';
 export const retryInvoicingQboSyncTaskEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(retryInvoicingQboSyncTask.match), mergeMap((action) => {
@@ -12,15 +13,33 @@ export const retryInvoicingQboSyncTaskEpic = (actions$, _state$, zeniAPI) => act
             return of(retryInvoicingQboSyncTaskSuccess({
                 status: response.data?.status ?? '',
                 taskId: response.data?.task_id ?? taskId,
-            }), fetchInvoicingQboSyncHealth());
+            }), fetchInvoicingQboSyncHealth(), openSnackbar({
+                messageSection: 'invoicing_qbo_sync_health_retry',
+                messageText: 'success',
+                type: 'success',
+            }));
         }
-        return of(retryInvoicingQboSyncTaskFailure({
-            status: response.status,
+        return from([
+            retryInvoicingQboSyncTaskFailure({
+                status: response.status,
+                taskId,
+            }),
+            openSnackbar({
+                messageSection: 'invoicing_qbo_sync_health_retry',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        retryInvoicingQboSyncTaskFailure({
+            status: createZeniAPIStatus('Unexpected Error', 'Retry QBO sync task REST API call errored out ' +
+                JSON.stringify(error)),
             taskId,
-        }));
-    }), catchError((error) => of(retryInvoicingQboSyncTaskFailure({
-        status: createZeniAPIStatus('Unexpected Error', 'Retry QBO sync task REST API call errored out ' +
-            JSON.stringify(error)),
-        taskId,
-    }))));
+        }),
+        openSnackbar({
+            messageSection: 'invoicing_qbo_sync_health_retry',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

package/lib/esm/view/invoicing/invoicingQboView/epics/startInvoicingQboBackfillEpic.js

@@ -1,5 +1,6 @@
-import { of } from 'rxjs';
+import { from, of } from 'rxjs';
 import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
 import { fetchInvoicingQboSyncHealth, startInvoicingQboBackfill, startInvoicingQboBackfillFailure, startInvoicingQboBackfillSuccess, } from '../invoicingQboViewReducer';
 export const startInvoicingQboBackfillEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(startInvoicingQboBackfill.match), switchMap((action) => {
@@ -10,9 +11,27 @@ export const startInvoicingQboBackfillEpic = (actions$, _state$, zeniAPI) => act
     })
         .pipe(mergeMap((response) => {
         if (isSuccessResponse(response)) {
-            return of(startInvoicingQboBackfillSuccess(), fetchInvoicingQboSyncHealth());
+            return of(startInvoicingQboBackfillSuccess(), fetchInvoicingQboSyncHealth(), openSnackbar({
+                messageSection: 'invoicing_qbo_backfill',
+                messageText: 'success',
+                type: 'success',
+            }));
         }
-        return of(startInvoicingQboBackfillFailure(response.status));
-    }), catchError((error) => of(startInvoicingQboBackfillFailure(createZeniAPIStatus('Unexpected Error', 'Start QBO backfill REST API call errored out ' +
-        JSON.stringify(error))))));
+        return from([
+            startInvoicingQboBackfillFailure(response.status),
+            openSnackbar({
+                messageSection: 'invoicing_qbo_backfill',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        startInvoicingQboBackfillFailure(createZeniAPIStatus('Unexpected Error', 'Start QBO backfill REST API call errored out ' +
+            JSON.stringify(error))),
+        openSnackbar({
+            messageSection: 'invoicing_qbo_backfill',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

package/lib/esm/view/invoicing/issueCreditNote/issueCreditNoteEpic.js

@@ -1,6 +1,7 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoicingCreditNotes } from '../../../entity/invoicing/creditNote/creditNoteReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { fetchInvoiceDetail } from '../invoiceDetail/invoiceDetailReducer';
 import { localDataToIssueCreditNotePayload, } from './issueCreditNotePayload';
@@ -18,9 +19,28 @@ export const issueCreditNoteEpic = (actions$, state$, zeniAPI) => actions$.pipe(
                 updateInvoicingCreditNotes([response.data], 'merge'),
                 fetchInvoiceDetail({ invoiceId }),
                 issueCreditNoteSuccess({ creditNoteId: response.data.id }),
+                openSnackbar({
+                    messageSection: 'invoicing_credit_note_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }),
             ];
         }
-        return of(issueCreditNoteFailure(response.status));
-    }), catchError((error) => of(issueCreditNoteFailure(createZeniAPIStatus('Unexpected Error', 'Issue credit note REST API call errored out ' +
-        JSON.stringify(error))))));
+        return from([
+            issueCreditNoteFailure(response.status),
+            openSnackbar({
+                messageSection: 'invoicing_credit_note_saved',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        issueCreditNoteFailure(createZeniAPIStatus('Unexpected Error', 'Issue credit note REST API call errored out ' +
+            JSON.stringify(error))),
+        openSnackbar({
+            messageSection: 'invoicing_credit_note_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));

package/lib/esm/view/invoicing/recordPayment/recordPaymentEpic.js

@@ -1,7 +1,8 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoices } from '../../../entity/invoicing/invoice/invoiceReducer';
 import { updateInvoicingTransactions } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { fetchInvoiceDetail } from '../invoiceDetail/invoiceDetailReducer';
 import { addInvoicingTransactionToList } from '../invoicingTransactionListView/invoicingTransactionListViewReducer';
@@ -26,11 +27,30 @@ export const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe(fi
                     updateInvoices([response.data], 'merge'),
                     fetchInvoiceDetail({ invoiceId }),
                     recordPaymentSuccess({ invoiceId }),
+                    openSnackbar({
+                        messageSection: 'invoicing_payment_recorded',
+                        messageText: 'success',
+                        type: 'success',
+                    }),
                 ];
             }
-            return of(recordPaymentFailure(response.status));
-        }), catchError((error) => of(recordPaymentFailure(createZeniAPIStatus('Unexpected Error', 'Record payment REST API call errored out ' +
-            JSON.stringify(error))))));
+            return from([
+                recordPaymentFailure(response.status),
+                openSnackbar({
+                    messageSection: 'invoicing_payment_recorded',
+                    messageText: 'failed',
+                    type: 'error',
+                }),
+            ]);
+        }), catchError((error) => from([
+            recordPaymentFailure(createZeniAPIStatus('Unexpected Error', 'Record payment REST API call errored out ' +
+                JSON.stringify(error))),
+            openSnackbar({
+                messageSection: 'invoicing_payment_recorded',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ])));
     }
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/payments`;
     const data = localDataToRecordPaymentPayload(draft);
@@ -49,9 +69,28 @@ export const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe(fi
             if (linkedInvoiceId != null) {
                 successActions.push(fetchInvoiceDetail({ invoiceId: linkedInvoiceId }));
             }
+            successActions.push(openSnackbar({
+                messageSection: 'invoicing_payment_recorded',
+                messageText: 'success',
+                type: 'success',
+            }));
             return successActions;
         }
-        return of(recordPaymentFailure(response.status));
-    }), catchError((error) => of(recordPaymentFailure(createZeniAPIStatus('Unexpected Error', 'Record payment REST API call errored out ' +
-        JSON.stringify(error))))));
+        return from([
+            recordPaymentFailure(response.status),
+            openSnackbar({
+                messageSection: 'invoicing_payment_recorded',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), catchError((error) => from([
+        recordPaymentFailure(createZeniAPIStatus('Unexpected Error', 'Record payment REST API call errored out ' +
+            JSON.stringify(error))),
+        openSnackbar({
+            messageSection: 'invoicing_payment_recorded',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));