@zeniai/client-epic-state 5.1.76 → 5.1.77-betaAK1

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

@@ -1,3 +1,4 @@
+import { toAmount } from '../../../commonStateTypes/amount';
 import { invoicingProductToCatalogItemFormSubFamily, isTieredCatalogPricingModel, } from './invoicingCatalogItemFormConfig';
 const trimOrUndefined = (value) => value.trim() !== '' ? value.trim() : undefined;
 const trimOrNull = (value) => value.trim() !== '' ? value.trim() : null;
@@ -31,7 +32,7 @@ const tierToPayload = (tier) => ({
     package_size: hasValue(tier.packageSize)
         ? Number(tier.packageSize)
         : undefined,
-    price: toAmountValue(tier.price),
+    price: tier.price.amount,
     pricing_type: tier.pricingType,
     starting_unit: Number(tier.startingUnit) || 1,
 });
@@ -45,7 +46,7 @@ const subFamilyToProductUpdate = (subFamily, itemType) => {
         is_taxable: subFamily.isTaxable,
         period: hasValue(subFamily.period) ? Number(subFamily.period) : null,
         period_unit: hasValue(subFamily.period) ? subFamily.periodUnit : null,
-        price: tiered ? 0 : toAmountValue(subFamily.priceDollars),
+        price: tiered ? 0 : subFamily.priceDollars.amount,
         pricing_model: subFamily.pricingModel,
         show_description_in_quotes: subFamily.showDescriptionInQuotes,
         tiers: tiered ? subFamily.tiers.map(tierToPayload) : [],
@@ -112,7 +113,6 @@ export const catalogDetailEditValuesToSavePayload = (values, itemType = 'plan',
         productUpdates,
     };
 };
-const toAmountValue = (value) => Number(value) || 0;
 /** Build POST /catalog/products body for Create sub-family. */
 export const createSubFamilyFormToPayload = (itemId, itemType, values) => {
     const name = values.name.trim();
@@ -123,7 +123,7 @@ export const createSubFamilyFormToPayload = (itemId, itemType, values) => {
         is_taxable: true,
         item_id: itemId,
         name,
-        price: toAmountValue(values.priceDollars),
+        price: values.priceDollars.amount,
         price_code: priceCode,
         pricing_model: values.pricingModel || 'flat_fee',
         show_description_in_invoices: true,
@@ -162,7 +162,7 @@ export const productToCreateSubFamilyFormValues = (product) => ({
     period: product?.period != null ? String(product.period) : '1',
     periodUnit: product?.periodUnit ?? 'month',
     priceCode: '',
-    priceDollars: product?.price != null ? String(product.price.amount) : '',
+    priceDollars: product?.price ?? toAmount(0, 'USD', '$'),
     pricingModel: product?.pricingModel ?? 'flat_fee',
     prorationType: product?.prorationType ?? 'site_default',
     trialEndAction: product?.trialEndAction ?? 'site_default',

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

@@ -7,7 +7,6 @@ const toProductCode = (value) => value
     .toLowerCase()
     .replace(/[^a-z0-9]+/g, '-')
     .replace(/^-|-$/g, '');
-const toAmountValue = (value) => Number(value) || 0;
 const buildAccountingDetail = (localData) => {
     const detail = {};
     if (localData.sku.trim() !== '') {
@@ -31,7 +30,7 @@ const buildSubFamilyPayload = (localData, subFamily, clearEmptyValues) => {
         free_quantity: Number(subFamily.freeQuantity) || 0,
         is_taxable: subFamily.isTaxable,
         name,
-        price: tiered ? 0 : toAmountValue(subFamily.priceDollars),
+        price: tiered ? 0 : subFamily.priceDollars.amount,
         price_code: priceCode,
         pricing_model: subFamily.pricingModel,
         show_description_in_invoices: subFamily.showDescriptionInInvoices,
@@ -70,7 +69,7 @@ const buildSubFamilyPayload = (localData, subFamily, clearEmptyValues) => {
         payload.tiers = subFamily.tiers.map((tier) => ({
             ending_unit: tier.endingUnit.trim() !== '' ? Number(tier.endingUnit) : undefined,
             package_size: tier.packageSize.trim() !== '' ? Number(tier.packageSize) : undefined,
-            price: toAmountValue(tier.price),
+            price: tier.price.amount,
             pricing_type: tier.pricingType,
             starting_unit: Number(tier.startingUnit) || 1,
         }));

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

@@ -1,3 +1,4 @@
+import { toAmount } from '../../../commonStateTypes/amount';
 /**
  * Canonical value sets for the catalog item form. CES owns the values;
  * web-components maps each value to a localized label.
@@ -44,7 +45,7 @@ export const isTieredCatalogPricingModel = (model) => ['tiered', 'volume', 'stai
 export const blankInvoicingCatalogTier = (startingUnit = '1') => ({
     endingUnit: '',
     packageSize: '',
-    price: '',
+    price: toAmount(0, 'USD', '$'),
     pricingType: 'per_unit',
     startingUnit,
 });
@@ -58,7 +59,7 @@ export const blankInvoicingCatalogSubFamily = () => ({
     name: '',
     period: '1',
     periodUnit: 'month',
-    priceDollars: '',
+    priceDollars: toAmount(0, 'USD', '$'),
     priceCode: '',
     pricingModel: 'flat_fee',
     prorationType: 'site_default',
@@ -85,7 +86,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 ?? toAmount(0, 'USD', '$'),
         priceCode: product.priceCode ?? '',
         pricingModel: product.pricingModel ?? 'flat_fee',
         prorationType: product.prorationType ?? 'site_default',
@@ -95,7 +96,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),
             }))

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.amount !== 0) {
+            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,45 @@
-export {};
+import { toAmount } from '../../../commonStateTypes/amount';
+export const initialInvoicingCouponFormLocalData = {
+    applyOn: 'invoice_amount',
+    couponCode: '',
+    couponId: '',
+    discountAmount: toAmount(0, 'USD', '$'),
+    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 ?? toAmount(0, 'USD', '$'),
+        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,8 +34,8 @@ export const localDataToSaveInvoicingSubscriptionPayload = (localData, shippingA
         currency_code: localData.preferredCurrencyCode,
         customer_id: localData.customerId,
         subscription_items: items,
-        ...(setupFee !== '' && !Number.isNaN(parsedSetupFee)
-            ? { setup_fee: parsedSetupFee }
+        ...(Number.isFinite(setupFee) && setupFee !== 0
+            ? { setup_fee: setupFee }
             : {}),
         ...(poNumber !== '' ? { po_number: poNumber } : {}),
         ...(trialEnd !== '' ? { trial_end: trialEnd } : {}),

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

@@ -1,3 +1,4 @@
+import { toAmount } from '../../../commonStateTypes/amount';
 /** `AddressType` key used when the subscription form opens the shared Address screen. */
 export const INVOICING_SUBSCRIPTION_SHIPPING_ADDRESS_TYPE = 'invoicing_subscription_shipping_address';
 /**
@@ -44,7 +45,7 @@ export const initialInvoicingSubscriptionFormLocalData = {
     planQuantity: 1,
     poNumber: '',
     preferredCurrencyCode: 'USD',
-    setupFee: '',
+    setupFee: toAmount(0, 'USD', '$'),
     trialEnd: '',
 };
 /** Seed the form draft from an existing subscription entity (edit mode). */
@@ -66,7 +67,8 @@ export const entityToInvoicingSubscriptionFormLocalData = (subscription) => {
         planQuantity: planItem?.quantity ?? 1,
         poNumber: subscription.poNumber ?? '',
         preferredCurrencyCode: subscription.currencyCode ?? 'USD',
-        setupFee: '',
+        setupFee: subscription.setupFee ??
+            toAmount(0, subscription.currencyCode ?? 'USD', '$'),
         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, mergeMap, switchMap } 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(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingQboAccounts({
+                accountTypes,
+                accounts: mapInvoicingQboAccountOptions(response.data?.accounts ?? []),
+            }));
+        }
+        return of(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, 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(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingQboClasses(mapInvoicingQboAccountOptions(response.data?.accounts ?? [])));
+        }
+        return of(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, 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(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingQboConnection(mapInvoicingQboConnection(response.data ?? { connected: false })));
+        }
+        return of(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, 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(switchMap((response) => {
+        if (isSuccessResponse(response)) {
+            return of(updateInvoicingQboSyncHealth(mapInvoicingQboSyncHealth(response.data ?? {})));
+        }
+        return of(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, switchMap } 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(switchMap((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, 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(switchMap((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,
     })),
 });