@zeniai/client-epic-state 5.1.86 → 5.1.87

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

@@ -34,7 +34,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/lib/view/vendorFiling1099/vendorFiling1099UploadDetails/vendorFiling1099UploadDetailsReducer.d.ts

@@ -6,7 +6,7 @@ import { ZeniAPIStatus } from '../../../responsePayload';
 import { W9Form } from './vendorFiling1099UploadDetailsPayload';
 import { VendorFiling1099UploadDetailsState, VendorsFiling1099UploadDetailsLocalData } from './vendorFiling1099UploadDetailsState';
 export declare const initialState: VendorFiling1099UploadDetailsState;
-export declare const updateW9FormUploadFile: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+export declare const clearVendorFiling1099UploadDetails: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"vendorFiling1099UploadDetails/clearVendorFiling1099UploadDetails">, updateW9FormUploadFile: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     w9FormFile: FilePayload;
 }, "vendorFiling1099UploadDetails/updateW9FormUploadFile">, updateW9FormUploadFetchState: import("@reduxjs/toolkit").ActionCreatorWithPayload<FetchStateAndError, "vendorFiling1099UploadDetails/updateW9FormUploadFetchState">, vendorFiling1099UploadDetailsSave: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[vendorId: string, signal?: AbortSignal | undefined], {
     vendorId: string;

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

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.vendorFiling1099UploadDetailsResetFormStatus = exports.updateW9FormOCRDataToLocalData = exports.updateVendor1099DetailsLocalData = exports.initializeVendorFiling1099UploadDetailsLocalState = exports.vendorFiling1099UploadDetailsSuccessOrFailure = exports.vendorFiling1099UploadDetailsResetLocalData = exports.vendorFiling1099UploadDetailsSave = exports.updateW9FormUploadFetchState = exports.updateW9FormUploadFile = exports.initialState = void 0;
+exports.vendorFiling1099UploadDetailsResetFormStatus = exports.updateW9FormOCRDataToLocalData = exports.updateVendor1099DetailsLocalData = exports.initializeVendorFiling1099UploadDetailsLocalState = exports.vendorFiling1099UploadDetailsSuccessOrFailure = exports.vendorFiling1099UploadDetailsResetLocalData = exports.vendorFiling1099UploadDetailsSave = exports.updateW9FormUploadFetchState = exports.updateW9FormUploadFile = exports.clearVendorFiling1099UploadDetails = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const rootActions_1 = require("../../../rootActions");
 const vendorFiling1099UploadDetailsPayload_1 = require("./vendorFiling1099UploadDetailsPayload");
@@ -210,10 +210,13 @@ const vendorFiling1099UploadDetails = (0, toolkit_1.createSlice)({
                 address: action.payload.ocrData.address != null,
             };
         },
+        clearVendorFiling1099UploadDetails() {
+            return exports.initialState;
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(rootActions_1.clearAll, () => exports.initialState);
     },
 });
-_a = vendorFiling1099UploadDetails.actions, exports.updateW9FormUploadFile = _a.updateW9FormUploadFile, exports.updateW9FormUploadFetchState = _a.updateW9FormUploadFetchState, exports.vendorFiling1099UploadDetailsSave = _a.vendorFiling1099UploadDetailsSave, exports.vendorFiling1099UploadDetailsResetLocalData = _a.vendorFiling1099UploadDetailsResetLocalData, exports.vendorFiling1099UploadDetailsSuccessOrFailure = _a.vendorFiling1099UploadDetailsSuccessOrFailure, exports.initializeVendorFiling1099UploadDetailsLocalState = _a.initializeVendorFiling1099UploadDetailsLocalState, exports.updateVendor1099DetailsLocalData = _a.updateVendor1099DetailsLocalData, exports.updateW9FormOCRDataToLocalData = _a.updateW9FormOCRDataToLocalData, exports.vendorFiling1099UploadDetailsResetFormStatus = _a.vendorFiling1099UploadDetailsResetFormStatus;
+_a = vendorFiling1099UploadDetails.actions, exports.clearVendorFiling1099UploadDetails = _a.clearVendorFiling1099UploadDetails, exports.updateW9FormUploadFile = _a.updateW9FormUploadFile, exports.updateW9FormUploadFetchState = _a.updateW9FormUploadFetchState, exports.vendorFiling1099UploadDetailsSave = _a.vendorFiling1099UploadDetailsSave, exports.vendorFiling1099UploadDetailsResetLocalData = _a.vendorFiling1099UploadDetailsResetLocalData, exports.vendorFiling1099UploadDetailsSuccessOrFailure = _a.vendorFiling1099UploadDetailsSuccessOrFailure, exports.initializeVendorFiling1099UploadDetailsLocalState = _a.initializeVendorFiling1099UploadDetailsLocalState, exports.updateVendor1099DetailsLocalData = _a.updateVendor1099DetailsLocalData, exports.updateW9FormOCRDataToLocalData = _a.updateW9FormOCRDataToLocalData, exports.vendorFiling1099UploadDetailsResetFormStatus = _a.vendorFiling1099UploadDetailsResetFormStatus;
 exports.default = vendorFiling1099UploadDetails.reducer;

package/lib/view/vendorTabView/vendorTabViewReducer.d.ts

@@ -1,6 +1,6 @@
 import { VendorTabViewState } from './vendorTabViewState';
 export declare const initialState: VendorTabViewState;
-export declare const fetchVendorTabView: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[{
+export declare const clearVendorTabView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"vendorTabView/clearVendorTabView">, fetchVendorTabView: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[{
     shouldFetchAccruedExpenses: boolean;
     shouldFetchFiling1099Vendor: boolean;
     shouldFetchFixedAssets: boolean;

package/lib/view/vendorTabView/vendorTabViewReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateVendorTabViewTab = exports.fetchVendorTabView = exports.initialState = void 0;
+exports.updateVendorTabViewTab = exports.fetchVendorTabView = exports.clearVendorTabView = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const rootActions_1 = require("../../rootActions");
 const vendorTabViewState_1 = require("./vendorTabViewState");
@@ -47,6 +47,9 @@ const vendorTabView = (0, toolkit_1.createSlice)({
                 draft.currentTab = action.payload.tab;
             },
         },
+        clearVendorTabView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
     },
     extraReducers: (builder) => {
         builder.addCase(rootActions_1.clearAll, (draft) => {
@@ -54,5 +57,5 @@ const vendorTabView = (0, toolkit_1.createSlice)({
         });
     },
 });
-_a = vendorTabView.actions, exports.fetchVendorTabView = _a.fetchVendorTabView, exports.updateVendorTabViewTab = _a.updateVendorTabViewTab;
+_a = vendorTabView.actions, exports.clearVendorTabView = _a.clearVendorTabView, exports.fetchVendorTabView = _a.fetchVendorTabView, exports.updateVendorTabViewTab = _a.updateVendorTabViewTab;
 exports.default = vendorTabView.reducer;

package/package.json

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

package/lib/__testHelpers__/apiFailure.json

@@ -1,6 +0,0 @@
-{
-    "status": {
-        "message": "Internal server error",
-        "code": 500
-    }
-}

package/lib/entity/vendor/__mocks__/vendorMock.d.ts

@@ -1,7 +0,0 @@
-import { ID } from '../../../commonStateTypes/common';
-import { VendorPayload } from '../vendorPayload';
-import { VendorState } from '../vendorState';
-export declare const vendorPaylod: VendorPayload[];
-export declare const vendorStateWithVendors: VendorState;
-export declare const vendorIdToBeRemoved: ID;
-export declare const vendorStateAfterRemoval: VendorState;