@zeniai/client-epic-state 5.1.38 → 5.1.39-betaAK0

package/lib/view/invoicing/couponView/couponViewReducer.js

@@ -0,0 +1,108 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingCouponView = exports.updateInvoicingCouponFilters = exports.updateInvoicingCouponKPIsFailure = exports.updateInvoicingCouponKPIs = exports.fetchInvoicingCouponKPIs = exports.updateInvoicingCouponCountsFailure = exports.updateInvoicingCouponCounts = exports.fetchInvoicingCouponCounts = exports.updateInvoicingCouponListFailure = exports.updateInvoicingCouponList = exports.fetchInvoicingCouponListPage = exports.fetchInvoicingCouponList = 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 },
+    kpis: undefined,
+    kpisFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const couponView = (0, toolkit_1.createSlice)({
+    name: 'invoicingCouponView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingCouponList: {
+            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,
+                    },
+                };
+            },
+        },
+        fetchInvoicingCouponListPage: {
+            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,
+                    },
+                };
+            },
+        },
+        updateInvoicingCouponList(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;
+        },
+        updateInvoicingCouponListFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        fetchInvoicingCouponCounts(draft) {
+            draft.countsFetchState.fetchState = 'In-Progress';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCouponCounts(draft, action) {
+            draft.counts = action.payload;
+            draft.countsFetchState.fetchState = 'Completed';
+            draft.countsFetchState.error = undefined;
+        },
+        updateInvoicingCouponCountsFailure(draft, action) {
+            draft.countsFetchState.fetchState = 'Error';
+            draft.countsFetchState.error = action.payload;
+        },
+        fetchInvoicingCouponKPIs(draft) {
+            draft.kpisFetchState.fetchState = 'In-Progress';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingCouponKPIs(draft, action) {
+            draft.kpis = action.payload;
+            draft.kpisFetchState.fetchState = 'Completed';
+            draft.kpisFetchState.error = undefined;
+        },
+        updateInvoicingCouponKPIsFailure(draft, action) {
+            draft.kpisFetchState.fetchState = 'Error';
+            draft.kpisFetchState.error = action.payload;
+        },
+        updateInvoicingCouponFilters(draft, action) {
+            draft.filters = action.payload;
+        },
+        clearInvoicingCouponView(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = couponView.actions, exports.fetchInvoicingCouponList = _a.fetchInvoicingCouponList, exports.fetchInvoicingCouponListPage = _a.fetchInvoicingCouponListPage, exports.updateInvoicingCouponList = _a.updateInvoicingCouponList, exports.updateInvoicingCouponListFailure = _a.updateInvoicingCouponListFailure, exports.fetchInvoicingCouponCounts = _a.fetchInvoicingCouponCounts, exports.updateInvoicingCouponCounts = _a.updateInvoicingCouponCounts, exports.updateInvoicingCouponCountsFailure = _a.updateInvoicingCouponCountsFailure, exports.fetchInvoicingCouponKPIs = _a.fetchInvoicingCouponKPIs, exports.updateInvoicingCouponKPIs = _a.updateInvoicingCouponKPIs, exports.updateInvoicingCouponKPIsFailure = _a.updateInvoicingCouponKPIsFailure, exports.updateInvoicingCouponFilters = _a.updateInvoicingCouponFilters, exports.clearInvoicingCouponView = _a.clearInvoicingCouponView;
+exports.default = couponView.reducer;

package/lib/view/invoicing/couponView/couponViewSelector.d.ts

@@ -0,0 +1,33 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingCoupon, InvoicingDiscountKPIs } from '../../../entity/invoicing/coupon/couponState';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { RootState } from '../../../reducer';
+import { InvoicingListSort } from '../invoicingApiHelper';
+import { InvoicingCouponColumnConfig, InvoicingCouponFilters, InvoicingCouponTabId } from './couponViewState';
+export declare const getInvoicingCouponListItems: (state: RootState) => InvoicingCoupon[];
+export declare const getInvoicingCouponListFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingCouponListNextCursor: (state: RootState) => string | null;
+export declare const getInvoicingCouponListHasMore: (state: RootState) => boolean;
+export declare const getInvoicingCouponListFilters: (state: RootState) => InvoicingCouponFilters;
+export declare const getInvoicingCouponCounts: (state: RootState) => InvoicingListCounts;
+export declare const getInvoicingCouponKPIs: (state: RootState) => InvoicingDiscountKPIs | undefined;
+export interface InvoicingCouponListView extends SelectorView {
+    columns: InvoicingCouponColumnConfig[];
+    count: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    coupons: InvoicingCoupon[];
+    filters: InvoicingCouponFilters;
+    kpisFetchState: FetchStateAndError;
+    nextCursor: string | null;
+    tabIds: InvoicingCouponTabId[];
+    kpis?: InvoicingDiscountKPIs;
+    sort?: InvoicingListSort;
+}
+/**
+ * Bundled read view for the discounts list page: the denormalized coupon rows
+ * plus list counts, KPIs and their fetch states. Memoized so the `coupons`
+ * array (and the wrapping view object) keep referential identity until the
+ * coupon entity slice or the list-view slice actually change.
+ */
+export declare const getInvoicingCouponListView: (state: RootState) => InvoicingCouponListView;

package/lib/view/invoicing/couponView/couponViewSelector.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingCouponListView = exports.getInvoicingCouponKPIs = exports.getInvoicingCouponCounts = exports.getInvoicingCouponListFilters = exports.getInvoicingCouponListHasMore = exports.getInvoicingCouponListNextCursor = exports.getInvoicingCouponListFetchState = exports.getInvoicingCouponListItems = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const couponViewState_1 = require("./couponViewState");
+const getInvoicingCouponListItems = (state) => state.invoicingCouponViewState.ids
+    .map((id) => state.invoicingCouponState.couponByID[id])
+    .filter((item) => item != null);
+exports.getInvoicingCouponListItems = getInvoicingCouponListItems;
+const getInvoicingCouponListFetchState = (state) => ({
+    fetchState: state.invoicingCouponViewState.fetchState,
+    error: state.invoicingCouponViewState.error,
+});
+exports.getInvoicingCouponListFetchState = getInvoicingCouponListFetchState;
+const getInvoicingCouponListNextCursor = (state) => state.invoicingCouponViewState.nextCursor;
+exports.getInvoicingCouponListNextCursor = getInvoicingCouponListNextCursor;
+const getInvoicingCouponListHasMore = (state) => state.invoicingCouponViewState.nextCursor != null;
+exports.getInvoicingCouponListHasMore = getInvoicingCouponListHasMore;
+const getInvoicingCouponListFilters = (state) => state.invoicingCouponViewState.filters;
+exports.getInvoicingCouponListFilters = getInvoicingCouponListFilters;
+const getInvoicingCouponCounts = (state) => state.invoicingCouponViewState.counts;
+exports.getInvoicingCouponCounts = getInvoicingCouponCounts;
+const getInvoicingCouponKPIs = (state) => state.invoicingCouponViewState.kpis;
+exports.getInvoicingCouponKPIs = getInvoicingCouponKPIs;
+/**
+ * Bundled read view for the discounts list page: the denormalized coupon rows
+ * plus list counts, KPIs and their fetch states. Memoized so the `coupons`
+ * array (and the wrapping view object) keep referential identity until the
+ * coupon entity slice or the list-view slice actually change.
+ */
+exports.getInvoicingCouponListView = (0, toolkit_1.createSelector)((state) => state.invoicingCouponState, (state) => state.invoicingCouponViewState, (couponState, listViewState) => ({
+    columns: couponViewState_1.INVOICING_COUPON_COLUMNS,
+    coupons: listViewState.ids
+        .map((id) => couponState.couponByID[id])
+        .filter((item) => item != null),
+    count: listViewState.counts,
+    countsFetchState: listViewState.countsFetchState,
+    filters: listViewState.filters,
+    kpis: listViewState.kpis,
+    kpisFetchState: listViewState.kpisFetchState,
+    nextCursor: listViewState.nextCursor,
+    tabIds: couponViewState_1.INVOICING_COUPON_TABS,
+    fetchState: listViewState.fetchState,
+    error: listViewState.error,
+    sort: listViewState.sort,
+    version: 1.0,
+}));

package/lib/view/invoicing/couponView/couponViewState.d.ts

@@ -0,0 +1,43 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingDiscountKPIs } from '../../../entity/invoicing/coupon/couponState';
+import { InvoicingListCounts } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingListSort } from '../invoicingApiHelper';
+export interface InvoicingCouponFilters {
+    search?: string;
+    status?: string;
+}
+export declare const ALL_INVOICING_COUPON_SORT_KEYS: readonly ["coupon_id", "name", "discount", "duration", "created", "valid_till", "apply_on", "status", "redemptions"];
+export declare const toInvoicingCouponSortKey: (v: string) => "status" | "name" | "redemptions" | "created" | "coupon_id" | "discount" | "duration" | "valid_till" | "apply_on";
+export type InvoicingCouponSortKey = ReturnType<typeof toInvoicingCouponSortKey>;
+/**
+ * Structural column descriptor owned by CES so the discounts-list column set,
+ * ordering and sortability live next to the `InvoicingCoupon` 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 InvoicingCouponColumnConfig {
+    key: InvoicingCouponSortKey;
+    sortable: boolean;
+}
+export declare const INVOICING_COUPON_COLUMNS: InvoicingCouponColumnConfig[];
+export declare const ALL_INVOICING_COUPON_TAB_IDS: readonly ["all", "active", "inactive"];
+export declare const toInvoicingCouponTabId: (v: string) => "active" | "inactive" | "all";
+export type InvoicingCouponTabId = ReturnType<typeof toInvoicingCouponTabId>;
+/**
+ * Ordered filter-tab id set owned by CES so the coupon/discount-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_COUPON_TABS: InvoicingCouponTabId[];
+export interface InvoicingCouponViewState extends FetchedState {
+    counts: InvoicingListCounts;
+    countsFetchState: FetchStateAndError;
+    filters: InvoicingCouponFilters;
+    ids: ID[];
+    kpisFetchState: FetchStateAndError;
+    nextCursor: string | null;
+    kpis?: InvoicingDiscountKPIs;
+    sort?: InvoicingListSort;
+}

package/lib/view/invoicing/couponView/couponViewState.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INVOICING_COUPON_TABS = exports.toInvoicingCouponTabId = exports.ALL_INVOICING_COUPON_TAB_IDS = exports.INVOICING_COUPON_COLUMNS = exports.toInvoicingCouponSortKey = exports.ALL_INVOICING_COUPON_SORT_KEYS = void 0;
+const stringToUnion_1 = require("../../../commonStateTypes/stringToUnion");
+exports.ALL_INVOICING_COUPON_SORT_KEYS = [
+    'coupon_id',
+    'name',
+    'discount',
+    'duration',
+    'created',
+    'valid_till',
+    'apply_on',
+    'status',
+    'redemptions',
+];
+const toInvoicingCouponSortKey = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_COUPON_SORT_KEYS);
+exports.toInvoicingCouponSortKey = toInvoicingCouponSortKey;
+exports.INVOICING_COUPON_COLUMNS = [
+    { key: 'coupon_id', sortable: true },
+    { key: 'name', sortable: true },
+    { key: 'discount', sortable: false },
+    { key: 'duration', sortable: true },
+    { key: 'created', sortable: true },
+    { key: 'valid_till', sortable: true },
+    { key: 'apply_on', sortable: true },
+    { key: 'status', sortable: true },
+    { key: 'redemptions', sortable: true },
+];
+exports.ALL_INVOICING_COUPON_TAB_IDS = [
+    'all',
+    'active',
+    'inactive',
+];
+const toInvoicingCouponTabId = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.ALL_INVOICING_COUPON_TAB_IDS);
+exports.toInvoicingCouponTabId = toInvoicingCouponTabId;
+/**
+ * Ordered filter-tab id set owned by CES so the coupon/discount-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_COUPON_TABS = [
+    ...exports.ALL_INVOICING_COUPON_TAB_IDS,
+];

package/lib/view/invoicing/createInvoice/createInvoiceEpic.d.ts

@@ -0,0 +1,8 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { updateInvoices } from '../../../entity/invoicing/invoice/invoiceReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { createInvoice, createInvoiceFailure, createInvoiceSuccess } from './createInvoiceReducer';
+export type ActionType = ReturnType<typeof createInvoice> | ReturnType<typeof createInvoiceSuccess> | ReturnType<typeof createInvoiceFailure> | ReturnType<typeof updateInvoices>;
+export declare const createInvoiceEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/createInvoice/createInvoiceEpic.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInvoiceEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const invoiceReducer_1 = require("../../../entity/invoicing/invoice/invoiceReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const createInvoiceReducer_1 = require("./createInvoiceReducer");
+const createInvoiceEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(createInvoiceReducer_1.createInvoice.match), (0, operators_1.mergeMap)((action) => {
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/invoices`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {
+        ...action.payload,
+    })
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, invoiceReducer_1.updateInvoices)([response.data], 'merge'),
+                (0, createInvoiceReducer_1.createInvoiceSuccess)({ invoiceId: response.data.id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, createInvoiceReducer_1.createInvoiceFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, createInvoiceReducer_1.createInvoiceFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create invoice REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.createInvoiceEpic = createInvoiceEpic;

package/lib/view/invoicing/createInvoice/createInvoicePayload.d.ts

@@ -0,0 +1,24 @@
+import { InvoicingInvoicePayload } from '../../../entity/invoicing/invoice/invoicePayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+/** Line item shape sent when creating an invoice (amounts in minor units). */
+export interface CreateInvoiceLineItemRequest {
+    description: string;
+    quantity: number;
+    unit_amount: number;
+    tax_amount?: number;
+}
+/** Request body for creating an invoice; mirrors the Invoicing backend. */
+export interface CreateInvoiceRequest {
+    customer_id: string;
+    invoice_type: 'one_time';
+    currency_code?: string;
+    date?: string;
+    due_date?: string;
+    line_items?: CreateInvoiceLineItemRequest[];
+    net_term_days?: number;
+    notes?: {
+        note: string;
+    }[];
+    po_number?: string;
+}
+export type CreateInvoiceResponse = ZeniAPIResponse<InvoicingInvoicePayload>;

package/lib/view/invoicing/createInvoice/createInvoicePayload.js

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

package/lib/view/invoicing/createInvoice/createInvoiceReducer.d.ts

@@ -0,0 +1,10 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { CreateInvoiceRequest } from './createInvoicePayload';
+import { CreateInvoiceState } from './createInvoiceState';
+export declare const initialState: CreateInvoiceState;
+export declare const createInvoice: import("@reduxjs/toolkit").ActionCreatorWithPayload<CreateInvoiceRequest, "invoicingCreateInvoice/createInvoice">, createInvoiceSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    invoiceId: ID;
+}, "invoicingCreateInvoice/createInvoiceSuccess">, createInvoiceFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCreateInvoice/createInvoiceFailure">, resetCreateInvoice: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCreateInvoice/resetCreateInvoice">;
+declare const _default: import("redux").Reducer<CreateInvoiceState>;
+export default _default;

package/lib/view/invoicing/createInvoice/createInvoiceReducer.js

@@ -0,0 +1,40 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetCreateInvoice = exports.createInvoiceFailure = exports.createInvoiceSuccess = exports.createInvoice = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    createdInvoiceId: undefined,
+    request: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const createInvoiceSlice = (0, toolkit_1.createSlice)({
+    name: 'invoicingCreateInvoice',
+    initialState: exports.initialState,
+    reducers: {
+        createInvoice(draft, action) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+            draft.createdInvoiceId = undefined;
+            draft.request = action.payload;
+        },
+        createInvoiceSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.createdInvoiceId = action.payload.invoiceId;
+        },
+        createInvoiceFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetCreateInvoice(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = createInvoiceSlice.actions, exports.createInvoice = _a.createInvoice, exports.createInvoiceSuccess = _a.createInvoiceSuccess, exports.createInvoiceFailure = _a.createInvoiceFailure, exports.resetCreateInvoice = _a.resetCreateInvoice;
+exports.default = createInvoiceSlice.reducer;

package/lib/view/invoicing/createInvoice/createInvoiceSelector.d.ts

@@ -0,0 +1,23 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
+import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
+import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
+import { RootState } from '../../../reducer';
+export declare const getCreateInvoiceFetchState: (state: RootState) => FetchStateAndError;
+export declare const getCreatedInvoiceId: (state: RootState) => ID | undefined;
+export interface CreateInvoiceFormView extends SelectorView {
+    customers: InvoicingCustomer[];
+    plans: InvoicingPlan[];
+    products: InvoicingProduct[];
+    savedInvoiceId?: ID;
+    settings?: InvoicingSettingsPayload;
+}
+/**
+ * Bundled view for the create-invoice screen: the option sources the form needs
+ * (customers, catalog plans/products, settings) plus the create-invoice fetch
+ * state/error and the id of the invoice last created (to navigate on success).
+ * Returns raw entity lists; the screen maps them to its option shapes.
+ */
+export declare const getCreateInvoiceFormView: (state: RootState) => CreateInvoiceFormView;

package/lib/view/invoicing/createInvoice/createInvoiceSelector.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCreateInvoiceFormView = exports.getCreatedInvoiceId = exports.getCreateInvoiceFetchState = void 0;
+const invoicingCatalogListViewSelector_1 = require("../invoicingCatalogListView/invoicingCatalogListViewSelector");
+const invoicingCustomerListViewSelector_1 = require("../invoicingCustomerListView/invoicingCustomerListViewSelector");
+const settingsViewSelector_1 = require("../settingsView/settingsViewSelector");
+const getCreateInvoiceFetchState = (state) => ({
+    fetchState: state.invoicingCreateInvoiceState.fetchState,
+    error: state.invoicingCreateInvoiceState.error,
+});
+exports.getCreateInvoiceFetchState = getCreateInvoiceFetchState;
+const getCreatedInvoiceId = (state) => state.invoicingCreateInvoiceState.createdInvoiceId;
+exports.getCreatedInvoiceId = getCreatedInvoiceId;
+/**
+ * Bundled view for the create-invoice screen: the option sources the form needs
+ * (customers, catalog plans/products, settings) plus the create-invoice fetch
+ * state/error and the id of the invoice last created (to navigate on success).
+ * Returns raw entity lists; the screen maps them to its option shapes.
+ */
+const getCreateInvoiceFormView = (state) => {
+    const { error, fetchState } = (0, exports.getCreateInvoiceFetchState)(state);
+    const catalogListView = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogListView)(state);
+    return {
+        customers: (0, invoicingCustomerListViewSelector_1.getInvoicingCustomerListView)(state).customers,
+        plans: catalogListView.plans,
+        products: catalogListView.products,
+        savedInvoiceId: (0, exports.getCreatedInvoiceId)(state),
+        settings: (0, settingsViewSelector_1.getInvoicingSettings)(state),
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getCreateInvoiceFormView = getCreateInvoiceFormView;

package/lib/view/invoicing/createInvoice/createInvoiceState.d.ts

@@ -0,0 +1,6 @@
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+import { CreateInvoiceRequest } from './createInvoicePayload';
+export interface CreateInvoiceState extends FetchedState {
+    createdInvoiceId?: ID;
+    request?: CreateInvoiceRequest;
+}

package/lib/view/invoicing/createInvoice/createInvoiceState.js

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

package/lib/view/invoicing/customerPaymentMethod/customerPaymentMethodEpic.d.ts

@@ -0,0 +1,11 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { fetchInvoicingCustomerDetail } from '../invoicingCustomerDetailView/invoicingCustomerDetailViewReducer';
+import { createInvoicingSetupIntent, createInvoicingSetupIntentFailure, createInvoicingSetupIntentSuccess, fetchInvoicingPlaidLinkToken, fetchInvoicingPlaidLinkTokenFailure, fetchInvoicingPlaidLinkTokenSuccess, saveInvoicingPaymentMethod, saveInvoicingPaymentMethodFailure, saveInvoicingPaymentMethodSuccess, sendInvoicingPaymentLink, sendInvoicingPaymentLinkFailure, sendInvoicingPaymentLinkSuccess } from './customerPaymentMethodReducer';
+export type ActionType = ReturnType<typeof createInvoicingSetupIntent> | ReturnType<typeof createInvoicingSetupIntentSuccess> | ReturnType<typeof createInvoicingSetupIntentFailure> | ReturnType<typeof fetchInvoicingPlaidLinkToken> | ReturnType<typeof fetchInvoicingPlaidLinkTokenSuccess> | ReturnType<typeof fetchInvoicingPlaidLinkTokenFailure> | ReturnType<typeof saveInvoicingPaymentMethod> | ReturnType<typeof saveInvoicingPaymentMethodSuccess> | ReturnType<typeof saveInvoicingPaymentMethodFailure> | ReturnType<typeof sendInvoicingPaymentLink> | ReturnType<typeof sendInvoicingPaymentLinkSuccess> | ReturnType<typeof sendInvoicingPaymentLinkFailure> | ReturnType<typeof fetchInvoicingCustomerDetail>;
+export declare const createInvoicingSetupIntentEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const fetchInvoicingPlaidLinkTokenEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const saveInvoicingPaymentMethodEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const sendInvoicingPaymentLinkEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/invoicing/customerPaymentMethod/customerPaymentMethodEpic.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sendInvoicingPaymentLinkEpic = exports.saveInvoicingPaymentMethodEpic = exports.fetchInvoicingPlaidLinkTokenEpic = exports.createInvoicingSetupIntentEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const invoicingCustomerDetailViewReducer_1 = require("../invoicingCustomerDetailView/invoicingCustomerDetailViewReducer");
+const customerPaymentMethodReducer_1 = require("./customerPaymentMethodReducer");
+const createInvoicingSetupIntentEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(customerPaymentMethodReducer_1.createInvoicingSetupIntent.match), (0, operators_1.switchMap)((action) => {
+    const { customerId } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/customers/${encodeURIComponent(customerId)}/payment-methods/setup-intent`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {})
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.createInvoicingSetupIntentSuccess)(response.data));
+        }
+        return (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.createInvoicingSetupIntentFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.createInvoicingSetupIntentFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Setup intent REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.createInvoicingSetupIntentEpic = createInvoicingSetupIntentEpic;
+const fetchInvoicingPlaidLinkTokenEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(customerPaymentMethodReducer_1.fetchInvoicingPlaidLinkToken.match), (0, operators_1.switchMap)((action) => {
+    const { customerId } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/plaid/link-token?customer_id=${encodeURIComponent(customerId)}`;
+    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, customerPaymentMethodReducer_1.fetchInvoicingPlaidLinkTokenSuccess)(response.data.link_token));
+        }
+        return (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.fetchInvoicingPlaidLinkTokenFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.fetchInvoicingPlaidLinkTokenFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Plaid link token REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.fetchInvoicingPlaidLinkTokenEpic = fetchInvoicingPlaidLinkTokenEpic;
+const saveInvoicingPaymentMethodEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(customerPaymentMethodReducer_1.saveInvoicingPaymentMethod.match), (0, operators_1.mergeMap)((action) => {
+    const { customerId, data } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/customers/${encodeURIComponent(customerId)}/payment-methods`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, data)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, customerPaymentMethodReducer_1.saveInvoicingPaymentMethodSuccess)(),
+                (0, invoicingCustomerDetailViewReducer_1.fetchInvoicingCustomerDetail)({ id: customerId }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.saveInvoicingPaymentMethodFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.saveInvoicingPaymentMethodFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Save payment method REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.saveInvoicingPaymentMethodEpic = saveInvoicingPaymentMethodEpic;
+const sendInvoicingPaymentLinkEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(customerPaymentMethodReducer_1.sendInvoicingPaymentLink.match), (0, operators_1.mergeMap)((action) => {
+    const { customerId, email } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/customers/${encodeURIComponent(customerId)}/payment-link`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, {
+        email,
+    })
+        .pipe((0, operators_1.switchMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.sendInvoicingPaymentLinkSuccess)(response.data.email));
+        }
+        return (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.sendInvoicingPaymentLinkFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, customerPaymentMethodReducer_1.sendInvoicingPaymentLinkFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Send payment link REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.sendInvoicingPaymentLinkEpic = sendInvoicingPaymentLinkEpic;

package/lib/view/invoicing/customerPaymentMethod/customerPaymentMethodPayload.d.ts

@@ -0,0 +1,18 @@
+import { ZeniAPIResponse } from '../../../responsePayload';
+import { InvoicingSetupIntent } from './customerPaymentMethodState';
+interface PlaidLinkTokenPayload {
+    link_token: string;
+}
+interface SavePaymentMethodPayload {
+    payment_method_last4: string;
+    payment_method_type: string;
+}
+interface SendPaymentLinkPayload {
+    email: string;
+    magic_link_url: string;
+}
+export type InvoicingSetupIntentResponse = ZeniAPIResponse<InvoicingSetupIntent>;
+export type PlaidLinkTokenResponse = ZeniAPIResponse<PlaidLinkTokenPayload>;
+export type SavePaymentMethodResponse = ZeniAPIResponse<SavePaymentMethodPayload>;
+export type SendPaymentLinkResponse = ZeniAPIResponse<SendPaymentLinkPayload>;
+export {};

package/lib/view/invoicing/customerPaymentMethod/customerPaymentMethodPayload.js

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

package/lib/view/invoicing/customerPaymentMethod/customerPaymentMethodReducer.d.ts

@@ -0,0 +1,21 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingCustomerPaymentMethodState, InvoicingSetupIntent } from './customerPaymentMethodState';
+export interface CreateInvoicingSetupIntentPayload {
+    customerId: ID;
+}
+export interface FetchInvoicingPlaidLinkTokenPayload {
+    customerId: ID;
+}
+export interface SaveInvoicingPaymentMethodPayload {
+    customerId: ID;
+    data: Record<string, unknown>;
+}
+export interface SendInvoicingPaymentLinkPayload {
+    customerId: ID;
+    email?: string;
+}
+export declare const initialState: InvoicingCustomerPaymentMethodState;
+export declare const createInvoicingSetupIntent: import("@reduxjs/toolkit").ActionCreatorWithPayload<CreateInvoicingSetupIntentPayload, "invoicingCustomerPaymentMethod/createInvoicingSetupIntent">, createInvoicingSetupIntentSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingSetupIntent, "invoicingCustomerPaymentMethod/createInvoicingSetupIntentSuccess">, createInvoicingSetupIntentFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerPaymentMethod/createInvoicingSetupIntentFailure">, fetchInvoicingPlaidLinkToken: import("@reduxjs/toolkit").ActionCreatorWithPayload<FetchInvoicingPlaidLinkTokenPayload, "invoicingCustomerPaymentMethod/fetchInvoicingPlaidLinkToken">, fetchInvoicingPlaidLinkTokenSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "invoicingCustomerPaymentMethod/fetchInvoicingPlaidLinkTokenSuccess">, fetchInvoicingPlaidLinkTokenFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerPaymentMethod/fetchInvoicingPlaidLinkTokenFailure">, saveInvoicingPaymentMethod: import("@reduxjs/toolkit").ActionCreatorWithPayload<SaveInvoicingPaymentMethodPayload, "invoicingCustomerPaymentMethod/saveInvoicingPaymentMethod">, saveInvoicingPaymentMethodSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerPaymentMethod/saveInvoicingPaymentMethodSuccess">, saveInvoicingPaymentMethodFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerPaymentMethod/saveInvoicingPaymentMethodFailure">, sendInvoicingPaymentLink: import("@reduxjs/toolkit").ActionCreatorWithPayload<SendInvoicingPaymentLinkPayload, "invoicingCustomerPaymentMethod/sendInvoicingPaymentLink">, sendInvoicingPaymentLinkSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "invoicingCustomerPaymentMethod/sendInvoicingPaymentLinkSuccess">, sendInvoicingPaymentLinkFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "invoicingCustomerPaymentMethod/sendInvoicingPaymentLinkFailure">, resetInvoicingCustomerPaymentMethod: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingCustomerPaymentMethod/resetInvoicingCustomerPaymentMethod">;
+declare const _default: import("redux").Reducer<InvoicingCustomerPaymentMethodState>;
+export default _default;