@zeniai/client-epic-state 5.1.80 → 5.1.81

package/lib/esm/view/invoicing/editInvoicingCatalogItemDetailView/invoicingCatalogItemFormConfig.js

@@ -44,11 +44,12 @@ export const isTieredCatalogPricingModel = (model) => ['tiered', 'volume', 'stai
 export const blankInvoicingCatalogTier = (startingUnit = '1') => ({
     endingUnit: '',
     packageSize: '',
-    price: '',
     pricingType: 'per_unit',
     startingUnit,
 });
 export const blankInvoicingCatalogSubFamily = () => ({
+    accountingCategory: '',
+    accountingCode: '',
     billingCycles: '',
     description: '',
     freeQuantity: '0',
@@ -58,12 +59,12 @@ export const blankInvoicingCatalogSubFamily = () => ({
     name: '',
     period: '1',
     periodUnit: 'month',
-    priceDollars: '',
     priceCode: '',
     pricingModel: 'flat_fee',
     prorationType: 'site_default',
     showDescriptionInInvoices: true,
     showDescriptionInQuotes: true,
+    sku: '',
     tiers: [blankInvoicingCatalogTier('1')],
     trialEndAction: 'site_default',
     trialPeriod: '',
@@ -76,7 +77,10 @@ export const invoicingProductToCatalogItemFormSubFamily = (product) => {
     }
     return {
         ...base,
+        accountingCategory: product.accountingDetail?.accountingCategory1 ?? '',
+        accountingCode: product.accountingDetail?.accountingCode ?? '',
         billingCycles: product.billingCycles != null ? String(product.billingCycles) : '',
+        sku: product.accountingDetail?.sku ?? '',
         description: product.description ?? '',
         freeQuantity: product.freeQuantity != null ? String(product.freeQuantity) : '0',
         id: product.id,
@@ -85,7 +89,7 @@ export const invoicingProductToCatalogItemFormSubFamily = (product) => {
         name: product.name ?? '',
         period: product.period != null ? String(product.period) : '1',
         periodUnit: product.periodUnit ?? 'month',
-        priceDollars: product.price != null ? String(product.price.amount) : '',
+        priceDollars: product.price,
         priceCode: product.priceCode ?? '',
         pricingModel: product.pricingModel ?? 'flat_fee',
         prorationType: product.prorationType ?? 'site_default',
@@ -95,7 +99,7 @@ export const invoicingProductToCatalogItemFormSubFamily = (product) => {
             ? product.tiers.map((tier) => ({
                 endingUnit: tier.endingUnit != null ? String(tier.endingUnit) : '',
                 packageSize: tier.packageSize != null ? String(tier.packageSize) : '',
-                price: String(tier.price.amount),
+                price: tier.price,
                 pricingType: tier.pricingType ?? 'per_unit',
                 startingUnit: String(tier.startingUnit ?? 1),
             }))
@@ -106,8 +110,6 @@ export const invoicingProductToCatalogItemFormSubFamily = (product) => {
     };
 };
 export const initialInvoicingCatalogItemFormLocalData = {
-    accountingCategory: '',
-    accountingCode: '',
     applicableItems: [],
     catalogType: 'plan',
     description: '',
@@ -115,7 +117,6 @@ export const initialInvoicingCatalogItemFormLocalData = {
     itemApplicability: 'all',
     name: '',
     productCode: '',
-    sku: '',
     subFamilies: [blankInvoicingCatalogSubFamily()],
     unit: '',
 };
@@ -136,8 +137,6 @@ export const entityToInvoicingCatalogItemFormLocalData = (item) => {
             ? 'addon'
             : 'plan';
     return {
-        accountingCategory: plan.subFamilies?.[0]?.accountingDetail?.accountingCategory1 ?? '',
-        accountingCode: plan.subFamilies?.[0]?.accountingDetail?.accountingCode ?? '',
         applicableItems: item.applicableItems ?? [],
         catalogType,
         description: item.description ?? '',
@@ -145,7 +144,6 @@ export const entityToInvoicingCatalogItemFormLocalData = (item) => {
         itemApplicability: item.itemApplicability ?? 'all',
         name: item.name ?? '',
         productCode: item.productCode ?? '',
-        sku: plan.subFamilies?.[0]?.accountingDetail?.sku ?? '',
         subFamilies: plan?.subFamilies != null && plan.subFamilies.length > 0
             ? plan.subFamilies.map(invoicingProductToCatalogItemFormSubFamily)
             : [invoicingProductToCatalogItemFormSubFamily()],

package/lib/esm/view/invoicing/editInvoicingCouponDetailView/editInvoicingCouponDetailViewPayload.js

@@ -22,8 +22,8 @@ export const localDataToSaveInvoicingCouponPayload = (localData, isCreate) => {
         data.discount_percentage = Number(localData.discountPercentage);
     }
     if (localData.discountType === 'fixed_amount') {
-        if (localData.discountAmount.trim() !== '') {
-            data.discount_amount = Number(localData.discountAmount);
+        if (localData.discountAmount != null) {
+            data.discount_amount = localData.discountAmount.amount;
         }
         data.currency_code = 'USD';
     }

package/lib/esm/view/invoicing/editInvoicingCouponDetailView/editInvoicingCouponDetailViewReducer.js

@@ -1,5 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
-import { initialInvoicingCouponFormLocalData } from './invoicingCouponFormConfig';
+import { initialInvoicingCouponFormLocalData, } from './editInvoicingCouponDetailViewState';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,

package/lib/esm/view/invoicing/editInvoicingCouponDetailView/editInvoicingCouponDetailViewSelector.js

@@ -1,6 +1,6 @@
 import { INVOICING_COUPON_APPLY_ON_OPTIONS, INVOICING_COUPON_DURATION_TYPE_OPTIONS, INVOICING_COUPON_PERIOD_UNIT_OPTIONS, INVOICING_DISCOUNT_TYPE_OPTIONS, } from '../../../entity/invoicing/coupon/couponConstants';
 import { getInvoicingCouponById } from '../../../entity/invoicing/coupon/couponSelector';
-import { entityToInvoicingCouponFormLocalData } from './invoicingCouponFormConfig';
+import { entityToInvoicingCouponFormLocalData, } from './editInvoicingCouponDetailViewState';
 /**
  * Bundled view for the discount create/edit form: the save fetch state/error,
  * the id of the coupon last saved, and — when a `couponId` is passed (edit

package/lib/esm/view/invoicing/editInvoicingCouponDetailView/editInvoicingCouponDetailViewState.js

@@ -1 +1,43 @@
-export {};
+export const initialInvoicingCouponFormLocalData = {
+    applyOn: 'invoice_amount',
+    couponCode: '',
+    couponId: '',
+    discountPercentage: '',
+    discountQuantity: '',
+    discountType: 'percentage',
+    durationType: 'one_time',
+    invoiceName: '',
+    invoiceNotes: '',
+    maxRedemptions: '',
+    name: '',
+    period: '',
+    periodUnit: 'month',
+    validFrom: '',
+    validTill: '',
+};
+/** Seed the form draft from an existing coupon entity (edit mode). */
+export const entityToInvoicingCouponFormLocalData = (coupon) => {
+    if (coupon == null) {
+        return { ...initialInvoicingCouponFormLocalData };
+    }
+    return {
+        applyOn: coupon.applyOn ?? 'invoice_amount',
+        couponCode: coupon.couponCode ?? '',
+        couponId: coupon.id ?? '',
+        discountAmount: coupon.discountAmount,
+        discountPercentage: coupon.discountPercentage != null
+            ? String(coupon.discountPercentage)
+            : '',
+        discountQuantity: coupon.discountQuantity != null ? String(coupon.discountQuantity) : '',
+        discountType: coupon.discountType ?? 'percentage',
+        durationType: coupon.durationType ?? 'one_time',
+        invoiceName: coupon.invoiceName ?? '',
+        invoiceNotes: coupon.invoiceNotes ?? '',
+        maxRedemptions: coupon.maxRedemptions != null ? String(coupon.maxRedemptions) : '',
+        name: coupon.name ?? '',
+        period: coupon.period != null ? String(coupon.period) : '',
+        periodUnit: coupon.periodUnit ?? 'month',
+        validFrom: coupon.validFrom != null ? coupon.validFrom.format('YYYY-MM-DD') : '',
+        validTill: coupon.validTill != null ? coupon.validTill.format('YYYY-MM-DD') : '',
+    };
+};

package/lib/esm/view/invoicing/editInvoicingSubscriptionDetailView/editInvoicingSubscriptionDetailViewPayload.js

@@ -24,8 +24,7 @@ export const localDataToSaveInvoicingSubscriptionPayload = (localData, shippingA
             quantity: 1,
         })),
     ];
-    const setupFee = localData.setupFee.trim();
-    const parsedSetupFee = Number.parseFloat(setupFee);
+    const setupFee = localData.setupFee?.amount;
     const poNumber = localData.poNumber.trim();
     const trialEnd = localData.trialEnd.trim();
     return {
@@ -35,9 +34,7 @@ export const localDataToSaveInvoicingSubscriptionPayload = (localData, shippingA
         currency_code: localData.preferredCurrencyCode,
         customer_id: localData.customerId,
         subscription_items: items,
-        ...(setupFee !== '' && !Number.isNaN(parsedSetupFee)
-            ? { setup_fee: parsedSetupFee }
-            : {}),
+        ...(setupFee != null ? { setup_fee: setupFee } : {}),
         ...(poNumber !== '' ? { po_number: poNumber } : {}),
         ...(trialEnd !== '' ? { trial_end: trialEnd } : {}),
         ...(localData.couponId !== '' ? { coupon_ids: [localData.couponId] } : {}),

package/lib/esm/view/invoicing/editInvoicingSubscriptionDetailView/invoicingSubscriptionFormConfig.js

@@ -44,7 +44,6 @@ export const initialInvoicingSubscriptionFormLocalData = {
     planQuantity: 1,
     poNumber: '',
     preferredCurrencyCode: 'USD',
-    setupFee: '',
     trialEnd: '',
 };
 /** Seed the form draft from an existing subscription entity (edit mode). */
@@ -66,7 +65,7 @@ export const entityToInvoicingSubscriptionFormLocalData = (subscription) => {
         planQuantity: planItem?.quantity ?? 1,
         poNumber: subscription.poNumber ?? '',
         preferredCurrencyCode: subscription.currencyCode ?? 'USD',
-        setupFee: '',
+        setupFee: subscription.setupFee,
         trialEnd: subscription.trialEnd != null
             ? subscription.trialEnd.format('YYYY-MM-DD')
             : '',

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

@@ -1,5 +1,5 @@
 import { createSlice } from '@reduxjs/toolkit';
-import { toAuditLogEntityRouteOption, toInvoicingCatalogItemLifecycleActionOption, toInvoicingCatalogProductLifecycleActionOption, toInvoicingDiscountLifecycleActionOption, toInvoicingDunningAction, toInvoicingNamedOption, toInvoicingSubscriptionEditFieldOption, toInvoicingSubscriptionLifecycleActionOption, } from '../../../entity/invoicing/invoicingCommonPayload';
+import { toAuditLogEntityRouteOption, toInvoicingCatalogItemLifecycleActionOption, toInvoicingCatalogProductLifecycleActionOption, toInvoicingDiscountLifecycleActionOption, toInvoicingDunningAction, toInvoicingNamedOption, toInvoicingQboAccountMappingKindOption, toInvoicingSubscriptionEditFieldOption, toInvoicingSubscriptionLifecycleActionOption, } from '../../../entity/invoicing/invoicingCommonPayload';
 export const initialState = {
     fetchState: 'Not-Started',
     error: undefined,
@@ -18,6 +18,9 @@ export const initialState = {
     catalogItemLifecycleActionOptions: [],
     catalogProductLifecycleActionOptions: [],
     discountLifecycleActionOptions: [],
+    qboAccountMappingKindOptions: [],
+    qboCustomerMatchingOptions: [],
+    qboSyncStatusOptions: [],
     isInvoicingEnabled: undefined,
     isInvoicingTosAccepted: undefined,
     invoicingTosAcceptanceIp: undefined,
@@ -53,6 +56,9 @@ export function mapInvoicingConfigPayloadToState(payload) {
         catalogItemLifecycleActionOptions: (payload.catalog_item_lifecycle_action_options ?? []).map((option) => toInvoicingCatalogItemLifecycleActionOption(option)),
         catalogProductLifecycleActionOptions: (payload.catalog_product_lifecycle_action_options ?? []).map((option) => toInvoicingCatalogProductLifecycleActionOption(option)),
         discountLifecycleActionOptions: (payload.discount_lifecycle_action_options ?? []).map((option) => toInvoicingDiscountLifecycleActionOption(option)),
+        qboAccountMappingKindOptions: (payload.qbo_account_mapping_kind_options ?? []).map(toInvoicingQboAccountMappingKindOption),
+        qboCustomerMatchingOptions: (payload.qbo_customer_matching_options ?? []).map(toInvoicingNamedOption),
+        qboSyncStatusOptions: (payload.qbo_sync_status_options ?? []).map(toInvoicingNamedOption),
         isInvoicingEnabled: payload.is_invoicing_enabled,
         isInvoicingTosAccepted: payload.is_invoicing_tos_accepted,
         invoicingTosAcceptanceIp: payload.invoicing_tos_acceptance_ip ?? undefined,

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

@@ -23,6 +23,9 @@ export const getInvoicingConfigView = (state) => {
         catalogItemLifecycleActionOptions: configState.catalogItemLifecycleActionOptions,
         catalogProductLifecycleActionOptions: configState.catalogProductLifecycleActionOptions,
         discountLifecycleActionOptions: configState.discountLifecycleActionOptions,
+        qboAccountMappingKindOptions: configState.qboAccountMappingKindOptions,
+        qboCustomerMatchingOptions: configState.qboCustomerMatchingOptions,
+        qboSyncStatusOptions: configState.qboSyncStatusOptions,
         error: configState.error,
         fetchState: configState.fetchState,
         isInvoicingEnabled: configState.isInvoicingEnabled,

package/lib/esm/view/invoicing/invoicingQboView/epics/fetchInvoicingQboAccountsEpic.js

@@ -0,0 +1,25 @@
+import { of } from 'rxjs';
+import { catchError, filter, map, mergeMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { mapInvoicingQboAccountOptions, } from '../invoicingQboViewPayload';
+import { fetchInvoicingQboAccounts, updateInvoicingQboAccounts, updateInvoicingQboAccountsFailure, } from '../invoicingQboViewReducer';
+export const fetchInvoicingQboAccountsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingQboAccounts.match), mergeMap((action) => {
+    const { accountTypes } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/qbo/accounts?account_types=${encodeURIComponent(accountTypes)}`;
+    return zeniAPI.getJSON(apiUrl).pipe(map((response) => {
+        if (isSuccessResponse(response)) {
+            return updateInvoicingQboAccounts({
+                accountTypes,
+                accounts: mapInvoicingQboAccountOptions(response.data?.accounts ?? []),
+            });
+        }
+        return updateInvoicingQboAccountsFailure({
+            accountTypes,
+            status: response.status,
+        });
+    }), catchError((error) => of(updateInvoicingQboAccountsFailure({
+        accountTypes,
+        status: createZeniAPIStatus('Unexpected Error', 'Fetch QBO accounts REST API call errored out ' +
+            JSON.stringify(error)),
+    }))));
+}));

package/lib/esm/view/invoicing/invoicingQboView/epics/fetchInvoicingQboClassesEpic.js

@@ -0,0 +1,15 @@
+import { of } from 'rxjs';
+import { catchError, filter, map, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { mapInvoicingQboAccountOptions, } from '../invoicingQboViewPayload';
+import { fetchInvoicingQboClasses, updateInvoicingQboClasses, updateInvoicingQboClassesFailure, } from '../invoicingQboViewReducer';
+export const fetchInvoicingQboClassesEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingQboClasses.match), switchMap(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/qbo/classes`;
+    return zeniAPI.getJSON(apiUrl).pipe(map((response) => {
+        if (isSuccessResponse(response)) {
+            return updateInvoicingQboClasses(mapInvoicingQboAccountOptions(response.data?.accounts ?? []));
+        }
+        return updateInvoicingQboClassesFailure(response.status);
+    }), catchError((error) => of(updateInvoicingQboClassesFailure(createZeniAPIStatus('Unexpected Error', 'Fetch QBO classes REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingQboView/epics/fetchInvoicingQboConnectionEpic.js

@@ -0,0 +1,15 @@
+import { of } from 'rxjs';
+import { catchError, filter, map, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { mapInvoicingQboConnection, } from '../invoicingQboViewPayload';
+import { fetchInvoicingQboConnection, updateInvoicingQboConnection, updateInvoicingQboConnectionFailure, } from '../invoicingQboViewReducer';
+export const fetchInvoicingQboConnectionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingQboConnection.match), switchMap(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/qbo/connection`;
+    return zeniAPI.getJSON(apiUrl).pipe(map((response) => {
+        if (isSuccessResponse(response)) {
+            return updateInvoicingQboConnection(mapInvoicingQboConnection(response.data ?? { connected: false }));
+        }
+        return updateInvoicingQboConnectionFailure(response.status);
+    }), catchError((error) => of(updateInvoicingQboConnectionFailure(createZeniAPIStatus('Unexpected Error', 'Fetch QBO connection REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingQboView/epics/fetchInvoicingQboSyncHealthEpic.js

@@ -0,0 +1,15 @@
+import { of } from 'rxjs';
+import { catchError, filter, map, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { mapInvoicingQboSyncHealth, } from '../invoicingQboViewPayload';
+import { fetchInvoicingQboSyncHealth, updateInvoicingQboSyncHealth, updateInvoicingQboSyncHealthFailure, } from '../invoicingQboViewReducer';
+export const fetchInvoicingQboSyncHealthEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingQboSyncHealth.match), switchMap(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/qbo/sync-health`;
+    return zeniAPI.getJSON(apiUrl).pipe(map((response) => {
+        if (isSuccessResponse(response)) {
+            return updateInvoicingQboSyncHealth(mapInvoicingQboSyncHealth(response.data ?? {}));
+        }
+        return updateInvoicingQboSyncHealthFailure(response.status);
+    }), catchError((error) => of(updateInvoicingQboSyncHealthFailure(createZeniAPIStatus('Unexpected Error', 'Fetch QBO sync health REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingQboView/epics/invoicingQboViewActionType.js

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

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

@@ -0,0 +1,26 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingQboSyncHealth, retryInvoicingQboSyncTask, retryInvoicingQboSyncTaskFailure, retryInvoicingQboSyncTaskSuccess, } from '../invoicingQboViewReducer';
+export const retryInvoicingQboSyncTaskEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(retryInvoicingQboSyncTask.match), mergeMap((action) => {
+    const { taskId } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/qbo/sync-tasks/${encodeURIComponent(taskId)}/retry`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {})
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(retryInvoicingQboSyncTaskSuccess({
+                status: response.data?.status ?? '',
+                taskId: response.data?.task_id ?? taskId,
+            }), fetchInvoicingQboSyncHealth());
+        }
+        return of(retryInvoicingQboSyncTaskFailure({
+            status: response.status,
+            taskId,
+        }));
+    }), catchError((error) => of(retryInvoicingQboSyncTaskFailure({
+        status: createZeniAPIStatus('Unexpected Error', 'Retry QBO sync task REST API call errored out ' +
+            JSON.stringify(error)),
+        taskId,
+    }))));
+}));

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

@@ -0,0 +1,18 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingQboSyncHealth, startInvoicingQboBackfill, startInvoicingQboBackfillFailure, startInvoicingQboBackfillSuccess, } from '../invoicingQboViewReducer';
+export const startInvoicingQboBackfillEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(startInvoicingQboBackfill.match), switchMap((action) => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/qbo/backfill`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {
+        start_date: action.payload.startDate,
+    })
+        .pipe(mergeMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(startInvoicingQboBackfillSuccess(), fetchInvoicingQboSyncHealth());
+        }
+        return of(startInvoicingQboBackfillFailure(response.status));
+    }), catchError((error) => of(startInvoicingQboBackfillFailure(createZeniAPIStatus('Unexpected Error', 'Start QBO backfill REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

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

@@ -0,0 +1,47 @@
+export function mapInvoicingQboConnection(payload) {
+    return {
+        connected: payload.connected,
+        companyName: payload.company_name ?? undefined,
+        connectionId: payload.connection_id ?? undefined,
+        realmId: payload.realm_id ?? undefined,
+    };
+}
+export function mapInvoicingQboAccountOptions(rows) {
+    return rows.flatMap((row) => {
+        // Only qbo_id is a valid QBO AccountRef/ClassRef value — platform-internal
+        // ids (account_id / id) are display metadata and must never be submitted.
+        const accountId = row.qbo_id ?? row.id ?? row.account_id ?? '';
+        if (accountId === '') {
+            return [];
+        }
+        const accountName = row.name ??
+            row.account_name ??
+            row.accounting_class_name ??
+            row.qbo_accounting_class_name ??
+            row.fully_qualified_name ??
+            accountId;
+        return [
+            {
+                id: accountId,
+                name: accountName,
+                accountType: row.account_type ?? undefined,
+            },
+        ];
+    });
+}
+export function mapInvoicingQboSyncHealth(payload) {
+    return {
+        connection: payload.connection != null
+            ? mapInvoicingQboConnection(payload.connection)
+            : undefined,
+        countsByStatus: payload.counts_by_status ?? {},
+        failedTasks: (payload.failed_tasks ?? []).map((task) => ({
+            attempts: task.attempts,
+            entityId: task.entity_id,
+            entityType: task.entity_type,
+            taskId: task.task_id,
+            lastError: task.last_error ?? undefined,
+            updatedAt: task.updated_at ?? undefined,
+        })),
+    };
+}

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

@@ -0,0 +1,128 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    accountsByAccountTypes: {},
+    accountsFetchStateByAccountTypes: {},
+    backfillFetchState: { fetchState: 'Not-Started', error: undefined },
+    classes: [],
+    classesFetchState: { fetchState: 'Not-Started', error: undefined },
+    connection: undefined,
+    connectionFetchState: { fetchState: 'Not-Started', error: undefined },
+    retryFetchStateByTaskId: {},
+    syncHealth: undefined,
+    syncHealthFetchState: { fetchState: 'Not-Started', error: undefined },
+};
+const invoicingQboView = createSlice({
+    name: 'invoicingQboView',
+    initialState,
+    reducers: {
+        fetchInvoicingQboConnection(draft) {
+            draft.connectionFetchState = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        updateInvoicingQboConnection(draft, action) {
+            draft.connection = action.payload;
+            draft.connectionFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        updateInvoicingQboConnectionFailure(draft, action) {
+            draft.connectionFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        fetchInvoicingQboAccounts: {
+            reducer(draft, action) {
+                draft.accountsFetchStateByAccountTypes[action.payload.accountTypes] = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(accountTypes) {
+                return { payload: { accountTypes } };
+            },
+        },
+        updateInvoicingQboAccounts(draft, action) {
+            draft.accountsByAccountTypes[action.payload.accountTypes] =
+                action.payload.accounts;
+            draft.accountsFetchStateByAccountTypes[action.payload.accountTypes] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        updateInvoicingQboAccountsFailure(draft, action) {
+            draft.accountsFetchStateByAccountTypes[action.payload.accountTypes] = {
+                fetchState: 'Error',
+                error: action.payload.status,
+            };
+        },
+        fetchInvoicingQboClasses(draft) {
+            draft.classesFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        updateInvoicingQboClasses(draft, action) {
+            draft.classes = action.payload;
+            draft.classesFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        updateInvoicingQboClassesFailure(draft, action) {
+            draft.classesFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        fetchInvoicingQboSyncHealth(draft) {
+            draft.syncHealthFetchState = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        updateInvoicingQboSyncHealth(draft, action) {
+            draft.syncHealth = action.payload;
+            draft.syncHealthFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        updateInvoicingQboSyncHealthFailure(draft, action) {
+            draft.syncHealthFetchState = {
+                fetchState: 'Error',
+                error: action.payload,
+            };
+        },
+        retryInvoicingQboSyncTask: {
+            reducer(draft, action) {
+                draft.retryFetchStateByTaskId[action.payload.taskId] = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(taskId) {
+                return { payload: { taskId } };
+            },
+        },
+        retryInvoicingQboSyncTaskSuccess(draft, action) {
+            draft.retryFetchStateByTaskId[action.payload.taskId] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        retryInvoicingQboSyncTaskFailure(draft, action) {
+            draft.retryFetchStateByTaskId[action.payload.taskId] = {
+                fetchState: 'Error',
+                error: action.payload.status,
+            };
+        },
+        startInvoicingQboBackfill: {
+            reducer(draft) {
+                draft.backfillFetchState = {
+                    fetchState: 'In-Progress',
+                    error: undefined,
+                };
+            },
+            prepare(startDate) {
+                return { payload: { startDate } };
+            },
+        },
+        startInvoicingQboBackfillSuccess(draft) {
+            draft.backfillFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        startInvoicingQboBackfillFailure(draft, action) {
+            draft.backfillFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        clearInvoicingQboView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingQboConnection, updateInvoicingQboConnection, updateInvoicingQboConnectionFailure, fetchInvoicingQboAccounts, updateInvoicingQboAccounts, updateInvoicingQboAccountsFailure, fetchInvoicingQboClasses, updateInvoicingQboClasses, updateInvoicingQboClassesFailure, fetchInvoicingQboSyncHealth, updateInvoicingQboSyncHealth, updateInvoicingQboSyncHealthFailure, retryInvoicingQboSyncTask, retryInvoicingQboSyncTaskSuccess, retryInvoicingQboSyncTaskFailure, startInvoicingQboBackfill, startInvoicingQboBackfillSuccess, startInvoicingQboBackfillFailure, clearInvoicingQboView, } = invoicingQboView.actions;
+export default invoicingQboView.reducer;

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

@@ -0,0 +1,20 @@
+/**
+ * Single bundled view for the QBO integration settings screen — the
+ * connection, per-account-types account options, classes, sync health, and the
+ * fetch/action states for each of them.
+ */
+export const getInvoicingQboView = (state) => {
+    const qboState = state.invoicingQboViewState;
+    return {
+        accountsByAccountTypes: qboState.accountsByAccountTypes,
+        accountsFetchStateByAccountTypes: qboState.accountsFetchStateByAccountTypes,
+        backfillState: qboState.backfillFetchState,
+        classes: qboState.classes,
+        classesFetchState: qboState.classesFetchState,
+        connection: qboState.connection,
+        connectionFetchState: qboState.connectionFetchState,
+        retryFetchStateByTaskId: qboState.retryFetchStateByTaskId,
+        syncHealth: qboState.syncHealth,
+        syncHealthFetchState: qboState.syncHealthFetchState,
+    };
+};

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

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

package/lib/esm/view/invoicing/issueCreditNote/issueCreditNotePayload.js

@@ -1,15 +1,8 @@
-const dollarsFromAmountString = (value) => {
-    const parsed = Number.parseFloat(value);
-    if (Number.isNaN(parsed)) {
-        return 0;
-    }
-    return parsed;
-};
 export const computeIssueCreditNoteTotal = (lineItems) => lineItems
     .filter((lineItem) => lineItem.selected)
     .reduce((total, lineItem) => {
     const quantity = Number.parseFloat(lineItem.quantity);
-    const unitAmount = dollarsFromAmountString(lineItem.unitAmount);
+    const unitAmount = lineItem.unitAmount.amount;
     if (Number.isNaN(quantity) || quantity <= 0 || unitAmount <= 0) {
         return total;
     }
@@ -20,7 +13,7 @@ export const localDataToIssueCreditNotePayload = (localData) => {
         .filter((lineItem) => lineItem.selected)
         .map((lineItem) => {
         const quantity = Math.round(Number.parseFloat(lineItem.quantity));
-        const unitAmount = dollarsFromAmountString(lineItem.unitAmount);
+        const unitAmount = lineItem.unitAmount.amount;
         return {
             description: lineItem.description,
             quantity,
@@ -43,9 +36,9 @@ export const initializeIssueCreditNoteDraftFromInvoice = (invoice) => ({
         description: lineItem.description,
         id: lineItem.id,
         maxQuantity: lineItem.quantity,
-        maxUnitAmount: lineItem.unitAmount.amount,
+        maxUnitAmount: lineItem.unitAmount,
         quantity: String(lineItem.quantity),
         selected: true,
-        unitAmount: lineItem.unitAmount.amount.toFixed(2),
+        unitAmount: lineItem.unitAmount,
     })),
 });

package/lib/esm/view/invoicing/recordPayment/recordPaymentFormConfig.js

@@ -25,7 +25,6 @@ export const INVOICING_PAYMENT_GATEWAY_VALUES = [
     'other',
 ];
 export const initialRecordPaymentFormLocalData = {
-    amount: '',
     comment: '',
     customerId: '',
     date: '',