@zeniai/web-components 4.3.40 → 4.3.41

package/dist/components/address/addressHelper.d.ts

@@ -61,10 +61,10 @@ export declare const getMultiCountryOptions: (countries?: string[], supportedCou
  * Same as getMultiCountryOptions but uses Alpha-2 codes
  */
 export declare const getMultiCountryOptionsAlpha2: (countries?: string[], supportedCountries?: CountryCode[]) => {
-    selectedOptions: ("AI" | "BD" | "US" | "NA" | "CA" | "AD" | "AE" | "AF" | "AG" | "AL" | "AM" | "AO" | "AQ" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GS" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW")[];
+    selectedOptions: ("AI" | "BD" | "US" | "NA" | "CR" | "CA" | "AD" | "AE" | "AF" | "AG" | "AL" | "AM" | "AO" | "AQ" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GS" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW")[];
     allOptions: {
         label: string;
-        value: "AI" | "BD" | "US" | "NA" | "CA" | "AD" | "AE" | "AF" | "AG" | "AL" | "AM" | "AO" | "AQ" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GS" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
+        value: "AI" | "BD" | "US" | "NA" | "CR" | "CA" | "AD" | "AE" | "AF" | "AG" | "AL" | "AM" | "AO" | "AQ" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GS" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
     }[];
 };
 export declare const defaultAddressFormatter: (addressValue: AddressValue) => string;

package/dist/components/common/Picker.d.ts

@@ -28,6 +28,8 @@ export interface Props<T extends string = string> {
     selectedOptionColor?: string;
     selectedValue?: T;
     showOnlyDownChevronNotSelectedValue?: boolean;
+    /** When true, the selected value + chevron span the full control width with the chevron pushed to the trailing edge, instead of sitting flush against the label. Independent of `outlined` — doesn't touch menu/option styling. Opt-in; existing callers are unaffected. */
+    stretchValueToEdge?: boolean;
     title?: string;
     titleColor?: string;
     titleTextAlignment?: "flex-start" | "flex-end" | "center";
@@ -49,5 +51,5 @@ interface OptionType extends OptionTypeBase {
     label: string;
     value: string;
 }
-export default function Picker<T extends string = string>({ pickerValues, placeholder, selectedValue, backgroundColor, optionBackgroundColor, selectedOptionBackgroundColor, selectedOptionColor, optionTextStyle, title, titleTextStyle, placeholderTextStyle, titleTextAlignment, titleColor, placeholderColor, inheritRowSurfaceBackground, valueOpacity, outlined, outlinedHeight, isDisabled, isSearchable, isOptionDisabled, menuPosition, menuPlacement, menuMaxWidth, name, zIndex, menuIsOpen, downChevronVisible, showOnlyDownChevronNotSelectedValue, filterOption, onMenuOpen, controlStyle, controlHoverStyle, valueToLabel, onPickerSelectionChanged, }: Readonly<Props<T>>): import("react/jsx-runtime").JSX.Element;
+export default function Picker<T extends string = string>({ pickerValues, placeholder, selectedValue, backgroundColor, optionBackgroundColor, selectedOptionBackgroundColor, selectedOptionColor, optionTextStyle, title, titleTextStyle, placeholderTextStyle, titleTextAlignment, titleColor, placeholderColor, inheritRowSurfaceBackground, valueOpacity, outlined, outlinedHeight, isDisabled, isSearchable, isOptionDisabled, menuPosition, menuPlacement, menuMaxWidth, name, zIndex, menuIsOpen, downChevronVisible, showOnlyDownChevronNotSelectedValue, stretchValueToEdge, filterOption, onMenuOpen, controlStyle, controlHoverStyle, valueToLabel, onPickerSelectionChanged, }: Readonly<Props<T>>): import("react/jsx-runtime").JSX.Element;
 export { Picker };

package/dist/components/common/allNavBars/statusSwitcher/switcherTypes.d.ts

@@ -8,6 +8,7 @@ export interface TabSwitcherOption {
         isFetching: boolean;
         hideCountInTab?: boolean;
     };
+    inlineCount?: number;
     isDisabled?: DisableMode;
     style?: React.CSSProperties;
 }

package/dist/components/common/tooltipVariants/types.d.ts

@@ -52,21 +52,21 @@ export interface CategorizedListData {
     sections: CategorizedListSection[];
 }
 export interface ChainOfThoughtData {
-    existingOption: {
-        label?: string;
-        value?: string;
-    };
     isCOTEnabled: boolean;
     isThoughtProcessOnly: boolean;
-    pageSource: TransactionPage;
     recommendations: RecommendationWithChainOfThought[];
-    transactionStatus: TransactionStatus | null;
+    existingOption?: {
+        label?: string;
+        value?: string;
+    };
     isAlternateLoading?: boolean;
     isPrimaryLoading?: boolean;
+    pageSource?: TransactionPage;
+    transactionStatus?: TransactionStatus | null;
     width?: number;
-    onAlternateRecommendationConfirmationClick: (recommendationID: ID) => void;
-    onAlternateRecommendationExpandClick: (isExpanded: boolean) => void;
-    onPrimaryRecommendationConfirmationClick: (recommendationID: ID) => void;
+    onAlternateRecommendationConfirmationClick?: (recommendationID: ID) => void;
+    onAlternateRecommendationExpandClick?: (isExpanded: boolean) => void;
+    onPrimaryRecommendationConfirmationClick?: (recommendationID: ID) => void;
 }
 export interface RecommendationWithChainOfThought {
     cot: string[];
@@ -77,6 +77,8 @@ export interface RecommendationWithChainOfThought {
     confidencePercentage?: number;
     isDisabled?: boolean;
     source?: string;
+    /** Heading above the recommendation. Falls back to a label derived from `type`. */
+    title?: string;
     type?: TransactionLineRecommendationFieldTypes;
 }
 export interface RootProps {

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

@@ -1,4 +1,4 @@
-import { BillPayApprovalRuleWithUser, RemiApprovalRuleWithUser } from '@zeniai/client-epic-state';
+import { BillPayApprovalRuleWithUser, ID, RemiApprovalRuleWithUser } from '@zeniai/client-epic-state';
 /**
  * The setup-approver view selectors alias the same underlying
  * `ApprovalRuleWithUser` shape across bills and reimbursements.
@@ -29,6 +29,15 @@ export interface Props {
      */
     departmentNamesById?: Record<string, string>;
     disableButtons?: boolean;
+    /**
+     * User ids of approvers that no longer appear in the tenant's active
+     * approvers list (per the `/approvers` endpoint). When a step actor's
+     * id is in this set, the card highlights their name in red and shows
+     * a banner prompting the user to change the approver. Undefined while
+     * the active-approvers list hasn't loaded yet — no highlighting is
+     * shown in that case (avoids a false "inactive" flash on load).
+     */
+    inactiveApproverIds?: Set<ID>;
     /**
      * Number rendered before the rule name (e.g. "1. Marketing vendor block").
      * Defaults to `approvalRule.priority`.
@@ -66,5 +75,5 @@ export interface Props {
  *   │       ② Require approval from Matteo Ramsey             │
  *   └─────────────────────────────────────────────────────────┘
  */
-declare const ApprovalRuleSection: ({ approvalRule, isLastSection, disableButtons, onDeleteRuleClick, onEditRuleClick, vendorNamesById, departmentNamesById, positionNumber, onReorderRules, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ApprovalRuleSection: ({ approvalRule, isLastSection, disableButtons, inactiveApproverIds, onDeleteRuleClick, onEditRuleClick, vendorNamesById, departmentNamesById, positionNumber, onReorderRules, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ApprovalRuleSection;

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

@@ -1,4 +1,6 @@
-import { ApprovalActionType, AttributeType, User } from '@zeniai/client-epic-state';
+import { ApprovalActionType, AttributeType, ID, User } from '@zeniai/client-epic-state';
+import { NonUserOption } from '../../spendManagement/billPay/billPaySetUp/components/formElements/UserMultiSelect';
+import { UserMultiSelectFieldValue } from '../../spendManagement/billPay/billPaySetUp/components/formElements/UserMultiSelectField';
 /**
  * Approval Rules 3.0 — Set Approval Stages row.
  *
@@ -9,15 +11,21 @@ import { ApprovalActionType, AttributeType, User } from '@zeniai/client-epic-sta
  * Actor kind drives the value picker:
  *   - "specific_person" → user multi-select (renders avatars + "or"
  *     between names, via the existing `UserMultiSelectField`).
- *   - "role" → single-select of `Manager / Manager of Manager /
+ *   - "role" → role multi-select of `Manager / Manager of Manager /
  *     Vendor Owner`, backed by `AttributeType` in `client-epic-state`.
+ *     Reuses `UserMultiSelectField` the same way "specific_person"
+ *     does — via `NonUserOption` entries — so multiple roles join
+ *     with "or" / "and" exactly like multiple people.
  *
  * Form-state model — each row binds to a slot under `steps[N]`:
  *   - `steps[N].action`         → 'require_approval' | 'send_notification'
  *   - `steps[N].actorKind`      → 'specific_person' | 'role'
  *   - `steps[N].persons`        → `{allUsers, allNonUsers, selectedUsers, selectedNonUsers}`
  *                                 (the UserMultiSelectField-native shape)
- *   - `steps[N].selectedRole`   → AttributeType | undefined
+ *   - `steps[N].selectedRole`   → same `UserMultiSelectField`-native
+ *                                 shape, populated via `allNonUsers` /
+ *                                 `selectedNonUsers` (`allUsers` /
+ *                                 `selectedUsers` stay empty)
  *
  * Both `persons` and `selectedRole` live on the slot at all times so
  * the user can toggle actor kind without losing the data they entered
@@ -84,24 +92,33 @@ export interface ApprovalStageData {
         selectedUsers: any[];
     };
     /**
-     * Bound when `actorKind.selectedOption === "role"`. Wrapped shape
-     * (same reason as actorKind). Readers do `selectedRole.selectedOption`.
+     * Bound when `actorKind.selectedOption === "role"`. Shape matches
+     * `UserMultiSelectField`'s native value (same reuse as `persons`) so
+     * multiple roles can be picked and joined with "or"/"and", exactly
+     * like Specific Person. `allUsers` / `selectedUsers` stay empty —
+     * roles only ever populate the non-user slots. Readers do
+     * `selectedRole.selectedNonUsers`.
      */
-    selectedRole?: {
-        allOptions: AttributeType[];
-        selectedOption?: AttributeType;
-    };
+    selectedRole?: UserMultiSelectFieldValue;
 }
 /**
  * Builds role dropdown options from API `allAttributes`.
- * Appends a saved role that is no longer in the allowed list so
+ * Appends any saved roles that are no longer in the allowed list so
  * existing rules still render their current selection.
  *
  * IMPORTANT: `allAttributes` must already be the API-filtered list
  * for the caller's context. For V3 remi rules the API is expected to
  * exclude `vendor_owner`; this function does not filter it itself.
  */
-export declare function buildStageRoleOptions(allAttributes: AttributeType[] | undefined | null, selectedRole?: AttributeType): AttributeType[];
+export declare function buildStageRoleOptions(allAttributes: AttributeType[] | undefined | null, selectedRoles?: AttributeType[]): AttributeType[];
+/**
+ * Builds a role's `NonUserOption` entry for `UserMultiSelectField`'s
+ * option list / selected values. `position: "top"` and no subtitles —
+ * roles render as flat labeled entries, same as the pre-existing
+ * manager / manager-of-manager / vendor-owner rows `UserMultiSelect`
+ * already renders for this exact set of values.
+ */
+export declare function buildRoleOption(role: AttributeType): NonUserOption;
 export interface ApprovalStageRowProps {
     /** Pool of users surfaced by the "Specific Person" multi-select. */
     allUsers: User[];
@@ -116,6 +133,14 @@ export interface ApprovalStageRowProps {
     fieldNameBase: string;
     /** Zero-based index of this row within the parent's stage list. */
     index: number;
+    /**
+     * User ids of approvers that no longer appear in the tenant's active
+     * approvers list. When this row's selected "Specific Person" actor
+     * is in this set, the picker highlights red and an inline warning
+     * renders below the row. Undefined while the active-approvers list
+     * hasn't loaded yet.
+     */
+    inactiveUserIds?: Set<ID>;
     /**
      * Roles the user can pick when actorKind === "role". Reimbursement
      * passes API `allAttributes`; Bill Pay omits this and keeps the
@@ -133,5 +158,5 @@ export interface ApprovalStageRowProps {
      */
     onReorder?: (dragIndex: number, hoverIndex: number) => void;
 }
-export declare function ApprovalStageRow({ index, fieldNameBase, allUsers, onRemove, canRemove, onReorder, stageRoleOptions, }: ApprovalStageRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ApprovalStageRow({ index, fieldNameBase, allUsers, inactiveUserIds, onRemove, canRemove, onReorder, stageRoleOptions, }: ApprovalStageRowProps): import("react/jsx-runtime").JSX.Element;
 export default ApprovalStageRow;

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

@@ -1,4 +1,4 @@
-import { AttributeType, User } from '@zeniai/client-epic-state';
+import { AttributeType, ID, User } from '@zeniai/client-epic-state';
 /**
  * Approval Rules 3.0 — Set Approval Stages form section.
  *
@@ -50,6 +50,12 @@ export interface ApprovalStagesSectionProps {
      * row's full path is `${stagesFieldName}.${index}`.
      */
     stagesFieldName: string;
+    /**
+     * User ids of approvers no longer in the tenant's active approvers
+     * list — forwarded to each `ApprovalStageRow` so it can highlight a
+     * selected inactive approver. See `ApprovalStageRowProps.inactiveUserIds`.
+     */
+    inactiveUserIds?: Set<ID>;
     /** Role options for stage rows — reimbursement passes API `allAttributes`. */
     stageRoleOptions?: AttributeType[];
     onAddStage: () => void;
@@ -64,5 +70,5 @@ export interface ApprovalStagesSectionProps {
      */
     onReorderStages?: (dragIndex: number, hoverIndex: number) => void;
 }
-export declare function ApprovalStagesSection({ allUsers, stageFields, stagesFieldName, separationOfDutiesFieldName, onAddStage, onClearAllStages, onRemoveStage, onReorderStages, stageRoleOptions, }: ApprovalStagesSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ApprovalStagesSection({ allUsers, stageFields, stagesFieldName, separationOfDutiesFieldName, inactiveUserIds, onAddStage, onClearAllStages, onRemoveStage, onReorderStages, stageRoleOptions, }: ApprovalStagesSectionProps): import("react/jsx-runtime").JSX.Element;
 export default ApprovalStagesSection;

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

@@ -56,6 +56,15 @@ export interface ConditionRowProps {
     /** When `false`, the trash icon is dimmed and inert. */
     canRemove: boolean;
     index: number;
+    /**
+     * True while `RuleOverlapBanner` is showing a detected overlap for
+     * the rule being edited. Every currently-set condition contributed
+     * to that overlap (see `detectRuleOverlap`), so every row's value
+     * field (not the type/operator slots) is highlighted with the same
+     * error-pink background used for validation errors — pointing the
+     * user at what to change to resolve the conflict.
+     */
+    isOverlapHighlighted: boolean;
     rowType: ConditionType;
     /**
      * Types currently used by *other* rows (i.e. excludes this row's own
@@ -74,5 +83,5 @@ export interface ConditionRowProps {
     onRemove: () => void;
     onTypeChange: (next: ConditionType) => void;
 }
-export declare function ConditionRow({ rowType, index, availableTypes, usedTypes, onTypeChange, onRemove, canRemove, currencySymbol, allVendorIds, vendorNamesById, allDepartmentIds, departmentNamesById, }: ConditionRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConditionRow({ rowType, index, availableTypes, usedTypes, isOverlapHighlighted, onTypeChange, onRemove, canRemove, currencySymbol, allVendorIds, vendorNamesById, allDepartmentIds, departmentNamesById, }: ConditionRowProps): import("react/jsx-runtime").JSX.Element;
 export default ConditionRow;

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

@@ -1,4 +1,18 @@
 import { ResponsiveSized } from '../../../context/windowSizeProvider';
+/**
+ * Whether the nearest ancestor `FormSection` (rendered with
+ * `highlightOnHover`) is currently hovered. Lets deeply-nested field
+ * primitives (TextField, MultiSelectField, SingleSelect, Picker) swap
+ * their background the moment the cursor is anywhere inside the card
+ * — not just when the cursor is directly over that specific field —
+ * without those generic components needing to know about
+ * `FormSection` itself. Exported (not just the hook) so a section that
+ * needs a hover scope narrower than its whole card — e.g. Set Approval
+ * Stages excluding the Separation of Duties row — can nest its own
+ * `<FormHoverContext.Provider>` around just that subtree.
+ */
+export declare const FormHoverContext: import('react').Context<boolean>;
+export declare function useFormHover(): boolean;
 /**
  * A labelled section wrapper for the approval-rule create/edit form.
  *
@@ -19,8 +33,10 @@ export declare const D: {
 };
 export interface FormSectionProps {
     children: React.ReactNode;
-    heading: string;
-    subheading: string;
+    heading?: string;
+    /** When true, the card's background switches to `theme.colors.background` on hover. Opt-in; other FormSection usages are unaffected. */
+    highlightOnHover?: boolean;
+    subheading?: string;
 }
-export declare function FormSection({ heading, subheading, children }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormSection({ heading, subheading, highlightOnHover, children, }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
 export default FormSection;

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

@@ -1,4 +1,4 @@
-import { RuleOverlap } from '@zeniai/client-epic-state';
+import { ID, RuleOverlap } from '@zeniai/client-epic-state';
 import { ApprovalRuleWithUser } from './RuleOverlapCard';
 /**
  * Approval Rules 3.0 — frontend overlap warning surface.
@@ -8,13 +8,19 @@ import { ApprovalRuleWithUser } from './RuleOverlapCard';
  * (same 'FormSection.D.width' tuple) so the banner stacks cleanly
  * above the first SectionCard.
  *
- * Structure (per design):
+ * Two variants share this one component (see 'overlapKind'):
+ *
+ * 'partial' — the candidate's conditions merely intersect an
+ * existing rule (e.g. overlapping amount ranges). Non-blocking: the
+ * user can collapse the details, ignore the warning and save anyway,
+ * or jump to the conflicting rule.
+ *
  *   ┌─[gold border]──────────────────────────────────────┐
  *   │ [warm warning fill — header only]                  │
  *   │   ⚠  Partial rule overlap detected                 │
- *   │      Conditions partially overlap with…            │
+ *   │      Conditions partially overlap… Hide Details ⌄  │
  *   ├────────────────────────────────────────────────────┤
- *   │ [grey-5 surface — body]                            │
+ *   │ [grey-5 surface — body, collapsible via the toggle] │
  *   │   ┌─ inner rule card ───────────────────────────┐  │
  *   │   │ Rule name           [SoD][Set at Priority]  │  │
  *   │   │ Description                                 │  │
@@ -24,38 +30,78 @@ import { ApprovalRuleWithUser } from './RuleOverlapCard';
  *   │                       [Ignore & Proceed] [Edit]    │
  *   └────────────────────────────────────────────────────┘
  *
+ * 'duplicate' — the candidate's conditions are an EXACT match
+ * (identical amount range too, not just an intersecting one) against
+ * an existing rule. Blocking: no toggle (always expanded, per
+ * design), no Ignore/Edit escape — the parent additionally disables
+ * its own Save button while this is showing. Same red palette as a
+ * validation error (Colors.important / Colors.importantLight).
+ *
+ *   ┌─[red border]────────────────────────────────────────┐
+ *   │ [red-tinted fill — header only]                     │
+ *   │   ⚠  Duplicate rule detected                        │
+ *   │      All conditions overlap… Check the details below│
+ *   ├────────────────────────────────────────────────────┤
+ *   │ [grey-5 surface — body, always expanded]            │
+ *   │   ┌─ inner rule card ───────────────────────────┐  │
+ *   │   │ (same RuleOverlapCard as the partial variant)│  │
+ *   │   └─────────────────────────────────────────────┘  │
+ *   │                     Duplicate rule can not be created│
+ *   └────────────────────────────────────────────────────┘
+ *
  * Colors are explicit static tokens per the design (not theme-
- * adaptive) — the warning surface stays warm-amber in both themes,
- * the body stays light, the rule card stays white. See the styled
- * components below for the token-by-token mapping.
- *
- * Action buttons sit at the bottom-right of the body. 'Ignore &
- * Proceed' fires the parent's save flow as-is. 'Edit Existing Rule'
- * navigates same-tab to the conflicting rule's detail page; when
- * multiple overlaps are present we suppress this button because it
- * has no unambiguous target — the user can pick a card via its own
- * header context (TODO: multi-overlap design pass).
+ * adaptive) — the warning surface stays the same accent color in
+ * both themes, the body stays light, the rule card stays white. See
+ * the styled components below for the token-by-token mapping.
+ *
+ * The 'Hide Details' / 'Show Details' toggle (partial only) collapses
+ * the entire body (rule cards + action buttons) — collapsing doesn't
+ * lose any pending action, it just gives the user a compact view of
+ * the warning while they finish the rest of the form.
+ *
+ * Action buttons (partial only) sit at the bottom-right of the body.
+ * 'Ignore & Proceed' fires the parent's save flow as-is. 'Edit
+ * Existing Rule' navigates same-tab to the conflicting rule's detail
+ * page; when multiple overlaps are present we suppress this button
+ * because it has no unambiguous target — the user can pick a card via
+ * its own header context (TODO: multi-overlap design pass).
  */
 export interface RuleOverlapBannerProps {
+    /**
+     * 'partial' — non-blocking overlap, user can ignore and proceed.
+     * 'duplicate' — exact match against an existing rule; blocking, no
+     * toggle, no action buttons. The parent is responsible for also
+     * disabling its own Save button when this is 'duplicate'.
+     */
+    overlapKind: "duplicate" | "partial";
     overlaps: RuleOverlap<ApprovalRuleWithUser>[];
     departmentNamesById?: Record<string, string>;
     /**
      * Disables both action buttons while the page is in an in-flight
      * save (so the user can't double-fire or navigate away mid-write).
+     * No-op for the 'duplicate' variant, which has no action buttons.
      */
     disableButtons?: boolean;
+    /**
+     * Maps a conflicting rule's id to its list-page display position
+     * (1-indexed, fallback excluded) — see `RuleOverlapCard.positionNumber`.
+     * When omitted, each card falls back to the rule's raw `priority`.
+     */
+    positionNumberByRuleId?: Record<ID, number>;
     vendorNamesById?: Record<string, string>;
     /**
      * Called when the user clicks Edit Existing Rule. The parent's
      * connector navigates same-tab to that rule's edit page. Only
-     * invoked when 'overlaps.length === 1'.
+     * invoked when 'overlaps.length === 1' and 'overlapKind' is
+     * 'partial'.
      */
     onEditExistingRule: (ruleId: string) => void;
     /**
      * Called when the user accepts the overlap and wants the save to
-     * proceed. The parent dispatches the underlying save here.
+     * proceed. The parent dispatches the underlying save here. Never
+     * invoked when 'overlapKind' is 'duplicate' (no button to fire it).
      */
     onIgnoreAndProceed: () => void;
 }
-declare const RuleOverlapBanner: ({ overlaps, vendorNamesById, departmentNamesById, onIgnoreAndProceed, onEditExistingRule, disableButtons, }: RuleOverlapBannerProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const RuleOverlapBanner: ({ overlaps, overlapKind, vendorNamesById, departmentNamesById, positionNumberByRuleId, onIgnoreAndProceed, onEditExistingRule, disableButtons, }: RuleOverlapBannerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default RuleOverlapBanner;

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

@@ -26,6 +26,15 @@ export interface RuleOverlapCardProps {
     rule: ApprovalRuleWithUser;
     vendorNamesById: Record<string, string>;
     dataTestId?: string;
+    /**
+     * Display position among non-fallback rules (matches the list
+     * page's `ApprovalRuleSection.positionNumber` — 1-indexed, fallback
+     * excluded from the count). Falls back to `rule.priority` when the
+     * caller doesn't have the full ordered rule list on hand; prefer
+     * passing this explicitly so the number shown here matches what the
+     * list page shows for the same rule.
+     */
+    positionNumber?: number;
 }
-declare const RuleOverlapCard: ({ rule, vendorNamesById, departmentNamesById, dataTestId, }: RuleOverlapCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const RuleOverlapCard: ({ rule, vendorNamesById, departmentNamesById, dataTestId, positionNumber, }: RuleOverlapCardProps) => import("react/jsx-runtime").JSX.Element;
 export default RuleOverlapCard;

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

@@ -0,0 +1,12 @@
+import { Criteria, RuleForOverlapCheck, RuleOverlap } from '@zeniai/client-epic-state';
+/**
+ * The subset of `overlaps` that are exact duplicates of the candidate
+ * (identical amount criteria too, not just intersecting). An overlap
+ * set can be a mix — e.g. one rule with the exact same amount bound
+ * and another that merely intersects it — so this is what
+ * `RuleOverlapBanner`'s 'duplicate' variant should actually list;
+ * showing the non-duplicate members alongside would misrepresent them
+ * as exact matches.
+ */
+export declare const getDuplicateOverlaps: <T extends RuleForOverlapCheck>(candidateCriteria: Criteria[], overlaps: RuleOverlap<T>[]) => RuleOverlap<T>[];
+export declare const isDuplicateOverlap: <T extends RuleForOverlapCheck>(candidateCriteria: Criteria[], overlaps: RuleOverlap<T>[]) => boolean;

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

@@ -0,0 +1,12 @@
+import { appLocale } from '../../../appLocale';
+import { ApprovalRuleWithUser } from './ApprovalRuleSection';
+type ApprovalStrings = ReturnType<typeof appLocale.getLocalizedStrings>["commonSetUp"]["approval"];
+/**
+ * Formats an existing fallback rule's steps into an ordered list of
+ * per-step actor labels (e.g. `["Vendor Owner", "Manager", "Admin"]`)
+ * for the "Set as Default Fallback Rule" row, rendered there with an
+ * arrow icon between entries. Mirrors the per-step actor-label logic
+ * in `ApprovalRuleSection`'s `StepItem`.
+ */
+export declare function getFallbackRuleChainEntities(fallbackRule: ApprovalRuleWithUser | undefined, strings: ApprovalStrings): string[];
+export {};

package/dist/components/expenseAutomation/ExpenseAutomationPage.d.ts

@@ -1,33 +1,44 @@
 import { ReactNode } from 'react';
-import { AccountBase, AccountFilterOption, AuthParams, BulkUploadResultsTab, BulkUploadSelectorData, BulkUploadSortKey, COTTransactionTrackingByTransactionId, ClassBase, ClassFilterOption, CompletedSubTab, CustomerBase, Entity, ExpenseAutomationJESchedulesViewUIState, ExpenseAutomationMissingReceiptsViewUIState, ExpenseAutomationReconciliationViewTab, ExpenseAutomationStepDetails, ExpenseAutomationTransactionsTab, ExpenseAutomationTransactionsViewUIState, ExpenseAutomationViewSelector, ExpenseAutomationViewType, FetchState, FluxAnalysisActionType, FluxAnalysisSectionType, FluxAnalysisViewUIState, ID, JEScheduleTransactionKey, LoggedInUser, MissingReceiptsTab, MonthYearPeriod, PageToken, PlaidLinkTokenType, RecommendationWithCOT, ReconReconcileSortKey, ReconReviewSortKey, ReconciliationReviewTabLocalData, SaveExpenseAutomationReconciliationActionType, ScheduleTypes, SortOrder, SupportedTransactionPayload, SupportedTransactionWithCOT, TransactionEntityType, TransactionFilters, TransactionGroup, TransactionID, TransactionType, Vendor, VendorBase, ZeniAPIStatus } from '@zeniai/client-epic-state';
+import { AccountBase, AccountFilterOption, AuthParams, BulkUploadResultsTab, BulkUploadSelectorData, BulkUploadSortKey, COTTransactionTrackingByTransactionId, ClassBase, ClassFilterOption, CompletedSubTab, CustomerBase, Entity, ExpenseAutomationJESchedulesViewUIState, ExpenseAutomationMissingReceiptsViewUIState, ExpenseAutomationReconciliationViewTab, ExpenseAutomationStepDetails, ExpenseAutomationTransactionsTab, ExpenseAutomationTransactionsViewUIState, ExpenseAutomationViewSelector, ExpenseAutomationViewType, FetchState, FetchStateAndError, FluxAnalysisActionType, FluxAnalysisSectionType, FluxAnalysisViewUIState, ID, JEScheduleTransactionKey, LoggedInUser, MissingReceiptsTab, MonthYearPeriod, NestedAccountHierarchyForReport, NestedClassHierarchyForReport, NewAccrualAccountsView, NewOneTimeAccrualLocalData, PageToken, PlaidLinkTokenType, RecommendationWithCOT, ReconReconcileSortKey, ReconReviewSortKey, ReconciliationReviewTabLocalData, SaveExpenseAutomationReconciliationActionType, ScheduleDetailsLocalDataAccruedExpenses, ScheduleTransaction, ScheduleTypes, SortOrder, SupportedTransactionPayload, SupportedTransactionWithCOT, TransactionEntityType, TransactionFilters, TransactionGroup, TransactionID, TransactionType, Vendor, VendorBase, ZeniAPIStatus } from '@zeniai/client-epic-state';
 import { AutoCompleteActions, AutoCompleteData } from '../common/autoComplete/autoCompleteProps';
+import { DownloadJEScheduleParams } from '../jeSchedules/downloadJESchedules/types/scheduleTypes';
 import { ReportTreeScrollPosition } from '../reportTree/ReportTree';
 import { ExpenseAutomationThreadClickTarget } from './components/ExpenseAutomationCommentingShell';
 import { MonthEndReportPageProps } from './components/TableSection';
-import { FormData as JEScheduleAccountSettingsFormData } from './sections/jeSchedules/JEScheduleAccountSettings';
-import { JEScheduleResolveComponentFormData } from './sections/jeSchedules/JEScheduleResolveComponent';
+import { JEAccrualFeedbackReason } from './sections/jeSchedules/accrualDetail/JEAccrualFeedbackDialog';
+import { FormData as JEScheduleAccountSettingsFormData } from './sections/jeSchedules/common/JEScheduleAccountSettings';
+import { JEScheduleNewEntrySelection } from './sections/jeSchedules/common/JEScheduleNewEntryButton';
+import { JEScheduleResolveComponentFormData } from './sections/jeSchedules/common/JEScheduleResolveComponent';
+import { JEScheduleRowKey } from './sections/jeSchedules/list/jeScheduleListRow.helpers';
+import { NewScheduleSaveFormValues } from './sections/jeSchedules/sections/NewJEScheduleSection';
 import { TransferDrawerTransactionData } from './sections/transactionCategorization/transactionCategorizationTypes';
 /**
  * Component & its Props
  */
 export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
+    accountListNestedAccountHierarchy: NestedAccountHierarchyForReport[];
     authParams: AuthParams;
+    baseTransactionSearchFetchState: FetchStateAndError;
+    baseTransactionSearchResults: ScheduleTransaction[];
+    classListNestedAccountHierarchy: NestedClassHierarchyForReport[];
     companyId: ID;
+    downloadParams: DownloadJEScheduleParams;
     expenseAutomationViewSelector: ExpenseAutomationViewSelector;
     isAccountingClassesEnabled: boolean;
     isCOTEnabled: boolean;
     isDisabled: boolean;
-    isJEScheduleCOTEnabled: boolean;
     isProjectsTransactionsEnabled: boolean;
     isRealtimeInsightsFeatureEnabled: boolean;
     isReconV3Enabled: boolean;
     isTransactionActivityEnabled: boolean;
+    newScheduleSaveStatus: FetchStateAndError;
     receiptUploadEndpoint: string;
     selectedTransactionGroup: TransactionGroup;
     vendorSearchAutoCompleteActions: AutoCompleteActions;
     vendorSearchAutoCompleteData: AutoCompleteData;
     /** Accounts from getAllAccounts(accountState) for Payment Account Name/Type filter dropdowns */
     accountsForFilters?: AccountFilterOption[];
+    allDepreciationAccountListNestedAccountHierarchy?: NestedAccountHierarchyForReport[];
     bulkUploadEndpoint?: string;
     bulkUploadSelector?: BulkUploadSelectorData;
     /** Options for the Category filter dropdown (converted to { label: accountName, value: accountId }) */
@@ -45,6 +56,10 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     classesForFilters?: ClassFilterOption[];
     /** Initial receipts sub-tab (e.g. Storybook: show Unmatched without clicking tabs). */
     initialMissingReceiptsTab?: MissingReceiptsTab;
+    /** The base transaction that draft names, resolved by the host. */
+    initialSelectedBaseTransaction?: ScheduleTransaction;
+    /** Cron-2's live gate for this company, per Statsig. Off hides one-time accrual creation. */
+    isAccrualEnabled?: boolean;
     isAiCfoAccessEnabled?: boolean;
     /**
      * Statsig `is_create_transfer_entry_from_expense_enabled`. When false the TC list
@@ -57,6 +72,15 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     /** Transaction categorization only: when true, the right rail is expanded. */
     isRightPanelOpen?: boolean;
     loggedInUser?: LoggedInUser;
+    newAccrualAccountsView?: NewAccrualAccountsView;
+    /** The draft this form was last left with, for a host that stores it. */
+    newScheduleLocalData?: NewScheduleSaveFormValues;
+    /**
+     * The open New-schedule form, when the host persists it (in the URL, say) so it survives
+     * navigating away and back. Supply both or neither: with `onNewScheduleSelectionChange` the page
+     * is controlled, without it the page keeps its own state as before.
+     */
+    newScheduleSelection?: JEScheduleNewEntrySelection;
     panelContent?: ReactNode;
     receiptsEmail?: string;
     /**
@@ -69,13 +93,15 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     transactionAttachmentsEndpoint?: string;
     clearJeScheduleLocalData: () => void;
     fetchFluxViewOnScroll: (selectedPeriod: MonthYearPeriod, pageToken: PageToken) => void;
-    handleJeScheduleClick: (jeScheduleId: ID, jeScheduleKey: JEScheduleTransactionKey, jeScheduleType: ScheduleTypes) => void;
-    ignoreRecommendedJeSchedule: (jeScheduleTransactionKey: JEScheduleTransactionKey, scheduleType: ScheduleTypes) => void;
+    handleJeScheduleClick: (jeScheduleId: ID, jeScheduleKey: JEScheduleRowKey, jeScheduleType: ScheduleTypes) => void;
+    ignoreRecommendedJeSchedule: (jeScheduleTransactionKey: JEScheduleTransactionKey, scheduleType: ScheduleTypes, reason: JEAccrualFeedbackReason, note?: string) => void;
     markAsReview: (opExRowId: ID[], action: FluxAnalysisActionType, selectedPeriod: MonthYearPeriod, isBulkAction?: boolean) => void;
     onAddStatementClick: (accountId: ID) => void;
     onBack: () => void;
     onBackClick: () => void;
     onClose: () => void;
+    onCreateAccruedSchedule: (localData: Partial<ScheduleDetailsLocalDataAccruedExpenses>) => void;
+    onCreateOneTimeAccrual: (formValues: NewOneTimeAccrualLocalData) => void;
     onEstablishConnectionClick: (accountId: ID, publicToken: ID) => void;
     onExcludeAccountFromReconciliation: (accountId: ID) => void;
     onFetchFluxViewList: () => void;
@@ -98,6 +124,9 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     onJeAccountSettingsChange: (formData: JEScheduleAccountSettingsFormData) => void;
     onJESchedulesFormDataChange: (scheduleJournalEntryID: ID, localData: JEScheduleResolveComponentFormData) => void;
     onMissingReceiptsRowClick: (transactionId: ID, transactionType: TransactionType) => void;
+    onNewScheduleSaved: () => void;
+    onOneTimeAccrualClick: (accrualId: ID) => void;
+    onOneTimeAccrualFeedback: (accrualId: ID, action: "ignore" | "revert", reason: JEAccrualFeedbackReason, note?: string) => void;
     onPostJESchedule: (scheduledJournalEntryID: ID, jeScheduleTransactionKey: JEScheduleTransactionKey) => void;
     onReconListPageScroll: (scrollPosition: ReportTreeScrollPosition) => void;
     onReconMatchedTransactionClick: (transactionId: ID) => void;
@@ -112,7 +141,10 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     onSaveJeAccountSettingsClick: (formData: JEScheduleAccountSettingsFormData) => void;
     onSaveReconciliation: (action: SaveExpenseAutomationReconciliationActionType) => void;
     onSaveReconciliationReview: (transactionId: ID) => void;
+    onSaveSchedule: (scheduleType: string, formValues: NewScheduleSaveFormValues) => void;
     onSaveUpdateTransactionCategorization: (selectedTab: ExpenseAutomationTransactionsTab, transactionsIds: ID[], cotTrackingByTransactionId: COTTransactionTrackingByTransactionId) => void;
+    onScheduleTypeChange: (scheduleType: string, scheduleDetailsMode: string, shouldResetEnteredData: boolean) => void;
+    onSearchBaseTransaction: (query: string) => void;
     onSearchTextChanged: (searchText: string) => void;
     onTransactionCategorizationRowClick: (transactionId: ID, transactionType: TransactionType) => void;
     onTransactionGroupChange: (group: TransactionGroup) => void;
@@ -131,6 +163,7 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     onUploadReceiptFetchStatus: (transactionId: ID, fetchState: FetchState, error?: ZeniAPIStatus, customErrorMessage?: string) => void;
     onUploadTransactionReceipt: (selectedTab: ExpenseAutomationTransactionsTab, transactionId: ID, transactionType: string, files: Blob[], fileNames: string[]) => void;
     onVendorAutoCompleteInputChange: (inputValue: string, entity: TransactionEntityType) => void;
+    onViewTransaction: (transactionID: TransactionID) => void;
     redirectToVendorDetailPage: (vendor: Vendor) => void;
     resetTransactionCategorizationLocalData: (selectedTab: ExpenseAutomationTransactionsTab, transactionIds: ID[], selectedPeriod: MonthYearPeriod, keepExistingData: boolean, totalCount: number, lineItemsByTransactionIds: Record<ID, string[]>, pageToken?: PageToken) => void;
     setActivityLogTransactionId: (transactionId: ID | undefined) => void;
@@ -175,6 +208,8 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     onFetchCompletedTransactions?: (pageToken?: string, cacheOverride?: boolean) => void;
     onFetchMoreBatchDetails?: () => void;
     onLoadMoreManualSearch?: () => void;
+    onNewScheduleFormChange?: (scheduleType: string, formValues: NewScheduleSaveFormValues) => void;
+    onNewScheduleSelectionChange?: (selection: JEScheduleNewEntrySelection | undefined) => void;
     /** Inline transfer rail (TC): opens from list row; host renders `ReviewConfirmTransferPanel`. */
     onOpenTransferRightPanel?: (data: TransferDrawerTransactionData) => void;
     onResetBulkUploadSort?: () => void;