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

package/dist/components/transactionDetail/items/journalEntryTable/journalEntryTableTypes.d.ts

@@ -0,0 +1,79 @@
+import { AccountBase, ClassBase, ID, NestedAccountHierarchyForReport, NestedClassHierarchyForReport, Project, TransactionLineRecommendationFieldTypes, TransactionWithCOT, UncategorizedAccounts } from '@zeniai/client-epic-state';
+import { COTTrackingProps } from '../../../../types/cotTracking';
+import { DisableMode } from '../../../formElements/common/common';
+import { LineInfo, SearchAutoComplete } from '../../common';
+import { JournalEntryRowHeaderItemData } from './header/journalEntryHeaderConfig';
+/**
+ * Public props for the new JE table entry component.
+ *
+ * This is a deliberate subset of the legacy `TransactionLinesJournalEntry`
+ * prop shape. The call site in `TransactionDetailContent` spreads a single
+ * `sharedProps` object into either component, and TypeScript allows the
+ * spread to carry extra fields that this component does not consume. As
+ * new features (inline edit, book-close enforcement, project column, etc.)
+ * land on the table view, add the corresponding props back here.
+ */
+export interface TransactionLinesJournalEntryTableProps {
+    accountList: AccountBase[];
+    accountsHierarchyList: NestedAccountHierarchyForReport[];
+    classHierarchyList: NestedClassHierarchyForReport[];
+    classList: ClassBase[];
+    isAccountingClassesEnabled: boolean;
+    isCOTEnabled: boolean;
+    lines: LineInfo[];
+    projects: Project[];
+    searchAutoComplete: SearchAutoComplete;
+    sectionId: string;
+    transaction: TransactionWithCOT;
+    cotTracking?: COTTrackingProps;
+    isDisabled?: DisableMode;
+    isQuickViewMode?: boolean;
+    isUncategorizedExpenseCategoryEnabled?: boolean;
+    openTooltipId?: ID;
+    uncategorizedAccounts?: UncategorizedAccounts;
+    setOpenTooltipId?: (tooltipId: ID | undefined) => void;
+}
+/**
+ * Props for the skeleton/loading empty table that mirrors the
+ * `TransactionCategorizationListEmptyTable` shape.
+ */
+export interface TransactionLinesJournalEntryEmptyTableProps {
+    isAccountingClassesEnabled: boolean;
+    showProjectField: boolean;
+    isCompressed?: boolean;
+    isQuickViewMode?: boolean;
+    sectionId?: string;
+    skeletonRowCount?: number;
+}
+/** Props for the inline list-row component. */
+export interface JournalEntryTableListRowProps {
+    accountList: AccountBase[];
+    accountsHierarchyList: NestedAccountHierarchyForReport[];
+    classHierarchyList: NestedClassHierarchyForReport[];
+    classList: ClassBase[];
+    columns: JournalEntryRowHeaderItemData[];
+    isCompressed: boolean;
+    isCOTEnabled: boolean;
+    line: LineInfo;
+    lineIndex: number;
+    projects: Project[];
+    sectionId: string;
+    isDisabled?: DisableMode;
+    isUncategorizedExpenseCategoryEnabled?: boolean;
+    openTooltipId?: ID;
+    searchAutoComplete?: SearchAutoComplete;
+    /**
+     * Transaction id used by the inline `RecommendationIcon` to build a
+     * unique tooltip identifier. Optional so existing callers don't break;
+     * when missing the row falls back to `line.id`.
+     */
+    transactionId?: ID;
+    uncategorizedAccounts?: UncategorizedAccounts;
+    onCOTView?: (fieldType: TransactionLineRecommendationFieldTypes, recommendationSource?: string) => void;
+    setOpenTooltipId?: (tooltipId: ID | undefined) => void;
+}
+/** Props for the skeleton row mounted by the empty table. */
+export interface JournalEntryTableListEmptyRowProps {
+    columns: JournalEntryRowHeaderItemData[];
+    isCompressed: boolean;
+}

package/dist/components/transactionDetail/items/journalEntryTable/listRow/JournalEntryTableListRow.d.ts

@@ -0,0 +1,40 @@
+import { CSSProperties } from 'react';
+import { WindowSize } from '../../../../../context/windowSizeProvider/WindowSizeProvider';
+import { ResponsiveSized } from '../../../../../context/windowSizeProvider/responsiveSize';
+import { JournalEntryTableListEmptyRowProps, JournalEntryTableListRowProps } from '../journalEntryTableTypes';
+/**
+ * Single populated row of the JE table. Iterates the `columns` array
+ * from the header and renders the matching inline cell JSX (no per-cell
+ * function abstraction -- mirrors categorization's "one big switch"
+ * pattern at TransactionCategorizationListRow.tsx ~L1096-L1710 so a
+ * reviewer can diff the two row files column-by-column).
+ */
+export declare const JournalEntryTableListRow: ({ accountList: _accountList, accountsHierarchyList, classHierarchyList, classList: _classList, columns, isCOTEnabled, isCompressed, isDisabled, isUncategorizedExpenseCategoryEnabled, line, lineIndex, onCOTView, openTooltipId, projects, searchAutoComplete, sectionId, setOpenTooltipId, transactionId, uncategorizedAccounts, }: JournalEntryTableListRowProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton row consumed by `TransactionLinesJournalEntryEmptyTable`. Uses
+ * the same `RowItemContainer` as the live row so column widths line up
+ * 1:1, mirroring categorization's `TransactionCategorizationListEmptyRow`
+ * (TransactionCategorizationListRow.tsx ~L2521-L2606).
+ */
+export declare const JournalEntryTableListEmptyRow: ({ columns, isCompressed, }: JournalEntryTableListEmptyRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const RowItemContainerStyled: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $widthPercentage: number;
+    windowSize: WindowSize;
+    wrapperWidth: ResponsiveSized;
+    $flexibleWidth?: boolean;
+    isCompressed?: boolean;
+    isDividerColumn?: boolean;
+    isLastItem?: boolean;
+    isSticky?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Exported so the sticky totals row can render column-aligned cells using
+ * the same width contract as the live row.
+ */
+export declare const RowItemContainer: (props: Omit<React.ComponentProps<typeof RowItemContainerStyled>, "$flexibleWidth" | "$widthPercentage"> & {
+    widthPercentage: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export type { CSSProperties as _CellStyle };

package/dist/components/transactionDetail/items/journalEntryTable/totals/JournalEntryTotalsRow.d.ts

@@ -0,0 +1,21 @@
+import { WindowSize } from '../../../../../context/windowSizeProvider/WindowSizeProvider';
+import { LineInfo } from '../../../common';
+import { JournalEntryRowHeaderItemData } from '../header/journalEntryHeaderConfig';
+export interface JournalEntryTotalsRowProps {
+    columns: JournalEntryRowHeaderItemData[];
+    isCompressed: boolean;
+    lines: LineInfo[];
+    sectionId: string;
+    windowSize: WindowSize;
+}
+/**
+ * Sticky totals row pinned to the bottom of the table.
+ *
+ * Layout (Figma frame 5177:12455 totals row 5177:12750):
+ *   [Total label flex-grow] [Debit total 140px right] [Credit total 116px right]
+ *
+ * In compressed (quick view / small) mode we collapse to a single line
+ * showing Total Debits / Total Credits with a divider, matching the
+ * quick-view spec.
+ */
+export declare const JournalEntryTotalsRow: ({ columns, isCompressed, lines, sectionId, windowSize, }: JournalEntryTotalsRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/transactionDetail/items/transactionLineTable/FlexibleWidthContext.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Re-export the JE table's `FlexibleWidthContext` so the non-JE table
+ * shares a single source of truth for the flexible-vs-fixed-width column
+ * convention. Keeps the contract one place to evolve.
+ */
+export { FlexibleWidthProvider, useFlexibleWidth, } from '../journalEntryTable/FlexibleWidthContext';

package/dist/components/transactionDetail/items/transactionLineTable/TransactionLinesEmptyTable.d.ts

@@ -0,0 +1,11 @@
+import { TransactionLinesEmptyTableProps } from './transactionLineTableTypes';
+/**
+ * Skeleton/loading table that mirrors `TransactionLinesJournalEntryEmptyTable`
+ * but without the totals row (per Figma 5240:7220 + the explicit "no totals
+ * row" requirement for non-JE transactions). Mounts the real sticky
+ * header and N skeleton rows inside a `FlexibleWidthProvider` so column
+ * widths match the live table.
+ */
+export declare const TransactionLinesEmptyTable: ({ isAccountingClassesEnabled, showProjectField, isCompressed, isQuickViewMode, sectionId, skeletonRowCount, }: TransactionLinesEmptyTableProps) => import("react/jsx-runtime").JSX.Element;
+/** Re-export the header height for callers sizing the empty viewport. */
+export declare const TRANSACTION_LINE_EMPTY_TABLE_HEADER_HEIGHT_PX = 32;

package/dist/components/transactionDetail/items/transactionLineTable/TransactionLinesTable.d.ts

@@ -0,0 +1,17 @@
+import { TransactionLinesTableProps } from './transactionLineTableTypes';
+/**
+ * Tabular view of non-journal-entry transaction lines (vendor / deposit
+ * today; customer/product-service kept on the legacy card view).
+ *
+ * Mirrors `TransactionLinesJournalEntryTable` minus:
+ *   - the per-row vendor / payee dropdown (the parent transaction
+ *     header owns vendor selection)
+ *   - the debit/credit posting split (a single right-aligned amount
+ *     column replaces them)
+ *   - the sticky totals row at the bottom (per Figma 5240:7220 and the
+ *     explicit "no totals row" requirement)
+ *
+ * The bottom-rounded corners are owned by the last `RowWrapper` since
+ * there is nothing else following it inside the card.
+ */
+export default function TransactionLinesTable({ accountList, accountsHierarchyList, classHierarchyList, classList, containerRef: _containerRef, isAccountingClassesEnabled, isAccountingProjectsEnabled: _isAccountingProjectsEnabled, isCOTEnabled, isProjectsTransactionsEnabled: _isProjectsTransactionsEnabled, lines, projects, searchAutoComplete, sectionId, transaction, bookCloseDate: _bookCloseDate, cotTracking, entityId: _entityId, isDisabled, isQuickViewMode, isUncategorizedExpenseCategoryEnabled, openTooltipId, setOpenTooltipId, uncategorizedAccounts, lineItemsLocalData: _lineItemsLocalData, }: Readonly<TransactionLinesTableProps>): JSX.Element;

package/dist/components/transactionDetail/items/transactionLineTable/common.d.ts

@@ -0,0 +1,32 @@
+import { LineInfo } from '../../common';
+/**
+ * Section id used by the new non-journal-entry transaction line table
+ * form fields. Mirrors `journalEntryTableSectionId` so caller wiring is
+ * symmetric across the two tables.
+ */
+export declare const transactionLineTableSectionId = "transactionLineTableSection";
+/** Header row height from Figma frame 5240:7220 (px). */
+export declare const TRANSACTION_LINE_TABLE_HEADER_HEIGHT = 32;
+/** Standard data-row height from Figma frame 5240:7220 (px). */
+export declare const TRANSACTION_LINE_TABLE_ROW_HEIGHT = 48;
+/** Compressed (quick-view / small window) row height. */
+export declare const TRANSACTION_LINE_TABLE_ROW_HEIGHT_COMPACT = 48;
+/**
+ * Row height resolver. Today every row is the same height; isolating
+ * this here so a future Update-all expansion can return a larger height
+ * for the affected row without touching `react-window` wiring.
+ */
+export declare const getTransactionLineTableRowHeight: (_line: LineInfo) => number;
+/**
+ * Column keys used to address cells, sort, and width lookups.
+ *
+ * Differences vs. the journal-entry table:
+ *   - no `name` column (the vendor / payee is rendered once at the
+ *     transaction header, not per line)
+ *   - no `debit` / `credit` split — a single `amount` column replaces them
+ */
+export declare const TRANSACTION_LINE_COLUMN_KEYS: readonly ["description", "category", "class", "project", "amount"];
+export type TransactionLineColumnKey = (typeof TRANSACTION_LINE_COLUMN_KEYS)[number];
+/** Compressed (quick-view / mobile) columns. */
+export declare const TRANSACTION_LINE_COMPRESSED_COLUMN_KEYS: readonly ["description", "amount"];
+export type TransactionLineCompressedColumnKey = (typeof TRANSACTION_LINE_COMPRESSED_COLUMN_KEYS)[number];

package/dist/components/transactionDetail/items/transactionLineTable/header/TransactionLineTableHeader.d.ts

@@ -0,0 +1,12 @@
+import { SortOrder } from '@zeniai/client-epic-state';
+import { DisableMode } from '../../../../formElements/common/common';
+import { TransactionLineRowSortConfig, TransactionLineSortKey } from './transactionLineHeaderConfig';
+export interface TransactionLineTableHeaderProps {
+    isAccountingClassesEnabled: boolean;
+    showProjectField: boolean;
+    sortConfig: TransactionLineRowSortConfig;
+    isCompressed?: boolean;
+    isDisabled?: DisableMode;
+    onColumnSortConfigChanged?: (sortKey: TransactionLineSortKey, sortOrder: SortOrder) => void;
+}
+export declare const TransactionLineTableHeader: ({ sortConfig, isAccountingClassesEnabled, showProjectField, isCompressed, isDisabled, onColumnSortConfigChanged, }: TransactionLineTableHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/transactionDetail/items/transactionLineTable/header/transactionLineHeaderConfig.d.ts

@@ -0,0 +1,40 @@
+import { SortOrder } from '@zeniai/client-epic-state';
+import { ResponsiveSized } from '../../../../../context/windowSizeProvider';
+import { TransactionLineColumnKey, TransactionLineCompressedColumnKey } from '../common';
+/** Header row height (Figma frame 5240:7220). */
+export declare const DEFAULT_LIST_HEADER_HEIGHT_REGULAR = 32;
+/** Sort key union for the non-JE transaction line table. */
+export type TransactionLineSortKey = "description" | "category" | "class" | "amount";
+export interface TransactionLineRowSortConfig {
+    sortKey: TransactionLineSortKey;
+    sortOrder: SortOrder;
+}
+/** Default sort the table opens with (mirrors the JE default). */
+export declare const transactionLineDefaultSortConfig: TransactionLineRowSortConfig;
+/**
+ * Header item shape (mirrors `journalEntryHeaderConfig.ts` but typed
+ * for the non-JE column key union).
+ */
+export interface TransactionLineRowHeaderItemData {
+    customStyle: {
+        cellStyle?: React.CSSProperties;
+        common?: React.CSSProperties;
+        quickView?: React.CSSProperties;
+    };
+    key: TransactionLineColumnKey | TransactionLineCompressedColumnKey;
+    /** Default direction applied when the column is freshly clicked. */
+    sortOrder: SortOrder;
+    value: string;
+    /** Fixed-pixel widths per breakpoint. */
+    width: ResponsiveSized;
+    /** Percentage of the content area (0–100) used when the table fits the viewport. */
+    widthPercentage: number;
+}
+/**
+ * Convenience narrowing helper used by the header click handler. The
+ * compressed `amount` key is also sortable but the compressed view does
+ * not show sort affordances, so this helper covers full-view sortable
+ * keys only.
+ */
+export declare const isSortableKey: (key: string) => key is TransactionLineSortKey;
+export declare const toTransactionLineSortKey: (key: string) => TransactionLineSortKey;

package/dist/components/transactionDetail/items/transactionLineTable/header/transactionLineHeaderItemsData.d.ts

@@ -0,0 +1,19 @@
+import { ResponsiveSized } from '../../../../../context/windowSizeProvider';
+import { TransactionLineRowHeaderItemData } from './transactionLineHeaderConfig';
+/**
+ * Column order matches Figma frame 5240:7220:
+ *   Description | Category | Class | (Project) | Amount
+ *
+ * `Project` is appended after `Class` only when `showProjectField` is
+ * true; the base Figma frame does not include it. This mirrors the JE
+ * table's optional-Project handling.
+ */
+export declare const getTransactionLineTableHeaderItemsData: (isAccountingClassesEnabled?: boolean, showProjectField?: boolean) => TransactionLineRowHeaderItemData[];
+/**
+ * Compressed (quick-view / small window) header list — single
+ * Description column with a single right-aligned Amount column. No
+ * `Dr`/`Cr` prefix here (unlike JE) because non-JE lines have no
+ * posting type to disambiguate.
+ */
+export declare const compressedTransactionLineHeaderItemsData: TransactionLineRowHeaderItemData[];
+export declare const getTransactionLineTableMaxWidth: (isAccountingClassesEnabled?: boolean, showProjectField?: boolean) => ResponsiveSized;

package/dist/components/transactionDetail/items/transactionLineTable/listRow/TransactionLineTableListRow.d.ts

@@ -0,0 +1,40 @@
+import { CSSProperties } from 'react';
+import { WindowSize } from '../../../../../context/windowSizeProvider/WindowSizeProvider';
+import { ResponsiveSized } from '../../../../../context/windowSizeProvider/responsiveSize';
+import { TransactionLineTableListEmptyRowProps, TransactionLineTableListRowProps } from '../transactionLineTableTypes';
+/**
+ * Single populated row of the non-JE transaction line table. Iterates
+ * the `columns` array from the header and renders the matching inline
+ * cell JSX. Mirrors the JE row's "one big switch" structure so a
+ * reviewer can diff the two row files column-by-column.
+ *
+ * Cells:
+ *   - `description` — editable LabeledTextField in a flush pill
+ *   - `category`    — RecommendationIcon + dropdown
+ *   - `class`       — RecommendationIcon + dropdown (only when accounting classes are on)
+ *   - `project`     — dropdown (no recommendations today, slot reserved)
+ *   - `amount`      — single right-aligned amount field (no Dr/Cr prefix)
+ */
+export declare const TransactionLineTableListRow: ({ accountList: _accountList, accountsHierarchyList, classHierarchyList, classList: _classList, columns, isCOTEnabled, isCompressed, isDisabled, isUncategorizedExpenseCategoryEnabled, line, lineIndex, onCOTView, openTooltipId, projects, searchAutoComplete: _searchAutoComplete, sectionId, setOpenTooltipId, transactionId, uncategorizedAccounts, }: TransactionLineTableListRowProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton row consumed by `TransactionLinesEmptyTable`. Uses the same
+ * `RowItemContainer` as the live row so column widths line up 1:1.
+ */
+export declare const TransactionLineTableListEmptyRow: ({ columns, isCompressed, }: TransactionLineTableListEmptyRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const RowItemContainerStyled: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $widthPercentage: number;
+    windowSize: WindowSize;
+    wrapperWidth: ResponsiveSized;
+    $flexibleWidth?: boolean;
+    isCompressed?: boolean;
+    isDividerColumn?: boolean;
+    isLastItem?: boolean;
+    isSticky?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RowItemContainer: (props: Omit<React.ComponentProps<typeof RowItemContainerStyled>, "$flexibleWidth" | "$widthPercentage"> & {
+    widthPercentage: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export type { CSSProperties as _CellStyle };

package/dist/components/transactionDetail/items/transactionLineTable/sortTransactionLines.d.ts

@@ -0,0 +1,19 @@
+import { LineInfo } from '../../common';
+import { TransactionLineRowSortConfig } from './header/transactionLineHeaderConfig';
+/**
+ * Accessor functions resolve the sort value for each column from a
+ * line. Mirrors the JE table's `JournalEntrySortAccessors` contract
+ * (epic-state) but narrowed to the non-JE column set:
+ *   description, category, class, amount.
+ */
+export interface TransactionLineSortAccessors {
+    amount: (line: LineInfo) => number;
+    category: (line: LineInfo) => string;
+    class: (line: LineInfo) => string;
+    description: (line: LineInfo) => string;
+}
+/**
+ * Stable, accessor-driven sort. Strings are lowered before compare;
+ * the amount column compares numerically.
+ */
+export declare const sortTransactionLines: (lines: ReadonlyArray<LineInfo>, config: TransactionLineRowSortConfig, accessors: TransactionLineSortAccessors) => LineInfo[];

package/dist/components/transactionDetail/items/transactionLineTable/transactionLineTableStyles.d.ts

@@ -0,0 +1,103 @@
+/**
+ * Outer wrapper that sits between the surrounding page and the table card.
+ * Mirrors the JE table's `TableWrapperContainer` (frame 5240:7220 has the
+ * same outer breathing-room as the JE redesign). Padding (`sp3 sp5` =
+ * 16px / 32px) and the `grey4` page-tinted background are applied in
+ * both full view AND quick view so the table card has the same
+ * surrounding chrome in the side panel as on the full detail page.
+ * Quick view additionally fills the panel's vertical space
+ * (`height: 100%`) so the inner scroll container can scroll.
+ */
+export declare const TableWrapperContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $isQuickViewMode?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Bordered, rounded "card" that frames the non-JE table. Identical
+ * chrome to the JE card (border + radius + grey5 background).
+ *
+ * Note (mirrors JE): we intentionally do NOT apply `overflow: hidden`
+ * here because that would establish a scroll container and break the
+ * page-relative `position: sticky` behavior of the header. The non-JE
+ * table has no sticky totals row, so the bottom-rounded corners are
+ * owned by the last `RowWrapper` (see `&:last-child` rule below).
+ */
+export declare const ListViewContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $isQuickViewMode?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Horizontal scroll container shared by the populated and empty tables.
+ * Vertical overflow is left to the page (or the side-panel drawer in
+ * quick view) so the table doesn't introduce a scroll-within-scroll
+ * experience.
+ */
+export declare const TableScrollContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Inner flex column that holds the sticky header and the rows.
+ * Keeping `display: flex; flex-direction: column;` allows the
+ * `position: sticky` header to pin against this scrolling parent.
+ */
+export declare const TableScrollContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Per-row wrapper used by both the populated and the skeleton/empty
+ * tables. Carries the standard row height and the bottom separator.
+ *
+ * Unlike the JE table, the non-JE table has no sticky totals row at the
+ * bottom — so the LAST row owns the bottom-rounded corners of the card.
+ *   - `:not(:last-child)` paints the 1px row separator
+ *   - `:last-child` rounds the bottom corners AND sets `overflow: hidden`
+ *     so the inner `RowFlex` background (grey5 default + `background`
+ *     on hover) is clipped to the rounded corners. Without `overflow:
+ *     hidden` the inner fill would spill over the rounded edge and
+ *     visually break the card corner on hover (and on the default
+ *     `grey5` fill where the parent card is also `grey5` so the bug
+ *     only became obvious in the hover state). Dropdowns and CoT
+ *     tooltips inside the row portal to `document.body`, so clipping
+ *     the row's overflow is safe — Figma 5240:7239 / 5262:22638.
+ */
+export declare const RowWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Sticky wrapper that pins the header to the top of the scroll
+ * container. Visual chrome (background fill, border-bottom, top-corner
+ * radius) lives on the inner `HeaderContainer` so the header matches
+ * the Figma "Table Row" component (frame 5240:7221) on its own and
+ * renders correctly in isolation (e.g. in stories) — this wrapper now
+ * owns only the positioning concern.
+ */
+export declare const StickyHeaderContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    isQuickViewMode?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Hover-tinted row container.
+ * Matches the JE table's `RowFlex` with the same `grey5` → `background`
+ * transition on hover. Rounded corners are owned by the parent
+ * `RowWrapper:last-child` (with `overflow: hidden`), so this element
+ * doesn't need to know whether it's the last row.
+ */
+export declare const RowFlex: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    isHovered?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderRowFlex: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/transactionDetail/items/transactionLineTable/transactionLineTableTypes.d.ts

@@ -0,0 +1,80 @@
+import { AccountBase, ClassBase, ID, NestedAccountHierarchyForReport, NestedClassHierarchyForReport, Project, TransactionDetailLocalData, TransactionLineRecommendationFieldTypes, TransactionWithCOT, UncategorizedAccounts, ZeniDate } from '@zeniai/client-epic-state';
+import { COTTrackingProps } from '../../../../types/cotTracking';
+import { DisableMode } from '../../../formElements/common/common';
+import { LineInfo, SearchAutoComplete } from '../../common';
+import { TransactionLineRowHeaderItemData } from './header/transactionLineHeaderConfig';
+/**
+ * Public props for the non-journal-entry transaction line table.
+ * Mirrors the shape of `TransactionLinesJournalEntryTableProps`.
+ */
+export interface TransactionLinesTableProps {
+    accountList: AccountBase[];
+    accountsHierarchyList: NestedAccountHierarchyForReport[];
+    classHierarchyList: NestedClassHierarchyForReport[];
+    classList: ClassBase[];
+    containerRef: HTMLElement | null;
+    isAccountingClassesEnabled: boolean;
+    isAccountingProjectsEnabled: boolean;
+    isCOTEnabled: boolean;
+    isProjectsTransactionsEnabled: boolean;
+    lines: LineInfo[];
+    projects: Project[];
+    searchAutoComplete: SearchAutoComplete;
+    sectionId: string;
+    transaction: TransactionWithCOT;
+    bookCloseDate?: ZeniDate;
+    cotTracking?: COTTrackingProps;
+    entityId?: ID;
+    isDisabled?: DisableMode;
+    isQuickViewMode?: boolean;
+    isTransactionCommentingEnabled?: boolean;
+    isUncategorizedExpenseCategoryEnabled?: boolean;
+    lineItemsLocalData?: TransactionDetailLocalData;
+    openTooltipId?: ID;
+    uncategorizedAccounts?: UncategorizedAccounts;
+    setOpenTooltipId?: (tooltipId: ID | undefined) => void;
+}
+/**
+ * Props for the skeleton/loading empty table that mirrors the
+ * `TransactionLinesJournalEntryEmptyTable` shape.
+ */
+export interface TransactionLinesEmptyTableProps {
+    isAccountingClassesEnabled: boolean;
+    showProjectField: boolean;
+    isCompressed?: boolean;
+    isQuickViewMode?: boolean;
+    sectionId?: string;
+    skeletonRowCount?: number;
+}
+/** Props for the inline list-row component. */
+export interface TransactionLineTableListRowProps {
+    accountList: AccountBase[];
+    accountsHierarchyList: NestedAccountHierarchyForReport[];
+    classHierarchyList: NestedClassHierarchyForReport[];
+    classList: ClassBase[];
+    columns: TransactionLineRowHeaderItemData[];
+    isCompressed: boolean;
+    isCOTEnabled: boolean;
+    line: LineInfo;
+    lineIndex: number;
+    projects: Project[];
+    sectionId: string;
+    isDisabled?: DisableMode;
+    isUncategorizedExpenseCategoryEnabled?: boolean;
+    openTooltipId?: ID;
+    searchAutoComplete?: SearchAutoComplete;
+    /**
+     * Transaction id used by the inline `RecommendationIcon` to build a
+     * unique tooltip identifier. Optional so existing callers don't break;
+     * when missing the row falls back to `line.id`.
+     */
+    transactionId?: ID;
+    uncategorizedAccounts?: UncategorizedAccounts;
+    onCOTView?: (fieldType: TransactionLineRecommendationFieldTypes, recommendationSource?: string) => void;
+    setOpenTooltipId?: (tooltipId: ID | undefined) => void;
+}
+/** Props for the skeleton row mounted by the empty table. */
+export interface TransactionLineTableListEmptyRowProps {
+    columns: TransactionLineRowHeaderItemData[];
+    isCompressed: boolean;
+}

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SessionTimeoutPopup-CdfFoZvR.cjs"),a=require("./vendor-.pnpm-C7TxM7W7.cjs"),t=require("@emotion/styled");exports.AIIconButton=e.AIIconButton;exports.AIPerformancePage=e.AIPerformancePage;exports.ALL_AI_CFO_MENU_OPTIONS=e.ALL_AI_CFO_MENU_OPTIONS;exports.ALL_SETTINGS_MENU_OPTIONS=e.ALL_SETTINGS_MENU_OPTIONS;exports.APP_DRAWER_CONTENT_WIDTH_PX=e.APP_DRAWER_CONTENT_WIDTH_PX;exports.AccountInfoPage=e.AccountInfoPage;exports.AccountLockedInfoModal=e.AccountLockedInfoModal;exports.AccountReconDetailsDrawerPage=e.AccountReconDetailsDrawerPage;exports.ActivityIndicator=e.ActivityIndicator;exports.AddAddressForCardDrawer=e.AddAddressForCardDrawer;exports.AddToWalletPage=e.AddToWalletPage;exports.AddressFormPage=e.AddressFormPage;exports.AgingReportsPage=e.AgingReportsPage;exports.AiCfoMenuContent=e.AiCfoMenuContent;exports.AiCfoOnboardingPage=e.AiCfoOnboardingPage;exports.AiCfoPage=e.AiCfoPage;exports.AiCfoScopeModal=e.AiCfoScopeModal;exports.AiCfoScopeModalScrollBody=e.AiCfoScopeModalScrollBody;exports.AiCfoSidePanel=e.AiCfoSidePanel;exports.AnalyticsOnLoad=e.AnalyticsOnLoad;exports.ApAgingDetailPage=e.ApAgingDetailPage;exports.AppBasePage=e.AppBasePage;exports.AppDrawerContent=e.AppDrawerContent;exports.AppDrawerHeightMobile=e.AppDrawerHeightMobile;exports.ApprovalRulesSettingsPage=e.ApprovalRulesSettingsPage;exports.ArAgingDetailPage=e.ArAgingDetailPage;exports.AskAiCfoNavButton=e.AskAiCfoNavButton;exports.AskAiCfoNavButtonWhenEnabled=e.AskAiCfoNavButtonWhenEnabled;exports.AttachmentView=e.AttachmentView;exports.AutoTransferRulePage=e.AutoTransferRulePage;exports.BackNavigationProvider=e.BackNavigationProvider;exports.BankConnectionsSettingsPage=e.BankConnectionsSettingsPage;exports.BillDetailPage=e.BillDetailPage;exports.BillDetailPageSkeleton=e.BillDetailPageSkeleton;exports.BillPayApprovalRuleDetailPage=e.BillPayApprovalRuleDetailPage;exports.BillPayApprovalRulesPage=e.BillPayApprovalRulesPage;exports.BillPayPromoPage=e.BillPayPromoPage;exports.BillPaySetUpLoading=e.SpendManagementSetUpLoading;exports.BillPaySetUpPage=e.BillPaySetUpPage;exports.BillingSettingsPage=e.BillingSettingsPage;exports.BillsBulkReviewDrawerPage=e.BillsBulkReviewDrawerPage;exports.BusinessVerificationPage=e.BusinessVerificationPage;exports.COMMAND_CENTER_SUBMENU_TYPES=e.COMMAND_CENTER_SUBMENU_TYPES;exports.CapitalizationOnboardingPopup=e.CapitalizationOnboardingPopup;exports.CapitalizationSettingsSection=e.CapitalizationSettingsSection;exports.CashbackDetailLoading=e.CashbackDetailLoading;exports.CashbackDetailPage=e.CashbackDetailPage;exports.ChargeCardCVVActivate=e.ChargeCardCVVActivate;exports.ChargeCardDetailLoading=e.ChargeCardDetailLoading;exports.ChargeCardDetailPage=e.ChargeCardDetailPage;exports.ChargeCardListLoading=e.ChargeCardListLoading;exports.ChargeCardListPage=e.ChargeCardListPage;exports.ChargeCardPaymentHistoryPage=e.ChargeCardPaymentHistoryPage;exports.ChargeCardPromoPage=e.ChargeCardPromoPage;exports.ChargeCardPromoPageSkeleton=e.ChargeCardPromoPageSkeleton;exports.ChargeCardSetUpPage=e.ChargeCardSetUpPage;exports.ChargeCardSetupLoading=e.SpendManagementSetUpLoading;exports.ChargeCardStatementsLoading=e.ChargeCardStatementsLoading;exports.ChargeCardStatementsPage=e.ChargeCardStatementsPage;exports.ChargeCardUserOnboardingPromoPage=e.ChargeCardUserOnboardingPromoPage;exports.ChargeCardUserOnboardingPromoPageSkeleton=e.ChargeCardUserOnboardingPromoPageSkeleton;exports.CheckDepositDrawerPage=e.CheckDepositDrawerPage;exports.CollaborationGlobalStyles=e.CollaborationGlobalStyles;exports.CollaborationProvider=e.CollaborationProvider;exports.CollaborationRoomProvider=e.CollaborationRoomProvider;exports.Colors=e.Colors;exports.CommentsAndNotesCount=e.CommentsAndNotesCount;exports.CommentsDrawerProvider=e.CommentsDrawerProvider;exports.CompanyPassportCard=e.CompanyPassportCard;exports.CompanyPassportPage=e.CompanyPassportPage;exports.CompleteProfile=e.CompleteProfile;exports.ConfettiBurst=e.ConfettiBurst;exports.ConfirmationPopup=e.ConfirmationPopup;exports.CreateOrEditVendorPage=e.CreateOrEditVendorPage;exports.CreateOrEditVendorPageSkeleton=e.CreateOrEditVendorPageSkeleton;exports.CreditCardPaymentDrawerPage=e.CreditCardPaymentDrawerPage;exports.CustomerOnboardingActivationPage=e.CustomerOnboardingActivationPage;exports.CustomerOnboardingContainerPage=e.CustomerOnboardingContainerPage;exports.CustomerOnboardingNoStepsPage=e.CustomerOnboardingNoStepsPage;exports.CustomerOnboardingPage=e.CustomerOnboardingPage;exports.CustomerOnboardingProductSuitePage=e.CustomerOnboardingProductSuitePage;exports.Dashboard=e.Dashboard;exports.DashboardReportPage=e.DashboardReportPage;exports.DashboardSidebarLogoAnimation=e.DashboardSidebarLogoAnimation;exports.DataListTable=e.DataListTable;exports.DataListTableHeader=e.DataListTableHeader;exports.DataListTableRow=e.DataListTableRow;exports.DataListTableSortIndicator=e.DataListTableSortIndicator;exports.DebitCardSetPin=e.DebitCardSetPin;exports.DropdownPortalContext=e.DropdownPortalContext;exports.EditPeoplePage=e.EditPeoplePage;exports.EditReimbursementDetailPage=e.EditReimbursementDetailPage;exports.EditableBillDetailPage=e.EditableBillDetailPage;exports.EntityDetailPage=e.EntityDetailPage;exports.ErrorBoundaryWrapper=e.ErrorBoundaryWrapper;exports.ExcludedAccountReconDetailsDrawerPage=e.ExcludedAccountReconDetailsDrawerPage;exports.ExpenseAutomationOverviewPage=e.ExpenseAutomationOverviewPage;exports.ExpenseAutomationOverviewPageSkeleton=e.ExpenseAutomationOverviewPageSkeleton;exports.ExpenseAutomationPage=e.ExpenseAutomationPage;exports.ExpressPayPage=e.ExpressPayPage;exports.FeatureDynamicConfigNames=e.DynamicConfigNames;exports.FeatureGatesNames=e.FeatureGatesNames;exports.FeaturePreviewPage=e.FeaturePreviewPage;exports.FeatureProvider=e.FeatureProvider;exports.FirstReviewVendorDetailPage=e.FirstReviewVendorDetailPage;exports.FontWeight=e.FontWeight;exports.GlobalInfoProvider=e.GlobalInfoProvider;exports.GlobalReviewListPage=e.GlobalReviewListPage;exports.InformationCardStack=e.InformationCardStack;exports.InitialCollaborationProvider=e.InitialCollaborationProvider;exports.InsightsCardStack=e.InsightCardStack;exports.IntegrationsSettingsPage=e.IntegrationsSettingsPage;exports.InternationalWireVerificationPage=e.InternationalWireVerificationPage;exports.InviteFormPage=e.InviteFormPage;exports.InvitePageListView=e.InvitePageListView;exports.InvitePeoplePage=e.InvitePeoplePage;exports.InvoiceUploadSection=e.InvoiceUploadSection;exports.InvoiceUploadSectionSkeleton=e.InvoiceUploadSectionSkeleton;exports.IssueChargeCardPage=e.IssueChargeCardPage;exports.IssueChargeCardPageSkeleton=e.IssueChargeCardPageSkeleton;exports.LinkBillExpensePage=e.LinkBillExpensePage;exports.LinkJETransactionPage=e.LinkJETransactionPage;exports.Loader=e.Loader;exports.LogoutButton=e.LogoutButton;exports.MagicLinkDomesticWireDetailsPage=e.MagicLinkDomesticWireDetailsPage;exports.MagicLinkInternationalWireDetailsPage=e.MagicLinkInternationalWireDetailsPage;exports.MagicLinkSuccessPage=e.MagicLinkSuccessPage;exports.MagicLinkVendorACHDetailsPage=e.MagicLinkVendorACHDetailsPage;exports.Modal=e.Modal;exports.MonthEndEmailDrawerCustomerRequestPage=e.MonthEndEmailDrawerCustomerRequestPage;exports.MyBankConnectionsSettingsPage=e.MyBankConnectionsSettingsPage;exports.MyPendingActivationChargeCardListPage=e.MyPendingActivationChargeCardListPage;exports.MyProfileSettingsPage=e.MyProfileSettingsPage;exports.NavBar=e.NavBar;exports.NavBarRightRowStyled=e.NavBarRightRowStyled;exports.NewGlobalMerchantPage=e.NewGlobalMerchantPage;exports.NewUpdateAvailablePage=e.NewUpdateAvailablePage;exports.NotFoundPage=e.NotFoundPage;exports.NotificationIcon=e.SvgNotification;exports.NotificationSettingsPage=e.NotificationSettingsPage;exports.NotificationsPage=e.NotificationsPage;exports.OAuthConsentPage=e.OAuthConsentPage;exports.OpExByVendorPage=e.OpExByVendorPage;exports.OverlayContainerPage=e.OverlayContainerPage;exports.PandLWithForecastPage=e.PandLWithForecastPage;exports.PanelInternalContext=e.PanelInternalContext;exports.PeoplePage=e.PeoplePage;exports.Picker=e.Picker;exports.PortfolioAllocationFormPage=e.PortfolioAllocationFormPage;exports.QBOConnectionDialog=e.QBOConnectionDialog;exports.QuickResponsesPage=e.QuickResponsesPage;exports.QuickViewModeContext=e.QuickViewModeContext;exports.RIGHT_SIDE_PANEL_WIDTH_PX=e.RIGHT_SIDE_PANEL_WIDTH_PX;exports.ReferralDrawerPage=e.DrawerPage;exports.ReimbursementApprovalRuleDetailPage=e.ReimbursementApprovalRuleDetailPage;exports.ReimbursementApprovalRulesPage=e.ReimbursementApprovalRulesPage;exports.ReimbursementDetailPage=e.ReimbursementDetailPage;exports.ReimbursementDetailPageSkeleton=e.ReimbursementDetailPageSkeleton;exports.ReimbursementPromoPage=e.ReimbursementPromoPage;exports.ReimbursementSetUpLoading=e.SpendManagementSetUpLoading;exports.ReimbursementSetUpPage=e.RemiSetupPage;exports.RemisBulkReviewDrawerPage=e.ReimbursementsBulkReviewDrawerPage;exports.ReportsPage=e.ReportsPage;exports.ResponsiveSized=e.ResponsiveSized;exports.ReviewBillDetailsPage=e.ReviewBillDetailsPage;exports.ReviewConfirmTransferPanel=e.ReviewConfirmTransferPanel;exports.ReviewDetailsPageSkeleton=e.ReviewDetailsPageSkeleton;exports.ScheduleDetailSkeleton=e.ScheduleDetailSkeleton;exports.ScheduleDetailsAccruedExpensesPage=e.ScheduleDetailsAccruedExpensesPage;exports.ScheduleDetailsFixedAssetsPage=e.ScheduleDetailsFixedAssetsPage;exports.ScheduleDetailsPage=e.ScheduleDetailsPage;exports.SchedulePanelInternalContext=e.SchedulePanelInternalContext;exports.SessionTimeoutPopup=e.SessionTimeoutPopup;exports.SidePanelContext=e.SidePanelContext;exports.SidePanelProvider=e.SidePanelProvider;exports.SignIn=e.SignIn;exports.SomethingWrongPage=e.SomethingWrongPage;exports.Space=e.Space;exports.SpendManagementListLoading=e.SpendManagementListLoading;exports.SpendManagementListViewPage=e.SpendManagementListViewPage;exports.StatementsPage=e.StatementsPage;exports.StyledCapsule=e.StyledCapsule;exports.SubscriptionDetailPage=e.SubscriptionDetailPage;exports.SubscriptionSummaryPage=e.SubscriptionSummaryPage;exports.TaskDetailPage=e.TaskDetailPage;exports.TaskManagementPage=e.TaskManagementPage;exports.TenantsDropDown=e.TenantsDropDown;exports.TextStyle=e.TextStyle;exports.ToolkitProvider=e.ToolkitProvider;exports.TopExDetailPage=e.TopExDetailPage;exports.TransactionActivityLogPage=e.TransactionActivityLogPage;exports.TransactionActivityLogPanel=e.TransactionActivityLogPanel;exports.TransactionDetailPage=e.TransactionDetailPage;exports.TransactionDetailSkeleton=e.TransactionDetailSkeleton;exports.TransactionListBig=e.TransactionListBig;exports.TransactionListPage=e.TransactionListPage;exports.TransactionPanelInternalContext=e.TransactionPanelInternalContext;exports.TransactionSidePanelLayout=e.TransactionSidePanelLayout;exports.TransactionVendorDetailPage=e.TransactionVendorDetailPage;exports.TransferDrawerPage=e.TransferDrawerPage;exports.TreasuryOverviewPage=e.TreasuryOverviewPage;exports.TreasuryPromoPage=e.TreasuryPromoPage;exports.TreasurySetUpPage=e.TreasurySetUpPage;exports.TreasuryStatementsPage=e.TreasuryStatementsPage;exports.TreasuryTaxLetterPage=e.TreasuryTaxLetterPage;exports.TreasuryTransferOrReviewPage=e.TreasuryTransferOrReviewPage;exports.TrendChart=e.TrendChart;exports.UncategorizedAccountsMappingPage=e.UncategorizedAccountsMappingPage;exports.UnitIntegrationPage=e.UnitIntegrationPage;exports.Vendor2FAPopup=e.Vendor2FAPopup;exports.VendorACHDetailsPage=e.VendorACHDetailsPage;exports.VendorAccruedSchedulesPage=e.VendorAccruedSchedulesPage;exports.VendorDetailPage=e.VendorDetailPage;exports.VendorDomesticWireDetailsPage=e.VendorDomesticWireDetailsPage;exports.VendorFiling1099DetailsEditablePage=e.VendorFiling1099DetailsEditablePage;exports.VendorFiling1099EditableFormSkeleton=e.VendorFiling1099EditableFormSkeleton;exports.VendorFiling1099ListPage=e.VendorFiling1099ListPage;exports.VendorFirstReviewPage=e.VendorFirstReviewPage;exports.VendorInternationalSwiftBasedDetailsPage=e.VendorInternationalSwiftBasedDetailsPage;exports.VendorInternationalWireDetailsPage=e.VendorInternationalWireDetailsPage;exports.VendorListPage=e.VendorListPage;exports.VendorSchedulesPage=e.VendorSchedulesPage;exports.VerifyDevice=e.VerifyDevice;exports.WebV2MicroService=e.WebV2MicroService;exports.WebV2MicroServiceProvider=e.WebV2MicroServiceProvider;exports.WindowSizeProvider=e.WindowSizeProvider;exports.ZeniAccountDetailLoading=e.ZeniAccountDetailLoading;exports.ZeniAccountDetailNavBarTitleShimmer=e.ZeniAccountDetailNavBarTitleShimmer;exports.ZeniAccountDetailPage=e.ZeniAccountDetailPage;exports.ZeniAccountListLoading=e.ZeniAccountListLoading;exports.ZeniAccountListViewPage=e.ZeniAccountListViewPage;exports.ZeniAccountPromoPage=e.ZeniAccountPromoPage;exports.ZeniAccountSetUpPage=e.ZeniAccountSetUpPage;exports.ZeniText=e.ZeniText;exports.ZeniThemeProvider=e.ZeniThemeProvider;exports.alignToJustify=e.alignToJustify;exports.amountToString=e.amountToString;exports.amountValueToString=e.amountValueToString;exports.appLocale=e.appLocale;exports.buildStickyKeySet=e.buildStickyKeySet;exports.cellVerticalAlignToFlexAlign=e.cellVerticalAlignToFlexAlign;exports.clearAutoLogoutContext=e.clearAutoLogoutContext;exports.computeStickyLeftOffsets=e.computeStickyLeftOffsets;exports.darkColors=e.darkColors;exports.darkTheme=e.darkTheme;exports.dashboardCardDimension=e.designDimension;exports.getAlpha2=e.getAlpha2;exports.getAlpha3=e.getAlpha3;exports.getColorForALabel=e.getColorForALabel;exports.getCountries=e.getCountries;exports.getCustomerDataFromAutoComplete=e.getCustomerDataFromAutoComplete;exports.getFullName=e.getFullName;exports.getInitialOpenThreadRequestFromSearch=e.getInitialOpenThreadRequestFromSearch;exports.getRecipientTotalAmount=e.getRecipientTotalAmount;exports.getShowNegativeAmountInParenthesisDefaultValue=e.getShowNegativeAmountInParenthesisDefaultValue;exports.getShowNegativeAmountInParenthesisForPercentDefaultValue=e.getShowNegativeAmountInParenthesisForPercentDefaultValue;exports.getStableTransactionId=e.getStableTransactionId;exports.isCloseManagementMenu=e.isCloseManagementMenu;exports.isCollaborationEntityType=e.isCollaborationEntityType;exports.isMobileOrTabletView=e.isMobileOrTabletView;exports.isMobilePhoneScreen=e.isMobilePhoneScreen;exports.lightColors=e.lightColors;exports.lightTheme=e.lightTheme;exports.mergeColumnDeclarativeWithRenderers=e.mergeColumnDeclarativeWithRenderers;exports.mergeLayoutDefaults=e.mergeLayoutDefaults;exports.percentValueToString=e.percentValueToString;exports.resolveColumnWidth=e.resolveColumnWidth;exports.roundAmountIfNeeded=e.roundAmountIfNeeded;exports.roundOffNumberToTwoDecimal=e.roundOffNumberToTwoDecimal;exports.setAutoLogoutContext=e.setAutoLogoutContext;exports.setShowNegativeAmountInParenthesisDefaultValue=e.setShowNegativeAmountInParenthesisDefaultValue;exports.setShowNegativeAmountInParenthesisForPercentDefaultValue=e.setShowNegativeAmountInParenthesisForPercentDefaultValue;exports.sp=e.sp;exports.textAlignForCell=e.textAlignForCell;exports.textStyles=e.textStyles;exports.toMenuOptionType=e.toMenuOptionType;exports.toSettingsMenuOptionTypeStrict=e.toSettingsMenuOptionTypeStrict;exports.toSupportedLocaleStrict=e.toSupportedLocaleStrict;exports.trackTreasuryTransferAnalytics=e.trackTreasuryTransferAnalytics;exports.uploadAttachmentReceipts=e.uploadAttachmentReceipts;exports.useAgentPerfAccess=e.useAgentPerfAccess;exports.useBackNavigation=e.useBackNavigation;exports.useCollaborationInfoContext=e.useCollaborationInfoContext;exports.useCommentsDrawer=e.useCommentsDrawer;exports.useDropdownPortal=e.useDropdownPortal;exports.useGlobalInfoContext=e.useGlobalInfoContext;exports.useLockBodyScroll=e.useLockBodyScroll;exports.usePanelInternal=e.usePanelInternal;exports.usePrevious=e.usePrevious;exports.useQuickViewMode=e.useQuickViewMode;exports.useRegisterBackHandler=e.useRegisterBackHandler;exports.useRequestCloseAllCommentDrawers=e.useRequestCloseAllCommentDrawers;exports.useSchedulePanelInternal=e.useSchedulePanelInternal;exports.useSessionAutoLogoutConfig=e.useSessionAutoLogoutConfig;exports.useSidePanelContext=e.useSidePanelContext;exports.useToolkitContext=e.useToolkitContext;exports.useTransactionPanelInternal=e.useTransactionPanelInternal;exports.useWindowSizeContext=e.useWindowSizeContext;exports.useZeniFeatureContext=e.useZeniFeatureContext;exports.useZeniThemeContext=e.useZeniThemeContext;exports.waitFor=e.waitFor;exports.useZeniTheme=a.useTheme;exports.zeniStyled=a.styled;exports.zeniEmotionStyled=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SessionTimeoutPopup-DQSLdcQs.cjs"),a=require("./vendor-.pnpm-DuJMYp1y.cjs"),t=require("@emotion/styled");exports.AIIconButton=e.AIIconButton;exports.AIPerformancePage=e.AIPerformancePage;exports.ALL_AI_CFO_MENU_OPTIONS=e.ALL_AI_CFO_MENU_OPTIONS;exports.ALL_SETTINGS_MENU_OPTIONS=e.ALL_SETTINGS_MENU_OPTIONS;exports.APP_DRAWER_CONTENT_WIDTH_PX=e.APP_DRAWER_CONTENT_WIDTH_PX;exports.AccountInfoPage=e.AccountInfoPage;exports.AccountLockedInfoModal=e.AccountLockedInfoModal;exports.AccountReconDetailsDrawerPage=e.AccountReconDetailsDrawerPage;exports.ActivityIndicator=e.ActivityIndicator;exports.AddAddressForCardDrawer=e.AddAddressForCardDrawer;exports.AddToWalletPage=e.AddToWalletPage;exports.AddressFormPage=e.AddressFormPage;exports.AgingReportsPage=e.AgingReportsPage;exports.AiCfoMenuContent=e.AiCfoMenuContent;exports.AiCfoOnboardingPage=e.AiCfoOnboardingPage;exports.AiCfoPage=e.AiCfoPage;exports.AiCfoScopeModal=e.AiCfoScopeModal;exports.AiCfoScopeModalScrollBody=e.AiCfoScopeModalScrollBody;exports.AiCfoSidePanel=e.AiCfoSidePanel;exports.AnalyticsOnLoad=e.AnalyticsOnLoad;exports.ApAgingDetailPage=e.ApAgingDetailPage;exports.AppBasePage=e.AppBasePage;exports.AppDrawerContent=e.AppDrawerContent;exports.AppDrawerHeightMobile=e.AppDrawerHeightMobile;exports.ApprovalRulesSettingsPage=e.ApprovalRulesSettingsPage;exports.ArAgingDetailPage=e.ArAgingDetailPage;exports.AskAiCfoNavButton=e.AskAiCfoNavButton;exports.AskAiCfoNavButtonWhenEnabled=e.AskAiCfoNavButtonWhenEnabled;exports.AttachmentView=e.AttachmentView;exports.AutoTransferRulePage=e.AutoTransferRulePage;exports.BackNavigationProvider=e.BackNavigationProvider;exports.BankConnectionsSettingsPage=e.BankConnectionsSettingsPage;exports.BillDetailPage=e.BillDetailPage;exports.BillDetailPageSkeleton=e.BillDetailPageSkeleton;exports.BillPayApprovalRuleDetailPage=e.BillPayApprovalRuleDetailPage;exports.BillPayApprovalRulesPage=e.BillPayApprovalRulesPage;exports.BillPayPromoPage=e.BillPayPromoPage;exports.BillPaySetUpLoading=e.SpendManagementSetUpLoading;exports.BillPaySetUpPage=e.BillPaySetUpPage;exports.BillingSettingsPage=e.BillingSettingsPage;exports.BillsBulkReviewDrawerPage=e.BillsBulkReviewDrawerPage;exports.BusinessVerificationPage=e.BusinessVerificationPage;exports.COMMAND_CENTER_SUBMENU_TYPES=e.COMMAND_CENTER_SUBMENU_TYPES;exports.CapitalizationOnboardingPopup=e.CapitalizationOnboardingPopup;exports.CapitalizationSettingsSection=e.CapitalizationSettingsSection;exports.CashbackDetailLoading=e.CashbackDetailLoading;exports.CashbackDetailPage=e.CashbackDetailPage;exports.ChargeCardCVVActivate=e.ChargeCardCVVActivate;exports.ChargeCardDetailLoading=e.ChargeCardDetailLoading;exports.ChargeCardDetailPage=e.ChargeCardDetailPage;exports.ChargeCardListLoading=e.ChargeCardListLoading;exports.ChargeCardListPage=e.ChargeCardListPage;exports.ChargeCardPaymentHistoryPage=e.ChargeCardPaymentHistoryPage;exports.ChargeCardPromoPage=e.ChargeCardPromoPage;exports.ChargeCardPromoPageSkeleton=e.ChargeCardPromoPageSkeleton;exports.ChargeCardSetUpPage=e.ChargeCardSetUpPage;exports.ChargeCardSetupLoading=e.SpendManagementSetUpLoading;exports.ChargeCardStatementsLoading=e.ChargeCardStatementsLoading;exports.ChargeCardStatementsPage=e.ChargeCardStatementsPage;exports.ChargeCardUserOnboardingPromoPage=e.ChargeCardUserOnboardingPromoPage;exports.ChargeCardUserOnboardingPromoPageSkeleton=e.ChargeCardUserOnboardingPromoPageSkeleton;exports.CheckDepositDrawerPage=e.CheckDepositDrawerPage;exports.CollaborationGlobalStyles=e.CollaborationGlobalStyles;exports.CollaborationProvider=e.CollaborationProvider;exports.CollaborationRoomProvider=e.CollaborationRoomProvider;exports.Colors=e.Colors;exports.CommentsAndNotesCount=e.CommentsAndNotesCount;exports.CommentsDrawerProvider=e.CommentsDrawerProvider;exports.CompanyPassportCard=e.CompanyPassportCard;exports.CompanyPassportPage=e.CompanyPassportPage;exports.CompleteProfile=e.CompleteProfile;exports.ConfettiBurst=e.ConfettiBurst;exports.ConfirmationPopup=e.ConfirmationPopup;exports.CreateOrEditVendorPage=e.CreateOrEditVendorPage;exports.CreateOrEditVendorPageSkeleton=e.CreateOrEditVendorPageSkeleton;exports.CreditCardPaymentDrawerPage=e.CreditCardPaymentDrawerPage;exports.CustomerOnboardingActivationPage=e.CustomerOnboardingActivationPage;exports.CustomerOnboardingContainerPage=e.CustomerOnboardingContainerPage;exports.CustomerOnboardingNoStepsPage=e.CustomerOnboardingNoStepsPage;exports.CustomerOnboardingPage=e.CustomerOnboardingPage;exports.CustomerOnboardingProductSuitePage=e.CustomerOnboardingProductSuitePage;exports.Dashboard=e.Dashboard;exports.DashboardReportPage=e.DashboardReportPage;exports.DashboardSidebarLogoAnimation=e.DashboardSidebarLogoAnimation;exports.DataListTable=e.DataListTable;exports.DataListTableHeader=e.DataListTableHeader;exports.DataListTableRow=e.DataListTableRow;exports.DataListTableSortIndicator=e.DataListTableSortIndicator;exports.DebitCardSetPin=e.DebitCardSetPin;exports.DropdownPortalContext=e.DropdownPortalContext;exports.EditPeoplePage=e.EditPeoplePage;exports.EditReimbursementDetailPage=e.EditReimbursementDetailPage;exports.EditableBillDetailPage=e.EditableBillDetailPage;exports.EntityDetailPage=e.EntityDetailPage;exports.ErrorBoundaryWrapper=e.ErrorBoundaryWrapper;exports.ExcludedAccountReconDetailsDrawerPage=e.ExcludedAccountReconDetailsDrawerPage;exports.ExpenseAutomationOverviewPage=e.ExpenseAutomationOverviewPage;exports.ExpenseAutomationOverviewPageSkeleton=e.ExpenseAutomationOverviewPageSkeleton;exports.ExpenseAutomationPage=e.ExpenseAutomationPage;exports.ExpressPayPage=e.ExpressPayPage;exports.FeatureDynamicConfigNames=e.DynamicConfigNames;exports.FeatureGatesNames=e.FeatureGatesNames;exports.FeaturePreviewPage=e.FeaturePreviewPage;exports.FeatureProvider=e.FeatureProvider;exports.FirstReviewVendorDetailPage=e.FirstReviewVendorDetailPage;exports.FontWeight=e.FontWeight;exports.GlobalInfoProvider=e.GlobalInfoProvider;exports.GlobalReviewListPage=e.GlobalReviewListPage;exports.InformationCardStack=e.InformationCardStack;exports.InitialCollaborationProvider=e.InitialCollaborationProvider;exports.InsightsCardStack=e.InsightCardStack;exports.IntegrationsSettingsPage=e.IntegrationsSettingsPage;exports.InternationalWireVerificationPage=e.InternationalWireVerificationPage;exports.InviteFormPage=e.InviteFormPage;exports.InvitePageListView=e.InvitePageListView;exports.InvitePeoplePage=e.InvitePeoplePage;exports.InvoiceUploadSection=e.InvoiceUploadSection;exports.InvoiceUploadSectionSkeleton=e.InvoiceUploadSectionSkeleton;exports.IssueChargeCardPage=e.IssueChargeCardPage;exports.IssueChargeCardPageSkeleton=e.IssueChargeCardPageSkeleton;exports.LinkBillExpensePage=e.LinkBillExpensePage;exports.LinkJETransactionPage=e.LinkJETransactionPage;exports.Loader=e.Loader;exports.LogoutButton=e.LogoutButton;exports.MagicLinkDomesticWireDetailsPage=e.MagicLinkDomesticWireDetailsPage;exports.MagicLinkInternationalWireDetailsPage=e.MagicLinkInternationalWireDetailsPage;exports.MagicLinkSuccessPage=e.MagicLinkSuccessPage;exports.MagicLinkVendorACHDetailsPage=e.MagicLinkVendorACHDetailsPage;exports.Modal=e.Modal;exports.MonthEndEmailDrawerCustomerRequestPage=e.MonthEndEmailDrawerCustomerRequestPage;exports.MyBankConnectionsSettingsPage=e.MyBankConnectionsSettingsPage;exports.MyPendingActivationChargeCardListPage=e.MyPendingActivationChargeCardListPage;exports.MyProfileSettingsPage=e.MyProfileSettingsPage;exports.NavBar=e.NavBar;exports.NavBarRightRowStyled=e.NavBarRightRowStyled;exports.NewGlobalMerchantPage=e.NewGlobalMerchantPage;exports.NewUpdateAvailablePage=e.NewUpdateAvailablePage;exports.NotFoundPage=e.NotFoundPage;exports.NotificationIcon=e.SvgNotification;exports.NotificationSettingsPage=e.NotificationSettingsPage;exports.NotificationsPage=e.NotificationsPage;exports.OAuthConsentPage=e.OAuthConsentPage;exports.OpExByVendorPage=e.OpExByVendorPage;exports.OverlayContainerPage=e.OverlayContainerPage;exports.PandLWithForecastPage=e.PandLWithForecastPage;exports.PanelInternalContext=e.PanelInternalContext;exports.PeoplePage=e.PeoplePage;exports.Picker=e.Picker;exports.PortfolioAllocationFormPage=e.PortfolioAllocationFormPage;exports.QBOConnectionDialog=e.QBOConnectionDialog;exports.QuickResponsesPage=e.QuickResponsesPage;exports.QuickViewModeContext=e.QuickViewModeContext;exports.RIGHT_SIDE_PANEL_WIDTH_PX=e.RIGHT_SIDE_PANEL_WIDTH_PX;exports.ReferralDrawerPage=e.DrawerPage;exports.ReimbursementApprovalRuleDetailPage=e.ReimbursementApprovalRuleDetailPage;exports.ReimbursementApprovalRulesPage=e.ReimbursementApprovalRulesPage;exports.ReimbursementDetailPage=e.ReimbursementDetailPage;exports.ReimbursementDetailPageSkeleton=e.ReimbursementDetailPageSkeleton;exports.ReimbursementPromoPage=e.ReimbursementPromoPage;exports.ReimbursementSetUpLoading=e.SpendManagementSetUpLoading;exports.ReimbursementSetUpPage=e.RemiSetupPage;exports.RemisBulkReviewDrawerPage=e.ReimbursementsBulkReviewDrawerPage;exports.ReportsPage=e.ReportsPage;exports.ResponsiveSized=e.ResponsiveSized;exports.ReviewBillDetailsPage=e.ReviewBillDetailsPage;exports.ReviewConfirmTransferPanel=e.ReviewConfirmTransferPanel;exports.ReviewDetailsPageSkeleton=e.ReviewDetailsPageSkeleton;exports.ScheduleDetailSkeleton=e.ScheduleDetailSkeleton;exports.ScheduleDetailsAccruedExpensesPage=e.ScheduleDetailsAccruedExpensesPage;exports.ScheduleDetailsFixedAssetsPage=e.ScheduleDetailsFixedAssetsPage;exports.ScheduleDetailsPage=e.ScheduleDetailsPage;exports.SchedulePanelInternalContext=e.SchedulePanelInternalContext;exports.SessionTimeoutPopup=e.SessionTimeoutPopup;exports.SidePanelContext=e.SidePanelContext;exports.SidePanelProvider=e.SidePanelProvider;exports.SignIn=e.SignIn;exports.SomethingWrongPage=e.SomethingWrongPage;exports.Space=e.Space;exports.SpendManagementListLoading=e.SpendManagementListLoading;exports.SpendManagementListViewPage=e.SpendManagementListViewPage;exports.StatementsPage=e.StatementsPage;exports.StyledCapsule=e.StyledCapsule;exports.SubscriptionDetailPage=e.SubscriptionDetailPage;exports.SubscriptionSummaryPage=e.SubscriptionSummaryPage;exports.TaskDetailPage=e.TaskDetailPage;exports.TaskManagementPage=e.TaskManagementPage;exports.TenantsDropDown=e.TenantsDropDown;exports.TextStyle=e.TextStyle;exports.ToolkitProvider=e.ToolkitProvider;exports.TopExDetailPage=e.TopExDetailPage;exports.TransactionActivityLogPage=e.TransactionActivityLogPage;exports.TransactionActivityLogPanel=e.TransactionActivityLogPanel;exports.TransactionDetailPage=e.TransactionDetailPage;exports.TransactionDetailSkeleton=e.TransactionDetailSkeleton;exports.TransactionListBig=e.TransactionListBig;exports.TransactionListPage=e.TransactionListPage;exports.TransactionPanelInternalContext=e.TransactionPanelInternalContext;exports.TransactionSidePanelLayout=e.TransactionSidePanelLayout;exports.TransactionVendorDetailPage=e.TransactionVendorDetailPage;exports.TransferDrawerPage=e.TransferDrawerPage;exports.TreasuryOverviewPage=e.TreasuryOverviewPage;exports.TreasuryPromoPage=e.TreasuryPromoPage;exports.TreasurySetUpPage=e.TreasurySetUpPage;exports.TreasuryStatementsPage=e.TreasuryStatementsPage;exports.TreasuryTaxLetterPage=e.TreasuryTaxLetterPage;exports.TreasuryTransferOrReviewPage=e.TreasuryTransferOrReviewPage;exports.TrendChart=e.TrendChart;exports.UncategorizedAccountsMappingPage=e.UncategorizedAccountsMappingPage;exports.UnitIntegrationPage=e.UnitIntegrationPage;exports.Vendor2FAPopup=e.Vendor2FAPopup;exports.VendorACHDetailsPage=e.VendorACHDetailsPage;exports.VendorAccruedSchedulesPage=e.VendorAccruedSchedulesPage;exports.VendorDetailPage=e.VendorDetailPage;exports.VendorDomesticWireDetailsPage=e.VendorDomesticWireDetailsPage;exports.VendorFiling1099DetailsEditablePage=e.VendorFiling1099DetailsEditablePage;exports.VendorFiling1099EditableFormSkeleton=e.VendorFiling1099EditableFormSkeleton;exports.VendorFiling1099ListPage=e.VendorFiling1099ListPage;exports.VendorFirstReviewPage=e.VendorFirstReviewPage;exports.VendorInternationalSwiftBasedDetailsPage=e.VendorInternationalSwiftBasedDetailsPage;exports.VendorInternationalWireDetailsPage=e.VendorInternationalWireDetailsPage;exports.VendorListPage=e.VendorListPage;exports.VendorSchedulesPage=e.VendorSchedulesPage;exports.VerifyDevice=e.VerifyDevice;exports.WebV2MicroService=e.WebV2MicroService;exports.WebV2MicroServiceProvider=e.WebV2MicroServiceProvider;exports.WindowSizeProvider=e.WindowSizeProvider;exports.ZeniAccountDetailLoading=e.ZeniAccountDetailLoading;exports.ZeniAccountDetailNavBarTitleShimmer=e.ZeniAccountDetailNavBarTitleShimmer;exports.ZeniAccountDetailPage=e.ZeniAccountDetailPage;exports.ZeniAccountListLoading=e.ZeniAccountListLoading;exports.ZeniAccountListViewPage=e.ZeniAccountListViewPage;exports.ZeniAccountPromoPage=e.ZeniAccountPromoPage;exports.ZeniAccountSetUpPage=e.ZeniAccountSetUpPage;exports.ZeniText=e.ZeniText;exports.ZeniThemeProvider=e.ZeniThemeProvider;exports.alignToJustify=e.alignToJustify;exports.amountToString=e.amountToString;exports.amountValueToString=e.amountValueToString;exports.appLocale=e.appLocale;exports.buildStickyKeySet=e.buildStickyKeySet;exports.cellVerticalAlignToFlexAlign=e.cellVerticalAlignToFlexAlign;exports.clearAutoLogoutContext=e.clearAutoLogoutContext;exports.computeStickyLeftOffsets=e.computeStickyLeftOffsets;exports.darkColors=e.darkColors;exports.darkTheme=e.darkTheme;exports.dashboardCardDimension=e.designDimension;exports.getAlpha2=e.getAlpha2;exports.getAlpha3=e.getAlpha3;exports.getColorForALabel=e.getColorForALabel;exports.getCountries=e.getCountries;exports.getCustomerDataFromAutoComplete=e.getCustomerDataFromAutoComplete;exports.getFullName=e.getFullName;exports.getInitialOpenThreadRequestFromSearch=e.getInitialOpenThreadRequestFromSearch;exports.getRecipientTotalAmount=e.getRecipientTotalAmount;exports.getShowNegativeAmountInParenthesisDefaultValue=e.getShowNegativeAmountInParenthesisDefaultValue;exports.getShowNegativeAmountInParenthesisForPercentDefaultValue=e.getShowNegativeAmountInParenthesisForPercentDefaultValue;exports.getStableTransactionId=e.getStableTransactionId;exports.isCloseManagementMenu=e.isCloseManagementMenu;exports.isCollaborationEntityType=e.isCollaborationEntityType;exports.isMobileOrTabletView=e.isMobileOrTabletView;exports.isMobilePhoneScreen=e.isMobilePhoneScreen;exports.lightColors=e.lightColors;exports.lightTheme=e.lightTheme;exports.mergeColumnDeclarativeWithRenderers=e.mergeColumnDeclarativeWithRenderers;exports.mergeLayoutDefaults=e.mergeLayoutDefaults;exports.percentValueToString=e.percentValueToString;exports.resolveColumnWidth=e.resolveColumnWidth;exports.roundAmountIfNeeded=e.roundAmountIfNeeded;exports.roundOffNumberToTwoDecimal=e.roundOffNumberToTwoDecimal;exports.setAutoLogoutContext=e.setAutoLogoutContext;exports.setShowNegativeAmountInParenthesisDefaultValue=e.setShowNegativeAmountInParenthesisDefaultValue;exports.setShowNegativeAmountInParenthesisForPercentDefaultValue=e.setShowNegativeAmountInParenthesisForPercentDefaultValue;exports.sp=e.sp;exports.textAlignForCell=e.textAlignForCell;exports.textStyles=e.textStyles;exports.toMenuOptionType=e.toMenuOptionType;exports.toSettingsMenuOptionTypeStrict=e.toSettingsMenuOptionTypeStrict;exports.toSupportedLocaleStrict=e.toSupportedLocaleStrict;exports.trackTreasuryTransferAnalytics=e.trackTreasuryTransferAnalytics;exports.uploadAttachmentReceipts=e.uploadAttachmentReceipts;exports.useAgentPerfAccess=e.useAgentPerfAccess;exports.useBackNavigation=e.useBackNavigation;exports.useCollaborationInfoContext=e.useCollaborationInfoContext;exports.useCommentsDrawer=e.useCommentsDrawer;exports.useDropdownPortal=e.useDropdownPortal;exports.useGlobalInfoContext=e.useGlobalInfoContext;exports.useLockBodyScroll=e.useLockBodyScroll;exports.usePanelInternal=e.usePanelInternal;exports.usePrevious=e.usePrevious;exports.useQuickViewMode=e.useQuickViewMode;exports.useRegisterBackHandler=e.useRegisterBackHandler;exports.useRequestCloseAllCommentDrawers=e.useRequestCloseAllCommentDrawers;exports.useSchedulePanelInternal=e.useSchedulePanelInternal;exports.useSessionAutoLogoutConfig=e.useSessionAutoLogoutConfig;exports.useSidePanelContext=e.useSidePanelContext;exports.useToolkitContext=e.useToolkitContext;exports.useTransactionPanelInternal=e.useTransactionPanelInternal;exports.useWindowSizeContext=e.useWindowSizeContext;exports.useZeniFeatureContext=e.useZeniFeatureContext;exports.useZeniThemeContext=e.useZeniThemeContext;exports.waitFor=e.waitFor;exports.useZeniTheme=a.useTheme;exports.zeniStyled=a.styled;exports.zeniEmotionStyled=t;