@zeniai/client-epic-state 5.1.86 → 5.1.88-beta0UT

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

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

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

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

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

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

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

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

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

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

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

@@ -8,7 +8,20 @@ export const initialState = {
     auditLogEntityRouteOptions: [],
     auditLogListSortFieldOptions: [],
     auditLogSourceLabels: [],
+    autoCollectionOptions: [],
+    billingPeriodUnitOptions: [],
+    catalogTrialEndActionOptions: [],
+    catalogTrialUnitOptions: [],
+    customerTypeOptions: [],
+    dateFormatOptions: [],
+    discountApplyOnOptions: [],
+    discountDurationTypeOptions: [],
+    discountTypeOptions: [],
     dunningScheduleActionOptions: [],
+    manualPaymentMethodOptions: [],
+    netTermDayOptions: [],
+    paymentGatewayOptions: [],
+    taxabilityOptions: [],
     enableFetchState: { fetchState: 'Not-Started', error: undefined },
     subscriptionLifecycleActionOptions: [],
     subscriptionCommercialEditAllowedFromStatuses: [],
@@ -29,6 +42,8 @@ export const initialState = {
     invoicingTosAcceptanceUserAgent: undefined,
     invoicingTosAcceptanceUserId: undefined,
     isInvoicingSettingsSeeded: undefined,
+    createdAt: undefined,
+    updatedAt: undefined,
     hasValidState() {
         return (this.fetchState === 'Completed' && this.isInvoicingTosAccepted != null);
     },
@@ -44,6 +59,21 @@ export function mapInvoicingConfigPayloadToState(payload) {
             code: option.code,
             name: option.name,
         })),
+        autoCollectionOptions: (payload.auto_collection_options ?? []).map(toInvoicingNamedOption),
+        billingPeriodUnitOptions: (payload.billing_period_unit_options ?? []).map(toInvoicingNamedOption),
+        catalogTrialEndActionOptions: (payload.catalog_trial_end_action_options ?? []).map(toInvoicingNamedOption),
+        catalogTrialUnitOptions: (payload.catalog_trial_unit_options ?? []).map(toInvoicingNamedOption),
+        customerTypeOptions: (payload.customer_type_options ?? []).map(toInvoicingNamedOption),
+        dateFormatOptions: (payload.date_format_options ?? []).map(toInvoicingNamedOption),
+        discountApplyOnOptions: (payload.discount_apply_on_options ?? []).map(toInvoicingNamedOption),
+        discountDurationTypeOptions: (payload.discount_duration_type_options ?? []).map(toInvoicingNamedOption),
+        discountTypeOptions: (payload.discount_type_options ?? []).map(toInvoicingNamedOption),
+        manualPaymentMethodOptions: (payload.manual_payment_method_options ?? []).map(toInvoicingNamedOption),
+        netTermDayOptions: (payload.net_term_day_options ?? []).map(toInvoicingNamedOption),
+        paymentGatewayOptions: (payload.payment_gateway_options ?? []).map(toInvoicingNamedOption),
+        taxabilityOptions: (payload.taxability_options ?? []).map(toInvoicingNamedOption),
+        createdAt: payload.created_at ?? undefined,
+        updatedAt: payload.updated_at ?? undefined,
         dunningScheduleActionOptions: payload.dunning_schedule_action_options.map((option) => ({
             code: toInvoicingDunningAction(option.code),
             name: option.name,

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

@@ -1,35 +1,10 @@
 import { deriveInvoicingOnboardingStatus, } from './invoicingConfigViewPayload';
-/**
- * Single bundled view for the invoicing config — consumers read only this.
- * Carries the config flags, the derived onboarding `status` used for route
- * gating, the config fetch (`fetchState`/`error`), and the accept-terms /
- * enable action fetch states.
- */
 export const getInvoicingConfigView = (state) => {
-    const configState = state.invoicingConfigViewState;
+    const { acceptTermsFetchState, enableFetchState, ...configState } = state.invoicingConfigViewState;
     return {
-        acceptTermsState: configState.acceptTermsFetchState,
-        auditLogEntityRouteOptions: configState.auditLogEntityRouteOptions,
-        auditLogListSortFieldOptions: configState.auditLogListSortFieldOptions,
-        auditLogSourceLabels: configState.auditLogSourceLabels,
-        dunningScheduleActionOptions: configState.dunningScheduleActionOptions,
-        enableState: configState.enableFetchState,
-        subscriptionLifecycleActionOptions: configState.subscriptionLifecycleActionOptions,
-        subscriptionCommercialEditAllowedFromStatuses: configState.subscriptionCommercialEditAllowedFromStatuses,
-        subscriptionMetadataEditAllowedFromStatuses: configState.subscriptionMetadataEditAllowedFromStatuses,
-        subscriptionEditFieldOptions: configState.subscriptionEditFieldOptions,
-        subscriptionCancelTimingOptions: configState.subscriptionCancelTimingOptions,
-        subscriptionChangeOptionOptions: configState.subscriptionChangeOptionOptions,
-        catalogItemLifecycleActionOptions: configState.catalogItemLifecycleActionOptions,
-        catalogProductLifecycleActionOptions: configState.catalogProductLifecycleActionOptions,
-        discountLifecycleActionOptions: configState.discountLifecycleActionOptions,
-        qboAccountMappingKindOptions: configState.qboAccountMappingKindOptions,
-        qboCustomerMatchingOptions: configState.qboCustomerMatchingOptions,
-        qboSyncStatusOptions: configState.qboSyncStatusOptions,
-        error: configState.error,
-        fetchState: configState.fetchState,
-        isInvoicingEnabled: configState.isInvoicingEnabled,
-        isInvoicingTosAccepted: configState.isInvoicingTosAccepted,
+        ...configState,
+        acceptTermsState: acceptTermsFetchState,
+        enableState: enableFetchState,
         status: deriveInvoicingOnboardingStatus(configState.isInvoicingTosAccepted, configState.isInvoicingEnabled),
     };
 };

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

@@ -0,0 +1,26 @@
+import { of } from 'rxjs';
+import { catchError, filter, map, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { toInvoicingDunningEmailPreview, } from './invoicingDunningCaseDetailViewPayload';
+import { fetchInvoicingDunningEmailPreview, updateInvoicingDunningEmailPreview, updateInvoicingDunningEmailPreviewFailure, } from './invoicingDunningCaseDetailViewReducer';
+export const fetchInvoicingDunningEmailPreviewEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingDunningEmailPreview.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/dunning/${encodeURIComponent(id)}/email-preview`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {})
+        .pipe(map((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return updateInvoicingDunningEmailPreview({
+                id,
+                preview: toInvoicingDunningEmailPreview(response.data),
+            });
+        }
+        return updateInvoicingDunningEmailPreviewFailure({
+            id,
+            status: response.status,
+        });
+    }), catchError((error) => of(updateInvoicingDunningEmailPreviewFailure({
+        id,
+        status: createZeniAPIStatus('Unexpected Error', `Dunning email preview REST API call errored out: ${error instanceof Error ? error.message : String(error)}`),
+    }))));
+}));

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

@@ -0,0 +1,16 @@
+import { EMPTY, of } from 'rxjs';
+import { filter, mergeMap } from 'rxjs/operators';
+import { fetchInvoicingDunningEmailPreview, fetchInvoicingDunningEmailPreviewPage, } from './invoicingDunningCaseDetailViewReducer';
+const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
+    (fetchStateAndError.fetchState !== 'Completed' &&
+        fetchStateAndError.fetchState !== 'In-Progress');
+export const fetchInvoicingDunningEmailPreviewPageEpic = (actions$, state$) => actions$.pipe(filter(fetchInvoicingDunningEmailPreviewPage.match), mergeMap((action) => {
+    const { cacheOverride, id } = action.payload;
+    const detailState = state$.value.invoicingDunningCaseDetailViewState;
+    if (detailState.id !== id) {
+        return EMPTY;
+    }
+    return shouldFetch(detailState.emailPreview, cacheOverride)
+        ? of(fetchInvoicingDunningEmailPreview({ id }))
+        : EMPTY;
+}));

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

@@ -1 +1,9 @@
-export {};
+export 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,
+});

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