@zeniai/client-epic-state 5.1.49 → 5.1.50-betaAK0

package/lib/view/invoicing/dataImportView/dataImportViewReducer.js

@@ -0,0 +1,70 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearInvoicingDataImportView = exports.upsertInvoicingMigrationSession = exports.setInvoicingActiveMigrationSessionId = exports.fetchInvoicingMigrationSession = exports.updateInvoicingDataImportStatusFailure = exports.updateInvoicingDataImportStatus = exports.fetchInvoicingDataImportStatus = exports.updateInvoicingMigrationSessionsFailure = exports.updateInvoicingMigrationSessions = exports.fetchInvoicingMigrationSessions = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    activeDetailId: null,
+    sessions: [],
+    sessionsFetch: { fetchState: 'Not-Started', error: undefined },
+    statusRows: [],
+    statusFetch: { fetchState: 'Not-Started', error: undefined },
+    sessionDetail: {},
+};
+const upsertSessionInList = (list, session) => {
+    const index = list.findIndex((item) => item.id === session.id);
+    if (index >= 0) {
+        const next = [...list];
+        next[index] = session;
+        return next;
+    }
+    return [session, ...list];
+};
+const dataImportView = (0, toolkit_1.createSlice)({
+    name: 'invoicingDataImportView',
+    initialState: exports.initialState,
+    reducers: {
+        fetchInvoicingMigrationSessions(draft) {
+            draft.sessionsFetch = { fetchState: 'In-Progress', error: undefined };
+        },
+        updateInvoicingMigrationSessions(draft, action) {
+            draft.sessions = action.payload;
+            draft.sessionsFetch = { fetchState: 'Completed', error: undefined };
+        },
+        updateInvoicingMigrationSessionsFailure(draft, action) {
+            draft.sessionsFetch = { fetchState: 'Error', error: action.payload };
+        },
+        fetchInvoicingDataImportStatus(draft) {
+            draft.statusFetch = { fetchState: 'In-Progress', error: undefined };
+        },
+        updateInvoicingDataImportStatus(draft, action) {
+            draft.statusRows = action.payload;
+            draft.statusFetch = { fetchState: 'Completed', error: undefined };
+        },
+        updateInvoicingDataImportStatusFailure(draft, action) {
+            draft.statusFetch = { fetchState: 'Error', error: action.payload };
+        },
+        setInvoicingActiveMigrationSessionId(draft, action) {
+            draft.activeDetailId = action.payload;
+        },
+        fetchInvoicingMigrationSession(draft, action) {
+            // Detail/polling fetch is handled by the epic; the cache is updated via
+            // upsert. We track the in-flight id so the UI can scope its polling.
+            draft.activeDetailId = action.payload;
+        },
+        upsertInvoicingMigrationSession(draft, action) {
+            draft.sessionDetail[action.payload.id] = action.payload;
+            draft.sessions = upsertSessionInList(draft.sessions, action.payload);
+        },
+        clearInvoicingDataImportView(draft) {
+            draft.activeDetailId = null;
+            draft.sessions = [];
+            draft.sessionsFetch = { fetchState: 'Not-Started', error: undefined };
+            draft.statusRows = [];
+            draft.statusFetch = { fetchState: 'Not-Started', error: undefined };
+            draft.sessionDetail = {};
+        },
+    },
+});
+_a = dataImportView.actions, exports.fetchInvoicingMigrationSessions = _a.fetchInvoicingMigrationSessions, exports.updateInvoicingMigrationSessions = _a.updateInvoicingMigrationSessions, exports.updateInvoicingMigrationSessionsFailure = _a.updateInvoicingMigrationSessionsFailure, exports.fetchInvoicingDataImportStatus = _a.fetchInvoicingDataImportStatus, exports.updateInvoicingDataImportStatus = _a.updateInvoicingDataImportStatus, exports.updateInvoicingDataImportStatusFailure = _a.updateInvoicingDataImportStatusFailure, exports.fetchInvoicingMigrationSession = _a.fetchInvoicingMigrationSession, exports.setInvoicingActiveMigrationSessionId = _a.setInvoicingActiveMigrationSessionId, exports.upsertInvoicingMigrationSession = _a.upsertInvoicingMigrationSession, exports.clearInvoicingDataImportView = _a.clearInvoicingDataImportView;
+exports.default = dataImportView.reducer;

package/lib/view/invoicing/dataImportView/dataImportViewSelector.d.ts

@@ -0,0 +1,9 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { RootState } from '../../../reducer';
+import { InvoicingDataImportStatusRow, InvoicingMigrationSession } from './dataImportViewPayload';
+export declare const getInvoicingMigrationSessions: (state: RootState) => InvoicingMigrationSession[];
+export declare const getInvoicingMigrationSessionsFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingDataImportStatusRows: (state: RootState) => InvoicingDataImportStatusRow[];
+export declare const getInvoicingDataImportStatusFetchState: (state: RootState) => FetchStateAndError;
+export declare const getInvoicingMigrationSessionById: (id: ID | undefined) => (state: RootState) => InvoicingMigrationSession | undefined;
+export declare const getInvoicingActiveMigrationSessionId: (state: RootState) => ID | null;

package/lib/view/invoicing/dataImportView/dataImportViewSelector.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingActiveMigrationSessionId = exports.getInvoicingMigrationSessionById = exports.getInvoicingDataImportStatusFetchState = exports.getInvoicingDataImportStatusRows = exports.getInvoicingMigrationSessionsFetchState = exports.getInvoicingMigrationSessions = void 0;
+const getInvoicingMigrationSessions = (state) => state.invoicingDataImportViewState.sessions;
+exports.getInvoicingMigrationSessions = getInvoicingMigrationSessions;
+const getInvoicingMigrationSessionsFetchState = (state) => state.invoicingDataImportViewState.sessionsFetch;
+exports.getInvoicingMigrationSessionsFetchState = getInvoicingMigrationSessionsFetchState;
+const getInvoicingDataImportStatusRows = (state) => state.invoicingDataImportViewState.statusRows;
+exports.getInvoicingDataImportStatusRows = getInvoicingDataImportStatusRows;
+const getInvoicingDataImportStatusFetchState = (state) => state.invoicingDataImportViewState.statusFetch;
+exports.getInvoicingDataImportStatusFetchState = getInvoicingDataImportStatusFetchState;
+const getInvoicingMigrationSessionById = (id) => (state) => id != null
+    ? state.invoicingDataImportViewState.sessionDetail[id]
+    : undefined;
+exports.getInvoicingMigrationSessionById = getInvoicingMigrationSessionById;
+const getInvoicingActiveMigrationSessionId = (state) => state.invoicingDataImportViewState.activeDetailId;
+exports.getInvoicingActiveMigrationSessionId = getInvoicingActiveMigrationSessionId;

package/lib/view/invoicing/dataImportView/dataImportViewState.d.ts

@@ -0,0 +1,10 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { InvoicingDataImportStatusRow, InvoicingMigrationSession } from './dataImportViewPayload';
+export interface InvoicingDataImportViewState {
+    activeDetailId: ID | null;
+    sessionDetail: Record<ID, InvoicingMigrationSession>;
+    sessions: InvoicingMigrationSession[];
+    sessionsFetch: FetchStateAndError;
+    statusFetch: FetchStateAndError;
+    statusRows: InvoicingDataImportStatusRow[];
+}

package/lib/view/invoicing/dataImportView/dataImportViewState.js

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

package/lib/view/invoicing/dunningAction/dunningActionEpic.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 { runInvoicingDunningAction, runInvoicingDunningActionFailure, runInvoicingDunningActionSuccess } from './dunningActionReducer';
+export type ActionType = ReturnType<typeof runInvoicingDunningAction> | ReturnType<typeof runInvoicingDunningActionSuccess> | ReturnType<typeof runInvoicingDunningActionFailure> | ReturnType<typeof updateInvoicingDunningCases>;
+export declare const runInvoicingDunningActionEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runInvoicingDunningActionEpic = 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 dunningActionReducer_1 = require("./dunningActionReducer");
+const runInvoicingDunningActionEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(dunningActionReducer_1.runInvoicingDunningAction.match), (0, operators_1.mergeMap)((action) => {
+    const { action: kind, body, id } = action.payload;
+    const apiUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0/dunning/${encodeURIComponent(id)}/${kind}`;
+    return zeniAPI
+        .postAndGetJSON(apiUrl, (body ?? {}))
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return [
+                (0, dunningCaseReducer_1.updateInvoicingDunningCases)([response.data], 'merge'),
+                (0, dunningActionReducer_1.runInvoicingDunningActionSuccess)({ id }),
+            ];
+        }
+        return (0, rxjs_1.of)((0, dunningActionReducer_1.runInvoicingDunningActionFailure)({
+            error: response.status,
+            id,
+        }));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, dunningActionReducer_1.runInvoicingDunningActionFailure)({
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Dunning action REST API call errored out ' +
+            JSON.stringify(error)),
+        id,
+    }))));
+}));
+exports.runInvoicingDunningActionEpic = runInvoicingDunningActionEpic;

package/lib/view/invoicing/dunningAction/dunningActionPayload.d.ts

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

package/lib/view/invoicing/dunningAction/dunningActionPayload.js

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

package/lib/view/invoicing/dunningAction/dunningActionReducer.d.ts

@@ -0,0 +1,20 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingDunningActionBody } from './dunningActionRequestPayload';
+import { InvoicingDunningActionState } from './dunningActionState';
+export interface RunInvoicingDunningActionPayload {
+    action: string;
+    id: ID;
+    /** Optional JSON body for actions that take parameters. */
+    body?: InvoicingDunningActionBody;
+}
+export declare const initialState: InvoicingDunningActionState;
+export type { InvoicingDunningActionState } from './dunningActionState';
+export declare const runInvoicingDunningAction: import("@reduxjs/toolkit").ActionCreatorWithPayload<RunInvoicingDunningActionPayload, "invoicingDunningAction/runInvoicingDunningAction">, runInvoicingDunningActionSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    id: ID;
+}, "invoicingDunningAction/runInvoicingDunningActionSuccess">, runInvoicingDunningActionFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    error: ZeniAPIStatus;
+    id: ID;
+}, "invoicingDunningAction/runInvoicingDunningActionFailure">, clearInvoicingDunningAction: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "invoicingDunningAction/clearInvoicingDunningAction">, clearAllInvoicingDunningActions: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"invoicingDunningAction/clearAllInvoicingDunningActions">;
+declare const _default: import("redux").Reducer<InvoicingDunningActionState>;
+export default _default;

package/lib/view/invoicing/dunningAction/dunningActionReducer.js

@@ -0,0 +1,40 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearAllInvoicingDunningActions = exports.clearInvoicingDunningAction = exports.runInvoicingDunningActionFailure = exports.runInvoicingDunningActionSuccess = exports.runInvoicingDunningAction = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    byId: {},
+};
+const dunningAction = (0, toolkit_1.createSlice)({
+    name: 'invoicingDunningAction',
+    initialState: exports.initialState,
+    reducers: {
+        runInvoicingDunningAction(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'In-Progress',
+                error: undefined,
+            };
+        },
+        runInvoicingDunningActionSuccess(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Completed',
+                error: undefined,
+            };
+        },
+        runInvoicingDunningActionFailure(draft, action) {
+            draft.byId[action.payload.id] = {
+                fetchState: 'Error',
+                error: action.payload.error,
+            };
+        },
+        clearInvoicingDunningAction(draft, action) {
+            delete draft.byId[action.payload];
+        },
+        clearAllInvoicingDunningActions(draft) {
+            draft.byId = {};
+        },
+    },
+});
+_a = dunningAction.actions, exports.runInvoicingDunningAction = _a.runInvoicingDunningAction, exports.runInvoicingDunningActionSuccess = _a.runInvoicingDunningActionSuccess, exports.runInvoicingDunningActionFailure = _a.runInvoicingDunningActionFailure, exports.clearInvoicingDunningAction = _a.clearInvoicingDunningAction, exports.clearAllInvoicingDunningActions = _a.clearAllInvoicingDunningActions;
+exports.default = dunningAction.reducer;

package/lib/view/invoicing/dunningAction/dunningActionRequestPayload.d.ts

@@ -0,0 +1,24 @@
+/** Snake_case request bodies for dunning action endpoints. */
+export type DunningPauseBody = {
+    duration?: number;
+    reason?: string;
+    resume_date?: string;
+};
+export type DunningCollectBody = {
+    amount?: number;
+    payment_method?: string;
+};
+export type DunningEmailBody = {
+    body?: string;
+    cc?: string;
+    subject?: string;
+    to?: string;
+};
+export type DunningBulkEmailBody = {
+    body?: string;
+    case_ids?: string[];
+    cc?: string;
+    subject?: string;
+    to?: string;
+};
+export type InvoicingDunningActionBody = DunningPauseBody | DunningCollectBody | DunningEmailBody | DunningBulkEmailBody | Record<string, never>;

package/lib/view/invoicing/dunningAction/dunningActionRequestPayload.js

@@ -0,0 +1,3 @@
+"use strict";
+/** Snake_case request bodies for dunning action endpoints. */
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/invoicing/dunningAction/dunningActionSelector.d.ts

@@ -0,0 +1,3 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { RootState } from '../../../reducer';
+export declare const getInvoicingDunningActionState: (id: ID) => (state: RootState) => FetchStateAndError;

package/lib/view/invoicing/dunningAction/dunningActionSelector.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingDunningActionState = void 0;
+const NOT_STARTED = {
+    fetchState: 'Not-Started',
+    error: undefined,
+};
+const getInvoicingDunningActionState = (id) => (state) => state.invoicingDunningActionState.byId[id] ?? NOT_STARTED;
+exports.getInvoicingDunningActionState = getInvoicingDunningActionState;

package/lib/view/invoicing/dunningAction/dunningActionState.d.ts

@@ -0,0 +1,5 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+/** Per-dunning-case action fetch state keyed by dunning case id. */
+export interface InvoicingDunningActionState {
+    byId: Record<ID, FetchStateAndError>;
+}

package/lib/view/invoicing/dunningAction/dunningActionState.js

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

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/editInvoicingCatalogItemDetailViewPayload.d.ts

@@ -0,0 +1,11 @@
+import { InvoicingPlanPayload } from '../../../entity/invoicing/plan/planPayload';
+import { InvoicingProductPayload } from '../../../entity/invoicing/product/productPayload';
+import { ZeniAPIResponse } from '../../../responsePayload';
+import { InvoicingCatalogItemFormLocalData } from './editInvoicingCatalogItemDetailViewState';
+export type SaveInvoicingCatalogItemResponse = ZeniAPIResponse<InvoicingPlanPayload | InvoicingProductPayload>;
+/**
+ * Build the create/update catalog-item request body from the form draft. Plans
+ * are sent with nested `sub_family_details`; add-ons / one-time charges flatten
+ * the first sub-family onto the item payload. Ports the web-c form's builder.
+ */
+export declare const localDataToSaveInvoicingCatalogItemPayload: (localData: InvoicingCatalogItemFormLocalData, isCreate: boolean) => Record<string, unknown>;

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

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.localDataToSaveInvoicingCatalogItemPayload = void 0;
+const invoicingCatalogItemFormConfig_1 = require("./invoicingCatalogItemFormConfig");
+const CURRENCY_CODE = 'USD';
+const trimOrUndefined = (value) => value.trim() !== '' ? value.trim() : undefined;
+const toAmountValue = (value) => Number(value) || 0;
+const buildAccountingDetail = (localData) => {
+    const detail = {};
+    if (localData.sku.trim() !== '') {
+        detail.sku = localData.sku.trim();
+    }
+    if (localData.accountingCode.trim() !== '') {
+        detail.accounting_code = localData.accountingCode.trim();
+    }
+    if (localData.accountingCategory.trim() !== '') {
+        detail.accounting_category_1 = localData.accountingCategory.trim();
+    }
+    return Object.keys(detail).length > 0 ? detail : undefined;
+};
+const buildSubFamilyPayload = (localData, subFamily, subFamilyId) => {
+    const isCharge = localData.catalogType === 'charge';
+    const isAddon = localData.catalogType === 'addon';
+    const tiered = (0, invoicingCatalogItemFormConfig_1.isTieredCatalogPricingModel)(subFamily.pricingModel);
+    const resolvedName = trimOrUndefined(subFamily.externalName) ??
+        trimOrUndefined(localData.invoiceName) ??
+        `${localData.name.trim()} ${CURRENCY_CODE}${subFamily.periodUnit ? ` ${subFamily.periodUnit}` : ''}`;
+    const payload = {
+        currency_code: CURRENCY_CODE,
+        free_quantity: Number(subFamily.freeQuantity) || 0,
+        id: subFamilyId,
+        is_taxable: subFamily.isTaxable,
+        item_type: isCharge ? 'charge' : isAddon ? 'addon' : 'plan',
+        name: resolvedName,
+        price: tiered ? 0 : toAmountValue(subFamily.priceDollars),
+        pricing_model: subFamily.pricingModel,
+        show_description_in_invoices: subFamily.showDescriptionInInvoices,
+        show_description_in_quotes: subFamily.showDescriptionInQuotes,
+    };
+    const externalName = trimOrUndefined(subFamily.externalName);
+    if (externalName != null) {
+        payload.external_name = externalName;
+    }
+    const description = trimOrUndefined(subFamily.description);
+    if (description != null) {
+        payload.description = description;
+    }
+    if (subFamily.period.trim() !== '') {
+        payload.period = Number(subFamily.period);
+        payload.period_unit = subFamily.periodUnit || 'month';
+    }
+    if (subFamily.trialPeriod.trim() !== '') {
+        payload.trial_period = Number(subFamily.trialPeriod);
+        payload.trial_period_unit = subFamily.trialPeriodUnit;
+        payload.trial_end_action = subFamily.trialEndAction;
+    }
+    if (subFamily.billingCycles.trim() !== '') {
+        payload.billing_cycles = Number(subFamily.billingCycles);
+    }
+    if (isAddon && subFamily.prorationType) {
+        payload.proration_type = subFamily.prorationType;
+    }
+    const notes = trimOrUndefined(localData.invoiceNotes);
+    if (notes != null) {
+        payload.invoice_notes = notes;
+    }
+    if (tiered) {
+        payload.tiers = subFamily.tiers.map((tier) => ({
+            ending_unit: tier.endingUnit.trim() !== '' ? Number(tier.endingUnit) : undefined,
+            package_size: tier.packageSize.trim() !== '' ? Number(tier.packageSize) : undefined,
+            price: toAmountValue(tier.price),
+            pricing_type: tier.pricingType,
+            starting_unit: Number(tier.startingUnit) || 1,
+        }));
+    }
+    const accountingDetail = buildAccountingDetail(localData);
+    if (accountingDetail != null) {
+        payload.accounting_detail = accountingDetail;
+    }
+    return payload;
+};
+/**
+ * Build the create/update catalog-item request body from the form draft. Plans
+ * are sent with nested `sub_family_details`; add-ons / one-time charges flatten
+ * the first sub-family onto the item payload. Ports the web-c form's builder.
+ */
+const localDataToSaveInvoicingCatalogItemPayload = (localData, isCreate) => {
+    const isPlan = localData.catalogType === 'plan';
+    const itemPayload = {
+        currency_code: CURRENCY_CODE,
+        enabled_for_checkout: true,
+        enabled_in_portal: true,
+        is_giftable: false,
+        is_shippable: false,
+        item_applicability: localData.itemApplicability,
+        metered: false,
+        name: localData.name.trim(),
+        type: isPlan ? 'plan' : 'product',
+    };
+    if (isCreate) {
+        itemPayload.id = localData.itemId.trim();
+    }
+    const externalName = trimOrUndefined(localData.externalName);
+    if (externalName != null) {
+        itemPayload.externalName = externalName;
+    }
+    const description = trimOrUndefined(localData.description);
+    if (description != null) {
+        itemPayload.description = description;
+    }
+    const unit = trimOrUndefined(localData.unit);
+    if (unit != null) {
+        itemPayload.unit = unit;
+    }
+    if (localData.itemApplicability === 'restricted' &&
+        localData.applicableItems.length > 0) {
+        itemPayload.applicableItems = localData.applicableItems;
+    }
+    if (isPlan) {
+        const planId = localData.itemId.trim();
+        const usedIds = new Set();
+        const subFamilyDetails = localData.subFamilies.map((subFamily, index) => {
+            let subFamilyId = `${planId}-${CURRENCY_CODE.toLowerCase()}` +
+                (subFamily.period
+                    ? `-${subFamily.period}${subFamily.periodUnit.charAt(0)}`
+                    : '');
+            if (usedIds.has(subFamilyId)) {
+                subFamilyId = `${subFamilyId}-${index + 1}`;
+            }
+            usedIds.add(subFamilyId);
+            return buildSubFamilyPayload(localData, subFamily, subFamilyId);
+        });
+        return { ...itemPayload, sub_family_details: subFamilyDetails };
+    }
+    const subFamily = localData.subFamilies[0] ?? (0, invoicingCatalogItemFormConfig_1.blankInvoicingCatalogSubFamily)();
+    const subFamilyPayload = buildSubFamilyPayload(localData, subFamily, localData.itemId.trim());
+    delete subFamilyPayload.id;
+    delete subFamilyPayload.name;
+    return { ...itemPayload, ...subFamilyPayload };
+};
+exports.localDataToSaveInvoicingCatalogItemPayload = localDataToSaveInvoicingCatalogItemPayload;

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/editInvoicingCatalogItemDetailViewReducer.d.ts

@@ -0,0 +1,30 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingCatalogItemKind } from '../invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewState';
+import { EditInvoicingCatalogItemDetailViewState, InvoicingCatalogItemFormLocalData } from './editInvoicingCatalogItemDetailViewState';
+/** Push the full form draft into CES (edit tree when `id` is present). */
+export interface UpdateInvoicingCatalogItemFormDraftPayload {
+    localData: InvoicingCatalogItemFormLocalData;
+    id?: ID;
+}
+/** Trigger create (no id) / update (with id) from the stored draft. */
+export interface SubmitInvoicingCatalogItemFormPayload {
+    id?: ID;
+}
+/**
+ * Data-based save used by the catalog detail-page inline edit (which builds its
+ * own partial payload). The create/edit form flow uses the draft-based
+ * `submitInvoicingCatalogItemForm` instead.
+ */
+export interface SaveInvoicingCatalogItemPayload {
+    data: Record<string, unknown>;
+    kind: InvoicingCatalogItemKind;
+    id?: ID;
+}
+export declare const initialState: EditInvoicingCatalogItemDetailViewState;
+export declare const updateInvoicingCatalogItemFormDraft: import("@reduxjs/toolkit").ActionCreatorWithPayload<UpdateInvoicingCatalogItemFormDraftPayload, "editInvoicingCatalogItemDetailView/updateInvoicingCatalogItemFormDraft">, submitInvoicingCatalogItemForm: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: SubmitInvoicingCatalogItemFormPayload], SubmitInvoicingCatalogItemFormPayload, "editInvoicingCatalogItemDetailView/submitInvoicingCatalogItemForm", never, never>, saveInvoicingCatalogItem: import("@reduxjs/toolkit").ActionCreatorWithPayload<SaveInvoicingCatalogItemPayload, "editInvoicingCatalogItemDetailView/saveInvoicingCatalogItem">, submitInvoicingCatalogItemFormSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    itemId: ID;
+    kind: InvoicingCatalogItemKind;
+}, "editInvoicingCatalogItemDetailView/submitInvoicingCatalogItemFormSuccess">, submitInvoicingCatalogItemFormFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "editInvoicingCatalogItemDetailView/submitInvoicingCatalogItemFormFailure">, resetEditInvoicingCatalogItemDetailView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"editInvoicingCatalogItemDetailView/resetEditInvoicingCatalogItemDetailView">;
+declare const _default: import("redux").Reducer<EditInvoicingCatalogItemDetailViewState>;
+export default _default;

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/editInvoicingCatalogItemDetailViewReducer.js

@@ -0,0 +1,68 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetEditInvoicingCatalogItemDetailView = exports.submitInvoicingCatalogItemFormFailure = exports.submitInvoicingCatalogItemFormSuccess = exports.saveInvoicingCatalogItem = exports.submitInvoicingCatalogItemForm = exports.updateInvoicingCatalogItemFormDraft = exports.initialState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const invoicingCatalogItemFormConfig_1 = require("./invoicingCatalogItemFormConfig");
+exports.initialState = {
+    fetchState: 'Not-Started',
+    error: undefined,
+    editDraftById: {},
+    newItemDraft: { ...invoicingCatalogItemFormConfig_1.initialInvoicingCatalogItemFormLocalData },
+    savedItemId: undefined,
+    savedKind: undefined,
+    hasValidState() {
+        return this.fetchState === 'Completed';
+    },
+};
+const editInvoicingCatalogItemDetailView = (0, toolkit_1.createSlice)({
+    name: 'editInvoicingCatalogItemDetailView',
+    initialState: exports.initialState,
+    reducers: {
+        updateInvoicingCatalogItemFormDraft(draft, action) {
+            const { id, localData } = action.payload;
+            if (id != null) {
+                draft.editDraftById[id] = localData;
+            }
+            else {
+                draft.newItemDraft = localData;
+            }
+        },
+        submitInvoicingCatalogItemForm: {
+            reducer(draft) {
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+                draft.savedItemId = undefined;
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        saveInvoicingCatalogItem(draft, action) {
+            draft.fetchState = 'In-Progress';
+            draft.error = undefined;
+            draft.savedItemId = undefined;
+            draft.savedKind = action.payload.kind;
+        },
+        submitInvoicingCatalogItemFormSuccess(draft, action) {
+            draft.fetchState = 'Completed';
+            draft.error = undefined;
+            draft.savedItemId = action.payload.itemId;
+            draft.savedKind = action.payload.kind;
+        },
+        submitInvoicingCatalogItemFormFailure(draft, action) {
+            draft.fetchState = 'Error';
+            draft.error = action.payload;
+        },
+        resetEditInvoicingCatalogItemDetailView(draft) {
+            draft.fetchState = 'Not-Started';
+            draft.error = undefined;
+            draft.savedItemId = undefined;
+            draft.savedKind = undefined;
+            draft.editDraftById = {};
+            draft.newItemDraft = { ...invoicingCatalogItemFormConfig_1.initialInvoicingCatalogItemFormLocalData };
+        },
+    },
+});
+_a = editInvoicingCatalogItemDetailView.actions, exports.updateInvoicingCatalogItemFormDraft = _a.updateInvoicingCatalogItemFormDraft, exports.submitInvoicingCatalogItemForm = _a.submitInvoicingCatalogItemForm, exports.saveInvoicingCatalogItem = _a.saveInvoicingCatalogItem, exports.submitInvoicingCatalogItemFormSuccess = _a.submitInvoicingCatalogItemFormSuccess, exports.submitInvoicingCatalogItemFormFailure = _a.submitInvoicingCatalogItemFormFailure, exports.resetEditInvoicingCatalogItemDetailView = _a.resetEditInvoicingCatalogItemDetailView;
+exports.default = editInvoicingCatalogItemDetailView.reducer;

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/editInvoicingCatalogItemDetailViewSelector.d.ts

@@ -0,0 +1,32 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
+import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
+import { RootState } from '../../../reducer';
+import { InvoicingCatalogItemKind } from '../invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewState';
+import { InvoicingCatalogItemFormLocalData } from './editInvoicingCatalogItemDetailViewState';
+export declare const getEditInvoicingCatalogItemDetailViewState: (state: RootState) => FetchStateAndError;
+export declare const getSavedInvoicingCatalogItemId: (state: RootState) => ID | undefined;
+export declare const getSavedInvoicingCatalogItemKind: (state: RootState) => InvoicingCatalogItemKind | undefined;
+/**
+ * Bundled view for the catalog item create/edit form's save concern: the save
+ * fetch state/error, the id/kind last saved, and — when `kind`/`id` are passed
+ * (edit mode) — the existing plan or product to prefill the form.
+ */
+export interface InvoicingCatalogItemFormView extends SelectorView {
+    applicabilityValues: string[];
+    localData: InvoicingCatalogItemFormLocalData;
+    mode: 'create' | 'edit';
+    periodUnitValues: string[];
+    pricingModelValues: string[];
+    prorationValues: string[];
+    tierTypeValues: string[];
+    trialEndActionValues: string[];
+    trialUnitValues: string[];
+    typeValues: string[];
+    plan?: InvoicingPlan;
+    product?: InvoicingProduct;
+    savedItemId?: ID;
+    savedKind?: InvoicingCatalogItemKind;
+}
+export declare const getInvoicingCatalogItemFormView: (state: RootState, kind?: InvoicingCatalogItemKind, id?: ID) => InvoicingCatalogItemFormView;

package/lib/view/invoicing/editInvoicingCatalogItemDetailView/editInvoicingCatalogItemDetailViewSelector.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingCatalogItemFormView = exports.getSavedInvoicingCatalogItemKind = exports.getSavedInvoicingCatalogItemId = exports.getEditInvoicingCatalogItemDetailViewState = void 0;
+const planSelector_1 = require("../../../entity/invoicing/plan/planSelector");
+const productSelector_1 = require("../../../entity/invoicing/product/productSelector");
+const invoicingCatalogItemFormConfig_1 = require("./invoicingCatalogItemFormConfig");
+const getEditInvoicingCatalogItemDetailViewState = (state) => ({
+    fetchState: state.editInvoicingCatalogItemDetailViewState.fetchState,
+    error: state.editInvoicingCatalogItemDetailViewState.error,
+});
+exports.getEditInvoicingCatalogItemDetailViewState = getEditInvoicingCatalogItemDetailViewState;
+const getSavedInvoicingCatalogItemId = (state) => state.editInvoicingCatalogItemDetailViewState.savedItemId;
+exports.getSavedInvoicingCatalogItemId = getSavedInvoicingCatalogItemId;
+const getSavedInvoicingCatalogItemKind = (state) => state.editInvoicingCatalogItemDetailViewState.savedKind;
+exports.getSavedInvoicingCatalogItemKind = getSavedInvoicingCatalogItemKind;
+const getInvoicingCatalogItemFormView = (state, kind, id) => {
+    const { editDraftById, error, fetchState, newItemDraft, savedItemId, savedKind } = state.editInvoicingCatalogItemDetailViewState;
+    const plan = kind === 'plan' && id != null
+        ? (0, planSelector_1.getInvoicingPlanById)(state.invoicingPlanState, id)
+        : undefined;
+    const product = kind === 'product' && id != null
+        ? (0, productSelector_1.getInvoicingProductById)(state.invoicingProductState, id)
+        : undefined;
+    const localData = id != null
+        ? (editDraftById[id] ??
+            (0, invoicingCatalogItemFormConfig_1.entityToInvoicingCatalogItemFormLocalData)(plan ?? product, kind))
+        : newItemDraft;
+    return {
+        applicabilityValues: [...invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_APPLICABILITY_VALUES],
+        localData,
+        mode: id != null ? 'edit' : 'create',
+        periodUnitValues: [...invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_PERIOD_UNIT_VALUES],
+        pricingModelValues: [...invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_PRICING_MODEL_VALUES],
+        prorationValues: [...invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_PRORATION_VALUES],
+        tierTypeValues: [...invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_TIER_TYPE_VALUES],
+        trialEndActionValues: [...invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_TRIAL_END_ACTION_VALUES],
+        trialUnitValues: [...invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_TRIAL_UNIT_VALUES],
+        typeValues: [...invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_TYPE_VALUES],
+        plan,
+        product,
+        savedItemId,
+        savedKind,
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingCatalogItemFormView = getInvoicingCatalogItemFormView;