@zeniai/client-epic-state 5.1.80 → 5.1.81-betaAK1

package/lib/esm/view/invoicing/discountAction/discountActionEpic.js

@@ -1,11 +1,28 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { runInvoicingDiscountAction, runInvoicingDiscountActionFailure, runInvoicingDiscountActionSuccess, } from './discountActionReducer';
+/** Snackbar copy per action kind; unlisted kinds run without one. */
+const SNACKBAR_SECTION_BY_KIND = {
+    archive: 'invoicing_discount_archive',
+    delete: 'invoicing_discount_delete',
+    unarchive: 'invoicing_discount_unarchive',
+};
 export const runInvoicingDiscountActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(runInvoicingDiscountAction.match), mergeMap((action) => {
     const { action: kind, id } = action.payload;
     const requestBody = { action: kind };
+    const snackbarSection = SNACKBAR_SECTION_BY_KIND[kind];
+    const snackbar = (messageText) => snackbarSection == null
+        ? []
+        : [
+            openSnackbar({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+            }),
+        ];
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts/${encodeURIComponent(id)}/actions`;
     return zeniAPI
         .postAndGetJSON(apiUrl, requestBody)
@@ -14,15 +31,22 @@ export const runInvoicingDiscountActionEpic = (actions$, _state$, zeniAPI) => ac
             return [
                 updateInvoicingCoupons([response.data], 'merge'),
                 runInvoicingDiscountActionSuccess({ id }),
+                ...snackbar('success'),
             ];
         }
-        return of(runInvoicingDiscountActionFailure({
-            error: response.status,
+        return from([
+            runInvoicingDiscountActionFailure({
+                error: response.status,
+                id,
+            }),
+            ...snackbar('failed'),
+        ]);
+    }), catchError((error) => from([
+        runInvoicingDiscountActionFailure({
+            error: createZeniAPIStatus('Unexpected Error', 'Discount action REST API call errored out ' +
+                JSON.stringify(error)),
             id,
-        }));
-    }), catchError((error) => of(runInvoicingDiscountActionFailure({
-        error: createZeniAPIStatus('Unexpected Error', 'Discount action REST API call errored out ' +
-            JSON.stringify(error)),
-        id,
-    }))));
+        }),
+        ...snackbar('failed'),
+    ])));
 }));

package/lib/esm/view/invoicing/dunningAction/dunningActionEpic.js

@@ -1,10 +1,29 @@
-import { of } from 'rxjs';
+import { from } from 'rxjs';
 import { catchError, filter, mergeMap } from 'rxjs/operators';
 import { updateInvoicingDunningCases } from '../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
 import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
 import { runInvoicingDunningAction, runInvoicingDunningActionFailure, runInvoicingDunningActionSuccess, } from './dunningActionReducer';
+/**
+ * Snackbar copy is per action kind; anything not listed here runs without one.
+ */
+const SNACKBAR_SECTION_BY_KIND = {
+    cancel: 'invoicing_dunning_cancel',
+    resolve: 'invoicing_dunning_case_resolved',
+    retry: 'invoicing_dunning_retry',
+};
 export const runInvoicingDunningActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(runInvoicingDunningAction.match), mergeMap((action) => {
     const { action: kind, body, id } = action.payload;
+    const snackbarSection = SNACKBAR_SECTION_BY_KIND[kind];
+    const snackbar = (messageText) => snackbarSection == null
+        ? []
+        : [
+            openSnackbar({
+                messageSection: snackbarSection,
+                messageText,
+                type: messageText === 'success' ? 'success' : 'error',
+            }),
+        ];
     const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/dunning/${encodeURIComponent(id)}/${kind}`;
     return zeniAPI
         .postAndGetJSON(apiUrl, (body ?? {}))
@@ -13,15 +32,22 @@ export const runInvoicingDunningActionEpic = (actions$, _state$, zeniAPI) => act
             return [
                 updateInvoicingDunningCases([response.data], 'merge'),
                 runInvoicingDunningActionSuccess({ id }),
+                ...snackbar('success'),
             ];
         }
-        return of(runInvoicingDunningActionFailure({
-            error: response.status,
+        return from([
+            runInvoicingDunningActionFailure({
+                error: response.status,
+                id,
+            }),
+            ...snackbar('failed'),
+        ]);
+    }), catchError((error) => from([
+        runInvoicingDunningActionFailure({
+            error: createZeniAPIStatus('Unexpected Error', 'Dunning action REST API call errored out ' +
+                JSON.stringify(error)),
             id,
-        }));
-    }), catchError((error) => of(runInvoicingDunningActionFailure({
-        error: createZeniAPIStatus('Unexpected Error', 'Dunning action REST API call errored out ' +
-            JSON.stringify(error)),
-        id,
-    }))));
+        }),
+        ...snackbar('failed'),
+    ])));
 }));

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

@@ -31,7 +31,7 @@ const tierToPayload = (tier) => ({
     package_size: hasValue(tier.packageSize)
         ? Number(tier.packageSize)
         : undefined,
-    price: toAmountValue(tier.price),
+    price: tier.price?.amount ?? 0,
     pricing_type: tier.pricingType,
     starting_unit: Number(tier.startingUnit) || 1,
 });
@@ -45,7 +45,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 ?? 0),
         pricing_model: subFamily.pricingModel,
         show_description_in_quotes: subFamily.showDescriptionInQuotes,
         tiers: tiered ? subFamily.tiers.map(tierToPayload) : [],
@@ -112,7 +112,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 +122,7 @@ export const createSubFamilyFormToPayload = (itemId, itemType, values) => {
         is_taxable: true,
         item_id: itemId,
         name,
-        price: toAmountValue(values.priceDollars),
+        price: values.priceDollars?.amount ?? 0,
         price_code: priceCode,
         pricing_model: values.pricingModel || 'flat_fee',
         show_description_in_invoices: true,
@@ -162,7 +161,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,
     pricingModel: product?.pricingModel ?? 'flat_fee',
     prorationType: product?.prorationType ?? 'site_default',
     trialEndAction: product?.trialEndAction ?? 'site_default',

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

@@ -7,17 +7,16 @@ const toProductCode = (value) => value
     .toLowerCase()
     .replace(/[^a-z0-9]+/g, '-')
     .replace(/^-|-$/g, '');
-const toAmountValue = (value) => Number(value) || 0;
-const buildAccountingDetail = (localData) => {
+const buildAccountingDetail = (subFamily) => {
     const detail = {};
-    if (localData.sku.trim() !== '') {
-        detail.sku = localData.sku.trim();
+    if (subFamily.sku.trim() !== '') {
+        detail.sku = subFamily.sku.trim();
     }
-    if (localData.accountingCode.trim() !== '') {
-        detail.accounting_code = localData.accountingCode.trim();
+    if (subFamily.accountingCode.trim() !== '') {
+        detail.accounting_code = subFamily.accountingCode.trim();
     }
-    if (localData.accountingCategory.trim() !== '') {
-        detail.accounting_category_1 = localData.accountingCategory.trim();
+    if (subFamily.accountingCategory.trim() !== '') {
+        detail.accounting_category_1 = subFamily.accountingCategory.trim();
     }
     return Object.keys(detail).length > 0 ? detail : undefined;
 };
@@ -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 ?? 0),
         price_code: priceCode,
         pricing_model: subFamily.pricingModel,
         show_description_in_invoices: subFamily.showDescriptionInInvoices,
@@ -70,12 +69,12 @@ 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 ?? 0,
             pricing_type: tier.pricingType,
             starting_unit: Number(tier.startingUnit) || 1,
         }));
     }
-    const accountingDetail = buildAccountingDetail(localData);
+    const accountingDetail = buildAccountingDetail(subFamily);
     if (accountingDetail != null) {
         payload.accounting_detail = accountingDetail;
     }

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,
+        })),
+    };
+}