@zeniai/client-epic-state 5.1.90 → 5.1.91

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

@@ -1,8 +1,14 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { clearAll } from '../../../rootActions';
+export const initialEmailPreviewState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    preview: undefined,
+};
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
+    emailPreview: initialEmailPreviewState,
     id: undefined,
 };
 const invoicingDunningCaseDetailView = createSlice({
@@ -10,10 +16,38 @@ const invoicingDunningCaseDetailView = createSlice({
     initialState,
     reducers: {
         fetchInvoicingDunningCaseDetail(draft, action) {
+            if (draft.id !== action.payload.id) {
+                draft.emailPreview = { ...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 = { ...initialEmailPreviewState };
+            }
+        },
         updateInvoicingDunningCaseDetail(draft, action) {
             draft.id = action.payload.id;
             draft.fetchState = 'Completed';
@@ -23,6 +57,21 @@ const invoicingDunningCaseDetailView = 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, initialState);
         },
@@ -33,5 +82,5 @@ const invoicingDunningCaseDetailView = createSlice({
         });
     },
 });
-export const { fetchInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetailFailure, clearInvoicingDunningCaseDetailView, } = invoicingDunningCaseDetailView.actions;
+export const { clearInvoicingDunningCaseDetailView, fetchInvoicingDunningCaseDetail, fetchInvoicingDunningEmailPreview, fetchInvoicingDunningEmailPreviewPage, invalidateInvoicingDunningEmailPreview, updateInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetailFailure, updateInvoicingDunningEmailPreview, updateInvoicingDunningEmailPreviewFailure, } = invoicingDunningCaseDetailView.actions;
 export default invoicingDunningCaseDetailView.reducer;

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

@@ -1,13 +1,26 @@
 import { getInvoicingDunningCaseById as getInvoicingDunningCaseByIdFromState } from '../../../entity/invoicing/dunningCase/dunningCaseSelector';
 import { getInvoicingDunningActionState } from '../dunningAction/dunningActionSelector';
+const EMAIL_PREVIEW_NOT_STARTED = {
+    error: undefined,
+    fetchState: 'Not-Started',
+    preview: undefined,
+};
 export const getInvoicingDunningCaseById = (state, id) => getInvoicingDunningCaseByIdFromState(state.invoicingDunningCaseState, id);
 export const getInvoicingDunningCaseDetail = (state, invoicingDunningCaseID) => {
-    const { error, fetchState } = state.invoicingDunningCaseDetailViewState;
+    const { emailPreview, error, fetchState, id } = state.invoicingDunningCaseDetailViewState;
     return {
         actionState: getInvoicingDunningActionState(invoicingDunningCaseID)(state),
         dunningCase: getInvoicingDunningCaseById(state, invoicingDunningCaseID),
+        emailPreview: id === invoicingDunningCaseID ? emailPreview : EMAIL_PREVIEW_NOT_STARTED,
         fetchState,
         error,
         version: 1.0,
     };
 };
+export const getInvoicingDunningEmailPreview = (state, invoicingDunningCaseID) => {
+    const detailState = state.invoicingDunningCaseDetailViewState;
+    if (detailState.id !== invoicingDunningCaseID) {
+        return EMAIL_PREVIEW_NOT_STARTED;
+    }
+    return detailState.emailPreview;
+};

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 } 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,31 @@ export const startInvoicingQboBackfillEpic = (actions$, _state$, zeniAPI) => act
     })
         .pipe(mergeMap((response) => {
         if (isSuccessResponse(response)) {
-            return of(startInvoicingQboBackfillSuccess(), fetchInvoicingQboSyncHealth());
+            return from([
+                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/issueCreditNote/issueCreditNoteSelector.js

@@ -1,20 +1,28 @@
-import { INVOICING_CREDIT_NOTE_REASON_CODES } from './issueCreditNoteFormConfig';
-export const getIssueCreditNoteView = (state) => {
-    const { error, fetchState, issuedCreditNoteId } = state.invoicingIssueCreditNoteState;
+import { getInvoiceDetail } from '../invoiceDetail/invoiceDetailSelector';
+import { INVOICING_CREDIT_NOTE_REASON_CODES, initialIssueCreditNoteFormLocalData, } from './issueCreditNoteFormConfig';
+/**
+ * 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 const getIssueCreditNoteView = (state, invoiceId) => {
+    const invoiceView = 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,
-    };
-};
-export const getIssueCreditNoteFormView = (state) => {
-    const { draft, error, fetchState } = state.invoicingIssueCreditNoteState;
-    return {
-        localData: draft,
+        localData: isDraftForInvoice
+            ? draft
+            : initialIssueCreditNoteFormLocalData(invoiceId),
         reasonCodeValues: [...INVOICING_CREDIT_NOTE_REASON_CODES],
-        error,
-        fetchState,
+        submitState: { error, fetchState },
+        error: invoiceView.error,
+        fetchState: invoiceView.fetchState,
         version: 1.0,
     };
 };

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',
+        }),
+    ])));
 }));

package/lib/esm/view/invoicing/settingsView/settingsViewEpics.js

@@ -1,6 +1,7 @@
-import { of } from 'rxjs';
+import { from, of } from 'rxjs';
 import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
 import { updateAddresses } from '../../../entity/address/addressReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { connectInvoicingStripe, disconnectInvoicingStripe, fetchInvoicingSettings, invoicingStripeConnectionFailure, saveInvoicingSettings, saveInvoicingSettingsFailure, saveInvoicingSettingsSuccess, updateInvoicingSettings, updateInvoicingSettingsFailure, updateInvoicingStripeConnection, } from './settingsViewReducer';
 export const fetchInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingSettings.match), switchMap(() => {
@@ -57,15 +58,32 @@ export const disconnectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => act
 }));
 export const saveInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(saveInvoicingSettings.match), mergeMap((action) => {
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings`;
+    const { settings, snackbarSection } = action.payload;
+    const snackbar = (messageText) => snackbarSection == null
+        ? []
+        : [
+            openSnackbar({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+            }),
+        ];
     return zeniAPI
-        .putAndGetJSON(apiUrl, {
-        ...action.payload,
-    })
+        .putAndGetJSON(apiUrl, { ...settings })
         .pipe(switchMap((response) => {
         if (isSuccessResponse(response) && response.data != null) {
-            return of(saveInvoicingSettingsSuccess(response.data));
+            return from([
+                saveInvoicingSettingsSuccess(response.data),
+                ...snackbar('success'),
+            ]);
         }
-        return of(saveInvoicingSettingsFailure(response.status));
-    }), catchError((error) => of(saveInvoicingSettingsFailure(createZeniAPIStatus('Unexpected Error', 'Save settings REST API call errored out ' +
-        JSON.stringify(error))))));
+        return from([
+            saveInvoicingSettingsFailure(response.status),
+            ...snackbar('failed'),
+        ]);
+    }), catchError((error) => from([
+        saveInvoicingSettingsFailure(createZeniAPIStatus('Unexpected Error', 'Save settings REST API call errored out ' +
+            JSON.stringify(error))),
+        ...snackbar('failed'),
+    ])));
 }));

package/lib/esm/view/invoicing/settingsView/settingsViewReducer.js

@@ -30,7 +30,7 @@ const settingsView = createSlice({
         saveInvoicingSettings(draft, action) {
             draft.saveFetchState = { fetchState: 'In-Progress', error: undefined };
             if (draft.settings != null) {
-                draft.settings = { ...draft.settings, ...action.payload };
+                draft.settings = { ...draft.settings, ...action.payload.settings };
             }
         },
         saveInvoicingSettingsSuccess(draft, action) {

package/lib/esm/view/invoicing/settingsView/settingsViewSelector.js

@@ -1,4 +1,5 @@
 import { getFormattedAddress } from '../../addressView/addressViewSelector';
+import { getInvoicingConfigView } from '../invoicingConfigView/invoicingConfigViewSelector';
 import { INVOICING_BUSINESS_ADDRESS_TYPE, entityToInvoicingBrandingFormLocalData, } from './invoicingBrandingFormConfig';
 /**
  * Shared primitive: the raw invoicing settings. Consumed internally by other
@@ -33,7 +34,8 @@ export const getInvoicingSettingsView = (state) => {
  * Bundled view for the branding settings form: the draft `localData` (seeded
  * from the existing settings until the user edits), the business-address label
  * (from the shared Address screen, seeded on load from `address_id`), the raw
- * settings (for the logo/preview) and the save fetch state.
+ * settings (for the logo/preview), the backend date-format choices and the
+ * save fetch state.
  */
 export const getInvoicingBrandingFormView = (state) => {
     const { brandingDraft, saveFetchState, settings } = state.invoicingSettingsViewState;
@@ -43,6 +45,7 @@ export const getInvoicingBrandingFormView = (state) => {
         : undefined;
     return {
         addressLabel,
+        dateFormatOptions: getInvoicingConfigView(state).dateFormatOptions,
         localData: brandingDraft ?? entityToInvoicingBrandingFormLocalData(settings),
         saveState: saveFetchState,
         settings,

package/lib/esm/view/invoicing/subscriptionAction/subscriptionActionEpic.js

@@ -1,13 +1,38 @@
-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 { runInvoicingSubscriptionAction, runInvoicingSubscriptionActionFailure, runInvoicingSubscriptionActionSuccess, } from './subscriptionActionReducer';
+/**
+ * Each lifecycle action reports with its own copy. Keyed loosely because the
+ * action payload carries a plain `string`; an unmapped kind stays silent.
+ */
+const SNACKBAR_SECTION_BY_ACTION = {
+    activate: 'invoicing_subscription_activated',
+    cancel: 'invoicing_subscription_cancelled',
+    change_term_end: 'invoicing_subscription_term_end_changed',
+    pause: 'invoicing_subscription_paused',
+    reactivate: 'invoicing_subscription_reactivated',
+    remove_scheduled_cancellation: 'invoicing_subscription_cancellation_removed',
+    resume: 'invoicing_subscription_resumed',
+    set_non_renewing: 'invoicing_subscription_non_renewing',
+};
 export const runInvoicingSubscriptionActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(runInvoicingSubscriptionAction.match), mergeMap((action) => {
     const { action: kind, body, id } = action.payload;
     const requestBody = { action: kind, ...(body ?? {}) };
+    const snackbarSection = SNACKBAR_SECTION_BY_ACTION[kind];
+    const snackbar = (messageText) => snackbarSection == null
+        ? []
+        : [
+            openSnackbar({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+            }),
+        ];
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/subscriptions/${encodeURIComponent(id)}/actions`;
     return zeniAPI
         .postAndGetJSON(apiUrl, requestBody)
@@ -17,15 +42,22 @@ export const runInvoicingSubscriptionActionEpic = (actions$, _state$, zeniAPI) =
                 updateInvoicingSubscriptions([response.data], 'merge'),
                 updateAddresses(extractInvoicingSubscriptionAddresses([response.data])),
                 runInvoicingSubscriptionActionSuccess({ id }),
+                ...snackbar('success'),
             ];
         }
-        return of(runInvoicingSubscriptionActionFailure({
-            error: response.status,
+        return from([
+            runInvoicingSubscriptionActionFailure({
+                error: response.status,
+                id,
+            }),
+            ...snackbar('failed'),
+        ]);
+    }), catchError((error) => from([
+        runInvoicingSubscriptionActionFailure({
+            error: createZeniAPIStatus('Unexpected Error', 'Subscription action REST API call errored out ' +
+                JSON.stringify(error)),
             id,
-        }));
-    }), catchError((error) => of(runInvoicingSubscriptionActionFailure({
-        error: createZeniAPIStatus('Unexpected Error', 'Subscription action REST API call errored out ' +
-            JSON.stringify(error)),
-        id,
-    }))));
+        }),
+        ...snackbar('failed'),
+    ])));
 }));

package/lib/esm/view/vendorFiling1099/vendorFiling1099UploadDetails/vendorFiling1099UploadDetailsReducer.js

@@ -206,10 +206,13 @@ const vendorFiling1099UploadDetails = createSlice({
                 address: action.payload.ocrData.address != null,
             };
         },
+        clearVendorFiling1099UploadDetails() {
+            return initialState;
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(clearAll, () => initialState);
     },
 });
-export const { updateW9FormUploadFile, updateW9FormUploadFetchState, vendorFiling1099UploadDetailsSave, vendorFiling1099UploadDetailsResetLocalData, vendorFiling1099UploadDetailsSuccessOrFailure, initializeVendorFiling1099UploadDetailsLocalState, updateVendor1099DetailsLocalData, updateW9FormOCRDataToLocalData, vendorFiling1099UploadDetailsResetFormStatus, } = vendorFiling1099UploadDetails.actions;
+export const { clearVendorFiling1099UploadDetails, updateW9FormUploadFile, updateW9FormUploadFetchState, vendorFiling1099UploadDetailsSave, vendorFiling1099UploadDetailsResetLocalData, vendorFiling1099UploadDetailsSuccessOrFailure, initializeVendorFiling1099UploadDetailsLocalState, updateVendor1099DetailsLocalData, updateW9FormOCRDataToLocalData, vendorFiling1099UploadDetailsResetFormStatus, } = vendorFiling1099UploadDetails.actions;
 export default vendorFiling1099UploadDetails.reducer;

package/lib/esm/view/vendorTabView/vendorTabViewReducer.js

@@ -43,6 +43,9 @@ const vendorTabView = createSlice({
                 draft.currentTab = action.payload.tab;
             },
         },
+        clearVendorTabView(draft) {
+            Object.assign(draft, initialState);
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(clearAll, (draft) => {
@@ -50,5 +53,5 @@ const vendorTabView = createSlice({
         });
     },
 });
-export const { fetchVendorTabView, updateVendorTabViewTab } = vendorTabView.actions;
+export const { clearVendorTabView, fetchVendorTabView, updateVendorTabViewTab, } = vendorTabView.actions;
 export default vendorTabView.reducer;