@zeniai/web-components 4.2.28 → 4.2.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/{SessionTimeoutPopup-FQidz3x6.cjs → SessionTimeoutPopup-0I_vDkNI.cjs} +16508 -18239
  2. package/dist/{SessionTimeoutPopup-nM8Th-1x.js → SessionTimeoutPopup-C4ghToQh.js} +80117 -85325
  3. package/dist/appLocale.d.ts +3 -95
  4. package/dist/cockpit.cjs.js +69 -69
  5. package/dist/cockpit.esm.js +2164 -2158
  6. package/dist/components/aiCfo/AiCfoPage.d.ts +1 -8
  7. package/dist/components/aiCfo/components/AiCfoInput.d.ts +0 -7
  8. package/dist/components/aiCfo/stories/components/AiCfoStoryWrapper.d.ts +1 -6
  9. package/dist/components/aiCfo/stories/hooks/useAiCfoStoryState.d.ts +2 -2
  10. package/dist/components/common/uploadInvoice/RenderPdf.d.ts +0 -14
  11. package/dist/components/expenseAutomation/ExpenseAutomationPage.d.ts +0 -1
  12. package/dist/components/expenseAutomation/components/TableSection.d.ts +0 -1
  13. package/dist/components/expenseAutomation/sections/accountRecon/AccountReconListSkeleton.d.ts +1 -3
  14. package/dist/components/expenseAutomation/sections/accountRecon/AccountReconciliationListPage.d.ts +1 -2
  15. package/dist/components/expenseAutomation/sections/accountRecon/AccountReconciliationPage.d.ts +1 -2
  16. package/dist/components/expenseAutomation/sections/accountRecon/ExcludedAccountReconDetailsDrawerPage.d.ts +1 -3
  17. package/dist/components/expenseAutomation/sections/accountRecon/mapExcludedAccountReconToReportTreeNodes.d.ts +0 -2
  18. package/dist/components/reportTree/reportTreeTypes.d.ts +0 -1
  19. package/dist/components/reportTree/treeNode/accountReconReport/row/AccountRow.d.ts +0 -12
  20. package/dist/components/reportTree/treeNode/getTreeNodeData.d.ts +1 -1
  21. package/dist/context/SidePanelContext.d.ts +1 -1
  22. package/dist/context/featureProvider/FeatureGateNameConstants.d.ts +1 -3
  23. package/dist/designSystem/zeniColors.d.ts +0 -8
  24. package/dist/index.cjs.js +1 -1
  25. package/dist/index.d.ts +0 -3
  26. package/dist/index.esm.js +331 -334
  27. package/dist/strings/strings.d.ts +3 -95
  28. package/package.json +7 -7
  29. package/dist/components/aiCfo/components/AiCfoSkillMenu.d.ts +0 -19
  30. package/dist/components/aiCfo/components/helpers/aiCfoSlashHelpers.d.ts +0 -30
  31. package/dist/components/expenseAutomation/sections/accountRecon/AccountReconDetailsDrawerPageV2.d.ts +0 -44
  32. package/dist/components/expenseAutomation/sections/accountRecon/ReconciliationProgressBar.d.ts +0 -10
  33. package/dist/components/expenseAutomation/sections/accountRecon/ReconciliationStatsCards.d.ts +0 -5
  34. package/dist/components/expenseAutomation/sections/accountRecon/StatementDateConflictPopup.d.ts +0 -8
  35. package/dist/components/expenseAutomation/sections/accountRecon/StatementPageLayout.d.ts +0 -18
  36. package/dist/components/expenseAutomation/sections/accountRecon/StatementParseInfo.d.ts +0 -14
  37. package/dist/components/expenseAutomation/sections/accountRecon/StatementProcessingPage.d.ts +0 -10
  38. package/dist/components/expenseAutomation/sections/accountRecon/mapAccountReconToReportTreeNodesV2.d.ts +0 -16
  39. package/dist/components/reportTree/treeNode/accountReconReport/row/v2/AccountRow.d.ts +0 -59
  40. package/dist/components/reportTree/treeNode/accountReconReport/row/v2/LoadingInProgressRow.d.ts +0 -3
  41. package/dist/components/reportTree/treeNode/accountReconReport/row/v2/SectionRow.d.ts +0 -10
  42. package/dist/components/reportTree/treeNode/accountReconReport/row/v2/TimeframeRow.d.ts +0 -7
  43. package/dist/components/reportTree/treeNode/accountReconReport/row/v2/TotalRow.d.ts +0 -15
  44. package/dist/components/reportTree/treeNode/accountReconReport/row/v2/common.d.ts +0 -38
  45. package/dist/components/reportTree/treeNode/accountReconReport/row/v2/rowConstructors.d.ts +0 -6
  46. package/dist/components/reportTree/treeNode/accountReconReport/row/v2/statusHelper.d.ts +0 -12
  47. package/dist/components/reportTree/treeNode/accountReconReport/treeNodeMappers/v2/mapSectionToTreeNode.d.ts +0 -11
@@ -4497,7 +4497,6 @@ export declare const zeniStrings: {
4497
4497
  DMMMYYFormat: string;
4498
4498
  DMMMYYYYFormat: string;
4499
4499
  dMMMyyyyFormat: string;
4500
- dSlashMMSlashyyFormat: string;
4501
4500
  DdashMMdashYYYYFormat: string;
4502
4501
  MMMDCommaYYFormat: string;
4503
4502
  defaultInput: string;
@@ -9786,24 +9785,14 @@ export declare const zeniStrings: {
9786
9785
  };
9787
9786
  };
9788
9787
  bankBalance: string;
9789
- openingBalance: string;
9790
- closingBalance: string;
9791
9788
  clearedBalance: string;
9792
9789
  variance: string;
9793
- matchProgress: string;
9794
- lastReconciled: string;
9795
9790
  status: string;
9796
9791
  excludedAccountTitle: string;
9797
9792
  };
9798
- matchProgressLegend: {
9799
- byAi: string;
9800
- byHuman: string;
9801
- };
9802
- progressBar: {
9803
- complete: string;
9804
- byAi: string;
9805
- byHumans: string;
9806
- remaining: string;
9793
+ menu: {
9794
+ statement: string;
9795
+ bankConnection: string;
9807
9796
  };
9808
9797
  stepsBanner: {
9809
9798
  hide: string;
@@ -9832,28 +9821,6 @@ export declare const zeniStrings: {
9832
9821
  body: string;
9833
9822
  };
9834
9823
  };
9835
- menu: {
9836
- statement: string;
9837
- bankConnection: string;
9838
- };
9839
- statsCards: {
9840
- autoMatched: string;
9841
- needsReview: string;
9842
- accountsDone: string;
9843
- timeSavedByAi: string;
9844
- ofTotalTxn: string;
9845
- acrossAccounts: string;
9846
- ofTotalAccounts: string;
9847
- hrsSuffix: string;
9848
- };
9849
- connectAccountsBanner: {
9850
- accountLabelSingular: string;
9851
- accountLabelPlural: string;
9852
- leadNeedConnectedSuffix: string;
9853
- body: string;
9854
- connectAccounts: string;
9855
- dismissAriaLabel: string;
9856
- };
9857
9824
  status: {
9858
9825
  reconciled: string;
9859
9826
  reconciledBy: string;
@@ -9907,7 +9874,6 @@ export declare const zeniStrings: {
9907
9874
  status: string;
9908
9875
  accountType: string;
9909
9876
  lastUpdated: string;
9910
- lastSync: string;
9911
9877
  };
9912
9878
  values: {
9913
9879
  bankConnection: string;
@@ -9924,33 +9890,6 @@ export declare const zeniStrings: {
9924
9890
  heading: string;
9925
9891
  description: string;
9926
9892
  };
9927
- validationFailed: {
9928
- heading: string;
9929
- ok: string;
9930
- };
9931
- fileValidationFailed: {
9932
- heading: string;
9933
- description: string;
9934
- cancel: string;
9935
- reupload: string;
9936
- closeAriaLabel: string;
9937
- };
9938
- dateRangeConflict: {
9939
- alreadyReconciled: {
9940
- heading: string;
9941
- description: string;
9942
- };
9943
- gap: {
9944
- heading: string;
9945
- description: string;
9946
- expectedStartDate: (date: string) => string;
9947
- };
9948
- lastReconciled: (date: string) => string;
9949
- lastReconciledBy: (date: string, name: string) => string;
9950
- cancel: string;
9951
- reupload: string;
9952
- closeAriaLabel: string;
9953
- };
9954
9893
  error: {
9955
9894
  validationFailed: string;
9956
9895
  parsingFailed: string;
@@ -9968,37 +9907,6 @@ export declare const zeniStrings: {
9968
9907
  excludedStatus: string;
9969
9908
  };
9970
9909
  };
9971
- statementProcessing: {
9972
- steps: string[];
9973
- headerTitle: string;
9974
- stepSubtitles: string[];
9975
- stepProgressLabel: (completed: number, total: number) => string;
9976
- working: string;
9977
- cancel: string;
9978
- continueInBackground: string;
9979
- };
9980
- statementParseInfo: {
9981
- aiSummaryTitle: string;
9982
- statementPeriodAndBalances: string;
9983
- period: string;
9984
- from: string;
9985
- to: string;
9986
- deposits: string;
9987
- payments: string;
9988
- addCredit: string;
9989
- addDebit: string;
9990
- confirmAndSave: string;
9991
- reparseStatement: string;
9992
- retryParsing: string;
9993
- aiSummary: {
9994
- accountRecognized: string;
9995
- transactionsExtracted: string;
9996
- exceptionsDetected: string;
9997
- fieldsCaptured: string;
9998
- validated: string;
9999
- openingDate: string;
10000
- };
10001
- };
10002
9910
  tabs: {
10003
9911
  review: string;
10004
9912
  reconcile: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeniai/web-components",
3
- "version": "4.2.28",
3
+ "version": "4.2.29",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "sideEffects": [
@@ -49,8 +49,8 @@
49
49
  "@statsig/react-bindings": "^3.14.0",
50
50
  "@stripe/react-stripe-js": "^2.7.3",
51
51
  "@stripe/stripe-js": "^4.4.0",
52
- "@zeniai/client-analytics": "2.0.36",
53
- "@zeniai/client-epic-state": "5.1.35",
52
+ "@zeniai/client-analytics": "2.0.35",
53
+ "@zeniai/client-epic-state": "5.1.34",
54
54
  "autosuggest-highlight": "^3.2.1",
55
55
  "browser-image-compression": "^2.0.2",
56
56
  "countries-list": "^2.6.1",
@@ -101,7 +101,7 @@
101
101
  },
102
102
  "devDependencies": {
103
103
  "@babel/cli": "^7.17.6",
104
- "@babel/core": "^7.29.6",
104
+ "@babel/core": "^7.17.9",
105
105
  "@babel/plugin-transform-runtime": "^7.17.0",
106
106
  "@babel/preset-env": "^7.16.11",
107
107
  "@babel/preset-react": "^7.16.7",
@@ -191,7 +191,7 @@
191
191
  "ts-unused-exports": "^11.0.1",
192
192
  "tslib": "^2.4.0",
193
193
  "typescript": "^5.7.3",
194
- "vite": "^7.3.5",
194
+ "vite": "^7.3.2",
195
195
  "vite-bundle-visualizer": "^1.2.1",
196
196
  "vite-plugin-css-injected-by-js": "^3.5.2",
197
197
  "vite-plugin-dts": "^4.5.4",
@@ -209,8 +209,8 @@
209
209
  "@types/color": "^3.0.2",
210
210
  "@types/react-select": "^4.0.18",
211
211
  "@types/react-window": "^1.8.8",
212
- "@zeniai/client-analytics": "2.0.32",
213
- "@zeniai/client-epic-state": "5.1.28",
212
+ "@zeniai/client-analytics": "2.0.28",
213
+ "@zeniai/client-epic-state": "5.1.21",
214
214
  "color": "^3.1.3",
215
215
  "react": "18.3.1",
216
216
  "react-dom": "18.3.1",
@@ -1,19 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SkillMenuItem } from './helpers/aiCfoSlashHelpers';
3
- export type { SkillMenuItem } from './helpers/aiCfoSlashHelpers';
4
- export { AI_CFO_SLASH_COMMAND_REGEX, matchSlashQuery, filterSkills, } from './helpers/aiCfoSlashHelpers';
5
- /** Listbox element id — the composer's textarea references it via aria-controls. */
6
- export declare const SKILL_MENU_LISTBOX_ID = "ai-cfo-skill-listbox";
7
- /** Stable per-option id for aria-activedescendant wiring. */
8
- export declare const skillOptionId: (macroId: string) => string;
9
- interface AiCfoSkillMenuProps {
10
- activeIndex: number;
11
- id: string;
12
- items: SkillMenuItem[];
13
- open: boolean;
14
- onActiveIndexChange: (index: number) => void;
15
- onSelect: (item: SkillMenuItem) => void;
16
- }
17
- /** Slash-command dropdown shown above the AI CFO composer (presentational only). */
18
- declare const AiCfoSkillMenu: React.FC<AiCfoSkillMenuProps>;
19
- export default AiCfoSkillMenu;
@@ -1,30 +0,0 @@
1
- /**
2
- * Shared logic for the AI CFO `/`-skill menu: the slash-command matcher and the
3
- * skill filter. Kept here (next to {@link aiCfoAnswerHelpers}) rather than inline
4
- * in the component so the regex is defined exactly once and can be reused by other
5
- * consumers (empty-state hint, feature-flag gate, analytics, etc.) without drift.
6
- */
7
- /**
8
- * Minimal shape the `/` menu needs from a Skill. Declared locally (not imported
9
- * from @zeniai/client-epic-state) so web-components doesn't depend on a newer
10
- * published version; the container passes structurally-compatible Skill objects.
11
- */
12
- export interface SkillMenuItem {
13
- macroId: string;
14
- /** Slug used as the inserted command token, e.g. "flux" -> "/flux". */
15
- name: string;
16
- description?: string | null;
17
- displayName?: string | null;
18
- }
19
- /**
20
- * Matches a message that is a single "/token" (no spaces). The whole message must
21
- * be the slash command — this is for "/skill" as the message, not slash-anywhere.
22
- */
23
- export declare const AI_CFO_SLASH_COMMAND_REGEX: RegExp;
24
- /**
25
- * The `/`-menu query: non-null only when the input is a single "/token". Returns
26
- * "" for a bare "/", the slug for "/flux", null otherwise.
27
- */
28
- export declare function matchSlashQuery(input: string): string | null;
29
- /** Filter skills by the slash query against name + displayName (case-insensitive). */
30
- export declare function filterSkills(skills: SkillMenuItem[], slashQuery: string | null): SkillMenuItem[];
@@ -1,44 +0,0 @@
1
- import { AccountReconciliationByAccount, AuthParams, FetchStateAndError, File as FileEntity, ID, MonthYearPeriod, PlaidConnectionDetails, PlaidLinkTokenType, ReconciliationAccountSourceType, StatementUpdateLocalData, UploadStatementDocumentAIPayload } from '@zeniai/client-epic-state';
2
- export interface AccountReconDrawerDetailsSectionFormData {
3
- file?: FileEntity;
4
- selectedType?: ReconciliationAccountSourceType;
5
- }
6
- type FormDataKeys = keyof AccountReconDrawerDetailsSectionFormData;
7
- export declare const uniqueName: (sectionId: string, key: FormDataKeys) => `${string}.file` | `${string}.selectedType`;
8
- export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;
9
- declare const accountReconDrawerDetailsSectionId = "accountReconDrawerDetailsSection";
10
- export interface FormData {
11
- [accountReconDrawerDetailsSectionId]: AccountReconDrawerDetailsSectionFormData;
12
- }
13
- export interface Props {
14
- accountReconciliation: AccountReconciliationByAccount;
15
- authParams: AuthParams;
16
- excludeAccountFetch: FetchStateAndError;
17
- filesEndPoint: string;
18
- monthYearPeriod: MonthYearPeriod;
19
- openFilePicker: boolean;
20
- plaidConnectionDetails: PlaidConnectionDetails;
21
- isReconV3Enabled?: boolean;
22
- reconciledByName?: string;
23
- statementProcessingFailed?: boolean;
24
- onDeleteFile: (fileId: ID) => void;
25
- onDismissClick: () => void;
26
- onEditFileName: (fileId: ID, fileName: string) => void;
27
- onEstablishConnectionClick: (publicToken: ID, accountId: ID, linkTokenType?: PlaidLinkTokenType) => void;
28
- onExcludeFromReconciliation: () => void;
29
- onFetchLinkTokenClick: (plaidLinkTokenType: PlaidLinkTokenType, paymentAccountId?: ID) => void;
30
- onSelectSourceType: (sourceType: ReconciliationAccountSourceType) => void;
31
- onStatementUploadSuccess: (statementUploadPayload: UploadStatementDocumentAIPayload) => void;
32
- onUploadWindowOpenedOnce: () => void;
33
- onDismissDateConflict?: () => void;
34
- onDismissStatementProcessingFailed?: () => void;
35
- onFileUploadStarted?: () => void;
36
- onRetryParsing?: (accountId: ID, selectedPeriod: MonthYearPeriod, statementUploadId: ID) => void;
37
- onReuploadAfterDateConflict?: () => void;
38
- onReuploadStatement?: () => void;
39
- onReviewClicked?: (accountId: ID) => void;
40
- onStatementConfirmSave?: () => void;
41
- onStatementFormDataChange?: (updateData: StatementUpdateLocalData) => void;
42
- }
43
- export default function AccountReconDetailsDrawerPage({ accountReconciliation, plaidConnectionDetails, monthYearPeriod, openFilePicker, filesEndPoint, authParams, excludeAccountFetch, onDismissClick, onFetchLinkTokenClick, onEstablishConnectionClick, onExcludeFromReconciliation, onSelectSourceType, onDeleteFile, onEditFileName, onStatementUploadSuccess, onUploadWindowOpenedOnce, onFileUploadStarted, onRetryParsing, onReviewClicked, onDismissStatementProcessingFailed, onReuploadStatement, onStatementConfirmSave, onStatementFormDataChange, onDismissDateConflict, onReuploadAfterDateConflict, reconciledByName, statementProcessingFailed, isReconV3Enabled, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
44
- export {};
@@ -1,10 +0,0 @@
1
- export interface ReconciliationProgress {
2
- aiPercentageShare: number;
3
- completePercentage: number;
4
- humanPercentageShare: number;
5
- remainingPercentage: number;
6
- }
7
- export interface ReconciliationProgressBarProps {
8
- progress: ReconciliationProgress;
9
- }
10
- export declare function ReconciliationProgressBar({ progress, }: Readonly<ReconciliationProgressBarProps>): JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ExpenseAutomationReconciliationViewSelector } from '@zeniai/client-epic-state';
2
- export interface ReconciliationStatsCardsProps {
3
- reconciliation: ExpenseAutomationReconciliationViewSelector;
4
- }
5
- export declare function ReconciliationStatsCards({ reconciliation, }: ReconciliationStatsCardsProps): JSX.Element;
@@ -1,8 +0,0 @@
1
- import { StatementDateConflict } from '@zeniai/client-epic-state';
2
- export interface StatementDateConflictPopupProps {
3
- conflict: StatementDateConflict;
4
- reconciledByName?: string;
5
- onCancel: () => void;
6
- onReupload: () => void;
7
- }
8
- export default function StatementDateConflictPopup({ conflict, reconciledByName, onCancel, onReupload, }: Readonly<StatementDateConflictPopupProps>): import("react/jsx-runtime").JSX.Element;
@@ -1,18 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { File as FileEntity } from '@zeniai/client-epic-state';
3
- import { Citation } from '../../../common/uploadInvoice/RenderPdf';
4
- /** Minimal file shape for the left PDF pane (entity File or parse response FileInfo). */
5
- export type StatementPageFile = {
6
- signedUrl: FileEntity["signedUrl"] | string;
7
- fileName?: string;
8
- };
9
- interface StatementPageLayoutProps {
10
- accountName: string;
11
- children: ReactNode;
12
- file: StatementPageFile | undefined;
13
- navSource: string;
14
- highlightedCitations?: Citation[];
15
- onBack: () => void;
16
- }
17
- export default function StatementPageLayout({ accountName, children, file, navSource, highlightedCitations, onBack, }: Readonly<StatementPageLayoutProps>): import("react/jsx-runtime").JSX.Element;
18
- export {};
@@ -1,14 +0,0 @@
1
- import { FetchState, ParsedStatementData, StatementUpdateLocalData } from '@zeniai/client-epic-state';
2
- import { Citation } from '../../../common/uploadInvoice/RenderPdf';
3
- interface StatementParseInfoProps {
4
- parsedData: ParsedStatementData | undefined;
5
- statementUpdateFetchState?: FetchState;
6
- onCancel: () => void;
7
- onClose: () => void;
8
- onConfirmSave: () => void;
9
- onFormDataChange: (updateData: StatementUpdateLocalData) => void;
10
- onRetry: () => void;
11
- onHighlightedCitationsChange?: (citations: Citation[] | undefined) => void;
12
- }
13
- export default function StatementParseInfo({ parsedData, onCancel, onClose, onRetry, onConfirmSave, onFormDataChange, onHighlightedCitationsChange, statementUpdateFetchState, }: Readonly<StatementParseInfoProps>): import("react/jsx-runtime").JSX.Element;
14
- export {};
@@ -1,10 +0,0 @@
1
- interface StatementProcessingPageProps {
2
- isUploadComplete: boolean;
3
- _storyCompletedSteps?: number;
4
- isParsedDataReady?: boolean;
5
- onCancel: () => void;
6
- onContinueInBackground: () => void;
7
- onAllStepsComplete?: () => void;
8
- }
9
- export default function StatementProcessingPage({ isUploadComplete, _storyCompletedSteps, isParsedDataReady, onCancel, onContinueInBackground, onAllStepsComplete, }: Readonly<StatementProcessingPageProps>): import("react/jsx-runtime").JSX.Element;
10
- export {};
@@ -1,16 +0,0 @@
1
- import { ExpenseAutomationReconciliationViewSelector, ID } from '@zeniai/client-epic-state';
2
- import { RootNodes } from '../../../reportTree/ReportTree';
3
- import { ReportElementConfig, ReportTreeNode } from '../../../reportTree/reportTreeTypes';
4
- export type AccountReconSectionId = "assets" | "liabilities";
5
- /**
6
- * Calculate the Y position where the Liabilities section starts.
7
- * This is used to determine when to switch the sticky header title.
8
- */
9
- export declare function calculateLiabilitiesSectionStartY(numAssetAccounts: number, hasLiabilitiesSection: boolean): number;
10
- export declare const mapAccountReconToReportTreeNodes: (report: ExpenseAutomationReconciliationViewSelector, config: ReportElementConfig, accountReconConfig: Record<string, string[]>, // This is expected to be a record of companyId to an array of account IDs that should be hidden
11
- companyId: ID, makeTimeframeRowSticky?: boolean, visibleSectionId?: AccountReconSectionId) => {
12
- config: ReportElementConfig;
13
- headerNodes: ReportTreeNode[];
14
- contentNodes: ReportTreeNode[];
15
- };
16
- export declare function getRootNodesWithUpdatedConfig(rootNodes: RootNodes, report: ExpenseAutomationReconciliationViewSelector, updatedConfig: ReportElementConfig, makeTimeframeRowSticky?: boolean, visibleSectionId?: AccountReconSectionId): RootNodes;
@@ -1,59 +0,0 @@
1
- import { Theme } from '@mui/material/styles';
2
- import { default as Color } from 'color';
3
- import { AccountReconciliationByAccount, AccountType, Amount, BankStatusCodeType, ID, ReconciliationStatusCodeType, StatementStatusCodeType, ZeniDate } from '@zeniai/client-epic-state';
4
- import { Colors } from '../../../../../../designSystem/zeniConstants';
5
- interface Props {
6
- accountRecon: AccountReconciliationByAccount;
7
- height: number;
8
- isExcludeInProgress: boolean;
9
- isIncludeInProgress: boolean;
10
- isLastRow: boolean;
11
- isSelectedRow: boolean;
12
- shouldShowBottomRadius: boolean;
13
- tableType: "excluded" | "normal";
14
- index?: number;
15
- onConnectClicked?: (accountId: ID) => void;
16
- onExcludeClicked?: (accountId: ID) => void;
17
- onIgnoreDetectionClicked?: (accountId: ID) => void;
18
- onOpenDrawerClicked?: (accountId: ID) => void;
19
- onReconnectClicked?: (accountId: ID) => void;
20
- onReviewClicked?: (accountId: ID) => void;
21
- onStatementAddClicked?: (accountId: ID) => void;
22
- }
23
- export default function AccountRow({ height, accountRecon, isLastRow, shouldShowBottomRadius, isSelectedRow, index, tableType, isExcludeInProgress, isIncludeInProgress, onReviewClicked: _onReviewClicked, onOpenDrawerClicked, onConnectClicked, onReconnectClicked, onStatementAddClicked, onExcludeClicked, onIgnoreDetectionClicked, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
24
- export declare const ShowVariance: ({ variance, variancePercentage, reconciliationStatusCode, isLoading, }: {
25
- isLoading: boolean;
26
- reconciliationStatusCode?: ReconciliationStatusCodeType;
27
- variance?: Amount;
28
- variancePercentage?: number;
29
- }) => import("react/jsx-runtime").JSX.Element;
30
- export declare const getVarianceColors: (theme: Theme, variance?: Amount, _reconciliationStatusCode?: ReconciliationStatusCodeType) => {
31
- varianceColor: Color<string>;
32
- variancePercentageColor: Color<Colors.tagSuccessColorLight>;
33
- variancePercentageContainerColor: Color<Colors.tagSuccessBgLight>;
34
- };
35
- interface ShowBankBalanceProps {
36
- accountId: ID;
37
- bankBalance: Amount | undefined;
38
- bankConnection: BankStatusCodeType;
39
- isLoading: boolean;
40
- sourceType: "bank" | "statement" | "none";
41
- statementStatus: StatementStatusCodeType;
42
- accountType?: AccountType;
43
- /** Split layout: icon-only column vs closing-balance amount column vs legacy combined cell */
44
- columnMode?: "full" | "icon" | "amount";
45
- fromDrawer?: boolean;
46
- lastUpdatedAt?: ZeniDate;
47
- /** When `sourceType === "none"`, same MoreMenu as + icon; `connectLink` swaps the trigger for underlined Connect text. */
48
- noneSourceTrigger?: "addIcon" | "connectLink";
49
- setIsStatusHovered: (isStatusHovered: boolean) => void;
50
- onConnectClicked?: () => void;
51
- onReconnectClicked?: () => void;
52
- onStatementAddClicked?: () => void;
53
- }
54
- export declare const ShowBankBalance: ({ bankBalance, accountType, bankConnection, sourceType, statementStatus, fromDrawer, onConnectClicked, onReconnectClicked, isLoading, accountId, onStatementAddClicked, setIsStatusHovered, columnMode, noneSourceTrigger, }: ShowBankBalanceProps) => import("react/jsx-runtime").JSX.Element;
55
- export declare const ShowClearedBalance: ({ clearedBalance, isLoading, }: {
56
- clearedBalance: Amount | undefined;
57
- isLoading: boolean;
58
- }) => import("react/jsx-runtime").JSX.Element;
59
- export {};
@@ -1,3 +0,0 @@
1
- export default function LoadingInProgressRow({ height }: {
2
- height: number;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- interface Props {
2
- height: number;
3
- isOpen: boolean;
4
- title: string;
5
- treeNodeId: string;
6
- tableType?: "excluded" | "normal";
7
- onClick?: (treeNodeId: string) => void;
8
- }
9
- export default function SectionRow({ height, title, treeNodeId, isOpen, onClick, tableType, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
10
- export {};
@@ -1,7 +0,0 @@
1
- export interface Props {
2
- height: number;
3
- isSticky: boolean;
4
- sectionTitle: string;
5
- tableType: "excluded" | "normal";
6
- }
7
- export default function TimeframeRow({ sectionTitle, height, tableType, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { AccountReconciliationBySection, Amount } from '@zeniai/client-epic-state';
2
- export interface Props {
3
- height: number;
4
- isOpen: boolean;
5
- isSticky: boolean;
6
- sectionData: AccountReconciliationBySection;
7
- tableType: "excluded" | "normal";
8
- treeNodeId?: string;
9
- onClick?: (treeNodeId: string) => void;
10
- }
11
- export default function TotalRow({ height, isOpen, sectionData, tableType, treeNodeId, onClick, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
12
- export declare const VarianceElement: ({ variance, variancePercentage, }: {
13
- variance?: Amount;
14
- variancePercentage?: number;
15
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,38 +0,0 @@
1
- import { ReportElementKind } from '../../../../reportTreeTypes';
2
- export declare const commonDimensions: {
3
- timeframeHeight: number;
4
- leftHeadingWidth: number;
5
- leftHeadingPadding: number;
6
- leftTimeframeWidth: number;
7
- leftLabelWidth: number;
8
- /** Narrow column for bank / statement source icons */
9
- sourceIconColumnWidth: number;
10
- bankBalanceWidth: number;
11
- bankBalanceTimeframeWidth: number;
12
- bankBalanceRightWidth: number;
13
- bankBalanceRightTimeframeWidth: number;
14
- clearedBalanceWidth: number;
15
- clearedBalanceTimeframeWidth: number;
16
- openingBalanceWidth: number;
17
- closingBalanceWidth: number;
18
- varianceWidth: number;
19
- varianceTimeframeWidth: number;
20
- varianceNumberWidth: number;
21
- varianceNumberLoadingWidth: number;
22
- variancePercentageWidth: number;
23
- matchProgressWidth: number;
24
- lastReconciledWidth: number;
25
- statusWidth: number;
26
- statusTimeframeWidth: number;
27
- tickLeftMargin: number;
28
- circleRadius: number;
29
- spacerLineWidth: number;
30
- /** Minimum width for the scrollable numeric/icon region */
31
- dataColumnsWidth: number;
32
- /** Icon, Match (AI Progress), Opening, Closing, Cleared, Variance, Last reconciled */
33
- dataColumnsTemplate: string;
34
- tableWidth: number;
35
- wrapperPadding: number;
36
- };
37
- export declare function getDefaultNodeHeight(reportElementKind: ReportElementKind): number;
38
- export declare function isNodeOpenByDefault(): boolean;
@@ -1,6 +0,0 @@
1
- import { ReportElementData } from '../../../../reportTreeTypes';
2
- export declare function getSectionRow(reportElementData: ReportElementData, treeNodeId: string, isOpen: boolean, onClick?: (treeNodeId: string) => void): import("react/jsx-runtime").JSX.Element;
3
- export declare function getLoadingInProgressRow(): import("react/jsx-runtime").JSX.Element;
4
- export declare function getHeaderRow(reportElementData: ReportElementData, isSticky: boolean): import("react/jsx-runtime").JSX.Element | null;
5
- export declare const getTotalRow: (reportElementData: ReportElementData, treeNodeId: string, height: number, isSticky: boolean, isOpen: boolean, nodeClickHandler?: (treeNodeId: string) => void) => import("react/jsx-runtime").JSX.Element;
6
- export declare const getAccountRow: (reportElementData: ReportElementData, height: number, isLastNode: boolean) => import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import { AccountReconciliationByAccount, ReconciliationStatusCodeType } from '@zeniai/client-epic-state';
2
- type StatusProps = {
3
- accountRecon: AccountReconciliationByAccount;
4
- isLoading: boolean;
5
- };
6
- /** V2 list row — Review lives in AccountReconDetailsDrawerPageV2, not the AI Progress column. */
7
- export declare function ShowStatusForBankConnectionV2({ accountRecon, isLoading, }: Readonly<StatusProps>): import("react/jsx-runtime").JSX.Element;
8
- export declare function ShowStatusForStatementConnectionV2({ accountRecon, isLoading, }: Readonly<StatusProps>): import("react/jsx-runtime").JSX.Element;
9
- /** When true, AI Progress shows the Reconciled tag instead of the match progress bar. */
10
- export declare function shouldShowReconciledTagInMatchProgress(reconciliationStatusCode?: ReconciliationStatusCodeType): boolean;
11
- export declare function shouldShowMatchProgressBar(matchTotal: number, reconciliationStatusCode?: ReconciliationStatusCodeType): boolean;
12
- export {};
@@ -1,11 +0,0 @@
1
- import { AccountReconciliationByAccount, AccountReconciliationBySection, ID } from '@zeniai/client-epic-state';
2
- import { ReportElementConfig, ReportTreeNode } from '../../../../reportTreeTypes';
3
- export declare function mapSectionToTreeNode({ section, allAccountReconciliations, title, subTitle, isLastNode, isTitleRowRequired, config, }: {
4
- allAccountReconciliations: Record<ID, AccountReconciliationByAccount>;
5
- config: ReportElementConfig;
6
- isLastNode: boolean;
7
- isTitleRowRequired: boolean;
8
- section: AccountReconciliationBySection;
9
- subTitle: string;
10
- title: string;
11
- }): ReportTreeNode;