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

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

@@ -0,0 +1,40 @@
+import { ID } from '../../../commonStateTypes/common';
+import { ZeniAPIStatus } from '../../../responsePayload';
+import { InvoicingCatalogItemKind } from '../invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewState';
+import type { CatalogDetailProductUpdate } from './catalogDetailEditPayload';
+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;
+    productUpdates?: CatalogDetailProductUpdate[];
+}
+export interface CreateInvoicingCatalogSubFamilyPayload {
+    data: Record<string, unknown>;
+    parentItemId: ID;
+}
+export interface ArchiveInvoicingCatalogSubFamilyPayload {
+    parentItemId: ID;
+    subFamilyId: 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">, createInvoicingCatalogSubFamily: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: CreateInvoicingCatalogSubFamilyPayload], CreateInvoicingCatalogSubFamilyPayload, "editInvoicingCatalogItemDetailView/createInvoicingCatalogSubFamily", never, never>, archiveInvoicingCatalogSubFamily: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[payload: ArchiveInvoicingCatalogSubFamilyPayload], ArchiveInvoicingCatalogSubFamilyPayload, "editInvoicingCatalogItemDetailView/archiveInvoicingCatalogSubFamily", never, never>, 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,88 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetEditInvoicingCatalogItemDetailView = exports.submitInvoicingCatalogItemFormFailure = exports.submitInvoicingCatalogItemFormSuccess = exports.archiveInvoicingCatalogSubFamily = exports.createInvoicingCatalogSubFamily = 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;
+        },
+        createInvoicingCatalogSubFamily: {
+            reducer(draft) {
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+                draft.savedItemId = undefined;
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        archiveInvoicingCatalogSubFamily: {
+            reducer(draft) {
+                draft.fetchState = 'In-Progress';
+                draft.error = undefined;
+                draft.savedItemId = undefined;
+            },
+            prepare(payload) {
+                return { payload };
+            },
+        },
+        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.createInvoicingCatalogSubFamily = _a.createInvoicingCatalogSubFamily, exports.archiveInvoicingCatalogSubFamily = _a.archiveInvoicingCatalogSubFamily, 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,46 @@
+import { FetchStateAndError, ID } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
+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;
+/** Picker option for a plan's `applicable_items` (add-ons / one-time charges). */
+export interface ApplicableCatalogItemOption {
+    id: string;
+    label: string;
+    subtitle?: string;
+}
+/**
+ * Memoized add-on / one-time-charge options sourced from the catalog list slice.
+ * Kept referentially stable across unrelated dispatches; the form view filters
+ * out the item being edited (see `getInvoicingCatalogItemFormView`).
+ */
+export declare const getInvoicingApplicableCatalogItemOptions: (state: RootState) => ApplicableCatalogItemOption[];
+/**
+ * Bundled view for the catalog item create/edit form. Given only the parent
+ * item `id`, it prefills the draft `localData` from the existing entity in edit
+ * mode, exposes the enum option sets and the
+ * `applicableItems` picker options, and carries the save fetch state/error plus
+ * the id/kind last saved — so the consumer wires a single selector.
+ */
+export interface InvoicingCatalogItemFormView extends SelectorView {
+    applicabilityValues: readonly string[];
+    applicableItemOptions: ApplicableCatalogItemOption[];
+    localData: InvoicingCatalogItemFormLocalData;
+    mode: 'create' | 'edit';
+    periodUnitValues: readonly string[];
+    pricingModelValues: readonly string[];
+    prorationValues: readonly string[];
+    tierTypeValues: readonly string[];
+    trialEndActionValues: readonly string[];
+    trialUnitValues: readonly string[];
+    typeValues: readonly string[];
+    kind?: InvoicingCatalogItemKind;
+    plan?: InvoicingPlan;
+    savedItemId?: ID;
+    savedKind?: InvoicingCatalogItemKind;
+}
+export declare const getInvoicingCatalogItemFormView: (state: RootState, id?: ID) => InvoicingCatalogItemFormView;

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInvoicingCatalogItemFormView = exports.getInvoicingApplicableCatalogItemOptions = exports.getSavedInvoicingCatalogItemKind = exports.getSavedInvoicingCatalogItemId = exports.getEditInvoicingCatalogItemDetailViewState = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const planSelector_1 = require("../../../entity/invoicing/plan/planSelector");
+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 isAddonOrCharge = (type) => type === 'addon' || type === 'charge';
+const catalogItemSubtitle = (productCode, detail) => {
+    const parts = [productCode, detail].filter((part) => part != null && part !== '');
+    return parts.length > 0 ? parts.join(' • ') : undefined;
+};
+const buildApplicableCatalogItemOptions = (plans) => {
+    const options = new Map();
+    for (const plan of plans) {
+        const type = plan.type ?? plan.itemType;
+        if (!isAddonOrCharge(type)) {
+            continue;
+        }
+        options.set(plan.id, {
+            id: plan.id,
+            label: plan.name ?? plan.id,
+            subtitle: catalogItemSubtitle(plan.productCode, type),
+        });
+    }
+    return [...options.values()].sort((a, b) => a.label.localeCompare(b.label));
+};
+/**
+ * Memoized add-on / one-time-charge options sourced from the catalog list slice.
+ * Kept referentially stable across unrelated dispatches; the form view filters
+ * out the item being edited (see `getInvoicingCatalogItemFormView`).
+ */
+exports.getInvoicingApplicableCatalogItemOptions = (0, toolkit_1.createSelector)((state) => state.invoicingPlanState, (state) => state.invoicingCatalogListViewState, (planState, listViewState) => buildApplicableCatalogItemOptions((0, planSelector_1.getInvoicingPlansByIds)(planState, [
+    ...listViewState.planIds,
+    ...listViewState.productIds,
+])));
+const getInvoicingCatalogItemFormView = (state, id) => {
+    const { editDraftById, error, fetchState, newItemDraft, savedItemId, savedKind, } = state.editInvoicingCatalogItemDetailViewState;
+    const plan = id != null ? (0, planSelector_1.getInvoicingPlanById)(state.invoicingPlanState, id) : undefined;
+    const kind = plan != null ? 'plan' : undefined;
+    const localData = id != null
+        ? (editDraftById[id] ?? (0, invoicingCatalogItemFormConfig_1.entityToInvoicingCatalogItemFormLocalData)(plan))
+        : newItemDraft;
+    const allApplicableItemOptions = (0, exports.getInvoicingApplicableCatalogItemOptions)(state);
+    const applicableItemOptions = id != null
+        ? allApplicableItemOptions.filter((option) => option.id !== id)
+        : allApplicableItemOptions;
+    return {
+        applicabilityValues: invoicingCatalogItemFormConfig_1.INVOICING_CATALOG_APPLICABILITY_VALUES,
+        applicableItemOptions,
+        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,
+        kind,
+        plan,
+        savedItemId,
+        savedKind,
+        fetchState,
+        error,
+        version: 1.0,
+    };
+};
+exports.getInvoicingCatalogItemFormView = getInvoicingCatalogItemFormView;

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

@@ -0,0 +1,58 @@
+import { FetchedState, ID } from '../../../commonStateTypes/common';
+import { InvoicingCatalogItemKind } from '../invoicingCatalogItemDetailView/invoicingCatalogItemDetailViewState';
+/** A single pricing tier within a sub-family (values kept as raw strings). */
+export interface InvoicingCatalogItemFormTier {
+    endingUnit: string;
+    packageSize: string;
+    price: string;
+    pricingType: string;
+    startingUnit: string;
+}
+/** A sub-family (price point) of a catalog item. */
+export interface InvoicingCatalogItemFormSubFamily {
+    billingCycles: string;
+    description: string;
+    freeQuantity: string;
+    id: string;
+    invoiceNotes: string;
+    isTaxable: boolean;
+    name: string;
+    period: string;
+    periodUnit: string;
+    priceCode: string;
+    priceDollars: string;
+    pricingModel: string;
+    prorationType: string;
+    showDescriptionInInvoices: boolean;
+    showDescriptionInQuotes: boolean;
+    tiers: InvoicingCatalogItemFormTier[];
+    trialEndAction: string;
+    trialPeriod: string;
+    trialPeriodUnit: string;
+}
+/**
+ * Draft form state for the create/edit catalog item (plan / add-on / one-time
+ * charge) form. Held in CES so the form flows its data from here (mirrors the
+ * customer form pattern). `catalogType` is `plan` | `addon` | `charge`; the
+ * every type is persisted as a parent catalog item through `/catalog/plans`.
+ */
+export interface InvoicingCatalogItemFormLocalData {
+    accountingCategory: string;
+    accountingCode: string;
+    applicableItems: string[];
+    catalogType: string;
+    description: string;
+    externalId: string;
+    itemApplicability: string;
+    name: string;
+    productCode: string;
+    sku: string;
+    subFamilies: InvoicingCatalogItemFormSubFamily[];
+    unit: string;
+}
+export interface EditInvoicingCatalogItemDetailViewState extends FetchedState {
+    editDraftById: Record<ID, InvoicingCatalogItemFormLocalData>;
+    newItemDraft: InvoicingCatalogItemFormLocalData;
+    savedItemId?: ID;
+    savedKind?: InvoicingCatalogItemKind;
+}

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

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

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

@@ -0,0 +1,24 @@
+import { InvoicingPlan } from '../../../entity/invoicing/plan/planState';
+import { InvoicingProduct } from '../../../entity/invoicing/product/productState';
+import { InvoicingCatalogItemFormLocalData, InvoicingCatalogItemFormSubFamily, InvoicingCatalogItemFormTier } from './editInvoicingCatalogItemDetailViewState';
+/**
+ * Canonical value sets for the catalog item form. CES owns the values;
+ * web-components maps each value to a localized label.
+ */
+export declare const INVOICING_CATALOG_TYPE_VALUES: readonly ["plan", "addon", "charge"];
+export declare const INVOICING_CATALOG_PERIOD_UNIT_VALUES: readonly ["day", "week", "month", "year"];
+export declare const INVOICING_CATALOG_PRICING_MODEL_VALUES: readonly ["flat_fee", "per_unit", "tiered", "volume", "stairstep"];
+export declare const INVOICING_CATALOG_TIER_TYPE_VALUES: readonly ["per_unit", "flat_fee", "package"];
+export declare const INVOICING_CATALOG_TRIAL_UNIT_VALUES: readonly ["day", "month"];
+export declare const INVOICING_CATALOG_TRIAL_END_ACTION_VALUES: readonly ["site_default", "activate_subscription", "cancel_subscription"];
+export declare const INVOICING_CATALOG_PRORATION_VALUES: readonly ["site_default", "partial_term", "full_term"];
+export declare const INVOICING_CATALOG_APPLICABILITY_VALUES: readonly ["all", "restricted"];
+export declare const isTieredCatalogPricingModel: (model: string) => boolean;
+export declare const blankInvoicingCatalogTier: (startingUnit?: string) => InvoicingCatalogItemFormTier;
+export declare const blankInvoicingCatalogSubFamily: () => InvoicingCatalogItemFormSubFamily;
+export declare const invoicingProductToCatalogItemFormSubFamily: (product?: InvoicingProduct) => InvoicingCatalogItemFormSubFamily;
+export declare const initialInvoicingCatalogItemFormLocalData: InvoicingCatalogItemFormLocalData;
+/**
+ * Seed the form draft from a parent catalog item and its embedded sub-families.
+ */
+export declare const entityToInvoicingCatalogItemFormLocalData: (item?: InvoicingPlan) => InvoicingCatalogItemFormLocalData;

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

@@ -0,0 +1,162 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.entityToInvoicingCatalogItemFormLocalData = exports.initialInvoicingCatalogItemFormLocalData = exports.invoicingProductToCatalogItemFormSubFamily = exports.blankInvoicingCatalogSubFamily = exports.blankInvoicingCatalogTier = exports.isTieredCatalogPricingModel = exports.INVOICING_CATALOG_APPLICABILITY_VALUES = exports.INVOICING_CATALOG_PRORATION_VALUES = exports.INVOICING_CATALOG_TRIAL_END_ACTION_VALUES = exports.INVOICING_CATALOG_TRIAL_UNIT_VALUES = exports.INVOICING_CATALOG_TIER_TYPE_VALUES = exports.INVOICING_CATALOG_PRICING_MODEL_VALUES = exports.INVOICING_CATALOG_PERIOD_UNIT_VALUES = exports.INVOICING_CATALOG_TYPE_VALUES = void 0;
+/**
+ * Canonical value sets for the catalog item form. CES owns the values;
+ * web-components maps each value to a localized label.
+ */
+exports.INVOICING_CATALOG_TYPE_VALUES = [
+    'plan',
+    'addon',
+    'charge',
+];
+exports.INVOICING_CATALOG_PERIOD_UNIT_VALUES = [
+    'day',
+    'week',
+    'month',
+    'year',
+];
+exports.INVOICING_CATALOG_PRICING_MODEL_VALUES = [
+    'flat_fee',
+    'per_unit',
+    'tiered',
+    'volume',
+    'stairstep',
+];
+exports.INVOICING_CATALOG_TIER_TYPE_VALUES = [
+    'per_unit',
+    'flat_fee',
+    'package',
+];
+exports.INVOICING_CATALOG_TRIAL_UNIT_VALUES = ['day', 'month'];
+exports.INVOICING_CATALOG_TRIAL_END_ACTION_VALUES = [
+    'site_default',
+    'activate_subscription',
+    'cancel_subscription',
+];
+exports.INVOICING_CATALOG_PRORATION_VALUES = [
+    'site_default',
+    'partial_term',
+    'full_term',
+];
+exports.INVOICING_CATALOG_APPLICABILITY_VALUES = [
+    'all',
+    'restricted',
+];
+const isTieredCatalogPricingModel = (model) => ['tiered', 'volume', 'stairstep'].includes(model);
+exports.isTieredCatalogPricingModel = isTieredCatalogPricingModel;
+const blankInvoicingCatalogTier = (startingUnit = '1') => ({
+    endingUnit: '',
+    packageSize: '',
+    price: '',
+    pricingType: 'per_unit',
+    startingUnit,
+});
+exports.blankInvoicingCatalogTier = blankInvoicingCatalogTier;
+const blankInvoicingCatalogSubFamily = () => ({
+    billingCycles: '',
+    description: '',
+    freeQuantity: '0',
+    id: '',
+    invoiceNotes: '',
+    isTaxable: true,
+    name: '',
+    period: '1',
+    periodUnit: 'month',
+    priceDollars: '',
+    priceCode: '',
+    pricingModel: 'flat_fee',
+    prorationType: 'site_default',
+    showDescriptionInInvoices: true,
+    showDescriptionInQuotes: true,
+    tiers: [(0, exports.blankInvoicingCatalogTier)('1')],
+    trialEndAction: 'site_default',
+    trialPeriod: '',
+    trialPeriodUnit: 'month',
+});
+exports.blankInvoicingCatalogSubFamily = blankInvoicingCatalogSubFamily;
+const invoicingProductToCatalogItemFormSubFamily = (product) => {
+    const base = (0, exports.blankInvoicingCatalogSubFamily)();
+    if (product == null) {
+        return base;
+    }
+    return {
+        ...base,
+        billingCycles: product.billingCycles != null ? String(product.billingCycles) : '',
+        description: product.description ?? '',
+        freeQuantity: product.freeQuantity != null ? String(product.freeQuantity) : '0',
+        id: product.id,
+        invoiceNotes: product.invoiceNotes ?? '',
+        isTaxable: product.isTaxable ?? true,
+        name: product.name ?? '',
+        period: product.period != null ? String(product.period) : '1',
+        periodUnit: product.periodUnit ?? 'month',
+        priceDollars: product.price != null ? String(product.price.amount) : '',
+        priceCode: product.priceCode ?? '',
+        pricingModel: product.pricingModel ?? 'flat_fee',
+        prorationType: product.prorationType ?? 'site_default',
+        showDescriptionInInvoices: product.showDescriptionInInvoices ?? true,
+        showDescriptionInQuotes: product.showDescriptionInQuotes ?? true,
+        tiers: product.tiers != null && product.tiers.length > 0
+            ? product.tiers.map((tier) => ({
+                endingUnit: tier.endingUnit != null ? String(tier.endingUnit) : '',
+                packageSize: tier.packageSize != null ? String(tier.packageSize) : '',
+                price: String(tier.price.amount),
+                pricingType: tier.pricingType ?? 'per_unit',
+                startingUnit: String(tier.startingUnit ?? 1),
+            }))
+            : [(0, exports.blankInvoicingCatalogTier)('1')],
+        trialEndAction: product.trialEndAction ?? 'site_default',
+        trialPeriod: product.trialPeriod != null ? String(product.trialPeriod) : '',
+        trialPeriodUnit: product.trialPeriodUnit ?? 'month',
+    };
+};
+exports.invoicingProductToCatalogItemFormSubFamily = invoicingProductToCatalogItemFormSubFamily;
+exports.initialInvoicingCatalogItemFormLocalData = {
+    accountingCategory: '',
+    accountingCode: '',
+    applicableItems: [],
+    catalogType: 'plan',
+    description: '',
+    externalId: '',
+    itemApplicability: 'all',
+    name: '',
+    productCode: '',
+    sku: '',
+    subFamilies: [(0, exports.blankInvoicingCatalogSubFamily)()],
+    unit: '',
+};
+/**
+ * Seed the form draft from a parent catalog item and its embedded sub-families.
+ */
+const entityToInvoicingCatalogItemFormLocalData = (item) => {
+    if (item == null) {
+        return {
+            ...exports.initialInvoicingCatalogItemFormLocalData,
+            subFamilies: [(0, exports.blankInvoicingCatalogSubFamily)()],
+        };
+    }
+    const plan = item;
+    const catalogType = plan.type === 'charge' || plan.itemType === 'charge'
+        ? 'charge'
+        : plan.type === 'addon' || plan.itemType === 'addon'
+            ? 'addon'
+            : 'plan';
+    return {
+        accountingCategory: plan.subFamilies?.[0]?.accountingDetail?.accountingCategory1 ?? '',
+        accountingCode: plan.subFamilies?.[0]?.accountingDetail?.accountingCode ?? '',
+        applicableItems: item.applicableItems ?? [],
+        catalogType,
+        description: item.description ?? '',
+        externalId: item.externalId ?? '',
+        itemApplicability: item.itemApplicability ?? 'all',
+        name: item.name ?? '',
+        productCode: item.productCode ?? '',
+        sku: plan.subFamilies?.[0]?.accountingDetail?.sku ?? '',
+        subFamilies: plan?.subFamilies != null && plan.subFamilies.length > 0
+            ? plan.subFamilies.map(exports.invoicingProductToCatalogItemFormSubFamily)
+            : [(0, exports.invoicingProductToCatalogItemFormSubFamily)()],
+        unit: item.unit ?? '',
+    };
+};
+exports.entityToInvoicingCatalogItemFormLocalData = entityToInvoicingCatalogItemFormLocalData;

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

@@ -0,0 +1,9 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { mergeInvoicingPlanSubFamily } from '../../../entity/invoicing/plan/planReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { archiveInvoicingCatalogSubFamily, createInvoicingCatalogSubFamily, submitInvoicingCatalogItemFormFailure, submitInvoicingCatalogItemFormSuccess } from './editInvoicingCatalogItemDetailViewReducer';
+export type ActionType = ReturnType<typeof createInvoicingCatalogSubFamily> | ReturnType<typeof archiveInvoicingCatalogSubFamily> | ReturnType<typeof mergeInvoicingPlanSubFamily> | ReturnType<typeof submitInvoicingCatalogItemFormSuccess> | ReturnType<typeof submitInvoicingCatalogItemFormFailure>;
+export declare const createInvoicingCatalogSubFamilyEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const archiveInvoicingCatalogSubFamilyEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.archiveInvoicingCatalogSubFamilyEpic = exports.createInvoicingCatalogSubFamilyEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const planReducer_1 = require("../../../entity/invoicing/plan/planReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const editInvoicingCatalogItemDetailViewReducer_1 = require("./editInvoicingCatalogItemDetailViewReducer");
+const subFamilySuccessActions = (parentItemId, subFamilyPayload) => [
+    (0, planReducer_1.mergeInvoicingPlanSubFamily)(parentItemId, subFamilyPayload),
+    (0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormSuccess)({
+        itemId: parentItemId,
+        kind: 'plan',
+    }),
+];
+const createInvoicingCatalogSubFamilyEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(editInvoicingCatalogItemDetailViewReducer_1.createInvoicingCatalogSubFamily.match), (0, operators_1.mergeMap)((action) => {
+    const { data, parentItemId } = action.payload;
+    const baseUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
+    return zeniAPI
+        .postAndGetJSON(`${baseUrl}/catalog/products`, data)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return subFamilySuccessActions(parentItemId, response.data);
+        }
+        return (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create sub-family REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.createInvoicingCatalogSubFamilyEpic = createInvoicingCatalogSubFamilyEpic;
+const archiveInvoicingCatalogSubFamilyEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(editInvoicingCatalogItemDetailViewReducer_1.archiveInvoicingCatalogSubFamily.match), (0, operators_1.mergeMap)((action) => {
+    const { parentItemId, subFamilyId } = action.payload;
+    const baseUrl = `${zeniAPI.apiEndPoints.invoicingMicroServiceBaseUrl}/1.0`;
+    const path = `${baseUrl}/catalog/products/${encodeURIComponent(subFamilyId)}/actions`;
+    return zeniAPI
+        .postAndGetJSON(path, { action: 'archive' })
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            return subFamilySuccessActions(parentItemId, response.data);
+        }
+        return (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)(response.status));
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editInvoicingCatalogItemDetailViewReducer_1.submitInvoicingCatalogItemFormFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Archive sub-family REST API call errored out ' +
+        JSON.stringify(error))))));
+}));
+exports.archiveInvoicingCatalogSubFamilyEpic = archiveInvoicingCatalogSubFamilyEpic;

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

@@ -0,0 +1,10 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { mergeInvoicingPlanSubFamily, updateInvoicingPlans } from '../../../entity/invoicing/plan/planReducer';
+import { updateInvoicingProducts } from '../../../entity/invoicing/product/productReducer';
+import { RootState } from '../../../reducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { addInvoicingCatalogItem } from '../invoicingCatalogListView/invoicingCatalogListViewReducer';
+import { saveInvoicingCatalogItem, submitInvoicingCatalogItemForm, submitInvoicingCatalogItemFormFailure, submitInvoicingCatalogItemFormSuccess } from './editInvoicingCatalogItemDetailViewReducer';
+export type ActionType = ReturnType<typeof submitInvoicingCatalogItemForm> | ReturnType<typeof saveInvoicingCatalogItem> | ReturnType<typeof submitInvoicingCatalogItemFormSuccess> | ReturnType<typeof submitInvoicingCatalogItemFormFailure> | ReturnType<typeof updateInvoicingPlans> | ReturnType<typeof updateInvoicingProducts> | ReturnType<typeof mergeInvoicingPlanSubFamily> | ReturnType<typeof addInvoicingCatalogItem>;
+export declare const saveInvoicingCatalogItemEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;