@zeniai/client-epic-state 5.1.59 → 5.1.60-betaAK0

package/lib/view/invoicing/invoicingCustomerDetailView/invoicingCustomerDetailViewSelector.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingCustomerDetail = void 0;
+const get_1 = __importDefault(require("lodash/get"));
+const invoiceSelector_1 = require("../../../entity/invoicing/invoice/invoiceSelector");
+const invoicingCustomerSelector_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerSelector");
+const customerPaymentMethodSelector_1 = require("../customerPaymentMethod/customerPaymentMethodSelector");
+const invoicingSettingsHelpers_1 = require("../settingsView/invoicingSettingsHelpers");
+const settingsViewSelector_1 = require("../settingsView/settingsViewSelector");
+const getInvoicingCustomerDetail = (state, invoicingCustomerID) => {
+    const { invoicingCustomerState, invoicingCustomerDetailViewState } = state;
+    const invoicingCustomerDetail = (0, get_1.default)(invoicingCustomerDetailViewState.detailById, invoicingCustomerID, undefined);
+    const settings = (0, settingsViewSelector_1.getInvoicingSettings)(state);
+    return {
+        invoicingCustomer: (0, invoicingCustomerSelector_1.getInvoicingCustomerById)(invoicingCustomerState, invoicingCustomerID),
+        invoices: (0, invoiceSelector_1.getInvoicesByIds)(state, state.invoicingInvoiceListState.invoiceIds),
+        setupIntent: (0, customerPaymentMethodSelector_1.getInvoicingSetupIntent)(state),
+        setupIntentFetchState: (0, customerPaymentMethodSelector_1.getInvoicingSetupIntentFetchState)(state),
+        plaidLinkToken: (0, customerPaymentMethodSelector_1.getInvoicingPlaidLinkToken)(state),
+        paymentMethodSaveState: (0, customerPaymentMethodSelector_1.getInvoicingPaymentMethodSaveState)(state),
+        sendLinkState: (0, customerPaymentMethodSelector_1.getInvoicingPaymentLinkSendState)(state),
+        sentPaymentLinkEmail: (0, customerPaymentMethodSelector_1.getInvoicingSentPaymentLinkEmail)(state),
+        sentPaymentLinkMagicUrl: (0, customerPaymentMethodSelector_1.getInvoicingSentPaymentLinkMagicUrl)(state),
+        brandingAccentColor: settings?.accent_color,
+        brandingCompanyName: settings?.company_name,
+        brandingEmail: settings?.email,
+        brandingLogoUrl: settings?.logo_url,
+        stripeConnected: (0, invoicingSettingsHelpers_1.isStripeConnectedFromSettings)(settings),
+        fetchState: invoicingCustomerDetail?.fetchState ?? 'Not-Started',
+        error: invoicingCustomerDetail?.error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingCustomerDetail = getInvoicingCustomerDetail;

package/lib/view/invoicing/invoicingCustomerDetailView/invoicingCustomerDetailViewState.d.ts

@@ -0,0 +1,7 @@
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+export interface InvoicingCustomerDetailViewState {
+    detailById: Record<ID, InvoicingCustomerDetail>;
+}
+export interface InvoicingCustomerDetail extends FetchedState {
+    id: ID;
+}

package/lib/view/invoicing/invoicingCustomerDetailView/invoicingCustomerDetailViewState.js

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

package/lib/view/invoicing/invoicingCustomerListView/epics/fetchInvoicingCustomerCountsEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchInvoicingCustomerCounts, updateInvoicingCustomerCounts, updateInvoicingCustomerCountsFailure } from '../invoicingCustomerListViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingCustomerCounts> | ReturnType<typeof updateInvoicingCustomerCounts> | ReturnType<typeof updateInvoicingCustomerCountsFailure>;
+export declare const fetchInvoicingCustomerCountsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/invoicingCustomerListView/epics/fetchInvoicingCustomerCountsEpic.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCustomerCountsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingApiHelper_1 = require("../../invoicingApiHelper");
+const invoicingCustomerListViewReducer_1 = require("../invoicingCustomerListViewReducer");
+const fetchInvoicingCustomerCountsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCustomerListViewReducer_1.fetchInvoicingCustomerCounts.match), (0, operators_1.switchMap)(() => {
+    const { filters } = state$.value.invoicingCustomerListViewState;
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/customers/counts`, params);
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, invoicingCustomerListViewReducer_1.updateInvoicingCustomerCounts)(response.data));
+        }
+        return (0, rxjs_1.of)((0, invoicingCustomerListViewReducer_1.updateInvoicingCustomerCountsFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCustomerListViewReducer_1.updateInvoicingCustomerCountsFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch customer counts REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCustomerCountsEpic = fetchInvoicingCustomerCountsEpic;

package/lib/view/invoicing/invoicingCustomerListView/epics/fetchInvoicingCustomerListEpic.d.ts

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateAddresses } from '../../../../entity/address/addressReducer';
+import { updateInvoicingCustomers } from '../../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { fetchInvoicingCustomerList, updateInvoicingCustomerList, updateInvoicingCustomerListFailure } from '../invoicingCustomerListViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingCustomerList> | ReturnType<typeof updateInvoicingCustomerList> | ReturnType<typeof updateInvoicingCustomerListFailure> | ReturnType<typeof updateAddresses> | ReturnType<typeof updateInvoicingCustomers>;
+export declare const fetchInvoicingCustomerListEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/invoicingCustomerListView/epics/fetchInvoicingCustomerListEpic.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCustomerListEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const addressReducer_1 = require("../../../../entity/address/addressReducer");
+const invoicingCustomerPayload_1 = require("../../../../entity/invoicing/invoicingCustomer/invoicingCustomerPayload");
+const invoicingCustomerReducer_1 = require("../../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer");
+const responsePayload_1 = require("../../../../responsePayload");
+const invoicingApiHelper_1 = require("../../invoicingApiHelper");
+const invoicingCustomerListViewReducer_1 = require("../invoicingCustomerListViewReducer");
+const buildQuery = (filters, cursor, sort) => {
+    const params = new URLSearchParams();
+    if (filters.search != null && filters.search.length > 0) {
+        params.set('search', filters.search);
+    }
+    if (filters.status != null && filters.status.length > 0) {
+        params.set('status', filters.status);
+    }
+    params.set('limit', String(invoicingApiHelper_1.INVOICING_LIST_PAGE_SIZE));
+    if (cursor != null) {
+        params.set('cursor', cursor);
+    }
+    (0, invoicingApiHelper_1.applyListSortParams)(params, sort);
+    return params;
+};
+const fetchInvoicingCustomerListEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingCustomerListViewReducer_1.fetchInvoicingCustomerList.match), (0, operators_1.switchMap)((action) => {
+    const { filters, cursor, keepExistingListItems, sort } = action.payload;
+    const apiUrl = (0, invoicingApiHelper_1.withQuery)(`${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/customers`, buildQuery(filters, cursor, sort));
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response)) {
+            const items = response.data?.items ?? [];
+            return [
+                (0, invoicingCustomerReducer_1.updateInvoicingCustomers)(items, 'merge'),
+                (0, addressReducer_1.updateAddresses)((0, invoicingCustomerPayload_1.extractInvoicingCustomerAddresses)(items)),
+                (0, invoicingCustomerListViewReducer_1.updateInvoicingCustomerList)({
+                    ids: items.map((item) => item.id),
+                    nextCursor: response.data?.next_cursor ?? null,
+                    keepExistingListItems,
+                }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingCustomerListViewReducer_1.updateInvoicingCustomerListFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingCustomerListViewReducer_1.updateInvoicingCustomerListFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch customer list REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingCustomerListEpic = fetchInvoicingCustomerListEpic;

package/lib/view/invoicing/invoicingCustomerListView/epics/fetchInvoicingCustomerListPageEpic.d.ts

@@ -0,0 +1,16 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingCustomers } from '../../../../entity/invoicing/invoicingCustomer/invoicingCustomerReducer';
+import { RootState } from '../../../../reducer';
+import { fetchInvoicingCustomerCounts, fetchInvoicingCustomerList, fetchInvoicingCustomerListPage, updateInvoicingCustomerCounts, updateInvoicingCustomerCountsFailure, updateInvoicingCustomerList, updateInvoicingCustomerListFailure } from '../invoicingCustomerListViewReducer';
+/**
+ * Aggregate of every action emitted across the customer list view epics.
+ * Wired into the root action union for this view.
+ */
+export type ActionType = ReturnType<typeof fetchInvoicingCustomerList> | ReturnType<typeof fetchInvoicingCustomerListPage> | ReturnType<typeof fetchInvoicingCustomerCounts> | ReturnType<typeof updateInvoicingCustomerList> | ReturnType<typeof updateInvoicingCustomerListFailure> | ReturnType<typeof updateInvoicingCustomerCounts> | ReturnType<typeof updateInvoicingCustomerCountsFailure> | ReturnType<typeof updateInvoicingCustomers>;
+/**
+ * Orchestrates the customers list page: on `fetchInvoicingCustomerListPage`,
+ * fans out to the list and counts fetches, skipping either one whose data is
+ * already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+export declare const fetchInvoicingCustomerListPageEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => Observable<ActionType>;

package/lib/view/invoicing/invoicingCustomerListView/epics/fetchInvoicingCustomerListPageEpic.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingCustomerListPageEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoicingCustomerListViewReducer_1 = require("../invoicingCustomerListViewReducer");
+/**
+ * Fetch unless the endpoint is already loaded or in flight — or always when the
+ * caller forces a refresh via `cacheOverride` (e.g. on a filter/sort change).
+ */
+const shouldFetch = (fetchStateAndError, cacheOverride) => cacheOverride ||
+    (fetchStateAndError.fetchState !== 'Completed' &&
+        fetchStateAndError.fetchState !== 'In-Progress');
+/**
+ * Orchestrates the customers list page: on `fetchInvoicingCustomerListPage`,
+ * fans out to the list and counts fetches, skipping either one whose data is
+ * already cached unless `cacheOverride` is set (e.g. on a filter/sort change).
+ */
+const fetchInvoicingCustomerListPageEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(invoicingCustomerListViewReducer_1.fetchInvoicingCustomerListPage.match), (0, operators_1.mergeMap)((action) => {
+    const { cacheOverride, filters, sort } = action.payload;
+    const state = state$.value.invoicingCustomerListViewState;
+    const pageActions = [];
+    if (shouldFetch({ fetchState: state.fetchState, error: state.error }, cacheOverride)) {
+        pageActions.push((0, invoicingCustomerListViewReducer_1.fetchInvoicingCustomerList)({ filters, sort }));
+    }
+    if (shouldFetch(state.countsFetchState, cacheOverride)) {
+        pageActions.push((0, invoicingCustomerListViewReducer_1.fetchInvoicingCustomerCounts)());
+    }
+    return (0, rxjs_1.concat)((0, rxjs_1.from)(pageActions));
+}));
+exports.fetchInvoicingCustomerListPageEpic = fetchInvoicingCustomerListPageEpic;

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewPayload.d.ts

@@ -0,0 +1,5 @@
+import { InvoicingListCounts, InvoicingPaginatedList } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingCustomerPayload } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingCustomerListResponse = ZeniAPIResponse<InvoicingPaginatedList<InvoicingCustomerPayload>>;
+export type InvoicingCustomerCountsResponse = ZeniAPIResponse<InvoicingListCounts>;

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewPayload.js

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

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewReducer.d.ts

@@ -0,0 +1,34 @@
+import { ID } from '../../../commonStateTypes/common';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingCustomerFilters, InvoicingCustomerListViewState } from './invoicingCustomerListViewState';
+export declare const initialState: InvoicingCustomerListViewState;
+export declare const fetchInvoicingCustomerList: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cursor?: string;
+    filters?: InvoicingCustomerFilters;
+    keepExistingListItems?: boolean;
+    sort?: InvoicingListSort;
+}], {
+    filters: InvoicingCustomerFilters;
+    cursor: string | undefined;
+    keepExistingListItems: boolean;
+    sort: InvoicingListSort | undefined;
+}, "invoicingCustomerListView/fetchInvoicingCustomerList", never, never>, fetchInvoicingCustomerListPage: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: {
+    cacheOverride?: boolean;
+    filters?: InvoicingCustomerFilters;
+    sort?: InvoicingListSort;
+}], {
+    cacheOverride: boolean;
+    filters: InvoicingCustomerFilters;
+    sort: InvoicingListSort | undefined;
+}, "invoicingCustomerListView/fetchInvoicingCustomerListPage", never, never>, updateInvoicingCustomerList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    ids: ID[];
+    keepExistingListItems: boolean;
+    nextCursor: string | null;
+}, "invoicingCustomerListView/updateInvoicingCustomerList">, updateInvoicingCustomerListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerListView/updateInvoicingCustomerListFailure">, fetchInvoicingCustomerCounts: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerListView/fetchInvoicingCustomerCounts">, updateInvoicingCustomerCounts: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingListCounts, "invoicingCustomerListView/updateInvoicingCustomerCounts">, updateInvoicingCustomerCountsFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerListView/updateInvoicingCustomerCountsFailure">, updateInvoicingCustomerFilters: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCustomerFilters, "invoicingCustomerListView/updateInvoicingCustomerFilters">, addInvoicingCustomerToList: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+    status?: string;
+}, "invoicingCustomerListView/addInvoicingCustomerToList">, clearInvoicingCustomerListView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerListView/clearInvoicingCustomerListView">;
+declare const _default: import("redux").Reducer<InvoicingCustomerListViewState>;
+export default _default;

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewReducer.js

@@ -0,0 +1,109 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingCustomerListView = exports.addInvoicingCustomerToList = exports.updateInvoicingCustomerFilters = exports.updateInvoicingCustomerCountsFailure = exports.updateInvoicingCustomerCounts = exports.fetchInvoicingCustomerCounts = exports.updateInvoicingCustomerListFailure = exports.updateInvoicingCustomerList = exports.fetchInvoicingCustomerListPage = exports.fetchInvoicingCustomerList = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    ids: [],
+    nextCursor: null,
+    filters: {},
+    counts: { all: 0 },
+    countsFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const invoicingCustomerListView = (0, toolkit_1.createSlice)({
+    name: 'invoicingCustomerListView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingCustomerList: {
+            reducer(draft, action) {
+                if (!action.payload.keepExistingListItems) {
+                    draft.ids = [];
+                    draft.nextCursor = null;
+                }
+                draft.filters = action.payload.filters;
+                draft.sort = 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,
+                    },
+                };
+            },
+        },
+        fetchInvoicingCustomerListPage: {
+            reducer(draft, action) {
+                draft.filters = action.payload.filters;
+                draft.sort = action.payload.sort;
+            },
+            prepare(payload) {
+                return {
+                    payload: {
+                        cacheOverride: payload.cacheOverride ?? false,
+                        filters: payload.filters ?? {},
+                        sort: payload.sort,
+                    },
+                };
+            },
+        },
+        updateInvoicingCustomerList(draft, action) {
+            draft.ids = action.payload.keepExistingListItems
+                ? [...new Set([...draft.ids, ...action.payload.ids])]
+                : action.payload.ids;
+            draft.nextCursor = action.payload.nextCursor;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingCustomerListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingCustomerCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCustomerCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCustomerCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        updateInvoicingCustomerFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        // Reflect a newly created customer in the cached list + tab counts so the
+        // customer page shows the new row without refetching from the server. The
+        // per-status count key mirrors the customer `status` value the counts map
+        // and filter tabs key off (e.g. 'active', 'trial'); it may be unknown at
+        // dispatch time, so bump only `counts.all` when `status` is absent.
+        addInvoicingCustomerToList(draft, action) {
+            const { id, status } = action.payload;
+            if (draft.ids.includes(id)) {
+                return;
+            }
+            draft.ids = [id, ...draft.ids];
+            draft.counts.all += 1;
+            if (status != null) {
+                draft.counts[status] = (draft.counts[status] ?? 0) + 1;
+            }
+        },
+        clearInvoicingCustomerListView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = invoicingCustomerListView.actions, exports.fetchInvoicingCustomerList = _a.fetchInvoicingCustomerList, exports.fetchInvoicingCustomerListPage = _a.fetchInvoicingCustomerListPage, exports.updateInvoicingCustomerList = _a.updateInvoicingCustomerList, exports.updateInvoicingCustomerListFailure = _a.updateInvoicingCustomerListFailure, exports.fetchInvoicingCustomerCounts = _a.fetchInvoicingCustomerCounts, exports.updateInvoicingCustomerCounts = _a.updateInvoicingCustomerCounts, exports.updateInvoicingCustomerCountsFailure = _a.updateInvoicingCustomerCountsFailure, exports.updateInvoicingCustomerFilters = _a.updateInvoicingCustomerFilters, exports.addInvoicingCustomerToList = _a.addInvoicingCustomerToList, exports.clearInvoicingCustomerListView = _a.clearInvoicingCustomerListView;
+exports.default = invoicingCustomerListView.reducer;

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewSelector.d.ts

@@ -0,0 +1,24 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
+import { RootState } from '../../../reducer';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingCustomerColumnConfig, InvoicingCustomerFilters, InvoicingCustomerTabId } from './invoicingCustomerListViewState';
+export interface InvoicingCustomerListView extends SelectorView {
+    columns: InvoicingCustomerColumnConfig[];
+    count: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    customers: InvoicingCustomer[];
+    filters: InvoicingCustomerFilters;
+    nextCursor: string | null;
+    tabIds: InvoicingCustomerTabId[];
+    sort?: InvoicingListSort;
+}
+/**
+ * Memoized so the denormalized `customers` array (and the wrapping view object)
+ * keep referential identity until the customer entity slice or the list-view
+ * slice actually change. Without this, the connected list page re-rendered on
+ * every unrelated redux action because a fresh array was built each call.
+ */
+export declare const getInvoicingCustomerListView: (state: RootState) => InvoicingCustomerListView;

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewSelector.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingCustomerListView = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const invoicingCustomerSelector_1 = require("../../../entity/invoicing/invoicingCustomer/invoicingCustomerSelector");
+const invoicingCustomerListViewState_1 = require("./invoicingCustomerListViewState");
+/**
+ * Memoized so the denormalized `customers` array (and the wrapping view object)
+ * keep referential identity until the customer entity slice or the list-view
+ * slice actually change. Without this, the connected list page re-rendered on
+ * every unrelated redux action because a fresh array was built each call.
+ */
+exports.getInvoicingCustomerListView = (0, toolkit_1.createSelector)((state) => state.invoicingCustomerState, (state) => state.invoicingCustomerListViewState, (customerState, listViewState) => ({
+    columns: invoicingCustomerListViewState_1.INVOICING_CUSTOMER_COLUMNS,
+    customers: (0, invoicingCustomerSelector_1.getInvoicingCustomersByIds)(customerState, listViewState.ids),
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    nextCursor: listViewState.nextCursor,
+    filters: listViewState.filters,
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    tabIds: invoicingCustomerListViewState_1.INVOICING_CUSTOMER_TABS,
+    sort: listViewState.sort,
+}));

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewState.d.ts

@@ -0,0 +1,41 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingCustomerFilters {
+    search?: string;
+    status?: string;
+}
+export declare const ALL_INVOICING_CUSTOMER_SORT_KEYS: readonly ["name", "email", "billingAddress", "cardStatus", "autoCollect", "status"];
+export declare const toInvoicingCustomerSortKey: (v: string) => "status" | "name" | "cardStatus" | "email" | "billingAddress" | "autoCollect";
+export type InvoicingCustomerSortKey = ReturnType<typeof toInvoicingCustomerSortKey>;
+/**
+ * Structural column descriptor owned by CES so the customer-list column set,
+ * ordering and sortability live next to the `InvoicingCustomer` model rather
+ * than being hardcoded in web-components. Header labels, cell rendering and
+ * layout (alignment, widths) stay in the view layer; this only carries the
+ * column set, order and sort metadata.
+ */
+export interface InvoicingCustomerColumnConfig {
+    key: InvoicingCustomerSortKey;
+    sortable: boolean;
+}
+export declare const INVOICING_CUSTOMER_COLUMNS: InvoicingCustomerColumnConfig[];
+export declare const ALL_INVOICING_CUSTOMER_TAB_IDS: readonly ["all", "active", "trial", "at_risk"];
+export declare const toInvoicingCustomerTabId: (v: string) => "active" | "at_risk" | "trial" | "all";
+export type InvoicingCustomerTabId = ReturnType<typeof toInvoicingCustomerTabId>;
+/**
+ * Ordered filter-tab id set owned by CES so the customer-list tabs live next to
+ * the model rather than being hardcoded in web-components. Tab labels and the
+ * per-tab count lookup stay in the view layer; this only carries the id set and
+ * display order.
+ */
+export declare const INVOICING_CUSTOMER_TABS: InvoicingCustomerTabId[];
+export interface InvoicingCustomerListViewState extends FetchedState {
+    counts: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    filters: InvoicingCustomerFilters;
+    ids: ID[];
+    nextCursor: string | null;
+    /** Active server-side sort (undefined = backend default order). */
+    sort?: InvoicingListSort;
+}

package/lib/view/invoicing/invoicingCustomerListView/invoicingCustomerListViewState.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INVOICING_CUSTOMER_TABS = exports.toInvoicingCustomerTabId = exports.ALL_INVOICING_CUSTOMER_TAB_IDS = exports.INVOICING_CUSTOMER_COLUMNS = exports.toInvoicingCustomerSortKey = exports.ALL_INVOICING_CUSTOMER_SORT_KEYS = void 0;
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+exports.ALL_INVOICING_CUSTOMER_SORT_KEYS = [
+    'name',
+    'email',
+    'billingAddress',
+    'cardStatus',
+    'autoCollect',
+    'status',
+];
+const toInvoicingCustomerSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_CUSTOMER_SORT_KEYS);
+exports.toInvoicingCustomerSortKey = toInvoicingCustomerSortKey;
+exports.INVOICING_CUSTOMER_COLUMNS = [
+    { key: 'name', sortable: true },
+    { key: 'email', sortable: true },
+    { key: 'billingAddress', sortable: false },
+    { key: 'cardStatus', sortable: true },
+    { key: 'autoCollect', sortable: true },
+    { key: 'status', sortable: true },
+];
+exports.ALL_INVOICING_CUSTOMER_TAB_IDS = [
+    'all',
+    'active',
+    'trial',
+    'at_risk',
+];
+const toInvoicingCustomerTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_CUSTOMER_TAB_IDS);
+exports.toInvoicingCustomerTabId = toInvoicingCustomerTabId;
+/**
+ * Ordered filter-tab id set owned by CES so the customer-list tabs live next to
+ * the model rather than being hardcoded in web-components. Tab labels and the
+ * per-tab count lookup stay in the view layer; this only carries the id set and
+ * display order.
+ */
+exports.INVOICING_CUSTOMER_TABS = [
+    ...exports.ALL_INVOICING_CUSTOMER_TAB_IDS,
+];

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewEpics.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoicingDunningCases } from '../../../entity/invoicing/dunningCase/dunningCaseReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetail, updateInvoicingDunningCaseDetailFailure } from './invoicingDunningCaseDetailViewReducer';
+export type ActionType = ReturnType<typeof fetchInvoicingDunningCaseDetail> | ReturnType<typeof updateInvoicingDunningCaseDetail> | ReturnType<typeof updateInvoicingDunningCaseDetailFailure> | ReturnType<typeof updateInvoicingDunningCases>;
+export declare const fetchInvoicingDunningCaseDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewEpics.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchInvoicingDunningCaseDetailEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const dunningCaseReducer_1 = require("../../../entity/invoicing/dunningCase/dunningCaseReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingDunningCaseDetailViewReducer_1 = require("./invoicingDunningCaseDetailViewReducer");
+const fetchInvoicingDunningCaseDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(invoicingDunningCaseDetailViewReducer_1.fetchInvoicingDunningCaseDetail.match), (0, operators_1.switchMap)((action) => {
+    const { id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/dunning/${id}`;
+    return zeniAPI.getJSON(apiUrl).pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, dunningCaseReducer_1.updateInvoicingDunningCases)([response.data], 'merge'),
+                (0, invoicingDunningCaseDetailViewReducer_1.updateInvoicingDunningCaseDetail)({ id: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, invoicingDunningCaseDetailViewReducer_1.updateInvoicingDunningCaseDetailFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, invoicingDunningCaseDetailViewReducer_1.updateInvoicingDunningCaseDetailFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch dunning case detail REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingDunningCaseDetailEpic = fetchInvoicingDunningCaseDetailEpic;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewPayload.d.ts

@@ -0,0 +1,3 @@
+import { InvoicingDunningCasePayload } from '../../../entity/invoicing/dunningCase/dunningCasePayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+export type InvoicingDunningCaseDetailResponse = ZeniAPIResponse<InvoicingDunningCasePayload>;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewPayload.js

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

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewReducer.d.ts

@@ -0,0 +1,11 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingDunningCaseDetailViewState } from './invoicingDunningCaseDetailViewState';
+export declare const initialState: InvoicingDunningCaseDetailViewState;
+export declare const fetchInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingDunningCaseDetailView/fetchInvoicingDunningCaseDetail">, updateInvoicingDunningCaseDetail: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingDunningCaseDetailView/updateInvoicingDunningCaseDetail">, updateInvoicingDunningCaseDetailFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingDunningCaseDetailView/updateInvoicingDunningCaseDetailFailure">, clearInvoicingDunningCaseDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningCaseDetailView/clearInvoicingDunningCaseDetailView">;
+declare const _default: import("redux").Reducer<InvoicingDunningCaseDetailViewState>;
+export default _default;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewReducer.js

@@ -0,0 +1,35 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingDunningCaseDetailView = exports.updateInvoicingDunningCaseDetailFailure = exports.updateInvoicingDunningCaseDetail = exports.fetchInvoicingDunningCaseDetail = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    id: undefined,
+};
+const invoicingDunningCaseDetailView = (0, toolkit_1.createSlice)({
+    name: 'invoicingDunningCaseDetailView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingDunningCaseDetail(draft, action) {
+            draft.id = action.payload.id;
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+        },
+        updateInvoicingDunningCaseDetail(draft, action) {
+            draft.id = action.payload.id;
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+        },
+        updateInvoicingDunningCaseDetailFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        clearInvoicingDunningCaseDetailView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = invoicingDunningCaseDetailView.actions, exports.fetchInvoicingDunningCaseDetail = _a.fetchInvoicingDunningCaseDetail, exports.updateInvoicingDunningCaseDetail = _a.updateInvoicingDunningCaseDetail, exports.updateInvoicingDunningCaseDetailFailure = _a.updateInvoicingDunningCaseDetailFailure, exports.clearInvoicingDunningCaseDetailView = _a.clearInvoicingDunningCaseDetailView;
+exports.default = invoicingDunningCaseDetailView.reducer;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewSelector.d.ts

@@ -0,0 +1,15 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingDunningCase } from '../../../entity/invoicing/dunningCase/dunningCaseState';
+import { RootState } from '../../../reducer';
+/**
+ * Read-only view for the dunning case detail page: the dunning case entity + its
+ * fetch state, plus the per-case action run-state (pause/resume/retry) folded in
+ * so the detail screen depends on this single read selector.
+ */
+export interface InvoicingDunningCaseDetailView extends SelectorView {
+    actionState: FetchStateAndError;
+    dunningCase?: InvoicingDunningCase;
+}
+export declare const getInvoicingDunningCaseById: (state: RootState, id: string) => InvoicingDunningCase | undefined;
+export declare const getInvoicingDunningCaseDetail: (state: RootState, invoicingDunningCaseID: ID) => InvoicingDunningCaseDetailView;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewSelector.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingDunningCaseDetail = exports.getInvoicingDunningCaseById = void 0;
+const dunningCaseSelector_1 = require("../../../entity/invoicing/dunningCase/dunningCaseSelector");
+const dunningActionSelector_1 = require("../dunningAction/dunningActionSelector");
+const getInvoicingDunningCaseById = (state, id) => (0, dunningCaseSelector_1.getInvoicingDunningCaseById)(state.invoicingDunningCaseState, id);
+exports.getInvoicingDunningCaseById = getInvoicingDunningCaseById;
+const getInvoicingDunningCaseDetail = (state, invoicingDunningCaseID) => {
+    const { error, fetchState } = state.invoicingDunningCaseDetailViewState;
+    return {
+        actionState: (0, dunningActionSelector_1.getInvoicingDunningActionState)(invoicingDunningCaseID)(state),
+        dunningCase: (0, exports.getInvoicingDunningCaseById)(state, invoicingDunningCaseID),
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingDunningCaseDetail = getInvoicingDunningCaseDetail;

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewState.d.ts

@@ -0,0 +1,4 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+export interface InvoicingDunningCaseDetailViewState extends FetchStateAndError {
+    id?: ID;
+}

package/lib/view/invoicing/invoicingDunningCaseDetailView/invoicingDunningCaseDetailViewState.js

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