@zeniai/client-epic-state 5.1.82 → 5.1.83-betaRD2

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

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

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

@@ -1,9 +1,10 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateInvoicingCreditNotes } from '../../../entity/invoicing/creditNote/creditNoteReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { fetchInvoiceDetail } from '../invoiceDetail/invoiceDetailReducer';
 import { issueCreditNoteFailure, issueCreditNoteSuccess, submitIssueCreditNote } from './issueCreditNoteReducer';
-export type ActionType = ReturnType<typeof submitIssueCreditNote> | ReturnType<typeof issueCreditNoteSuccess> | ReturnType<typeof issueCreditNoteFailure> | ReturnType<typeof updateInvoicingCreditNotes> | ReturnType<typeof fetchInvoiceDetail>;
+export type ActionType = ReturnType<typeof submitIssueCreditNote> | ReturnType<typeof issueCreditNoteSuccess> | ReturnType<typeof issueCreditNoteFailure> | ReturnType<typeof updateInvoicingCreditNotes> | ReturnType<typeof fetchInvoiceDetail> | ReturnType<typeof openSnackbar>;
 export declare const issueCreditNoteEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -4,6 +4,7 @@ exports.saveInvoicingSettingsEpic = exports.disconnectInvoicingStripeEpic = expo
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const addressReducer_1 = require("../../../entity/address/addressReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const settingsViewReducer_1 = require("./settingsViewReducer");
 const fetchInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchInvoicingSettings.match), (0, operators_1.switchMap)(() => {
@@ -63,16 +64,33 @@ const disconnectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.p
 exports.disconnectInvoicingStripeEpic = disconnectInvoicingStripeEpic;
 const saveInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.saveInvoicingSettings.match), (0, operators_1.mergeMap)((action) => {
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings`;
+    const { settings, snackbarSection } = action.payload;
+    const snackbar = (messageText) => snackbarSection == null
+        ? []
+        : [
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+            }),
+        ];
     return zeniAPI
-        .putAndGetJSON(apiUrl, {
-        ...action.payload,
-    })
+        .putAndGetJSON(apiUrl, { ...settings })
         .pipe((0, operators_1.switchMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            return (0, rxjs_1.of)((0, settingsViewReducer_1.saveInvoicingSettingsSuccess)(response.data));
+            return (0, rxjs_1.from)([
+                (0, settingsViewReducer_1.saveInvoicingSettingsSuccess)(response.data),
+                ...snackbar('success'),
+            ]);
         }
-        return (0, rxjs_1.of)((0, settingsViewReducer_1.saveInvoicingSettingsFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.saveInvoicingSettingsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save settings REST API call errored out ' +
-        JSON.stringify(error))))));
+        return (0, rxjs_1.from)([
+            (0, settingsViewReducer_1.saveInvoicingSettingsFailure)(response.status),
+            ...snackbar('failed'),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, settingsViewReducer_1.saveInvoicingSettingsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save settings REST API call errored out ' +
+            JSON.stringify(error))),
+        ...snackbar('failed'),
+    ])));
 }));
 exports.saveInvoicingSettingsEpic = saveInvoicingSettingsEpic;

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

@@ -1,4 +1,5 @@
 import { InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
+import { SnackbarMessageSections } from '../../../entity/snackbar/snackbarTypes';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { InvoicingBrandingFormLocalData } from './invoicingBrandingFormConfig';
 import { StripeConnectCredentials } from './settingsViewPayload';
@@ -7,8 +8,16 @@ export interface InvoicingStripeConnectionUpdate {
     stripe_connected: boolean;
     publishable_key?: string;
 }
+/**
+ * `settings` is the request body; `snackbarSection` only picks which snackbar the
+ * epic raises, so it is deliberately kept out of the payload sent to the API.
+ */
+export interface SaveInvoicingSettingsPayload {
+    settings: Partial<InvoicingSettingsPayload>;
+    snackbarSection?: SnackbarMessageSections;
+}
 export declare const initialState: InvoicingSettingsViewState;
-export declare const fetchInvoicingSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/fetchInvoicingSettings">, updateInvoicingSettings: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingSettingsPayload, "invoicingSettingsView/updateInvoicingSettings">, updateInvoicingSettingsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSettingsView/updateInvoicingSettingsFailure">, saveInvoicingSettings: import("@reduxjs/toolkit").ActionCreatorWithPayload<Partial<InvoicingSettingsPayload>, "invoicingSettingsView/saveInvoicingSettings">, saveInvoicingSettingsSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingSettingsPayload, "invoicingSettingsView/saveInvoicingSettingsSuccess">, saveInvoicingSettingsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSettingsView/saveInvoicingSettingsFailure">, resetSaveInvoicingSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/resetSaveInvoicingSettings">, updateInvoicingBrandingFormDraft: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+export declare const fetchInvoicingSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/fetchInvoicingSettings">, updateInvoicingSettings: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingSettingsPayload, "invoicingSettingsView/updateInvoicingSettings">, updateInvoicingSettingsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSettingsView/updateInvoicingSettingsFailure">, saveInvoicingSettings: import("@reduxjs/toolkit").ActionCreatorWithPayload<SaveInvoicingSettingsPayload, "invoicingSettingsView/saveInvoicingSettings">, saveInvoicingSettingsSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingSettingsPayload, "invoicingSettingsView/saveInvoicingSettingsSuccess">, saveInvoicingSettingsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSettingsView/saveInvoicingSettingsFailure">, resetSaveInvoicingSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/resetSaveInvoicingSettings">, updateInvoicingBrandingFormDraft: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     localData: InvoicingBrandingFormLocalData;
 }, "invoicingSettingsView/updateInvoicingBrandingFormDraft">, submitInvoicingBrandingForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/submitInvoicingBrandingForm">, resetInvoicingBrandingFormDraft: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/resetInvoicingBrandingFormDraft">, connectInvoicingStripe: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[credentials: StripeConnectCredentials], StripeConnectCredentials, "invoicingSettingsView/connectInvoicingStripe", never, never>, disconnectInvoicingStripe: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/disconnectInvoicingStripe">, updateInvoicingStripeConnection: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingStripeConnectionUpdate, "invoicingSettingsView/updateInvoicingStripeConnection">, invoicingStripeConnectionFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingSettingsView/invoicingStripeConnectionFailure">, clearInvoicingSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/clearInvoicingSettings">;
 declare const _default: import("redux").Reducer<InvoicingSettingsViewState>;

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

@@ -33,7 +33,7 @@ const settingsView = (0, toolkit_1.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/view/invoicing/settingsView/settingsViewSelector.d.ts

@@ -1,5 +1,5 @@
 import { FetchState, FetchStateAndError } from '../../../commonStateTypes/common';
-import { InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingNamedOption, InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
 import { RootState } from '../../../reducer';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { InvoicingBrandingFormLocalData } from './invoicingBrandingFormConfig';
@@ -28,6 +28,7 @@ export interface InvoicingSettingsView {
  */
 export declare const getInvoicingSettingsView: (state: RootState) => InvoicingSettingsView;
 export interface InvoicingBrandingFormView {
+    dateFormatOptions: InvoicingNamedOption[];
     localData: InvoicingBrandingFormLocalData;
     saveState: FetchStateAndError;
     addressLabel?: string;
@@ -37,6 +38,7 @@ export interface InvoicingBrandingFormView {
  * 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 declare const getInvoicingBrandingFormView: (state: RootState) => InvoicingBrandingFormView;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingBrandingFormView = exports.getInvoicingSettingsView = exports.getInvoicingSettingsFetchState = exports.getInvoicingSettings = void 0;
 const addressViewSelector_1 = require("../../addressView/addressViewSelector");
+const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
 const invoicingBrandingFormConfig_1 = require("./invoicingBrandingFormConfig");
 /**
  * Shared primitive: the raw invoicing settings. Consumed internally by other
@@ -39,7 +40,8 @@ exports.getInvoicingSettingsView = getInvoicingSettingsView;
  * 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.
  */
 const getInvoicingBrandingFormView = (state) => {
     const { brandingDraft, saveFetchState, settings } = state.invoicingSettingsViewState;
@@ -49,6 +51,7 @@ const getInvoicingBrandingFormView = (state) => {
         : undefined;
     return {
         addressLabel,
+        dateFormatOptions: (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state).dateFormatOptions,
         localData: brandingDraft ?? (0, invoicingBrandingFormConfig_1.entityToInvoicingBrandingFormLocalData)(settings),
         saveState: saveFetchState,
         settings,

package/lib/view/invoicing/subscriptionAction/subscriptionActionEpic.d.ts

@@ -2,8 +2,9 @@ import { ActionsObservable, StateObservable } from 'redux-observable';
 import { Observable } from 'rxjs';
 import { updateAddresses } from '../../../entity/address/addressReducer';
 import { updateInvoicingSubscriptions } from '../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { RootState } from '../../../reducer';
 import { ZeniAPI } from '../../../zeniAPI';
 import { runInvoicingSubscriptionAction, runInvoicingSubscriptionActionFailure, runInvoicingSubscriptionActionSuccess } from './subscriptionActionReducer';
-export type ActionType = ReturnType<typeof runInvoicingSubscriptionAction> | ReturnType<typeof runInvoicingSubscriptionActionSuccess> | ReturnType<typeof runInvoicingSubscriptionActionFailure> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingSubscriptions>;
+export type ActionType = ReturnType<typeof runInvoicingSubscriptionAction> | ReturnType<typeof runInvoicingSubscriptionActionSuccess> | ReturnType<typeof runInvoicingSubscriptionActionFailure> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingSubscriptions> | ReturnType<typeof openSnackbar>;
 export declare const runInvoicingSubscriptionActionEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -6,11 +6,36 @@ const operators_1 = require("rxjs/operators");
 const addressReducer_1 = require("../../../entity/address/addressReducer");
 const invoicingSubscriptionPayload_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionPayload");
 const invoicingSubscriptionReducer_1 = require("../../../entity/invoicing/invoicingSubscription/invoicingSubscriptionReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const subscriptionActionReducer_1 = require("./subscriptionActionReducer");
+/**
+ * Each lifecycle action reports with its own copy. Keyed loosely because the
+ * action payload carries a plain `string`; an unmapped kind stays silent.
+ */
+const SNACKBAR_SECTION_BY_ACTION = {
+    activate: 'invoicing_subscription_activated',
+    cancel: 'invoicing_subscription_cancelled',
+    change_term_end: 'invoicing_subscription_term_end_changed',
+    pause: 'invoicing_subscription_paused',
+    reactivate: 'invoicing_subscription_reactivated',
+    remove_scheduled_cancellation: 'invoicing_subscription_cancellation_removed',
+    resume: 'invoicing_subscription_resumed',
+    set_non_renewing: 'invoicing_subscription_non_renewing',
+};
 const runInvoicingSubscriptionActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(subscriptionActionReducer_1.runInvoicingSubscriptionAction.match), (0, operators_1.mergeMap)((action) => {
     const { action: kind, body, id } = action.payload;
     const requestBody = { action: kind, ...(body ?? {}) };
+    const snackbarSection = SNACKBAR_SECTION_BY_ACTION[kind];
+    const snackbar = (messageText) => snackbarSection == null
+        ? []
+        : [
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+            }),
+        ];
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/subscriptions/${encodeURIComponent(id)}/actions`;
     return zeniAPI
         .postAndGetJSON(apiUrl, requestBody)
@@ -20,16 +45,23 @@ const runInvoicingSubscriptionActionEpic = (actions$, _state$, zeniAPI) => actio
                 (0, invoicingSubscriptionReducer_1.updateInvoicingSubscriptions)([response.data], 'merge'),
                 (0, addressReducer_1.updateAddresses)((0, invoicingSubscriptionPayload_1.extractInvoicingSubscriptionAddresses)([response.data])),
                 (0, subscriptionActionReducer_1.runInvoicingSubscriptionActionSuccess)({ id }),
+                ...snackbar('success'),
             ];
         }
-        return (0, rxjs_1.of)((0, subscriptionActionReducer_1.runInvoicingSubscriptionActionFailure)({
-            error: response.status,
+        return (0, rxjs_1.from)([
+            (0, subscriptionActionReducer_1.runInvoicingSubscriptionActionFailure)({
+                error: response.status,
+                id,
+            }),
+            ...snackbar('failed'),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, subscriptionActionReducer_1.runInvoicingSubscriptionActionFailure)({
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Subscription action REST API call errored out ' +
+                JSON.stringify(error)),
             id,
-        }));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, subscriptionActionReducer_1.runInvoicingSubscriptionActionFailure)({
-        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Subscription action REST API call errored out ' +
-            JSON.stringify(error)),
-        id,
-    }))));
+        }),
+        ...snackbar('failed'),
+    ])));
 }));
 exports.runInvoicingSubscriptionActionEpic = runInvoicingSubscriptionActionEpic;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "5.1.82",
+  "version": "5.1.83-betaRD2",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",