@zeniai/client-epic-state 5.2.10-betaAK0 → 5.2.10-betaAK1

package/lib/epic.d.ts

@@ -265,7 +265,7 @@ import { ActionType as InvoicingTransactionListViewActionType } from './view/inv
 import { ActionType as InvoicingPaymentActionActionType } from './view/invoicing/paymentAction/paymentActionEpic';
 import { ActionType as InvoicingPromotionalCreditActionActionType } from './view/invoicing/promotionalCreditAction/promotionalCreditActionEpic';
 import { ActionType as RecordPaymentActionType } from './view/invoicing/recordPayment/recordPaymentEpic';
-import { ActionType as InvoicingSettingsViewActionType } from './view/invoicing/settingsView/settingsViewEpics';
+import { InvoicingSettingsViewActionType } from './view/invoicing/settingsView/epics/settingsViewActionType';
 import { ActionType as InvoicingSubscriptionActionActionType } from './view/invoicing/subscriptionAction/subscriptionActionEpic';
 import { ActionType as FetchMonthClosePerformanceTrendActionType } from './view/monthEndCloseChecksView/epics/fetchMonthClosePerformanceTrendEpic';
 import { ActionType as FetchMonthEndCloseChecksActionType } from './view/monthEndCloseChecksView/epics/fetchMonthEndCloseChecksEpic';

package/lib/epic.js

@@ -313,8 +313,11 @@ const issueCreditNoteEpic_1 = require("./view/invoicing/issueCreditNote/issueCre
 const paymentActionEpic_1 = require("./view/invoicing/paymentAction/paymentActionEpic");
 const promotionalCreditActionEpic_1 = require("./view/invoicing/promotionalCreditAction/promotionalCreditActionEpic");
 const recordPaymentEpic_1 = require("./view/invoicing/recordPayment/recordPaymentEpic");
+const connectInvoicingStripeEpic_1 = require("./view/invoicing/settingsView/epics/connectInvoicingStripeEpic");
+const disconnectInvoicingStripeEpic_1 = require("./view/invoicing/settingsView/epics/disconnectInvoicingStripeEpic");
+const fetchInvoicingSettingsEpic_1 = require("./view/invoicing/settingsView/epics/fetchInvoicingSettingsEpic");
+const saveInvoicingSettingsEpic_1 = require("./view/invoicing/settingsView/epics/saveInvoicingSettingsEpic");
 const invoicingBrandingFormEpics_1 = require("./view/invoicing/settingsView/invoicingBrandingFormEpics");
-const settingsViewEpics_1 = require("./view/invoicing/settingsView/settingsViewEpics");
 const subscriptionActionEpic_1 = require("./view/invoicing/subscriptionAction/subscriptionActionEpic");
 const fetchMonthClosePerformanceTrendEpic_1 = require("./view/monthEndCloseChecksView/epics/fetchMonthClosePerformanceTrendEpic");
 const fetchMonthEndCloseChecksEpic_1 = require("./view/monthEndCloseChecksView/epics/fetchMonthEndCloseChecksEpic");
@@ -762,7 +765,7 @@ const ALL_EPICS = [
     confirmBulkUploadMatchEpic_1.confirmBulkUploadMatchEpic,
     confirmCardSetupIntentEpic_1.confirmCardSetupIntentEpic,
     confirmStatementMappingEpic_1.confirmStatementMappingEpic,
-    settingsViewEpics_1.connectInvoicingStripeEpic,
+    connectInvoicingStripeEpic_1.connectInvoicingStripeEpic,
     convertAmountToHomeCurrencyEpic_1.convertAmountToHomeCurrencyEpic,
     createAddressEpic_1.createAddressEpic,
     createAutoTransferRuleEpic_1.createAutoTransferRuleEpic,
@@ -814,7 +817,7 @@ const ALL_EPICS = [
     deleteTransactionAttachmentEpic_1.deleteTransactionAttachmentEpic,
     deleteUserBankAccountEpic_1.deleteUserBankAccountEpic,
     disableAccountingProjectsEpic_1.disableAccountingProjectsEpic,
-    settingsViewEpics_1.disconnectInvoicingStripeEpic,
+    disconnectInvoicingStripeEpic_1.disconnectInvoicingStripeEpic,
     dismissCapitalizationOnboardingEpic_1.dismissCapitalizationOnboardingEpic,
     doMagicLinkSignInEpic_1.doMagicLinkSignInEpic,
     signInUserEpic_1.doSignInEpic,
@@ -1023,7 +1026,7 @@ const ALL_EPICS = [
     customerPaymentMethodEpic_1.fetchInvoicingPlaidLinkTokenEpic,
     fetchInvoicingQboConnectionEpic_1.fetchInvoicingQboConnectionEpic,
     fetchInvoicingQboSyncHealthEpic_1.fetchInvoicingQboSyncHealthEpic,
-    settingsViewEpics_1.fetchInvoicingSettingsEpic,
+    fetchInvoicingSettingsEpic_1.fetchInvoicingSettingsEpic,
     fetchInvoicingSubscriptionCountsEpic_1.fetchInvoicingSubscriptionCountsEpic,
     invoicingSubscriptionDetailViewEpics_1.fetchInvoicingSubscriptionDetailEpic,
     fetchInvoicingSubscriptionFormPageEpic_1.fetchInvoicingSubscriptionFormPageEpic,
@@ -1311,7 +1314,7 @@ const ALL_EPICS = [
     saveInvoicingCouponEpic_1.saveInvoicingCouponEpic,
     saveInvoicingCustomerEpic_1.saveInvoicingCustomerEpic,
     customerPaymentMethodEpic_1.saveInvoicingPaymentMethodEpic,
-    settingsViewEpics_1.saveInvoicingSettingsEpic,
+    saveInvoicingSettingsEpic_1.saveInvoicingSettingsEpic,
     saveInvoicingSubscriptionEpic_1.saveInvoicingSubscriptionEpic,
     saveMagicLinkBankAccountEpic_1.saveMagicLinkBankAccountEpic,
     saveNewAddressEpic_1.saveNewAddressEpic,

package/lib/esm/epic.js

@@ -310,8 +310,11 @@ import { issueCreditNoteEpic } from './view/invoicing/issueCreditNote/issueCredi
 import { runInvoicingPaymentActionEpic, } from './view/invoicing/paymentAction/paymentActionEpic';
 import { addPromotionalCreditsEpic, } from './view/invoicing/promotionalCreditAction/promotionalCreditActionEpic';
 import { recordPaymentEpic, } from './view/invoicing/recordPayment/recordPaymentEpic';
+import { connectInvoicingStripeEpic } from './view/invoicing/settingsView/epics/connectInvoicingStripeEpic';
+import { disconnectInvoicingStripeEpic } from './view/invoicing/settingsView/epics/disconnectInvoicingStripeEpic';
+import { fetchInvoicingSettingsEpic } from './view/invoicing/settingsView/epics/fetchInvoicingSettingsEpic';
+import { saveInvoicingSettingsEpic } from './view/invoicing/settingsView/epics/saveInvoicingSettingsEpic';
 import { initializeInvoicingBrandingAddressEpic, submitInvoicingBrandingFormEpic, } from './view/invoicing/settingsView/invoicingBrandingFormEpics';
-import { connectInvoicingStripeEpic, disconnectInvoicingStripeEpic, fetchInvoicingSettingsEpic, saveInvoicingSettingsEpic, } from './view/invoicing/settingsView/settingsViewEpics';
 import { runInvoicingSubscriptionActionEpic, } from './view/invoicing/subscriptionAction/subscriptionActionEpic';
 import { fetchMonthClosePerformanceTrendEpic, } from './view/monthEndCloseChecksView/epics/fetchMonthClosePerformanceTrendEpic';
 import { fetchMonthEndCloseChecksEpic, } from './view/monthEndCloseChecksView/epics/fetchMonthEndCloseChecksEpic';

package/lib/esm/index.js

@@ -194,11 +194,11 @@ import { getExpenseAutomationTransactionView, getLastTransferEntryReplacement, }
 import { applyTransactionFilters } from './view/expenseAutomationView/transactionFilterHelpers';
 import { TRANSACTION_FILTER_CATEGORIES, } from './view/expenseAutomationView/transactionFilterTypes';
 import { DEFAULT_COMPLETED_SUB_TAB, toCompletedSubTab, } from './view/expenseAutomationView/types/completedSubTab';
-import { DEFAULT_TRANSACTION_GROUP, TRANSACTION_GROUPS, toTransactionGroup, } from './view/expenseAutomationView/types/transactionGroup';
 import { toJEScheduleMainTab as toExpenseAutomationJEScheduleMainTab, toJEScheduleSortKey as toExpenseAutomationJEScheduleSortKey, } from './view/expenseAutomationView/types/jeSchedulesViewState';
 import { BATCH_FILE_STATUSES, isUnmatchedTabFileStatus, toBatchFileStatus, toBatchStatusValue, toBulkUploadPhase, toBulkUploadResultsTab, toBulkUploadSortKey, toMatchSource, toMissingReceiptsTab, } from './view/expenseAutomationView/types/missingReceiptsViewState';
 import { toMissingReceiptsSortKey as toExpenseAutomationMissingReceiptsSortKey, } from './view/expenseAutomationView/types/missingReceiptsViewState';
 import { toReconciliationTabsType, } from './view/expenseAutomationView/types/reconciliationViewState';
+import { DEFAULT_TRANSACTION_GROUP, TRANSACTION_GROUPS, toTransactionGroup, } from './view/expenseAutomationView/types/transactionGroup';
 import { toTransactionsTabKey as toExpenseAutomationTransactionsTabKey, toTransactionsSortKey, } from './view/expenseAutomationView/types/transactionsViewState';
 import { fetchRegisteredInterests, notifyMeForFeature, } from './view/featureNotificationView/featureNotificationViewReducer';
 import { getFeatureNotificationView, getRegisteredInterests, getRegisteredInterestsByFeature, isFeatureInterestRegistered, } from './view/featureNotificationView/featureNotificationViewSelector';
@@ -849,8 +849,8 @@ export { getInvoicingCatalogItemDetail } from './view/invoicing/invoicingCatalog
 export { getInvoicingPlanById } from './entity/invoicing/plan/planSelector';
 export { getInvoicingProductById } from './entity/invoicing/product/productSelector';
 // ── Invoicing: settings ───────────────────────────────────────────────────────
-export { connectInvoicingStripe, disconnectInvoicingStripe, fetchInvoicingSettings, resetInvoicingBrandingFormDraft, resetSaveInvoicingSettings, saveInvoicingSettings, submitInvoicingBrandingForm, updateInvoicingBrandingFormDraft, updateInvoicingSettings, } from './view/invoicing/settingsView/settingsViewReducer';
-export { getInvoicingBrandingFormView, getInvoicingSettings, getInvoicingSettingsFetchState, getInvoicingSettingsHubView, getInvoicingSettingsView, } from './view/invoicing/settingsView/settingsViewSelector';
+export { connectInvoicingStripe, disconnectInvoicingStripe, fetchInvoicingSettings, resetInvoicingBrandingFormDraft, resetInvoicingQboSettingsDraft, resetSaveInvoicingSettings, saveInvoicingSettings, submitInvoicingBrandingForm, updateInvoicingBrandingFormDraft, updateInvoicingQboSettingsDraft, updateInvoicingSettings, } from './view/invoicing/settingsView/settingsViewReducer';
+export { getInvoicingBrandingFormView, getInvoicingQboSettingsFormView, getInvoicingSettings, getInvoicingSettingsFetchState, getInvoicingSettingsHubView, getInvoicingSettingsView, } from './view/invoicing/settingsView/settingsViewSelector';
 export { INVOICING_BUSINESS_ADDRESS_TYPE, entityToInvoicingBrandingFormLocalData, initialInvoicingBrandingFormLocalData, } from './view/invoicing/settingsView/invoicingBrandingFormConfig';
 export { isStripeConnectedFromSettings } from './view/invoicing/settingsView/invoicingSettingsHelpers';
 // ── Invoicing: QBO integration ────────────────────────────────────────────────

package/lib/esm/view/invoicing/invoicingQboView/invoicingQboViewSelector.js

@@ -46,16 +46,30 @@ export const invoicingQboAccountByQboId = (state, qboId) => {
     if (qboId == null || qboId === '') {
         return undefined;
     }
-    const { accounts } = getAccountList(state.accountState, state.accountListState, INVOICING_ACCOUNT_LIST_KEY);
-    return accounts.find((account) => String(account.qboId) === qboId);
+    // `getAccountList` throws when a listed id is missing from the entity slice.
+    // That is survivable when looking one account up — the caller falls back to
+    // the id it already had — but not when it happens inside an epic, where the
+    // throw would take the whole request with it.
+    try {
+        const { accounts } = getAccountList(state.accountState, state.accountListState, INVOICING_ACCOUNT_LIST_KEY);
+        return accounts.find((account) => String(account.qboId) === qboId);
+    }
+    catch {
+        return undefined;
+    }
 };
 /** The class behind a picker value, for the same reason as the account above. */
 export const invoicingQboClassByQboId = (state, qboId) => {
     if (qboId == null || qboId === '') {
         return undefined;
     }
-    const { classes } = getClassList(state.classState, state.classListState);
-    return classes.find((accountingClass) => String(accountingClass.qboId) === qboId);
+    try {
+        const { classes } = getClassList(state.classState, state.classListState);
+        return classes.find((accountingClass) => String(accountingClass.qboId) === qboId);
+    }
+    catch {
+        return undefined;
+    }
 };
 /**
  * Accounts and classes as the invoicing pickers need them. Both come from the

package/lib/esm/view/invoicing/settingsView/epics/connectInvoicingStripeEpic.js

@@ -0,0 +1,27 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { connectInvoicingStripe, fetchInvoicingSettings, invoicingStripeConnectionFailure, updateInvoicingStripeConnection, } from '../settingsViewReducer';
+export const connectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(connectInvoicingStripe.match), mergeMap((action) => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings/stripe-connect/setup`;
+    const { api_key, publishable_key, webhook_secret } = action.payload;
+    const body = {
+        api_key,
+        publishable_key,
+        ...(webhook_secret != null && webhook_secret !== ''
+            ? { webhook_secret }
+            : {}),
+    };
+    return zeniAPI
+        .postAndGetJSON(apiUrl, body)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingStripeConnection({
+                stripe_connected: response.data.stripe_connected,
+                publishable_key: response.data.publishable_key,
+            }), fetchInvoicingSettings());
+        }
+        return of(invoicingStripeConnectionFailure(response.status));
+    }), catchError((error) => of(invoicingStripeConnectionFailure(createZeniAPIStatus('Unexpected Error', 'Stripe connect setup REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/settingsView/epics/disconnectInvoicingStripeEpic.js

@@ -0,0 +1,24 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { disconnectInvoicingStripe, fetchInvoicingSettings, invoicingStripeConnectionFailure, updateInvoicingStripeConnection, } from '../settingsViewReducer';
+export const disconnectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(disconnectInvoicingStripe.match), mergeMap(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings/stripe-connect/callback`;
+    return zeniAPI
+        .deleteAndGetJSON(apiUrl)
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingStripeConnection({
+                stripe_connected: false,
+                publishable_key: '',
+            }), fetchInvoicingSettings());
+        }
+        return of(invoicingStripeConnectionFailure(response.status));
+    }), catchError((error) => of(invoicingStripeConnectionFailure(createZeniAPIStatus('Unexpected Error', 'Stripe disconnect REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+/**
+ * Turns the QBO settings draft into a save. The draft lives in the store, so the
+ * screen fires one action and this reads what to send — the values do not have
+ * to travel back out through the page's props to get here.
+ */

package/lib/esm/view/invoicing/settingsView/epics/fetchInvoicingSettingsEpic.js

@@ -0,0 +1,19 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateAddresses } from '../../../../entity/address/addressReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingSettings, updateInvoicingSettings, updateInvoicingSettingsFailure, } from '../settingsViewReducer';
+export const fetchInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingSettings.match), switchMap(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            const address = response.data.address;
+            return [
+                ...(address != null ? [updateAddresses([address])] : []),
+                updateInvoicingSettings(response.data),
+            ];
+        }
+        return of(updateInvoicingSettingsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingSettingsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch settings REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/settingsView/epics/saveInvoicingSettingsEpic.js

@@ -0,0 +1,54 @@
+import { from } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { withInvoicingQboMappedAccounts, } from '../../../../entity/invoicing/invoicingCommonPayload';
+import { apiErrorSnackbarVariables } from '../../../../entity/snackbar/snackbarApiError';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { invoicingQboAccountByQboId } from '../../invoicingQboView/invoicingQboViewSelector';
+import { saveInvoicingSettings, saveInvoicingSettingsFailure, saveInvoicingSettingsSuccess, } from '../settingsViewReducer';
+export const saveInvoicingSettingsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(saveInvoicingSettings.match), mergeMap((action) => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings`;
+    const { settings, snackbarSection } = action.payload;
+    // The QBO page edits mappings as picker ids; the service stores whole
+    // accounts. Expanded here, at the request boundary, so the page does not
+    // have to hold entities it only needs in order to save.
+    const qboSettings = settings.qbo;
+    const body = qboSettings?.account_mappings != null
+        ? {
+            ...settings,
+            qbo: {
+                ...qboSettings,
+                account_mappings: withInvoicingQboMappedAccounts(qboSettings.account_mappings, (qboId) => invoicingQboAccountByQboId(state$.value, qboId)),
+            },
+        }
+        : settings;
+    /** `status` surfaces the platform's error text; omit it to keep the generic copy. */
+    const snackbar = (messageText, status) => snackbarSection == null
+        ? []
+        : [
+            openSnackbar({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+                variables: apiErrorSnackbarVariables(status),
+            }),
+        ];
+    return zeniAPI
+        .putAndGetJSON(apiUrl, { ...body })
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return from([
+                saveInvoicingSettingsSuccess(response.data),
+                ...snackbar('success'),
+            ]);
+        }
+        return from([
+            saveInvoicingSettingsFailure(response.status),
+            ...snackbar('failed', response.status),
+        ]);
+    }), catchError((error) => from([
+        saveInvoicingSettingsFailure(createZeniAPIStatus('Unexpected Error', 'Save settings REST API call errored out ' +
+            JSON.stringify(error))),
+        ...snackbar('failed'),
+    ])));
+}));

package/lib/esm/view/invoicing/settingsView/epics/settingsViewActionType.js

@@ -0,0 +1 @@
+export {};

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

@@ -36,6 +36,9 @@ const settingsView = createSlice({
         saveInvoicingSettingsSuccess(draft, action) {
             draft.settings = action.payload;
             draft.saveFetchState = { fetchState: 'Completed', error: undefined };
+            // The server is authoritative again, so the draft steps aside rather than
+            // shadowing what was just persisted.
+            draft.qboDraft = undefined;
         },
         saveInvoicingSettingsFailure(draft, action) {
             draft.saveFetchState = { fetchState: 'Error', error: action.payload };
@@ -54,6 +57,12 @@ const settingsView = createSlice({
         resetInvoicingBrandingFormDraft(draft) {
             draft.brandingDraft = undefined;
         },
+        updateInvoicingQboSettingsDraft(draft, action) {
+            draft.qboDraft = action.payload.localData;
+        },
+        resetInvoicingQboSettingsDraft(draft) {
+            draft.qboDraft = undefined;
+        },
         connectInvoicingStripe: {
             reducer(draft) {
                 draft.stripeFetchState = { fetchState: 'In-Progress', error: undefined };
@@ -85,5 +94,5 @@ const settingsView = createSlice({
         });
     },
 });
-export const { fetchInvoicingSettings, updateInvoicingSettings, updateInvoicingSettingsFailure, saveInvoicingSettings, saveInvoicingSettingsSuccess, saveInvoicingSettingsFailure, resetSaveInvoicingSettings, updateInvoicingBrandingFormDraft, submitInvoicingBrandingForm, resetInvoicingBrandingFormDraft, connectInvoicingStripe, disconnectInvoicingStripe, updateInvoicingStripeConnection, invoicingStripeConnectionFailure, } = settingsView.actions;
+export const { fetchInvoicingSettings, updateInvoicingSettings, updateInvoicingSettingsFailure, saveInvoicingSettings, saveInvoicingSettingsSuccess, saveInvoicingSettingsFailure, resetSaveInvoicingSettings, updateInvoicingBrandingFormDraft, submitInvoicingBrandingForm, resetInvoicingBrandingFormDraft, updateInvoicingQboSettingsDraft, resetInvoicingQboSettingsDraft, connectInvoicingStripe, disconnectInvoicingStripe, updateInvoicingStripeConnection, invoicingStripeConnectionFailure, } = settingsView.actions;
 export default settingsView.reducer;

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

@@ -1,6 +1,7 @@
 import { getInvoicingQboAccountMappingId, } from '../../../entity/invoicing/invoicingCommonPayload';
 import { getFormattedAddress } from '../../addressView/addressViewSelector';
 import { getInvoicingConfigView } from '../invoicingConfigView/invoicingConfigViewSelector';
+import { getInvoicingQboView, isInvoicingAccountingPickerDataLoading, } from '../invoicingQboView/invoicingQboViewSelector';
 import { INVOICING_BUSINESS_ADDRESS_TYPE, entityToInvoicingBrandingFormLocalData, } from './invoicingBrandingFormConfig';
 /**
  * Shared primitive: the raw invoicing settings. Consumed internally by other
@@ -92,6 +93,43 @@ export const getInvoicingSettingsHubView = (state) => {
         status,
     };
 };
+/**
+ * Bundled view for the QBO configuration page: the draft it edits, the accounts
+ * and option lists its dropdowns render, the connection and sync health it
+ * reports, and the fetch states that decide between skeleton, form and error.
+ *
+ * `localData` is the draft once the user has edited, and the settings response
+ * before that — so the page has one field to read and CES owns when it becomes
+ * available, rather than the page copying settings into local state.
+ */
+export const getInvoicingQboSettingsFormView = (state) => {
+    const { error, fetchState, qboDraft, saveFetchState, settings } = state.invoicingSettingsViewState;
+    const { fetchState: configFetchState, qboAccountMappingKindOptions, qboCustomerMatchingOptions, qboSyncStatusOptions, } = getInvoicingConfigView(state);
+    const qboView = getInvoicingQboView(state);
+    return {
+        accountMappingKindOptions: qboAccountMappingKindOptions,
+        accounts: qboView.accounts,
+        backfillState: qboView.backfillState,
+        connection: qboView.connection,
+        configFetchState,
+        customerMatchingOptions: qboCustomerMatchingOptions,
+        // The dropdowns cannot be built before both the settings and the accounts
+        // land, so the page waits on either rather than rendering empty pickers.
+        isLoading: fetchState === 'Not-Started' ||
+            fetchState === 'In-Progress' ||
+            isInvoicingAccountingPickerDataLoading(state),
+        isSyncEnabledSaved: settings?.qbo?.enabled === true,
+        localData: qboDraft ?? settings?.qbo ?? {},
+        nestedAccountHierarchy: qboView.nestedAccountHierarchy,
+        retryFetchStateByTaskId: qboView.retryFetchStateByTaskId,
+        saveState: saveFetchState.fetchState === 'Not-Started' && error != null
+            ? { fetchState, error }
+            : saveFetchState,
+        settingsFetchState: fetchState,
+        syncHealth: qboView.syncHealth,
+        syncStatusOptions: qboSyncStatusOptions,
+    };
+};
 /**
  * Bundled view for the branding settings form: the draft `localData` (seeded
  * from the existing settings until the user edits), the business-address label

package/lib/index.d.ts

@@ -320,12 +320,12 @@ import { getExpenseAutomationTransactionView, getLastTransferEntryReplacement }
 import { applyTransactionFilters } from './view/expenseAutomationView/transactionFilterHelpers';
 import { TRANSACTION_FILTER_CATEGORIES, TransactionFilterAmountMatchingOperator, TransactionFilterCategory, TransactionFilterCategoryDropdownOption, TransactionFilterCategoryField, TransactionFilterEntityType, TransactionFilters } from './view/expenseAutomationView/transactionFilterTypes';
 import { CompletedSubTab, DEFAULT_COMPLETED_SUB_TAB, toCompletedSubTab } from './view/expenseAutomationView/types/completedSubTab';
-import { DEFAULT_TRANSACTION_GROUP, TRANSACTION_GROUPS, TransactionGroup, toTransactionGroup } from './view/expenseAutomationView/types/transactionGroup';
 import { FluxAnalysisActionType, FluxAnalysisReviewStatus, FluxAnalysisSectionType, FluxAnalysisSortKey, FluxAnalysisViewUIState, FluxBalancesByMonth } from './view/expenseAutomationView/types/fluxAnalysisViewState';
 import { AccountSettingsLocalData, JEScheduleMainTab as ExpenseAutomationJEScheduleMainTab, JEScheduleSortKey as ExpenseAutomationJEScheduleSortKey, JESchedulesViewUIState as ExpenseAutomationJESchedulesViewUIState, JEScheduleLocalData, toJEScheduleMainTab as toExpenseAutomationJEScheduleMainTab, toJEScheduleSortKey as toExpenseAutomationJEScheduleSortKey } from './view/expenseAutomationView/types/jeSchedulesViewState';
 import { BATCH_FILE_STATUSES, BatchDetails, BatchFile, BatchFileStatus, BatchListItem, BatchStatus, BatchStatusValue, BatchSummary, BulkUploadPhase, BulkUploadResultsTab, BulkUploadSortKey, BulkUploadState, CandidateRef, MatchCandidate, MatchSource, MissingReceiptsTab, isUnmatchedTabFileStatus, toBatchFileStatus, toBatchStatusValue, toBulkUploadPhase, toBulkUploadResultsTab, toBulkUploadSortKey, toMatchSource, toMissingReceiptsTab } from './view/expenseAutomationView/types/missingReceiptsViewState';
 import { MissingReceiptsSortKey as ExpenseAutomationMissingReceiptsSortKey, MissingReceiptsViewState as ExpenseAutomationMissingReceiptsViewState, MissingReceiptsViewUIState as ExpenseAutomationMissingReceiptsViewUIState, toMissingReceiptsSortKey as toExpenseAutomationMissingReceiptsSortKey } from './view/expenseAutomationView/types/missingReceiptsViewState';
 import { AccountReconciliationLocalData, CombinedStatementAccount, ExcludeAccountFromReconciliationPayload, ReconciliationViewTabType as ExpenseAutomationReconciliationViewTab, ParsedStatementData, ReconReconcileSortKey, ReconReviewSortKey, ReconciliationReconcileTabLocalData, ReconciliationReviewTabLocalData, SaveReconcileDetailActionPayload as SaveExpenseAutomationReconciliationActionType, StatementAccountScope, StatementDateConflict, StatementMeta, StatementTransaction, StatementTransactionForUpdate, StatementTransactionsUpdate, StatementUpdateLocalData, toReconciliationTabsType } from './view/expenseAutomationView/types/reconciliationViewState';
+import { DEFAULT_TRANSACTION_GROUP, TRANSACTION_GROUPS, TransactionGroup, toTransactionGroup } from './view/expenseAutomationView/types/transactionGroup';
 import { TransactionsTab as ExpenseAutomationTransactionsTab, TransactionsViewState as ExpenseAutomationTransactionsViewState, TransactionsViewUIState as ExpenseAutomationTransactionsViewUIState, SupportedTransactionCategorization, TransactionCategorizationLineItemData, TransactionReviewLocalData, TransactionsSortKey, TransactionsTab, toTransactionsTabKey as toExpenseAutomationTransactionsTabKey, toTransactionsSortKey } from './view/expenseAutomationView/types/transactionsViewState';
 import { fetchRegisteredInterests, notifyMeForFeature } from './view/featureNotificationView/featureNotificationViewReducer';
 import { getFeatureNotificationView, getRegisteredInterests, getRegisteredInterestsByFeature, isFeatureInterestRegistered } from './view/featureNotificationView/featureNotificationViewSelector';
@@ -1235,9 +1235,9 @@ export { getInvoicingCatalogItemDetail } from './view/invoicing/invoicingCatalog
 export { getInvoicingPlanById } from './entity/invoicing/plan/planSelector';
 export { getInvoicingProductById } from './entity/invoicing/product/productSelector';
 export type { InvoicingCatalogItemDetailView } from './view/invoicing/invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewSelector';
-export { connectInvoicingStripe, disconnectInvoicingStripe, fetchInvoicingSettings, resetInvoicingBrandingFormDraft, resetSaveInvoicingSettings, saveInvoicingSettings, submitInvoicingBrandingForm, updateInvoicingBrandingFormDraft, updateInvoicingSettings, } from './view/invoicing/settingsView/settingsViewReducer';
-export { getInvoicingBrandingFormView, getInvoicingSettings, getInvoicingSettingsFetchState, getInvoicingSettingsHubView, getInvoicingSettingsView, } from './view/invoicing/settingsView/settingsViewSelector';
-export type { InvoicingBrandingFormView, InvoicingSettingsHubView, InvoicingSettingsView, } from './view/invoicing/settingsView/settingsViewSelector';
+export { connectInvoicingStripe, disconnectInvoicingStripe, fetchInvoicingSettings, resetInvoicingBrandingFormDraft, resetInvoicingQboSettingsDraft, resetSaveInvoicingSettings, saveInvoicingSettings, submitInvoicingBrandingForm, updateInvoicingBrandingFormDraft, updateInvoicingQboSettingsDraft, updateInvoicingSettings, } from './view/invoicing/settingsView/settingsViewReducer';
+export { getInvoicingBrandingFormView, getInvoicingQboSettingsFormView, getInvoicingSettings, getInvoicingSettingsFetchState, getInvoicingSettingsHubView, getInvoicingSettingsView, } from './view/invoicing/settingsView/settingsViewSelector';
+export type { InvoicingBrandingFormView, InvoicingQboSettingsFormView, InvoicingSettingsHubView, InvoicingSettingsView, } from './view/invoicing/settingsView/settingsViewSelector';
 export type { InvoicingBrandingFormLocalData } from './view/invoicing/settingsView/invoicingBrandingFormConfig';
 export { INVOICING_BUSINESS_ADDRESS_TYPE, entityToInvoicingBrandingFormLocalData, initialInvoicingBrandingFormLocalData, } from './view/invoicing/settingsView/invoicingBrandingFormConfig';
 export { isStripeConnectedFromSettings } from './view/invoicing/settingsView/invoicingSettingsHelpers';

package/lib/index.js

@@ -83,7 +83,7 @@ exports.runInvoicingCatalogPlanAction = exports.getInvoicingInvoiceActionState =
 exports.getInvoicingSetupIntentFetchState = exports.getInvoicingSetupIntent = exports.getInvoicingSentPaymentLinkMagicUrl = exports.getInvoicingSentPaymentLinkEmail = exports.getInvoicingPlaidLinkTokenFetchState = exports.getInvoicingPlaidLinkToken = exports.getInvoicingPaymentMethodSaveState = exports.getInvoicingPaymentLinkSendState = exports.sendInvoicingPaymentLink = exports.saveInvoicingPaymentMethod = exports.resetInvoicingCustomerPaymentMethod = exports.fetchInvoicingPlaidLinkToken = exports.createInvoicingSetupIntent = exports.getInvoicingCustomerDetail = exports.fetchInvoicingCustomerDetailPage = exports.fetchInvoicingCustomerDetail = exports.getInvoicingCustomerListView = exports.INVOICING_CUSTOMER_COLUMNS = exports.ALL_INVOICING_CUSTOMER_TAB_IDS = exports.ALL_INVOICING_CUSTOMER_SORT_KEYS = exports.updateInvoicingCustomerFilters = exports.setInvoicingCustomerActiveTab = exports.fetchInvoicingCustomerListPage = exports.fetchInvoicingCustomerList = exports.fetchInvoicingCustomerCounts = exports.updateInvoicingCustomers = exports.removeInvoicingCustomer = exports.INVOICING_LIST_PAGE_SIZE = exports.getInvoicingDataImportActionState = exports.uploadInvoicingMigrationFiles = exports.startInvoicingMigration = exports.rollbackInvoicingMigration = exports.retryInvoicingMigration = exports.connectInvoicingChargebee = exports.getInvoicingDataImportView = exports.setInvoicingActiveMigrationSessionId = exports.fetchInvoicingMigrationSessions = exports.fetchInvoicingMigrationSession = exports.fetchInvoicingMigrationDiagnostics = exports.fetchInvoicingDataImportStatus = exports.getInvoicingPaymentActionState = exports.runInvoicingPaymentAction = exports.getInvoicingDunningActionState = exports.runInvoicingDunningAction = exports.getInvoicingSubscriptionActionState = exports.runInvoicingSubscriptionAction = exports.getInvoicingDiscountActionState = exports.runInvoicingDiscountAction = exports.getInvoicingCatalogActionState = exports.runInvoicingCatalogProductAction = void 0;
 exports.updateInvoicingCouponFilters = exports.setInvoicingCouponActiveTab = exports.fetchInvoicingCouponListPage = exports.fetchInvoicingCouponList = exports.fetchInvoicingCouponCounts = exports.updateInvoicingCoupons = exports.removeInvoicingCoupon = exports.getInvoicingCreditNoteDetail = exports.getInvoicingCreditNoteById = exports.fetchInvoicingCreditNoteDetail = exports.getInvoicingCreditNoteListView = exports.INVOICING_CREDIT_NOTE_COLUMNS = exports.ALL_INVOICING_CREDIT_NOTE_TAB_IDS = exports.ALL_INVOICING_CREDIT_NOTE_SORT_KEYS = exports.updateInvoicingCreditNoteFilters = exports.setInvoicingCreditNoteActiveTab = exports.fetchInvoicingCreditNoteListPage = exports.fetchInvoicingCreditNoteList = exports.fetchInvoicingCreditNoteCounts = exports.updateInvoicingCreditNotes = exports.removeInvoicingCreditNote = exports.getInvoicingTransactionDetail = exports.getInvoicingTransactionById = exports.fetchInvoicingTransactionDetail = exports.getInvoicingTransactionListView = exports.INVOICING_TRANSACTION_COLUMNS = exports.ALL_INVOICING_TRANSACTION_TAB_IDS = exports.ALL_INVOICING_TRANSACTION_SORT_KEYS = exports.updateInvoicingTransactionFilters = exports.setInvoicingTransactionActiveTab = exports.fetchInvoicingTransactionListPage = exports.fetchInvoicingTransactionList = exports.updateInvoicingTransactions = exports.removeInvoicingTransaction = exports.getInvoicingSubscriptionDetail = exports.getInvoicingSubscriptionById = exports.fetchInvoicingSubscriptionDetail = exports.getInvoicingSubscriptionListView = exports.INVOICING_SUBSCRIPTION_COLUMNS = exports.ALL_INVOICING_SUBSCRIPTION_TAB_IDS = exports.ALL_INVOICING_SUBSCRIPTION_SORT_KEYS = exports.updateInvoicingSubscriptionFilters = exports.setInvoicingSubscriptionActiveTab = exports.fetchInvoicingSubscriptionListPage = exports.fetchInvoicingSubscriptionList = exports.fetchInvoicingSubscriptionCounts = exports.updateInvoicingSubscriptions = exports.removeInvoicingSubscription = exports.resetPromotionalCreditAction = exports.submitAddPromotionalCredits = void 0;
 exports.connectInvoicingStripe = exports.getInvoicingProductById = exports.getInvoicingPlanById = exports.getInvoicingCatalogItemDetail = exports.fetchInvoicingCatalogItemDetail = exports.getInvoicingCatalogListView = exports.INVOICING_PRODUCT_COLUMNS = exports.ALL_INVOICING_PRODUCT_SORT_KEYS = exports.updateInvoicingCatalogProductFilters = exports.updateInvoicingCatalogPlanFilters = exports.fetchInvoicingCatalogProductList = exports.fetchInvoicingCatalogPlanList = exports.fetchInvoicingCatalogListPage = exports.fetchInvoicingCatalogCounts = exports.updateInvoicingProducts = exports.removeInvoicingProduct = exports.updateInvoicingPlans = exports.removeInvoicingPlan = exports.mergeInvoicingPlanSubFamily = exports.getInvoicingDunningEmailPreview = exports.getInvoicingDunningCaseDetail = exports.getInvoicingDunningCaseById = exports.invalidateInvoicingDunningEmailPreview = exports.fetchInvoicingDunningEmailPreviewPage = exports.fetchInvoicingDunningCaseDetail = exports.clearInvoicingDunningCaseDetailView = exports.getInvoicingDunningCaseListView = exports.INVOICING_DUNNING_CASE_COLUMNS = exports.ALL_INVOICING_DUNNING_CASE_TAB_IDS = exports.ALL_INVOICING_DUNNING_CASE_SORT_KEYS = exports.updateInvoicingDunningCaseFilters = exports.setInvoicingDunningCaseActiveTab = exports.fetchInvoicingDunningCaseListPage = exports.fetchInvoicingDunningCaseList = exports.fetchInvoicingDunningCaseCounts = exports.updateInvoicingDunningCases = exports.removeInvoicingDunningCase = exports.getInvoicingCouponDetail = exports.fetchInvoicingCouponDetail = exports.getInvoicingCouponById = exports.getInvoicingCouponListView = exports.getInvoicingCouponListNextCursor = exports.getInvoicingCouponListItems = exports.getInvoicingCouponListHasMore = exports.getInvoicingCouponListFilters = exports.getInvoicingCouponListFetchState = exports.getInvoicingCouponCounts = exports.INVOICING_COUPON_COLUMNS = exports.ALL_INVOICING_COUPON_TAB_IDS = exports.ALL_INVOICING_COUPON_SORT_KEYS = void 0;
-exports.getInvoicingOnboardingGateView = exports.getInvoicingConfigView = exports.updateInvoicingConfig = exports.resetInvoicingConfigActionStates = exports.fetchInvoicingConfig = exports.enableInvoicing = exports.acceptInvoicingTerms = exports.withInvoicingQboAccountMappingId = exports.toInvoicingQboCustomerMatchingMode = exports.toInvoicingNamedOptionsByKey = exports.getInvoicingQboAccountMappingId = exports.INVOICING_QBO_CUSTOMER_MATCHING_MODES = exports.getInvoicingQboView = exports.invoicingAccountsForQboAccountTypes = exports.INVOICING_INCOME_ACCOUNT_TYPES = exports.startInvoicingQboBackfill = exports.retryInvoicingQboSyncTask = exports.fetchInvoicingQboSyncHealth = exports.fetchInvoicingQboConnection = exports.fetchInvoicingAccountingPickers = exports.isStripeConnectedFromSettings = exports.initialInvoicingBrandingFormLocalData = exports.entityToInvoicingBrandingFormLocalData = exports.INVOICING_BUSINESS_ADDRESS_TYPE = exports.getInvoicingSettingsView = exports.getInvoicingSettingsHubView = exports.getInvoicingSettingsFetchState = exports.getInvoicingSettings = exports.getInvoicingBrandingFormView = exports.updateInvoicingSettings = exports.updateInvoicingBrandingFormDraft = exports.submitInvoicingBrandingForm = exports.saveInvoicingSettings = exports.resetSaveInvoicingSettings = exports.resetInvoicingBrandingFormDraft = exports.fetchInvoicingSettings = exports.disconnectInvoicingStripe = void 0;
+exports.getInvoicingOnboardingGateView = exports.getInvoicingConfigView = exports.updateInvoicingConfig = exports.resetInvoicingConfigActionStates = exports.fetchInvoicingConfig = exports.enableInvoicing = exports.acceptInvoicingTerms = exports.withInvoicingQboAccountMappingId = exports.toInvoicingQboCustomerMatchingMode = exports.toInvoicingNamedOptionsByKey = exports.getInvoicingQboAccountMappingId = exports.INVOICING_QBO_CUSTOMER_MATCHING_MODES = exports.getInvoicingQboView = exports.invoicingAccountsForQboAccountTypes = exports.INVOICING_INCOME_ACCOUNT_TYPES = exports.startInvoicingQboBackfill = exports.retryInvoicingQboSyncTask = exports.fetchInvoicingQboSyncHealth = exports.fetchInvoicingQboConnection = exports.fetchInvoicingAccountingPickers = exports.isStripeConnectedFromSettings = exports.initialInvoicingBrandingFormLocalData = exports.entityToInvoicingBrandingFormLocalData = exports.INVOICING_BUSINESS_ADDRESS_TYPE = exports.getInvoicingSettingsView = exports.getInvoicingSettingsHubView = exports.getInvoicingSettingsFetchState = exports.getInvoicingSettings = exports.getInvoicingQboSettingsFormView = exports.getInvoicingBrandingFormView = exports.updateInvoicingSettings = exports.updateInvoicingQboSettingsDraft = exports.updateInvoicingBrandingFormDraft = exports.submitInvoicingBrandingForm = exports.saveInvoicingSettings = exports.resetSaveInvoicingSettings = exports.resetInvoicingQboSettingsDraft = exports.resetInvoicingBrandingFormDraft = exports.fetchInvoicingSettings = exports.disconnectInvoicingStripe = void 0;
 const allowedValue_1 = require("./commonStateTypes/allowedValue");
 Object.defineProperty(exports, "isAllowedValueWithCode", { enumerable: true, get: function () { return allowedValue_1.isAllowedValueWithCode; } });
 Object.defineProperty(exports, "isAllowedValueWithID", { enumerable: true, get: function () { return allowedValue_1.isAllowedValueWithID; } });
@@ -982,10 +982,6 @@ Object.defineProperty(exports, "TRANSACTION_FILTER_CATEGORIES", { enumerable: tr
 const completedSubTab_1 = require("./view/expenseAutomationView/types/completedSubTab");
 Object.defineProperty(exports, "DEFAULT_COMPLETED_SUB_TAB", { enumerable: true, get: function () { return completedSubTab_1.DEFAULT_COMPLETED_SUB_TAB; } });
 Object.defineProperty(exports, "toCompletedSubTab", { enumerable: true, get: function () { return completedSubTab_1.toCompletedSubTab; } });
-const transactionGroup_1 = require("./view/expenseAutomationView/types/transactionGroup");
-Object.defineProperty(exports, "DEFAULT_TRANSACTION_GROUP", { enumerable: true, get: function () { return transactionGroup_1.DEFAULT_TRANSACTION_GROUP; } });
-Object.defineProperty(exports, "TRANSACTION_GROUPS", { enumerable: true, get: function () { return transactionGroup_1.TRANSACTION_GROUPS; } });
-Object.defineProperty(exports, "toTransactionGroup", { enumerable: true, get: function () { return transactionGroup_1.toTransactionGroup; } });
 const jeSchedulesViewState_1 = require("./view/expenseAutomationView/types/jeSchedulesViewState");
 Object.defineProperty(exports, "toExpenseAutomationJEScheduleMainTab", { enumerable: true, get: function () { return jeSchedulesViewState_1.toJEScheduleMainTab; } });
 Object.defineProperty(exports, "toExpenseAutomationJEScheduleSortKey", { enumerable: true, get: function () { return jeSchedulesViewState_1.toJEScheduleSortKey; } });
@@ -1003,6 +999,10 @@ const missingReceiptsViewState_2 = require("./view/expenseAutomationView/types/m
 Object.defineProperty(exports, "toExpenseAutomationMissingReceiptsSortKey", { enumerable: true, get: function () { return missingReceiptsViewState_2.toMissingReceiptsSortKey; } });
 const reconciliationViewState_1 = require("./view/expenseAutomationView/types/reconciliationViewState");
 Object.defineProperty(exports, "toReconciliationTabsType", { enumerable: true, get: function () { return reconciliationViewState_1.toReconciliationTabsType; } });
+const transactionGroup_1 = require("./view/expenseAutomationView/types/transactionGroup");
+Object.defineProperty(exports, "DEFAULT_TRANSACTION_GROUP", { enumerable: true, get: function () { return transactionGroup_1.DEFAULT_TRANSACTION_GROUP; } });
+Object.defineProperty(exports, "TRANSACTION_GROUPS", { enumerable: true, get: function () { return transactionGroup_1.TRANSACTION_GROUPS; } });
+Object.defineProperty(exports, "toTransactionGroup", { enumerable: true, get: function () { return transactionGroup_1.toTransactionGroup; } });
 const transactionsViewState_1 = require("./view/expenseAutomationView/types/transactionsViewState");
 Object.defineProperty(exports, "toExpenseAutomationTransactionsTabKey", { enumerable: true, get: function () { return transactionsViewState_1.toTransactionsTabKey; } });
 Object.defineProperty(exports, "toTransactionsSortKey", { enumerable: true, get: function () { return transactionsViewState_1.toTransactionsSortKey; } });
@@ -3091,13 +3091,16 @@ Object.defineProperty(exports, "connectInvoicingStripe", { enumerable: true, get
 Object.defineProperty(exports, "disconnectInvoicingStripe", { enumerable: true, get: function () { return settingsViewReducer_2.disconnectInvoicingStripe; } });
 Object.defineProperty(exports, "fetchInvoicingSettings", { enumerable: true, get: function () { return settingsViewReducer_2.fetchInvoicingSettings; } });
 Object.defineProperty(exports, "resetInvoicingBrandingFormDraft", { enumerable: true, get: function () { return settingsViewReducer_2.resetInvoicingBrandingFormDraft; } });
+Object.defineProperty(exports, "resetInvoicingQboSettingsDraft", { enumerable: true, get: function () { return settingsViewReducer_2.resetInvoicingQboSettingsDraft; } });
 Object.defineProperty(exports, "resetSaveInvoicingSettings", { enumerable: true, get: function () { return settingsViewReducer_2.resetSaveInvoicingSettings; } });
 Object.defineProperty(exports, "saveInvoicingSettings", { enumerable: true, get: function () { return settingsViewReducer_2.saveInvoicingSettings; } });
 Object.defineProperty(exports, "submitInvoicingBrandingForm", { enumerable: true, get: function () { return settingsViewReducer_2.submitInvoicingBrandingForm; } });
 Object.defineProperty(exports, "updateInvoicingBrandingFormDraft", { enumerable: true, get: function () { return settingsViewReducer_2.updateInvoicingBrandingFormDraft; } });
+Object.defineProperty(exports, "updateInvoicingQboSettingsDraft", { enumerable: true, get: function () { return settingsViewReducer_2.updateInvoicingQboSettingsDraft; } });
 Object.defineProperty(exports, "updateInvoicingSettings", { enumerable: true, get: function () { return settingsViewReducer_2.updateInvoicingSettings; } });
 var settingsViewSelector_2 = require("./view/invoicing/settingsView/settingsViewSelector");
 Object.defineProperty(exports, "getInvoicingBrandingFormView", { enumerable: true, get: function () { return settingsViewSelector_2.getInvoicingBrandingFormView; } });
+Object.defineProperty(exports, "getInvoicingQboSettingsFormView", { enumerable: true, get: function () { return settingsViewSelector_2.getInvoicingQboSettingsFormView; } });
 Object.defineProperty(exports, "getInvoicingSettings", { enumerable: true, get: function () { return settingsViewSelector_2.getInvoicingSettings; } });
 Object.defineProperty(exports, "getInvoicingSettingsFetchState", { enumerable: true, get: function () { return settingsViewSelector_2.getInvoicingSettingsFetchState; } });
 Object.defineProperty(exports, "getInvoicingSettingsHubView", { enumerable: true, get: function () { return settingsViewSelector_2.getInvoicingSettingsHubView; } });

package/lib/view/invoicing/invoicingQboView/invoicingQboViewSelector.js

@@ -52,8 +52,17 @@ const invoicingQboAccountByQboId = (state, qboId) => {
     if (qboId == null || qboId === '') {
         return undefined;
     }
-    const { accounts } = (0, accountListSelector_1.getAccountList)(state.accountState, state.accountListState, exports.INVOICING_ACCOUNT_LIST_KEY);
-    return accounts.find((account) => String(account.qboId) === qboId);
+    // `getAccountList` throws when a listed id is missing from the entity slice.
+    // That is survivable when looking one account up — the caller falls back to
+    // the id it already had — but not when it happens inside an epic, where the
+    // throw would take the whole request with it.
+    try {
+        const { accounts } = (0, accountListSelector_1.getAccountList)(state.accountState, state.accountListState, exports.INVOICING_ACCOUNT_LIST_KEY);
+        return accounts.find((account) => String(account.qboId) === qboId);
+    }
+    catch {
+        return undefined;
+    }
 };
 exports.invoicingQboAccountByQboId = invoicingQboAccountByQboId;
 /** The class behind a picker value, for the same reason as the account above. */
@@ -61,8 +70,13 @@ const invoicingQboClassByQboId = (state, qboId) => {
     if (qboId == null || qboId === '') {
         return undefined;
     }
-    const { classes } = (0, classListSelector_1.getClassList)(state.classState, state.classListState);
-    return classes.find((accountingClass) => String(accountingClass.qboId) === qboId);
+    try {
+        const { classes } = (0, classListSelector_1.getClassList)(state.classState, state.classListState);
+        return classes.find((accountingClass) => String(accountingClass.qboId) === qboId);
+    }
+    catch {
+        return undefined;
+    }
 };
 exports.invoicingQboClassByQboId = invoicingQboClassByQboId;
 /**

package/lib/view/invoicing/settingsView/epics/connectInvoicingStripeEpic.d.ts

@@ -0,0 +1,6 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../rootStateTypes';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { InvoicingSettingsViewActionType } from './settingsViewActionType';
+export declare const connectInvoicingStripeEpic: (actions$: ActionsObservable<InvoicingSettingsViewActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<InvoicingSettingsViewActionType>;

package/lib/view/invoicing/settingsView/epics/connectInvoicingStripeEpic.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.connectInvoicingStripeEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const settingsViewReducer_1 = require("../settingsViewReducer");
+const connectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.connectInvoicingStripe.match), (0, operators_1.mergeMap)((action) => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings/stripe-connect/setup`;
+    const { api_key, publishable_key, webhook_secret } = action.payload;
+    const body = {
+        api_key,
+        publishable_key,
+        ...(webhook_secret != null && webhook_secret !== ''
+            ? { webhook_secret }
+            : {}),
+    };
+    return zeniAPI
+        .postAndGetJSON(apiUrl, body)
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, settingsViewReducer_1.updateInvoicingStripeConnection)({
+                stripe_connected: response.data.stripe_connected,
+                publishable_key: response.data.publishable_key,
+            }), (0, settingsViewReducer_1.fetchInvoicingSettings)());
+        }
+        return (0, rxjs_1.of)((0, settingsViewReducer_1.invoicingStripeConnectionFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.invoicingStripeConnectionFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Stripe connect setup REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.connectInvoicingStripeEpic = connectInvoicingStripeEpic;

package/lib/view/invoicing/settingsView/epics/disconnectInvoicingStripeEpic.d.ts

@@ -0,0 +1,11 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../rootStateTypes';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { InvoicingSettingsViewActionType } from './settingsViewActionType';
+export declare const disconnectInvoicingStripeEpic: (actions$: ActionsObservable<InvoicingSettingsViewActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<InvoicingSettingsViewActionType>;
+/**
+ * Turns the QBO settings draft into a save. The draft lives in the store, so the
+ * screen fires one action and this reads what to send — the values do not have
+ * to travel back out through the page's props to get here.
+ */

package/lib/view/invoicing/settingsView/epics/disconnectInvoicingStripeEpic.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.disconnectInvoicingStripeEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const settingsViewReducer_1 = require("../settingsViewReducer");
+const disconnectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.disconnectInvoicingStripe.match), (0, operators_1.mergeMap)(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings/stripe-connect/callback`;
+    return zeniAPI
+        .deleteAndGetJSON(apiUrl)
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            return (0, rxjs_1.of)((0, settingsViewReducer_1.updateInvoicingStripeConnection)({
+                stripe_connected: false,
+                publishable_key: '',
+            }), (0, settingsViewReducer_1.fetchInvoicingSettings)());
+        }
+        return (0, rxjs_1.of)((0, settingsViewReducer_1.invoicingStripeConnectionFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.invoicingStripeConnectionFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Stripe disconnect REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.disconnectInvoicingStripeEpic = disconnectInvoicingStripeEpic;
+/**
+ * Turns the QBO settings draft into a save. The draft lives in the store, so the
+ * screen fires one action and this reads what to send — the values do not have
+ * to travel back out through the page's props to get here.
+ */

package/lib/view/invoicing/settingsView/epics/fetchInvoicingSettingsEpic.d.ts

@@ -0,0 +1,6 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../rootStateTypes';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { InvoicingSettingsViewActionType } from './settingsViewActionType';
+export declare const fetchInvoicingSettingsEpic: (actions$: ActionsObservable<InvoicingSettingsViewActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<InvoicingSettingsViewActionType>;

package/lib/view/invoicing/settingsView/epics/fetchInvoicingSettingsEpic.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingSettingsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const addressReducer_1 = require("../../../../entity/address/addressReducer");
+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)(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings`;
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const address = response.data.address;
+            return [
+                ...(address != null ? [(0, addressReducer_1.updateAddresses)([address])] : []),
+                (0, settingsViewReducer_1.updateInvoicingSettings)(response.data),
+            ];
+        }
+        return (0, rxjs_1.of)((0, settingsViewReducer_1.updateInvoicingSettingsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.updateInvoicingSettingsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch settings REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingSettingsEpic = fetchInvoicingSettingsEpic;

package/lib/view/invoicing/settingsView/epics/saveInvoicingSettingsEpic.d.ts

@@ -0,0 +1,6 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../rootStateTypes';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { InvoicingSettingsViewActionType } from './settingsViewActionType';
+export declare const saveInvoicingSettingsEpic: (actions$: ActionsObservable<InvoicingSettingsViewActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<InvoicingSettingsViewActionType>;

package/lib/view/invoicing/settingsView/epics/saveInvoicingSettingsEpic.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveInvoicingSettingsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingCommonPayload_1 = require("../../../../entity/invoicing/invoicingCommonPayload");
+const snackbarApiError_1 = require("../../../../entity/snackbar/snackbarApiError");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingQboViewSelector_1 = require("../../invoicingQboView/invoicingQboViewSelector");
+const settingsViewReducer_1 = require("../settingsViewReducer");
+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;
+    // The QBO page edits mappings as picker ids; the service stores whole
+    // accounts. Expanded here, at the request boundary, so the page does not
+    // have to hold entities it only needs in order to save.
+    const qboSettings = settings.qbo;
+    const body = qboSettings?.account_mappings != null
+        ? {
+            ...settings,
+            qbo: {
+                ...qboSettings,
+                account_mappings: (0, invoicingCommonPayload_1.withInvoicingQboMappedAccounts)(qboSettings.account_mappings, (qboId) => (0, invoicingQboViewSelector_1.invoicingQboAccountByQboId)(state$.value, qboId)),
+            },
+        }
+        : settings;
+    /** `status` surfaces the platform's error text; omit it to keep the generic copy. */
+    const snackbar = (messageText, status) => snackbarSection == null
+        ? []
+        : [
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+                variables: (0, snackbarApiError_1.apiErrorSnackbarVariables)(status),
+            }),
+        ];
+    return zeniAPI
+        .putAndGetJSON(apiUrl, { ...body })
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return (0, rxjs_1.from)([
+                (0, settingsViewReducer_1.saveInvoicingSettingsSuccess)(response.data),
+                ...snackbar('success'),
+            ]);
+        }
+        return (0, rxjs_1.from)([
+            (0, settingsViewReducer_1.saveInvoicingSettingsFailure)(response.status),
+            ...snackbar('failed', response.status),
+        ]);
+    }), (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/epics/settingsViewActionType.d.ts

@@ -0,0 +1,5 @@
+import { updateAddresses } from '../../../../entity/address/addressReducer';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { connectInvoicingStripe, disconnectInvoicingStripe, fetchInvoicingSettings, invoicingStripeConnectionFailure, saveInvoicingSettings, saveInvoicingSettingsFailure, saveInvoicingSettingsSuccess, updateInvoicingSettings, updateInvoicingSettingsFailure, updateInvoicingStripeConnection } from '../settingsViewReducer';
+/** Every action the settings epics accept or emit. */
+export type InvoicingSettingsViewActionType = 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>;

package/lib/view/invoicing/settingsView/epics/settingsViewActionType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,4 +1,4 @@
-import { InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingQboSettingsPayload, InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
 import { SnackbarMessageSections } from '../../../entity/snackbar/snackbarTypes';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { InvoicingBrandingFormLocalData } from './invoicingBrandingFormConfig';
@@ -19,6 +19,8 @@ export interface SaveInvoicingSettingsPayload {
 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<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">;
+}, "invoicingSettingsView/updateInvoicingBrandingFormDraft">, submitInvoicingBrandingForm: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/submitInvoicingBrandingForm">, resetInvoicingBrandingFormDraft: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/resetInvoicingBrandingFormDraft">, updateInvoicingQboSettingsDraft: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    localData: InvoicingQboSettingsPayload;
+}, "invoicingSettingsView/updateInvoicingQboSettingsDraft">, resetInvoicingQboSettingsDraft: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingSettingsView/resetInvoicingQboSettingsDraft">, 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">;
 declare const _default: import("redux").Reducer<InvoicingSettingsViewState>;
 export default _default;

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

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.invoicingStripeConnectionFailure = exports.updateInvoicingStripeConnection = exports.disconnectInvoicingStripe = exports.connectInvoicingStripe = exports.resetInvoicingBrandingFormDraft = exports.submitInvoicingBrandingForm = exports.updateInvoicingBrandingFormDraft = exports.resetSaveInvoicingSettings = exports.saveInvoicingSettingsFailure = exports.saveInvoicingSettingsSuccess = exports.saveInvoicingSettings = exports.updateInvoicingSettingsFailure = exports.updateInvoicingSettings = exports.fetchInvoicingSettings = exports.initialState = void 0;
+exports.invoicingStripeConnectionFailure = exports.updateInvoicingStripeConnection = exports.disconnectInvoicingStripe = exports.connectInvoicingStripe = exports.resetInvoicingQboSettingsDraft = exports.updateInvoicingQboSettingsDraft = exports.resetInvoicingBrandingFormDraft = exports.submitInvoicingBrandingForm = exports.updateInvoicingBrandingFormDraft = exports.resetSaveInvoicingSettings = exports.saveInvoicingSettingsFailure = exports.saveInvoicingSettingsSuccess = exports.saveInvoicingSettings = exports.updateInvoicingSettingsFailure = exports.updateInvoicingSettings = exports.fetchInvoicingSettings = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const rootActions_1 = require("../../../rootActions");
 exports.initialState = {
@@ -40,6 +40,9 @@ const settingsView = (0, toolkit_1.createSlice)({
         saveInvoicingSettingsSuccess(draft, action) {
             draft.settings = action.payload;
             draft.saveFetchState = { fetchState: 'Completed', error: undefined };
+            // The server is authoritative again, so the draft steps aside rather than
+            // shadowing what was just persisted.
+            draft.qboDraft = undefined;
         },
         saveInvoicingSettingsFailure(draft, action) {
             draft.saveFetchState = { fetchState: 'Error', error: action.payload };
@@ -58,6 +61,12 @@ const settingsView = (0, toolkit_1.createSlice)({
         resetInvoicingBrandingFormDraft(draft) {
             draft.brandingDraft = undefined;
         },
+        updateInvoicingQboSettingsDraft(draft, action) {
+            draft.qboDraft = action.payload.localData;
+        },
+        resetInvoicingQboSettingsDraft(draft) {
+            draft.qboDraft = undefined;
+        },
         connectInvoicingStripe: {
             reducer(draft) {
                 draft.stripeFetchState = { fetchState: 'In-Progress', error: undefined };
@@ -89,5 +98,5 @@ const settingsView = (0, toolkit_1.createSlice)({
         });
     },
 });
-_a = settingsView.actions, exports.fetchInvoicingSettings = _a.fetchInvoicingSettings, exports.updateInvoicingSettings = _a.updateInvoicingSettings, exports.updateInvoicingSettingsFailure = _a.updateInvoicingSettingsFailure, exports.saveInvoicingSettings = _a.saveInvoicingSettings, exports.saveInvoicingSettingsSuccess = _a.saveInvoicingSettingsSuccess, exports.saveInvoicingSettingsFailure = _a.saveInvoicingSettingsFailure, exports.resetSaveInvoicingSettings = _a.resetSaveInvoicingSettings, exports.updateInvoicingBrandingFormDraft = _a.updateInvoicingBrandingFormDraft, exports.submitInvoicingBrandingForm = _a.submitInvoicingBrandingForm, exports.resetInvoicingBrandingFormDraft = _a.resetInvoicingBrandingFormDraft, exports.connectInvoicingStripe = _a.connectInvoicingStripe, exports.disconnectInvoicingStripe = _a.disconnectInvoicingStripe, exports.updateInvoicingStripeConnection = _a.updateInvoicingStripeConnection, exports.invoicingStripeConnectionFailure = _a.invoicingStripeConnectionFailure;
+_a = settingsView.actions, exports.fetchInvoicingSettings = _a.fetchInvoicingSettings, exports.updateInvoicingSettings = _a.updateInvoicingSettings, exports.updateInvoicingSettingsFailure = _a.updateInvoicingSettingsFailure, exports.saveInvoicingSettings = _a.saveInvoicingSettings, exports.saveInvoicingSettingsSuccess = _a.saveInvoicingSettingsSuccess, exports.saveInvoicingSettingsFailure = _a.saveInvoicingSettingsFailure, exports.resetSaveInvoicingSettings = _a.resetSaveInvoicingSettings, exports.updateInvoicingBrandingFormDraft = _a.updateInvoicingBrandingFormDraft, exports.submitInvoicingBrandingForm = _a.submitInvoicingBrandingForm, exports.resetInvoicingBrandingFormDraft = _a.resetInvoicingBrandingFormDraft, exports.updateInvoicingQboSettingsDraft = _a.updateInvoicingQboSettingsDraft, exports.resetInvoicingQboSettingsDraft = _a.resetInvoicingQboSettingsDraft, exports.connectInvoicingStripe = _a.connectInvoicingStripe, exports.disconnectInvoicingStripe = _a.disconnectInvoicingStripe, exports.updateInvoicingStripeConnection = _a.updateInvoicingStripeConnection, exports.invoicingStripeConnectionFailure = _a.invoicingStripeConnectionFailure;
 exports.default = settingsView.reducer;

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

@@ -1,7 +1,10 @@
+import { NestedAccountHierarchyForReport } from '../../../commonStateTypes/accountView/nestedAccountID';
 import { FetchState, FetchStateAndError } from '../../../commonStateTypes/common';
-import { InvoicingDunningActionOption, InvoicingNamedOption, InvoicingQboAccountMappingKindOption, InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingDunningActionOption, InvoicingNamedOption, InvoicingQboAccountMappingKindOption, InvoicingQboSettingsPayload, InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
 import { ZeniAPIStatus } from '../../../responsePayload';
 import { RootState } from '../../../rootStateTypes';
+import { InvoicingQboConnection, InvoicingQboSyncHealth } from '../invoicingQboView/invoicingQboViewPayload';
+import { InvoicingAccountingOption } from '../invoicingQboView/invoicingQboViewSelector';
 import { InvoicingBrandingFormLocalData } from './invoicingBrandingFormConfig';
 /**
  * Shared primitive: the raw invoicing settings. Consumed internally by other
@@ -83,6 +86,37 @@ export interface InvoicingSettingsHubView {
  * and QBO slices read here are only fetched once a settings screen is mounted.
  */
 export declare const getInvoicingSettingsHubView: (state: RootState) => InvoicingSettingsHubView;
+export interface InvoicingQboSettingsFormView {
+    accountMappingKindOptions: InvoicingQboAccountMappingKindOption[];
+    /** Accounts for the mapping dropdowns, narrowed per kind by the page. */
+    accounts: InvoicingAccountingOption[];
+    backfillState: FetchStateAndError;
+    /** So the screen can fetch only what is missing, without reading the slices. */
+    configFetchState: FetchState;
+    customerMatchingOptions: InvoicingNamedOption[];
+    isLoading: boolean;
+    /** The persisted sync toggle — the backfill guard checks that, not the draft. */
+    isSyncEnabledSaved: boolean;
+    /** The draft the page edits, seeded from the settings response. */
+    localData: InvoicingQboSettingsPayload;
+    nestedAccountHierarchy: NestedAccountHierarchyForReport[];
+    retryFetchStateByTaskId: Record<string, FetchStateAndError>;
+    saveState: FetchStateAndError;
+    settingsFetchState: FetchState;
+    syncStatusOptions: InvoicingNamedOption[];
+    connection?: InvoicingQboConnection;
+    syncHealth?: InvoicingQboSyncHealth;
+}
+/**
+ * Bundled view for the QBO configuration page: the draft it edits, the accounts
+ * and option lists its dropdowns render, the connection and sync health it
+ * reports, and the fetch states that decide between skeleton, form and error.
+ *
+ * `localData` is the draft once the user has edited, and the settings response
+ * before that — so the page has one field to read and CES owns when it becomes
+ * available, rather than the page copying settings into local state.
+ */
+export declare const getInvoicingQboSettingsFormView: (state: RootState) => InvoicingQboSettingsFormView;
 export interface InvoicingBrandingFormView {
     dateFormatOptions: InvoicingNamedOption[];
     localData: InvoicingBrandingFormLocalData;

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

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getInvoicingBrandingFormView = exports.getInvoicingSettingsHubView = exports.getInvoicingSettingsView = exports.getInvoicingSettingsFetchState = exports.getInvoicingSettings = void 0;
+exports.getInvoicingBrandingFormView = exports.getInvoicingQboSettingsFormView = exports.getInvoicingSettingsHubView = exports.getInvoicingSettingsView = exports.getInvoicingSettingsFetchState = exports.getInvoicingSettings = void 0;
 exports.deriveInvoicingEnablePrerequisites = deriveInvoicingEnablePrerequisites;
 const invoicingCommonPayload_1 = require("../../../entity/invoicing/invoicingCommonPayload");
 const addressViewSelector_1 = require("../../addressView/addressViewSelector");
 const invoicingConfigViewSelector_1 = require("../invoicingConfigView/invoicingConfigViewSelector");
+const invoicingQboViewSelector_1 = require("../invoicingQboView/invoicingQboViewSelector");
 const invoicingBrandingFormConfig_1 = require("./invoicingBrandingFormConfig");
 /**
  * Shared primitive: the raw invoicing settings. Consumed internally by other
@@ -100,6 +101,44 @@ const getInvoicingSettingsHubView = (state) => {
     };
 };
 exports.getInvoicingSettingsHubView = getInvoicingSettingsHubView;
+/**
+ * Bundled view for the QBO configuration page: the draft it edits, the accounts
+ * and option lists its dropdowns render, the connection and sync health it
+ * reports, and the fetch states that decide between skeleton, form and error.
+ *
+ * `localData` is the draft once the user has edited, and the settings response
+ * before that — so the page has one field to read and CES owns when it becomes
+ * available, rather than the page copying settings into local state.
+ */
+const getInvoicingQboSettingsFormView = (state) => {
+    const { error, fetchState, qboDraft, saveFetchState, settings } = state.invoicingSettingsViewState;
+    const { fetchState: configFetchState, qboAccountMappingKindOptions, qboCustomerMatchingOptions, qboSyncStatusOptions, } = (0, invoicingConfigViewSelector_1.getInvoicingConfigView)(state);
+    const qboView = (0, invoicingQboViewSelector_1.getInvoicingQboView)(state);
+    return {
+        accountMappingKindOptions: qboAccountMappingKindOptions,
+        accounts: qboView.accounts,
+        backfillState: qboView.backfillState,
+        connection: qboView.connection,
+        configFetchState,
+        customerMatchingOptions: qboCustomerMatchingOptions,
+        // The dropdowns cannot be built before both the settings and the accounts
+        // land, so the page waits on either rather than rendering empty pickers.
+        isLoading: fetchState === 'Not-Started' ||
+            fetchState === 'In-Progress' ||
+            (0, invoicingQboViewSelector_1.isInvoicingAccountingPickerDataLoading)(state),
+        isSyncEnabledSaved: settings?.qbo?.enabled === true,
+        localData: qboDraft ?? settings?.qbo ?? {},
+        nestedAccountHierarchy: qboView.nestedAccountHierarchy,
+        retryFetchStateByTaskId: qboView.retryFetchStateByTaskId,
+        saveState: saveFetchState.fetchState === 'Not-Started' && error != null
+            ? { fetchState, error }
+            : saveFetchState,
+        settingsFetchState: fetchState,
+        syncHealth: qboView.syncHealth,
+        syncStatusOptions: qboSyncStatusOptions,
+    };
+};
+exports.getInvoicingQboSettingsFormView = getInvoicingQboSettingsFormView;
 /**
  * Bundled view for the branding settings form: the draft `localData` (seeded
  * from the existing settings until the user edits), the business-address label

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

@@ -1,9 +1,16 @@
 import { FetchStateAndError, FetchedState } from '../../../commonStateTypes/common';
-import { InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingQboSettingsPayload, InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
 import { InvoicingBrandingFormLocalData } from './invoicingBrandingFormConfig';
 export interface InvoicingSettingsViewState extends FetchedState {
     saveFetchState: FetchStateAndError;
     stripeFetchState: FetchStateAndError;
     brandingDraft?: InvoicingBrandingFormLocalData;
+    /**
+     * In-progress QBO settings edits. Held here rather than in the page so a
+     * selection cannot be lost between the change and the save, and so a
+     * half-finished edit survives navigating away. Undefined until first edited,
+     * which is what makes the server's settings the fallback.
+     */
+    qboDraft?: InvoicingQboSettingsPayload;
     settings?: InvoicingSettingsPayload;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "5.2.10-betaAK0",
+  "version": "5.2.10-betaAK1",
   "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/esm/view/invoicing/settingsView/settingsViewEpics.js

@@ -1,107 +0,0 @@
-import { from, of } from 'rxjs';
-import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
-import { updateAddresses } from '../../../entity/address/addressReducer';
-import { withInvoicingQboMappedAccounts, } from '../../../entity/invoicing/invoicingCommonPayload';
-import { apiErrorSnackbarVariables } from '../../../entity/snackbar/snackbarApiError';
-import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
-import { createZeniAPIStatus, isSuccessResponse, } from '../../../responsePayload';
-import { invoicingQboAccountByQboId } from '../invoicingQboView/invoicingQboViewSelector';
-import { connectInvoicingStripe, disconnectInvoicingStripe, fetchInvoicingSettings, invoicingStripeConnectionFailure, saveInvoicingSettings, saveInvoicingSettingsFailure, saveInvoicingSettingsSuccess, updateInvoicingSettings, updateInvoicingSettingsFailure, updateInvoicingStripeConnection, } from './settingsViewReducer';
-export const fetchInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingSettings.match), switchMap(() => {
-    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings`;
-    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
-        if (isSuccessResponse(response) && response.data != null) {
-            const address = response.data.address;
-            return [
-                ...(address != null ? [updateAddresses([address])] : []),
-                updateInvoicingSettings(response.data),
-            ];
-        }
-        return of(updateInvoicingSettingsFailure(response.status));
-    }), catchError((error) => of(updateInvoicingSettingsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch settings REST API call errored out ' +
-        JSON.stringify(error))))));
-}));
-export const connectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(connectInvoicingStripe.match), mergeMap((action) => {
-    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings/stripe-connect/setup`;
-    const { api_key, publishable_key, webhook_secret } = action.payload;
-    const body = {
-        api_key,
-        publishable_key,
-        ...(webhook_secret != null && webhook_secret !== ''
-            ? { webhook_secret }
-            : {}),
-    };
-    return zeniAPI
-        .postAndGetJSON(apiUrl, body)
-        .pipe(switchMap((response) => {
-        if (isSuccessResponse(response) && response.data != null) {
-            return of(updateInvoicingStripeConnection({
-                stripe_connected: response.data.stripe_connected,
-                publishable_key: response.data.publishable_key,
-            }), fetchInvoicingSettings());
-        }
-        return of(invoicingStripeConnectionFailure(response.status));
-    }), catchError((error) => of(invoicingStripeConnectionFailure(createZeniAPIStatus('Unexpected Error', 'Stripe connect setup REST API call errored out ' +
-        JSON.stringify(error))))));
-}));
-export const disconnectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(disconnectInvoicingStripe.match), mergeMap(() => {
-    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings/stripe-connect/callback`;
-    return zeniAPI
-        .deleteAndGetJSON(apiUrl)
-        .pipe(switchMap((response) => {
-        if (isSuccessResponse(response)) {
-            return of(updateInvoicingStripeConnection({
-                stripe_connected: false,
-                publishable_key: '',
-            }), fetchInvoicingSettings());
-        }
-        return of(invoicingStripeConnectionFailure(response.status));
-    }), catchError((error) => of(invoicingStripeConnectionFailure(createZeniAPIStatus('Unexpected Error', 'Stripe disconnect REST API call errored out ' +
-        JSON.stringify(error))))));
-}));
-export const saveInvoicingSettingsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(saveInvoicingSettings.match), mergeMap((action) => {
-    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings`;
-    const { settings, snackbarSection } = action.payload;
-    // The QBO page edits mappings as picker ids; the service stores whole
-    // accounts. Expanded here, at the request boundary, so the page does not
-    // have to hold entities it only needs in order to save.
-    const qboSettings = settings.qbo;
-    const body = qboSettings?.account_mappings != null
-        ? {
-            ...settings,
-            qbo: {
-                ...qboSettings,
-                account_mappings: withInvoicingQboMappedAccounts(qboSettings.account_mappings, (qboId) => invoicingQboAccountByQboId(state$.value, qboId)),
-            },
-        }
-        : settings;
-    /** `status` surfaces the platform's error text; omit it to keep the generic copy. */
-    const snackbar = (messageText, status) => snackbarSection == null
-        ? []
-        : [
-            openSnackbar({
-                messageSection: snackbarSection,
-                messageText,
-                type: messageText === 'success' ? 'success' : 'error',
-                variables: apiErrorSnackbarVariables(status),
-            }),
-        ];
-    return zeniAPI
-        .putAndGetJSON(apiUrl, { ...body })
-        .pipe(switchMap((response) => {
-        if (isSuccessResponse(response) && response.data != null) {
-            return from([
-                saveInvoicingSettingsSuccess(response.data),
-                ...snackbar('success'),
-            ]);
-        }
-        return from([
-            saveInvoicingSettingsFailure(response.status),
-            ...snackbar('failed', response.status),
-        ]);
-    }), catchError((error) => from([
-        saveInvoicingSettingsFailure(createZeniAPIStatus('Unexpected Error', 'Save settings REST API call errored out ' +
-            JSON.stringify(error))),
-        ...snackbar('failed'),
-    ])));
-}));

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

@@ -1,12 +0,0 @@
-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 '../../../rootStateTypes';
-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> | 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>;
-export declare const saveInvoicingSettingsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -1,114 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.saveInvoicingSettingsEpic = exports.disconnectInvoicingStripeEpic = exports.connectInvoicingStripeEpic = exports.fetchInvoicingSettingsEpic = void 0;
-const rxjs_1 = require("rxjs");
-const operators_1 = require("rxjs/operators");
-const addressReducer_1 = require("../../../entity/address/addressReducer");
-const invoicingCommonPayload_1 = require("../../../entity/invoicing/invoicingCommonPayload");
-const snackbarApiError_1 = require("../../../entity/snackbar/snackbarApiError");
-const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
-const responsePayload_1 = require("../../../responsePayload");
-const invoicingQboViewSelector_1 = require("../invoicingQboView/invoicingQboViewSelector");
-const settingsViewReducer_1 = require("./settingsViewReducer");
-const fetchInvoicingSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchInvoicingSettings.match), (0, operators_1.switchMap)(() => {
-    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings`;
-    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
-        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            const address = response.data.address;
-            return [
-                ...(address != null ? [(0, addressReducer_1.updateAddresses)([address])] : []),
-                (0, settingsViewReducer_1.updateInvoicingSettings)(response.data),
-            ];
-        }
-        return (0, rxjs_1.of)((0, settingsViewReducer_1.updateInvoicingSettingsFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.updateInvoicingSettingsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch settings REST API call errored out ' +
-        JSON.stringify(error))))));
-}));
-exports.fetchInvoicingSettingsEpic = fetchInvoicingSettingsEpic;
-const connectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.connectInvoicingStripe.match), (0, operators_1.mergeMap)((action) => {
-    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings/stripe-connect/setup`;
-    const { api_key, publishable_key, webhook_secret } = action.payload;
-    const body = {
-        api_key,
-        publishable_key,
-        ...(webhook_secret != null && webhook_secret !== ''
-            ? { webhook_secret }
-            : {}),
-    };
-    return zeniAPI
-        .postAndGetJSON(apiUrl, body)
-        .pipe((0, operators_1.switchMap)((response) => {
-        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            return (0, rxjs_1.of)((0, settingsViewReducer_1.updateInvoicingStripeConnection)({
-                stripe_connected: response.data.stripe_connected,
-                publishable_key: response.data.publishable_key,
-            }), (0, settingsViewReducer_1.fetchInvoicingSettings)());
-        }
-        return (0, rxjs_1.of)((0, settingsViewReducer_1.invoicingStripeConnectionFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.invoicingStripeConnectionFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Stripe connect setup REST API call errored out ' +
-        JSON.stringify(error))))));
-}));
-exports.connectInvoicingStripeEpic = connectInvoicingStripeEpic;
-const disconnectInvoicingStripeEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.disconnectInvoicingStripe.match), (0, operators_1.mergeMap)(() => {
-    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/settings/stripe-connect/callback`;
-    return zeniAPI
-        .deleteAndGetJSON(apiUrl)
-        .pipe((0, operators_1.switchMap)((response) => {
-        if ((0, responsePayload_1.isSuccessResponse)(response)) {
-            return (0, rxjs_1.of)((0, settingsViewReducer_1.updateInvoicingStripeConnection)({
-                stripe_connected: false,
-                publishable_key: '',
-            }), (0, settingsViewReducer_1.fetchInvoicingSettings)());
-        }
-        return (0, rxjs_1.of)((0, settingsViewReducer_1.invoicingStripeConnectionFailure)(response.status));
-    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.invoicingStripeConnectionFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Stripe disconnect REST API call errored out ' +
-        JSON.stringify(error))))));
-}));
-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;
-    // The QBO page edits mappings as picker ids; the service stores whole
-    // accounts. Expanded here, at the request boundary, so the page does not
-    // have to hold entities it only needs in order to save.
-    const qboSettings = settings.qbo;
-    const body = qboSettings?.account_mappings != null
-        ? {
-            ...settings,
-            qbo: {
-                ...qboSettings,
-                account_mappings: (0, invoicingCommonPayload_1.withInvoicingQboMappedAccounts)(qboSettings.account_mappings, (qboId) => (0, invoicingQboViewSelector_1.invoicingQboAccountByQboId)(state$.value, qboId)),
-            },
-        }
-        : settings;
-    /** `status` surfaces the platform's error text; omit it to keep the generic copy. */
-    const snackbar = (messageText, status) => snackbarSection == null
-        ? []
-        : [
-            (0, snackbarReducer_1.openSnackbar)({
-                messageSection: snackbarSection,
-                messageText,
-                type: messageText === 'success' ? 'success' : 'error',
-                variables: (0, snackbarApiError_1.apiErrorSnackbarVariables)(status),
-            }),
-        ];
-    return zeniAPI
-        .putAndGetJSON(apiUrl, { ...body })
-        .pipe((0, operators_1.switchMap)((response) => {
-        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
-            return (0, rxjs_1.from)([
-                (0, settingsViewReducer_1.saveInvoicingSettingsSuccess)(response.data),
-                ...snackbar('success'),
-            ]);
-        }
-        return (0, rxjs_1.from)([
-            (0, settingsViewReducer_1.saveInvoicingSettingsFailure)(response.status),
-            ...snackbar('failed', response.status),
-        ]);
-    }), (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;