@zeniai/web-cockpit-ui 1.15.67-dev → 1.15.68-dev

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 (363) hide show
  1. package/dist/assets/ACHDetailsPage-B5qIuZya-C3aJkcMK.js +21 -0
  2. package/dist/assets/{AIPerformancePage-Da3gFo8A-Z4ui8_vI.js → AIPerformancePage-BHB45mP--Dkqa_6NM.js} +32 -32
  3. package/dist/assets/AccountInfoPage-Cd5xYT1g-oYlOoTFh.js +18 -0
  4. package/dist/assets/{AccountInfoPageContent-DqErO8FH-BbWzsS4C.js → AccountInfoPageContent-CJ7ycVIK-D3wmzb6C.js} +22 -22
  5. package/dist/assets/AccountLockedInfoModal-Dox7IuAX-D2jstjYM.js +59 -0
  6. package/dist/assets/{AccountReconDetailsDrawerPage-CVjH1p0d-Dxp_Yf_G.js → AccountReconDetailsDrawerPage-Bqty08m0-C2lF-15J.js} +19 -19
  7. package/dist/assets/AccountRow-D1cjRJJD-68vCYcVL.js +298 -0
  8. package/dist/assets/{AccountsPromoCardStack-D7xvgmOH-CXZpH0yT.js → AccountsPromoCardStack-Bs3naJHM-aTi5So3x.js} +26 -26
  9. package/dist/assets/AddAddressForCardDrawer-DZkBMJfp-B1yl6GaN.js +6 -0
  10. package/dist/assets/{AddToWalletPage-zJy9QCjx-C9dnTqSq.js → AddToWalletPage-CyRfqVDB-DUq2dZuO.js} +16 -16
  11. package/dist/assets/{AgingReportsPage-wAvQb1d8-CHVcAAAX.js → AgingReportsPage-xBFff3BM-DTUv7MP5.js} +7 -7
  12. package/dist/assets/{AllUserItems-DEv_CXOA-DrRFxVFx.js → AllUserItems-BJf6WPDo-oBZrDqKF.js} +12 -12
  13. package/dist/assets/ApAgingDetailPage-CjBrPyi8-Ctyp_OQl.js +46 -0
  14. package/dist/assets/{AppBasePage-DMlomvFS-DqF43oJC.js → AppBasePage-CqDm-hnV-CBWeFJt1.js} +13 -13
  15. package/dist/assets/AppDrawerContent-CVVWj66i-BVbze0mI.js +92 -0
  16. package/dist/assets/ApprovalRulesSettingsPage-Cckd2uVA-DVPWeDhs.js +47 -0
  17. package/dist/assets/{ArAgingChart-m-Xp3HAW-BYykckhE.js → ArAgingChart-CBsqOd-4-DjyETjt2.js} +1 -1
  18. package/dist/assets/ArAgingDetailPage-i7JObt60-SsEu5TGI.js +46 -0
  19. package/dist/assets/{AttachmentView-DB_V1qT1-BAHgn941.js → AttachmentView-CzC4skJ3-Bi12zP8s.js} +9 -9
  20. package/dist/assets/BalancesInsightWithToolTip-B6umvmgL-ia72rJE3.js +38 -0
  21. package/dist/assets/{BankAccountSection-BabhrBM7-CsYno7bw.js → BankAccountSection-Di4sF52j-DIEDANH7.js} +7 -7
  22. package/dist/assets/{BankAccountWarningSection-yT2UAd12-AQuYXXrV.js → BankAccountWarningSection-Cled-2cR-Btg4jA3W.js} +9 -9
  23. package/dist/assets/{BankConnectionsSettingsPage-CbxXykMM-DJ1Qfs7C.js → BankConnectionsSettingsPage-Ccnzq7st-zo73imcz.js} +19 -19
  24. package/dist/assets/BillDetailPage-XXOwBfO1-bzzMt-3T.js +266 -0
  25. package/dist/assets/{BillPayApprovalRuleDetailPage-COyDRpaF-B8K_-t2I.js → BillPayApprovalRuleDetailPage-DFZ0csaT-MjgDonCW.js} +1 -1
  26. package/dist/assets/{BillPayApprovalRulesPage-9pxkgFAT-CZRNmhN3.js → BillPayApprovalRulesPage-COCypDcS-OXkxfW5r.js} +15 -15
  27. package/dist/assets/BillPayPromoPage-DOE2YIqC-BdcB_fiR.js +84 -0
  28. package/dist/assets/{BillPaySetUpPage-Cs5rkWBu-BFj8l_hW.js → BillPaySetUpPage-BCJbZDsV-CqE7jRvx.js} +4 -4
  29. package/dist/assets/BillingSettingsPage-iImtlEmO-CoZpnA72.js +44 -0
  30. package/dist/assets/{BillsBulkReviewDrawerPage-DRkGQQAe-Di_BJEYU.js → BillsBulkReviewDrawerPage-B11GWM_0-DD3e0R6N.js} +1 -1
  31. package/dist/assets/{BoxItem-DRwx0M5a-BMNzRCBU.js → BoxItem-Bxa1M4QU-C6dqF4Ox.js} +11 -11
  32. package/dist/assets/{BusinessVerificationPage-1h0z3N9u-B1KNa18N.js → BusinessVerificationPage-DSuJFoW1-DjAbvNNU.js} +9 -9
  33. package/dist/assets/{CardNumberSubText-DqtLT1w5-DwPe5Ik5.js → CardNumberSubText-_ZZbaz_k-B01MfVRx.js} +3 -3
  34. package/dist/assets/{CashbackDetailPage-ChdQcvkC-1A8EZQvJ.js → CashbackDetailPage-DAZXitLt-CcETVJHX.js} +26 -26
  35. package/dist/assets/{ChargeCardDetailPage-DFOKlPNG-MYhUkq-U.js → ChargeCardDetailPage-B1VIpASk-CholRaxO.js} +34 -34
  36. package/dist/assets/{ChargeCardListPage-DhLUsUhd-CLRkrqGa.js → ChargeCardListPage-BOBepN-x-B_s13mPY.js} +26 -26
  37. package/dist/assets/{ChargeCardListTable-DE72YU_i-BYCOUa2e.js → ChargeCardListTable-YznzSsJo-BNhOVvS0.js} +38 -38
  38. package/dist/assets/{ChargeCardPaymentHistoryPage-CbGR18s--C7VqbbyV.js → ChargeCardPaymentHistoryPage--jOwsMla-cFFoj7V4.js} +44 -44
  39. package/dist/assets/ChargeCardPromoPage-DIfakIOK-Bo4_w0av.js +222 -0
  40. package/dist/assets/{ChargeCardSetupPage-ITi25kUD-BZlZpXjO.js → ChargeCardSetupPage-0bpVkeJs-C9PMx1NQ.js} +3 -3
  41. package/dist/assets/{ChargeCardStatementsPage-CTJc1BCc-BYEICWbq.js → ChargeCardStatementsPage-ChWyQlw6-CwHckC8y.js} +7 -7
  42. package/dist/assets/{CheckDepositDrawerPage-BrzeSj-3-BtbAQdkJ.js → CheckDepositDrawerPage-BS7hnyZn-B5V5osVM.js} +23 -23
  43. package/dist/assets/CollapsableReportTable-DNfFkAts-CKi8-92F.js +2982 -0
  44. package/dist/assets/{CompanyOfficerDetailsSection-BaPhFsLx-Cr9d9T4h.js → CompanyOfficerDetailsSection-CrOIN4IW-Bdbu216-.js} +22 -22
  45. package/dist/assets/{CompanyPassportCard-B9ymV6Az-COMAf0pP.js → CompanyPassportCard-CkzYFTrp-BacKEy19.js} +9 -9
  46. package/dist/assets/{CompanyPassportPage-BQ68t7oK-BMTwLfpK.js → CompanyPassportPage-FE6yli6h-DR6Ghlmc.js} +32 -32
  47. package/dist/assets/{CompleteProfile-C5n9b8gQ-hT3HEiCg.js → CompleteProfile-Cb8i1XgZ-DbJmNPo9.js} +1 -1
  48. package/dist/assets/ConfettiBurst-BZCXEGYA-B2yhgQww.js +1 -0
  49. package/dist/assets/{ConstrainedInnerElement-BeIpAPjB-CDDJSzvV.js → ConstrainedInnerElement-CgdnMeoA--qLpImjq.js} +1 -1
  50. package/dist/assets/{CreateOrEditVendorPage-BIfOA5Nr-BuMGF8oN.js → CreateOrEditVendorPage-CzpSgxbO-CRxdxAMc.js} +20 -20
  51. package/dist/assets/{CreditCardPaymentDrawerPage-CCpS-31h-BIvvMTcG.js → CreditCardPaymentDrawerPage-c_q0MsSO-TA4Hobh4.js} +18 -18
  52. package/dist/assets/CurrencySelectField-BAh7SHrG-DxidpKws.js +139 -0
  53. package/dist/assets/{CustomerOnboardingActivationPage-6VlMI4oY-E5CGEKHR.js → CustomerOnboardingActivationPage-f3Aa6E5r-BBdnGtao.js} +29 -29
  54. package/dist/assets/CustomerOnboardingContainerPage-CWAtSu08-B7XaiHVP.js +1 -0
  55. package/dist/assets/{CustomerOnboardingDetailPageSkeleton-BzbZb27J-BVzHP5Go.js → CustomerOnboardingDetailPageSkeleton-DYuiWn8s-D7GeWD4L.js} +8 -8
  56. package/dist/assets/CustomerOnboardingNoStepsPage-Bh_F0-oC-BNSUjl4v.js +66 -0
  57. package/dist/assets/{CustomerOnboardingPage-DkW66A-p-CjpdS5qu.js → CustomerOnboardingPage-B9hSO88_-D7k4547U.js} +16 -16
  58. package/dist/assets/{CustomerOnboardingProductSuitePage-Ba0yotpP-CIyDBKON.js → CustomerOnboardingProductSuitePage-CG0HKCpQ-S3V_r-iH.js} +12 -12
  59. package/dist/assets/{Dashboard-bX3cWkmP-BbU8pr2A.js → Dashboard-BJ_oIHab-Cok5_WDR.js} +33 -33
  60. package/dist/assets/{DashboardReportPage-DuZ4d4CE-DK-gMM8o.js → DashboardReportPage-BemzMw2e-DYYVToam.js} +41 -41
  61. package/dist/assets/DashboardSidebarBackgroundAnimation-BtA5oEGG-C_JawxjH.js +12 -0
  62. package/dist/assets/DepositAccTransactionItem-CyFi1P_L-BmUq2dbW.js +76 -0
  63. package/dist/assets/DepositAccTransactionListPage-DvBRRUdZ-m3SoF-kw.js +66 -0
  64. package/dist/assets/DomesticWireDetailsPage-DCDo3aHI-DOZS_gVw.js +21 -0
  65. package/dist/assets/DownloadOverlay-D_lL1sPW-DvGv3saF.js +439 -0
  66. package/dist/assets/{DrawerPage-CaG-xx5d-EitebnoL.js → DrawerPage-DesxXhZk-B8kYZddx.js} +13 -13
  67. package/dist/assets/EditPeoplePage-QvPy_Six-BvFKkCVw.js +55 -0
  68. package/dist/assets/EditReimbursementDetailPage-C0ZDkboO-BUe-Yiha.js +865 -0
  69. package/dist/assets/EntityDetailPage-l7nXIsyF-D4NCMOsL.js +18 -0
  70. package/dist/assets/{EntitySummarySection-LEA5m6mN-BORCaqtF.js → EntitySummarySection-BwX0a4JL-SUavY1op.js} +14 -14
  71. package/dist/assets/{ExpenseAutomationOverviewPage-Dmhn7gfp-D__D3sDL.js → ExpenseAutomationOverviewPage-EdyHjbff-C6Bwm59D.js} +51 -51
  72. package/dist/assets/ExpenseAutomationPage-DA22Qofw-dd8tGA4N.js +3001 -0
  73. package/dist/assets/{ExpressPayPage-C-nqret2-DlkmEIam.js → ExpressPayPage-EMP6inpX-Bhq6MNQ0.js} +16 -16
  74. package/dist/assets/{FeaturePreviewPage-BHjUZ7s6-DFFjPG0A.js → FeaturePreviewPage-SYJm-3aR-Bec3W0NG.js} +2 -2
  75. package/dist/assets/{FollowStepsSection-0eFMS0c5-B5EQvoc9.js → FollowStepsSection-BxESVqJD-Da5FF3Sc.js} +11 -11
  76. package/dist/assets/GlobalReviewListPage-D5_ACa-q-DSyD6bgo.js +291 -0
  77. package/dist/assets/{InformationCardStack-C7XJCUlh-CiHVF9R1.js → InformationCardStack-B_qQUEYD-Cf9-swA_.js} +4 -4
  78. package/dist/assets/{InsightsCardStack-fBAbQwhK-BkpAEowk.js → InsightsCardStack-BsQzoVzj-B7Cu144k.js} +9 -9
  79. package/dist/assets/InsightsSection-B6CNlTNH-C1k0XkMl.js +27 -0
  80. package/dist/assets/{IntegrationsSettingsPage-BD5jqAv8-DlI-U29Q.js → IntegrationsSettingsPage-DP6fAccq-DcJmzI7u.js} +7 -7
  81. package/dist/assets/{InternationalWireSwiftDetailsPage-BftrE612-J_F_3vEQ.js → InternationalWireSwiftDetailsPage-VdG7bDZi-TISIJuKT.js} +27 -27
  82. package/dist/assets/InternationalWireVerificationPage-COC6lZml-DVDnoPVJ.js +65 -0
  83. package/dist/assets/InviteFormPage-DN02jRy5-DXwTiwQI.js +312 -0
  84. package/dist/assets/{InvitePageListView-Cuq9dlgu-CDBeR_PP.js → InvitePageListView-CP4K9tJi-DYuLEhyF.js} +46 -46
  85. package/dist/assets/InvitePeoplePage-VTM6kM1u-LzOSX0B1.js +12 -0
  86. package/dist/assets/InvoiceUploadSection-it-ZYl1N-DRo_N6ol.js +140 -0
  87. package/dist/assets/{IssueChargeCardPage-CK6fnO24-BKSJZVY1.js → IssueChargeCardPage-CVfuvGey-dFAkH-M9.js} +21 -21
  88. package/dist/assets/{LabeledAddressValue-Ma1WURjK-BbziAecd.js → LabeledAddressValue-DDrQcHIE-DMu0GW44.js} +1 -1
  89. package/dist/assets/LabeledAddressValueField-BgWwd5Gw-DuJuz6B4.js +45 -0
  90. package/dist/assets/LabeledControlledCheckBoxField-CcPO1k23-Y5RGRfkw.js +16 -0
  91. package/dist/assets/{LabeledCountryMultiSelectField-sj8p7Rne-BUdiOBjF.js → LabeledCountryMultiSelectField-BYYjzwUG-D382-i5G.js} +4 -4
  92. package/dist/assets/{LabeledCreatableSingleSelectField-DUTQh416-Cuz1-Arb.js → LabeledCreatableSingleSelectField-CISYMojq-xYhovxcY.js} +8 -8
  93. package/dist/assets/LabeledDocumentField-C_bcFxdY-BV9lofDJ.js +41 -0
  94. package/dist/assets/LabeledDropDownFormattedTextField-ScGGCap8-5lKoXSFL.js +59 -0
  95. package/dist/assets/{LabeledText-DvzVOku6-qtDKT9OR.js → LabeledText-C8Y7EOsX-C8fojKEp.js} +3 -3
  96. package/dist/assets/{LabeledUserSingleSelectWithSubtitlesField-DCv1Q5qb-Dkhsfaug.js → LabeledUserSingleSelectWithSubtitlesField-C8JxAcOT-D0nf30JX.js} +21 -21
  97. package/dist/assets/{LabeledZeniRolesDropDownField-kWC0ShEy-B4c0yRiG.js → LabeledZeniRolesDropDownField-BZtreVpj-jb4353B6.js} +23 -23
  98. package/dist/assets/{LinkJETransactionPage-WufhDGDQ-CQSugFmY.js → LinkJETransactionPage-CKq4oiX9-BvFmTxZj.js} +17 -17
  99. package/dist/assets/{LockCardPage-BBIVLYVD-DGVUoots.js → LockCardPage-CZENNby7-DiexnWId.js} +233 -233
  100. package/dist/assets/{LowBalancePopup-ScEqPY9J-zI-i6Isi.js → LowBalancePopup-1727S1ri-B9nzvQPQ.js} +6 -6
  101. package/dist/assets/MagicLinkACHDetailsPage-BSOlSfNu-CO-n7uHX.js +1 -0
  102. package/dist/assets/MagicLinkDomesticWireDetailsPage-D1DTPo0E-D9JIICZ3.js +1 -0
  103. package/dist/assets/MagicLinkInternationalWireDetailsPage-D_wo_2nm-DRdINlrf.js +1 -0
  104. package/dist/assets/MagicLinkSuccessPage-QMkZgQLG-DaCG6zJz.js +31 -0
  105. package/dist/assets/{MagicLinkTitleSection-ZnbKPIvJ-CNhLMA89.js → MagicLinkTitleSection-CARU1oLQ-DPmYWXSQ.js} +5 -5
  106. package/dist/assets/MailingDetailsSection-ByOPaJ05-kJqgrlBw.js +21 -0
  107. package/dist/assets/{MyBankConnectionsSettingsPage-aQDVaEG1-CqWavNbr.js → MyBankConnectionsSettingsPage-BdgIIhL1-FAtVw-QI.js} +12 -12
  108. package/dist/assets/{MyPendingActivationChargeCardListPage-BJrk56oA-DBhBFYPS.js → MyPendingActivationChargeCardListPage-CX38bDdq-Cb-hNB9U.js} +1 -1
  109. package/dist/assets/MyProfileSettingsPage-DYu0Fx6I-DSGiByeo.js +85 -0
  110. package/dist/assets/{NavBarWithPicker-zmvBmWS1-DG_L70Us.js → NavBarWithPicker-CGGEvLwe-CLvQbXHm.js} +5 -5
  111. package/dist/assets/{NavigationArrow-D26UG3p--Bc_WE-hA.js → NavigationArrow-CTNkKUtV-Bew2hAIb.js} +7 -7
  112. package/dist/assets/{NavigationDots-Bv4tBDN3-3qW0LzNq.js → NavigationDots-Dvce3gHt-CdTxmSBW.js} +3 -3
  113. package/dist/assets/{NewGlobalMerchantPage-vOn2O6B9-UKW9QkH8.js → NewGlobalMerchantPage-D_f7z47T-BushshXt.js} +35 -35
  114. package/dist/assets/{NoDataChart-CgT19fV7-DcCaLcsZ.js → NoDataChart-CrKeqWSr-4ekDnDn1.js} +4 -4
  115. package/dist/assets/NoDataTable-4vPXmPYF-B2XN4oW_.js +8 -0
  116. package/dist/assets/{NotFoundPage-CP2i3FTm-zCn5IOVY.js → NotFoundPage-BLWPU1wU-DvXGp0oy.js} +3 -3
  117. package/dist/assets/{NotificationSettingsPage-CT9Dnb03-BYS2qU5g.js → NotificationSettingsPage-CDiDLX3A-n_uE9rCj.js} +23 -23
  118. package/dist/assets/NotificationsListConfig-B5pDa4cJ-BR4-nfaA.js +1 -0
  119. package/dist/assets/NotificationsPage-Ccl7Dny1-EW2nfZLI.js +685 -0
  120. package/dist/assets/OpExByVendorPage-spd-nKV4-i9MSwJXR.js +100 -0
  121. package/dist/assets/{OverlayContainerPage-D4QU0p4o-PqYhuBtJ.js → OverlayContainerPage-BG9y5C0t-CMjvkc2h.js} +1 -1
  122. package/dist/assets/PandLWithForecastPage-TSoe4Z7F-DcZ-ZrV7.js +123 -0
  123. package/dist/assets/{PaymentAccountSetupBillingAddressSection-JPO-rPAd-yGcY5OsC.js → PaymentAccountSetupBillingAddressSection-9ma8SpIa-C7rhIAmu.js} +16 -16
  124. package/dist/assets/PeoplePage-b5_I0qOw-B2fq5ot3.js +727 -0
  125. package/dist/assets/{Preview-P62UcEJK.js → Preview-COnCxLvp.js} +1 -1
  126. package/dist/assets/{ProductsCarousel-7R3cvGiS-Bu_PFFN9.js → ProductsCarousel-C3M0ocdF-wqRbMSDI.js} +8 -8
  127. package/dist/assets/{PromoBaseCards-DdCMZIc7-DR_4jktz.js → PromoBaseCards-BOGJI2ws--eO42JRX.js} +2 -2
  128. package/dist/assets/{QBOConnectionDialog-Ca36jKz2-BjgnS_b-.js → QBOConnectionDialog-CmpnnuzP-Dp-zON6o.js} +7 -7
  129. package/dist/assets/QBOSetupSection-DjnN9dgv-CJUK3Jp5.js +79 -0
  130. package/dist/assets/ReimbursementApprovalRuleDetailPage-D5NXjrO9-B3fuWRBp.js +32 -0
  131. package/dist/assets/{ReimbursementApprovalRulesPage-B48x1gPM-C9ZbbxEX.js → ReimbursementApprovalRulesPage-BsCTIqUJ-DFIBXG2A.js} +17 -17
  132. package/dist/assets/ReimbursementDetailPage-BbyxE2uL-D7JOSI03.js +314 -0
  133. package/dist/assets/ReimbursementPromoPage-CyEgwqcf-A2nuc-1r.js +84 -0
  134. package/dist/assets/{ReimbursementSetUpPage-B_c-ZgFT-CzixtqPF.js → ReimbursementSetUpPage-RETPkEQd-CKs-VBpH.js} +8 -8
  135. package/dist/assets/ReimbursementsBulkReviewDrawerPage-DnmYl0FM-BVo2hc1R.js +1 -0
  136. package/dist/assets/{ReloadCard-DKGn1uxF-DmSJJ42p.js → ReloadCard-Bdoo0XiI-D4akwdvc.js} +6 -6
  137. package/dist/assets/ReportTableViewSelector-Bc1K7mU_-CwFMTqSs.js +151 -0
  138. package/dist/assets/ReportsPage-BOTHMLWh-jv_O0Yek.js +269 -0
  139. package/dist/assets/{RevenueChart-SvdhwBcE-BkckN20x.js → RevenueChart-DvyZ3aO7-C6C2HRpr.js} +18 -18
  140. package/dist/assets/{ReviewDetailsPage-tT1l4R2r-RWSNyRxW.js → ReviewDetailsPage-BIMg1n2e-Ih4y_jnc.js} +26 -26
  141. package/dist/assets/{ReviewOverlay-BoM41t8W-3p-Qz-jJ.js → ReviewOverlay-CxwoiOLC-mlyTzHF7.js} +10 -10
  142. package/dist/assets/{RoleWithToolTip-C8x5yXaK-DMsCF0JH.js → RoleWithToolTip-Ct3_VuDM-DPE6FK82.js} +4 -4
  143. package/dist/assets/ScheduleDetailsFixedAssetsPage-DiL5Dozk-ZdtyO7K8.js +37 -0
  144. package/dist/assets/ScheduleDetailsPage-5FWpLRtd-CMywSb8w.js +37 -0
  145. package/dist/assets/ScheduleSequenceTable-R3-PsXES-CJvXYjeZ.js +326 -0
  146. package/dist/assets/{ScreenRoutes-EnKgc_BI.js → ScreenRoutes-D5p_xk-S.js} +1 -1
  147. package/dist/assets/{SetUpAccountSection-sfIB1h4i-DtGgsFok.js → SetUpAccountSection-CctbMmoK-CuWHUORG.js} +14 -14
  148. package/dist/assets/SignIn-CmgmnRm4-CODAfAgX.js +491 -0
  149. package/dist/assets/SignInScreen-DzQr_yQg.js +1 -0
  150. package/dist/assets/SpendManagementListViewPage-CFUxCqkU-BFFGha36.js +134 -0
  151. package/dist/assets/SpendManagementPerTabPage-C-kqNTci-B4ll_8b8.js +754 -0
  152. package/dist/assets/{SpendManagementSection-dT-N4bSQ-C4Kh22QW.js → SpendManagementSection-CIz4nE_w-Cd92E473.js} +20 -20
  153. package/dist/assets/{StatementItem-g5tfNBjV-BibsnlRn.js → StatementItem-vVtoBN2w-BlzDOZcF.js} +4 -4
  154. package/dist/assets/StatementsPage-As5WOnMR-CoYZUSlH.js +58 -0
  155. package/dist/assets/{StatusSwitcher-CaoFw0cf-zIzs68OS.js → StatusSwitcher-Bv-ozN6U-BKoiK-si.js} +5 -5
  156. package/dist/assets/SubTabSwitcher-D7QeM6nb-BmZk-zBb.js +58 -0
  157. package/dist/assets/SummaryCard-C2qoTsAY-4dgnd5I6.js +1 -0
  158. package/dist/assets/TaskManagementPage-BJwp32Ph-BXxEB9ws.js +508 -0
  159. package/dist/assets/TimeRangeSwitcher-D00bDDhP-jzNZlsUf.js +64 -0
  160. package/dist/assets/TimeframeSwitcher-DA99HdHt-DUsdK6ru.js +31 -0
  161. package/dist/assets/TimeframeSwitcherWithToggle-DyggDIQj-Dg5fJRkI.js +53 -0
  162. package/dist/assets/{TopExCard-BUjnGDUB-Btojk3ah.js → TopExCard-Z1WabZ8c-_3_PDA2G.js} +6 -6
  163. package/dist/assets/{TopExDetailPage-CNDkfc3u-B6N4DKA1.js → TopExDetailPage-CzHG4f9E-BrWfJk_t.js} +14 -14
  164. package/dist/assets/{TransactionActivityLogPage-kSQqJVpX--4iIwA0-.js → TransactionActivityLogPage-CGKnjNfU-DuJzBBcn.js} +20 -20
  165. package/dist/assets/TransactionDetailPage-1-mLOWSz-D2-6FnXF.js +903 -0
  166. package/dist/assets/TransactionList-BB-xoIGm-Cs0g42iq.js +153 -0
  167. package/dist/assets/{TransactionListBig-Bx_Rm9ho-DHw-0VWf.js → TransactionListBig-C5Sf5Xh--DoQGlOXx.js} +21 -21
  168. package/dist/assets/TransactionListPage-Cj7h1Ros-0xwtgWrr.js +35 -0
  169. package/dist/assets/{TransactionVendorDetailPage-MjSH5hfq-BB1KeuZC.js → TransactionVendorDetailPage-SsrSOk3O-DnCs2Tcb.js} +5 -5
  170. package/dist/assets/{TransferDrawerPage-BayVa6po-TPzD0GjA.js → TransferDrawerPage-BvKZ7vHF-U4D4BHco.js} +45 -45
  171. package/dist/assets/TreasuryOverviewPage-DwvjMR4_-DaWJ0Z8W.js +725 -0
  172. package/dist/assets/{TreasuryPromoPage-BCjz1EKX-B0iczXcI.js → TreasuryPromoPage-CtTFvSQW-ByP104Sz.js} +131 -131
  173. package/dist/assets/TreasuryStatementsPage-Catz8shX-DqD0V1HF.js +58 -0
  174. package/dist/assets/TreasuryTaxLetterPage-D8hzCL5o-_SN1L0BB.js +58 -0
  175. package/dist/assets/{TrendChart-JTOG0a7B-Bjcs41DB.js → TrendChart-Bnp4Pcdf-BY18h9jb.js} +4 -4
  176. package/dist/assets/TrendWithTransactions-3D1FvM8G-DxPZ_o7N.js +116 -0
  177. package/dist/assets/{UncategorizedAccountsMappingPage-TGKYpC5A-DFFnFhBd.js → UncategorizedAccountsMappingPage-DbyY-dYB-BC4-aDe6.js} +9 -9
  178. package/dist/assets/{UnitIntegrationPage-mt2IjA5X-eXnxGxo-.js → UnitIntegrationPage-CTzme1te-BpgcZRO2.js} +10 -10
  179. package/dist/assets/UploadAdditionalDocumentOverlay-Wl4Spdpn-Ckt7F9AB.js +38 -0
  180. package/dist/assets/Vendor2FAPopup-D0zYKkIv-BA93A3FY.js +1 -0
  181. package/dist/assets/VendorACHDetailsPage-YYX9aQdw-DswVRSnB.js +1 -0
  182. package/dist/assets/VendorDetailPage-Br9wIOnI-CiQfXNfs.js +257 -0
  183. package/dist/assets/VendorDomesticWireDetailsPage-BpPgQRHI-DgAKk1Hg.js +1 -0
  184. package/dist/assets/{VendorFiling1099EditablePage-CRnO7Ubw-CYRb__on.js → VendorFiling1099EditablePage-himC7iD3-DN6_aqMw.js} +13 -13
  185. package/dist/assets/VendorFirstReviewPage-BbknTCBD-DRyalqYz.js +730 -0
  186. package/dist/assets/{VendorInternationalWireDetailsPage-HUtNyn9Z-DucN-WAy.js → VendorInternationalWireDetailsPage-CS595Xgc-DyYlqKnN.js} +22 -22
  187. package/dist/assets/VendorInternationalWireSwiftDetailsPage-yhTjWXvw-B6FT2wH7.js +1 -0
  188. package/dist/assets/{VendorsAccountsSection-D6Qa1zf9-ChhuAgMC.js → VendorsAccountsSection-CgSJu8wq-DAQ1vUE3.js} +4 -4
  189. package/dist/assets/{VerifyDevice-B6B_nk3v-FhJvFMiC.js → VerifyDevice-Dvf0JsNN-BhIFtpoZ.js} +12 -12
  190. package/dist/assets/{VideoPlayer-BRAgZThr-CdNKLBM0.js → VideoPlayer-VAzOGCDL-dg_i7rhP.js} +2 -2
  191. package/dist/assets/{VideoPopup-C_SkBI9U-BmOF4TeE.js → VideoPopup-BqvZ-XIh-j79cwOsZ.js} +5 -5
  192. package/dist/assets/{WarningsDrawerPage-B3gB3wW7-B_Al2CpW.js → WarningsDrawerPage-DeNonoNp-B2ZGl3aK.js} +8 -8
  193. package/dist/assets/ZeniAccountDetailPage-GcwTJdB8-BH5nfFTv.js +300 -0
  194. package/dist/assets/ZeniAccountListViewPage-CdwO0Duy-Bq_tNys0.js +443 -0
  195. package/dist/assets/ZeniAccountNavBarPieces-BrSIfL36-H4nUIkPW.js +33 -0
  196. package/dist/assets/{ZeniAccountPromoPage-BgYCHYLO-DqD41YED.js → ZeniAccountPromoPage-JrcedQYB-C192Vo1k.js} +33 -33
  197. package/dist/assets/ZeniAccountSetupPage-TKBfbgzJ-BOKcMzjm.js +36 -0
  198. package/dist/assets/{ZeniCopyright-BlLvlGZV-FpsBBUu8.js → ZeniCopyright-DglqrTpl-DiOzf86L.js} +1 -1
  199. package/dist/assets/{ZeniTransferAmountSlider-BNYgPwHs-Bjfhzv90.js → ZeniTransferAmountSlider-BcaZZuAw-DwXtlH-I.js} +7 -7
  200. package/dist/assets/{add-to-wallet-DgdBD8_G-CiWKe3pw.js → add-to-wallet-DgdBD8_G-B2d4-MGl.js} +1 -1
  201. package/dist/assets/{analytics-Dmyyfi9O.js → analytics-BdPgTZIq.js} +1 -1
  202. package/dist/assets/{analyticsHelper-CYr5V2MV-D-hMRpr3.js → analyticsHelper-CAYdbjhS-B2pke1yA.js} +1 -1
  203. package/dist/assets/{analyticsHelper-fNnGbi4W.js → analyticsHelper-CqcfNRvx.js} +1 -1
  204. package/dist/assets/{arrow-south-east-round-PEovUgvH-odM3_tAX.js → arrow-south-east-round-PEovUgvH-CQDBPmsC.js} +1 -1
  205. package/dist/assets/{auto-transfer-rule-mbafm5D3-YYpYw6PW.js → auto-transfer-rule-mbafm5D3-D3lLCn3Q.js} +1 -1
  206. package/dist/assets/chartTypes-CD3vrBsI-B60Spgf7.js +1 -0
  207. package/dist/assets/commonDimensions-Oz1tdAcx-DwbBmI-Z.js +1 -0
  208. package/dist/assets/{commonTypes-DsWS6Ccc-cGR0O9Jz.js → commonTypes-5tEXwrX4-DCDhKssr.js} +1 -1
  209. package/dist/assets/{constants-CL2zzW6O.js → constants-CBenFj2i.js} +1 -1
  210. package/dist/assets/{core-CuilwggZ.js → core--0SFXVg4.js} +2 -2
  211. package/dist/assets/{dash.all.min-BQNcgKZW.js → dash.all.min-CMzLy0h6.js} +1 -1
  212. package/dist/assets/downloadPdf-Dsuxeias-COKJ0VCh.js +1 -0
  213. package/dist/assets/{empty-Br0K9kol.js → empty-2Ztl6Ian.js} +1 -1
  214. package/dist/assets/{empty-CEDPaJOT.js → empty-B-BVwcCU.js} +1 -1
  215. package/dist/assets/{epic-C2KVDXXW.js → epic-BDwupNLN.js} +1 -1
  216. package/dist/assets/{gift-box-Cmt9OgIZ-Ka06cghW.js → gift-box-Cmt9OgIZ-gUV3c8cx.js} +1 -1
  217. package/dist/assets/{graphic-no-data-l-DU4J8fDt-6m6GIu0k.js → graphic-no-data-l-DU4J8fDt-DzC5dTIM.js} +1 -1
  218. package/dist/assets/{graphic-no-data-net-burn-l-CzmycA0m-XhfY9lsK.js → graphic-no-data-net-burn-l-CzmycA0m-BjiTvRpS.js} +1 -1
  219. package/dist/assets/{handshake-BPg58FML-Sg0ioDB8.js → handshake-BPg58FML-C_pCUoyC.js} +1 -1
  220. package/dist/assets/{helper-BMiMbXMj-RteEmtlv.js → helper-Ckm10Uko-C9m0OsqI.js} +5 -5
  221. package/dist/assets/{index-ChqRS7At.js → index-C2ktPgcm.js} +1 -1
  222. package/dist/assets/{index-Cwdqq_eD.js → index-CKQ5JKXb.js} +1 -1
  223. package/dist/assets/{index-BdeZI4Mn.js → index-CUC_7JNL.js} +1 -1
  224. package/dist/assets/{index-D3ZUUMU-.js → index-CdtFtg4i.js} +1 -1
  225. package/dist/assets/{index-DyBrELD_.js → index-DMG72kst.js} +4818 -4804
  226. package/dist/assets/{index-HP0uFTr8.js → index-DRaGNS6O.js} +1 -1
  227. package/dist/assets/{index-Dvsx2dcd.js → index-Dg4q7vvv.js} +1 -1
  228. package/dist/assets/{lexical-BV3aGUzT.js → lexical-RPR5fwFX.js} +1 -1
  229. package/dist/assets/{liveblocks-VMOu1QaQ.js → liveblocks-BPjePRRW.js} +1 -1
  230. package/dist/assets/{lottie-DcZDexOB.js → lottie-x1a70pv5.js} +1 -1
  231. package/dist/assets/mapLoadingInProgressToTreeNode-jcHEi-mv-3CmCtSOT.js +1 -0
  232. package/dist/assets/{mapSectionWithAcOnlyToTreeNode-BkPRWtaj-D46Qw3f-.js → mapSectionWithAcOnlyToTreeNode-Cgyt68f3-gWv13TX8.js} +1 -1
  233. package/dist/assets/mapSpacerToTreeNode-XgUp1xUb-C8lourC4.js +1 -0
  234. package/dist/assets/mapTimeframeBalancesToTreeNode-Bre8FfBF-CeRR9HNy.js +1 -0
  235. package/dist/assets/mapTimeframeBalancesToTreeNode-DOyCX6ij-DNs8km3x.js +1 -0
  236. package/dist/assets/{mapTimeframeHeaderLoadingInProgressToTreeNode-Ch2rvcz4-4i_2kpdQ.js → mapTimeframeHeaderLoadingInProgressToTreeNode-D2IvFyR5-DJ_zEjzF.js} +1 -1
  237. package/dist/assets/{mui-D3hEqMLm.js → mui-PTGaeBGX.js} +1 -1
  238. package/dist/assets/{page-detail-CWX5S47F-D-m40EVy.js → page-detail-CWX5S47F-3PBwxH1C.js} +1 -1
  239. package/dist/assets/panelSelectedMixin-Cddsb26L-CGfB88iV.js +3 -0
  240. package/dist/assets/{radio-default-CiSgisfh-eAbgY-Yj.js → radio-default-CiSgisfh-D9daKtZ-.js} +1 -1
  241. package/dist/assets/{react-CTpij_Bh.js → react-BEXFTqCN.js} +1 -1
  242. package/dist/assets/{react-Y6e5YCHa.js → react-CPjlVQm7.js} +1 -1
  243. package/dist/assets/{react-CqeqecYS.js → react-Cc4bx4sY.js} +1 -1
  244. package/dist/assets/{react-CEbGSPpW.js → react-DBNQWrgN.js} +1 -1
  245. package/dist/assets/{react-DI8vxsp0.js → react-De98TyJc.js} +1 -1
  246. package/dist/assets/{react-Drm5UQxC.js → react-DrO9dj3C.js} +3 -3
  247. package/dist/assets/{react-CMq4HMxB.js → react-PvV8gmtB.js} +1 -1
  248. package/dist/assets/{react-C1gXLOT-.js → react-vwiCHqgl.js} +2 -2
  249. package/dist/assets/{recharts-Bs6FfRQK.js → recharts-qzs3V2Ze.js} +19 -19
  250. package/dist/assets/{sentry-BV4jcjA3.js → sentry-DA3cfNtR.js} +1 -1
  251. package/dist/assets/{shield-DOlUxcFf-FCvOtDWd.js → shield-DOlUxcFf-BOQtgkJq.js} +1 -1
  252. package/dist/assets/toCOABalancesWithID-aLNB35t7-Bj9jSpq4.js +1 -0
  253. package/dist/assets/{toChartData-C6s-eBzE-DCXAm4rQ.js → toChartData-DUL6vnzJ-BfCuWWLN.js} +1 -1
  254. package/dist/assets/upload-reimbursement-receipt-O2N8vcO7-Ge_wO5yU.js +1 -0
  255. package/dist/assets/{uploadAttachment-BlLqRIXe-B5ch9itw.js → uploadAttachment-Ck4wivBR-Bh6Y3xK9.js} +32 -32
  256. package/dist/assets/uploadReceipts-CIgkuVpu-BMgQocne.js +1 -0
  257. package/dist/assets/{url-MntlJyPp.js → url-D0R1uffE.js} +1 -1
  258. package/dist/assets/{url-BkyzSFLl.js → url-DNLur0Mx.js} +1 -1
  259. package/dist/assets/{useLongPress-GCK2COYQ-Dwfp0CDv.js → useLongPress-GCK2COYQ-Dvxz8hJC.js} +1 -1
  260. package/dist/assets/{usp-line-BBd1wKwW-Ccl_yhhe.js → usp-line-BBd1wKwW-Bxz4MR0G.js} +1 -1
  261. package/dist/assets/{utils-AGDkxX5e.js → utils-ZYxK6Sqs.js} +1 -1
  262. package/dist/assets/{zeni-epic-state-wSe7lDM8.js → zeni-epic-state-qJAZZeEy.js} +6 -6
  263. package/dist/index.html +1 -1
  264. package/package.json +4 -4
  265. package/dist/assets/ACHDetailsPage-fOu5grd7-_I6UtkXF.js +0 -21
  266. package/dist/assets/AccountInfoPage-o7hTXtgZ-CYBdmYMP.js +0 -18
  267. package/dist/assets/AccountLockedInfoModal-BJjCuLHa-YI1GAfPy.js +0 -59
  268. package/dist/assets/AccountRow-CpftykFx-bzN_3qh3.js +0 -298
  269. package/dist/assets/AddAddressForCardDrawer-vecchYEf-_IpKVfzg.js +0 -6
  270. package/dist/assets/ApAgingDetailPage-BOV1WFVF-CJZU2LXe.js +0 -46
  271. package/dist/assets/AppDrawerContent-Dc2sHnR3-Bud5cVOk.js +0 -92
  272. package/dist/assets/ApprovalRulesSettingsPage-BnbPSy4U-4wRot9T7.js +0 -47
  273. package/dist/assets/ArAgingDetailPage-b_NpDpWj-RkSFd-g-.js +0 -46
  274. package/dist/assets/BillDetailPage-7TMkWo3V-BpI29Fow.js +0 -266
  275. package/dist/assets/BillPayPromoPage-AGffhbY3-C44MBEry.js +0 -84
  276. package/dist/assets/BillingSettingsPage-CQ117tT9-3H-s6tQ2.js +0 -44
  277. package/dist/assets/ChargeCardPromoPage-CPpNh89o-DfgxkRWy.js +0 -222
  278. package/dist/assets/CollapsableReportTable-CDEe9s_E-TNl2e0Ho.js +0 -2844
  279. package/dist/assets/ConfettiBurst-BizTW0hz-D0Pewk0g.js +0 -1
  280. package/dist/assets/CurrencySelectField-KvKyemY6-B3GfB4CH.js +0 -139
  281. package/dist/assets/CustomerOnboardingContainerPage-CRjwWFLJ-Di904UJs.js +0 -1
  282. package/dist/assets/CustomerOnboardingNoStepsPage-CWF_00EM-DmcEox2S.js +0 -66
  283. package/dist/assets/DashboardSidebarBackgroundAnimation-UV2CZToG-CyMFhVza.js +0 -12
  284. package/dist/assets/DepositAccTransactionItem-BY_OvuKg-BsNMu9o_.js +0 -76
  285. package/dist/assets/DepositAccTransactionListPage-a__bpCOB-D_hGWuPJ.js +0 -66
  286. package/dist/assets/DomesticWireDetailsPage-BumMT4QM-CBRjN65H.js +0 -21
  287. package/dist/assets/DownloadOverlay-DqiL3-FB-BSVRX95E.js +0 -439
  288. package/dist/assets/EditPeoplePage-BcsdEp_d-CHb4ex1x.js +0 -55
  289. package/dist/assets/EditReimbursementDetailPage-DNUmwdsH-05ewx_ut.js +0 -865
  290. package/dist/assets/EntityDetailPage-DtX5TjBc-DQKDGAg6.js +0 -18
  291. package/dist/assets/ExpenseAutomationPage-B8C4BxoV-Ci1A8Wjo.js +0 -1703
  292. package/dist/assets/GlobalReviewListPage-4eiopkzw-Bih8gWqa.js +0 -291
  293. package/dist/assets/InsightsSection-De9zu_me-Bh9zGZF1.js +0 -27
  294. package/dist/assets/InternationalWireVerificationPage-CDf7equc-CiJjOeOD.js +0 -65
  295. package/dist/assets/InviteFormPage-E2igwKEh-BCSU2LM1.js +0 -312
  296. package/dist/assets/InvitePeoplePage-Db4P4ZEq-BEebaP5f.js +0 -12
  297. package/dist/assets/InvoiceUploadSection-DYCjz9CI-DfxPkJOj.js +0 -140
  298. package/dist/assets/LabeledAddressValueField-C6-hVsPb-DSR7WoQV.js +0 -45
  299. package/dist/assets/LabeledControlledCheckBoxField-CgZg0uOW-F-cfza7w.js +0 -16
  300. package/dist/assets/LabeledDocumentField-Bp9m-OrP-CNPLGXDQ.js +0 -41
  301. package/dist/assets/LabeledDropDownFormattedTextField-3-KekP79-aeAOh3hf.js +0 -59
  302. package/dist/assets/MagicLinkACHDetailsPage-C494txw0-CY1IheMO.js +0 -1
  303. package/dist/assets/MagicLinkDomesticWireDetailsPage-CONBCbOQ-jeP8c5FK.js +0 -1
  304. package/dist/assets/MagicLinkInternationalWireDetailsPage-fSY3JGpz-3lDfayHZ.js +0 -1
  305. package/dist/assets/MagicLinkSuccessPage-BDRXSAO4-C2kPIdG5.js +0 -31
  306. package/dist/assets/MailingDetailsSection-DZT7JPlI-Cc3Oz9Xy.js +0 -21
  307. package/dist/assets/MyProfileSettingsPage-L9WuP6HZ-CxLQr9dL.js +0 -85
  308. package/dist/assets/NoDataTable-CPjJmo4s-rcoXWqQH.js +0 -8
  309. package/dist/assets/NotificationsListConfig-Bn1zmx6b-Bn3vC5S6.js +0 -1
  310. package/dist/assets/NotificationsPage-DDwdR_Jq-T3skh5EK.js +0 -685
  311. package/dist/assets/OpExByVendorPage-DukFYlqO-C6JAoAcj.js +0 -100
  312. package/dist/assets/PandLWithForecastPage-Bgflh9Om-DboN8TAW.js +0 -107
  313. package/dist/assets/PeoplePage-CDvKreQl-CkudxP0y.js +0 -675
  314. package/dist/assets/QBOSetupSection-CzBfIVqR-DJuM0C4n.js +0 -79
  315. package/dist/assets/ReimbursementApprovalRuleDetailPage-DUVSGQJ6-BsBLC37q.js +0 -32
  316. package/dist/assets/ReimbursementDetailPage-oIC9QEyF-CwfsRmIP.js +0 -314
  317. package/dist/assets/ReimbursementPromoPage-BKgsJieE-VA9mHTWf.js +0 -84
  318. package/dist/assets/ReimbursementsBulkReviewDrawerPage-CeyGWbKR-CxC7mVx8.js +0 -1
  319. package/dist/assets/ReportTableViewSelector-CXDvZEbR-DF_Vh_2k.js +0 -150
  320. package/dist/assets/ReportsPage-BoUyXSBC-DHugo8wm.js +0 -121
  321. package/dist/assets/ScheduleDetailsFixedAssetsPage-Bkp0mCOn-DiQJAeBc.js +0 -37
  322. package/dist/assets/ScheduleDetailsPage-Dg9rYJbn-D-JcLE-0.js +0 -37
  323. package/dist/assets/ScheduleSequenceTable-J6Eja8XA-F9fSvOJk.js +0 -324
  324. package/dist/assets/SignIn-Cu2nzuEC-gpOpExBj.js +0 -491
  325. package/dist/assets/SignInScreen-COk_kO8l.js +0 -1
  326. package/dist/assets/SpendManagementListViewPage-9V9u1jPF-BRyGdKFt.js +0 -134
  327. package/dist/assets/SpendManagementPerTabPage-COvEPq7V-BGeyAQJ7.js +0 -754
  328. package/dist/assets/StatementsPage-DaFrVUeK-COpXIOnq.js +0 -58
  329. package/dist/assets/SubTabSwitcher-zrkVj1aP-DHjajhP7.js +0 -58
  330. package/dist/assets/SummaryCard-B9wqNSwM-D3nnkdoj.js +0 -1
  331. package/dist/assets/TaskManagementPage-dAK9tl2b-DxOEeJV7.js +0 -508
  332. package/dist/assets/TimeRangeSwitcher-r1TNqVRb-BwLBwrfQ.js +0 -64
  333. package/dist/assets/TimeframeSwitcher-DHfHCTa4-B-A8y3JU.js +0 -31
  334. package/dist/assets/TimeframeSwitcherWithToggle-DvBvguRl-BtU2FMS5.js +0 -31
  335. package/dist/assets/TransactionDetailPage-f7vWtXWL-WDAq0TSH.js +0 -903
  336. package/dist/assets/TransactionList-3-mUZOsw-DUcE4Bg8.js +0 -153
  337. package/dist/assets/TransactionListPage-q6x4_jni-DQgB6nBX.js +0 -35
  338. package/dist/assets/TreasuryOverviewPage-CuqWmrO5-Dm7dVBUb.js +0 -708
  339. package/dist/assets/TreasuryStatementsPage-CGr00SXF-DVQF7UJA.js +0 -58
  340. package/dist/assets/TreasuryTaxLetterPage-D9_qnlK4-MocugyBE.js +0 -58
  341. package/dist/assets/TrendWithTransactions-CTJhTpAM-COrQLjb7.js +0 -116
  342. package/dist/assets/UploadAdditionalDocumentOverlay-DZfpwE5J-DWhiDViI.js +0 -38
  343. package/dist/assets/Vendor2FAPopup-DAOf5cJD-mVDrxb-3.js +0 -1
  344. package/dist/assets/VendorACHDetailsPage-CCOupiSZ-X7XYqk_U.js +0 -1
  345. package/dist/assets/VendorDetailPage-DufNphGD-mmWMGpt3.js +0 -257
  346. package/dist/assets/VendorDomesticWireDetailsPage-BayV34Rt-ClhCrIFs.js +0 -1
  347. package/dist/assets/VendorFirstReviewPage-DA0EL4RJ-CavJcOcs.js +0 -730
  348. package/dist/assets/VendorInternationalWireSwiftDetailsPage-DRVMUeXi-81om_0Ih.js +0 -1
  349. package/dist/assets/ZeniAccountDetailPage-Dp-eo-Vq-EwaP3b0U.js +0 -300
  350. package/dist/assets/ZeniAccountListViewPage-S-XmAYqD-BFwkc5Zx.js +0 -441
  351. package/dist/assets/ZeniAccountNavBarPieces-DhjBxfEr-CmvbdhsS.js +0 -14
  352. package/dist/assets/ZeniAccountSetupPage-CvnIMdcY-BcF-rNt2.js +0 -36
  353. package/dist/assets/chartTypes-40RenddT-DZcmdGKn.js +0 -1
  354. package/dist/assets/commonDimensions-BMnB1-xU-QqtoTCOP.js +0 -1
  355. package/dist/assets/detailCommon-CrcyqWtZ-D8Fb1SL4.js +0 -38
  356. package/dist/assets/downloadPdf-CUUx8PWn-2rBn8EvK.js +0 -1
  357. package/dist/assets/mapLoadingInProgressToTreeNode-DGnyXKBT-BH_N7X7z.js +0 -1
  358. package/dist/assets/mapSpacerToTreeNode-CvGdU9Ma-DBOtPgCK.js +0 -1
  359. package/dist/assets/mapTimeframeBalancesToTreeNode-BCOsOvxo-D8jx_1hw.js +0 -1
  360. package/dist/assets/mapTimeframeBalancesToTreeNode-DIqYP3NK-D7yaFV5m.js +0 -1
  361. package/dist/assets/panelSelectedMixin-CzfD5-Zs-DvZGh4g5.js +0 -4
  362. package/dist/assets/toCOABalancesWithID-DkMGvlEt-BQrLH-Nz.js +0 -1
  363. package/dist/assets/uploadReceipts-Dge0cNF1-Bo0yI6m6.js +0 -1
@@ -1,1703 +0,0 @@
1
- import{o,bX as ka,J as je,gl as ls,gm as cs,V as t,cr as Ia,bD as $a,ab as He,aT as ds,u as x,O as ke,cs as Ta,y as Y,d as kt,bE as La,ia as Aa,aP as Je,bV as we,bx as Ea,ga as Ra,aR as z,i7 as Da,am as ze,h1 as Oa,gV as us,by as Ma,bR as Mt,b9 as hs,aj as It,bM as ps,p as Qe,kn as Ba,an as gt,aa as Kt,bQ as $o,ad as Zt,ko as _a,kp as Fa,kq as za,kr as dn,ks as ms,kt as gs,ku as Pa,kv as Ko,kw as Na,go as xs,dn as fs,kx as Va,ky as Ha,kz as Wa,kA as Ua,kB as qa,kC as Ja,kD as Ka,kE as Za,kF as Ga,kG as Ya,kH as ys,kI as Xa,kJ as Qa,kK as er,kL as tr,gD as Cs,cf as yn,b5 as zn,cv as Pn,T as ws,I as bs,P as vs,cH as Cn,dW as To,x as nr,gn as or,bq as ir,cm as sr,c4 as ar,eI as wn,c1 as Lo,ar as rr,a as lr,fE as cr,aF as Ss,kM as dr,aX as Ao,aS as Zo,gX as js,kN as ur,kO as hr,kP as pr,bH as ks,aV as mr,i8 as Bt,dk as Eo,gL as Ot,hZ as Wn,eF as On,cL as Ro,az as gr,eG as Is,dq as xr,gy as fr,fT as yr,h4 as Cr,iW as wr,dv as Do,cB as Nn,cE as Vn,iD as ot,b as Dt,hM as br,gE as Un,jl as Go,dl as $s,d3 as gn,kQ as vr,a$ as Sr,du as Ts,i as xn,iu as Ls,iE as Co,kR as nn,eh as As,ej as Es,iZ as Rs,i_ as Ds,kS as jr,d1 as Hn,iv as Os,fs as Ms,ew as qn,aL as wo,kT as kr,cQ as Ir,a_ as Bs,iL as $r,dU as Tr,ap as bt,kU as Lr,kV as Ar,b3 as Jn,es as Er,a9 as Rr,et as Dr,eu as Or,ev as Mr,ey as Yo,ez as Xo,eA as Br,kW as _r,b1 as Fr,eK as zr,eL as Pr,eM as Nr}from"./index-DyBrELD_.js";import{a as i,P as Vr}from"./sentry-BV4jcjA3.js";import{n as a,c as De,k as Oo}from"./mui-D3hEqMLm.js";import{bh as Hr,Hd as Qo,He as fn,Hf as Wr,Hg as Ur,cx as qr,bL as bo,cy as Jr,FC as ei,cz as Kr,cA as Zr,lT as un,bE as Ht,Hh as ti,c4 as _s,Hi as Gr,bY as Yr,bo as Wt,Hj as Xr,Hk as Fs,Hl as zs,Hm as Ps,Hn as Ns,Ho as Vs,Hp as Mo,ll as Qr}from"./zeni-epic-state-wSe7lDM8.js";import{l as Bo}from"./panelSelectedMixin-CzfD5-Zs-DvZGh4g5.js";import{r as Hs,I as Ws,n as on,R as mt}from"./CollapsableReportTable-CDEe9s_E-TNl2e0Ho.js";import{N as Kn}from"./AccountRow-CpftykFx-bzN_3qh3.js";import{o as Us}from"./mapTimeframeBalancesToTreeNode-DIqYP3NK-D7yaFV5m.js";import{d as ni}from"./mapLoadingInProgressToTreeNode-DGnyXKBT-BH_N7X7z.js";import{h as el}from"./VendorsAccountsSection-D6Qa1zf9-ChhuAgMC.js";import{u as tl,c as oi,d as nl,m as ol}from"./uploadAttachment-BlLqRIXe-B5ch9itw.js";import"./liveblocks-VMOu1QaQ.js";import"./core-CuilwggZ.js";import"./recharts-Bs6FfRQK.js";import"./lottie-DcZDexOB.js";import"./analytics-Dmyyfi9O.js";import"./lexical-BV3aGUzT.js";import"./utils-AGDkxX5e.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="28eec837-a7f7-4689-a49a-a39e19084513",e._sentryDebugIdIdentifier="sentry-dbid-28eec837-a7f7-4689-a49a-a39e19084513")}catch{}})();const{common:{navBar:{back:il},texts:{refresh:sl,close:al,copy:rl,copied:ll,open:cl}},expenseAutomation:{common:{numbers:{maximumCount:dl}}}}=ke.getLocalizedStrings(),ul=a(fr)`
2
- display: flex;
3
- width: ${o.sp4};
4
- height: ${o.sp4};
5
- align-items: center;
6
- justify-content: center;
7
- `,hl=a.div`
8
- display: flex;
9
- align-items: center;
10
- justify-content: center;
11
- position: relative;
12
- cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
13
- color: ${e=>e.theme.colors.hero};
14
- &:hover {
15
- color: ${e=>e.theme.colors.primary};
16
- }
17
- `,pl=a.div`
18
- width: 100%;
19
- display: flex;
20
- flex-shrink: 0;
21
- flex-direction: column;
22
- background: ${e=>e.theme.colors.grey4};
23
- box-sizing: border-box;
24
- position: sticky;
25
- top: 0;
26
- z-index: 6;
27
- `,ml=a.div`
28
- display: flex;
29
- flex-direction: column;
30
- align-items: center;
31
- padding-left: ${e=>si.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
32
- padding-right: ${e=>si.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
33
- `,gl=a.div`
34
- display: flex;
35
- align-items: baseline;
36
- justify-content: end;
37
- gap: ${o.sp4};
38
- flex: 1 1 ${o.sp0};
39
- `,xl=a.div`
40
- display: flex;
41
- align-items: baseline;
42
- justify-content: start;
43
- gap: ${o.sp4};
44
- flex: 1 1 ${o.sp0};
45
- `,fl=a(Cr)`
46
- width: ${o.sp3};
47
- height: ${o.sp3};
48
- cursor: pointer;
49
- margin-left: ${o.sp1};
50
- color: inherit;
51
- `,yl=a(yr)`
52
- width: ${o.sp3};
53
- height: ${o.sp3};
54
- margin-left: ${o.sp1};
55
- color: ${Qe.success};
56
- `,Cl=a(nr)`
57
- cursor: pointer;
58
- width: ${o.sp4};
59
- height: ${o.sp4};
60
- color: ${e=>e.theme.colors.hero};
61
- &:hover {
62
- color: ${e=>e.theme.colors.primary};
63
- }
64
- `,wl=a(ar)`
65
- cursor: pointer;
66
- width: ${o.sp4};
67
- height: ${o.sp4};
68
- color: ${e=>e.theme.colors.hero};
69
- &:hover {
70
- color: ${e=>e.theme.colors.primary};
71
- }
72
- `,bl=a(sr,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
73
- cursor: pointer;
74
- width: ${o.sp4};
75
- height: ${o.sp4};
76
- color: ${e=>e.theme.colors.hero};
77
- animation: ${e=>e.$spinning?De`
78
- ${vl} 2s linear infinite;
79
- `:"none"};
80
- &:hover {
81
- color: ${e=>e.theme.colors.primary};
82
- }
83
- `,vl=Oo`
84
- 0% {
85
- transform: rotate(0deg);
86
- }
87
- 100% {
88
- transform: rotate(360deg);
89
- }
90
- `,Sl=a.div`
91
- padding-top: ${o.sp0};
92
- padding-bottom: ${o.sp0};
93
- `,ii=a(ze)`
94
- color: ${e=>e.theme.colors.hero};
95
- text-align: center;
96
- display: flex;
97
- align-items: center;
98
- justify-content: center;
99
- flex-direction: column;
100
- padding-bottom: ${o.sp4};
101
- `,jl=a.div`
102
- display: flex;
103
- `,kl=a.div`
104
- border: 1px solid ${e=>e.theme.colors.grey3};
105
- width: 100%;
106
- margin-top: -2px;
107
- border-top-right-radius: ${o.sp2};
108
- border-top-left-radius: ${o.sp2};
109
- border-bottom-right-radius: ${o.sp2};
110
- border-bottom-left-radius: ${o.sp2};
111
- `,Il=a.div`
112
- display: flex;
113
- height: ${o.sp4};
114
- `,$l=a.div`
115
- text-align: center;
116
- display: flex;
117
- align-items: center;
118
- justify-content: center;
119
- flex-wrap: wrap;
120
- `,Tl=a.div`
121
- display: flex;
122
- flex-direction: column;
123
- `,Ll=a(wn)`
124
- width: ${o.sp3};
125
- height: ${o.sp3};
126
- margin-right: ${o.sp1};
127
- path {
128
- stroke-width: 2;
129
- }
130
- `,vn=a.span`
131
- font-weight: ${Lo.regular};
132
- color: ${e=>e.theme.colors.primary};
133
- `,Al=a.span`
134
- font-weight: ${Lo.medium};
135
- color: ${e=>e.theme.colors.primary};
136
- `,El=a.span`
137
- color: ${e=>e.theme.colors.primary};
138
- text-decoration: underline;
139
- text-decoration-color: ${e=>e.theme.colors.grey2};
140
- cursor: pointer;
141
- display: flex;
142
- align-items: center;
143
- transition: text-decoration-color 0.2s;
144
- .copy-icon {
145
- color: ${e=>e.theme.colors.hero};
146
- transition: color 0.2s;
147
- }
148
- &:hover {
149
- .copy-icon {
150
- color: ${e=>e.theme.colors.primary};
151
- }
152
- text-decoration-color: ${e=>e.theme.colors.primary};
153
- }
154
- `,si={subSectionContainerLeftRightPadding:new Y(x[3],x[6],x[8])},Rl=({onAllThreadsClick:e,companyId:n,companyName:c})=>{const r={application:"cockpit",companyId:n,entityId:n,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:c,url:window.location.href},{url:p,...h}=r,s={...h},{threads:d,isLoading:l}=or(s,!1,!1),m=d.filter(u=>u.id.includes(xs)===!1);return t.jsxs(hl,{isDisabled:l,onClick:e,"data-testid":z("comment-icon"),children:[t.jsx(ir,{count:m.length,isLoading:l}),t.jsx(ul,{})]})},Dl=({headerData:e,refreshStatus:n,searchText:c,companyName:r,companyId:p,isZeniUser:h,onAllThreadsClick:s,onClose:d,onRefresh:l,onSearchTextChanged:m})=>{const u=()=>{n!=="In-Progress"&&l()};return t.jsx(gl,{children:e.rightSection.map((g,f)=>{switch(g){case"search":return t.jsx(Da,{isSearchOpen:(c.length??0)>0,searchPlaceHolder:e.searchPlaceholder,searchText:c,searchTextBoxStyle:{position:"initial",height:"fit-content"},styledSearchIconContainerStyle:{height:o.sp4},searchIconMarginRight:o.sp0,onSearchTextChanged:y=>{m(y)},downloadPresent:!1},f+g);case"refresh":return t.jsx(we,{display:"block",placement:"bottom",title:sl,style:{marginTop:"2px"},enterDelay:600,children:t.jsx(bl,{onClick:u,$spinning:n==="In-Progress","data-testid":z("refresh-icon")})},f+g);case"comment":return h===!1?null:t.jsx(Rl,{companyId:p,companyName:r,onAllThreadsClick:s});case"close":default:return t.jsx(we,{display:"block",placement:"bottom",title:al,enterDelay:600,style:{marginTop:"2px"},children:t.jsx(Cl,{onClick:d,"data-testid":z("close-icon")})},f+g)}})})},Ol=({headerData:e,onBack:n})=>t.jsx(xl,{children:e.leftSection.map((c,r)=>{switch(c){case"back":default:return t.jsx(we,{display:"block",placement:"bottom",title:il,enterDelay:600,style:{marginTop:"-14px"},children:t.jsx(wl,{onClick:n,"data-testid":z("back-button")})},r+c)}})}),ai=({text:e,linkText:n,windowSize:c,isCopied:r,onLinkClick:p})=>{if(n==null||!n)return t.jsxs(vn,{windowSize:c,children:[e," "]});const h=e.indexOf(n);if(h===-1)return t.jsxs(vn,{windowSize:c,children:[e," "]});const s=e.substring(0,h),d=e.substring(h+n.length);return t.jsxs(t.Fragment,{children:[s?t.jsxs(vn,{windowSize:c,children:[s.trim()," "]}):null,t.jsx(we,{display:"flex",placement:"right",title:us.test(n)?r?ll:rl:cl,enterTouchDelay:600,children:t.jsxs(El,{onClick:()=>p?.(n),"data-testid":z("pre-link"),children:[n,r?t.jsx(yl,{className:"success-icon"}):t.jsx(fl,{className:"copy-icon"})]})}),d?t.jsxs(vn,{windowSize:c,children:[d," "]}):null]})},ri=({subTitles:e})=>{const n=je(),[,c]=Oa(),[r,p]=i.useState(!1),h=i.useRef(null),s=i.useCallback(d=>{us.test(d)?(c(d),p(!0),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{p(!1)},2e3)):window.open(d,"_blank","noopener,noreferrer")},[c]);return i.useEffect(()=>()=>{h.current&&clearTimeout(h.current)},[]),t.jsx(Tl,{children:e.map((d,l)=>t.jsxs($l,{children:[d.pre?t.jsx(ai,{text:d.pre,linkText:d.preLink,windowSize:n,isCopied:r,onLinkClick:s}):null,d.prefixIconName?t.jsx(t.Fragment,{children:d.prefixIconName==="zeniAIIcon"?t.jsx(Ll,{}):t.jsx(t.Fragment,{})}):null,d.bold?t.jsx(t.Fragment,{children:t.jsxs(Al,{windowSize:n,children:[d.bold," "]})}):null,d.post?t.jsx(ai,{text:d.post,linkText:d.postLink,windowSize:n,isCopied:r,onLinkClick:s}):null]},l+d.bold+d.pre+d.post))})};function Ml(e){const{headerData:n,currentTab:c,completionStatus:r,onUpdateTab:p,selectedReconAccountId:h,getTabCountAndFetchState:s,reconcileDetailPageFetchState:d,forceShowSubtitle:l,currentSelectedView:m,onReconTabUpdate:u,currentRecontab:g,navBarCustomElement:f,titleStyle:y={}}=e,b=s("autoCategorized")?.count??0,v=s("review")?.count??0,j=s("reconcile")?.count??0,C=n.tabs.length>0||n.subTitle.length>0,T=m==="transaction_categorization"&&c==="autoCategorized",k=m==="reconciliation"&&g==="review"&&h!=null,S=m==="reconciliation"&&g==="reconcile"&&h!=null,E=T?b>0:k?d==="In-Progress"?!0:v>0:S?d==="In-Progress"?!0:j>0:r!=="complete",M=kt(),L=je();let O=[];return n.tabs.length>0&&(O=n.tabs.map(w=>({label:w.label,id:w.id,countDetails:s(w.id)}))),t.jsxs(pl,{children:[t.jsx(La,{title:n.title,subTitle:n.subText,titleTextStyles:{flex:"1 1 0px"},backgroundColor:M.colors.grey4,onBackClick:()=>null,titleStyle:y,ignoreScrollAction:m!=="month_end_insights",keepBackgroundOnScroll:m!=="month_end_insights",leftSideComponent:t.jsx(Ol,{...e}),rightSideComponent:t.jsx(Dl,{...e}),source:"NavBarWithHeader"}),f??null,t.jsx(He,{controller:C===!0,children:t.jsx(ml,{windowSize:L,children:n.tabs.length>0?t.jsxs(t.Fragment,{children:[t.jsx(Sl,{windowSize:L,children:t.jsx(Aa,{allTabs:O,selectedTab:m==="transaction_categorization"?c??O[0].id:g??O[0].id,onTabChange:w=>{if(m==="transaction_categorization"){const $=Wr(w.id);$!=null&&p($)}else if(m==="reconciliation"){const $=Ur(w.id);$!=null&&u($)}},maximumCountLimit:dl})}),t.jsx(kl,{windowSize:L}),t.jsx(Il,{}),t.jsx(He,{controller:E===!0||l===!0,children:t.jsx(ii,{windowSize:L,children:n.tabs.map((w,$)=>(m==="reconciliation"?w.id===g:w.id===c)?t.jsx(jl,{children:t.jsx(ri,{subTitles:w.subTitle})},$+w.id):null)})})]}):t.jsx(He,{controller:E===!0||l===!0,children:t.jsx(ii,{windowSize:L,children:t.jsx(ri,{subTitles:n.subTitle})})})})})]})}const Bl=1;function _l({name:e,checkBoxes:n,mode:c,isDisabled:r,style:p,labelStyle:h,labelCheckBoxStyle:s,checkBoxStyle:d,width:l,registerOptions:m,checkedIconColor:u,checkBoxIconStyle:g,checkBoxContainerStyle:f,draggable:y=!1,selectionLimit:b,infoIconContainerStyle:v,onDragStart:j,rowHeight:C=40,initialScrollOffSet:T,onScroll:k}){const S=je(),E=i.useRef(null),{control:M}=Ro(),L=n.find(B=>B.groupLabel),O=n.filter(B=>!B.groupLabel),w=[];for(const B of O)if(B.isException||w.push(B.value),b!=null&&w.length===b+1)break;const $=n.filter(B=>B.defaultChecked).map(B=>B.value);return t.jsx(Is,{control:M,name:e,rules:m,defaultValue:$,render:({field:{value:B,ref:V,onChange:q}})=>{const N=H=>{zl({event:H,value:B,allCheckBoxValues:w,groupLabelCheckBox:L,onChange:q})};return t.jsxs(Pl,{style:p,windowSize:S,children:[L&&t.jsx(_o,{checkBox:L,index:0,value:B,allCheckBoxValues:w,mode:c,name:e,checkBoxContainerStyle:f,checkBoxIconStyle:g,checkBoxStyle:d,labelCheckBoxStyle:s,labelStyle:h,width:l,draggable:y,groupLabelCheckBox:L,infoIconContainerStyle:v,checkedIconColor:u,isDisabled:r,selectionLimit:b,onDragStart:j,ref:V,onChangeHandler:N}),t.jsx(Nl,{children:t.jsx(zn,{style:{height:"100%",width:"100%"},children:({height:H,width:le})=>t.jsx(Pn,{ref:E,height:H,width:le,itemCount:O.length,itemSize:()=>C,estimatedItemSize:C,initialScrollOffset:T??0,onScroll:({scrollOffset:_})=>{k?.(_)},overscanCount:Bl,itemKey:_=>O[_].value,itemData:{checkBoxes:O,value:B,allCheckBoxValues:w,mode:c,name:e,checkBoxContainerStyle:f,checkBoxIconStyle:g,checkBoxStyle:d,labelCheckBoxStyle:s,labelStyle:h,width:l,draggable:y,groupLabelCheckBox:L,infoIconContainerStyle:v,checkedIconColor:u,isDisabled:r,selectionLimit:b,onDragStart:j,ref:V,onChange:q,handleChangeEvent:N,rowHeight:C},children:Fl})})})]})}})}const Fl=({index:e,style:n,data:c})=>{const r=i.useRef(null),{checkBoxes:p,value:h,allCheckBoxValues:s,mode:d,name:l,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:g,labelCheckBoxStyle:f,labelStyle:y,width:b,draggable:v,groupLabelCheckBox:j,infoIconContainerStyle:C,checkedIconColor:T,isDisabled:k,selectionLimit:S,onDragStart:E,ref:M,handleChangeEvent:L}=c,O=p[e];return t.jsx(Jl,{style:{...n,width:"100%"},ref:r,children:t.jsx(_o,{checkBox:O,index:e,value:h,allCheckBoxValues:s,mode:d,name:l,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:g,labelCheckBoxStyle:f,labelStyle:y,width:b,draggable:v,groupLabelCheckBox:j,infoIconContainerStyle:C,checkedIconColor:T,isDisabled:k,selectionLimit:S,onDragStart:E,ref:M,onChangeHandler:L})})},_o=i.forwardRef((e,n)=>{const{value:c,checkBox:r,groupLabelCheckBox:p,allCheckBoxValues:h,selectionLimit:s,mode:d,checkBoxStyle:l,labelCheckBoxStyle:m,isDisabled:u,draggable:g,checkBoxContainerStyle:f,infoIconContainerStyle:y,name:b,index:v,width:j,checkedIconColor:C,checkBoxIconStyle:T,labelStyle:k,onDragStart:S,onChangeHandler:E}=e,M=je(),L=B=>{typeof n=="function"?n(B):n&&(n.current=B)};let O=c.includes(r.value);const w=Array.from(new Set([...c,r.value]));p?.value===r.value&&c.length>0&&(s!=null?O=w.length===h.length||w.length===s+1:O=h.every(B=>w.includes(B)===!0));const $=()=>d==="off"||r.isException?M==="small"?{display:"none",...l}:{visibility:"hidden",...l}:r.groupLabel?h.length===1&&h[0]===p?.value?{visibility:"hidden",...m}:m:l;return t.jsxs(Hl,{mode:d,draggable:g===!0,onDragStart:B=>{S?.(B,r.value)},style:f,isDisabled:u,isSelected:O,exceptionMode:r.exceptionMode,children:[r.prefix?t.jsx(Vl,{className:"prefix-box",children:r.prefix}):null,r.isException?t.jsx(Wl,{style:y,className:"checkbox-alert",children:t.jsx(we,{style:{padding:`12px ${o.sp3}`},title:r.exceptionInfo??"",placement:"bottom-start",children:r.exceptionType==="info"?t.jsx(Ul,{}):t.jsx(ql,{})})}):t.jsx(kr,{name:`${b}.${r.value}`,checkBoxValue:r.value,value:O,checkedIconColor:C,isDisabled:u||!r.groupLabel&&!O&&s!=null&&w.length===s+1?"disabled":void 0,checkBoxStyle:$(),checkBoxIconStyle:T,ref:L,onChange:E}),typeof r.label=="string"&&r.label?t.jsx(Ir,{isDisabled:u,label:r.label,labelStyle:k,htmlFor:`${b}.${r.value}`,style:{display:"flex",flex:1,minHeight:o.sp4,marginLeft:o.sp2,width:j,backgroundColor:"inherit",...k}}):r.label]},`${r.value}_${v}`)});_o.displayName="CheckBoxWithLabel";const zl=({event:e,value:n,allCheckBoxValues:c,groupLabelCheckBox:r,onChange:p})=>{const h=e.currentTarget.value,s=e.currentTarget.checked,d=r?.value,l=new Set(n);if(h===d){p(s?Array.from(new Set([d,...c])):[]);return}s?l.add(h):l.delete(h);const m=c.every(u=>l.has(u));d!=null&&(m&&!l.has(d)?l.add(d):!m&&l.has(d)&&l.delete(d)),p(Array.from(l))},Pl=a.div`
155
- display: flex;
156
- flex-direction: column;
157
- width: 100%;
158
- height: 100%;
159
- `,Nl=a.div`
160
- flex: 1;
161
- overflow: hidden;
162
- `,Vl=a.div`
163
- opacity: 0;
164
- `,Hl=a.div`
165
- display: flex;
166
- align-items: center;
167
- flex-direction: row;
168
- width: 100%;
169
- min-height: ${o.sp4};
170
-
171
- ${e=>e.mode==="checked_or_hover"&&De`
172
- input:not(:checked) ~ .unchecked-icon {
173
- opacity: 0;
174
- }
175
-
176
- :hover {
177
- input:not(:checked) ~ .unchecked-icon,
178
- .prefix-box {
179
- opacity: 1;
180
- }
181
- }
182
- `};
183
-
184
- ${e=>e.mode==="hover_only"&&De`
185
- input:not(:checked) ~ .unchecked-icon,
186
- input:checked ~ .checked-icon {
187
- opacity: 0;
188
- }
189
-
190
- :hover {
191
- input:not(:checked) ~ .unchecked-icon,
192
- input:checked ~ .checked-icon,
193
- .prefix-box {
194
- opacity: 1;
195
- }
196
- }
197
- `};
198
-
199
- label {
200
- color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
201
- ${e=>e.isDisabled==="disabled"&&De`
202
- color: ${e.theme.colors.grey2};
203
- `};
204
- cursor: ${e=>e.isDisabled==="disabled"?"not-allowed":"pointer"};
205
- pointer-events: ${e=>e.isDisabled==="disabled"||e.isDisabled==="readonly"?"none":"initial"};
206
- }
207
-
208
- .checkbox-alert {
209
- opacity: 0;
210
- }
211
-
212
- ${e=>e.exceptionMode==="hover_only"&&De`
213
- :hover {
214
- .checkbox-alert {
215
- opacity: 1;
216
- }
217
- }
218
- `}
219
-
220
- ${e=>e.exceptionMode==="checked_or_hover"&&De`
221
- .checkbox-alert {
222
- opacity: 1;
223
- }
224
- `}
225
- `,Wl=a.div`
226
- cursor: pointer;
227
- `,Ul=a(ps)`
228
- height: ${o.sp3};
229
- width: ${o.sp3};
230
- color: ${e=>e.theme.colors.hero};
231
- background-color: ${e=>e.theme.colors.grey4};
232
- border-radius: 50%;
233
- `,ql=a(Ms)`
234
- height: ${o.sp3};
235
- width: ${o.sp3};
236
- color: ${e=>e.theme.colors.hero};
237
- background-color: ${e=>e.theme.colors.grey4};
238
- border-radius: 50%;
239
- `,Jl=a.div`
240
- width: 100%;
241
- box-sizing: border-box;
242
- `,Kl=e=>i.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M72.4185 11.061C72.4185 14.6835 75.357 17.622 78.9795 17.622C80.481 17.649 83.25 17.1 84.717 14.2515H78.912C78.912 14.2515 75.8025 13.9815 75.8025 11.142C75.8025 8.0325 78.912 8.0325 78.912 8.0325H84.798L84.1185 6.984C82.917 5.472 81.063 4.5 78.9795 4.5C75.357 4.5 72.4185 7.4385 72.4185 11.061Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),i.createElement("path",{d:"M85.4682 8.03232H78.9117C77.1944 8.03232 75.8022 9.42348 75.8022 11.1396C75.8022 12.8557 77.1944 14.2468 78.9117 14.2468H85.4682C87.1856 14.2468 88.5777 12.8557 88.5777 11.1396C88.5777 9.42348 87.1856 8.03232 85.4682 8.03232Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),i.createElement("path",{d:"M28.4263 14.2469H24.0028C22.2883 14.2469 20.8933 12.8564 20.8933 11.1374C20.8933 9.41842 22.2838 8.02792 24.0028 8.02792H28.2625C28.2625 8.02792 26.5813 10.8629 27.9763 14.2424L28.4263 14.2469Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),i.createElement("path",{d:"M53.9688 68.3098H15.3093C11.5473 68.3098 8.49634 65.2588 8.49634 61.4968C8.49634 57.7348 11.5473 54.6838 15.3093 54.6838H51.4263",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),i.createElement("path",{d:"M65.6235 45.9497L77.8365 18.1982H33.3135L15.7905 54.6572C15.7905 54.6572 37.872 54.6752 51.435 54.6842",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),i.createElement("g",{opacity:.2},i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M85.8128 16.0468C84.7317 18.3797 82.3687 19.998 79.6276 19.998L78.7323 20.0077L67.0499 46.8002L65.4818 47.8361C65.6694 47.9711 65.8535 48.1339 66.0367 48.296C66.4128 48.6286 66.7851 48.9578 67.1764 49.0365C67.5728 49.1158 68.0543 48.9552 68.537 48.7942C69.0956 48.6079 69.6559 48.4211 70.0879 48.6045C70.5193 48.7877 70.7584 49.309 70.996 49.8271C71.202 50.2763 71.4068 50.723 71.7349 50.9445C72.0683 51.1703 72.5689 51.1942 73.0687 51.2181C73.6349 51.2452 74.2002 51.2723 74.5204 51.5925C74.8415 51.9136 74.8691 52.4809 74.8968 53.0485C74.9211 53.5469 74.9454 54.0456 75.1684 54.378C75.3909 54.7076 75.8415 54.9157 76.2933 55.1244C76.8101 55.3631 77.3283 55.6025 77.5084 56.025C77.6876 56.4455 77.5053 56.9915 77.3211 57.5433C77.1583 58.0308 76.9941 58.5228 77.0764 58.9365C77.1553 59.3307 77.4857 59.7039 77.8189 60.0802C78.2085 60.5202 78.6019 60.9645 78.6019 61.452C78.6019 61.9403 78.2072 62.3866 77.817 62.8278L77.8169 62.8279C77.4844 63.2039 77.1551 63.5762 77.0764 63.9675C76.9971 64.3639 77.1577 64.8454 77.3187 65.3282C77.505 65.8867 77.6919 66.447 77.5084 66.879C77.3253 67.3104 76.8039 67.5495 76.2859 67.7871C75.8367 67.9931 75.3899 68.1979 75.1684 68.526C74.9454 68.8564 74.9211 69.355 74.8968 69.854C74.8691 70.4221 74.8414 70.9905 74.5204 71.3115C74.1994 71.6326 73.6321 71.6602 73.0645 71.6879C72.5661 71.7122 72.0674 71.7365 71.7349 71.9595C71.4054 72.182 71.1972 72.6326 70.9886 73.0844C70.7504 73.6 70.5116 74.117 70.0909 74.2982L69.9433 86.6701C69.9388 86.9896 69.6013 87.2011 69.3133 87.0616L63.9853 84.5191C63.8593 84.4561 63.7108 84.4606 63.5848 84.5281L59.0443 87.0031C58.7518 87.1606 58.3963 86.9491 58.3963 86.6161V73.2221C58.375 73.1765 58.3539 73.1307 58.3328 73.0849C58.1243 72.6329 57.9162 72.1818 57.5869 71.9595C57.2565 71.7365 56.7579 71.7122 56.2589 71.6879C55.6909 71.6602 55.1224 71.6325 54.8014 71.3115C54.5284 71.0386 54.4676 70.5876 54.4385 70.1098H16.2094C13.4696 70.1098 11.1069 68.4916 10.0252 66.159H5.3595C3.64217 66.159 2.25 64.7678 2.25 63.0517C2.25 61.3356 3.64217 59.9445 5.3595 59.9445H10.2772C11.4475 57.8784 13.6659 56.4838 16.2094 56.4838H16.8914L34.0978 20.2418C32.0553 19.6588 30.3782 18.0406 29.5344 16.0459L29.3264 16.0469H24.9029C23.1884 16.0469 21.7934 14.6564 21.7934 12.9374C21.7934 11.2184 23.1839 9.82792 24.9029 9.82792H29.8292C31.0005 7.76679 33.2164 6.37645 35.7571 6.37645H78.8745C79.1951 6.32719 79.5233 6.30112 79.8574 6.30002L79.8794 6.29999C82.4104 6.29999 84.6067 7.73319 85.701 9.83231H86.3681C88.0855 9.83231 89.4776 11.2235 89.4776 12.9396C89.4776 14.6557 88.0855 16.0468 86.3681 16.0468H85.8128Z",fill:"#97C3B9"})),i.createElement("path",{d:"M64.1251 65.7C67.7288 65.7 70.6501 62.7787 70.6501 59.175C70.6501 55.5713 67.7288 52.65 64.1251 52.65C60.5214 52.65 57.6001 55.5713 57.6001 59.175C57.6001 62.7787 60.5214 65.7 64.1251 65.7Z",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M61.2 59.4484L63.4903 61.65L67.5 56.7",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M33.6736 27.0088H66.7216",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M30.2854 35.8198H63.3334",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M26.8962 43.875H59.9442",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M50.27 59.202C50.27 58.2975 51.6245 57.537 51.7955 56.6865C51.971 55.8045 51.0215 54.5805 51.3635 53.775C51.7055 52.9695 53.2265 52.8345 53.7035 52.128C54.1805 51.4215 53.7485 49.9455 54.3515 49.3425C54.9545 48.7395 56.426 49.1715 57.137 48.6945C57.848 48.2175 57.992 46.692 58.784 46.3545C59.576 46.017 60.8135 46.962 61.6955 46.7865C62.5505 46.6155 63.3065 45.261 64.211 45.261C65.1155 45.261 65.876 46.6155 66.7265 46.7865C67.5815 46.9575 68.8325 46.0125 69.638 46.3545C70.4435 46.6965 70.5785 48.2175 71.285 48.6945C71.996 49.176 73.4675 48.7395 74.0705 49.3425C74.6735 49.9455 74.2415 51.417 74.7185 52.128C75.1955 52.8345 76.721 52.983 77.0585 53.775C77.396 54.567 76.451 55.8045 76.6265 56.6865C76.7975 57.5415 78.152 58.2975 78.152 59.202C78.152 60.1065 76.7975 60.867 76.6265 61.7175C76.4555 62.5725 77.4005 63.8235 77.0585 64.629C76.7165 65.4345 75.1955 65.5695 74.7185 66.276C74.2415 66.9825 74.6735 68.4585 74.0705 69.0615C73.4675 69.6645 71.996 69.2325 71.285 69.7095C70.5785 70.1865 70.43 71.712 69.638 72.0495C68.846 72.387 67.6085 71.442 66.7265 71.6175C65.8715 71.7885 65.1155 73.143 64.211 73.143C63.3065 73.143 62.546 71.7885 61.6955 71.6175C60.845 71.4465 59.5895 72.3915 58.784 72.0495C57.992 71.7165 57.8435 70.1865 57.137 69.7095C56.4305 69.2325 54.9545 69.6645 54.3515 69.0615C53.7485 68.4585 54.1805 66.987 53.7035 66.276C53.2265 65.565 51.701 65.421 51.3635 64.629C51.026 63.837 51.971 62.5995 51.7955 61.7175C51.6245 60.8625 50.27 60.1065 50.27 59.202Z",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),i.createElement("path",{d:"M57.9463 70.5151V84.8161C57.9463 85.1491 58.3018 85.3606 58.5943 85.2031L63.1348 82.7281C63.2608 82.6606 63.4093 82.6561 63.5353 82.7191L68.8633 85.2616C69.1513 85.4011 69.4888 85.1896 69.4933 84.8701L69.6463 72.0496",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),i.createElement("path",{d:"M78.228 18.1215C78.1965 18.1215 78.165 18.1215 78.138 18.1215H34.263C30.501 18.1215 27.45 15.0705 27.45 11.3085C27.45 7.5465 30.501 4.5 34.263 4.5C34.263 4.5 78.138 4.5 78.147 4.5",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10}),i.createElement("path",{d:"M9.38255 64.2645H4.90955C3.19505 64.2645 1.80005 62.874 1.80005 61.155C1.80005 59.436 3.19055 58.05 4.90955 58.05H9.22955",stroke:"#97C3B9",strokeWidth:.9,strokeMiterlimit:10})),Zl=e=>i.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M178 14L19 65L53 76M178 14L123 123.5L90.5 91M178 14L53 76M178 14L78.5 79M78.5 79L62 104M78.5 79L90.5 91M62 104L90.5 91M62 104L53 76",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{opacity:.2,d:"M21 68L180 17L125 126.5L92.5 94L64 107L55 79L21 68Z",fill:"#97C3B9"}),i.createElement("path",{d:"M94.495 135.259C83.8632 135.259 75.2592 143.863 75.2592 154.495C75.2592 143.863 66.6318 135.259 56 135.259C66.6318 135.259 75.2592 126.632 75.2592 116C75.2592 126.632 83.8632 135.259 94.495 135.259Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M180.481 94.79C173.445 94.79 167.748 100.506 167.748 107.565C167.748 100.506 162.036 94.79 155 94.79C162.036 94.79 167.748 89.0591 167.748 82C167.748 89.0591 173.445 94.79 180.481 94.79Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinejoin:"round"}),i.createElement("path",{d:"M42 35.0047C37.582 35.0047 34.0047 38.582 34.0047 43C34.0047 38.582 30.418 35.0047 26 35.0047C30.418 35.0047 34.0047 31.418 34.0047 27C34.0047 31.418 37.582 35.0047 42 35.0047Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinejoin:"round"}),i.createElement("path",{d:"M21.5625 129.486C22.3958 127.153 24.8625 121.586 28.0625 117.986",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M35.5631 109.486C37.3272 107.746 41.5625 103.486 45.7381 101.468",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M19.0623 140.486C18.8956 142.653 18.9623 148.286 20.5623 153.486",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M26.5625 162.986C28.0625 164.82 32.3625 168.886 37.5625 170.486M48.0625 173.986C50.7292 174.32 57.1625 174.986 61.5625 174.986",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M72.0625 175.486H85.5625M96.0625 175.486H110.562M121.062 175.486H135.062",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M145.562 176.486C148.229 176.486 154.662 176.786 159.062 177.986",stroke:"#97C3B9",strokeWidth:2}),i.createElement("path",{d:"M169.562 180.986C172.062 181.653 178.062 183.686 182.062 186.486",stroke:"#97C3B9",strokeWidth:2})),Gl=e=>i.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M197 140.889C186.368 140.889 177.764 149.493 177.764 160.124C177.764 149.493 169.137 140.889 158.505 140.889C169.137 140.889 177.764 132.261 177.764 121.629C177.764 132.261 186.368 140.889 197 140.889Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M43.2928 47.6752C32.661 47.6752 24.0571 56.2792 24.0571 66.911C24.0571 56.2792 15.4297 47.6752 4.79785 47.6752C15.4297 47.6752 24.0571 39.0479 24.0571 28.416C24.0571 39.0479 32.661 47.6752 43.2928 47.6752Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M76.2983 17.0808C70.0153 17.0808 64.9279 22.1681 64.9279 28.4511C64.9279 22.1681 59.8289 17.0808 53.5459 17.0808C59.8289 17.0808 64.9279 11.9817 64.9279 5.69873C64.9279 11.9817 70.0153 17.0808 76.2983 17.0808Z",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{opacity:.2,fillRule:"evenodd",clipRule:"evenodd",d:"M112.065 93.8122C112.065 93.8122 118.524 67.2385 125.499 46.9477C132.473 26.657 141.968 12.825 147.899 9.73043C153.831 6.63583 162.341 5.32297 166.631 15.9196C170.429 25.2738 166.608 36.3393 166.608 36.3393C166.608 36.3393 163.712 48.7295 148.825 70.462C139.647 83.8603 132.626 93.8122 132.626 93.8122H166.76C169.022 93.8122 170.851 95.6408 170.851 97.9032C170.851 100.166 169.022 101.994 166.76 101.994H142.641L143.093 102.006L153.69 178.914C155.284 185.97 147.688 187.916 147.688 187.916C147.688 187.916 144.195 192.441 105.841 192.687C89.1723 192.793 70.6985 190.038 62.9268 187.74C55.1551 185.443 56.9251 174.319 56.9251 174.319L63.4165 119.209C58.0319 119.224 55.4195 115.095 54.4752 107.023C54.2796 105.351 54.2251 103.546 54.3058 101.643L54.276 102.018V102.006H42.1554C39.8931 102.006 38.0645 100.177 38.0645 97.9149C38.0645 95.6526 39.8931 93.8239 42.1554 93.8239H55.2855C57.1676 84.4084 61.6018 73.8826 68.0493 65.2575H68.061C68.061 65.2575 75.4693 56.3253 84.1319 57.2162C94.2714 58.2712 100.308 62.3504 100.308 62.3504L100.11 63.0914L105.841 93.8122H112.065ZM90.1921 93.8122H90.1837L90.1322 93.9283L90.1921 93.8122Z",fill:"#97C3B9"}),i.createElement("path",{d:"M101.841 90.8122L96.5003 60.5H96.0003C96.0003 60.5 91.4672 78.8323 86.2861 90.5894L101.841 90.8122Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M64.0607 62.2576C64.0607 62.2576 71.469 53.3254 80.1316 54.2163C90.2711 55.2713 96.3079 59.3505 96.3079 59.3505L92.3576 74.1437L86.2856 90.5779C86.2856 90.5779 78.2795 109.415 67.3429 114.162C56.4063 118.91 51.7995 115.346 50.4749 104.023C49.1504 92.6995 54.2963 75.3041 64.049 62.2576H64.0607Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M114.126 90.812L127.595 50.4532C127.595 50.4532 134.511 27.5602 142.587 17.8544C150.745 8.05481 159.502 15.6272 154.707 30.901C150.406 44.6157 133.631 70.4275 121.37 90.812H114.126Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M108.065 90.8122C108.065 90.8122 114.524 64.2385 121.499 43.9477C128.473 23.657 137.968 9.82504 143.9 6.73043C149.831 3.63583 158.341 2.32297 162.631 12.9196C166.429 22.2738 162.608 33.3393 162.608 33.3393C162.608 33.3393 159.712 45.7295 144.826 67.462C135.647 80.8603 128.626 90.8122 128.626 90.8122H108.077H108.065Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M86.1926 90.812H162.761C165.023 90.812 166.852 92.6406 166.852 94.903C166.852 97.1653 165.023 98.994 162.761 98.994H81.9727",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M50.276 99.0057H38.1554C35.8931 99.0057 34.0645 97.1771 34.0645 94.9147C34.0645 92.6524 35.8931 90.8237 38.1554 90.8237H51.4247L50.7683 93.9652L50.4752 96.5089L50.276 99.0174V99.0057Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M59.9937 117.105L52.9253 171.319C52.9253 171.319 51.1553 182.443 58.927 184.74C66.6986 187.038 85.1725 189.793 101.841 189.687C140.195 189.441 143.689 184.916 143.689 184.916C143.689 184.916 151.284 182.97 149.69 175.914L139.094 99.0059H81.9021C81.9021 99.0059 76.0119 113.988 59.9937 117.105Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10}),i.createElement("path",{d:"M60.7893 119.993L60.799 119.476H140.794L140.851 119.765L60.7893 119.993Z",fill:"#231F20",stroke:"#97C3B9",strokeWidth:2})),Yl=e=>i.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{opacity:.2,fillRule:"evenodd",clipRule:"evenodd",d:"M8.54492 149.483C8.54492 149.483 31.4705 136.963 39.2741 116.167C39.2741 116.167 43.7687 99.3912 46.3662 81.1928C46.3662 81.1928 47.0668 72.2067 47.5519 68.9204C48.0369 65.6341 50.5483 62.1431 53.2644 62.2401C55.9806 62.3371 57.0368 66.1082 57.4249 68.1446C57.5326 68.7102 57.386 69.962 57.118 71.4755C58.1719 66.7819 59.2474 61.7944 59.4512 60.1175C59.947 56.0339 60.8093 51.2176 63.9027 48.6963C66.9961 46.175 69.2272 45.7979 71.1673 45.8841C71.1673 45.8841 73.3014 40.4644 78.3349 40.2705C78.3349 40.2705 81.5253 39.8826 83.5624 42.4039C83.5624 42.4039 87.6259 40.0766 90.9241 43.7615C94.2222 47.4464 95.0845 52.0903 95.4725 60.5054C95.564 62.4897 95.58 64.8514 95.551 67.3023C96.4299 61.724 98.2955 55.6981 100.161 53.3186C104.86 47.3064 108.396 48.8579 108.396 48.8579C108.396 48.8579 110.573 43.309 114.744 42.8133C118.915 42.3177 118.139 46.2289 118.139 46.2289C120.683 43.9016 123.475 44.5049 123.475 44.5049C126.676 45.2053 128.336 47.5757 126.751 56.2063C125.167 64.8368 127.549 69.7931 127.549 69.7931C135.094 63.9425 137.605 69.1898 138.166 72.3683C138.279 72.9998 138.264 73.8438 138.243 75.1149C138.199 77.7258 138.125 82.1383 139.06 90.2112C140.451 102.214 143.124 105.878 143.124 105.878C144.783 108.353 146.57 110.433 148.29 112.148C148.295 112.041 148.297 111.933 148.297 111.825C148.297 111.825 151.897 107.612 156.898 109.994C159.836 111.392 164.068 115.762 168.352 120.184C171.36 123.29 174.394 126.422 177.022 128.569C177.304 128.8 177.579 129.024 177.849 129.244C183.67 133.994 186.768 136.522 193.804 145.151C193.804 145.151 195.959 147.5 198.805 149.666L162.051 191.569C162.051 191.569 141.316 174.666 118.316 149.666C118.316 149.666 121.603 148.5 125.547 145.509C121.267 140.784 115.527 134.794 110.767 131.047C102.326 124.402 99.325 120.466 99.0785 120.134C96.0268 123.958 90.4968 130.202 83.1636 135.627C83.1636 135.627 74.9289 143.955 68.4511 154.795C61.9733 165.634 50.4405 176.376 44.0489 179.577L8.54492 149.483ZM90.439 96.2235C90.4595 96.2104 90.4799 96.1972 90.5001 96.1839L90.5273 96.1764C90.4685 96.2087 90.439 96.2235 90.439 96.2235Z",fill:"#97C3B9"}),i.createElement("path",{d:"M4.5459 145.483C4.5459 145.483 27.4715 132.963 35.2751 112.168C35.2751 112.168 39.7696 95.3917 42.3672 77.1933C42.3672 77.1933 43.0678 68.2072 43.5528 64.9209C44.0379 61.6346 46.5492 58.1436 49.2654 58.2406C51.9815 58.3376 53.0378 62.1087 53.4258 64.1451C53.8139 66.1815 50.9037 77.1179 50.9037 77.1179C50.9037 77.1179 55.0318 59.5766 55.4522 56.118C55.948 52.0344 56.8102 47.2181 59.9036 44.6968C62.997 42.1755 65.2282 41.7984 67.1683 41.8846C67.1683 41.8846 69.3024 36.4649 74.3359 36.271C74.3359 36.271 77.5263 35.8831 79.5634 38.4044C79.5634 38.4044 83.6269 36.077 86.925 39.762C90.2232 43.4469 91.0855 48.0908 91.4735 56.5059C91.8615 64.9209 90.8915 80.124 90.8915 80.124C90.8915 80.124 90.6975 89.5087 86.44 92.224C86.44 92.224 90.1154 90.3815 97.186 82.8392C104.257 75.2969 105.895 75.674 108.805 76.0619C111.715 76.4498 114.13 79.5422 111.996 87.774C109.861 96.0059 97.7573 112.556 97.7573 112.556C97.7573 112.556 90.6867 123.104 79.1646 131.627C79.1646 131.627 70.9299 139.956 64.4521 150.795C57.9743 161.635 46.4414 172.377 40.0499 175.577",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M60.0654 79.2617C60.0654 79.2617 64.1073 66.1812 64.4738 59.4471C64.8403 52.7129 65.5516 44.5133 67.1684 41.8735",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M71.1992 80.8566C71.1992 80.8566 75.1118 73.8854 75.974 61.419C76.8363 48.9527 76.5237 45.6557 76.8255 43.0805C77.3106 38.9215 79.5632 38.4043 79.5632 38.4043",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M44.8614 135.143C51.6486 134.887 56.9589 129.594 56.7222 123.32C56.4855 117.047 50.7915 112.168 44.0042 112.424C37.217 112.68 31.9067 117.973 32.1434 124.247C32.3801 130.52 38.0742 135.399 44.8614 135.143Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M44.9719 137.801C53.0975 137.495 59.4577 131.23 59.1777 123.809C58.8977 116.388 52.0836 110.62 43.9579 110.927C35.8323 111.233 29.4721 117.498 29.7521 124.919C30.0321 132.34 36.8462 138.108 44.9719 137.801Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M39.6943 121.046L43.4452 127.026L48.7266 119.117",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M30.2517 119.117L24.2589 125.614C24.2589 125.614 24.1619 129.676 30.2517 129.773C30.2517 129.773 28.3223 124.602 30.2517 119.117Z",fill:"#97C3B9"}),i.createElement("path",{d:"M55.0212 114.14C55.0212 114.14 57.3385 114.959 60.9062 119.516C60.9062 119.516 71.1564 121.854 77.5588 135.15C77.5588 135.15 71.7708 145.914 67.6103 148.242C67.6103 148.242 57.3601 139.309 52.8871 138.9C52.8871 138.9 49.0284 143.264 40.5997 141.335C32.171 139.406 29.2285 129.763 29.2285 129.763H30.2417C30.2417 129.763 37.3877 141.292 50.214 136.691C50.214 136.691 57.6619 134.03 58.869 127.015C60.0762 120.001 56.6487 116.144 55.0104 114.129L55.0212 114.14Z",fill:"#97C3B9"}),i.createElement("path",{d:"M68.9787 127.92C68.9787 127.92 68.4613 132.844 63.1152 136.885",stroke:"#FAFAFA",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M72.7079 132.402C72.7079 132.402 71.824 135.29 70.1318 136.087",stroke:"#FAFAFA",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M152.91 114.667C152.91 114.667 145.171 110.896 139.124 101.878C139.124 101.878 136.451 98.2143 135.061 86.2113C133.67 74.2083 134.511 70.2971 134.166 68.3684C133.606 65.1899 131.094 59.9426 123.549 65.7933C123.549 65.7933 121.167 60.8369 122.752 52.2064C124.336 43.5759 122.676 41.2054 119.475 40.5051C119.475 40.5051 116.684 39.9017 114.14 42.229C114.14 42.229 114.916 38.3178 110.745 38.8134C106.573 39.3091 104.396 44.858 104.396 44.858C104.396 44.858 100.861 43.3065 96.1616 49.3188C94.2861 51.7107 92.4107 57.7877 91.5377 63.3905L91.1389 75.3935C91.1389 75.3935 91.5592 88.1939 86.4287 92.2021C86.4287 92.2021 91.958 88.6787 99.0717 80.8455C106.185 73.0123 111.025 75.8892 112.372 79.2509C113.72 82.6126 113.536 88.2154 106.94 98.5268C100.344 108.838 95.0622 116.111 95.0622 116.111C95.0622 116.111 97.94 120.098 106.768 127.047C115.595 133.997 127.796 148.661 127.796 148.661C127.796 148.661 143.867 134.676 152.888 114.657L152.91 114.667Z",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M111.058 108.612C111.058 108.612 111.252 98.1068 115.919 91.4588C115.919 91.4588 118.236 87.2028 118.204 79.8545C118.161 70.4051 123.561 65.772 123.561 65.772",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M114.151 42.2183C114.151 42.2183 110.216 45.2352 108.772 52.9822C106.724 63.9939 107.382 72.8184 107.382 72.8184",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M99.3845 78.1522C99.3845 78.1522 98.8671 67.7546 99.8695 59.0271C100.872 50.2996 104.407 44.8584 104.407 44.8584",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M92.4217 79.1864C92.4217 79.1864 91.3223 63.8002 92.1953 59.6304",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M152.91 114.667C156.09 108.332 150.075 108.623 150.075 108.623",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M118.16 137.833C118.16 137.833 109.699 149.319 119.68 151.194C119.68 151.194 125.856 150.493 127.818 148.672L118.16 137.833Z",fill:"#97C3B9"}),i.createElement("path",{d:"M158.051 187.569C158.051 187.569 139.65 173 116.65 148C116.65 148 124.15 160 140.978 134.256C140.978 134.256 152.263 119.236 152.511 114.01C152.511 114.01 147.284 111.36 144.298 107.826C144.298 107.826 147.898 103.613 152.899 105.994C157.9 108.375 166.652 119.365 173.022 124.569C179.392 129.774 182.443 132.122 189.804 141.152C189.804 141.152 191.96 143.501 194.805 145.666",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M160.746 81.6538C160.746 81.6538 182.443 82.699 184.868 83.3885",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M145.99 53.8984L169.25 44.8584",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M122.041 30.474L139.922 14.1719",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M82.4735 30.474C82.4735 30.474 75.3597 15.9066 62.167 9.48486",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M40.9985 49.3833C40.9985 49.3833 33.3674 39.3305 23.1172 37.0786",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),i.createElement("path",{d:"M28.3231 74.5425C28.3231 74.5425 8.71728 83.2269 1.59277 93.7214",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"})),Xl=a.div`
243
- width: 100%;
244
- display: flex;
245
- justify-content: center;
246
- align-items: center;
247
- flex: 1;
248
- background: ${e=>e.theme.colors.grey4};
249
- box-sizing: border-box;
250
- `,Ql=a(Zl)`
251
- width: 90px;
252
- height: 90px;
253
- `,ec=a(Gl)`
254
- width: 90px;
255
- height: 90px;
256
- `,tc=a(Kl)`
257
- width: 90px;
258
- height: 90px;
259
- `,nc=a(Yl)`
260
- width: 90px;
261
- height: 90px;
262
- `,oc=a.div`
263
- display: flex;
264
- align-items: center;
265
- justify-content: center;
266
- flex-direction: column;
267
- `,ic=a(rr)`
268
- margin-top: ${o.sp2};
269
- color: ${e=>e.theme.colors.brandColorJade};
270
- `,sc=a(lr)`
271
- color: ${e=>e.theme.colors.primary};
272
- `,ac=e=>{const{tab:n}=e;switch(n){case"transaction_categorization":return t.jsx(Ql,{});case"je_schedules":case"reconciliation":return t.jsx(nc,{});case"flux_analysis":return t.jsx(tc,{});case"missing_receipts":default:return t.jsx(ec,{})}};function St(e){const{title:n,subTitle:c}=e;return t.jsx(Xl,{children:t.jsxs(oc,{children:[t.jsx(ac,{...e}),t.jsx(ic,{children:n}),t.jsx(sc,{children:c})]})})}const{common:{headers:{transactions:rc,jeSchedules:lc,fluxAnalysis:cc,missingReceipts:dc,insights:uc,reconciliation:li},strings:{empty:Pt}},expenseAutomation:{transactions:{tabs:ci,subTitles:{review:{item1:Sn,item2:jn},autoCategorized:{item1:kn,item2:hc}},searchPlaceholder:pc,allDoneText:mc},jeSchedules:{subTitles:{item1:gc,item2:xc},searchPlaceholder:fc,allDoneText:yc},missingReceipts:{subTitles:Cc,searchPlaceholder:wc,allDoneText:bc},fluxAnalysis:{subTitles:{item1:vc,item2:Sc},searchPlaceholder:jc,emptyPageTexts:{youDidIt:kc,allReviewed:Ic}},accountRecon:{review:{allDoneText:di},reconcile:{allDoneText:$c},tabs:ui,titles:{item1:Tc,item2:Lc},subTitles:{review:{item1:Ac,item2:In},reconcile:{item1:$n,item2:Ec}}}}}=ke.getLocalizedStrings(),We=(e,n,c,r,p)=>{switch(e){case"transaction_categorization":return{key:"transaction_categorization",title:rc,subTitle:[],tabs:[{label:ci.review,id:"review",subTitle:[{pre:Sn.pre,bold:Sn.bold,prefixIconName:Sn.prefixIconName,post:Sn.post},{pre:jn.pre,bold:jn.bold,prefixIconName:jn.prefixIconName,post:jn.post}]},{label:ci.autoCategorized,id:"autoCategorized",subTitle:[{pre:kn.pre,bold:kn.bold,prefixIconName:kn.prefixIconName,post:kn.post.replace("#number",n!=null&&n!=0?n.toString():"")},hc]}],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:pc,allDoneText:mc};case"je_schedules":return{key:"je_schedules",title:lc,subTitle:[gc,xc],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:fc,allDoneText:yc};case"missing_receipts":return{key:"missing_receipts",title:dc,subTitle:[Cc],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:wc,allDoneText:bc};case"flux_analysis":return{key:"flux_analysis",title:cc,subTitle:[vc,Sc],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:jc,allDoneText:{title:kc,subTitle:Ic}};case"month_end_insights":return{key:"month_end_insights",title:uc,subTitle:[],tabs:[],rightSection:["comment","refresh","close"],leftSection:[],searchPlaceholder:Pt,allDoneText:{title:Pt,subTitle:Pt}};case"reconciliation":return c==null?{key:"reconciliation",title:li,subTitle:[Tc,Lc],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Pt,allDoneText:{title:Pt,subTitle:Pt}}:{key:"reconciliation",title:r??li,subText:p??void 0,subTitle:[],tabs:[{label:ui.review,id:"review",subTitle:[Ac,{pre:In.pre,bold:In.bold,prefixIconName:In.prefixIconName,post:In.post}],allDoneText:di},{label:ui.reconcile,id:"reconcile",subTitle:[{pre:$n.pre,bold:$n.bold,prefixIconName:$n.prefixIconName,post:$n.post},Ec],allDoneText:$c}],rightSection:["refresh"],leftSection:["back"],searchPlaceholder:Pt,allDoneText:di}}},{common:{strings:{empty:Rc}},expenseAutomation:{accountRecon:{reconcile:{header:_t}}}}=ke.getLocalizedStrings(),Dc={key:"date",value:_t.date,sortOrder:"ascending",width:new Y(12.75,12.75,12.75),customStyle:{marginLeft:x[4],marginRight:x[3]}},Oc={key:"clearedDate",value:_t.clearedDate,sortOrder:"ascending",width:new Y(12.75,12.75,12.75),customStyle:{marginRight:x[3],display:"none"}},Mc={key:"type",value:_t.type,sortOrder:"ascending",width:new Y(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Bc={key:"payee",value:_t.payee,sortOrder:"ascending",width:new Y(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},_c={key:"account",value:_t.account,sortOrder:"ascending",width:new Y(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Fc={key:"transactionDirection",value:_t.direction,sortOrder:"ascending",width:new Y(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},zc={key:"memo",value:_t.memo,sortOrder:"ascending",width:new Y(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Pc={key:"amount",value:_t.amount,sortOrder:"ascending",width:new Y(12.75,12.75,12.75),customStyle:{marginRight:x[3]}},Nc={key:"recommended",value:Rc,sortOrder:"ascending",width:new Y(1.25,1.25,1.25),customStyle:{marginRight:x[4],marginLeft:x[0]}},Be=[Dc,Oc,Mc,Bc,_c,Fc,zc,Pc,Nc],Vc=50,cn={sortKey:"date",sortOrder:"descending"};function Hc({sortConfig:e,onReconTabColumnSortConfigChanged:n}){const c=je(),[r,p]=i.useState(wo(Be));i.useEffect(()=>{const d=[...r];for(const l of d)l.key===e.sortKey?l.sortOrder=e.sortOrder:l.sortOrder="ascending";p(d)},[e.sortKey,e.sortOrder]);const h=(d,l)=>{let m=l;e.sortKey===d&&(m=l==="ascending"?"descending":"ascending"),n(d,m)},s=d=>{h(d.key,d.sortOrder)};return t.jsx(Jc,{headerHeight:Vc,children:r.map(d=>t.jsx(Uc,{columnWidth:d.width,windowSize:c,sortDataValue:e.sortKey,actualDataValue:d.key,style:d.customStyle,children:t.jsxs(Xc,{isVisible:d.key!=="recommended",children:[t.jsx(qc,{"data-testid":z("reconcile-tab-list-sort",d.value),onClick:()=>s(d),children:t.jsx(gt,{children:d.value})}),t.jsx(Kc,{sortConfig:e,headerData:d,children:t.jsx(Zc,{})}),t.jsx(Gc,{isVisible:e.sortKey===d.key&&(e.sortKey!==cn.sortKey||e.sortOrder!==cn.sortOrder),children:t.jsx(Yc,{"data-testid":z("reconcile-tab-list-reset-sort",cn.sortKey),onClick:()=>n(cn.sortKey,cn.sortOrder)})})]})},d.key))})}const Wc=Vr.memo(Hc),Uc=a.div`
273
- color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
274
- :hover {
275
- color: ${e=>e.theme.colors.primary};
276
- }
277
- width: ${e=>e.columnWidth.valuePercentage(e.windowSize)};
278
- display: flex;
279
- align-items: center;
280
- height: 100%;
281
- justify-content: flex-start;
282
- gap: 6px;
283
- z-index: auto;
284
- position: relative;
285
- `,qc=a.div`
286
- display: flex;
287
- gap: 5px;
288
- cursor: pointer;
289
- `,Jc=a(It)`
290
- width: fit-content;
291
- height: ${e=>`${e.headerHeight}px`};
292
- width: calc(100% - 20px);
293
- z-index: 6;
294
- display: flex;
295
- align-items: center;
296
- background-color: ${e=>e.theme.colors.grey4};
297
- box-sizing: border-box;
298
- padding: ${o.sp3} ${o.sp8} ${o.sp3} ${o.sp0};
299
- position: sticky;
300
- color: ${e=>e.theme.colors.grey1};
301
- `,Kc=a.div`
302
- display: flex;
303
- align-items: center;
304
- transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
305
- ${e=>e.headerData.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
306
- `,Zc=a(Nn)`
307
- width: ${o.sp2};
308
- height: ${o.sp2};
309
- `,Gc=a.div`
310
- display: ${e=>e.isVisible?"flex":"none"};
311
- align-items: center;
312
- padding-top: 2px;
313
- cursor: pointer;
314
- color: ${e=>e.theme.colors.grey1};
315
- &:hover {
316
- color: ${e=>e.theme.colors.primary};
317
- }
318
- `,Yc=a(Vn)`
319
- width: 12px;
320
- height: 12px;
321
- `,Xc=a.div`
322
- display: ${e=>e.isVisible?"flex":"none"};
323
- `,Qc=54,ed=72,{common:{strings:{hyphen:Zn}}}=ke.getLocalizedStrings(),{dateFormat:hi}=ke.getLocalizedStrings();function td({selectedTransactionIds:e,transaction:n,transactionId:c}){const r=je(),p=kt(),[h,s]=i.useState(!1),d=e.includes(c),l=h||d;return t.jsx(nd,{id:c,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:t.jsxs(od,{isSelected:l,totalHeight:Qc,children:[t.jsx(yt,{windowSize:r,responsiveWidth:Be[0].width,style:Be[0].customStyle,children:t.jsx(Nt,{isSelected:l,children:n.date.format(hi.visual.MMMDCommaYYYYformat)})}),Be[1].customStyle.display!=="none"?t.jsx(yt,{windowSize:r,responsiveWidth:Be[1].width,style:Be[1].customStyle,children:t.jsx(Nt,{isSelected:l,children:n.clearedDate!=null?n.clearedDate.format(hi.visual.MMMDCommaYYYYformat):t.jsx("span",{children:Zn})})}):null,t.jsx(yt,{windowSize:r,style:Be[2].customStyle,responsiveWidth:Be[2].width,children:t.jsx(ad,{isSelected:l,children:t.jsx(id,{isSelected:l,children:jr(n.type)})})}),t.jsx(yt,{windowSize:r,style:Be[3].customStyle,responsiveWidth:Be[3].width,children:n.merchantName!=null&&n.merchantName.length>0?t.jsx(ot,{text:n.merchantName,itemTextStyle:{color:l?p.colors.primary:p.colors.hero}}):t.jsx(Nt,{isSelected:l,children:t.jsx("span",{children:Zn})})}),t.jsx(yt,{windowSize:r,style:Be[4].customStyle,responsiveWidth:Be[4].width,children:n.accountName!=null&&n.accountName.length>0?t.jsx(ot,{text:n.accountName,itemTextStyle:{color:l?p.colors.primary:p.colors.hero}}):t.jsx(Nt,{isSelected:l,children:t.jsx("span",{children:Zn})})}),t.jsx(yt,{windowSize:r,style:Be[5].customStyle,responsiveWidth:Be[5].width,children:t.jsx(Nt,{isSelected:l,style:{textTransform:"capitalize"},children:n.transactionDirection})}),t.jsx(yt,{windowSize:r,style:Be[6].customStyle,responsiveWidth:Be[6].width,children:t.jsx(ot,{text:n.memo,itemTextStyle:{color:l?p.colors.primary:p.colors.hero}})}),t.jsx(yt,{windowSize:r,style:Be[7].customStyle,responsiveWidth:Be[7].width,children:t.jsx(Nt,{isSelected:l,children:Je("0,0.[00]",n.amount)})}),t.jsx(yt,{windowSize:r,responsiveWidth:Be[8].width,style:Be[8].customStyle,children:t.jsx(Nt,{isSelected:l,children:n.isZeniRecommended?t.jsx(sd,{}):null})})]})})}const nd=a.div`
324
- box-sizing: border-box;
325
- width: 100%;
326
- display: flex;
327
- padding-right: ${o.sp8};
328
- `,od=a.div`
329
- cursor: pointer;
330
- display: flex;
331
- border-radius: ${o.sp2};
332
- width: 100%;
333
- align-items: center;
334
- height: ${e=>`${e.totalHeight}px`};
335
- background-color: ${e=>e.theme.colors.grey5};
336
- border: ${e=>`1px solid ${e.theme.colors.grey3}`};
337
- border-color: ${e=>e.isSelected===!0?e.theme.colors.primary:"none"};
338
- box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
339
- :hover {
340
- border: ${e=>`1px solid ${e.theme.colors.primary}`};
341
- }
342
- `,yt=a.div`
343
- width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
344
- display: flex;
345
- align-items: center;
346
- justify-content: flex-start;
347
- height: 100%;
348
- z-index: auto;
349
- position: relative;
350
- `,Nt=a(ze)`
351
- color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
352
- span {
353
- padding-left: ${o.sp3};
354
- }
355
- `,id=a(gt)`
356
- text-transform: capitalize;
357
- color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
358
- `,sd=a(wn)`
359
- width: ${o.sp3};
360
- height: ${o.sp3};
361
- margin-right: ${o.sp1};
362
- path {
363
- stroke-width: 2;
364
- }
365
- `,ad=a.div`
366
- padding: 1px 6px;
367
- border-radius: ${o.sp1};
368
- border: ${e=>`1px solid ${e.isSelected?e.theme.colors.primary:e.theme.colors.hero}`};
369
- `,rd=ke.getLocalizedStrings(),{common:{all:pi,strings:{empty:mi}}}=rd,gi="selectedTransactionIds",ld="expenseAutomationBankReconReconcilePage",cd=e=>`${e}_form`;function dd({currentFooterFormId:e,localData:n,matchedTransactions:c,sortConfig:r,onSaveReconciliation:p,selectedAccountId:h,onReconTabColumnSortConfigChanged:s,onUpdateReconcileTabLocalData:d,setCurrentFooterFormId:l}){const m=Kt({mode:"all",defaultValues:{selectedTransactionIds:n.selectedTransactionIds},values:{selectedTransactionIds:n.selectedTransactionIds}}),u={label:t.jsx(Wc,{onReconTabColumnSortConfigChanged:s,sortConfig:r}),value:pi.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},g=c.map(v=>({label:t.jsx(td,{transaction:v,selectedTransactionIds:n.selectedTransactionIds,transactionId:v.id}),value:v.id,defaultChecked:!1,groupLabel:!1})),f=[u,...g],y=async v=>{const j=v[gi].filter(C=>C!=pi.toLocaleLowerCase());d(j)};i.useEffect(()=>{const v=m.watch(j=>{j!=null&&Cn(()=>y(j))});return()=>{v.unsubscribe()}}),i.useEffect(()=>(e!=="expenseAutomationBankReconReconcilePage"&&l("expenseAutomationBankReconReconcilePage"),()=>{l("expenseAutomationPage")}),[]);const b=i.useCallback(()=>{p({reconcileAction:"reconcile"})},[p]);if(c.length===0){const v=We("reconciliation",void 0,h).tabs.find(j=>j.id==="reconcile")?.allDoneText;return t.jsx(md,{children:t.jsx(St,{tab:"missing_receipts",title:v?.title??mi,subTitle:v?.subTitle??mi})})}return t.jsx(ud,{children:t.jsx(Zt,{...m,children:t.jsx(hd,{onSubmit:m.handleSubmit(b),id:cd(ld),children:t.jsx(pd,{children:t.jsx(_l,{name:gi,checkBoxes:f,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:20},rowHeight:ed,mode:n.selectedTransactionIds.length>0?"always_on":"checked_or_hover",checkBoxContainerStyle:{boxSizing:"border-box"}})})})})})}const ud=a.div``,hd=a.form``,pd=a.div`
370
- height: calc(100vh - 350px);
371
- `,md=a.div`
372
- height: 100%;
373
- display: flex;
374
- justify-content: center;
375
- align-items: center;
376
- `,vo=69,fe={COLUMN_ONE:187,COLUMN_THREE:136,COLUMN_FOUR:240,COLUMN_FIVE:146},qs=a.div`
377
- display: flex;
378
- flex-direction: column;
379
- background-color: ${e=>e.theme.colors.grey4};
380
- width: 100%;
381
- min-height: 100%;
382
- height: calc(100vh - 500px);
383
- overflow-x: scroll;
384
- align-items: center;
385
- `,Js=a.div`
386
- display: flex;
387
- flex-direction: column;
388
- gap: ${o.sp5};
389
- align-items: flex-start;
390
- padding-bottom: ${o.sp9};
391
- width: 100%;
392
- `,Ks=a.div`
393
- width: 100%;
394
- `,Zs=a.div`
395
- width: 100%;
396
- `,Fo=a.div`
397
- display: flex;
398
- flex-direction: row;
399
- padding: ${o.sp2};
400
- padding-right: ${o.sp3};
401
- justify-content: space-between;
402
- border-bottom: ${e=>`1px solid ${e.theme.colors.grey3}`};
403
- `,zo=a.div`
404
- display: flex;
405
- flex-direction: row;
406
- justify-content: space-between;
407
- padding: ${o.sp2};
408
- padding-right: ${o.sp3};
409
- `,gd=a.div`
410
- border-top: ${e=>`1px solid ${e.theme.colors.grey3}`};
411
- display: flex;
412
- flex-direction: row;
413
- justify-content: space-between;
414
- padding: ${o.sp2};
415
- padding-right: ${o.sp3};
416
- `,xd=a.div`
417
- padding: ${o.sp2} ${o.sp3};
418
- `,Po=a.div`
419
- display: flex;
420
- `,fd=a.div`
421
- display: flex;
422
- align-items: center;
423
- justify-content: center;
424
- gap: ${o.sp1};
425
- padding: ${o.sp2} ${o.sp0};
426
- background-color: ${e=>e.theme.colors.grey3};
427
- border-bottom-left-radius: ${o.sp2};
428
- border-bottom-right-radius: ${o.sp2};
429
- `,No=a.div`
430
- display: flex;
431
- flex-direction: column;
432
- border: ${e=>`1px solid ${e.theme.colors.grey3}`};
433
- border-radius: ${o.sp2};
434
- background-color: ${e=>e.theme.colors.grey5};
435
- box-shadow: ${e=>e.theme.colors.elevation1};
436
- cursor: pointer;
437
- border: ${e=>`1px solid ${e.showBorder===!0?e.theme.colors.primary:e.theme.colors.grey3}`};
438
- .highlight {
439
- color: ${e=>e.showBorder===!0?e.theme.colors.primary:e.theme.colors.hero};
440
- }
441
- :hover {
442
- border: ${e=>`1px solid ${e.theme.colors.primary}`};
443
- }
444
- :hover .highlight {
445
- color: ${e=>e.theme.colors.primary};
446
- }
447
- `,ne=a.div`
448
- display: flex;
449
- flex-direction: column;
450
- width: 180px;
451
- padding: ${o.sp2};
452
- .hover-background {
453
- border-radius: ${o.sp1};
454
- background-color: ${e=>e.forceHoverEffect===!0?e.theme.colors.background:"unset"};
455
- .select-control {
456
- background-color: ${e=>e.forceHoverEffect===!0?e.theme.colors.background:"unset"};
457
- }
458
- :hover {
459
- background-color: ${e=>`${e.showHoverEffect===!0?e.theme.colors.background:"unset"}`};
460
- .select-control {
461
- background-color: ${e=>e.theme.colors.background};
462
- }
463
- }
464
- :focus-within {
465
- background-color: ${e=>`${e.showHoverEffect===!0?e.theme.colors.background:"unset"}`};
466
- .select-control {
467
- background-color: ${e=>e.theme.colors.background};
468
- }
469
- }
470
- }
471
- .item-value-container {
472
- .grouped-single-select-field__menu {
473
- margin-top: ${o.sp2};
474
- }
475
- }
476
- `,ht=a.div`
477
- padding: ${o.sp2} ${o.sp3};
478
- `,re=a(gt)`
479
- color: ${e=>e.theme.colors.hero};
480
- `,ge=a(ze)`
481
- width: 100%;
482
- color: ${e=>e.theme.colors.hero};
483
- white-space: nowrap;
484
- overflow: hidden;
485
- text-overflow: ellipsis;
486
- `,ce=a.div`
487
- display: flex;
488
- gap: ${o.sp1};
489
- color: ${e=>e.theme.colors.primary};
490
- .select-value-container {
491
- .auto-complete-single-select-field__input-container {
492
- .auto-complete-single-select-field__input {
493
- text-align: left;
494
- }
495
- }
496
- .grouped-single-select-field__input-container {
497
- .grouped-single-select-field__input {
498
- text-align: left;
499
- }
500
- }
501
- }
502
- `,Vo=a.div`
503
- border-left: ${e=>`1px solid ${e.theme.colors.grey3}`};
504
- display: flex;
505
- flex-direction: column;
506
- gap: ${o.sp3};
507
- align-items: center;
508
- justify-content: center;
509
- padding: ${o.sp0} 42px;
510
- `,Ho=a.div`
511
- flex: 1;
512
- `,Gs=a(gt)`
513
- padding: ${o.sp0} 6px;
514
- color: ${Qe.info};
515
- border: 1px solid ${Qe.info};
516
- border-radius: ${o.sp1};
517
- margin-top: ${o.sp1};
518
- `,Mn=a(It)`
519
- padding: ${o.sp2};
520
- color: ${e=>e.theme.colors.hero};
521
- background: ${e=>e.theme.colors.overlayColor};
522
- border-radius: ${o.sp1};
523
- `,qe=a(Mn)`
524
- padding: 2px ${o.sp2};
525
- `,Rt=ke.getLocalizedStrings().expenseAutomation.accountRecon.review.header,vt=[{key:"date",value:Rt.date,sortOrder:"ascending",width:new Y(20,20),loaderWidth:120},{key:"payee",value:Rt.payee,sortOrder:"ascending",width:new Y(20,20),loaderWidth:212},{key:"memo",value:Rt.memo,sortOrder:"ascending",width:new Y(20,20),loaderWidth:192},{key:"direction",value:Rt.direction,sortOrder:"ascending",width:new Y(15,15),loaderWidth:84},{key:"match",value:Rt.match,sortOrder:"ascending",width:new Y(15,15),loaderWidth:152},{key:"amount",value:Rt.amount,sortOrder:"ascending",width:new Y(10,10),loaderWidth:64}],So=[{key:"payee",value:Rt.payee,sortOrder:"ascending",width:new Y(65,65),loaderWidth:212},{key:"amount",value:Rt.amount,sortOrder:"ascending",width:new Y(30,30),loaderWidth:64}],yd=e=>{const{sortConfig:n,onColumnSortConfigChanged:c}=e,r=je(),p=Bt()?So:vt,[h,s]=i.useState(()=>p.map(l=>({...l,sortOrder:l.key===n.sortKey?n.sortOrder:"ascending"})));i.useEffect(()=>{s(p.map(l=>({...l,sortOrder:l.key===n.sortKey?n.sortOrder:"ascending"})))},[n.sortKey,n.sortOrder,p]);const d=(l,m)=>{let u=m;n.sortKey===l&&(u=m==="ascending"?"descending":"ascending"),c(l,u)};return t.jsx(wd,{children:h.map(l=>t.jsxs(bd,{sortDataValue:n.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:r,isLastColumn:l.key==="amount",children:[t.jsxs(vd,{"data-testid":z("account-reconciliation-review-header",l.value),sortKey:l.key,onClick:()=>d(l.key,l.sortOrder),children:[t.jsx(gt,{children:l.value}),t.jsx(Sd,{sortDataValue:n.sortKey,headerData:l,children:t.jsx(jd,{})})]}),t.jsx(kd,{sortDataValue:n.sortKey,windowSize:r,isVisible:n.sortKey===l.key&&(n.sortKey!=="date"||n.sortOrder==="ascending"),children:t.jsx(Id,{"data-testid":z("account-reconciliation-review-sort-by-date"),onClick:()=>d("date","ascending")})})]},l.key))})},Cd=i.memo(yd),wd=a(It)`
526
- top: 0;
527
- left: 0;
528
- width: fit-content;
529
- min-width: 100%;
530
- z-index: 6;
531
- display: flex;
532
- align-items: center;
533
- box-sizing: border-box;
534
- padding: ${o.sp3} ${o.sp4};
535
- position: sticky;
536
- color: ${e=>e.theme.colors.grey1};
537
- background-color: ${e=>e.theme.colors.grey4};
538
- `,bd=a.div`
539
- color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
540
- width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
541
- min-width: ${e=>e.isLastColumn===!0?"auto":e.wrapperWidth.valuePercentage(e.windowSize)};
542
- display: flex;
543
- align-items: center;
544
- gap: 5px;
545
- left: ${o.sp0};
546
- justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
547
- `,vd=a.div`
548
- display: flex;
549
- cursor: pointer;
550
- gap: ${o.sp1};
551
- &:hover {
552
- color: ${e=>e.theme.colors.primary};
553
- }
554
- white-space: nowrap;
555
- `,Sd=a.div`
556
- display: flex;
557
- align-items: center;
558
- transform: ${e=>e.sortDataValue===e.headerData.key&&e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
559
- ${e=>e.headerData.sortOrder==="ascending"?De`
560
- padding-top: 2px;
561
- `:De`
562
- padding-bottom: 2px;
563
- `}
564
- `,jd=a(Nn)`
565
- width: ${o.sp2};
566
- height: ${o.sp2};
567
- cursor: pointer;
568
- color: inherit;
569
- `,kd=a.div`
570
- display: ${e=>e.isVisible?"flex":"none"};
571
- align-items: center;
572
- padding-top: 2px;
573
- `,Id=a(Vn)`
574
- width: 12px;
575
- height: 12px;
576
- cursor: pointer;
577
- color: ${e=>e.theme.colors.hero};
578
- `,at="accountReconReviewTableSection",{dateFormat:$d,expenseAutomation:Td,common:pt}=ke.getLocalizedStrings(),{visual:Ys}=$d,{accountRecon:Ce}=Td,Xs=e=>[{label:Ce.review.formLabels.allBankAccounts,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],Qs=e=>[{label:Ce.review.formLabels.allCreditCards,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],xi=e=>`${at}_${e}_form`,Ee=(e,n)=>`${at}.${e}.${n}`,Ld=e=>{const{sortKey:n,sortOrder:c,accountReconEntity:r,entitySearchAutoCompleteActions:p,allAccountList:h,classList:s,localData:d,accountListNestedAccountHierarchy:l,classListNestedAccountHierarchy:m,selectedAccountId:u,entitySearchAutoCompleteData:g,excludeFetchById:f,saveFetchById:y,reviewTabSelectedVendorByTransactionId:b,refreshStatus:v,updateLocalData:j,onColumnSortConfigChanged:C,onSaveReconciliation:T,onSaveReconciliationReview:k,onReconMatchedTransactionClick:S,bankAccounts:E,creditCards:M}=e,{transactionsToReview:L,account:{accountType:O}}=r,w=i.useRef(null),[$,B]=i.useState(null),V=N=>{const H=L[N],le=Fs(H),_=zs(H),X=Ps(H,O??"bank"),Q=Ns(H,O??"bank"),ae=Vs(H),ee=Mo(H),he=H.recommendedAction.recommendedTransactions[0]?.merchantName!=null;return H.transactionId===$?_||X||Q||ae||ee?275+(he?25:0):le?185+H.recommendedAction.recommendedTransactions.length*40+(he?25:0):146:72},q=i.useMemo(()=>({onColumnSortConfigChanged:C,sortConfig:{sortKey:n,sortOrder:c}}),[C,n,c]);if(i.useEffect(()=>{B(L[0]?.transactionId??null),w.current?.resetAfterIndex(0)},[n,c]),i.useEffect(()=>{w.current?.resetAfterIndex(0)},[$]),i.useEffect(()=>{w.current?.resetAfterIndex(0)},[L.length]),i.useEffect(()=>{v.fetchState==="Completed"&&w.current?.resetAfterIndex(0)},[v]),L.length===0){const N=We("reconciliation",void 0,u).tabs.find(H=>H.id==="review")?.allDoneText;return t.jsx(Yd,{children:t.jsx(St,{tab:"reconciliation",title:N?.title??pt.strings.empty,subTitle:N?.subTitle??pt.strings.empty})})}return t.jsx(_d,{children:t.jsx(ea.Provider,{value:q,children:t.jsx(zn,{children:({height:N,width:H})=>t.jsx(Pn,{width:H,height:N,innerElementType:ta,ref:w,itemCount:L.length,itemSize:V,itemKey:le=>L[le].transactionId,overscanCount:wr,itemData:{transactionsList:L,expandedRowId:$,allAccountList:h,classList:s,accountListNestedAccountHierarchy:l,classListNestedAccountHierarchy:m,localData:d,entitySearchAutoCompleteData:g,entitySearchAutoCompleteActions:p,excludeFetchById:f,saveFetchById:y,reviewTabSelectedVendorByTransactionId:b,bankAccounts:E,creditCards:M,accountType:O,updateLocalData:j,setExpandedRowId:B,onSaveReconciliation:T,onSaveReconciliationReview:k,onReconMatchedTransactionClick:S},initialScrollOffset:0,children:Ad})})})})},ea=i.createContext(void 0),ta=i.forwardRef((e,n)=>{const{children:c,style:r,...p}=e,h=i.useContext(ea);return t.jsxs(Fd,{ref:n,style:{...r,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)",padding:`${o.sp0} ${o.sp8}`},...p,children:[h!=null&&t.jsx(Cd,{onColumnSortConfigChanged:h.onColumnSortConfigChanged,sortConfig:h.sortConfig}),t.jsx(zd,{children:c})]})});ta.displayName="Account recon review table inner element type";const Ad=({index:e,style:n,data:c})=>{const{selectedTransactionId:r}=Eo(),{transactionsList:p,expandedRowId:h,setExpandedRowId:s,entitySearchAutoCompleteActions:d,allAccountList:l,classList:m,localData:u,updateLocalData:g,accountListNestedAccountHierarchy:f,classListNestedAccountHierarchy:y,entitySearchAutoCompleteData:b,onSaveReconciliation:v,onSaveReconciliationReview:j,onReconMatchedTransactionClick:C,excludeFetchById:T,saveFetchById:k,reviewTabSelectedVendorByTransactionId:S,bankAccounts:E,creditCards:M,accountType:L}=c,O=p[e],w=r!=null&&r===O.transactionId;return t.jsx(Bd,{isPanelSelected:w,style:{...n,width:"100%"},children:t.jsx(Ed,{transaction:O,expandedRowId:h,setExpandedRowId:s,entitySearchAutoCompleteActions:d,accountListNestedAccountHierarchy:f,allAccountList:l,classList:m,localData:u,updateLocalData:g,entitySearchAutoCompleteData:b,classListNestedAccountHierarchy:y,onSaveReconciliation:v,onSaveReconciliationReview:j,onReconMatchedTransactionClick:C,excludeFetchById:T,saveFetchById:k,selectedVendor:S[O.transactionId],bankAccounts:E,creditCards:M,accountType:L})})},Ed=({transaction:e,expandedRowId:n,accountListNestedAccountHierarchy:c,entitySearchAutoCompleteActions:r,allAccountList:p,classList:h,classListNestedAccountHierarchy:s,localData:d,entitySearchAutoCompleteData:l,excludeFetchById:m,saveFetchById:u,selectedVendor:g,bankAccounts:f,creditCards:y,accountType:b,setExpandedRowId:v,updateLocalData:j,onSaveReconciliation:C,onSaveReconciliationReview:T,onReconMatchedTransactionClick:k})=>{const S=n===e.transactionId,E=je(),M=Bt(),L=d[e.transactionId],O=e.recommendedAction.action==="record_bill_payment",w=e.recommendedAction.action==="record_expense",$=Mo(e),B=p.find(N=>N.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),V=N=>N.recommendedAction.recommendedTransactions.length>0&&N.recommendedAction.recommendedTransactions[0].merchantName!=null?N.recommendedAction.recommendedTransactions[0].merchantName:pt.strings.hyphen,q=e.recommendedAction.recommendedTransactions[0]?.merchantName;return t.jsxs(Dd,{className:"recon-row-card",isCompressedMode:M,isExpanded:S,children:[t.jsxs(Od,{isExpanded:S,onClick:()=>v(e.transactionId),"data-testid":z("account-reconciliation-review-row",e.transactionId),children:[M?null:t.jsx(Xt,{windowSize:E,responsiveWidth:vt[0].width,children:t.jsx(Yt,{children:e.transactionDate.format(Ys.MMMDCommaYYYYformat)})}),t.jsx(Xt,{windowSize:E,responsiveWidth:M?So[0].width:vt[1].width,children:t.jsx(Yt,{children:t.jsx(ot,{itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"},text:V(e)})})}),M?null:t.jsxs(t.Fragment,{children:[t.jsx(Xt,{windowSize:E,responsiveWidth:vt[2].width,children:t.jsx(Yt,{children:t.jsx(ot,{itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"},text:e.memo})})}),t.jsx(Xt,{windowSize:E,responsiveWidth:vt[3].width,children:t.jsx(Yt,{style:{textTransform:"capitalize"},children:e.transactionDirection})}),t.jsxs(Xt,{windowSize:E,responsiveWidth:vt[4].width,children:[t.jsx(He,{controller:O,children:t.jsx(Xd,{children:t.jsx(Qd,{children:Ce.review.matchesCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())})})}),t.jsx(He,{controller:!O,children:t.jsx(Yt,{children:B!=null?t.jsxs(t.Fragment,{children:[t.jsx(na,{}),t.jsx(ot,{itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"},text:B.accountName})]}):pt.strings.hyphen})})]})]}),t.jsx(Xt,{windowSize:E,isLastColumn:!0,responsiveWidth:M?So[1].width:vt[5].width,children:t.jsx(Yt,{children:Bs("0,0.00",e.amount.amount,e.amount.currencySymbol)})})]}),t.jsxs(He,{controller:S&&L!=null,children:[t.jsx(Rd,{onSaveReconciliation:C,onSaveReconciliationReview:T,updateLocalData:j,saveFetchById:u,excludeFetchById:m,localData:L,classListNestedAccountHierarchy:s,allAccountList:p,classList:h,transaction:e,accountListNestedAccountHierarchy:c,entitySearchAutoCompleteActions:r,entitySearchAutoCompleteData:l,selectedVendor:g,bankAccounts:f,creditCards:y,accountType:b,onReconMatchedTransactionClick:k}),t.jsx(He,{controller:(O||w||$)&&q!=null,children:t.jsx(tu,{children:t.jsxs(nu,{children:[b==="credit_card"?Ce.review.creditCardDetail:Ce.review.bankDetail,pt.strings.colon," ",q]})})})]})]})},Rd=({transaction:e,accountListNestedAccountHierarchy:n,entitySearchAutoCompleteActions:c,allAccountList:r,classList:p,classListNestedAccountHierarchy:h,localData:s,entitySearchAutoCompleteData:d,excludeFetchById:l,saveFetchById:m,selectedVendor:u,bankAccounts:g,creditCards:f,accountType:y,updateLocalData:b,onSaveReconciliation:v,onSaveReconciliationReview:j,onReconMatchedTransactionClick:C})=>{const T=kt(),k=Bt(),[S,E]=i.useState(!s.vendor?.id),[M,L]=i.useState(!s.customer?.id),[O,w]=i.useState(s.categoryId==null),[$,B]=i.useState(s.classId==null),[V,q]=i.useState(s.bankAccountId==null),[N,H]=i.useState(s.creditCardId==null),[le,_]=i.useState(!s.memo),X=Fs(e),Q=zs(e),ae=Ns(e,y??"bank"),ee=Ps(e,y??"bank"),he=Vs(e),Z=Mo(e),te=i.useMemo(()=>{if(!Q&&!Z)return Ot(n);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return Ot(n,u?.recommendations);const I=r.find(ve=>ve.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),se=I!=null?{...I,reason:Ce.review.zeniGptRecommendation,min:0,max:0}:void 0;return Ot(n,[{account:se}])},[Q,Z,u,e.recommendedAction.recommendedTransactions,r,n]),J=i.useMemo(()=>{if(!Q&&!Z)return On(h);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return On(h,u?.recommendations);const I=p.find(ve=>ve.classId===e.recommendedAction.recommendedTransactions[0]?.classId),se=I!=null?{...I,reason:Ce.review.zeniGptRecommendation,min:0,max:0}:void 0;return On(h,[{class:se}])},[Q,Z,u,e.recommendedAction.recommendedTransactions,p,h]),D=Kt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:i.useMemo(()=>fi(e,s,te,r,J,g,f,d),[e,s,J,r,te,g,f,d]),values:i.useMemo(()=>fi(e,s,te,r,J,g,f,d),[e,s,J,r,te,g,f,d])}),R=async(I,se)=>{I.includes("memo")||b(yi(se,e,d,r),e.transactionId,I.includes("vendor"))};i.useEffect(()=>{const I=D.watch((se,{name:ve})=>{ve!=null&&se!=null&&Cn(()=>R(ve,se))});return()=>{I.unsubscribe()}});const K=i.useCallback(I=>{if(!k){if(Q||he||Z){if((Q||Z)&&s.vendor==null){E(!1),D.setError(Ee(e.transactionId,"vendor"),{type:"required"});return}if(he&&s.customer==null){L(!1),D.setError(Ee(e.transactionId,"customer"),{type:"required"});return}if(s.categoryId==null){w(!1),D.setError(Ee(e.transactionId,"category"),{type:"required"});return}}b(yi(I,e,d,r),e.transactionId,!1),j(e.transactionId)}},[k,Q,Z,he,b,e,d,r,j,s.categoryId,s.vendor,s.customer]),G=D.watch(Ee(e.transactionId,"vendor")),W=D.watch(Ee(e.transactionId,"customer")),A=i.useRef(),P=i.useMemo(()=>Q||Z?"vendor":he?"customer":null,[Q,Z,he]),U=(I,se)=>{P!=null&&c.onAutoCompleteInputChange?.(I,P),A.current=se};i.useEffect(()=>{d.entityAutoCompleteView.fetchState==="Completed"&&((Q||Z)&&A.current?.(Ls(d.entityAutoCompleteView)),he&&A.current?.(Ar(d.entityAutoCompleteView)))},[d.entityAutoCompleteView,he,Q,Z]);const F=I=>p.filter(se=>se.classId===I)[0]?.accountingClassNumber??void 0,pe=I=>r.filter(se=>se.qboId===I)[0]?.qboId,ie=i.useMemo(()=>{if(y==="bank")switch(e.recommendedAction.action){case"record_bill_payment":return["record_bill_payment"];case"record_cc_payment":case"record_expense":case"record_transfer":return["record_expense","record_transfer","record_cc_payment"];default:return["record_deposit","record_cc_credit"]}else switch(e.transactionDirection){case"payment":return["record_expense"];case"deposit":return["record_cc_credit","record_cc_payment"];default:return[]}},[y,e.recommendedAction.action,e.transactionDirection]),oe=()=>{k||w(!1)},xe=()=>{k||q(!1)},Ie=()=>{k||H(!1)};return i.useEffect(()=>{O===!1&&s.categoryId==null&&D.setFocus(Ee(e.transactionId,"category"))},[O]),i.useEffect(()=>{$===!1&&s.classId==null&&D.setFocus(Ee(e.transactionId,"class"))},[$]),i.useEffect(()=>{S===!1&&s.vendor==null&&D.setFocus(Ee(e.transactionId,"vendor"))},[S]),i.useEffect(()=>{M===!1&&s.customer==null&&D.setFocus(Ee(e.transactionId,"customer"))},[M]),i.useEffect(()=>{V===!1&&s.bankAccountId==null&&D.setFocus(Ee(e.transactionId,"bankAccount"))},[V]),i.useEffect(()=>{N===!1&&s.creditCardId==null&&D.setFocus(Ee(e.transactionId,"creditCard"))},[N]),t.jsx(Zt,{...D,children:t.jsx("form",{onSubmit:D.handleSubmit(K),id:xi(e.transactionId),children:t.jsxs(Md,{children:[t.jsxs(Pd,{children:[t.jsxs(Hd,{children:[t.jsxs(Wd,{children:[t.jsx(na,{}),t.jsx(Jn,{label:{label:X?Ce.review.formLabels.match:Ce.review.formLabels.categorize},radioField:{name:Ee(e.transactionId,"match_radio"),id:X?"match":"categorize",value:X?"match":"categorize",checked:!0,style:{width:o.sp3,height:o.sp3,padding:"2px"}},style:{width:"auto"}})]}),t.jsx(He,{controller:!X,children:t.jsxs(t.Fragment,{children:[t.jsx(Ci,{}),ie.map(I=>t.jsx(Jn,{label:{label:Ce.review.formLabels[I]},style:{width:"auto"},isDisabled:"readonly",changeLabelColorInDisableMode:!0,radioField:{name:Ee(e.transactionId,"recommendedActionType"),id:I,value:I,style:{width:o.sp3,height:o.sp3,padding:"2px"}}},I))]})})]}),t.jsxs(Vd,{children:[t.jsx(xn,{variant:"secondary",size:"small",label:Ce.review.formLabels.exclude,loading:l[e.transactionId]?.fetchState==="In-Progress","data-testid":z("account-reconciliation-review-exclude-button",e.transactionId),style:{width:o.sp10},reverseSpinnerColor:!1,onClick:()=>{k||v({reconcileAction:"exclude",excludeTransactionId:e.transactionId})}}),t.jsx(xn,{form:xi(e.transactionId),"data-testid":z("account-reconciliation-review-save-button",e.transactionId),label:pt.footer.save,style:{width:o.sp10},variant:"primary",size:"small",type:"submit",loading:m[e.transactionId]?.fetchState==="In-Progress"})]})]}),t.jsx(He,{controller:Q||he||Z,children:t.jsxs(Gn,{children:[t.jsx(He,{controller:Q||Z,children:t.jsx(bt,{onClickAway:()=>{s.vendor==null&&S===!1&&E(!0)},children:t.jsx(ne,{style:{flex:1,padding:x[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(ht,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:pt.texts.vendor}),t.jsx(ce,{style:{gap:x[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:S===!0?t.jsxs(ge,{onClick:I=>{I.stopPropagation(),!k&&E(!1)},"data-testid":z("account-reconciliation-review-add-vendor-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addVendor]}):t.jsx(Co,{name:Ee(e.transactionId,"vendor"),allowEmpty:!1,placeholder:Ce.review.formLabels.addVendor,valueToId:I=>I,defaultValue:{selectedOption:G?.selectedOption,defaultOptions:G?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:I=>!!I.selectedOption},loadOptions:U})})})]})})})}),t.jsx(He,{controller:he,children:t.jsx(bt,{onClickAway:()=>{s.customer==null&&M===!1&&L(!0)},children:t.jsx(ne,{style:{flex:1,padding:x[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(ht,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:pt.texts.customer}),t.jsx(ce,{style:{gap:x[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:M===!0?t.jsxs(ge,{onClick:I=>{I.stopPropagation(),!k&&L(!1)},"data-testid":z("account-reconciliation-review-add-customer-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addCustomer]}):t.jsx(Co,{name:Ee(e.transactionId,"customer"),allowEmpty:!1,placeholder:Ce.review.formLabels.addCustomer,valueToId:I=>I,defaultValue:{selectedOption:W?.selectedOption,defaultOptions:W?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:I=>!!I.selectedOption},loadOptions:U})})})]})})})}),t.jsx(bt,{onClickAway:()=>{s.categoryId==null&&O===!1&&w(!0)},children:t.jsx(ne,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:pt.texts.category}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:O===!0?t.jsxs(ge,{onClick:I=>{I.stopPropagation(),!k&&oe()},"data-testid":z("account-reconciliation-review-add-category-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addCategory]}):t.jsx(nn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ee(e.transactionId,"category"),placeholder:Ce.review.formLabels.addCategory,valueToId:I=>pe(I),defaultValue:{allOptions:te,selectedOption:r.find(I=>I.accountId===s.categoryId)?.qboId},registerOptions:{required:!0,validate:I=>!!I.selectedOption},customStyleConfig:Tn})})})]})})}),t.jsx(bt,{onClickAway:()=>{s.classId==null&&$===!1&&B(!0)},children:t.jsx(ne,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:pt.texts.class}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:$===!0?t.jsxs(ge,{onClick:I=>{I.stopPropagation(),!k&&B(!1)},"data-testid":z("account-reconciliation-review-add-class-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addClass]}):t.jsx(nn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ee(e.transactionId,"class"),placeholder:Ce.review.formLabels.addClass,valueToId:I=>F(I),defaultValue:{allOptions:J,selectedOption:s.classId},registerOptions:{required:!0,validate:I=>!!I.selectedOption},customStyleConfig:Tn})})})]})})})]})}),t.jsx(He,{controller:X,children:t.jsxs(Ud,{children:[t.jsxs(qd,{children:[t.jsx("span",{className:"matched-text",children:`${Ce.review.matchedFoundCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())} `}),Ce.review.matchesFoundFullInfo]}),t.jsx(Kd,{children:e.recommendedAction.recommendedTransactions.map(I=>I.bookTransactionId!=null?t.jsxs(Zd,{children:[t.jsx(Jn,{label:{label:t.jsxs(Jd,{children:[t.jsx(ze,{children:I.date.format(Ys.MMMDCommaYYYYformat)}),t.jsx(ze,{children:I.memo})]})},style:{width:"auto"},isDisabled:void 0,changeLabelColorInDisableMode:!0,radioField:{name:Ee(e.transactionId,"matchedTransaction"),registerOptions:{required:!0},id:I.bookTransactionId,value:I.bookTransactionId,style:{width:o.sp3,height:o.sp3,padding:"2px"}}}),t.jsxs(eu,{"data-testid":z("account-reconciliation-review-matched-transaction-amount",I.bookTransactionId),onClick:()=>{I.bookTransactionId!=null&&C(I.bookTransactionId)},children:[t.jsx(Gd,{children:Bs("0,0.00",I.amount.amount,I.amount.currencySymbol)}),t.jsx(Ci,{})]})]},I.bookTransactionId):null)})]})}),t.jsx(He,{controller:ae,children:t.jsx(Gn,{children:t.jsx(bt,{onClickAway:()=>{s.bankAccountId==null&&V===!1&&q(!0)},children:t.jsx(ne,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:y==="credit_card"?Ce.review.formLabels.selectAccount:Ce.review.formLabels.transferTo}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:V===!0?t.jsxs(ge,{onClick:I=>{I.stopPropagation(),!k&&xe()},"data-testid":z("account-reconciliation-review-add-account-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:T.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.selectAccount]}):t.jsx(nn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ee(e.transactionId,"bankAccount"),placeholder:Ce.review.formLabels.selectAccount,defaultValue:{allOptions:Xs(g),selectedOption:s.bankAccountId},registerOptions:{required:!0,validate:I=>!!I.selectedOption},customStyleConfig:Tn})})})]})})})})}),t.jsx(He,{controller:ee,children:t.jsx(Gn,{children:t.jsx(bt,{onClickAway:()=>{s.creditCardId==null&&N===!1&&H(!0)},children:t.jsx(ne,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ce.review.formLabels.creditCard}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:N===!0?t.jsxs(ge,{onClick:I=>{I.stopPropagation(),!k&&Ie()},"data-testid":z("account-reconciliation-review-add-credit-card-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:T.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.selectCard]}):t.jsx(nn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Ee(e.transactionId,"creditCard"),placeholder:Ce.review.formLabels.selectCard,defaultValue:{allOptions:Qs(f),selectedOption:s.creditCardId},registerOptions:{required:!0,validate:I=>!!I.selectedOption},customStyleConfig:Tn})})})]})})})})}),t.jsx(He,{controller:!X,children:t.jsx(Nd,{children:t.jsx(ne,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",width:"100%"},children:t.jsxs(ht,{className:"hover-background",children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ce.review.header.memo}),t.jsx(ce,{className:"item-value-container",children:t.jsx(t.Fragment,{children:le===!0?t.jsxs(ge,{onClick:I=>{I.stopPropagation(),!k&&_(!1)},"data-testid":z("account-reconciliation-review-add-memo-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:x[1],color:T.colors.champion,cursor:"pointer"},children:[t.jsx(Vt,{}),Ce.review.formLabels.addMemo]}):t.jsx(Er,{name:Ee(e.transactionId,"memo"),placeholder:Ce.review.formLabels.addMemo,type:"text",style:{padding:0,textAlign:"left",width:"100%",background:"transparent"}})})})]})})})})]})})})},Tn={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),singleValue:()=>({margin:0}),menuPortal:()=>({zIndex:9999}),menu:()=>({width:`calc(100% + ${o.sp5})`,marginRight:`-${o.sp3}`,marginLeft:`-${o.sp3}`})},fi=(e,n,c,r,p,h,s,d)=>{const l=r.find(m=>m.accountId===n.categoryId);return{[at]:{[e.transactionId]:{category:{selectedOption:l?.qboId,allOptions:c},class:{selectedOption:n?.classId,allOptions:p},bankAccount:{selectedOption:n?.bankAccountId,allOptions:Xs(h)},creditCard:{selectedOption:n?.creditCardId,allOptions:Qs(s)},memo:n?.memo,recommendedActionType:e.recommendedAction.action,matchedTransaction:n?.matchedTransactionId,vendor:{selectedOption:n?.vendor?.id,defaultOptions:Os(d.entityAutoCompleteView,n?.vendor)},customer:{selectedOption:n?.customer?.id,defaultOptions:_r(n?.customer,d.entityAutoCompleteView)}}}}},yi=(e,n,c,r)=>{const{vendor:p,customer:h}=e[at][n.transactionId];let s;if(p.selectedOption!=null){const l=p.defaultOptions.find(m=>m.value===p.selectedOption);if(l!=null)s={id:p.selectedOption,name:l.label};else{const m=c.entityAutoCompleteView.vendor.find(u=>u.id===p.selectedOption||u.zeniId===p.selectedOption);m!=null&&(s={id:m.zeniId,name:m.name})}}let d;if(h.selectedOption!=null){const l=h.defaultOptions.find(m=>m.value===h.selectedOption);if(l!=null)d={id:h.selectedOption,name:l.label};else{const m=c.entityAutoCompleteView.customer.find(u=>u.id===h.selectedOption||u.zeniId===h.selectedOption);m!=null&&(d={id:m.zeniId,name:m.name})}}return{categoryId:r.find(l=>l.qboId===e[at][n.transactionId].category.selectedOption)?.accountId??e[at][n.transactionId].category.selectedOption,classId:e[at][n.transactionId].class.selectedOption,memo:e[at][n.transactionId].memo,matchedTransactionId:e[at][n.transactionId].matchedTransaction,vendor:s,bankAccountId:e[at][n.transactionId].bankAccount.selectedOption,creditCardId:e[at][n.transactionId].creditCard.selectedOption,customer:d}},Yt=a(ze)`
579
- display: flex;
580
- align-items: center;
581
- column-gap: ${o.sp1};
582
- `,Xt=a.div`
583
- width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
584
- display: flex;
585
- justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
586
- `,Dd=a.div`
587
- display: flex;
588
- flex-direction: column;
589
- box-sizing: border-box;
590
- position: relative;
591
- background: ${e=>e.theme.colors.grey5};
592
- border: 1px solid
593
- ${e=>e.isExpanded?e.theme.colors.primary:e.theme.colors.grey3};
594
- color: ${e=>e.isExpanded?e.theme.colors.primary:e.theme.colors.hero};
595
- ${e=>!e.isCompressedMode&&De`
596
- &:hover {
597
- border: 1px solid ${e.theme.colors.primary};
598
- color: ${e.theme.colors.primary};
599
- }
600
- `}
601
- box-shadow: ${e=>e.theme.colors.elevation1};
602
- border-radius: ${o.sp2};
603
- `,Od=a.div`
604
- display: flex;
605
- flex-direction: row;
606
- align-items: center;
607
- cursor: pointer;
608
- padding: ${o.sp3} ${o.sp4};
609
- column-gap: ${o.sp2};
610
-
611
- border-bottom: ${e=>e.isExpanded?"1px solid "+e.theme.colors.primary:"none"};
612
- `,Md=a.div`
613
- padding: ${o.sp2} ${o.sp4};
614
- display: flex;
615
- flex-direction: column;
616
- row-gap: ${o.sp2};
617
- `,Bd=a.div`
618
- top: ${o.sp0};
619
- left: ${o.sp0};
620
- padding-right: var(--side-panel-list-item-pr, 0px);
621
- box-sizing: border-box;
622
- ${e=>e.isPanelSelected===!0&&De`
623
- .recon-row-card {
624
- ${Bo(e.theme)}
625
- }
626
- `}
627
- `,_d=a.div`
628
- height: calc(100vh - 350px);
629
- max-width: 99.9%;
630
- padding: ${o.sp0};
631
- `,Fd=a.div``,zd=a.div`
632
- position: relative;
633
- width: auto;
634
- height: 100%;
635
- display: flex;
636
- flex-direction: column;
637
- row-gap: ${o.sp3};
638
- `,Pd=a.div`
639
- display: flex;
640
- flex-direction: row;
641
- align-items: center;
642
- justify-content: space-between;
643
- padding: 12px ${o.sp3};
644
- background-color: ${e=>e.theme.colors.background};
645
- border-radius: ${o.sp2};
646
- `,Gn=a.div`
647
- display: flex;
648
- flex-direction: row;
649
- align-items: center;
650
- column-gap: ${o.sp3};
651
- `,Nd=a.div`
652
- width: 100%;
653
- `,Vd=a.div`
654
- display: flex;
655
- flex-direction: row;
656
- align-items: center;
657
- column-gap: ${o.sp3};
658
- `,Hd=a.div`
659
- display: flex;
660
- flex-direction: row;
661
- align-items: center;
662
- column-gap: ${o.sp6};
663
- `,Wd=a.div`
664
- display: flex;
665
- flex-direction: row;
666
- align-items: center;
667
- column-gap: ${o.sp1};
668
- `,Vt=a(Hn)`
669
- width: ${o.sp3};
670
- height: ${o.sp3};
671
- `,Ci=a(Fr)`
672
- width: ${o.sp3};
673
- height: ${o.sp3};
674
- color: ${e=>e.theme.colors.hero};
675
- `,Ud=a.div`
676
- display: flex;
677
- flex-direction: column;
678
- row-gap: ${o.sp3};
679
- padding: ${o.sp0} 12px;
680
- `,qd=a(ze)`
681
- color: ${e=>e.theme.colors.primary};
682
-
683
- .matched-text {
684
- font-weight: ${Lo.bold};
685
- }
686
- `,Jd=a.div`
687
- display: flex;
688
- align-items: center;
689
- column-gap: ${o.sp2};
690
- `,Kd=a.div`
691
- display: flex;
692
- flex-direction: column;
693
- row-gap: ${o.sp2};
694
- `,Zd=a.div`
695
- display: flex;
696
- flex-direction: row;
697
- align-items: center;
698
- justify-content: space-between;
699
- padding-bottom: ${o.sp2};
700
- border-bottom: 1px solid ${e=>e.theme.colors.grey3};
701
- `,Gd=a(ze)`
702
- color: ${e=>e.theme.colors.hero};
703
- `,Yd=a.div`
704
- height: 100%;
705
- display: flex;
706
- justify-content: center;
707
- align-items: center;
708
- `,Xd=a.div`
709
- border: 1px solid ${e=>e.theme.colors.grey2};
710
- padding: ${o.sp0} ${o.sp1};
711
- border-radius: ${o.sp1};
712
- `,Qd=a(gt)`
713
- color: ${e=>e.theme.colors.hero};
714
- `,eu=a.div`
715
- display: flex;
716
- align-items: center;
717
- column-gap: 20px;
718
- cursor: pointer;
719
- `,tu=a.div`
720
- text-align: center;
721
- padding: ${o.sp1} ${o.sp0};
722
- border-top: 1px solid ${e=>e.theme.colors.grey3};
723
- `,nu=a(gt)`
724
- color: ${e=>e.theme.colors.hero};
725
- `,na=a(wn)`
726
- width: ${o.sp3};
727
- height: ${o.sp3};
728
- margin-right: ${o.sp1};
729
- path {
730
- stroke-width: 2;
731
- }
732
- `,ou=({reconciliation:e,entitySearchAutoCompleteData:n,selectedAccountId:c,currentFooterFormId:r,entitySearchAutoCompleteActions:p,onUpdateReconcileTabLocalData:h,setCurrentFooterFormId:s,onReconTabColumnSortConfigChanged:d,updateReviewTabLocalData:l,onReconReviewTabColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:g,onReconMatchedTransactionClick:f})=>{const{accountReconciliationsByAccountID:y,reconciliationTabsState:{reconcile:{uiState:{sortKey:b,sortOrder:v}}},selectedReconAccount:j}=e,C=y[c],{transactionFetchState:T}=j??{};return T?.fetchState==="In-Progress"||T?.fetchState==="Not-Started"?t.jsxs(wi,{style:{paddingLeft:x[8],paddingRight:x[8]},children:[t.jsx(iu,{children:vt.map(k=>t.jsx(Mt,{width:k.loaderWidth,height:18},k.key))}),t.jsxs(au,{children:[...Array(3).fill(0).map((k,S)=>t.jsx(su,{children:vt.map(E=>t.jsx(Mt,{width:E.loaderWidth,height:x[4]},E.key))},`${S}_${k}`))]})]}):t.jsx(wi,{children:e.selectedTab==="reconcile"?t.jsx(dd,{selectedAccountId:c,currentFooterFormId:r,setCurrentFooterFormId:s,onUpdateReconcileTabLocalData:h,onReconTabColumnSortConfigChanged:d,onSaveReconciliation:u,sortConfig:{sortKey:b,sortOrder:v},localData:e.reconciliationTabsState.reconcile.localData,matchedTransactions:C?.accountReconEntity.transactionsToReconcile}):t.jsx(Ld,{localData:e.reconciliationTabsState.review.localData,reviewTabSelectedVendorByTransactionId:e.reviewTabSelectedVendorByTransactionId,refreshStatus:e.accountReconciliationsByAccountID[c]?.refreshStatus??{fetchState:"Not-Started",error:null},accountReconEntity:e.accountReconciliationsByAccountID[c].accountReconEntity,accountListNestedAccountHierarchy:e.accountListNestedAccountHierarchy,classListNestedAccountHierarchy:e.classListNestedAccountHierarchy,allAccountList:e.allAccountList,classList:e.allClassList,bankAccounts:e.bankAccounts,creditCards:e.creditCards,entitySearchAutoCompleteData:n,updateLocalData:l,entitySearchAutoCompleteActions:p,onColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:g,onReconMatchedTransactionClick:f,excludeFetchById:e.actionFetchStates.excludeFetchById,saveFetchById:e.actionFetchStates.saveReconciliationReviewFetch,selectedAccountId:c,sortKey:e.reconciliationTabsState.review.uiState.sortKey,sortOrder:e.reconciliationTabsState.review.uiState.sortOrder})})},wi=a.div`
733
- width: 100%;
734
- height: 100%;
735
- `,iu=a.div`
736
- display: flex;
737
- justify-content: space-between;
738
- padding: ${o.sp3} ${o.sp4};
739
- column-gap: ${o.sp6};
740
- `,su=a.div`
741
- display: flex;
742
- justify-content: space-between;
743
- padding: ${o.sp3} ${o.sp4};
744
- background-color: ${e=>e.theme.colors.grey5};
745
- border-radius: ${o.sp2};
746
- border: ${e=>`1px solid ${e.theme.colors.grey3}`};
747
- box-shadow: ${e=>e.theme.colors.elevation1};
748
- column-gap: ${o.sp6};
749
- `,au=a.div`
750
- display: flex;
751
- gap: ${o.sp3};
752
- flex-direction: column;
753
- `;function ru({title:e,config:n,nodeId:c}){return{children:[],id:c??mt("loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"loading_in_progress",title:"",data:[],numOfBalances:0},config:n}}}function lu({account:e,numOfBalances:n,title:c,isLastNode:r,config:p}){const h=mt("ac_group_report",[],c);return{children:[],id:h,isLastNode:r,reportElementData:{element:{kind:"ac_group_report",title:c,data:e,numOfBalances:n},config:p}}}function cu({title:e,section:n,config:c,numOfBalances:r,nodeId:p}){return{children:[],id:p??mt("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:r},config:c}}}function bi({section:e,allAccountReconciliations:n,title:c,subTitle:r,isLastNode:p,isTitleRowRequired:h,config:s}){const d=mt("section",[],c),l={children:[],id:d,isLastNode:p,reportElementData:{element:{kind:"section",title:c,data:e,numOfBalances:0},config:s}};if(h){const u=mt("title_string_only",[],c),g={children:[],id:u,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:c,data:e,numOfBalances:0},config:s}};l.children.push(g)}const m=cu({title:r,section:e,config:s,numOfBalances:0});return l.children.push(m),e.accountIDs.forEach((u,g)=>{const f=n[u],y=lu({account:f,numOfBalances:0,title:f.accountReconEntity.account.accountName,isLastNode:g===e.accountIDs.length-1,config:s});l.children.push(y)}),l}function oa({config:e,accountReconForSection:n,nodeId:c}){return{children:[],id:c??mt("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:"timeframe_headers",title:"",data:n,numOfBalances:0},config:e}}}function du(e,n){return n?Kn("section")+Kn("total")+e*Kn("ac_group_report"):1/0}const uu=(e,n,c,r,p=!0,h="assets")=>{const s=h==="liabilities"&&e.accountReconciliationBySectionID.liabilities.accountIDs.length>0?e.accountReconciliationBySectionID.liabilities:e.accountReconciliationBySectionID.assets,d=oa({config:n,accountReconForSection:s}),l=[];l.push(d);const m=Array.isArray(c[r])?c[r]:[],{expenseAutomation:{accountRecon:{reconciliation:u}},common:{loading:g}}=ke.getLocalizedStrings(),f=e.fetchStatus.fetchState==="Not-Started"||e.fetchStatus.fetchState==="In-Progress",y=b=>b.filter(v=>!m.includes(v));if(f)[...Array(3)].forEach((b,v)=>{l.push(ru({title:`${v}+${g}`,config:n}))});else{const b=y(e.accountReconciliationBySectionID.assets.accountIDs),v=bi({section:{...e.accountReconciliationBySectionID.assets,accountIDs:b},allAccountReconciliations:e.accountReconciliationsByAccountID,title:u.headers.section.assets.title,subTitle:u.headers.section.assets.subTitle,isLastNode:!1,isTitleRowRequired:!1,config:n});if(l.push(v),e.accountReconciliationBySectionID.liabilities.accountIDs.length>0){const j=y(e.accountReconciliationBySectionID.liabilities.accountIDs),C=bi({section:{...e.accountReconciliationBySectionID.liabilities,accountIDs:j},allAccountReconciliations:e.accountReconciliationsByAccountID,title:u.headers.section.liabilities.title,subTitle:u.headers.section.liabilities.subTitle,isLastNode:!1,isTitleRowRequired:!0,config:n});l.push(C)}}return{config:n,headerNodes:p?[d]:[],contentNodes:l}};function hu(e,n,c,r=!1,p="assets"){Object.assign(e.config,c);const h=p==="liabilities"&&n.accountReconciliationBySectionID.liabilities.accountIDs.length>0?n.accountReconciliationBySectionID.liabilities:n.accountReconciliationBySectionID.assets,s=oa({config:c,accountReconForSection:h});return{config:c,headerNodes:r?[s]:[],contentNodes:[s,...e.contentNodes.slice(1)]}}const jo={wrapperPadding:new Y(x[2],x[2],x[2],x[8]),contentPaddingLeft:new Y(x[2],x[2],x[2],x[2]),contentPaddingRight:new Y(x[2],x[2],x[2],x[2])},pu=a.div`
754
- display: flex;
755
- height: 100%;
756
- width: 100%;
757
- justify-content: center;
758
- align-items: center;
759
- `,mu=a.div`
760
- display: flex;
761
- height: 100%;
762
- min-height: 100%;
763
- flex: 1 1 auto;
764
- width: 100%;
765
- justify-content: center;
766
- padding-left: ${e=>jo.wrapperPadding.valuePx(e.windowSize)};
767
- background-color: ${e=>e.theme.colors.grey4};
768
- `,gu=a.div`
769
- width: 100%;
770
- height: 100%;
771
- `,{common:xu}=ke.getLocalizedStrings();function fu({reconciliation:e,companyId:n,onReload:c,onReviewClicked:r,setOpenDrawerClicked:p,onFetchLinkTokenClick:h,onEstablishConnectionClick:s,onAddStatementClick:d}){const[l,m]=i.useState(void 0),[u,g]=i.useState(void 0),f=e.plaidConnectionDetails.link_account_no_microdeposit,y=e.plaidConnectionDetails.update_account,b=u==="update_account"?y:f,[v,j]=i.useState(b.linkToken??null),[C,T]=i.useState(!1),{useDynamicConfig:k}=bs(),{configValue:S}=k(vs.accountReconGLAccountsConfig),E=i.useCallback(P=>{m(P),g("link_account_no_microdeposit")},[]),M=i.useCallback(P=>{const U=$.current.accountReconciliationsByAccountID[P]?.paymentAccountId;m(P),g("update_account"),h("update_account",U)},[]),L=i.useCallback(P=>{p(P)},[]),O=i.useRef(l),w=i.useRef(u),$=i.useRef(e);i.useEffect(()=>{O.current=l},[l]),i.useEffect(()=>{w.current=u},[u]),i.useEffect(()=>{$.current=e},[e]);const B=i.useCallback(P=>{s(P,O.current??"",w.current),m(void 0),g(void 0),T(!1)},[s]),V=i.useCallback((P,U)=>{P!=null&&console.log("Plaid Connection Error",P,U),m(void 0),g(void 0),T(!1)},[]),{open:q,ready:N}=cr({token:v,onSuccess:B,onExit:V});i.useEffect(()=>{(bo(new Date().toISOString()).isAfter(b.expiration)||b.linkToken==null)&&b.fetchStatus.fetchState==="Not-Started"&&h("link_account_no_microdeposit")},[b.fetchStatus.fetchState]),i.useEffect(()=>{!C&&u!=null&&b.linkToken===v&&b.fetchStatus.fetchState==="Completed"&&N&&T(!0)},[N,v,b.fetchStatus.fetchState,b.linkToken,u,C]),i.useEffect(()=>{b.fetchStatus.fetchState==="Completed"&&b.linkToken!=null&&b.linkToken!==v&&j(b.linkToken)},[b.fetchStatus.fetchState,b.linkToken,v]),i.useEffect(()=>{C&&q()},[C,q]);const[H,le]=i.useState(void 0),[_,X]=i.useState(void 0),[Q,ae]=i.useState("assets"),ee=bo("2025-03-31"),he=1,Z="account_reconciliation",te=je(),J=kt();yn({componentName:"expense_automation.account_reconciliation_list",enabled:e.fetchStatus.fetchState==="Completed"});const D=!0,R=Array.isArray(S?.[n])?S[n]:[],K=e.accountReconciliationBySectionID.assets.accountIDs.filter(P=>!R.includes(P)).length,G=e.accountReconciliationBySectionID.liabilities.accountIDs.length>0,W=du(K,G),A=i.useCallback(P=>{const U=P.scrollTop>=W?"liabilities":"assets";U!==Q&&ae(U)},[W,Q]);return i.useEffect(()=>{const P={reportId:Z,mode:"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:ee,firstMonthOfFY:he,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,dataAvailable:void 0,accountReconciliationConfig:{selectedDrawerAccountId:e.selectedDrawerAccountId,onReviewClicked:r,onConnectClicked:E,onReconnectClicked:M,onOpenDrawerClicked:L,onStatementAddClicked:d}};if(H==null||!Ss(_,e)){const U=uu(e,P,S,n,D,Q);X(e),le(U)}else{const U=hu(H,e,P,D,Q);le(U)}},[e,Q]),e.fetchStatus.fetchState==="Error"?t.jsx(pu,{children:t.jsx(dr,{onReload:c,message:xu.errorMessage.somethingWentWrong})}):t.jsx(mu,{windowSize:te,children:H!=null?t.jsx(gu,{windowSize:te,children:t.jsx(Ws,{backgroundColor:new Ao(J.colors.grey4),rootNodes:H,type:"name+balances_actual",compareMode:"compare_mode_percent",isSticky:{isStickyHeader:D,isStickyName:D},treeNodePadding:{left:jo.contentPaddingLeft.value(te),right:jo.contentPaddingRight.value(te)},nodeOpenStatus:{},scrollPosition:e.reconListUIState.scrollPosition,onCompareModeChanged:()=>{},onScroll:A})}):null})}function yu({currentFooterFormId:e,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:c,reconciliation:r,companyId:p,onReconTabColumnSortConfigChanged:h,updateReconReviewTabLocalData:s,onUpdateReconcileTabLocalData:d,setCurrentFooterFormId:l,onReloadReconciliationListPage:m,onReviewClicked:u,onFetchLinkTokenClick:g,onEstablishConnectionClick:f,onAddStatementClick:y,onReconReviewTabColumnSortConfigChanged:b,onSaveReconciliation:v,onSaveReconciliationReview:j,setOpenDrawerClicked:C,onReconMatchedTransactionClick:T}){return r.selectedAccountId==null?t.jsx(fu,{companyId:p,reconciliation:r,onReload:m,onReviewClicked:u,onFetchLinkTokenClick:g,onEstablishConnectionClick:f,setOpenDrawerClicked:C,onAddStatementClick:y}):t.jsx(ou,{currentFooterFormId:e,setCurrentFooterFormId:l,onUpdateReconcileTabLocalData:d,onReconTabColumnSortConfigChanged:h,reconciliation:r,updateReviewTabLocalData:s,entitySearchAutoCompleteActions:c,onReconReviewTabColumnSortConfigChanged:b,entitySearchAutoCompleteData:n,selectedAccountId:r.selectedAccountId,onSaveReconciliation:v,onSaveReconciliationReview:j,onReconMatchedTransactionClick:T})}function Cu({accountAndClassReport:e,numOfBalances:n,title:c,isLastNode:r,isFirstNode:p,config:h,parentNodeIDs:s,ancestorMetadata:d}){let l="";return e.accountBase&&e.classBase?l=`${e.accountBase.accountId}_${e.classBase.classId}`:e.accountBase?l=e.accountBase.accountId:e.classBase&&(l=e.classBase.classId),{children:[],id:mt("flux_vendor_account_class_row",s,l),isLastNode:r,isFirstNode:p,reportElementData:{element:{kind:"flux_vendor_account_class_row",title:c,data:e,metadata:d,numOfBalances:n},config:h}}}function wu({vendorView:e,numOfBalances:n,title:c,isLastNode:r,config:p,parentNodeIDs:h}){const s=mt("flux_vendor_row",h,e.vendor.id),d={children:[],id:s,isLastNode:r,reportElementData:{element:{kind:"flux_vendor_row",title:c,data:e,numOfBalances:n},config:p}},l=e.vendorAccountsAndClasses;return d.children=l.map((m,u)=>Cu({accountAndClassReport:m,numOfBalances:n,title:m.accountBase?.accountName??"",config:p,isLastNode:u===l.length-1,isFirstNode:u===0,parentNodeIDs:[...h,s],ancestorMetadata:{accountAndClassRowMetadata:{depth:0,hasSibling:l.length>1,hasChildren:!1,isLastNode:u===l.length-1,isFirstNode:u===0,name:m.accountBase?.accountName},isVendorLastChild:r,vendorId:e.vendor.id}})),d}function bu({section:e,numOfBalances:n,title:c,isLastNode:r,config:p}){const h=e.sectionId,s={children:[],id:h,isLastNode:r,reportElementData:{element:{kind:"section",title:c,data:e,numOfBalances:n,sectionType:e.sectionId},config:p}},d=(e.vendors??[]).map((l,m)=>wu({vendorView:l,numOfBalances:n,title:l.vendor.name,isLastNode:m===e.vendors.length-1,config:p,parentNodeIDs:[h]}));return s.children.push(...d),s}function vu({title:e,balances:n,config:c,nodeId:r}){return{children:[],id:r??mt("headers_loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"headers_loading_in_progress",title:"",data:n,numOfBalances:n.length},config:c}}}function Su({title:e,data:n,isLastNode:c,config:r,numOfBalances:p}){const h=mt("total",[],e);return{children:[],id:h,isLastNode:c,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:p},config:r}}}const{common:Ln,expenseAutomation:{fluxAnalysis:ju}}=ke.getLocalizedStrings(),ku=(e,n,c=!0)=>{const r=e.sections.generalExpense.balancesByMonth?Object.keys(e.sections.generalExpense.balancesByMonth).length:e.sections.reimbursement.balancesByMonth?Object.keys(e.sections.reimbursement.balancesByMonth).length:2,p=e.sections.generalExpense.balancesByMonth?on(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?on(e.sections.reimbursement.balancesByMonth):[],h=Us({balances:p,config:n}),s=[],d=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken==null,l=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken!=null||e.sections.reimbursement.fetchStatus.fetchState==="In-Progress";if(d===!0)s.push(vu({title:`${Ln.loading}`,balances:p,config:n})),[...Array(10)].forEach((m,u)=>{s.push(ni({title:`${u}+${Ln.loading}`,balances:p,config:n}))});else{if(s.push(h),["generalExpense","reimbursement"].forEach(m=>{const u=e.sections[m];if(u.vendors.length>0||u.fetchStatus.fetchState==="Completed"){const g=on(u.balancesByMonth);s.push(bu({section:{sectionId:m,reportId:"flux_analysis_operating_expense",balances:g,vendors:u.vendors,varianceAmount:u.varianceAmount,variancePercentage:u.variancePercentage,currency:e.currency},numOfBalances:r,title:Iu(m),isLastNode:!1,config:n}))}}),e.totalBalancesAndVariance){const m=e.totalBalancesAndVariance.balancesByMonth?on(e.totalBalancesAndVariance.balancesByMonth):[],u=Su({title:Ln.texts.total,data:{balances:m,varianceAmount:e.totalBalancesAndVariance.varianceAmount,variancePercentage:e.totalBalancesAndVariance.variancePercentage,currency:e.currency},config:n,isLastNode:!0,numOfBalances:r});s.push(u)}l===!0&&[...Array(1)].forEach((m,u)=>{s.push(ni({title:`${u}+${Ln.loading}`,balances:p,config:n}))})}return{config:n,headerNodes:c&&!d?[h]:[],contentNodes:s}},Iu=e=>ju.sectionTitle[e];function $u(e,n,c,r=!0){Object.assign(e.config,n);const p=Tu(c),h=Us({balances:p,config:n});return{config:n,headerNodes:r?[h]:[],contentNodes:[h,...e.contentNodes.slice(1)]}}const Tu=e=>e.sections.generalExpense.balancesByMonth?on(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?on(e.sections.reimbursement.balancesByMonth):[],ko={contentPaddingLeft:new Y(x[0],x[0],x[0]),contentPaddingRight:new Y(x[3],x[3],x[8]),wrapperPadding:new Y(x[3],x[3],x[8])},Lu=a.div`
772
- display: flex;
773
- position: sticky;
774
- width: 100%;
775
- justify-content: center;
776
- padding-top: ${e=>ko.wrapperPadding.valuePx(e.windowSize)};
777
- padding-left: 20px;
778
- background-color: ${e=>e.theme.colors.grey4};
779
- `,Au=a.div`
780
- width: 100%;
781
- height: calc(100vh - ${o.sp11});
782
- `,Eu=e=>{const{fluxView:n,handleRedirectToVendorDetailPage:c,updateOperatingExpensesIdsForReview:r,updateSectionIdsForReview:p,onSortOrderChanged:h,updateNodeCollapsableStatus:s,fetchReimbursementView:d,fetchGeneralExpenseView:l}=e,m=je(),u=kt(),[g,f]=i.useState(null),[y,b]=i.useState(null),[v,j]=i.useState(null),C=ei([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,[T,k]=i.useState(!1),S=Zo(C),E=Zo(n.refreshStatus.fetchState),M=i.useRef(!1),[L,O]=i.useState(!1),w=i.useRef(_=>{_&&!M.current&&(M.current=!0,O(!0))});yn({componentName:"expense_automation.flux_analysis",enabled:L});const $=()=>{n.uiState.collapsableStatus.generalExpense?n.uiState.paginationInfoByGroup.generalExpense.hasMore===!0&&n.sections.generalExpense.fetchStatus.fetchState==="Completed"?l(n.uiState.paginationInfoByGroup.generalExpense.pageToken):n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&d(n.uiState.paginationInfoByGroup.reimbursement.pageToken):n.uiState.collapsableStatus.reimbursement&&n.uiState.paginationInfoByGroup.reimbursement.hasMore===!0&&n.sections.reimbursement.fetchStatus.fetchState==="Completed"&&d(n.uiState.paginationInfoByGroup.reimbursement.pageToken)},B=()=>Object.keys(n.uiState.collapsableStatus).reduce((_,X)=>(_[X]=n.uiState.collapsableStatus[X],_),{}),V=i.useCallback(_=>{const X=!(n.uiState.collapsableStatus[_]??!0);s({...n.uiState.collapsableStatus,[_]:X})},[n.uiState.collapsableStatus,s]),q=i.useCallback((_,X)=>{let Q=n.reviewOperatingExpensesIds;const ae=[];let ee=n.selectedSectionIds;const he=n.sections[_].vendors;ae.push(...he.map(te=>te.fluxAnalysisEntityId));let Z=Hs-Q.length;X?(ae.forEach(te=>{!Q.includes(te)&&Z>0&&(Q=[...Q,te],Z--)}),ee=[...ee,_]):(Q=Q.filter(te=>!ae.includes(te)),ee=ee.filter(te=>te!==_)),r(Q),p(ee)},[n.reviewOperatingExpensesIds,n.selectedSectionIds,n.sections,r,p]),N=i.useCallback(_=>{const X=n.uiState.collapsableStatus[_]===!1;_==="generalExpense"&&!X&&n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&d(n.uiState.paginationInfoByGroup.reimbursement.pageToken),V(_)},[n.uiState.collapsableStatus,n.sections.reimbursement.fetchStatus.fetchState,n.uiState.paginationInfoByGroup.reimbursement.pageToken,d,V]),H=n.sections.generalExpense.vendors.length+n.sections.reimbursement.vendors.length,le=_=>_<H;return i.useEffect(()=>{const _={reportId:"flux_analysis_operating_expense",mode:"none",displayOrder:"ascending_date",reportFormat:"summary",firstMonthOfFY:1,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,fluxAnalysisConfig:{sortOrder:n.uiState.sortOrder,sortKey:n.uiState.sortKey,sortOrSearchInProgress:!1,reviewOpExIds:n.reviewOperatingExpensesIds,reviewSectionIds:n.selectedSectionIds,fetchStatus:n.fetchStatus.fetchState,setIsSortApplied:k,onSectionRowClick:N,updateNodeCollapsableStatus:V,updateOperatingExpensesIdsForReview:r,handleRedirectToVendorDetailPage:c,onSectionCheckboxClick:q,onSortOrderChanged:h}};if(g==null||!Ss(y,n)){const X=ku(n,_,!0);b(n),f(X)}else{const X=$u(g,_,n,!0);f(X)}},[n,y,c,q,N,h,V,r]),t.jsx(Lu,{windowSize:m,children:t.jsx(Au,{children:g?t.jsx(Ru,{ref:w.current,children:t.jsx(Ws,{backgroundColor:new Ao(u.colors.grey4),rootNodes:g,type:"name+balances_actual",isSticky:{isStickyHeader:!0,isStickyName:!0},treeNodePadding:{left:ko.contentPaddingLeft.value(m),right:ko.contentPaddingRight.value(m)},nodeOpenStatus:B(),compareMode:"compare_mode_amount",infiniteLoadingProps:{isItemLoaded:le,itemCount:H,loadMoreItems:$},variableNodeHeightTree:{prevFetchState:S??"Not-Started",fetchState:n.fetchStatus.fetchState,isSortApplied:T,setIsSortApplied:k,reducedFetchState:ei([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,prevRefreshFetchState:E??"Not-Started",refreshFetchState:n.refreshStatus.fetchState},hoveredParentIdProps:{hoveredParentId:v,setHoveredParentId:j}})}):null})})},Ru=a.div`
783
- height: 100%;
784
- width: 100%;
785
- `,Du="expenseAutomationFluxPage",{reports:{common:Ou}}=ke.getLocalizedStrings(),Mu=({selectedPeriod:e,fluxAnalysis:n,onFetchFluxViewList:c,markAsReview:r,onReloadPage:p,setCurrentFooterFormId:h,updateOperatingExpensesIdsForReview:s,updateSectionIdsForReview:d,onUpdateFluxAnalysisUIState:l,redirectToVendorDetailPage:m,fetchFluxViewOnScroll:u,onFetchReimbursementView:g})=>{const{fetchStatus:f,reviewOperatingExpensesIds:y,uiState:b}=n,v=i.useRef(null),j=i.useRef(!1),C=Kt({mode:"all",reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0},defaultValues:Bu(y)}),T=je();i.useEffect(()=>()=>{h("expenseAutomationPage")},[h]),i.useEffect(()=>{j.current&&v?.current?.scrollLeft!=null&&b.scrollPosition?.scrollLeft!==v.current.scrollLeft&&b.scrollPosition!=null&&l({scrollPosition:{scrollTop:b.scrollPosition?.scrollTop,scrollLeft:v.current.scrollLeft}})},[b.scrollPosition?.scrollLeft,v.current?.scrollLeft,b.scrollPosition,l]),i.useEffect(()=>{h(y.length>0?"expenseAutomationFluxPage":"expenseAutomationPage")},[y,h]);const k=L=>{m(L)},S=L=>{u(e,L)},E=(L,O)=>{l({sortOrder:L,sortKey:O}),c(),g(e,null,!1)},M=()=>{const L=ia(n.sections,y);r(y,L===!0?"review":"unreview",e,!0)};if(f.fetchState==="Error")return t.jsxs(Fu,{children:[t.jsx(zu,{onClick:p,children:t.jsx($o,{})}),t.jsx(Pu,{children:Ou.failed})]});{const L=w=>{l({collapsableStatus:w})},O=w=>{g(e,w,!0)};return t.jsx(Zt,{...C,children:t.jsx("form",{id:_a(Du),onSubmit:C.handleSubmit(M),style:{height:"100%",width:"100%"},children:t.jsx(_u,{windowSize:T,children:t.jsx(Eu,{fluxView:n,handleRedirectToVendorDetailPage:k,onSortOrderChanged:E,updateOperatingExpensesIdsForReview:s,updateNodeCollapsableStatus:L,fetchReimbursementView:O,updateSectionIdsForReview:d,fetchGeneralExpenseView:S,reportId:"flux_analysis_operating_expense"})})})})}},ia=(e,n)=>{const c=[...e.generalExpense.vendors,...e.reimbursement.vendors].filter(p=>p.status==="Pending Review");let r;return c.forEach(p=>{n.includes(p.fluxAnalysisEntityId)&&(r=!0)}),r},Bu=e=>({fluxAnalysisRowIds:e}),_u=a.div`
786
- display: flex;
787
- flex: 1 1 auto;
788
- min-height: 100%;
789
- flex-direction: column;
790
- background-color: ${e=>e.theme.colors.grey4};
791
- padding: ${o.sp0};
792
- gap: 2px;
793
- height: 100%;
794
- .flux-vendor-name-sticky,
795
- .flux-vendor-header-sticky,
796
- .flux-section-name-container,
797
- .flux-class-and-account-value-container,
798
- .flux-vendor-name-container,
799
- .flux-total-row {
800
- border-right: 1px solid transparent;
801
- }
802
- &:hover {
803
- .flux-vendor-name-sticky,
804
- .flux-vendor-header-sticky,
805
- .flux-section-name-container,
806
- .flux-class-and-account-value-container,
807
- .flux-vendor-name-container,
808
- .flux-total-row {
809
- border-right: ${e=>` 1px solid ${e.theme.colors.grey3}`};
810
- }
811
- }
812
- `,Fu=a.div`
813
- display: flex;
814
- width: 100%;
815
- height: 100vh;
816
- flex-direction: column;
817
- justify-content: center;
818
- align-items: center;
819
- `,zu=a.div`
820
- height: 96px;
821
- width: 96px;
822
- background: ${e=>e.theme.colors.background};
823
- border-radius: 50%;
824
- cursor: pointer;
825
- & svg {
826
- margin: ${o.sp5};
827
- color: ${e=>e.theme.colors.grey1};
828
- }
829
- &:hover {
830
- & svg {
831
- color: ${e=>e.theme.colors.primary};
832
- }
833
- }
834
- `,Pu=a(It)`
835
- margin-top: ${o.sp3};
836
- color: ${e=>e.theme.colors.hero};
837
- `,Nu="expenseAutomationJEAccountSettingsPage",sa="vendorsAccountSection",Vu=e=>`${e}_form`;function Hu({accountSettings:e,currentFooterFormId:n,onSaveJeAccountSettingsClick:c,setIsJeAccountSettingsOpened:r,onJeAccountSettingsChange:p,setResetJeAccountSettingsForm:h,setCurrentFooterFormId:s}){const d=e.prepaidExpensesRecommendations,l=e.fixedAssetsRecommendations,m=e.accruedExpensesRecommendations,u=i.useMemo(()=>Ot(e.prepaidExpensesAccountHierarchy,d,"Accounts"),[e.prepaidExpensesAccountHierarchy,d]),g=i.useMemo(()=>Ot(e.fixedAssetsAccountHierarchy,l,"Accounts"),[e.fixedAssetsAccountHierarchy,l]),f=i.useMemo(()=>Ot(e.accruedExpensesAccountHierarchy,m,"Accounts"),[e.accruedExpensesAccountHierarchy,m]),y=i.useMemo(()=>Uu(e,u,g,f),[e,u,g,f]),b=Kt({mode:"all",reValidateMode:"onBlur",defaultValues:y,values:y,resetOptions:{keepDefaultValues:!0}}),v=b.handleSubmit(C=>{c(C)}),j=async C=>{p(C)};return i.useEffect(()=>{const C=b.watch(T=>{T!=null&&Cn(()=>j(T))});return()=>{C.unsubscribe()}}),i.useEffect(()=>(h(()=>b.reset),r(!0),()=>{s("expenseAutomationPage"),r(!1)}),[]),i.useEffect(()=>{const{selectedPrepaidExpensesAccountIds:C,previousPrepaidExpensesAccount:T,selectedFixedAssetsAccountIds:k,previousFixedAssetsAccount:S,selectedAccruedExpensesAccountIds:E,previousAccruedExpensesAccount:M}=e.accountSettingsLocalData,L=Wn(C,T)||Wn(k,S)||Wn(E,M);L===!0&&n!="expenseAutomationJEAccountSettingsPage"?s("expenseAutomationJEAccountSettingsPage"):L===!1&&n!=="expenseAutomationPage"&&s("expenseAutomationPage")},[e,n,s]),t.jsx(Wu,{children:t.jsx(Zt,{...b,children:t.jsx("form",{id:Vu(Nu),onSubmit:v,children:t.jsx(el,{showTitle:!1,sectionId:sa,vendorAccountMappingSection:{accruedExpensesAccountHierarchy:e.accruedExpensesAccountHierarchy,accruedExpensesAccountList:e.accruedExpensesAccountList,accruedExpensesRecommendations:e.accruedExpensesRecommendations,fixedAssetsAccountHierarchy:e.fixedAssetsAccountHierarchy,fixedAssetsAccountList:e.fixedAssetsAccountList,fixedAssetsRecommendations:e.fixedAssetsRecommendations,prepaidExpensesAccountHierarchy:e.prepaidExpensesAccountHierarchy,prepaidExpensesAccountList:e.prepaidExpensesAccountList,prepaidExpensesRecommendations:e.prepaidExpensesRecommendations,selectedAccruedExpensesAccountIds:e.accountSettingsLocalData?.selectedAccruedExpensesAccountIds??[],selectedFixedAssetsAccountIds:e.accountSettingsLocalData?.selectedFixedAssetsAccountIds??[],selectedPrepaidExpensesAccountIds:e.accountSettingsLocalData?.selectedPrepaidExpensesAccountIds??[]},isAccruedExpensesFeatureEnabled:!1})})})})}const Wu=a.div`
838
- padding-top: ${o.sp3};
839
- display: flex;
840
- align-items: center;
841
- min-height: 100%;
842
- flex-direction: column;
843
- width: 100%;
844
- background-color: ${e=>e.theme.colors.grey4};
845
- `,Uu=(e,n,c,r)=>{const p=e.prepaidExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedPrepaidExpensesAccountIds.includes(u.accountId)),h=e.fixedAssetsAccountList.filter(u=>e.accountSettingsLocalData.selectedFixedAssetsAccountIds.includes(u.accountId)),s=e.accruedExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedAccruedExpensesAccountIds.includes(u.accountId)),d=p.map(u=>u.qboId).filter(u=>u!=null),l=h.map(u=>u.qboId).filter(u=>u!=null),m=s.map(u=>u.qboId).filter(u=>u!=null);return{[sa]:{prepaidExpensesAccount:{selectedOptions:d,allOptions:n},fixedAssetsAccount:{selectedOptions:l,allOptions:c},accruedExpensesAccount:{selectedOptions:m,allOptions:r}}}},{expenseAutomation:{jeSchedules:At},common:{currency:An,review:qu,ignore:Ju,strings:{hyphen:Ct},texts:En},dateFormat:Ku,timeframe:{month:vi}}=ke.getLocalizedStrings(),Zu=({draft:e,ignoreStatus:n,ignoreRecommendedJeSchedule:c,jeScheduleClickHandler:r,onReviewClickHandler:p})=>t.jsxs(No,{onClick:h=>{e.jeScheduleType!=null&&e.jeScheduleId!=null&&r(h,e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":z("je-schedule-draft-component",e.jeScheduleId),children:[t.jsxs(Po,{children:[t.jsxs(Ho,{children:[t.jsxs(Fo,{children:[t.jsxs(ne,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(re,{children:En.vendor}),t.jsxs(ce,{style:{gap:x[2]},children:[e.vendor.logo!=null?t.jsx(Ts,{photoUrl:e.vendor.logo.href,styles:{width:x[4],height:x[4]}}):t.jsx(gn,{name:e.vendor.name}),t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.vendor.name!=null?t.jsx(qe,{children:e.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:e.vendor.name??Ct})})]})]}),t.jsxs(ne,{children:[t.jsx(re,{children:At.scheduleHeaders.scheduleCategory}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.baseTransaction.account.accountName!=null?t.jsx(qe,{children:e.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:e.baseTransaction.account.accountName??Ct})})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_THREE},children:[t.jsx(re,{children:At.scheduleHeaders.startMonth}),t.jsx(ce,{children:t.jsx(ge,{className:"highlight",children:e.startDate?.format(Ku.visual.MMMCommaYYYYFormat)??Ct})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(re,{children:At.scheduleHeaders.period}),t.jsx(ce,{children:t.jsx(ge,{className:"highlight",children:e.period!=null?`${e.period} ${e.period===1?vi.slice(0,-1):vi}`:Ct})})]}),t.jsxs(ne,{style:{alignItems:"flex-end",width:fe.COLUMN_FIVE},children:[t.jsx(re,{children:En.totalAmount}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(qe,{children:Je("0,0.[00]",Wt(e.baseTransaction.amount.amount,An.currencyCode,An.currencySymbol))??Ct}),children:t.jsx(ge,{className:"highlight",children:Je("0,0.[00]",Wt(e.baseTransaction.amount.amount,An.currencyCode,An.currencySymbol))??Ct})})})]})]}),t.jsxs(zo,{children:[t.jsxs(ne,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(re,{children:En.category}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.account?.accountName!=null?t.jsx(qe,{children:e.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:e.jeDebit.account?.accountName??Ct})})})]}),t.jsxs(ne,{children:[t.jsx(re,{children:En.classText}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.accountingClass?.className!=null?t.jsx(qe,{children:e.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:e.jeDebit.accountingClass?.className??Ct})})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_THREE},children:[t.jsx(re,{children:At.scheduleHeaders.type}),t.jsx(ce,{children:t.jsx(ge,{className:"highlight",style:{width:"unset"},children:t.jsx(Gs,{children:At.scheduleTypes[e.jeScheduleType??"prepaid_expenses"]})})})]}),e.jeScheduleType==="fixed_assets"?t.jsxs(ne,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(re,{children:At.scheduleHeaders.accumulatedCategory}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",title:e.jeCredit.account?.accountName!=null?t.jsx(qe,{children:e.jeCredit.account?.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:e.jeCredit.account?.accountName??Ct})})})]}):null,e.jeScheduleType!=="fixed_assets"?t.jsx(ne,{style:{width:fe.COLUMN_FOUR}}):null,t.jsx(ne,{style:{width:fe.COLUMN_FIVE}})]})]}),t.jsxs(Vo,{children:[t.jsx(xn,{onClick:()=>{e.jeScheduleId!=null&&e.jeScheduleType!=null&&p(e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":z("je-schedule-draft-component-review-button",e.jeScheduleId),label:qu,variant:"primary",size:"small",className:"item-value-container",style:{minWidth:vo}}),t.jsx(xn,{"data-testid":z("je-schedule-draft-component-ignore-button",e.jeScheduleId),className:"item-value-container",label:Ju,size:"small",reverseSpinnerColor:!1,loading:n?.fetchState==="In-Progress",onClick:()=>{e.jeScheduleType!=null&&c(e.jeScheduleTransactionKey,e.jeScheduleType)},style:{minWidth:vo}})]})]}),t.jsxs(fd,{children:[t.jsx(Gu,{}),t.jsx(Yu,{children:At.aiAccountant}),t.jsx(Xu,{children:At.zeniGPTText})]})]}),Gu=a(wn)`
846
- height: ${o.sp3};
847
- width: ${o.sp3};
848
- margin-right: ${o.sp1};
849
- path {
850
- stroke-width: 2;
851
- }
852
- `,Yu=a(js)`
853
- color: ${e=>e.theme.colors.brandColorSapphire};
854
- `,Xu=a(ze)`
855
- color: ${e=>e.theme.colors.primary};
856
- `,{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:{addVendor:Si}}},expenseAutomation:{jeSchedules:Ve},common:{currency:ut,retry:Qu,strings:{hyphen:Ue,empty:ji},texts:Qt},dateFormat:ki}=ke.getLocalizedStrings(),{common:eh,timeframe:{month:Ii}}=ke.getLocalizedStrings(),nt="jeSchedulePage",$i=e=>`${e}_form`,Wo=(e,n)=>`${e}.${n}`,Ti=Wo(nt,"vendor"),Li=Wo(nt,"scheduleExpenseCategory"),Ai=Wo(nt,"accumulatedDepreciationCategory"),th=({allAccountGroupedOptions:e,allAccountList:n,allClassGroupedOptions:c,allClassList:r,allDepAccountGroupedOptions:p,allDepAccountList:h,draft:s,localData:d,postStatus:l,uncategorizedAccounts:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,jeScheduleClickHandler:f,onFormDataChange:y,onPostJESchedule:b})=>{const{updatedAccumulatedDepreciationCategoryID:v,updatedCategoryId:j,updatedVendor:C}=d,T={vendor_deleted:"updatedVendor",debit_category_deleted:"updatedCategoryId",credit_category_deleted:"updatedAccumulatedDepreciationCategoryID",qbo_authorization_error:"jeScheduleID",qbo_book_close_date_error:"jeScheduleID",qbo_error:"jeScheduleID",qbo_invalid_company_status_error:"jeScheduleID"},k=i.useRef(),S=Kt({mode:"all",reValidateMode:"onChange",defaultValues:Ei(d,e,c,p,n,r,h,g.entityAutoCompleteView),values:Ei(d,e,c,p,n,r,h,g.entityAutoCompleteView)}),E={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:300})},M={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:350})},L=(s?.scheduledJournalEntry.error??[]).every(R=>{const K=T[R];return!(d!=null&&K&&(K==="updatedAccumulatedDepreciationCategoryID"&&d.updatedAccumulatedDepreciationCategoryID==null||K==="updatedCategoryId"&&d.updatedCategoryId==null||K==="updatedVendor"&&(d.updatedVendor?.id==null||d.updatedVendor?.id===""||d.updatedVendor?.name==null||d.updatedVendor?.name==="")))}),O=async(R,K)=>{if(R!=null){const G=K[nt],{scheduledJournalEntryID:W,vendor:A}=G;if(R.includes("vendor")){const P=A?.defaultOptions.map(U=>U.value);if(A?.selectedOption!=null&&P?.includes(A.selectedOption)!==!0){const U=g.entityAutoCompleteView.vendor.find(F=>F.id===A.selectedOption);U!=null&&S.setValue(`${nt}.vendor.defaultOptions`,[{label:U.name??eh.strings.empty,value:U.id}])}else A?.selectedOption==null&&A?.defaultOptions.length!==0&&S.setValue(`${nt}.vendor`,{selectedOption:void 0,defaultOptions:[]})}y(W,{...G,vendor:A})}};i.useEffect(()=>{const R=S.watch((K,{name:G})=>{G!=null&&K!=null&&Cn(()=>O(G,K))});return()=>{R.unsubscribe()}}),i.useEffect(()=>{g.entityAutoCompleteView.fetchState==="Completed"&&k.current?.(Ls(g.entityAutoCompleteView))},[g.entityAutoCompleteView.fetchState]);const w=S.handleSubmit(()=>{b(s.scheduledJournalEntry.scheduledJournalEntryID,s.jeScheduleTransactionKey)}),$=R=>n.filter(K=>K.qboId===R)[0]?.qboId,B=R=>h.filter(K=>K.qboId===R)[0]?.qboId,V=R=>[m.expense?.qboId,m.income?.qboId].includes(R),q=S.watch("jeSchedulePage.vendor"),N=(R,K)=>{u.onAutoCompleteInputChange?.(R,"vendor"),k.current=K},H=s.scheduledJournalEntry.error?.includes("vendor_deleted")===!0,le=s.scheduledJournalEntry.error?.includes("debit_category_deleted")===!0,_=s.scheduledJournalEntry.error?.includes("credit_category_deleted")===!0,X=s.vendor.name.split("(deleted)")[0]?.toString(),Q=s.jeDebit.account?.accountName.split("(deleted)")?.[0]?.toString()??ji,ae=s.jeCredit.account?.accountName.split("(deleted)")[0]?.toString()??ji,[ee,he]=i.useState(le===!0&&j==null),[Z,te]=i.useState(_===!0&&v==null),[J,D]=i.useState(H&&(C?.id==null||C?.id==""));return i.useEffect(()=>{ee===!1&&d.updatedCategoryId==null&&S.setFocus(Li),Z===!1&&d.updatedAccumulatedDepreciationCategoryID==null&&S.setFocus(Ai),J===!1&&d.updatedVendor?.id==null&&S.setFocus(Ti)},[ee,Z,J,d,S]),t.jsx(Zt,{...S,children:t.jsx("form",{style:{width:"100%"},id:$i(`${nt}_${s.jeScheduleId}`),onSubmit:w,children:t.jsx(No,{showBorder:L,onClick:R=>{s.jeScheduleType!=null&&s.jeScheduleId!=null&&f(R,s.jeScheduleId,s.jeScheduleTransactionKey,s.jeScheduleType)},"data-testid":z("je-schedule-resolve-component-schedule",`${nt}_${s.jeScheduleId}`),children:t.jsxs(Po,{children:[t.jsxs(Ho,{children:[t.jsxs(Fo,{children:[H===!0?t.jsx(ne,{style:{width:fe.COLUMN_ONE,padding:x[0],justifyContent:"center"},showHoverEffect:H,forceHoverEffect:J===!1&&(d?.updatedVendor?.id==null||d?.updatedVendor?.id==""),children:t.jsxs(ht,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsxs(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:[Qt.vendor,t.jsx(we,{display:"flex",placement:"top-start",title:t.jsx(Mn,{children:Ve.tooltipText.missingVendor.replace("_deleted_vendor_",X)}),children:t.jsx(Xn,{})})]}),t.jsx(ce,{style:{gap:x[3],marginLeft:-2},className:"item-value-container",children:t.jsx(t.Fragment,{children:J===!0?t.jsxs(ge,{onClick:R=>{R.stopPropagation(),D(!1)},"data-testid":z("je-schedule-resolve-component-add-vendor-button",`${nt}_${s.jeScheduleId}`),style:{display:"inline-flex",alignItems:"center",gap:x[2],color:Qe.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Yn,{}),Si]}):t.jsx(Co,{name:Ti,placeholder:Si,valueToId:R=>R,defaultValue:{selectedOption:q?.selectedOption,defaultOptions:q?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:R=>!!R.selectedOption},loadOptions:N})})})]})}):t.jsxs(ne,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp0} ${o.sp2} ${o.sp3}`},children:[t.jsx(re,{children:Qt.vendor}),t.jsx(ce,{children:t.jsxs(t.Fragment,{children:[s.vendor.logo?.href!=null?t.jsx(Ts,{photoUrl:s.vendor.logo.href,styles:{width:x[4],height:x[4]}}):t.jsx(gn,{name:s.vendor.name}),t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:s.vendor.name!==null?t.jsx(qe,{children:s.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:s.vendor.name??Ue})})]})})]}),t.jsxs(ne,{children:[t.jsx(re,{children:Ve.scheduleHeaders.scheduleCategory}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:s.baseTransaction.account.accountName!=null?t.jsx(qe,{children:s.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:s.baseTransaction.account.accountName??Ue})})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_THREE},children:[t.jsx(re,{children:Ve.scheduleHeaders.startMonth}),t.jsx(ce,{children:t.jsx(ge,{className:"highlight",children:s.startDate?.format(ki.visual.MMMCommaYYYYFormat)??Ue})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(re,{children:Ve.scheduleHeaders.period}),t.jsx(ce,{children:t.jsx(ge,{className:"highlight",children:s.period!=null?`${s.period} ${s.period===1?Ii.slice(0,-1):Ii}`:Ue})})]}),t.jsxs(ne,{style:{alignItems:"flex-end",width:fe.COLUMN_FIVE},children:[t.jsx(re,{children:Qt.totalAmount}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",title:t.jsx(qe,{children:Je("0,0.[00]",Wt(s.baseTransaction.amount.amount,ut.currencyCode,ut.currencySymbol))??Ue}),children:t.jsx(ge,{className:"highlight",children:Je("0,0.[00]",Wt(s.baseTransaction.amount.amount,ut.currencyCode,ut.currencySymbol))??Ue})})})]})]}),t.jsxs(zo,{children:[le===!0?t.jsx(ne,{showHoverEffect:le===!0,forceHoverEffect:d?.updatedCategoryId==null&&ee===!1,style:{padding:"unset",justifyContent:"center",width:fe.COLUMN_ONE},children:t.jsxs(ht,{className:"hover-background",children:[t.jsxs(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:[Qt.category,le===!0?t.jsx(we,{display:"flex",placement:"top-start",title:t.jsx(Mn,{children:Ve.tooltipText.missingCategory.replace("_deleted_category_",Q)}),children:t.jsx(Xn,{})}):null]}),t.jsx(ce,{className:"item-value-container",style:{marginLeft:le===!0?-2:0},children:le===!0?t.jsx(t.Fragment,{children:ee===!0?t.jsxs(ge,{onClick:R=>{R.stopPropagation(),he(!1)},style:{display:"inline-flex",alignItems:"center",gap:x[1],color:Qe.brandColorGoldDark,cursor:"pointer"},"data-testid":z("je-schedule-resolve-component-add-category-button",`${nt}_${s.jeScheduleId}`),children:[t.jsx(Yn,{}),Ve.addCategory]}):t.jsx(nn,{shouldShowChevronIcon:!1,name:Li,placeholder:Ve.addCategory,valueToId:R=>$(R),defaultValue:{allOptions:e},registerOptions:{required:!0,validate:R=>!!R.selectedOption},disableCurrentOption:V,customStyleConfig:E})}):t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:s.jeDebit.account?.accountName!=null?t.jsx(qe,{children:s.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:s.jeDebit.account?.accountName??Ue})})})]})}):t.jsxs(ne,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Qt.category}),t.jsx(ce,{className:"item-value-container",children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:s.jeDebit.account?.accountName!=null?t.jsx(qe,{children:s.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:s.jeDebit.account?.accountName??Ue})})})]}),t.jsxs(ne,{children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Qt.classText}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:s.jeDebit.accountingClass?.className!=null?t.jsx(qe,{children:s.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:s.jeDebit.accountingClass?.className??Ue})})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_THREE},children:[t.jsx(re,{children:Ve.scheduleHeaders.type}),t.jsx(ce,{className:"test",children:t.jsx(ge,{className:"highlight",style:{width:"unset"},children:t.jsx(Gs,{children:Ve.scheduleTypes[s.jeScheduleType??"prepaid_expenses"]})})})]}),s.jeScheduleType==="fixed_assets"?t.jsx(t.Fragment,{children:_===!0?t.jsx(ne,{style:{width:fe.COLUMN_FOUR,padding:"unset",justifyContent:"center"},showHoverEffect:_,forceHoverEffect:d.updatedAccumulatedDepreciationCategoryID==null&&Z===!1,children:t.jsxs(ht,{className:"hover-background",style:{padding:x[2],paddingLeft:x[3]},children:[t.jsxs(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:[Ve.scheduleHeaders.accumulatedCategory,_===!0?t.jsx(we,{display:"flex",placement:"top-end",title:t.jsx(Mn,{children:Ve.tooltipText.missingDepCategory.replace("_deleted_dep_category_",ae)}),children:t.jsx(Xn,{})}):null]}),t.jsx(ce,{className:"item-value-container",style:{marginLeft:_===!0?-2:0},children:_===!0?t.jsx(t.Fragment,{children:Z===!0?t.jsxs(ge,{onClick:R=>{R.stopPropagation(),te(!1)},style:{display:"inline-flex",alignItems:"center",gap:x[1],color:Qe.brandColorGoldDark,cursor:"pointer"},"data-testid":z("je-schedule-resolve-component-add-depreciation-category-button",`${nt}_${s.jeScheduleId}`),children:[t.jsx(Yn,{}),Ve.addDepCategory]}):t.jsx(nn,{shouldShowChevronIcon:!1,showDownChevronWithValue:!1,name:Ai,placeholder:Ve.addDepCategory,valueToId:R=>B(R),defaultValue:{allOptions:p},registerOptions:{required:!0,validate:R=>!!R.selectedOption},customStyleConfig:M,disableCurrentOption:V})}):t.jsx(we,{display:"block",placement:"bottom",title:s.jeCredit.account?.accountName!=null?t.jsx(qe,{children:s.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:s.jeCredit.account?.accountName??Ue})})})]})}):t.jsxs(ne,{style:{width:fe.COLUMN_FOUR,padding:`${o.sp2} ${o.sp2} ${o.sp2} ${o.sp3}`,justifyContent:"center"},children:[t.jsx(re,{style:{display:"flex",alignItems:"center",gap:x[1]},children:Ve.scheduleHeaders.accumulatedCategory}),t.jsx(we,{display:"block",placement:"bottom",title:s.jeCredit.account?.accountName!=null?t.jsx(qe,{children:s.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ge,{className:"highlight",children:s.jeCredit.account?.accountName??Ue})})]})}):null,s.jeScheduleType!=="fixed_assets"?t.jsx(ne,{style:{width:fe.COLUMN_FOUR}}):null,t.jsx(ne,{style:{width:fe.COLUMN_FIVE}})]}),t.jsxs(gd,{children:[t.jsx(ne,{style:{padding:"unset",width:fe.COLUMN_ONE},children:t.jsxs(xd,{children:[t.jsx(re,{children:Ve.scheduleHeaders.jePostingDate}),t.jsx(ce,{children:t.jsx(ge,{className:"highlight",children:s.scheduledJournalEntry.expectedPostDate.format(ki.visual.MMMDCommaYYFormat)??Ue})})]})}),t.jsxs(ne,{children:[t.jsx(re,{children:Ve.scheduleHeaders.balance}),t.jsx(ce,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(qe,{children:Je("0,0.[00]",Wt(s?.scheduledJournalEntry?.runningBalance?.amount??0,ut.currencyCode,ut.currencySymbol))??Ue}),children:t.jsx(ge,{className:"highlight",children:Je("0,0.[00]",Wt(s?.scheduledJournalEntry?.runningBalance?.amount??0,ut.currencyCode,ut.currencySymbol))??Ue})})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_THREE},children:[t.jsx(re,{children:Ve.scheduleHeaders.months}),t.jsx(ce,{children:t.jsxs(ge,{className:"highlight",children:[s.scheduledJournalEntry.expectedPostDate.diff(s.startDate,"month")+1,"/",s.period]})})]}),t.jsx(ne,{style:{width:fe.COLUMN_FOUR}}),t.jsxs(ne,{style:{alignItems:"flex-end",width:fe.COLUMN_FIVE},children:[t.jsx(re,{children:Ve.scheduleHeaders.amountForMonth}),t.jsx(ce,{children:t.jsx(ge,{className:"highlight",children:Je("0,0.[00]",Wt(s.scheduledJournalEntry.amount?.amount??0,ut.currencyCode,ut.currencySymbol))??Ue})})]})]})]}),t.jsx(Vo,{children:t.jsx(xn,{form:$i(`${nt}_${s.jeScheduleId}`),label:Qu,variant:"primary",className:"item-value-container",type:"submit",loading:l?.fetchState==="In-Progress",size:"small",disabled:!L,style:{minWidth:vo}})})]})})})})},Ei=(e,n,c,r,p,h,s,d)=>{const l=e.updatedCategoryId,m=e.updatedVendor,u=m!=null?d.vendor.find(j=>j.zeniId===m.id):void 0,g=e.updatedAccumulatedDepreciationCategoryID,f=e.updatedClassId,y=l!=null?p.find(j=>j.accountId===l):void 0,b=g!=null?s.find(j=>j.accountId===g):void 0,v=f!=null?h.find(j=>j.classId===f):void 0;return{[nt]:{jeScheduleID:e.jeScheduleID,scheduledJournalEntryID:e.scheduledJournalEntryID,jeScheduleType:e.jeScheduleType,scheduleExpenseCategory:{selectedOption:y?.qboId,allOptions:n},accumulatedDepreciationCategory:{selectedOption:b?.qboId,allOptions:r},vendor:{selectedOption:u?.id??m?.id,defaultOptions:Os(d,u??m)},scheduleClass:{selectedOption:v?.classId,allOptions:c}}}},Yn=a(Hn)`
857
- width: ${o.sp3};
858
- height: ${o.sp3};
859
- `,Xn=a(Ms)`
860
- width: 12px;
861
- height: 12px;
862
- color: ${Qe.important};
863
- `;function aa(){return t.jsx(qs,{children:t.jsxs(Js,{children:[t.jsxs(Ks,{children:[t.jsx(_e,{width:x[9],height:27,style:{marginBottom:x[2]}}),t.jsx(Ri,{})]}),t.jsxs(Zs,{children:[t.jsx(_e,{width:x[9],height:27,style:{marginBottom:x[2]}}),t.jsx(Ri,{})]})]})})}const Ri=()=>t.jsx(No,{style:{minWidth:1088},children:t.jsxs(Po,{children:[t.jsxs(Ho,{children:[t.jsxs(Fo,{children:[t.jsxs(ne,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(re,{children:t.jsx(_e,{width:x[10],height:14})}),t.jsxs(ce,{style:{gap:x[2]},children:[t.jsx(Do,{height:x[4],width:x[4]}),t.jsx(_e,{height:x[4],width:x[10]})]})]}),t.jsxs(ne,{children:[t.jsx(re,{children:t.jsx(_e,{width:101,height:14})}),t.jsx(ce,{children:t.jsx(_e,{height:x[4],width:203})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_THREE},children:[t.jsx(re,{children:t.jsx(_e,{width:x[9],height:14})}),t.jsx(ce,{children:t.jsx(_e,{height:x[4],width:71})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]},children:[t.jsx(re,{children:t.jsx(_e,{width:107,height:14})}),t.jsx(_e,{height:x[4],width:68})]}),t.jsxs(ne,{style:{alignItems:"flex-end",width:fe.COLUMN_FIVE},children:[t.jsx(re,{children:t.jsx(_e,{width:73,height:14})}),t.jsx(ce,{children:t.jsx(_e,{height:x[4],width:49})})]})]}),t.jsxs(zo,{children:[t.jsxs(ne,{style:{width:fe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(re,{children:t.jsx(_e,{width:49,height:14})}),t.jsx(ce,{children:t.jsx(_e,{height:x[4],width:158})})]}),t.jsxs(ne,{children:[t.jsx(re,{children:t.jsx(_e,{width:36,height:14})}),t.jsx(ce,{children:t.jsx(_e,{height:x[4],width:88})})]}),t.jsxs(ne,{style:{width:fe.COLUMN_THREE},children:[t.jsx(re,{children:t.jsx(_e,{width:36,height:14})}),t.jsx(ce,{children:t.jsx(_e,{height:x[4],width:100})})]}),t.jsx(ne,{style:{width:fe.COLUMN_FOUR,paddingLeft:x[3]}}),t.jsx(ne,{style:{width:fe.COLUMN_FIVE}})]})]}),t.jsxs(Vo,{children:[t.jsx(_e,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}}),t.jsx(_e,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}})]})]})}),_e=a(Mt)`
864
- border-radius: ${o.sp1};
865
- `,{common:{create:nh,resolve:oh}}=ke.getLocalizedStrings();function ih({jeSchedules:e,vendorSearchAutoCompleteData:n,handleJeScheduleClick:c,onJESchedulesFormDataChange:r,onPostJESchedule:p,ignoreRecommendedJeSchedule:h,vendorSearchAutoCompleteActions:s,setCurrentFooterFormId:d}){const l=e.draftSchedules,m=e.jeScheduleLocalDataById,u=e.postStatusById,g=e.ignoreStatusById,f=i.useRef(!1),[y,b]=i.useState(!1),v=i.useRef($=>{$&&!f.current&&(f.current=!0,b(!0))});yn({componentName:"expense_automation.je_schedules",enabled:y});const j=e.resolveSchedules,C=e.uncategorizedAccounts,{allAccountList:T,allClassList:k,allDepreciationAccountList:S}=e,E=Ot(e.accountListNestedAccountHierarchy),M=Ot(e.allDepreciationAccountListNestedAccountHierarchy),L=On(e.classListNestedAccountHierarchy),O=($,B,V)=>{c($,B,V)},w=($,B,V,q)=>{let N=$.target;for(;N;){if(N.classList.contains("item-value-container")||N.classList.contains("hover-background")||N.classList.contains("auto-complete-single-select-field__input")||N.classList.contains("auto-complete-single-select-field__option")||N.classList.contains("grouped-single-select-field__input")||N.classList.contains("grouped-single-select-field__menu"))return;N=N.parentElement}c(B,V,q)};return i.useEffect(()=>{if(j.length!==0){for(const $ in m)if(Object.prototype.hasOwnProperty.call(m,$)){const{updatedAccumulatedDepreciationCategoryID:B,updatedCategoryId:V,updatedVendor:q}=m[$];if(B!=null||V!=null||q!=null&&q?.id!==""){d("expenseAutomationJESchedulePage");break}else d("expenseAutomationPage")}}else j.length===0&&d("expenseAutomationPage")}),i.useEffect(()=>()=>{d("expenseAutomationPage")},[]),e.fetchState==="In-Progress"?t.jsx(aa,{}):l.length!==0||j.length!==0?t.jsx(qs,{children:t.jsxs(Js,{children:[l.length>0?t.jsxs(Ks,{children:[t.jsxs(Mi,{children:[nh,t.jsx(Bi,{isCircular:l.length<10,children:t.jsx(_i,{children:l.length})})]}),t.jsx(Di,{"data-testid":z("expense-automation","draft-je-schedules"),children:l.map(($,B)=>t.jsx(Oi,{ref:v.current,children:t.jsx(Zu,{ignoreStatus:g[$.jeScheduleTransactionKey],ignoreRecommendedJeSchedule:h,onReviewClickHandler:O,jeScheduleClickHandler:w,draft:$})},`${B}_${$.jeScheduleId}`))})]}):null,j.length>0?t.jsxs(Zs,{children:[t.jsxs(Mi,{children:[oh,t.jsx(Bi,{isCircular:j.length<10,children:t.jsx(_i,{children:j.length})})]}),t.jsx(Di,{"data-testid":z("expense-automation","resolve-je-schedules"),children:j.map(($,B)=>m[$.scheduledJournalEntry.scheduledJournalEntryID]==null?null:t.jsx(Oi,{ref:v.current,children:t.jsx(th,{vendorSearchAutoCompleteActions:s,vendorSearchAutoCompleteData:n,jeScheduleClickHandler:w,onPostJESchedule:p,uncategorizedAccounts:C,allAccountList:T,allAccountGroupedOptions:E,allClassGroupedOptions:L,allClassList:k,allDepAccountGroupedOptions:M,allDepAccountList:S,draft:$,postStatus:u[$.scheduledJournalEntry.scheduledJournalEntryID],localData:m[$.scheduledJournalEntry.scheduledJournalEntryID],onFormDataChange:r})},`${B}_${$.jeScheduleTransactionKey}`))})]}):null]})}):null}const Di=a.div`
866
- display: flex;
867
- flex-direction: column;
868
- gap: ${o.sp4};
869
- min-width: 1088px;
870
- `,Oi=a.div``,Mi=a(hs)`
871
- color: ${e=>e.theme.colors.primary};
872
- padding: ${o.sp2} ${o.sp0};
873
- display: flex;
874
- align-items: center;
875
- gap: ${o.sp1};
876
- `,Bi=a.div`
877
- border-radius: ${o.sp12};
878
- display: flex;
879
- justify-content: center;
880
- border: ${e=>`1px solid ${e.theme.colors.grey1}`};
881
- color: ${e=>e.theme.colors.hero};
882
- ${e=>e.isCircular?De`
883
- height: ${o.sp3};
884
- width: ${o.sp3};
885
- padding: ${o.sp0};
886
- `:De`
887
- height: 18px;
888
- padding: ${vr.padding};
889
- `}
890
- `,_i=a(Sr)`
891
- color: ${e=>e.theme.colors.hero};
892
- height: 100%;
893
- width: 100%;
894
- display: flex;
895
- align-items: center;
896
- justify-content: center;
897
- color: inherit;
898
- `;function sh({expenseAutomationViewSelector:e,currentFooterFormId:n,setResetJeAccountSettingsForm:c,vendorSearchAutoCompleteData:r,onJESchedulesFormDataChange:p,onPostJESchedule:h,handleJeScheduleClick:s,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:l,ignoreRecommendedJeSchedule:m,vendorSearchAutoCompleteActions:u,setCurrentFooterFormId:g,setIsJeAccountSettingsOpened:f}){const{jeSchedules:y}=e;return y.fetchState==="In-Progress"||y.accountSettingsView.fetchState==="In-Progress"?t.jsx(aa,{}):y.accountSettingsView.fetchState==="Completed"&&y.accountSettingsView.accountSettingsLocalData.previousPrepaidExpensesAccount.length===0&&y.accountSettingsView.accountSettingsLocalData.previousFixedAssetsAccount.length===0?t.jsx(Hu,{setIsJeAccountSettingsOpened:f,setResetJeAccountSettingsForm:c,currentFooterFormId:n,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:l,accountSettings:y.accountSettingsView,setCurrentFooterFormId:g}):y.fetchState==="Completed"&&y.draftSchedules.length===0&&y.resolveSchedules.length===0?t.jsx(St,{tab:e.currentSelectedView,title:We(e.currentSelectedView).allDoneText.title,subTitle:We(e.currentSelectedView).allDoneText.subTitle}):y.fetchState==="Completed"?t.jsx(ih,{setCurrentFooterFormId:g,handleJeScheduleClick:s,ignoreRecommendedJeSchedule:m,jeSchedules:e.jeSchedules,onJESchedulesFormDataChange:p,onPostJESchedule:h,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:r}):null}const ah=72,ra=50,rh=1,lh=["receipts"],Fi=e=>_s(e,lh),{common:{texts:{vendor:ch,amount:dh,receipts:uh,category:hh,classText:ph,date:mh}}}=ke.getLocalizedStrings(),la={key:"vendor",value:ch,sortOrder:"ascending",width:new Y(18,18)},gh={key:"category",value:hh,sortOrder:"ascending",width:new Y(18,18)},xh={key:"class",value:ph,sortOrder:"ascending",width:new Y(18,18)},fh={key:"date",value:mh,sortOrder:"descending",width:new Y(11,11)},yh={key:"receipts",value:uh,sortOrder:"descending",width:new Y(6,6)},ca={key:"amount",value:dh,sortOrder:"ascending",width:new Y(10,10)},hn=[la,gh,xh,fh,yh,ca],da=[{...la,width:new Y(65,65)},{...ca,width:new Y(30,30)}],Qn={sortKey:"date",sortOrder:"descending"},zi={containerPaddingLeftRight:new Y(x[3],x[4])},ua=({sortConfig:e,isDisabled:n,onColumnSortConfigChanged:c})=>{const r=je(),p=Bt(),h=p?da:hn,[s,d]=i.useState(h);i.useEffect(()=>{const u=[...h];for(const g of u)g.key===e.sortKey?g.sortOrder=e.sortOrder:g.sortOrder="ascending";d(u)},[e.sortKey,e.sortOrder,p]);const l=(u,g)=>{let f=g;e.sortKey===u&&(f=g==="ascending"?"descending":"ascending"),c(u,f)},m=u=>{Fi(u.key)==null&&l(Gr(u.key),u.sortOrder)};return t.jsx(Ch,{windowSize:r,children:s.map((u,g)=>{const f=n!=null||Fi(u.key)!=null;return t.jsxs(wh,{sortDataValue:e.sortKey,actualDataValue:u.key,wrapperWidth:u.width,isSortDisabled:f,windowSize:r,isLastItem:g===s.length-1,style:u.key==="receipts"?{justifyContent:"center"}:void 0,children:[t.jsxs(kh,{onClick:()=>f?null:m(u),isSortDisabled:f,children:[t.jsx(Ih,{children:u.value}),f?null:t.jsx(vh,{sortConfig:e,headerData:u,children:t.jsx(jh,{})})]}),f?null:t.jsx(Sh,{isSortDisabled:f,sortDataValue:e.sortKey,isVisible:e.sortKey===u.key&&e.sortKey!==Qn.sortKey,children:t.jsx(bh,{onClick:()=>{f||l(Qn.sortKey,Qn.sortOrder)},"data-testid":z("missing-receipts-header-close-icon",u.key)})})]},u.key)})})},Ch=a.div`
899
- top: ${o.sp0};
900
- left: ${o.sp0};
901
- height: ${ra}px;
902
- z-index: 2;
903
- display: flex;
904
- align-items: center;
905
- justify-content: space-between;
906
- box-sizing: border-box;
907
- background-color: ${e=>e.theme.colors.grey4};
908
- position: sticky;
909
- padding-left: ${e=>zi.containerPaddingLeftRight.valuePx(e.windowSize)};
910
- padding-right: ${e=>zi.containerPaddingLeftRight.valuePx(e.windowSize)};
911
- `,wh=a.div`
912
- color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
913
- width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
914
- max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
915
- padding-left: ${o.sp0};
916
- left: ${o.sp0};
917
- display: flex;
918
- align-items: center;
919
- gap: 6px;
920
- justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
921
- position: static;
922
- z-index: 0;
923
- box-sizing: border-box;
924
- `,bh=a(Vn)`
925
- width: ${o.sp2};
926
- height: ${o.sp2};
927
- cursor: pointer;
928
- `,vh=a.div`
929
- display: flex;
930
- align-items: center;
931
- transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
932
- `,Sh=a.div`
933
- display: ${e=>e.isVisible?"flex":"none"};
934
- align-items: center;
935
- cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
936
- &:hover {
937
- color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
938
- }
939
- `,jh=a(Nn)`
940
- width: ${o.sp2};
941
- height: ${o.sp2};
942
- `,kh=a.div`
943
- display: flex;
944
- cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
945
- gap: 6px;
946
- &:hover {
947
- color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
948
- }
949
- `,Ih=a(gt)`
950
- display: flex;
951
- `,{common:{strings:{underscore:ha,hyphen:eo,empty:Pi},documents:{singleFileUploadSizeErrorMessage:$h,multipleFileUploadSizeErrorMessage:Th},snackBar:{missing_receipts_attachment:{failed:Lh}},tooltips:{addMissingReceipt:Ah}},dateFormat:Eh}=ke.getLocalizedStrings(),Rn={containerPaddingLeftRight:new Y(x[3],x[4]),containerPaddingTopBottom:new Y(x[2],x[3])},Rh=({transaction:e,uploadReceiptsFetchState:n,receiptUploadEndpoint:c,authParams:r,selectedPeriod:p,onUploadReceiptComplete:h,onMissingReceiptsRowClick:s,onUploadReceiptFetchStatus:d,onUploadReceiptAttachment:l})=>{const m=je(),u=Bt(),g=i.useRef(null),f=i.useCallback(async(j,C,T,k,S)=>{d(e.id,"In-Progress"),await tl(j,C,T,k,S).then(({uploadResponse:E,errorMessage:M})=>{E!=null?E.transaction.attachments!=null&&(l(E.transaction),setTimeout(()=>h(E.transaction,p),2e3)):d(e.id,"Error",{code:500,message:Lh},M)}).catch(E=>{d(e.id,"Error",E)})},[e.id,p,l,h,d]),y=i.useCallback(j=>{if(j.target.files!=null){const C=j.target.files,T=[],k=[];for(let S=0;S<C.length;S++)T.push(C[S].name),k.push(C[S]);f(c,r,C[0],C[0].name,{id:e.id,type:e.type})}},[r,f,c,e.id,e.type]),b=i.useCallback(()=>{u||g.current?.click()},[g,u]),v=u?da:hn;return t.jsx(pa,{className:"missing-receipts-row-card",windowSize:m,isCompressedMode:u,onClick:()=>s(e.id,e.type),"data-testid":z("missing-receipts-list-row",e.id),children:v.map((j,C)=>{const T=`${e.id}${ha}${j.key}`;switch(j.key){case"vendor":default:return t.jsx(Ut,{windowSize:m,wrapperWidth:j.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===v.length-1,children:t.jsxs(Bn,{children:[t.jsx($s,{photoUrl:e.vendorId!=null?e.logo?.toString()??Pi:Pi,styles:{width:o.sp4,height:o.sp4,borderRadius:o.sp0},placeholder:{width:x[4],height:x[4]},fallbackAvatar:t.jsx(zh,{children:t.jsx(gn,{name:e.vendorName??e.description,size:o.sp4})})}),t.jsx(ot,{text:e.vendorName??e.description,itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"}})]})})},T);case"category":case"class":{const k=e.lines!=null&&e.lines.length>0&&e.lines[0]?.account!=null&&e.lines[0].account.accountName?e.lines[0].account.accountName:eo,S=e.lines!=null&&e.lines.length>0&&e.lines[0]?.class!=null&&e.lines[0].class.className?e.lines[0].class.className:eo,E=j.key==="category"?k:S;return t.jsx(Ut,{windowSize:m,wrapperWidth:j.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===v.length-1,children:t.jsx(Bn,{children:E!==eo?t.jsx(ot,{text:E,itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"}}):t.jsx(Fh,{children:E})})})},T)}case"date":return t.jsx(Ut,{windowSize:m,wrapperWidth:j.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===v.length-1,children:t.jsx(Bn,{children:t.jsx(ot,{text:e.date.format(Eh.visual.MMMDCommaYYYYformat),itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"}})})})},T);case"receipts":return t.jsx(Ut,{windowSize:m,wrapperWidth:j.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===v.length-1,style:{justifyContent:"center"},children:n.fetchState==="In-Progress"?t.jsx(ws,{size:"Small",style:{display:"flex"},start:!0}):n.fetchState==="Completed"||e.attachments!=null&&e.attachments.length>0?t.jsx(br,{shouldDisplay:!0,width:x[4],height:x[4],animationInLoop:!1,shouldFade:!1,onAnimationComplete:()=>null}):t.jsxs(t.Fragment,{children:[t.jsx(_h,{onClick:k=>{k.stopPropagation()},children:t.jsx(Cs,{"data-testid":z("missing-receipts-file-input",e.id),name:`missing-receipts-${e.id}`,fileRef:g,sizeLimit:Un,multiple:!1,acceptableTypes:[...Yr],onFileChange:y,onFileSizeError:(k,S)=>{k&&d(e.id,"Error",{code:500,message:S===!0?$h.replace("__maxFileSize__",Go(Un,0)):Th.replace("__maxFileSize__",Go(Un,0))})}})}),t.jsx(we,{display:"flex",placement:"bottom",title:Ah,enterDelay:600,children:t.jsx(Bh,{onClick:k=>{k.stopPropagation(),b()}})})]})})},T);case"amount":{const k=Je("0,0.[00]",e.amount);return t.jsx(Ut,{windowSize:m,wrapperWidth:j.width,children:t.jsx(qt,{windowSize:m,isLastItem:C===v.length-1,children:t.jsx(ot,{text:e.amount.amount<0?`-${k}`:k,itemTextStyle:{...Dt.standardRegular.cssObject,color:"inherit"}})})},T)}}})})},Dh=()=>{const e=je(),n=i.useRef(null),[c,r]=i.useState(0);return i.useLayoutEffect(()=>{n.current&&r(n.current.offsetWidth)},[e]),t.jsx(pa,{windowSize:e,isCompressedMode:!1,ref:n,children:hn.map((p,h)=>{const s=`${h}${ha}${p.key}`;switch(p.key){case"vendor":return t.jsx(Ut,{windowSize:e,wrapperWidth:p.width,children:t.jsx(qt,{windowSize:e,isLastItem:h===hn.length-1,children:t.jsxs(Bn,{children:[t.jsx(Do,{width:x[4],height:x[4]}),t.jsx(Mt,{width:c*p.width.value(e)/100,height:x[4],style:{display:"flex",alignItems:"center"}})]})})},s);default:return t.jsx(Ut,{windowSize:e,wrapperWidth:p.width,children:t.jsx(qt,{windowSize:e,isLastItem:h===hn.length-1,children:t.jsx(Mt,{width:c*p.width.value(e)/100,height:x[4],style:{display:"flex",alignItems:"center"}})})},s)}})})},pa=a.div`
952
- display: flex;
953
- background-color: ${e=>e.theme.colors.grey5};
954
- padding-left: ${e=>Rn.containerPaddingLeftRight.valuePx(e.windowSize)};
955
- padding-right: ${e=>Rn.containerPaddingLeftRight.valuePx(e.windowSize)};
956
- padding-top: ${e=>Rn.containerPaddingTopBottom.valuePx(e.windowSize)};
957
- padding-bottom: ${e=>Rn.containerPaddingTopBottom.valuePx(e.windowSize)};
958
- border: ${e=>`1px solid ${e.theme.colors.grey3}`};
959
- box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
960
- border-radius: ${o.sp2};
961
- color: ${e=>e.theme.colors.hero};
962
- cursor: pointer;
963
- ${e=>!e.isCompressedMode&&De`
964
- &:hover {
965
- border-color: ${e.theme.colors.primary};
966
- color: ${e.theme.colors.primary};
967
- }
968
- `}
969
-
970
- box-sizing: border-box;
971
- align-items: center;
972
- justify-content: space-between;
973
- `,Ut=a.div`
974
- display: flex;
975
- align-items: center;
976
- position: relative;
977
- width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
978
- min-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
979
- :last-of-type {
980
- padding-right: ${o.sp0};
981
- }
982
- `,Oh=De`
983
- word-break: break-all;
984
- white-space: normal;
985
- -webkit-line-clamp: 1;
986
- -webkit-box-orient: vertical;
987
- overflow: hidden;
988
- text-overflow: ellipsis;
989
- display: -webkit-box;
990
- `,Mh=De`
991
- height: ${o.sp3};
992
- width: ${o.sp3};
993
- cursor: pointer;
994
- `,Bh=a(Hn)`
995
- ${Mh};
996
- color: ${e=>e.theme.colors.brandColorGoldDark};
997
- &:hover {
998
- color: ${e=>e.theme.colors.primary};
999
- }
1000
- `,qt=a(ze)`
1001
- overflow: hidden;
1002
- justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
1003
- display: flex;
1004
- width: 100%;
1005
- align-items: center;
1006
- `,_h=a.div``,Bn=a.div`
1007
- display: flex;
1008
- flex-direction: row;
1009
- column-gap: ${o.sp2};
1010
- align-items: center;
1011
- `,Fh=a(ze)`
1012
- ${Oh};
1013
- color: inherit;
1014
- `,zh=a.div`
1015
- display: flex;
1016
- `,Ph=({sortConfig:e,fetchState:n,isDisabled:c,onColumnSortConfigChanged:r})=>{const p=je();return t.jsxs(Nh,{windowSize:p,children:[t.jsx(ua,{sortConfig:e,isDisabled:n==="In-Progress"?"readonly":c,onColumnSortConfigChanged:r}),t.jsx(Vh,{windowSize:p,children:[...Array(3)].map((h,s)=>t.jsx(Dh,{},s))})]})},Nh=a.div`
1017
- display: block;
1018
- min-height: 100%;
1019
- flex-direction: column;
1020
- width: 100%;
1021
- `,Vh=a.div`
1022
- display: flex;
1023
- min-height: 100%;
1024
- flex-direction: column;
1025
- row-gap: ${o.sp3};
1026
- `,{common:Hh}=ke.getLocalizedStrings(),Wh=({missingReceipts:e,receiptUploadEndpoint:n,authParams:c,selectedPeriod:r,isDisabled:p,onMissingReceiptsRowClick:h,onUploadReceiptComplete:s,onUploadReceiptAttachment:d,onUploadReceiptFetchStatus:l,onUpdateMissingReceiptsUIState:m,onFetchMissingReceiptsList:u})=>{const g=je(),{fetchState:f,uiState:y,transactions:b}=e;yn({componentName:"expense_automation.missing_receipts",enabled:f==="Completed"});const v=i.useRef(null),[j,C]=i.useState(!1);i.useEffect(()=>{v.current?.resetAfterIndex(0)},[g,v]),i.useEffect(()=>{f==="Completed"&&C(!1)},[f]);const T=S=>ah,k=(S,E)=>{m({sortOrder:E,sortKey:S})};return t.jsxs(Jh,{children:[t.jsx(Kh,{windowSize:g,children:f==="Error"?t.jsxs(Gh,{windowSize:g,children:[t.jsx(Yh,{onClick:()=>u(),"data-testid":z("missing-receipts-list-table-reload-button"),children:t.jsx($o,{})}),t.jsx(Xh,{children:Hh.reloadPage.label})]}):f==="Completed"&&b.length===0?t.jsx(St,{tab:"missing_receipts",title:We("missing_receipts").allDoneText.title,subTitle:We("missing_receipts").allDoneText.subTitle}):f==="Not-Started"||f==="In-Progress"&&b.length===0?t.jsx(Ph,{sortConfig:{sortKey:y.sortKey,sortOrder:y.sortOrder},fetchState:f,onColumnSortConfigChanged:k}):t.jsx(Zh,{windowSize:g,children:t.jsx(zn,{children:({height:S,width:E})=>t.jsxs(ep,{style:{height:S,width:E},children:[t.jsx(qh,{children:t.jsx(ua,{sortConfig:{sortKey:y.sortKey,sortOrder:y.sortOrder},isDisabled:f==="In-Progress"?"readonly":p,onColumnSortConfigChanged:k})}),t.jsx(Pn,{ref:v,height:S-ra,innerElementType:ma,itemCount:b.length,itemData:{missingReceipts:e,receiptUploadEndpoint:n,authParams:c,isDisabled:p,selectedPeriod:r,onMissingReceiptsRowClick:h,onUploadReceiptComplete:s,onUploadReceiptAttachment:d,onUploadReceiptFetchStatus:l},itemSize:T,width:E,style:{willChange:"auto"},overscanCount:rh,onScroll:({scrollOffset:M})=>{m({scrollPosition:{scrollTop:M}})},initialScrollOffset:y.scrollPosition?.scrollTop,children:Uh})]})})})}),t.jsx(He,{controller:j===!0,children:t.jsx(tp,{children:t.jsx(ws,{size:"Small",start:!0})})})]})},Uh=({index:e,style:n,data:c})=>{const{selectedTransactionId:r}=Eo(),{missingReceipts:p,receiptUploadEndpoint:h,authParams:s,onMissingReceiptsRowClick:d,onUploadReceiptComplete:l,onUploadReceiptAttachment:m,onUploadReceiptFetchStatus:u,selectedPeriod:g}=c,f=p.transactions[e],y=r!=null&&r===f.id;return t.jsx(Qh,{isPanelSelected:y,style:{...n,width:"100%"},children:t.jsx(Rh,{transaction:f,receiptUploadEndpoint:h,authParams:s,selectedPeriod:g,onMissingReceiptsRowClick:d,onUploadReceiptComplete:l,onUploadReceiptAttachment:m,onUploadReceiptFetchStatus:u,uploadReceiptsFetchState:p.uploadReceiptStatusById[f.id]??{fetchState:"Not-Started",error:void 0}},f.id)})},qh=a.div`
1027
- width: auto;
1028
- max-width: var(--side-panel-list-width, 100%);
1029
- padding-right: var(--side-panel-list-item-pr, 0px);
1030
- `,Jh=a.div`
1031
- width: 100%;
1032
- height: 100%;
1033
- background-color: ${e=>e.theme.colors.grey4};
1034
- `,Kh=a.div`
1035
- height: 100%;
1036
- `,Zh=a.div`
1037
- height: 100%;
1038
- display: flex;
1039
- flex-direction: column;
1040
- max-width: 99.9%;
1041
- `,Gh=a.div`
1042
- display: flex;
1043
- width: 100%;
1044
- height: ${e=>`calc(100% - ${ks.valuePx(e.windowSize)})`};
1045
- flex-direction: column;
1046
- justify-content: center;
1047
- align-items: center;
1048
- `,Yh=a.div`
1049
- height: 96px;
1050
- width: 96px;
1051
- background: ${e=>e.theme.colors.background};
1052
- border-radius: 50%;
1053
- cursor: pointer;
1054
- & svg {
1055
- margin: ${o.sp5};
1056
- color: ${e=>e.theme.colors.grey1};
1057
- }
1058
- &:hover {
1059
- & svg {
1060
- color: ${e=>e.theme.colors.primary};
1061
- }
1062
- }
1063
- `,Xh=a(mr)`
1064
- margin-top: ${o.sp3};
1065
- color: ${e=>e.theme.colors.hero};
1066
- `,Qh=a.div`
1067
- top: ${o.sp0};
1068
- left: ${o.sp0};
1069
- padding-bottom: ${o.sp3};
1070
- padding-right: var(--side-panel-list-item-pr, 0px);
1071
- box-sizing: border-box;
1072
- ${e=>e.isPanelSelected===!0&&De`
1073
- .missing-receipts-row-card {
1074
- ${Bo(e.theme)}
1075
- }
1076
- `}
1077
- `,ep=a.div`
1078
- position: relative;
1079
- `,ma=i.forwardRef((e,n)=>{const{style:c,...r}=e;return t.jsx("div",{ref:n,style:{...c,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)",position:"relative"},...r})});ma.displayName="Missing receipts inner element type";const tp=a.div`
1080
- display: flex;
1081
- width: 100%;
1082
- height: ${o.sp3};
1083
- flex-direction: row;
1084
- justify-content: center;
1085
- align-items: center;
1086
- margin-top: ${o.sp3};
1087
- margin-bottom: ${o.sp3};
1088
- `,np=[...Jr],op=7*1024*100,ip=a.div`
1089
- width: ${dn}px;
1090
- `,to=a.div`
1091
- width: ${e=>`${e.availableWidth}px`};
1092
- min-width: auto;
1093
- position: relative;
1094
- height: fit-content;
1095
- min-height: ${o.sp12};
1096
- `,sp=a.div`
1097
- flex-grow: 1;
1098
- overflow: auto;
1099
- min-height: 2em;
1100
- display: flex;
1101
- flex-direction: row;
1102
- position: relative;
1103
-
1104
- pointer-events: auto;
1105
- user-select: text;
1106
- justify-content: space-between;
1107
- margin-bottom: ${o.sp2};
1108
-
1109
- // Disable select for Zeni Logo and File Separator
1110
- #${ys} img[alt*="company logo"],
1111
- .attachFileSeparator {
1112
- user-select: none;
1113
- }
1114
- `,ap=a.div`
1115
- display: flex;
1116
- column-gap: ${o.sp2};
1117
- align-items: flex-end;
1118
- margin-top: ${o.sp2};
1119
- margin-bottom: ${o.sp3};
1120
- `,rp=a.div`
1121
- position: relative;
1122
- `,Ni=a(ze)`
1123
- position: relative;
1124
- `,lp=a.div`
1125
- background-color: ${e=>e.theme.colors.grey5};
1126
- border: ${e=>`1px solid ${e.theme.colors.background}`};
1127
- border-radius: ${o.sp2};
1128
- box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
1129
- padding: ${o.sp5};
1130
- color: ${e=>e.theme.colors.primary};
1131
- position: relative;
1132
- .lexicalEditor__nestedListItem {
1133
- list-style-type: none;
1134
- }
1135
- user-select: text;
1136
-
1137
- .monthEndReportCanvasWrapper > * {
1138
- isolation: isolate;
1139
- z-index: ${x[1]};
1140
- }
1141
- `,cp=a.div`
1142
- user-select: text;
1143
- `,dp=a.div`
1144
- position: absolute;
1145
- top: ${o.sp4}; // Attachment icon position from the top
1146
- right: -${o.sp3}; // To show attachment icon on the edge
1147
- `,up=a.div`
1148
- margin-top: ${o.sp2};
1149
- display: flex;
1150
- flex-direction: column;
1151
- row-gap: ${o.sp3};
1152
- margin-bottom: ${o.sp4};
1153
- position: relative;
1154
-
1155
- .toolbar {
1156
- user-select: none;
1157
- }
1158
- `,hp=a(It)`
1159
- color: ${e=>e.theme.colors.grey1};
1160
- user-select: none;
1161
- `,pp=a(js)`
1162
- color: ${e=>e.theme.colors.primary};
1163
- `,mp=a.div`
1164
- flex-direction: column;
1165
- row-gap: ${o.sp3};
1166
- display: flex;
1167
- `,gp=Oo`
1168
- 0% {
1169
- transform: translateX(100%);
1170
- }
1171
- 100% {
1172
- transform: translateX(0)
1173
- }
1174
- `,xp=Oo`
1175
- 0% {
1176
- transform: translateX(0)
1177
- }
1178
- 100% {
1179
- transform: translateX(100%)
1180
- }
1181
- `,fp=a.div`
1182
- animation: ${e=>e.allThreadsSectionOpen?gp:xp}
1183
- 0.5s forwards;
1184
- height: 100vh;
1185
- position: fixed;
1186
- right: ${o.sp0};
1187
- top: ${o.sp0};
1188
- z-index: ${x[2]};
1189
- min-width: ${gs}px;
1190
- max-width: ${ms}px;
1191
- `,_n="monthEndReportFormSection",Vi="monthEndReportPage",Ye=ke.getLocalizedStrings();function yp({companyId:e,enableZeniGPTFeature:n,monthEndReportView:c,previewMode:r,customerRequestData:p,allThreadsSectionOpen:h,filterMetaData:s,newThreadMetadata:d,isZeniUser:l,selectedPeriod:m,improveUsingZeniGPTClick:u,onRemoveFileAttachment:g,onUpdateFileAttachment:f,onCloseAllThreadsSection:y,previewMonthEndReport:b,saveMonthEndReport:v,onEditClick:j,onOpenFileAttachmentSnackBar:C,onClickCustomerRequest:T,sendMonthEndReport:k}){const S=kt(),[E,M]=i.useState(),[L,O]=i.useState(0),[w,$]=i.useState(0),B=i.useRef(),V=i.useRef(null),q=i.useRef(null),{html:N,subject:H,improveUsingZeniGPTStatus:le}=c,[_,X]=i.useState(),[Q,ae]=i.useState(!1),[ee,he]=i.useState(!1),Z=i.useRef(null),te=i.useRef(null),J=Fa(h,250),D=c.fetchState==="Not-Started"||c.fetchState==="In-Progress"||c.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||c.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:R,sortedThreads:K,threadsPositions:G,observer:W,unresolvedThreadsMap:A,handleRemoveFloatingThread:P}=za(s,Z,!r,D,l),U=i.useCallback(()=>{h?te.current!=null&&$(Math.min((te.current.offsetWidth-dn-x[4])/2,te.current.offsetWidth-dn-ms-x[4])):te.current!=null&&O(Math.min((te.current.offsetWidth-dn-x[4])/2,te.current.offsetWidth-dn-gs-x[4]))},[h]);i.useEffect(()=>{U()},[h,U]),i.useEffect(()=>(window.addEventListener("resize",U),()=>{window.removeEventListener("resize",U)}),[U]);const F=l?ls:cs,{openThread:pe,addThread:ie,setOpenThread:oe}=i.useContext(F),xe=Pa(Ko,!1,!r),Ie=Z.current?.getBoundingClientRect(),I=xe!=null&&xe.coords&&Ie?{left:xe.coords.left-Ie.left,top:xe.coords.top-Ie.top}:void 0,se=i.useCallback(()=>{const Oe=window.getSelection()?.getRangeAt(0),ue=Na();if(!Oe||ue==null)return;const be={...d,...ue,startPath:ue.startPath.join(),endPath:ue.endPath.join()},me=`${fs()}${xs}`,it=`cockpit_${e}`;ie(me,{type:"thread",id:me,roomId:it,createdAt:new Date,comments:[],metadata:be,updatedAt:new Date,resolved:!1}),oe(me)},[ie,e,d,oe]);i.useEffect(()=>{pe!=null&&h&&y()},[h,pe,y]);const ve=le.fetchState==="In-Progress",Te=Kt({mode:"all",defaultValues:Hi(c),values:Hi(c)}),Pe=Te.handleSubmit(Oe=>{const{recipientEmailList:ue,subject:be}=Oe[_n];if(r===!0)k?.(_?.id);else{const me=E?.replace(Va,Ye.common.strings.empty);ue!=null&&be!=null&&b(ue,be,_?.id,me!=null&&me.length>0?E:void 0)}}),Ne=()=>{V.current!=null&&V.current.click()},ye=()=>{_!==void 0&&_!=null&&(g([_.id]),X(void 0),ae(!1))},et=Oe=>{const ue=Oe.target.files?Oe.target.files[0]:null;if(ue)if(!Kr(ue.type)||ee)console.warn("Please select a valid file.");else{const be=new FileReader;be.onload=function(me){const it=me.target?.result;if(typeof it=="string"){const lt={data:it.split(",")[1],name:ue.name,id:Zr(e,ue.name)};X(lt),ae(!0),f([lt])}},be.readAsDataURL(ue)}},Ke=()=>{q.current&&q.current.scrollIntoView({behavior:"smooth"})},Ze=()=>{const Oe=Te.getValues(),{recipientEmailList:ue,subject:be}=Oe[_n];ue!=null&&be!=null&&v(ue,be,_?.id,E)};i.useEffect(()=>{M(c.zeniRequestsHtml)},[c.zeniRequestsHtml]),i.useEffect(()=>{B.current=_},[_]),i.useEffect(()=>{X(qr(c.attachmentFile)),ae(!1)},[c.attachmentFile]),i.useEffect(()=>{ee&&C()},[ee,C]);const de=bo(`${m.year}-${m.month}-01`).format(Ye.dateFormat.visual.MMMMFormat),Fe=N!=null?N.split(Ha):[],xt=c.concatenatedHtml,$t=()=>c.lastDraftSavedDate!=null&&r===!1?t.jsx(pr,{time:c.lastDraftSavedDate,user:c.reportLastSavedByUser,timeStampLabel:Ye.cockpit.monthEndReport.timeStampLabel}):null,Tt=()=>l===!0?J?t.jsxs(t.Fragment,{children:[t.jsx(fp,{allThreadsSectionOpen:h,children:t.jsx(ur,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${S.colors.grey3}`,boxShadow:`${o.sp0} 1px 2px ${o.sp0} ${Qe.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${o.sp5} - ${o.sp5})`,backgroundColor:S.colors.background},threadsContainerStyle:{paddingBottom:r?"160px":o.sp12},collapsibleThreadStyle:{width:`calc(100% - ${o.sp4})`},allowComposer:!1,drawerTitle:Ye.common.texts.comments,filter:s,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:(Oe,ue)=>{oe(ue);const be=K.findIndex(me=>me[0]===ue);y(),R.current?.[be]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>y()})}),t.jsx(to,{availableWidth:L})]}):t.jsx(hr,{observer:W,canvasContainerRef:Z,sortedThreads:K,threadsPositions:G,threadsRefs:R,unresolvedThreadsMap:A,editorMode:!r,style:{minWidth:`${L}px`,position:"relative",height:"fit-content",top:`${Z.current?.offsetTop}px`,minHeight:o.sp12},handleRemoveFloatingThread:P}):t.jsx(to,{availableWidth:L}),ft=(c.zeniRequestsData??[]).length+Wa(c.companyMonthEndReportTemplatesData).length;return t.jsxs(t.Fragment,{children:[t.jsxs(sp,{ref:te,children:[t.jsx(to,{availableWidth:h?w:L}),t.jsxs(ip,{children:[t.jsx(Zt,{...Te,children:t.jsx("form",{id:Wi(Vi),onSubmit:Pe,children:t.jsxs(mp,{children:[t.jsx(Ua,{sectionId:_n,previewMode:r,subject:H}),!r&&ft>0?t.jsx(qa,{totalItems:ft,onClickCustomerRequest:T}):null,t.jsxs(lp,{id:Ko,ref:Z,children:[t.jsxs(cp,{className:"monthEndReportCanvasWrapper",children:[_!=null||ee?t.jsx(dp,{"data-testid":z("email-attachment-container"),onClick:Ke,children:t.jsx(Ja,{fileSizeError:ee,setFileSizeError:he,loading:!1,showAnimation:!r&&Q})}):null,r?t.jsx(Ni,{dangerouslySetInnerHTML:{__html:Ka(xt)}}):t.jsxs(t.Fragment,{children:[t.jsxs(rp,{id:Za,children:[t.jsx(ze,{dangerouslySetInnerHTML:{__html:Fe[0]!=null?Fe[0]+"</body></html>":Ye.common.strings.empty}}),t.jsxs(ap,{children:[t.jsx(pp,{children:Ye.cockpit.monthEndReport.editorTitle}),t.jsx(hp,{children:Ye.cockpit.monthEndReport.editorNote})]})]}),t.jsx(up,{id:Ga,children:t.jsx(Ya,{handleFileInputClick:Ne,fileAttached:_!=null,enableZeniGPTFeature:n,isZeniGPTResponseLoading:ve,initialHtmlString:c.zeniRequestsHtml,improveUsingZeniGPTClick:u,setZeniRequestsHtml:M,customerRequestData:p})}),t.jsx(Ni,{id:ys,dangerouslySetInnerHTML:{__html:Fe[1]!=null?"<html><body>"+Fe[1]:Ye.common.strings.empty}})]}),_!=null?t.jsx(Xa,{ref:q,fileName:_.name,fileSize:Qa(_.data),onRemove:ye,isRemovable:!r}):null]}),I?t.jsx(er,{style:{zIndex:15},coords:I,alignment:xe.alignment,onClick:se}):null,t.jsx(tr,{canvasContainerRef:Z,sortedThreads:K,editorMode:!r,isZeniUser:l})]})]})})}),t.jsx(Cs,{name:_?.name??Ye.common.strings.empty,fileRef:V,sizeLimit:op,acceptableTypes:np,onFileChange:async Oe=>{et(Oe)},onFileSizeError:Oe=>he(Oe),multiple:!1})]}),Tt()]}),t.jsx(ds,{style:{zIndex:10},leftSideComponent:$t(),formId:Wi(Vi),cancelBtn:{isDisabled:ve,label:r===!0?Ye.cockpit.monthEndReport.editButtonLabel:Ye.cockpit.monthEndReport.saveChanges,onClick:r===!0?j:Ze,style:{width:"136px",padding:`${o.sp0} ${o.sp3}`,boxSizing:"border-box"},size:"medium",isLoading:c.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:ve,isLoading:r===!0?c.sendMonthEndReportStatus.fetchState==="In-Progress":c.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:r===!0?"unset":"136px"},label:r===!0?Ye.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",de):Ye.cockpit.monthEndReport.preview,size:"medium"}})]})}const Hi=e=>({[_n]:{recipientEmailList:e.recipientEmailList,subject:e.subject??Ye.common.strings.empty}}),Wi=e=>`${e}_form`;Dt.smallBold.lineHeightValue;const Cp=1,wp=50,Ui=56,bp=["memo","activity"],qi=e=>_s(e,bp),{common:{strings:{empty:ga}},expenseAutomation:{transactions:{header:{vendors:vp,category:Sp,classText:jp,date:kp,type:Ip,amount:$p}}}}=ke.getLocalizedStrings(),xa={key:"vendor",value:vp,sortOrder:"ascending",width:new Y(18,18),customStyle:{common:{paddingLeft:x[7]}}},Tp={key:"category",value:Sp,sortOrder:"ascending",width:new Y(20,20),customStyle:{common:{paddingLeft:x[7]}}},Lp={key:"class",value:jp,sortOrder:"ascending",width:new Y(18,18),customStyle:{common:{paddingLeft:x[7]}}},Ap={key:"date",value:kp,sortOrder:"descending",width:new Y(11,11),customStyle:{common:{paddingLeft:12}}},Ep={key:"transaction_type",value:Ip,sortOrder:"descending",width:new Y(13,13),customStyle:{common:{paddingLeft:x[3]}}},Rp={key:"memo",value:ga,sortOrder:"ascending",width:new Y(6,6),customStyle:{common:{}}},fa={key:"amount",value:$p,sortOrder:"ascending",width:new Y(10,10),customStyle:{common:{paddingRight:x[4]}}},Dp={key:"activity",value:ga,sortOrder:"ascending",width:new Y(4,4),customStyle:{common:{}}},Uo=e=>{const n=[xa,Tp,Lp,Ap,Ep,Rp,fa];return e===!0&&n.push(Dp),n},ya=[{...xa,width:new Y(65,65)},{...fa,width:new Y(30,30)}],no={sortKey:"date",sortOrder:"descending"},Ca=({sortConfig:e,isDisabled:n,isTransactionActivityEnabled:c,onColumnSortConfigChanged:r})=>{const p=je(),h=Bt(),s=h?ya:Uo(c),[d,l]=i.useState(wo(s));i.useEffect(()=>{const g=wo(s);for(const f of g)f.key===e.sortKey?f.sortOrder=e.sortOrder:f.sortOrder="ascending";l(g)},[e.sortKey,e.sortOrder,h]);const m=(g,f)=>{let y=f;e.sortKey===g&&(y=f==="ascending"?"descending":"ascending"),r(g,y)},u=g=>{qi(g.key)==null&&m(Qr(g.key),g.sortOrder)};return t.jsx(Op,{windowSize:p,"data-testid":z("transaction-categorization-header-container"),children:d.map((g,f)=>{const y=n!=null||qi(g.key)!=null;return t.jsxs(Mp,{sortDataValue:e.sortKey,actualDataValue:g.key,wrapperWidth:g.width,style:g.customStyle?.common,isSortDisabled:y,windowSize:p,isLastItem:f===d.length-1,"data-testid":z("transaction-categorization-header-wrapper",g.key),children:[t.jsxs(Pp,{"data-testid":z("transaction-categorization-header",g.value?g.value:g.key),onClick:()=>u(g),isSortDisabled:y,children:[t.jsx(Np,{children:g.value}),y?null:t.jsx(_p,{sortConfig:e,headerData:g,"data-testid":z("transaction-categorization-sort-icon",g.key),children:t.jsx(zp,{})})]}),y?null:t.jsx(Fp,{isSortDisabled:y,sortDataValue:e.sortKey,isVisible:e.sortKey===g.key&&e.sortKey!==no.sortKey,"data-testid":z("transaction-categorization-close-icon",g.key),children:t.jsx(Bp,{onClick:()=>{m(no.sortKey,no.sortOrder)},"data-testid":z("transaction-categorization-close-icon-button",g.key)})})]},g.key)})})},Op=a.div`
1192
- top: ${o.sp0};
1193
- left: ${o.sp0};
1194
- height: ${wp}px;
1195
- z-index: 2;
1196
- display: flex;
1197
- align-items: center;
1198
- justify-content: space-between;
1199
- box-sizing: border-box;
1200
- background-color: ${e=>e.theme.colors.grey4};
1201
- position: sticky;
1202
- `,Mp=a.div`
1203
- color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
1204
- width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
1205
- max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
1206
- padding-left: ${o.sp0};
1207
- left: ${o.sp0};
1208
- display: flex;
1209
- align-items: center;
1210
- gap: 6px;
1211
- justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
1212
- position: static;
1213
- z-index: 0;
1214
- box-sizing: border-box;
1215
- `,Bp=a(Vn)`
1216
- width: 12px;
1217
- height: 12px;
1218
- `,_p=a.div`
1219
- display: flex;
1220
- align-items: center;
1221
- transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
1222
- ${e=>e.headerData.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
1223
- `,Fp=a.div`
1224
- display: ${e=>e.isVisible?"flex":"none"};
1225
- align-items: center;
1226
- padding-top: 2px;
1227
- cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
1228
- &:hover {
1229
- color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
1230
- }
1231
- `,zp=a(Nn)`
1232
- width: ${o.sp2};
1233
- height: ${o.sp2};
1234
- `,Pp=a.div`
1235
- display: flex;
1236
- cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
1237
- gap: 6px;
1238
- &:hover {
1239
- color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
1240
- }
1241
- `,Np=a(gt)`
1242
- display: flex;
1243
- `,oo="expenseAutomationTransactionsPage",Jt="transactionCategorizationListTable",Re="account",Xe="class",rt="lineEntitySelection",Vp="lineEntity",Hp="recommendations",wa="lineInfo",Wp="vendorDetails",Up="customerDetails",Fn="selectedTransactionIds",Et=(e,n,c)=>`${e}.${c}.${n}`,qp=e=>i.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M0.929688 8.00813C0.929688 8.675 1.02283 9.32014 1.19683 9.93121M2.20132 3.98138C3.46937 2.17826 5.566 1 7.93783 1C11.8083 1 14.946 4.13765 14.946 8.00813C14.946 10.2186 13.9226 12.1901 12.3237 13.4745M2.01692 11.7591C2.35672 12.2943 2.7671 12.7804 3.23498 13.2041M4.80209 14.2773C5.39521 14.5746 6.03636 14.7901 6.7108 14.9092M8.65531 14.98C9.34096 14.9103 9.99736 14.7418 10.6101 14.4888",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M8 4.66602V7.93891L11.0228 10.9322",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M4.1813 4.23989L1.83594 4.24014V1.89453",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"})),Jp=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M21.7995 14.6384L14.7656 21.6723L11.3086 22.3637L12 18.9067L19.0339 11.8728C19.3997 11.5071 19.8958 11.3016 20.413 11.3016C20.9303 11.3016 21.4263 11.5071 21.7922 11.8728L21.7995 11.8811C21.9808 12.062 22.1246 12.2769 22.2227 12.5134C22.3208 12.75 22.3713 13.0036 22.3713 13.2597C22.3713 13.5158 22.3208 13.7694 22.2227 14.006C22.1246 14.2426 21.9808 14.4575 21.7995 14.6384Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M8.54295 19.5981H3.0117C2.82886 19.6026 2.64701 19.57 2.47718 19.5021C2.30735 19.4342 2.15309 19.3325 2.02376 19.2032C1.89444 19.0739 1.79275 18.9196 1.72487 18.7498C1.65699 18.58 1.62433 18.3981 1.62888 18.2153V4.48579C1.61644 4.10613 1.75499 3.73703 2.01419 3.45934C2.27339 3.18165 2.63209 3.01804 3.0117 3.00433H16.8398C17.2194 3.01804 17.5781 3.18165 17.8373 3.45934C18.0965 3.73703 18.2351 4.10613 18.2226 4.48579V8.53558",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M14.055 8.06982L5.80499 8.06982",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M10.305 12.5698L5.80499 12.5698",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{common:{strings:{underscore:Kp,hyphen:Dn,empty:en}},expenseAutomation:{transactions:wt},dateFormat:Zp}=ke.getLocalizedStrings(),jt={containerPaddingLeftRight:new Y(x[3],x[4]),containerPaddingTopBottom:new Y(x[1],x[2]),containerPaddingTopBottomEmpty:new Y(x[2],x[3]),nameLogoWidth:new Y(x[2],x[4]),nameLogoHeight:new Y(x[2],x[4])},Gp=({transactionView:e,transaction:n,sectionId:c,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:p,selectedTab:h,containerRef:s,listContainerRef:d,isCOTEnabled:l,cotTracking:m,onTransactionCategorizationRowClick:u,setCurrentTransactionInAction:g,vendorLoadOptions:f,openTooltipId:y,setOpenTooltipId:b,isUncategorizedExpenseCategoryEnabled:v,setActivityLogTransactionId:j,isTransactionActivityEnabled:C})=>{const T=je(),k=Bt(),[S,E]=i.useState(!1),[M,L]=i.useState(!1),{lineItemById:O,sortedLineItems:w}=n.transactionReviewLocalData,$=n.transactionReviewLocalData.tabSpecificLineItems?.[h]||[],B=w.filter(A=>$.indexOf(A)!==-1),V=[];B.forEach(A=>{V.push(O[A])});const{accountList:q,accountsHierarchyList:N,classHierarchyList:H,classList:le,uncategorizedAccounts:_,transactions:X,selectedCheckBoxTransactionIds:Q}=e,ae=Q.includes(n.transactionId),ee=kt(),he={control:()=>({marginLeft:-2,backgroundColor:S?ee.colors.background:ee.colors.grey5}),valueContainer:()=>({justifyContent:"flex-start",paddingLeft:x[0]}),menu:()=>({width:"150%",background:ee.colors.grey5}),singleValue:()=>({color:S||ae?ee.colors.primary:ee.colors.hero,paddingLeft:x[2]}),input:A=>({...A,color:S||ae?ee.colors.primary:ee.colors.hero,textAlign:"left",paddingLeft:x[2]}),menuPortal:A=>({...A,zIndex:10})},Z={...he,singleValue:A=>({...A,color:S||ae?ee.colors.primary:ee.colors.hero}),menu:()=>({marginTop:x[1],marginLeft:-8}),input:A=>({...A,color:S||ae?ee.colors.primary:ee.colors.hero,textAlign:"left"})},te=X.find(A=>A.id===n.transactionId),J=(A,P)=>{const{transactionType:U}=P.transactionReviewLocalData;let F=A.target;for(;F;){if(F.classList.contains("select-value-container")||F.classList.contains("item-value-container")||F.classList.contains("grouped-single-select-field__value-container")||F.classList.contains("auto-complete-grouped-creatable-single-custom-group-select-field__option")||F.classList.contains("grouped-single-select-field__input")||F.classList.contains("grouped-single-select-field__menu"))return;F=F.parentElement}U!=null&&u(P.transactionId,U)},D=i.useRef(null),[R,K]=i.useState(void 0),[G,W]=i.useState("bottom");return i.useEffect(()=>{if(R===void 0)return;const A=d?.current?._outerRef??null,P=()=>{const U=D.current;if(U==null||A==null)return;const F=U.getBoundingClientRect(),pe=A.getBoundingClientRect(),ie=A.scrollTop+(F.bottom-pe.top),oe=A.scrollHeight-ie;W(oe>=288?"bottom":"top")};return P(),window.addEventListener("resize",P),A?.addEventListener("scroll",P),()=>{window.removeEventListener("resize",P),A?.removeEventListener("scroll",P)}},[d,R]),t.jsxs(Xp,{onMouseEnter:k?void 0:()=>E(!0),onMouseLeave:k?void 0:()=>E(!1),children:[t.jsx(em,{className:"categorization-row-card",windowSize:T,isSelected:ae,isCompressedMode:k,isHovered:S,children:t.jsx(tm,{children:V.map((A,P)=>t.jsx(nm,{ref:R===P?D:void 0,"data-testid":z("transaction-categorization-list-row",A.lineId),windowSize:T,onClick:U=>J(U,n),children:t.jsx(Yp,{isTransactionActivityEnabled:C,line:A,isHovered:S||ae,isSelected:ae,isCompressedMode:k,lineIndex:P,sectionId:c,transaction:n,currentTransaction:te,windowSize:T,accountsHierarchyList:N,classHierarchyList:H,allAccountList:q,allClassList:le,uncategorizedAccounts:_,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:p,setCurrentTransactionInAction:g,vendorLoadOptions:f,customStyle:he,customStyleAutoComplete:Z,recommendations:A.recommendationsWithCOT,selectedTab:h,isCOTEnabled:l,menuPlacement:G,cotTracking:m,openTooltipId:y,setOpenTooltipId:b,isUncategorizedExpenseCategoryEnabled:v,onDropdownClose:()=>K(void 0),onDropdownOpen:()=>K(P)})},`${n.transactionId}.${A.lineId}`))},n.transactionId)},n.transactionId),C===!0&&t.jsx(ym,{className:"activity-log-icon",onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),onClick:A=>{A.stopPropagation(),j(n.transactionId)},children:t.jsx(we,{title:wt.header.activity,placement:"bottom",children:t.jsx(Cm,{style:{color:M?ee.colors.primary:ee.colors.hero}})})})]})},Yp=({accountsHierarchyList:e,allAccountList:n,allClassList:c,classHierarchyList:r,customStyle:p,customStyleAutoComplete:h,line:s,lineIndex:d,transaction:l,currentTransaction:m,windowSize:u,uncategorizedAccounts:g,isHovered:f=!1,isSelected:y=!1,isCompressedMode:b=!1,sectionId:v,recommendations:j,vendorSearchAutoCompleteData:C,selectedTab:T,isCOTEnabled:k,menuPlacement:S,cotTracking:E,openTooltipId:M,setCurrentTransactionInAction:L,vendorLoadOptions:O,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:$,isTransactionActivityEnabled:B,onDropdownClose:V,onDropdownOpen:q})=>{const{transactionDate:N,transactionType:H,transactionTypeName:le,memo:_}=l.transactionReviewLocalData,{setValue:X}=Ro(),Q=i.useCallback((Ae,Se)=>{E?.onCOTView!=null&&E.onCOTView(s.lineId,l.transactionId,Ae,Se)},[E,s.lineId,l.transactionId]),ae=s.lineDescription,ee=i.useMemo(()=>{if(ae||_)return[{title:wt.description,description:ae||Dn},{title:wt.header.memo,description:_||Dn}]},[_,ae]),he=Et(v,rt,d.toString()),Z=Et(v,Re,d.toString()),te=Et(v,Xe,d.toString()),J=(Ae,Se)=>{if(b)return;let $e;switch(Se){case"vendor":$e=he;break;case"category":$e=Z;break;case"class":$e=te;break;default:return}X(`${$e}.selectedOption`,Ae,{shouldValidate:!0,shouldDirty:!0})},D=kt(),R=i.useMemo(()=>m!=null&&Ht(m)===!0?{id:l.transactionReviewLocalData.customer?.id??"",logo:l.transactionReviewLocalData.customer?.logo,name:l.transactionReviewLocalData.customer?.name??""}:{id:s.customer?.id??"",logo:s.customer?.logo,name:s.customer?.name??""},[m,s.customer?.id,s.customer?.logo,s.customer?.name,l.transactionReviewLocalData.customer?.id,l.transactionReviewLocalData.customer?.logo,l.transactionReviewLocalData.customer?.name]),K=i.useMemo(()=>m!=null&&Ht(m)===!0?{id:l.transactionReviewLocalData.vendor?.id??"",logo:l.transactionReviewLocalData.vendor?.logo,name:l.transactionReviewLocalData.vendor?.name??""}:{id:s.vendor?.id??"",logo:s.vendor?.logo,name:s.vendor?.name??""},[m,s.vendor?.id,s.vendor?.logo,s.vendor?.name,l.transactionReviewLocalData.vendor?.id,l.transactionReviewLocalData.vendor?.logo,l.transactionReviewLocalData.vendor?.name]),G=s[Xe]?.classId,W=s[Re]?.qboId??s[Re]?.accountId,A=R?.id,P=K?.id,U=K?.name,[F,pe]=i.useState(!G),[ie,oe]=i.useState(!W||s[Re]?.qboId!=null&&un(g,s[Re].qboId,$===!0?["income"]:void 0)===!0),[xe,Ie]=i.useState(!P||!A),I=Ae=>j?.find(Se=>Se.vendor?.qboId===Ae||Se.vendor?.id===Ae||Se.vendor?.name===Ae)?.vendor?.reason??"",se=l.transactionReviewLocalData.lineItemById[s.lineId]?.recommendationsWithCOT||[],ve=Es(e,se),Te=As(r,se),Pe=Ae=>n.filter(Se=>Se.qboId===Ae)[0]?.qboId,Ne=Ae=>c.filter(Se=>Se.classId===Ae)[0]?.accountingClassNumber??void 0,ye=i.useCallback(Ae=>un(g,Ae,$===!0?["income"]:void 0),[g,$]),[et,Ke]=i.useState(!1),[Ze,de]=i.useState(!1),[Fe,xt]=i.useState(!1),$t=(Ae,Se)=>{L({transactionId:l.transactionId,lineItemId:s.lineId}),O(Ae,Se)},Tt=()=>{Ie(!(P||A)),Ke(!1),V?.()},ft=()=>{W&&s[Re]?.qboId!=null&&un(g,s[Re].qboId,$===!0?["income"]:void 0)===!1?oe(!1):oe(!0),xt(!1),V?.()},Oe=()=>{pe(!G),de(!1),V?.()},ue=()=>{b||(P||A)&&(Ke(!0),q?.())},be=()=>{b||(de(!0),q?.())},me=()=>{b||(xt(!0),q?.())};i.useEffect(()=>{W&&s[Re]?.qboId!=null&&un(g,s[Re].qboId,$===!0?["income"]:void 0)===!1?oe(!1):oe(!0)},[W]),i.useEffect(()=>{pe(!G)},[G]),i.useEffect(()=>{Ie(!(P||A))},[P,A]);const it=l.transactionReviewLocalData.selectedEntity,lt=l.transactionReviewLocalData.lineItemById[s.lineId].selectedEntityLine,Le=m!=null&&Ht(m)===!0?it:lt,Ge=i.useMemo(()=>{const Ae=l.transactionReviewLocalData.lineItemById[s.lineId]?.recommendationsWithCOT||[],Se=C.entityAutoCompleteView;return{selectedOption:Le?.qboId??Le?.id,defaultOptions:To(Se,Le,Ae??[])}},[Le,l.transactionReviewLocalData.lineItemById,s.lineId,C.entityAutoCompleteView]),rn=()=>Le!=null&&Le.logo!=null?t.jsx($s,{photoUrl:Le.logo.toString(),styles:{width:jt.nameLogoWidth.valuePx(u),height:jt.nameLogoHeight.valuePx(u)},fallbackAvatar:t.jsx(Zi,{children:t.jsx(gn,{name:Le.name,size:o.sp4})})}):Le!=null&&Le.name!=null?t.jsx(Zi,{children:t.jsx(gn,{name:Le.name,size:o.sp4})}):null,Gt=(Ae,Se)=>{if(Se==null||!Se)return;let $e=[];return Ae.forEach(Lt=>{$e=$e.concat(Lt.options)}),$e.find(Lt=>Lt.value===Se)?.label??Se},Ft=Gt(Te,G),ln=Gt(ve,W),st=T==="review",bn=qn("vendor",Ge.defaultOptions,Ge.selectedOption),qo=qn("category",ve,W),Jo=qn("class",Te,G),ja=Ae=>{const Se=b?ya:Uo(Ae);return Se.map(($e,Lt)=>{const ct=`${l.transactionId}_${$e.key}_${s.lineId}`;if(d>0&&m!=null&&Ht(m)===!0&&$e.key==="vendor")return t.jsx(tt,{windowSize:u,wrapperWidth:$e.width},ct);if(d>0&&$e.key==="transaction_type")return t.jsx(tt,{windowSize:u,wrapperWidth:$e.width},ct);switch($e.key){case"activity":return t.jsx(tt,{windowSize:u,wrapperWidth:$e.width},ct);case"vendor":default:return t.jsxs(tt,{windowSize:u,wrapperWidth:$e.width,className:"item-value-container",children:[!b&&t.jsx(io,{isCOTEnabled:k,recommendations:se,type:"vendor",isFirstColumn:!0,isEnabled:!!Le?.isPreFilled,isMisCategorized:bn,onRecommendationClick:J,selectedValue:P,selectedValueLabel:U,isReviewTab:st,isAccountOptionDisabled:ye,existingOption:{label:m!=null&&Ht(m)===!0?m?.vendor?.name:void 0,value:m!=null&&Ht(m)===!0?m?.vendor?.id:void 0},cotTracking:E,lineId:s.lineId,transactionId:l.transactionId,openTooltipId:M,setOpenTooltipId:w}),t.jsx(co,{children:xe===!0?t.jsx(ro,{isHovered:f,isCompressedMode:b,children:t.jsxs(so,{onClick:dt=>{dt.stopPropagation(),!b&&(q?.(),Ie(!1),Ke(!0))},"data-testid":z("add-vendor-button",v),style:{display:"inline-flex",alignItems:"center",color:Qe.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(ao,{}),wt.addPayee]})}):et===!0?t.jsx(bt,{onClickAway:Tt,children:t.jsx(gm,{"data-testid":z("vendor-selection-dropdown-container",Et(v,rt,d.toString())),children:t.jsx(Lr,{name:he,placeholder:wt.addPayee,valueToInfo:I,defaultValue:{selectedOption:Ge.selectedOption,defaultOptions:Ge.defaultOptions},type:"vendor",autoFocus:!xe,style:{width:"100%"},pageSource:"list_page",transactionStatus:st?"pending_review":"auto_categorized",isOptionRemovable:!1,customStyleConfig:h,menuIsOpen:et,onMenuClose:Tt,registerOptions:{required:!1},loadOptions:$t,showCOT:k,onCOTView:Q,menuPlacement:S})})}):t.jsx(fm,{children:t.jsxs(lo,{isHovered:f,isCompressedMode:b,showOutline:!b&&bn&&Le?.isPreFilled!==!0&&!y&&st,children:[rn(),t.jsx(mm,{onClick:ue,"data-testid":z("vendor-name-text",v),children:Le!=null&&Le.name?t.jsx(ot,{text:Le.name,itemTextStyle:{color:f?D.colors.primary:D.colors.hero}}):t.jsx(xm,{children:Dn})})]})})})]},ct);case"category":{const dt=m?.lines!=null?m?.lines[d]:void 0;return t.jsxs(tt,{windowSize:u,wrapperWidth:$e.width,className:"item-value-container",children:[t.jsx(io,{isCOTEnabled:k,recommendations:se,type:"category",isFirstColumn:!1,isReviewTab:st,isEnabled:!!s[Re]?.isPreFilled,isAccountOptionDisabled:ye,isMisCategorized:qo,onRecommendationClick:J,selectedValue:W,selectedValueLabel:ln,existingOption:{label:dt?.account?.accountName,value:dt?.account?.qboId??dt?.account?.accountId},cotTracking:E,lineId:s.lineId,transactionId:l.transactionId,openTooltipId:M,setOpenTooltipId:w}),t.jsx(co,{children:ie===!0?t.jsx(ro,{isHovered:f,children:t.jsxs(so,{onClick:zt=>{zt.stopPropagation(),!b&&(q?.(),oe(!1),xt(!0))},"data-testid":z("category-selection-field",Z),style:{display:"inline-flex",alignItems:"center",color:Qe.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(ao,{}),wt.addCategory]})}):Fe===!0?t.jsx(bt,{onClickAway:ft,children:t.jsx(Gi,{isHovered:f,"data-testid":z("category-selection-dropdown-container",Z),children:t.jsx(oi,{name:Z,placeholder:wt.addCategory,valueToId:zt=>Pe(zt),type:"category",pageSource:"list_page",transactionStatus:st?"pending_review":"auto_categorized",showCOT:k,defaultValue:{selectedOption:W,allOptions:ve},style:{display:"flex",flexGrow:1,width:"100%",cursor:"inherit"},registerOptions:{required:!1},menuIsOpen:Fe,autoFocus:!ie&&(!W||s[Re]?.qboId!=null&&[g.expense?.qboId,g.income?.qboId].includes(s[Re].qboId)),onMenuClose:ft,customStyleConfig:p,disableCurrentOption:ye,menuPlacement:S,onCOTView:Q})})}):t.jsx(lo,{isHovered:f,showOutline:qo&&s[Re]?.isPreFilled!==!0&&!y&&st,children:t.jsx(Yi,{onClick:me,"data-testid":z("category-label-text",Z),children:t.jsx(ot,{text:ln??"",itemTextStyle:{color:f?D.colors.primary:D.colors.hero}})})})})]},ct)}case"class":{const dt=m?.lines!=null?m?.lines[d]:void 0;return t.jsxs(tt,{windowSize:u,wrapperWidth:$e.width,className:"item-value-container",children:[t.jsx(io,{isCOTEnabled:k,recommendations:se,type:"class",isFirstColumn:!1,isReviewTab:st,isEnabled:!!s[Xe]?.isPreFilled,isAccountOptionDisabled:ye,isMisCategorized:Jo,onRecommendationClick:J,selectedValue:G,selectedValueLabel:Ft,existingOption:{label:dt?.class?.className,value:dt?.class?.classId},cotTracking:E,lineId:s.lineId,transactionId:l.transactionId,openTooltipId:M,setOpenTooltipId:w}),t.jsx(co,{children:F===!0?t.jsx(ro,{isHovered:f,children:t.jsxs(so,{onClick:zt=>{zt.stopPropagation(),!b&&(q?.(),pe(!1),de(!0))},"data-testid":z("class-selection-field",te),style:{display:"inline-flex",alignItems:"center",color:Qe.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(ao,{}),wt.addClass]})}):Ze===!0?t.jsx(bt,{onClickAway:Oe,children:t.jsx(Gi,{isHovered:f,"data-testid":z("class-selection-dropdown-container",te),children:t.jsx(oi,{name:te,placeholder:wt.addClass,valueToId:zt=>Ne(zt),type:"class",showCOT:k,defaultValue:{selectedOption:G,allOptions:Te},pageSource:"list_page",transactionStatus:st?"pending_review":"auto_categorized",menuIsOpen:Ze,registerOptions:{required:!1},style:{width:"100%"},autoFocus:!F&&!G,customStyleConfig:p,onMenuClose:Oe,menuPlacement:S,onCOTView:Q})})}):t.jsx(lo,{isHovered:f,showOutline:Jo&&s[Xe]?.isPreFilled!==!0&&!y&&st,children:t.jsx(Yi,{"data-testid":z("class-selection-field",te),onClick:be,children:t.jsx(ot,{text:Ft??"",itemTextStyle:{color:f?D.colors.primary:D.colors.hero}})})})})]},ct)}case"date":return t.jsx(tt,{windowSize:u,wrapperWidth:$e.width,children:t.jsx(sn,{windowSize:u,isLastItem:Lt===Se.length-1,children:t.jsx(Io,{"data-testid":z("date-field",Et(v,Xe,d.toString())),children:t.jsx(im,{style:{color:f?D.colors.primary:D.colors.hero},children:N!=null?N.format(Zp.visual.MMMDCommaYYYYformat):null})})})},ct);case"transaction_type":return t.jsx(tt,{windowSize:u,wrapperWidth:$e.width,children:t.jsx(sn,{windowSize:u,"data-testid":z("transaction-type-field",Et(v,Xe,d.toString())),isLastItem:Lt===Se.length-1,children:le!=null?t.jsx($r,{textColor:f?new Ao(D.colors.primary):Tr(void 0,D),text:le??H}):null})},ct);case"memo":return t.jsx(tt,{windowSize:u,wrapperWidth:$e.width,children:t.jsx(sn,{style:{lineHeight:o.sp3},windowSize:u,isLastItem:Lt===Se.length-1,"data-testid":z("memo-field",Et(v,Xe,d.toString())),children:ee!=null?t.jsx(we,{placement:"bottom",data:ee,variant:"multi-information-points",style:{maxHeight:"min(60vh, 360px)",overflowY:"auto",overflowX:"hidden"},children:t.jsx(am,{style:{color:f?D.colors.primary:D.colors.hero}})}):t.jsx(sm,{children:Dn})})},ct);case"amount":{const dt=Je("0,0.[00]",s.amount,!0);return t.jsx(tt,{windowSize:u,style:{paddingRight:x[4]},wrapperWidth:$e.width,children:t.jsx(sn,{windowSize:u,isLastItem:Lt===Se.length-1,children:t.jsx(Io,{"data-testid":z("transaction-amount-field",Et(v,Xe,d.toString())),style:{color:f?D.colors.primary:D.colors.hero},children:dt})})},ct)}}})};return t.jsx(t.Fragment,{children:ja(B)})},Ji=({isEnabled:e,isReviewTab:n,isMisCategorized:c,hasRecommendations:r,isTooltipVisible:p=!1})=>e?n?p?t.jsx(cm,{}):t.jsx(rm,{}):p?t.jsx(lm,{}):t.jsx(dm,{className:"ai-icon-selected-plain"}):!e&&c||r?p?t.jsx(hm,{}):t.jsx(um,{}):null,Ki=({isFirstColumn:e,children:n})=>t.jsx(va,{isFirstColumn:e,children:n}),io=({recommendations:e,isCOTEnabled:n,type:c,isReviewTab:r,selectedValueLabel:p,isFirstColumn:h,isEnabled:s=!1,isMisCategorized:d=!1,selectedValue:l,existingOption:m,cotTracking:u,lineId:g,openTooltipId:f,transactionId:y,isAccountOptionDisabled:b,onRecommendationClick:v,setOpenTooltipId:j})=>{const C=i.useMemo(()=>`${y}:${g}:${c}`,[y,g,c]),T=f===C,k=Rr().analytics,{createAlternateRecommendationCallback:S}=Dr(),E=i.useCallback(V=>{const q=e[1],N=e[0];S(c,{currentValue:p??en,transactionCurrentStatus:r?"pending_review":"auto_categorized",transactionPage:"list_page",cotTracking:u?{transactionId:y,lineId:g,onCOTView:(H,le,_,X)=>{u.onCOTView?.(H,le,_,X)}}:void 0},q,N)(V)},[S,e,p,r,c,u,g,y]),M=Or(e,c,n,m,"list_page",r?"pending_review":"auto_categorized",v,E,l,b),L=Mr(e,c),O=i.useCallback(()=>{j(C);const V=M?.recommendations[0]?.cot??[],q=M?.recommendations[1]?.cot??[],N=q.length>0;if(k.trackTransactionCotView({recommendationFor:c,currentValue:p??en,recommendation:M?.recommendations[0]?.name??en,recommendationCot:V,isRecommendationCotAvailable:V.length>0,recommendationReason:M?.recommendations[0]?.reason??en,recommendationConfidencePercentage:M?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:Yo(Xo(M?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:M?.recommendations[1]?.name??en,alternativeRecommendationCot:q,isAlternativeRecommendationCotAvailable:N,alternativeRecommendationReason:M?.recommendations[1]?.reason??en,alternativeRecommendationConfidencePercentage:M?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:N?Yo(Xo(M?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:r?"pending_review":"auto_categorized",transactionPage:"list_page"}),u?.onCOTView!=null){const H=Br(M);H!=null&&u.onCOTView(g,y,c,H)}},[k,M,r,p,c,g,y,C,j]),w=i.useCallback(()=>{f===C&&j(void 0)},[f,C,j]),$=i.useMemo(()=>!l||!L?!1:e.some(V=>c==="vendor"&&V.vendor!=null?V.vendor.id===l||V.vendor.qboId===l:c==="category"&&V.account!=null?V.account.qboId===l||V.account.accountId===l:c==="class"&&V.class!=null?V.class.classId===l:!1),[l,L,e,c]);if(!L)return t.jsx(va,{isFirstColumn:h});const B=s||$;return M?t.jsx(Ki,{isFirstColumn:h,children:t.jsx(we,{variant:"chain-of-thought",data:M,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:T,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:O,onClose:w,children:t.jsx(pm,{children:t.jsx(Ji,{isEnabled:B,isReviewTab:r,isMisCategorized:d,hasRecommendations:L,isTooltipVisible:T})})})}):t.jsx(Ki,{isFirstColumn:h,children:t.jsx(Ji,{isEnabled:B,isReviewTab:r,isMisCategorized:d,hasRecommendations:L,isTooltipVisible:T})})},ba=({isTransactionActivityEnabled:e})=>{const n=je(),c=i.useRef(null),[r,p]=i.useState(0);i.useLayoutEffect(()=>{c.current&&p(c.current.offsetWidth)},[n]);const h=Uo(e);return t.jsx(Qp,{windowSize:n,ref:c,children:h.map((s,d)=>{const l=`${d}${Kp}${s.key}`;switch(s.key){case"activity":return t.jsx(tt,{windowSize:n,wrapperWidth:s.width},l);case"vendor":return t.jsx(tt,{windowSize:n,wrapperWidth:s.width,children:t.jsx(sn,{windowSize:n,isLastItem:d===h.length-1,children:t.jsxs(Io,{children:[t.jsx(Do,{width:x[4],height:x[4]}),t.jsx(Mt,{width:r*s.width.value(n)/100,height:x[4],style:{display:"flex",alignItems:"center"}})]})})},l);default:return t.jsx(tt,{windowSize:n,wrapperWidth:s.width,children:t.jsx(sn,{windowSize:n,isLastItem:d===h.length-1,children:t.jsx(Mt,{width:r*s.width.value(n)/100,height:x[4],style:{display:"flex",alignItems:"center"}})})},l)}})})},Xp=a.div`
1244
- display: flex;
1245
- height: 100%;
1246
- flex: 1;
1247
- align-items: center;
1248
-
1249
- &:hover .activity-log-icon {
1250
- visibility: visible;
1251
- }
1252
- `,Qp=a.div`
1253
- display: flex;
1254
- background-color: ${e=>e.theme.colors.grey5};
1255
- padding-left: ${e=>jt.containerPaddingLeftRight.valuePx(e.windowSize)};
1256
- padding-right: ${e=>jt.containerPaddingLeftRight.valuePx(e.windowSize)};
1257
- padding-top: ${e=>jt.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
1258
- padding-bottom: ${e=>jt.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
1259
- border: ${e=>`1px solid ${e.theme.colors.grey3}`};
1260
- box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
1261
- border-radius: ${o.sp2};
1262
- color: ${e=>e.theme.colors.hero};
1263
- cursor: pointer;
1264
- &:hover {
1265
- border-color: ${e=>e.theme.colors.primary};
1266
- }
1267
-
1268
- box-sizing: border-box;
1269
- align-items: center;
1270
- justify-content: space-between;
1271
- `,em=a.div`
1272
- display: flex;
1273
- height: 100%;
1274
- flex: 1;
1275
- background-color: ${e=>e.theme.colors.grey5};
1276
- border: ${e=>`1px solid ${e.theme.colors.grey3}`};
1277
- box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
1278
- border-radius: ${o.sp2};
1279
- color: ${e=>e.theme.colors.hero};
1280
- border-color: ${e=>e.isSelected?e.theme.colors.primary:"none"};
1281
- cursor: pointer;
1282
- ${e=>e.isCompressedMode&&De`
1283
- padding-left: ${jt.containerPaddingLeftRight.valuePx(e.windowSize)};
1284
- `}
1285
- ${e=>!e.isCompressedMode&&De`
1286
- &:hover {
1287
- border-color: ${e.theme.colors.primary};
1288
- }
1289
- `}
1290
-
1291
- box-sizing: border-box;
1292
- align-items: center;
1293
- justify-content: space-between;
1294
-
1295
- .ai-icon-selected-plain {
1296
- color: ${e=>e.theme.colors.hero};
1297
- }
1298
-
1299
- ${({isHovered:e,theme:n})=>e?De`
1300
- .ai-icon-selected-plain {
1301
- color: ${n.colors.primary};
1302
- }
1303
- `:null};
1304
- `,tm=a.div`
1305
- display: flex;
1306
- flex: 1;
1307
- flex-direction: column;
1308
- width: 100%;
1309
- box-sizing: border-box;
1310
- align-items: center;
1311
- justify-content: space-around;
1312
- `,nm=a.div`
1313
- display: flex;
1314
- flex: 1;
1315
- flex-direction: row;
1316
- width: 100%;
1317
- align-items: center;
1318
- justify-content: space-between;
1319
- height: ${o.sp8};
1320
- padding-top: ${e=>jt.containerPaddingTopBottom.valuePx(e.windowSize)};
1321
- padding-bottom: ${e=>jt.containerPaddingTopBottom.valuePx(e.windowSize)};
1322
- `,tt=a.div`
1323
- display: flex;
1324
- align-items: center;
1325
- flex-direction: row;
1326
- position: relative;
1327
- width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${o.sp4})`};
1328
- min-width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${o.sp4})`};
1329
- :last-of-type {
1330
- padding-right: ${o.sp0};
1331
- }
1332
- `,om=De`
1333
- word-break: break-word;
1334
- white-space: nowrap;
1335
- -webkit-line-clamp: 1;
1336
- -webkit-box-orient: vertical;
1337
- overflow: hidden;
1338
- text-overflow: ellipsis;
1339
- display: -webkit-box;
1340
- `,sn=a(ze)`
1341
- overflow: hidden;
1342
- justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
1343
- display: flex;
1344
- width: 100%;
1345
- align-items: center;
1346
- `,Io=a.div`
1347
- display: flex;
1348
- flex-direction: row;
1349
- column-gap: ${o.sp2};
1350
- align-items: center;
1351
- `,im=a(ze)`
1352
- ${om};
1353
- color: ${e=>e.theme.colors.hero};
1354
- `,so=a(ze)`
1355
- color: ${e=>e.theme.colors.hero};
1356
- `,ao=a(Hn)`
1357
- width: ${o.sp3};
1358
- height: ${o.sp3};
1359
- margin: ${o.sp1};
1360
- `,sm=a.div`
1361
- margin: ${o.sp3};
1362
- `,am=a(Jp)`
1363
- width: ${o.sp3};
1364
- height: ${o.sp3};
1365
- margin-left: 10px;
1366
- `,rm=a(Pr)`
1367
- width: ${o.sp5};
1368
- height: ${o.sp5};
1369
- `,lm=a(nl)`
1370
- width: ${o.sp5};
1371
- height: ${o.sp5};
1372
- `,cm=a(zr)`
1373
- width: ${o.sp5};
1374
- height: ${o.sp5};
1375
- `,dm=a(ol)`
1376
- width: ${o.sp5};
1377
- height: ${o.sp5};
1378
- `,um=a(wn)`
1379
- width: ${o.sp3};
1380
- height: ${o.sp3};
1381
- path {
1382
- stroke-width: 2;
1383
- }
1384
- `,hm=a(Nr)`
1385
- width: ${o.sp3};
1386
- height: ${o.sp3};
1387
- `,va=a.div`
1388
- display: flex;
1389
- align-items: center;
1390
- justify-content: center;
1391
- width: ${o.sp5};
1392
- margin-left: ${e=>e.isFirstColumn?o.sp2:o.sp0};
1393
- height: 100%;
1394
- `,pm=a.div`
1395
- display: flex;
1396
- align-items: center;
1397
- justify-content: center;
1398
- width: auto;
1399
- cursor: pointer;
1400
- `,mm=a(ze)`
1401
- display: flex;
1402
- max-width: calc(100% - ${o.sp6});
1403
- flex: 1 1 auto;
1404
- color: ${e=>e.theme.colors.primary};
1405
- text-align: center;
1406
- align-items: center;
1407
- overflow: hidden;
1408
- display: flex;
1409
- `,Zi=a.div`
1410
- display: flex;
1411
- `,gm=a.div`
1412
- width: 100%;
1413
- padding-left: 10px;
1414
- margin-left: ${o.sp0};
1415
- border-radius: ${o.sp1};
1416
- background-color: ${e=>e.theme.colors.background};
1417
- display: flex;
1418
- align-items: center;
1419
- flex-direction: row;
1420
- `,ro=a.div`
1421
- padding: ${o.sp0} ${o.sp2};
1422
- border-radius: ${o.sp1};
1423
- margin-left: ${o.sp0};
1424
- width: 100%;
1425
- background-color: ${e=>e.isCompressedMode===!0?"transparent":e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
1426
- `,Gi=a.div`
1427
- width: 100%;
1428
- border-radius: ${o.sp1};
1429
- padding-left: 2px;
1430
- background-color: ${e=>e.theme.colors.background};
1431
- background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
1432
- display: flex;
1433
- align-items: center;
1434
- flex-direction: row;
1435
- `,xm=a(ze)``,fm=a.div`
1436
- width: 100%;
1437
- display: flex;
1438
- padding-left: ${o.sp0};
1439
- `,lo=a.div`
1440
- width: 100%;
1441
- display: flex;
1442
- flex-direction: row;
1443
- align-items: center;
1444
- gap: ${o.sp2};
1445
- padding: ${o.sp2};
1446
- padding-left: ${o.sp2};
1447
- border-radius: ${o.sp1};
1448
- background-color: ${e=>e.isCompressedMode===!0?"transparent":e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
1449
- outline: ${e=>e.showOutline?`1px dashed ${e.theme.colors.grey1}`:"none"};
1450
- outline-color: ${e=>e.isHovered&&e.theme.colors.primary};
1451
- `,Yi=a.div``,co=a.div`
1452
- display: flex;
1453
- align-items: center;
1454
- width: calc(100% - ${o.sp5});
1455
- `,ym=a.div`
1456
- display: flex;
1457
- align-items: center;
1458
- justify-content: center;
1459
- cursor: pointer;
1460
- visibility: hidden;
1461
- flex-shrink: 0;
1462
- margin-left: ${o.sp3};
1463
- `,Cm=a(qp)`
1464
- width: ${o.sp3};
1465
- height: ${o.sp3};
1466
- `,wm=({sortConfig:e,fetchState:n,isDisabled:c,isTransactionActivityEnabled:r,onColumnSortConfigChanged:p})=>{const h=je();return t.jsxs(bm,{windowSize:h,children:[t.jsx(Ca,{isTransactionActivityEnabled:r,sortConfig:e,isDisabled:n==="In-Progress"?"readonly":c,onColumnSortConfigChanged:p,"data-testid":z("transaction-categorization-list-empty-table-header")}),t.jsx(vm,{windowSize:h,"data-testid":z("transaction-categorization-list-empty-rows-container"),children:[...Array(3)].map((s,d)=>t.jsx(ba,{isTransactionActivityEnabled:r,"data-testid":z("transaction-categorization-list-empty-row",d.toString())},d))})]})},bm=a.div`
1467
- display: block;
1468
- min-height: 100%;
1469
- flex-direction: column;
1470
- width: 100%;
1471
- padding-left: ${o.sp8};
1472
- padding-right: ${o.sp8};
1473
- `,vm=a.div`
1474
- display: flex;
1475
- flex: 1;
1476
- min-height: 100%;
1477
- flex-direction: column;
1478
- row-gap: ${o.sp3};
1479
- `,{common:Sm,transactionDetail:{notCategorizedTooltipText:jm}}=ke.getLocalizedStrings(),uo={rowGap:new Y(x[0],x[2],x[3])},km=({selectedTab:e,transactionView:n,receiptUploadEndpoint:c,authParams:r,sectionId:p,isCOTEnabled:h,isDisabled:s,vendorSearchAutoCompleteActions:d,isTransactionActivityEnabled:l,vendorSearchAutoCompleteData:m,setCurrentTransactionInAction:u,vendorLoadOptions:g,onTransactionCategorizationRowClick:f,onUpdateTransactionCategorizationUIState:y,onUpdateScrollYOffSetTransactionCategorizationUIState:b,onFetchTransactionCategorizationList:v,containerRef:j,cotTracking:C,isUncategorizedExpenseCategoryEnabled:T,setActivityLogTransactionId:k})=>{const S=je(),E=Bt(),[M,L]=i.useState(void 0),{fetchState:O,uiState:w,transactionLocalData:$,selectedCheckBoxTransactionIds:B,transactionIdsWithUnsavedData:V,transactions:q,uncategorizedAccounts:N}=n;yn({componentName:`expense_automation.transaction_categorization.${e}`,enabled:O==="Completed"});const H=i.useRef(null),le=i.useRef({}),{control:_}=Ro();i.useEffect(()=>{H.current?.resetAfterIndex(0,!0)},[S,H,$]),i.useEffect(()=>{H.current?.scrollTo(w.scrollPosition?.scrollTop??0)},[e]);const X=i.useCallback(F=>{if(le.current?.[F]!=null){const oe=S==="small"&&w.pageToken==null&&F===$.length-1?uo.rowGap.value("medium-regular"):uo.rowGap.value(S);return le.current[F]+oe}if($[F]==null)return 0;const pe=$[F].transactionReviewLocalData,ie=Object.keys(pe.lineItemById).length;return ie!=null&&!isNaN(ie)&&ie>1?Ui*ie+uo.rowGap.value(S)*(ie-1):Ui},[$,S,w.pageToken,w.sortKey,w.sortOrder]),Q=i.useCallback((F,pe)=>{le.current={...le.current,[F]:pe},H.current?.resetAfterIndex(0,!0)},[S,H,$,w.sortKey,w.sortOrder]),ae=i.useCallback(()=>{(w.pageToken!=null&&n.refreshStatus.fetchState!=="In-Progress"||n.refreshStatus.fetchState==="Completed")&&v(e,w.searchString,!0,w.pageToken,!0,!1)},[n.refreshStatus.fetchState,v,e,w.pageToken,w.searchString,w.sortKey,w.sortOrder]),ee=i.useCallback(()=>{w.pageToken!=null&&ae()},[ae,w.pageToken,w.sortKey,w.sortOrder]),he=gr(F=>b(e,{scrollPosition:{scrollTop:F}}),1e3,{trailing:!0}),Z=F=>F<n.transactionLocalData.length,te=(F,pe)=>{y(e,{sortOrder:pe,sortKey:F}),v(e,w.searchString,!1,null,!1,!0)},J=F=>{if(e==="autoCategorized")return!B.includes(F);const pe=$.find(oe=>oe.transactionId===F)?.transactionReviewLocalData,ie=q.find(oe=>oe.id===F);return ie!=null&&pe!=null?Xr(ie,pe,N,T)?T===!0&&ti(N,pe.lineItemById,["expense"])?V.includes(F)===!1:!1:!0:B.length===0?!0:!B.includes(F)};let D=[],R=[];(O==="Completed"||n.transactionLocalData.length>0)&&(R=n.transactionLocalData.map((F,pe)=>{const ie=J(F.transactionId);let oe=!1;T===!0&&ie===!0&&e==="review"&&ti(N,F.transactionReviewLocalData.lineItemById,["expense"])&&(oe=!V.includes(F.transactionId));const xe=F.transactionReviewLocalData;return{label:t.jsx(Gp,{isTransactionActivityEnabled:l,transactionView:n,sectionId:`${p}.${pe}.${wa}`,transaction:F,receiptUploadEndpoint:c,authParams:r,onTransactionCategorizationRowClick:f,vendorLoadOptions:g,setCurrentTransactionInAction:u,vendorSearchAutoCompleteActions:d,vendorSearchAutoCompleteData:m,selectedTab:e,containerRef:j,listContainerRef:H,isCOTEnabled:h,cotTracking:C,openTooltipId:M,setOpenTooltipId:L,isUncategorizedExpenseCategoryEnabled:T,setActivityLogTransactionId:k},`${F.transactionId}.${xe.transactionType}`),value:F.transactionId,defaultChecked:!1,groupLabel:!1,isException:oe,exceptionMode:oe===!0?"checked_or_hover":void 0,isSticky:!0,isDisabled:ie===!0?"readonly":void 0,exceptionType:oe===!0?"alert":void 0,exceptionInfo:oe===!0?jm:void 0,exceptionTooltipStyle:{textAlign:"center",maxWidth:"250px",padding:`12px ${o.sp2}`}}}),D=R.map(F=>F.value));const K={label:"All",value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},{title:G,subTitle:W}=We("transaction_categorization").allDoneText,A=$.map(F=>F.transactionId),P=i.useMemo(()=>n.totalCountByTab[e],[e,n.totalCountByTab]),U=i.useMemo(()=>$.reduce((F,pe)=>{const ie=Object.keys(pe.transactionReviewLocalData.lineItemById).length;return F+(ie>0?ie:1)},0)<n.totalCountByTab[e]?$.length+1:$.length,[$,n.totalCountByTab,e]);return t.jsx(Am,{windowSize:S,"data-testid":z("transaction-categorization-list-wrapper"),children:t.jsx(Em,{windowSize:S,"data-testid":z("transaction-categorization-list-container"),children:O==="Error"?t.jsxs(Dm,{windowSize:S,"data-testid":z("transaction-categorization-reload-page"),children:[t.jsx(Om,{onClick:()=>v(e,void 0,!0,null,!1,!0),"data-testid":z("transaction-categorization-reload-icon"),children:t.jsx($o,{})}),t.jsx(Mm,{"data-testid":z("transaction-categorization-reload-label"),children:Sm.reloadPage.label})]}):O==="Completed"&&$.length===0?t.jsx(St,{tab:"transaction_categorization",title:G,subTitle:W,"data-testid":z("transaction-categorization-empty-table-section")}):O==="Not-Started"||O==="In-Progress"&&$.length===0?t.jsx(wm,{sortConfig:{sortKey:w.sortKey,sortOrder:w.sortOrder},fetchState:O,onColumnSortConfigChanged:te,"data-testid":z("transaction-categorization-list-empty-table"),isTransactionActivityEnabled:l}):t.jsx(Rm,{windowSize:S,"data-testid":z("transaction-categorization-list-view"),children:t.jsx(Is,{control:_,name:"selectedTransactionIds",defaultValue:[],render:({field:{value:F,ref:pe,onChange:ie}})=>t.jsx(Sa.Provider,{value:{value:F,mode:"off",allCheckBoxValues:D,index:0,isCompressedMode:E,sortKey:w.sortKey,sortOrder:w.sortOrder,fetchState:O,isDisabled:s,groupLabelCheckBox:K,isTransactionActivityEnabled:l,onColumnSortConfigChanged:te,ref:pe,onChange:ie,selectedTab:e},children:t.jsx(zn,{children:({height:oe,width:xe})=>t.jsx(xr,{isItemLoaded:Z,itemCount:P,loadMoreItems:ee,children:({onItemsRendered:Ie,ref:I})=>t.jsx(Pn,{ref:se=>{I(se),H.current=se},height:oe,itemCount:U,itemKey:se=>`${$[se]?.transactionId??""}-row-${se}`,innerElementType:Im,onItemsRendered:Ie,width:xe,style:{willChange:"auto"},overscanCount:Cp,itemSize:X,itemData:{checkboxes:R,value:F,allCheckBoxValues:D,groupLabelCheckBox:K,categorizationGroupValue:A,transactionLocalData:$,isCompressedMode:E,mode:"always_on",setRowHeight:Q,isItemLoaded:Z,ref:I,onChange:ie,selectedCheckBoxTransactionIds:B,isTransactionActivityEnabled:l},initialScrollOffset:n.uiState.scrollPosition?.scrollTop,onScroll:({scrollOffset:se})=>{he(se)},children:Tm})})})})})})})})},Im=e=>{const{isCompressedMode:n,value:c,allCheckBoxValues:r,groupLabelCheckBox:p,index:h,isDisabled:s,fetchState:d,sortKey:l,sortOrder:m,mode:u,isTransactionActivityEnabled:g,ref:f,onChange:y,onColumnSortConfigChanged:b}=$m(),{children:v,style:j,...C}=e;return d==="Completed"?t.jsxs(Bm,{ref:f,style:{...j,width:"auto",maxWidth:"var(--side-panel-list-width, 100%)"},...C,children:[t.jsx(_m,{children:t.jsx(Rs,{selectionLimit:fn,value:c,checkBox:{label:t.jsx(Lm,{isCompressedMode:n,children:t.jsx(Ca,{isTransactionActivityEnabled:g,sortConfig:{sortKey:l,sortOrder:m},isDisabled:s,onColumnSortConfigChanged:b})}),value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},isDisabled:"disabled",groupLabelCheckBox:p,allCheckBoxValues:r,mode:n?"off":u,draggable:!1,checkBoxStyle:n?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:o.sp3},name:"transactionCategorizationHeader",index:h,onChangeHandler:T=>Ds({event:T,value:c,allCheckBoxValues:r,groupLabelCheckBox:p,onChange:y}),ref:f})}),t.jsx(Fm,{children:v})]},`${r[h]}-${h}`):null},Sa=i.createContext(void 0),$m=()=>{const e=i.useContext(Sa);if(!e)throw new Error("useStickyContext must be used within a StickyProvider");return e},Tm=({index:e,style:n,data:c})=>{const{selectedTransactionId:r}=Eo(),{checkboxes:p,value:h,groupLabelCheckBox:s,categorizationGroupValue:d,allCheckBoxValues:l,transactionLocalData:m,isCompressedMode:u,isItemLoaded:g,setRowHeight:f,ref:y,onChange:b,selectedCheckBoxTransactionIds:v,isTransactionActivityEnabled:j}=c,C=i.useRef(null),T=je();if(i.useEffect(()=>{C.current?.firstElementChild!=null&&f(e,C.current.firstElementChild.clientHeight)},[e,C,T,m[e]?.transactionReviewLocalData]),g(e)===!0){const k=p[e],S=r!=null&&r===d[e];return t.jsx(Xi,{isPanelSelected:S,isCompressedMode:u,style:{...n,paddingBottom:o.sp0,width:"100%",flex:"1"},ref:C,children:t.jsx(Rs,{selectionLimit:fn,checkBox:u===!0?{...k,isException:!1}:k,value:h,groupLabelCheckBox:s,allCheckBoxValues:l,mode:u===!0||k.isDisabled==="readonly"||v.includes(k.value)===!1&&v.length>=fn?"off":"always_on",draggable:!1,isDisabled:k.isDisabled,checkBoxStyle:u===!0?{display:"none"}:{padding:20},labelCheckBoxStyle:{padding:o.sp3},infoIconContainerStyle:u===!0?{display:"none"}:{padding:20},name:`${Jt}.${h}`,ref:y,index:e,onChangeHandler:E=>Ds({event:E,value:h,allCheckBoxValues:l,groupLabelCheckBox:s,onChange:b})})},d[e])}else return t.jsx(Xi,{isCompressedMode:u,style:{...n,paddingBottom:o.sp0,width:"100%",flex:"1"},ref:C,children:t.jsx(zm,{children:t.jsx(ba,{isTransactionActivityEnabled:j})})},fs())},Lm=a.div`
1480
- flex: 1;
1481
- width: auto;
1482
- padding-left: ${({isCompressedMode:e})=>e===!0?o.sp8:o.sp0};
1483
- padding-right: ${({isCompressedMode:e})=>e===!0?o.sp0:o.sp8};
1484
- `,Am=a.div`
1485
- width: 100%;
1486
- height: 100%;
1487
- background-color: ${e=>e.theme.colors.grey4};
1488
- `,Em=a.div`
1489
- height: 100%;
1490
- `,Rm=a.div`
1491
- height: 100%;
1492
- display: flex;
1493
- flex-direction: column;
1494
- max-width: 99.9%;
1495
- `,Dm=a.div`
1496
- display: flex;
1497
- width: 100%;
1498
- height: ${e=>`calc(100% - ${ks.valuePx(e.windowSize)})`};
1499
- flex-direction: column;
1500
- justify-content: center;
1501
- align-items: center;
1502
- `,Om=a.div`
1503
- height: 96px;
1504
- width: 96px;
1505
- background: ${e=>e.theme.colors.background};
1506
- border-radius: 50%;
1507
- cursor: pointer;
1508
- & svg {
1509
- margin: ${o.sp5};
1510
- color: ${e=>e.theme.colors.grey1};
1511
- }
1512
- &:hover {
1513
- & svg {
1514
- color: ${e=>e.theme.colors.primary};
1515
- }
1516
- }
1517
- `,Mm=a(It)`
1518
- margin-top: ${o.sp3};
1519
- color: ${e=>e.theme.colors.hero};
1520
- `,Xi=a.div`
1521
- top: ${o.sp0};
1522
- left: ${o.sp0};
1523
- padding-bottom: ${o.sp3};
1524
- padding-left: ${({isCompressedMode:e})=>e===!0?o.sp8:o.sp0};
1525
- padding-right: ${({isCompressedMode:e})=>e===!0?o.sp0:o.sp8};
1526
- box-sizing: border-box;
1527
- ${e=>e.isPanelSelected===!0&&De`
1528
- .categorization-row-card {
1529
- ${Bo(e.theme)}
1530
- }
1531
- `}
1532
- `,Bm=a.div`
1533
- background-color: ${e=>e.theme.colors.grey4};
1534
- `,_m=a.div`
1535
- top: 0;
1536
- left: 0;
1537
- width: 100%;
1538
- min-width: 100%;
1539
- z-index: 11;
1540
- display: flex;
1541
- align-items: center;
1542
- position: sticky;
1543
- background-color: ${e=>e.theme.colors.grey4};
1544
- `,Fm=a.div`
1545
- position: relative;
1546
- width: auto;
1547
- height: 100%;
1548
- `,zm=a.div`
1549
- padding-left: ${o.sp8};
1550
- `,Pm=({selectedTab:e,transactionView:n,receiptUploadEndpoint:c,authParams:r,sectionId:p,vendorSearchAutoCompleteData:h,vendorSearchAutoCompleteActions:s,isCOTEnabled:d,isTransactionActivityEnabled:l,setCurrentFooterFormId:m,setLocalDataForCategoryAndClass:u,onTransactionCategorizationRowClick:g,onUpdateTransactionCategorizationUIState:f,onUpdateScrollYOffSetTransactionCategorizationUIState:y,onFetchTransactionCategorizationList:b,onSaveUpdateTransactionCategorization:v,onUpdateSelectedCheckboxTransactionIds:j,onFetchRecommendationsForEntityCategorization:C,onFetchRecommendationsForEntityCategorizationWithCustomer:T,setActivityLogTransactionId:k})=>{const[S,E]=i.useState({transactionId:void 0,lineItemId:void 0}),M=i.useRef(),L=i.useRef({}),{useDynamicConfig:O}=bs(),{configValue:w}=O(vs.enableUncategorizedExpenseCategory),$=w?.uncategorized_expense_category_enabled===!0,B=(J,D,R,K)=>{const G={...L.current};G[D]==null&&(G[D]=[]);let W=G[D].findIndex(A=>A.lineId===J);if(W===-1){const A={lineId:J,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}};G[D].push(A),W=G[D].length-1}else{const A=G[D][W];G[D][W]={...A,category:{...A.category,recommendationTypesViewed:[...A.category.recommendationTypesViewed]},class:{...A.class,recommendationTypesViewed:[...A.class.recommendationTypesViewed]},vendor:{...A.vendor,recommendationTypesViewed:[...A.vendor.recommendationTypesViewed]}}}K!=null&&K!==""&&!G[D][W][R].recommendationTypesViewed.includes(K)&&G[D][W][R].recommendationTypesViewed.push(K),L.current=G},{transactions:V,transactionLocalData:q,accountsHierarchyList:N,classHierarchyList:H,accountList:le,classList:_,selectedCheckBoxTransactionIds:X,uncategorizedAccounts:Q}=n,ae=Kt({mode:"all",reValidateMode:"onChange",defaultValues:i.useMemo(()=>es(X,q,N,H,h.entityAutoCompleteView),[N,H,X,q,h.entityAutoCompleteView]),values:i.useMemo(()=>es(X,q,N,H,h.entityAutoCompleteView),[N,H,X,q,h.entityAutoCompleteView]),resetOptions:{keepDefaultValues:!0,keepDirty:!1}});i.useEffect(()=>()=>{m("expenseAutomationPage")},[]),i.useEffect(()=>{X.length>0?m(oo):m("expenseAutomationPage")},[X,m]);const ee=ae.handleSubmit(J=>{const D=J[Fn],R=L.current;v(e,D,R),D.forEach(K=>{delete L.current[K]})}),he=async(J,D)=>{if(J!=null){if(J===Fn){const R=ae.getValues(Fn);if(R.length<X.length){j(e,R);return}if(R.length===fn){j(e,R);return}const K=R[R.length-1],G=D[Jt].findIndex(A=>A.transactionId===K),W=ae.getValues(`${Jt}.${G}.lineInfo`);if(W!=null){let A=!1;if(W.every(P=>(A=un(Q,P[Re].selectedOption,$?["income"]:void 0),!!P[Re].selectedOption&&P[Re].selectedOption!=null&&!A&&!!P[Xe].selectedOption&&!!P[rt].selectedOption))===!0){j(e,R);return}else{const P=R.filter(U=>U!==K);j(e,P);return}}return}if(J.includes(Re)===!0||J.includes(Xe)===!0){const R=parseInt(J.split(".")[1]),K=parseInt(J.split(".")[3]),G=ae.getValues(`${Jt}.${R}.lineInfo`),W=G[K];if(J.includes(Re)||J.includes(Xe)){const{transactionId:A,lineId:P,recommendations:U}=W;if(G!=null){const F=W[Re].selectedOption,pe=W[Xe].selectedOption,ie=W[rt].selectedOption,oe=W[rt].selectedOption,xe=W[rt].defaultOptions,Ie=xe?.find(de=>de.options?.find(Fe=>Fe.value===ie))?.options?.find(de=>de.value===ie)?.label,I=xe?.find(de=>de.options?.find(Fe=>Fe.value===oe))?.options?.find(de=>de.value===oe)?.label,se=h.entityAutoCompleteView.vendor.find(de=>de.qboId===ie),ve=h.entityAutoCompleteView.customer.find(de=>de.qboId===oe),Te=U.find(de=>de.vendor?.qboId===ie)?.vendor,Pe=ie||se?.qboId||Te?.qboId?{id:ie??se?.qboId??Te?.qboId??"",name:Ie??se?.name??Te?.name??"",logo:se?.logo??Te?.logo}:void 0,Ne=oe||ve?.qboId?{id:oe??ve?.qboId??"",name:I??ve?.name??"",logo:ve?.logo}:void 0,ye=le.find(de=>de.qboId===F),et=_.find(de=>de.classId===pe),Ke=n.transactionLocalData.find(de=>de.transactionId===A)?.transactionReviewLocalData.lineItemById[P].account,Ze=n.transactionLocalData.find(de=>de.transactionId===A)?.transactionReviewLocalData.lineItemById[P].class;u(e,A,P,V,Pe?.id,Ne?.id,J.includes(Re)&&ye!=null?{...ye,isPreFilled:!1}:Ke,J.includes(Xe)&&et!=null?{...et,isPreFilled:!1}:Ze,void 0,U,$)}return}}if(J.includes(rt)){const R=parseInt(J.split(".")[1]),K=parseInt(J.split(".")[3]),G=ae.getValues(`${Jt}.${R}.lineInfo`);if(G!=null){const W=G[K],{transactionId:A,recommendations:P}=W,U=W[rt].selectedOption,F=W[rt].selectedOption,pe=W[rt].defaultOptions,ie=pe?.flatMap(ye=>ye.options)?.find(ye=>ye.value===U)?.label,oe=pe?.flatMap(ye=>ye.options)?.find(ye=>ye.value===F)?.label,xe=h.entityAutoCompleteView.vendor.find(ye=>ye.qboId===U),Ie=h.entityAutoCompleteView.customer.find(ye=>ye.qboId===F),I=P.find(ye=>ye.vendor?.qboId===U)?.vendor,se=U!==""&&U!=null?U:ie!==""&&ie!=null?ie:"",ve=(xe?.qboId!=null&&xe.qboId!==""?xe.qboId:null)??(I?.qboId!=null&&I.qboId!==""?I.qboId:null)??(U!=null&&U!==""?U:null),Te={id:ve??ie??"",name:ie??xe?.name??I?.name??"",logo:xe?.logo??I?.logo},Pe=Ie?.qboId!=null&&Ie.qboId!==""?{id:Ie.qboId??F??"",name:oe??Ie.name??"",logo:Ie.logo}:void 0,Ne=V.find(ye=>ye.id===A);if(Ne!=null){const ye=n.transactionLocalData.find(Fe=>Fe.transactionId===Ne.id)?.transactionReviewLocalData,et=ye?.lineItemById[W.lineId],Ke=Ht(Ne)===!0?ye?.selectedEntity:et?.selectedEntityLine,Ze=Pe?.id!=null&&Pe.id!==""?{id:Pe.id,name:Pe.name,type:"customer",qboId:Pe.id,zeniId:Pe.id,logo:Pe.logo}:Te.id!==""&&Te.id!=null?{id:se,name:ie??se,type:"vendor",qboId:se,zeniId:se,logo:Te.logo,isPreFilled:Ke?.id===ve&&Ke?.isPreFilled}:void 0,de={transactionId:{id:Ne.id,type:Ne.type},transaction:Ne,lineIds:Ne.type!=="journal_entry"?Ne.lines?.map(Fe=>Fe.id)??[]:[W.lineId]};Ze?.type==="customer"?T(W.amount.amount,de,!1,e,Ze,Pe,$):C(W.amount.amount,de,!1,e,Ze,Te,$)}}s.onCancelAutoComplete?.();return}}};i.useEffect(()=>{const J=ae.watch((D,{name:R})=>{R!=null&&D!=null&&Cn(()=>he(R,D))});return()=>{J.unsubscribe()}}),i.useEffect(()=>{if(h.entityAutoCompleteView.fetchState==="Completed"){const J=n.transactionLocalData.find(D=>D.transactionId===S.transactionId);if(J){const{transactionReviewLocalData:D}=J,{selectedEntity:R}=D,K=S?.lineItemId??D.sortedLineItems[0],G=D.lineItemById[K],W=G.selectedEntityLine;M.current?.(To(h.entityAutoCompleteView,R??W,G?.recommendationsWithCOT??[]))}E({transactionId:void 0,lineItemId:void 0})}},[h.entityAutoCompleteView.fetchState]);const Z=(J,D)=>{s.onAutoCompleteInputChange?.(J),M.current=D},te=i.useRef(null);return t.jsx(Vm,{ref:te,"data-testid":z("transaction-categorization-list-page"),children:t.jsx(Zt,{...ae,children:t.jsx("form",{id:Qi(oo),onSubmit:ee,style:{height:"100%",width:"100%"},"data-testid":z(Qi(oo)),children:t.jsx(km,{isTransactionActivityEnabled:l,selectedTab:e,sectionId:p,transactionView:n,receiptUploadEndpoint:c,authParams:r,setCurrentTransactionInAction:E,onUpdateTransactionCategorizationUIState:f,onUpdateScrollYOffSetTransactionCategorizationUIState:y,onFetchTransactionCategorizationList:b,onTransactionCategorizationRowClick:g,vendorLoadOptions:Z,vendorSearchAutoCompleteData:h,vendorSearchAutoCompleteActions:s,containerRef:te,isCOTEnabled:d,cotTracking:{onCOTView:B},isUncategorizedExpenseCategoryEnabled:$,setActivityLogTransactionId:k})})})})},Qi=e=>`${e}_form`,es=(e,n,c,r,p)=>({[Jt]:n.map(h=>Nm(h.transactionId,h.transactionReviewLocalData,c,r,p)),[Fn]:e}),Nm=(e,n,c,r,p)=>{const{lineItemById:h,sortedLineItems:s,selectedEntity:d}=n,l=Object.values(h).sort((u,g)=>s.indexOf(u.lineId)-s.indexOf(g.lineId)),m=l[0]?.lineId;return{[wa]:l.map(u=>{const g=u.account?.qboId??u.account?.accountId,f=u.class?.classId,y=u.selectedEntityLine;return{id:u.id,transactionId:u.transactionId,type:u.type,amount:u.amount,lineDetailType:u.lineDetailType,platformLineDetailType:u.platformLineDetailType,lineTransactionType:u.lineTransactionType,postingType:u.postingType,postingTypeName:u.postingTypeName,customer:u.customer,vendor:u.vendor,billable:u.billable,item:u.item,isCategoryMiscategorized:u.isCategoryMiscategorized,isClassMiscategorized:u.isClassMiscategorized,lineId:u.id,[Re]:{selectedOption:g,allOptions:Es(c,u.recommendationsWithCOT)},[Xe]:{selectedOption:f,allOptions:As(r,u.recommendationsWithCOT)},[rt]:{selectedOption:d?.id??y?.id??d?.name??y?.name,defaultOptions:To(p,d??y,n.lineItemById[m]?.recommendationsWithCOT??[])},[Vp]:u.lineEntity,[Hp]:u.recommendationsWithCOT??[]}}),transactionId:e,[Wp]:n.vendorDetails!=null&&n.vendorDetails.id!=null?{id:n.vendorDetails.id,qboId:n.vendorDetails.qboId,name:n.vendorDetails.name}:void 0,[Up]:n.customerDetails!=null&&n.customerDetails.id!=null?{id:n.customerDetails.id,qboId:n.customerDetails.qboId,name:n.customerDetails.name}:void 0}},Vm=a.div`
1551
- display: flex;
1552
- min-height: 100%;
1553
- width: 100%;
1554
- height: 100%;
1555
- flex-direction: column;
1556
- background-color: ${e=>e.theme.colors.grey4};
1557
- z-index: 2;
1558
- `,ts={subSectionContainerLeftRightPadding:new Y(x[3],x[6],x[8])},Hm=a.div`
1559
- width: 100%;
1560
- display: flex;
1561
- justify-content: center;
1562
- align-items: center;
1563
- flex: 1;
1564
- background: ${e=>e.theme.colors.grey4};
1565
- box-sizing: border-box;
1566
- `,Wm=a.div`
1567
- display: flex;
1568
- flex-direction: column;
1569
- width: 100%;
1570
- `,Um=e=>{const{currentFooterFormId:n,onJeAccountSettingsChange:c,onSaveJeAccountSettingsClick:r,setResetJeAccountSettingsForm:p,expenseAutomationViewSelector:h,isTransactionActivityEnabled:s,authParams:d,receiptUploadEndpoint:l,companyId:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,enableMonthEndInsightsZeniGPTFeature:f,monthEndInsightsPreviewMode:y,monthEndInsightsCustomerRequestData:b,allThreadsSectionOpen:v,loggedInUser:j,isCOTEnabled:C,setCurrentFooterFormId:T,onFetchRecommendationsForEntityCategorization:k,onFetchRecommendationsForEntityCategorizationWithCustomer:S,onTransactionCategorizationRowClick:E,onFetchMissingReceiptsList:M,onMissingReceiptsRowClick:L,onUploadReceiptAttachment:O,onUploadReceiptComplete:w,onUploadReceiptFetchStatus:$,onReconTabColumnSortConfigChanged:B,onReloadReconciliationListPage:V,onUpdateReconcileTabLocalData:q,onUpdateMissingReceiptsUIState:N,onFetchTransactionCategorizationList:H,onUpdateTransactionCategorizationUIState:le,onUpdateScrollYOffSetTransactionCategorizationUIState:_,handleJeScheduleClick:X,ignoreRecommendedJeSchedule:Q,onJESchedulesFormDataChange:ae,onPostJESchedule:ee,setLocalDataForCategoryAndClass:he,resetTransactionCategorizationLocalData:Z,updateSelectedVendorForTransaction:te,onSaveUpdateTransactionCategorization:J,onUpdateSelectedCheckboxTransactionIds:D,improveMonthEndInsightsUsingZeniGPTClick:R,onRemoveFileAttachment:K,onUpdateFileAttachment:G,onCloseAllThreadsSection:W,onEditMonthEndInsightsClick:A,previewMonthEndReport:P,saveMonthEndReport:U,onOpenFileAttachmentSnackBar:F,onCloseFileAttachmentSnackBar:pe,onClickCustomerRequest:ie,sendMonthEndReport:oe,markAsReview:xe,onReloadPage:Ie,updateOperatingExpensesIdsForReview:I,onFetchReimbursementView:se,updateSectionIdsForReview:ve,onUpdateFluxAnalysisUIState:Te,fetchFluxViewOnScroll:Pe,onFetchFluxViewList:Ne,setIsJeAccountSettingsOpened:ye,onReviewClicked:et,setOpenDrawerClicked:Ke,onEstablishConnectionClick:Ze,onFetchLinkTokenClick:de,updateReconReviewTabLocalData:Fe,onReconReviewTabColumnSortConfigChanged:xt,onSaveReconciliation:$t,onSaveReconciliationReview:Tt,onReconMatchedTransactionClick:ft,onAddStatementClick:Oe,redirectToVendorDetailPage:ue,setActivityLogTransactionId:be}=e,{currentSelectedView:me,missingReceipts:it,transactionView:lt,selectedPeriod:Le,monthEndInsights:Ge,selectedTransactionCategorizationTab:rn,reconciliation:Gt}=h;switch(me){case"transaction_categorization":return lt.fetchState==="Completed"&&lt.transactionLocalData.length===0?t.jsx(St,{tab:me,title:We(me).allDoneText.title,subTitle:We(me).allDoneText.subTitle}):t.jsx(Pm,{setCurrentFooterFormId:T,selectedPeriod:Le,selectedTab:rn,sectionId:Jt,transactionView:lt,receiptUploadEndpoint:l,authParams:d,isTransactionActivityEnabled:s,onUpdateTransactionCategorizationUIState:le,onUpdateScrollYOffSetTransactionCategorizationUIState:_,onFetchTransactionCategorizationList:H,onTransactionCategorizationRowClick:E,setLocalDataForCategoryAndClass:he,resetTransactionCategorizationLocalData:Z,updateSelectedVendorForTransaction:te,onSaveUpdateTransactionCategorization:J,onUpdateSelectedCheckboxTransactionIds:D,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,onFetchRecommendationsForEntityCategorization:k,onFetchRecommendationsForEntityCategorizationWithCustomer:S,isCOTEnabled:C,setActivityLogTransactionId:be});case"je_schedules":return t.jsx(sh,{setIsJeAccountSettingsOpened:ye,expenseAutomationViewSelector:h,setResetJeAccountSettingsForm:p,currentFooterFormId:n,onJeAccountSettingsChange:c,onSaveJeAccountSettingsClick:r,setCurrentFooterFormId:T,handleJeScheduleClick:X,ignoreRecommendedJeSchedule:Q,onJESchedulesFormDataChange:ae,onPostJESchedule:ee,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g});case"missing_receipts":return it.fetchState==="Completed"&&it.transactions.length===0?t.jsx(St,{tab:me,title:We(me).allDoneText.title,subTitle:We(me).allDoneText.subTitle}):t.jsx(Wh,{onUpdateMissingReceiptsUIState:N,onFetchMissingReceiptsList:M,missingReceipts:it,receiptUploadEndpoint:l,authParams:d,selectedPeriod:Le,onMissingReceiptsRowClick:L,onUploadReceiptComplete:w,onUploadReceiptFetchStatus:$,onUploadReceiptAttachment:O});case"month_end_insights":if(Ge!=null&&h.monthEndCloseChecksView.monthEndCloseChecks!=null){if(Ge.fetchState==="Not-Started"||Ge.fetchState==="In-Progress"||Ge.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||Ge.companyMonthEndReportTemplatesData.fetchState==="In-Progress")return t.jsx(Ra,{fetchState:"In-Progress"});{const Ft={application:"cockpit",companyId:m,entityId:m,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:Ge.companyName,url:window.location.href},{url:ln,...st}=Ft,bn={...st};return t.jsx(Wm,{children:t.jsx(yp,{allThreadsSectionOpen:v,customerRequestData:b,companyId:m,enableZeniGPTFeature:f,filterMetaData:bn,selectedPeriod:h.selectedPeriod,improveUsingZeniGPTClick:R,isZeniUser:j?.userEmail?.includes("zeni.ai")??!1,monthEndReportView:Ge,newThreadMetadata:Ft,onClickCustomerRequest:ie,onCloseAllThreadsSection:W,onCloseFileAttachmentSnackBar:pe,onOpenFileAttachmentSnackBar:F,onRemoveFileAttachment:K,onUpdateFileAttachment:G,previewMode:y,previewMonthEndReport:P,saveMonthEndReport:U,onEditClick:A,sendMonthEndReport:oe})})}}else return null;case"flux_analysis":return h.fluxAnalysis.fetchStatus.fetchState==="Completed"&&h.fluxAnalysis.sections.generalExpense.vendors.length===0&&h.fluxAnalysis.sections.reimbursement.vendors.length===0?t.jsx(St,{tab:me,title:We(me).allDoneText.title,subTitle:We(me).allDoneText.subTitle}):t.jsx(Mu,{fluxAnalysis:h.fluxAnalysis,selectedPeriod:h.selectedPeriod,markAsReview:xe,onReloadPage:Ie,updateOperatingExpensesIdsForReview:I,updateSectionIdsForReview:ve,onUpdateFluxAnalysisUIState:Te,setCurrentFooterFormId:T,fetchFluxViewOnScroll:Pe,onFetchFluxViewList:Ne,onFetchReimbursementView:se,redirectToVendorDetailPage:ue});case"reconciliation":return t.jsx(yu,{onReloadReconciliationListPage:V,currentFooterFormId:n,reconciliation:Gt,companyId:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:g,onReviewClicked:et,setOpenDrawerClicked:Ke,setCurrentFooterFormId:T,onReconTabColumnSortConfigChanged:B,onUpdateReconcileTabLocalData:q,onEstablishConnectionClick:Ze,onFetchLinkTokenClick:de,updateReconReviewTabLocalData:Fe,onReconReviewTabColumnSortConfigChanged:xt,onSaveReconciliation:$t,onSaveReconciliationReview:Tt,onReconMatchedTransactionClick:ft,onAddStatementClick:Oe});default:return t.jsx(St,{tab:me,title:We(me).allDoneText.title,subTitle:We(me).allDoneText.subTitle})}};function qm(e){const n=je(),{currentSelectedView:c}=e.expenseAutomationViewSelector,r=e.expenseAutomationViewSelector.currentSelectedView==="transaction_categorization",p=e.expenseAutomationViewSelector.currentSelectedView!=="month_end_insights"&&e.expenseAutomationViewSelector.currentSelectedView!=="flux_analysis";return t.jsx(Hm,{windowSize:n,style:{...p===!0?{paddingLeft:ts.subSectionContainerLeftRightPadding.value(n),paddingRight:ts.subSectionContainerLeftRightPadding.value(n)}:{paddingLeft:x[0],paddingRight:x[0]},...r===!0||c==="reconciliation"?{paddingLeft:x[0],paddingRight:x[0]}:{}},children:t.jsx(Um,{...e})})}const Jm=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M22.9902 12.0403L1.12726 12.0403",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M7.68994 5.60718L1.00953 12.0402L7.68994 18.4732",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Km=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M12 22.0619L11.4825 21.5444C9.66604 19.7284 7.20261 18.7082 4.63406 18.7084H2.17687C1.92268 18.7082 1.67898 18.607 1.49932 18.4272C1.31966 18.2474 1.21875 18.0036 1.21875 17.7494V2.89563C1.21875 2.64152 1.3197 2.39781 1.49938 2.21813C1.67906 2.03845 1.92276 1.9375 2.17687 1.9375H3.94219C5.53731 1.93666 7.10793 2.32989 8.51448 3.08223C9.92104 3.83457 11.12 4.92273 12.0047 6.25L12 22.0619Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M12 22.0619L12.5175 21.5444C14.334 19.7284 16.7974 18.7082 19.3659 18.7084H21.8231C22.0773 18.7082 22.321 18.607 22.5007 18.4272C22.6803 18.2474 22.7813 18.0036 22.7812 17.7494V2.89563C22.7812 2.64152 22.6803 2.39781 22.5006 2.21813C22.3209 2.03845 22.0772 1.9375 21.8231 1.9375H20.0625C18.4674 1.93666 16.8968 2.32989 15.4902 3.08223C14.0837 3.83457 12.8847 4.92273 12 6.25V22.0619Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M4.07031 6.47765C5.88047 6.33155 7.68276 6.84169 9.14781 7.91484",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M4.07031 10.3118C5.88051 10.1652 7.68295 10.6754 9.14781 11.7489",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M4.07031 14.1435C5.88058 13.9978 7.68285 14.5083 9.14781 15.5817",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M18.5882 8.40625H16.6392C16.3407 8.40684 16.0516 8.51125 15.8217 8.70157C15.5917 8.8919 15.4351 9.15629 15.3786 9.44943C15.3222 9.74258 15.3695 10.0462 15.5125 10.3083C15.6554 10.5704 15.885 10.7746 16.162 10.8859L18.1392 11.6762C18.4162 11.7876 18.6458 11.9918 18.7887 12.2539C18.9316 12.516 18.9789 12.8196 18.9225 13.1128C18.8661 13.4059 18.7095 13.6703 18.4795 13.8606C18.2495 14.0509 17.9605 14.1553 17.662 14.1559H15.7129",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M17.1504 8.40656V7.6875",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M17.1504 14.8753V14.1562",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Zm=a.div`
1571
- width: 100%;
1572
- height: 100vh;
1573
- display: flex;
1574
- flex-direction: column;
1575
- background: ${e=>e.theme.colors.grey4};
1576
- box-shadow: ${e=>e.theme.colors.elevation1};
1577
- `,Gm=a.div`
1578
- display: flex;
1579
- flex-direction: column;
1580
- align-items: center;
1581
- min-width: 100%;
1582
- min-height: 0;
1583
- flex: 1;
1584
-
1585
- ${e=>e.theme.breakpoints.down("md")} {
1586
- width: 100%;
1587
- padding-left: ${o.sp0};
1588
- }
1589
- `,ns=a(Ea)`
1590
- height: ${o.sp3};
1591
- width: ${o.sp3};
1592
- cursor: pointer;
1593
- color: inherit;
1594
- `,os=a(Jm)`
1595
- height: ${o.sp3};
1596
- width: ${o.sp3};
1597
- cursor: pointer;
1598
- color: inherit;
1599
- `,{common:{footer:Me,texts:{maxLimitReached:Ym,confirmAction:Xm},headers:Qm,create:e1,strings:pn,texts:an,cancel:t1,confirm:n1,monthsByIndex:o1},dateFormat:{visual:{MMMDCommaYYYYformat:is}},expenseAutomation:mn}=ke.getLocalizedStrings(),P1=e=>{const{expenseAutomationViewSelector:n,isDisabled:c,isRealtimeInsightsFeatureEnabled:r,isUncategorizedExpenseCategoryEnabled:p,isCOTEnabled:h,onUpdateTab:s,onReconTabUpdate:d,onUpdateStep:l,onSearchTextChanged:m,onRefresh:u,onClose:g,onBack:f,resetTransactionCategorizationLocalData:y,updateOperatingExpensesIdsForReview:b,clearJeScheduleLocalData:v,onSaveReconciliation:j}=e,{currentSelectedView:C,allSteps:T,missingReceipts:k,jeSchedules:S,fluxAnalysis:E,monthEndInsights:M,transactionView:L,selectedTransactionCategorizationTab:O,reconciliation:w,selectedPeriod:$}=n,[B,V]=i.useState("expenseAutomationPage"),[q,N]=i.useState(()=>{}),[H,le]=i.useState(!1),_=je(),X=!!e.loggedInUser?.userEmail?.includes("zeni.ai"),Q=X?ls:cs,{openThread:ae,setOpenThread:ee}=i.useContext(Q),[he,Z]=i.useState(!1),[te,J]=i.useState(!1),D=T.find(ue=>ue.step===C),{nextStep:R,previousStep:K}=a1(T,C),{uiState:{searchString:G,pageToken:W},totalCountByTab:A,transactions:P,fetchStateByTransactionTabs:U,transactionLocalData:F}=L,{selectedReconAccount:pe,reconciliationTabsState:{reconcile:{localData:{selectedTransactionIds:ie}}}}=w;let oe="Not-Started",xe="complete";switch(C){case"missing_receipts":oe=k.refreshStatus.fetchState,xe=k.completionStatus;break;case"je_schedules":oe=S.refreshStatus.fetchState,xe=S.completionStatus;break;case"month_end_insights":M!=null&&(oe=M?.fetchState);break;case"flux_analysis":oe=E.refreshStatus.fetchState,xe=E.completionStatus;break;case"transaction_categorization":oe=L.refreshStatus.fetchState,xe=L.completionStatus;break;case"reconciliation":pe==null?(oe=w.refreshStatus.fetchState,xe=w.completionStatus):(oe=w.selectedReconAccount?.refreshStatus.fetchState??"Not-Started",xe=w.completionStatus)}const Ie=()=>{q()},{saveStatus:I,selectedCheckBoxTransactionIds:se}=L,ve=()=>{const ue=ia(n.fluxAnalysis.sections,n.fluxAnalysis.reviewOperatingExpensesIds);switch(B){case"expenseAutomationFluxPage":return{formId:"expenseAutomationFluxPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:ue===!0?Me.markAsReviewed:an.undo,style:{justifyContent:"space-evenly"},isLoading:n.fluxAnalysis.bulkReviewStatus.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:ho(n.fluxAnalysis.reviewOperatingExpensesIds.length,Hs,_,an.vendor,C),cancelBtn:{label:Me.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{b([])}}};case"expenseAutomationTransactionsPage":return{formId:"expenseAutomationTransactionsPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Me.save,style:{minWidth:"96px",justifyContent:"space-evenly"},isLoading:I.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:ho(se.length,fn,_,an.transaction,C),cancelBtn:{label:Me.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{y(O,P.map(be=>be.id),$,!1,A[O],Qo(F,O),p,W)}}};case"expenseAutomationJESchedulePage":return{formId:"expenseAutomationJESchedulePage",nextBtnLabel:Me.next,backBtnLabel:Me.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Me.next,style:{justifyContent:"space-evenly"},isDisabled:c||D?.isNextDisabled,suffixIcon:t.jsx(ns,{}),onClick:()=>{l(R.step)}},cancelBtn:{label:Me.back,isDisabled:c||D?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(os,{}),onClick:()=>{l(K.step)}}};case"expenseAutomationBankReconReconcilePage":return{formId:"expenseAutomationBankReconReconcilePage",nextBtnLabel:Me.reconcile,backBtnLabel:Me.saveForLater,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Me.reconcile,onClick:()=>{j({reconcileAction:"reconcile"})},isDisabled:w.reconciliationTabsState.balances.variance.amount!==0,isLoading:w.actionFetchStates.reconcileFetch.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:132}},leftSideComponent:ho(ie.length,1/0,_,an.transaction,C),cancelBtn:{onClick:()=>{j({reconcileAction:"save_reconcile_for_later"})},reverseSpinnerColor:!1,isLoading:w.actionFetchStates.saveForLaterFetch.fetchState==="In-Progress",label:Me.saveForLater,style:{minWidth:132,justifyContent:"space-evenly"}}};case"expenseAutomationJEAccountSettingsPage":return{formId:"expenseAutomationJEAccountSettingsPage",nextBtnLabel:Me.save,backBtnLabel:Me.cancel,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Me.save,isLoading:S.accountSettingsView.saveState.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:82}},cancelBtn:{onClick:()=>Ie(),label:Me.cancel,style:{minWidth:82,justifyContent:"space-evenly"}}};default:{const be=C==="reconciliation"&&n.reconciliation.selectedTab==="review"&&n.reconciliation.selectedAccountId!=null,me=C==="reconciliation"&&n.reconciliation.selectedAccountId==null,it=C==="reconciliation"&&n.reconciliation.selectedTab==="reconcile"&&n.reconciliation.selectedAccountId!=null,lt=R.step==="month_end_insights"&&(C==="flux_analysis"&&(n.fluxAnalysis.sections.generalExpense?.balancesByMonth!=null||n.fluxAnalysis.sections.reimbursement?.balancesByMonth!=null)||me),Le=C==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="review",Ge=C==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="autoCategorized",rn=n.monthEndCloseChecksView.monthEndCloseChecks?.monthEndCloseCheckList.find(ln=>ln.id==="month_end_insights"),Gt=n.monthEndCloseChecksView.monthEndCloseChecks?.reportEmailSentDate==null&&rn?.isDisabled===!1&&(r||D?.isNextDisabled===!1),Ft=R.step==="month_end_insights"&&(me||C==="flux_analysis")?!Gt:D?.isNextDisabled===!0;return{formId:"expenseAutomationPage",nextBtnLabel:Me.next,backBtnLabel:Me.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:lt===!0?s1(n.selectedPeriod.month):Me.next,style:{justifyContent:"space-evenly"},isDisabled:Ft,suffixIcon:t.jsx(ns,{}),onClick:()=>{Le?s("autoCategorized"):be?d("reconcile"):l(R.step)}},cancelBtn:{label:Me.back,isDisabled:c||D?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(os,{}),onClick:()=>{Ge?s("review"):it?d("review"):be?f():l(K.step)}}}}}},Te=()=>{switch(B){case"expenseAutomationFluxPage":return{confirmAction:()=>{Z(!1),b([]),g()}};case"expenseAutomationTransactionsPage":return{confirmAction:()=>{Z(!1),y(O,P.map(ue=>ue.id),$,!1,A[O],Qo(F,O),p,W),g()}};case"expenseAutomationJESchedulePage":return{confirmAction:()=>{Z(!1),v(),g()}};default:return{confirmAction:()=>{Z(!1)},confirmationDescription:pn.empty}}},Pe=()=>{B==="expenseAutomationFluxPage"||B==="expenseAutomationJESchedulePage"||B==="expenseAutomationTransactionsPage"?Z(!0):g()},{primaryBtn:Ne,cancelBtn:ye,leftSideComponent:et}=ve(),{confirmAction:Ke}=Te(),Ze=ue=>{if(C==="transaction_categorization"&&(ue==="autoCategorized"||ue==="review"))return{hideCountInTab:A[ue]>mn.common.numbers.maximumCount,count:A[ue],isFetching:U[ue].fetchState==="In-Progress"};if(C==="reconciliation"){const{reconciliation:be}=n,{selectedAccountId:me}=be;return me==null?{count:0,isFetching:!1}:ue==="review"?{count:be.accountReconciliationsByAccountID[me]?.accountReconEntity?.transactionsToReview.length,isFetching:be.accountReconciliationsByAccountID[me]?.transactionFetchState.fetchState==="In-Progress"}:{count:be.accountReconciliationsByAccountID[me]?.accountReconEntity?.transactionsToReconcile.length,isFetching:be.accountReconciliationsByAccountID[me]?.transactionFetchState.fetchState==="In-Progress"}}},de=C==="reconciliation"&&w.selectedAccountId!=null&&w.selectedReconAccount!=null,{month:Fe,year:xt}=$,$t=Hr().set("month",Fe-1).set("year",xt),Tt=$t.startOf("month").format(is),ft=$t.endOf("month").format(is),Oe=`${Tt} ${pn.hyphen} ${ft}`;return t.jsxs(Zm,{children:[he?t.jsx(Ia,{containerStyle:{width:356},titleComponent:t.jsx(h1,{children:Xm}),primaryButtonText:n1,secondaryButtonText:t1,proceedButtonVariant:"danger",action:{onOkClick:()=>{Ke()},onCancelClick:()=>Z(!1)},descriptionComponent:t.jsx(p1,{children:mn.confirmationDescription})}):null,t.jsx($a,{isOpen:e.sidePanelIsOpen??!1,isFullView:e.sidePanelIsFullView??!1,panelContent:e.panelContent,headerContent:t.jsx(Ml,{onBack:f,navBarCustomElement:C==="reconciliation"&&w.selectedAccountId!=null?t.jsx(i1,{reconciliation:w}):void 0,onReconTabUpdate:d,currentRecontab:w.selectedTab,reconcileDetailPageFetchState:w.selectedAccountId!=null?w.accountReconciliationsByAccountID[w.selectedAccountId]?.transactionFetchState.fetchState:"Not-Started",selectedReconAccountId:de?w.selectedAccountId:void 0,currentSelectedView:C,titleStyle:{justifyContent:"center",marginLeft:o.sp0},headerData:We(C,A.autoCategorized,de?w.selectedAccountId:void 0,de?w.selectedReconAccount?.accountReconEntity?.account.accountName:void 0,de?Oe:void 0),searchText:G,currentTab:O,getTabCountAndFetchState:Ze,completionStatus:xe,forceShowSubtitle:H===!0||C==="je_schedules"&&(S.fetchState==="In-Progress"||S.accountSettingsView.fetchState==="In-Progress"),refreshStatus:oe,companyId:e.companyId,companyName:n.monthEndInsights?.companyName??pn.empty,isZeniUser:X,onAllThreadsClick:()=>{ae!=null&&ee(null),J(!0)},onUpdateTab:s,onSearchTextChanged:m,onRefresh:u,onClose:Pe}),listContent:t.jsxs(Gm,{children:[t.jsx(qm,{...e,isCOTEnabled:h,setIsJeAccountSettingsOpened:le,setResetJeAccountSettingsForm:N,allThreadsSectionOpen:te,setCurrentFooterFormId:V,currentFooterFormId:B,onCloseAllThreadsSection:()=>J(!1)}),t.jsx(He,{controller:C!=="month_end_insights"&&e.sidePanelIsOpen!==!0,children:t.jsx(ds,{style:{width:"-webkit-fill-available",maxHeight:x[8]},formId:r1(B),primaryBtn:Ne,leftSideComponent:et,cancelBtn:ye,separatorStyle:{marginRight:o.sp4}})})]})})]})},i1=({reconciliation:e})=>{const n=kt(),{clearedBalance:c,variance:r,variancePercentage:p,deposits:h,payments:s}=e.reconciliationTabsState.balances,{balance:d}=e.selectedReconAccount?.accountReconEntity??{},{selectedReconAccount:l}=e,{transactionFetchState:m}=l??{};return t.jsx(m1,{children:t.jsxs(g1,{children:[t.jsxs(po,{style:{justifyContent:"flex-end",width:"50%"},children:[t.jsx(mo,{children:t.jsx(x1,{})}),t.jsx(go,{children:m?.fetchState==="In-Progress"?t.jsxs(yo,{children:[t.jsx(tn,{height:25,width:120}),t.jsx(tn,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(fo,{children:Je("0,0.00",d)}),t.jsx(xo,{children:mn.accountRecon.reconciliation.headers.bankBalance})]})})]}),t.jsxs(po,{children:[t.jsx(mo,{children:t.jsx(y1,{})}),t.jsx(go,{children:m?.fetchState==="In-Progress"?t.jsxs(yo,{children:[t.jsx(tn,{height:25,width:120}),t.jsx(tn,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(fo,{children:Je("0,0.00",c)}),t.jsxs(w1,{children:[t.jsx(xo,{children:mn.accountRecon.reconciliation.headers.clearedBalance}),t.jsx(we,{placement:"bottom",title:t.jsxs(b1,{children:[t.jsxs(ss,{children:[t.jsxs(as,{children:[s.count," ",an.payments]}),t.jsx(rs,{children:Je("0,0.[00]",s.totalAmount)})]}),t.jsxs(ss,{children:[t.jsxs(as,{children:[h.count," ",an.deposits]}),t.jsx(rs,{children:Je("0,0.[00]",h.totalAmount)})]})]}),display:"flex",children:t.jsx(C1,{})})]})]})})]}),t.jsxs(po,{style:{justifyContent:"flex-start",width:"50%"},children:[t.jsx(mo,{children:t.jsx(f1,{})}),t.jsx(go,{children:m?.fetchState==="In-Progress"?t.jsxs(yo,{children:[t.jsx(tn,{height:25,width:120}),t.jsx(tn,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsxs(fo,{children:[t.jsx("span",{style:{color:r.amount===0?n.colors.brandColorJadeDark:n.colors.primary},children:Je("0,0.00",r)}),p!=null&&r.amount!==0?t.jsx("span",{style:{color:n.colors.primary,marginLeft:2},children:`(${p.toFixed(2)}%)`}):null]}),t.jsx(xo,{children:mn.accountRecon.reconciliation.headers.variance})]})})]})]})})},ho=(e,n,c,r,p)=>{const h=r,s=(e>1?h+"s":h)+" selected";return e>0?t.jsxs(l1,{currentView:p,style:c==="small"?{position:"absolute",top:o.sp2,left:`-${o.sp5}`}:{},children:[t.jsx(c1,{multiDigit:e>=5,children:e}),t.jsx(d1,{children:s}),e===n?t.jsx(u1,{children:`(${Ym})`}):null]}):null},s1=e=>{const n=o1[e];return`${e1}${pn.space}${n}${pn.space}${Qm.insights}`};function a1(e,n){const c=e.findIndex(d=>d.step===n);if(c===-1)throw new Error("currentStep not found in allSteps array");const r=(c+1)%e.length,p=(c-1+e.length)%e.length,h=e[r],s=e[p];return{nextStep:h,previousStep:s}}const r1=e=>`${e}_form`,l1=a.div`
1600
- display: flex;
1601
- justify-content: flex-start;
1602
- align-items: center;
1603
- gap: ${o.sp2};
1604
- margin-left: ${e=>e.currentView==="flux_analysis"?"36px":o.sp8};
1605
- `,c1=a(gt)`
1606
- height: 18px;
1607
- width: ${e=>e.multiDigit?"auto":"18px"};
1608
- padding: ${o.sp0} 6px;
1609
- border-radius: ${o.sp12};
1610
- border: ${e=>`1px solid ${e.theme.colors.primary}`};
1611
- display: flex;
1612
- justify-content: center;
1613
- align-items: center;
1614
- `,d1=a(ze)`
1615
- color: ${e=>e.theme.colors.primary};
1616
- `,u1=a(It)`
1617
- color: ${Qe.important};
1618
- `,h1=a(ka)`
1619
- margin-top: ${o.sp5};
1620
- padding-left: ${o.sp8};
1621
- padding-right: ${o.sp8};
1622
- color: ${e=>e.theme.colors.primary};
1623
- word-break: break-word;
1624
- `,p1=a(Ta)`
1625
- color: ${e=>e.theme.colors.primary};
1626
- margin-top: ${o.sp2};
1627
- margin-bottom: ${o.sp2};
1628
- `,m1=a.div`
1629
- display: flex;
1630
- justify-content: center;
1631
- align-items: center;
1632
- padding: ${o.sp3} ${o.sp0};
1633
- `,g1=a.div`
1634
- width: 100%;
1635
- display: flex;
1636
- justify-content: center;
1637
- align-items: center;
1638
- gap: ${o.sp1};
1639
- `,po=a.div`
1640
- display: flex;
1641
- justify-content: center;
1642
- align-items: center;
1643
- gap: ${o.sp3};
1644
- `,mo=a.div`
1645
- width: ${o.sp7};
1646
- height: ${o.sp7};
1647
- border-radius: 50%;
1648
- display: flex;
1649
- justify-content: center;
1650
- align-items: center;
1651
- background-color: ${e=>e.theme.mode==="dark"?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
1652
- `,go=a.div`
1653
- display: flex;
1654
- flex-direction: column;
1655
- `,xo=a(It)`
1656
- color: ${e=>e.theme.colors.hero};
1657
- `,fo=a(hs)`
1658
- min-width: 180px;
1659
- color: ${e=>e.theme.colors.primary};
1660
- `,x1=a(Ma)`
1661
- color: ${e=>e.theme.colors.primary};
1662
- width: ${o.sp4};
1663
- height: ${o.sp4};
1664
- `,f1=a(Ba)`
1665
- color: ${e=>e.theme.colors.primary};
1666
- width: ${o.sp4};
1667
- height: ${o.sp4};
1668
- `,y1=a(Km)`
1669
- color: ${e=>e.theme.colors.primary};
1670
- width: ${o.sp4};
1671
- height: ${o.sp4};
1672
- `,C1=a(ps)`
1673
- width: ${o.sp3};
1674
- height: ${o.sp3};
1675
- color: ${e=>e.theme.colors.hero};
1676
- :hover {
1677
- color: ${e=>e.theme.colors.primary};
1678
- }
1679
- `,w1=a.div`
1680
- display: flex;
1681
- align-items: center;
1682
- gap: ${o.sp1};
1683
- `,b1=a.div`
1684
- background-color: ${Qe.overlayDark};
1685
- padding: 2px ${o.sp2};
1686
- border-radius: ${o.sp1};
1687
- `,ss=a.div`
1688
- display: flex;
1689
- justify-content: space-between;
1690
- gap: ${o.sp2};
1691
- `,as=a.div`
1692
- text-transform: capitalize;
1693
- `,rs=a(It)`
1694
- color: ${Qe.primaryDark};
1695
- align-self: "flex-end";
1696
- `,tn=a(Mt)`
1697
- border-radius: ${o.sp2};
1698
- `,yo=a.div`
1699
- display: flex;
1700
- flex-direction: column;
1701
- min-width: 180px;
1702
- gap: ${o.sp1};
1703
- `;export{h1 as ConfirmationPopUpTitle,P1 as default,a1 as getNextAndPreviousSteps,r1 as uniqueFormName};