@zeniai/client-epic-state 5.1.60-betaDI1 → 5.1.61-betaDI0

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInvoiceEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const addressReducer_1 = require("../../../entity/address/addressReducer");
+const invoicePayload_1 = require("../../../entity/invoicing/invoice/invoicePayload");
+const invoiceReducer_1 = require("../../../entity/invoicing/invoice/invoiceReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const invoiceListReducer_1 = require("../invoiceList/invoiceListReducer");
+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, addressReducer_1.updateAddresses)((0, invoicePayload_1.extractInvoicingInvoiceAddresses)([response.data])),
+                (0, invoiceListReducer_1.addInvoiceToList)({
+                    id: response.data.id,
+                    status: response.data.status,
+                }),
+                (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/createInvoiceFormConfig.d.ts

@@ -0,0 +1,13 @@
+import { CreateInvoiceRequest } from './createInvoicePayload';
+import { InvoicingCreateInvoiceFormLineItem, InvoicingCreateInvoiceFormLocalData } from './createInvoiceState';
+/** A blank line item with USD amounts (no cents — amounts are whole dollars). */
+export declare const blankInvoicingCreateInvoiceLineItem: () => InvoicingCreateInvoiceFormLineItem;
+export declare const initialInvoicingCreateInvoiceFormLocalData: InvoicingCreateInvoiceFormLocalData;
+/**
+ * Build the create-invoice API request from the form draft. Amounts flow
+ * through as USD values (`unitAmount.amount` / `taxAmount.amount`) with NO
+ * minor-units conversion. Owns the due-date resolution (explicit due date →
+ * net-term offset → invoice date → today) and the notes shaping the form used
+ * to do inline.
+ */
+export declare const createInvoiceFormLocalDataToRequest: (localData: InvoicingCreateInvoiceFormLocalData) => CreateInvoiceRequest;

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInvoiceFormLocalDataToRequest = exports.initialInvoicingCreateInvoiceFormLocalData = exports.blankInvoicingCreateInvoiceLineItem = void 0;
+const amount_1 = require("../../../commonStateTypes/amount");
+const DEFAULT_CURRENCY_CODE = 'USD';
+const DEFAULT_CURRENCY_SYMBOL = '$';
+const MS_PER_DAY = 86400000;
+const todayIso = () => new Date().toISOString().slice(0, 10);
+const isoDateAfterDays = (days) => new Date(Date.now() + days * MS_PER_DAY).toISOString().slice(0, 10);
+/** A blank line item with USD amounts (no cents — amounts are whole dollars). */
+const blankInvoicingCreateInvoiceLineItem = () => ({
+    description: '',
+    quantity: '1',
+    taxAmount: (0, amount_1.toAmount)(0, DEFAULT_CURRENCY_CODE, DEFAULT_CURRENCY_SYMBOL),
+    unitAmount: (0, amount_1.toAmount)(0, DEFAULT_CURRENCY_CODE, DEFAULT_CURRENCY_SYMBOL),
+});
+exports.blankInvoicingCreateInvoiceLineItem = blankInvoicingCreateInvoiceLineItem;
+exports.initialInvoicingCreateInvoiceFormLocalData = {
+    customerId: '',
+    invoiceType: 'one_time',
+    lineItems: [(0, exports.blankInvoicingCreateInvoiceLineItem)()],
+    memo: '',
+    netTermDays: 0,
+    poNumber: '',
+    dueDate: undefined,
+    invoiceDate: undefined,
+};
+const toQuantity = (quantity) => {
+    const parsed = Number(quantity);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : 1;
+};
+/**
+ * Build the create-invoice API request from the form draft. Amounts flow
+ * through as USD values (`unitAmount.amount` / `taxAmount.amount`) with NO
+ * minor-units conversion. Owns the due-date resolution (explicit due date →
+ * net-term offset → invoice date → today) and the notes shaping the form used
+ * to do inline.
+ */
+const createInvoiceFormLocalDataToRequest = (localData) => {
+    const currencyCode = localData.lineItems[0]?.unitAmount.currencyCode || DEFAULT_CURRENCY_CODE;
+    const lineItems = localData.lineItems
+        .filter((line) => line.description.trim() !== '' || line.unitAmount.amount !== 0)
+        .map((line) => ({
+        description: line.description.trim(),
+        quantity: toQuantity(line.quantity),
+        tax_amount: line.taxAmount.amount,
+        unit_amount: line.unitAmount.amount,
+    }));
+    const invoiceDate = localData.invoiceDate != null && localData.invoiceDate !== ''
+        ? localData.invoiceDate
+        : todayIso();
+    const dueDate = localData.dueDate != null && localData.dueDate !== ''
+        ? localData.dueDate
+        : localData.netTermDays > 0
+            ? isoDateAfterDays(localData.netTermDays)
+            : invoiceDate;
+    const trimmedMemo = localData.memo.trim();
+    return {
+        currency_code: currencyCode,
+        customer_id: localData.customerId,
+        date: invoiceDate,
+        due_date: dueDate,
+        invoice_type: localData.invoiceType,
+        line_items: lineItems,
+        net_term_days: localData.netTermDays,
+        notes: trimmedMemo !== '' ? [{ note: trimmedMemo }] : [],
+        po_number: localData.poNumber.trim(),
+    };
+};
+exports.createInvoiceFormLocalDataToRequest = createInvoiceFormLocalDataToRequest;

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 USD whole units, not 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, InvoicingCreateInvoiceFormLocalData } 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">, updateInvoicingCreateInvoiceFormDraft: import("@reduxjs/toolkit").ActionCreatorWithPayload<InvoicingCreateInvoiceFormLocalData, "invoicingCreateInvoice/updateInvoicingCreateInvoiceFormDraft">;
+declare const _default: import("redux").Reducer<CreateInvoiceState>;
+export default _default;

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

@@ -0,0 +1,45 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateInvoicingCreateInvoiceFormDraft = exports.resetCreateInvoice = exports.createInvoiceFailure = exports.createInvoiceSuccess = exports.createInvoice = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const createInvoiceFormConfig_1 = require("./createInvoiceFormConfig");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    createdInvoiceId: undefined,
+    formDraft: { ...createInvoiceFormConfig_1.initialInvoicingCreateInvoiceFormLocalData },
+    request: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const createInvoiceSlice = (0, toolkit_1.createSlice)({
+    name: 'invoicingCreateInvoice',
+    initialState: exports.initialState,
+    reducers: {
+        updateInvoicingCreateInvoiceFormDraft(draft, action) {
+            draft.formDraft = action.payload;
+        },
+        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.updateInvoicingCreateInvoiceFormDraft = _a.updateInvoicingCreateInvoiceFormDraft;
+exports.default = createInvoiceSlice.reducer;

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

@@ -0,0 +1,24 @@
+import { ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingSettingsPayload } from '../../../entity/invoicing/invoicingCommonPayload';
+import { InvoicingCustomer } from '../../../entity/invoicing/invoicingCustomer/invoicingCustomerState';
+import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
+import { RootState } from '../../../reducer';
+import { InvoicingCreateInvoiceFormLocalData } from './createInvoiceState';
+export interface CreateInvoiceFormView extends SelectorView {
+    customers: InvoicingCustomer[];
+    localData: InvoicingCreateInvoiceFormLocalData;
+    plans: InvoicingProduct[];
+    products: InvoicingProduct[];
+    savedInvoiceId?: ID;
+    settings?: InvoicingSettingsPayload;
+}
+/**
+ * Single bundled view for the create-invoice screen — web-ui consumes only this.
+ * Carries the form draft (`localData`), the option sources the form needs
+ * (customers, catalog plans/products, settings), the create-invoice fetch
+ * state/error, and the id of the invoice last created (`savedInvoiceId`, 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,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCreateInvoiceFormView = void 0;
+const invoicingCatalogListViewSelector_1 = require("../invoicingCatalogListView/invoicingCatalogListViewSelector");
+const invoicingCustomerListViewSelector_1 = require("../invoicingCustomerListView/invoicingCustomerListViewSelector");
+const settingsViewSelector_1 = require("../settingsView/settingsViewSelector");
+/**
+ * Single bundled view for the create-invoice screen — web-ui consumes only this.
+ * Carries the form draft (`localData`), the option sources the form needs
+ * (customers, catalog plans/products, settings), the create-invoice fetch
+ * state/error, and the id of the invoice last created (`savedInvoiceId`, to
+ * navigate on success). Returns raw entity lists; the screen maps them to its
+ * option shapes.
+ */
+const getCreateInvoiceFormView = (state) => {
+    const createInvoiceState = state.invoicingCreateInvoiceState;
+    const catalogListView = (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogListView)(state);
+    return {
+        customers: (0, invoicingCustomerListViewSelector_1.getInvoicingCustomerListView)(state).customers,
+        localData: createInvoiceState.formDraft,
+        plans: (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogPrices)(catalogListView.plans),
+        products: (0, invoicingCatalogListViewSelector_1.getInvoicingCatalogPrices)(catalogListView.products),
+        savedInvoiceId: createInvoiceState.createdInvoiceId,
+        settings: (0, settingsViewSelector_1.getInvoicingSettings)(state),
+        fetchState: createInvoiceState.fetchState,
+        error: createInvoiceState.error,
+        version: 1.0,
+    };
+};
+exports.getCreateInvoiceFormView = getCreateInvoiceFormView;

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

@@ -0,0 +1,35 @@
+import { Amount } from '../../../commonStateTypes/amount';
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+import { CreateInvoiceRequest } from './createInvoicePayload';
+/**
+ * A single line item in the create-invoice form draft. Amounts are USD values
+ * (whole units, e.g. dollars) held via the `Amount` interface — never minor
+ * units. `quantity` is kept as a raw string to mirror the form's numeric input.
+ */
+export interface InvoicingCreateInvoiceFormLineItem {
+    description: string;
+    quantity: string;
+    taxAmount: Amount;
+    unitAmount: Amount;
+}
+/**
+ * Draft form state for the create-invoice form. Held in CES so the form flows
+ * its data straight from here (camelCase, no snake_case rename in web-c).
+ * Create-only, so there is a single draft. `invoiceDate` / `dueDate` are ISO
+ * `YYYY-MM-DD` strings; amounts are USD via `Amount` (no cents conversion).
+ */
+export interface InvoicingCreateInvoiceFormLocalData {
+    customerId: string;
+    invoiceType: 'one_time';
+    lineItems: InvoicingCreateInvoiceFormLineItem[];
+    memo: string;
+    netTermDays: number;
+    poNumber: string;
+    dueDate?: string;
+    invoiceDate?: string;
+}
+export interface CreateInvoiceState extends FetchedState {
+    formDraft: InvoicingCreateInvoiceFormLocalData;
+    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,70 @@
+"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.mergeMap)((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)({
+                email: response.data.email,
+                magicLinkUrl: response.data.magic_link_url,
+            }));
+        }
+        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,25 @@
+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 interface SendInvoicingPaymentLinkSuccessPayload {
+    email: string;
+    magicLinkUrl: 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<SendInvoicingPaymentLinkSuccessPayload, "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;

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

@@ -0,0 +1,91 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetInvoicingCustomerPaymentMethod = exports.sendInvoicingPaymentLinkFailure = exports.sendInvoicingPaymentLinkSuccess = exports.sendInvoicingPaymentLink = exports.saveInvoicingPaymentMethodFailure = exports.saveInvoicingPaymentMethodSuccess = exports.saveInvoicingPaymentMethod = exports.fetchInvoicingPlaidLinkTokenFailure = exports.fetchInvoicingPlaidLinkTokenSuccess = exports.fetchInvoicingPlaidLinkToken = exports.createInvoicingSetupIntentFailure = exports.createInvoicingSetupIntentSuccess = exports.createInvoicingSetupIntent = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    customerId: undefined,
+    plaidLinkToken: undefined,
+    plaidTokenFetchState: { fetchState: 'Not-Started', error: undefined },
+    saveFetchState: { fetchState: 'Not-Started', error: undefined },
+    sendLinkFetchState: { fetchState: 'Not-Started', error: undefined },
+    sentLinkEmail: undefined,
+    sentLinkMagicUrl: undefined,
+    setupIntent: undefined,
+    setupIntentFetchState: { fetchState: 'Not-Started', error: undefined },
+    hasValidState() {
+        return true;
+    },
+};
+const customerPaymentMethod = (0, toolkit_1.createSlice)({
+    name: 'invoicingCustomerPaymentMethod',
+    initialState: exports.initialState,
+    reducers: {
+        createInvoicingSetupIntent(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.setupIntent = undefined;
+            draft.setupIntentFetchState = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        createInvoicingSetupIntentSuccess(draft, action) {
+            draft.setupIntent = action.payload;
+            draft.setupIntentFetchState = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        createInvoicingSetupIntentFailure(draft, action) {
+            draft.setupIntentFetchState = {
+                fetchState: 'Error',
+                error: action.payload,
+            };
+        },
+        fetchInvoicingPlaidLinkToken(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.plaidLinkToken = undefined;
+            draft.plaidTokenFetchState = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        fetchInvoicingPlaidLinkTokenSuccess(draft, action) {
+            draft.plaidLinkToken = action.payload;
+            draft.plaidTokenFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        fetchInvoicingPlaidLinkTokenFailure(draft, action) {
+            draft.plaidTokenFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        saveInvoicingPaymentMethod(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.saveFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        saveInvoicingPaymentMethodSuccess(draft) {
+            draft.saveFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        saveInvoicingPaymentMethodFailure(draft, action) {
+            draft.saveFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        sendInvoicingPaymentLink(draft, action) {
+            draft.customerId = action.payload.customerId;
+            draft.sentLinkMagicUrl = undefined;
+            draft.sendLinkFetchState = { fetchState: 'In-Progress', error: undefined };
+        },
+        sendInvoicingPaymentLinkSuccess(draft, action) {
+            draft.sentLinkEmail = action.payload.email;
+            draft.sentLinkMagicUrl = action.payload.magicLinkUrl;
+            draft.sendLinkFetchState = { fetchState: 'Completed', error: undefined };
+        },
+        sendInvoicingPaymentLinkFailure(draft, action) {
+            draft.sendLinkFetchState = { fetchState: 'Error', error: action.payload };
+        },
+        resetInvoicingCustomerPaymentMethod(draft) {
+            Object.assign(draft, exports.initialState);
+        },
+    },
+});
+_a = customerPaymentMethod.actions, exports.createInvoicingSetupIntent = _a.createInvoicingSetupIntent, exports.createInvoicingSetupIntentSuccess = _a.createInvoicingSetupIntentSuccess, exports.createInvoicingSetupIntentFailure = _a.createInvoicingSetupIntentFailure, exports.fetchInvoicingPlaidLinkToken = _a.fetchInvoicingPlaidLinkToken, exports.fetchInvoicingPlaidLinkTokenSuccess = _a.fetchInvoicingPlaidLinkTokenSuccess, exports.fetchInvoicingPlaidLinkTokenFailure = _a.fetchInvoicingPlaidLinkTokenFailure, exports.saveInvoicingPaymentMethod = _a.saveInvoicingPaymentMethod, exports.saveInvoicingPaymentMethodSuccess = _a.saveInvoicingPaymentMethodSuccess, exports.saveInvoicingPaymentMethodFailure = _a.saveInvoicingPaymentMethodFailure, exports.sendInvoicingPaymentLink = _a.sendInvoicingPaymentLink, exports.sendInvoicingPaymentLinkSuccess = _a.sendInvoicingPaymentLinkSuccess, exports.sendInvoicingPaymentLinkFailure = _a.sendInvoicingPaymentLinkFailure, exports.resetInvoicingCustomerPaymentMethod = _a.resetInvoicingCustomerPaymentMethod;
+exports.default = customerPaymentMethod.reducer;

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

@@ -0,0 +1,11 @@
+import { FetchStateAndError } from '../../../commonStateTypes/common';
+import { RootState } from '../../../reducer';
+import { InvoicingSetupIntent } from './customerPaymentMethodState';
+export declare const getInvoicingSetupIntent: (state: RootState) => InvoicingSetupIntent | undefined;
+export declare const getInvoicingSetupIntentFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingPlaidLinkToken: (state: RootState) => string | undefined;
+export declare const getInvoicingPlaidLinkTokenFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingPaymentMethodSaveState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingPaymentLinkSendState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingSentPaymentLinkEmail: (state: RootState) => string | undefined;
+export declare const getInvoicingSentPaymentLinkMagicUrl: (state: RootState) => string | undefined;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingSentPaymentLinkMagicUrl = exports.getInvoicingSentPaymentLinkEmail = exports.getInvoicingPaymentLinkSendState = exports.getInvoicingPaymentMethodSaveState = exports.getInvoicingPlaidLinkTokenFetchState = exports.getInvoicingPlaidLinkToken = exports.getInvoicingSetupIntentFetchState = exports.getInvoicingSetupIntent = void 0;
+const getInvoicingSetupIntent = (state) => state.invoicingCustomerPaymentMethodState.setupIntent;
+exports.getInvoicingSetupIntent = getInvoicingSetupIntent;
+const getInvoicingSetupIntentFetchState = (state) => state.invoicingCustomerPaymentMethodState.setupIntentFetchState;
+exports.getInvoicingSetupIntentFetchState = getInvoicingSetupIntentFetchState;
+const getInvoicingPlaidLinkToken = (state) => state.invoicingCustomerPaymentMethodState.plaidLinkToken;
+exports.getInvoicingPlaidLinkToken = getInvoicingPlaidLinkToken;
+const getInvoicingPlaidLinkTokenFetchState = (state) => state.invoicingCustomerPaymentMethodState.plaidTokenFetchState;
+exports.getInvoicingPlaidLinkTokenFetchState = getInvoicingPlaidLinkTokenFetchState;
+const getInvoicingPaymentMethodSaveState = (state) => state.invoicingCustomerPaymentMethodState.saveFetchState;
+exports.getInvoicingPaymentMethodSaveState = getInvoicingPaymentMethodSaveState;
+const getInvoicingPaymentLinkSendState = (state) => state.invoicingCustomerPaymentMethodState.sendLinkFetchState;
+exports.getInvoicingPaymentLinkSendState = getInvoicingPaymentLinkSendState;
+const getInvoicingSentPaymentLinkEmail = (state) => state.invoicingCustomerPaymentMethodState.sentLinkEmail;
+exports.getInvoicingSentPaymentLinkEmail = getInvoicingSentPaymentLinkEmail;
+const getInvoicingSentPaymentLinkMagicUrl = (state) => state.invoicingCustomerPaymentMethodState.sentLinkMagicUrl;
+exports.getInvoicingSentPaymentLinkMagicUrl = getInvoicingSentPaymentLinkMagicUrl;

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

@@ -0,0 +1,24 @@
+import { FetchStateAndError, FetchedState, ID } from '../../../commonStateTypes/common';
+/**
+ * Stripe SetupIntent payload returned by
+ * `POST /customers/{id}/payment-methods/setup-intent`. Used to mount Stripe
+ * Elements for an admin-initiated "Add Payment Method" (card) flow.
+ */
+export interface InvoicingSetupIntent {
+    client_secret: string;
+    connected_account_id: string;
+    publishable_key: string;
+    setup_intent_id: string;
+}
+export interface InvoicingCustomerPaymentMethodState extends FetchedState {
+    plaidTokenFetchState: FetchStateAndError;
+    saveFetchState: FetchStateAndError;
+    sendLinkFetchState: FetchStateAndError;
+    setupIntentFetchState: FetchStateAndError;
+    /** The customer id of the in-flight payment-method operation. */
+    customerId?: ID;
+    plaidLinkToken?: string;
+    sentLinkEmail?: string;
+    sentLinkMagicUrl?: string;
+    setupIntent?: InvoicingSetupIntent;
+}

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

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

package/lib/view/invoicing/dataImportAction/dataImportActionEpic.d.ts

@@ -0,0 +1,7 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+export declare const invoicingDataImportActionEpic: (actions$: ActionsObservable<{
+    type: string;
+}>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<unknown>;