@zeniai/client-epic-state 5.1.84 → 5.1.85-betaAK0

package/lib/esm/view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -29,6 +30,11 @@ const invoicingCatalogItemDetailView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingCatalogItemDetail, updateInvoicingCatalogItemDetail, updateInvoicingCatalogItemDetailFailure, clearInvoicingCatalogItemDetailView, } = invoicingCatalogItemDetailView.actions;
 export default invoicingCatalogItemDetailView.reducer;

package/lib/esm/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -147,6 +148,11 @@ const invoicingCatalogListView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingCatalogPlanList, updateInvoicingCatalogPlanList, updateInvoicingCatalogPlanListFailure, fetchInvoicingCatalogProductList, updateInvoicingCatalogProductList, updateInvoicingCatalogProductListFailure, fetchInvoicingCatalogCounts, updateInvoicingCatalogCounts, updateInvoicingCatalogCountsFailure, updateInvoicingCatalogPlanFilters, updateInvoicingCatalogProductFilters, addInvoicingCatalogItem, fetchInvoicingCatalogListPage, clearInvoicingCatalogListView, } = invoicingCatalogListView.actions;
 export default invoicingCatalogListView.reducer;

package/lib/esm/view/invoicing/invoicingConfigView/invoicingConfigViewReducer.js

@@ -1,5 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 import { toAuditLogEntityRouteOption, toInvoicingCatalogItemLifecycleActionOption, toInvoicingCatalogProductLifecycleActionOption, toInvoicingDiscountLifecycleActionOption, toInvoicingDunningAction, toInvoicingNamedOption, toInvoicingQboAccountMappingKindOption, toInvoicingSubscriptionEditFieldOption, toInvoicingSubscriptionLifecycleActionOption, } from '../../../entity/invoicing/invoicingCommonPayload';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -165,6 +166,11 @@ const invoicingConfigView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingConfig, updateInvoicingConfig, updateInvoicingConfigFailure, acceptInvoicingTerms, acceptInvoicingTermsSuccess, acceptInvoicingTermsFailure, enableInvoicing, enableInvoicingSuccess, enableInvoicingFailure, resetInvoicingConfigActionStates, clearInvoicingConfig, } = invoicingConfigView.actions;
 export default invoicingConfigView.reducer;

package/lib/esm/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     detailById: {},
 };
@@ -33,6 +34,11 @@ const invoicingCouponDetailView = createSlice({
             draft.detailById = {};
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            draft.detailById = {};
+        });
+    },
 });
 export const { fetchInvoicingCouponDetail, updateInvoicingCouponDetail, updateInvoicingCouponDetailFailure, clearInvoicingCouponDetailView, } = invoicingCouponDetailView.actions;
 export default invoicingCouponDetailView.reducer;

package/lib/esm/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -26,6 +27,11 @@ const invoicingCreditNoteDetailView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingCreditNoteDetail, updateInvoicingCreditNoteDetail, updateInvoicingCreditNoteDetailFailure, clearInvoicingCreditNoteDetailView, } = invoicingCreditNoteDetailView.actions;
 export default invoicingCreditNoteDetailView.reducer;

package/lib/esm/view/invoicing/invoicingCreditNoteListView/invoicingCreditNoteListViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -90,6 +91,11 @@ const invoicingCreditNoteListView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingCreditNoteList, fetchInvoicingCreditNoteListPage, updateInvoicingCreditNoteList, updateInvoicingCreditNoteListFailure, fetchInvoicingCreditNoteCounts, updateInvoicingCreditNoteCounts, updateInvoicingCreditNoteCountsFailure, updateInvoicingCreditNoteFilters, setInvoicingCreditNoteActiveTab, clearInvoicingCreditNoteListView, } = invoicingCreditNoteListView.actions;
 export default invoicingCreditNoteListView.reducer;

package/lib/esm/view/invoicing/invoicingCustomerDetailView/invoicingCustomerDetailViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     detailById: {},
 };
@@ -46,6 +47,11 @@ const invoicingCustomerDetailView = createSlice({
             draft.detailById = {};
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            draft.detailById = {};
+        });
+    },
 });
 export const { fetchInvoicingCustomerDetail, fetchInvoicingCustomerDetailPage, updateInvoicingCustomerDetail, updateInvoicingCustomerDetailFailure, clearInvoicingCustomerDetailView, } = invoicingCustomerDetailView.actions;
 export default invoicingCustomerDetailView.reducer;

package/lib/esm/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -106,6 +107,11 @@ const invoicingCustomerListView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingCustomerList, fetchInvoicingCustomerListPage, updateInvoicingCustomerList, updateInvoicingCustomerListFailure, fetchInvoicingCustomerCounts, updateInvoicingCustomerCounts, updateInvoicingCustomerCountsFailure, updateInvoicingCustomerFilters, setInvoicingCustomerActiveTab, addInvoicingCustomerToList, clearInvoicingCustomerListView, } = invoicingCustomerListView.actions;
 export default invoicingCustomerListView.reducer;

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

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -26,6 +27,11 @@ const invoicingDunningCaseDetailView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetailFailure, clearInvoicingDunningCaseDetailView, } = invoicingDunningCaseDetailView.actions;
 export default invoicingDunningCaseDetailView.reducer;

package/lib/esm/view/invoicing/invoicingDunningCaseListView/invoicingDunningCaseListViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -90,6 +91,11 @@ const invoicingDunningCaseListView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingDunningCaseList, fetchInvoicingDunningCaseListPage, updateInvoicingDunningCaseList, updateInvoicingDunningCaseListFailure, fetchInvoicingDunningCaseCounts, updateInvoicingDunningCaseCounts, updateInvoicingDunningCaseCountsFailure, updateInvoicingDunningCaseFilters, setInvoicingDunningCaseActiveTab, clearInvoicingDunningCaseListView, } = invoicingDunningCaseListView.actions;
 export default invoicingDunningCaseListView.reducer;

package/lib/esm/view/invoicing/invoicingOverview/invoicingOverviewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 import { mapInvoicingChurnDataPointPayloadToState, mapInvoicingDashboardSummaryPayloadToState, mapInvoicingMRRDataPointPayloadToState, mapInvoicingOverviewKPIsPayloadToState, mapInvoicingPlanRevenuePointPayloadToState, mapInvoicingRevenueDataPointPayloadToState, } from './invoicingOverviewPayload';
 const notStarted = { fetchState: 'Not-Started', error: undefined };
 export const initialState = {
@@ -110,6 +111,11 @@ const invoicingOverview = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingOverview, fetchInvoicingOverviewKPIs, updateInvoicingOverviewKPIs, updateInvoicingOverviewKPIsFailure, fetchInvoicingOverviewRevenue, updateInvoicingOverviewRevenue, updateInvoicingOverviewRevenueFailure, fetchInvoicingOverviewMRR, updateInvoicingOverviewMRR, updateInvoicingOverviewMRRFailure, fetchInvoicingOverviewChurn, updateInvoicingOverviewChurn, updateInvoicingOverviewChurnFailure, fetchInvoicingOverviewPlanRevenue, updateInvoicingOverviewPlanRevenue, updateInvoicingOverviewPlanRevenueFailure, fetchInvoicingOverviewDashboardSummary, updateInvoicingOverviewDashboardSummary, updateInvoicingOverviewDashboardSummaryFailure, clearInvoicingOverview, } = invoicingOverview.actions;
 export default invoicingOverview.reducer;

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

@@ -1,5 +1,6 @@
 import { from, of } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { apiErrorSnackbarVariables } from '../../../../entity/snackbar/snackbarApiError';
 import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
 import { fetchInvoicingQboSyncHealth, retryInvoicingQboSyncTask, retryInvoicingQboSyncTaskFailure, retryInvoicingQboSyncTaskSuccess, } from '../invoicingQboViewReducer';
@@ -28,6 +29,7 @@ export const retryInvoicingQboSyncTaskEpic = (actions$, _state$, zeniAPI) => act
                 messageSection: 'invoicing_qbo_sync_health_retry',
                 messageText: 'failed',
                 type: 'error',
+                variables: apiErrorSnackbarVariables(response.status),
             }),
         ]);
     }), catchError((error) => from([

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

@@ -1,5 +1,6 @@
 import { from } from 'rxjs';
 import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { apiErrorSnackbarVariables } from '../../../../entity/snackbar/snackbarApiError';
 import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
 import { fetchInvoicingQboSyncHealth, startInvoicingQboBackfill, startInvoicingQboBackfillFailure, startInvoicingQboBackfillSuccess, } from '../invoicingQboViewReducer';
@@ -27,6 +28,7 @@ export const startInvoicingQboBackfillEpic = (actions$, _state$, zeniAPI) => act
                 messageSection: 'invoicing_qbo_backfill',
                 messageText: 'failed',
                 type: 'error',
+                variables: apiErrorSnackbarVariables(response.status),
             }),
         ]);
     }), catchError((error) => from([

package/lib/esm/view/invoicing/invoicingQboView/invoicingQboViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     accountsByAccountTypes: {},
     accountsFetchStateByAccountTypes: {},
@@ -123,6 +124,11 @@ const invoicingQboView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingQboConnection, updateInvoicingQboConnection, updateInvoicingQboConnectionFailure, fetchInvoicingQboAccounts, updateInvoicingQboAccounts, updateInvoicingQboAccountsFailure, fetchInvoicingQboClasses, updateInvoicingQboClasses, updateInvoicingQboClassesFailure, fetchInvoicingQboSyncHealth, updateInvoicingQboSyncHealth, updateInvoicingQboSyncHealthFailure, retryInvoicingQboSyncTask, retryInvoicingQboSyncTaskSuccess, retryInvoicingQboSyncTaskFailure, startInvoicingQboBackfill, startInvoicingQboBackfillSuccess, startInvoicingQboBackfillFailure, clearInvoicingQboView, } = invoicingQboView.actions;
 export default invoicingQboView.reducer;

package/lib/esm/view/invoicing/invoicingSubscriptionDetailView/invoicingSubscriptionDetailViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -26,6 +27,11 @@ const invoicingSubscriptionDetailView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingSubscriptionDetail, updateInvoicingSubscriptionDetail, updateInvoicingSubscriptionDetailFailure, clearInvoicingSubscriptionDetailView, } = invoicingSubscriptionDetailView.actions;
 export default invoicingSubscriptionDetailView.reducer;

package/lib/esm/view/invoicing/invoicingSubscriptionListView/invoicingSubscriptionListViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -104,6 +105,11 @@ const invoicingSubscriptionListView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingSubscriptionList, fetchInvoicingSubscriptionListPage, updateInvoicingSubscriptionList, updateInvoicingSubscriptionListFailure, fetchInvoicingSubscriptionCounts, updateInvoicingSubscriptionCounts, updateInvoicingSubscriptionCountsFailure, updateInvoicingSubscriptionFilters, setInvoicingSubscriptionActiveTab, addInvoicingSubscriptionToList, clearInvoicingSubscriptionListView, } = invoicingSubscriptionListView.actions;
 export default invoicingSubscriptionListView.reducer;

package/lib/esm/view/invoicing/invoicingTransactionDetailView/invoicingTransactionDetailViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -26,6 +27,11 @@ const invoicingTransactionDetailView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingTransactionDetail, updateInvoicingTransactionDetail, updateInvoicingTransactionDetailFailure, clearInvoicingTransactionDetailView, } = invoicingTransactionDetailView.actions;
 export default invoicingTransactionDetailView.reducer;

package/lib/esm/view/invoicing/invoicingTransactionListView/invoicingTransactionListViewReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 import { makeInvoicingTransactionIdsByTab, } from './invoicingTransactionListViewState';
 /**
  * Whether two transaction-list queries share the same base (tab-independent)
@@ -110,6 +111,14 @@ const invoicingTransactionListView = createSlice({
             draft.sort = undefined;
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            draft.activeTab = 'all';
+            draft.byTab = makeInvoicingTransactionIdsByTab();
+            draft.filters = {};
+            draft.sort = undefined;
+        });
+    },
 });
 export const { fetchInvoicingTransactionList, fetchInvoicingTransactionListPage, updateInvoicingTransactionList, updateInvoicingTransactionListFailure, updateInvoicingTransactionFilters, setInvoicingTransactionActiveTab, addInvoicingTransactionToList, clearInvoicingTransactionListView, } = invoicingTransactionListView.actions;
 export default invoicingTransactionListView.reducer;

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

@@ -1,6 +1,7 @@
 import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoicingCreditNotes } from '../../../entity/invoicing/creditNote/creditNoteReducer';
+import { apiErrorSnackbarVariables } from '../../../entity/snackbar/snackbarApiError';
 import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { fetchInvoiceDetail } from '../invoiceDetail/invoiceDetailReducer';
@@ -32,6 +33,7 @@ export const issueCreditNoteEpic = (actions$, state$, zeniAPI) => actions$.pipe(
                 messageSection: 'invoicing_credit_note_saved',
                 messageText: 'failed',
                 type: 'error',
+                variables: apiErrorSnackbarVariables(response.status),
             }),
         ]);
     }), catchError((error) => from([

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

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 import { initialIssueCreditNoteFormLocalData } from './issueCreditNoteFormConfig';
 export const initialState = {
     draft: initialIssueCreditNoteFormLocalData(),
@@ -43,6 +44,11 @@ const issueCreditNoteSlice = createSlice({
             draft.issuedCreditNoteId = undefined;
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { initializeIssueCreditNoteDraft, issueCreditNoteFailure, issueCreditNoteSuccess, resetIssueCreditNote, submitIssueCreditNote, updateIssueCreditNoteFormDraft, } = issueCreditNoteSlice.actions;
 export default issueCreditNoteSlice.reducer;

package/lib/esm/view/invoicing/paymentAction/paymentActionReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     byId: {},
 };
@@ -31,6 +32,11 @@ const paymentAction = createSlice({
             draft.byId = {};
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            draft.byId = {};
+        });
+    },
 });
 export const { runInvoicingPaymentAction, runInvoicingPaymentActionSuccess, runInvoicingPaymentActionFailure, clearInvoicingPaymentAction, clearAllInvoicingPaymentActions, } = paymentAction.actions;
 export default paymentAction.reducer;

package/lib/esm/view/invoicing/promotionalCreditAction/promotionalCreditActionReducer.js

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -26,6 +27,11 @@ const promotionalCreditAction = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { submitAddPromotionalCredits, addPromotionalCreditsSuccess, addPromotionalCreditsFailure, resetPromotionalCreditAction, } = promotionalCreditAction.actions;
 export default promotionalCreditAction.reducer;

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

@@ -2,6 +2,7 @@ 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 { apiErrorSnackbarVariables } from '../../../entity/snackbar/snackbarApiError';
 import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { fetchInvoiceDetail } from '../invoiceDetail/invoiceDetailReducer';
@@ -40,6 +41,7 @@ export const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe(fi
                     messageSection: 'invoicing_payment_recorded',
                     messageText: 'failed',
                     type: 'error',
+                    variables: apiErrorSnackbarVariables(response.status),
                 }),
             ]);
         }), catchError((error) => from([
@@ -82,6 +84,7 @@ export const recordPaymentEpic = (actions$, state$, zeniAPI) => actions$.pipe(fi
                 messageSection: 'invoicing_payment_recorded',
                 messageText: 'failed',
                 type: 'error',
+                variables: apiErrorSnackbarVariables(response.status),
             }),
         ]);
     }), catchError((error) => from([

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

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 import { initialRecordPaymentFormLocalData } from './recordPaymentFormConfig';
 export const initialState = {
     fetchState: 'Not-Started',
@@ -56,6 +57,11 @@ const recordPaymentSlice = createSlice({
             draft.newPaymentDraft = { ...initialRecordPaymentFormLocalData };
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { initializeRecordPaymentDraft, updateRecordPaymentFormDraft, submitRecordPayment, recordPaymentSuccess, recordPaymentFailure, resetRecordPayment, } = recordPaymentSlice.actions;
 export default recordPaymentSlice.reducer;

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

@@ -1,8 +1,9 @@
 import { from, of } from 'rxjs';
 import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
 import { updateAddresses } from '../../../entity/address/addressReducer';
+import { apiErrorSnackbarVariables } from '../../../entity/snackbar/snackbarApiError';
 import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
-import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+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(() => {
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings`;
@@ -59,13 +60,15 @@ 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
+    /** `status` surfaces the platform's error text; omit it to keep the generic copy. */
+    const snackbar = (messageText, status) => snackbarSection == null
         ? []
         : [
             openSnackbar({
                 messageSection: snackbarSection,
                 messageText,
                 type: messageText === 'success' ? 'success' : 'error',
+                variables: apiErrorSnackbarVariables(status),
             }),
         ];
     return zeniAPI
@@ -79,7 +82,7 @@ export const saveInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions
         }
         return from([
             saveInvoicingSettingsFailure(response.status),
-            ...snackbar('failed'),
+            ...snackbar('failed', response.status),
         ]);
     }), catchError((error) => from([
         saveInvoicingSettingsFailure(createZeniAPIStatus('Unexpected Error', 'Save settings REST API call errored out ' +

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

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -81,6 +82,11 @@ const settingsView = createSlice({
             Object.assign(draft, initialState);
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            Object.assign(draft, initialState);
+        });
+    },
 });
 export const { fetchInvoicingSettings, updateInvoicingSettings, updateInvoicingSettingsFailure, saveInvoicingSettings, saveInvoicingSettingsSuccess, saveInvoicingSettingsFailure, resetSaveInvoicingSettings, updateInvoicingBrandingFormDraft, submitInvoicingBrandingForm, resetInvoicingBrandingFormDraft, connectInvoicingStripe, disconnectInvoicingStripe, updateInvoicingStripeConnection, invoicingStripeConnectionFailure, clearInvoicingSettings, } = settingsView.actions;
 export default settingsView.reducer;

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

@@ -1,3 +1,4 @@
+import { getInvoicingQboAccountMappingId, } from '../../../entity/invoicing/invoicingCommonPayload';
 import { getFormattedAddress } from '../../addressView/addressViewSelector';
 import { getInvoicingConfigView } from '../invoicingConfigView/invoicingConfigViewSelector';
 import { INVOICING_BUSINESS_ADDRESS_TYPE, entityToInvoicingBrandingFormLocalData, } from './invoicingBrandingFormConfig';
@@ -30,6 +31,57 @@ export const getInvoicingSettingsView = (state) => {
         stripeConnectState: stripeFetchState,
     };
 };
+/**
+ * Gates the Enable Invoicing action: payments must be able to land (Stripe
+ * connected *and* accepting charges) and the QBO accounting step must be
+ * finished, so an enabled tenant can always book what it invoices.
+ *
+ * Deliberately not part of `deriveInvoicingOnboardingStatus`, which routes the
+ * module off the config flags alone. Folding these in there would (a) demote a
+ * live tenant to the settings tree the moment an integration broke, stranding
+ * its existing invoices, and (b) deadlock the route gate, which fetches only the
+ * config — never the settings or QBO connection these read.
+ */
+export function deriveInvoicingEnablePrerequisites(settings, isQboConnected, qboAccountMappingKindOptions) {
+    const isStripeConnected = settings?.stripe_connected === true &&
+        settings.stripe_account?.charges_enabled === true;
+    const accountMappings = settings?.qbo?.account_mappings ?? undefined;
+    // An empty option list means the config has not landed yet — treating that as
+    // configured would let `every` pass vacuously and unlock the button early.
+    const isQboConfigured = isQboConnected &&
+        qboAccountMappingKindOptions.length > 0 &&
+        qboAccountMappingKindOptions.every((option) => getInvoicingQboAccountMappingId(accountMappings, option.code) != null);
+    return {
+        canEnable: isStripeConnected && isQboConfigured,
+        isQboConfigured,
+        isStripeConnected,
+    };
+}
+/**
+ * The settings hub's composite of everything it derives from the store: whether
+ * to offer Enable Invoicing at all, the in-flight flag for that action, and the
+ * two integration prerequisites kept separate so the hub can name the step still
+ * outstanding instead of showing a dead button.
+ *
+ * `canEnableInvoicing` folds in the onboarding step, so the screen does not need
+ * to re-check it: the footer is only offered mid-onboarding and only once both
+ * integrations are ready.
+ *
+ * Deliberately not folded into `getInvoicingConfigView`: that selector gates
+ * every invoicing route and stays a pure read of the config slice. The settings
+ * and QBO slices read here are only fetched once a settings screen is mounted.
+ */
+export const getInvoicingSettingsHubView = (state) => {
+    const { enableState, qboAccountMappingKindOptions, status } = getInvoicingConfigView(state);
+    const { canEnable, isQboConfigured, isStripeConnected } = deriveInvoicingEnablePrerequisites(state.invoicingSettingsViewState.settings, state.invoicingQboViewState.connection?.connected === true, qboAccountMappingKindOptions);
+    return {
+        canEnableInvoicing: status === 'settings' && canEnable,
+        isEnablingInvoicing: enableState.fetchState === 'In-Progress',
+        isQboConfigured,
+        isStripeConnected,
+        status,
+    };
+};
 /**
  * Bundled view for the branding settings form: the draft `localData` (seeded
  * from the existing settings until the user edits), the business-address label

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

@@ -3,8 +3,9 @@ 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 { apiErrorSnackbarVariables } from '../../../entity/snackbar/snackbarApiError';
 import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
-import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
 import { runInvoicingSubscriptionAction, runInvoicingSubscriptionActionFailure, runInvoicingSubscriptionActionSuccess, } from './subscriptionActionReducer';
 /**
  * Each lifecycle action reports with its own copy. Keyed loosely because the
@@ -24,13 +25,15 @@ export const runInvoicingSubscriptionActionEpic = (actions$, _state$, zeniAPI) =
     const { action: kind, body, id } = action.payload;
     const requestBody = { action: kind, ...(body ?? {}) };
     const snackbarSection = SNACKBAR_SECTION_BY_ACTION[kind];
-    const snackbar = (messageText) => snackbarSection == null
+    /** `status` surfaces the platform's error text; omit it to keep the generic copy. */
+    const snackbar = (messageText, status) => snackbarSection == null
         ? []
         : [
             openSnackbar({
                 messageSection: snackbarSection,
                 messageText,
                 type: messageText === 'success' ? 'success' : 'error',
+                variables: apiErrorSnackbarVariables(status),
             }),
         ];
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/subscriptions/${encodeURIComponent(id)}/actions`;
@@ -50,7 +53,7 @@ export const runInvoicingSubscriptionActionEpic = (actions$, _state$, zeniAPI) =
                 error: response.status,
                 id,
             }),
-            ...snackbar('failed'),
+            ...snackbar('failed', response.status),
         ]);
     }), catchError((error) => from([
         runInvoicingSubscriptionActionFailure({

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

@@ -1,4 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
+import { clearAll } from '../../../rootActions';
 export const initialState = {
     byId: {},
 };
@@ -31,6 +32,11 @@ const subscriptionAction = createSlice({
             draft.byId = {};
         },
     },
+    extraReducers: (builder) => {
+        builder.addCase(clearAll, (draft) => {
+            draft.byId = {};
+        });
+    },
 });
 export const { runInvoicingSubscriptionAction, runInvoicingSubscriptionActionSuccess, runInvoicingSubscriptionActionFailure, clearInvoicingSubscriptionAction, clearAllInvoicingSubscriptionActions, } = subscriptionAction.actions;
 export default subscriptionAction.reducer;