@zeniai/web-cockpit-ui 1.14.72-dev → 1.14.72-dev-betaSK01
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.
- package/dist/assets/{ACHDetailsPage-BZFkcCOG-Bm0yzLzS.js → ACHDetailsPage-BZFkcCOG-WfBPHoUX.js} +2 -2
- package/dist/assets/{AIPerformancePage-DtNLjoUW-C8WssBlV.js → AIPerformancePage-DtNLjoUW-CinUSJg2.js} +124 -124
- package/dist/assets/{AccountInfoPage-D-E_-WpE-D3xkesKo.js → AccountInfoPage-D-E_-WpE-DJyb7x4k.js} +2 -2
- package/dist/assets/{AccountInfoPageContent-B8GKrtCm-Bl_GPEk1.js → AccountInfoPageContent-B8GKrtCm-10kK72ec.js} +13 -13
- package/dist/assets/AccountLockedInfoModal-BD7Nb81U-ZCs8qzoa.js +59 -0
- package/dist/assets/AccountReconDetailsDrawerPage-D-_ME0pV-BuvZZBZ-.js +239 -0
- package/dist/assets/{AccountRow-Be3LIHO--AtWCxnkE.js → AccountRow-Be3LIHO--BjLJB43L.js} +32 -32
- package/dist/assets/AccountsPromoCardStack-CdBwPVgI-CkQ7kJh8.js +207 -0
- package/dist/assets/{AddAddressForCardDrawer-Lm7cn4kq-BwSuj-eK.js → AddAddressForCardDrawer-Lm7cn4kq-DzFp-OyN.js} +2 -2
- package/dist/assets/{AddToWalletPage-nSq-9dQy-DNXeo8yV.js → AddToWalletPage-nSq-9dQy-D56Hf4hb.js} +13 -13
- package/dist/assets/AgingReportsPage-L0zQxwCf-D3sUJmot.js +79 -0
- package/dist/assets/AllUserItems-CvwaOEhu-DISgj-9d.js +192 -0
- package/dist/assets/ApAgingDetailPage-B_78aSEv-DLL7XkHo.js +46 -0
- package/dist/assets/{AppBasePage-Br0WbQRY-C5P2SI_a.js → AppBasePage-Br0WbQRY-BAK8zLlg.js} +5 -5
- package/dist/assets/{AppDrawerContent-BZODvVvi-DO9-i0u3.js → AppDrawerContent-BZODvVvi-DQ-V9QL0.js} +7 -7
- package/dist/assets/ApprovalRulesSettingsPage-Dxd7A3hZ-CRTSWRxG.js +47 -0
- package/dist/assets/ArAgingChart-BezVy1Sm-ClcQ64wd.js +24 -0
- package/dist/assets/{ArAgingDetailPage-BlV3iJeW-DvSoM4Rd.js → ArAgingDetailPage-BlV3iJeW-D0lCDh_0.js} +3 -3
- package/dist/assets/{AttachmentView-DhluaeAV-DnrJUkr5.js → AttachmentView-DhluaeAV-DsM43aN0.js} +9 -9
- package/dist/assets/{BankAccountSection-GDEQdiGL-CuwfGvXF.js → BankAccountSection-GDEQdiGL-CmBLlIS1.js} +5 -5
- package/dist/assets/{BankAccountWarningSection-Di_BsiJC-Cp36wJhl.js → BankAccountWarningSection-Di_BsiJC-_Ul1tNJQ.js} +9 -9
- package/dist/assets/BankConnectionsSettingsPage-D5hI4xtm-ik9FJnty.js +425 -0
- package/dist/assets/BillDetailPage-CDAh8Jtl-wk3WJY1W.js +266 -0
- package/dist/assets/{BillPayApprovalRuleDetailPage-BzyTn4mC-DYCBn6RW.js → BillPayApprovalRuleDetailPage-BzyTn4mC-DxDRXjZW.js} +1 -1
- package/dist/assets/{BillPayApprovalRulesPage-DDJ-LxQz-D20J03DB.js → BillPayApprovalRulesPage-DDJ-LxQz-B-4hhNoy.js} +7 -7
- package/dist/assets/BillPayPromoPage-B2YcxWc9-ChjVVUdj.js +84 -0
- package/dist/assets/BillPaySetUpPage-oJvoWpFu-ZQ44J65y.js +42 -0
- package/dist/assets/BillingSettingsPage-BRsKYzT5-C1YZEc97.js +44 -0
- package/dist/assets/BillsBulkReviewDrawerPage-B7tORIok-09a60H-u.js +1 -0
- package/dist/assets/{BoxItem-COIjjFrn-DqU4ZyNU.js → BoxItem-COIjjFrn-CYZK_lth.js} +4 -4
- package/dist/assets/BusinessVerificationPage-Nw_fedst-Ce7UF4J6.js +138 -0
- package/dist/assets/{CardNumberSubText-CmhH95Ff-CLBGKyAX.js → CardNumberSubText-CmhH95Ff-D70_vfvB.js} +2 -2
- package/dist/assets/{CashbackDetailPage-BPLjvuA3-362WFi2j.js → CashbackDetailPage-BPLjvuA3-D2AlurqK.js} +56 -56
- package/dist/assets/{ChargeCardDetailPage-qOu4cPGd-BUoeKuHJ.js → ChargeCardDetailPage-qOu4cPGd-CMQ9x73T.js} +215 -215
- package/dist/assets/ChargeCardListPage-v5hH98Wi-BhiUhdgm.js +406 -0
- package/dist/assets/{ChargeCardListTable-BGWV4zJl-fPTlw7hA.js → ChargeCardListTable-BGWV4zJl-CcT6S7FA.js} +51 -51
- package/dist/assets/ChargeCardPromoPage-CPEaGOL3-CiA1pNTj.js +222 -0
- package/dist/assets/ChargeCardSetupPage-G5Rn0o6y-Bqw8Kqbv.js +36 -0
- package/dist/assets/{ChargeCardStatementsPage-CJgUrcLz-BpTcE_Fq.js → ChargeCardStatementsPage-CJgUrcLz-BY-SWhAj.js} +3 -3
- package/dist/assets/ChargeCardUtils-BRgkrCTs-Bo37IpfS.js +1 -0
- package/dist/assets/{ChaseOverlay-BC_4vwtb-ZJ37WP7g.js → ChaseOverlay-BC_4vwtb-BQqHx8M-.js} +4 -4
- package/dist/assets/{CheckDepositDrawerPage-CDo5E13X-BcLnzbHC.js → CheckDepositDrawerPage-CDo5E13X-CKNKZDF1.js} +21 -21
- package/dist/assets/CollapsableReportTable-7iAngywY-BhPujiYA.js +2932 -0
- package/dist/assets/CompanyOfficerDetailsSection-CJKyxEnf-B2MTqDnr.js +260 -0
- package/dist/assets/{CompanyPassportCard-D3F01eJL-CYg3XwZh.js → CompanyPassportCard-D3F01eJL-BhEJq4YF.js} +1 -1
- package/dist/assets/CompanyPassportPage-BQoEcPJr-CLTXsXdq.js +574 -0
- package/dist/assets/CompleteProfile-D5e9TQgy-B3NCfzYL.js +52 -0
- package/dist/assets/{ConfettiBurst--HIHB7Os-CFkZhGnX.js → ConfettiBurst--HIHB7Os-S4QyIwiq.js} +1 -1
- package/dist/assets/{CreateOrEditVendorPage-D9jmSrKr-BqbzMjKm.js → CreateOrEditVendorPage-D9jmSrKr-DpdjBsSE.js} +11 -11
- package/dist/assets/CreditCardPaymentDrawerPage-DXeq4z9l-C-tETdxW.js +224 -0
- package/dist/assets/{CreditCardPaymentPlgSection-8ZShMO31-D_nbIzHo.js → CreditCardPaymentPlgSection-8ZShMO31-COciJwfu.js} +10 -10
- package/dist/assets/{CurrencySelectField-nhg_dhDw-Ct_sJsLw.js → CurrencySelectField-nhg_dhDw-nZHVWMo0.js} +6 -6
- package/dist/assets/{CustomerOnboardingActivationPage-CoGvz7Kd-2HboMU2B.js → CustomerOnboardingActivationPage-CoGvz7Kd-1Tt5lNh3.js} +5 -5
- package/dist/assets/CustomerOnboardingContainerPage-CZRkKPDD-CdqN8qku.js +1 -0
- package/dist/assets/{CustomerOnboardingDetailPageSkeleton-DUGRKWtN-Bm0dGA9J.js → CustomerOnboardingDetailPageSkeleton-DUGRKWtN-ClKlbRH6.js} +13 -13
- package/dist/assets/{CustomerOnboardingNoStepsPage-Cc5frP29-BNFSu_0c.js → CustomerOnboardingNoStepsPage-Cc5frP29-Pt9D5fwX.js} +6 -6
- package/dist/assets/CustomerOnboardingPage-zBqp9QN6-BMM-roBm.js +107 -0
- package/dist/assets/CustomerOnboardingProductSuitePage-BbJ4oiCI-DgRG1l8f.js +202 -0
- package/dist/assets/{Dashboard-D6Ba5oj0-DGZ5Ekyf.js → Dashboard-D6Ba5oj0-C5iZr7Dc.js} +262 -262
- package/dist/assets/DashboardReportPage-DTMbYOWH-B0H-UpGg.js +371 -0
- package/dist/assets/{DashboardSidebarBackgroundAnimation-Locz2zHR-BPk9MxB4.js → DashboardSidebarBackgroundAnimation-Locz2zHR-Bhgpjfq-.js} +1 -1
- package/dist/assets/{DepositAccTransactionItem-B0BGwVqF-CxL2uxQm.js → DepositAccTransactionItem-B0BGwVqF-Cwta5ei3.js} +5 -5
- package/dist/assets/DepositAccTransactionListPage-CcO673ZL-D1h5XemH.js +66 -0
- package/dist/assets/DomesticWireDetailsPage-D5hbPNCt-Bhq4tM9b.js +21 -0
- package/dist/assets/DownloadOverlay-DRcasKoB-BTfb8tZj.js +439 -0
- package/dist/assets/{DrawerPage-BRD6cE6J-CdG9rNJx.js → DrawerPage-BRD6cE6J-1UMYAHb7.js} +13 -13
- package/dist/assets/EditPeoplePage-Zzo62if7-Clw_H_tG.js +55 -0
- package/dist/assets/EditReimbursementDetailPage-D59OJdZ1-DgdwTZwz.js +865 -0
- package/dist/assets/EntityDetailPage-CzlzOW8n-CjIrlTQm.js +18 -0
- package/dist/assets/{EntitySummarySection-BRt1kPDf-BrvMzC_z.js → EntitySummarySection-BRt1kPDf-DQbEIQFx.js} +28 -28
- package/dist/assets/{ExpenseAutomationOverviewPage-vUkGameq-D28DcERt.js → ExpenseAutomationOverviewPage-vUkGameq-CHnaqssF.js} +50 -50
- package/dist/assets/ExpenseAutomationPage-Cm_IiRlb-DxIRsn8B.js +1650 -0
- package/dist/assets/ExpressPayPage-DdQiFzDu-CXe6diRB.js +168 -0
- package/dist/assets/{FeaturePreviewPage-CQN2xThT-D8GcVVCI.js → FeaturePreviewPage-CQN2xThT-DJXN60Ac.js} +3 -3
- package/dist/assets/{FollowStepsSection-DdwEVWhG-XjqeMDlz.js → FollowStepsSection-DdwEVWhG-yjJ5FRCa.js} +21 -21
- package/dist/assets/GlobalReviewListPage-DHn2Uk8R-Dz5cpAt1.js +291 -0
- package/dist/assets/HelpButton-BNMy-6ce-CVlMGZqS.js +28 -0
- package/dist/assets/{InformationCardStack-Cw7c9Pnd-JKEjusS_.js → InformationCardStack-Cw7c9Pnd-BX2LTL8l.js} +2 -2
- package/dist/assets/InsightsCardStack-CaMZiCnn-DLt2ZmbV.js +79 -0
- package/dist/assets/{InsightsSection-JIKb9lz3-CSUvMdaP.js → InsightsSection-JIKb9lz3-Hi0aN8hq.js} +5 -5
- package/dist/assets/{IntegrationsSettingsPage-h4pel2yK-CfkisAjm.js → IntegrationsSettingsPage-h4pel2yK-CxqwarZy.js} +4 -4
- package/dist/assets/{InternationalWireSwiftDetailsPage-C2SnHEV1-D4h6wt17.js → InternationalWireSwiftDetailsPage-C2SnHEV1-CzlIxaS1.js} +16 -16
- package/dist/assets/{InternationalWireVerificationPage-Dk11ztF7-CGQwkBKG.js → InternationalWireVerificationPage-Dk11ztF7-BCCRbUea.js} +28 -28
- package/dist/assets/{InviteFormPage-CrtH0cSG-lBcBfRNC.js → InviteFormPage-CrtH0cSG-eVIYbN0r.js} +16 -16
- package/dist/assets/{InvitePageListView-DUoopPip-D3WES4Ay.js → InvitePageListView-DUoopPip-D5qrm4ww.js} +164 -164
- package/dist/assets/InvitePeoplePage-C3ecL8XJ-olYxQVFB.js +12 -0
- package/dist/assets/InvoiceUploadSection-DoR834b4-CjFOCIIZ.js +140 -0
- package/dist/assets/{IssueChargeCardPage-D6DCohbK-CY0NLJ-D.js → IssueChargeCardPage-D6DCohbK-BMG4Ljit.js} +10 -10
- package/dist/assets/{LabeledAddressValue-C3R0DSjj-DSFQoK0_.js → LabeledAddressValue-C3R0DSjj-CpxXKm9c.js} +1 -1
- package/dist/assets/LabeledAddressValueField-YP7bXlgZ-D9-PqJNp.js +45 -0
- package/dist/assets/{LabeledControlledCheckBoxField-zwoLFM1n-WAKwiqVu.js → LabeledControlledCheckBoxField-zwoLFM1n-B44wDW2V.js} +1 -1
- package/dist/assets/{LabeledCreatableSingleSelectField-BhaeopJt-r1U--LmU.js → LabeledCreatableSingleSelectField-BhaeopJt-tsmH64cn.js} +7 -7
- package/dist/assets/LabeledDocumentField-ED03S2kQ-BGespvxP.js +41 -0
- package/dist/assets/{LabeledDropDownFormattedTextField-brzU_fnp-DR9C1PhE.js → LabeledDropDownFormattedTextField-brzU_fnp-hUkbh0bF.js} +5 -5
- package/dist/assets/{LabeledText-BESSkt5Z-DvRhicFs.js → LabeledText-BESSkt5Z-CPDVK04g.js} +1 -1
- package/dist/assets/{LabeledUserSingleSelectWithSubtitlesField-vEIvvd-n-BRFp4N3Z.js → LabeledUserSingleSelectWithSubtitlesField-vEIvvd-n-DaWgPr9f.js} +18 -18
- package/dist/assets/{LabeledZeniRolesDropDownField-BXTCN4j2-C9dcF_vL.js → LabeledZeniRolesDropDownField-BXTCN4j2-CLEMt0Ht.js} +33 -33
- package/dist/assets/LinkJETransactionPage-_ROjxBMO-C6IEO3Ec.js +98 -0
- package/dist/assets/{LockCardPage-DYfgK11k-CA2sqFlt.js → LockCardPage-DYfgK11k-BFAZ4k7o.js} +71 -71
- package/dist/assets/LowBalancePopup-CZDcHxyW-BSR036zV.js +34 -0
- package/dist/assets/{MagicLinkACHDetailsPage-CLXcRbZ--CVcTUs2d.js → MagicLinkACHDetailsPage-CLXcRbZ--B-X6oebP.js} +1 -1
- package/dist/assets/{MagicLinkDomesticWireDetailsPage-CZlZr96w-BPglJFOV.js → MagicLinkDomesticWireDetailsPage-CZlZr96w-DllJxuHV.js} +1 -1
- package/dist/assets/{MagicLinkInternationalWireDetailsPage-DhPjvv0o-DFwZaRYm.js → MagicLinkInternationalWireDetailsPage-DhPjvv0o-BIaiGIsd.js} +1 -1
- package/dist/assets/{MagicLinkSuccessPage-Bh2nlLPN-Ddx1hbRe.js → MagicLinkSuccessPage-Bh2nlLPN-6rfZopUb.js} +3 -3
- package/dist/assets/MagicLinkTitleSection-Cn1v72Rs-Dx0fyRw5.js +17 -0
- package/dist/assets/{MailingDetailsSection-9RwlQxVG-C09sdGhg.js → MailingDetailsSection-9RwlQxVG-_UrE81Sw.js} +2 -2
- package/dist/assets/{MeetingCalenderPopup-BxV_UIXP-B9VDTxkT.js → MeetingCalenderPopup-BxV_UIXP-BXGtVHle.js} +4 -4
- package/dist/assets/Menu-B6iTf2H7-Cu2Vb11u.js +17 -0
- package/dist/assets/MyBankConnectionsSettingsPage-IPPiH6jv-uU5Nku5W.js +110 -0
- package/dist/assets/MyPendingActivationChargeCardListPage-BTGb1yIE-yyVAdXqO.js +6 -0
- package/dist/assets/MyProfileSettingsPage-BRK5nWg2-BCkp79gR.js +85 -0
- package/dist/assets/{NavBarWithPicker-CKh_HMfV-U1f60LTo.js → NavBarWithPicker-CKh_HMfV-i4ObGPrS.js} +4 -4
- package/dist/assets/{NavigationArrow-XZmJpDrE-BSGdgz-m.js → NavigationArrow-XZmJpDrE-DolsLofY.js} +2 -2
- package/dist/assets/{NavigationDots-BxPgEW_p-CnLRJgGA.js → NavigationDots-BxPgEW_p-Cjr25BX_.js} +3 -3
- package/dist/assets/{NewGlobalMerchantPage-CQzrDe0S-CFbklyjG.js → NewGlobalMerchantPage-CQzrDe0S-K2NUXsKS.js} +35 -35
- package/dist/assets/{NoDataChart-5E72SElf-Bfyft1Tp.js → NoDataChart-5E72SElf-3CnLxisw.js} +4 -4
- package/dist/assets/{NoDataTable-BwHbkm3l-C4AJlFQY.js → NoDataTable-BwHbkm3l-VTHrTfOq.js} +2 -2
- package/dist/assets/{NotFoundPage-6udaksBZ-Bdrzyyzv.js → NotFoundPage-6udaksBZ-DUgTbMe0.js} +1 -1
- package/dist/assets/{NotificationSettingsPage-DkYmxMgg-B7fNoy2R.js → NotificationSettingsPage-DkYmxMgg-BVRECpS0.js} +32 -32
- package/dist/assets/{NotificationsListConfig-FGxLgO1o-Bjqs17aQ.js → NotificationsListConfig-FGxLgO1o-C0kfEx8A.js} +1 -1
- package/dist/assets/NotificationsPage-C7lSAnUb-CEUwTZM_.js +685 -0
- package/dist/assets/{OpExByVendorPage-CM0RluUk-BgpW2giu.js → OpExByVendorPage-CM0RluUk-PZB-G7xm.js} +4 -4
- package/dist/assets/{OverlayContainerPage-BKHs_4eI-mLdiagVZ.js → OverlayContainerPage-BKHs_4eI-CSsJiY_P.js} +2 -2
- package/dist/assets/PandLWithForecastPage-W4jlNjml-8wxKAhbo.js +107 -0
- package/dist/assets/{PaymentAccountSetupBillingAddressSection-DQ82eP9Q-ChYOGpfy.js → PaymentAccountSetupBillingAddressSection-DQ82eP9Q-Cwm2aoR2.js} +9 -9
- package/dist/assets/{PeoplePage-CB3T3u_F-DC1PdCPq.js → PeoplePage-CB3T3u_F-BR69e4ui.js} +96 -96
- package/dist/assets/{PortfolioAllocationFormPage-CZkJD6tu-CmTdPnvM.js → PortfolioAllocationFormPage-CZkJD6tu-1mutznS7.js} +13 -13
- package/dist/assets/{PortfolioDetails-D4yT8r35-DSk0Sc23.js → PortfolioDetails-D4yT8r35-BZAutCbg.js} +34 -34
- package/dist/assets/{ProductsCarousel-CR7_rk0K-DQWJaP-C.js → ProductsCarousel-CR7_rk0K-CKMGS-I4.js} +7 -7
- package/dist/assets/{PromoBaseCards-BAPolzxE-DLtmx-3v.js → PromoBaseCards-BAPolzxE-DjUVr5kX.js} +1 -1
- package/dist/assets/{QBOConnectionDialog-D3eazhj7-fJDNmSLU.js → QBOConnectionDialog-D3eazhj7-DCdAj667.js} +7 -7
- package/dist/assets/{QBOSetupSection-Cjjhm_Ee-CrlXRkit.js → QBOSetupSection-Cjjhm_Ee-CX61tnWs.js} +12 -12
- package/dist/assets/ReimbursementApprovalRuleDetailPage-eidNY097-DDLdjGbX.js +26 -0
- package/dist/assets/{ReimbursementApprovalRulesPage-GSzJGSuy-H2GhhV11.js → ReimbursementApprovalRulesPage-GSzJGSuy-DOLnlfRe.js} +12 -12
- package/dist/assets/ReimbursementDetailPage-AvqEBxbz-ByJDRCe5.js +314 -0
- package/dist/assets/ReimbursementPromoPage-PshodHUZ-CEBQKb7P.js +84 -0
- package/dist/assets/ReimbursementSetUpPage-6P4FT-UC-BMbaH1eU.js +140 -0
- package/dist/assets/ReimbursementsBulkReviewDrawerPage-Cas6GzVp-CEJlVV08.js +1 -0
- package/dist/assets/{ReloadCard-Dpoxd9nE-B9DlyhD4.js → ReloadCard-Dpoxd9nE-_RGkkZLm.js} +5 -5
- package/dist/assets/{ReportTableViewSelector-Ci-WKrCO-DAZRgQwg.js → ReportTableViewSelector-Ci-WKrCO-D0sA8766.js} +30 -30
- package/dist/assets/ReportsPage-C7zirS74-oNrbhh6a.js +121 -0
- package/dist/assets/{RevenueChart-CXMBT3cr-DnDEiqPG.js → RevenueChart-CXMBT3cr-BigDcfmP.js} +29 -29
- package/dist/assets/ReviewDetailsPage-ClsyL5-w-rKSUEvaS.js +290 -0
- package/dist/assets/{ReviewOverlay-C6Kx7Hfm-IahzUsv3.js → ReviewOverlay-C6Kx7Hfm-Aab2M4el.js} +12 -12
- package/dist/assets/{RoleWithToolTip-BqI6M0x_-CwUqJeb5.js → RoleWithToolTip-BqI6M0x_-3Pz3ZAbU.js} +2 -2
- package/dist/assets/ScheduleDetailsFixedAssetsPage-zFyJPVpN-Dm8QVj-0.js +37 -0
- package/dist/assets/ScheduleDetailsPage-BftjSvA7-D97uCI5t.js +37 -0
- package/dist/assets/{ScheduleSequenceTable-lTN7r0p4-BFWt_8N-.js → ScheduleSequenceTable-lTN7r0p4-BmAjQVGV.js} +42 -42
- package/dist/assets/ScreenRoutes-Du6t5Ig_.js +206 -0
- package/dist/assets/SetUpAccountSection-Bnbi8X23-7-Jadv9H.js +378 -0
- package/dist/assets/{SetUpDefaultSection-Bm1eZSgT-BcxYXAIw.js → SetUpDefaultSection-Bm1eZSgT-9DFPAVat.js} +13 -13
- package/dist/assets/{SignIn-BlISBvt5-C9HXqHPg.js → SignIn-BlISBvt5-BSeULTEW.js} +28 -28
- package/dist/assets/SignInScreen-BN2xWnU-.js +1 -0
- package/dist/assets/SpendManagementListViewPage-ChNp8dgm-ByNxcaX6.js +123 -0
- package/dist/assets/SpendManagementPerTabPage-D-bOr2-6-C5z49u7s.js +754 -0
- package/dist/assets/SpendManagementSection-kucZgC-H-Cqflt6S1.js +230 -0
- package/dist/assets/SpendMgmtSetupAccountSection-de7hEmtE-9bAK-YlL.js +206 -0
- package/dist/assets/{StatementItem-BVIVLdDn-BLcyHqWZ.js → StatementItem-BVIVLdDn-DWQxeT2X.js} +2 -2
- package/dist/assets/StatementsPage-KnLUSJbm-DVR36Ge4.js +58 -0
- package/dist/assets/{StatusSwitcher-aAizq1mr-D4E7X1zy.js → StatusSwitcher-aAizq1mr-c-jcIGD9.js} +2 -2
- package/dist/assets/{SubTabSwitcher-COrYJ6CW-B2hsvJe_.js → SubTabSwitcher-COrYJ6CW-BIZF-iNv.js} +1 -1
- package/dist/assets/{SummaryCard-Dv0dWKBw-BnK7xgrF.js → SummaryCard-Dv0dWKBw-CGu-GHYa.js} +1 -1
- package/dist/assets/TaskManagementPage-CPLyyK1Y-BZe-OFxL.js +508 -0
- package/dist/assets/{TimeRangeSwitcher-ifkHfqEg-CGFdCObN.js → TimeRangeSwitcher-ifkHfqEg-VY1vzvIS.js} +3 -3
- package/dist/assets/{TimeframeSwitcher-BP-PxO5g-DG6ysLlp.js → TimeframeSwitcher-BP-PxO5g-DxTIS9PI.js} +1 -1
- package/dist/assets/{TimeframeSwitcherWithToggle-DH-PfsTQ-Dd12kokF.js → TimeframeSwitcherWithToggle-DH-PfsTQ-D7U0L-cV.js} +1 -1
- package/dist/assets/{TopExCard-Bam-Q4MV-GCmLzO6i.js → TopExCard-Bam-Q4MV-BsP_HKjG.js} +6 -6
- package/dist/assets/{TopExDetailPage-P0Twt5zZ-BElfoauE.js → TopExDetailPage-P0Twt5zZ-CoHp8hDQ.js} +12 -12
- package/dist/assets/TransactionDetailPage-D1Z1f-DD-BPMl_wDr.js +912 -0
- package/dist/assets/TransactionList-BzJEbOV9-0ST5sY1-.js +147 -0
- package/dist/assets/{TransactionListBig-u4SJBZTE-BZvqZwTB.js → TransactionListBig-u4SJBZTE-BlGBIBoN.js} +44 -44
- package/dist/assets/{TransactionListPage-D4GJ6i3l-BXLL3BhX.js → TransactionListPage-D4GJ6i3l-yaso0Nlb.js} +3 -3
- package/dist/assets/{TransactionVendorDetailPage-CuFHbm8c-Cl9iluIt.js → TransactionVendorDetailPage-CuFHbm8c-kFca8x3E.js} +5 -5
- package/dist/assets/{TransferDrawerPage-GD2I8ptj-B7cXbGdy.js → TransferDrawerPage-GD2I8ptj-CANT8JC_.js} +27 -27
- package/dist/assets/TreasuryOverviewPage-DySunaqy-Du5jK6WV.js +708 -0
- package/dist/assets/{TreasuryPromoPage-DW1f8_q1-CZjoBD0v.js → TreasuryPromoPage-DW1f8_q1-CkWefV3r.js} +6 -6
- package/dist/assets/{TreasurySetupPage-53k6ARHC-8YVNt5Wt.js → TreasurySetupPage-53k6ARHC-DuoYqIOy.js} +3 -3
- package/dist/assets/{TreasuryStatementsPage-pIshKNaR-Dtfk2lx_.js → TreasuryStatementsPage-pIshKNaR--8vN-IgR.js} +5 -5
- package/dist/assets/{TreasuryTaxLetterPage-B3PkB1al-CKVKJh1V.js → TreasuryTaxLetterPage-B3PkB1al-CkqZdxpj.js} +5 -5
- package/dist/assets/TreasuryTransferOrReviewPage-Dzq-FxSM-DKViGoiZ.js +576 -0
- package/dist/assets/TrendChart-B_5D-Zud-Cw_zgD-R.js +16 -0
- package/dist/assets/{TrendWithTransactions-mI_El5D1-SbfSjDf-.js → TrendWithTransactions-mI_El5D1-DUVZm_U-.js} +4 -4
- package/dist/assets/{UncategorizedAccountsMappingPage-LQeq8Gdv-BxpsIXJf.js → UncategorizedAccountsMappingPage-LQeq8Gdv-BNgZRg4x.js} +47 -47
- package/dist/assets/{UnitIntegrationPage-XOWqGHla-DR8O2yO4.js → UnitIntegrationPage-XOWqGHla-BIoTpmZ_.js} +11 -11
- package/dist/assets/UploadAdditionalDocumentOverlay-DhXRLBEg-BNMbNbJQ.js +38 -0
- package/dist/assets/{Vendor2FAPopup-BfqIHZBb-CksyyTez.js → Vendor2FAPopup-BfqIHZBb-DUpQFrOM.js} +1 -1
- package/dist/assets/{VendorACHDetailsPage-CswCvAFH-CdUK-HJH.js → VendorACHDetailsPage-CswCvAFH-DqnJleBx.js} +1 -1
- package/dist/assets/VendorDetailPage-CEX7xMIN-D29fVYfj.js +257 -0
- package/dist/assets/{VendorDomesticWireDetailsPage-DxrSjlTR-B4ZHtbXA.js → VendorDomesticWireDetailsPage-DxrSjlTR-GbXdyYXP.js} +1 -1
- package/dist/assets/{VendorFiling1099EditablePage-q1gQ8keD-BmDatzoV.js → VendorFiling1099EditablePage-q1gQ8keD-GKQT7vTw.js} +32 -32
- package/dist/assets/VendorFirstReviewPage-D9ogNmAK-DwoL9x7s.js +730 -0
- package/dist/assets/VendorInternationalWireDetailsPage-Ct689KuY-N7HCxAFy.js +152 -0
- package/dist/assets/{VendorInternationalWireSwiftDetailsPage-W0s1zQNC-ZgE8KOcO.js → VendorInternationalWireSwiftDetailsPage-W0s1zQNC-eVlfJ9f_.js} +1 -1
- package/dist/assets/{VendorsAccountsSection-C13Z2HN9-C2XOcHy1.js → VendorsAccountsSection-C13Z2HN9-DvGRJwYY.js} +4 -4
- package/dist/assets/VerifyDevice-C27gEWkZ-BrEq9dHz.js +112 -0
- package/dist/assets/{VideoPlayer-ByyqUuhG-DTMNeCaX.js → VideoPlayer-ByyqUuhG-CcmvFcG0.js} +1 -1
- package/dist/assets/{VideoPopup-DJrQQTPq-DoXO-Vwb.js → VideoPopup-DJrQQTPq-BZRShVLd.js} +4 -4
- package/dist/assets/{WarningsDrawerPage-B3Ht3VnM-DBDTIhyB.js → WarningsDrawerPage-B3Ht3VnM-C_aFzWZK.js} +5 -5
- package/dist/assets/ZeniAccountDetailPage-egmysAfI-CX7srLCt.js +300 -0
- package/dist/assets/{ZeniAccountListViewPage-q_v2FogF-B-baYGeD.js → ZeniAccountListViewPage-q_v2FogF-wW_PUJNB.js} +12 -12
- package/dist/assets/ZeniAccountNavBarPieces-HNIht0FM-azEwN9c2.js +14 -0
- package/dist/assets/{ZeniAccountPromoPage-CzncR6vK-DAONZr9A.js → ZeniAccountPromoPage-CzncR6vK-CoCFGvia.js} +21 -21
- package/dist/assets/{ZeniAccountSetupPage-TcdzEL_V-CApQPT0B.js → ZeniAccountSetupPage-TcdzEL_V-CPTq7KjK.js} +1 -1
- package/dist/assets/{ZeniCopyright-B7Q6IUGC-Ca3UXoxG.js → ZeniCopyright-B7Q6IUGC-DjtbTVnp.js} +1 -1
- package/dist/assets/{ZeniTransferAmountSlider-Dmf5xxv4-D_ugGHJW.js → ZeniTransferAmountSlider-Dmf5xxv4-D-BoRJmd.js} +3 -3
- package/dist/assets/addSubtractPeriod-CFvkmqm8.js +1 -0
- package/dist/assets/analyticsHelper-L-FpsGLH.js +1 -0
- package/dist/assets/analyticsHelper-or1KkBWk-CU2Z2CeD.js +1 -0
- package/dist/assets/{chartTypes-DCvOVjlS-BdPIN5WI.js → chartTypes-DCvOVjlS-CF3jsUNb.js} +1 -1
- package/dist/assets/{commonDimensions-C32v1F7H-CiAEfJl2.js → commonDimensions-C32v1F7H-C9uaBJ8J.js} +1 -1
- package/dist/assets/{detailCommon-CRAGrqoO-Cq9phP1q.js → detailCommon-CRAGrqoO-5xMc7u9M.js} +8 -8
- package/dist/assets/downloadPdf-D7p3yKmg-DrJJdcEl.js +1 -0
- package/dist/assets/{index-sAOH0Fje.js → index-kF4u7Flm.js} +511 -704
- package/dist/assets/{mapLoadingInProgressToTreeNode-CRwG2DSD-B4LnWZMC.js → mapLoadingInProgressToTreeNode-CRwG2DSD-CLLcsBiK.js} +1 -1
- package/dist/assets/{mapSectionWithAcOnlyToTreeNode-C9O-C2dp-BYZLhSZo.js → mapSectionWithAcOnlyToTreeNode-C9O-C2dp-4sjxXlit.js} +1 -1
- package/dist/assets/{mapSpacerToTreeNode-5aJk-sLn-DpF_Q8pH.js → mapSpacerToTreeNode-5aJk-sLn-CeZutbYy.js} +1 -1
- package/dist/assets/{mapTimeframeBalancesToTreeNode-CnviLujI-Do2_oG27.js → mapTimeframeBalancesToTreeNode-CnviLujI-rcfKFEh1.js} +1 -1
- package/dist/assets/{mapTimeframeBalancesToTreeNode-Cv4d4PqE-C559SZVp.js → mapTimeframeBalancesToTreeNode-Cv4d4PqE-BmreU2CJ.js} +1 -1
- package/dist/assets/{mapTimeframeHeaderLoadingInProgressToTreeNode-BaGM4krW-yJCRTG35.js → mapTimeframeHeaderLoadingInProgressToTreeNode-BaGM4krW-CkRgUU-m.js} +1 -1
- package/dist/assets/redux-D-TY61DZ.js +12 -0
- package/dist/assets/{toCOABalancesWithID-B3yVGPrV-B_BzNOYP.js → toCOABalancesWithID-B3yVGPrV-Dj01dEre.js} +1 -1
- package/dist/assets/toChartData-DEW0iT7T-DaQT4Adc.js +1 -0
- package/dist/assets/{treasuryColorHelper-13LJ_xhk-LqN_6Xl4.js → treasuryColorHelper-13LJ_xhk-5-aGYtqD.js} +1 -1
- package/dist/assets/{uploadAttachment-DVy2pZeJ-X-xSyfvF.js → uploadAttachment-DVy2pZeJ-DL6B1oGY.js} +25 -25
- package/dist/assets/{uploadReceipts-Dp1dvCjf-Bw0_dVvQ.js → uploadReceipts-Dp1dvCjf-BQPyxtgi.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +2 -2
- package/dist/assets/AccountLockedInfoModal-BD7Nb81U-CexK1k9m.js +0 -59
- package/dist/assets/AccountReconDetailsDrawerPage-D-_ME0pV-s74oVSdU.js +0 -239
- package/dist/assets/AccountsPromoCardStack-CdBwPVgI-0eZTGbZE.js +0 -207
- package/dist/assets/AgingReportsPage-L0zQxwCf-BGxthXxn.js +0 -79
- package/dist/assets/AllUserItems-CvwaOEhu-4FgiUHmj.js +0 -192
- package/dist/assets/ApAgingDetailPage-B_78aSEv-BIkW3as9.js +0 -46
- package/dist/assets/ApprovalRulesSettingsPage-Dxd7A3hZ-B57JU70m.js +0 -47
- package/dist/assets/ArAgingChart-BezVy1Sm-UplSlTlX.js +0 -24
- package/dist/assets/BankConnectionsSettingsPage-D5hI4xtm-CIHmOttI.js +0 -425
- package/dist/assets/BillDetailPage-CDAh8Jtl-0qBbZ__0.js +0 -266
- package/dist/assets/BillPayPromoPage-B2YcxWc9-CwLnyiow.js +0 -84
- package/dist/assets/BillPaySetUpPage-oJvoWpFu-CYkgRBSH.js +0 -42
- package/dist/assets/BillingSettingsPage-BRsKYzT5-gKM6YCmc.js +0 -44
- package/dist/assets/BillsBulkReviewDrawerPage-B7tORIok-Cjhni78W.js +0 -1
- package/dist/assets/BusinessVerificationPage-Nw_fedst-D0V3bhmc.js +0 -138
- package/dist/assets/ChargeCardListPage-v5hH98Wi-D_Ffaz0x.js +0 -406
- package/dist/assets/ChargeCardPromoPage-CPEaGOL3-BJBmWN7Q.js +0 -222
- package/dist/assets/ChargeCardSetupPage-G5Rn0o6y-DXJQIwPQ.js +0 -36
- package/dist/assets/ChargeCardUtils-BRgkrCTs-DoVoCmwL.js +0 -1
- package/dist/assets/CollapsableReportTable-7iAngywY-CxWB4sRz.js +0 -2932
- package/dist/assets/CompanyOfficerDetailsSection-CJKyxEnf-BshC7d2B.js +0 -260
- package/dist/assets/CompanyPassportPage-BQoEcPJr-DzLqV-NZ.js +0 -574
- package/dist/assets/CompleteProfile-D5e9TQgy-ppOK1lFi.js +0 -52
- package/dist/assets/CreditCardPaymentDrawerPage-DXeq4z9l-Dr585X5v.js +0 -224
- package/dist/assets/CustomerOnboardingContainerPage-CZRkKPDD-4OaWohod.js +0 -1
- package/dist/assets/CustomerOnboardingPage-zBqp9QN6-D_UHEoUt.js +0 -107
- package/dist/assets/CustomerOnboardingProductSuitePage-BbJ4oiCI-C_0KKlnp.js +0 -202
- package/dist/assets/DashboardReportPage-DTMbYOWH-CSMllwg6.js +0 -371
- package/dist/assets/DepositAccTransactionListPage-CcO673ZL-CiLAoQqZ.js +0 -66
- package/dist/assets/DomesticWireDetailsPage-D5hbPNCt-Bj16Fg_f.js +0 -21
- package/dist/assets/DownloadOverlay-DRcasKoB-BDQCkt6Q.js +0 -439
- package/dist/assets/EditPeoplePage-Zzo62if7-CQfgpQsa.js +0 -55
- package/dist/assets/EditReimbursementDetailPage-D59OJdZ1-7T5j9Uz8.js +0 -865
- package/dist/assets/EntityDetailPage-CzlzOW8n-DjZ6eItY.js +0 -18
- package/dist/assets/ExpenseAutomationPage-Cm_IiRlb-Ch0agMlw.js +0 -1650
- package/dist/assets/ExpressPayPage-DdQiFzDu-ykW984zo.js +0 -168
- package/dist/assets/GlobalReviewListPage-DHn2Uk8R-Cd3V8M7p.js +0 -291
- package/dist/assets/HelpButton-BNMy-6ce-WFq-iELy.js +0 -28
- package/dist/assets/InsightsCardStack-CaMZiCnn-D5ut2TNQ.js +0 -79
- package/dist/assets/InvitePeoplePage-C3ecL8XJ-D06hBumB.js +0 -12
- package/dist/assets/InvoiceUploadSection-DoR834b4-BezkawDL.js +0 -140
- package/dist/assets/LabeledAddressValueField-YP7bXlgZ-8CibrbWw.js +0 -45
- package/dist/assets/LabeledDocumentField-ED03S2kQ-wbMhlpMQ.js +0 -41
- package/dist/assets/LinkJETransactionPage-_ROjxBMO-DP6JabBY.js +0 -98
- package/dist/assets/LowBalancePopup-CZDcHxyW-BHOAXZjC.js +0 -34
- package/dist/assets/MagicLinkTitleSection-Cn1v72Rs-BaSRKY-c.js +0 -17
- package/dist/assets/Menu-B6iTf2H7-Cqx4dVPp.js +0 -17
- package/dist/assets/MyBankConnectionsSettingsPage-IPPiH6jv-CVF8iXYJ.js +0 -110
- package/dist/assets/MyPendingActivationChargeCardListPage-BTGb1yIE-BD419NGA.js +0 -6
- package/dist/assets/MyProfileSettingsPage-BRK5nWg2--GwgfIws.js +0 -85
- package/dist/assets/NotificationsPage-C7lSAnUb-wDRHsOkp.js +0 -685
- package/dist/assets/PandLWithForecastPage-W4jlNjml-Bcn3UKYp.js +0 -107
- package/dist/assets/ReimbursementApprovalRuleDetailPage-eidNY097-DmIjK42h.js +0 -26
- package/dist/assets/ReimbursementDetailPage-AvqEBxbz-fUbgpa2M.js +0 -314
- package/dist/assets/ReimbursementPromoPage-PshodHUZ-B_XNUegE.js +0 -84
- package/dist/assets/ReimbursementSetUpPage-6P4FT-UC-Bw__edeG.js +0 -140
- package/dist/assets/ReimbursementsBulkReviewDrawerPage-Cas6GzVp-BQcspCuT.js +0 -1
- package/dist/assets/ReportsPage-C7zirS74-CyyHiNy4.js +0 -121
- package/dist/assets/ReviewDetailsPage-ClsyL5-w-_y4o463o.js +0 -290
- package/dist/assets/ScheduleDetailsFixedAssetsPage-zFyJPVpN-BSd6OZtz.js +0 -37
- package/dist/assets/ScheduleDetailsPage-BftjSvA7-Jy_FtZQR.js +0 -37
- package/dist/assets/ScreenRoutes-en4svsq9.js +0 -206
- package/dist/assets/SetUpAccountSection-Bnbi8X23-DL-18RCf.js +0 -378
- package/dist/assets/SignInScreen-Ba17TSWH.js +0 -1
- package/dist/assets/SpendManagementListViewPage-ChNp8dgm-BhMjXPdH.js +0 -123
- package/dist/assets/SpendManagementPerTabPage-D-bOr2-6-GaRieOUe.js +0 -754
- package/dist/assets/SpendManagementSection-kucZgC-H-DLgSRXEX.js +0 -230
- package/dist/assets/SpendMgmtSetupAccountSection-de7hEmtE-CX-1PNOC.js +0 -206
- package/dist/assets/StatementsPage-KnLUSJbm-DvU_Y3UP.js +0 -58
- package/dist/assets/TaskManagementPage-CPLyyK1Y-ena6uodh.js +0 -508
- package/dist/assets/TransactionDetailPage-D1Z1f-DD-DTPxqy3v.js +0 -912
- package/dist/assets/TransactionList-BzJEbOV9-BQZ8x4Oq.js +0 -147
- package/dist/assets/TreasuryOverviewPage-DySunaqy-CWB-hp0S.js +0 -708
- package/dist/assets/TreasuryTransferOrReviewPage-Dzq-FxSM-CX84O_mN.js +0 -576
- package/dist/assets/TrendChart-B_5D-Zud-BUU2-6nI.js +0 -16
- package/dist/assets/UploadAdditionalDocumentOverlay-DhXRLBEg-DvVrgitE.js +0 -38
- package/dist/assets/VendorDetailPage-CEX7xMIN-Djo4PloX.js +0 -257
- package/dist/assets/VendorFirstReviewPage-D9ogNmAK-PlB10gEr.js +0 -730
- package/dist/assets/VendorInternationalWireDetailsPage-Ct689KuY-DAoPjpj5.js +0 -152
- package/dist/assets/VerifyDevice-C27gEWkZ-C7pLL5Wm.js +0 -112
- package/dist/assets/ZeniAccountDetailPage-egmysAfI-DFbZv9KZ.js +0 -300
- package/dist/assets/ZeniAccountNavBarPieces-HNIht0FM-aSJ3m6rj.js +0 -14
- package/dist/assets/analyticsHelper-CVWZE356.js +0 -1
- package/dist/assets/analyticsHelper-or1KkBWk-Plh_6I_p.js +0 -1
- package/dist/assets/downloadPdf-D7p3yKmg-CYmmjPHt.js +0 -1
- package/dist/assets/redux-CEhZD0hA.js +0 -12
- package/dist/assets/toChartData-DEW0iT7T-DrkbvIyQ.js +0 -1
|
@@ -1,1650 +0,0 @@
|
|
|
1
|
-
import{o,c7 as qs,q as Se,gr as Hi,gs as Ui,l as W,O as je,j as t,cD as Js,ab as Be,aQ as Wi,u as g,cE as Ks,d as vt,bF as Zs,i5 as Ys,aN as qe,c5 as we,y as Q,bz as Gs,aM as z,i3 as Xs,am as Fe,fX as Qs,gY as qi,bA as ea,b_ as Ot,b6 as Ji,ai as St,bP as Ki,h as Qe,k9 as ta,gh as na,an as gt,A as oa,gt as ia,gu as Zi,bs as sa,cy as aa,cg as ra,eT as hn,cd as xo,aa as Wt,bZ as fo,ad as qt,ka as la,kb as ca,kc as da,kd as rn,ke as Yi,kf as Gi,kg as ua,kh as ha,dE as Xi,ki as pa,kj as ma,kk as ga,kl as xa,km as fa,kn as Ro,ko as ya,kp as Ca,kq as wa,kr as ba,ks as va,kt as Qi,ku as Sa,kv as ja,kw as ka,kx as Ia,gI as es,b3 as Rn,cH as Dn,P as ts,Q as ns,r as os,cS as pn,e9 as yo,gE as $a,fJ as Ta,fZ as La,ar as Aa,s as Ea,fG as Ra,aC as is,ky as Da,aU as Co,aP as Do,kz as Oa,kA as Ma,g_ as ss,kB as Fa,bJ as as,aS as Pa,gO as Dt,hT as Pn,eR as $n,d3 as wo,az as za,kC as Oo,dc as rs,dG as Ba,iP as _a,dL as bo,cM as On,cP as Mn,iy as nt,C as Et,hI as Na,gJ as zn,jb as Mo,dC as ls,df as dn,kD as Va,a_ as Ha,dK as cs,n as un,ip as ds,iz as uo,kE as tn,ef as us,eg as hs,iS as ps,iT as ms,kF as Ua,dd as Fn,iq as gs,fB as xs,eJ as Bn,aJ as vo,kG as Wa,d9 as qa,aX as fs,iG as Ja,e7 as Ka,ap as yt,kH as Za,kI as Ya,b1 as _n,dn as Ga,a9 as Xa,eG as Qa,eH as er,eI as tr,eK as Fo,eL as Po,eM as nr,kJ as or,a$ as ir,eV as sr,eW as ar,eX as rr}from"./index-sAOH0Fje.js";import{n as a,b as s,i as Xe,k as So,w as ys}from"./vendor-Bs1fkIUX.js";import{r as Cs,I as ws,n as nn,R as mt}from"./CollapsableReportTable-7iAngywY-CxWB4sRz.js";import{o as bs}from"./mapTimeframeBalancesToTreeNode-CnviLujI-Do2_oG27.js";import{d as zo}from"./mapLoadingInProgressToTreeNode-CRwG2DSD-B4LnWZMC.js";import{h as lr}from"./VendorsAccountsSection-C13Z2HN9-C2XOcHy1.js";import{u as cr,c as Bo,d as dr,m as ur}from"./uploadAttachment-DVy2pZeJ-X-xSyfvF.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./AccountRow-Be3LIHO--AtWCxnkE.js";const{common:{navBar:{back:hr},texts:{refresh:pr,close:mr,copy:gr,copied:xr,open:fr}},expenseAutomation:{common:{numbers:{maximumCount:yr}}}}=je.getLocalizedStrings(),Cr=a($a)`
|
|
2
|
-
display: flex;
|
|
3
|
-
width: ${o.sp4};
|
|
4
|
-
height: ${o.sp4};
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
`,wr=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
|
-
`,br=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
|
-
`,vr=a.div`
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
align-items: center;
|
|
31
|
-
padding-left: ${e=>No.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
|
|
32
|
-
padding-right: ${e=>No.subSectionContainerLeftRightPadding.valuePx(e.windowSize)};
|
|
33
|
-
`,Sr=a.div`
|
|
34
|
-
display: flex;
|
|
35
|
-
align-items: baseline;
|
|
36
|
-
justify-content: end;
|
|
37
|
-
gap: ${o.sp4};
|
|
38
|
-
flex: 1 1 ${o.sp0};
|
|
39
|
-
`,jr=a.div`
|
|
40
|
-
display: flex;
|
|
41
|
-
align-items: baseline;
|
|
42
|
-
justify-content: start;
|
|
43
|
-
gap: ${o.sp4};
|
|
44
|
-
flex: 1 1 ${o.sp0};
|
|
45
|
-
`,kr=a(La)`
|
|
46
|
-
width: ${o.sp3};
|
|
47
|
-
height: ${o.sp3};
|
|
48
|
-
cursor: pointer;
|
|
49
|
-
margin-left: ${o.sp1};
|
|
50
|
-
color: inherit;
|
|
51
|
-
`,Ir=a(Ta)`
|
|
52
|
-
width: ${o.sp3};
|
|
53
|
-
height: ${o.sp3};
|
|
54
|
-
margin-left: ${o.sp1};
|
|
55
|
-
color: ${Qe.success};
|
|
56
|
-
`,$r=a(oa)`
|
|
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
|
-
`,Tr=a(ra)`
|
|
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
|
-
`,Lr=a(aa,{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?Xe`
|
|
78
|
-
${Ar} 2s linear infinite;
|
|
79
|
-
`:"none"};
|
|
80
|
-
&:hover {
|
|
81
|
-
color: ${e=>e.theme.colors.primary};
|
|
82
|
-
}
|
|
83
|
-
`,Ar=So`
|
|
84
|
-
0% {
|
|
85
|
-
transform: rotate(0deg);
|
|
86
|
-
}
|
|
87
|
-
100% {
|
|
88
|
-
transform: rotate(360deg);
|
|
89
|
-
}
|
|
90
|
-
`,Er=a.div`
|
|
91
|
-
padding-top: ${o.sp0};
|
|
92
|
-
padding-bottom: ${o.sp0};
|
|
93
|
-
`,_o=a(Fe)`
|
|
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
|
-
`,Rr=a.div`
|
|
102
|
-
display: flex;
|
|
103
|
-
`,Dr=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
|
-
`,Or=a.div`
|
|
112
|
-
display: flex;
|
|
113
|
-
height: ${o.sp4};
|
|
114
|
-
`,Mr=a.div`
|
|
115
|
-
text-align: center;
|
|
116
|
-
display: flex;
|
|
117
|
-
align-items: center;
|
|
118
|
-
justify-content: center;
|
|
119
|
-
flex-wrap: wrap;
|
|
120
|
-
`,Fr=a.div`
|
|
121
|
-
display: flex;
|
|
122
|
-
flex-direction: column;
|
|
123
|
-
`,Pr=a(hn)`
|
|
124
|
-
width: ${o.sp3};
|
|
125
|
-
height: ${o.sp3};
|
|
126
|
-
margin-right: ${o.sp1};
|
|
127
|
-
path {
|
|
128
|
-
stroke-width: 2;
|
|
129
|
-
}
|
|
130
|
-
`,gn=a.span`
|
|
131
|
-
font-weight: ${xo.regular};
|
|
132
|
-
color: ${e=>e.theme.colors.primary};
|
|
133
|
-
`,zr=a.span`
|
|
134
|
-
font-weight: ${xo.medium};
|
|
135
|
-
color: ${e=>e.theme.colors.primary};
|
|
136
|
-
`,Br=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
|
-
`,No={subSectionContainerLeftRightPadding:new Q(g[3],g[6],g[8])},_r=({onAllThreadsClick:e,companyId:n,companyName:d})=>{const c={application:"cockpit",companyId:n,entityId:n,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:d,url:window.location.href},{url:h,...p}=c,i={...p},{threads:l,isLoading:r}=ia(i,!1,!1),m=l.filter(u=>u.id.includes(Zi)===!1);return t.jsxs(wr,{isDisabled:r,onClick:e,"data-testid":z("comment-icon"),children:[t.jsx(sa,{count:m.length,isLoading:r}),t.jsx(Cr,{})]})},Nr=({headerData:e,refreshStatus:n,searchText:d,companyName:c,companyId:h,isZeniUser:p,onAllThreadsClick:i,onClose:l,onRefresh:r,onSearchTextChanged:m})=>{const u=()=>{n!=="In-Progress"&&r()};return t.jsx(Sr,{children:e.rightSection.map((x,y)=>{switch(x){case"search":return t.jsx(Xs,{isSearchOpen:(d.length??0)>0,searchPlaceHolder:e.searchPlaceholder,searchText:d,searchTextBoxStyle:{position:"initial",height:"fit-content"},styledSearchIconContainerStyle:{height:o.sp4},searchIconMarginRight:o.sp0,onSearchTextChanged:C=>{m(C)},downloadPresent:!1},y+x);case"refresh":return t.jsx(we,{display:"block",placement:"bottom",title:pr,style:{marginTop:"2px"},enterDelay:600,children:t.jsx(Lr,{onClick:u,$spinning:n==="In-Progress","data-testid":z("refresh-icon")})},y+x);case"comment":return p===!1?null:t.jsx(_r,{companyId:h,companyName:c,onAllThreadsClick:i});case"close":default:return t.jsx(we,{display:"block",placement:"bottom",title:mr,enterDelay:600,style:{marginTop:"2px"},children:t.jsx($r,{onClick:l,"data-testid":z("close-icon")})},y+x)}})})},Vr=({headerData:e,onBack:n})=>t.jsx(jr,{children:e.leftSection.map((d,c)=>{switch(d){case"back":default:return t.jsx(we,{display:"block",placement:"bottom",title:hr,enterDelay:600,style:{marginTop:"-14px"},children:t.jsx(Tr,{onClick:n,"data-testid":z("back-button")})},c+d)}})}),Vo=({text:e,linkText:n,windowSize:d,isCopied:c,onLinkClick:h})=>{if(n==null||!n)return t.jsxs(gn,{windowSize:d,children:[e," "]});const p=e.indexOf(n);if(p===-1)return t.jsxs(gn,{windowSize:d,children:[e," "]});const i=e.substring(0,p),l=e.substring(p+n.length);return t.jsxs(t.Fragment,{children:[i?t.jsxs(gn,{windowSize:d,children:[i.trim()," "]}):null,t.jsx(we,{display:"flex",placement:"right",title:qi.test(n)?c?xr:gr:fr,enterTouchDelay:600,children:t.jsxs(Br,{onClick:()=>h?.(n),"data-testid":z("pre-link"),children:[n,c?t.jsx(Ir,{className:"success-icon"}):t.jsx(kr,{className:"copy-icon"})]})}),l?t.jsxs(gn,{windowSize:d,children:[l," "]}):null]})},Ho=({subTitles:e})=>{const n=Se(),[,d]=Qs(),[c,h]=s.useState(!1),p=s.useRef(null),i=s.useCallback(l=>{qi.test(l)?(d(l),h(!0),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{h(!1)},2e3)):window.open(l,"_blank","noopener,noreferrer")},[d]);return s.useEffect(()=>()=>{p.current&&clearTimeout(p.current)},[]),t.jsx(Fr,{children:e.map((l,r)=>t.jsxs(Mr,{children:[l.pre?t.jsx(Vo,{text:l.pre,linkText:l.preLink,windowSize:n,isCopied:c,onLinkClick:i}):null,l.prefixIconName?t.jsx(t.Fragment,{children:l.prefixIconName==="zeniAIIcon"?t.jsx(Pr,{}):t.jsx(t.Fragment,{})}):null,l.bold?t.jsx(t.Fragment,{children:t.jsxs(zr,{windowSize:n,children:[l.bold," "]})}):null,l.post?t.jsx(Vo,{text:l.post,linkText:l.postLink,windowSize:n,isCopied:c,onLinkClick:i}):null]},r+l.bold+l.pre+l.post))})};function Hr(e){const{headerData:n,currentTab:d,completionStatus:c,onUpdateTab:h,selectedReconAccountId:p,getTabCountAndFetchState:i,reconcileDetailPageFetchState:l,forceShowSubtitle:r,currentSelectedView:m,onReconTabUpdate:u,currentRecontab:x,navBarCustomElement:y,titleStyle:C={}}=e,v=i("autoCategorized")?.count??0,w=i("review")?.count??0,I=i("reconcile")?.count??0,f=n.tabs.length>0||n.subTitle.length>0,$=m==="transaction_categorization"&&d==="autoCategorized",R=m==="reconciliation"&&x==="review"&&p!=null,A=m==="reconciliation"&&x==="reconcile"&&p!=null,O=$?v>0:R?l==="In-Progress"?!0:w>0:A?l==="In-Progress"?!0:I>0:c!=="complete",b=vt(),j=Se();let E=[];return n.tabs.length>0&&(E=n.tabs.map(T=>({label:T.label,id:T.id,countDetails:i(T.id)}))),t.jsxs(br,{children:[t.jsx(Zs,{title:n.title,subTitle:n.subText,titleTextStyles:{flex:"1 1 0px"},backgroundColor:b.colors.grey4,onBackClick:()=>null,titleStyle:C,ignoreScrollAction:m!=="month_end_insights",keepBackgroundOnScroll:m!=="month_end_insights",leftSideComponent:t.jsx(Vr,{...e}),rightSideComponent:t.jsx(Nr,{...e}),source:"NavBarWithHeader"}),y??null,t.jsx(Be,{controller:f===!0,children:t.jsx(vr,{windowSize:j,children:n.tabs.length>0?t.jsxs(t.Fragment,{children:[t.jsx(Er,{windowSize:j,children:t.jsx(Ys,{allTabs:E,selectedTab:m==="transaction_categorization"?d??E[0].id:x??E[0].id,onTabChange:T=>{if(m==="transaction_categorization"){const V=W.toExpenseAutomationTransactionsTabKey(T.id);V!=null&&h(V)}else if(m==="reconciliation"){const V=W.toReconciliationTabsType(T.id);V!=null&&u(V)}},maximumCountLimit:yr})}),t.jsx(Dr,{windowSize:j}),t.jsx(Or,{}),t.jsx(Be,{controller:O===!0||r===!0,children:t.jsx(_o,{windowSize:j,children:n.tabs.map((T,V)=>(m==="reconciliation"?T.id===x:T.id===d)?t.jsx(Rr,{children:t.jsx(Ho,{subTitles:T.subTitle})},V+T.id):null)})})]}):t.jsx(Be,{controller:O===!0||r===!0,children:t.jsx(_o,{windowSize:j,children:t.jsx(Ho,{subTitles:n.subTitle})})})})})]})}const Ur=1;function Wr({name:e,checkBoxes:n,mode:d,isDisabled:c,style:h,labelStyle:p,labelCheckBoxStyle:i,checkBoxStyle:l,width:r,registerOptions:m,checkedIconColor:u,checkBoxIconStyle:x,checkBoxContainerStyle:y,draggable:C=!1,selectionLimit:v,infoIconContainerStyle:w,onDragStart:I,rowHeight:f=40,initialScrollOffSet:$,onScroll:R}){const A=Se(),O=s.useRef(null),{control:b}=wo(),j=n.find(M=>M.groupLabel),E=n.filter(M=>!M.groupLabel),T=[];for(const M of E)if(M.isException||T.push(M.value),v!=null&&T.length===v+1)break;const V=n.filter(M=>M.defaultChecked).map(M=>M.value);return t.jsx(rs,{control:b,name:e,rules:m,defaultValue:V,render:({field:{value:M,ref:q,onChange:_}})=>{const N=J=>{Jr({event:J,value:M,allCheckBoxValues:T,groupLabelCheckBox:j,onChange:_})};return t.jsxs(Kr,{style:h,windowSize:A,children:[j&&t.jsx(jo,{checkBox:j,index:0,value:M,allCheckBoxValues:T,mode:d,name:e,checkBoxContainerStyle:y,checkBoxIconStyle:x,checkBoxStyle:l,labelCheckBoxStyle:i,labelStyle:p,width:r,draggable:C,groupLabelCheckBox:j,infoIconContainerStyle:w,checkedIconColor:u,isDisabled:c,selectionLimit:v,onDragStart:I,ref:q,onChangeHandler:N}),t.jsx(Zr,{children:t.jsx(Rn,{style:{height:"100%",width:"100%"},children:({height:J,width:K})=>t.jsx(Dn,{ref:O,height:J,width:K,itemCount:E.length,itemSize:()=>f,estimatedItemSize:f,initialScrollOffset:$??0,onScroll:({scrollOffset:F})=>{R?.(F)},overscanCount:Ur,itemKey:F=>E[F].value,itemData:{checkBoxes:E,value:M,allCheckBoxValues:T,mode:d,name:e,checkBoxContainerStyle:y,checkBoxIconStyle:x,checkBoxStyle:l,labelCheckBoxStyle:i,labelStyle:p,width:r,draggable:C,groupLabelCheckBox:j,infoIconContainerStyle:w,checkedIconColor:u,isDisabled:c,selectionLimit:v,onDragStart:I,ref:q,onChange:_,handleChangeEvent:N,rowHeight:f},children:qr})})})]})}})}const qr=({index:e,style:n,data:d})=>{const c=s.useRef(null),{checkBoxes:h,value:p,allCheckBoxValues:i,mode:l,name:r,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:x,labelCheckBoxStyle:y,labelStyle:C,width:v,draggable:w,groupLabelCheckBox:I,infoIconContainerStyle:f,checkedIconColor:$,isDisabled:R,selectionLimit:A,onDragStart:O,ref:b,handleChangeEvent:j}=d,E=h[e];return t.jsx(tl,{style:{...n,width:"100%"},ref:c,children:t.jsx(jo,{checkBox:E,index:e,value:p,allCheckBoxValues:i,mode:l,name:r,checkBoxContainerStyle:m,checkBoxIconStyle:u,checkBoxStyle:x,labelCheckBoxStyle:y,labelStyle:C,width:v,draggable:w,groupLabelCheckBox:I,infoIconContainerStyle:f,checkedIconColor:$,isDisabled:R,selectionLimit:A,onDragStart:O,ref:b,onChangeHandler:j})})},jo=s.forwardRef((e,n)=>{const{value:d,checkBox:c,groupLabelCheckBox:h,allCheckBoxValues:p,selectionLimit:i,mode:l,checkBoxStyle:r,labelCheckBoxStyle:m,isDisabled:u,draggable:x,checkBoxContainerStyle:y,infoIconContainerStyle:C,name:v,index:w,width:I,checkedIconColor:f,checkBoxIconStyle:$,labelStyle:R,onDragStart:A,onChangeHandler:O}=e,b=Se(),j=M=>{typeof n=="function"?n(M):n&&(n.current=M)};let E=d.includes(c.value);const T=Array.from(new Set([...d,c.value]));h?.value===c.value&&d.length>0&&(i!=null?E=T.length===p.length||T.length===i+1:E=p.every(M=>T.includes(M)===!0));const V=()=>l==="off"||c.isException?b==="small"?{display:"none",...r}:{visibility:"hidden",...r}:c.groupLabel?p.length===1&&p[0]===h?.value?{visibility:"hidden",...m}:m:r;return t.jsxs(Gr,{mode:l,draggable:x===!0,onDragStart:M=>{A?.(M,c.value)},style:y,isDisabled:u,isSelected:E,exceptionMode:c.exceptionMode,children:[c.prefix?t.jsx(Yr,{className:"prefix-box",children:c.prefix}):null,c.isException?t.jsx(Xr,{style:C,className:"checkbox-alert",children:t.jsx(we,{style:{padding:`12px ${o.sp3}`},title:c.exceptionInfo??"",placement:"bottom-start",children:c.exceptionType==="info"?t.jsx(Qr,{}):t.jsx(el,{})})}):t.jsx(Wa,{name:`${v}.${c.value}`,checkBoxValue:c.value,value:E,checkedIconColor:f,isDisabled:u||!c.groupLabel&&!E&&i!=null&&T.length===i+1?"disabled":void 0,checkBoxStyle:V(),checkBoxIconStyle:$,ref:j,onChange:O}),typeof c.label=="string"&&c.label?t.jsx(qa,{isDisabled:u,label:c.label,labelStyle:R,htmlFor:`${v}.${c.value}`,style:{display:"flex",flex:1,minHeight:o.sp4,marginLeft:o.sp2,width:I,backgroundColor:"inherit",...R}}):c.label]},`${c.value}_${w}`)});jo.displayName="CheckBoxWithLabel";const Jr=({event:e,value:n,allCheckBoxValues:d,groupLabelCheckBox:c,onChange:h})=>{const p=e.currentTarget.value,i=e.currentTarget.checked,l=c?.value,r=new Set(n);if(p===l){h(i?Array.from(new Set([l,...d])):[]);return}i?r.add(p):r.delete(p);const m=d.every(u=>r.has(u));l!=null&&(m&&!r.has(l)?r.add(l):!m&&r.has(l)&&r.delete(l)),h(Array.from(r))},Kr=a.div`
|
|
155
|
-
display: flex;
|
|
156
|
-
flex-direction: column;
|
|
157
|
-
width: 100%;
|
|
158
|
-
height: 100%;
|
|
159
|
-
`,Zr=a.div`
|
|
160
|
-
flex: 1;
|
|
161
|
-
overflow: hidden;
|
|
162
|
-
`,Yr=a.div`
|
|
163
|
-
opacity: 0;
|
|
164
|
-
`,Gr=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"&&Xe`
|
|
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"&&Xe`
|
|
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"&&Xe`
|
|
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"&&Xe`
|
|
213
|
-
:hover {
|
|
214
|
-
.checkbox-alert {
|
|
215
|
-
opacity: 1;
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
`}
|
|
219
|
-
|
|
220
|
-
${e=>e.exceptionMode==="checked_or_hover"&&Xe`
|
|
221
|
-
.checkbox-alert {
|
|
222
|
-
opacity: 1;
|
|
223
|
-
}
|
|
224
|
-
`}
|
|
225
|
-
`,Xr=a.div`
|
|
226
|
-
cursor: pointer;
|
|
227
|
-
`,Qr=a(Ki)`
|
|
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
|
-
`,el=a(xs)`
|
|
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
|
-
`,tl=a.div`
|
|
240
|
-
width: 100%;
|
|
241
|
-
box-sizing: border-box;
|
|
242
|
-
`,nl=e=>s.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.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}),s.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}),s.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}),s.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}),s.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}),s.createElement("g",{opacity:.2},s.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"})),s.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"}),s.createElement("path",{d:"M61.2 59.4484L63.4903 61.65L67.5 56.7",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M33.6736 27.0088H66.7216",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M30.2854 35.8198H63.3334",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M26.8962 43.875H59.9442",stroke:"#EEBA7D",strokeWidth:.9,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"}),s.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}),s.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}),s.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}),s.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})),ol=e=>s.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.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}),s.createElement("path",{opacity:.2,d:"M21 68L180 17L125 126.5L92.5 94L64 107L55 79L21 68Z",fill:"#97C3B9"}),s.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}),s.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"}),s.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"}),s.createElement("path",{d:"M21.5625 129.486C22.3958 127.153 24.8625 121.586 28.0625 117.986",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M35.5631 109.486C37.3272 107.746 41.5625 103.486 45.7381 101.468",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M19.0623 140.486C18.8956 142.653 18.9623 148.286 20.5623 153.486",stroke:"#97C3B9",strokeWidth:2}),s.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}),s.createElement("path",{d:"M72.0625 175.486H85.5625M96.0625 175.486H110.562M121.062 175.486H135.062",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M145.562 176.486C148.229 176.486 154.662 176.786 159.062 177.986",stroke:"#97C3B9",strokeWidth:2}),s.createElement("path",{d:"M169.562 180.986C172.062 181.653 178.062 183.686 182.062 186.486",stroke:"#97C3B9",strokeWidth:2})),il=e=>s.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.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}),s.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}),s.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}),s.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"}),s.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}),s.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}),s.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}),s.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}),s.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}),s.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}),s.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}),s.createElement("path",{d:"M60.7893 119.993L60.799 119.476H140.794L140.851 119.765L60.7893 119.993Z",fill:"#231F20",stroke:"#97C3B9",strokeWidth:2})),sl=e=>s.createElement("svg",{viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.createElement("path",{d:"M39.6943 121.046L43.4452 127.026L48.7266 119.117",stroke:"#97C3B9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.createElement("path",{d:"M145.99 53.8984L169.25 44.8584",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.createElement("path",{d:"M122.041 30.474L139.922 14.1719",stroke:"#EEBA7D",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round"}),s.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"}),s.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"}),s.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"})),al=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
|
-
`,rl=a(ol)`
|
|
251
|
-
width: 90px;
|
|
252
|
-
height: 90px;
|
|
253
|
-
`,ll=a(il)`
|
|
254
|
-
width: 90px;
|
|
255
|
-
height: 90px;
|
|
256
|
-
`,cl=a(nl)`
|
|
257
|
-
width: 90px;
|
|
258
|
-
height: 90px;
|
|
259
|
-
`,dl=a(sl)`
|
|
260
|
-
width: 90px;
|
|
261
|
-
height: 90px;
|
|
262
|
-
`,ul=a.div`
|
|
263
|
-
display: flex;
|
|
264
|
-
align-items: center;
|
|
265
|
-
justify-content: center;
|
|
266
|
-
flex-direction: column;
|
|
267
|
-
`,hl=a(Aa)`
|
|
268
|
-
margin-top: ${o.sp2};
|
|
269
|
-
color: ${e=>e.theme.colors.brandColorJade};
|
|
270
|
-
`,pl=a(Ea)`
|
|
271
|
-
color: ${e=>e.theme.colors.primary};
|
|
272
|
-
`,ml=e=>{const{tab:n}=e;switch(n){case"transaction_categorization":return t.jsx(rl,{});case"je_schedules":case"reconciliation":return t.jsx(dl,{});case"flux_analysis":return t.jsx(cl,{});case"missing_receipts":default:return t.jsx(ll,{})}};function bt(e){const{title:n,subTitle:d}=e;return t.jsx(al,{children:t.jsxs(ul,{children:[t.jsx(ml,{...e}),t.jsx(hl,{children:n}),t.jsx(pl,{children:d})]})})}const{common:{headers:{transactions:gl,jeSchedules:xl,fluxAnalysis:fl,missingReceipts:yl,insights:Cl,reconciliation:Uo},strings:{empty:Bt}},expenseAutomation:{transactions:{tabs:Wo,subTitles:{review:{item1:xn,item2:fn},autoCategorized:{item1:yn,item2:wl}},searchPlaceholder:bl,allDoneText:vl},jeSchedules:{subTitles:{item1:Sl,item2:jl},searchPlaceholder:kl,allDoneText:Il},missingReceipts:{subTitles:$l,searchPlaceholder:Tl,allDoneText:Ll},fluxAnalysis:{subTitles:{item1:Al,item2:El},searchPlaceholder:Rl,emptyPageTexts:{youDidIt:Dl,allReviewed:Ol}},accountRecon:{review:{allDoneText:qo},reconcile:{allDoneText:Ml},tabs:Jo,titles:{item1:Fl,item2:Pl},subTitles:{review:{item1:zl,item2:Cn},reconcile:{item1:wn,item2:Bl}}}}}=je.getLocalizedStrings(),Ve=(e,n,d,c,h)=>{switch(e){case"transaction_categorization":return{key:"transaction_categorization",title:gl,subTitle:[],tabs:[{label:Wo.review,id:"review",subTitle:[{pre:xn.pre,bold:xn.bold,prefixIconName:xn.prefixIconName,post:xn.post},{pre:fn.pre,bold:fn.bold,prefixIconName:fn.prefixIconName,post:fn.post}]},{label:Wo.autoCategorized,id:"autoCategorized",subTitle:[{pre:yn.pre,bold:yn.bold,prefixIconName:yn.prefixIconName,post:yn.post.replace("#number",n!=null&&n!=0?n.toString():"")},wl]}],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:bl,allDoneText:vl};case"je_schedules":return{key:"je_schedules",title:xl,subTitle:[Sl,jl],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:kl,allDoneText:Il};case"missing_receipts":return{key:"missing_receipts",title:yl,subTitle:[$l],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Tl,allDoneText:Ll};case"flux_analysis":return{key:"flux_analysis",title:fl,subTitle:[Al,El],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Rl,allDoneText:{title:Dl,subTitle:Ol}};case"month_end_insights":return{key:"month_end_insights",title:Cl,subTitle:[],tabs:[],rightSection:["comment","refresh","close"],leftSection:[],searchPlaceholder:Bt,allDoneText:{title:Bt,subTitle:Bt}};case"reconciliation":return d==null?{key:"reconciliation",title:Uo,subTitle:[Fl,Pl],tabs:[],rightSection:["refresh","close"],leftSection:[],searchPlaceholder:Bt,allDoneText:{title:Bt,subTitle:Bt}}:{key:"reconciliation",title:c??Uo,subText:h??void 0,subTitle:[],tabs:[{label:Jo.review,id:"review",subTitle:[zl,{pre:Cn.pre,bold:Cn.bold,prefixIconName:Cn.prefixIconName,post:Cn.post}],allDoneText:qo},{label:Jo.reconcile,id:"reconcile",subTitle:[{pre:wn.pre,bold:wn.bold,prefixIconName:wn.prefixIconName,post:wn.post},Bl],allDoneText:Ml}],rightSection:["refresh"],leftSection:["back"],searchPlaceholder:Bt,allDoneText:qo}}},{common:{strings:{empty:_l}},expenseAutomation:{accountRecon:{reconcile:{header:Mt}}}}=je.getLocalizedStrings(),Nl={key:"date",value:Mt.date,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginLeft:g[4],marginRight:g[3]}},Vl={key:"clearedDate",value:Mt.clearedDate,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3],display:"none"}},Hl={key:"type",value:Mt.type,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Ul={key:"payee",value:Mt.payee,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Wl={key:"account",value:Mt.account,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},ql={key:"transactionDirection",value:Mt.direction,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Jl={key:"memo",value:Mt.memo,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Kl={key:"amount",value:Mt.amount,sortOrder:"ascending",width:new Q(12.75,12.75,12.75),customStyle:{marginRight:g[3]}},Zl={key:"recommended",value:_l,sortOrder:"ascending",width:new Q(1.25,1.25,1.25),customStyle:{marginRight:g[4],marginLeft:g[0]}},Re=[Nl,Vl,Hl,Ul,Wl,ql,Jl,Kl,Zl],Yl=50,an={sortKey:"date",sortOrder:"descending"};function Gl({sortConfig:e,onReconTabColumnSortConfigChanged:n}){const d=Se(),[c,h]=s.useState(vo(Re));s.useEffect(()=>{const l=[...c];for(const r of l)r.key===e.sortKey?r.sortOrder=e.sortOrder:r.sortOrder="ascending";h(l)},[e.sortKey,e.sortOrder]);const p=(l,r)=>{let m=r;e.sortKey===l&&(m=r==="ascending"?"descending":"ascending"),n(l,m)},i=l=>{p(l.key,l.sortOrder)};return t.jsx(tc,{headerHeight:Yl,children:c.map(l=>t.jsx(Ql,{columnWidth:l.width,windowSize:d,sortDataValue:e.sortKey,actualDataValue:l.key,style:l.customStyle,children:t.jsxs(ac,{isVisible:l.key!=="recommended",children:[t.jsx(ec,{"data-testid":z("reconcile-tab-list-sort",l.value),onClick:()=>i(l),children:t.jsx(gt,{children:l.value})}),t.jsx(nc,{sortConfig:e,headerData:l,children:t.jsx(oc,{})}),t.jsx(ic,{isVisible:e.sortKey===l.key&&(e.sortKey!==an.sortKey||e.sortOrder!==an.sortOrder),children:t.jsx(sc,{"data-testid":z("reconcile-tab-list-reset-sort",an.sortKey),onClick:()=>n(an.sortKey,an.sortOrder)})})]})},l.key))})}const Xl=ys.memo(Gl),Ql=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
|
-
`,ec=a.div`
|
|
286
|
-
display: flex;
|
|
287
|
-
gap: 5px;
|
|
288
|
-
cursor: pointer;
|
|
289
|
-
`,tc=a(St)`
|
|
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
|
-
`,nc=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
|
-
`,oc=a(On)`
|
|
307
|
-
width: ${o.sp2};
|
|
308
|
-
height: ${o.sp2};
|
|
309
|
-
`,ic=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
|
-
`,sc=a(Mn)`
|
|
319
|
-
width: 12px;
|
|
320
|
-
height: 12px;
|
|
321
|
-
`,ac=a.div`
|
|
322
|
-
display: ${e=>e.isVisible?"flex":"none"};
|
|
323
|
-
`,rc=54,lc=72,{common:{strings:{hyphen:Nn}}}=je.getLocalizedStrings(),{dateFormat:Ko}=je.getLocalizedStrings();function cc({selectedTransactionIds:e,transaction:n,transactionId:d}){const c=Se(),h=vt(),[p,i]=s.useState(!1),l=e.includes(d),r=p||l;return t.jsx(dc,{id:d,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:t.jsxs(uc,{isSelected:r,totalHeight:rc,children:[t.jsx(xt,{windowSize:c,responsiveWidth:Re[0].width,style:Re[0].customStyle,children:t.jsx(_t,{isSelected:r,children:n.date.format(Ko.visual.MMMDCommaYYYYformat)})}),Re[1].customStyle.display!=="none"?t.jsx(xt,{windowSize:c,responsiveWidth:Re[1].width,style:Re[1].customStyle,children:t.jsx(_t,{isSelected:r,children:n.clearedDate!=null?n.clearedDate.format(Ko.visual.MMMDCommaYYYYformat):t.jsx("span",{children:Nn})})}):null,t.jsx(xt,{windowSize:c,style:Re[2].customStyle,responsiveWidth:Re[2].width,children:t.jsx(mc,{isSelected:r,children:t.jsx(hc,{isSelected:r,children:Ua(n.type)})})}),t.jsx(xt,{windowSize:c,style:Re[3].customStyle,responsiveWidth:Re[3].width,children:n.merchantName!=null&&n.merchantName.length>0?t.jsx(nt,{text:n.merchantName,itemTextStyle:{color:r?h.colors.primary:h.colors.hero}}):t.jsx(_t,{isSelected:r,children:t.jsx("span",{children:Nn})})}),t.jsx(xt,{windowSize:c,style:Re[4].customStyle,responsiveWidth:Re[4].width,children:n.accountName!=null&&n.accountName.length>0?t.jsx(nt,{text:n.accountName,itemTextStyle:{color:r?h.colors.primary:h.colors.hero}}):t.jsx(_t,{isSelected:r,children:t.jsx("span",{children:Nn})})}),t.jsx(xt,{windowSize:c,style:Re[5].customStyle,responsiveWidth:Re[5].width,children:t.jsx(_t,{isSelected:r,style:{textTransform:"capitalize"},children:n.transactionDirection})}),t.jsx(xt,{windowSize:c,style:Re[6].customStyle,responsiveWidth:Re[6].width,children:t.jsx(nt,{text:n.memo,itemTextStyle:{color:r?h.colors.primary:h.colors.hero}})}),t.jsx(xt,{windowSize:c,style:Re[7].customStyle,responsiveWidth:Re[7].width,children:t.jsx(_t,{isSelected:r,children:qe("0,0.[00]",n.amount)})}),t.jsx(xt,{windowSize:c,responsiveWidth:Re[8].width,style:Re[8].customStyle,children:t.jsx(_t,{isSelected:r,children:n.isZeniRecommended?t.jsx(pc,{}):null})})]})})}const dc=a.div`
|
|
324
|
-
box-sizing: border-box;
|
|
325
|
-
width: 100%;
|
|
326
|
-
display: flex;
|
|
327
|
-
padding-right: ${o.sp8};
|
|
328
|
-
`,uc=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
|
-
`,xt=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
|
-
`,_t=a(Fe)`
|
|
351
|
-
color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
|
|
352
|
-
span {
|
|
353
|
-
padding-left: ${o.sp3};
|
|
354
|
-
}
|
|
355
|
-
`,hc=a(gt)`
|
|
356
|
-
text-transform: capitalize;
|
|
357
|
-
color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
|
|
358
|
-
`,pc=a(hn)`
|
|
359
|
-
width: ${o.sp3};
|
|
360
|
-
height: ${o.sp3};
|
|
361
|
-
margin-right: ${o.sp1};
|
|
362
|
-
path {
|
|
363
|
-
stroke-width: 2;
|
|
364
|
-
}
|
|
365
|
-
`,mc=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
|
-
`,gc=je.getLocalizedStrings(),{common:{all:Zo,strings:{empty:Yo}}}=gc,Go="selectedTransactionIds",xc="expenseAutomationBankReconReconcilePage",fc=e=>`${e}_form`;function yc({currentFooterFormId:e,localData:n,matchedTransactions:d,sortConfig:c,onSaveReconciliation:h,selectedAccountId:p,onReconTabColumnSortConfigChanged:i,onUpdateReconcileTabLocalData:l,setCurrentFooterFormId:r}){const m=Wt({mode:"all",defaultValues:{selectedTransactionIds:n.selectedTransactionIds},values:{selectedTransactionIds:n.selectedTransactionIds}}),u={label:t.jsx(Xl,{onReconTabColumnSortConfigChanged:i,sortConfig:c}),value:Zo.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},x=d.map(w=>({label:t.jsx(cc,{transaction:w,selectedTransactionIds:n.selectedTransactionIds,transactionId:w.id}),value:w.id,defaultChecked:!1,groupLabel:!1})),y=[u,...x],C=async w=>{const I=w[Go].filter(f=>f!=Zo.toLocaleLowerCase());l(I)};s.useEffect(()=>{const w=m.watch(I=>{I!=null&&pn(()=>C(I))});return()=>{w.unsubscribe()}}),s.useEffect(()=>(e!=="expenseAutomationBankReconReconcilePage"&&r("expenseAutomationBankReconReconcilePage"),()=>{r("expenseAutomationPage")}),[]);const v=s.useCallback(()=>{h({reconcileAction:"reconcile"})},[h]);if(d.length===0){const w=Ve("reconciliation",void 0,p).tabs.find(I=>I.id==="reconcile")?.allDoneText;return t.jsx(vc,{children:t.jsx(bt,{tab:"missing_receipts",title:w?.title??Yo,subTitle:w?.subTitle??Yo})})}return t.jsx(Cc,{children:t.jsx(qt,{...m,children:t.jsx(wc,{onSubmit:m.handleSubmit(v),id:fc(xc),children:t.jsx(bc,{children:t.jsx(Wr,{name:Go,checkBoxes:y,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:20},rowHeight:lc,mode:n.selectedTransactionIds.length>0?"always_on":"checked_or_hover",checkBoxContainerStyle:{boxSizing:"border-box"}})})})})})}const Cc=a.div``,wc=a.form``,bc=a.div`
|
|
370
|
-
height: calc(100vh - 350px);
|
|
371
|
-
`,vc=a.div`
|
|
372
|
-
height: 100%;
|
|
373
|
-
display: flex;
|
|
374
|
-
justify-content: center;
|
|
375
|
-
align-items: center;
|
|
376
|
-
`,ho=69,pe={COLUMN_ONE:187,COLUMN_THREE:136,COLUMN_FOUR:240,COLUMN_FIVE:146},vs=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
|
-
`,Ss=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
|
-
`,js=a.div`
|
|
393
|
-
width: 100%;
|
|
394
|
-
`,ks=a.div`
|
|
395
|
-
width: 100%;
|
|
396
|
-
`,ko=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
|
-
`,Io=a.div`
|
|
404
|
-
display: flex;
|
|
405
|
-
flex-direction: row;
|
|
406
|
-
justify-content: space-between;
|
|
407
|
-
padding: ${o.sp2};
|
|
408
|
-
padding-right: ${o.sp3};
|
|
409
|
-
`,Sc=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
|
-
`,jc=a.div`
|
|
417
|
-
padding: ${o.sp2} ${o.sp3};
|
|
418
|
-
`,$o=a.div`
|
|
419
|
-
display: flex;
|
|
420
|
-
`,kc=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
|
-
`,To=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
|
-
`,G=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
|
-
`,ut=a.div`
|
|
477
|
-
padding: ${o.sp2} ${o.sp3};
|
|
478
|
-
`,ne=a(gt)`
|
|
479
|
-
color: ${e=>e.theme.colors.hero};
|
|
480
|
-
`,ue=a(Fe)`
|
|
481
|
-
width: 100%;
|
|
482
|
-
color: ${e=>e.theme.colors.hero};
|
|
483
|
-
white-space: nowrap;
|
|
484
|
-
overflow: hidden;
|
|
485
|
-
text-overflow: ellipsis;
|
|
486
|
-
`,se=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
|
-
`,Lo=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
|
-
`,Ao=a.div`
|
|
511
|
-
flex: 1;
|
|
512
|
-
`,Is=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
|
-
`,Tn=a(St)`
|
|
519
|
-
padding: ${o.sp2};
|
|
520
|
-
color: ${e=>e.theme.colors.hero};
|
|
521
|
-
background: ${e=>e.theme.colors.overlayColor};
|
|
522
|
-
border-radius: ${o.sp1};
|
|
523
|
-
`,We=a(Tn)`
|
|
524
|
-
padding: 2px ${o.sp2};
|
|
525
|
-
`,Zt=je.getLocalizedStrings().expenseAutomation.accountRecon.review.header,Ct=[{key:"date",value:Zt.date,sortOrder:"ascending",width:new Q(20,20),loaderWidth:120},{key:"payee",value:Zt.payee,sortOrder:"ascending",width:new Q(20,20),loaderWidth:212},{key:"memo",value:Zt.memo,sortOrder:"ascending",width:new Q(20,20),loaderWidth:192},{key:"direction",value:Zt.direction,sortOrder:"ascending",width:new Q(15,15),loaderWidth:84},{key:"match",value:Zt.match,sortOrder:"ascending",width:new Q(15,15),loaderWidth:152},{key:"amount",value:Zt.amount,sortOrder:"ascending",width:new Q(10,10),loaderWidth:64}],Ic=e=>{const{sortConfig:n,onColumnSortConfigChanged:d}=e,c=Se(),[h,p]=s.useState(vo(Ct));s.useEffect(()=>{const l=[...h];for(const r of l)r.key===n.sortKey?r.sortOrder=n.sortOrder:r.sortOrder="ascending";p(l)},[n.sortKey,n.sortOrder]);const i=(l,r)=>{let m=r;n.sortKey===l&&(m=r==="ascending"?"descending":"ascending"),d(l,m)};return t.jsx(Tc,{children:h.map(l=>t.jsxs(Lc,{sortDataValue:n.sortKey,actualDataValue:l.key,wrapperWidth:l.width,windowSize:c,isLastColumn:l.key==="amount",children:[t.jsxs(Ac,{"data-testid":z("account-reconciliation-review-header",l.value),sortKey:l.key,onClick:()=>i(l.key,l.sortOrder),children:[t.jsx(gt,{children:l.value}),t.jsx(Ec,{sortDataValue:n.sortKey,headerData:l,children:t.jsx(Rc,{})})]}),t.jsx(Dc,{sortDataValue:n.sortKey,windowSize:c,isVisible:n.sortKey===l.key&&(n.sortKey!=="date"||n.sortOrder==="ascending"),children:t.jsx(Oc,{"data-testid":z("account-reconciliation-review-sort-by-date"),onClick:()=>i("date","ascending")})})]},l.key))})},$c=ys.memo(Ic),Tc=a(St)`
|
|
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
|
-
`,Lc=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
|
-
`,Ac=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
|
-
`,Ec=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"?Xe`
|
|
560
|
-
padding-top: 2px;
|
|
561
|
-
`:Xe`
|
|
562
|
-
padding-bottom: 2px;
|
|
563
|
-
`}
|
|
564
|
-
`,Rc=a(On)`
|
|
565
|
-
width: ${o.sp2};
|
|
566
|
-
height: ${o.sp2};
|
|
567
|
-
cursor: pointer;
|
|
568
|
-
color: inherit;
|
|
569
|
-
`,Dc=a.div`
|
|
570
|
-
display: ${e=>e.isVisible?"flex":"none"};
|
|
571
|
-
align-items: center;
|
|
572
|
-
padding-top: 2px;
|
|
573
|
-
`,Oc=a(Mn)`
|
|
574
|
-
width: 12px;
|
|
575
|
-
height: 12px;
|
|
576
|
-
cursor: pointer;
|
|
577
|
-
color: ${e=>e.theme.colors.hero};
|
|
578
|
-
`,lt="accountReconReviewTableSection",{dateFormat:Mc,expenseAutomation:Fc,common:pt}=je.getLocalizedStrings(),{visual:$s}=Mc,{accountRecon:xe}=Fc,Ts=e=>[{label:xe.review.formLabels.allBankAccounts,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],Ls=e=>[{label:xe.review.formLabels.allCreditCards,options:e.map(n=>({label:n.accountName,value:n.accountId}))}],Xo=e=>`${lt}_${e}_form`,Le=(e,n)=>`${lt}.${e}.${n}`,Pc=e=>{const{sortKey:n,sortOrder:d,accountReconEntity:c,entitySearchAutoCompleteActions:h,allAccountList:p,classList:i,localData:l,accountListNestedAccountHierarchy:r,classListNestedAccountHierarchy:m,selectedAccountId:u,entitySearchAutoCompleteData:x,excludeFetchById:y,saveFetchById:C,reviewTabSelectedVendorByTransactionId:v,refreshStatus:w,updateLocalData:I,onColumnSortConfigChanged:f,onSaveReconciliation:$,onSaveReconciliationReview:R,onReconMatchedTransactionClick:A,bankAccounts:O,creditCards:b}=e,{transactionsToReview:j}=c,E=s.useRef(null),[T,V]=s.useState(null),M=_=>{const N=j[_],J=W.isReviewTransactionBillPaymentType(N),K=W.isReviewTransactionExpenseType(N),F=W.isReviewTransactionCreditCardPaymentType(N),le=W.isReviewTransactionBankTransferType(N),fe=W.isReviewTransactionDepositType(N),Y=N.recommendedAction.recommendedTransactions[0]?.merchantName!=null;return N.transactionId===T?K||F||le||fe?275+(Y?25:0):J?185+N.recommendedAction.recommendedTransactions.length*40+(Y?25:0):146:72},q=s.useMemo(()=>({onColumnSortConfigChanged:f,sortConfig:{sortKey:n,sortOrder:d}}),[f,n,d]);if(s.useEffect(()=>{V(j[0]?.transactionId??null),E.current?.resetAfterIndex(0)},[n,d]),s.useEffect(()=>{E.current?.resetAfterIndex(0)},[T]),s.useEffect(()=>{E.current?.resetAfterIndex(0)},[j.length]),s.useEffect(()=>{w.fetchState==="Completed"&&E.current?.resetAfterIndex(0)},[w]),j.length===0){const _=Ve("reconciliation",void 0,u).tabs.find(N=>N.id==="review")?.allDoneText;return t.jsx(sd,{children:t.jsx(bt,{tab:"reconciliation",title:_?.title??pt.strings.empty,subTitle:_?.subTitle??pt.strings.empty})})}return t.jsx(Wc,{children:t.jsx(As.Provider,{value:q,children:t.jsx(Rn,{children:({height:_,width:N})=>t.jsx(Dn,{width:N,height:_,innerElementType:Es,ref:E,itemCount:j.length,itemSize:M,itemKey:J=>j[J].transactionId,overscanCount:_a,itemData:{transactionsList:j,expandedRowId:T,allAccountList:p,classList:i,accountListNestedAccountHierarchy:r,classListNestedAccountHierarchy:m,localData:l,entitySearchAutoCompleteData:x,entitySearchAutoCompleteActions:h,excludeFetchById:y,saveFetchById:C,reviewTabSelectedVendorByTransactionId:v,bankAccounts:O,creditCards:b,updateLocalData:I,setExpandedRowId:V,onSaveReconciliation:$,onSaveReconciliationReview:R,onReconMatchedTransactionClick:A},initialScrollOffset:0,children:zc})})})})},As=s.createContext(void 0),Es=s.forwardRef((e,n)=>{const{children:d,style:c,...h}=e,{sortConfig:p,onColumnSortConfigChanged:i}=s.useContext(As);return t.jsxs(qc,{ref:n,style:{...c,width:"auto",padding:`${o.sp0} ${o.sp8}`},...h,children:[t.jsx($c,{onColumnSortConfigChanged:i,sortConfig:p}),t.jsx(Jc,{children:d})]})});Es.displayName="Account recon review table inner element type";const zc=({index:e,style:n,data:d})=>{const{transactionsList:c,expandedRowId:h,setExpandedRowId:p,entitySearchAutoCompleteActions:i,allAccountList:l,classList:r,localData:m,updateLocalData:u,accountListNestedAccountHierarchy:x,classListNestedAccountHierarchy:y,entitySearchAutoCompleteData:C,onSaveReconciliation:v,onSaveReconciliationReview:w,onReconMatchedTransactionClick:I,excludeFetchById:f,saveFetchById:$,reviewTabSelectedVendorByTransactionId:R,bankAccounts:A,creditCards:O}=d,b=c[e];return t.jsx(Uc,{style:{...n,width:"100%"},children:t.jsx(Bc,{transaction:b,expandedRowId:h,setExpandedRowId:p,entitySearchAutoCompleteActions:i,accountListNestedAccountHierarchy:x,allAccountList:l,classList:r,localData:m,updateLocalData:u,entitySearchAutoCompleteData:C,classListNestedAccountHierarchy:y,onSaveReconciliation:v,onSaveReconciliationReview:w,onReconMatchedTransactionClick:I,excludeFetchById:f,saveFetchById:$,selectedVendor:R[b.transactionId],bankAccounts:A,creditCards:O})})},Bc=({transaction:e,expandedRowId:n,accountListNestedAccountHierarchy:d,entitySearchAutoCompleteActions:c,allAccountList:h,classList:p,classListNestedAccountHierarchy:i,localData:l,entitySearchAutoCompleteData:r,excludeFetchById:m,saveFetchById:u,selectedVendor:x,bankAccounts:y,creditCards:C,setExpandedRowId:v,updateLocalData:w,onSaveReconciliation:I,onSaveReconciliationReview:f,onReconMatchedTransactionClick:$})=>{const R=n===e.transactionId,A=Se(),O=l[e.transactionId],b=e.recommendedAction.action==="record_bill_payment",j=e.recommendedAction.action==="record_expense",E=h.find(M=>M.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),T=M=>M.recommendedAction.recommendedTransactions.length>0&&M.recommendedAction.recommendedTransactions[0].merchantName!=null?M.recommendedAction.recommendedTransactions[0].merchantName:pt.strings.hyphen,V=e.recommendedAction.recommendedTransactions[0]?.merchantName;return t.jsxs(Nc,{isExpanded:R,children:[t.jsxs(Vc,{isExpanded:R,onClick:()=>v(e.transactionId),"data-testid":z("account-reconciliation-review-row",e.transactionId),children:[t.jsx(Gt,{windowSize:A,responsiveWidth:Ct[0].width,children:t.jsx(Yt,{children:e.transactionDate.format($s.MMMDCommaYYYYformat)})}),t.jsx(Gt,{windowSize:A,responsiveWidth:Ct[1].width,children:t.jsx(Yt,{children:t.jsx(nt,{itemTextStyle:{...Et.standardRegular.cssObject,color:"inherit"},text:T(e)})})}),t.jsx(Gt,{windowSize:A,responsiveWidth:Ct[2].width,children:t.jsx(Yt,{children:t.jsx(nt,{itemTextStyle:{...Et.standardRegular.cssObject,color:"inherit"},text:e.memo})})}),t.jsx(Gt,{windowSize:A,responsiveWidth:Ct[3].width,children:t.jsx(Yt,{style:{textTransform:"capitalize"},children:e.transactionDirection})}),t.jsxs(Gt,{windowSize:A,responsiveWidth:Ct[4].width,children:[t.jsx(Be,{controller:b,children:t.jsx(ad,{children:t.jsx(rd,{children:xe.review.matchesCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())})})}),t.jsx(Be,{controller:!b,children:t.jsx(Yt,{children:E!=null?t.jsxs(t.Fragment,{children:[t.jsx(Rs,{}),t.jsx(nt,{itemTextStyle:{...Et.standardRegular.cssObject,color:"inherit"},text:E.accountName})]}):pt.strings.hyphen})})]}),t.jsx(Gt,{windowSize:A,isLastColumn:!0,responsiveWidth:Ct[5].width,children:t.jsx(Yt,{children:fs("0,0.00",e.amount.amount,e.amount.currencySymbol)})})]}),t.jsxs(Be,{controller:R&&O!=null,children:[t.jsx(_c,{onSaveReconciliation:I,onSaveReconciliationReview:f,updateLocalData:w,saveFetchById:u,excludeFetchById:m,localData:O,classListNestedAccountHierarchy:i,allAccountList:h,classList:p,transaction:e,accountListNestedAccountHierarchy:d,entitySearchAutoCompleteActions:c,entitySearchAutoCompleteData:r,selectedVendor:x,bankAccounts:y,creditCards:C,onReconMatchedTransactionClick:$}),t.jsx(Be,{controller:(b||j)&&V!=null,children:t.jsx(cd,{children:t.jsxs(dd,{children:[xe.review.bankDetail,pt.strings.colon," ",V]})})})]})]})},_c=({transaction:e,accountListNestedAccountHierarchy:n,entitySearchAutoCompleteActions:d,allAccountList:c,classList:h,classListNestedAccountHierarchy:p,localData:i,entitySearchAutoCompleteData:l,excludeFetchById:r,saveFetchById:m,selectedVendor:u,bankAccounts:x,creditCards:y,updateLocalData:C,onSaveReconciliation:v,onSaveReconciliationReview:w,onReconMatchedTransactionClick:I})=>{const f=vt(),[$,R]=s.useState(!i.vendor?.id),[A,O]=s.useState(!i.customer?.id),[b,j]=s.useState(i.categoryId==null),[E,T]=s.useState(i.classId==null),[V,M]=s.useState(i.bankAccountId==null),[q,_]=s.useState(i.creditCardId==null),[N,J]=s.useState(!i.memo),K=W.isReviewTransactionBillPaymentType(e),F=W.isReviewTransactionExpenseType(e),le=W.isReviewTransactionBankTransferType(e),fe=W.isReviewTransactionCreditCardPaymentType(e),Y=W.isReviewTransactionDepositType(e),he=s.useMemo(()=>{if(!F)return Dt(n);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return Dt(n,u?.recommendations);const S=c.find(ye=>ye.accountId===e.recommendedAction.recommendedTransactions[0]?.accountId),Z=S!=null?{...S,reason:xe.review.zeniGptRecommendation,min:0,max:0}:void 0;return Dt(n,[{account:Z}])},[F,u,e.recommendedAction.recommendedTransactions,c,n]),ie=s.useMemo(()=>{if(!F)return $n(p);if(u!=null&&u.id!==e.recommendedAction.recommendedTransactions[0]?.merchantId)return $n(p,u?.recommendations);const S=h.find(ye=>ye.classId===e.recommendedAction.recommendedTransactions[0]?.classId),Z=S!=null?{...S,reason:xe.review.zeniGptRecommendation,min:0,max:0}:void 0;return $n(p,[{class:Z}])},[F,u,e.recommendedAction.recommendedTransactions,h,p]),k=Wt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:s.useMemo(()=>Qo(e,i,he,c,ie,x,y,l),[e,i,ie,c,he,x,y,l]),values:s.useMemo(()=>Qo(e,i,he,c,ie,x,y,l),[e,i,ie,c,he,x,y,l])}),U=async(S,Z)=>{S.includes("memo")||C(ei(Z,e,l,c),e.transactionId,S.includes("vendor"))};s.useEffect(()=>{const S=k.watch((Z,{name:ye})=>{ye!=null&&Z!=null&&pn(()=>U(ye,Z))});return()=>{S.unsubscribe()}});const H=s.useCallback(S=>{if(F||Y){if(F&&i.vendor==null){R(!1),k.setError(Le(e.transactionId,"vendor"),{type:"required"});return}if(Y&&i.customer==null){O(!1),k.setError(Le(e.transactionId,"customer"),{type:"required"});return}if(i.categoryId==null){j(!1),k.setError(Le(e.transactionId,"category"),{type:"required"});return}}C(ei(S,e,l,c),e.transactionId,!1),w(e.transactionId)},[F,Y,C,e,l,c,w,i.categoryId,i.vendor,i.customer]),P=k.watch(Le(e.transactionId,"vendor")),L=k.watch(Le(e.transactionId,"customer")),B=s.useRef(),ee=s.useMemo(()=>F?"vendor":Y?"customer":null,[F,Y]),ge=(S,Z)=>{ee!=null&&d.onAutoCompleteInputChange?.(S,ee),B.current=Z};s.useEffect(()=>{l.entityAutoCompleteView.fetchState==="Completed"&&(F&&B.current?.(ds(l.entityAutoCompleteView)),Y&&B.current?.(Ya(l.entityAutoCompleteView)))},[l.entityAutoCompleteView,Y,F]);const D=S=>h.filter(Z=>Z.classId===S)[0]?.accountingClassNumber??void 0,ce=S=>c.filter(Z=>Z.qboId===S)[0]?.qboId,X=s.useMemo(()=>{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"]}},[e.recommendedAction.action]),te=()=>{j(!1)},ve=()=>{M(!1)},$e=()=>{_(!1)};return s.useEffect(()=>{b===!1&&i.categoryId==null&&k.setFocus(Le(e.transactionId,"category"))},[b]),s.useEffect(()=>{E===!1&&i.classId==null&&k.setFocus(Le(e.transactionId,"class"))},[E]),s.useEffect(()=>{$===!1&&i.vendor==null&&k.setFocus(Le(e.transactionId,"vendor"))},[$]),s.useEffect(()=>{A===!1&&i.customer==null&&k.setFocus(Le(e.transactionId,"customer"))},[A]),s.useEffect(()=>{V===!1&&i.bankAccountId==null&&k.setFocus(Le(e.transactionId,"bankAccount"))},[V]),s.useEffect(()=>{q===!1&&i.creditCardId==null&&k.setFocus(Le(e.transactionId,"creditCard"))},[q]),t.jsx(qt,{...k,children:t.jsx("form",{onSubmit:k.handleSubmit(H),id:Xo(e.transactionId),children:t.jsxs(Hc,{children:[t.jsxs(Kc,{children:[t.jsxs(Gc,{children:[t.jsxs(Xc,{children:[t.jsx(Rs,{}),t.jsx(_n,{label:{label:K?xe.review.formLabels.match:xe.review.formLabels.categorize},radioField:{name:Le(e.transactionId,"match_radio"),id:K?"match":"categorize",value:K?"match":"categorize",checked:!0,style:{width:o.sp3,height:o.sp3,padding:"2px"}},style:{width:"auto"}})]}),t.jsx(Be,{controller:!K,children:t.jsxs(t.Fragment,{children:[t.jsx(ti,{}),X.map(S=>t.jsx(_n,{label:{label:xe.review.formLabels[S]},style:{width:"auto"},isDisabled:"readonly",changeLabelColorInDisableMode:!0,radioField:{name:Le(e.transactionId,"recommendedActionType"),id:S,value:S,style:{width:o.sp3,height:o.sp3,padding:"2px"}}},S))]})})]}),t.jsxs(Yc,{children:[t.jsx(un,{variant:"secondary",size:"small",label:xe.review.formLabels.exclude,loading:r[e.transactionId]?.fetchState==="In-Progress","data-testid":z("account-reconciliation-review-exclude-button",e.transactionId),style:{width:o.sp10},reverseSpinnerColor:!1,onClick:()=>{v({reconcileAction:"exclude",excludeTransactionId:e.transactionId})}}),t.jsx(un,{form:Xo(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(Be,{controller:F||Y,children:t.jsxs(Vn,{children:[t.jsx(Be,{controller:F,children:t.jsx(yt,{onClickAway:()=>{i.vendor==null&&$===!1&&R(!0)},children:t.jsx(G,{style:{flex:1,padding:g[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(ut,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:pt.texts.vendor}),t.jsx(se,{style:{gap:g[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:$===!0?t.jsxs(ue,{onClick:S=>{S.stopPropagation(),R(!1)},"data-testid":z("account-reconciliation-review-add-vendor-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:f.colors.champion,cursor:"pointer"},children:[t.jsx(Nt,{}),xe.review.formLabels.addVendor]}):t.jsx(uo,{name:Le(e.transactionId,"vendor"),allowEmpty:!1,placeholder:xe.review.formLabels.addVendor,valueToId:S=>S,defaultValue:{selectedOption:P?.selectedOption,defaultOptions:P?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:S=>!!S.selectedOption},loadOptions:ge})})})]})})})}),t.jsx(Be,{controller:Y,children:t.jsx(yt,{onClickAway:()=>{i.customer==null&&A===!1&&O(!0)},children:t.jsx(G,{style:{flex:1,padding:g[0],justifyContent:"center"},showHoverEffect:!0,forceHoverEffect:!1,children:t.jsxs(ut,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:pt.texts.customer}),t.jsx(se,{style:{gap:g[3]},className:"item-value-container",children:t.jsx(t.Fragment,{children:A===!0?t.jsxs(ue,{onClick:S=>{S.stopPropagation(),O(!1)},"data-testid":z("account-reconciliation-review-add-customer-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:f.colors.champion,cursor:"pointer"},children:[t.jsx(Nt,{}),xe.review.formLabels.addCustomer]}):t.jsx(uo,{name:Le(e.transactionId,"customer"),allowEmpty:!1,placeholder:xe.review.formLabels.addCustomer,valueToId:S=>S,defaultValue:{selectedOption:L?.selectedOption,defaultOptions:L?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:S=>!!S.selectedOption},loadOptions:ge})})})]})})})}),t.jsx(yt,{onClickAway:()=>{i.categoryId==null&&b===!1&&j(!0)},children:t.jsx(G,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ut,{className:"hover-background",children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:pt.texts.category}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:b===!0?t.jsxs(ue,{onClick:S=>{S.stopPropagation(),te()},"data-testid":z("account-reconciliation-review-add-category-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:f.colors.champion,cursor:"pointer"},children:[t.jsx(Nt,{}),xe.review.formLabels.addCategory]}):t.jsx(tn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Le(e.transactionId,"category"),placeholder:xe.review.formLabels.addCategory,valueToId:S=>ce(S),defaultValue:{allOptions:he,selectedOption:c.find(S=>S.accountId===i.categoryId)?.qboId},registerOptions:{required:!0,validate:S=>!!S.selectedOption},customStyleConfig:bn})})})]})})}),t.jsx(yt,{onClickAway:()=>{i.classId==null&&E===!1&&T(!0)},children:t.jsx(G,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ut,{className:"hover-background",children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:pt.texts.class}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:E===!0?t.jsxs(ue,{onClick:S=>{S.stopPropagation(),T(!1)},"data-testid":z("account-reconciliation-review-add-class-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:f.colors.champion,cursor:"pointer"},children:[t.jsx(Nt,{}),xe.review.formLabels.addClass]}):t.jsx(tn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Le(e.transactionId,"class"),placeholder:xe.review.formLabels.addClass,valueToId:S=>D(S),defaultValue:{allOptions:ie,selectedOption:i.classId},registerOptions:{required:!0,validate:S=>!!S.selectedOption},customStyleConfig:bn})})})]})})})]})}),t.jsx(Be,{controller:K,children:t.jsxs(Qc,{children:[t.jsxs(ed,{children:[t.jsx("span",{className:"matched-text",children:`${xe.review.matchedFoundCount.replace("__count__",e.recommendedAction.recommendedTransactions.length.toString())} `}),xe.review.matchesFoundFullInfo]}),t.jsx(nd,{children:e.recommendedAction.recommendedTransactions.map(S=>S.bookTransactionId!=null?t.jsxs(od,{children:[t.jsx(_n,{label:{label:t.jsxs(td,{children:[t.jsx(Fe,{children:S.date.format($s.MMMDCommaYYYYformat)}),t.jsx(Fe,{children:S.memo})]})},style:{width:"auto"},isDisabled:void 0,changeLabelColorInDisableMode:!0,radioField:{name:Le(e.transactionId,"matchedTransaction"),registerOptions:{required:!0},id:S.bookTransactionId,value:S.bookTransactionId,style:{width:o.sp3,height:o.sp3,padding:"2px"}}}),t.jsxs(ld,{"data-testid":z("account-reconciliation-review-matched-transaction-amount",S.bookTransactionId),onClick:()=>{S.bookTransactionId!=null&&I(S.bookTransactionId)},children:[t.jsx(id,{children:fs("0,0.00",S.amount.amount,S.amount.currencySymbol)}),t.jsx(ti,{})]})]},S.bookTransactionId):null)})]})}),t.jsx(Be,{controller:le,children:t.jsx(Vn,{children:t.jsx(yt,{onClickAway:()=>{i.bankAccountId==null&&V===!1&&M(!0)},children:t.jsx(G,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ut,{className:"hover-background",children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:xe.review.formLabels.transferTo}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:V===!0?t.jsxs(ue,{onClick:S=>{S.stopPropagation(),ve()},"data-testid":z("account-reconciliation-review-add-account-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:f.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Nt,{}),xe.review.formLabels.selectAccount]}):t.jsx(tn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Le(e.transactionId,"bankAccount"),placeholder:xe.review.formLabels.selectAccount,defaultValue:{allOptions:Ts(x),selectedOption:i.bankAccountId},registerOptions:{required:!0,validate:S=>!!S.selectedOption},customStyleConfig:bn})})})]})})})})}),t.jsx(Be,{controller:fe,children:t.jsx(Vn,{children:t.jsx(yt,{onClickAway:()=>{i.creditCardId==null&&q===!1&&_(!0)},children:t.jsx(G,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",flex:1},children:t.jsxs(ut,{className:"hover-background",children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:xe.review.formLabels.creditCard}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:q===!0?t.jsxs(ue,{onClick:S=>{S.stopPropagation(),$e()},"data-testid":z("account-reconciliation-review-add-credit-card-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:f.colors.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Nt,{}),xe.review.formLabels.selectCard]}):t.jsx(tn,{shouldShowChevronIcon:!1,menuPortal:document.body,name:Le(e.transactionId,"creditCard"),placeholder:xe.review.formLabels.selectCard,defaultValue:{allOptions:Ls(y),selectedOption:i.creditCardId},registerOptions:{required:!0,validate:S=>!!S.selectedOption},customStyleConfig:bn})})})]})})})})}),t.jsx(Be,{controller:!K,children:t.jsx(Zc,{children:t.jsx(G,{showHoverEffect:!0,forceHoverEffect:!1,style:{padding:"unset",justifyContent:"center",width:"100%"},children:t.jsxs(ut,{className:"hover-background",children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:xe.review.header.memo}),t.jsx(se,{className:"item-value-container",children:t.jsx(t.Fragment,{children:N===!0?t.jsxs(ue,{onClick:S=>{S.stopPropagation(),J(!1)},"data-testid":z("account-reconciliation-review-add-memo-button",e.transactionId),style:{display:"inline-flex",alignItems:"center",gap:g[1],color:f.colors.champion,cursor:"pointer"},children:[t.jsx(Nt,{}),xe.review.formLabels.addMemo]}):t.jsx(Ga,{name:Le(e.transactionId,"memo"),placeholder:xe.review.formLabels.addMemo,type:"text",style:{padding:0,textAlign:"left",width:"100%",background:"transparent"}})})})]})})})})]})})})},bn={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}`})},Qo=(e,n,d,c,h,p,i,l)=>{const r=c.find(m=>m.accountId===n.categoryId);return{[lt]:{[e.transactionId]:{category:{selectedOption:r?.qboId,allOptions:d},class:{selectedOption:n?.classId,allOptions:h},bankAccount:{selectedOption:n?.bankAccountId,allOptions:Ts(p)},creditCard:{selectedOption:n?.creditCardId,allOptions:Ls(i)},memo:n?.memo,recommendedActionType:e.recommendedAction.action,matchedTransaction:n?.matchedTransactionId,vendor:{selectedOption:n?.vendor?.id,defaultOptions:gs(l.entityAutoCompleteView,n?.vendor)},customer:{selectedOption:n?.customer?.id,defaultOptions:or(n?.customer,l.entityAutoCompleteView)}}}}},ei=(e,n,d,c)=>{const{vendor:h,customer:p}=e[lt][n.transactionId];let i;if(h.selectedOption!=null){const r=h.defaultOptions.find(m=>m.value===h.selectedOption);if(r!=null)i={id:h.selectedOption,name:r.label};else{const m=d.entityAutoCompleteView.vendor.find(u=>u.id===h.selectedOption||u.zeniId===h.selectedOption);m!=null&&(i={id:m.zeniId,name:m.name})}}let l;if(p.selectedOption!=null){const r=p.defaultOptions.find(m=>m.value===p.selectedOption);if(r!=null)l={id:p.selectedOption,name:r.label};else{const m=d.entityAutoCompleteView.customer.find(u=>u.id===p.selectedOption||u.zeniId===p.selectedOption);m!=null&&(l={id:m.zeniId,name:m.name})}}return{categoryId:c.find(r=>r.qboId===e[lt][n.transactionId].category.selectedOption)?.accountId??e[lt][n.transactionId].category.selectedOption,classId:e[lt][n.transactionId].class.selectedOption,memo:e[lt][n.transactionId].memo,matchedTransactionId:e[lt][n.transactionId].matchedTransaction,vendor:i,bankAccountId:e[lt][n.transactionId].bankAccount.selectedOption,creditCardId:e[lt][n.transactionId].creditCard.selectedOption,customer:l}},Yt=a(Fe)`
|
|
579
|
-
display: flex;
|
|
580
|
-
align-items: center;
|
|
581
|
-
column-gap: ${o.sp1};
|
|
582
|
-
`,Gt=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
|
-
`,Nc=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
|
-
&:hover {
|
|
596
|
-
border: 1px solid ${e=>e.theme.colors.primary};
|
|
597
|
-
color: ${e=>e.theme.colors.primary};
|
|
598
|
-
}
|
|
599
|
-
box-shadow: ${e=>e.theme.colors.elevation1};
|
|
600
|
-
border-radius: ${o.sp2};
|
|
601
|
-
`,Vc=a.div`
|
|
602
|
-
display: flex;
|
|
603
|
-
flex-direction: row;
|
|
604
|
-
align-items: center;
|
|
605
|
-
cursor: pointer;
|
|
606
|
-
padding: ${o.sp3} ${o.sp4};
|
|
607
|
-
column-gap: ${o.sp2};
|
|
608
|
-
|
|
609
|
-
border-bottom: ${e=>e.isExpanded?"1px solid "+e.theme.colors.primary:"none"};
|
|
610
|
-
`,Hc=a.div`
|
|
611
|
-
padding: ${o.sp2} ${o.sp4};
|
|
612
|
-
display: flex;
|
|
613
|
-
flex-direction: column;
|
|
614
|
-
row-gap: ${o.sp2};
|
|
615
|
-
`,Uc=a.div`
|
|
616
|
-
top: ${o.sp0};
|
|
617
|
-
left: ${o.sp0};
|
|
618
|
-
box-sizing: border-box;
|
|
619
|
-
`,Wc=a.div`
|
|
620
|
-
height: calc(100vh - 350px);
|
|
621
|
-
max-width: 99.9%;
|
|
622
|
-
padding: ${o.sp0};
|
|
623
|
-
`,qc=a.div``,Jc=a.div`
|
|
624
|
-
position: relative;
|
|
625
|
-
width: auto;
|
|
626
|
-
height: 100%;
|
|
627
|
-
display: flex;
|
|
628
|
-
flex-direction: column;
|
|
629
|
-
row-gap: ${o.sp3};
|
|
630
|
-
`,Kc=a.div`
|
|
631
|
-
display: flex;
|
|
632
|
-
flex-direction: row;
|
|
633
|
-
align-items: center;
|
|
634
|
-
justify-content: space-between;
|
|
635
|
-
padding: 12px ${o.sp3};
|
|
636
|
-
background-color: ${e=>e.theme.colors.background};
|
|
637
|
-
border-radius: ${o.sp2};
|
|
638
|
-
`,Vn=a.div`
|
|
639
|
-
display: flex;
|
|
640
|
-
flex-direction: row;
|
|
641
|
-
align-items: center;
|
|
642
|
-
column-gap: ${o.sp3};
|
|
643
|
-
`,Zc=a.div`
|
|
644
|
-
width: 100%;
|
|
645
|
-
`,Yc=a.div`
|
|
646
|
-
display: flex;
|
|
647
|
-
flex-direction: row;
|
|
648
|
-
align-items: center;
|
|
649
|
-
column-gap: ${o.sp3};
|
|
650
|
-
`,Gc=a.div`
|
|
651
|
-
display: flex;
|
|
652
|
-
flex-direction: row;
|
|
653
|
-
align-items: center;
|
|
654
|
-
column-gap: ${o.sp6};
|
|
655
|
-
`,Xc=a.div`
|
|
656
|
-
display: flex;
|
|
657
|
-
flex-direction: row;
|
|
658
|
-
align-items: center;
|
|
659
|
-
column-gap: ${o.sp1};
|
|
660
|
-
`,Nt=a(Fn)`
|
|
661
|
-
width: ${o.sp3};
|
|
662
|
-
height: ${o.sp3};
|
|
663
|
-
`,ti=a(ir)`
|
|
664
|
-
width: ${o.sp3};
|
|
665
|
-
height: ${o.sp3};
|
|
666
|
-
color: ${e=>e.theme.colors.hero};
|
|
667
|
-
`,Qc=a.div`
|
|
668
|
-
display: flex;
|
|
669
|
-
flex-direction: column;
|
|
670
|
-
row-gap: ${o.sp3};
|
|
671
|
-
padding: ${o.sp0} 12px;
|
|
672
|
-
`,ed=a(Fe)`
|
|
673
|
-
color: ${e=>e.theme.colors.primary};
|
|
674
|
-
|
|
675
|
-
.matched-text {
|
|
676
|
-
font-weight: ${xo.bold};
|
|
677
|
-
}
|
|
678
|
-
`,td=a.div`
|
|
679
|
-
display: flex;
|
|
680
|
-
align-items: center;
|
|
681
|
-
column-gap: ${o.sp2};
|
|
682
|
-
`,nd=a.div`
|
|
683
|
-
display: flex;
|
|
684
|
-
flex-direction: column;
|
|
685
|
-
row-gap: ${o.sp2};
|
|
686
|
-
`,od=a.div`
|
|
687
|
-
display: flex;
|
|
688
|
-
flex-direction: row;
|
|
689
|
-
align-items: center;
|
|
690
|
-
justify-content: space-between;
|
|
691
|
-
padding-bottom: ${o.sp2};
|
|
692
|
-
border-bottom: 1px solid ${e=>e.theme.colors.grey3};
|
|
693
|
-
`,id=a(Fe)`
|
|
694
|
-
color: ${e=>e.theme.colors.hero};
|
|
695
|
-
`,sd=a.div`
|
|
696
|
-
height: 100%;
|
|
697
|
-
display: flex;
|
|
698
|
-
justify-content: center;
|
|
699
|
-
align-items: center;
|
|
700
|
-
`,ad=a.div`
|
|
701
|
-
border: 1px solid ${e=>e.theme.colors.grey2};
|
|
702
|
-
padding: ${o.sp0} ${o.sp1};
|
|
703
|
-
border-radius: ${o.sp1};
|
|
704
|
-
`,rd=a(gt)`
|
|
705
|
-
color: ${e=>e.theme.colors.hero};
|
|
706
|
-
`,ld=a.div`
|
|
707
|
-
display: flex;
|
|
708
|
-
align-items: center;
|
|
709
|
-
column-gap: 20px;
|
|
710
|
-
cursor: pointer;
|
|
711
|
-
`,cd=a.div`
|
|
712
|
-
text-align: center;
|
|
713
|
-
padding: ${o.sp1} ${o.sp0};
|
|
714
|
-
border-top: 1px solid ${e=>e.theme.colors.grey3};
|
|
715
|
-
`,dd=a(gt)`
|
|
716
|
-
color: ${e=>e.theme.colors.hero};
|
|
717
|
-
`,Rs=a(hn)`
|
|
718
|
-
width: ${o.sp3};
|
|
719
|
-
height: ${o.sp3};
|
|
720
|
-
margin-right: ${o.sp1};
|
|
721
|
-
path {
|
|
722
|
-
stroke-width: 2;
|
|
723
|
-
}
|
|
724
|
-
`,ud=({reconciliation:e,entitySearchAutoCompleteData:n,selectedAccountId:d,currentFooterFormId:c,entitySearchAutoCompleteActions:h,onUpdateReconcileTabLocalData:p,setCurrentFooterFormId:i,onReconTabColumnSortConfigChanged:l,updateReviewTabLocalData:r,onReconReviewTabColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:x,onReconMatchedTransactionClick:y})=>{const{accountReconciliationsByAccountID:C,reconciliationTabsState:{reconcile:{uiState:{sortKey:v,sortOrder:w}}},selectedReconAccount:I}=e,f=C[d],{transactionFetchState:$}=I??{};return $?.fetchState==="In-Progress"||$?.fetchState==="Not-Started"?t.jsxs(ni,{style:{paddingLeft:g[8],paddingRight:g[8]},children:[t.jsx(hd,{children:Ct.map(R=>t.jsx(Ot,{width:R.loaderWidth,height:18},R.key))}),t.jsxs(md,{children:[...Array(3).fill(0).map((R,A)=>t.jsx(pd,{children:Ct.map(O=>t.jsx(Ot,{width:O.loaderWidth,height:g[4]},O.key))},`${A}_${R}`))]})]}):t.jsx(ni,{children:e.selectedTab==="reconcile"?t.jsx(yc,{selectedAccountId:d,currentFooterFormId:c,setCurrentFooterFormId:i,onUpdateReconcileTabLocalData:p,onReconTabColumnSortConfigChanged:l,onSaveReconciliation:u,sortConfig:{sortKey:v,sortOrder:w},localData:e.reconciliationTabsState.reconcile.localData,matchedTransactions:f?.accountReconEntity.transactionsToReconcile}):t.jsx(Pc,{localData:e.reconciliationTabsState.review.localData,reviewTabSelectedVendorByTransactionId:e.reviewTabSelectedVendorByTransactionId,refreshStatus:e.accountReconciliationsByAccountID[d]?.refreshStatus??{fetchState:"Not-Started",error:null},accountReconEntity:e.accountReconciliationsByAccountID[d].accountReconEntity,accountListNestedAccountHierarchy:e.accountListNestedAccountHierarchy,classListNestedAccountHierarchy:e.classListNestedAccountHierarchy,allAccountList:e.allAccountList,classList:e.allClassList,bankAccounts:e.bankAccounts,creditCards:e.creditCards,entitySearchAutoCompleteData:n,updateLocalData:r,entitySearchAutoCompleteActions:h,onColumnSortConfigChanged:m,onSaveReconciliation:u,onSaveReconciliationReview:x,onReconMatchedTransactionClick:y,excludeFetchById:e.actionFetchStates.excludeFetchById,saveFetchById:e.actionFetchStates.saveReconciliationReviewFetch,selectedAccountId:d,sortKey:e.reconciliationTabsState.review.uiState.sortKey,sortOrder:e.reconciliationTabsState.review.uiState.sortOrder})})},ni=a.div`
|
|
725
|
-
width: 100%;
|
|
726
|
-
height: 100%;
|
|
727
|
-
`,hd=a.div`
|
|
728
|
-
display: flex;
|
|
729
|
-
justify-content: space-between;
|
|
730
|
-
padding: ${o.sp3} ${o.sp4};
|
|
731
|
-
column-gap: ${o.sp6};
|
|
732
|
-
`,pd=a.div`
|
|
733
|
-
display: flex;
|
|
734
|
-
justify-content: space-between;
|
|
735
|
-
padding: ${o.sp3} ${o.sp4};
|
|
736
|
-
background-color: ${e=>e.theme.colors.grey5};
|
|
737
|
-
border-radius: ${o.sp2};
|
|
738
|
-
border: ${e=>`1px solid ${e.theme.colors.grey3}`};
|
|
739
|
-
box-shadow: ${e=>e.theme.colors.elevation1};
|
|
740
|
-
column-gap: ${o.sp6};
|
|
741
|
-
`,md=a.div`
|
|
742
|
-
display: flex;
|
|
743
|
-
gap: ${o.sp3};
|
|
744
|
-
flex-direction: column;
|
|
745
|
-
`;function gd({title:e,config:n,nodeId:d}){return{children:[],id:d??mt("loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"loading_in_progress",title:"",data:[],numOfBalances:0},config:n}}}function xd({account:e,numOfBalances:n,title:d,isLastNode:c,config:h}){const p=mt("ac_group_report",[],d);return{children:[],id:p,isLastNode:c,reportElementData:{element:{kind:"ac_group_report",title:d,data:e,numOfBalances:n},config:h}}}function fd({title:e,section:n,config:d,numOfBalances:c,nodeId:h}){return{children:[],id:h??mt("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:c},config:d}}}function oi({section:e,allAccountReconciliations:n,title:d,subTitle:c,isLastNode:h,isTitleRowRequired:p,config:i}){const l=mt("section",[],d),r={children:[],id:l,isLastNode:h,reportElementData:{element:{kind:"section",title:d,data:e,numOfBalances:0},config:i}};if(p){const u=mt("title_string_only",[],d),x={children:[],id:u,isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:d,data:e,numOfBalances:0},config:i}};r.children.push(x)}const m=fd({title:c,section:e,config:i,numOfBalances:0});return r.children.push(m),e.accountIDs.forEach((u,x)=>{const y=n[u],C=xd({account:y,numOfBalances:0,title:y.accountReconEntity.account.accountName,isLastNode:x===e.accountIDs.length-1,config:i});r.children.push(C)}),r}function Ds({config:e,accountReconForSection:n,nodeId:d}){return{children:[],id:d??mt("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:"timeframe_headers",title:"",data:n,numOfBalances:0},config:e}}}const yd=(e,n,d,c,h=!0)=>{const p=Ds({config:n,accountReconForSection:e.accountReconciliationBySectionID.assets}),i=[];i.push(p);const l=Array.isArray(d[c])?d[c]:[],{expenseAutomation:{accountRecon:{reconciliation:r}},common:{loading:m}}=je.getLocalizedStrings(),u=e.fetchStatus.fetchState==="Not-Started"||e.fetchStatus.fetchState==="In-Progress",x=y=>y.filter(C=>!l.includes(C));if(u)[...Array(3)].forEach((y,C)=>{i.push(gd({title:`${C}+${m}`,config:n}))});else{const y=x(e.accountReconciliationBySectionID.assets.accountIDs),C=oi({section:{...e.accountReconciliationBySectionID.assets,accountIDs:y},allAccountReconciliations:e.accountReconciliationsByAccountID,title:r.headers.section.assets.title,subTitle:r.headers.section.assets.subTitle,isLastNode:!1,isTitleRowRequired:!1,config:n});if(i.push(C),e.accountReconciliationBySectionID.liabilities.accountIDs.length>0){const v=x(e.accountReconciliationBySectionID.liabilities.accountIDs),w=oi({section:{...e.accountReconciliationBySectionID.liabilities,accountIDs:v},allAccountReconciliations:e.accountReconciliationsByAccountID,title:r.headers.section.liabilities.title,subTitle:r.headers.section.liabilities.subTitle,isLastNode:!1,isTitleRowRequired:!0,config:n});i.push(w)}}return{config:n,headerNodes:h?[p]:[],contentNodes:i}};function Cd(e,n,d,c=!1){Object.assign(e.config,d);const h=Ds({config:d,accountReconForSection:n.accountReconciliationBySectionID.assets});return{config:d,headerNodes:c?[h]:[],contentNodes:[h,...e.contentNodes.slice(1)]}}const po={wrapperPadding:new Q(g[2],g[2],g[2],g[8]),contentPaddingLeft:new Q(g[2],g[2],g[2],g[2]),contentPaddingRight:new Q(g[2],g[2],g[2],g[2])},wd=a.div`
|
|
746
|
-
display: flex;
|
|
747
|
-
height: 100%;
|
|
748
|
-
width: 100%;
|
|
749
|
-
justify-content: center;
|
|
750
|
-
align-items: center;
|
|
751
|
-
`,bd=a.div`
|
|
752
|
-
display: flex;
|
|
753
|
-
height: 100%;
|
|
754
|
-
min-height: 100%;
|
|
755
|
-
flex: 1 1 auto;
|
|
756
|
-
width: 100%;
|
|
757
|
-
justify-content: center;
|
|
758
|
-
padding-left: ${e=>po.wrapperPadding.valuePx(e.windowSize)};
|
|
759
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
760
|
-
`,vd=a.div`
|
|
761
|
-
width: 100%;
|
|
762
|
-
height: 100%;
|
|
763
|
-
`,{common:Sd}=je.getLocalizedStrings();function jd({reconciliation:e,companyId:n,onScroll:d,onReload:c,onReviewClicked:h,setOpenDrawerClicked:p,onFetchLinkTokenClick:i,onEstablishConnectionClick:l,onAddStatementClick:r}){const[m,u]=s.useState(void 0),[x,y]=s.useState(void 0),C=e.plaidConnectionDetails.link_account_no_microdeposit,v=e.plaidConnectionDetails.update_account,w=x==="update_account"?v:C,[I,f]=s.useState(w.linkToken??null),[$,R]=s.useState(!1),{useDynamicConfig:A}=ns(),{configValue:O}=A(os.accountReconGLAccountsConfig),b=s.useCallback(P=>{u(P),y("link_account_no_microdeposit")},[]),j=s.useCallback(P=>{const L=M.current.accountReconciliationsByAccountID[P]?.paymentAccountId;u(P),y("update_account"),i("update_account",L)},[]),E=s.useCallback(P=>{p(P)},[]),T=s.useRef(m),V=s.useRef(x),M=s.useRef(e);s.useEffect(()=>{T.current=m},[m]),s.useEffect(()=>{V.current=x},[x]),s.useEffect(()=>{M.current=e},[e]);const q=s.useCallback(P=>{l(P,T.current??"",V.current),u(void 0),y(void 0),R(!1)},[l]),_=s.useCallback((P,L)=>{P!=null&&console.log("Plaid Connection Error",P,L),u(void 0),y(void 0),R(!1)},[]),{open:N,ready:J}=Ra({token:I,onSuccess:q,onExit:_});s.useEffect(()=>{(W.zeniDate(new Date().toISOString()).isAfter(w.expiration)||w.linkToken==null)&&w.fetchStatus.fetchState==="Not-Started"&&i("link_account_no_microdeposit")},[w.fetchStatus.fetchState]),s.useEffect(()=>{!$&&x!=null&&w.linkToken===I&&w.fetchStatus.fetchState==="Completed"&&J&&R(!0)},[J,I,w.fetchStatus.fetchState,w.linkToken,x,$]),s.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==I&&f(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,I]),s.useEffect(()=>{$&&N()},[$,N]);const[K,F]=s.useState(void 0),[le,fe]=s.useState(void 0),Y=W.zeniDate("2025-03-31"),he=1,ie="account_reconciliation",k=Se(),U=vt(),H=!0;return s.useEffect(()=>{const P={reportId:ie,mode:"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:Y,firstMonthOfFY:he,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,dataAvailable:void 0,accountReconciliationConfig:{selectedDrawerAccountId:e.selectedDrawerAccountId,onReviewClicked:h,onConnectClicked:b,onReconnectClicked:j,onOpenDrawerClicked:E,onStatementAddClicked:r}};if(K==null||!is(le,e)){const L=yd(e,P,O,n,H);fe(e),F(L)}else{const L=Cd(K,e,P,H);F(L)}},[e]),e.fetchStatus.fetchState==="Error"?t.jsx(wd,{children:t.jsx(Da,{onReload:c,message:Sd.errorMessage.somethingWentWrong})}):t.jsx(bd,{windowSize:k,children:K!=null?t.jsx(vd,{windowSize:k,children:t.jsx(ws,{backgroundColor:new Co(U.colors.grey4),rootNodes:K,type:"name+balances_actual",compareMode:"compare_mode_percent",isSticky:{isStickyHeader:H,isStickyName:H},treeNodePadding:{left:po.contentPaddingLeft.value(k),right:po.contentPaddingRight.value(k)},nodeOpenStatus:{},scrollPosition:e.reconListUIState.scrollPosition,onCompareModeChanged:()=>{},onScroll:d})}):null})}function kd({currentFooterFormId:e,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:d,reconciliation:c,companyId:h,onReconTabColumnSortConfigChanged:p,updateReconReviewTabLocalData:i,onUpdateReconcileTabLocalData:l,setCurrentFooterFormId:r,onReloadReconciliationListPage:m,onReviewClicked:u,onFetchLinkTokenClick:x,onEstablishConnectionClick:y,onAddStatementClick:C,onReconReviewTabColumnSortConfigChanged:v,onSaveReconciliation:w,onSaveReconciliationReview:I,setOpenDrawerClicked:f,onReconMatchedTransactionClick:$,onReconListPageScroll:R}){return c.selectedAccountId==null?t.jsx(jd,{companyId:h,onScroll:R,reconciliation:c,onReload:m,onReviewClicked:u,onFetchLinkTokenClick:x,onEstablishConnectionClick:y,setOpenDrawerClicked:f,onAddStatementClick:C}):t.jsx(ud,{currentFooterFormId:e,setCurrentFooterFormId:r,onUpdateReconcileTabLocalData:l,onReconTabColumnSortConfigChanged:p,reconciliation:c,updateReviewTabLocalData:i,entitySearchAutoCompleteActions:d,onReconReviewTabColumnSortConfigChanged:v,entitySearchAutoCompleteData:n,selectedAccountId:c.selectedAccountId,onSaveReconciliation:w,onSaveReconciliationReview:I,onReconMatchedTransactionClick:$})}function Id({accountAndClassReport:e,numOfBalances:n,title:d,isLastNode:c,isFirstNode:h,config:p,parentNodeIDs:i,ancestorMetadata:l}){let r="";return e.accountBase&&e.classBase?r=`${e.accountBase.accountId}_${e.classBase.classId}`:e.accountBase?r=e.accountBase.accountId:e.classBase&&(r=e.classBase.classId),{children:[],id:mt("flux_vendor_account_class_row",i,r),isLastNode:c,isFirstNode:h,reportElementData:{element:{kind:"flux_vendor_account_class_row",title:d,data:e,metadata:l,numOfBalances:n},config:p}}}function $d({vendorView:e,numOfBalances:n,title:d,isLastNode:c,config:h,parentNodeIDs:p}){const i=mt("flux_vendor_row",p,e.vendor.id),l={children:[],id:i,isLastNode:c,reportElementData:{element:{kind:"flux_vendor_row",title:d,data:e,numOfBalances:n},config:h}},r=e.vendorAccountsAndClasses;return l.children=r.map((m,u)=>Id({accountAndClassReport:m,numOfBalances:n,title:m.accountBase?.accountName??"",config:h,isLastNode:u===r.length-1,isFirstNode:u===0,parentNodeIDs:[...p,i],ancestorMetadata:{accountAndClassRowMetadata:{depth:0,hasSibling:r.length>1,hasChildren:!1,isLastNode:u===r.length-1,isFirstNode:u===0,name:m.accountBase?.accountName},isVendorLastChild:c,vendorId:e.vendor.id}})),l}function Td({section:e,numOfBalances:n,title:d,isLastNode:c,config:h}){const p=e.sectionId,i={children:[],id:p,isLastNode:c,reportElementData:{element:{kind:"section",title:d,data:e,numOfBalances:n,sectionType:e.sectionId},config:h}},l=(e.vendors??[]).map((r,m)=>$d({vendorView:r,numOfBalances:n,title:r.vendor.name,isLastNode:m===e.vendors.length-1,config:h,parentNodeIDs:[p]}));return i.children.push(...l),i}function Ld({title:e,balances:n,config:d,nodeId:c}){return{children:[],id:c??mt("headers_loading_in_progress",[],e),isLastNode:!1,reportElementData:{element:{kind:"headers_loading_in_progress",title:"",data:n,numOfBalances:n.length},config:d}}}function Ad({title:e,data:n,isLastNode:d,config:c,numOfBalances:h}){const p=mt("total",[],e);return{children:[],id:p,isLastNode:d,reportElementData:{element:{kind:"total",title:e,data:n,numOfBalances:h},config:c}}}const{common:vn,expenseAutomation:{fluxAnalysis:Ed}}=je.getLocalizedStrings(),Rd=(e,n,d=!0)=>{const c=e.sections.generalExpense.balancesByMonth?Object.keys(e.sections.generalExpense.balancesByMonth).length:e.sections.reimbursement.balancesByMonth?Object.keys(e.sections.reimbursement.balancesByMonth).length:2,h=e.sections.generalExpense.balancesByMonth?nn(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?nn(e.sections.reimbursement.balancesByMonth):[],p=bs({balances:h,config:n}),i=[],l=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken==null,r=e.sections.generalExpense.fetchStatus.fetchState==="In-Progress"&&e.uiState.paginationInfoByGroup.generalExpense.pageToken!=null||e.sections.reimbursement.fetchStatus.fetchState==="In-Progress";if(l===!0)i.push(Ld({title:`${vn.loading}`,balances:h,config:n})),[...Array(10)].forEach((m,u)=>{i.push(zo({title:`${u}+${vn.loading}`,balances:h,config:n}))});else{if(i.push(p),["generalExpense","reimbursement"].forEach(m=>{const u=e.sections[m];if(u.vendors.length>0||u.fetchStatus.fetchState==="Completed"){const x=nn(u.balancesByMonth);i.push(Td({section:{sectionId:m,reportId:"flux_analysis_operating_expense",balances:x,vendors:u.vendors,varianceAmount:u.varianceAmount,variancePercentage:u.variancePercentage,currency:e.currency},numOfBalances:c,title:Dd(m),isLastNode:!1,config:n}))}}),e.totalBalancesAndVariance){const m=e.totalBalancesAndVariance.balancesByMonth?nn(e.totalBalancesAndVariance.balancesByMonth):[],u=Ad({title:vn.texts.total,data:{balances:m,varianceAmount:e.totalBalancesAndVariance.varianceAmount,variancePercentage:e.totalBalancesAndVariance.variancePercentage,currency:e.currency},config:n,isLastNode:!0,numOfBalances:c});i.push(u)}r===!0&&[...Array(1)].forEach((m,u)=>{i.push(zo({title:`${u}+${vn.loading}`,balances:h,config:n}))})}return{config:n,headerNodes:d&&!l?[p]:[],contentNodes:i}},Dd=e=>Ed.sectionTitle[e];function Od(e,n,d,c=!0){Object.assign(e.config,n);const h=Md(d),p=bs({balances:h,config:n});return{config:n,headerNodes:c?[p]:[],contentNodes:[p,...e.contentNodes.slice(1)]}}const Md=e=>e.sections.generalExpense.balancesByMonth?nn(e.sections.generalExpense.balancesByMonth):e.sections.reimbursement.balancesByMonth?nn(e.sections.reimbursement.balancesByMonth):[],mo={contentPaddingLeft:new Q(g[0],g[0],g[0]),contentPaddingRight:new Q(g[3],g[3],g[8]),wrapperPadding:new Q(g[3],g[3],g[8])},Fd=a.div`
|
|
764
|
-
display: flex;
|
|
765
|
-
position: sticky;
|
|
766
|
-
width: 100%;
|
|
767
|
-
justify-content: center;
|
|
768
|
-
padding-top: ${e=>mo.wrapperPadding.valuePx(e.windowSize)};
|
|
769
|
-
padding-left: 20px;
|
|
770
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
771
|
-
`,Pd=a.div`
|
|
772
|
-
width: 100%;
|
|
773
|
-
height: calc(100vh - ${o.sp11});
|
|
774
|
-
`,zd=e=>{const{fluxView:n,handleRedirectToVendorDetailPage:d,updateOperatingExpensesIdsForReview:c,updateSectionIdsForReview:h,onSortOrderChanged:p,updateNodeCollapsableStatus:i,fetchReimbursementView:l,fetchGeneralExpenseView:r}=e,m=Se(),u=vt(),[x,y]=s.useState(null),[C,v]=s.useState(null),[w,I]=s.useState(null),f=W.reduceAllFetchState([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,[$,R]=s.useState(!1),A=Do(f),O=Do(n.refreshStatus.fetchState),b=()=>{n.uiState.collapsableStatus.generalExpense?n.uiState.paginationInfoByGroup.generalExpense.hasMore===!0&&n.sections.generalExpense.fetchStatus.fetchState==="Completed"?r(n.uiState.paginationInfoByGroup.generalExpense.pageToken):n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&l(n.uiState.paginationInfoByGroup.reimbursement.pageToken):n.uiState.collapsableStatus.reimbursement&&n.uiState.paginationInfoByGroup.reimbursement.hasMore===!0&&n.sections.reimbursement.fetchStatus.fetchState==="Completed"&&l(n.uiState.paginationInfoByGroup.reimbursement.pageToken)},j=()=>Object.keys(n.uiState.collapsableStatus).reduce((_,N)=>(_[N]=n.uiState.collapsableStatus[N],_),{}),E=s.useCallback(_=>{const N=!(n.uiState.collapsableStatus[_]??!0);i({...n.uiState.collapsableStatus,[_]:N})},[n.uiState.collapsableStatus,i]),T=s.useCallback((_,N)=>{let J=n.reviewOperatingExpensesIds;const K=[];let F=n.selectedSectionIds;const le=n.sections[_].vendors;K.push(...le.map(Y=>Y.fluxAnalysisEntityId));let fe=Cs-J.length;N?(K.forEach(Y=>{!J.includes(Y)&&fe>0&&(J=[...J,Y],fe--)}),F=[...F,_]):(J=J.filter(Y=>!K.includes(Y)),F=F.filter(Y=>Y!==_)),c(J),h(F)},[n.reviewOperatingExpensesIds,n.selectedSectionIds,n.sections,c,h]),V=s.useCallback(_=>{const N=n.uiState.collapsableStatus[_]===!1;_==="generalExpense"&&!N&&n.sections.reimbursement.fetchStatus.fetchState==="Not-Started"&&l(n.uiState.paginationInfoByGroup.reimbursement.pageToken),E(_)},[n.uiState.collapsableStatus,n.sections.reimbursement.fetchStatus.fetchState,n.uiState.paginationInfoByGroup.reimbursement.pageToken,l,E]),M=n.sections.generalExpense.vendors.length+n.sections.reimbursement.vendors.length,q=_=>_<M;return s.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:R,onSectionRowClick:V,updateNodeCollapsableStatus:E,updateOperatingExpensesIdsForReview:c,handleRedirectToVendorDetailPage:d,onSectionCheckboxClick:T,onSortOrderChanged:p}};if(x==null||!is(C,n)){const N=Rd(n,_,!0);v(n),y(N)}else{const N=Od(x,_,n,!0);y(N)}},[n,C,d,T,V,p,E,c]),t.jsx(Fd,{windowSize:m,children:t.jsx(Pd,{children:x?t.jsx(ws,{backgroundColor:new Co(u.colors.grey4),rootNodes:x,type:"name+balances_actual",isSticky:{isStickyHeader:!0,isStickyName:!0},treeNodePadding:{left:mo.contentPaddingLeft.value(m),right:mo.contentPaddingRight.value(m)},nodeOpenStatus:j(),compareMode:"compare_mode_amount",infiniteLoadingProps:{isItemLoaded:q,itemCount:M,loadMoreItems:b},variableNodeHeightTree:{prevFetchState:A??"Not-Started",fetchState:n.fetchStatus.fetchState,isSortApplied:$,setIsSortApplied:R,reducedFetchState:W.reduceAllFetchState([n.sections.generalExpense.fetchStatus,n.sections.reimbursement.fetchStatus]).fetchState,prevRefreshFetchState:O??"Not-Started",refreshFetchState:n.refreshStatus.fetchState},hoveredParentIdProps:{hoveredParentId:w,setHoveredParentId:I}}):null})})},Bd="expenseAutomationFluxPage",{reports:{common:_d}}=je.getLocalizedStrings(),Nd=({selectedPeriod:e,fluxAnalysis:n,onFetchFluxViewList:d,markAsReview:c,onReloadPage:h,setCurrentFooterFormId:p,updateOperatingExpensesIdsForReview:i,updateSectionIdsForReview:l,onUpdateFluxAnalysisUIState:r,redirectToVendorDetailPage:m,fetchFluxViewOnScroll:u,onFetchReimbursementView:x})=>{const{fetchStatus:y,reviewOperatingExpensesIds:C,uiState:v}=n,w=s.useRef(null),I=s.useRef(!1),f=Wt({mode:"all",reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0},defaultValues:Vd(C)}),$=Se();s.useEffect(()=>()=>{p("expenseAutomationPage")},[p]),s.useEffect(()=>{I.current&&w?.current?.scrollLeft!=null&&v.scrollPosition?.scrollLeft!==w.current.scrollLeft&&v.scrollPosition!=null&&r({scrollPosition:{scrollTop:v.scrollPosition?.scrollTop,scrollLeft:w.current.scrollLeft}})},[v.scrollPosition?.scrollLeft,w.current?.scrollLeft,v.scrollPosition,r]),s.useEffect(()=>{p(C.length>0?"expenseAutomationFluxPage":"expenseAutomationPage")},[C,p]);const R=j=>{m(j)},A=j=>{u(e,j)},O=(j,E)=>{r({sortOrder:j,sortKey:E}),d(),x(e,null,!1)},b=()=>{const j=Os(n.sections,C);c(C,j===!0?"review":"unreview",e,!0)};if(y.fetchState==="Error")return t.jsxs(Ud,{children:[t.jsx(Wd,{onClick:h,children:t.jsx(fo,{})}),t.jsx(qd,{children:_d.failed})]});{const j=T=>{r({collapsableStatus:T})},E=T=>{x(e,T,!0)};return t.jsx(qt,{...f,children:t.jsx("form",{id:la(Bd),onSubmit:f.handleSubmit(b),style:{height:"100%",width:"100%"},children:t.jsx(Hd,{windowSize:$,children:t.jsx(zd,{fluxView:n,handleRedirectToVendorDetailPage:R,onSortOrderChanged:O,updateOperatingExpensesIdsForReview:i,updateNodeCollapsableStatus:j,fetchReimbursementView:E,updateSectionIdsForReview:l,fetchGeneralExpenseView:A,reportId:"flux_analysis_operating_expense"})})})})}},Os=(e,n)=>{const d=[...e.generalExpense.vendors,...e.reimbursement.vendors].filter(h=>h.status==="Pending Review");let c;return d.forEach(h=>{n.includes(h.fluxAnalysisEntityId)&&(c=!0)}),c},Vd=e=>({fluxAnalysisRowIds:e}),Hd=a.div`
|
|
775
|
-
display: flex;
|
|
776
|
-
flex: 1 1 auto;
|
|
777
|
-
min-height: 100%;
|
|
778
|
-
flex-direction: column;
|
|
779
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
780
|
-
padding: ${o.sp0};
|
|
781
|
-
gap: 2px;
|
|
782
|
-
height: 100%;
|
|
783
|
-
.flux-vendor-name-sticky,
|
|
784
|
-
.flux-vendor-header-sticky,
|
|
785
|
-
.flux-section-name-container,
|
|
786
|
-
.flux-class-and-account-value-container,
|
|
787
|
-
.flux-vendor-name-container,
|
|
788
|
-
.flux-total-row {
|
|
789
|
-
border-right: 1px solid transparent;
|
|
790
|
-
}
|
|
791
|
-
&:hover {
|
|
792
|
-
.flux-vendor-name-sticky,
|
|
793
|
-
.flux-vendor-header-sticky,
|
|
794
|
-
.flux-section-name-container,
|
|
795
|
-
.flux-class-and-account-value-container,
|
|
796
|
-
.flux-vendor-name-container,
|
|
797
|
-
.flux-total-row {
|
|
798
|
-
border-right: ${e=>` 1px solid ${e.theme.colors.grey3}`};
|
|
799
|
-
}
|
|
800
|
-
}
|
|
801
|
-
`,Ud=a.div`
|
|
802
|
-
display: flex;
|
|
803
|
-
width: 100%;
|
|
804
|
-
height: 100vh;
|
|
805
|
-
flex-direction: column;
|
|
806
|
-
justify-content: center;
|
|
807
|
-
align-items: center;
|
|
808
|
-
`,Wd=a.div`
|
|
809
|
-
height: 96px;
|
|
810
|
-
width: 96px;
|
|
811
|
-
background: ${e=>e.theme.colors.background};
|
|
812
|
-
border-radius: 50%;
|
|
813
|
-
cursor: pointer;
|
|
814
|
-
& svg {
|
|
815
|
-
margin: ${o.sp5};
|
|
816
|
-
color: ${e=>e.theme.colors.grey1};
|
|
817
|
-
}
|
|
818
|
-
&:hover {
|
|
819
|
-
& svg {
|
|
820
|
-
color: ${e=>e.theme.colors.primary};
|
|
821
|
-
}
|
|
822
|
-
}
|
|
823
|
-
`,qd=a(St)`
|
|
824
|
-
margin-top: ${o.sp3};
|
|
825
|
-
color: ${e=>e.theme.colors.hero};
|
|
826
|
-
`,Jd="expenseAutomationJEAccountSettingsPage",Ms="vendorsAccountSection",Kd=e=>`${e}_form`;function Zd({accountSettings:e,currentFooterFormId:n,onSaveJeAccountSettingsClick:d,setIsJeAccountSettingsOpened:c,onJeAccountSettingsChange:h,setResetJeAccountSettingsForm:p,setCurrentFooterFormId:i}){const l=e.prepaidExpensesRecommendations,r=e.fixedAssetsRecommendations,m=e.accruedExpensesRecommendations,u=s.useMemo(()=>Dt(e.prepaidExpensesAccountHierarchy,l,"Accounts"),[e.prepaidExpensesAccountHierarchy,l]),x=s.useMemo(()=>Dt(e.fixedAssetsAccountHierarchy,r,"Accounts"),[e.fixedAssetsAccountHierarchy,r]),y=s.useMemo(()=>Dt(e.accruedExpensesAccountHierarchy,m,"Accounts"),[e.accruedExpensesAccountHierarchy,m]),C=s.useMemo(()=>Gd(e,u,x,y),[e,u,x,y]),v=Wt({mode:"all",reValidateMode:"onBlur",defaultValues:C,values:C,resetOptions:{keepDefaultValues:!0}}),w=v.handleSubmit(f=>{d(f)}),I=async f=>{h(f)};return s.useEffect(()=>{const f=v.watch($=>{$!=null&&pn(()=>I($))});return()=>{f.unsubscribe()}}),s.useEffect(()=>(p(()=>v.reset),c(!0),()=>{i("expenseAutomationPage"),c(!1)}),[]),s.useEffect(()=>{const{selectedPrepaidExpensesAccountIds:f,previousPrepaidExpensesAccount:$,selectedFixedAssetsAccountIds:R,previousFixedAssetsAccount:A,selectedAccruedExpensesAccountIds:O,previousAccruedExpensesAccount:b}=e.accountSettingsLocalData,j=Pn(f,$)||Pn(R,A)||Pn(O,b);j===!0&&n!="expenseAutomationJEAccountSettingsPage"?i("expenseAutomationJEAccountSettingsPage"):j===!1&&n!=="expenseAutomationPage"&&i("expenseAutomationPage")},[e,n,i]),t.jsx(Yd,{children:t.jsx(qt,{...v,children:t.jsx("form",{id:Kd(Jd),onSubmit:w,children:t.jsx(lr,{showTitle:!1,sectionId:Ms,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 Yd=a.div`
|
|
827
|
-
padding-top: ${o.sp3};
|
|
828
|
-
display: flex;
|
|
829
|
-
align-items: center;
|
|
830
|
-
min-height: 100%;
|
|
831
|
-
flex-direction: column;
|
|
832
|
-
width: 100%;
|
|
833
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
834
|
-
`,Gd=(e,n,d,c)=>{const h=e.prepaidExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedPrepaidExpensesAccountIds.includes(u.accountId)),p=e.fixedAssetsAccountList.filter(u=>e.accountSettingsLocalData.selectedFixedAssetsAccountIds.includes(u.accountId)),i=e.accruedExpensesAccountList.filter(u=>e.accountSettingsLocalData.selectedAccruedExpensesAccountIds.includes(u.accountId)),l=h.map(u=>u.qboId).filter(u=>u!=null),r=p.map(u=>u.qboId).filter(u=>u!=null),m=i.map(u=>u.qboId).filter(u=>u!=null);return{[Ms]:{prepaidExpensesAccount:{selectedOptions:l,allOptions:n},fixedAssetsAccount:{selectedOptions:r,allOptions:d},accruedExpensesAccount:{selectedOptions:m,allOptions:c}}}},{expenseAutomation:{jeSchedules:Tt},common:{currency:Sn,review:Xd,ignore:Qd,strings:{hyphen:ft},texts:jn},dateFormat:eu,timeframe:{month:ii}}=je.getLocalizedStrings(),tu=({draft:e,ignoreStatus:n,ignoreRecommendedJeSchedule:d,jeScheduleClickHandler:c,onReviewClickHandler:h})=>t.jsxs(To,{onClick:p=>{e.jeScheduleType!=null&&e.jeScheduleId!=null&&c(p,e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":z("je-schedule-draft-component",e.jeScheduleId),children:[t.jsxs($o,{children:[t.jsxs(Ao,{children:[t.jsxs(ko,{children:[t.jsxs(G,{style:{width:pe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ne,{children:jn.vendor}),t.jsxs(se,{style:{gap:g[2]},children:[e.vendor.logo!=null?t.jsx(cs,{photoUrl:e.vendor.logo.href,styles:{width:g[4],height:g[4]}}):t.jsx(dn,{name:e.vendor.name}),t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.vendor.name!=null?t.jsx(We,{children:e.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:e.vendor.name??ft})})]})]}),t.jsxs(G,{children:[t.jsx(ne,{children:Tt.scheduleHeaders.scheduleCategory}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.baseTransaction.account.accountName!=null?t.jsx(We,{children:e.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:e.baseTransaction.account.accountName??ft})})})]}),t.jsxs(G,{style:{width:pe.COLUMN_THREE},children:[t.jsx(ne,{children:Tt.scheduleHeaders.startMonth}),t.jsx(se,{children:t.jsx(ue,{className:"highlight",children:e.startDate?.format(eu.visual.MMMCommaYYYYFormat)??ft})})]}),t.jsxs(G,{style:{width:pe.COLUMN_FOUR,paddingLeft:g[3]},children:[t.jsx(ne,{children:Tt.scheduleHeaders.period}),t.jsx(se,{children:t.jsx(ue,{className:"highlight",children:e.period!=null?`${e.period} ${e.period===1?ii.slice(0,-1):ii}`:ft})})]}),t.jsxs(G,{style:{alignItems:"flex-end",width:pe.COLUMN_FIVE},children:[t.jsx(ne,{children:jn.totalAmount}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(We,{children:qe("0,0.[00]",W.toAmount(e.baseTransaction.amount.amount,Sn.currencyCode,Sn.currencySymbol))??ft}),children:t.jsx(ue,{className:"highlight",children:qe("0,0.[00]",W.toAmount(e.baseTransaction.amount.amount,Sn.currencyCode,Sn.currencySymbol))??ft})})})]})]}),t.jsxs(Io,{children:[t.jsxs(G,{style:{width:pe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ne,{children:jn.category}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.account?.accountName!=null?t.jsx(We,{children:e.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:e.jeDebit.account?.accountName??ft})})})]}),t.jsxs(G,{children:[t.jsx(ne,{children:jn.classText}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:e.jeDebit.accountingClass?.className!=null?t.jsx(We,{children:e.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:e.jeDebit.accountingClass?.className??ft})})})]}),t.jsxs(G,{style:{width:pe.COLUMN_THREE},children:[t.jsx(ne,{children:Tt.scheduleHeaders.type}),t.jsx(se,{children:t.jsx(ue,{className:"highlight",style:{width:"unset"},children:t.jsx(Is,{children:Tt.scheduleTypes[e.jeScheduleType??"prepaid_expenses"]})})})]}),e.jeScheduleType==="fixed_assets"?t.jsxs(G,{style:{width:pe.COLUMN_FOUR,paddingLeft:g[3]},children:[t.jsx(ne,{children:Tt.scheduleHeaders.accumulatedCategory}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",title:e.jeCredit.account?.accountName!=null?t.jsx(We,{children:e.jeCredit.account?.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:e.jeCredit.account?.accountName??ft})})})]}):null,e.jeScheduleType!=="fixed_assets"?t.jsx(G,{style:{width:pe.COLUMN_FOUR}}):null,t.jsx(G,{style:{width:pe.COLUMN_FIVE}})]})]}),t.jsxs(Lo,{children:[t.jsx(un,{onClick:()=>{e.jeScheduleId!=null&&e.jeScheduleType!=null&&h(e.jeScheduleId,e.jeScheduleTransactionKey,e.jeScheduleType)},"data-testid":z("je-schedule-draft-component-review-button",e.jeScheduleId),label:Xd,variant:"primary",size:"small",className:"item-value-container",style:{minWidth:ho}}),t.jsx(un,{"data-testid":z("je-schedule-draft-component-ignore-button",e.jeScheduleId),className:"item-value-container",label:Qd,size:"small",reverseSpinnerColor:!1,loading:n?.fetchState==="In-Progress",onClick:()=>{e.jeScheduleType!=null&&d(e.jeScheduleTransactionKey,e.jeScheduleType)},style:{minWidth:ho}})]})]}),t.jsxs(kc,{children:[t.jsx(nu,{}),t.jsx(ou,{children:Tt.aiAccountant}),t.jsx(iu,{children:Tt.zeniGPTText})]})]}),nu=a(hn)`
|
|
835
|
-
height: ${o.sp3};
|
|
836
|
-
width: ${o.sp3};
|
|
837
|
-
margin-right: ${o.sp1};
|
|
838
|
-
path {
|
|
839
|
-
stroke-width: 2;
|
|
840
|
-
}
|
|
841
|
-
`,ou=a(ss)`
|
|
842
|
-
color: ${e=>e.theme.colors.brandColorSapphire};
|
|
843
|
-
`,iu=a(Fe)`
|
|
844
|
-
color: ${e=>e.theme.colors.primary};
|
|
845
|
-
`,{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:{addVendor:si}}},expenseAutomation:{jeSchedules:ze},common:{currency:dt,retry:su,strings:{hyphen:Ue,empty:ai},texts:Xt},dateFormat:ri}=je.getLocalizedStrings(),{common:au,timeframe:{month:li}}=je.getLocalizedStrings(),tt="jeSchedulePage",ci=e=>`${e}_form`,Eo=(e,n)=>`${e}.${n}`,di=Eo(tt,"vendor"),ui=Eo(tt,"scheduleExpenseCategory"),hi=Eo(tt,"accumulatedDepreciationCategory"),ru=({allAccountGroupedOptions:e,allAccountList:n,allClassGroupedOptions:d,allClassList:c,allDepAccountGroupedOptions:h,allDepAccountList:p,draft:i,localData:l,postStatus:r,uncategorizedAccounts:m,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:x,jeScheduleClickHandler:y,onFormDataChange:C,onPostJESchedule:v})=>{const{updatedAccumulatedDepreciationCategoryID:w,updatedCategoryId:I,updatedVendor:f}=l,$={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"},R=s.useRef(),A=Wt({mode:"all",reValidateMode:"onChange",defaultValues:pi(l,e,d,h,n,c,p,x.entityAutoCompleteView),values:pi(l,e,d,h,n,c,p,x.entityAutoCompleteView)}),O={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:300})},b={valueContainer:()=>({justifyContent:"flex-start",paddingLeft:0}),control:()=>({height:o.sp4}),menu:()=>({width:350})},j=(i?.scheduledJournalEntry.error??[]).every(L=>{const B=$[L];return!(l!=null&&B&&(B==="updatedAccumulatedDepreciationCategoryID"&&l.updatedAccumulatedDepreciationCategoryID==null||B==="updatedCategoryId"&&l.updatedCategoryId==null||B==="updatedVendor"&&(l.updatedVendor?.id==null||l.updatedVendor?.id===""||l.updatedVendor?.name==null||l.updatedVendor?.name==="")))}),E=async(L,B)=>{if(L!=null){const ee=B[tt],{scheduledJournalEntryID:ge,vendor:D}=ee;if(L.includes("vendor")){const ce=D?.defaultOptions.map(X=>X.value);if(D?.selectedOption!=null&&ce?.includes(D.selectedOption)!==!0){const X=x.entityAutoCompleteView.vendor.find(te=>te.id===D.selectedOption);X!=null&&A.setValue(`${tt}.vendor.defaultOptions`,[{label:X.name??au.strings.empty,value:X.id}])}else D?.selectedOption==null&&D?.defaultOptions.length!==0&&A.setValue(`${tt}.vendor`,{selectedOption:void 0,defaultOptions:[]})}C(ge,{...ee,vendor:D})}};s.useEffect(()=>{const L=A.watch((B,{name:ee})=>{ee!=null&&B!=null&&pn(()=>E(ee,B))});return()=>{L.unsubscribe()}}),s.useEffect(()=>{x.entityAutoCompleteView.fetchState==="Completed"&&R.current?.(ds(x.entityAutoCompleteView))},[x.entityAutoCompleteView.fetchState]);const T=A.handleSubmit(()=>{v(i.scheduledJournalEntry.scheduledJournalEntryID,i.jeScheduleTransactionKey)}),V=L=>n.filter(B=>B.qboId===L)[0]?.qboId,M=L=>p.filter(B=>B.qboId===L)[0]?.qboId,q=L=>[m.expense?.qboId,m.income?.qboId].includes(L),_=A.watch("jeSchedulePage.vendor"),N=(L,B)=>{u.onAutoCompleteInputChange?.(L,"vendor"),R.current=B},J=i.scheduledJournalEntry.error?.includes("vendor_deleted")===!0,K=i.scheduledJournalEntry.error?.includes("debit_category_deleted")===!0,F=i.scheduledJournalEntry.error?.includes("credit_category_deleted")===!0,le=i.vendor.name.split("(deleted)")[0]?.toString(),fe=i.jeDebit.account?.accountName.split("(deleted)")?.[0]?.toString()??ai,Y=i.jeCredit.account?.accountName.split("(deleted)")[0]?.toString()??ai,[he,ie]=s.useState(K===!0&&I==null),[k,U]=s.useState(F===!0&&w==null),[H,P]=s.useState(J&&(f?.id==null||f?.id==""));return s.useEffect(()=>{he===!1&&l.updatedCategoryId==null&&A.setFocus(ui),k===!1&&l.updatedAccumulatedDepreciationCategoryID==null&&A.setFocus(hi),H===!1&&l.updatedVendor?.id==null&&A.setFocus(di)},[he,k,H,l,A]),t.jsx(qt,{...A,children:t.jsx("form",{style:{width:"100%"},id:ci(`${tt}_${i.jeScheduleId}`),onSubmit:T,children:t.jsx(To,{showBorder:j,onClick:L=>{i.jeScheduleType!=null&&i.jeScheduleId!=null&&y(L,i.jeScheduleId,i.jeScheduleTransactionKey,i.jeScheduleType)},"data-testid":z("je-schedule-resolve-component-schedule",`${tt}_${i.jeScheduleId}`),children:t.jsxs($o,{children:[t.jsxs(Ao,{children:[t.jsxs(ko,{children:[J===!0?t.jsx(G,{style:{width:pe.COLUMN_ONE,padding:g[0],justifyContent:"center"},showHoverEffect:J,forceHoverEffect:H===!1&&(l?.updatedVendor?.id==null||l?.updatedVendor?.id==""),children:t.jsxs(ut,{className:"hover-background",style:{padding:`${o.sp2} ${o.sp3}`},children:[t.jsxs(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:[Xt.vendor,t.jsx(we,{display:"flex",placement:"top-start",title:t.jsx(Tn,{children:ze.tooltipText.missingVendor.replace("_deleted_vendor_",le)}),children:t.jsx(Un,{})})]}),t.jsx(se,{style:{gap:g[3],marginLeft:-2},className:"item-value-container",children:t.jsx(t.Fragment,{children:H===!0?t.jsxs(ue,{onClick:L=>{L.stopPropagation(),P(!1)},"data-testid":z("je-schedule-resolve-component-add-vendor-button",`${tt}_${i.jeScheduleId}`),style:{display:"inline-flex",alignItems:"center",gap:g[2],color:Qe.brandColorGoldDark,cursor:"pointer"},children:[t.jsx(Hn,{}),si]}):t.jsx(uo,{name:di,placeholder:si,valueToId:L=>L,defaultValue:{selectedOption:_?.selectedOption,defaultOptions:_?.defaultOptions??[]},style:{width:"100%"},customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"}),control:()=>({height:o.sp4})},registerOptions:{required:!0,validate:L=>!!L.selectedOption},loadOptions:N})})})]})}):t.jsxs(G,{style:{width:pe.COLUMN_ONE,padding:`${o.sp2} ${o.sp0} ${o.sp2} ${o.sp3}`},children:[t.jsx(ne,{children:Xt.vendor}),t.jsx(se,{children:t.jsxs(t.Fragment,{children:[i.vendor.logo?.href!=null?t.jsx(cs,{photoUrl:i.vendor.logo.href,styles:{width:g[4],height:g[4]}}):t.jsx(dn,{name:i.vendor.name}),t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.vendor.name!==null?t.jsx(We,{children:i.vendor.name}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:i.vendor.name??Ue})})]})})]}),t.jsxs(G,{children:[t.jsx(ne,{children:ze.scheduleHeaders.scheduleCategory}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.baseTransaction.account.accountName!=null?t.jsx(We,{children:i.baseTransaction.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:i.baseTransaction.account.accountName??Ue})})})]}),t.jsxs(G,{style:{width:pe.COLUMN_THREE},children:[t.jsx(ne,{children:ze.scheduleHeaders.startMonth}),t.jsx(se,{children:t.jsx(ue,{className:"highlight",children:i.startDate?.format(ri.visual.MMMCommaYYYYFormat)??Ue})})]}),t.jsxs(G,{style:{width:pe.COLUMN_FOUR,paddingLeft:g[3]},children:[t.jsx(ne,{children:ze.scheduleHeaders.period}),t.jsx(se,{children:t.jsx(ue,{className:"highlight",children:i.period!=null?`${i.period} ${i.period===1?li.slice(0,-1):li}`:Ue})})]}),t.jsxs(G,{style:{alignItems:"flex-end",width:pe.COLUMN_FIVE},children:[t.jsx(ne,{children:Xt.totalAmount}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",title:t.jsx(We,{children:qe("0,0.[00]",W.toAmount(i.baseTransaction.amount.amount,dt.currencyCode,dt.currencySymbol))??Ue}),children:t.jsx(ue,{className:"highlight",children:qe("0,0.[00]",W.toAmount(i.baseTransaction.amount.amount,dt.currencyCode,dt.currencySymbol))??Ue})})})]})]}),t.jsxs(Io,{children:[K===!0?t.jsx(G,{showHoverEffect:K===!0,forceHoverEffect:l?.updatedCategoryId==null&&he===!1,style:{padding:"unset",justifyContent:"center",width:pe.COLUMN_ONE},children:t.jsxs(ut,{className:"hover-background",children:[t.jsxs(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:[Xt.category,K===!0?t.jsx(we,{display:"flex",placement:"top-start",title:t.jsx(Tn,{children:ze.tooltipText.missingCategory.replace("_deleted_category_",fe)}),children:t.jsx(Un,{})}):null]}),t.jsx(se,{className:"item-value-container",style:{marginLeft:K===!0?-2:0},children:K===!0?t.jsx(t.Fragment,{children:he===!0?t.jsxs(ue,{onClick:L=>{L.stopPropagation(),ie(!1)},style:{display:"inline-flex",alignItems:"center",gap:g[1],color:Qe.brandColorGoldDark,cursor:"pointer"},"data-testid":z("je-schedule-resolve-component-add-category-button",`${tt}_${i.jeScheduleId}`),children:[t.jsx(Hn,{}),ze.addCategory]}):t.jsx(tn,{shouldShowChevronIcon:!1,name:ui,placeholder:ze.addCategory,valueToId:L=>V(L),defaultValue:{allOptions:e},registerOptions:{required:!0,validate:L=>!!L.selectedOption},disableCurrentOption:q,customStyleConfig:O})}):t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.jeDebit.account?.accountName!=null?t.jsx(We,{children:i.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:i.jeDebit.account?.accountName??Ue})})})]})}):t.jsxs(G,{style:{width:pe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:Xt.category}),t.jsx(se,{className:"item-value-container",children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.jeDebit.account?.accountName!=null?t.jsx(We,{children:i.jeDebit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:i.jeDebit.account?.accountName??Ue})})})]}),t.jsxs(G,{children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:Xt.classText}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:i.jeDebit.accountingClass?.className!=null?t.jsx(We,{children:i.jeDebit.accountingClass.className}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:i.jeDebit.accountingClass?.className??Ue})})})]}),t.jsxs(G,{style:{width:pe.COLUMN_THREE},children:[t.jsx(ne,{children:ze.scheduleHeaders.type}),t.jsx(se,{className:"test",children:t.jsx(ue,{className:"highlight",style:{width:"unset"},children:t.jsx(Is,{children:ze.scheduleTypes[i.jeScheduleType??"prepaid_expenses"]})})})]}),i.jeScheduleType==="fixed_assets"?t.jsx(t.Fragment,{children:F===!0?t.jsx(G,{style:{width:pe.COLUMN_FOUR,padding:"unset",justifyContent:"center"},showHoverEffect:F,forceHoverEffect:l.updatedAccumulatedDepreciationCategoryID==null&&k===!1,children:t.jsxs(ut,{className:"hover-background",style:{padding:g[2],paddingLeft:g[3]},children:[t.jsxs(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:[ze.scheduleHeaders.accumulatedCategory,F===!0?t.jsx(we,{display:"flex",placement:"top-end",title:t.jsx(Tn,{children:ze.tooltipText.missingDepCategory.replace("_deleted_dep_category_",Y)}),children:t.jsx(Un,{})}):null]}),t.jsx(se,{className:"item-value-container",style:{marginLeft:F===!0?-2:0},children:F===!0?t.jsx(t.Fragment,{children:k===!0?t.jsxs(ue,{onClick:L=>{L.stopPropagation(),U(!1)},style:{display:"inline-flex",alignItems:"center",gap:g[1],color:Qe.brandColorGoldDark,cursor:"pointer"},"data-testid":z("je-schedule-resolve-component-add-depreciation-category-button",`${tt}_${i.jeScheduleId}`),children:[t.jsx(Hn,{}),ze.addDepCategory]}):t.jsx(tn,{shouldShowChevronIcon:!1,showDownChevronWithValue:!1,name:hi,placeholder:ze.addDepCategory,valueToId:L=>M(L),defaultValue:{allOptions:h},registerOptions:{required:!0,validate:L=>!!L.selectedOption},customStyleConfig:b,disableCurrentOption:q})}):t.jsx(we,{display:"block",placement:"bottom",title:i.jeCredit.account?.accountName!=null?t.jsx(We,{children:i.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:i.jeCredit.account?.accountName??Ue})})})]})}):t.jsxs(G,{style:{width:pe.COLUMN_FOUR,padding:`${o.sp2} ${o.sp2} ${o.sp2} ${o.sp3}`,justifyContent:"center"},children:[t.jsx(ne,{style:{display:"flex",alignItems:"center",gap:g[1]},children:ze.scheduleHeaders.accumulatedCategory}),t.jsx(we,{display:"block",placement:"bottom",title:i.jeCredit.account?.accountName!=null?t.jsx(We,{children:i.jeCredit.account.accountName}):t.jsx(t.Fragment,{}),children:t.jsx(ue,{className:"highlight",children:i.jeCredit.account?.accountName??Ue})})]})}):null,i.jeScheduleType!=="fixed_assets"?t.jsx(G,{style:{width:pe.COLUMN_FOUR}}):null,t.jsx(G,{style:{width:pe.COLUMN_FIVE}})]}),t.jsxs(Sc,{children:[t.jsx(G,{style:{padding:"unset",width:pe.COLUMN_ONE},children:t.jsxs(jc,{children:[t.jsx(ne,{children:ze.scheduleHeaders.jePostingDate}),t.jsx(se,{children:t.jsx(ue,{className:"highlight",children:i.scheduledJournalEntry.expectedPostDate.format(ri.visual.MMMDCommaYYFormat)??Ue})})]})}),t.jsxs(G,{children:[t.jsx(ne,{children:ze.scheduleHeaders.balance}),t.jsx(se,{children:t.jsx(we,{display:"block",placement:"bottom",style:{width:"100%"},title:t.jsx(We,{children:qe("0,0.[00]",W.toAmount(i?.scheduledJournalEntry?.runningBalance?.amount??0,dt.currencyCode,dt.currencySymbol))??Ue}),children:t.jsx(ue,{className:"highlight",children:qe("0,0.[00]",W.toAmount(i?.scheduledJournalEntry?.runningBalance?.amount??0,dt.currencyCode,dt.currencySymbol))??Ue})})})]}),t.jsxs(G,{style:{width:pe.COLUMN_THREE},children:[t.jsx(ne,{children:ze.scheduleHeaders.months}),t.jsx(se,{children:t.jsxs(ue,{className:"highlight",children:[i.scheduledJournalEntry.expectedPostDate.diff(i.startDate,"month")+1,"/",i.period]})})]}),t.jsx(G,{style:{width:pe.COLUMN_FOUR}}),t.jsxs(G,{style:{alignItems:"flex-end",width:pe.COLUMN_FIVE},children:[t.jsx(ne,{children:ze.scheduleHeaders.amountForMonth}),t.jsx(se,{children:t.jsx(ue,{className:"highlight",children:qe("0,0.[00]",W.toAmount(i.scheduledJournalEntry.amount?.amount??0,dt.currencyCode,dt.currencySymbol))??Ue})})]})]})]}),t.jsx(Lo,{children:t.jsx(un,{form:ci(`${tt}_${i.jeScheduleId}`),label:su,variant:"primary",className:"item-value-container",type:"submit",loading:r?.fetchState==="In-Progress",size:"small",disabled:!j,style:{minWidth:ho}})})]})})})})},pi=(e,n,d,c,h,p,i,l)=>{const r=e.updatedCategoryId,m=e.updatedVendor,u=m!=null?l.vendor.find(I=>I.zeniId===m.id):void 0,x=e.updatedAccumulatedDepreciationCategoryID,y=e.updatedClassId,C=r!=null?h.find(I=>I.accountId===r):void 0,v=x!=null?i.find(I=>I.accountId===x):void 0,w=y!=null?p.find(I=>I.classId===y):void 0;return{[tt]:{jeScheduleID:e.jeScheduleID,scheduledJournalEntryID:e.scheduledJournalEntryID,jeScheduleType:e.jeScheduleType,scheduleExpenseCategory:{selectedOption:C?.qboId,allOptions:n},accumulatedDepreciationCategory:{selectedOption:v?.qboId,allOptions:c},vendor:{selectedOption:u?.id??m?.id,defaultOptions:gs(l,u??m)},scheduleClass:{selectedOption:w?.classId,allOptions:d}}}},Hn=a(Fn)`
|
|
846
|
-
width: ${o.sp3};
|
|
847
|
-
height: ${o.sp3};
|
|
848
|
-
`,Un=a(xs)`
|
|
849
|
-
width: 12px;
|
|
850
|
-
height: 12px;
|
|
851
|
-
color: ${Qe.important};
|
|
852
|
-
`;function Fs(){return t.jsx(vs,{children:t.jsxs(Ss,{children:[t.jsxs(js,{children:[t.jsx(De,{width:g[9],height:27,style:{marginBottom:g[2]}}),t.jsx(mi,{})]}),t.jsxs(ks,{children:[t.jsx(De,{width:g[9],height:27,style:{marginBottom:g[2]}}),t.jsx(mi,{})]})]})})}const mi=()=>t.jsx(To,{style:{minWidth:1088},children:t.jsxs($o,{children:[t.jsxs(Ao,{children:[t.jsxs(ko,{children:[t.jsxs(G,{style:{width:pe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ne,{children:t.jsx(De,{width:g[10],height:14})}),t.jsxs(se,{style:{gap:g[2]},children:[t.jsx(bo,{height:g[4],width:g[4]}),t.jsx(De,{height:g[4],width:g[10]})]})]}),t.jsxs(G,{children:[t.jsx(ne,{children:t.jsx(De,{width:101,height:14})}),t.jsx(se,{children:t.jsx(De,{height:g[4],width:203})})]}),t.jsxs(G,{style:{width:pe.COLUMN_THREE},children:[t.jsx(ne,{children:t.jsx(De,{width:g[9],height:14})}),t.jsx(se,{children:t.jsx(De,{height:g[4],width:71})})]}),t.jsxs(G,{style:{width:pe.COLUMN_FOUR,paddingLeft:g[3]},children:[t.jsx(ne,{children:t.jsx(De,{width:107,height:14})}),t.jsx(De,{height:g[4],width:68})]}),t.jsxs(G,{style:{alignItems:"flex-end",width:pe.COLUMN_FIVE},children:[t.jsx(ne,{children:t.jsx(De,{width:73,height:14})}),t.jsx(se,{children:t.jsx(De,{height:g[4],width:49})})]})]}),t.jsxs(Io,{children:[t.jsxs(G,{style:{width:pe.COLUMN_ONE,padding:`${o.sp2} ${o.sp3}`},children:[t.jsx(ne,{children:t.jsx(De,{width:49,height:14})}),t.jsx(se,{children:t.jsx(De,{height:g[4],width:158})})]}),t.jsxs(G,{children:[t.jsx(ne,{children:t.jsx(De,{width:36,height:14})}),t.jsx(se,{children:t.jsx(De,{height:g[4],width:88})})]}),t.jsxs(G,{style:{width:pe.COLUMN_THREE},children:[t.jsx(ne,{children:t.jsx(De,{width:36,height:14})}),t.jsx(se,{children:t.jsx(De,{height:g[4],width:100})})]}),t.jsx(G,{style:{width:pe.COLUMN_FOUR,paddingLeft:g[3]}}),t.jsx(G,{style:{width:pe.COLUMN_FIVE}})]})]}),t.jsxs(Lo,{children:[t.jsx(De,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}}),t.jsx(De,{height:29,width:53,style:{margin:`${o.sp0} ${o.sp3}`}})]})]})}),De=a(Ot)`
|
|
853
|
-
border-radius: ${o.sp1};
|
|
854
|
-
`,{common:{create:lu,resolve:cu}}=je.getLocalizedStrings();function du({jeSchedules:e,vendorSearchAutoCompleteData:n,handleJeScheduleClick:d,onJESchedulesFormDataChange:c,onPostJESchedule:h,ignoreRecommendedJeSchedule:p,vendorSearchAutoCompleteActions:i,setCurrentFooterFormId:l}){const r=e.draftSchedules,m=e.jeScheduleLocalDataById,u=e.postStatusById,x=e.ignoreStatusById,y=e.resolveSchedules,C=e.uncategorizedAccounts,{allAccountList:v,allClassList:w,allDepreciationAccountList:I}=e,f=Dt(e.accountListNestedAccountHierarchy),$=Dt(e.allDepreciationAccountListNestedAccountHierarchy),R=$n(e.classListNestedAccountHierarchy),A=(b,j,E)=>{d(b,j,E)},O=(b,j,E,T)=>{let V=b.target;for(;V;){if(V.classList.contains("item-value-container")||V.classList.contains("hover-background")||V.classList.contains("auto-complete-single-select-field__input")||V.classList.contains("auto-complete-single-select-field__option")||V.classList.contains("grouped-single-select-field__input")||V.classList.contains("grouped-single-select-field__menu"))return;V=V.parentElement}d(j,E,T)};return s.useEffect(()=>{if(y.length!==0){for(const b in m)if(Object.prototype.hasOwnProperty.call(m,b)){const{updatedAccumulatedDepreciationCategoryID:j,updatedCategoryId:E,updatedVendor:T}=m[b];if(j!=null||E!=null||T!=null&&T?.id!==""){l("expenseAutomationJESchedulePage");break}else l("expenseAutomationPage")}}else y.length===0&&l("expenseAutomationPage")}),s.useEffect(()=>()=>{l("expenseAutomationPage")},[]),e.fetchState==="In-Progress"?t.jsx(Fs,{}):r.length!==0||y.length!==0?t.jsx(vs,{children:t.jsxs(Ss,{children:[r.length>0?t.jsxs(js,{children:[t.jsxs(xi,{children:[lu,t.jsx(fi,{isCircular:r.length<10,children:t.jsx(yi,{children:r.length})})]}),t.jsx(gi,{"data-testid":z("expense-automation","draft-je-schedules"),children:r.map((b,j)=>t.jsx(tu,{ignoreStatus:x[b.jeScheduleTransactionKey],ignoreRecommendedJeSchedule:p,onReviewClickHandler:A,jeScheduleClickHandler:O,draft:b},`${j}_${b.jeScheduleId}`))})]}):null,y.length>0?t.jsxs(ks,{children:[t.jsxs(xi,{children:[cu,t.jsx(fi,{isCircular:y.length<10,children:t.jsx(yi,{children:y.length})})]}),t.jsx(gi,{"data-testid":z("expense-automation","resolve-je-schedules"),children:y.map((b,j)=>m[b.scheduledJournalEntry.scheduledJournalEntryID]==null?null:t.jsx(ru,{vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n,jeScheduleClickHandler:O,onPostJESchedule:h,uncategorizedAccounts:C,allAccountList:v,allAccountGroupedOptions:f,allClassGroupedOptions:R,allClassList:w,allDepAccountGroupedOptions:$,allDepAccountList:I,draft:b,postStatus:u[b.scheduledJournalEntry.scheduledJournalEntryID],localData:m[b.scheduledJournalEntry.scheduledJournalEntryID],onFormDataChange:c},`${j}_${b.jeScheduleTransactionKey}`))})]}):null]})}):null}const gi=a.div`
|
|
855
|
-
display: flex;
|
|
856
|
-
flex-direction: column;
|
|
857
|
-
gap: ${o.sp4};
|
|
858
|
-
min-width: 1088px;
|
|
859
|
-
`,xi=a(Ji)`
|
|
860
|
-
color: ${e=>e.theme.colors.primary};
|
|
861
|
-
padding: ${o.sp2} ${o.sp0};
|
|
862
|
-
display: flex;
|
|
863
|
-
align-items: center;
|
|
864
|
-
gap: ${o.sp1};
|
|
865
|
-
`,fi=a.div`
|
|
866
|
-
border-radius: ${o.sp12};
|
|
867
|
-
display: flex;
|
|
868
|
-
justify-content: center;
|
|
869
|
-
border: ${e=>`1px solid ${e.theme.colors.grey1}`};
|
|
870
|
-
color: ${e=>e.theme.colors.hero};
|
|
871
|
-
${e=>e.isCircular?Xe`
|
|
872
|
-
height: ${o.sp3};
|
|
873
|
-
width: ${o.sp3};
|
|
874
|
-
padding: ${o.sp0};
|
|
875
|
-
`:Xe`
|
|
876
|
-
height: 18px;
|
|
877
|
-
padding: ${Va.padding};
|
|
878
|
-
`}
|
|
879
|
-
`,yi=a(Ha)`
|
|
880
|
-
color: ${e=>e.theme.colors.hero};
|
|
881
|
-
height: 100%;
|
|
882
|
-
width: 100%;
|
|
883
|
-
display: flex;
|
|
884
|
-
align-items: center;
|
|
885
|
-
justify-content: center;
|
|
886
|
-
color: inherit;
|
|
887
|
-
`;function uu({expenseAutomationViewSelector:e,currentFooterFormId:n,setResetJeAccountSettingsForm:d,vendorSearchAutoCompleteData:c,onJESchedulesFormDataChange:h,onPostJESchedule:p,handleJeScheduleClick:i,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:r,ignoreRecommendedJeSchedule:m,vendorSearchAutoCompleteActions:u,setCurrentFooterFormId:x,setIsJeAccountSettingsOpened:y}){const{jeSchedules:C}=e;return C.fetchState==="In-Progress"||C.accountSettingsView.fetchState==="In-Progress"?t.jsx(Fs,{}):C.accountSettingsView.fetchState==="Completed"&&C.accountSettingsView.accountSettingsLocalData.previousPrepaidExpensesAccount.length===0&&C.accountSettingsView.accountSettingsLocalData.previousFixedAssetsAccount.length===0?t.jsx(Zd,{setIsJeAccountSettingsOpened:y,setResetJeAccountSettingsForm:d,currentFooterFormId:n,onJeAccountSettingsChange:l,onSaveJeAccountSettingsClick:r,accountSettings:C.accountSettingsView,setCurrentFooterFormId:x}):C.fetchState==="Completed"&&C.draftSchedules.length===0&&C.resolveSchedules.length===0?t.jsx(bt,{tab:e.currentSelectedView,title:Ve(e.currentSelectedView).allDoneText.title,subTitle:Ve(e.currentSelectedView).allDoneText.subTitle}):C.fetchState==="Completed"?t.jsx(du,{setCurrentFooterFormId:x,handleJeScheduleClick:i,ignoreRecommendedJeSchedule:m,jeSchedules:e.jeSchedules,onJESchedulesFormDataChange:h,onPostJESchedule:p,vendorSearchAutoCompleteActions:u,vendorSearchAutoCompleteData:c}):null}const hu=72,Ps=50,pu=1,mu=["receipts"],Ci=e=>W.stringToUnionStrict(e,mu),{common:{texts:{vendor:gu,amount:xu,receipts:fu,category:yu,classText:Cu,date:wu}}}=je.getLocalizedStrings(),bu={key:"vendor",value:gu,sortOrder:"ascending",width:new Q(18,18)},vu={key:"category",value:yu,sortOrder:"ascending",width:new Q(18,18)},Su={key:"class",value:Cu,sortOrder:"ascending",width:new Q(18,18)},ju={key:"date",value:wu,sortOrder:"descending",width:new Q(11,11)},ku={key:"receipts",value:fu,sortOrder:"descending",width:new Q(6,6)},Iu={key:"amount",value:xu,sortOrder:"ascending",width:new Q(10,10)},ht=[bu,vu,Su,ju,ku,Iu],Wn={sortKey:"date",sortOrder:"descending"},wi={containerPaddingLeftRight:new Q(g[3],g[4])},zs=({sortConfig:e,isDisabled:n,onColumnSortConfigChanged:d})=>{const c=Se(),[h,p]=s.useState(ht);s.useEffect(()=>{const r=[...h];for(const m of r)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";p(r)},[e.sortKey,e.sortOrder]);const i=(r,m)=>{let u=m;e.sortKey===r&&(u=m==="ascending"?"descending":"ascending"),d(r,u)},l=r=>{Ci(r.key)==null&&i(W.toExpenseAutomationMissingReceiptsSortKey(r.key),r.sortOrder)};return t.jsx($u,{windowSize:c,children:h.map((r,m)=>{const u=n!=null||Ci(r.key)!=null;return t.jsxs(Tu,{sortDataValue:e.sortKey,actualDataValue:r.key,wrapperWidth:r.width,isSortDisabled:u,windowSize:c,isLastItem:m===h.length-1,style:r.key==="receipts"?{justifyContent:"center"}:void 0,children:[t.jsxs(Du,{onClick:()=>u?null:l(r),isSortDisabled:u,children:[t.jsx(Ou,{children:r.value}),u?null:t.jsx(Au,{sortConfig:e,headerData:r,children:t.jsx(Ru,{})})]}),u?null:t.jsx(Eu,{isSortDisabled:u,sortDataValue:e.sortKey,isVisible:e.sortKey===r.key&&e.sortKey!==Wn.sortKey,children:t.jsx(Lu,{onClick:()=>{u||i(Wn.sortKey,Wn.sortOrder)},"data-testid":z("missing-receipts-header-close-icon",r.key)})})]},r.key)})})},$u=a.div`
|
|
888
|
-
top: ${o.sp0};
|
|
889
|
-
left: ${o.sp0};
|
|
890
|
-
height: ${Ps}px;
|
|
891
|
-
z-index: 2;
|
|
892
|
-
display: flex;
|
|
893
|
-
align-items: center;
|
|
894
|
-
justify-content: space-between;
|
|
895
|
-
box-sizing: border-box;
|
|
896
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
897
|
-
position: sticky;
|
|
898
|
-
padding-left: ${e=>wi.containerPaddingLeftRight.valuePx(e.windowSize)};
|
|
899
|
-
padding-right: ${e=>wi.containerPaddingLeftRight.valuePx(e.windowSize)};
|
|
900
|
-
`,Tu=a.div`
|
|
901
|
-
color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
|
|
902
|
-
width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
|
|
903
|
-
max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
|
|
904
|
-
padding-left: ${o.sp0};
|
|
905
|
-
left: ${o.sp0};
|
|
906
|
-
display: flex;
|
|
907
|
-
align-items: center;
|
|
908
|
-
gap: 6px;
|
|
909
|
-
justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
|
|
910
|
-
position: static;
|
|
911
|
-
z-index: 0;
|
|
912
|
-
box-sizing: border-box;
|
|
913
|
-
`,Lu=a(Mn)`
|
|
914
|
-
width: ${o.sp2};
|
|
915
|
-
height: ${o.sp2};
|
|
916
|
-
cursor: pointer;
|
|
917
|
-
`,Au=a.div`
|
|
918
|
-
display: flex;
|
|
919
|
-
align-items: center;
|
|
920
|
-
transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
|
|
921
|
-
`,Eu=a.div`
|
|
922
|
-
display: ${e=>e.isVisible?"flex":"none"};
|
|
923
|
-
align-items: center;
|
|
924
|
-
cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
|
|
925
|
-
&:hover {
|
|
926
|
-
color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
|
|
927
|
-
}
|
|
928
|
-
`,Ru=a(On)`
|
|
929
|
-
width: ${o.sp2};
|
|
930
|
-
height: ${o.sp2};
|
|
931
|
-
`,Du=a.div`
|
|
932
|
-
display: flex;
|
|
933
|
-
cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
|
|
934
|
-
gap: 6px;
|
|
935
|
-
&:hover {
|
|
936
|
-
color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
|
|
937
|
-
}
|
|
938
|
-
`,Ou=a(gt)`
|
|
939
|
-
display: flex;
|
|
940
|
-
`,{common:{strings:{underscore:Bs,hyphen:qn,empty:bi},documents:{singleFileUploadSizeErrorMessage:Mu,multipleFileUploadSizeErrorMessage:Fu},snackBar:{missing_receipts_attachment:{failed:Pu}},tooltips:{addMissingReceipt:zu}},dateFormat:Bu}=je.getLocalizedStrings(),kn={containerPaddingLeftRight:new Q(g[3],g[4]),containerPaddingTopBottom:new Q(g[2],g[3])},_u=({transaction:e,uploadReceiptsFetchState:n,receiptUploadEndpoint:d,authParams:c,selectedPeriod:h,onUploadReceiptComplete:p,onMissingReceiptsRowClick:i,onUploadReceiptFetchStatus:l,onUploadReceiptAttachment:r})=>{const m=Se(),u=s.useRef(null),x=s.useCallback(async(v,w,I,f,$)=>{l(e.id,"In-Progress"),await cr(v,w,I,f,$).then(({uploadResponse:R,errorMessage:A})=>{R!=null?R.transaction.attachments!=null&&(r(R.transaction),setTimeout(()=>p(R.transaction,h),2e3)):l(e.id,"Error",{code:500,message:Pu},A)}).catch(R=>{l(e.id,"Error",R)})},[e.id,h,r,p,l]),y=s.useCallback(v=>{if(v.target.files!=null){const w=v.target.files,I=[],f=[];for(let $=0;$<w.length;$++)I.push(w[$].name),f.push(w[$]);x(d,c,w[0],w[0].name,{id:e.id,type:e.type})}},[c,x,d,e.id,e.type]),C=s.useCallback(()=>{u.current?.click()},[u]);return t.jsx(_s,{windowSize:m,onClick:()=>i(e.id,e.type),"data-testid":z("missing-receipts-list-row",e.id),children:ht.map((v,w)=>{const I=`${e.id}${Bs}${v.key}`;switch(v.key){case"vendor":default:return t.jsx(Vt,{windowSize:m,wrapperWidth:v.width,children:t.jsx(Ht,{windowSize:m,isLastItem:w===ht.length-1,children:t.jsxs(Ln,{children:[t.jsx(ls,{photoUrl:e.vendorId!=null?e.logo?.toString()??bi:bi,styles:{width:o.sp4,height:o.sp4,borderRadius:o.sp0},placeholder:{width:g[4],height:g[4]},fallbackAvatar:t.jsx(Ju,{children:t.jsx(dn,{name:e.vendorName??e.description,size:o.sp4})})}),t.jsx(nt,{text:e.vendorName??e.description,itemTextStyle:{...Et.standardRegular.cssObject,color:"inherit"}})]})})},I);case"category":case"class":{const f=e.lines!=null&&e.lines.length>0&&e.lines[0]?.account!=null&&e.lines[0].account.accountName?e.lines[0].account.accountName:qn,$=e.lines!=null&&e.lines.length>0&&e.lines[0]?.class!=null&&e.lines[0].class.className?e.lines[0].class.className:qn,R=v.key==="category"?f:$;return t.jsx(Vt,{windowSize:m,wrapperWidth:v.width,children:t.jsx(Ht,{windowSize:m,isLastItem:w===ht.length-1,children:t.jsx(Ln,{children:R!==qn?t.jsx(nt,{text:R,itemTextStyle:{...Et.standardRegular.cssObject,color:"inherit"}}):t.jsx(qu,{children:R})})})},I)}case"date":return t.jsx(Vt,{windowSize:m,wrapperWidth:v.width,children:t.jsx(Ht,{windowSize:m,isLastItem:w===ht.length-1,children:t.jsx(Ln,{children:t.jsx(nt,{text:e.date.format(Bu.visual.MMMDCommaYYYYformat),itemTextStyle:{...Et.standardRegular.cssObject,color:"inherit"}})})})},I);case"receipts":return t.jsx(Vt,{windowSize:m,wrapperWidth:v.width,children:t.jsx(Ht,{windowSize:m,isLastItem:w===ht.length-1,style:{justifyContent:"center"},children:n.fetchState==="In-Progress"?t.jsx(ts,{size:"Small",style:{display:"flex"},start:!0}):n.fetchState==="Completed"||e.attachments!=null&&e.attachments.length>0?t.jsx(Na,{shouldDisplay:!0,width:g[4],height:g[4],animationInLoop:!1,shouldFade:!1,onAnimationComplete:()=>null}):t.jsxs(t.Fragment,{children:[t.jsx(Wu,{onClick:f=>{f.stopPropagation()},children:t.jsx(es,{"data-testid":z("missing-receipts-file-input",e.id),name:`missing-receipts-${e.id}`,fileRef:u,sizeLimit:zn,multiple:!1,acceptableTypes:[...W.SUPPORTED_TRANSACTION_LINE_ATTACHMENT_FILE_TYPES],onFileChange:y,onFileSizeError:(f,$)=>{f&&l(e.id,"Error",{code:500,message:$===!0?Mu.replace("__maxFileSize__",Mo(zn,0)):Fu.replace("__maxFileSize__",Mo(zn,0))})}})}),t.jsx(we,{display:"flex",placement:"bottom",title:zu,enterDelay:600,children:t.jsx(Uu,{onClick:f=>{f.stopPropagation(),C()}})})]})})},I);case"amount":{const f=qe("0,0.[00]",e.amount);return t.jsx(Vt,{windowSize:m,wrapperWidth:v.width,children:t.jsx(Ht,{windowSize:m,isLastItem:w===ht.length-1,children:t.jsx(nt,{text:e.amount.amount<0?`-${f}`:f,itemTextStyle:{...Et.standardRegular.cssObject,color:"inherit"}})})},I)}}})})},Nu=()=>{const e=Se(),n=s.useRef(null),[d,c]=s.useState(0);return s.useLayoutEffect(()=>{n.current&&c(n.current.offsetWidth)},[e]),t.jsx(_s,{windowSize:e,ref:n,children:ht.map((h,p)=>{const i=`${p}${Bs}${h.key}`;switch(h.key){case"vendor":return t.jsx(Vt,{windowSize:e,wrapperWidth:h.width,children:t.jsx(Ht,{windowSize:e,isLastItem:p===ht.length-1,children:t.jsxs(Ln,{children:[t.jsx(bo,{width:g[4],height:g[4]}),t.jsx(Ot,{width:d*h.width.value(e)/100,height:g[4],style:{display:"flex",alignItems:"center"}})]})})},i);default:return t.jsx(Vt,{windowSize:e,wrapperWidth:h.width,children:t.jsx(Ht,{windowSize:e,isLastItem:p===ht.length-1,children:t.jsx(Ot,{width:d*h.width.value(e)/100,height:g[4],style:{display:"flex",alignItems:"center"}})})},i)}})})},_s=a.div`
|
|
941
|
-
display: flex;
|
|
942
|
-
background-color: ${e=>e.theme.colors.grey5};
|
|
943
|
-
padding-left: ${e=>kn.containerPaddingLeftRight.valuePx(e.windowSize)};
|
|
944
|
-
padding-right: ${e=>kn.containerPaddingLeftRight.valuePx(e.windowSize)};
|
|
945
|
-
padding-top: ${e=>kn.containerPaddingTopBottom.valuePx(e.windowSize)};
|
|
946
|
-
padding-bottom: ${e=>kn.containerPaddingTopBottom.valuePx(e.windowSize)};
|
|
947
|
-
border: ${e=>`1px solid ${e.theme.colors.grey3}`};
|
|
948
|
-
box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
|
|
949
|
-
border-radius: ${o.sp2};
|
|
950
|
-
color: ${e=>e.theme.colors.hero};
|
|
951
|
-
cursor: pointer;
|
|
952
|
-
&:hover {
|
|
953
|
-
border-color: ${e=>e.theme.colors.primary};
|
|
954
|
-
color: ${e=>e.theme.colors.primary};
|
|
955
|
-
}
|
|
956
|
-
|
|
957
|
-
box-sizing: border-box;
|
|
958
|
-
align-items: center;
|
|
959
|
-
justify-content: space-between;
|
|
960
|
-
`,Vt=a.div`
|
|
961
|
-
display: flex;
|
|
962
|
-
align-items: center;
|
|
963
|
-
position: relative;
|
|
964
|
-
width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
|
|
965
|
-
min-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
|
|
966
|
-
:last-of-type {
|
|
967
|
-
padding-right: ${o.sp0};
|
|
968
|
-
}
|
|
969
|
-
`,Vu=Xe`
|
|
970
|
-
word-break: break-all;
|
|
971
|
-
white-space: normal;
|
|
972
|
-
-webkit-line-clamp: 1;
|
|
973
|
-
-webkit-box-orient: vertical;
|
|
974
|
-
overflow: hidden;
|
|
975
|
-
text-overflow: ellipsis;
|
|
976
|
-
display: -webkit-box;
|
|
977
|
-
`,Hu=Xe`
|
|
978
|
-
height: ${o.sp3};
|
|
979
|
-
width: ${o.sp3};
|
|
980
|
-
cursor: pointer;
|
|
981
|
-
`,Uu=a(Fn)`
|
|
982
|
-
${Hu};
|
|
983
|
-
color: ${e=>e.theme.colors.brandColorGoldDark};
|
|
984
|
-
&:hover {
|
|
985
|
-
color: ${e=>e.theme.colors.primary};
|
|
986
|
-
}
|
|
987
|
-
`,Ht=a(Fe)`
|
|
988
|
-
overflow: hidden;
|
|
989
|
-
justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
|
|
990
|
-
display: flex;
|
|
991
|
-
width: 100%;
|
|
992
|
-
align-items: center;
|
|
993
|
-
`,Wu=a.div``,Ln=a.div`
|
|
994
|
-
display: flex;
|
|
995
|
-
flex-direction: row;
|
|
996
|
-
column-gap: ${o.sp2};
|
|
997
|
-
align-items: center;
|
|
998
|
-
`,qu=a(Fe)`
|
|
999
|
-
${Vu};
|
|
1000
|
-
color: inherit;
|
|
1001
|
-
`,Ju=a.div`
|
|
1002
|
-
display: flex;
|
|
1003
|
-
`,Ku=({sortConfig:e,fetchState:n,isDisabled:d,onColumnSortConfigChanged:c})=>{const h=Se();return t.jsxs(Zu,{windowSize:h,children:[t.jsx(zs,{sortConfig:e,isDisabled:n==="In-Progress"?"readonly":d,onColumnSortConfigChanged:c}),t.jsx(Yu,{windowSize:h,children:[...Array(3)].map((p,i)=>t.jsx(Nu,{},i))})]})},Zu=a.div`
|
|
1004
|
-
display: block;
|
|
1005
|
-
min-height: 100%;
|
|
1006
|
-
flex-direction: column;
|
|
1007
|
-
width: 100%;
|
|
1008
|
-
`,Yu=a.div`
|
|
1009
|
-
display: flex;
|
|
1010
|
-
min-height: 100%;
|
|
1011
|
-
flex-direction: column;
|
|
1012
|
-
row-gap: ${o.sp3};
|
|
1013
|
-
`,{common:Gu}=je.getLocalizedStrings(),Xu=({missingReceipts:e,receiptUploadEndpoint:n,authParams:d,selectedPeriod:c,isDisabled:h,onMissingReceiptsRowClick:p,onUploadReceiptComplete:i,onUploadReceiptAttachment:l,onUploadReceiptFetchStatus:r,onUpdateMissingReceiptsUIState:m,onFetchMissingReceiptsList:u})=>{const x=Se(),{fetchState:y,uiState:C,transactions:v}=e,w=s.useRef(null),[I,f]=s.useState(!1);s.useEffect(()=>{w.current?.resetAfterIndex(0)},[x,w]),s.useEffect(()=>{y==="Completed"&&f(!1)},[y]);const $=A=>hu,R=(A,O)=>{m({sortOrder:O,sortKey:A})};return t.jsxs(th,{children:[t.jsx(nh,{windowSize:x,children:y==="Error"?t.jsxs(ih,{windowSize:x,children:[t.jsx(sh,{onClick:()=>u(),"data-testid":z("missing-receipts-list-table-reload-button"),children:t.jsx(fo,{})}),t.jsx(ah,{children:Gu.reloadPage.label})]}):y==="Completed"&&v.length===0?t.jsx(bt,{tab:"missing_receipts",title:Ve("missing_receipts").allDoneText.title,subTitle:Ve("missing_receipts").allDoneText.subTitle}):y==="Not-Started"||y==="In-Progress"&&v.length===0?t.jsx(Ku,{sortConfig:{sortKey:C.sortKey,sortOrder:C.sortOrder},fetchState:y,onColumnSortConfigChanged:R}):t.jsx(oh,{windowSize:x,children:t.jsx(Rn,{children:({height:A,width:O})=>t.jsxs(lh,{style:{height:A,width:O},children:[t.jsx(eh,{children:t.jsx(zs,{sortConfig:{sortKey:C.sortKey,sortOrder:C.sortOrder},isDisabled:y==="In-Progress"?"readonly":h,onColumnSortConfigChanged:R})}),t.jsx(Dn,{ref:w,height:A-Ps,itemCount:v.length,itemData:{missingReceipts:e,receiptUploadEndpoint:n,authParams:d,isDisabled:h,selectedPeriod:c,onMissingReceiptsRowClick:p,onUploadReceiptComplete:i,onUploadReceiptAttachment:l,onUploadReceiptFetchStatus:r},itemSize:$,width:O,style:{willChange:"auto"},overscanCount:pu,onScroll:({scrollOffset:b})=>{m({scrollPosition:{scrollTop:b}})},initialScrollOffset:C.scrollPosition?.scrollTop,children:Qu})]})})})}),t.jsx(Be,{controller:I===!0,children:t.jsx(ch,{children:t.jsx(ts,{size:"Small",start:!0})})})]})},Qu=({index:e,style:n,data:d})=>{const{missingReceipts:c,receiptUploadEndpoint:h,authParams:p,onMissingReceiptsRowClick:i,onUploadReceiptComplete:l,onUploadReceiptAttachment:r,onUploadReceiptFetchStatus:m,selectedPeriod:u}=d,x=c.transactions[e];return t.jsx(rh,{style:{...n,width:"100%"},children:t.jsx(_u,{transaction:x,receiptUploadEndpoint:h,authParams:p,selectedPeriod:u,onMissingReceiptsRowClick:i,onUploadReceiptComplete:l,onUploadReceiptAttachment:r,onUploadReceiptFetchStatus:m,uploadReceiptsFetchState:c.uploadReceiptStatusById[x.id]??{fetchState:"Not-Started",error:void 0}},x.id)})},eh=a.div`
|
|
1014
|
-
width: auto;
|
|
1015
|
-
`,th=a.div`
|
|
1016
|
-
width: 100%;
|
|
1017
|
-
height: 100%;
|
|
1018
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
1019
|
-
`,nh=a.div`
|
|
1020
|
-
height: 100%;
|
|
1021
|
-
`,oh=a.div`
|
|
1022
|
-
height: 100%;
|
|
1023
|
-
display: flex;
|
|
1024
|
-
flex-direction: column;
|
|
1025
|
-
max-width: 99.9%;
|
|
1026
|
-
`,ih=a.div`
|
|
1027
|
-
display: flex;
|
|
1028
|
-
width: 100%;
|
|
1029
|
-
height: ${e=>`calc(100% - ${as.valuePx(e.windowSize)})`};
|
|
1030
|
-
flex-direction: column;
|
|
1031
|
-
justify-content: center;
|
|
1032
|
-
align-items: center;
|
|
1033
|
-
`,sh=a.div`
|
|
1034
|
-
height: 96px;
|
|
1035
|
-
width: 96px;
|
|
1036
|
-
background: ${e=>e.theme.colors.background};
|
|
1037
|
-
border-radius: 50%;
|
|
1038
|
-
cursor: pointer;
|
|
1039
|
-
& svg {
|
|
1040
|
-
margin: ${o.sp5};
|
|
1041
|
-
color: ${e=>e.theme.colors.grey1};
|
|
1042
|
-
}
|
|
1043
|
-
&:hover {
|
|
1044
|
-
& svg {
|
|
1045
|
-
color: ${e=>e.theme.colors.primary};
|
|
1046
|
-
}
|
|
1047
|
-
}
|
|
1048
|
-
`,ah=a(Pa)`
|
|
1049
|
-
margin-top: ${o.sp3};
|
|
1050
|
-
color: ${e=>e.theme.colors.hero};
|
|
1051
|
-
`,rh=a.div`
|
|
1052
|
-
top: ${o.sp0};
|
|
1053
|
-
left: ${o.sp0};
|
|
1054
|
-
padding-bottom: ${o.sp3};
|
|
1055
|
-
box-sizing: border-box;
|
|
1056
|
-
`,lh=a.div`
|
|
1057
|
-
position: relative;
|
|
1058
|
-
`,ch=a.div`
|
|
1059
|
-
display: flex;
|
|
1060
|
-
width: 100%;
|
|
1061
|
-
height: ${o.sp3};
|
|
1062
|
-
flex-direction: row;
|
|
1063
|
-
justify-content: center;
|
|
1064
|
-
align-items: center;
|
|
1065
|
-
margin-top: ${o.sp3};
|
|
1066
|
-
margin-bottom: ${o.sp3};
|
|
1067
|
-
`,dh=[...W.SUPPORTED_ATTACHMENT_FILE_TYPES],uh=7*1024*100,hh=a.div`
|
|
1068
|
-
width: ${rn}px;
|
|
1069
|
-
`,Jn=a.div`
|
|
1070
|
-
width: ${e=>`${e.availableWidth}px`};
|
|
1071
|
-
min-width: auto;
|
|
1072
|
-
position: relative;
|
|
1073
|
-
height: fit-content;
|
|
1074
|
-
min-height: ${o.sp12};
|
|
1075
|
-
`,ph=a.div`
|
|
1076
|
-
flex-grow: 1;
|
|
1077
|
-
overflow: auto;
|
|
1078
|
-
min-height: 2em;
|
|
1079
|
-
display: flex;
|
|
1080
|
-
flex-direction: row;
|
|
1081
|
-
position: relative;
|
|
1082
|
-
|
|
1083
|
-
pointer-events: auto;
|
|
1084
|
-
user-select: text;
|
|
1085
|
-
justify-content: space-between;
|
|
1086
|
-
margin-bottom: ${o.sp2};
|
|
1087
|
-
|
|
1088
|
-
// Disable select for Zeni Logo and File Separator
|
|
1089
|
-
#${Qi} img[alt*="company logo"],
|
|
1090
|
-
.attachFileSeparator {
|
|
1091
|
-
user-select: none;
|
|
1092
|
-
}
|
|
1093
|
-
`,mh=a.div`
|
|
1094
|
-
display: flex;
|
|
1095
|
-
column-gap: ${o.sp2};
|
|
1096
|
-
align-items: flex-end;
|
|
1097
|
-
margin-top: ${o.sp2};
|
|
1098
|
-
margin-bottom: ${o.sp3};
|
|
1099
|
-
`,gh=a.div`
|
|
1100
|
-
position: relative;
|
|
1101
|
-
`,vi=a(Fe)`
|
|
1102
|
-
position: relative;
|
|
1103
|
-
`,xh=a.div`
|
|
1104
|
-
background-color: ${e=>e.theme.colors.grey5};
|
|
1105
|
-
border: ${e=>`1px solid ${e.theme.colors.background}`};
|
|
1106
|
-
border-radius: ${o.sp2};
|
|
1107
|
-
box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
|
|
1108
|
-
padding: ${o.sp5};
|
|
1109
|
-
color: ${e=>e.theme.colors.primary};
|
|
1110
|
-
position: relative;
|
|
1111
|
-
.lexicalEditor__nestedListItem {
|
|
1112
|
-
list-style-type: none;
|
|
1113
|
-
}
|
|
1114
|
-
user-select: text;
|
|
1115
|
-
|
|
1116
|
-
.monthEndReportCanvasWrapper > * {
|
|
1117
|
-
isolation: isolate;
|
|
1118
|
-
z-index: ${g[1]};
|
|
1119
|
-
}
|
|
1120
|
-
`,fh=a.div`
|
|
1121
|
-
user-select: text;
|
|
1122
|
-
`,yh=a.div`
|
|
1123
|
-
position: absolute;
|
|
1124
|
-
top: ${o.sp4}; // Attachment icon position from the top
|
|
1125
|
-
right: -${o.sp3}; // To show attachment icon on the edge
|
|
1126
|
-
`,Ch=a.div`
|
|
1127
|
-
margin-top: ${o.sp2};
|
|
1128
|
-
display: flex;
|
|
1129
|
-
flex-direction: column;
|
|
1130
|
-
row-gap: ${o.sp3};
|
|
1131
|
-
margin-bottom: ${o.sp4};
|
|
1132
|
-
position: relative;
|
|
1133
|
-
|
|
1134
|
-
.toolbar {
|
|
1135
|
-
user-select: none;
|
|
1136
|
-
}
|
|
1137
|
-
`,wh=a(St)`
|
|
1138
|
-
color: ${e=>e.theme.colors.grey1};
|
|
1139
|
-
user-select: none;
|
|
1140
|
-
`,bh=a(ss)`
|
|
1141
|
-
color: ${e=>e.theme.colors.primary};
|
|
1142
|
-
`,vh=a.div`
|
|
1143
|
-
flex-direction: column;
|
|
1144
|
-
row-gap: ${o.sp3};
|
|
1145
|
-
display: flex;
|
|
1146
|
-
`,Sh=So`
|
|
1147
|
-
0% {
|
|
1148
|
-
transform: translateX(100%);
|
|
1149
|
-
}
|
|
1150
|
-
100% {
|
|
1151
|
-
transform: translateX(0)
|
|
1152
|
-
}
|
|
1153
|
-
`,jh=So`
|
|
1154
|
-
0% {
|
|
1155
|
-
transform: translateX(0)
|
|
1156
|
-
}
|
|
1157
|
-
100% {
|
|
1158
|
-
transform: translateX(100%)
|
|
1159
|
-
}
|
|
1160
|
-
`,kh=a.div`
|
|
1161
|
-
animation: ${e=>e.allThreadsSectionOpen?Sh:jh}
|
|
1162
|
-
0.5s forwards;
|
|
1163
|
-
height: 100vh;
|
|
1164
|
-
position: fixed;
|
|
1165
|
-
right: ${o.sp0};
|
|
1166
|
-
top: ${o.sp0};
|
|
1167
|
-
z-index: ${g[2]};
|
|
1168
|
-
min-width: ${Gi}px;
|
|
1169
|
-
max-width: ${Yi}px;
|
|
1170
|
-
`,An="monthEndReportFormSection",Si="monthEndReportPage",Ye=je.getLocalizedStrings();function Ih({companyId:e,enableZeniGPTFeature:n,monthEndReportView:d,previewMode:c,customerRequestData:h,allThreadsSectionOpen:p,filterMetaData:i,newThreadMetadata:l,isZeniUser:r,selectedPeriod:m,improveUsingZeniGPTClick:u,onRemoveFileAttachment:x,onUpdateFileAttachment:y,onCloseAllThreadsSection:C,previewMonthEndReport:v,saveMonthEndReport:w,onEditClick:I,onOpenFileAttachmentSnackBar:f,onClickCustomerRequest:$,sendMonthEndReport:R}){const A=vt(),[O,b]=s.useState(),[j,E]=s.useState(0),[T,V]=s.useState(0),M=s.useRef(),q=s.useRef(null),_=s.useRef(null),{html:N,subject:J,improveUsingZeniGPTStatus:K}=d,[F,le]=s.useState(),[fe,Y]=s.useState(!1),[he,ie]=s.useState(!1),k=s.useRef(null),U=s.useRef(null),H=ca(p,250),P=d.fetchState==="Not-Started"||d.fetchState==="In-Progress"||d.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||d.companyMonthEndReportTemplatesData.fetchState==="In-Progress",{threadsRefs:L,sortedThreads:B,threadsPositions:ee,observer:ge,unresolvedThreadsMap:D,handleRemoveFloatingThread:ce}=da(i,k,!c,P,r),X=s.useCallback(()=>{p?U.current!=null&&V(Math.min((U.current.offsetWidth-rn-g[4])/2,U.current.offsetWidth-rn-Yi-g[4])):U.current!=null&&E(Math.min((U.current.offsetWidth-rn-g[4])/2,U.current.offsetWidth-rn-Gi-g[4]))},[p]);s.useEffect(()=>{X()},[p,X]),s.useEffect(()=>(window.addEventListener("resize",X),()=>{window.removeEventListener("resize",X)}),[X]);const te=r?Hi:Ui,{openThread:ve,addThread:$e,setOpenThread:S}=s.useContext(te),Z=ua(Ro,!1,!c),ye=k.current?.getBoundingClientRect(),_e=Z!=null&&Z.coords&&ye?{left:Z.coords.left-ye.left,top:Z.coords.top-ye.top}:void 0,Ne=s.useCallback(()=>{const Oe=window.getSelection()?.getRangeAt(0),re=ha();if(!Oe||re==null)return;const oe={...l,...re,startPath:re.startPath.join(),endPath:re.endPath.join()},be=`${Xi()}${Zi}`,Ie=`cockpit_${e}`;$e(be,{type:"thread",id:be,roomId:Ie,createdAt:new Date,comments:[],metadata:oe,updatedAt:new Date,resolved:!1}),S(be)},[$e,e,l,S]);s.useEffect(()=>{ve!=null&&p&&C()},[p,ve,C]);const ke=K.fetchState==="In-Progress",Te=Wt({mode:"all",defaultValues:ji(d),values:ji(d)}),me=Te.handleSubmit(Oe=>{const{recipientEmailList:re,subject:oe}=Oe[An];if(c===!0)R?.(F?.id);else{const be=O?.replace(pa,Ye.common.strings.empty);re!=null&&oe!=null&&v(re,oe,F?.id,be!=null&&be.length>0?O:void 0)}}),et=()=>{q.current!=null&&q.current.click()},Je=()=>{F!==void 0&&F!=null&&(x([F.id]),le(void 0),Y(!1))},Ke=Oe=>{const re=Oe.target.files?Oe.target.files[0]:null;if(re)if(!W.toSupportedAttachmentFileType(re.type)||he)console.warn("Please select a valid file.");else{const oe=new FileReader;oe.onload=function(be){const Ie=be.target?.result;if(typeof Ie=="string"){const st={data:Ie.split(",")[1],name:re.name,id:W.getAttachmentFileIdByFileName(e,re.name)};le(st),Y(!0),y([st])}},oe.readAsDataURL(re)}},de=()=>{_.current&&_.current.scrollIntoView({behavior:"smooth"})},He=()=>{const Oe=Te.getValues(),{recipientEmailList:re,subject:oe}=Oe[An];re!=null&&oe!=null&&w(re,oe,F?.id,O)};s.useEffect(()=>{b(d.zeniRequestsHtml)},[d.zeniRequestsHtml]),s.useEffect(()=>{M.current=F},[F]),s.useEffect(()=>{le(W.mapAttachmentFileToAttachmentFilePayload(d.attachmentFile)),Y(!1)},[d.attachmentFile]),s.useEffect(()=>{he&&f()},[he,f]);const ot=W.zeniDate(`${m.year}-${m.month}-01`).format(Ye.dateFormat.visual.MMMMFormat),it=N!=null?N.split(ma):[],jt=d.concatenatedHtml,kt=()=>d.lastDraftSavedDate!=null&&c===!1?t.jsx(Fa,{time:d.lastDraftSavedDate,user:d.reportLastSavedByUser,timeStampLabel:Ye.cockpit.monthEndReport.timeStampLabel}):null,Ft=()=>r===!0?H?t.jsxs(t.Fragment,{children:[t.jsx(kh,{allThreadsSectionOpen:p,children:t.jsx(Oa,{autoExpand:!0,autoFocus:!1,style:{borderLeft:`1px solid ${A.colors.grey3}`,boxShadow:`${o.sp0} 1px 2px ${o.sp0} ${Qe.boxShadowElevation}`},drawerSectionStyle:{width:`calc(100% - ${o.sp5} - ${o.sp5})`,backgroundColor:A.colors.background},threadsContainerStyle:{paddingBottom:c?"160px":o.sp12},collapsibleThreadStyle:{width:`calc(100% - ${o.sp4})`},allowComposer:!1,drawerTitle:Ye.common.texts.comments,filter:i,textOverrides:{},preventResolvedThreadClick:!0,onThreadClick:(Oe,re)=>{S(re);const oe=B.findIndex(be=>be[0]===re);C(),L.current?.[oe]?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},onCloseAllThreadsDrawer:()=>C()})}),t.jsx(Jn,{availableWidth:j})]}):t.jsx(Ma,{observer:ge,canvasContainerRef:k,sortedThreads:B,threadsPositions:ee,threadsRefs:L,unresolvedThreadsMap:D,editorMode:!c,style:{minWidth:`${j}px`,position:"relative",height:"fit-content",top:`${k.current?.offsetTop}px`,minHeight:o.sp12},handleRemoveFloatingThread:ce}):t.jsx(Jn,{availableWidth:j}),It=(d.zeniRequestsData??[]).length+ga(d.companyMonthEndReportTemplatesData).length;return t.jsxs(t.Fragment,{children:[t.jsxs(ph,{ref:U,children:[t.jsx(Jn,{availableWidth:p?T:j}),t.jsxs(hh,{children:[t.jsx(qt,{...Te,children:t.jsx("form",{id:ki(Si),onSubmit:me,children:t.jsxs(vh,{children:[t.jsx(xa,{sectionId:An,previewMode:c,subject:J}),!c&&It>0?t.jsx(fa,{totalItems:It,onClickCustomerRequest:$}):null,t.jsxs(xh,{id:Ro,ref:k,children:[t.jsxs(fh,{className:"monthEndReportCanvasWrapper",children:[F!=null||he?t.jsx(yh,{"data-testid":z("email-attachment-container"),onClick:de,children:t.jsx(ya,{fileSizeError:he,setFileSizeError:ie,loading:!1,showAnimation:!c&&fe})}):null,c?t.jsx(vi,{dangerouslySetInnerHTML:{__html:Ca(jt)}}):t.jsxs(t.Fragment,{children:[t.jsxs(gh,{id:wa,children:[t.jsx(Fe,{dangerouslySetInnerHTML:{__html:it[0]!=null?it[0]+"</body></html>":Ye.common.strings.empty}}),t.jsxs(mh,{children:[t.jsx(bh,{children:Ye.cockpit.monthEndReport.editorTitle}),t.jsx(wh,{children:Ye.cockpit.monthEndReport.editorNote})]})]}),t.jsx(Ch,{id:ba,children:t.jsx(va,{handleFileInputClick:et,fileAttached:F!=null,enableZeniGPTFeature:n,isZeniGPTResponseLoading:ke,initialHtmlString:d.zeniRequestsHtml,improveUsingZeniGPTClick:u,setZeniRequestsHtml:b,customerRequestData:h})}),t.jsx(vi,{id:Qi,dangerouslySetInnerHTML:{__html:it[1]!=null?"<html><body>"+it[1]:Ye.common.strings.empty}})]}),F!=null?t.jsx(Sa,{ref:_,fileName:F.name,fileSize:ja(F.data),onRemove:Je,isRemovable:!c}):null]}),_e?t.jsx(ka,{style:{zIndex:15},coords:_e,alignment:Z.alignment,onClick:Ne}):null,t.jsx(Ia,{canvasContainerRef:k,sortedThreads:B,editorMode:!c,isZeniUser:r})]})]})})}),t.jsx(es,{name:F?.name??Ye.common.strings.empty,fileRef:q,sizeLimit:uh,acceptableTypes:dh,onFileChange:async Oe=>{Ke(Oe)},onFileSizeError:Oe=>ie(Oe),multiple:!1})]}),Ft()]}),t.jsx(Wi,{style:{zIndex:10},leftSideComponent:kt(),formId:ki(Si),cancelBtn:{isDisabled:ke,label:c===!0?Ye.cockpit.monthEndReport.editButtonLabel:Ye.cockpit.monthEndReport.saveChanges,onClick:c===!0?I:He,style:{width:"136px",padding:`${o.sp0} ${o.sp3}`,boxSizing:"border-box"},size:"medium",isLoading:d.saveMonthEndReportStatus.fetchState==="In-Progress",reverseSpinnerColor:!1},primaryBtn:{isDisabled:ke,isLoading:c===!0?d.sendMonthEndReportStatus.fetchState==="In-Progress":d.previewMonthEndReportStatus.fetchState==="In-Progress",style:{width:c===!0?"unset":"136px"},label:c===!0?Ye.cockpit.monthEndReport.sendEmailButtonLabel.replace("__month__",ot):Ye.cockpit.monthEndReport.preview,size:"medium"}})]})}const ji=e=>({[An]:{recipientEmailList:e.recipientEmailList,subject:e.subject??Ye.common.strings.empty}}),ki=e=>`${e}_form`;Et.smallBold.lineHeightValue;const $h=1,Th=50,Ii=56,Lh=["memo"],$i=e=>W.stringToUnionStrict(e,Lh),{common:{strings:{empty:Ah}},expenseAutomation:{transactions:{header:{vendors:Eh,category:Rh,classText:Dh,date:Oh,type:Mh,amount:Fh}}}}=je.getLocalizedStrings(),Ph={key:"vendor",value:Eh,sortOrder:"ascending",width:new Q(18,18),customStyle:{common:{paddingLeft:g[7]}}},zh={key:"category",value:Rh,sortOrder:"ascending",width:new Q(20,20),customStyle:{common:{paddingLeft:g[7]}}},Bh={key:"class",value:Dh,sortOrder:"ascending",width:new Q(18,18),customStyle:{common:{paddingLeft:g[7]}}},_h={key:"date",value:Oh,sortOrder:"descending",width:new Q(11,11),customStyle:{common:{paddingLeft:12}}},Nh={key:"transaction_type",value:Mh,sortOrder:"descending",width:new Q(13,13),customStyle:{common:{paddingLeft:g[3]}}},Vh={key:"memo",value:Ah,sortOrder:"ascending",width:new Q(6,6),customStyle:{common:{}}},Hh={key:"amount",value:Fh,sortOrder:"ascending",width:new Q(10,10),customStyle:{common:{paddingRight:g[4]}}},wt=[Ph,zh,Bh,_h,Nh,Vh,Hh],Kn={sortKey:"date",sortOrder:"descending"},Ns=({sortConfig:e,isDisabled:n,onColumnSortConfigChanged:d})=>{const c=Se(),[h,p]=s.useState(vo(wt));s.useEffect(()=>{const r=[...h];for(const m of r)m.key===e.sortKey?m.sortOrder=e.sortOrder:m.sortOrder="ascending";p(r)},[e.sortKey,e.sortOrder]);const i=(r,m)=>{let u=m;e.sortKey===r&&(u=m==="ascending"?"descending":"ascending"),d(r,u)},l=r=>{$i(r.key)==null&&i(W.toTransactionsSortKey(r.key),r.sortOrder)};return t.jsx(Uh,{windowSize:c,"data-testid":z("transaction-categorization-header-container"),children:h.map((r,m)=>{const u=n!=null||$i(r.key)!=null;return t.jsxs(Wh,{sortDataValue:e.sortKey,actualDataValue:r.key,wrapperWidth:r.width,style:r.customStyle?.common,isSortDisabled:u,windowSize:c,isLastItem:m===h.length-1,"data-testid":z("transaction-categorization-header-wrapper",r.key),children:[t.jsxs(Yh,{"data-testid":z("transaction-categorization-header",r.value?r.value:r.key),onClick:()=>l(r),isSortDisabled:u,children:[t.jsx(Gh,{children:r.value}),u?null:t.jsx(Jh,{sortConfig:e,headerData:r,"data-testid":z("transaction-categorization-sort-icon",r.key),children:t.jsx(Zh,{})})]}),u?null:t.jsx(Kh,{isSortDisabled:u,sortDataValue:e.sortKey,isVisible:e.sortKey===r.key&&e.sortKey!==Kn.sortKey,"data-testid":z("transaction-categorization-close-icon",r.key),children:t.jsx(qh,{onClick:()=>{i(Kn.sortKey,Kn.sortOrder)},"data-testid":z("transaction-categorization-close-icon-button",r.key)})})]},r.key)})})},Uh=a.div`
|
|
1171
|
-
top: ${o.sp0};
|
|
1172
|
-
left: ${o.sp0};
|
|
1173
|
-
height: ${Th}px;
|
|
1174
|
-
z-index: 2;
|
|
1175
|
-
display: flex;
|
|
1176
|
-
align-items: center;
|
|
1177
|
-
justify-content: space-between;
|
|
1178
|
-
box-sizing: border-box;
|
|
1179
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
1180
|
-
position: sticky;
|
|
1181
|
-
`,Wh=a.div`
|
|
1182
|
-
color: ${e=>e.sortDataValue===e.actualDataValue&&!e.isSortDisabled?e.theme.colors.primary:e.theme.colors.grey1};
|
|
1183
|
-
width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
|
|
1184
|
-
max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
|
|
1185
|
-
padding-left: ${o.sp0};
|
|
1186
|
-
left: ${o.sp0};
|
|
1187
|
-
display: flex;
|
|
1188
|
-
align-items: center;
|
|
1189
|
-
gap: 6px;
|
|
1190
|
-
justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
|
|
1191
|
-
position: static;
|
|
1192
|
-
z-index: 0;
|
|
1193
|
-
box-sizing: border-box;
|
|
1194
|
-
`,qh=a(Mn)`
|
|
1195
|
-
width: 12px;
|
|
1196
|
-
height: 12px;
|
|
1197
|
-
`,Jh=a.div`
|
|
1198
|
-
display: flex;
|
|
1199
|
-
align-items: center;
|
|
1200
|
-
transform: ${e=>e.headerData.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
|
|
1201
|
-
${e=>e.headerData.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
|
|
1202
|
-
`,Kh=a.div`
|
|
1203
|
-
display: ${e=>e.isVisible?"flex":"none"};
|
|
1204
|
-
align-items: center;
|
|
1205
|
-
padding-top: 2px;
|
|
1206
|
-
cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
|
|
1207
|
-
&:hover {
|
|
1208
|
-
color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
|
|
1209
|
-
}
|
|
1210
|
-
`,Zh=a(On)`
|
|
1211
|
-
width: ${o.sp2};
|
|
1212
|
-
height: ${o.sp2};
|
|
1213
|
-
`,Yh=a.div`
|
|
1214
|
-
display: flex;
|
|
1215
|
-
cursor: ${e=>e.isSortDisabled===!0?"not-allowed":"pointer"};
|
|
1216
|
-
gap: 6px;
|
|
1217
|
-
&:hover {
|
|
1218
|
-
color: ${e=>e.isSortDisabled?e.theme.colors.grey1:e.theme.colors.primary};
|
|
1219
|
-
}
|
|
1220
|
-
`,Gh=a(gt)`
|
|
1221
|
-
display: flex;
|
|
1222
|
-
`,Zn="expenseAutomationTransactionsPage",Ut="transactionCategorizationListTable",Ae="account",Ge="class",ct="lineEntitySelection",Xh="lineEntity",Qh="recommendations",Vs="lineInfo",ep="vendorDetails",tp="customerDetails",En="selectedTransactionIds",Lt=(e,n,d)=>`${e}.${d}.${n}`,np=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.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"}),s.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"}),s.createElement("path",{d:"M14.055 8.06982L5.80499 8.06982",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M10.305 12.5698L5.80499 12.5698",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{common:{strings:{underscore:op,hyphen:In,empty:Qt}},expenseAutomation:{transactions:At},dateFormat:ip}=je.getLocalizedStrings(),Rt={containerPaddingLeftRight:new Q(g[3],g[4]),containerPaddingTopBottom:new Q(g[1],g[2]),containerPaddingTopBottomEmpty:new Q(g[2],g[3]),nameLogoWidth:new Q(g[2],g[4]),nameLogoHeight:new Q(g[2],g[4])},sp=({transactionView:e,transaction:n,sectionId:d,vendorSearchAutoCompleteData:c,vendorSearchAutoCompleteActions:h,selectedTab:p,containerRef:i,isCOTEnabled:l,cotTracking:r,onTransactionCategorizationRowClick:m,setCurrentTransactionInAction:u,vendorLoadOptions:x,openTooltipId:y,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:v})=>{const w=Se(),[I,f]=s.useState(!1),{lineItemById:$,sortedLineItems:R}=n.transactionReviewLocalData,A=n.transactionReviewLocalData.tabSpecificLineItems?.[p]||[],O=R.filter(k=>A.indexOf(k)!==-1),b=[];O.forEach(k=>{b.push($[k])});const{accountList:j,accountsHierarchyList:E,classHierarchyList:T,classList:V,uncategorizedAccounts:M,transactions:q,selectedCheckBoxTransactionIds:_}=e,N=_.includes(n.transactionId),J=vt(),K={control:()=>({marginLeft:-2,backgroundColor:I?J.colors.background:J.colors.grey5}),valueContainer:()=>({justifyContent:"flex-start",paddingLeft:g[0]}),menu:()=>({width:"150%",background:J.colors.grey5}),singleValue:()=>({color:I||N?J.colors.primary:J.colors.hero,paddingLeft:g[2]}),input:k=>({...k,color:I||N?J.colors.primary:J.colors.hero,textAlign:"left",paddingLeft:g[2]}),menuPortal:k=>({...k,zIndex:10})},F={...K,singleValue:k=>({...k,color:I||N?J.colors.primary:J.colors.hero}),menu:()=>({marginTop:g[1],marginLeft:-8}),input:k=>({...k,color:I||N?J.colors.primary:J.colors.hero,textAlign:"left"})},le=q.find(k=>k.id===n.transactionId),fe=(k,U)=>{const{transactionType:H}=U.transactionReviewLocalData;let P=k.target;for(;P;){if(P.classList.contains("select-value-container")||P.classList.contains("item-value-container")||P.classList.contains("grouped-single-select-field__value-container")||P.classList.contains("auto-complete-grouped-creatable-single-custom-group-select-field__option")||P.classList.contains("grouped-single-select-field__input")||P.classList.contains("grouped-single-select-field__menu"))return;P=P.parentElement}H!=null&&m(U.transactionId,H)},Y=s.useRef(null),[he,ie]=s.useState("auto");return s.useEffect(()=>{const k=()=>{if(i.current!=null&&Y.current!=null){const U=i.current.getBoundingClientRect(),H=Y.current.getBoundingClientRect().top-U.top;ie(H>285?"top":"bottom")}};return k(),window.addEventListener("resize",k),window.addEventListener("scroll",k),()=>{window.removeEventListener("resize",k),window.removeEventListener("scroll",k)}},[i]),t.jsx(lp,{onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),windowSize:w,isSelected:N,isHovered:I,children:t.jsx(cp,{children:b.map((k,U)=>t.jsx(dp,{ref:Y,"data-testid":z("transaction-categorization-list-row",k.lineId),windowSize:w,onClick:H=>fe(H,n),children:t.jsx(ap,{line:k,isHovered:I||N,isSelected:N,lineIndex:U,sectionId:d,transaction:n,currentTransaction:le,windowSize:w,accountsHierarchyList:E,classHierarchyList:T,allAccountList:j,allClassList:V,uncategorizedAccounts:M,vendorSearchAutoCompleteData:c,vendorSearchAutoCompleteActions:h,setCurrentTransactionInAction:u,vendorLoadOptions:x,customStyle:K,customStyleAutoComplete:F,recommendations:k.recommendationsWithCOT,selectedTab:p,isCOTEnabled:l,menuPlacement:he,cotTracking:r,openTooltipId:y,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:v})},`${n.transactionId}.${k.lineId}`))},n.transactionId)},n.transactionId)},ap=({accountsHierarchyList:e,allAccountList:n,allClassList:d,classHierarchyList:c,customStyle:h,customStyleAutoComplete:p,line:i,lineIndex:l,transaction:r,currentTransaction:m,windowSize:u,uncategorizedAccounts:x,isHovered:y=!1,isSelected:C=!1,sectionId:v,recommendations:w,vendorSearchAutoCompleteData:I,selectedTab:f,isCOTEnabled:$,menuPlacement:R,cotTracking:A,openTooltipId:O,setCurrentTransactionInAction:b,vendorLoadOptions:j,setOpenTooltipId:E,isUncategorizedExpenseCategoryEnabled:T})=>{const{description:V,transactionDate:M,transactionType:q,transactionTypeName:_,memo:N}=r.transactionReviewLocalData,{setValue:J}=wo(),K=s.useCallback((ae,Ce)=>{A?.onCOTView!=null&&A.onCOTView(i.lineId,r.transactionId,ae,Ce)},[A,i.lineId,r.transactionId]),F=s.useMemo(()=>{if(V||N)return[{title:At.description,description:V||In},{title:At.header.memo,description:N||In}]},[N,V]),le=Lt(v,ct,l.toString()),fe=Lt(v,Ae,l.toString()),Y=Lt(v,Ge,l.toString()),he=(ae,Ce)=>{let Pe;switch(Ce){case"vendor":Pe=le;break;case"category":Pe=fe;break;case"class":Pe=Y;break;default:return}J(`${Pe}.selectedOption`,ae,{shouldValidate:!0,shouldDirty:!0})},ie=vt(),k=s.useMemo(()=>m!=null&&W.isVendorTransaction(m)===!0?{id:r.transactionReviewLocalData.customer?.id??"",logo:r.transactionReviewLocalData.customer?.logo,name:r.transactionReviewLocalData.customer?.name??""}:{id:i.customer?.id??"",logo:i.customer?.logo,name:i.customer?.name??""},[m,i.customer?.id,i.customer?.logo,i.customer?.name,r.transactionReviewLocalData.customer?.id,r.transactionReviewLocalData.customer?.logo,r.transactionReviewLocalData.customer?.name]),U=s.useMemo(()=>m!=null&&W.isVendorTransaction(m)===!0?{id:r.transactionReviewLocalData.vendor?.id??"",logo:r.transactionReviewLocalData.vendor?.logo,name:r.transactionReviewLocalData.vendor?.name??""}:{id:i.vendor?.id??"",logo:i.vendor?.logo,name:i.vendor?.name??""},[m,i.vendor?.id,i.vendor?.logo,i.vendor?.name,r.transactionReviewLocalData.vendor?.id,r.transactionReviewLocalData.vendor?.logo,r.transactionReviewLocalData.vendor?.name]),H=i[Ge]?.classId,P=i[Ae]?.qboId??i[Ae]?.accountId,L=k?.id,B=U?.id,ee=U?.name,[ge,D]=s.useState(!H),[ce,X]=s.useState(!P||i[Ae]?.qboId!=null&&W.isAccountUncategorized(x,i[Ae].qboId,T===!0?["income"]:void 0)===!0),[te,ve]=s.useState(!B||!L),$e=ae=>w?.find(Ce=>Ce.vendor?.qboId===ae||Ce.vendor?.id===ae||Ce.vendor?.name===ae)?.vendor?.reason??"",S=r.transactionReviewLocalData.lineItemById[i.lineId]?.recommendationsWithCOT||[],Z=hs(e,S),ye=us(c,S),_e=ae=>n.filter(Ce=>Ce.qboId===ae)[0]?.qboId,Ne=ae=>d.filter(Ce=>Ce.classId===ae)[0]?.accountingClassNumber??void 0,ke=s.useCallback(ae=>W.isAccountUncategorized(x,ae,T===!0?["income"]:void 0),[x,T]),[Te,me]=s.useState(!1),[et,Je]=s.useState(!1),[Ke,de]=s.useState(!1),He=(ae,Ce)=>{b({transactionId:r.transactionId,lineItemId:i.lineId}),j(ae,Ce)},ot=()=>{ve(!(B||L)),me(!1)},it=()=>{P&&i[Ae]?.qboId!=null&&W.isAccountUncategorized(x,i[Ae].qboId,T===!0?["income"]:void 0)===!1?X(!1):X(!0),de(!1)},jt=()=>{D(!H),Je(!1)},kt=()=>{(B||L)&&me(!0)},Ft=()=>{Je(!0)},It=()=>{de(!0)};s.useEffect(()=>{P&&i[Ae]?.qboId!=null&&W.isAccountUncategorized(x,i[Ae].qboId,T===!0?["income"]:void 0)===!1?X(!1):X(!0)},[P]),s.useEffect(()=>{D(!H)},[H]),s.useEffect(()=>{ve(!(B||L))},[B,L]);const Oe=r.transactionReviewLocalData.selectedEntity,re=r.transactionReviewLocalData.lineItemById[i.lineId].selectedEntityLine,oe=m!=null&&W.isVendorTransaction(m)===!0?Oe:re,be=s.useMemo(()=>{const ae=r.transactionReviewLocalData.lineItemById[i.lineId]?.recommendationsWithCOT||[],Ce=I.entityAutoCompleteView;return{selectedOption:oe?.qboId??oe?.id,defaultOptions:yo(Ce,oe,ae??[])}},[oe,r.transactionReviewLocalData.lineItemById,i.lineId,I.entityAutoCompleteView]),Ie=()=>oe!=null&&oe.logo!=null?t.jsx(ls,{photoUrl:oe.logo.toString(),styles:{width:Rt.nameLogoWidth.valuePx(u),height:Rt.nameLogoHeight.valuePx(u)},fallbackAvatar:t.jsx(Ai,{children:t.jsx(dn,{name:oe.name,size:o.sp4})})}):oe!=null&&oe.name!=null?t.jsx(Ai,{children:t.jsx(dn,{name:oe.name,size:o.sp4})}):null,st=(ae,Ce)=>{if(Ce==null||!Ce)return;let Pe=[];return ae.forEach(Ze=>{Pe=Pe.concat(Ze.options)}),Pe.find(Ze=>Ze.value===Ce)?.label??Ce},at=st(ye,H),$t=st(Z,P),Me=f==="review",Jt=Bn("vendor",be.defaultOptions,be.selectedOption),Kt=Bn("category",Z,P),Pt=Bn("class",ye,H),mn=()=>wt.map((ae,Ce)=>{const Pe=`${r.transactionId}_${ae.key}_${i.lineId}`;if(l>0&&m!=null&&W.isVendorTransaction(m)===!0&&ae.key==="vendor")return t.jsx(rt,{windowSize:u,wrapperWidth:ae.width},Pe);if(l>0&&ae.key==="transaction_type")return t.jsx(rt,{windowSize:u,wrapperWidth:ae.width},Pe);switch(ae.key){case"vendor":default:return t.jsxs(rt,{windowSize:u,wrapperWidth:ae.width,className:"item-value-container",children:[t.jsx(Yn,{isCOTEnabled:$,recommendations:S,type:"vendor",isFirstColumn:!0,isEnabled:!!oe?.isPreFilled,isMisCategorized:Jt,onRecommendationClick:he,selectedValue:B,selectedValueLabel:ee,isReviewTab:Me,isAccountOptionDisabled:ke,existingOption:{label:m!=null&&W.isVendorTransaction(m)===!0?m?.vendor?.name:void 0,value:m!=null&&W.isVendorTransaction(m)===!0?m?.vendor?.id:void 0},cotTracking:A,lineId:i.lineId,transactionId:r.transactionId,openTooltipId:O,setOpenTooltipId:E}),t.jsx(to,{children:te===!0?t.jsx(Qn,{isHovered:y,children:t.jsxs(Gn,{onClick:Ze=>{Ze.stopPropagation(),ve(!1),me(!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(Xn,{}),At.addPayee]})}):Te===!0?t.jsx(yt,{onClickAway:ot,children:t.jsx(Sp,{"data-testid":z("vendor-selection-dropdown-container",Lt(v,ct,l.toString())),children:t.jsx(Za,{name:le,placeholder:At.addPayee,valueToInfo:$e,defaultValue:{selectedOption:be.selectedOption,defaultOptions:be.defaultOptions},type:"vendor",autoFocus:!te,style:{width:"100%"},pageSource:"list_page",transactionStatus:Me?"pending_review":"auto_categorized",isOptionRemovable:!1,customStyleConfig:p,menuIsOpen:Te,onMenuClose:ot,registerOptions:{required:!1},loadOptions:He,showCOT:$,onCOTView:K,menuPlacement:R})})}):t.jsx(kp,{children:t.jsxs(eo,{isHovered:y,showOutline:Jt&&oe?.isPreFilled!==!0&&!C&&Me,children:[Ie(),t.jsx(vp,{onClick:kt,"data-testid":z("vendor-name-text",v),children:oe!=null&&oe.name?t.jsx(nt,{text:oe.name,itemTextStyle:{color:y?ie.colors.primary:ie.colors.hero}}):t.jsx(jp,{children:In})})]})})})]},Pe);case"category":{const Ze=m?.lines!=null?m?.lines[l]:void 0;return t.jsxs(rt,{windowSize:u,wrapperWidth:ae.width,className:"item-value-container",children:[t.jsx(Yn,{isCOTEnabled:$,recommendations:S,type:"category",isFirstColumn:!1,isReviewTab:Me,isEnabled:!!i[Ae]?.isPreFilled,isAccountOptionDisabled:ke,isMisCategorized:Kt,onRecommendationClick:he,selectedValue:P,selectedValueLabel:$t,existingOption:{label:Ze?.account?.accountName,value:Ze?.account?.qboId??Ze?.account?.accountId},cotTracking:A,lineId:i.lineId,transactionId:r.transactionId,openTooltipId:O,setOpenTooltipId:E}),t.jsx(to,{children:ce===!0?t.jsx(Qn,{isHovered:y,children:t.jsxs(Gn,{onClick:zt=>{zt.stopPropagation(),X(!1),de(!0)},"data-testid":z("category-selection-field",fe),style:{display:"inline-flex",alignItems:"center",color:Qe.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(Xn,{}),At.addCategory]})}):Ke===!0?t.jsx(yt,{onClickAway:it,children:t.jsx(Ei,{isHovered:y,"data-testid":z("category-selection-dropdown-container",fe),children:t.jsx(Bo,{name:fe,placeholder:At.addCategory,valueToId:zt=>_e(zt),type:"category",pageSource:"list_page",transactionStatus:Me?"pending_review":"auto_categorized",showCOT:$,defaultValue:{selectedOption:P,allOptions:Z},style:{display:"flex",flexGrow:1,width:"100%",cursor:"inherit"},registerOptions:{required:!1},menuIsOpen:Ke,autoFocus:!ce&&(!P||i[Ae]?.qboId!=null&&[x.expense?.qboId,x.income?.qboId].includes(i[Ae].qboId)),onMenuClose:it,customStyleConfig:h,disableCurrentOption:ke,menuPlacement:R,onCOTView:K})})}):t.jsx(eo,{isHovered:y,showOutline:Kt&&i[Ae]?.isPreFilled!==!0&&!C&&Me,children:t.jsx(Ri,{onClick:It,"data-testid":z("category-label-text",fe),children:t.jsx(nt,{text:$t??"",itemTextStyle:{color:y?ie.colors.primary:ie.colors.hero}})})})})]},Pe)}case"class":{const Ze=m?.lines!=null?m?.lines[l]:void 0;return t.jsxs(rt,{windowSize:u,wrapperWidth:ae.width,className:"item-value-container",children:[t.jsx(Yn,{isCOTEnabled:$,recommendations:S,type:"class",isFirstColumn:!1,isReviewTab:Me,isEnabled:!!i[Ge]?.isPreFilled,isAccountOptionDisabled:ke,isMisCategorized:Pt,onRecommendationClick:he,selectedValue:H,selectedValueLabel:at,existingOption:{label:Ze?.class?.className,value:Ze?.class?.classId},cotTracking:A,lineId:i.lineId,transactionId:r.transactionId,openTooltipId:O,setOpenTooltipId:E}),t.jsx(to,{children:ge===!0?t.jsx(Qn,{isHovered:y,children:t.jsxs(Gn,{onClick:zt=>{zt.stopPropagation(),D(!1),Je(!0)},"data-testid":z("class-selection-field",Y),style:{display:"inline-flex",alignItems:"center",color:Qe.brandColorGoldDark,cursor:"pointer",height:o.sp6},children:[t.jsx(Xn,{}),At.addClass]})}):et===!0?t.jsx(yt,{onClickAway:jt,children:t.jsx(Ei,{isHovered:y,"data-testid":z("class-selection-dropdown-container",Y),children:t.jsx(Bo,{name:Y,placeholder:At.addClass,valueToId:zt=>Ne(zt),type:"class",showCOT:$,defaultValue:{selectedOption:H,allOptions:ye},pageSource:"list_page",transactionStatus:Me?"pending_review":"auto_categorized",menuIsOpen:et,registerOptions:{required:!1},style:{width:"100%"},autoFocus:!ge&&!H,customStyleConfig:h,onMenuClose:jt,menuPlacement:R,onCOTView:K})})}):t.jsx(eo,{isHovered:y,showOutline:Pt&&i[Ge]?.isPreFilled!==!0&&!C&&Me,children:t.jsx(Ri,{"data-testid":z("class-selection-field",Y),onClick:Ft,children:t.jsx(nt,{text:at??"",itemTextStyle:{color:y?ie.colors.primary:ie.colors.hero}})})})})]},Pe)}case"date":return t.jsx(rt,{windowSize:u,wrapperWidth:ae.width,children:t.jsx(on,{windowSize:u,isLastItem:Ce===wt.length-1,children:t.jsx(go,{"data-testid":z("date-field",Lt(v,Ge,l.toString())),children:t.jsx(hp,{style:{color:y?ie.colors.primary:ie.colors.hero},children:M!=null?M.format(ip.visual.MMMDCommaYYYYformat):null})})})},Pe);case"transaction_type":return t.jsx(rt,{windowSize:u,wrapperWidth:ae.width,children:t.jsx(on,{windowSize:u,"data-testid":z("transaction-type-field",Lt(v,Ge,l.toString())),isLastItem:Ce===wt.length-1,children:_!=null?t.jsx(Ja,{textColor:y?new Co(ie.colors.primary):Ka(void 0,ie),text:_??q}):null})},Pe);case"memo":return t.jsx(rt,{windowSize:u,wrapperWidth:ae.width,children:t.jsx(on,{style:{lineHeight:o.sp3},windowSize:u,isLastItem:Ce===wt.length-1,"data-testid":z("memo-field",Lt(v,Ge,l.toString())),children:F!=null&&l==0?t.jsx(we,{placement:"bottom",data:F,variant:"multi-information-points",children:t.jsx(mp,{style:{color:y?ie.colors.primary:ie.colors.hero}})}):l==0?t.jsx(pp,{children:In}):null})},Pe);case"amount":{const Ze=qe("0,0.[00]",i.amount,!0);return t.jsx(rt,{windowSize:u,style:{paddingRight:g[4]},wrapperWidth:ae.width,children:t.jsx(on,{windowSize:u,isLastItem:Ce===wt.length-1,children:t.jsx(go,{"data-testid":z("transaction-amount-field",Lt(v,Ge,l.toString())),style:{color:y?ie.colors.primary:ie.colors.hero},children:Ze})})},Pe)}}});return t.jsx(t.Fragment,{children:mn()})},Ti=({isEnabled:e,isReviewTab:n,isMisCategorized:d,hasRecommendations:c,isTooltipVisible:h=!1})=>e?n?h?t.jsx(fp,{}):t.jsx(gp,{}):h?t.jsx(xp,{}):t.jsx(yp,{className:"ai-icon-selected-plain"}):!e&&d||c?h?t.jsx(wp,{}):t.jsx(Cp,{}):null,Li=({isFirstColumn:e,children:n})=>t.jsx(Us,{isFirstColumn:e,children:n}),Yn=({recommendations:e,isCOTEnabled:n,type:d,isReviewTab:c,selectedValueLabel:h,isFirstColumn:p,isEnabled:i=!1,isMisCategorized:l=!1,selectedValue:r,existingOption:m,cotTracking:u,lineId:x,openTooltipId:y,transactionId:C,isAccountOptionDisabled:v,onRecommendationClick:w,setOpenTooltipId:I})=>{const f=s.useMemo(()=>`${C}:${x}:${d}`,[C,x,d]),$=y===f,R=Xa().analytics,{createAlternateRecommendationCallback:A}=Qa(),O=s.useCallback(q=>{const _=e[1],N=e[0];A(d,{currentValue:h??Qt,transactionCurrentStatus:c?"pending_review":"auto_categorized",transactionPage:"list_page",cotTracking:u?{transactionId:C,lineId:x,onCOTView:(J,K,F,le)=>{u.onCOTView?.(J,K,F,le)}}:void 0},_,N)(q)},[A,e,h,c,d,u,x,C]),b=er(e,d,n,m,"list_page",c?"pending_review":"auto_categorized",w,O,r,v),j=tr(e,d),E=s.useCallback(()=>{I(f);const q=b?.recommendations[0]?.cot??[],_=b?.recommendations[1]?.cot??[],N=_.length>0;if(R.trackTransactionCotView({recommendationFor:d,currentValue:h??Qt,recommendation:b?.recommendations[0]?.name??Qt,recommendationCot:q,isRecommendationCotAvailable:q.length>0,recommendationReason:b?.recommendations[0]?.reason??Qt,recommendationConfidencePercentage:b?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:Fo(Po(b?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:b?.recommendations[1]?.name??Qt,alternativeRecommendationCot:_,isAlternativeRecommendationCotAvailable:N,alternativeRecommendationReason:b?.recommendations[1]?.reason??Qt,alternativeRecommendationConfidencePercentage:b?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:N?Fo(Po(b?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:c?"pending_review":"auto_categorized",transactionPage:"list_page"}),u?.onCOTView!=null){const J=nr(b);J!=null&&u.onCOTView(x,C,d,J)}},[R,b,c,h,d,x,C,f,I]),T=s.useCallback(()=>{y===f&&I(void 0)},[y,f,I]),V=s.useMemo(()=>!r||!j?!1:e.some(q=>d==="vendor"&&q.vendor!=null?q.vendor.id===r||q.vendor.qboId===r:d==="category"&&q.account!=null?q.account.qboId===r||q.account.accountId===r:d==="class"&&q.class!=null?q.class.classId===r:!1),[r,j,e,d]);if(!j)return t.jsx(Us,{isFirstColumn:p});const M=i||V;return b?t.jsx(Li,{isFirstColumn:p,children:t.jsx(we,{variant:"chain-of-thought",data:b,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:$,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:E,onClose:T,children:t.jsx(bp,{children:t.jsx(Ti,{isEnabled:M,isReviewTab:c,isMisCategorized:l,hasRecommendations:j,isTooltipVisible:$})})})}):t.jsx(Li,{isFirstColumn:p,children:t.jsx(Ti,{isEnabled:M,isReviewTab:c,isMisCategorized:l,hasRecommendations:j,isTooltipVisible:$})})},Hs=()=>{const e=Se(),n=s.useRef(null),[d,c]=s.useState(0);return s.useLayoutEffect(()=>{n.current&&c(n.current.offsetWidth)},[e]),t.jsx(rp,{windowSize:e,ref:n,children:wt.map((h,p)=>{const i=`${p}${op}${h.key}`;switch(h.key){case"vendor":return t.jsx(rt,{windowSize:e,wrapperWidth:h.width,children:t.jsx(on,{windowSize:e,isLastItem:p===wt.length-1,children:t.jsxs(go,{children:[t.jsx(bo,{width:g[4],height:g[4]}),t.jsx(Ot,{width:d*h.width.value(e)/100,height:g[4],style:{display:"flex",alignItems:"center"}})]})})},i);default:return t.jsx(rt,{windowSize:e,wrapperWidth:h.width,children:t.jsx(on,{windowSize:e,isLastItem:p===wt.length-1,children:t.jsx(Ot,{width:d*h.width.value(e)/100,height:g[4],style:{display:"flex",alignItems:"center"}})})},i)}})})},rp=a.div`
|
|
1223
|
-
display: flex;
|
|
1224
|
-
background-color: ${e=>e.theme.colors.grey5};
|
|
1225
|
-
padding-left: ${e=>Rt.containerPaddingLeftRight.valuePx(e.windowSize)};
|
|
1226
|
-
padding-right: ${e=>Rt.containerPaddingLeftRight.valuePx(e.windowSize)};
|
|
1227
|
-
padding-top: ${e=>Rt.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
|
|
1228
|
-
padding-bottom: ${e=>Rt.containerPaddingTopBottomEmpty.valuePx(e.windowSize)};
|
|
1229
|
-
border: ${e=>`1px solid ${e.theme.colors.grey3}`};
|
|
1230
|
-
box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
|
|
1231
|
-
border-radius: ${o.sp2};
|
|
1232
|
-
color: ${e=>e.theme.colors.hero};
|
|
1233
|
-
cursor: pointer;
|
|
1234
|
-
&:hover {
|
|
1235
|
-
border-color: ${e=>e.theme.colors.primary};
|
|
1236
|
-
}
|
|
1237
|
-
|
|
1238
|
-
box-sizing: border-box;
|
|
1239
|
-
align-items: center;
|
|
1240
|
-
justify-content: space-between;
|
|
1241
|
-
`,lp=a.div`
|
|
1242
|
-
display: flex;
|
|
1243
|
-
height: 100%;
|
|
1244
|
-
flex: 1;
|
|
1245
|
-
background-color: ${e=>e.theme.colors.grey5};
|
|
1246
|
-
border: ${e=>`1px solid ${e.theme.colors.grey3}`};
|
|
1247
|
-
box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
|
|
1248
|
-
border-radius: ${o.sp2};
|
|
1249
|
-
color: ${e=>e.theme.colors.hero};
|
|
1250
|
-
border-color: ${e=>e.isSelected?e.theme.colors.primary:"none"};
|
|
1251
|
-
cursor: pointer;
|
|
1252
|
-
&:hover {
|
|
1253
|
-
border-color: ${e=>e.theme.colors.primary};
|
|
1254
|
-
}
|
|
1255
|
-
|
|
1256
|
-
box-sizing: border-box;
|
|
1257
|
-
align-items: center;
|
|
1258
|
-
justify-content: space-between;
|
|
1259
|
-
|
|
1260
|
-
.ai-icon-selected-plain {
|
|
1261
|
-
color: ${e=>e.theme.colors.hero};
|
|
1262
|
-
}
|
|
1263
|
-
|
|
1264
|
-
${({isHovered:e,theme:n})=>e?Xe`
|
|
1265
|
-
.ai-icon-selected-plain {
|
|
1266
|
-
color: ${n.colors.primary};
|
|
1267
|
-
}
|
|
1268
|
-
`:null};
|
|
1269
|
-
`,cp=a.div`
|
|
1270
|
-
display: flex;
|
|
1271
|
-
flex: 1;
|
|
1272
|
-
flex-direction: column;
|
|
1273
|
-
width: 100%;
|
|
1274
|
-
box-sizing: border-box;
|
|
1275
|
-
align-items: center;
|
|
1276
|
-
justify-content: space-around;
|
|
1277
|
-
`,dp=a.div`
|
|
1278
|
-
display: flex;
|
|
1279
|
-
flex: 1;
|
|
1280
|
-
flex-direction: row;
|
|
1281
|
-
width: 100%;
|
|
1282
|
-
align-items: center;
|
|
1283
|
-
justify-content: space-between;
|
|
1284
|
-
height: ${o.sp8};
|
|
1285
|
-
padding-top: ${e=>Rt.containerPaddingTopBottom.valuePx(e.windowSize)};
|
|
1286
|
-
padding-bottom: ${e=>Rt.containerPaddingTopBottom.valuePx(e.windowSize)};
|
|
1287
|
-
`,rt=a.div`
|
|
1288
|
-
display: flex;
|
|
1289
|
-
align-items: center;
|
|
1290
|
-
flex-direction: row;
|
|
1291
|
-
position: relative;
|
|
1292
|
-
width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${o.sp4})`};
|
|
1293
|
-
min-width: ${e=>`calc(${e.wrapperWidth.valuePercentage(e.windowSize)} - ${o.sp4})`};
|
|
1294
|
-
:last-of-type {
|
|
1295
|
-
padding-right: ${o.sp0};
|
|
1296
|
-
}
|
|
1297
|
-
`,up=Xe`
|
|
1298
|
-
word-break: break-word;
|
|
1299
|
-
white-space: nowrap;
|
|
1300
|
-
-webkit-line-clamp: 1;
|
|
1301
|
-
-webkit-box-orient: vertical;
|
|
1302
|
-
overflow: hidden;
|
|
1303
|
-
text-overflow: ellipsis;
|
|
1304
|
-
display: -webkit-box;
|
|
1305
|
-
`,on=a(Fe)`
|
|
1306
|
-
overflow: hidden;
|
|
1307
|
-
justify-content: ${e=>e.isLastItem?"flex-end":"flex-start"};
|
|
1308
|
-
display: flex;
|
|
1309
|
-
width: 100%;
|
|
1310
|
-
align-items: center;
|
|
1311
|
-
`,go=a.div`
|
|
1312
|
-
display: flex;
|
|
1313
|
-
flex-direction: row;
|
|
1314
|
-
column-gap: ${o.sp2};
|
|
1315
|
-
align-items: center;
|
|
1316
|
-
`,hp=a(Fe)`
|
|
1317
|
-
${up};
|
|
1318
|
-
color: ${e=>e.theme.colors.hero};
|
|
1319
|
-
`,Gn=a(Fe)`
|
|
1320
|
-
color: ${e=>e.theme.colors.hero};
|
|
1321
|
-
`,Xn=a(Fn)`
|
|
1322
|
-
width: ${o.sp3};
|
|
1323
|
-
height: ${o.sp3};
|
|
1324
|
-
margin: ${o.sp1};
|
|
1325
|
-
`,pp=a.div`
|
|
1326
|
-
margin: ${o.sp3};
|
|
1327
|
-
`,mp=a(np)`
|
|
1328
|
-
width: ${o.sp3};
|
|
1329
|
-
height: ${o.sp3};
|
|
1330
|
-
margin-left: 10px;
|
|
1331
|
-
`,gp=a(ar)`
|
|
1332
|
-
width: ${o.sp5};
|
|
1333
|
-
height: ${o.sp5};
|
|
1334
|
-
`,xp=a(dr)`
|
|
1335
|
-
width: ${o.sp5};
|
|
1336
|
-
height: ${o.sp5};
|
|
1337
|
-
`,fp=a(sr)`
|
|
1338
|
-
width: ${o.sp5};
|
|
1339
|
-
height: ${o.sp5};
|
|
1340
|
-
`,yp=a(ur)`
|
|
1341
|
-
width: ${o.sp5};
|
|
1342
|
-
height: ${o.sp5};
|
|
1343
|
-
`,Cp=a(hn)`
|
|
1344
|
-
width: ${o.sp3};
|
|
1345
|
-
height: ${o.sp3};
|
|
1346
|
-
path {
|
|
1347
|
-
stroke-width: 2;
|
|
1348
|
-
}
|
|
1349
|
-
`,wp=a(rr)`
|
|
1350
|
-
width: ${o.sp3};
|
|
1351
|
-
height: ${o.sp3};
|
|
1352
|
-
`,Us=a.div`
|
|
1353
|
-
display: flex;
|
|
1354
|
-
align-items: center;
|
|
1355
|
-
justify-content: center;
|
|
1356
|
-
width: ${o.sp5};
|
|
1357
|
-
margin-left: ${e=>e.isFirstColumn?o.sp2:o.sp0};
|
|
1358
|
-
height: 100%;
|
|
1359
|
-
`,bp=a.div`
|
|
1360
|
-
display: flex;
|
|
1361
|
-
align-items: center;
|
|
1362
|
-
justify-content: center;
|
|
1363
|
-
width: auto;
|
|
1364
|
-
cursor: pointer;
|
|
1365
|
-
`,vp=a(Fe)`
|
|
1366
|
-
display: flex;
|
|
1367
|
-
max-width: calc(100% - ${o.sp6});
|
|
1368
|
-
flex: 1 1 auto;
|
|
1369
|
-
color: ${e=>e.theme.colors.primary};
|
|
1370
|
-
text-align: center;
|
|
1371
|
-
align-items: center;
|
|
1372
|
-
overflow: hidden;
|
|
1373
|
-
display: flex;
|
|
1374
|
-
`,Ai=a.div`
|
|
1375
|
-
display: flex;
|
|
1376
|
-
`,Sp=a.div`
|
|
1377
|
-
width: 100%;
|
|
1378
|
-
padding-left: 10px;
|
|
1379
|
-
margin-left: ${o.sp0};
|
|
1380
|
-
border-radius: ${o.sp1};
|
|
1381
|
-
background-color: ${e=>e.theme.colors.background};
|
|
1382
|
-
display: flex;
|
|
1383
|
-
align-items: center;
|
|
1384
|
-
flex-direction: row;
|
|
1385
|
-
`,Qn=a.div`
|
|
1386
|
-
padding: ${o.sp0} ${o.sp2};
|
|
1387
|
-
border-radius: ${o.sp1};
|
|
1388
|
-
margin-left: ${o.sp0};
|
|
1389
|
-
width: 100%;
|
|
1390
|
-
background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
|
|
1391
|
-
`,Ei=a.div`
|
|
1392
|
-
width: 100%;
|
|
1393
|
-
border-radius: ${o.sp1};
|
|
1394
|
-
padding-left: 2px;
|
|
1395
|
-
background-color: ${e=>e.theme.colors.background};
|
|
1396
|
-
background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
|
|
1397
|
-
display: flex;
|
|
1398
|
-
align-items: center;
|
|
1399
|
-
flex-direction: row;
|
|
1400
|
-
`,jp=a(Fe)``,kp=a.div`
|
|
1401
|
-
width: 100%;
|
|
1402
|
-
display: flex;
|
|
1403
|
-
padding-left: ${o.sp0};
|
|
1404
|
-
`,eo=a.div`
|
|
1405
|
-
width: 100%;
|
|
1406
|
-
display: flex;
|
|
1407
|
-
flex-direction: row;
|
|
1408
|
-
align-items: center;
|
|
1409
|
-
gap: ${o.sp2};
|
|
1410
|
-
padding: ${o.sp2};
|
|
1411
|
-
padding-left: ${o.sp2};
|
|
1412
|
-
border-radius: ${o.sp1};
|
|
1413
|
-
background-color: ${e=>e.isHovered?e.theme.colors.background:e.theme.colors.grey5};
|
|
1414
|
-
outline: ${e=>e.showOutline?`1px dashed ${e.theme.colors.grey1}`:"none"};
|
|
1415
|
-
outline-color: ${e=>e.isHovered&&e.theme.colors.primary};
|
|
1416
|
-
`,Ri=a.div``,to=a.div`
|
|
1417
|
-
display: flex;
|
|
1418
|
-
align-items: center;
|
|
1419
|
-
width: calc(100% - ${o.sp5});
|
|
1420
|
-
`,Ip=({sortConfig:e,fetchState:n,isDisabled:d,onColumnSortConfigChanged:c})=>{const h=Se();return t.jsxs($p,{windowSize:h,children:[t.jsx(Ns,{sortConfig:e,isDisabled:n==="In-Progress"?"readonly":d,onColumnSortConfigChanged:c,"data-testid":z("transaction-categorization-list-empty-table-header")}),t.jsx(Tp,{windowSize:h,"data-testid":z("transaction-categorization-list-empty-rows-container"),children:[...Array(3)].map((p,i)=>t.jsx(Hs,{"data-testid":z("transaction-categorization-list-empty-row",i.toString())},i))})]})},$p=a.div`
|
|
1421
|
-
display: block;
|
|
1422
|
-
min-height: 100%;
|
|
1423
|
-
flex-direction: column;
|
|
1424
|
-
width: 100%;
|
|
1425
|
-
padding-left: ${o.sp8};
|
|
1426
|
-
padding-right: ${o.sp8};
|
|
1427
|
-
`,Tp=a.div`
|
|
1428
|
-
display: flex;
|
|
1429
|
-
flex: 1;
|
|
1430
|
-
min-height: 100%;
|
|
1431
|
-
flex-direction: column;
|
|
1432
|
-
row-gap: ${o.sp3};
|
|
1433
|
-
`,{common:Lp,transactionDetail:{notCategorizedTooltipText:Ap}}=je.getLocalizedStrings(),no={rowGap:new Q(g[0],g[2],g[3])},Ep=({selectedTab:e,transactionView:n,receiptUploadEndpoint:d,authParams:c,sectionId:h,isCOTEnabled:p,isDisabled:i,vendorSearchAutoCompleteActions:l,vendorSearchAutoCompleteData:r,setCurrentTransactionInAction:m,vendorLoadOptions:u,onTransactionCategorizationRowClick:x,onUpdateTransactionCategorizationUIState:y,onUpdateScrollYOffSetTransactionCategorizationUIState:C,onFetchTransactionCategorizationList:v,containerRef:w,cotTracking:I,isUncategorizedExpenseCategoryEnabled:f})=>{const $=Se(),[R,A]=s.useState(void 0),{fetchState:O,uiState:b,transactionLocalData:j,selectedCheckBoxTransactionIds:E,transactionIdsWithUnsavedData:T,transactions:V,uncategorizedAccounts:M}=n,q=s.useRef(null),_=s.useRef({}),{control:N}=wo();s.useEffect(()=>{q.current?.resetAfterIndex(0,!0)},[$,q,j]),s.useEffect(()=>{q.current?.scrollTo(b.scrollPosition?.scrollTop??0)},[e]);const J=s.useCallback(D=>{if(_.current?.[D]!=null){const te=$==="small"&&b.pageToken==null&&D===j.length-1?no.rowGap.value("medium-regular"):no.rowGap.value($);return _.current[D]+te}if(j[D]==null)return 0;const ce=j[D].transactionReviewLocalData,X=Object.keys(ce.lineItemById).length;return X!=null&&!isNaN(X)&&X>1?Ii*X+no.rowGap.value($)*(X-1):Ii},[j,$,b.pageToken,b.sortKey,b.sortOrder]),K=s.useCallback((D,ce)=>{_.current={..._.current,[D]:ce},q.current?.resetAfterIndex(0,!0)},[$,q,j,b.sortKey,b.sortOrder]),F=s.useCallback(()=>{(b.pageToken!=null&&n.refreshStatus.fetchState!=="In-Progress"||n.refreshStatus.fetchState==="Completed")&&v(e,b.searchString,!0,b.pageToken,!0,!1)},[n.refreshStatus.fetchState,v,e,b.pageToken,b.searchString,b.sortKey,b.sortOrder]),le=s.useCallback(()=>{b.pageToken!=null&&F()},[F,b.pageToken,b.sortKey,b.sortOrder]),fe=za(D=>C(e,{scrollPosition:{scrollTop:D}}),1e3,{trailing:!0}),Y=D=>D<n.transactionLocalData.length,he=(D,ce)=>{y(e,{sortOrder:ce,sortKey:D}),v(e,b.searchString,!1,null,!1,!0)},ie=D=>{if(e==="autoCategorized")return!E.includes(D);const ce=j.find(te=>te.transactionId===D)?.transactionReviewLocalData,X=V.find(te=>te.id===D);return X!=null&&ce!=null?W.checkIfAllLineItemsAreCategoryClassFilled(X,ce,M,f)?f===!0&&Oo.isAnyItemWithUncategorizedExpenseAccount(M,ce.lineItemById,["expense"])?T.includes(D)===!1:!1:!0:E.length===0?!0:!E.includes(D)};let k=[],U=[];(O==="Completed"||n.transactionLocalData.length>0)&&(U=n.transactionLocalData.map((D,ce)=>{const X=ie(D.transactionId);let te=!1;f===!0&&X===!0&&e==="review"&&Oo.isAnyItemWithUncategorizedExpenseAccount(M,D.transactionReviewLocalData.lineItemById,["expense"])&&(te=!T.includes(D.transactionId));const ve=D.transactionReviewLocalData;return{label:t.jsx(sp,{transactionView:n,sectionId:`${h}.${ce}.${Vs}`,transaction:D,receiptUploadEndpoint:d,authParams:c,onTransactionCategorizationRowClick:x,vendorLoadOptions:u,setCurrentTransactionInAction:m,vendorSearchAutoCompleteActions:l,vendorSearchAutoCompleteData:r,selectedTab:e,containerRef:w,isCOTEnabled:p,cotTracking:I,openTooltipId:R,setOpenTooltipId:A,isUncategorizedExpenseCategoryEnabled:f},`${D.transactionId}.${ve.transactionType}`),value:D.transactionId,defaultChecked:!1,groupLabel:!1,isException:te,exceptionMode:te===!0?"checked_or_hover":void 0,isSticky:!0,isDisabled:X===!0?"readonly":void 0,exceptionType:te===!0?"alert":void 0,exceptionInfo:te===!0?Ap:void 0,exceptionTooltipStyle:{textAlign:"center",maxWidth:"250px",padding:`12px ${o.sp2}`}}}),k=U.map(D=>D.value));const H={label:"All",value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},{title:P,subTitle:L}=Ve("transaction_categorization").allDoneText,B=j.map(D=>D.transactionId),ee=s.useMemo(()=>n.totalCountByTab[e],[e,n.totalCountByTab]),ge=s.useMemo(()=>j.reduce((D,ce)=>{const X=Object.keys(ce.transactionReviewLocalData.lineItemById).length;return D+(X>0?X:1)},0)<n.totalCountByTab[e]?j.length+1:j.length,[j,n.totalCountByTab,e]);return t.jsx(Fp,{windowSize:$,"data-testid":z("transaction-categorization-list-wrapper"),children:t.jsx(Pp,{windowSize:$,"data-testid":z("transaction-categorization-list-container"),children:O==="Error"?t.jsxs(Bp,{windowSize:$,"data-testid":z("transaction-categorization-reload-page"),children:[t.jsx(_p,{onClick:()=>v(e,void 0,!0,null,!1,!0),"data-testid":z("transaction-categorization-reload-icon"),children:t.jsx(fo,{})}),t.jsx(Np,{"data-testid":z("transaction-categorization-reload-label"),children:Lp.reloadPage.label})]}):O==="Completed"&&j.length===0?t.jsx(bt,{tab:"transaction_categorization",title:P,subTitle:L,"data-testid":z("transaction-categorization-empty-table-section")}):O==="Not-Started"||O==="In-Progress"&&j.length===0?t.jsx(Ip,{sortConfig:{sortKey:b.sortKey,sortOrder:b.sortOrder},fetchState:O,onColumnSortConfigChanged:he,"data-testid":z("transaction-categorization-list-empty-table")}):t.jsx(zp,{windowSize:$,"data-testid":z("transaction-categorization-list-view"),children:t.jsx(rs,{control:N,name:"selectedTransactionIds",defaultValue:[],render:({field:{value:D,ref:ce,onChange:X}})=>t.jsx(Ws.Provider,{value:{value:D,mode:"off",allCheckBoxValues:k,index:0,sortKey:b.sortKey,sortOrder:b.sortOrder,fetchState:O,isDisabled:i,groupLabelCheckBox:H,onColumnSortConfigChanged:he,ref:ce,onChange:X,selectedTab:e},children:t.jsx(Rn,{children:({height:te,width:ve})=>t.jsx(Ba,{isItemLoaded:Y,itemCount:ee,loadMoreItems:le,children:({onItemsRendered:$e,ref:S})=>t.jsx(Dn,{ref:Z=>{S(Z),q.current=Z},height:te,itemCount:ge,itemKey:Z=>j[Z]?.transactionId,innerElementType:Rp,onItemsRendered:$e,width:ve,style:{willChange:"auto"},overscanCount:$h,itemSize:J,itemData:{checkboxes:U,value:D,allCheckBoxValues:k,groupLabelCheckBox:H,categorizationGroupValue:B,transactionLocalData:j,mode:"always_on",setRowHeight:K,isItemLoaded:Y,ref:S,onChange:X,selectedCheckBoxTransactionIds:E},initialScrollOffset:n.uiState.scrollPosition?.scrollTop,onScroll:({scrollOffset:Z})=>{fe(Z)},children:Op})})})})})})})})},Rp=e=>{const{value:n,allCheckBoxValues:d,groupLabelCheckBox:c,index:h,isDisabled:p,fetchState:i,sortKey:l,sortOrder:r,mode:m,ref:u,onChange:x,onColumnSortConfigChanged:y}=Dp(),{children:C,style:v,...w}=e;return i==="Completed"?t.jsxs(Vp,{ref:u,style:{...v,width:"auto"},...w,children:[t.jsx(Hp,{children:t.jsx(ps,{selectionLimit:W.MAX_SELECTION_LIMIT,value:n,checkBox:{label:t.jsx(Mp,{children:t.jsx(Ns,{sortConfig:{sortKey:l,sortOrder:r},isDisabled:p,onColumnSortConfigChanged:y})}),value:"allTransactionOptionId",defaultChecked:!1,groupLabel:!1},isDisabled:"disabled",groupLabelCheckBox:c,allCheckBoxValues:d,mode:m,draggable:!1,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:o.sp3},name:"transactionCategorizationHeader",index:h,onChangeHandler:I=>ms({event:I,value:n,allCheckBoxValues:d,groupLabelCheckBox:c,onChange:x}),ref:u})}),t.jsx(Up,{children:C})]},`${d[h]}-${h}`):null},Ws=s.createContext(void 0),Dp=()=>{const e=s.useContext(Ws);if(!e)throw new Error("useStickyContext must be used within a StickyProvider");return e},Op=({index:e,style:n,data:d})=>{const{checkboxes:c,value:h,groupLabelCheckBox:p,categorizationGroupValue:i,allCheckBoxValues:l,transactionLocalData:r,isItemLoaded:m,setRowHeight:u,ref:x,onChange:y,selectedCheckBoxTransactionIds:C}=d,v=s.useRef(null),w=Se();if(s.useEffect(()=>{v.current?.firstElementChild!=null&&u(e,v.current.firstElementChild.clientHeight)},[e,v,w,r[e]?.transactionReviewLocalData]),m(e)===!0){const I=c[e];return t.jsx(Di,{style:{...n,paddingBottom:o.sp0,paddingRight:o.sp8,width:"100%",flex:"1"},ref:v,children:t.jsx(ps,{selectionLimit:W.MAX_SELECTION_LIMIT,checkBox:I,value:h,groupLabelCheckBox:p,allCheckBoxValues:l,mode:I.isDisabled==="readonly"||C.includes(I.value)===!1&&C.length>=W.MAX_SELECTION_LIMIT?"off":"always_on",draggable:!1,isDisabled:I.isDisabled,checkBoxStyle:{padding:20},labelCheckBoxStyle:{padding:o.sp3},infoIconContainerStyle:{padding:20},name:`${Ut}.${h}`,ref:x,index:e,onChangeHandler:f=>ms({event:f,value:h,allCheckBoxValues:l,groupLabelCheckBox:p,onChange:y})})},i[e])}else return t.jsx(Di,{style:{...n,paddingBottom:o.sp0,paddingRight:o.sp8,width:"100%",flex:"1"},ref:v,children:t.jsx(Wp,{children:t.jsx(Hs,{})})},Xi())},Mp=a.div`
|
|
1434
|
-
flex: 1;
|
|
1435
|
-
width: auto;
|
|
1436
|
-
padding-right: ${o.sp8};
|
|
1437
|
-
`,Fp=a.div`
|
|
1438
|
-
width: 100%;
|
|
1439
|
-
height: 100%;
|
|
1440
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
1441
|
-
`,Pp=a.div`
|
|
1442
|
-
height: 100%;
|
|
1443
|
-
`,zp=a.div`
|
|
1444
|
-
height: 100%;
|
|
1445
|
-
display: flex;
|
|
1446
|
-
flex-direction: column;
|
|
1447
|
-
max-width: 99.9%;
|
|
1448
|
-
`,Bp=a.div`
|
|
1449
|
-
display: flex;
|
|
1450
|
-
width: 100%;
|
|
1451
|
-
height: ${e=>`calc(100% - ${as.valuePx(e.windowSize)})`};
|
|
1452
|
-
flex-direction: column;
|
|
1453
|
-
justify-content: center;
|
|
1454
|
-
align-items: center;
|
|
1455
|
-
`,_p=a.div`
|
|
1456
|
-
height: 96px;
|
|
1457
|
-
width: 96px;
|
|
1458
|
-
background: ${e=>e.theme.colors.background};
|
|
1459
|
-
border-radius: 50%;
|
|
1460
|
-
cursor: pointer;
|
|
1461
|
-
& svg {
|
|
1462
|
-
margin: ${o.sp5};
|
|
1463
|
-
color: ${e=>e.theme.colors.grey1};
|
|
1464
|
-
}
|
|
1465
|
-
&:hover {
|
|
1466
|
-
& svg {
|
|
1467
|
-
color: ${e=>e.theme.colors.primary};
|
|
1468
|
-
}
|
|
1469
|
-
}
|
|
1470
|
-
`,Np=a(St)`
|
|
1471
|
-
margin-top: ${o.sp3};
|
|
1472
|
-
color: ${e=>e.theme.colors.hero};
|
|
1473
|
-
`,Di=a.div`
|
|
1474
|
-
top: ${o.sp0};
|
|
1475
|
-
left: ${o.sp0};
|
|
1476
|
-
padding-bottom: ${o.sp3};
|
|
1477
|
-
box-sizing: border-box;
|
|
1478
|
-
`,Vp=a.div`
|
|
1479
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
1480
|
-
`,Hp=a.div`
|
|
1481
|
-
top: 0;
|
|
1482
|
-
left: 0;
|
|
1483
|
-
width: 100%;
|
|
1484
|
-
min-width: 100%;
|
|
1485
|
-
z-index: 11;
|
|
1486
|
-
display: flex;
|
|
1487
|
-
align-items: center;
|
|
1488
|
-
position: sticky;
|
|
1489
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
1490
|
-
`,Up=a.div`
|
|
1491
|
-
position: relative;
|
|
1492
|
-
width: auto;
|
|
1493
|
-
height: 100%;
|
|
1494
|
-
`,Wp=a.div`
|
|
1495
|
-
padding-left: ${o.sp8};
|
|
1496
|
-
`,qp=({selectedTab:e,transactionView:n,receiptUploadEndpoint:d,authParams:c,sectionId:h,vendorSearchAutoCompleteData:p,vendorSearchAutoCompleteActions:i,isCOTEnabled:l,setCurrentFooterFormId:r,setLocalDataForCategoryAndClass:m,onTransactionCategorizationRowClick:u,onUpdateTransactionCategorizationUIState:x,onUpdateScrollYOffSetTransactionCategorizationUIState:y,onFetchTransactionCategorizationList:C,onSaveUpdateTransactionCategorization:v,onUpdateSelectedCheckboxTransactionIds:w,onFetchRecommendationsForEntityCategorization:I,onFetchRecommendationsForEntityCategorizationWithCustomer:f})=>{const[$,R]=s.useState({transactionId:void 0,lineItemId:void 0}),A=s.useRef(),O=s.useRef({}),{useDynamicConfig:b}=ns(),{configValue:j}=b(os.enableUncategorizedExpenseCategory),E=j?.uncategorized_expense_category_enabled===!0,T=(k,U,H,P)=>{const L={...O.current};L[U]==null&&(L[U]=[]);let B=L[U].findIndex(ee=>ee.lineId===k);if(B===-1){const ee={lineId:k,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}};L[U].push(ee),B=L[U].length-1}else{const ee=L[U][B];L[U][B]={...ee,category:{...ee.category,recommendationTypesViewed:[...ee.category.recommendationTypesViewed]},class:{...ee.class,recommendationTypesViewed:[...ee.class.recommendationTypesViewed]},vendor:{...ee.vendor,recommendationTypesViewed:[...ee.vendor.recommendationTypesViewed]}}}P!=null&&P!==""&&!L[U][B][H].recommendationTypesViewed.includes(P)&&L[U][B][H].recommendationTypesViewed.push(P),O.current=L},{transactions:V,transactionLocalData:M,accountsHierarchyList:q,classHierarchyList:_,accountList:N,classList:J,selectedCheckBoxTransactionIds:K,uncategorizedAccounts:F}=n,le=Wt({mode:"all",reValidateMode:"onChange",defaultValues:s.useMemo(()=>Mi(K,M,q,_,p.entityAutoCompleteView),[q,_,K,M,p.entityAutoCompleteView]),values:s.useMemo(()=>Mi(K,M,q,_,p.entityAutoCompleteView),[q,_,K,M,p.entityAutoCompleteView]),resetOptions:{keepDefaultValues:!0,keepDirty:!1}});s.useEffect(()=>()=>{r("expenseAutomationPage")},[]),s.useEffect(()=>{K.length>0?r(Zn):r("expenseAutomationPage")},[K,r]);const fe=le.handleSubmit(k=>{const U=k[En],H=O.current;v(e,U,H),U.forEach(P=>{delete O.current[P]})}),Y=async(k,U)=>{if(k!=null){if(k===En){const H=le.getValues(En);if(H.length<K.length){w(e,H);return}if(H.length===W.MAX_SELECTION_LIMIT){w(e,H);return}const P=H[H.length-1],L=U[Ut].findIndex(ee=>ee.transactionId===P),B=le.getValues(`${Ut}.${L}.lineInfo`);if(B!=null){let ee=!1;if(B.every(ge=>(ee=W.isAccountUncategorized(F,ge[Ae].selectedOption,E?["income"]:void 0),!!ge[Ae].selectedOption&&ge[Ae].selectedOption!=null&&!ee&&!!ge[Ge].selectedOption&&!!ge[ct].selectedOption))===!0){w(e,H);return}else{const ge=H.filter(D=>D!==P);w(e,ge);return}}return}if(k.includes(Ae)===!0||k.includes(Ge)===!0){const H=parseInt(k.split(".")[1]),P=parseInt(k.split(".")[3]),L=le.getValues(`${Ut}.${H}.lineInfo`),B=L[P];if(k.includes(Ae)||k.includes(Ge)){const{transactionId:ee,lineId:ge,recommendations:D}=B;if(L!=null){const ce=B[Ae].selectedOption,X=B[Ge].selectedOption,te=B[ct].selectedOption,ve=B[ct].selectedOption,$e=B[ct].defaultOptions,S=$e?.find(de=>de.options?.find(He=>He.value===te))?.options?.find(de=>de.value===te)?.label,Z=$e?.find(de=>de.options?.find(He=>He.value===ve))?.options?.find(de=>de.value===ve)?.label,ye=p.entityAutoCompleteView.vendor.find(de=>de.qboId===te),_e=p.entityAutoCompleteView.customer.find(de=>de.qboId===ve),Ne=D.find(de=>de.vendor?.qboId===te)?.vendor,ke=te||ye?.qboId||Ne?.qboId?{id:te??ye?.qboId??Ne?.qboId??"",name:S??ye?.name??Ne?.name??"",logo:ye?.logo??Ne?.logo}:void 0,Te=ve||_e?.qboId?{id:ve??_e?.qboId??"",name:Z??_e?.name??"",logo:_e?.logo}:void 0,me=N.find(de=>de.qboId===ce),et=J.find(de=>de.classId===X),Je=n.transactionLocalData.find(de=>de.transactionId===ee)?.transactionReviewLocalData.lineItemById[ge].account,Ke=n.transactionLocalData.find(de=>de.transactionId===ee)?.transactionReviewLocalData.lineItemById[ge].class;m(e,ee,ge,V,ke?.id,Te?.id,k.includes(Ae)&&me!=null?{...me,isPreFilled:!1}:Je,k.includes(Ge)&&et!=null?{...et,isPreFilled:!1}:Ke,void 0,D,E)}return}}if(k.includes(ct)){const H=parseInt(k.split(".")[1]),P=parseInt(k.split(".")[3]),L=le.getValues(`${Ut}.${H}.lineInfo`);if(L!=null){const B=L[P],{transactionId:ee,recommendations:ge}=B,D=B[ct].selectedOption,ce=B[ct].selectedOption,X=B[ct].defaultOptions,te=X?.flatMap(me=>me.options)?.find(me=>me.value===D)?.label,ve=X?.flatMap(me=>me.options)?.find(me=>me.value===ce)?.label,$e=p.entityAutoCompleteView.vendor.find(me=>me.qboId===D),S=p.entityAutoCompleteView.customer.find(me=>me.qboId===ce),Z=ge.find(me=>me.vendor?.qboId===D)?.vendor,ye=D!==""&&D!=null?D:te!==""&&te!=null?te:"",_e=($e?.qboId!=null&&$e.qboId!==""?$e.qboId:null)??(Z?.qboId!=null&&Z.qboId!==""?Z.qboId:null)??(D!=null&&D!==""?D:null),Ne={id:_e??te??"",name:te??$e?.name??Z?.name??"",logo:$e?.logo??Z?.logo},ke=S?.qboId!=null&&S.qboId!==""?{id:S.qboId??ce??"",name:ve??S.name??"",logo:S.logo}:void 0,Te=V.find(me=>me.id===ee);if(Te!=null){const me=n.transactionLocalData.find(He=>He.transactionId===Te.id)?.transactionReviewLocalData,et=me?.lineItemById[B.lineId],Je=W.isVendorTransaction(Te)===!0?me?.selectedEntity:et?.selectedEntityLine,Ke=Ne.id!==""?{id:ye,name:te??ye,type:"vendor",qboId:ye,zeniId:ye,logo:Ne.logo,isPreFilled:Je?.id===_e&&Je?.isPreFilled}:ke?.id!=null&&ke.id!==""?{id:ke.id,name:ke.name,type:"customer",qboId:ke.id,zeniId:ke.id,logo:ke.logo}:void 0,de={transactionId:{id:Te.id,type:Te.type},transaction:Te,lineIds:Te.type!=="journal_entry"?Te.lines?.map(He=>He.id)??[]:[B.lineId]};Ke?.type==="customer"?f(B.amount.amount,de,!1,e,Ke,ke,E):I(B.amount.amount,de,!1,e,Ke,Ne,E)}}i.onCancelAutoComplete?.();return}}};s.useEffect(()=>{const k=le.watch((U,{name:H})=>{H!=null&&U!=null&&pn(()=>Y(H,U))});return()=>{k.unsubscribe()}}),s.useEffect(()=>{if(p.entityAutoCompleteView.fetchState==="Completed"){const k=n.transactionLocalData.find(U=>U.transactionId===$.transactionId);if(k){const{transactionReviewLocalData:U}=k,{selectedEntity:H}=U,P=$?.lineItemId??U.sortedLineItems[0],L=U.lineItemById[P],B=L.selectedEntityLine;A.current?.(yo(p.entityAutoCompleteView,H??B,L?.recommendationsWithCOT??[]))}R({transactionId:void 0,lineItemId:void 0})}},[p.entityAutoCompleteView.fetchState]);const he=(k,U)=>{i.onAutoCompleteInputChange?.(k),A.current=U},ie=s.useRef(null);return t.jsx(Kp,{ref:ie,"data-testid":z("transaction-categorization-list-page"),children:t.jsx(qt,{...le,children:t.jsx("form",{id:Oi(Zn),onSubmit:fe,style:{height:"100%",width:"100%"},"data-testid":z(Oi(Zn)),children:t.jsx(Ep,{selectedTab:e,sectionId:h,transactionView:n,receiptUploadEndpoint:d,authParams:c,setCurrentTransactionInAction:R,onUpdateTransactionCategorizationUIState:x,onUpdateScrollYOffSetTransactionCategorizationUIState:y,onFetchTransactionCategorizationList:C,onTransactionCategorizationRowClick:u,vendorLoadOptions:he,vendorSearchAutoCompleteData:p,vendorSearchAutoCompleteActions:i,containerRef:ie,isCOTEnabled:l,cotTracking:{onCOTView:T},isUncategorizedExpenseCategoryEnabled:E})})})})},Oi=e=>`${e}_form`,Mi=(e,n,d,c,h)=>({[Ut]:n.map(p=>Jp(p.transactionId,p.transactionReviewLocalData,d,c,h)),[En]:e}),Jp=(e,n,d,c,h)=>{const{lineItemById:p,sortedLineItems:i,selectedEntity:l}=n,r=Object.values(p).sort((u,x)=>i.indexOf(u.lineId)-i.indexOf(x.lineId)),m=r[0]?.lineId;return{[Vs]:r.map(u=>{const x=u.account?.qboId??u.account?.accountId,y=u.class?.classId,C=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,[Ae]:{selectedOption:x,allOptions:hs(d,u.recommendationsWithCOT)},[Ge]:{selectedOption:y,allOptions:us(c,u.recommendationsWithCOT)},[ct]:{selectedOption:l?.id??C?.id??l?.name??C?.name,defaultOptions:yo(h,l??C,n.lineItemById[m]?.recommendationsWithCOT??[])},[Xh]:u.lineEntity,[Qh]:u.recommendationsWithCOT??[]}}),transactionId:e,[ep]:n.vendorDetails!=null&&n.vendorDetails.id!=null?{id:n.vendorDetails.id,qboId:n.vendorDetails.qboId,name:n.vendorDetails.name}:void 0,[tp]:n.customerDetails!=null&&n.customerDetails.id!=null?{id:n.customerDetails.id,qboId:n.customerDetails.qboId,name:n.customerDetails.name}:void 0}},Kp=a.div`
|
|
1497
|
-
display: flex;
|
|
1498
|
-
min-height: 100%;
|
|
1499
|
-
width: 100%;
|
|
1500
|
-
height: 100%;
|
|
1501
|
-
flex-direction: column;
|
|
1502
|
-
background-color: ${e=>e.theme.colors.grey4};
|
|
1503
|
-
z-index: 2;
|
|
1504
|
-
`,Fi={subSectionContainerLeftRightPadding:new Q(g[3],g[6],g[8])},Zp=a.div`
|
|
1505
|
-
width: 100%;
|
|
1506
|
-
display: flex;
|
|
1507
|
-
justify-content: center;
|
|
1508
|
-
align-items: center;
|
|
1509
|
-
flex: 1;
|
|
1510
|
-
background: ${e=>e.theme.colors.grey4};
|
|
1511
|
-
box-sizing: border-box;
|
|
1512
|
-
`,Yp=a.div`
|
|
1513
|
-
display: flex;
|
|
1514
|
-
flex-direction: column;
|
|
1515
|
-
width: 100%;
|
|
1516
|
-
`,Gp=e=>{const{currentFooterFormId:n,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:c,setResetJeAccountSettingsForm:h,expenseAutomationViewSelector:p,authParams:i,receiptUploadEndpoint:l,companyId:r,vendorSearchAutoCompleteActions:m,vendorSearchAutoCompleteData:u,enableMonthEndInsightsZeniGPTFeature:x,monthEndInsightsPreviewMode:y,monthEndInsightsCustomerRequestData:C,allThreadsSectionOpen:v,loggedInUser:w,isCOTEnabled:I,setCurrentFooterFormId:f,onFetchRecommendationsForEntityCategorization:$,onFetchRecommendationsForEntityCategorizationWithCustomer:R,onTransactionCategorizationRowClick:A,onFetchMissingReceiptsList:O,onMissingReceiptsRowClick:b,onUploadReceiptAttachment:j,onUploadReceiptComplete:E,onUploadReceiptFetchStatus:T,onReconTabColumnSortConfigChanged:V,onReloadReconciliationListPage:M,onUpdateReconcileTabLocalData:q,onUpdateMissingReceiptsUIState:_,onFetchTransactionCategorizationList:N,onUpdateTransactionCategorizationUIState:J,onUpdateScrollYOffSetTransactionCategorizationUIState:K,handleJeScheduleClick:F,ignoreRecommendedJeSchedule:le,onJESchedulesFormDataChange:fe,onPostJESchedule:Y,setLocalDataForCategoryAndClass:he,resetTransactionCategorizationLocalData:ie,updateSelectedVendorForTransaction:k,onSaveUpdateTransactionCategorization:U,onUpdateSelectedCheckboxTransactionIds:H,improveMonthEndInsightsUsingZeniGPTClick:P,onRemoveFileAttachment:L,onUpdateFileAttachment:B,onCloseAllThreadsSection:ee,onEditMonthEndInsightsClick:ge,previewMonthEndReport:D,saveMonthEndReport:ce,onOpenFileAttachmentSnackBar:X,onCloseFileAttachmentSnackBar:te,onClickCustomerRequest:ve,sendMonthEndReport:$e,markAsReview:S,onReloadPage:Z,onBackClick:ye,updateOperatingExpensesIdsForReview:_e,updateSectionCollapseStatus:Ne,onFetchReimbursementView:ke,redirectToVendorDetailPage:Te,updateSectionIdsForReview:me,onUpdateFluxAnalysisUIState:et,fetchFluxViewOnScroll:Je,onFetchFluxViewList:Ke,setIsJeAccountSettingsOpened:de,onReviewClicked:He,setOpenDrawerClicked:ot,onEstablishConnectionClick:it,onFetchLinkTokenClick:jt,updateReconReviewTabLocalData:kt,onReconReviewTabColumnSortConfigChanged:Ft,onSaveReconciliation:It,onSaveReconciliationReview:Oe,onReconMatchedTransactionClick:re,onReconListPageScroll:oe,onAddStatementClick:be}=e,{currentSelectedView:Ie,missingReceipts:st,transactionView:at,selectedPeriod:$t,monthEndInsights:Me,selectedTransactionCategorizationTab:Jt,reconciliation:Kt}=p;switch(Ie){case"transaction_categorization":return at.fetchState==="Completed"&&at.transactionLocalData.length===0?t.jsx(bt,{tab:Ie,title:Ve(Ie).allDoneText.title,subTitle:Ve(Ie).allDoneText.subTitle}):t.jsx(qp,{setCurrentFooterFormId:f,selectedPeriod:$t,selectedTab:Jt,sectionId:Ut,transactionView:at,receiptUploadEndpoint:l,authParams:i,onUpdateTransactionCategorizationUIState:J,onUpdateScrollYOffSetTransactionCategorizationUIState:K,onFetchTransactionCategorizationList:N,onTransactionCategorizationRowClick:A,setLocalDataForCategoryAndClass:he,resetTransactionCategorizationLocalData:ie,updateSelectedVendorForTransaction:k,onSaveUpdateTransactionCategorization:U,onUpdateSelectedCheckboxTransactionIds:H,vendorSearchAutoCompleteActions:m,vendorSearchAutoCompleteData:u,onFetchRecommendationsForEntityCategorization:$,onFetchRecommendationsForEntityCategorizationWithCustomer:R,isCOTEnabled:I});case"je_schedules":return t.jsx(uu,{setIsJeAccountSettingsOpened:de,expenseAutomationViewSelector:p,setResetJeAccountSettingsForm:h,currentFooterFormId:n,onJeAccountSettingsChange:d,onSaveJeAccountSettingsClick:c,setCurrentFooterFormId:f,handleJeScheduleClick:F,ignoreRecommendedJeSchedule:le,onJESchedulesFormDataChange:fe,onPostJESchedule:Y,vendorSearchAutoCompleteActions:m,vendorSearchAutoCompleteData:u});case"missing_receipts":return st.fetchState==="Completed"&&st.transactions.length===0?t.jsx(bt,{tab:Ie,title:Ve(Ie).allDoneText.title,subTitle:Ve(Ie).allDoneText.subTitle}):t.jsx(Xu,{onUpdateMissingReceiptsUIState:_,onFetchMissingReceiptsList:O,missingReceipts:st,receiptUploadEndpoint:l,authParams:i,selectedPeriod:$t,onMissingReceiptsRowClick:b,onUploadReceiptComplete:E,onUploadReceiptFetchStatus:T,onUploadReceiptAttachment:j});case"month_end_insights":if(Me!=null&&p.monthEndCloseChecksView.monthEndCloseChecks!=null){if(Me.fetchState==="Not-Started"||Me.fetchState==="In-Progress"||Me.companyMonthEndReportTemplatesData.fetchState==="Not-Started"||Me.companyMonthEndReportTemplatesData.fetchState==="In-Progress")return t.jsx(na,{fetchState:"In-Progress"});{const Pt={application:"cockpit",companyId:r,entityId:r,tab:"expense_automation",isGlobalComment:!1,entityType:"expense_automation.monthEndEmail",companyName:Me.companyName,url:window.location.href},{url:mn,...ae}=Pt,Ce={...ae};return t.jsx(Yp,{children:t.jsx(Ih,{allThreadsSectionOpen:v,customerRequestData:C,companyId:r,enableZeniGPTFeature:x,filterMetaData:Ce,selectedPeriod:p.selectedPeriod,improveUsingZeniGPTClick:P,isZeniUser:w.userEmail?.includes("zeni.ai")??!1,monthEndReportView:Me,newThreadMetadata:Pt,onClickCustomerRequest:ve,onCloseAllThreadsSection:ee,onCloseFileAttachmentSnackBar:te,onOpenFileAttachmentSnackBar:X,onRemoveFileAttachment:L,onUpdateFileAttachment:B,previewMode:y,previewMonthEndReport:D,saveMonthEndReport:ce,onEditClick:ge,sendMonthEndReport:$e})})}}else return null;case"flux_analysis":return p.fluxAnalysis.fetchStatus.fetchState==="Completed"&&p.fluxAnalysis.sections.generalExpense.vendors.length===0&&p.fluxAnalysis.sections.reimbursement.vendors.length===0?t.jsx(bt,{tab:Ie,title:Ve(Ie).allDoneText.title,subTitle:Ve(Ie).allDoneText.subTitle}):t.jsx(Nd,{fluxAnalysis:p.fluxAnalysis,selectedPeriod:p.selectedPeriod,markAsReview:S,onReloadPage:Z,onBackClick:ye,updateOperatingExpensesIdsForReview:_e,updateSectionIdsForReview:me,onUpdateFluxAnalysisUIState:et,setCurrentFooterFormId:f,fetchFluxViewOnScroll:Je,onFetchFluxViewList:Ke,updateSectionCollapseStatus:Ne,onFetchReimbursementView:ke,redirectToVendorDetailPage:Te});case"reconciliation":return t.jsx(kd,{onReconListPageScroll:oe,onReloadReconciliationListPage:M,currentFooterFormId:n,reconciliation:Kt,companyId:r,vendorSearchAutoCompleteActions:m,vendorSearchAutoCompleteData:u,onReviewClicked:He,setOpenDrawerClicked:ot,setCurrentFooterFormId:f,onReconTabColumnSortConfigChanged:V,onUpdateReconcileTabLocalData:q,onEstablishConnectionClick:it,onFetchLinkTokenClick:jt,updateReconReviewTabLocalData:kt,onReconReviewTabColumnSortConfigChanged:Ft,onSaveReconciliation:It,onSaveReconciliationReview:Oe,onReconMatchedTransactionClick:re,onAddStatementClick:be});default:return t.jsx(bt,{tab:Ie,title:Ve(Ie).allDoneText.title,subTitle:Ve(Ie).allDoneText.subTitle})}};function Xp(e){const n=Se(),{currentSelectedView:d}=e.expenseAutomationViewSelector,c=e.expenseAutomationViewSelector.currentSelectedView==="transaction_categorization",h=e.expenseAutomationViewSelector.currentSelectedView!=="month_end_insights"&&e.expenseAutomationViewSelector.currentSelectedView!=="flux_analysis";return t.jsx(Zp,{windowSize:n,style:{...h===!0?{paddingLeft:Fi.subSectionContainerLeftRightPadding.value(n),paddingRight:Fi.subSectionContainerLeftRightPadding.value(n)}:{paddingLeft:g[0],paddingRight:g[0]},...c===!0||d==="reconciliation"?{paddingLeft:g[0],paddingRight:g[0]}:{}},children:t.jsx(Gp,{...e})})}const Qp=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M22.9902 12.0403L1.12726 12.0403",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M7.68994 5.60718L1.00953 12.0402L7.68994 18.4732",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),em=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.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"}),s.createElement("path",{d:"M17.1504 8.40656V7.6875",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M17.1504 14.8753V14.1562",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),tm=a.div`
|
|
1517
|
-
width: 100%;
|
|
1518
|
-
height: 100vh;
|
|
1519
|
-
display: flex;
|
|
1520
|
-
flex-direction: column;
|
|
1521
|
-
background: ${e=>e.theme.colors.grey4};
|
|
1522
|
-
box-shadow: ${e=>e.theme.colors.elevation1};
|
|
1523
|
-
`,nm=a.div`
|
|
1524
|
-
height: 100vh;
|
|
1525
|
-
|
|
1526
|
-
display: flex;
|
|
1527
|
-
flex-direction: column;
|
|
1528
|
-
align-items: center;
|
|
1529
|
-
min-width: 100%;
|
|
1530
|
-
flex: 1;
|
|
1531
|
-
|
|
1532
|
-
${e=>e.theme.breakpoints.down("md")} {
|
|
1533
|
-
width: 100%;
|
|
1534
|
-
padding-left: ${o.sp0};
|
|
1535
|
-
}
|
|
1536
|
-
`,Pi=a(Gs)`
|
|
1537
|
-
height: ${o.sp3};
|
|
1538
|
-
width: ${o.sp3};
|
|
1539
|
-
cursor: pointer;
|
|
1540
|
-
color: inherit;
|
|
1541
|
-
`,zi=a(Qp)`
|
|
1542
|
-
height: ${o.sp3};
|
|
1543
|
-
width: ${o.sp3};
|
|
1544
|
-
cursor: pointer;
|
|
1545
|
-
color: inherit;
|
|
1546
|
-
`,{common:{footer:Ee,texts:{maxLimitReached:om,confirmAction:im},headers:sm,create:am,strings:ln,texts:sn,cancel:rm,confirm:lm,monthsByIndex:cm},dateFormat:{visual:{MMMDCommaYYYYformat:Bi}},expenseAutomation:cn}=je.getLocalizedStrings(),Hm=e=>{const{expenseAutomationViewSelector:n,isDisabled:d,isRealtimeInsightsFeatureEnabled:c,isUncategorizedExpenseCategoryEnabled:h,isCOTEnabled:p,onUpdateTab:i,onReconTabUpdate:l,onUpdateStep:r,onSearchTextChanged:m,onRefresh:u,onClose:x,onBack:y,resetTransactionCategorizationLocalData:C,updateOperatingExpensesIdsForReview:v,clearJeScheduleLocalData:w,onSaveReconciliation:I}=e,{currentSelectedView:f,allSteps:$,missingReceipts:R,jeSchedules:A,fluxAnalysis:O,monthEndInsights:b,transactionView:j,selectedTransactionCategorizationTab:E,reconciliation:T,selectedPeriod:V}=n,[M,q]=s.useState("expenseAutomationPage"),[_,N]=s.useState(()=>{}),[J,K]=s.useState(!1),F=Se(),le=!!e.loggedInUser.userEmail?.includes("zeni.ai"),fe=le?Hi:Ui,{openThread:Y,setOpenThread:he}=s.useContext(fe),[ie,k]=s.useState(!1),[U,H]=s.useState(!1),P=$.find(re=>re.step===f),{nextStep:L,previousStep:B}=hm($,f),{uiState:{searchString:ee,pageToken:ge},totalCountByTab:D,transactions:ce,fetchStateByTransactionTabs:X,transactionLocalData:te}=j,{selectedReconAccount:ve,reconciliationTabsState:{reconcile:{localData:{selectedTransactionIds:$e}}}}=T;let S="Not-Started",Z="complete";switch(f){case"missing_receipts":S=R.refreshStatus.fetchState,Z=R.completionStatus;break;case"je_schedules":S=A.refreshStatus.fetchState,Z=A.completionStatus;break;case"month_end_insights":b!=null&&(S=b?.fetchState);break;case"flux_analysis":S=O.refreshStatus.fetchState,Z=O.completionStatus;break;case"transaction_categorization":S=j.refreshStatus.fetchState,Z=j.completionStatus;break;case"reconciliation":ve==null?(S=T.refreshStatus.fetchState,Z=T.completionStatus):(S=T.selectedReconAccount?.refreshStatus.fetchState??"Not-Started",Z=T.completionStatus)}const ye=()=>{_()},{saveStatus:_e,selectedCheckBoxTransactionIds:Ne}=j,ke=()=>{const re=Os(n.fluxAnalysis.sections,n.fluxAnalysis.reviewOperatingExpensesIds),oe=W.dateNow(),{month:be,year:Ie}=V,st=W.dateNow().set("month",be-1).set("year",Ie).endOf("month");switch(M){case"expenseAutomationFluxPage":return{formId:"expenseAutomationFluxPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:re===!0?Ee.markAsReviewed:sn.undo,style:{justifyContent:"space-evenly"},isLoading:n.fluxAnalysis.bulkReviewStatus.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:oo(n.fluxAnalysis.reviewOperatingExpensesIds.length,Cs,F,sn.vendor,f),cancelBtn:{label:Ee.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{v([])}}};case"expenseAutomationTransactionsPage":return{formId:"expenseAutomationTransactionsPage",isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ee.save,style:{minWidth:"96px",justifyContent:"space-evenly"},isLoading:_e.fetchState==="In-Progress",isDisabled:!1},leftSideComponent:oo(Ne.length,W.MAX_SELECTION_LIMIT,F,sn.transaction,f),cancelBtn:{label:Ee.cancel,style:{width:"96px",justifyContent:"space-evenly"},onClick:()=>{C(E,ce.map(at=>at.id),V,!1,D[E],W.getLineItemsByTransactionIdsFromLocalData(te,E),h,ge)}}};case"expenseAutomationJESchedulePage":return{formId:"expenseAutomationJESchedulePage",nextBtnLabel:Ee.next,backBtnLabel:Ee.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ee.next,style:{justifyContent:"space-evenly"},isDisabled:d||P?.isNextDisabled,suffixIcon:t.jsx(Pi,{}),onClick:()=>{r(L.step)}},cancelBtn:{label:Ee.back,isDisabled:d||P?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(zi,{}),onClick:()=>{r(B.step)}}};case"expenseAutomationBankReconReconcilePage":return{formId:"expenseAutomationBankReconReconcilePage",nextBtnLabel:Ee.reconcile,backBtnLabel:Ee.saveForLater,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ee.reconcile,onClick:()=>{I({reconcileAction:"reconcile"})},isDisabled:!(T.reconciliationTabsState.balances.variance.amount===0&&oe.isAfter(st)),isLoading:T.actionFetchStates.reconcileFetch.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:132}},leftSideComponent:oo($e.length,1/0,F,sn.transaction,f),cancelBtn:{onClick:()=>{I({reconcileAction:"save_reconcile_for_later"})},reverseSpinnerColor:!1,isLoading:T.actionFetchStates.saveForLaterFetch.fetchState==="In-Progress",label:Ee.saveForLater,style:{minWidth:132,justifyContent:"space-evenly"}}};case"expenseAutomationJEAccountSettingsPage":return{formId:"expenseAutomationJEAccountSettingsPage",nextBtnLabel:Ee.save,backBtnLabel:Ee.cancel,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Ee.save,isLoading:A.accountSettingsView.saveState.fetchState==="In-Progress",style:{justifyContent:"space-evenly",minWidth:82}},cancelBtn:{onClick:()=>ye(),label:Ee.cancel,style:{minWidth:82,justifyContent:"space-evenly"}}};default:{const at=f==="reconciliation"&&n.reconciliation.selectedTab==="review"&&n.reconciliation.selectedAccountId!=null,$t=f==="reconciliation"&&n.reconciliation.selectedAccountId==null,Me=f==="reconciliation"&&n.reconciliation.selectedTab==="reconcile"&&n.reconciliation.selectedAccountId!=null,Jt=L.step==="month_end_insights"&&(f==="flux_analysis"&&(n.fluxAnalysis.sections.generalExpense?.balancesByMonth!=null||n.fluxAnalysis.sections.reimbursement?.balancesByMonth!=null)||$t),Kt=f==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="review",Pt=f==="transaction_categorization"&&n.selectedTransactionCategorizationTab==="autoCategorized",mn=n.monthEndCloseChecksView.monthEndCloseChecks?.reportEmailSentDate==null&&(c||P?.isNextDisabled===!1),ae=L.step==="month_end_insights"&&($t||f==="flux_analysis")?!mn:P?.isNextDisabled===!0;return{formId:"expenseAutomationPage",nextBtnLabel:Ee.next,backBtnLabel:Ee.back,isNextDisabled:!1,isPrevDisabled:!1,primaryBtn:{label:Jt===!0?um(n.selectedPeriod.month):Ee.next,style:{justifyContent:"space-evenly"},isDisabled:ae,suffixIcon:t.jsx(Pi,{}),onClick:()=>{Kt?i("autoCategorized"):at?l("reconcile"):r(L.step)}},cancelBtn:{label:Ee.back,isDisabled:d||P?.isPrevDisabled,style:{width:"96px",justifyContent:"space-evenly"},prefixIcon:t.jsx(zi,{}),onClick:()=>{Pt?i("review"):Me?l("review"):at?y():r(B.step)}}}}}},Te=()=>{switch(M){case"expenseAutomationFluxPage":return{confirmAction:()=>{k(!1),v([]),x()}};case"expenseAutomationTransactionsPage":return{confirmAction:()=>{k(!1),C(E,ce.map(re=>re.id),V,!1,D[E],W.getLineItemsByTransactionIdsFromLocalData(te,E),h,ge),x()}};case"expenseAutomationJESchedulePage":return{confirmAction:()=>{k(!1),w(),x()}};default:return{confirmAction:()=>{k(!1)},confirmationDescription:ln.empty}}},me=()=>{M==="expenseAutomationFluxPage"||M==="expenseAutomationJESchedulePage"||M==="expenseAutomationTransactionsPage"?k(!0):x()},{primaryBtn:et,cancelBtn:Je,leftSideComponent:Ke}=ke(),{confirmAction:de}=Te(),He=re=>{if(f==="transaction_categorization"&&(re==="autoCategorized"||re==="review"))return{hideCountInTab:D[re]>cn.common.numbers.maximumCount,count:D[re],isFetching:X[re].fetchState==="In-Progress"};if(f==="reconciliation"){const{reconciliation:oe}=n,{selectedAccountId:be}=oe;return be==null?{count:0,isFetching:!1}:re==="review"?{count:oe.accountReconciliationsByAccountID[be]?.accountReconEntity?.transactionsToReview.length,isFetching:oe.accountReconciliationsByAccountID[be]?.transactionFetchState.fetchState==="In-Progress"}:{count:oe.accountReconciliationsByAccountID[be]?.accountReconEntity?.transactionsToReconcile.length,isFetching:oe.accountReconciliationsByAccountID[be]?.transactionFetchState.fetchState==="In-Progress"}}},ot=f==="reconciliation"&&T.selectedAccountId!=null&&T.selectedReconAccount!=null,{month:it,year:jt}=V,kt=W.dateNow().set("month",it-1).set("year",jt),Ft=kt.startOf("month").format(Bi),It=kt.endOf("month").format(Bi),Oe=`${Ft} ${ln.hyphen} ${It}`;return t.jsxs(tm,{children:[ie?t.jsx(Js,{containerStyle:{width:356},titleComponent:t.jsx(ym,{children:im}),primaryButtonText:lm,secondaryButtonText:rm,proceedButtonVariant:"danger",action:{onOkClick:()=>{de()},onCancelClick:()=>k(!1)},descriptionComponent:t.jsx(Cm,{children:cn.confirmationDescription})}):null,t.jsxs(nm,{children:[t.jsx(Hr,{onBack:y,navBarCustomElement:f==="reconciliation"&&T.selectedAccountId!=null?t.jsx(dm,{reconciliation:T}):void 0,onReconTabUpdate:l,currentRecontab:T.selectedTab,reconcileDetailPageFetchState:T.selectedAccountId!=null?T.accountReconciliationsByAccountID[T.selectedAccountId]?.transactionFetchState.fetchState:"Not-Started",selectedReconAccountId:ot?T.selectedAccountId:void 0,currentSelectedView:f,titleStyle:{justifyContent:"center",marginLeft:o.sp0},headerData:Ve(f,D.autoCategorized,ot?T.selectedAccountId:void 0,ot?T.selectedReconAccount?.accountReconEntity?.account.accountName:void 0,ot?Oe:void 0),searchText:ee,currentTab:E,getTabCountAndFetchState:He,completionStatus:Z,forceShowSubtitle:J===!0||f==="je_schedules"&&(A.fetchState==="In-Progress"||A.accountSettingsView.fetchState==="In-Progress"),refreshStatus:S,companyId:e.companyId,companyName:n.monthEndInsights?.companyName??ln.empty,isZeniUser:le,onAllThreadsClick:()=>{Y!=null&&he(null),H(!0)},onUpdateTab:i,onSearchTextChanged:m,onRefresh:u,onClose:me}),t.jsx(Xp,{...e,isCOTEnabled:p,setIsJeAccountSettingsOpened:K,setResetJeAccountSettingsForm:N,allThreadsSectionOpen:U,setCurrentFooterFormId:q,currentFooterFormId:M,onCloseAllThreadsSection:()=>H(!1)}),t.jsx(Be,{controller:f!=="month_end_insights",children:t.jsx(Wi,{style:{width:"-webkit-fill-available",maxHeight:g[8]},formId:pm(M),primaryBtn:et,leftSideComponent:Ke,cancelBtn:Je,separatorStyle:{marginRight:o.sp4}})})]})]})},dm=({reconciliation:e})=>{const n=vt(),{clearedBalance:d,variance:c,variancePercentage:h,deposits:p,payments:i}=e.reconciliationTabsState.balances,{balance:l}=e.selectedReconAccount?.accountReconEntity??{},{selectedReconAccount:r}=e,{transactionFetchState:m}=r??{};return t.jsx(wm,{children:t.jsxs(bm,{children:[t.jsxs(io,{style:{justifyContent:"flex-end",width:"50%"},children:[t.jsx(so,{children:t.jsx(vm,{})}),t.jsx(ao,{children:m?.fetchState==="In-Progress"?t.jsxs(co,{children:[t.jsx(en,{height:25,width:120}),t.jsx(en,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(lo,{children:qe("0,0.00",l)}),t.jsx(ro,{children:cn.accountRecon.reconciliation.headers.bankBalance})]})})]}),t.jsxs(io,{children:[t.jsx(so,{children:t.jsx(jm,{})}),t.jsx(ao,{children:m?.fetchState==="In-Progress"?t.jsxs(co,{children:[t.jsx(en,{height:25,width:120}),t.jsx(en,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsx(lo,{children:qe("0,0.00",d)}),t.jsxs(Im,{children:[t.jsx(ro,{children:cn.accountRecon.reconciliation.headers.clearedBalance}),t.jsx(we,{placement:"bottom",title:t.jsxs($m,{children:[t.jsxs(_i,{children:[t.jsxs(Ni,{children:[i.count," ",sn.payments]}),t.jsx(Vi,{children:qe("0,0.[00]",i.totalAmount)})]}),t.jsxs(_i,{children:[t.jsxs(Ni,{children:[p.count," ",sn.deposits]}),t.jsx(Vi,{children:qe("0,0.[00]",p.totalAmount)})]})]}),display:"flex",children:t.jsx(km,{})})]})]})})]}),t.jsxs(io,{style:{justifyContent:"flex-start",width:"50%"},children:[t.jsx(so,{children:t.jsx(Sm,{})}),t.jsx(ao,{children:m?.fetchState==="In-Progress"?t.jsxs(co,{children:[t.jsx(en,{height:25,width:120}),t.jsx(en,{height:19,width:120})]}):t.jsxs(t.Fragment,{children:[t.jsxs(lo,{children:[t.jsx("span",{style:{color:c.amount===0?n.colors.brandColorJadeDark:n.colors.primary},children:qe("0,0.00",c)}),h!=null&&c.amount!==0?t.jsx("span",{style:{color:n.colors.primary,marginLeft:2},children:`(${h.toFixed(2)}%)`}):null]}),t.jsx(ro,{children:cn.accountRecon.reconciliation.headers.variance})]})})]})]})})},oo=(e,n,d,c,h)=>{const p=c,i=(e>1?p+"s":p)+" selected";return e>0?t.jsxs(mm,{currentView:h,style:d==="small"?{position:"absolute",top:o.sp2,left:`-${o.sp5}`}:{},children:[t.jsx(gm,{multiDigit:e>=5,children:e}),t.jsx(xm,{children:i}),e===n?t.jsx(fm,{children:`(${om})`}):null]}):null},um=e=>{const n=cm[e];return`${am}${ln.space}${n}${ln.space}${sm.insights}`};function hm(e,n){const d=e.findIndex(l=>l.step===n);if(d===-1)throw new Error("currentStep not found in allSteps array");const c=(d+1)%e.length,h=(d-1+e.length)%e.length,p=e[c],i=e[h];return{nextStep:p,previousStep:i}}const pm=e=>`${e}_form`,mm=a.div`
|
|
1547
|
-
display: flex;
|
|
1548
|
-
justify-content: flex-start;
|
|
1549
|
-
align-items: center;
|
|
1550
|
-
gap: ${o.sp2};
|
|
1551
|
-
margin-left: ${e=>e.currentView==="flux_analysis"?"36px":o.sp8};
|
|
1552
|
-
`,gm=a(gt)`
|
|
1553
|
-
height: 18px;
|
|
1554
|
-
width: ${e=>e.multiDigit?"auto":"18px"};
|
|
1555
|
-
padding: ${o.sp0} 6px;
|
|
1556
|
-
border-radius: ${o.sp12};
|
|
1557
|
-
border: ${e=>`1px solid ${e.theme.colors.primary}`};
|
|
1558
|
-
display: flex;
|
|
1559
|
-
justify-content: center;
|
|
1560
|
-
align-items: center;
|
|
1561
|
-
`,xm=a(Fe)`
|
|
1562
|
-
color: ${e=>e.theme.colors.primary};
|
|
1563
|
-
`,fm=a(St)`
|
|
1564
|
-
color: ${Qe.important};
|
|
1565
|
-
`,ym=a(qs)`
|
|
1566
|
-
margin-top: ${o.sp5};
|
|
1567
|
-
padding-left: ${o.sp8};
|
|
1568
|
-
padding-right: ${o.sp8};
|
|
1569
|
-
color: ${e=>e.theme.colors.primary};
|
|
1570
|
-
word-break: break-word;
|
|
1571
|
-
`,Cm=a(Ks)`
|
|
1572
|
-
color: ${e=>e.theme.colors.primary};
|
|
1573
|
-
margin-top: ${o.sp2};
|
|
1574
|
-
margin-bottom: ${o.sp2};
|
|
1575
|
-
`,wm=a.div`
|
|
1576
|
-
display: flex;
|
|
1577
|
-
justify-content: center;
|
|
1578
|
-
align-items: center;
|
|
1579
|
-
padding: ${o.sp3} ${o.sp0};
|
|
1580
|
-
`,bm=a.div`
|
|
1581
|
-
width: 100%;
|
|
1582
|
-
display: flex;
|
|
1583
|
-
justify-content: center;
|
|
1584
|
-
align-items: center;
|
|
1585
|
-
gap: ${o.sp1};
|
|
1586
|
-
`,io=a.div`
|
|
1587
|
-
display: flex;
|
|
1588
|
-
justify-content: center;
|
|
1589
|
-
align-items: center;
|
|
1590
|
-
gap: ${o.sp3};
|
|
1591
|
-
`,so=a.div`
|
|
1592
|
-
width: ${o.sp7};
|
|
1593
|
-
height: ${o.sp7};
|
|
1594
|
-
border-radius: 50%;
|
|
1595
|
-
display: flex;
|
|
1596
|
-
justify-content: center;
|
|
1597
|
-
align-items: center;
|
|
1598
|
-
background-color: ${e=>e.theme.mode==="dark"?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
|
|
1599
|
-
`,ao=a.div`
|
|
1600
|
-
display: flex;
|
|
1601
|
-
flex-direction: column;
|
|
1602
|
-
`,ro=a(St)`
|
|
1603
|
-
color: ${e=>e.theme.colors.hero};
|
|
1604
|
-
`,lo=a(Ji)`
|
|
1605
|
-
min-width: 180px;
|
|
1606
|
-
color: ${e=>e.theme.colors.primary};
|
|
1607
|
-
`,vm=a(ea)`
|
|
1608
|
-
color: ${e=>e.theme.colors.primary};
|
|
1609
|
-
width: ${o.sp4};
|
|
1610
|
-
height: ${o.sp4};
|
|
1611
|
-
`,Sm=a(ta)`
|
|
1612
|
-
color: ${e=>e.theme.colors.primary};
|
|
1613
|
-
width: ${o.sp4};
|
|
1614
|
-
height: ${o.sp4};
|
|
1615
|
-
`,jm=a(em)`
|
|
1616
|
-
color: ${e=>e.theme.colors.primary};
|
|
1617
|
-
width: ${o.sp4};
|
|
1618
|
-
height: ${o.sp4};
|
|
1619
|
-
`,km=a(Ki)`
|
|
1620
|
-
width: ${o.sp3};
|
|
1621
|
-
height: ${o.sp3};
|
|
1622
|
-
color: ${e=>e.theme.colors.hero};
|
|
1623
|
-
:hover {
|
|
1624
|
-
color: ${e=>e.theme.colors.primary};
|
|
1625
|
-
}
|
|
1626
|
-
`,Im=a.div`
|
|
1627
|
-
display: flex;
|
|
1628
|
-
align-items: center;
|
|
1629
|
-
gap: ${o.sp1};
|
|
1630
|
-
`,$m=a.div`
|
|
1631
|
-
background-color: ${Qe.overlayDark};
|
|
1632
|
-
padding: 2px ${o.sp2};
|
|
1633
|
-
border-radius: ${o.sp1};
|
|
1634
|
-
`,_i=a.div`
|
|
1635
|
-
display: flex;
|
|
1636
|
-
justify-content: space-between;
|
|
1637
|
-
gap: ${o.sp2};
|
|
1638
|
-
`,Ni=a.div`
|
|
1639
|
-
text-transform: capitalize;
|
|
1640
|
-
`,Vi=a(St)`
|
|
1641
|
-
color: ${Qe.primaryDark};
|
|
1642
|
-
align-self: "flex-end";
|
|
1643
|
-
`,en=a(Ot)`
|
|
1644
|
-
border-radius: ${o.sp2};
|
|
1645
|
-
`,co=a.div`
|
|
1646
|
-
display: flex;
|
|
1647
|
-
flex-direction: column;
|
|
1648
|
-
min-width: 180px;
|
|
1649
|
-
gap: ${o.sp1};
|
|
1650
|
-
`;export{ym as ConfirmationPopUpTitle,Hm as default,hm as getNextAndPreviousSteps,pm as uniqueFormName};
|