@zeniai/client-epic-state 5.1.93 → 5.1.94

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewPayload.d.ts

@@ -1,3 +1,15 @@
 import { InvoicingDunningCasePayload } from '../../../entity/invoicing/dunningCase/dunningCasePayload';
 import { ZeniAPIResponse } from '../../../responsePayload';
+import { InvoicingDunningEmailPreview } from './invoicingDunningCaseDetailViewState';
 export type InvoicingDunningCaseDetailResponse = ZeniAPIResponse<InvoicingDunningCasePayload>;
+export interface InvoicingDunningEmailPreviewPayload {
+    body: string;
+    body_token: string;
+    cc: string;
+    rendered_html_template: string;
+    subject: string;
+    subject_token: string;
+    to: string;
+}
+export type InvoicingDunningEmailPreviewResponse = ZeniAPIResponse<InvoicingDunningEmailPreviewPayload>;
+export declare const toInvoicingDunningEmailPreview: (payload: InvoicingDunningEmailPreviewPayload) => InvoicingDunningEmailPreview;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewPayload.js

@@ -1,2 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.toInvoicingDunningEmailPreview = void 0;
+const toInvoicingDunningEmailPreview = (payload) => ({
+    body: payload.body,
+    bodyToken: payload.body_token,
+    cc: payload.cc,
+    renderedHtmlTemplate: payload.rendered_html_template,
+    subject: payload.subject,
+    subjectToken: payload.subject_token,
+    to: payload.to,
+});
+exports.toInvoicingDunningEmailPreview = toInvoicingDunningEmailPreview;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewReducer.d.ts

@@ -1,11 +1,28 @@
 import { ID } from '../../../commonStateTypes/common';
 import { ZeniAPIStatus } from '../../../responsePayload';
-import { InvoicingDunningCaseDetailViewState } from './invoicingDunningCaseDetailViewState';
+import { InvoicingDunningCaseDetailViewState, InvoicingDunningEmailPreview, InvoicingDunningEmailPreviewState } from './invoicingDunningCaseDetailViewState';
+export declare const initialEmailPreviewState: InvoicingDunningEmailPreviewState;
 export declare const initialState: InvoicingDunningCaseDetailViewState;
-export declare const fetchInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+export declare const clearInvoicingDunningCaseDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseDetailView/clearInvoicingDunningCaseDetailView">, fetchInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     id: ID;
-}, "invoicingDunningCaseDetailView/fetchInvoicingDunningCaseDetail">, updateInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "invoicingDunningCaseDetailView/fetchInvoicingDunningCaseDetail">, fetchInvoicingDunningEmailPreview: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     id: ID;
-}, "invoicingDunningCaseDetailView/updateInvoicingDunningCaseDetail">, updateInvoicingDunningCaseDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseDetailView/updateInvoicingDunningCaseDetailFailure">, clearInvoicingDunningCaseDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseDetailView/clearInvoicingDunningCaseDetailView">;
+}, "invoicingDunningCaseDetailView/fetchInvoicingDunningEmailPreview">, fetchInvoicingDunningEmailPreviewPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    id: ID;
+    cacheOverride?: boolean;
+}], {
+    cacheOverride: boolean;
+    id: string;
+}, "invoicingDunningCaseDetailView/fetchInvoicingDunningEmailPreviewPage", never, never>, invalidateInvoicingDunningEmailPreview: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingDunningCaseDetailView/invalidateInvoicingDunningEmailPreview">, updateInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingDunningCaseDetailView/updateInvoicingDunningCaseDetail">, updateInvoicingDunningCaseDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseDetailView/updateInvoicingDunningCaseDetailFailure">, updateInvoicingDunningEmailPreview: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    preview: InvoicingDunningEmailPreview;
+}, "invoicingDunningCaseDetailView/updateInvoicingDunningEmailPreview">, updateInvoicingDunningEmailPreviewFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    status: ZeniAPIStatus;
+}, "invoicingDunningCaseDetailView/updateInvoicingDunningEmailPreviewFailure">;
 declare const _default: import("redux").Reducer<InvoicingDunningCaseDetailViewState>;
 export default _default;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewReducer.js

@@ -1,12 +1,18 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearInvoicingDunningCaseDetailView = exports.updateInvoicingDunningCaseDetailFailure = exports.updateInvoicingDunningCaseDetail = exports.fetchInvoicingDunningCaseDetail = exports.initialState = void 0;
+exports.updateInvoicingDunningEmailPreviewFailure = exports.updateInvoicingDunningEmailPreview = exports.updateInvoicingDunningCaseDetailFailure = exports.updateInvoicingDunningCaseDetail = exports.invalidateInvoicingDunningEmailPreview = exports.fetchInvoicingDunningEmailPreviewPage = exports.fetchInvoicingDunningEmailPreview = exports.fetchInvoicingDunningCaseDetail = exports.clearInvoicingDunningCaseDetailView = exports.initialState = exports.initialEmailPreviewState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const rootActions_1 = require("../../../rootActions");
+exports.initialEmailPreviewState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    preview: undefined,
+};
 exports.initialState = {
     fetchState: 'Not-Started',
     error: undefined,
+    emailPreview: exports.initialEmailPreviewState,
     id: undefined,
 };
 const invoicingDunningCaseDetailView = (0, toolkit_1.createSlice)({
@@ -14,10 +20,38 @@ const invoicingDunningCaseDetailView = (0, toolkit_1.createSlice)({
     initialState: exports.initialState,
     reducers: {
         fetchInvoicingDunningCaseDetail(draft, action) {
+            if (draft.id !== action.payload.id) {
+                draft.emailPreview = { ...exports.initialEmailPreviewState };
+            }
             draft.id = action.payload.id;
             draft.fetchState = 'In-Progress';
             draft.error = undefined;
         },
+        fetchInvoicingDunningEmailPreview(draft, action) {
+            if (draft.id !== action.payload.id) {
+                return;
+            }
+            draft.emailPreview.fetchState = 'In-Progress';
+            draft.emailPreview.error = undefined;
+        },
+        fetchInvoicingDunningEmailPreviewPage: {
+            reducer() {
+                // Cache-aware orchestrator trigger only.
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        cacheOverride: payload.cacheOverride ?? false,
+                        id: payload.id,
+                    },
+                };
+            },
+        },
+        invalidateInvoicingDunningEmailPreview(draft, action) {
+            if (draft.id === action.payload.id) {
+                draft.emailPreview = { ...exports.initialEmailPreviewState };
+            }
+        },
         updateInvoicingDunningCaseDetail(draft, action) {
             draft.id = action.payload.id;
             draft.fetchState = 'Completed';
@@ -27,6 +61,21 @@ const invoicingDunningCaseDetailView = (0, toolkit_1.createSlice)({
             draft.fetchState = 'Error';
             draft.error = action.payload;
         },
+        updateInvoicingDunningEmailPreview(draft, action) {
+            if (draft.id === action.payload.id) {
+                draft.emailPreview = {
+                    error: undefined,
+                    fetchState: 'Completed',
+                    preview: action.payload.preview,
+                };
+            }
+        },
+        updateInvoicingDunningEmailPreviewFailure(draft, action) {
+            if (draft.id === action.payload.id) {
+                draft.emailPreview.fetchState = 'Error';
+                draft.emailPreview.error = action.payload.status;
+            }
+        },
         clearInvoicingDunningCaseDetailView(draft) {
             Object.assign(draft, exports.initialState);
         },
@@ -37,5 +86,5 @@ const invoicingDunningCaseDetailView = (0, toolkit_1.createSlice)({
         });
     },
 });
-_a = invoicingDunningCaseDetailView.actions, exports.fetchInvoicingDunningCaseDetail = _a.fetchInvoicingDunningCaseDetail, exports.updateInvoicingDunningCaseDetail = _a.updateInvoicingDunningCaseDetail, exports.updateInvoicingDunningCaseDetailFailure = _a.updateInvoicingDunningCaseDetailFailure, exports.clearInvoicingDunningCaseDetailView = _a.clearInvoicingDunningCaseDetailView;
+_a = invoicingDunningCaseDetailView.actions, exports.clearInvoicingDunningCaseDetailView = _a.clearInvoicingDunningCaseDetailView, exports.fetchInvoicingDunningCaseDetail = _a.fetchInvoicingDunningCaseDetail, exports.fetchInvoicingDunningEmailPreview = _a.fetchInvoicingDunningEmailPreview, exports.fetchInvoicingDunningEmailPreviewPage = _a.fetchInvoicingDunningEmailPreviewPage, exports.invalidateInvoicingDunningEmailPreview = _a.invalidateInvoicingDunningEmailPreview, exports.updateInvoicingDunningCaseDetail = _a.updateInvoicingDunningCaseDetail, exports.updateInvoicingDunningCaseDetailFailure = _a.updateInvoicingDunningCaseDetailFailure, exports.updateInvoicingDunningEmailPreview = _a.updateInvoicingDunningEmailPreview, exports.updateInvoicingDunningEmailPreviewFailure = _a.updateInvoicingDunningEmailPreviewFailure;
 exports.default = invoicingDunningCaseDetailView.reducer;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewSelector.d.ts

@@ -2,6 +2,7 @@ import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
 import { InvoicingDunningCase } from '../../../entity/invoicing/dunningCase/dunningCaseState';
 import { RootState } from '../../../reducer';
+import { InvoicingDunningEmailPreviewState } from './invoicingDunningCaseDetailViewState';
 /**
  * Read-only view for the dunning case detail page: the dunning case entity + its
  * fetch state, plus the per-case action run-state (pause/resume/retry) folded in
@@ -9,7 +10,9 @@ import { RootState } from '../../../reducer';
  */
 export interface InvoicingDunningCaseDetailView extends SelectorView {
     actionState: FetchStateAndError;
+    emailPreview: InvoicingDunningEmailPreviewState;
     dunningCase?: InvoicingDunningCase;
 }
 export declare const getInvoicingDunningCaseById: (state: RootState, id: string) => InvoicingDunningCase | undefined;
 export declare const getInvoicingDunningCaseDetail: (state: RootState, invoicingDunningCaseID: ID) => InvoicingDunningCaseDetailView;
+export declare const getInvoicingDunningEmailPreview: (state: RootState, invoicingDunningCaseID: ID) => InvoicingDunningEmailPreviewState;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewSelector.js

@@ -1,18 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getInvoicingDunningCaseDetail = exports.getInvoicingDunningCaseById = void 0;
+exports.getInvoicingDunningEmailPreview = exports.getInvoicingDunningCaseDetail = exports.getInvoicingDunningCaseById = void 0;
 const dunningCaseSelector_1 = require("../../../entity/invoicing/dunningCase/dunningCaseSelector");
 const dunningActionSelector_1 = require("../dunningAction/dunningActionSelector");
+const EMAIL_PREVIEW_NOT_STARTED = {
+    error: undefined,
+    fetchState: 'Not-Started',
+    preview: undefined,
+};
 const getInvoicingDunningCaseById = (state, id) => (0, dunningCaseSelector_1.getInvoicingDunningCaseById)(state.invoicingDunningCaseState, id);
 exports.getInvoicingDunningCaseById = getInvoicingDunningCaseById;
 const getInvoicingDunningCaseDetail = (state, invoicingDunningCaseID) => {
-    const { error, fetchState } = state.invoicingDunningCaseDetailViewState;
+    const { emailPreview, error, fetchState, id } = state.invoicingDunningCaseDetailViewState;
     return {
         actionState: (0, dunningActionSelector_1.getInvoicingDunningActionState)(invoicingDunningCaseID)(state),
         dunningCase: (0, exports.getInvoicingDunningCaseById)(state, invoicingDunningCaseID),
+        emailPreview: id === invoicingDunningCaseID ? emailPreview : EMAIL_PREVIEW_NOT_STARTED,
         fetchState,
         error,
         version: 1.0,
     };
 };
 exports.getInvoicingDunningCaseDetail = getInvoicingDunningCaseDetail;
+const getInvoicingDunningEmailPreview = (state, invoicingDunningCaseID) => {
+    const detailState = state.invoicingDunningCaseDetailViewState;
+    if (detailState.id !== invoicingDunningCaseID) {
+        return EMAIL_PREVIEW_NOT_STARTED;
+    }
+    return detailState.emailPreview;
+};
+exports.getInvoicingDunningEmailPreview = getInvoicingDunningEmailPreview;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewState.d.ts

@@ -1,4 +1,17 @@
 import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+export interface InvoicingDunningEmailPreview {
+    body: string;
+    bodyToken: string;
+    cc: string;
+    renderedHtmlTemplate: string;
+    subject: string;
+    subjectToken: string;
+    to: string;
+}
+export interface InvoicingDunningEmailPreviewState extends FetchStateAndError {
+    preview?: InvoicingDunningEmailPreview;
+}
 export interface InvoicingDunningCaseDetailViewState extends FetchStateAndError {
+    emailPreview: InvoicingDunningEmailPreviewState;
     id?: ID;
 }

package/lib/view/invoicing/invoicingQboView/epics/invoicingQboViewActionType.d.ts

@@ -1,2 +1,3 @@
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
 import { fetchInvoicingQboAccounts, fetchInvoicingQboClasses, fetchInvoicingQboConnection, fetchInvoicingQboSyncHealth, retryInvoicingQboSyncTask, retryInvoicingQboSyncTaskFailure, retryInvoicingQboSyncTaskSuccess, startInvoicingQboBackfill, startInvoicingQboBackfillFailure, startInvoicingQboBackfillSuccess, updateInvoicingQboAccounts, updateInvoicingQboAccountsFailure, updateInvoicingQboClasses, updateInvoicingQboClassesFailure, updateInvoicingQboConnection, updateInvoicingQboConnectionFailure, updateInvoicingQboSyncHealth, updateInvoicingQboSyncHealthFailure } from '../invoicingQboViewReducer';
-export type InvoicingQboViewActionType = ReturnType<typeof fetchInvoicingQboConnection> | ReturnType<typeof updateInvoicingQboConnection> | ReturnType<typeof updateInvoicingQboConnectionFailure> | ReturnType<typeof fetchInvoicingQboAccounts> | ReturnType<typeof updateInvoicingQboAccounts> | ReturnType<typeof updateInvoicingQboAccountsFailure> | ReturnType<typeof fetchInvoicingQboClasses> | ReturnType<typeof updateInvoicingQboClasses> | ReturnType<typeof updateInvoicingQboClassesFailure> | ReturnType<typeof fetchInvoicingQboSyncHealth> | ReturnType<typeof updateInvoicingQboSyncHealth> | ReturnType<typeof updateInvoicingQboSyncHealthFailure> | ReturnType<typeof retryInvoicingQboSyncTask> | ReturnType<typeof retryInvoicingQboSyncTaskSuccess> | ReturnType<typeof retryInvoicingQboSyncTaskFailure> | ReturnType<typeof startInvoicingQboBackfill> | ReturnType<typeof startInvoicingQboBackfillSuccess> | ReturnType<typeof startInvoicingQboBackfillFailure>;
+export type InvoicingQboViewActionType = ReturnType<typeof openSnackbar> | ReturnType<typeof fetchInvoicingQboConnection> | ReturnType<typeof updateInvoicingQboConnection> | ReturnType<typeof updateInvoicingQboConnectionFailure> | ReturnType<typeof fetchInvoicingQboAccounts> | ReturnType<typeof updateInvoicingQboAccounts> | ReturnType<typeof updateInvoicingQboAccountsFailure> | ReturnType<typeof fetchInvoicingQboClasses> | ReturnType<typeof updateInvoicingQboClasses> | ReturnType<typeof updateInvoicingQboClassesFailure> | ReturnType<typeof fetchInvoicingQboSyncHealth> | ReturnType<typeof updateInvoicingQboSyncHealth> | ReturnType<typeof updateInvoicingQboSyncHealthFailure> | ReturnType<typeof retryInvoicingQboSyncTask> | ReturnType<typeof retryInvoicingQboSyncTaskSuccess> | ReturnType<typeof retryInvoicingQboSyncTaskFailure> | ReturnType<typeof startInvoicingQboBackfill> | ReturnType<typeof startInvoicingQboBackfillSuccess> | ReturnType<typeof startInvoicingQboBackfillFailure>;

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

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.retryInvoicingQboSyncTaskEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const snackbarApiError_1 = require("../../../../entity/snackbar/snackbarApiError");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../../responsePayload");
 const invoicingQboViewReducer_1 = require("../invoicingQboViewReducer");
 const retryInvoicingQboSyncTaskEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingQboViewReducer_1.retryInvoicingQboSyncTask.match), (0, operators_1.mergeMap)((action) => {
@@ -15,16 +17,35 @@ const retryInvoicingQboSyncTaskEpic = (actions$, _state$, zeniAPI) => actions$.p
             return (0, rxjs_1.of)((0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskSuccess)({
                 status: response.data?.status ?? '',
                 taskId: response.data?.task_id ?? taskId,
-            }), (0, invoicingQboViewReducer_1.fetchInvoicingQboSyncHealth)());
+            }), (0, invoicingQboViewReducer_1.fetchInvoicingQboSyncHealth)(), (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_qbo_sync_health_retry',
+                messageText: 'success',
+                type: 'success',
+            }));
         }
-        return (0, rxjs_1.of)((0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskFailure)({
-            status: response.status,
+        return (0, rxjs_1.from)([
+            (0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskFailure)({
+                status: response.status,
+                taskId,
+            }),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_qbo_sync_health_retry',
+                messageText: 'failed',
+                type: 'error',
+                variables: (0, snackbarApiError_1.apiErrorSnackbarVariables)(response.status),
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskFailure)({
+            status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Retry QBO sync task REST API call errored out ' +
+                JSON.stringify(error)),
             taskId,
-        }));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskFailure)({
-        status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Retry QBO sync task REST API call errored out ' +
-            JSON.stringify(error)),
-        taskId,
-    }))));
+        }),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_qbo_sync_health_retry',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.retryInvoicingQboSyncTaskEpic = retryInvoicingQboSyncTaskEpic;

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

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.startInvoicingQboBackfillEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const snackbarApiError_1 = require("../../../../entity/snackbar/snackbarApiError");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../../responsePayload");
 const invoicingQboViewReducer_1 = require("../invoicingQboViewReducer");
 const startInvoicingQboBackfillEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingQboViewReducer_1.startInvoicingQboBackfill.match), (0, operators_1.switchMap)((action) => {
@@ -13,10 +15,33 @@ const startInvoicingQboBackfillEpic = (actions$, _state$, zeniAPI) => actions$.p
     })
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response)) {
-            return (0, rxjs_1.of)((0, invoicingQboViewReducer_1.startInvoicingQboBackfillSuccess)(), (0, invoicingQboViewReducer_1.fetchInvoicingQboSyncHealth)());
+            return (0, rxjs_1.from)([
+                (0, invoicingQboViewReducer_1.startInvoicingQboBackfillSuccess)(),
+                (0, invoicingQboViewReducer_1.fetchInvoicingQboSyncHealth)(),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'invoicing_qbo_backfill',
+                    messageText: 'success',
+                    type: 'success',
+                }),
+            ]);
         }
-        return (0, rxjs_1.of)((0, invoicingQboViewReducer_1.startInvoicingQboBackfillFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingQboViewReducer_1.startInvoicingQboBackfillFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Start QBO backfill REST API call errored out ' +
-        JSON.stringify(error))))));
+        return (0, rxjs_1.from)([
+            (0, invoicingQboViewReducer_1.startInvoicingQboBackfillFailure)(response.status),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_qbo_backfill',
+                messageText: 'failed',
+                type: 'error',
+                variables: (0, snackbarApiError_1.apiErrorSnackbarVariables)(response.status),
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, invoicingQboViewReducer_1.startInvoicingQboBackfillFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Start QBO backfill REST API call errored out ' +
+            JSON.stringify(error))),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_qbo_backfill',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.startInvoicingQboBackfillEpic = startInvoicingQboBackfillEpic;

package/lib/view/invoicing/issueCreditNote/issueCreditNoteEpic.d.ts

@@ -1,9 +1,10 @@
 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 { fetchInvoiceDetail } from '../invoiceDetail/invoiceDetailReducer';
 import { issueCreditNoteFailure, issueCreditNoteSuccess, submitIssueCreditNote } from './issueCreditNoteReducer';
-export type ActionType = ReturnType<typeof submitIssueCreditNote> | ReturnType<typeof issueCreditNoteSuccess> | ReturnType<typeof issueCreditNoteFailure> | ReturnType<typeof updateInvoicingCreditNotes> | ReturnType<typeof fetchInvoiceDetail>;
+export type ActionType = ReturnType<typeof submitIssueCreditNote> | ReturnType<typeof issueCreditNoteSuccess> | ReturnType<typeof issueCreditNoteFailure> | ReturnType<typeof updateInvoicingCreditNotes> | ReturnType<typeof fetchInvoiceDetail> | ReturnType<typeof openSnackbar>;
 export declare const issueCreditNoteEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -4,6 +4,8 @@ exports.issueCreditNoteEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const creditNoteReducer_1 = require("../../../entity/invoicing/creditNote/creditNoteReducer");
+const snackbarApiError_1 = require("../../../entity/snackbar/snackbarApiError");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const invoiceDetailReducer_1 = require("../invoiceDetail/invoiceDetailReducer");
 const issueCreditNotePayload_1 = require("./issueCreditNotePayload");
@@ -21,10 +23,30 @@ const issueCreditNoteEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, ope
                 (0, creditNoteReducer_1.updateInvoicingCreditNotes)([response.data], 'merge'),
                 (0, invoiceDetailReducer_1.fetchInvoiceDetail)({ invoiceId }),
                 (0, issueCreditNoteReducer_1.issueCreditNoteSuccess)({ creditNoteId: response.data.id }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'invoicing_credit_note_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }),
             ];
         }
-        return (0, rxjs_1.of)((0, issueCreditNoteReducer_1.issueCreditNoteFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, issueCreditNoteReducer_1.issueCreditNoteFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Issue credit note REST API call errored out ' +
-        JSON.stringify(error))))));
+        return (0, rxjs_1.from)([
+            (0, issueCreditNoteReducer_1.issueCreditNoteFailure)(response.status),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_credit_note_saved',
+                messageText: 'failed',
+                type: 'error',
+                variables: (0, snackbarApiError_1.apiErrorSnackbarVariables)(response.status),
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, issueCreditNoteReducer_1.issueCreditNoteFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Issue credit note REST API call errored out ' +
+            JSON.stringify(error))),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_credit_note_saved',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.issueCreditNoteEpic = issueCreditNoteEpic;

package/lib/view/invoicing/issueCreditNote/issueCreditNoteSelector.d.ts

@@ -1,13 +1,30 @@
-import { ID } from '../../../commonStateTypes/common';
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
 import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingInvoice } from '../../../entity/invoicing/invoice/invoiceState';
 import { RootState } from '../../../reducer';
 import { IssueCreditNoteFormLocalData } from './issueCreditNoteState';
-export interface InvoicingIssueCreditNoteView extends SelectorView {
-    issuedCreditNoteId?: ID;
-}
-export declare const getIssueCreditNoteView: (state: RootState) => InvoicingIssueCreditNoteView;
-export interface IssueCreditNoteFormView extends SelectorView {
+/**
+ * Everything the issue-credit-note screen renders, in one view: the invoice being
+ * credited, the form draft and the submit run-state. `fetchState`/`error` track
+ * the invoice load (what gates the page); the submit action is exposed separately
+ * as `submitState` so a save failure can't be mistaken for a load failure.
+ */
+export interface IssueCreditNoteView extends SelectorView {
+    /**
+     * True once the invoice has loaded and the draft for *this* invoice has line
+     * items to credit.
+     */
+    isPageReady: boolean;
     localData: IssueCreditNoteFormLocalData;
     reasonCodeValues: string[];
+    submitState: FetchStateAndError;
+    invoice?: InvoicingInvoice;
+    issuedCreditNoteId?: ID;
 }
-export declare const getIssueCreditNoteFormView: (state: RootState) => IssueCreditNoteFormView;
+/**
+ * The draft is a single global slice, so a draft seeded for a previously opened
+ * invoice can still be in state when another invoice's screen mounts. Anything
+ * that would render that stale draft next to this invoice is dropped until the
+ * screen re-seeds it for `invoiceId`.
+ */
+export declare const getIssueCreditNoteView: (state: RootState, invoiceId: ID) => IssueCreditNoteView;

package/lib/view/invoicing/issueCreditNote/issueCreditNoteSelector.js

@@ -1,25 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIssueCreditNoteFormView = exports.getIssueCreditNoteView = void 0;
+exports.getIssueCreditNoteView = void 0;
+const invoiceDetailSelector_1 = require("../invoiceDetail/invoiceDetailSelector");
 const issueCreditNoteFormConfig_1 = require("./issueCreditNoteFormConfig");
-const getIssueCreditNoteView = (state) => {
-    const { error, fetchState, issuedCreditNoteId } = state.invoicingIssueCreditNoteState;
+/**
+ * The draft is a single global slice, so a draft seeded for a previously opened
+ * invoice can still be in state when another invoice's screen mounts. Anything
+ * that would render that stale draft next to this invoice is dropped until the
+ * screen re-seeds it for `invoiceId`.
+ */
+const getIssueCreditNoteView = (state, invoiceId) => {
+    const invoiceView = (0, invoiceDetailSelector_1.getInvoiceDetail)(state, invoiceId);
+    const { draft, error, fetchState, issuedCreditNoteId } = state.invoicingIssueCreditNoteState;
+    const isDraftForInvoice = draft.invoiceId === invoiceId;
     return {
-        error,
-        fetchState,
+        invoice: invoiceView.invoice,
+        isPageReady: invoiceView.fetchState === 'Completed' &&
+            isDraftForInvoice &&
+            draft.lineItems.length > 0,
         issuedCreditNoteId,
-        version: 1.0,
-    };
-};
-exports.getIssueCreditNoteView = getIssueCreditNoteView;
-const getIssueCreditNoteFormView = (state) => {
-    const { draft, error, fetchState } = state.invoicingIssueCreditNoteState;
-    return {
-        localData: draft,
+        localData: isDraftForInvoice
+            ? draft
+            : (0, issueCreditNoteFormConfig_1.initialIssueCreditNoteFormLocalData)(invoiceId),
         reasonCodeValues: [...issueCreditNoteFormConfig_1.INVOICING_CREDIT_NOTE_REASON_CODES],
-        error,
-        fetchState,
+        submitState: { error, fetchState },
+        error: invoiceView.error,
+        fetchState: invoiceView.fetchState,
         version: 1.0,
     };
 };
-exports.getIssueCreditNoteFormView = getIssueCreditNoteFormView;
+exports.getIssueCreditNoteView = getIssueCreditNoteView;

package/lib/view/invoicing/recordPayment/recordPaymentEpic.d.ts

@@ -2,10 +2,11 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateInvoices } from '../../../entity/invoicing/invoice/invoiceReducer';
 import { updateInvoicingTransactions } from '../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { fetchInvoiceDetail } from '../invoiceDetail/invoiceDetailReducer';
 import { addInvoicingTransactionToList } from '../invoicingTransactionListView/invoicingTransactionListViewReducer';
 import { recordPaymentFailure, recordPaymentSuccess, submitRecordPayment } from './recordPaymentReducer';
-export type ActionType = ReturnType<typeof submitRecordPayment> | ReturnType<typeof recordPaymentSuccess> | ReturnType<typeof recordPaymentFailure> | ReturnType<typeof updateInvoicingTransactions> | ReturnType<typeof addInvoicingTransactionToList> | ReturnType<typeof updateInvoices> | ReturnType<typeof fetchInvoiceDetail>;
+export type ActionType = ReturnType<typeof submitRecordPayment> | ReturnType<typeof recordPaymentSuccess> | ReturnType<typeof recordPaymentFailure> | ReturnType<typeof updateInvoicingTransactions> | ReturnType<typeof addInvoicingTransactionToList> | ReturnType<typeof updateInvoices> | ReturnType<typeof fetchInvoiceDetail> | ReturnType<typeof openSnackbar>;
 export declare const recordPaymentEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -5,6 +5,8 @@ const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const invoiceReducer_1 = require("../../../entity/invoicing/invoice/invoiceReducer");
 const invoicingTransactionReducer_1 = require("../../../entity/invoicing/invoicingTransaction/invoicingTransactionReducer");
+const snackbarApiError_1 = require("../../../entity/snackbar/snackbarApiError");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const invoiceDetailReducer_1 = require("../invoiceDetail/invoiceDetailReducer");
 const invoicingTransactionListViewReducer_1 = require("../invoicingTransactionListView/invoicingTransactionListViewReducer");
@@ -29,11 +31,31 @@ const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, opera
                     (0, invoiceReducer_1.updateInvoices)([response.data], 'merge'),
                     (0, invoiceDetailReducer_1.fetchInvoiceDetail)({ invoiceId }),
                     (0, recordPaymentReducer_1.recordPaymentSuccess)({ invoiceId }),
+                    (0, snackbarReducer_1.openSnackbar)({
+                        messageSection: 'invoicing_payment_recorded',
+                        messageText: 'success',
+                        type: 'success',
+                    }),
                 ];
             }
-            return (0, rxjs_1.of)((0, recordPaymentReducer_1.recordPaymentFailure)(response.status));
-        }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, recordPaymentReducer_1.recordPaymentFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Record payment REST API call errored out ' +
-            JSON.stringify(error))))));
+            return (0, rxjs_1.from)([
+                (0, recordPaymentReducer_1.recordPaymentFailure)(response.status),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'invoicing_payment_recorded',
+                    messageText: 'failed',
+                    type: 'error',
+                    variables: (0, snackbarApiError_1.apiErrorSnackbarVariables)(response.status),
+                }),
+            ]);
+        }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+            (0, recordPaymentReducer_1.recordPaymentFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Record payment REST API call errored out ' +
+                JSON.stringify(error))),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_payment_recorded',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ])));
     }
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/payments`;
     const data = (0, recordPaymentPayload_1.localDataToRecordPaymentPayload)(draft);
@@ -52,10 +74,30 @@ const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, opera
             if (linkedInvoiceId != null) {
                 successActions.push((0, invoiceDetailReducer_1.fetchInvoiceDetail)({ invoiceId: linkedInvoiceId }));
             }
+            successActions.push((0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_payment_recorded',
+                messageText: 'success',
+                type: 'success',
+            }));
             return successActions;
         }
-        return (0, rxjs_1.of)((0, recordPaymentReducer_1.recordPaymentFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, recordPaymentReducer_1.recordPaymentFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Record payment REST API call errored out ' +
-        JSON.stringify(error))))));
+        return (0, rxjs_1.from)([
+            (0, recordPaymentReducer_1.recordPaymentFailure)(response.status),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_payment_recorded',
+                messageText: 'failed',
+                type: 'error',
+                variables: (0, snackbarApiError_1.apiErrorSnackbarVariables)(response.status),
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, recordPaymentReducer_1.recordPaymentFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Record payment REST API call errored out ' +
+            JSON.stringify(error))),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_payment_recorded',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.recordPaymentEpic = recordPaymentEpic;

package/lib/view/invoicing/settingsView/settingsViewEpics.d.ts

@@ -1,10 +1,11 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateAddresses } from '../../../entity/address/addressReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { connectInvoicingStripe, disconnectInvoicingStripe, fetchInvoicingSettings, invoicingStripeConnectionFailure, saveInvoicingSettings, saveInvoicingSettingsFailure, saveInvoicingSettingsSuccess, updateInvoicingSettings, updateInvoicingSettingsFailure, updateInvoicingStripeConnection } from './settingsViewReducer';
-export type ActionType = ReturnType<typeof fetchInvoicingSettings> | ReturnType<typeof updateInvoicingSettings> | ReturnType<typeof updateInvoicingSettingsFailure> | ReturnType<typeof saveInvoicingSettings> | ReturnType<typeof saveInvoicingSettingsSuccess> | ReturnType<typeof saveInvoicingSettingsFailure> | ReturnType<typeof connectInvoicingStripe> | ReturnType<typeof disconnectInvoicingStripe> | ReturnType<typeof updateInvoicingStripeConnection> | ReturnType<typeof invoicingStripeConnectionFailure> | ReturnType<typeof updateAddresses>;
+export type ActionType = ReturnType<typeof fetchInvoicingSettings> | ReturnType<typeof updateInvoicingSettings> | ReturnType<typeof updateInvoicingSettingsFailure> | ReturnType<typeof saveInvoicingSettings> | ReturnType<typeof saveInvoicingSettingsSuccess> | ReturnType<typeof saveInvoicingSettingsFailure> | ReturnType<typeof connectInvoicingStripe> | ReturnType<typeof disconnectInvoicingStripe> | ReturnType<typeof updateInvoicingStripeConnection> | ReturnType<typeof invoicingStripeConnectionFailure> | ReturnType<typeof updateAddresses> | ReturnType<typeof openSnackbar>;
 export declare const fetchInvoicingSettingsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
 export declare const connectInvoicingStripeEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
 export declare const disconnectInvoicingStripeEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;