@zeniai/client-epic-state 5.1.60 → 5.1.61

package/lib/esm/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewReducer.js

@@ -0,0 +1,152 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    planIds: [],
+    planNextCursor: null,
+    planFilters: {},
+    productIds: [],
+    productNextCursor: null,
+    productFetchState: { fetchState: 'Not-Started', error: undefined },
+    productFilters: {},
+    counts: { all: 0 },
+    countsFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const invoicingCatalogListView = createSlice({
+    name: 'invoicingCatalogListView',
+    initialState,
+    reducers: {
+        fetchInvoicingCatalogPlanList: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.planIds = [];
+                    draft.planNextCursor = null;
+                }
+                draft.planFilters = action.payload.filters;
+                draft.planSort = action.payload.sort;
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        filters: payload.filters ?? {},
+                        cursor: payload.cursor,
+                        keepExistingListItems: payload.keepExistingListItems ?? false,
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        updateInvoicingCatalogPlanList(draft, action) {
+            draft.planIds = action.payload.keepExistingListItems
+                ? [...new Set([...draft.planIds, ...action.payload.ids])]
+                : action.payload.ids;
+            draft.planNextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingCatalogPlanListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingCatalogProductList: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.productIds = [];
+                    draft.productNextCursor = null;
+                }
+                draft.productFilters = action.payload.filters;
+                draft.productSort = action.payload.sort;
+                draft.productFetchState.fetchState = 'In-Progress';
+                draft.productFetchState.error = undefined;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        filters: payload.filters ?? {},
+                        cursor: payload.cursor,
+                        keepExistingListItems: payload.keepExistingListItems ?? false,
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        updateInvoicingCatalogProductList(draft, action) {
+            draft.productIds = action.payload.keepExistingListItems
+                ? [...new Set([...draft.productIds, ...action.payload.ids])]
+                : action.payload.ids;
+            draft.productNextCursor = action.payload.nextCursor;
+            draft.productFetchState.fetchState = 'Completed';
+            draft.productFetchState.error = undefined;
+        },
+        updateInvoicingCatalogProductListFailure(draft, action) {
+            draft.productFetchState.fetchState = 'Error';
+            draft.productFetchState.error = action.payload;
+        },
+        fetchInvoicingCatalogCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCatalogCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCatalogCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        updateInvoicingCatalogPlanFilters(draft, action) {
+            draft.planFilters = action.payload;
+        },
+        updateInvoicingCatalogProductFilters(draft, action) {
+            draft.productFilters = action.payload;
+        },
+        // Reflect a newly created catalog item in the cached lists + tab counts so
+        // the catalog page shows it without refetching all lists from the server.
+        // Plans land in the plan list; add-ons/one-time-charges in the (single)
+        // product list, split back into tabs client-side by the catalog page.
+        addInvoicingCatalogItem(draft, action) {
+            const { id, type } = action.payload;
+            const isPlan = type === 'plan';
+            const alreadyPresent = (isPlan ? draft.planIds : draft.productIds).includes(id);
+            if (alreadyPresent) {
+                return;
+            }
+            if (isPlan) {
+                draft.planIds = [id, ...draft.planIds];
+            }
+            else {
+                draft.productIds = [id, ...draft.productIds];
+            }
+            draft.counts.all += 1;
+            draft.counts[type] = (draft.counts[type] ?? 0) + 1;
+        },
+        fetchInvoicingCatalogListPage: {
+            reducer() {
+                // No state mutation; the aggregator epic fans out the plan-list,
+                // product-list, counts fetches in response to this action.
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        cacheOverride: payload.cacheOverride ?? false,
+                        planFilters: payload.planFilters ?? {},
+                        productFilters: payload.productFilters ?? {},
+                        planSort: payload.planSort,
+                        productSort: payload.productSort,
+                    },
+                };
+            },
+        },
+        clearInvoicingCatalogListView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingCatalogPlanList, updateInvoicingCatalogPlanList, updateInvoicingCatalogPlanListFailure, fetchInvoicingCatalogProductList, updateInvoicingCatalogProductList, updateInvoicingCatalogProductListFailure, fetchInvoicingCatalogCounts, updateInvoicingCatalogCounts, updateInvoicingCatalogCountsFailure, updateInvoicingCatalogPlanFilters, updateInvoicingCatalogProductFilters, addInvoicingCatalogItem, fetchInvoicingCatalogListPage, clearInvoicingCatalogListView, } = invoicingCatalogListView.actions;
+export default invoicingCatalogListView.reducer;

package/lib/esm/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewSelector.js

@@ -0,0 +1,33 @@
+import { createSelector } from '@reduxjs/toolkit';
+import { getInvoicingPlansByIds } from '../../../entity/invoicing/plan/planSelector';
+import { INVOICING_PRODUCT_COLUMNS, } from './invoicingCatalogListViewState';
+export const getInvoicingCatalogPrices = (items) => items.flatMap((item) => (item.subFamilies ?? []).map((subFamily) => ({
+    ...subFamily,
+    itemID: item.id,
+    itemType: item.type ?? item.itemType,
+    name: subFamily.name,
+    priceCode: subFamily.priceCode,
+    productCode: item.productCode,
+})));
+/**
+ * Bundled read view for the single catalog page (plans + products tabs).
+ * Memoized over the plan + product entity slices and the list-view slice so the
+ * denormalized arrays keep referential identity. The base `fetchState`/`error`
+ * track the plan list; the product list has its own `productFetchState`.
+ */
+export const getInvoicingCatalogListView = createSelector((state) => state.invoicingPlanState, (state) => state.invoicingCatalogListViewState, (planState, listViewState) => ({
+    plans: getInvoicingPlansByIds(planState, listViewState.planIds),
+    productColumns: INVOICING_PRODUCT_COLUMNS,
+    products: getInvoicingPlansByIds(planState, listViewState.productIds),
+    productSort: listViewState.productSort,
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    planFilters: listViewState.planFilters,
+    planNextCursor: listViewState.planNextCursor,
+    productFilters: listViewState.productFilters,
+    productNextCursor: listViewState.productNextCursor,
+    productFetchState: listViewState.productFetchState,
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    version: 1.0,
+}));

package/lib/esm/view/invoicing/invoicingCatalogListView/invoicingCatalogListViewState.js

@@ -0,0 +1,20 @@
+import { stringToUnion } from '../../../commonStateTypes/stringToUnion';
+export const ALL_INVOICING_PRODUCT_SORT_KEYS = [
+    'product_name',
+    'product_code',
+    'type',
+    'pricing',
+    'usage',
+    'updated',
+    'status',
+];
+export const toInvoicingProductSortKey = (v) => stringToUnion(v, ALL_INVOICING_PRODUCT_SORT_KEYS);
+export const INVOICING_PRODUCT_COLUMNS = [
+    { key: 'product_name', sortable: true },
+    { key: 'product_code', sortable: true },
+    { key: 'type', sortable: true },
+    { key: 'pricing', sortable: false },
+    { key: 'usage', sortable: true },
+    { key: 'updated', sortable: true },
+    { key: 'status', sortable: true },
+];

package/lib/esm/view/invoicing/invoicingConfigView/epics/acceptInvoicingTermsEpic.js

@@ -0,0 +1,21 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingSettings } from '../../settingsView/settingsViewReducer';
+import { acceptInvoicingTerms, acceptInvoicingTermsFailure, acceptInvoicingTermsSuccess, updateInvoicingConfig, } from '../invoicingConfigViewReducer';
+export const acceptInvoicingTermsEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(acceptInvoicingTerms.match), mergeMap(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/config`;
+    return zeniAPI
+        .putAndGetJSON(apiUrl, {
+        is_invoicing_tos_accepted: true,
+    })
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            // The TOS flip seeds the settings document server-side; refetch
+            // it so the settings step opens pre-filled.
+            return of(updateInvoicingConfig(response.data), acceptInvoicingTermsSuccess(), fetchInvoicingSettings());
+        }
+        return of(acceptInvoicingTermsFailure(response.status));
+    }), catchError((error) => of(acceptInvoicingTermsFailure(createZeniAPIStatus('Unexpected Error', 'Accept invoicing terms REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingConfigView/epics/enableInvoicingEpic.js

@@ -0,0 +1,18 @@
+import { of } from 'rxjs';
+import { catchError, filter, mergeMap, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { enableInvoicing, enableInvoicingFailure, enableInvoicingSuccess, updateInvoicingConfig, } from '../invoicingConfigViewReducer';
+export const enableInvoicingEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(enableInvoicing.match), mergeMap(() => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/config`;
+    return zeniAPI
+        .putAndGetJSON(apiUrl, {
+        is_invoicing_enabled: true,
+    })
+        .pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingConfig(response.data), enableInvoicingSuccess());
+        }
+        return of(enableInvoicingFailure(response.status));
+    }), catchError((error) => of(enableInvoicingFailure(createZeniAPIStatus('Unexpected Error', 'Enable invoicing REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingConfigView/epics/fetchInvoicingConfigEpic.js

@@ -0,0 +1,21 @@
+import { EMPTY, of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { fetchInvoicingConfig, updateInvoicingConfig, updateInvoicingConfigFailure, } from '../invoicingConfigViewReducer';
+export const fetchInvoicingConfigEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingConfig.match), switchMap((action) => {
+    // Serve from cache unless forced: skip the call when the config is
+    // already loaded. Mirrors the reducer's `In-Progress` guard on the same
+    // `isInvoicingTosAccepted` marker.
+    const { isInvoicingTosAccepted } = state$.value.invoicingConfigViewState;
+    if (!action.payload.cacheOverride && isInvoicingTosAccepted != null) {
+        return EMPTY;
+    }
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/config`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingConfig(response.data));
+        }
+        return of(updateInvoicingConfigFailure(response.status));
+    }), catchError((error) => of(updateInvoicingConfigFailure(createZeniAPIStatus('Unexpected Error', 'Fetch invoicing config REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

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

@@ -0,0 +1,17 @@
+export const INVOICING_ONBOARDING_STATUSES = [
+    'not_started',
+    'settings',
+    'completed',
+];
+export function deriveInvoicingOnboardingStatus(isInvoicingTosAccepted, isInvoicingEnabled) {
+    if (isInvoicingTosAccepted == null || isInvoicingEnabled == null) {
+        return undefined;
+    }
+    if (isInvoicingEnabled) {
+        return 'completed';
+    }
+    if (isInvoicingTosAccepted) {
+        return 'settings';
+    }
+    return 'not_started';
+}

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

@@ -0,0 +1,134 @@
+import { createSlice } from '@reduxjs/toolkit';
+import { toAuditLogEntityRouteOption, toInvoicingCatalogItemLifecycleActionOption, toInvoicingCatalogProductLifecycleActionOption, toInvoicingDiscountLifecycleActionOption, toInvoicingDunningAction, toInvoicingNamedOption, toInvoicingSubscriptionEditFieldOption, toInvoicingSubscriptionLifecycleActionOption, } from '../../../entity/invoicing/invoicingCommonPayload';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    acceptTermsFetchState: { fetchState: 'Not-Started', error: undefined },
+    auditLogEntityRouteOptions: [],
+    auditLogListSortFieldOptions: [],
+    auditLogSourceLabels: [],
+    dunningScheduleActionOptions: [],
+    enableFetchState: { fetchState: 'Not-Started', error: undefined },
+    subscriptionLifecycleActionOptions: [],
+    subscriptionCommercialEditAllowedFromStatuses: [],
+    subscriptionMetadataEditAllowedFromStatuses: [],
+    subscriptionEditFieldOptions: [],
+    subscriptionCancelTimingOptions: [],
+    subscriptionChangeOptionOptions: [],
+    catalogItemLifecycleActionOptions: [],
+    catalogProductLifecycleActionOptions: [],
+    discountLifecycleActionOptions: [],
+    isInvoicingEnabled: undefined,
+    isInvoicingTosAccepted: undefined,
+    invoicingTosAcceptanceIp: undefined,
+    invoicingTosAcceptanceTime: undefined,
+    invoicingTosAcceptanceUserAgent: undefined,
+    invoicingTosAcceptanceUserId: undefined,
+    isInvoicingSettingsSeeded: undefined,
+    hasValidState() {
+        return (this.fetchState === 'Completed' && this.isInvoicingTosAccepted != null);
+    },
+};
+export function mapInvoicingConfigPayloadToState(payload) {
+    return {
+        auditLogEntityRouteOptions: (payload.audit_log_entity_route_options ?? []).map(toAuditLogEntityRouteOption),
+        auditLogListSortFieldOptions: (payload.audit_log_list_sort_field_options ?? []).map((option) => ({
+            code: option.code,
+            name: option.name,
+        })),
+        auditLogSourceLabels: (payload.audit_log_source_labels ?? []).map((option) => ({
+            code: option.code,
+            name: option.name,
+        })),
+        dunningScheduleActionOptions: payload.dunning_schedule_action_options.map((option) => ({
+            code: toInvoicingDunningAction(option.code),
+            name: option.name,
+        })),
+        subscriptionLifecycleActionOptions: payload.subscription_lifecycle_action_options.map((option) => toInvoicingSubscriptionLifecycleActionOption(option)),
+        subscriptionCommercialEditAllowedFromStatuses: payload.subscription_commercial_edit_allowed_from_statuses ?? [],
+        subscriptionMetadataEditAllowedFromStatuses: payload.subscription_metadata_edit_allowed_from_statuses ?? [],
+        subscriptionEditFieldOptions: (payload.subscription_edit_field_options ?? []).map(toInvoicingSubscriptionEditFieldOption),
+        subscriptionCancelTimingOptions: (payload.subscription_cancel_timing_options ?? []).map(toInvoicingNamedOption),
+        subscriptionChangeOptionOptions: (payload.subscription_change_option_options ?? []).map(toInvoicingNamedOption),
+        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)),
+        isInvoicingEnabled: payload.is_invoicing_enabled,
+        isInvoicingTosAccepted: payload.is_invoicing_tos_accepted,
+        invoicingTosAcceptanceIp: payload.invoicing_tos_acceptance_ip ?? undefined,
+        invoicingTosAcceptanceTime: payload.invoicing_tos_acceptance_time ?? undefined,
+        invoicingTosAcceptanceUserAgent: payload.invoicing_tos_acceptance_user_agent ?? undefined,
+        invoicingTosAcceptanceUserId: payload.invoicing_tos_acceptance_user_id ?? undefined,
+        isInvoicingSettingsSeeded: payload.is_invoicing_settings_seeded ?? false,
+    };
+}
+const invoicingConfigView = createSlice({
+    name: 'invoicingConfigView',
+    initialState,
+    reducers: {
+        // Cache-aware fetch: enters the loading state only when no config has
+        // been loaded yet, unless the caller forces a refresh with
+        // `cacheOverride`. The epic guard mirrors this same condition on
+        // `isInvoicingTosAccepted` so both agree on what "loaded" means.
+        fetchInvoicingConfig: {
+            reducer(draft, action) {
+                if (action.payload.cacheOverride ||
+                    draft.isInvoicingTosAccepted == null) {
+                    draft.fetchState = 'In-Progress';
+                    draft.error = undefined;
+                }
+            },
+            prepare(payload) {
+                return { payload: { cacheOverride: payload?.cacheOverride ?? false } };
+            },
+        },
+        updateInvoicingConfig(draft, action) {
+            Object.assign(draft, mapInvoicingConfigPayloadToState(action.payload));
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingConfigFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        acceptInvoicingTerms(draft) {
+            draft.acceptTermsFetchState = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        acceptInvoicingTermsSuccess(draft) {
+            draft.acceptTermsFetchState = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        acceptInvoicingTermsFailure(draft, action) {
+            draft.acceptTermsFetchState = {
+                fetchState: 'Error',
+                error: action.payload,
+            };
+        },
+        enableInvoicing(draft) {
+            draft.enableFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        enableInvoicingSuccess(draft) {
+            draft.enableFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        enableInvoicingFailure(draft, action) {
+            draft.enableFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        resetInvoicingConfigActionStates(draft) {
+            draft.acceptTermsFetchState = {
+                fetchState: 'Not-Started',
+                error: undefined,
+            };
+            draft.enableFetchState = { fetchState: 'Not-Started', error: undefined };
+        },
+        clearInvoicingConfig(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingConfig, updateInvoicingConfig, updateInvoicingConfigFailure, acceptInvoicingTerms, acceptInvoicingTermsSuccess, acceptInvoicingTermsFailure, enableInvoicing, enableInvoicingSuccess, enableInvoicingFailure, resetInvoicingConfigActionStates, clearInvoicingConfig, } = invoicingConfigView.actions;
+export default invoicingConfigView.reducer;

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

@@ -0,0 +1,32 @@
+import { deriveInvoicingOnboardingStatus, } from './invoicingConfigViewPayload';
+/**
+ * Single bundled view for the invoicing config — consumers read only this.
+ * Carries the config flags, the derived onboarding `status` used for route
+ * gating, the config fetch (`fetchState`/`error`), and the accept-terms /
+ * enable action fetch states.
+ */
+export const getInvoicingConfigView = (state) => {
+    const configState = state.invoicingConfigViewState;
+    return {
+        acceptTermsState: configState.acceptTermsFetchState,
+        auditLogEntityRouteOptions: configState.auditLogEntityRouteOptions,
+        auditLogListSortFieldOptions: configState.auditLogListSortFieldOptions,
+        auditLogSourceLabels: configState.auditLogSourceLabels,
+        dunningScheduleActionOptions: configState.dunningScheduleActionOptions,
+        enableState: configState.enableFetchState,
+        subscriptionLifecycleActionOptions: configState.subscriptionLifecycleActionOptions,
+        subscriptionCommercialEditAllowedFromStatuses: configState.subscriptionCommercialEditAllowedFromStatuses,
+        subscriptionMetadataEditAllowedFromStatuses: configState.subscriptionMetadataEditAllowedFromStatuses,
+        subscriptionEditFieldOptions: configState.subscriptionEditFieldOptions,
+        subscriptionCancelTimingOptions: configState.subscriptionCancelTimingOptions,
+        subscriptionChangeOptionOptions: configState.subscriptionChangeOptionOptions,
+        catalogItemLifecycleActionOptions: configState.catalogItemLifecycleActionOptions,
+        catalogProductLifecycleActionOptions: configState.catalogProductLifecycleActionOptions,
+        discountLifecycleActionOptions: configState.discountLifecycleActionOptions,
+        error: configState.error,
+        fetchState: configState.fetchState,
+        isInvoicingEnabled: configState.isInvoicingEnabled,
+        isInvoicingTosAccepted: configState.isInvoicingTosAccepted,
+        status: deriveInvoicingOnboardingStatus(configState.isInvoicingTosAccepted, configState.isInvoicingEnabled),
+    };
+};

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

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

package/lib/esm/view/invoicing/invoicingCouponDetailView/fetchInvoicingCouponDetailEpic.js

@@ -0,0 +1,22 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateInvoicingCoupons } from '../../../entity/invoicing/coupon/couponReducer';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { fetchInvoicingCouponDetail, updateInvoicingCouponDetail, updateInvoicingCouponDetailFailure, } from './invoicingCouponDetailViewReducer';
+export const fetchInvoicingCouponDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCouponDetail.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/discounts/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingCoupons([response.data], 'merge'),
+                updateInvoicingCouponDetail({ id: response.data.id }),
+            ];
+        }
+        return of(updateInvoicingCouponDetailFailure({ id, status: response.status }));
+    }), catchError((error) => of(updateInvoicingCouponDetailFailure({
+        id,
+        status: createZeniAPIStatus('Unexpected Error', 'Fetch discount detail REST API call errored out ' +
+            JSON.stringify(error)),
+    }))));
+}));

package/lib/esm/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewPayload.js

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

package/lib/esm/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewReducer.js

@@ -0,0 +1,38 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    detailById: {},
+};
+/**
+ * Shared `hasValidState` implementation so every `detailById` entry references
+ * the same function (keeps entries reference-stable for equality checks).
+ */
+function hasCompletedFetch() {
+    return this.fetchState === 'Completed';
+}
+/** Build a per-coupon detail fetch-state entry. */
+export function buildInvoicingCouponDetail(id, fetchState, error) {
+    return { id, fetchState, error, hasValidState: hasCompletedFetch };
+}
+const invoicingCouponDetailView = createSlice({
+    name: 'invoicingCouponDetailView',
+    initialState,
+    reducers: {
+        fetchInvoicingCouponDetail(draft, action) {
+            const { id } = action.payload;
+            draft.detailById[id] = buildInvoicingCouponDetail(id, 'In-Progress');
+        },
+        updateInvoicingCouponDetail(draft, action) {
+            const { id } = action.payload;
+            draft.detailById[id] = buildInvoicingCouponDetail(id, 'Completed');
+        },
+        updateInvoicingCouponDetailFailure(draft, action) {
+            const { id, status } = action.payload;
+            draft.detailById[id] = buildInvoicingCouponDetail(id, 'Error', status);
+        },
+        clearInvoicingCouponDetailView(draft) {
+            draft.detailById = {};
+        },
+    },
+});
+export const { fetchInvoicingCouponDetail, updateInvoicingCouponDetail, updateInvoicingCouponDetailFailure, clearInvoicingCouponDetailView, } = invoicingCouponDetailView.actions;
+export default invoicingCouponDetailView.reducer;

package/lib/esm/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewSelector.js

@@ -0,0 +1,11 @@
+import recordGet from 'lodash/get';
+import { getInvoicingCouponById } from '../../../entity/invoicing/coupon/couponSelector';
+export const getInvoicingCouponDetail = (state, id) => {
+    const detail = recordGet(state.invoicingCouponDetailViewState.detailById, id, undefined);
+    return {
+        coupon: getInvoicingCouponById(state.invoicingCouponState, id),
+        fetchState: detail?.fetchState ?? 'Not-Started',
+        error: detail?.error,
+        version: 1.0,
+    };
+};

package/lib/esm/view/invoicing/invoicingCouponDetailView/invoicingCouponDetailViewState.js

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

package/lib/esm/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewEpics.js

@@ -0,0 +1,19 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { updateInvoicingCreditNotes } from '../../../entity/invoicing/creditNote/creditNoteReducer';
+import { createZeniAPIStatus, isSuccessResponse } from '../../../responsePayload';
+import { fetchInvoicingCreditNoteDetail, updateInvoicingCreditNoteDetail, updateInvoicingCreditNoteDetailFailure, } from './invoicingCreditNoteDetailViewReducer';
+export const fetchInvoicingCreditNoteDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCreditNoteDetail.match), switchMap((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/credits/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return [
+                updateInvoicingCreditNotes([response.data], 'merge'),
+                updateInvoicingCreditNoteDetail({ id: response.data.id }),
+            ];
+        }
+        return of(updateInvoicingCreditNoteDetailFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCreditNoteDetailFailure(createZeniAPIStatus('Unexpected Error', 'Fetch credit note detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));

package/lib/esm/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewPayload.js

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

package/lib/esm/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewReducer.js

@@ -0,0 +1,31 @@
+import { createSlice } from '@reduxjs/toolkit';
+export const initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    id: undefined,
+};
+const invoicingCreditNoteDetailView = createSlice({
+    name: 'invoicingCreditNoteDetailView',
+    initialState,
+    reducers: {
+        fetchInvoicingCreditNoteDetail(draft, action) {
+            draft.id = action.payload.id;
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+        },
+        updateInvoicingCreditNoteDetail(draft, action) {
+            draft.id = action.payload.id;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingCreditNoteDetailFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        clearInvoicingCreditNoteDetailView(draft) {
+            Object.assign(draft, initialState);
+        },
+    },
+});
+export const { fetchInvoicingCreditNoteDetail, updateInvoicingCreditNoteDetail, updateInvoicingCreditNoteDetailFailure, clearInvoicingCreditNoteDetailView, } = invoicingCreditNoteDetailView.actions;
+export default invoicingCreditNoteDetailView.reducer;

package/lib/esm/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewSelector.js

@@ -0,0 +1,11 @@
+import { getInvoicingCreditNoteById as getInvoicingCreditNoteByIdFromState } from '../../../entity/invoicing/creditNote/creditNoteSelector';
+export const getInvoicingCreditNoteById = (state, id) => getInvoicingCreditNoteByIdFromState(state.invoicingCreditNoteState, id);
+export const getInvoicingCreditNoteDetail = (state, invoicingCreditNoteID) => {
+    const { error, fetchState } = state.invoicingCreditNoteDetailViewState;
+    return {
+        creditNote: getInvoicingCreditNoteById(state, invoicingCreditNoteID),
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};

package/lib/esm/view/invoicing/invoicingCreditNoteDetailView/invoicingCreditNoteDetailViewState.js

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

package/lib/esm/view/invoicing/invoicingCreditNoteListView/epics/fetchInvoicingCreditNoteCountsEpic.js

@@ -0,0 +1,23 @@
+import { of } from 'rxjs';
+import { catchError, filter, switchMap } from 'rxjs/operators';
+import { createZeniAPIStatus, isSuccessResponse, } from '../../../../responsePayload';
+import { withQuery } from '../../invoicingApiHelper';
+import { fetchInvoicingCreditNoteCounts, updateInvoicingCreditNoteCounts, updateInvoicingCreditNoteCountsFailure, } from '../invoicingCreditNoteListViewReducer';
+export const fetchInvoicingCreditNoteCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe(filter(fetchInvoicingCreditNoteCounts.match), switchMap(() => {
+    const { filters } = state$.value.invoicingCreditNoteListViewState;
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    if (filters.customerId != null) {
+        params.set('customer_id', filters.customerId);
+    }
+    const apiUrl = withQuery(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/credits/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe(switchMap((response) => {
+        if (isSuccessResponse(response) && response.data != null) {
+            return of(updateInvoicingCreditNoteCounts(response.data));
+        }
+        return of(updateInvoicingCreditNoteCountsFailure(response.status));
+    }), catchError((error) => of(updateInvoicingCreditNoteCountsFailure(createZeniAPIStatus('Unexpected Error', 'Fetch credit note counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));