@zeniai/client-epic-state 5.1.82 → 5.1.83

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

@@ -12,7 +12,20 @@ exports.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: [],
@@ -33,6 +46,8 @@ exports.initialState = {
     invoicingTosAcceptanceUserAgent: undefined,
     invoicingTosAcceptanceUserId: undefined,
     isInvoicingSettingsSeeded: undefined,
+    createdAt: undefined,
+    updatedAt: undefined,
     hasValidState() {
         return (this.fetchState === 'Completed' && this.isInvoicingTosAccepted != null);
     },
@@ -48,6 +63,21 @@ function mapInvoicingConfigPayloadToState(payload) {
             code: option.code,
             name: option.name,
         })),
+        autoCollectionOptions: (payload.auto_collection_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        billingPeriodUnitOptions: (payload.billing_period_unit_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        catalogTrialEndActionOptions: (payload.catalog_trial_end_action_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        catalogTrialUnitOptions: (payload.catalog_trial_unit_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        customerTypeOptions: (payload.customer_type_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        dateFormatOptions: (payload.date_format_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        discountApplyOnOptions: (payload.discount_apply_on_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        discountDurationTypeOptions: (payload.discount_duration_type_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        discountTypeOptions: (payload.discount_type_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        manualPaymentMethodOptions: (payload.manual_payment_method_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        netTermDayOptions: (payload.net_term_day_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        paymentGatewayOptions: (payload.payment_gateway_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        taxabilityOptions: (payload.taxability_options ?? []).map(invoicingCommonPayload_1.toInvoicingNamedOption),
+        createdAt: payload.created_at ?? undefined,
+        updatedAt: payload.updated_at ?? undefined,
         dunningScheduleActionOptions: payload.dunning_schedule_action_options.map((option) => ({
             code: (0, invoicingCommonPayload_1.toInvoicingDunningAction)(option.code),
             name: option.name,

package/lib/view/invoicing/invoicingConfigView/invoicingConfigViewSelector.d.ts

@@ -1,38 +1,18 @@
-import { FetchState, FetchStateAndError } from '../../../commonStateTypes/common';
-import { InvoicingDunningActionOption } from '../../../entity/invoicing/invoicingCommonPayload';
-import type { AuditLogEntityRouteOption, AuditLogListSortFieldOption, AuditLogSourceLabelOption, InvoicingCatalogItemLifecycleAction, InvoicingCatalogLifecycleActionOption, InvoicingCatalogProductLifecycleAction, InvoicingDiscountLifecycleActionOption, InvoicingNamedOption, InvoicingQboAccountMappingKindOption, InvoicingSubscriptionEditFieldOption, InvoicingSubscriptionLifecycleActionOption } from '../../../entity/invoicing/invoicingCommonPayload';
+import { FetchStateAndError } from '../../../commonStateTypes/common';
 import { RootState } from '../../../reducer';
-import { ZeniAPIStatus } from '../../../responsePayload';
 import { InvoicingOnboardingStatus } from './invoicingConfigViewPayload';
-export interface InvoicingConfigView {
+import { InvoicingConfigViewState } from './invoicingConfigViewState';
+/**
+ * The whole config state plus what only the view layer needs: the derived
+ * onboarding `status` and the shorter names consumers use for the two action
+ * fetch states. Extending the state means every field the config API grows
+ * reaches consumers without touching this selector; the two internal
+ * `*FetchState` fields and the state's own validity predicate are omitted so
+ * each piece of data has exactly one public name.
+ */
+export interface InvoicingConfigView extends Omit<InvoicingConfigViewState, 'acceptTermsFetchState' | 'enableFetchState' | 'hasValidState'> {
     acceptTermsState: FetchStateAndError;
-    auditLogEntityRouteOptions: AuditLogEntityRouteOption[];
-    auditLogListSortFieldOptions: AuditLogListSortFieldOption[];
-    auditLogSourceLabels: AuditLogSourceLabelOption[];
-    catalogItemLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogItemLifecycleAction>[];
-    catalogProductLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogProductLifecycleAction>[];
-    discountLifecycleActionOptions: InvoicingDiscountLifecycleActionOption[];
-    dunningScheduleActionOptions: InvoicingDunningActionOption[];
     enableState: FetchStateAndError;
-    fetchState: FetchState;
-    qboAccountMappingKindOptions: InvoicingQboAccountMappingKindOption[];
-    qboCustomerMatchingOptions: InvoicingNamedOption[];
-    qboSyncStatusOptions: InvoicingNamedOption[];
-    subscriptionCancelTimingOptions: InvoicingNamedOption[];
-    subscriptionChangeOptionOptions: InvoicingNamedOption[];
-    subscriptionCommercialEditAllowedFromStatuses: string[];
-    subscriptionEditFieldOptions: InvoicingSubscriptionEditFieldOption[];
-    subscriptionLifecycleActionOptions: InvoicingSubscriptionLifecycleActionOption[];
-    subscriptionMetadataEditAllowedFromStatuses: string[];
-    error?: ZeniAPIStatus;
-    isInvoicingEnabled?: boolean;
-    isInvoicingTosAccepted?: boolean;
     status?: InvoicingOnboardingStatus;
 }
-/**
- * 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 declare const getInvoicingConfigView: (state: RootState) => InvoicingConfigView;

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

@@ -2,37 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInvoicingConfigView = void 0;
 const invoicingConfigViewPayload_1 = require("./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.
- */
 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: (0, invoicingConfigViewPayload_1.deriveInvoicingOnboardingStatus)(configState.isInvoicingTosAccepted, configState.isInvoicingEnabled),
     };
 };

package/lib/view/invoicing/invoicingConfigView/invoicingConfigViewState.d.ts

@@ -6,11 +6,23 @@ export interface InvoicingConfigViewState extends FetchedState {
     auditLogEntityRouteOptions: AuditLogEntityRouteOption[];
     auditLogListSortFieldOptions: AuditLogListSortFieldOption[];
     auditLogSourceLabels: AuditLogSourceLabelOption[];
+    autoCollectionOptions: InvoicingNamedOption[];
+    billingPeriodUnitOptions: InvoicingNamedOption[];
     catalogItemLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogItemLifecycleAction>[];
     catalogProductLifecycleActionOptions: InvoicingCatalogLifecycleActionOption<InvoicingCatalogProductLifecycleAction>[];
+    catalogTrialEndActionOptions: InvoicingNamedOption[];
+    catalogTrialUnitOptions: InvoicingNamedOption[];
+    customerTypeOptions: InvoicingNamedOption[];
+    dateFormatOptions: InvoicingNamedOption[];
+    discountApplyOnOptions: InvoicingNamedOption[];
+    discountDurationTypeOptions: InvoicingNamedOption[];
     discountLifecycleActionOptions: InvoicingDiscountLifecycleActionOption[];
+    discountTypeOptions: InvoicingNamedOption[];
     dunningScheduleActionOptions: InvoicingDunningActionOption[];
     enableFetchState: FetchStateAndError;
+    manualPaymentMethodOptions: InvoicingNamedOption[];
+    netTermDayOptions: InvoicingNamedOption[];
+    paymentGatewayOptions: InvoicingNamedOption[];
     qboAccountMappingKindOptions: InvoicingQboAccountMappingKindOption[];
     qboCustomerMatchingOptions: InvoicingNamedOption[];
     qboSyncStatusOptions: InvoicingNamedOption[];
@@ -20,6 +32,8 @@ export interface InvoicingConfigViewState extends FetchedState {
     subscriptionEditFieldOptions: InvoicingSubscriptionEditFieldOption[];
     subscriptionLifecycleActionOptions: InvoicingSubscriptionLifecycleActionOption[];
     subscriptionMetadataEditAllowedFromStatuses: string[];
+    taxabilityOptions: InvoicingNamedOption[];
+    createdAt?: string;
     invoicingTosAcceptanceIp?: string;
     invoicingTosAcceptanceTime?: string;
     invoicingTosAcceptanceUserAgent?: string;
@@ -28,4 +42,5 @@ export interface InvoicingConfigViewState extends FetchedState {
     isInvoicingEnabled?: boolean;
     isInvoicingSettingsSeeded?: boolean;
     isInvoicingTosAccepted?: boolean;
+    updatedAt?: string;
 }

package/lib/view/invoicing/invoicingQboView/epics/invoicingQboViewActionType.d.ts

@@ -1,2 +1,3 @@
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
 import { fetchInvoicingQboAccounts, fetchInvoicingQboClasses, fetchInvoicingQboConnection, fetchInvoicingQboSyncHealth, retryInvoicingQboSyncTask, retryInvoicingQboSyncTaskFailure, retryInvoicingQboSyncTaskSuccess, startInvoicingQboBackfill, startInvoicingQboBackfillFailure, startInvoicingQboBackfillSuccess, updateInvoicingQboAccounts, updateInvoicingQboAccountsFailure, updateInvoicingQboClasses, updateInvoicingQboClassesFailure, updateInvoicingQboConnection, updateInvoicingQboConnectionFailure, updateInvoicingQboSyncHealth, updateInvoicingQboSyncHealthFailure } from '../invoicingQboViewReducer';
-export type InvoicingQboViewActionType = ReturnType<typeof fetchInvoicingQboConnection> | ReturnType<typeof updateInvoicingQboConnection> | ReturnType<typeof updateInvoicingQboConnectionFailure> | ReturnType<typeof fetchInvoicingQboAccounts> | ReturnType<typeof updateInvoicingQboAccounts> | ReturnType<typeof updateInvoicingQboAccountsFailure> | ReturnType<typeof fetchInvoicingQboClasses> | ReturnType<typeof updateInvoicingQboClasses> | ReturnType<typeof updateInvoicingQboClassesFailure> | ReturnType<typeof fetchInvoicingQboSyncHealth> | ReturnType<typeof updateInvoicingQboSyncHealth> | ReturnType<typeof updateInvoicingQboSyncHealthFailure> | ReturnType<typeof retryInvoicingQboSyncTask> | ReturnType<typeof retryInvoicingQboSyncTaskSuccess> | ReturnType<typeof retryInvoicingQboSyncTaskFailure> | ReturnType<typeof startInvoicingQboBackfill> | ReturnType<typeof startInvoicingQboBackfillSuccess> | ReturnType<typeof startInvoicingQboBackfillFailure>;
+export type InvoicingQboViewActionType = ReturnType<typeof openSnackbar> | ReturnType<typeof fetchInvoicingQboConnection> | ReturnType<typeof updateInvoicingQboConnection> | ReturnType<typeof updateInvoicingQboConnectionFailure> | ReturnType<typeof fetchInvoicingQboAccounts> | ReturnType<typeof updateInvoicingQboAccounts> | ReturnType<typeof updateInvoicingQboAccountsFailure> | ReturnType<typeof fetchInvoicingQboClasses> | ReturnType<typeof updateInvoicingQboClasses> | ReturnType<typeof updateInvoicingQboClassesFailure> | ReturnType<typeof fetchInvoicingQboSyncHealth> | ReturnType<typeof updateInvoicingQboSyncHealth> | ReturnType<typeof updateInvoicingQboSyncHealthFailure> | ReturnType<typeof retryInvoicingQboSyncTask> | ReturnType<typeof retryInvoicingQboSyncTaskSuccess> | ReturnType<typeof retryInvoicingQboSyncTaskFailure> | ReturnType<typeof startInvoicingQboBackfill> | ReturnType<typeof startInvoicingQboBackfillSuccess> | ReturnType<typeof startInvoicingQboBackfillFailure>;

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.retryInvoicingQboSyncTaskEpic = 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 retryInvoicingQboSyncTaskEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingQboViewReducer_1.retryInvoicingQboSyncTask.match), (0, operators_1.mergeMap)((action) => {
@@ -15,16 +16,34 @@ const retryInvoicingQboSyncTaskEpic = (actions$, _state$, zeniAPI) => actions$.p
             return (0, rxjs_1.of)((0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskSuccess)({
                 status: response.data?.status ?? '',
                 taskId: response.data?.task_id ?? taskId,
-            }), (0, invoicingQboViewReducer_1.fetchInvoicingQboSyncHealth)());
+            }), (0, invoicingQboViewReducer_1.fetchInvoicingQboSyncHealth)(), (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_qbo_sync_health_retry',
+                messageText: 'success',
+                type: 'success',
+            }));
         }
-        return (0, rxjs_1.of)((0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskFailure)({
-            status: response.status,
+        return (0, rxjs_1.from)([
+            (0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskFailure)({
+                status: response.status,
+                taskId,
+            }),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'invoicing_qbo_sync_health_retry',
+                messageText: 'failed',
+                type: 'error',
+            }),
+        ]);
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.from)([
+        (0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskFailure)({
+            status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Retry QBO sync task REST API call errored out ' +
+                JSON.stringify(error)),
             taskId,
-        }));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingQboViewReducer_1.retryInvoicingQboSyncTaskFailure)({
-        status: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Retry QBO sync task REST API call errored out ' +
-            JSON.stringify(error)),
-        taskId,
-    }))));
+        }),
+        (0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'invoicing_qbo_sync_health_retry',
+            messageText: 'failed',
+            type: 'error',
+        }),
+    ])));
 }));
 exports.retryInvoicingQboSyncTaskEpic = retryInvoicingQboSyncTaskEpic;

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>;