@zeniai/web-components 4.1.67-betaJK2 → 4.1.67-betaVR1

package/dist/components/commonSetUp/approval/VendorConditionRow.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Form-state keys used by the vendor condition group.
+ *
+ * Vendor and department rows split their form state across two keys
+ * because the multi-select primitive's native value is the
+ * `{allOptions, selectedOptions}` shape, which doesn't match the wire
+ * `VendorCriteria.vendorIds` `string[]`. The screen connector reads
+ * `selection.selectedOptions` and translates to the canonical
+ * `VendorCriteria` at save time.
+ */
+export declare const VENDOR_CRITERIA_FIELD = "vendorCriteria";
+export declare const VENDOR_OPERATOR_FIELD = "vendorCriteria.operator";
+export declare const VENDOR_SELECTION_FIELD = "vendorCriteria.selection";
+export interface VendorOption {
+    id: string;
+    name: string;
+}
+export interface VendorConditionRowProps {
+    /**
+     * All vendor IDs the user can choose from. Display names are
+     * resolved via `vendorNamesById`.
+     */
+    allVendorIds: string[];
+    vendorNamesById: Record<string, string>;
+}
+export declare function VendorConditionRow({ allVendorIds, vendorNamesById, }: VendorConditionRowProps): import("react/jsx-runtime").JSX.Element;
+export default VendorConditionRow;

package/dist/components/spendManagement/billPay/billPaySetUp/BillPayApprovalRuleDetailPage.d.ts

@@ -1,24 +1,119 @@
-import { ApprovalUpdateActionType, BillPaySetupApproverUpdateDataView, ID } from '@zeniai/client-epic-state';
+import { AmountComparator, AmountCriteria, ApprovalUpdateActionType, BillPayApprovalRuleWithUser, BillPaySetupApproverUpdateDataView, ID } from '@zeniai/client-epic-state';
 import { ResponsiveSized } from '../../../../context/windowSizeProvider';
-import { StepData } from '../../common/followStepsSection/FollowStepsSectionMedium';
-declare const lowerBound = "lowerBound";
-declare const upperBound = "upperBound";
+import { ApprovalStageData } from '../../../commonSetUp/approval/ApprovalStageRow';
+import { IsOrIsNotOperator } from '../../../commonSetUp/approval/OperatorIsOrIsNotPicker';
+declare const name = "name";
+declare const description = "description";
+declare const amountCriteria = "amountCriteria";
+declare const vendorCriteria = "vendorCriteria";
+declare const departmentCriteria = "departmentCriteria";
 declare const steps = "steps";
+declare const separationOfDuties = "separationOfDuties";
+declare const isFallback = "isFallback";
 declare const applyToExistingBills = "applyToExistingBills";
+/**
+ * Form-side shape for vendor / department conditions.
+ *
+ * The widget primitive (`LabeledMultiSelectField`) stores its value as
+ * `{allOptions, selectedOptions}`, which doesn't match the wire shape
+ * `{type, operator, vendorIds | departmentIds}`. The form stores the
+ * widget-native shape under each slot and the screen connector
+ * translates to the canonical `VendorCriteria` / `DepartmentCriteria`
+ * at save time.
+ *
+ * The `operator` slot is driven by `SingleSelectField`, which writes
+ * the wrapped `{allOptions, selectedOption}` shape to form state, so
+ * we declare it inline as `{allOptions, selectedOption}` here.
+ * `getDefaultValues` seeds the wrapped shape too, so the runtime
+ * always matches the type. Readers do `value.operator.selectedOption`.
+ */
+export interface MultiSelectFormValue {
+    allOptions: string[];
+    selectedOptions: string[];
+}
+export interface VendorConditionFormValue {
+    operator: {
+        allOptions: IsOrIsNotOperator[];
+        selectedOption?: IsOrIsNotOperator;
+    };
+    selection: MultiSelectFormValue;
+}
+export interface DepartmentConditionFormValue {
+    operator: {
+        allOptions: IsOrIsNotOperator[];
+        selectedOption?: IsOrIsNotOperator;
+    };
+    selection: MultiSelectFormValue;
+}
+/**
+ * Form-side amount shape. Same reason as vendor/department: the
+ * comparator slot is `SingleSelectField`-driven, so its runtime shape
+ * is the wrapper. The min/max remain canonical `Amount` because they
+ * are driven by `TextField` which writes bare values.
+ */
+export interface AmountConditionFormValue {
+    comparator: {
+        allOptions: AmountComparator[];
+        selectedOption?: AmountComparator;
+    };
+    type: "amount";
+    max?: AmountCriteria["max"];
+    min?: AmountCriteria["min"];
+}
+/**
+ * Full Approval Rules 3.0 form data shape.
+ *
+ * Each top-level slot corresponds to one section of the form. Bindings
+ * land incrementally — the slots are declared up front so the contract is
+ * stable across tasks:
+ *   - amountCriteria — task #8
+ *   - vendorCriteria / departmentCriteria — tasks #9–#10 (this change)
+ *   - separationOfDuties — task #14
+ *   - isFallback — task #15
+ */
 export interface FormData {
     [applyToExistingBills]: string[];
-    [steps]: StepData[];
-    [upperBound]: number;
-    [lowerBound]?: number;
+    [steps]: ApprovalStageData[];
+    [amountCriteria]?: AmountConditionFormValue;
+    [departmentCriteria]?: DepartmentConditionFormValue;
+    [description]?: string;
+    [isFallback]?: boolean;
+    [name]?: string;
+    [separationOfDuties]?: boolean;
+    [vendorCriteria]?: VendorConditionFormValue;
 }
 export interface BillPayApprovalRuleDetailPageProps {
+    /**
+     * User-resolved approval rules used by the overlap warning surface
+     * (RuleOverlapBanner). Threaded separately from `localData` because
+     * the update-data view exposes only the raw `ApprovalRule[]` (no
+     * resolved user actors on the steps), and the banner's per-rule
+     * card renders resolved actor names in its 'Then:' section.
+     */
+    allApprovalRulesWithUser: BillPayApprovalRuleWithUser[];
+    /**
+     * Vendor list available to the rule. Threaded from `state.contactState`
+     * by the screen connector. Empty when the contact slice hasn't loaded
+     * yet — the multi-select renders no options in that case.
+     */
+    allVendorIds: string[];
     approvalUpdateActionType: ApprovalUpdateActionType;
     localData: BillPaySetupApproverUpdateDataView;
-    hideUpperBoundField?: boolean;
-    isLowerBoundDisabled?: boolean;
-    isUpperBoundDisabled?: boolean;
+    vendorNamesById: Record<string, string>;
+    /**
+     * When editing an existing rule, the rule being edited. Used to
+     * exclude it from the overlap check (a rule should not flag itself
+     * as conflicting). Undefined for create flows.
+     */
+    editingRuleId?: ID;
     onApprovalRuleDataUpdated: (formData: FormData) => void;
     onBackClick: () => void;
+    /**
+     * Approval Rules 3.0 — invoked from RuleOverlapBanner when the user
+     * clicks Edit on one of the conflicting rules. The screen connector
+     * wires this to a same-tab navigation to that rule's detail page.
+     */
+    onEditExistingRule: (ruleId: string) => void;
     onResetClick: () => void;
     onSaveRuleClick: () => void;
     onSaveRuleSuccess: () => void;
@@ -29,9 +124,9 @@ export interface BillPayApprovalRuleDetailPageProps {
 export declare const D: {
     footerPadding: ResponsiveSized;
 };
-declare function BillPayApprovalRuleDetailPage({ localData, approvalUpdateActionType, onBackClick, onApprovalRuleDataUpdated, onResetClick, isLowerBoundDisabled, isUpperBoundDisabled, hideUpperBoundField, onSaveRuleClick, onSaveRuleSuccess, }: BillPayApprovalRuleDetailPageProps): import("react/jsx-runtime").JSX.Element;
+declare function BillPayApprovalRuleDetailPage({ localData, approvalUpdateActionType, allApprovalRulesWithUser, allVendorIds, editingRuleId, vendorNamesById, onBackClick, onApprovalRuleDataUpdated, onEditExistingRule, onResetClick, onSaveRuleClick, onSaveRuleSuccess, }: BillPayApprovalRuleDetailPageProps): import("react/jsx-runtime").JSX.Element;
 export default BillPayApprovalRuleDetailPage;
 export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
 type FormDataKeys = keyof FormData;
-export declare const uniqueName: (key: FormDataKeys) => "steps" | "lowerBound" | "upperBound" | "applyToExistingBills";
+export declare const uniqueName: (key: FormDataKeys) => "description" | "name" | "steps" | "isFallback" | "separationOfDuties" | "amountCriteria" | "departmentCriteria" | "vendorCriteria" | "applyToExistingBills";
 export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;

package/dist/components/spendManagement/billPay/billPaySetUp/BillPayApprovalRuleDetailPageV1.d.ts

@@ -0,0 +1,37 @@
+import { ApprovalUpdateActionType, BillPaySetupApproverUpdateDataView, ID } from '@zeniai/client-epic-state';
+import { ResponsiveSized } from '../../../../context/windowSizeProvider';
+import { StepData } from '../../common/followStepsSection/FollowStepsSectionMedium';
+declare const lowerBound = "lowerBound";
+declare const upperBound = "upperBound";
+declare const steps = "steps";
+declare const applyToExistingBills = "applyToExistingBills";
+export interface FormData {
+    [applyToExistingBills]: string[];
+    [steps]: StepData[];
+    [upperBound]: number;
+    [lowerBound]?: number;
+}
+export interface BillPayApprovalRuleDetailPageProps {
+    approvalUpdateActionType: ApprovalUpdateActionType;
+    localData: BillPaySetupApproverUpdateDataView;
+    hideUpperBoundField?: boolean;
+    isLowerBoundDisabled?: boolean;
+    isUpperBoundDisabled?: boolean;
+    onApprovalRuleDataUpdated: (formData: FormData) => void;
+    onBackClick: () => void;
+    onResetClick: () => void;
+    onSaveRuleClick: () => void;
+    onSaveRuleSuccess: () => void;
+}
+/**
+ * Dimensions
+ */
+export declare const D: {
+    footerPadding: ResponsiveSized;
+};
+declare function BillPayApprovalRuleDetailPage({ localData, approvalUpdateActionType, onBackClick, onApprovalRuleDataUpdated, onResetClick, isLowerBoundDisabled, isUpperBoundDisabled, hideUpperBoundField, onSaveRuleClick, onSaveRuleSuccess, }: BillPayApprovalRuleDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export default BillPayApprovalRuleDetailPage;
+export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
+type FormDataKeys = keyof FormData;
+export declare const uniqueName: (key: FormDataKeys) => "steps" | "applyToExistingBills" | "lowerBound" | "upperBound";
+export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;

package/dist/components/spendManagement/billPay/billPaySetUp/BillPayApprovalRulesPage.d.ts

@@ -2,9 +2,26 @@ import { ApproverViewUpdateData, BillPaySetupApproverView } from '@zeniai/client
 export interface Props {
     approvalView: BillPaySetupApproverView;
     billPaySetupApproverViewUpdateData?: ApproverViewUpdateData;
+    /**
+     * Optional department-id → display-name map (where "department" maps
+     * to the Class entity in this codebase). Derived from `state.classState`.
+     */
+    departmentNamesById?: Record<string, string>;
+    /**
+     * Optional vendor-id → display-name map for resolving vendor chips on
+     * rule cards. The connected screen derives this from `state.contactState`.
+     */
+    vendorNamesById?: Record<string, string>;
     onBackClick: () => void;
     onDeleteRuleClick: (ruleId: string) => void;
     onEditRuleClick: (ruleId?: string) => void;
+    /**
+     * Called when the user drops a dragged rule card onto another. The
+     * page computes the new id ordering (preserving the fallback rule
+     * outside the list) and the screen connector dispatches the
+     * reorder action against CES.
+     */
+    onReorderRules?: (newApprovalRuleIds: string[]) => void;
 }
-declare const BillPayApprovalRulesPage: ({ approvalView, onBackClick, onEditRuleClick, onDeleteRuleClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BillPayApprovalRulesPage: ({ approvalView, onBackClick, onEditRuleClick, onDeleteRuleClick, vendorNamesById, departmentNamesById, onReorderRules, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BillPayApprovalRulesPage;

package/dist/components/spendManagement/billPay/billPaySetUp/BillPayApprovalRulesPageV1.d.ts

@@ -0,0 +1,10 @@
+import { ApproverViewUpdateData, BillPaySetupApproverView } from '@zeniai/client-epic-state';
+export interface Props {
+    approvalView: BillPaySetupApproverView;
+    billPaySetupApproverViewUpdateData?: ApproverViewUpdateData;
+    onBackClick: () => void;
+    onDeleteRuleClick: (ruleId: string) => void;
+    onEditRuleClick: (ruleId?: string) => void;
+}
+declare const BillPayApprovalRulesPage: ({ approvalView, onBackClick, onEditRuleClick, onDeleteRuleClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BillPayApprovalRulesPage;

package/dist/components/spendManagement/reimbursement/reimbursementSetUp/ReimbursementApprovalRuleDetailPage.d.ts

@@ -1,24 +1,112 @@
-import { ApprovalUpdateActionType, ID, RemiSetupApproverUpdateDataView } from '@zeniai/client-epic-state';
+import { AmountComparator, AmountCriteria, ApprovalUpdateActionType, ID, RemiApprovalRuleWithUser, RemiSetupApproverUpdateDataView } from '@zeniai/client-epic-state';
 import { ResponsiveSized } from '../../../../context/windowSizeProvider';
-import { StepData } from '../../common/followStepsSection/FollowStepsSectionMedium';
-declare const lowerBound = "lowerBound";
-declare const upperBound = "upperBound";
+import { ApprovalStageData } from '../../../commonSetUp/approval/ApprovalStageRow';
+import { IsOrIsNotOperator } from '../../../commonSetUp/approval/OperatorIsOrIsNotPicker';
+declare const name = "name";
+declare const description = "description";
+declare const amountCriteria = "amountCriteria";
+declare const vendorCriteria = "vendorCriteria";
+declare const departmentCriteria = "departmentCriteria";
 declare const steps = "steps";
+declare const separationOfDuties = "separationOfDuties";
+declare const isFallback = "isFallback";
 declare const applyToExistingReimbursements = "applyToExistingReimbursements";
+/**
+ * Form-side shape for vendor / department conditions.
+ *
+ * The widget primitive (`LabeledMultiSelectField`) stores its value as
+ * `{allOptions, selectedOptions}`, which doesn't match the wire shape
+ * `{type, operator, vendorIds | departmentIds}`. The form stores the
+ * widget-native shape under each slot and the screen connector
+ * translates to the canonical `VendorCriteria` / `DepartmentCriteria`
+ * at save time.
+ */
+export interface MultiSelectFormValue {
+    allOptions: string[];
+    selectedOptions: string[];
+}
+export interface VendorConditionFormValue {
+    operator: {
+        allOptions: IsOrIsNotOperator[];
+        selectedOption?: IsOrIsNotOperator;
+    };
+    selection: MultiSelectFormValue;
+}
+export interface DepartmentConditionFormValue {
+    operator: {
+        allOptions: IsOrIsNotOperator[];
+        selectedOption?: IsOrIsNotOperator;
+    };
+    selection: MultiSelectFormValue;
+}
+/**
+ * Form-side amount shape. See the BillPay equivalent for the fuller
+ * rationale — comparator is wrapped because the dropdown is
+ * SingleSelectField-driven, min / max remain canonical because they
+ * are driven by TextField.
+ */
+export interface AmountConditionFormValue {
+    comparator: {
+        allOptions: AmountComparator[];
+        selectedOption?: AmountComparator;
+    };
+    type: "amount";
+    max?: AmountCriteria["max"];
+    min?: AmountCriteria["min"];
+}
+/**
+ * Full Approval Rules 3.0 form data shape.
+ *
+ * Each top-level slot corresponds to one section of the form. Bindings
+ * land incrementally — the slots are declared up front so the contract is
+ * stable across tasks:
+ *   - amountCriteria — task #8
+ *   - vendorCriteria / departmentCriteria — tasks #9–#10 (this change)
+ *   - separationOfDuties — task #14
+ *   - isFallback — task #15
+ */
 export interface FormData {
     [applyToExistingReimbursements]: string[];
-    [steps]: StepData[];
-    [upperBound]: number;
-    [lowerBound]?: number;
+    [steps]: ApprovalStageData[];
+    [amountCriteria]?: AmountConditionFormValue;
+    [departmentCriteria]?: DepartmentConditionFormValue;
+    [description]?: string;
+    [isFallback]?: boolean;
+    [name]?: string;
+    [separationOfDuties]?: boolean;
+    [vendorCriteria]?: VendorConditionFormValue;
 }
 export interface ReimbursementApprovalRuleDetailPageProps {
+    /**
+     * User-resolved approval rules used by RuleOverlapBanner. See the
+     * BillPay equivalent for the rationale — the update-data view only
+     * exposes the raw `ApprovalRule[]`, but the banner needs resolved
+     * actor names to render the 'Then:' section.
+     */
+    allApprovalRulesWithUser: RemiApprovalRuleWithUser[];
+    /**
+     * Vendor list available to the rule. Threaded from `state.contactState`
+     * by the screen connector. Empty when the contact slice hasn't loaded
+     * yet — the multi-select renders no options in that case.
+     */
+    allVendorIds: string[];
     approvalUpdateActionType: ApprovalUpdateActionType;
     localData: RemiSetupApproverUpdateDataView;
-    hideUpperBoundField?: boolean;
-    isLowerBoundDisabled?: boolean;
-    isUpperBoundDisabled?: boolean;
+    vendorNamesById: Record<string, string>;
+    /**
+     * When editing an existing rule, the rule being edited. Used to
+     * exclude it from the overlap check (a rule should not flag itself
+     * as conflicting). Undefined for create flows.
+     */
+    editingRuleId?: ID;
     onApprovalRuleDataUpdated: (formData: FormData) => void;
     onBackClick: () => void;
+    /**
+     * Approval Rules 3.0 — invoked from RuleOverlapBanner when the user
+     * clicks Edit on one of the conflicting rules. The screen connector
+     * wires this to a same-tab navigation to that rule's detail page.
+     */
+    onEditExistingRule: (ruleId: string) => void;
     onResetClick: () => void;
     onSaveRuleClick: () => void;
     onSaveRuleSuccess: () => void;
@@ -29,9 +117,9 @@ export interface ReimbursementApprovalRuleDetailPageProps {
 export declare const D: {
     footerPadding: ResponsiveSized;
 };
-declare function ReimbursementApprovalRuleDetailPage({ localData, approvalUpdateActionType, isLowerBoundDisabled, isUpperBoundDisabled, hideUpperBoundField, onBackClick, onApprovalRuleDataUpdated, onResetClick, onSaveRuleClick, onSaveRuleSuccess, }: ReimbursementApprovalRuleDetailPageProps): import("react/jsx-runtime").JSX.Element;
+declare function ReimbursementApprovalRuleDetailPage({ localData, approvalUpdateActionType, allApprovalRulesWithUser, allVendorIds, editingRuleId, vendorNamesById, onBackClick, onApprovalRuleDataUpdated, onEditExistingRule, onResetClick, onSaveRuleClick, onSaveRuleSuccess, }: ReimbursementApprovalRuleDetailPageProps): import("react/jsx-runtime").JSX.Element;
 export default ReimbursementApprovalRuleDetailPage;
 export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
 type FormDataKeys = keyof FormData;
-export declare const uniqueName: (key: FormDataKeys) => "steps" | "lowerBound" | "upperBound" | "applyToExistingReimbursements";
+export declare const uniqueName: (key: FormDataKeys) => "description" | "name" | "steps" | "isFallback" | "separationOfDuties" | "amountCriteria" | "departmentCriteria" | "vendorCriteria" | "applyToExistingReimbursements";
 export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;

package/dist/components/spendManagement/reimbursement/reimbursementSetUp/ReimbursementApprovalRuleDetailPageV1.d.ts

@@ -0,0 +1,37 @@
+import { ApprovalUpdateActionType, ID, RemiSetupApproverUpdateDataView } from '@zeniai/client-epic-state';
+import { ResponsiveSized } from '../../../../context/windowSizeProvider';
+import { StepData } from '../../common/followStepsSection/FollowStepsSectionMedium';
+declare const lowerBound = "lowerBound";
+declare const upperBound = "upperBound";
+declare const steps = "steps";
+declare const applyToExistingReimbursements = "applyToExistingReimbursements";
+export interface FormData {
+    [applyToExistingReimbursements]: string[];
+    [steps]: StepData[];
+    [upperBound]: number;
+    [lowerBound]?: number;
+}
+export interface ReimbursementApprovalRuleDetailPageProps {
+    approvalUpdateActionType: ApprovalUpdateActionType;
+    localData: RemiSetupApproverUpdateDataView;
+    hideUpperBoundField?: boolean;
+    isLowerBoundDisabled?: boolean;
+    isUpperBoundDisabled?: boolean;
+    onApprovalRuleDataUpdated: (formData: FormData) => void;
+    onBackClick: () => void;
+    onResetClick: () => void;
+    onSaveRuleClick: () => void;
+    onSaveRuleSuccess: () => void;
+}
+/**
+ * Dimensions
+ */
+export declare const D: {
+    footerPadding: ResponsiveSized;
+};
+declare function ReimbursementApprovalRuleDetailPage({ localData, approvalUpdateActionType, isLowerBoundDisabled, isUpperBoundDisabled, hideUpperBoundField, onBackClick, onApprovalRuleDataUpdated, onResetClick, onSaveRuleClick, onSaveRuleSuccess, }: ReimbursementApprovalRuleDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export default ReimbursementApprovalRuleDetailPage;
+export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
+type FormDataKeys = keyof FormData;
+export declare const uniqueName: (key: FormDataKeys) => "steps" | "lowerBound" | "upperBound" | "applyToExistingReimbursements";
+export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;

package/dist/components/spendManagement/reimbursement/reimbursementSetUp/ReimbursementApprovalRulesPage.d.ts

@@ -1,10 +1,25 @@
 import { ApproverViewUpdateData, RemiSetupApproverView } from '@zeniai/client-epic-state';
 export interface Props {
     approvalView: RemiSetupApproverView;
+    /**
+     * Optional department-id → display-name map (where "department" maps
+     * to the Class entity in this codebase). Derived from `state.classState`.
+     */
+    departmentNamesById?: Record<string, string>;
     remiSetupApproverViewUpdateData?: ApproverViewUpdateData;
+    /**
+     * Optional vendor-id → display-name map for resolving vendor chips on
+     * rule cards. The connected screen derives this from `state.contactState`.
+     */
+    vendorNamesById?: Record<string, string>;
     onBackClick: () => void;
     onDeleteRuleClick: (ruleId: string) => void;
     onEditRuleClick: (ruleId?: string) => void;
+    /**
+     * Called with the new full id ordering when the user drops a card.
+     * Mirrors the BillPay equivalent.
+     */
+    onReorderRules?: (newApprovalRuleIds: string[]) => void;
 }
-declare const ReimbursementApprovalRulesPage: ({ approvalView, onBackClick, onEditRuleClick, onDeleteRuleClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ReimbursementApprovalRulesPage: ({ approvalView, onBackClick, onEditRuleClick, onDeleteRuleClick, vendorNamesById, departmentNamesById, onReorderRules, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ReimbursementApprovalRulesPage;

package/dist/components/spendManagement/reimbursement/reimbursementSetUp/ReimbursementApprovalRulesPageV1.d.ts

@@ -0,0 +1,10 @@
+import { ApproverViewUpdateData, RemiSetupApproverView } from '@zeniai/client-epic-state';
+export interface Props {
+    approvalView: RemiSetupApproverView;
+    remiSetupApproverViewUpdateData?: ApproverViewUpdateData;
+    onBackClick: () => void;
+    onDeleteRuleClick: (ruleId: string) => void;
+    onEditRuleClick: (ruleId?: string) => void;
+}
+declare const ReimbursementApprovalRulesPage: ({ approvalView, onBackClick, onEditRuleClick, onDeleteRuleClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ReimbursementApprovalRulesPage;

package/dist/components/taskManagement/TaskDetailPage.d.ts

@@ -8,7 +8,6 @@ import { RecurringViewType } from '../formElements/recurringView/RecurringView';
 import { SingleSelectPickerFieldValue } from '../formElements/singleSelectPickerField/SingleSelectPickerField';
 import { SingleSelectFieldValue } from '../singleSelect/SingleSelectField';
 import { AttachmentFormData } from './AllTaskAttachments';
-import { TaskDetailSubtaskFormProps } from './TaskDetailSubtaskForm';
 import { timeSpentKey } from './taskManagementFormConstants';
 type TaskAttributeCodeType = TaskStatusCodeType | PriorityCodeType | ID;
 declare const name = "name";
@@ -41,7 +40,7 @@ type FormDataKeys = keyof TaskDetailFormData;
 export interface FormData {
     [taskSectionId]: TaskDetailFormData;
 }
-declare const uniqueName: (sectionId: string, key: FormDataKeys) => `${string}.fileIds` | `${string}.name` | `${string}.status` | `${string}.priority` | `${string}.dueDate` | `${string}.timeSpent` | `${string}.description` | `${string}.assignee` | `${string}.tag` | `${string}.taskType` | `${string}.recurringView` | `${string}.visibility`;
+declare const uniqueName: (sectionId: string, key: FormDataKeys) => `${string}.fileIds` | `${string}.name` | `${string}.status` | `${string}.description` | `${string}.priority` | `${string}.dueDate` | `${string}.assignee` | `${string}.tag` | `${string}.timeSpent` | `${string}.taskType` | `${string}.recurringView` | `${string}.visibility`;
 export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;
 export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
 export interface TaskDetailPageProps {
@@ -66,7 +65,6 @@ export interface TaskDetailPageProps {
     isTaskVisibilityEnabled?: boolean;
     isZeniUser?: boolean;
     recurringSourceTaskUrl?: string;
-    subTaskCreateStatus?: FetchState;
     taskDetailFetchState?: FetchState;
     taskGroupList?: Array<{
         id: ID;
@@ -89,10 +87,8 @@ export interface TaskDetailPageProps {
     onSnoozeTask: (taskId: ID, snoozedUntil: string) => void;
     onUnsnoozeTask: (taskId: ID) => void;
     updateFilesEntity: (files: FilePayload[]) => void;
-    onCreateSubtask?: (parentTaskId: ID, data: Parameters<TaskDetailSubtaskFormProps["onSubmit"]>[0]) => void;
     onFetchCannedResponses?: () => void;
     onManageTemplatesClick?: () => void;
-    onSubtaskClick?: (subtaskId: ID) => void;
 }
 export declare const getLabelColor: (value: TaskAttributeCodeType, theme?: Theme) => string;
 export declare const getRichLabel: (value: TaskAttributeCodeType, theme: Theme) => import("react/jsx-runtime").JSX.Element;
@@ -101,5 +97,5 @@ export declare const getTagList: (tagList: Tag[]) => {
     value: string;
     isDeleted: boolean | undefined;
 }[];
-declare const TaskDetailPage: ({ taskDetailSelectorView, companyName, companyId, loggedInUser, analytics, isNewClicked, filesEndPoint, authParams, currentUrl, taskId, taskGroupList, taskGroupName, taskDetailFetchState, onSaveChangesToLocalStore, onSaveDetailClick, onArchiveTaskClick, onSnoozeTask, onUnsnoozeTask, onDismissClick, handleZeniLogoClick: _handleZeniLogoClick, updateFilesEntity, onDeleteFile, onEditFileName, onDeleteTaskClick, onReloadTaskDetailPage, tagListView, userGroupList, onCreateTagClick, onDeleteTagClick, cannedResponses, initialOpenThreadRequest, isCannedResponsesLoading, isTaskCannedResponsesEnabled, isTaskGroupAssigneesEnabled, isTaskRecurringParentEnabled, isTaskSnoozeEnabled, isTaskVisibilityEnabled, isZeniUser, onCreateSubtask, onFetchCannedResponses, onManageTemplatesClick, onSubtaskClick, recurringSourceTaskUrl, subTaskCreateStatus, }: TaskDetailPageProps) => import("react/jsx-runtime").JSX.Element;
+declare const TaskDetailPage: ({ taskDetailSelectorView, companyName, companyId, loggedInUser, analytics, isNewClicked, filesEndPoint, authParams, currentUrl, taskId, taskGroupList, taskGroupName, taskDetailFetchState, onSaveChangesToLocalStore, onSaveDetailClick, onArchiveTaskClick, onSnoozeTask, onUnsnoozeTask, onDismissClick, handleZeniLogoClick: _handleZeniLogoClick, updateFilesEntity, onDeleteFile, onEditFileName, onDeleteTaskClick, onReloadTaskDetailPage, tagListView, userGroupList, onCreateTagClick, onDeleteTagClick, cannedResponses, initialOpenThreadRequest, isCannedResponsesLoading, isTaskCannedResponsesEnabled, isTaskGroupAssigneesEnabled, isTaskRecurringParentEnabled, isTaskSnoozeEnabled, isTaskVisibilityEnabled, isZeniUser, onFetchCannedResponses, onManageTemplatesClick, recurringSourceTaskUrl, }: TaskDetailPageProps) => import("react/jsx-runtime").JSX.Element;
 export default TaskDetailPage;

package/dist/components/taskManagement/TaskListRow.d.ts

@@ -1,4 +1,4 @@
-import { CreateSubTaskPayload, FetchState, ID, SnackbarMessageConfig, SortOrder, Tag, Task, TaskGroupWithTasksList, TaskListUIState, TaskListViewSortKey, TaskWithUserDetails, UserGroup, UserListSelectorView } from '@zeniai/client-epic-state';
+import { ID, SnackbarMessageConfig, SortOrder, Tag, Task, TaskGroupWithTasksList, TaskListUIState, TaskListViewSortKey, UserGroup, UserListSelectorView } from '@zeniai/client-epic-state';
 import { FormSectionProps } from '../formElements/common/formSection';
 export declare const getTaskFieldName: (sectionId: string, taskId: string, fieldKey: string) => string;
 export declare const isDuplicateGroupName: (newName: string, groupId: ID, existingTaskGroupNamesByGroupId: Record<ID, string>) => boolean;
@@ -10,7 +10,6 @@ export interface TaskListRowProps extends FormSectionProps {
     selectedRowIds: ID[];
     showGroupName: boolean;
     showRenameTextField: boolean;
-    subtasksByParentId: Map<ID, TaskWithUserDetails[]>;
     tagList: Tag[];
     taskGroup: TaskGroupWithTasksList;
     uiState: TaskListUIState;
@@ -18,7 +17,6 @@ export interface TaskListRowProps extends FormSectionProps {
     userList: UserListSelectorView;
     isTaskRecurringParentEnabled?: boolean;
     isZeniUser?: boolean;
-    subTaskCreateStatus?: FetchState;
     onAddNewTaskToTaskGroup: (taskGroupId: ID) => void;
     onCollapseAll: () => void;
     onCollapseToggle: (taskGroupId: ID) => void;
@@ -29,14 +27,11 @@ export interface TaskListRowProps extends FormSectionProps {
     onExpandAll: () => void;
     onParentTaskClick: (id: ID) => void;
     onRenameClick: () => void;
-    onRowHeightChange: () => void;
     onShowToast: (messageInfo: SnackbarMessageConfig) => void;
     onTaskGroupNameClick: (id: ID) => void;
     onTaskManagementRowClick: (id: ID) => void;
     onTimeSpentUpdate: (task: Task, updates: Partial<Task>) => void;
-    onCreateSubtask?: (parentTaskId: ID, data: CreateSubTaskPayload) => void;
-    onSubtaskFormToggle?: () => void;
 }
 export declare const getTagLabel: (tagIds: ID[], tagList: Tag[]) => JSX.Element;
-declare const TaskListRow: ({ taskGroup, userGroupList, tagList, sectionId, uiState, userList, showGroupName, showRenameTextField, isCollapsed, isSelectionAllowed, selectedRowIds, existingTaskGroupNamesByGroupId, subtasksByParentId, onRenameClick, onDeleteTaskGroup, onExpandAll, onCollapseAll, onAddNewTaskToTaskGroup, onCollapseToggle, onTaskManagementRowClick, onColumnSortConfigChanged, onDragStart, onTimeSpentUpdate, onShowToast, onCreateTagClick, onTaskGroupNameClick, onParentTaskClick, onCreateSubtask, onSubtaskFormToggle, onRowHeightChange, isTaskRecurringParentEnabled, subTaskCreateStatus, }: TaskListRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const TaskListRow: ({ taskGroup, userGroupList, tagList, sectionId, uiState, userList, showGroupName, showRenameTextField, isCollapsed, isSelectionAllowed, selectedRowIds, existingTaskGroupNamesByGroupId, onRenameClick, onDeleteTaskGroup, onExpandAll, onCollapseAll, onAddNewTaskToTaskGroup, onCollapseToggle, onTaskManagementRowClick, onColumnSortConfigChanged, onDragStart, onTimeSpentUpdate, onShowToast, onCreateTagClick, onTaskGroupNameClick, onParentTaskClick, isTaskRecurringParentEnabled, }: TaskListRowProps) => import("react/jsx-runtime").JSX.Element;
 export default TaskListRow;

package/dist/components/taskManagement/TaskListRowSmall.d.ts

@@ -1,4 +1,4 @@
-import { ID, SnackbarMessageConfig, Tag, Task, TaskGroupWithTasksList, TaskWithUserDetails } from '@zeniai/client-epic-state';
+import { ID, SnackbarMessageConfig, Tag, Task, TaskGroupWithTasksList } from '@zeniai/client-epic-state';
 import { FormSectionProps } from '../formElements/common/formSection';
 export interface TaskListRowSmallProps extends FormSectionProps {
     existingTaskGroupNamesByGroupId: Record<ID, string>;
@@ -9,7 +9,6 @@ export interface TaskListRowSmallProps extends FormSectionProps {
     showRenameTextField: boolean;
     tagList: Tag[];
     taskGroup: TaskGroupWithTasksList;
-    subtasksByParentId?: Map<ID, TaskWithUserDetails[]>;
     onAddNewTaskToTaskGroup: (taskGroupId: ID) => void;
     onCollapseAll: () => void;
     onCollapseToggle: (taskGroupId: ID) => void;
@@ -19,6 +18,5 @@ export interface TaskListRowSmallProps extends FormSectionProps {
     onShowToast: (messageInfo: SnackbarMessageConfig) => void;
     onTaskManagementRowClick: (id: ID) => void;
     onTimeSpentUpdate: (task: Task, updates: Partial<Task>) => void;
-    onRowHeightChange?: () => void;
 }
 export declare const TaskListRowSmall: ({ taskGroup, tagList, sectionId, showGroupName, showRenameTextField, isSelectionAllowed, isCollapsed, existingTaskGroupNamesByGroupId, onDeleteTaskGroup, onExpandAll, onCollapseAll, onAddNewTaskToTaskGroup, onCollapseToggle, onTaskManagementRowClick, onDragStart, onTimeSpentUpdate, onShowToast, }: TaskListRowSmallProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/taskManagement/TaskManagementPage.d.ts

@@ -1,5 +1,31 @@
 import { ClientAnalytics } from '@zeniai/client-analytics';
-import { CreateSubTaskPayload, FetchState, ID, SnackbarMessageConfig, SortOrder, SpendManagementFiltersType, TagViewSelectorView, Task, TaskGroupKey, TaskListLocalData, TaskListSelectorView, TaskListTab, TaskListViewSortKey } from '@zeniai/client-epic-state';
+import { FetchState, ID, SnackbarMessageConfig, SortOrder, SpendManagementFiltersType, TagViewSelectorView, Task, TaskGroupKey, TaskListLocalData, TaskListSelectorView, TaskListTab, TaskListViewSortKey } from '@zeniai/client-epic-state';
+import { UserMultiSelectFieldValue } from '../cockpit/common/userMultiSelect/UserMultiSelectField';
+import { ZeniDatePickerValue } from '../common/zeniDatePicker/ZeniDatePickerField';
+import { MultiSelectFieldValue } from '../formElements/creatableMultiSelectField/CreatableMultiSelectField';
+import { SingleSelectPickerFieldValue } from '../formElements/singleSelectPickerField/SingleSelectPickerField';
+import { assigneeKey, dueDateKey, groupDataKey, groupNameKey, priorityKey, selectedIdsKey, statusKey, tagKey, taskDataKey, taskManagementTableSectionId, timeSpentKey } from './taskManagementFormConstants';
+interface GroupData {
+    [groupNameKey]: string;
+    [selectedIdsKey]: ID[];
+}
+interface TaskData {
+    [assigneeKey]: UserMultiSelectFieldValue;
+    [dueDateKey]: ZeniDatePickerValue;
+    [priorityKey]: SingleSelectPickerFieldValue;
+    [statusKey]: SingleSelectPickerFieldValue;
+    [tagKey]: MultiSelectFieldValue;
+    [timeSpentKey]: string;
+}
+type TasksFormData = Record<ID, TaskData>;
+type GroupFormData = Record<ID, GroupData>;
+interface TaskManagementTableSectionFormData {
+    [groupDataKey]: GroupFormData;
+    [taskDataKey]: TasksFormData;
+}
+export interface FormData {
+    [taskManagementTableSectionId]: TaskManagementTableSectionFormData;
+}
 export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
 export interface TaskManagementPageProps {
     isTaskTemplatesEnabled: boolean;
@@ -13,7 +39,6 @@ export interface TaskManagementPageProps {
     isTaskGroupAssigneesEnabled?: boolean;
     isTaskRecurringParentEnabled?: boolean;
     isZeniUser?: boolean;
-    subTaskCreateStatus?: FetchState;
     taskListFetchState?: FetchState;
     assignGroupToTasks: (taskGroupId: ID) => void;
     bulkUpdateTasks: (taskIds: ID[], updates: Partial<Task>) => void;
@@ -44,7 +69,6 @@ export interface TaskManagementPageProps {
     updateTask: (task: Task, updates: Partial<Task>) => void;
     onAskAiCfoClick?: () => void;
     onQuickResponsesClick?: () => void;
-    onSubtaskCreation?: (parentTaskId: ID, data: CreateSubTaskPayload) => void;
 }
-declare const TaskManagementPage: ({ taskListView, tagListView, isTaskTemplatesEnabled, taskListFetchState, onCreateTagClick, updateTask, onDragNDrop, onDeleteTaskGroup, updateLocalData, onTaskManagementRowClick, onParentTaskClick, onReloadTasks, onColumnSortConfigChanged, onSearchTextChanged, onTabChange, onBackClick, bulkUpdateTasks, onNewTaskClick, onFiltersChange, resetLocalData, handleCreateGroup, assignGroupToTasks, onAddNewTaskToTaskGroup, onGroupByFilterChange, onTaskGroupRename, analytics, onTimeSpentUpdate, onShowToast, handleGroupTemplateClick, handleGroupTemplateTaskClick, handleNewTaskInitialization, onTaskGroupNameClick, isAiCfoAccessEnabled, isZeniUser, isTaskBulkResolutionEnabled, isTaskCannedResponsesEnabled, isTaskCategorizationEnabled, isTaskGroupAssigneesEnabled, isTaskRecurringParentEnabled, onAskAiCfoClick, onQuickResponsesClick, onSubtaskCreation, subTaskCreateStatus, }: TaskManagementPageProps) => import("react/jsx-runtime").JSX.Element;
+declare const TaskManagementPage: ({ taskListView, tagListView, isTaskTemplatesEnabled, taskListFetchState, onCreateTagClick, updateTask, onDragNDrop, onDeleteTaskGroup, updateLocalData, onTaskManagementRowClick, onParentTaskClick, onReloadTasks, onColumnSortConfigChanged, onSearchTextChanged, onTabChange, onBackClick, bulkUpdateTasks, onNewTaskClick, onFiltersChange, resetLocalData, handleCreateGroup, assignGroupToTasks, onAddNewTaskToTaskGroup, onGroupByFilterChange, onTaskGroupRename, analytics, onTimeSpentUpdate, onShowToast, handleGroupTemplateClick, handleGroupTemplateTaskClick, handleNewTaskInitialization, onTaskGroupNameClick, isAiCfoAccessEnabled, isZeniUser, isTaskBulkResolutionEnabled, isTaskCannedResponsesEnabled, isTaskCategorizationEnabled, isTaskGroupAssigneesEnabled, isTaskRecurringParentEnabled, onAskAiCfoClick, onQuickResponsesClick, }: TaskManagementPageProps) => import("react/jsx-runtime").JSX.Element;
 export default TaskManagementPage;

package/dist/components/taskManagement/taskManagementFormConstants.d.ts

@@ -1,6 +1,5 @@
 export declare const taskManagementPage = "taskManagementPage";
 export declare const taskManagementTableSectionId = "taskManagementTable";
-export declare const newSubtaskSectionId = "newSubtaskSection";
 export declare const newGroupField = "newGroup";
 export declare const groupDataKey = "groupData";
 export declare const taskDataKey = "taskData";

package/dist/components/taskManagement/taskManagementHeaderItemsData.d.ts

@@ -2,7 +2,6 @@ import { SortOrder, TaskListViewSortKey } from '@zeniai/client-epic-state';
 import { ResponsiveSized } from '../../context/windowSizeProvider';
 export interface TaskListHeaderItemData {
     key: TaskListViewSortKey;
-    minWidth: string;
     sortOrder: SortOrder;
     value: string;
     width: ResponsiveSized;