@zeniai/client-epic-state 5.1.82 → 5.1.83

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

@@ -7,7 +7,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: [],
@@ -28,6 +41,8 @@ export const initialState = {
     invoicingTosAcceptanceUserAgent: undefined,
     invoicingTosAcceptanceUserId: undefined,
     isInvoicingSettingsSeeded: undefined,
+    createdAt: undefined,
+    updatedAt: undefined,
     hasValidState() {
         return (this.fetchState === 'Completed' && this.isInvoicingTosAccepted != null);
     },
@@ -43,6 +58,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/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

@@ -29,7 +29,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,