@zeniai/web-cockpit-ui 1.13.96-dev → 1.13.96-qa
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-C_NL9J0X-DQ3wv9Rt.js → ACHDetailsPage-Cwc2nmvY-DQ16IU5r.js} +1 -1
- package/dist/assets/{AIPerformancePage-DyiOQxOC-Deykua_G.js → AIPerformancePage-CK4ZdUEb-fJZXFPPa.js} +21 -21
- package/dist/assets/{AccountInfoPage-xglon85A-yRVQMsLQ.js → AccountInfoPage-LiZYkJMA-D7v8XtXB.js} +5 -5
- package/dist/assets/AccountInfoPageContent-BTk2gRyM-D5sd4ymJ.js +149 -0
- package/dist/assets/{AccountReconDetailsDrawerPage-DJ9x8tbi-LYKktAAO.js → AccountReconDetailsDrawerPage-CBOR2m1X-itmjhcPW.js} +17 -17
- package/dist/assets/{AccountRow-CP7Tu1pO-VLQJgkE6.js → AccountRow--5DnpNqk-C6gOEeWO.js} +23 -23
- package/dist/assets/{AccountsPromoCardStack-1elvD1M0-GOX35w9m.js → AccountsPromoCardStack-DCI8_ihc-CZreK5jG.js} +22 -22
- package/dist/assets/{AddAddressForCardDrawer-C8-wy-3B-di9k1XXJ.js → AddAddressForCardDrawer-C_RALUZ7-C2wla-3g.js} +2 -2
- package/dist/assets/{AddToWalletPage-DsqplF5y-BOnzBTtb.js → AddToWalletPage-7sC3Q2Pb-TioJ0o_r.js} +19 -19
- package/dist/assets/{AgingReportsPage-DClcRhxg-CS8rEKD_.js → AgingReportsPage-PrvYryW8-ClQ8Euxf.js} +6 -6
- package/dist/assets/{AllUserItems-BOwAIYTQ-ikKyJOZ6.js → AllUserItems-DlTukPhY-377gtzJq.js} +7 -7
- package/dist/assets/{ApAgingDetailPage-CcU6Hz-o-C9CP7TBd.js → ApAgingDetailPage-BVciGQma-NVEgOPKU.js} +4 -4
- package/dist/assets/{AppBasePage-C7kCz0qg-gwqzuxWV.js → AppBasePage-uJGLWCbr-B_okH7tb.js} +2 -2
- package/dist/assets/{AppDrawerContent-B63CbHT7-CTgXtY-R.js → AppDrawerContent-SD57OqHe-DBC1ZQdx.js} +7 -7
- package/dist/assets/ApprovalRulesSettingsPage-CXh9tY6X-DzKaycYf.js +47 -0
- package/dist/assets/ArAgingChart-GL4vkypx-BDoyqmzK.js +24 -0
- package/dist/assets/{ArAgingDetailPage-AiwyJUwp-CLdUA32y.js → ArAgingDetailPage-CoFL0N3--Dnd2wPCh.js} +1 -1
- package/dist/assets/{AttachmentView-wIV1i6gf-__2UovKF.js → AttachmentView-C3xQE0te-BFkbocnS.js} +5 -5
- package/dist/assets/{BankAccountSection-cVBEl5IN-DpEdLEP3.js → BankAccountSection-Bi3uoDPa-DlE9WCjC.js} +2 -2
- package/dist/assets/{BankAccountWarningSection-Ce5s962S-Dy-_2VlU.js → BankAccountWarningSection-DKdgmMHQ-Df__wM_b.js} +8 -8
- package/dist/assets/{BankConnectionsSettingsPage-Cgp8M98A-D84-x80q.js → BankConnectionsSettingsPage-1zM9RKRI-BKlHDYsy.js} +33 -33
- package/dist/assets/{BillDetailPage-C9NC9kTK-BYRIHiN2.js → BillDetailPage-BoxJCC9n-dUgWZp0T.js} +11 -11
- package/dist/assets/{BillPayApprovalRuleDetailPage-yKPMorLd-DWM3MQMK.js → BillPayApprovalRuleDetailPage-BW3sj5ug-F8EHl6ns.js} +2 -2
- package/dist/assets/{BillPayApprovalRulesPage-DmMqDFmk-B8Cg6Nn6.js → BillPayApprovalRulesPage-DLA6R7dC-CNDK6deM.js} +6 -6
- package/dist/assets/{BillPayPromoPage-CWGX6uCi--607mHc3.js → BillPayPromoPage--BGTNJhm-DrmzLzpj.js} +4 -4
- package/dist/assets/BillPaySetUpPage-_s4R537_-DvISkevy.js +42 -0
- package/dist/assets/{BillingSettingsPage-Bx7lHgIy-CyArwb3F.js → BillingSettingsPage-DgbRhg-m-CRqpdOiy.js} +5 -5
- package/dist/assets/{BillsBulkReviewDrawerPage-Bf5MKQ-f-5iZSFdzE.js → BillsBulkReviewDrawerPage-CKspyZz7-DFQ7kKFj.js} +1 -1
- package/dist/assets/{BoxItem-DX1sag1G-C0OcCbod.js → BoxItem-BHtgE0KL-BJPg4xAk.js} +1 -1
- package/dist/assets/{BusinessVerificationPage-DXh-11f9-BWywYgcT.js → BusinessVerificationPage-CpfsllRZ-CnaBfa3b.js} +14 -14
- package/dist/assets/{CardNumberSubText-iYF6MLsf-BnbFJt1d.js → CardNumberSubText-BHe1nqr7-BRmm9g1p.js} +1 -1
- package/dist/assets/{CashbackDetailPage-DVsCU69u-iWc1QiKl.js → CashbackDetailPage-C9RhIR0R-CyQle5Hi.js} +24 -24
- package/dist/assets/ChargeCardDetailPage-Kygr13jR-CNZ8Sj5E.js +1447 -0
- package/dist/assets/ChargeCardListPage-BnzdzSXW-C9n9iaEp.js +355 -0
- package/dist/assets/{ChargeCardListTable-PTRaj9T6-GxUnY44G.js → ChargeCardListTable-C2nnAxo5-Bk77oToU.js} +18 -18
- package/dist/assets/ChargeCardPromoPage-CSNn9X5i-Ca7vMfka.js +175 -0
- package/dist/assets/ChargeCardSetupPage-DE1pK_7F-BNJjwg-b.js +36 -0
- package/dist/assets/{ChargeCardStatementsPage-uRlTsfDI-DztC0UAp.js → ChargeCardStatementsPage-DK-pEljz-CxNbElz7.js} +3 -3
- package/dist/assets/{ChargeCardUtils-BvVm2SMq-B6pl3c2F.js → ChargeCardUtils-BxyMuU6--CHwiPaoq.js} +1 -1
- package/dist/assets/{ChaseOverlay-CI8lEzod-DNTlxx9v.js → ChaseOverlay-CRiYxWuZ-BZR-S0kG.js} +5 -5
- package/dist/assets/{CheckDepositDrawerPage-Czpxz6Mz-gcS4-F7d.js → CheckDepositDrawerPage-WYiirlL8-DMNFGunZ.js} +16 -16
- package/dist/assets/CollapsableReportTable-BGT77T9W-DWoWj-VL.js +2860 -0
- package/dist/assets/{CompanyOfficerDetailsSection-BrsHy7MO-Cl-BM3f0.js → CompanyOfficerDetailsSection-BPZU90Im-ClsfMHMl.js} +35 -35
- package/dist/assets/{CompanyPassportCard-P0g_DRwA-XRQTRVQK.js → CompanyPassportCard-PXdmJC_B-SLgfN-m9.js} +2 -2
- package/dist/assets/{CompanyPassportPage-CH8El0Nl-CrZI1ceZ.js → CompanyPassportPage-MxIwsh3W-CUmwVoPG.js} +37 -37
- package/dist/assets/{CompleteProfile-DTSAIKgF-WX_HRfP5.js → CompleteProfile-Bd9xEPVl-Cy044ZoG.js} +4 -4
- package/dist/assets/{ConfettiBurst-CjONFCxD-BbasMJ1h.js → ConfettiBurst-CMpZ2feY-D-Nq3IFV.js} +1 -1
- package/dist/assets/{CreateOrEditVendorPage-CDVjGotR-BX0RU8Lc.js → CreateOrEditVendorPage-DgHvZfWv-Bm6layyi.js} +13 -13
- package/dist/assets/{CreditCardPaymentDrawerPage-CsyNRmxp-J9Q1Nire.js → CreditCardPaymentDrawerPage-C2ikLG7P-DestrVrL.js} +15 -15
- package/dist/assets/{CreditCardPaymentPlgSection-BhHsjqZA-DtxErSDc.js → CreditCardPaymentPlgSection-M69ECpN9-CGQ3HY5T.js} +8 -8
- package/dist/assets/{CurrencySelectField-BRkdK9Tx-DZlSSgUd.js → CurrencySelectField-B3AvTbkp-CwUBnsMJ.js} +5 -5
- package/dist/assets/{CustomerOnboardingActivationPage-DnVXw5Ok-CF7wqV2h.js → CustomerOnboardingActivationPage-C7eddGoB-DW4jRuae.js} +1 -1
- package/dist/assets/CustomerOnboardingContainerPage-9UTLABZ0-DmivhYy_.js +1 -0
- package/dist/assets/{CustomerOnboardingDetailPageSkeleton-C95eWcqa-DW8DNI2i.js → CustomerOnboardingDetailPageSkeleton-BIAeoXCV-DB7HhB_G.js} +11 -11
- package/dist/assets/{CustomerOnboardingNoStepsPage-OKbEl9Bp-Dy87ha3L.js → CustomerOnboardingNoStepsPage-BzO6XZ0H-1xoJMSMy.js} +9 -9
- package/dist/assets/{CustomerOnboardingPage-D9jqUudS-BpBvjqe9.js → CustomerOnboardingPage-7yWIaJvU-C3VBP6CL.js} +6 -6
- package/dist/assets/{CustomerOnboardingProductSuitePage-DK_FKVS2-Dz81TViz.js → CustomerOnboardingProductSuitePage-Tvyrs9Cm-B0r6GvUF.js} +5 -5
- package/dist/assets/Dashboard-CA9685lJ-B_5dmcrq.js +778 -0
- package/dist/assets/DashboardReportPage-DQoFWd5C-D6uulgOO.js +349 -0
- package/dist/assets/{DepositAccTransactionItem-B55LUfPM-Bsnh-Dnt.js → DepositAccTransactionItem-CiRcbfmm-ChlbIcLT.js} +2 -2
- package/dist/assets/{DepositAccTransactionListPage-CKBZEDvI-CFszcDp5.js → DepositAccTransactionListPage-DsNLDlHv-MYnNFw-s.js} +7 -7
- package/dist/assets/{DocumentSecurityBanner-B5e6-zfE-B8VQ-eGv.js → DocumentSecurityBanner-CIWoR_yI-Dhftz0pA.js} +1 -1
- package/dist/assets/{DomesticWireDetailsPage--MU9IKKz-CI-n4FxD.js → DomesticWireDetailsPage-C6x8Gz4g-DwUa3Xkf.js} +1 -1
- package/dist/assets/{DownloadOverlay-CVay7PEO-C-BIaHoh.js → DownloadOverlay-D1kGkMFo-DOkMNDuh.js} +12 -12
- package/dist/assets/{DrawerPage-BtsjUVWT-DKZ4-9Rc.js → DrawerPage-CQkJW5hg-DkryY6SR.js} +3 -3
- package/dist/assets/{EditPeoplePage-q8Se6bGZ-Cx2X58jF.js → EditPeoplePage-m2qls8hv-BZd-DWw-.js} +17 -17
- package/dist/assets/{EditReimbursementDetailPage-DJxpU-hz-dhF_OPbV.js → EditReimbursementDetailPage-IlSyu79B-jE0h2JRZ.js} +72 -72
- package/dist/assets/{EntityDetailPage-Bux6DlIw-CDR-iDms.js → EntityDetailPage-CcJJwGo7-DCvr4KdD.js} +1 -1
- package/dist/assets/{EntitySummarySection-D8dz1hFt-Bakc19a1.js → EntitySummarySection-JxKHehL1-CtvARgSu.js} +13 -13
- package/dist/assets/{ExpenseAutomationOverviewPage-CdJQtc-4-WoBW313I.js → ExpenseAutomationOverviewPage-iAUtjSnw-C1CSJZ5E.js} +26 -26
- package/dist/assets/{ExpenseAutomationPage-aNc126hN-DZa4KtXO.js → ExpenseAutomationPage-B0f86olm-wJehtW2E.js} +74 -74
- package/dist/assets/{ExpressPayPage-CWVGXvfN-Bzdld5fx.js → ExpressPayPage-B-at6uDS-BEaELiUG.js} +7 -7
- package/dist/assets/{FeaturePreviewPage-C0nvVXP--BF6s18r5.js → FeaturePreviewPage-gSb_rct_-C-KQutKv.js} +2 -2
- package/dist/assets/{FollowStepsSection-Cf0s1DGX-BFVvc78r.js → FollowStepsSection-eedORgku-FnBhDPYP.js} +12 -12
- package/dist/assets/{GlobalReviewListPage-aY4rHJVr-DzNSgRAM.js → GlobalReviewListPage-BfPwveCc-ftKEGRYk.js} +10 -10
- package/dist/assets/HelpButton-DvD6UJq--aZr7WRfd.js +28 -0
- package/dist/assets/{InformationCardStack-BALkGk48-BWmXScs3.js → InformationCardStack-DPaZz4XW-BZPDjtdj.js} +5 -5
- package/dist/assets/{InsightsCardStack-D52CCSVO-CezeuABJ.js → InsightsCardStack-sKUFRR0H-BiHLZWGW.js} +10 -10
- package/dist/assets/{InsightsSection-D_wtVtVg-5rPDOiJT.js → InsightsSection-Corx5iDh-fVbgdM2i.js} +3 -3
- package/dist/assets/{IntegrationsSettingsPage-DxjbW311-BrvXi8hE.js → IntegrationsSettingsPage-DTWoUi2e-YCv3GRpa.js} +7 -7
- package/dist/assets/{InternationalWireSwiftDetailsPage-24NSHzu1-CRaVhxIk.js → InternationalWireSwiftDetailsPage-B441GUkh-D_QVeJ7p.js} +14 -14
- package/dist/assets/{InternationalWireVerificationPage-B1jvCUkw-Ld5IAzwh.js → InternationalWireVerificationPage-DjpWjFSe-CaUlPKN_.js} +18 -18
- package/dist/assets/{InviteFormPage-C9fNxGsi-CRksfDku.js → InviteFormPage-BRb4jyp_-BuUalkW4.js} +19 -19
- package/dist/assets/{InvitePageListView-DSWZ2SPi-B4SFh7Xp.js → InvitePageListView-Bb_Q_xqJ-BhN72Smm.js} +49 -49
- package/dist/assets/InvitePeoplePage-BKEDAnQ4-ByvIsC8W.js +12 -0
- package/dist/assets/{InvoiceUploadSection-D0CgJxyu-9_MCn8Y6.js → InvoiceUploadSection-BE4ZqriT-CfpM2_BI.js} +7 -7
- package/dist/assets/{IssueChargeCardPage-dYu9VLy4-YHkYWF3X.js → IssueChargeCardPage-BIFpAcrl-DZwnseyQ.js} +22 -22
- package/dist/assets/{LabeledAddressValue-DtmZ5htg-OjX3rrF7.js → LabeledAddressValue-D2vDF5sP-BZfqDHMl.js} +1 -1
- package/dist/assets/{LabeledAddressValueField-C2LEKAwf-BQxD3J4c.js → LabeledAddressValueField-BMdJsw3x-CnFfe2I5.js} +4 -4
- package/dist/assets/{LabeledControlledCheckBoxField-Ds3mSsWy-DNoefl6y.js → LabeledControlledCheckBoxField-CHRGFyHl-T4ZnES5i.js} +1 -1
- package/dist/assets/{LabeledCreatableSingleSelectField-DW8jVgaN-BEmOmz9t.js → LabeledCreatableSingleSelectField-qwQPyqDC-D7x9KNC-.js} +8 -8
- package/dist/assets/{LabeledDocumentField-Ce2A0qNH-CSvl2QNP.js → LabeledDocumentField-Cdd8oj5z-BoWCxP7J.js} +5 -5
- package/dist/assets/{LabeledDropDownFormattedTextField-DWlfmICB-Diz5afTR.js → LabeledDropDownFormattedTextField-CSEioH8A-DiLPLUt5.js} +5 -5
- package/dist/assets/{LabeledText-bruKdeAH-E98_Q-Ht.js → LabeledText-CqZ-udSP-CWd8HtpU.js} +2 -2
- package/dist/assets/{LabeledUserSingleSelectWithSubtitlesField-CfzUlgs3-BKnteQzK.js → LabeledUserSingleSelectWithSubtitlesField-DTmijO10-D909IgWp.js} +5 -5
- package/dist/assets/{LabeledZeniRolesDropDownField-CGSgg1Zl-M-Z5Kz_3.js → LabeledZeniRolesDropDownField-DSIWuFix-CIXw0_yv.js} +22 -22
- package/dist/assets/{LinkJETransactionPage-DjNutEvf-sKN4Are7.js → LinkJETransactionPage-C5V1HfGb-BEAJlnvQ.js} +10 -10
- package/dist/assets/{LowBalancePopup-CwcYMtuk-B-vSGd6a.js → LowBalancePopup-BLfeh0xm-C28uSa7K.js} +7 -7
- package/dist/assets/{MagicLinkACHDetailsPage-Ddhg3i45-DAcpfJH2.js → MagicLinkACHDetailsPage-DGR7VcHs-D2IBl0qY.js} +1 -1
- package/dist/assets/{MagicLinkDomesticWireDetailsPage-QzsSuMOz-D-Sj2Twf.js → MagicLinkDomesticWireDetailsPage-BOu5verB-Bhh7qXWp.js} +1 -1
- package/dist/assets/{MagicLinkInternationalWireDetailsPage-BsLlhkuO-cmHC5izc.js → MagicLinkInternationalWireDetailsPage-elijVpdq-Cq0leSr_.js} +1 -1
- package/dist/assets/{MagicLinkSuccessPage-COpDxIAb-BaiQCbjC.js → MagicLinkSuccessPage-C6-JVGAQ-DQTEmgea.js} +4 -4
- package/dist/assets/{MagicLinkTitleSection-Oa8Szvl2-DvY3D69u.js → MagicLinkTitleSection-CCjLimcL-Ip3y0PNU.js} +3 -3
- package/dist/assets/{MailingDetailsSection-BycONjR9-Dhu_6L_d.js → MailingDetailsSection-CJhcwaGu-BAyX38PR.js} +1 -1
- package/dist/assets/{MeetingCalenderPopup-D_WPTVKr-DYqVpuuh.js → MeetingCalenderPopup-DKBH6wSs-Cn-ByIyB.js} +3 -3
- package/dist/assets/{Menu-B6Fh2Mf9-B_ofMkAs.js → Menu-D-Gk-Xfo-DBDtrJ_2.js} +2 -2
- package/dist/assets/{MyBankConnectionsSettingsPage-jWuBarzg-DszKEiXJ.js → MyBankConnectionsSettingsPage-CBxa9AUT-BCb7NWFw.js} +18 -18
- package/dist/assets/{MyPendingActivationChargeCardListPage-_wuCCZ2J-Cbj97sd-.js → MyPendingActivationChargeCardListPage-DBr5htlO-CKJew--2.js} +1 -1
- package/dist/assets/{MyProfileSettingsPage-ChyYrCir-Dq1dhgqM.js → MyProfileSettingsPage-DKUX_nTz-BI1Cjccg.js} +8 -8
- package/dist/assets/{NavBarWithPicker-D4jJGXZB-BJWr2BT1.js → NavBarWithPicker-CXyMHDUO-FwAGF1cV.js} +4 -4
- package/dist/assets/{NavigationArrow-DlUdvmV7-iugv9ZVE.js → NavigationArrow-Bv-PvnhZ-BqeVWU8r.js} +7 -10
- package/dist/assets/{NavigationDots-CFJt-T5J-B9PAzC5S.js → NavigationDots-DJkiFidH-5V7knboW.js} +1 -1
- package/dist/assets/{NewGlobalMerchantPage-DhYni-in-Diwu92Go.js → NewGlobalMerchantPage-CmJjl9S1-k-LUtUto.js} +8 -8
- package/dist/assets/{NoDataChart-CvGbQO4j-B5z4vqWb.js → NoDataChart-Bsj1HEPq-CTuuS1jm.js} +1 -1
- package/dist/assets/{NoDataTable-EKtYZwcL-XyHu2gAL.js → NoDataTable-6vR2vOMI-C3_Xw78i.js} +1 -1
- package/dist/assets/{NotFoundPage-D5SHSQLS-0U7pTJ8G.js → NotFoundPage-SRxATfaW-y-aOb1MC.js} +4 -4
- package/dist/assets/{NotificationSettingsPage-CjJw9Atb-BmSbhipZ.js → NotificationSettingsPage-Bko3CBmW-_bWFzZ7l.js} +33 -33
- package/dist/assets/NotificationsListConfig-ChVd_Bek-CKniSs8p.js +1 -0
- package/dist/assets/{NotificationsPage-bGvx2yV6-C4p8pfzZ.js → NotificationsPage-DMfBgh2w-1OVVoKkc.js} +12 -12
- package/dist/assets/{OpExByVendorPage-BE_NnQzd-DQnxoqWx.js → OpExByVendorPage-DOkwCGkr-DKAYXBt6.js} +7 -7
- package/dist/assets/{OverlayContainerPage-GWXnlbZH-D2VSw_RI.js → OverlayContainerPage-C0rUb6-5-BEYdjpiV.js} +1 -1
- package/dist/assets/{PandLWithForecastPage-D-000kuR-BW5fUkac.js → PandLWithForecastPage-DCJ3QTuj-SrjsP3F-.js} +11 -11
- package/dist/assets/{PaymentAccountSetupBillingAddressSection-CwbX_znq-C6WVSYgS.js → PaymentAccountSetupBillingAddressSection-CaZETrGz-De6JzHBj.js} +8 -8
- package/dist/assets/{PeoplePage-MwM0lFB9-B0wgHwI1.js → PeoplePage-PvOhX-gy-bUl8LV-N.js} +14 -14
- package/dist/assets/PortfolioAllocationFormPage-DsCeagnu-DFOtswbp.js +207 -0
- package/dist/assets/PortfolioDetails-BEa4kwk8-CITW78cn.js +218 -0
- package/dist/assets/{ProductsCarousel-D2wC3sC--BKh2AE5P.js → ProductsCarousel-qzlVuyK5-BlxLSS9s.js} +9 -9
- package/dist/assets/{PromoBaseCards-Ddumul2a-BrEDd739.js → PromoBaseCards-26GOEn3a-DaZDnJ-z.js} +23 -23
- package/dist/assets/{QBOConnectionDialog-DszSpNdI-DwqHmKSk.js → QBOConnectionDialog-CZQE3Tjs-Da8BEmHP.js} +7 -7
- package/dist/assets/{QBOSetupSection-BNF-BUu5-B_yCc7Df.js → QBOSetupSection-u1sJhV67-3guqHTYH.js} +13 -13
- package/dist/assets/{ReimbursementApprovalRuleDetailPage-Myone4-k-B9H3tR1_.js → ReimbursementApprovalRuleDetailPage-vRiO7G_7-BtkXAaTL.js} +1 -1
- package/dist/assets/{ReimbursementApprovalRulesPage-DFhp0GGU-p0zWXuJ6.js → ReimbursementApprovalRulesPage-kEmFNXtg-tWOcEiR-.js} +35 -35
- package/dist/assets/{ReimbursementDetailPage-BAEddssC-DcJfByf4.js → ReimbursementDetailPage-ChyRg0eX-Claybyvt.js} +10 -10
- package/dist/assets/{ReimbursementPromoPage-D4u3SX8R-ByzJ_1Sx.js → ReimbursementPromoPage-BWsOD49o-D82HFW_4.js} +7 -7
- package/dist/assets/ReimbursementSetUpPage-DO_dBP9N-CDR1Iktq.js +140 -0
- package/dist/assets/{ReimbursementsBulkReviewDrawerPage-CAo_NjTX-O9TR0kFt.js → ReimbursementsBulkReviewDrawerPage-CgRo7VeI-w-iFb9QJ.js} +1 -1
- package/dist/assets/{ReloadCard-BA_JCHcV-DL7NGQyj.js → ReloadCard-CpauR6-c-3e4dg5U2.js} +5 -5
- package/dist/assets/ReportTableViewSelector-D6DHFt_R-CzdBaV93.js +150 -0
- package/dist/assets/ReportsPage-D4mI3T0w-DX_lYTCz.js +120 -0
- package/dist/assets/{RevenueChart-D33p-PFq-CGRJwc_N.js → RevenueChart-JdtvK4L6-CpCUlh1v.js} +1 -1
- package/dist/assets/{ReviewDetailsPage-D35NcQnx-Cbn86Yy5.js → ReviewDetailsPage-BwQoOV2Q-BSoqdtJl.js} +15 -15
- package/dist/assets/{ReviewOverlay-BYJdokfW-C97jtxei.js → ReviewOverlay-BLxhto7d-Ote-FEid.js} +10 -10
- package/dist/assets/{RoleWithToolTip-B3hm-1rz-OZzvKPZJ.js → RoleWithToolTip-BRSx6yqP-Dj7TwZqE.js} +7 -7
- package/dist/assets/{ScheduleDetailsFixedAssetsPage-BVnISMKW-BILZO4Rn.js → ScheduleDetailsFixedAssetsPage-CH84DI7F-DS2nwC6-.js} +8 -8
- package/dist/assets/{ScheduleDetailsPage-BibWPOxC-DZMtTy3C.js → ScheduleDetailsPage-CMunoow5-Kl0jdvn6.js} +4 -4
- package/dist/assets/{ScheduleSequenceTable-DcQmeKyc-JMxQ5IZq.js → ScheduleSequenceTable-CQVHkQ0e-Dw2nQmil.js} +49 -49
- package/dist/assets/{ScreenRoutes-iE9-v0dJ.js → ScreenRoutes-C5pHLsYO.js} +35 -35
- package/dist/assets/{SetUpAccountSection-BEJy78G6-Do1X3vVo.js → SetUpAccountSection-CyyxtFvK-Bjoxqucl.js} +24 -24
- package/dist/assets/{SetUpDefaultSection-ul-q6U3w-CKVV_QFK.js → SetUpDefaultSection-Bdw_aWMY-C7l-ATBb.js} +16 -16
- package/dist/assets/{SignIn-BC8yop4g-CznicFTu.js → SignIn-Gw75P03k-B_X_KXq6.js} +17 -17
- package/dist/assets/{SignInScreen-k0dvslKE.js → SignInScreen-CU1N7put.js} +1 -1
- package/dist/assets/{SpendManagementListViewPage-aZljA388--EEskYb2.js → SpendManagementListViewPage-BccaMtyd-shshvd9r.js} +10 -10
- package/dist/assets/{SpendManagementPerTabPage-BU1ai2M8-DkMZQMfc.js → SpendManagementPerTabPage-D-YqqUsz-DyRQAFsg.js} +33 -33
- package/dist/assets/{SpendManagementSection-DMw8NFvN-Cpy4Blf3.js → SpendManagementSection-CdH1r1Vw-C3epoUbW.js} +8 -8
- package/dist/assets/SpendMgmtSetupAccountSection-nryeZQ0T-2tO4d4y_.js +206 -0
- package/dist/assets/{StatementItem-CKTGWEW_-d6SqxmfH.js → StatementItem-BW9HKaf9-CsEdfyzn.js} +3 -3
- package/dist/assets/{StatementsPage-CjR4AlPy-BQRlcz37.js → StatementsPage-CXawS1th-D6ifdlgD.js} +6 -6
- package/dist/assets/{StatusSwitcher-5CZzUYJE-qZVSFmES.js → StatusSwitcher-oC-AP25Z-D-8kVIuC.js} +5 -5
- package/dist/assets/{SubTabSwitcher-a38_U4dN-BfyQ4BdY.js → SubTabSwitcher-DXWQMf7B-D5NgssDf.js} +1 -1
- package/dist/assets/{SummaryCard-XbFHvHx9-CTqdwSSS.js → SummaryCard-C3zjN-kT-DVcdP-G4.js} +1 -1
- package/dist/assets/{TaskManagementPage-Oct77yO--igT2quo0.js → TaskManagementPage-BGDJNpe_-BGexoSAd.js} +31 -31
- package/dist/assets/{TimeRangeSwitcher-C4mpBnQl-CaG6dXuN.js → TimeRangeSwitcher-BJfy3akS-o2HcwGW6.js} +3 -3
- package/dist/assets/{TimeframeSwitcher-CnLEHYWD-BW9vKcLS.js → TimeframeSwitcher-M9tK6u0Y-C6JeMzJ1.js} +5 -5
- package/dist/assets/TimeframeSwitcherWithToggle-L1nNDGOE-jeHox6-x.js +31 -0
- package/dist/assets/{TopExCard-CaR8tsug-DnQ2eFWB.js → TopExCard-BD9Ehuw_-BEZAD6RQ.js} +5 -5
- package/dist/assets/{TopExDetailPage-C4QeWe92-vjJ7ZG8N.js → TopExDetailPage-3HoXp_6D-C4AntCB3.js} +10 -10
- package/dist/assets/{TransactionDetailPage-BoxnNYXX-2QwooFWS.js → TransactionDetailPage-CbnGQ8bn-D1kf6rih.js} +26 -26
- package/dist/assets/TransactionList-BBjiP2Nf-CVZYe7YT.js +147 -0
- package/dist/assets/{TransactionListBig-B0FG0-BM-Br0wUjP3.js → TransactionListBig-5aenxEn4-DbuGNI6-.js} +18 -18
- package/dist/assets/TransactionListPage-BeVkiwkg-BwC4l02u.js +35 -0
- package/dist/assets/{TransactionVendorDetailPage-gBr8kX0F-BE5xJ4Iy.js → TransactionVendorDetailPage-Yi7SmsyK-pIrKO6zm.js} +5 -5
- package/dist/assets/{TransferDrawerPage-BJVanLzC-BZZsX7dv.js → TransferDrawerPage-2P1mhp1M-DQ83dYHD.js} +11 -11
- package/dist/assets/{TreasuryOverviewPage-DGJnHyrO-BPZDM1DN.js → TreasuryOverviewPage-CkCBcBQK-CKBjtsts.js} +34 -34
- package/dist/assets/{TreasuryPromoPage-CblUabA3-CO5CaCN_.js → TreasuryPromoPage-v-g4ZAdk-BPgVXnPP.js} +14 -14
- package/dist/assets/{TreasurySetupPage-CuROk6il-7kJUNajN.js → TreasurySetupPage-B7va2-fJ-CAJ9u8aR.js} +2 -2
- package/dist/assets/{TreasuryStatementsPage-DfB0yrzC-osurk-aq.js → TreasuryStatementsPage-BEJsQ-Oz-DHPONp68.js} +10 -10
- package/dist/assets/{TreasuryTaxLetterPage-CRoLpeXm-g70lefJl.js → TreasuryTaxLetterPage-CpTpM1mx-Ba1IA2xd.js} +4 -4
- package/dist/assets/{TreasuryTransferOrReviewPage-QMDAFbkh-CUXJN-eh.js → TreasuryTransferOrReviewPage-BRPFympA-6Ds9mHlo.js} +77 -77
- package/dist/assets/{TrendChart-D3_4i3qH-wYUerKRk.js → TrendChart-DRNocU0p-B5zGJHBv.js} +3 -3
- package/dist/assets/{TrendWithTransactions-KkV2_0Uh-D0lwZdhf.js → TrendWithTransactions-CldwGpXX-C-miaXCt.js} +5 -5
- package/dist/assets/{UncategorizedAccountsMappingPage-kKq-jvPY-CF6bAw3X.js → UncategorizedAccountsMappingPage-2C5qEhte-D_ahOlGs.js} +1 -1
- package/dist/assets/{UnitIntegrationPage-CZS0yjHf-2PLtjCjv.js → UnitIntegrationPage--cDHqgXs-CzBp1mNW.js} +3 -3
- package/dist/assets/{UploadAdditionalDocumentOverlay-KkO_TLUT-n0LOLnpS.js → UploadAdditionalDocumentOverlay-D85ML8-_-p_x3eEON.js} +1 -1
- package/dist/assets/{Vendor2FAPopup-wnVnkHOg-DABVEKDS.js → Vendor2FAPopup-vdFWf98b-D5sSolYh.js} +1 -1
- package/dist/assets/{VendorACHDetailsPage-nuzdr69i-pgOa8d0q.js → VendorACHDetailsPage-D7ImMabh-ChqR1RaR.js} +1 -1
- package/dist/assets/{VendorDetailPage-ClmL_1FB-Cz0Favu8.js → VendorDetailPage-BOeEd9pX-C40iOslI.js} +14 -14
- package/dist/assets/{VendorDomesticWireDetailsPage-DEK3jdYu-StHUbnc9.js → VendorDomesticWireDetailsPage-CXFrYPn8-o64Pt2o2.js} +1 -1
- package/dist/assets/{VendorFiling1099EditablePage-KMOY10Xr-C-_0rtWP.js → VendorFiling1099EditablePage-CZFErJ91-Dq9to1zv.js} +9 -9
- package/dist/assets/{VendorFirstReviewPage-CLF3qT17-D1oHFEVR.js → VendorFirstReviewPage-BHzDUMKu-DpG7tqKb.js} +75 -75
- package/dist/assets/{VendorInternationalWireDetailsPage-C5JXqVVq-DdhMyWB0.js → VendorInternationalWireDetailsPage-j4j5irzH-CT3rN25J.js} +8 -8
- package/dist/assets/{VendorInternationalWireSwiftDetailsPage-7KrBqEWb-D_WpQwvk.js → VendorInternationalWireSwiftDetailsPage-DM4jC7wD-0NWOAHYt.js} +1 -1
- package/dist/assets/{VendorsAccountsSection-fcURK7tv-BOScGj67.js → VendorsAccountsSection-BTRiZlIa-D2xftT7n.js} +13 -13
- package/dist/assets/{WarningsDrawerPage-Bnd_CdR9-B2JqHi6z.js → WarningsDrawerPage-ZgfQEBme-BogIku8q.js} +10 -10
- package/dist/assets/{ZeniAccountDetailPage-DRDCdFW7-D8o4Z2Hy.js → ZeniAccountDetailPage-xrq0Ez6S-5Y9wWxKq.js} +40 -40
- package/dist/assets/{ZeniAccountListViewPage-ZPWww_Go-HRp0ORwg.js → ZeniAccountListViewPage-BwXfELGd-CMYKhLC-.js} +5 -5
- package/dist/assets/{ZeniAccountNavBarPieces-DFivFXxa-rHFaK51E.js → ZeniAccountNavBarPieces-xpHuuPSD-CQw7XfH0.js} +1 -1
- package/dist/assets/{ZeniAccountPromoPage-D1oJNoqy-C6ZFb72_.js → ZeniAccountPromoPage-BvSwPEk7-sx8wuksr.js} +18 -18
- package/dist/assets/{ZeniAccountSetupPage-DITu6ztK-Fgis_UYm.js → ZeniAccountSetupPage-yCkiopeU-oXKMyUZt.js} +3 -3
- package/dist/assets/{ZeniCopyright-DoA2I5zj-CPBH_zf-.js → ZeniCopyright-BAbOOFg9-CEbrOROr.js} +1 -1
- package/dist/assets/{ZeniTransferAmountSlider-amszUh1p-Wx5VV7C8.js → ZeniTransferAmountSlider-C1sl8ZNj-C6racrVi.js} +1 -1
- package/dist/assets/{analyticsHelper-DPbbQVAO-ChPUlKK7.js → analyticsHelper-CkzpobMi-DnjY1jLw.js} +1 -1
- package/dist/assets/{analyticsHelper-BbcCIpO1.js → analyticsHelper-j8smtjIR.js} +1 -1
- package/dist/assets/{chartTypes-qpvW4LwC-4Ag0mdD1.js → chartTypes-JD2mR9iq-B-Dqgpc8.js} +1 -1
- package/dist/assets/{commonDimensions-DAvj4Il1-Chc9ZQai.js → commonDimensions-DRfDJ_wQ-DeEC_LLv.js} +1 -1
- package/dist/assets/{detailCommon-jP1ggD3g-CQiTz4E7.js → detailCommon-BbKkY_46-DwHUZLAg.js} +5 -5
- package/dist/assets/{downloadPdf-LAHtgcHF-B9uNpNRf.js → downloadPdf-D7ANJLK4-BVhr8pTH.js} +1 -1
- package/dist/assets/{index-DyBH5SZv.js → index-Dr7k10Ge.js} +3520 -3543
- package/dist/assets/mapLoadingInProgressToTreeNode-e8JhfflK-BBSz2yuD.js +1 -0
- package/dist/assets/{mapSectionWithAcOnlyToTreeNode-Dr43nOGj-FSgubQ7E.js → mapSectionWithAcOnlyToTreeNode-caUW45t5-Cd4Vndkt.js} +1 -1
- package/dist/assets/mapSpacerToTreeNode-C692pbYW-BJLTFMw5.js +1 -0
- package/dist/assets/mapTimeframeBalancesToTreeNode-DKrYq4x5-CLuyCBzc.js +1 -0
- package/dist/assets/{play-icon-D3OSczih-8eMagn70.js → play-icon-BbWpG2oG-CGqef6-e.js} +3 -3
- package/dist/assets/{toCOABalancesWithID-DeWKaovX-C_3xC96w.js → toCOABalancesWithID-DOgHiMwn-C3l_klRD.js} +1 -1
- package/dist/assets/{toChartData-Dkp488IJ-Cg1gF7al.js → toChartData-CNfdaXyM-Cc0Cbk9b.js} +1 -1
- package/dist/assets/{treasuryColorHelper-BibNNRS5-DCmyWsB-.js → treasuryColorHelper-JBMxqa9X-CRkfUPI_.js} +1 -1
- package/dist/assets/{uploadAttachment-BjJ8_wDA-22p019X4.js → uploadAttachment-BGZjtYkJ-DDuM3kuv.js} +25 -25
- package/dist/assets/{uploadReceipts-D80JLNY4-sjevKwVl.js → uploadReceipts-Buvz7DfG-CEx_e_oz.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +4 -4
- package/dist/assets/AccountInfoPageContent-BtMF3gSM-CwB-GVxY.js +0 -149
- package/dist/assets/ApprovalRulesSettingsPage-D6XZafBq-BQyA8PhX.js +0 -47
- package/dist/assets/ArAgingChart-D-Z3jfGt-DS-oqmcQ.js +0 -24
- package/dist/assets/BillPaySetUpPage-B-DHUIqu-DsqPk0zS.js +0 -42
- package/dist/assets/ChargeCardDetailPage-D5bwvNOM-CT3hMXCY.js +0 -1447
- package/dist/assets/ChargeCardListPage-rY7_MoJ5-CzPbszY2.js +0 -355
- package/dist/assets/ChargeCardPromoPage-BUtD2JQ4-Bh59RQEl.js +0 -219
- package/dist/assets/ChargeCardSetupPage-CIRcLLnB-Cefuwkkm.js +0 -36
- package/dist/assets/CollapsableReportTable-BBGdC6Ii-N5Ehkf8R.js +0 -2932
- package/dist/assets/CustomerOnboardingContainerPage-wmVbYxdI-BLfm1bGE.js +0 -1
- package/dist/assets/Dashboard-CsuzQbH0-B5Hgiilv.js +0 -1254
- package/dist/assets/DashboardReportPage-BCkrfj3P-CIFdRg6l.js +0 -370
- package/dist/assets/HelpButton-Dv3nbc1Z-CHaoZd0g.js +0 -28
- package/dist/assets/InvitePeoplePage-DaN4NSHW-CydccedW.js +0 -12
- package/dist/assets/NotificationsListConfig-BL_MxKXF-CvqrsVs-.js +0 -1
- package/dist/assets/PortfolioAllocationFormPage-C3a4MQzW-CQIA3SiA.js +0 -207
- package/dist/assets/PortfolioDetails-BMJ6PGMP-DtrA52bw.js +0 -218
- package/dist/assets/ReimbursementSetUpPage-B9ByGW3n-Bt2Z4PCD.js +0 -140
- package/dist/assets/ReportTableViewSelector-D7B88kS6-BrGIUsj4.js +0 -150
- package/dist/assets/ReportsPage-BzMzH-I3-BKZoRCt6.js +0 -121
- package/dist/assets/SpendMgmtSetupAccountSection-BtcwTlJT-Bsya0Qr3.js +0 -206
- package/dist/assets/TimeframeSwitcherWithToggle-Bc-Y5Hwv-0uMnBILy.js +0 -31
- package/dist/assets/TransactionList-IjM4ABdF-DZ9PEfgX.js +0 -147
- package/dist/assets/TransactionListPage-1dwu-ZT2-vlIbHO3m.js +0 -35
- package/dist/assets/mapLoadingInProgressToTreeNode-CjvJKOzk-DeuVFxVw.js +0 -1
- package/dist/assets/mapSpacerToTreeNode-COsnfFtf-DI0OXEqQ.js +0 -1
- package/dist/assets/mapTimeframeBalancesToTreeNode-BnpqSOA6-DAD3sG8g.js +0 -1
- package/dist/assets/mapTimeframeBalancesToTreeNode-DFanhVY8-Cl8Oktyg.js +0 -1
- package/dist/assets/mapTimeframeHeaderLoadingInProgressToTreeNode-D2xlqc6w-BjPO7Xb1.js +0 -1
|
@@ -0,0 +1,2860 @@
|
|
|
1
|
+
import{j as t,ao as an,Y as m,be as fe,_ as U,dh as ln,o as s,g as ee,a5 as lo,X as N,D as co,z as cn,di as so,dj as sn,l as A,M as O,q as w,dk as zo,dl as Lt,ab as _,dm as At,bz as Bt,dn as Ot,C as D,cs as Mt,V as Po,T as qe,dp as To,bg as X,e as dn,u as se,ak as Vo,dq as Do,ac as V,n as Le,dr as hn,ds as ce,by as Wt,bC as ho,v as un,m as we,dt as Je,du as Ae,dv as Xe,t as S,ah as ie,dw as pn,r as Nt,dx as Ve,dy as uo,dz as po,dA as gn,dB as fn,as as Ro,ap as xn,bY as It,bX as Ft,d0 as mn,aq as Go,b$ as Eo,bm as wn,dC as yn,dD as go,dE as fo,dF as bn,dG as kn,bt as Cn,b5 as jn,dH as Sn}from"./index-Dr7k10Ge.js";import{n as a,b as I,f as vn,j as F}from"./vendor-CnQcJ2Lu.js";import{L as et,N as $n,D as _n,B as ye,u as $}from"./AccountRow--5DnpNqk-C6gOEeWO.js";function Z(e,o){if(e!=null)switch(e.type){case"this_period_vs_last_period_percent":case"this_period_vs_same_period_last_year_percent":return fe("0.00%",e.percentValue);case"default_with_null_balance":return"-"}return U("0,0",e?.balance)}function J(e){return U("0,0",e?.forecast)}function Ho(e){if(e!=null)switch(e.type){case"this_period_vs_last_period_percent":case"this_period_vs_same_period_last_year_percent":return fe("0.00%",e.totalPercentValue)}return U("0,0",e?.totalBalance)}function xt(e){if(e!=null)switch(e.type){case"this_period_vs_last_period_percent":case"this_period_vs_same_period_last_year_percent":return fe("0.00%",e.forecastPercentValue)}return U("0,0",e?.totalForecast)}function de(e){if(e!=null&&e.forecast!=null&&e.forecast.amount!==0){const o=(e.balance.amount-e.forecast.amount)/e.forecast.amount;return fe("0.00%",Math.floor(o*100)/100)}else return fe("0.00%",void 0)}function he(e){if(e!=null&&e.forecast!=null){const o=Math.floor((e.balance.amount-e.forecast.amount)*100/100);return U("0,0",Object.assign({},e.forecast,{amount:o}))}else return U("0,0",null)}function Ko(e){if(e!=null&&e.totalForecast!=null&&e.totalBalance!=null&&e.totalForecast.amount!==0){const o=(e.totalBalance.amount-e.totalForecast.amount)/e.totalForecast.amount;return fe("0.00%",Math.floor(o*100)/100)}else return fe("0.00%",void 0)}function Yo(e){if(e!=null&&e.totalForecast!=null&&e.totalBalance!=null){const o=Math.floor((e.totalBalance.amount-e.totalForecast.amount)*100/100);return U("0,0",Object.assign({},e.totalForecast,{amount:o}))}else return U("0,0",null)}const We=(e,o,i)=>{const{startDate:n,balanceType:r}=o,{dateFormat:{visual:l}}=O.getLocalizedStrings();switch(i){case"month":return r==="default"||r==="default_with_percent"?`${A.formatZeniDate(n,l.MMMYYYYFormat,e)}`:ht(r,i);case"quarter":return r==="default"||r==="default_with_percent"?`${O.getLocalizedStrings().reports.quarterPrefix}${A.formatZeniDate(n,l.QYYYYformat,e)}`:ht(r,i);case"year":return r==="default"||r==="default_with_percent"?`${A.formatZeniDate(n,l.YYYYformat,e)}`:ht(r,i);case"free_range":case"week":throw new Error("free_range/weeks dates are not supported!")}};function ht(e,o){return O.getLocalizedStrings().downloadReport.additionalColumns.labels[o][e]}const Mp=(e,o,i)=>{const n=o.length==0?e:`${e}_${o.join("_")}`;return i!=null&&i.trim().length>0?`${n}_${i}`:`${n}_${ln(10)}`},Ln=a.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex: 1 1 auto;
|
|
4
|
+
width: 100%;
|
|
5
|
+
height: ${e=>e.heightValue}px;
|
|
6
|
+
justify-content: flex-start;
|
|
7
|
+
align-items: center;
|
|
8
|
+
padding-right: ${$.wrapperPadding}px;
|
|
9
|
+
`,An=a.div`
|
|
10
|
+
cursor: default;
|
|
11
|
+
user-select: none;
|
|
12
|
+
display: flex;
|
|
13
|
+
flex: 1 1 auto;
|
|
14
|
+
flex-flow: row;
|
|
15
|
+
justify-content: flex-start;
|
|
16
|
+
align-items: center;
|
|
17
|
+
`,Bn=a.div`
|
|
18
|
+
display: flex;
|
|
19
|
+
justify-content: flex-start;
|
|
20
|
+
align-items: center;
|
|
21
|
+
gap: ${s.sp2};
|
|
22
|
+
width: ${$.leftHeadingWidth}px;
|
|
23
|
+
`,On=a.div`
|
|
24
|
+
display: flex;
|
|
25
|
+
flex: 1 1 auto;
|
|
26
|
+
justify-content: flex-end;
|
|
27
|
+
align-items: center;
|
|
28
|
+
gap: ${s.sp4};
|
|
29
|
+
`,Mn=a(ie)`
|
|
30
|
+
width: ${$.bankBalanceWidth}px;
|
|
31
|
+
min-width: ${$.bankBalanceWidth}px;
|
|
32
|
+
text-align: right;
|
|
33
|
+
`,Wn=a(ie)`
|
|
34
|
+
width: ${$.clearedBalanceWidth}px;
|
|
35
|
+
min-width: ${$.clearedBalanceWidth}px;
|
|
36
|
+
text-align: right;
|
|
37
|
+
`,Nn=a(ie)`
|
|
38
|
+
width: ${$.statusWidth}px;
|
|
39
|
+
min-width: ${$.statusWidth}px;
|
|
40
|
+
`,In=a.div`
|
|
41
|
+
display: flex;
|
|
42
|
+
flex-shrink: 0;
|
|
43
|
+
gap: ${s.sp3};
|
|
44
|
+
width: ${$.varianceWidth}px;
|
|
45
|
+
min-width: ${$.varianceWidth}px;
|
|
46
|
+
flex-direction: row;
|
|
47
|
+
justify-content: flex-end;
|
|
48
|
+
align-items: center;
|
|
49
|
+
text-align: center;
|
|
50
|
+
`,Fn=a.div`
|
|
51
|
+
width: ${$.variancePercentageWidth}px;
|
|
52
|
+
min-width: ${$.variancePercentageWidth}px;
|
|
53
|
+
text-align: right;
|
|
54
|
+
margin-right: ${s.sp2};
|
|
55
|
+
`,zn=a.div`
|
|
56
|
+
display: flex;
|
|
57
|
+
justify-content: center;
|
|
58
|
+
align-items: center;
|
|
59
|
+
`,Pn=a.div`
|
|
60
|
+
display: flex;
|
|
61
|
+
justify-content: center;
|
|
62
|
+
align-items: center;
|
|
63
|
+
`;function Tn({height:e}){const o=N();return t.jsx(Ln,{heightValue:e,windowSize:o,children:t.jsxs(An,{children:[t.jsxs(Bn,{children:[t.jsx(zn,{children:t.jsx(ce,{isLoading:!0,customStyle:{height:s.sp4,maxWidth:s.sp4,width:s.sp4,borderRadius:"50%"},children:t.jsx(t.Fragment,{})})}),t.jsx(Pn,{children:t.jsx(ce,{isLoading:!0,customStyle:{height:s.sp4,width:$.leftLabelWidth},children:t.jsx(t.Fragment,{})})})]}),t.jsxs(On,{children:[t.jsx(Mn,{children:t.jsx(ce,{isLoading:!0,position:"right",customStyle:{height:s.sp4,width:$.bankBalanceWidth},children:t.jsx(t.Fragment,{})})}),t.jsx(Wn,{children:t.jsx(ce,{isLoading:!0,position:"right",customStyle:{height:s.sp4,width:$.clearedBalanceWidth},children:t.jsx(t.Fragment,{})})}),t.jsxs(In,{children:[t.jsx(ce,{isLoading:!0,position:"right",customStyle:{height:s.sp4,width:$.varianceNumberWidth},children:t.jsx(t.Fragment,{})}),t.jsx(Fn,{children:t.jsx(ce,{isLoading:!0,customStyle:{height:s.sp4,width:$.variancePercentageWidth},children:t.jsx(t.Fragment,{})})})]}),t.jsx(Nn,{children:t.jsx(ce,{isLoading:!0,customStyle:{height:s.sp4,width:$.statusWidth},children:t.jsx(t.Fragment,{})})})]})]})})}const Vn=a.div`
|
|
64
|
+
display: flex;
|
|
65
|
+
flex-direction: row;
|
|
66
|
+
height: ${e=>e.heightValue}px;
|
|
67
|
+
padding-right: ${$.wrapperPadding}px;
|
|
68
|
+
`;function Dn({height:e}){return t.jsx(Vn,{heightValue:e})}const Rn=a.div`
|
|
69
|
+
user-select: none;
|
|
70
|
+
display: flex;
|
|
71
|
+
width: 100%;
|
|
72
|
+
height: ${e=>e.height}px;
|
|
73
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
74
|
+
flex-direction: column;
|
|
75
|
+
padding-right: ${$.wrapperPadding}px;
|
|
76
|
+
`,Gn=a.div`
|
|
77
|
+
flex: 1 1 auto;
|
|
78
|
+
display: flex;
|
|
79
|
+
align-items: center;
|
|
80
|
+
height: ${s.sp8};
|
|
81
|
+
justify-content: flex-start;
|
|
82
|
+
align-items: center;
|
|
83
|
+
`,En=a.div`
|
|
84
|
+
display: flex;
|
|
85
|
+
flex-direction: row;
|
|
86
|
+
justify-content: flex-end;
|
|
87
|
+
width: ${$.leftHeadingWidth}px;
|
|
88
|
+
`,Hn=a.div`
|
|
89
|
+
display: flex;
|
|
90
|
+
flex: 1 1 auto;
|
|
91
|
+
flex-direction: row;
|
|
92
|
+
justify-content: flex-end;
|
|
93
|
+
`,Kn=a(Go)`
|
|
94
|
+
user-select: none;
|
|
95
|
+
color: ${e=>e.theme.colors.primary};
|
|
96
|
+
width: ${$.leftTimeframeWidth}px;
|
|
97
|
+
min-width: ${$.leftTimeframeWidth}px;
|
|
98
|
+
flex: 1 1 auto;
|
|
99
|
+
`,Yn=a(S)`
|
|
100
|
+
user-select: none;
|
|
101
|
+
`,Un=a.div`
|
|
102
|
+
max-height: ${s.sp8};
|
|
103
|
+
min-height: ${s.sp8};
|
|
104
|
+
min-width: ${e=>e.widthValue}px;
|
|
105
|
+
max-width: ${e=>e.widthValue}px;
|
|
106
|
+
display: flex;
|
|
107
|
+
justify-content: center;
|
|
108
|
+
align-items: center;
|
|
109
|
+
background-color: ${e=>e.theme.colors.background};
|
|
110
|
+
border: 1px solid ${e=>e.theme.colors.grey3};
|
|
111
|
+
border-radius: ${s.sp2};
|
|
112
|
+
color: ${e=>e.theme.colors.primary};
|
|
113
|
+
margin-right: ${e=>e.marginRight===!0?s.sp2:s.sp0};
|
|
114
|
+
`,Zn=a.div`
|
|
115
|
+
width: ${$.bankBalanceWidth}px;
|
|
116
|
+
`,qn=a.div`
|
|
117
|
+
width: ${$.bankBalanceRightTimeframeWidth}px;
|
|
118
|
+
`,Jn=a.div`
|
|
119
|
+
width: ${$.clearedBalanceWidth}px;
|
|
120
|
+
margin-right: ${$.tickLeftMargin}px;
|
|
121
|
+
`,Qn=a.div`
|
|
122
|
+
width: ${$.varianceTimeframeWidth}px;
|
|
123
|
+
align-self: flex-end;
|
|
124
|
+
`,Xn=a.div`
|
|
125
|
+
width: ${$.spacerLineWidth}px;
|
|
126
|
+
`,er=a.div`
|
|
127
|
+
width: ${$.statusWidth}px;
|
|
128
|
+
`,De=({title:e,type:o})=>t.jsx(Un,{widthValue:$[o],children:t.jsx(Yn,{children:e})});function tr({sectionTitle:e,height:o,isLoading:i}){const n=O.getLocalizedStrings().expenseAutomation.accountRecon.reconciliation.headers;return t.jsx(Rn,{height:o,children:t.jsxs(Gn,{children:[t.jsx(En,{children:t.jsx(ce,{isLoading:i,customStyle:{height:s.sp4,width:$.leftLabelWidth},children:t.jsx(Kn,{children:e})})}),t.jsxs(Hn,{children:[t.jsx(Zn,{children:t.jsx(ce,{isLoading:i,customStyle:{height:s.sp7,width:$.bankBalanceTimeframeWidth,borderRadius:s.sp2},children:t.jsx(De,{title:n.bankBalance,type:"bankBalanceTimeframeWidth"})})}),t.jsx(qn,{}),t.jsx(Jn,{children:t.jsx(ce,{isLoading:i,customStyle:{height:s.sp7,width:$.clearedBalanceTimeframeWidth,borderRadius:s.sp2},children:t.jsx(De,{title:n.clearedBalance,type:"clearedBalanceTimeframeWidth"})})}),t.jsx(Qn,{children:t.jsx(ce,{isLoading:i,customStyle:{height:s.sp7,width:$.varianceTimeframeWidth,borderRadius:s.sp2},children:t.jsx(De,{title:n.variance,type:"varianceTimeframeWidth"})})}),t.jsx(Xn,{}),t.jsx(er,{children:t.jsx(ce,{isLoading:i,customStyle:{height:s.sp7,width:$.statusTimeframeWidth,borderRadius:s.sp2},children:t.jsx(De,{title:n.status,type:"statusTimeframeWidth"})})})]})]})})}const or=a.div`
|
|
129
|
+
display: flex;
|
|
130
|
+
flex-direction: row;
|
|
131
|
+
height: ${e=>e.heightValue}px;
|
|
132
|
+
align-items: center;
|
|
133
|
+
padding-right: ${$.wrapperPadding}px;
|
|
134
|
+
`,ir=a(Go)`
|
|
135
|
+
user-select: none;
|
|
136
|
+
color: ${e=>e.theme.colors.primary};
|
|
137
|
+
`;function nr({height:e,title:o}){return t.jsx(or,{heightValue:e,children:t.jsx(ir,{children:o})})}const rr=a.div`
|
|
138
|
+
display: flex;
|
|
139
|
+
flex: 1 1 auto;
|
|
140
|
+
width: 100%;
|
|
141
|
+
height: ${e=>e.heightValue}px;
|
|
142
|
+
justify-content: flex-start;
|
|
143
|
+
align-items: center;
|
|
144
|
+
padding-right: ${$.wrapperPadding}px;
|
|
145
|
+
`,ar=a.div`
|
|
146
|
+
cursor: default;
|
|
147
|
+
user-select: none;
|
|
148
|
+
display: flex;
|
|
149
|
+
flex: 1 1 auto;
|
|
150
|
+
flex-flow: row;
|
|
151
|
+
justify-content: flex-start;
|
|
152
|
+
align-items: center;
|
|
153
|
+
color: ${e=>e.theme.colors.primary};
|
|
154
|
+
`,lr=a.div`
|
|
155
|
+
display: flex;
|
|
156
|
+
flex: 1 1 auto;
|
|
157
|
+
justify-content: flex-start;
|
|
158
|
+
align-items: center;
|
|
159
|
+
gap: ${s.sp2};
|
|
160
|
+
`,cr=a(ie)`
|
|
161
|
+
user-select: none;
|
|
162
|
+
clear: both;
|
|
163
|
+
display: inline-block;
|
|
164
|
+
overflow: hidden;
|
|
165
|
+
white-space: nowrap;
|
|
166
|
+
text-overflow: ellipsis;
|
|
167
|
+
text-align: left;
|
|
168
|
+
color: ${e=>e.theme.colors.primary};
|
|
169
|
+
width: ${$.leftLabelWidth}px;
|
|
170
|
+
min-width: ${$.leftLabelWidth}px;
|
|
171
|
+
`,sr=a.div`
|
|
172
|
+
display: flex;
|
|
173
|
+
flex: 1 1 auto;
|
|
174
|
+
justify-content: flex-end;
|
|
175
|
+
align-items: center;
|
|
176
|
+
`,dr=a(ie)`
|
|
177
|
+
width: ${$.bankBalanceWidth}px;
|
|
178
|
+
min-width: ${$.bankBalanceWidth}px;
|
|
179
|
+
text-align: right;
|
|
180
|
+
`,hr=a(ie)`
|
|
181
|
+
width: ${$.clearedBalanceWidth}px;
|
|
182
|
+
min-width: ${$.clearedBalanceWidth}px;
|
|
183
|
+
text-align: right;
|
|
184
|
+
margin-left: ${$.tickLeftMargin}px;
|
|
185
|
+
`,ur=a(ie)`
|
|
186
|
+
width: ${$.statusWidth}px;
|
|
187
|
+
min-width: ${$.statusWidth}px;
|
|
188
|
+
height: 1px;
|
|
189
|
+
`,pr=a.div`
|
|
190
|
+
display: flex;
|
|
191
|
+
flex-direction: row;
|
|
192
|
+
min-width: ${$.spacerLineWidth}px;
|
|
193
|
+
width: ${$.spacerLineWidth}px;
|
|
194
|
+
align-items: center;
|
|
195
|
+
`,gr=a.div`
|
|
196
|
+
width: 1px;
|
|
197
|
+
margin-left: ${s.sp3};
|
|
198
|
+
height: ${e=>e.heightValue}px;
|
|
199
|
+
background-color: ${e=>e.theme.colors.grey3};
|
|
200
|
+
`,fr=a.div`
|
|
201
|
+
display: flex;
|
|
202
|
+
flex-shrink: 0;
|
|
203
|
+
width: ${$.varianceTimeframeWidth}px;
|
|
204
|
+
min-width: ${$.varianceTimeframeWidth}px;
|
|
205
|
+
flex-direction: row;
|
|
206
|
+
justify-content: flex-end;
|
|
207
|
+
align-items: center;
|
|
208
|
+
text-align: center;
|
|
209
|
+
margin-left: ${$.tickLeftMargin}px;
|
|
210
|
+
`,xr=a(ie)`
|
|
211
|
+
border-radius: ${s.sp1};
|
|
212
|
+
color: ${e=>e.textColor.hex()};
|
|
213
|
+
min-width: ${$.varianceNumberWidth}px;
|
|
214
|
+
text-align: right;
|
|
215
|
+
margin-right: ${s.sp2};
|
|
216
|
+
`,mr=a(ie)`
|
|
217
|
+
border-radius: ${s.sp1};
|
|
218
|
+
padding: ${s.sp0} ${s.sp1};
|
|
219
|
+
justify-content: center;
|
|
220
|
+
text-align: center;
|
|
221
|
+
color: ${e=>e.textColor.hex()};
|
|
222
|
+
background-color: ${e=>e.bgColor.hex()};
|
|
223
|
+
min-width: ${$.variancePercentageWidth}px;
|
|
224
|
+
`,{expenseAutomation:{accountRecon:{reconciliation:{headers:xo}}},common:{strings:{percentage:wr,hyphen:Qe}}}=O.getLocalizedStrings();function yr({height:e,sectionData:o}){const i=N(),n=o.totalVariance,r=o.totalVariancePercentage,l=se();return t.jsx(rr,{"data-testid":m("total-row-root-container"),heightValue:e,windowSize:i,children:t.jsxs(ar,{isClickable:!1,"data-testid":m("total-row-container"),children:[t.jsxs(lr,{children:[t.jsx(ye,{firstLetter:xo.section[o.sectionId].subTitle.charAt(0),color:new _(l.colors.primary),showIcon:!1,showCollapsedIcon:!1}),t.jsx(cr,{children:xo.section[o.sectionId].subTitle})]}),t.jsxs(sr,{children:[t.jsx(dr,{children:o.totalBankBalance!=null?U("0,0",o.totalBankBalance):Qe}),t.jsx(hr,{children:o.totalClearedBalance!=null?U("0,0",o.totalClearedBalance):Qe}),t.jsx(br,{variance:n,variancePercentage:r}),t.jsx(pr,{children:t.jsx(gr,{heightValue:e})}),t.jsx(ur,{})]})]})})}const br=({variance:e,variancePercentage:o})=>{const i=se(),n=new _(i.colors.hero),r=new _(i.colors.hero),l=new _(i.colors.background),c=e!=null&&e.amount===0?"0%":o!=null?o===0?"0%":`${o.toFixed(2)}${wr}`:Qe;return t.jsxs(fr,{children:[t.jsx(xr,{textColor:n,children:e!=null?U("0,0",e):Qe}),t.jsx(mr,{textColor:r,bgColor:l,children:c})]})};function kr(){return t.jsx(Dn,{height:et("section")})}function Cr(){return t.jsx(Tn,{height:et("loading_in_progress")})}function jr(e,o){if(e.element.kind!=="timeframe_headers")return null;const i=O.getLocalizedStrings().expenseAutomation.accountRecon.reconciliation.headers,n=e.element.data,r=n.accountIDs.length===0;return t.jsx(tr,{sectionTitle:i.section[n.sectionId].title,isLoading:r,isSticky:o,height:et("timeframe_headers")})}const Sr=(e,o,i)=>{const n=e.element.data;return t.jsx(yr,{isSticky:i,height:o,sectionData:n})},vr=(e,o)=>{const i=e.element.data,n=O.getLocalizedStrings().expenseAutomation.accountRecon.reconciliation.headers;return t.jsx(nr,{height:o,title:n.section[i.sectionId].title})},$r=(e,o,i)=>{const n=e.element.data,r=e.config.accountReconciliationConfig?.selectedDrawerAccountId!=null?n.accountReconEntity.account.accountId===e.config.accountReconciliationConfig?.selectedDrawerAccountId:!1;return t.jsx(_n,{height:o,accountRecon:n,isLastRow:i,isSelectedRow:r,onReviewClicked:e.config.accountReconciliationConfig?.onReviewClicked,onConnectClicked:e.config.accountReconciliationConfig?.onConnectClicked,onReconnectClicked:e.config.accountReconciliationConfig?.onReconnectClicked,onOpenDrawerClicked:e.config.accountReconciliationConfig?.onOpenDrawerClicked,onStatementAddClicked:e.config.accountReconciliationConfig?.onStatementAddClicked})},C={balanceHeight:s.sp4,balanceWidth:"166px",balanceWidthInPx:166,balanceLeftMargin:s.sp4,balanceLeftMarginInPx:w[4],titleWidth:new D(200,325,405)};function _r(e){switch(e){case"section":return w[8];case"section_with_ac_only":return w[8];case"calculated_section":case"calculated_section_type1":return w[8];case"ac_group_report":case"ac_group_subaccount":return w[6];case"ac_subentity_total":case"ac_subaccount":case"ac_report":return w[6];case"title_string_only":case"total":return w[6];case"timeframe_headers":return w[11];case"timeframe_headers_with_forecast":return 98;case"class":case"checkbox_and_name_only":return w[6];default:return 0}}function Lr(e,o,i=0){const n=["summary"];switch(e){case"section":return!n.includes(o);case"section_with_ac_only":return!n.includes(o);case"calculated_section":case"calculated_section_type1":return!1;case"ac_group_report":return!1;case"ac_group_subaccount":return!(n.includes(o)||o==="detailed"&&i>0);case"ac_report":return!1;case"ac_subaccount":case"ac_subentity_total":return!(n.includes(o)||o==="detailed"&&i>0);case"title_string_only":return!n.includes(o);case"total":return!1;case"timeframe_headers":case"timeframe_headers_with_forecast":return!1;case"class":return!(o==="detailed"&&i>0);case"checkbox_and_name_only":return!0;default:return!1}}const ge=e=>{switch(e){case"name+balances_actual":case"name+balances_forecast":return!0;case"name_only":return!0}},xe=e=>{switch(e){case"name+balances_actual":case"name+balances_forecast":return!0;case"name_only":return!1}},Uo={emptyLeftContainer:new D(w[0],w[5])},Ar=a(S)`
|
|
225
|
+
margin-left: ${e=>!e.hasChildren&&e.depth!==0?s.sp3:s.sp2};
|
|
226
|
+
overflow: hidden;
|
|
227
|
+
white-space: nowrap;
|
|
228
|
+
text-overflow: ellipsis;
|
|
229
|
+
width: ${e=>C.titleWidth.value(e.windowSize)-(e.depth+1)*45}px;
|
|
230
|
+
`,Br=a.div`
|
|
231
|
+
display: flex;
|
|
232
|
+
height: ${s.sp6};
|
|
233
|
+
align-items: center;
|
|
234
|
+
`,Or=a.div`
|
|
235
|
+
display: flex;
|
|
236
|
+
height: ${s.sp6};
|
|
237
|
+
align-items: center;
|
|
238
|
+
`,Mr=a.div`
|
|
239
|
+
height: ${s.sp6};
|
|
240
|
+
width: ${s.sp3};
|
|
241
|
+
`,Wr=a.div`
|
|
242
|
+
width: 14px;
|
|
243
|
+
height: ${s.sp1};
|
|
244
|
+
`,Nr=a.div`
|
|
245
|
+
width: ${s.sp2};
|
|
246
|
+
height: ${s.sp1};
|
|
247
|
+
`,Zo=a.div`
|
|
248
|
+
width: ${e=>Uo.emptyLeftContainer.valuePx(e.windowSize)};
|
|
249
|
+
height: ${s.sp1};
|
|
250
|
+
`,Be=a.div`
|
|
251
|
+
display: flex;
|
|
252
|
+
`,Ir=({ancestorMetadata:e,depth:o,name:i})=>t.jsx(t.Fragment,{children:o>0?[...Array(o).keys()].map(n=>{const r=e[n];return t.jsxs(Be,{children:[r.depth===0?t.jsx(po,{depth:r.depth}):null,r.depth>=1?r.hasSibling&&!r.isLastNode?t.jsx(Ae,{},n):t.jsx(Xe,{}):null,r.depth>=1?t.jsx(po,{depth:r.depth}):null]},i+n)}):null}),qo=({ancestorMetadata:e,depth:o,name:i})=>{const n=N();return o===0?e[o].hasChildren===!1?t.jsx(Zo,{windowSize:n}):t.jsxs(Be,{children:[t.jsx(Ve,{depth:o}),t.jsx(Ae,{}),t.jsx(Ve,{depth:o+1})]}):t.jsxs(t.Fragment,{children:[[...Array(o+1).keys()].map(r=>{const l=e[r],c=r!==o?e[r+1]:void 0;return t.jsxs(Be,{children:[l.depth===0?t.jsx(Ve,{depth:l.depth}):null,r>=2||r===1&&(o===r?l.hasChildren===!0:c!=null&&!c.isLastNode)?o===1?t.jsx(uo,{index:1}):t.jsx(uo,{index:2}):null,(o===r?l.hasChildren===!0:c!=null&&!c.isLastNode)?t.jsx(Ae,{},r):t.jsx(Xe,{}),t.jsx(Ve,{depth:l.depth+1})]},i+r)}),o===1&&e[o].hasChildren!=!0?t.jsx(Nr,{}):null]})},Jo=({ancestorMetadata:e,depth:o,name:i})=>o===0?t.jsx(Wr,{}):t.jsx(t.Fragment,{children:[...Array(o).keys()].map(n=>{const r=e[n],l=n!==o?e[n+1]:void 0;return t.jsxs(Be,{children:[r.depth===0?t.jsx(Je,{depth:r.depth}):null,l!=null&&!l.isLastNode?t.jsx(Ae,{},n):t.jsx(Xe,{}),t.jsx(Je,{depth:r.depth+1})]},i+n)})}),Fr=({ancestorMetadata:e,depth:o,name:i})=>t.jsx(t.Fragment,{children:o>0?[...Array(o).keys()].map(n=>{const r=e[n];return r==null?null:t.jsxs(Be,{children:[r.depth===0?t.jsx(Je,{depth:r.depth}):null,r.depth>=1?r.hasSibling&&!r.isLastNode?t.jsx(Ae,{},n):t.jsx(Xe,{}):null,r.depth>=1?t.jsx(Je,{depth:r.depth}):null]},i+n)}):null}),zr=({depth:e,isLastNode:o,isLeaf:i,hasSiblings:n,hasChildren:r,collapsed:l,onIconClick:c})=>{let d=t.jsx(Mr,{});return e===0&&r&&(d=t.jsx(yn,{collapsed:l,onIconClick:c})),e>0&&(r&&!n&&o&&(d=t.jsx(go,{collapsed:l,onIconClick:c})),i&&n&&o&&(d=t.jsx(fo,{})),i&&n&&!o&&(d=t.jsx(bn,{})),r&&n&&!o&&(d=t.jsx(kn,{collapsed:l,onIconClick:c})),r&&n&&o&&(d=t.jsx(go,{collapsed:l,onIconClick:c})),o&&i&&(d=t.jsx(fo,{}))),d},Pr=({depth:e,isLastNode:o,isLeaf:i,hasSiblings:n,hasChildren:r,collapsed:l,onIconClick:c})=>t.jsx(Or,{children:t.jsx(zr,{depth:e,isLastNode:o,isLeaf:i,hasSiblings:n,hasChildren:r,collapsed:l,onIconClick:c})});function Qo(e){const{displayName:o}=e;e.depth>4&&console.warn("cannot handle depth more than 4");const i=N();return t.jsxs(Br,{children:[e.classDepth!=null?t.jsx(qo,{ancestorMetadata:e.classAnscestorMetadata??[],depth:e.classDepth,name:e.displayName}):e.noMarginForAccount===!1?t.jsx(Zo,{windowSize:i}):null,t.jsx(Fr,{ancestorMetadata:e.subAccountAnscestorMetadata,depth:e.depth,name:e.displayName}),t.jsx(Pr,{...e}),t.jsx(Ar,{onClick:()=>e.onNameClick?.(),hasChildren:e.hasChildren,depth:e.depth,windowSize:i,title:o,children:o})]})}const E={balanceHeight:s.sp4,balanceWidth:"166px",balanceLeftMargin:s.sp4,titleWidth:new D(200,325,405),nameLogoWidth:new D(w[4],w[4]),nameLogoHeight:new D(w[4],w[4])};function Tr(e){switch(e){case"timeframe_headers":return w[10];case"aging_report_row":return w[6];case"ac_subentity_total":return w[6];case"total":return w[8];case"spacer_row":return w[8];default:return w[0]}}function Vr(){return!0}const Re=[new D(w[4],w[8]),new D(44,76),new D(69,102),new D(93,124),new D(113,143)],Dr=a.div`
|
|
253
|
+
display: flex;
|
|
254
|
+
flex: 1 1 auto;
|
|
255
|
+
max-height: 1px;
|
|
256
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
|
|
257
|
+
`,Rr=a.div`
|
|
258
|
+
display: flex;
|
|
259
|
+
flex: 1 1 auto;
|
|
260
|
+
flex-flow: row;
|
|
261
|
+
justify-content: flex-start;
|
|
262
|
+
align-items: center;
|
|
263
|
+
`,Gr=a.div`
|
|
264
|
+
display: flex;
|
|
265
|
+
flex-direction: row;
|
|
266
|
+
flex-shrink: 2;
|
|
267
|
+
flex-grow: 1;
|
|
268
|
+
align-items: center;
|
|
269
|
+
background-color: ${e=>e.theme.colors.grey4};
|
|
270
|
+
width: ${e=>E.titleWidth.valuePx(e.windowSize)};
|
|
271
|
+
max-width: ${e=>E.titleWidth.valuePx(e.windowSize)};
|
|
272
|
+
${({isSticky:e})=>e?F`
|
|
273
|
+
position: -webkit-sticky;
|
|
274
|
+
position: sticky;
|
|
275
|
+
top: ${s.sp0};
|
|
276
|
+
left: ${s.sp0};
|
|
277
|
+
`:null}
|
|
278
|
+
`,Er=a.div`
|
|
279
|
+
width: ${e=>e.noMarginForEntity?Re[e.nestingLevel].value(e.windowSize)-w[5]:Re[e.nestingLevel].value(e.windowSize)}px;
|
|
280
|
+
max-width: ${e=>e.noMarginForEntity?Re[e.nestingLevel].value(e.windowSize)-w[5]:Re[e.nestingLevel].value(e.windowSize)}px;
|
|
281
|
+
height: 1px;
|
|
282
|
+
`,Hr=a.div`
|
|
283
|
+
display: flex;
|
|
284
|
+
flex: 1 1 auto;
|
|
285
|
+
max-height: 1px;
|
|
286
|
+
height: 1px;
|
|
287
|
+
background-color: ${e=>e.isScrolling?"transparent":e.colour};
|
|
288
|
+
`,Kr=a.div`
|
|
289
|
+
display: flex;
|
|
290
|
+
flex: 1 1 auto;
|
|
291
|
+
max-height: 1px;
|
|
292
|
+
height: 1px;
|
|
293
|
+
background-color: ${e=>e.isScrolling?"transparent":e.colour};
|
|
294
|
+
`,mo=e=>{const o=N(),i=se();return t.jsxs(Rr,{"data-testid":m("sub-entity-separator",e.isTotal?"subtotal_row_separator":"vendor_row_separator"),children:[t.jsxs(Gr,{windowSize:o,isSticky:e.isSticky,"data-testid":m("sub-entity-name-container","vendor_row_separator"),children:[t.jsx(Er,{"data-testid":m("sub-entity-empty-container","vendor_row_separator"),nestingLevel:e.nestingLevel,noMarginForEntity:e.noMarginForEntity,windowSize:o}),t.jsx(Hr,{"data-testid":m("sub-entity-name-seperator","vendor_row_separator"),isScrolling:e.isScrolling,colour:e.isTotal?i.colors.grey1:i.colors.grey3})]}),t.jsx(Kr,{"data-testid":m("sub-entity-remaining-seperator","vendor_row_separator"),isScrolling:e.isScrolling,colour:e.isTotal?i.colors.grey1:i.colors.grey3})]})};function mt({kind:e,isScrolling:o,subEntityProps:i}){switch(e){case"vendor_row_separator":return t.jsx(mo,{nestingLevel:i?.nestingLevel??0,isScrolling:o,isSticky:i?.isSticky??!1,isTotal:!1,noMarginForEntity:i?.noMarginForEntity??!0});case"end_row_separator":return t.jsx(Dr,{"data-testid":m("end-row-separator",e),isScrolling:o});case"subtotal_row_separator":return t.jsx(mo,{nestingLevel:i?.nestingLevel??1,isScrolling:o,isSticky:i?.isSticky??!1,isTotal:!0,noMarginForEntity:i?.noMarginForEntity??!1})}}const Xo=a.div`
|
|
295
|
+
display: flex;
|
|
296
|
+
flex: 1 1 auto;
|
|
297
|
+
width: fit-content;
|
|
298
|
+
min-width: 100%;
|
|
299
|
+
flex-direction: column;
|
|
300
|
+
height: ${e=>e.containerHeight}px;
|
|
301
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
302
|
+
`,ei=a.div`
|
|
303
|
+
user-select: none;
|
|
304
|
+
display: flex;
|
|
305
|
+
flex: 1 1 auto;
|
|
306
|
+
flex-flow: row;
|
|
307
|
+
justify-content: flex-start;
|
|
308
|
+
align-items: center;
|
|
309
|
+
height: ${e=>e.containerHeight}px;
|
|
310
|
+
&:hover {
|
|
311
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
312
|
+
}
|
|
313
|
+
`,ti=a.div`
|
|
314
|
+
display: flex;
|
|
315
|
+
flex: 1 0 auto;
|
|
316
|
+
flex-direction: row;
|
|
317
|
+
justify-content: flex-end;
|
|
318
|
+
`,oi=a.div`
|
|
319
|
+
display: flex;
|
|
320
|
+
flex-direction: row;
|
|
321
|
+
justify-content: flex-start;
|
|
322
|
+
`,ii=a(S)`
|
|
323
|
+
user-select: none;
|
|
324
|
+
min-width: ${E.balanceWidth};
|
|
325
|
+
max-width: ${E.balanceWidth};
|
|
326
|
+
text-align: right;
|
|
327
|
+
margin-left: ${E.balanceLeftMargin};
|
|
328
|
+
border: 1px solid transparent;
|
|
329
|
+
color: ${e=>e.theme.colors.hero};
|
|
330
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
331
|
+
&:hover {
|
|
332
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
333
|
+
}
|
|
334
|
+
`,Yr=a(S)`
|
|
335
|
+
user-select: none;
|
|
336
|
+
clear: both;
|
|
337
|
+
display: inline-block;
|
|
338
|
+
overflow: hidden;
|
|
339
|
+
white-space: nowrap;
|
|
340
|
+
text-overflow: ellipsis;
|
|
341
|
+
text-align: left;
|
|
342
|
+
margin-left: ${s.sp2};
|
|
343
|
+
`,ni=a.div`
|
|
344
|
+
display: flex;
|
|
345
|
+
flex-direction: row;
|
|
346
|
+
flex-shrink: 2;
|
|
347
|
+
flex-grow: 1;
|
|
348
|
+
align-items: center;
|
|
349
|
+
height: ${e=>e.containerHeight}px;
|
|
350
|
+
width: ${e=>E.titleWidth.valuePx(e.windowSize)};
|
|
351
|
+
max-width: ${e=>E.titleWidth.valuePx(e.windowSize)};
|
|
352
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
353
|
+
${({isSticky:e})=>e?F`
|
|
354
|
+
position: sticky;
|
|
355
|
+
top: ${s.sp0};
|
|
356
|
+
left: ${s.sp0};
|
|
357
|
+
`:null}
|
|
358
|
+
cursor: pointer;
|
|
359
|
+
color: ${e=>e.theme.colors.hero};
|
|
360
|
+
&:hover {
|
|
361
|
+
color: ${e=>e.theme.colors.primary};
|
|
362
|
+
}
|
|
363
|
+
`,ri=({balance:e,isOpen:o})=>{const i=o?e?.balance:e?.totalBalance;return t.jsx(oi,{children:t.jsx(ii,{isClickable:!1,onClick:()=>null,children:U("0,0",i)})})},ai=({total:e})=>t.jsx(oi,{children:t.jsx(ii,{isClickable:!1,onClick:()=>null,children:U("0,0",e)})});function Ur({isSticky:e,height:o,isScrolling:i,isLastNode:n,balances:r,total:l,vendor:c,backgroundColor:d,onEntityNameClick:h}){const u=N(),g="default",p=c?.name??"";return t.jsxs(Xo,{"data-testid":m("ap-aging-report-row-root-container",p),containerHeight:o,bgColor:d,windowSize:u,children:[t.jsxs(ei,{"data-testid":m("ap-aging-report-row-container",p),style:{cursor:g},isClickable:!1,containerHeight:o-1,children:[t.jsxs(ni,{onClick:()=>c?.id!=null?h?.(c.id):void 0,isSticky:e,windowSize:u,bgColor:d,containerHeight:o-1,children:[c?.logo!=null?t.jsx(Ot,{photoUrl:c.logo.toString(),styles:{width:E.nameLogoWidth.valuePx(u),height:E.nameLogoHeight.valuePx(u)}}):t.jsx(Mt,{name:p??"",size:s.sp4}),t.jsx(Yr,{children:p})]}),t.jsxs(ti,{"data-testid":m("ap-aging-report-row-balances-container",p),children:[r.map(f=>t.jsx(ri,{balance:f,isOpen:!0},f?.period)),t.jsx(ai,{total:l})]})]}),t.jsx(li,{isScrolling:i,isLastNode:n})]})}function Zr({treeNodeId:e,isSticky:o,height:i,isScrolling:n,isLastNode:r,isOpen:l,balances:c,total:d,totalWithChildren:h,nestedCustomer:u,metadata:g,backgroundColor:p,onEntityNameClick:f,onClick:x}){const b=N(),y=g,j=u?.customer.name??"",v=u!=null?u.id.length-1:0,B=u?.hasSiblings??!1,L=u!=null?u.children.length!==0:!1,M=L,P=M?"pointer":"default",T=u!=null?u.isLeafCustomer:!1,K=()=>{x?.(e)};return t.jsxs(Xo,{"data-testid":m("ar-aging-report-row-root-container",e),containerHeight:i,bgColor:p,windowSize:b,children:[t.jsxs(ei,{"data-testid":m("ar-aging-report-row-container",e),style:{cursor:P},isClickable:M,containerHeight:i-1,children:[t.jsx(ni,{"data-testid":m("ar-aging-report-row-name-container",e),isSticky:o,windowSize:b,bgColor:p,containerHeight:i-1,children:t.jsx(Qo,{displayName:j,depth:v,isLastNode:r,hasChildren:L,hasSiblings:B,isLeaf:T,collapsed:!l,subAccountAnscestorMetadata:y.vendorOrCustomerAncestorMetadata,classAnscestorMetadata:[],noMarginForAccount:!0,onIconClick:K,onNameClick:()=>u?.id[0]!=null?f?.(u.id[0]):void 0})}),t.jsxs(ti,{children:[c.map(H=>t.jsx(ri,{balance:H,isOpen:l},H?.period)),t.jsx(ai,{total:l?d:h})]})]}),t.jsx(li,{isScrolling:n,subEntityProps:{nestingLevel:v,isSticky:o,noMarginForEntity:!0}})]})}function li({isScrolling:e,isLastNode:o=!1,subEntityProps:i}){return o?t.jsx(mt,{isScrolling:e,kind:"end_row_separator",subEntityProps:i}):t.jsx(mt,{isScrolling:e,kind:"vendor_row_separator",subEntityProps:i})}const qr=a.div`
|
|
364
|
+
user-select: none;
|
|
365
|
+
display: flex;
|
|
366
|
+
flex: 1 1 auto;
|
|
367
|
+
width: fit-content;
|
|
368
|
+
min-width: 100%;
|
|
369
|
+
height: ${e=>e.height}px;
|
|
370
|
+
flex-flow: row;
|
|
371
|
+
justify-content: flex-start;
|
|
372
|
+
align-items: center;
|
|
373
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
374
|
+
`,Jr=a.div`
|
|
375
|
+
display: flex;
|
|
376
|
+
flex: 1 0 auto;
|
|
377
|
+
flex-direction: row;
|
|
378
|
+
justify-content: flex-end;
|
|
379
|
+
`,ci=a.div`
|
|
380
|
+
display: flex;
|
|
381
|
+
max-height: ${s.sp8};
|
|
382
|
+
min-height: ${s.sp8};
|
|
383
|
+
min-width: ${E.balanceWidth};
|
|
384
|
+
justify-content: center;
|
|
385
|
+
align-items: center;
|
|
386
|
+
background-color: ${e=>e.theme.colors.background};
|
|
387
|
+
border: 1px solid ${e=>e.theme.colors.grey3};
|
|
388
|
+
border-radius: ${s.sp2};
|
|
389
|
+
margin-left: ${E.balanceLeftMargin};
|
|
390
|
+
color: ${e=>e.theme.colors.primary};
|
|
391
|
+
`,si=a(S)`
|
|
392
|
+
display: flex;
|
|
393
|
+
user-select: none;
|
|
394
|
+
flex-direction: row;
|
|
395
|
+
justify-content: center;
|
|
396
|
+
align-items: center;
|
|
397
|
+
height: ${E.balanceHeight};
|
|
398
|
+
max-width: ${E.balanceWidth};
|
|
399
|
+
width: 138px;
|
|
400
|
+
text-align: center;
|
|
401
|
+
column-gap: ${s.sp1};
|
|
402
|
+
color: ${e=>e.active===!0?e.theme.colors.primary:e.theme.colors.champion};
|
|
403
|
+
`,Qr=a.div`
|
|
404
|
+
max-height: ${s.sp8};
|
|
405
|
+
min-height: ${s.sp8};
|
|
406
|
+
display: flex;
|
|
407
|
+
flex-direction: row;
|
|
408
|
+
align-items: center;
|
|
409
|
+
min-width: ${e=>E.titleWidth.valuePx(e.windowSize)};
|
|
410
|
+
color: ${e=>e.theme.colors.primary};
|
|
411
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
412
|
+
${e=>e.isSticky?F`
|
|
413
|
+
position: -webkit-sticky;
|
|
414
|
+
position: sticky;
|
|
415
|
+
top: ${s.sp0};
|
|
416
|
+
left: ${s.sp0};
|
|
417
|
+
`:""}
|
|
418
|
+
`,Xr=a(S)`
|
|
419
|
+
display: flex;
|
|
420
|
+
align-items: center;
|
|
421
|
+
cursor: pointer;
|
|
422
|
+
column-gap: ${s.sp1};
|
|
423
|
+
color: ${e=>e.active===!0?e.theme.colors.primary:e.theme.colors.champion};
|
|
424
|
+
`,di=a.div`
|
|
425
|
+
max-height: ${s.sp8};
|
|
426
|
+
min-height: ${s.sp8};
|
|
427
|
+
cursor: pointer;
|
|
428
|
+
`,zt=a.div`
|
|
429
|
+
display: flex;
|
|
430
|
+
column-gap: ${s.sp1};
|
|
431
|
+
cursor: pointer;
|
|
432
|
+
align-items: center;
|
|
433
|
+
color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.hero};
|
|
434
|
+
`,hi=a.div``,ui=a(Eo)`
|
|
435
|
+
width: 12px;
|
|
436
|
+
height: 12px;
|
|
437
|
+
cursor: pointer;
|
|
438
|
+
color: ${e=>e.theme.colors.hero};
|
|
439
|
+
`,Pt=a(Ft)`
|
|
440
|
+
width: 12px;
|
|
441
|
+
height: 12px;
|
|
442
|
+
`,Tt=a(It)`
|
|
443
|
+
width: 12px;
|
|
444
|
+
height: 12px;
|
|
445
|
+
`,ea=({reportId:e,sortKey:o,sortOrder:i="ascending",onSortOrderChanged:n})=>{const r=e==="accounts_payable_aging"?"vendor":"customer",l=()=>{n?.(Vt(i),r)},c=o===r?i:"ascending";return t.jsxs(Xr,{active:o===r,"data-testid":m("duration-row-vendor-title",e),children:[r==="vendor"?O.getLocalizedStrings().reports.aging.apAging.vendor:O.getLocalizedStrings().reports.aging.arAging.customer,t.jsx(zt,{selectedForSort:o===r,children:t.jsx(hi,{"data-testid":m("duration-row-vendor-sort-icon",e),onClick:l,children:c==="ascending"?t.jsx(Tt,{}):t.jsx(Pt,{})})}),t.jsx(qe,{controller:o===r,children:t.jsx(ui,{"data-testid":m("duration-row-vendor-sort-cancel-icon",e),onClick:()=>pi({onSortOrderChanged:n})})})]})},pi=({onSortOrderChanged:e})=>{e?.("descending","total")},ta=({agingPeriod:e,sortKey:o="vendor",sortOrder:i="ascending",onSortOrderChanged:n})=>{const r=o===e?i:"ascending",l=()=>{n?.(Vt(i),e)};return t.jsx(di,{"data-testid":m("duration-row-tick-container",e),children:t.jsx(ci,{"data-testid":m("duration-row-tick-element-container",e),children:t.jsxs(si,{active:o===e,"data-testid":m("duration-row-timeframe-tick",e),children:[O.getLocalizedStrings().reports.aging.duration[e],t.jsxs(zt,{selectedForSort:o===e,"data-testid":m("duration-row-sort-container",e),children:[t.jsx(hi,{"data-testid":m("duration-row-sort-icon",e),onClick:l,children:r==="ascending"?t.jsx(Tt,{}):t.jsx(Pt,{})}),t.jsx(qe,{controller:o===e,children:t.jsx(ui,{"data-testid":m("duration-row-sort-cancel-icon",e),onClick:()=>pi({onSortOrderChanged:n})})})]})]})})})},gi=({reportId:e,sortKey:o,sortOrder:i="ascending",onSortOrderChanged:n})=>{const r=o==="total"?i:"ascending",l=()=>{n?.(Vt(i),"total")};return t.jsx(di,{"data-testid":m("duration-row-entity-total-tick-container",e),onClick:l,children:t.jsx(ci,{"data-testid":m("duration-row-entity-total-tick-element-container",e),children:t.jsxs(si,{active:o==="total","data-testid":m("duration-row-entity-total-timeframe-tick",e),children:[e==="accounts_payable_aging"?O.getLocalizedStrings().reports.aging.apAging.vendorTotalHeaderLabel:O.getLocalizedStrings().reports.aging.arAging.totalReceivable,t.jsx(zt,{selectedForSort:o==="total","data-testid":m("duration-row-entity-total-sort-container",e),children:r==="ascending"?t.jsx(Tt,{}):t.jsx(Pt,{})})]})})})},oa=({reportId:e,agingPeriod:o,sortKey:i="vendor",sortOrder:n="ascending",onSortOrderChanged:r})=>o!=null?t.jsx(ta,{sortKey:i,sortOrder:n,onSortOrderChanged:r,agingPeriod:o}):t.jsx(gi,{reportId:e,sortKey:i,sortOrder:n,onSortOrderChanged:r});function ia({reportId:e,isSticky:o,height:i,agingPeriods:n,sortKey:r,sortOrder:l,backgroundColor:c,onSortOrderChanged:d}){const h=N();return t.jsxs(qr,{height:i,bgColor:c,"data-testid":m("duration-row-root-container",e),children:[t.jsx(Qr,{"data-testid":m("duration-row-placeholder-name",e),isSticky:o,windowSize:h,bgColor:c,children:t.jsx(ea,{reportId:e,sortKey:r,sortOrder:l,onSortOrderChanged:d})}),t.jsxs(Jr,{children:[n.map(u=>t.jsx(oa,{reportId:e,agingPeriod:u,sortKey:r,sortOrder:l,onSortOrderChanged:d},u)),t.jsx(gi,{reportId:e,sortKey:r,sortOrder:l,onSortOrderChanged:d})]})]})}const Vt=e=>e==="ascending"?"descending":"ascending",na=[10,14,20,20,20],ra=a.div`
|
|
446
|
+
display: flex;
|
|
447
|
+
flex: 1 1 auto;
|
|
448
|
+
width: fit-content;
|
|
449
|
+
min-width: 100%;
|
|
450
|
+
flex-direction: column;
|
|
451
|
+
height: ${e=>e.containerHeight}px;
|
|
452
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
453
|
+
`,aa=a.div`
|
|
454
|
+
user-select: none;
|
|
455
|
+
display: flex;
|
|
456
|
+
flex: 1 1 auto;
|
|
457
|
+
flex-flow: row;
|
|
458
|
+
justify-content: flex-start;
|
|
459
|
+
align-items: center;
|
|
460
|
+
`,la=a.div`
|
|
461
|
+
display: flex;
|
|
462
|
+
flex: 1 0 auto;
|
|
463
|
+
flex-direction: row;
|
|
464
|
+
justify-content: flex-end;
|
|
465
|
+
`,fi=a.div`
|
|
466
|
+
display: flex;
|
|
467
|
+
flex-direction: row;
|
|
468
|
+
justify-content: flex-start;
|
|
469
|
+
`,xi=a(S)`
|
|
470
|
+
user-select: none;
|
|
471
|
+
min-width: ${E.balanceWidth};
|
|
472
|
+
max-width: ${E.balanceWidth};
|
|
473
|
+
text-align: right;
|
|
474
|
+
margin-left: ${E.balanceLeftMargin};
|
|
475
|
+
color: ${e=>e.theme.colors.primary};
|
|
476
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
477
|
+
`,ca=a.div`
|
|
478
|
+
display: flex;
|
|
479
|
+
flex-direction: row;
|
|
480
|
+
flex-shrink: 2;
|
|
481
|
+
flex-grow: 1;
|
|
482
|
+
align-items: center;
|
|
483
|
+
height: ${e=>e.containerHeight-1}px;
|
|
484
|
+
width: ${e=>E.titleWidth.valuePx(e.windowSize)};
|
|
485
|
+
max-width: ${e=>E.titleWidth.valuePx(e.windowSize)};
|
|
486
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
487
|
+
${({isSticky:e})=>e?F`
|
|
488
|
+
position: sticky;
|
|
489
|
+
top: ${s.sp0};
|
|
490
|
+
left: ${s.sp0};
|
|
491
|
+
`:null}
|
|
492
|
+
`,sa=a(S)`
|
|
493
|
+
user-select: none;
|
|
494
|
+
clear: both;
|
|
495
|
+
display: inline-block;
|
|
496
|
+
overflow: hidden;
|
|
497
|
+
white-space: nowrap;
|
|
498
|
+
text-overflow: ellipsis;
|
|
499
|
+
text-align: left;
|
|
500
|
+
margin-left: ${e=>na[e.depth]}px;
|
|
501
|
+
color: ${e=>e.theme.colors.primary};
|
|
502
|
+
width: ${e=>E.titleWidth.value(e.windowSize)-e.depth*w[11]}px;
|
|
503
|
+
`,da=({balance:e})=>t.jsx(fi,{children:t.jsx(xi,{isClickable:!1,onClick:()=>null,children:U("0,0",e?.totalBalance)})}),ha=({total:e})=>t.jsx(fi,{children:t.jsx(xi,{isClickable:!1,onClick:()=>null,children:U("0,0",e)})});function ua({backgroundColor:e,isSticky:o,height:i,noMarginForEntity:n,isScrolling:r,total:l,nestedCustomer:c,metadata:d}){const h=N(),{common:{strings:{empty:u}},reports:{sections:g}}=O.getLocalizedStrings(),p=c!=null?c.id.length-1:0,f=d,x=c?.customer.name??u;return t.jsxs(ra,{"data-testid":"sub-customer-total-row-root-container",containerHeight:i,bgColor:e,children:[t.jsxs(aa,{"data-testid":"sub-customer-total-row-container",children:[t.jsxs(ca,{isSticky:o,windowSize:h,bgColor:e,containerHeight:i,children:[t.jsx(Jo,{ancestorMetadata:f.vendorOrCustomerAncestorMetadata,depth:p,name:x}),t.jsx(sa,{isClickable:!1,title:x,depth:p,windowSize:h,children:g.totalPrefix+" "+x})]}),t.jsxs(la,{children:[c?.arAgingBalances.map((b,y)=>t.jsx(da,{balance:b},y)),t.jsx(ha,{total:l})]})]}),t.jsx(pa,{isScrolling:r,nestingLevel:p,isSticky:o,noMarginForEntity:n})]})}function pa({isScrolling:e,nestingLevel:o,isSticky:i,noMarginForEntity:n}){return t.jsx(mt,{isScrolling:e,kind:"subtotal_row_separator",subEntityProps:{nestingLevel:o,isSticky:i,noMarginForEntity:n}})}const ae=e=>{switch(e){case"name+balances_actual":return!0;case"name+balances_forecast":return!1;case"name_only":return!1}},Oe=e=>{switch(e){case"name+balances_forecast":return!0;case"name+balances_actual":return!1;case"name_only":return!1}},ga=a.div`
|
|
504
|
+
display: flex;
|
|
505
|
+
flex: 1 1 auto;
|
|
506
|
+
width: fit-content;
|
|
507
|
+
min-width: 100%;
|
|
508
|
+
flex-direction: column;
|
|
509
|
+
height: ${e=>e.height}px;
|
|
510
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
511
|
+
`,fa=a.div`
|
|
512
|
+
cursor: default;
|
|
513
|
+
user-select: none;
|
|
514
|
+
display: flex;
|
|
515
|
+
flex: 1 1 auto;
|
|
516
|
+
flex-flow: row;
|
|
517
|
+
justify-content: flex-start;
|
|
518
|
+
align-items: center;
|
|
519
|
+
`,xa=a.div`
|
|
520
|
+
display: flex;
|
|
521
|
+
flex: 1 0 auto;
|
|
522
|
+
flex-direction: row;
|
|
523
|
+
justify-content: flex-end;
|
|
524
|
+
`,mi=a.div`
|
|
525
|
+
display: flex;
|
|
526
|
+
flex-direction: row;
|
|
527
|
+
justify-content: flex-start;
|
|
528
|
+
`,wi=a(ie)`
|
|
529
|
+
user-select: none;
|
|
530
|
+
min-width: ${E.balanceWidth};
|
|
531
|
+
max-width: ${E.balanceWidth};
|
|
532
|
+
text-align: right;
|
|
533
|
+
margin-left: ${E.balanceLeftMargin};
|
|
534
|
+
color: ${e=>e.theme.colors.primary};
|
|
535
|
+
border: 1px solid transparent;
|
|
536
|
+
`,ma=a.div`
|
|
537
|
+
display: flex;
|
|
538
|
+
flex-direction: row;
|
|
539
|
+
flex-shrink: 2;
|
|
540
|
+
flex-grow: 1;
|
|
541
|
+
align-items: center;
|
|
542
|
+
width: ${e=>E.titleWidth.valuePx(e.windowSize)};
|
|
543
|
+
max-width: ${e=>E.titleWidth.valuePx(e.windowSize)};
|
|
544
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
545
|
+
${({isSticky:e,isIndented:o})=>e&&o?F`
|
|
546
|
+
position: -webkit-sticky;
|
|
547
|
+
position: sticky;
|
|
548
|
+
top: ${s.sp0};
|
|
549
|
+
left: ${s.sp4};
|
|
550
|
+
`:e&&!o?F`
|
|
551
|
+
position: -webkit-sticky;
|
|
552
|
+
position: sticky;
|
|
553
|
+
top: ${s.sp0};
|
|
554
|
+
left: ${s.sp0};
|
|
555
|
+
`:null}
|
|
556
|
+
`,wa=a(ie)`
|
|
557
|
+
user-select: none;
|
|
558
|
+
clear: both;
|
|
559
|
+
display: inline-block;
|
|
560
|
+
overflow: hidden;
|
|
561
|
+
white-space: nowrap;
|
|
562
|
+
text-overflow: ellipsis;
|
|
563
|
+
text-align: left;
|
|
564
|
+
color: ${e=>e.theme.colors.primary};
|
|
565
|
+
`,ya=({type:e,balance:o})=>t.jsx(mi,{children:ae(e)===!0?t.jsx(wi,{children:U("0,0",o?.balance)}):null}),ba=({type:e,balance:o})=>t.jsx(mi,{children:ae(e)===!0?t.jsx(wi,{children:U("0,0",o)}):null});function ka({type:e,isSticky:o,isIndented:i,height:n,title:r,totalBalances:l,backgroundColor:c}){const d=N(),h={amount:l.reduce((u,g)=>u+(g?.balance.amount??0),0),currencyCode:l[0]?.balance.currencyCode??A.defaultVendorCurrency.currencyCode,currencySymbol:l[0]?.balance.currencySymbol??A.defaultVendorCurrency.currencySymbol};return t.jsx(ga,{"data-testid":m("total-row-root-container"),height:n,bgColor:c,windowSize:d,children:t.jsxs(fa,{isClickable:!1,"data-testid":m("total-row-container"),children:[t.jsx(ma,{bgColor:c,isSticky:o,windowSize:d,isIndented:i,children:t.jsx(wa,{children:r})}),t.jsxs(xa,{children:[l.map((u,g)=>t.jsx(ya,{type:e,balance:u},g)),t.jsx(ba,{type:e,balance:h})]})]})})}const Ca=(e,o,i,n,r,l,c)=>{if(e.element.kind!=="timeframe_headers")return null;const d=e.element.data;return t.jsx(ia,{reportId:e.config.reportId==="accounts_payable_aging"?"accounts_payable_aging":"accounts_receivable_aging",agingPeriods:d,backgroundColor:i,isSticky:n,height:o,sortKey:r,sortOrder:l,onSortOrderChanged:c})},ja=(e,o,i,n,r,l,c,d,h,u)=>{if(o.element.kind!=="aging_report_row")return null;if(o.config.reportId==="accounts_payable_aging"){const p=o.element.data;return t.jsx(Ur,{backgroundColor:d,isLastNode:l,isScrolling:c,isSticky:r,height:i,balances:p.apAgingBalances,vendor:p.vendor,total:p.total,onEntityNameClick:h})}const g=o.element.data;return t.jsx(Zr,{treeNodeId:e,backgroundColor:d,isLastNode:l,isScrolling:c,isSticky:r,isOpen:n,height:i,metadata:o.element.metadata,balances:g.arAgingBalances,nestedCustomer:g,total:g.total,totalWithChildren:g.totalWithChildren,onEntityNameClick:h,onClick:u})},Sa=(e,o,i,n,r)=>{if(e.element.kind!=="ac_subentity_total")return null;if(e.config.reportId==="accounts_receivable_aging"){const l=e.element.data;return t.jsx(ua,{backgroundColor:r,isScrolling:n,isSticky:i,height:o,metadata:e.element.metadata,nestedCustomer:l,total:l.totalWithChildren,noMarginForEntity:!0})}return null},va=(e,o,i,n,r)=>{const l=o.element.data;return t.jsx(ka,{type:e,backgroundColor:n,isSticky:r,height:i,totalBalances:l,isIndented:o.config.reportId==="accounts_receivable_aging",title:o.element.title})};function tt(e,o,i,n){switch(e){case"cogs":return $a(i,n,o);case"expenses":return _a(i,n,o);case"income":return La(i,n,o);case"cash_position":return Aa(i,n,o);case"cash_in":return Ba(i,n,o);case"cash_out":return Oa(i,n,o);case"assets":return Ma(i,n,o);case"equity":return Wa(i,n,o);case"liabilities":return Na(i,n,o);case"other_expense":return Ia(i,n,o);case"other_income":return Fa(i,n,o);case"operating_activities":return za(i,n,o);case"investing_activities":return Pa(i,n,o);case"financing_activities":return Ta(i,n,o);default:throw Error(`${e} is not yet supported!`)}}const $a=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.cogsInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithCogsOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.cogsInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},_a=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.expensesInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithExpensesOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.expensesInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},La=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.incomeInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithIncomeOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.incomeInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Aa=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.cashPositionInTimeframe,n.compactedAccountsSelector=()=>G([],n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=()=>{},n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Ba=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.cashInInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithCashInOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.cashInInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Oa=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.cashOutInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithCashOutOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.cashOutInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Ma=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.assetsInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithAssetsOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.assetsInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Wa=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.equityInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithEquityOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.equityInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Na=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.liabilitiesInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithLiabilitiesOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.liabilitiesInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Ia=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.otherExpensesInTimeframe,n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=()=>{},n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Fa=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.otherIncomeInTimeframe,n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=()=>{},n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},za=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.operatingActivitiesInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithOperatingActivitiesOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.operatingActivitiesInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Pa=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.investingActivitiesInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithInvestingActivitiesOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.investingActivitiesInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n},Ta=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.financingActivitiesInTimeframe,n.compactedAccountsSelector=r=>G(r.accountsWithFinancingActivitiesOrdered,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>G(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r.financingActivitiesInTimeframe,n.compactedAccountGroupsSelector=r=>re(r,n.acGroupBalanceSelector,i,o),n};function G(e,o,i){switch(i){case"off":return e;case"filter_actual_nil_balances":return e.filter(n=>yi(o(n)?.balances??[]));case"filter_forecast_nil_balances":return e.filter(n=>bi(o(n)?.balances??[]));case"filter_actual_forecast_nil_balances":return e.filter(n=>ki(o(n)?.balances??[]))}}function re(e,o,i,n){switch(n){case"off":return e;case"filter_actual_nil_account_group_balances":return e.filter(r=>yi(o(r)?.balances??[]));case"filter_forecast_nil_account_group_balances":return e.filter(r=>bi(o(r)?.balances??[]));case"filter_actual_forecast_nil_account_group_balances":return e.filter(r=>ki(o(r)?.balances??[]));case"filter_actual_forecast_empty_account_group_balances":return e.filter(r=>(o(r)?.balances??[]).length>0)}}function yi(e){let o=!1;if(e!=null){for(const i of e)if(i.balance.amount!==0){o=!0;break}}return o}function bi(e){let o=!1;if(e!=null){for(const i of e)if(i.forecast!=null&&i.forecast.amount!==0){o=!0;break}}return o}function ki(e){let o=!1;if(e!=null){for(const i of e)if(i.forecast!=null&&i.forecast.amount!==0||i.balance!=null&&i.balance.amount!==0){o=!0;break}}return o}function te(e,o="ascending_date",i=-1,n=!0){const r=i!==-1;let l=[],c=-1;if(e==null||e.balances.length===0)return r===!0&&(l=ji([],i)),{balances:l,thisPeriodIndex:c};let d=e.balances;return o==="ascending_date"?c=e.balances.length-1:(c=0,d=[...e.balances].reverse()),{balances:[...d,...n?e.additionalBalances:[]],thisPeriodIndex:c}}function Ci(e,o="ascending_date",i=-1,n=!0){const r=i!==-1,l=te(e,o,i,n);if(e==null||e.balances.length===0)return l;const c=[...l.balances];if(e?.totalBalance!=null)c.push(e.totalBalance);else if(r&&e?.totalBalance==null){const d=ji([],1);c.push(...d)}return{balances:c,thisPeriodIndex:l.thisPeriodIndex}}function Ne(e,o){if(o==="ascending_date")return e;{const i=[],n=[];for(const r of e)r.type==="default"?i.push(r):n.push(r);return[...i.reverse(),...n]}}function ji(e,o){return e.length>0?e:zo(Array(o),null)}const Va=a.div`
|
|
566
|
+
display: flex;
|
|
567
|
+
flex: 1 1 auto;
|
|
568
|
+
max-height: 1px;
|
|
569
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
|
|
570
|
+
`,wo=a.div`
|
|
571
|
+
display: flex;
|
|
572
|
+
flex: 1 1 auto;
|
|
573
|
+
max-height: 1px;
|
|
574
|
+
margin-left: ${e=>e.marginLeft}px;
|
|
575
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
|
|
576
|
+
`,Da=a.div`
|
|
577
|
+
display: flex;
|
|
578
|
+
flex: 1 1 auto;
|
|
579
|
+
max-height: 1px;
|
|
580
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
|
|
581
|
+
`;function Ra({kind:e,isScrolling:o}){switch(e){case"account_title_row_separator":return t.jsx(wo,{marginLeft:w[5],isScrolling:o});case"account_balance_row_separator":return t.jsx(wo,{marginLeft:0,isScrolling:o});case"ac_group_row_separator":return t.jsx(Va,{isScrolling:o});case"section_row_separator":case"heading_row_separator":return t.jsx(Da,{isScrolling:o})}}const _e={balanceHeight:s.sp4,balanceWidth:"166px",balanceLeftMargin:s.sp4,titleWidth:new D(200,350,405)};function Ga(e){switch(e){case"section":return w[8];case"section_with_ac_only":return w[8];case"calculated_section":return w[8];case"calculated_section_type1":return w[6];case"ac_group_report":case"ac_group_subaccount":return w[8];case"ac_report":case"ac_subaccount":case"ac_subentity_total":return w[6];case"title_string_only":return 67;case"total":return w[6];case"timeframe_headers":return w[11];case"timeframe_headers_with_forecast":return w[0];case"class":case"checkbox_and_name_only":return w[0];default:return w[0]}}function Ea(e,o){const i=["summary","detailed"];switch(e){case"section":return!i.includes(o);case"section_with_ac_only":return!i.includes(o);case"calculated_section":case"calculated_section_type1":return!i.includes(o);case"ac_group_report":case"ac_group_subaccount":return!i.includes(o);case"ac_report":case"ac_subaccount":case"ac_subentity_total":return!i.includes(o);case"title_string_only":return!i.includes(o);case"total":return!1;case"timeframe_headers":case"timeframe_headers_with_forecast":return!1;case"class":case"checkbox_and_name_only":return!1;default:return!1}}const Ha=a.div`
|
|
582
|
+
display: flex;
|
|
583
|
+
flex: 1 1 auto;
|
|
584
|
+
width: fit-content;
|
|
585
|
+
min-width: 100%;
|
|
586
|
+
flex-direction: column;
|
|
587
|
+
height: ${e=>e.height}px;
|
|
588
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
589
|
+
`,Ka=a.div`
|
|
590
|
+
user-select: none;
|
|
591
|
+
display: flex;
|
|
592
|
+
flex: 1 1 auto;
|
|
593
|
+
flex-flow: row;
|
|
594
|
+
justify-content: flex-start;
|
|
595
|
+
align-items: center;
|
|
596
|
+
`,Ya=a.div`
|
|
597
|
+
display: flex;
|
|
598
|
+
flex: 1 0 auto;
|
|
599
|
+
flex-direction: row;
|
|
600
|
+
justify-content: flex-end;
|
|
601
|
+
`,Ua=a.div`
|
|
602
|
+
display: flex;
|
|
603
|
+
flex-direction: row;
|
|
604
|
+
justify-content: flex-start;
|
|
605
|
+
`,Za=a(S)`
|
|
606
|
+
user-select: none;
|
|
607
|
+
color: ${e=>e.theme.colors.hero};
|
|
608
|
+
min-width: ${_e.balanceWidth};
|
|
609
|
+
max-width: ${_e.balanceWidth};
|
|
610
|
+
text-align: right;
|
|
611
|
+
margin-left: ${_e.balanceLeftMargin};
|
|
612
|
+
`,qa=a.div`
|
|
613
|
+
display: flex;
|
|
614
|
+
flex-direction: row;
|
|
615
|
+
flex-shrink: 2;
|
|
616
|
+
flex-grow: 1;
|
|
617
|
+
align-items: center;
|
|
618
|
+
width: ${e=>_e.titleWidth.valuePx(e.windowSize)};
|
|
619
|
+
color: ${e=>e.theme.colors.hero};
|
|
620
|
+
max-width: ${e=>_e.titleWidth.valuePx(e.windowSize)};
|
|
621
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
622
|
+
${({isSticky:e})=>e?F`
|
|
623
|
+
position: -webkit-sticky;
|
|
624
|
+
position: sticky;
|
|
625
|
+
top: ${s.sp0};
|
|
626
|
+
left: ${s.sp0};
|
|
627
|
+
`:null}
|
|
628
|
+
`,Ja=a(S)`
|
|
629
|
+
user-select: none;
|
|
630
|
+
clear: both;
|
|
631
|
+
display: inline-block;
|
|
632
|
+
overflow: hidden;
|
|
633
|
+
white-space: nowrap;
|
|
634
|
+
text-overflow: ellipsis;
|
|
635
|
+
text-align: left;
|
|
636
|
+
margin-left: ${s.sp6};
|
|
637
|
+
`,Qa=({balance:e})=>t.jsx(Ua,{children:t.jsx(Za,{children:Z(e)})});function Xa({heading:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,totalBalances:l,isScrolling:c,isLastNode:d,onClick:h}){const u=N();return t.jsxs(Ha,{"data-testid":m("calculated-section-type-1-root-container-row",n),height:r,bgColor:o,windowSize:u,children:[t.jsxs(Ka,{"data-testid":m("calculated-section-type-1-container-row",n),onClick:()=>h?.(n),children:[t.jsx(qa,{"data-testid":m("calculated-section-type-1-total-container-row",n),bgColor:o,isSticky:i,windowSize:u,children:t.jsx(Ja,{children:e})}),t.jsx(Ya,{children:l.map((g,p)=>t.jsx(Qa,{balance:g},p))})]}),t.jsx(el,{isScrolling:c,isLastNode:d})]})}function el({isScrolling:e,isLastNode:o}){return o===!0?t.jsx(Ra,{isScrolling:e,kind:"heading_row_separator"}):null}const tl=a.div`
|
|
638
|
+
display: flex;
|
|
639
|
+
flex: 1 1 auto;
|
|
640
|
+
width: fit-content;
|
|
641
|
+
min-width: 100%;
|
|
642
|
+
flex-direction: column;
|
|
643
|
+
height: ${e=>e.height}px;
|
|
644
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
645
|
+
`,ol=a.div`
|
|
646
|
+
user-select: none;
|
|
647
|
+
display: flex;
|
|
648
|
+
flex: 1 1 auto;
|
|
649
|
+
flex-flow: row;
|
|
650
|
+
justify-content: flex-start;
|
|
651
|
+
align-items: center;
|
|
652
|
+
`,il=a.div`
|
|
653
|
+
display: flex;
|
|
654
|
+
flex: 1 0 auto;
|
|
655
|
+
flex-direction: row;
|
|
656
|
+
justify-content: flex-end;
|
|
657
|
+
`,nl=a.div`
|
|
658
|
+
display: flex;
|
|
659
|
+
flex-direction: row;
|
|
660
|
+
justify-content: flex-start;
|
|
661
|
+
`,Ge=a(Ro)`
|
|
662
|
+
color: ${e=>e.theme.colors.champion};
|
|
663
|
+
user-select: none;
|
|
664
|
+
max-width: ${C.balanceWidth};
|
|
665
|
+
min-width: ${C.balanceWidth};
|
|
666
|
+
text-align: right;
|
|
667
|
+
margin-left: ${C.balanceLeftMargin};
|
|
668
|
+
`,rl=a.div`
|
|
669
|
+
display: flex;
|
|
670
|
+
flex-direction: row;
|
|
671
|
+
flex-shrink: 2;
|
|
672
|
+
flex-grow: 1;
|
|
673
|
+
align-items: center;
|
|
674
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
675
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
676
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
677
|
+
${({isSticky:e})=>e?F`
|
|
678
|
+
position: -webkit-sticky;
|
|
679
|
+
position: sticky;
|
|
680
|
+
top: ${s.sp0};
|
|
681
|
+
left: ${s.sp0};
|
|
682
|
+
`:null}
|
|
683
|
+
`,al=a(Ro)`
|
|
684
|
+
color: ${e=>e.theme.colors.champion};
|
|
685
|
+
user-select: none;
|
|
686
|
+
clear: both;
|
|
687
|
+
display: inline-block;
|
|
688
|
+
overflow: hidden;
|
|
689
|
+
white-space: nowrap;
|
|
690
|
+
text-overflow: ellipsis;
|
|
691
|
+
text-align: left;
|
|
692
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
693
|
+
`,ll=({type:e,balance:o,isActualVsForecastOn:i,compareMode:n})=>t.jsxs(nl,{"data-testid":m("heading-row-balance-element",e),children:[ae(e)||i?t.jsx(Ge,{"data-testid":m("heading-row-balance-actual",e),children:Z(o)}):t.jsx(Ge,{"data-testid":m("heading-row-balance-forecast",e),children:J(o)}),i?t.jsxs(t.Fragment,{children:[t.jsx(Ge,{"data-testid":m("heading-row-balance-forecast",e),children:J(o)}),t.jsx(Ge,{"data-testid":m("heading-row-balance-actual-vs-forecast",e),children:n==="compare_mode_percent"?de(o):he(o)})]}):null]});function cl({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,heading:l,headingBalances:c,isActualVsForecastOn:d,compareMode:h,isLeaf:u,onClick:g}){const p=N();return t.jsx(tl,{height:r,bgColor:o,"data-testid":m("heading-row-root-container",n),children:t.jsxs(ol,{"data-testid":m("heading-row-container",n),isClickable:!u,onClick:()=>g?.(n),children:[ge(e)===!0?t.jsx(rl,{"data-testid":m("heading-row-heading-container",n),isSticky:i,windowSize:p,bgColor:o,children:t.jsx(al,{children:l})}):null,xe(e)===!0?t.jsx(il,{"data-testid":m("heading-row-balances-container",n),children:c.map((f,x)=>t.jsx(ll,{"data-testid":m("heading-row-balance-element",e),type:e,heading:l,balance:f,isActualVsForecastOn:d,compareMode:h},x))}):null]})})}const sl=(e,o,i,n,r,l,c)=>{if(o.element.kind!="calculated_section_type1"||o.element.data==null)return null;const d=o.element.data,h=te(d,o.config.displayOrder,o.element.numOfBalances);return t.jsx(Xa,{backgroundColor:n,isSticky:r,treeNodeId:e,heading:o.element.title,totalBalances:h.balances,height:i,isScrolling:l,isLastNode:c})},Dt=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="title_string_only")return null;const f=te(void 0,i.config.displayOrder,i.element.numOfBalances);return t.jsx(cl,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,heading:i.element.title,isActualVsForecastOn:i.config.mode==="actual_vs_forecast",compareMode:g,headingBalances:f.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,onClick:x=>{p?.(x)}})};function Si(e,o){return dl(o)}const dl=(e,o)=>{const i={compactedAccountsSelectorVariant:()=>[],acBalanceSelector:()=>{}};return i.acBalanceSelector=n=>n.balancesInTimeframe,i.compactedAccountsSelectorVariant=n=>hl(n,i.acBalanceSelector,e),i};function hl(e,o,i){switch(i){case"off":return e;case"filter_actual_nil_balances":return e.filter(n=>ul(o(n)?.balances??[]));default:return e}}function ul(e){let o=!1;if(e!=null){for(const i of e)if(i.balance.amount!==0){o=!0;break}}return o}const pl=a.div`
|
|
694
|
+
display: flex;
|
|
695
|
+
flex: 1 1 auto;
|
|
696
|
+
max-height: 1px;
|
|
697
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
|
|
698
|
+
`,gl=a.div`
|
|
699
|
+
display: flex;
|
|
700
|
+
flex: 1 1 auto;
|
|
701
|
+
max-height: 1px;
|
|
702
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
|
|
703
|
+
`;function Rt({kind:e,isScrolling:o}){switch(e){case"ac_group_row_separator":return t.jsx(pl,{"data-testid":m("ac-group-row-separator",e),isScrolling:o});case"section_row_separator":case"heading_row_separator":return t.jsx(gl,{"data-testid":m("section-row-separator",e),isScrolling:o})}}const R={balanceHeight:s.sp4,balanceWidth:"166px",balanceLeftMargin:s.sp4,titleWidth:new D(200,350,405)};function fl(e){switch(e){case"section":return w[8];case"ac_group_report":case"ac_group_subaccount":return w[8];case"ac_subentity_total":case"ac_subaccount":case"ac_report":return w[6];case"calculated_section":case"calculated_section_type1":return w[8];case"section_with_ac_only":return w[8];case"timeframe_headers":return w[11];case"timeframe_headers_with_forecast":return 98;case"title_string_only":return w[8];case"total":return w[8];case"class":case"checkbox_and_name_only":return w[6];default:return 0}}function xl(e,o){const i=["summary","detailed"];switch(e){case"section":return!i.includes(o);case"section_with_ac_only":return!i.includes(o);case"calculated_section":case"calculated_section_type1":return!1;case"ac_group_report":case"ac_group_subaccount":return!i.includes(o);case"ac_subentity_total":case"ac_subaccount":case"ac_report":return!i.includes(o);case"title_string_only":return!i.includes(o);case"total":return!1;case"timeframe_headers":case"timeframe_headers_with_forecast":return!1;case"class":case"checkbox_and_name_only":return!0;default:return!1}}const ml=a.div`
|
|
704
|
+
display: flex;
|
|
705
|
+
flex: 1 1 auto;
|
|
706
|
+
width: fit-content;
|
|
707
|
+
min-width: 100%;
|
|
708
|
+
flex-direction: column;
|
|
709
|
+
height: ${e=>e.height}px;
|
|
710
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
711
|
+
`,wl=a.div`
|
|
712
|
+
user-select: none;
|
|
713
|
+
display: flex;
|
|
714
|
+
flex: 1 1 auto;
|
|
715
|
+
flex-flow: row;
|
|
716
|
+
justify-content: flex-start;
|
|
717
|
+
align-items: center;
|
|
718
|
+
&:hover {
|
|
719
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
720
|
+
}
|
|
721
|
+
`,yl=a.div`
|
|
722
|
+
display: flex;
|
|
723
|
+
flex: 1 0 auto;
|
|
724
|
+
flex-direction: row;
|
|
725
|
+
justify-content: flex-end;
|
|
726
|
+
color: ${e=>e.hasNonZeroBalance===!0?e.theme.colors.primary:e.theme.colors.hero};
|
|
727
|
+
`,bl=a.div`
|
|
728
|
+
display: flex;
|
|
729
|
+
flex-direction: row;
|
|
730
|
+
justify-content: flex-start;
|
|
731
|
+
`,wt=a(S)`
|
|
732
|
+
user-select: none;
|
|
733
|
+
min-width: ${R.balanceWidth};
|
|
734
|
+
max-width: ${R.balanceWidth};
|
|
735
|
+
text-align: right;
|
|
736
|
+
margin-left: ${R.balanceLeftMargin};
|
|
737
|
+
`,kl=a(wt)`
|
|
738
|
+
color: ${e=>e.theme.colors.hero};
|
|
739
|
+
&:hover {
|
|
740
|
+
color: inherit;
|
|
741
|
+
}
|
|
742
|
+
`,Cl=a.div`
|
|
743
|
+
display: flex;
|
|
744
|
+
flex-direction: row;
|
|
745
|
+
flex-shrink: 2;
|
|
746
|
+
flex-grow: 1;
|
|
747
|
+
align-items: center;
|
|
748
|
+
width: ${e=>R.titleWidth.valuePx(e.windowSize)};
|
|
749
|
+
max-width: ${e=>R.titleWidth.valuePx(e.windowSize)};
|
|
750
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
751
|
+
color: ${e=>e.hasNonZeroBalance===!0?e.theme.colors.primary:e.theme.colors.hero};
|
|
752
|
+
${({isSticky:e})=>e?F`
|
|
753
|
+
position: -webkit-sticky;
|
|
754
|
+
position: sticky;
|
|
755
|
+
top: ${s.sp0};
|
|
756
|
+
left: ${s.sp0};
|
|
757
|
+
`:null}
|
|
758
|
+
`,jl=a(S)`
|
|
759
|
+
user-select: none;
|
|
760
|
+
clear: both;
|
|
761
|
+
display: inline-block;
|
|
762
|
+
overflow: hidden;
|
|
763
|
+
white-space: nowrap;
|
|
764
|
+
text-overflow: ellipsis;
|
|
765
|
+
text-align: left;
|
|
766
|
+
margin-left: ${s.sp2};
|
|
767
|
+
`,Sl=({type:e,balance:o,collapsed:i,compareMode:n})=>{const r=i===!0?kl:wt;return t.jsxs(bl,{"data-testid":m("account-group-row-balance-element",e),children:[t.jsx(r,{"data-testid":m("account-group-row-balance-actual",e),children:Z(o)}),Oe(e)?t.jsxs(t.Fragment,{children:[t.jsx(r,{"data-testid":m("account-group-row-balance-forecast",e),children:J(o)}),t.jsx(wt,{"data-testid":m("account-group-row-balance-actual-vs-forecast",e),children:n==="compare_mode_percent"?de(o):he(o)})]}):null]})};function vl({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,accountGroupName:l,accountGroupBalances:c,compareMode:d,isScrolling:h,isOpen:u,isLeaf:g,isLastNode:p,onClick:f}){const x=N(),b=!g,y=b?"pointer":"default",j=l.length>0?l.substr(0,1).toUpperCase():"",v=_l(c),B=se().colors.primary,[L,M]=I.useState(!1);return t.jsxs(ml,{"data-testid":m("account-group-row-root-container",e),height:r,bgColor:o,windowSize:x,children:[t.jsxs(wl,{"data-testid":m("account-group-row-container",e),style:{cursor:y},isClickable:b,onClick:()=>f?.(n),onMouseOver:()=>M(!0),onMouseLeave:()=>M(!1),children:[t.jsxs(Cl,{"data-testid":m("account-group-row-name-container",e),bgColor:o,isSticky:i,windowSize:x,hasNonZeroBalance:v,children:[t.jsx(ye,{"data-testid":m("account-group-row-circle-with-letter",e),color:_(B),showCollapsedIcon:!u,showIcon:b&&L,firstLetter:j}),t.jsx(jl,{"data-testid":m("account-group-row-name",e),children:l})]}),t.jsx(yl,{"data-testid":m("account-group-row-balances-container",e),hasNonZeroBalance:v,children:c.map((P,T)=>t.jsx(Sl,{"data-testid":m("account-group-row-balance-element",e),type:e,accountGroupName:l,balance:P,compareMode:d,collapsed:!1},T))})]}),t.jsx($l,{isScrolling:h,isLeaf:g,isLastNode:p,isOpen:u})]})}function $l({isScrolling:e,isLeaf:o,isLastNode:i,isOpen:n}){return o||!n||!i?t.jsx(Rt,{isScrolling:e,kind:"ac_group_row_separator"}):null}const _l=e=>{let o=!1;if(e!=null){for(const i of e)if(i!=null&&i.balance.amount!==0){o=!0;break}}return o},Ll=a.div`
|
|
768
|
+
display: flex;
|
|
769
|
+
flex: 1 1 auto;
|
|
770
|
+
width: fit-content;
|
|
771
|
+
min-width: 100%;
|
|
772
|
+
flex-direction: column;
|
|
773
|
+
height: ${e=>e.height}px;
|
|
774
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
775
|
+
`,Al=a.div`
|
|
776
|
+
user-select: none;
|
|
777
|
+
display: flex;
|
|
778
|
+
flex: 1 1 auto;
|
|
779
|
+
flex-flow: row;
|
|
780
|
+
justify-content: flex-start;
|
|
781
|
+
align-items: center;
|
|
782
|
+
&:hover {
|
|
783
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
784
|
+
}
|
|
785
|
+
`,Bl=a.div`
|
|
786
|
+
display: flex;
|
|
787
|
+
flex: 1 0 auto;
|
|
788
|
+
flex-direction: row;
|
|
789
|
+
justify-content: flex-end;
|
|
790
|
+
`,Ol=a.div`
|
|
791
|
+
display: flex;
|
|
792
|
+
flex-direction: row;
|
|
793
|
+
justify-content: flex-start;
|
|
794
|
+
`,ut=a(S)`
|
|
795
|
+
user-select: none;
|
|
796
|
+
min-width: ${R.balanceWidth};
|
|
797
|
+
max-width: ${R.balanceWidth};
|
|
798
|
+
text-align: right;
|
|
799
|
+
margin-left: ${R.balanceLeftMargin};
|
|
800
|
+
color: ${e=>e.theme.colors.hero};
|
|
801
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
802
|
+
&:hover {
|
|
803
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
804
|
+
}
|
|
805
|
+
`,Ml=a.div`
|
|
806
|
+
display: flex;
|
|
807
|
+
flex-direction: row;
|
|
808
|
+
flex-shrink: 2;
|
|
809
|
+
flex-grow: 1;
|
|
810
|
+
align-items: center;
|
|
811
|
+
width: ${e=>R.titleWidth.valuePx(e.windowSize)};
|
|
812
|
+
max-width: ${e=>R.titleWidth.valuePx(e.windowSize)};
|
|
813
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
814
|
+
${({isSticky:e})=>e?F`
|
|
815
|
+
position: -webkit-sticky;
|
|
816
|
+
position: sticky;
|
|
817
|
+
top: ${s.sp0};
|
|
818
|
+
left: ${s.sp0};
|
|
819
|
+
`:null}
|
|
820
|
+
`,Wl=a(S)`
|
|
821
|
+
user-select: none;
|
|
822
|
+
clear: both;
|
|
823
|
+
display: inline-block;
|
|
824
|
+
overflow: hidden;
|
|
825
|
+
white-space: nowrap;
|
|
826
|
+
text-overflow: ellipsis;
|
|
827
|
+
text-align: left;
|
|
828
|
+
margin-left: 35px;
|
|
829
|
+
color: ${e=>e.theme.colors.hero};
|
|
830
|
+
`,Nl=({type:e,balance:o,account:i,onAccountBalanceClick:n,compareMode:r})=>{const l=o?.type==="this_period_vs_last_period"||o?.type==="this_period_vs_last_period_percent",c=i!=null&&o!=null&&n!=null&&l!==!0;return t.jsxs(Ol,{children:[t.jsx(ut,{isClickable:c,onClick:()=>{c===!0&&i!=null&&o!=null&&n?.(i,o)},children:Z(o)}),Oe(e)?t.jsxs(t.Fragment,{children:[t.jsx(ut,{isClickable:!1,children:J(o)}),t.jsx(ut,{isClickable:!1,children:r==="compare_mode_percent"?de(o):he(o)})]}):null]})};function Il({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,accountBalances:l,isCompareModeOn:c,isForecastModeOn:d,isScrolling:h,isLeaf:u,isLastNode:g,compareMode:p,account:f,onAccountBalanceClick:x}){const b=N(),{common:{strings:{empty:y}}}=O.getLocalizedStrings(),j=f?.accountDescription?f.accountDescription:y,v=f?.accountName?f.accountName:j,B=Po(),L=B.loggedInUserRole!=null&&!A.hasInvestorBankerLevelAccess(B.loggedInUserRole),M=L===!0&&f!=null&&c!==!0&&x!=null&&d!==!0,P=M?"pointer":"default",T=(K,H)=>{M===!0&&l[l.length-1]!=null&&x?.(K,H,l[l.length-1])};return t.jsxs(Ll,{height:r,bgColor:o,windowSize:b,children:[t.jsxs(Al,{style:{cursor:P},isClickable:M,onClick:()=>f!=null?T(n,f):null,children:[t.jsx(Ml,{isSticky:i,windowSize:b,bgColor:o,children:t.jsx(Wl,{title:v,children:v})}),t.jsx(Bl,{children:l.map((K,H)=>t.jsx(Nl,{type:e,balance:K,account:f,onAccountBalanceClick:L===!1||x==null?void 0:(Y,q)=>{x(n,Y,q)},compareMode:p},H))})]}),t.jsx(Fl,{isScrolling:h,isLeaf:u,isLastNode:g})]})}function Fl({isScrolling:e,isLeaf:o,isLastNode:i}){return o||!i?t.jsx(Rt,{isScrolling:e,kind:"ac_group_row_separator"}):null}const zl=a.div`
|
|
831
|
+
display: flex;
|
|
832
|
+
flex: 1 1 auto;
|
|
833
|
+
width: fit-content;
|
|
834
|
+
min-width: 100%;
|
|
835
|
+
flex-direction: column;
|
|
836
|
+
height: ${e=>e.rootHeight-1}px;
|
|
837
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
838
|
+
`,Pl=a.div`
|
|
839
|
+
user-select: none;
|
|
840
|
+
display: flex;
|
|
841
|
+
flex: 1 1 auto;
|
|
842
|
+
flex-flow: row;
|
|
843
|
+
justify-content: flex-start;
|
|
844
|
+
align-items: center;
|
|
845
|
+
`,Tl=a.div`
|
|
846
|
+
display: flex;
|
|
847
|
+
flex: 1 0 auto;
|
|
848
|
+
flex-direction: row;
|
|
849
|
+
justify-content: flex-end;
|
|
850
|
+
`,yo=a.div`
|
|
851
|
+
display: flex;
|
|
852
|
+
flex-direction: row;
|
|
853
|
+
justify-content: flex-start;
|
|
854
|
+
`,Se=a(S)`
|
|
855
|
+
user-select: none;
|
|
856
|
+
max-width: ${R.balanceWidth};
|
|
857
|
+
min-width: ${R.balanceWidth};
|
|
858
|
+
text-align: right;
|
|
859
|
+
margin-left: ${R.balanceLeftMargin};
|
|
860
|
+
`,bo=a(S)`
|
|
861
|
+
user-select: none;
|
|
862
|
+
max-width: ${R.balanceWidth};
|
|
863
|
+
min-width: ${R.balanceWidth};
|
|
864
|
+
text-align: right;
|
|
865
|
+
margin-left: ${R.balanceLeftMargin};
|
|
866
|
+
`,Vl=a.div`
|
|
867
|
+
display: flex;
|
|
868
|
+
flex-direction: column;
|
|
869
|
+
align-items: flex-end;
|
|
870
|
+
`,Dl=a.div`
|
|
871
|
+
display: flex;
|
|
872
|
+
flex-direction: row;
|
|
873
|
+
flex-shrink: 2;
|
|
874
|
+
flex-grow: 1;
|
|
875
|
+
align-items: center;
|
|
876
|
+
height: ${s.sp7};
|
|
877
|
+
width: ${e=>R.titleWidth.valuePx(e.windowSize)};
|
|
878
|
+
max-width: ${e=>R.titleWidth.valuePx(e.windowSize)};
|
|
879
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
880
|
+
${({isSticky:e})=>e?F`
|
|
881
|
+
position: -webkit-sticky;
|
|
882
|
+
position: sticky;
|
|
883
|
+
top: ${s.sp0};
|
|
884
|
+
left: ${s.sp0};
|
|
885
|
+
`:null}
|
|
886
|
+
`,Rl=a(S)`
|
|
887
|
+
user-select: none;
|
|
888
|
+
user-select: none;
|
|
889
|
+
clear: both;
|
|
890
|
+
display: inline-block;
|
|
891
|
+
overflow: hidden;
|
|
892
|
+
white-space: nowrap;
|
|
893
|
+
text-overflow: ellipsis;
|
|
894
|
+
text-align: left;
|
|
895
|
+
margin-left: ${s.sp2};
|
|
896
|
+
`,Gl=({type:e,balance:o,color:i,compareMode:n})=>{const r=o!=null&&o.type==="default_with_percent"&&o.percentValue!=null?o.percentValue:0,l=o!=null&&o.type==="default_with_percent"&&o.forecastPercentValue!=null?o.forecastPercentValue:0;return t.jsxs(Vl,{children:[t.jsxs(yo,{children:[t.jsx(Se,{style:{color:i.toString()},children:Z(o)}),Oe(e)?t.jsxs(t.Fragment,{children:[t.jsx(Se,{style:{color:i.toString()},children:J(o)}),t.jsx(Se,{style:{color:i.toString()},children:n==="compare_mode_percent"?de(o):he(o)})]}):null]}),t.jsxs(yo,{children:[r!==0?t.jsx(bo,{style:{color:i.toString()},children:fe("0,0%",r)}):null,Oe(e)?t.jsxs(t.Fragment,{children:[l!==0?t.jsx(bo,{style:{color:i.toString()},children:fe("0,0%",l)}):t.jsx(Se,{}),t.jsx(Se,{})]}):null]})]})};function Gt({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,sectionName:l,sectionBalances:c,sectionColor:d,isScrolling:h,isOpen:u,isLeaf:g,compareMode:p,onClick:f}){const x=N(),[b,y]=I.useState(!1),j=!g,v=j?"pointer":"default",B=l.length>0?l.substring(0,1).toUpperCase():"";return t.jsxs(zl,{"data-testid":m("section-row-root-container",n),rootHeight:r,bgColor:o,windowSize:x,children:[t.jsxs(Pl,{"data-testid":m("section-row-container",n),style:{cursor:v},onClick:()=>f?.(n),onMouseOver:()=>y(!0),onMouseLeave:()=>y(!1),children:[t.jsxs(Dl,{"data-testid":m("section-row-name-container",n),isSticky:i,windowSize:x,bgColor:o,children:[t.jsx(ye,{"data-testid":m("section-row-circle-with-letter",n),color:_(d),showCollapsedIcon:!u,showIcon:j&&b,firstLetter:B}),t.jsx(Rl,{"data-testid":m("section-row-name",n),style:{color:d.toString()},children:l})]}),t.jsx(Tl,{"data-testid":m("section-row-balances-container",n),children:c.map((L,M)=>t.jsx(Gl,{"data-testid":m("section-row-balance-element",e),type:e,sectionName:l,balance:L,color:d,compareMode:p},M))})]}),t.jsx(El,{isScrolling:h,isLeaf:g,isOpen:u})]})}function El({isScrolling:e,isLeaf:o,isOpen:i}){return o||!i?t.jsx(Rt,{isScrolling:e,kind:"section_row_separator"}):null}const Hl=a.div`
|
|
897
|
+
display: flex;
|
|
898
|
+
flex: 1 1 auto;
|
|
899
|
+
width: fit-content;
|
|
900
|
+
min-width: 100%;
|
|
901
|
+
flex-direction: column;
|
|
902
|
+
height: ${e=>e.height}px;
|
|
903
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
904
|
+
`,Kl=a.div`
|
|
905
|
+
user-select: none;
|
|
906
|
+
display: flex;
|
|
907
|
+
flex: 1 1 auto;
|
|
908
|
+
flex-flow: row;
|
|
909
|
+
justify-content: flex-start;
|
|
910
|
+
align-items: center;
|
|
911
|
+
`,Yl=a.div`
|
|
912
|
+
display: flex;
|
|
913
|
+
flex: 1 0 auto;
|
|
914
|
+
flex-direction: row;
|
|
915
|
+
justify-content: flex-end;
|
|
916
|
+
`,Ul=a.div`
|
|
917
|
+
display: flex;
|
|
918
|
+
flex-direction: row;
|
|
919
|
+
justify-content: flex-start;
|
|
920
|
+
`,vi=a(S)`
|
|
921
|
+
user-select: none;
|
|
922
|
+
min-width: ${R.balanceWidth};
|
|
923
|
+
max-width: ${R.balanceWidth};
|
|
924
|
+
text-align: right;
|
|
925
|
+
margin-left: ${R.balanceLeftMargin};
|
|
926
|
+
color: ${e=>e.theme.colors.brandColorJadeDark};
|
|
927
|
+
`,Zl=a(vi)`
|
|
928
|
+
color: ${e=>e.theme.colors.hero};
|
|
929
|
+
&:hover {
|
|
930
|
+
color: inherit;
|
|
931
|
+
}
|
|
932
|
+
`,ql=a.div`
|
|
933
|
+
display: flex;
|
|
934
|
+
flex-direction: row;
|
|
935
|
+
flex-shrink: 2;
|
|
936
|
+
flex-grow: 1;
|
|
937
|
+
align-items: center;
|
|
938
|
+
width: ${e=>R.titleWidth.valuePx(e.windowSize)};
|
|
939
|
+
max-width: ${e=>R.titleWidth.valuePx(e.windowSize)};
|
|
940
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
941
|
+
${({isSticky:e})=>e?F`
|
|
942
|
+
position: -webkit-sticky;
|
|
943
|
+
position: sticky;
|
|
944
|
+
top: ${s.sp0};
|
|
945
|
+
left: ${s.sp0};
|
|
946
|
+
`:null}
|
|
947
|
+
`,Jl=a(S)`
|
|
948
|
+
user-select: none;
|
|
949
|
+
clear: both;
|
|
950
|
+
display: inline-block;
|
|
951
|
+
overflow: hidden;
|
|
952
|
+
white-space: nowrap;
|
|
953
|
+
text-overflow: ellipsis;
|
|
954
|
+
text-align: left;
|
|
955
|
+
color: ${e=>e.theme.colors.brandColorJadeDark};
|
|
956
|
+
`,pt=a(S)`
|
|
957
|
+
user-select: none;
|
|
958
|
+
min-width: ${R.balanceWidth};
|
|
959
|
+
max-width: ${R.balanceWidth};
|
|
960
|
+
text-align: right;
|
|
961
|
+
margin-left: ${R.balanceLeftMargin};
|
|
962
|
+
color: ${e=>e.theme.colors.brandColorJadeDark};
|
|
963
|
+
`,Ql=({type:e,balance:o,collapsed:i,compareMode:n})=>{const r=i===!0?Zl:vi;return t.jsxs(Ul,{children:[ae(e)===!0?t.jsx(r,{children:Z(o)}):null,Oe(e)?t.jsxs(t.Fragment,{children:[t.jsx(pt,{children:Z(o)}),t.jsx(pt,{children:J(o)}),t.jsx(pt,{children:n==="compare_mode_percent"?de(o):he(o)})]}):null]})};function Xl({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,title:l,totalBalances:c,isLeaf:d,compareMode:h,onClick:u}){const g=N(),p=!d,f=p?"pointer":"default";return t.jsx(Hl,{height:r,bgColor:o,windowSize:g,children:t.jsxs(Kl,{style:{cursor:f},isClickable:p,onClick:()=>u?.(n),children:[t.jsx(ql,{bgColor:o,isSticky:i,windowSize:g,children:t.jsx(Jl,{children:l})}),t.jsx(Yl,{children:c.map((x,b)=>t.jsx(Ql,{type:e,balance:x,collapsed:!1,compareMode:h},b))})]})})}const ke={net_burn_or_income:{income:{color:new _(V.graphColor04),hoverColor:new _(V.graphColor04Dark)},cogs:{color:new _(V.graphColor10),hoverColor:new _(V.graphColor10Dark)},expenses:{color:new _(V.graphColor32),hoverColor:new _(V.graphColor32Dark)},"Gross Burn":{color:new _(ee.neutralGrey2Dark),hoverColor:new _(ee.neutralGrey2Dark)},"Net Burn":{color:new _(V.graphColor13),hoverColor:new _(V.graphColor13Dark)},"Net Income":{color:new _(V.graphColor13),hoverColor:new _(V.graphColor13Dark)}},revenue:{income:{color:new _(V.graphColor28),hoverColor:new _(V.graphColor28Dark)},cogs:{color:new _(V.graphColor17),hoverColor:new _(V.graphColor17Dark)},"Gross Margin":{color:new _(V.graphColor10),hoverColor:new _(V.graphColor10Dark)}},cash_in_cash_out:{cash_in:{color:new _(V.graphColor33),hoverColor:new _(V.graphColor33Dark)},cash_out:{color:new _(V.graphColor02),hoverColor:new _(V.graphColor02Dark)},"Net Cash Flow":{color:new _(V.graphColor35),hoverColor:new _(V.graphColor35Dark)}},default:{color:new _(ee.neutralGrey2Dark),hoverColor:new _(ee.neutralGrey2Dark)}},Et=(e,o)=>e.startsWith("net_burn_or_income")===!0?o!=null?ke.net_burn_or_income[o]:ke.default:e.startsWith("revenue")===!0?o!=null?ke.revenue[o]:ke.default:e.startsWith("cash_in_cash_out")===!0&&o!=null?ke.cash_in_cash_out[o]:ke.default,ec=(e,o,i,n,r,l,c,d,h,u,g)=>{if(i.element.kind!="ac_report"||i.element.data==null)return null;const p=i.element.data,f=A.isDashboardClassesViewReport(i.config.reportId)===!0?Si("no_filter",i.config.filterAccountsWithNilBalances):tt(i.element.sectionType,"no_filter",i.config.filterAccountsWithNilBalances,i.config.filterAccountGroupsWithNilBalances),x=te(f.acBalanceSelector(p),i.config.displayOrder,i.element.numOfBalances);return t.jsx(Il,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,accountBalances:x.balances,isCompareModeOn:i.config.mode==="this_period_vs_period_before",isForecastModeOn:i.config.mode==="actual_vs_forecast",isScrolling:c,isLeaf:d,isLastNode:h,compareMode:u,account:p,onAccountBalanceClick:g==null?void 0:(b,y,j)=>{g?.(b,y,j)}})},tc=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="ac_group_report"||i.element.data==null)return null;const f=i.element.data,x=tt(i.element.sectionType,"no_filter",i.config.filterAccountsWithNilBalances,i.config.filterAccountGroupsWithNilBalances),b=te(x.acGroupBalanceSelector(f),i.config.displayOrder,i.element.numOfBalances);return t.jsx(vl,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,accountGroupName:f.accountGroupName,compareMode:g,accountGroupBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,onClick:y=>{p?.(y)}})},$i=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="section"||i.element.data==null)return null;const f=Et(i.config.reportId,i.element.sectionType),x=i.element.data,b=te(x,i.config.displayOrder,i.element.numOfBalances);return t.jsx(Gt,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,sectionColor:f.color,sectionName:i.element.title,sectionBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,compareMode:g,onClick:y=>{p?.(y)}})},oc=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="section_with_ac_only"||i.element.data==null)return null;const f=Et(i.config.reportId,i.element.sectionType),x=i.element.data,b=te(x,i.config.displayOrder,i.element.numOfBalances);return t.jsx(Gt,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,sectionName:i.element.title,sectionColor:f.color,sectionBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,compareMode:g,onClick:y=>{p?.(y)}})},_i=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="calculated_section"||i.element.data==null)return null;const f=Et(i.config.reportId,i.element.title),x=i.element.data,b=te(x,i.config.displayOrder,i.element.numOfBalances);return t.jsx(Gt,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,sectionName:i.element.title,sectionColor:f.color,sectionBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,compareMode:g,onClick:y=>{p?.(y)}})},Li=(e,o,i,n,r,l,c,d)=>{if((i.config.isZeniCOAInUse==null||i.config.isZeniCOAInUse===!0)&&i.config.mode!=="this_period_vs_period_before")return null;const h=i.element.data,u=te(h,i.config.displayOrder,i.element.numOfBalances);return t.jsx(Xl,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,title:i.element.title,height:n,isLeaf:d,compareMode:c,totalBalances:u.balances})},Ht=20,ic=e=>{const o=[];return e&&Object.values(e).forEach(i=>{o.push(i)}),o.reverse()},nc=a.div`
|
|
964
|
+
display: flex;
|
|
965
|
+
flex: 1 1 auto;
|
|
966
|
+
height: 1px;
|
|
967
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
|
|
968
|
+
`,rc=a.div`
|
|
969
|
+
display: flex;
|
|
970
|
+
height: 1px;
|
|
971
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
|
|
972
|
+
`;function yt({kind:e,isScrolling:o}){switch(e){case"account_class_row_separator":return t.jsx(nc,{isScrolling:o});case"section_row_separator":case"vendor_separator":return t.jsx(rc,{isScrolling:o});case"heading_row_separator":return null}}const ac=a.div`
|
|
973
|
+
position: relative;
|
|
974
|
+
`,lc=a.div`
|
|
975
|
+
height: ${e=>e.height}px;
|
|
976
|
+
border-left: 1px solid ${e=>e.theme.colors.grey1};
|
|
977
|
+
width: 1px;
|
|
978
|
+
`;a.div`
|
|
979
|
+
height: 39px;
|
|
980
|
+
width: 2px;
|
|
981
|
+
`;const cc=a.div`
|
|
982
|
+
position: relative;
|
|
983
|
+
margin-right: ${s.sp3};
|
|
984
|
+
&::after {
|
|
985
|
+
content: "";
|
|
986
|
+
position: absolute;
|
|
987
|
+
top: 20px;
|
|
988
|
+
border-top: 1px solid ${e=>e.theme.colors.grey1};
|
|
989
|
+
width: 18px;
|
|
990
|
+
}
|
|
991
|
+
`,sc=a.div`
|
|
992
|
+
height: ${s.sp6};
|
|
993
|
+
border-left: 1px solid ${e=>e.theme.colors.grey1};
|
|
994
|
+
width: 1px;
|
|
995
|
+
`,dc=a.div`
|
|
996
|
+
position: relative;
|
|
997
|
+
margin-right: ${s.sp3};
|
|
998
|
+
&::after {
|
|
999
|
+
content: "";
|
|
1000
|
+
position: absolute;
|
|
1001
|
+
top: ${e=>e.height}px;
|
|
1002
|
+
border-top: 1px solid ${e=>e.theme.colors.grey1};
|
|
1003
|
+
width: 18px;
|
|
1004
|
+
}
|
|
1005
|
+
`,hc=a.div`
|
|
1006
|
+
height: ${e=>e.height}px;
|
|
1007
|
+
border-left: 1px solid ${e=>e.theme.colors.grey1};
|
|
1008
|
+
margin-bottom: ${e=>e.height}px;
|
|
1009
|
+
width: 1px;
|
|
1010
|
+
`,Ai=({height:e})=>t.jsx(ac,{children:t.jsx(lc,{height:e})}),uc=({height:e})=>t.jsx(dc,{height:e,children:t.jsx(hc,{height:e})}),pc=()=>t.jsx(cc,{children:t.jsx(sc,{})}),k={balanceHeight:s.sp4,balanceHeaderWidth:"126px",balanceWidth:"128px",balanceLeftMargin:"12px",statusLeftMargin:"12px",titleWidth:"685px",vendorContainerWidth:"628px",sectionContainerWidth:"685px",varianceHeaderContainerWidth:"182px",varianceContainerWidth:"184px",statusContainerWidth:"144px",sortIconDimension:"12px",categoryClassContainerWidth:"685px",categoryClassHeaderWidth:"250px",categoryClassValueWidth:"250px",lineComponentHeight:39,lineLComponentHeight:19.5,vendorLineComponentHeight:16,rectangularContainerWidth:128,largeRectangularContainerWidth:168,titleWidthMedium:"180px",categoryRowsSkeletonContainerWidth:"300px",varianceRowSkeletonContainerWidth:"210px",titleWidthSmall:"128px"};function Bi(e,o=!1){switch(e){case"section":return w[8];case"flux_vendor_account_class_row":return o?w[9]:w[6];case"flux_vendor_row":return w[8];case"timeframe_headers":return w[8];case"total":return w[8];case"loading_in_progress":return w[8];case"headers_loading_in_progress":return w[8];default:return 0}}function gc(e){return["section","flux_vendor_account_class_row","flux_vendor_row"].includes(e)}const ko=O.getLocalizedStrings(),fc=a.div`
|
|
1011
|
+
display: flex;
|
|
1012
|
+
flex-shrink: 0;
|
|
1013
|
+
width: ${k.varianceContainerWidth};
|
|
1014
|
+
min-width: ${k.varianceContainerWidth};
|
|
1015
|
+
margin-left: 12px;
|
|
1016
|
+
gap: ${s.sp1};
|
|
1017
|
+
flex-direction: row;
|
|
1018
|
+
justify-content: flex-end;
|
|
1019
|
+
text-align: center;
|
|
1020
|
+
`,xc=a.div`
|
|
1021
|
+
height: ${s.sp4};
|
|
1022
|
+
border-radius: ${s.sp1};
|
|
1023
|
+
padding: 2px ${s.sp1};
|
|
1024
|
+
color: ${e=>e.textColor.hex()};
|
|
1025
|
+
`,mc=a.div`
|
|
1026
|
+
border-radius: ${s.sp1};
|
|
1027
|
+
padding: 2px ${s.sp1};
|
|
1028
|
+
height: ${s.sp4};
|
|
1029
|
+
justify-content: center;
|
|
1030
|
+
text-align: center;
|
|
1031
|
+
color: ${e=>e.textColor.hex()};
|
|
1032
|
+
background-color: ${e=>e.bgColor.hex()};
|
|
1033
|
+
`,ot=({amount:e,percentage:o,currency:i})=>{const n=se();return t.jsxs(fc,{children:[t.jsx(xc,{textColor:e>0?new _(n.colors.brandColorGoldDark):new _(n.colors.success),children:U("0,0",A.toAmount(Math.abs(e),i.currencyCode,i.currencySymbol))}),t.jsx(mc,{textColor:e>0?new _(n.colors.brandColorGoldDark):new _(n.colors.success),bgColor:e>0?new _(ee.brandColorGoldLight):new _(ee.successLight),children:`${xn(Math.abs(o)).format(ko.common.numberFormat.roundedOff)}${ko.common.strings.percentage}`})]})},Co=O.getLocalizedStrings(),wc=a.div`
|
|
1034
|
+
display: flex;
|
|
1035
|
+
flex: 1 1 auto;
|
|
1036
|
+
width: fit-content;
|
|
1037
|
+
min-width: 100%;
|
|
1038
|
+
flex-direction: column;
|
|
1039
|
+
`,yc=a.div`
|
|
1040
|
+
display: flex;
|
|
1041
|
+
flex: 1 1 auto;
|
|
1042
|
+
flex-flow: row;
|
|
1043
|
+
justify-content: flex-start;
|
|
1044
|
+
align-items: center;
|
|
1045
|
+
width: 100%;
|
|
1046
|
+
color: ${e=>e.isHoveredByParent?e.theme.colors.primary:e.theme.colors.hero};
|
|
1047
|
+
&:hover {
|
|
1048
|
+
color: ${e=>e.theme.colors.primary};
|
|
1049
|
+
}
|
|
1050
|
+
`,Oi=a.div`
|
|
1051
|
+
display: flex;
|
|
1052
|
+
flex-direction: column;
|
|
1053
|
+
`,Mi=a.div`
|
|
1054
|
+
display: flex;
|
|
1055
|
+
height: ${s.sp4};
|
|
1056
|
+
`,bc=a.div`
|
|
1057
|
+
display: flex;
|
|
1058
|
+
flex-direction: row;
|
|
1059
|
+
justify-content: flex-start;
|
|
1060
|
+
`,kc=a(S)`
|
|
1061
|
+
min-width: ${k.balanceWidth};
|
|
1062
|
+
max-width: ${k.balanceWidth};
|
|
1063
|
+
text-align: right;
|
|
1064
|
+
margin-left: 12px;
|
|
1065
|
+
`,Cc=a.div`
|
|
1066
|
+
display: flex;
|
|
1067
|
+
flex-direction: column;
|
|
1068
|
+
flex-shrink: 2;
|
|
1069
|
+
flex-grow: 1;
|
|
1070
|
+
align-items: center;
|
|
1071
|
+
width: ${k.categoryClassContainerWidth};
|
|
1072
|
+
max-width: ${k.categoryClassContainerWidth};
|
|
1073
|
+
padding-left: 67.5px;
|
|
1074
|
+
${({isSticky:e})=>e?F`
|
|
1075
|
+
position: sticky;
|
|
1076
|
+
top: ${s.sp0};
|
|
1077
|
+
left: ${s.sp0};
|
|
1078
|
+
display: flex;
|
|
1079
|
+
`:null}
|
|
1080
|
+
`,jc=a.div`
|
|
1081
|
+
display: flex;
|
|
1082
|
+
height: ${s.sp4};
|
|
1083
|
+
width: 100%;
|
|
1084
|
+
`,Sc=a.div`
|
|
1085
|
+
display: flex;
|
|
1086
|
+
flex-direction: row;
|
|
1087
|
+
flex-shrink: 2;
|
|
1088
|
+
flex-grow: 1;
|
|
1089
|
+
align-items: center;
|
|
1090
|
+
width: 100%;
|
|
1091
|
+
`,vc=a(we)`
|
|
1092
|
+
display: flex;
|
|
1093
|
+
width: ${k.categoryClassHeaderWidth};
|
|
1094
|
+
margin-left: ${s.sp3};
|
|
1095
|
+
color: ${e=>e.theme.colors.hero};
|
|
1096
|
+
`,$c=a(we)`
|
|
1097
|
+
display: flex;
|
|
1098
|
+
width: ${k.categoryClassHeaderWidth};
|
|
1099
|
+
margin-left: ${s.sp4};
|
|
1100
|
+
color: ${e=>e.theme.colors.hero};
|
|
1101
|
+
`,_c=a(S)`
|
|
1102
|
+
clear: both;
|
|
1103
|
+
display: flex;
|
|
1104
|
+
overflow: hidden;
|
|
1105
|
+
white-space: nowrap;
|
|
1106
|
+
text-overflow: ellipsis;
|
|
1107
|
+
text-align: left;
|
|
1108
|
+
margin-left: 2px;
|
|
1109
|
+
width: ${k.categoryClassValueWidth};
|
|
1110
|
+
max-width: ${k.categoryClassValueWidth};
|
|
1111
|
+
`,Lc=a(S)`
|
|
1112
|
+
display: flex;
|
|
1113
|
+
align-items: center;
|
|
1114
|
+
overflow: hidden;
|
|
1115
|
+
white-space: nowrap;
|
|
1116
|
+
text-overflow: ellipsis;
|
|
1117
|
+
text-align: left;
|
|
1118
|
+
margin-left: ${s.sp4};
|
|
1119
|
+
margin-right: ${s.sp3};
|
|
1120
|
+
width: ${k.categoryClassValueWidth};
|
|
1121
|
+
max-width: ${k.categoryClassValueWidth};
|
|
1122
|
+
`,Ac=a.div`
|
|
1123
|
+
display: flex;
|
|
1124
|
+
margin-left: ${s.sp7};
|
|
1125
|
+
margin-right: calc(
|
|
1126
|
+
${k.statusContainerWidth} +
|
|
1127
|
+
${k.statusLeftMargin}
|
|
1128
|
+
);
|
|
1129
|
+
`,Bc=a.div`
|
|
1130
|
+
position: sticky;
|
|
1131
|
+
left: 0;
|
|
1132
|
+
background-color: ${e=>e.theme.colors.grey4};
|
|
1133
|
+
display: flex;
|
|
1134
|
+
`,Oc=a.div`
|
|
1135
|
+
overflow-x: auto;
|
|
1136
|
+
display: flex;
|
|
1137
|
+
flex: 1;
|
|
1138
|
+
justify-content: flex-end;
|
|
1139
|
+
`,Mc=({isBalanceRowFirstNode:e=!1,balance:o})=>{const i=o!=null;return t.jsxs(Oi,{children:[e?t.jsx(Mi,{}):null,t.jsx(bc,{children:t.jsx(kc,{isClickable:i,children:Z(o)})})]})};function Wc({varianceAmount:e,variancePercentage:o,currency:i,isSticky:n,balances:r,isScrolling:l,nodeMetadata:c,isLeaf:d,isLastNode:h,accountAndClass:u,isHoveredByParent:g}){const{common:{strings:{hyphen:p}}}=O.getLocalizedStrings(),f=u.accountBase?.accountDescription?u.accountBase?.accountDescription:p,x=u.accountBase?.accountName?u.accountBase?.accountName:f,b=u.classBase?.className?u.classBase?.className:p,y=c?.accountAndClassRowMetadata.isLastNode;return t.jsxs(wc,{children:[t.jsxs(yc,{style:{cursor:"default"},isHoveredByParent:g,children:[t.jsx(Bc,{children:t.jsxs(Cc,{className:"flux-class-and-account-value-container",isSticky:n,children:[!!c?.accountAndClassRowMetadata.isFirstNode&&t.jsxs(jc,{children:[t.jsx(Ai,{height:k.lineComponentHeight}),t.jsx(vc,{children:Co.common.texts.category}),t.jsx($c,{children:Co.common.texts.class})]}),t.jsxs(Sc,{children:[y===!0?t.jsx(uc,{height:k.lineLComponentHeight}):t.jsx(pc,{}),t.jsx(_c,{title:x,children:x}),t.jsx(Lc,{title:b,children:b})]})]})}),t.jsx(Oc,{children:t.jsxs(Ac,{children:[r.map((j,v)=>t.jsx(Mc,{balance:j,isBalanceRowFirstNode:c?.accountAndClassRowMetadata.isFirstNode},v)),t.jsxs(Oi,{children:[!!c?.accountAndClassRowMetadata.isFirstNode&&t.jsx(Mi,{}),t.jsx(ot,{amount:e,percentage:o,currency:i})]})]})})]}),t.jsx(Nc,{isScrolling:l,isLeaf:d,isLastNode:h,isParentLastChild:c?.isVendorLastChild??!0})]})}function Nc({isScrolling:e,isLastNode:o,isParentLastChild:i}){return o&&i?t.jsx(yt,{isScrolling:e,kind:"vendor_separator"}):o?t.jsx(yt,{isScrolling:e,kind:"account_class_row_separator"}):null}function Ic(){return t.jsxs(Fc,{children:[t.jsxs(Pc,{children:[t.jsxs(Ce,{width:k.categoryRowsSkeletonContainerWidth,className:"vendor-title",children:[t.jsx(To,{width:w[4],height:w[4]}),t.jsx(X,{width:k.largeRectangularContainerWidth,height:w[4],style:{display:"flex",alignItems:"baseline",marginLeft:s.sp2}})]}),t.jsx(Ce,{width:k.categoryRowsSkeletonContainerWidth,children:t.jsx(X,{width:k.largeRectangularContainerWidth,height:w[4],style:{display:"flex",alignItems:"baseline",marginLeft:s.sp2}})})]}),t.jsxs(zc,{children:[t.jsx(Ce,{width:k.titleWidthMedium,children:t.jsx(X,{width:k.rectangularContainerWidth,height:w[4],style:{display:"flex",alignItems:"center"}})}),t.jsx(Ce,{width:k.titleWidthMedium,children:t.jsx(X,{width:k.rectangularContainerWidth,height:w[4],style:{display:"flex",alignItems:"flex-start"}})}),t.jsxs(Ce,{width:k.varianceRowSkeletonContainerWidth,children:[t.jsx(X,{width:k.rectangularContainerWidth,height:w[4],style:{display:"flex",alignItems:"center"}}),t.jsx(X,{width:w[7],height:w[4],style:{display:"flex",alignItems:"flex-start",marginLeft:s.sp1}})]}),t.jsx(Ce,{width:k.titleWidthMedium,children:t.jsx(X,{width:70,height:w[4],style:{display:"flex",alignItems:"center",justifyContent:"center"}})})]})]})}const Fc=a.div`
|
|
1140
|
+
display: flex;
|
|
1141
|
+
flex-direction: row;
|
|
1142
|
+
width: 100%;
|
|
1143
|
+
margin-left: ${s.sp8};
|
|
1144
|
+
.vendor-title {
|
|
1145
|
+
justify-content: flex-start;
|
|
1146
|
+
}
|
|
1147
|
+
`,Ce=a.div`
|
|
1148
|
+
display: flex;
|
|
1149
|
+
flex-direction: row;
|
|
1150
|
+
align-items: center;
|
|
1151
|
+
min-width: ${e=>e.width};
|
|
1152
|
+
color: ${e=>e.theme.colors.primary};
|
|
1153
|
+
background-color: ${e=>e.theme.colors.grey4};
|
|
1154
|
+
justify-content: flex-end;
|
|
1155
|
+
|
|
1156
|
+
:last-of-type {
|
|
1157
|
+
justify-content: center;
|
|
1158
|
+
}
|
|
1159
|
+
`,zc=a.div`
|
|
1160
|
+
display: flex;
|
|
1161
|
+
`,Pc=a.div`
|
|
1162
|
+
display: flex;
|
|
1163
|
+
width: ${k.vendorContainerWidth};
|
|
1164
|
+
position: sticky;
|
|
1165
|
+
left: ${s.sp8};
|
|
1166
|
+
top: 0;
|
|
1167
|
+
z-index: 10;
|
|
1168
|
+
`,Tc=a.div`
|
|
1169
|
+
display: flex;
|
|
1170
|
+
flex: 1 1 auto;
|
|
1171
|
+
width: fit-content;
|
|
1172
|
+
min-width: 100%;
|
|
1173
|
+
flex-direction: column;
|
|
1174
|
+
height: ${e=>e.heightValue}px;
|
|
1175
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1176
|
+
`,Vc=a.div`
|
|
1177
|
+
display: flex;
|
|
1178
|
+
flex: 1 1 auto;
|
|
1179
|
+
flex-flow: row;
|
|
1180
|
+
justify-content: flex-start;
|
|
1181
|
+
align-items: center;
|
|
1182
|
+
`,Dc=a.div`
|
|
1183
|
+
display: flex;
|
|
1184
|
+
flex-direction: row;
|
|
1185
|
+
justify-content: flex-start;
|
|
1186
|
+
`,Rc=a(S)`
|
|
1187
|
+
max-width: ${k.balanceWidth};
|
|
1188
|
+
min-width: ${k.balanceWidth};
|
|
1189
|
+
text-align: right;
|
|
1190
|
+
margin-left: ${k.balanceLeftMargin};
|
|
1191
|
+
color: ${({color:e})=>e};
|
|
1192
|
+
`,Gc=a.div`
|
|
1193
|
+
display: flex;
|
|
1194
|
+
flex-direction: row;
|
|
1195
|
+
flex-shrink: 2;
|
|
1196
|
+
align-items: center;
|
|
1197
|
+
height: 100%;
|
|
1198
|
+
width: ${k.sectionContainerWidth};
|
|
1199
|
+
min-width: ${k.sectionContainerWidth};
|
|
1200
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1201
|
+
${({isSticky:e})=>e&&F`
|
|
1202
|
+
position: sticky;
|
|
1203
|
+
top: ${s.sp0};
|
|
1204
|
+
left: ${s.sp0};
|
|
1205
|
+
`}
|
|
1206
|
+
`,Ec=a(S)`
|
|
1207
|
+
clear: both;
|
|
1208
|
+
display: inline-block;
|
|
1209
|
+
overflow: hidden;
|
|
1210
|
+
white-space: nowrap;
|
|
1211
|
+
text-overflow: ellipsis;
|
|
1212
|
+
text-align: left;
|
|
1213
|
+
margin-left: ${s.sp2};
|
|
1214
|
+
color: ${({color:e})=>e};
|
|
1215
|
+
`,Hc=a(Wt)`
|
|
1216
|
+
color: ${e=>e.theme.colors.primary};
|
|
1217
|
+
width: ${s.sp3};
|
|
1218
|
+
height: ${s.sp3};
|
|
1219
|
+
`,Kc=a.div`
|
|
1220
|
+
display: flex;
|
|
1221
|
+
&:hover {
|
|
1222
|
+
.flux-section-checkbox {
|
|
1223
|
+
background-color: transparent;
|
|
1224
|
+
}
|
|
1225
|
+
}
|
|
1226
|
+
`,Yc=a.div`
|
|
1227
|
+
display: flex;
|
|
1228
|
+
width: ${s.sp8};
|
|
1229
|
+
`,Uc=a.div`
|
|
1230
|
+
display: flex;
|
|
1231
|
+
margin-left: ${s.sp7};
|
|
1232
|
+
flex: 1 1 auto;
|
|
1233
|
+
justify-content: flex-end;
|
|
1234
|
+
margin-right: calc(
|
|
1235
|
+
${k.statusContainerWidth} +
|
|
1236
|
+
${k.statusLeftMargin}
|
|
1237
|
+
);
|
|
1238
|
+
`,Zc=({balance:e,color:o})=>t.jsx(Dc,{children:t.jsx(Rc,{color:o,children:Z(e)})}),qc=vn.memo(function({currency:e,sectionId:o,selectedSectionsIds:i,backgroundColor:n,isSticky:r,treeNodeId:l,height:c,sectionName:d,hasVendors:h,sectionBalances:u,varianceAmount:g,variancePercentage:p,sectionColor:f,isScrolling:x,isOpen:b,isLeaf:y,idsForReview:j,sectionToggled:v,onSectionCheckboxClick:B}){const L=N(),[M,P]=I.useState(j.length>0),[T,K]=I.useState(!1),H=i.includes(o),Y=!y,q=j.length===Ht&&!H,ue=d?.[0]?.toUpperCase()??"",Q=I.useCallback(ne=>{B?.(o,ne.target.checked)},[o,B]);return t.jsxs(Tc,{heightValue:c,bgColor:n,children:[t.jsxs(Vc,{style:{cursor:Y?"pointer":"default"},onClick:()=>v?.(l),onMouseOver:()=>{K(!0),P(!0)},onMouseLeave:()=>{K(!1),j.length===0&&P(!1)},children:[t.jsxs(Gc,{className:"flux-section-name-container",isSticky:r,windowSize:L,bgColor:n,children:[h&&M&&b?t.jsx(Kc,{children:t.jsx(At,{"aria-label":`Toggle section ${d}`,className:"flux-section-checkbox",icon:t.jsx(Bt,{width:s.sp3,height:s.sp3}),checkedIcon:t.jsx(Hc,{}),checked:H,id:l,disabled:q,onChange:Q,onClick:ne=>ne.stopPropagation(),style:{padding:"20px",pointerEvents:q?"none":"auto"}})}):t.jsx(Yc,{}),t.jsx(ye,{color:_(f),showCollapsedIcon:!b,showIcon:T&&Y,firstLetter:ue}),t.jsx(Ec,{color:f.toString(),children:d})]}),t.jsxs(Uc,{children:[u.map((ne,je)=>t.jsx(Zc,{sectionName:d,balance:ne,color:f.toString()},je)),t.jsx(ot,{amount:g,percentage:p,currency:e})]})]}),t.jsx(Jc,{isScrolling:x,isLeaf:y,isOpen:b})]})});function Jc({isScrolling:e,isLeaf:o,isOpen:i}){return o||!i?t.jsx(yt,{isScrolling:e,kind:"section_row_separator"}):null}function Qc(){const e=N();return t.jsxs(Xc,{windowSize:e,children:[t.jsx(ve,{windowSize:e,width:k.vendorContainerWidth,marginRight:0,children:t.jsx(X,{width:w[9],height:w[4],style:{display:"flex",alignItems:"baseline"}})}),t.jsx(ve,{windowSize:e,width:k.titleWidthMedium,marginRight:0,children:t.jsx(X,{width:128,height:w[6],style:{display:"flex",alignItems:"center"}})}),t.jsx(ve,{windowSize:e,width:k.titleWidthMedium,marginRight:0,children:t.jsx(X,{width:k.rectangularContainerWidth,height:w[6],style:{display:"flex",alignItems:"center"}})}),t.jsx(ve,{windowSize:e,width:k.varianceRowSkeletonContainerWidth,children:t.jsx(X,{width:184,height:w[6],style:{display:"flex",alignItems:"center"}})}),t.jsx(ve,{windowSize:e,width:k.titleWidthSmall,children:t.jsx(X,{width:k.rectangularContainerWidth,height:w[6],style:{display:"flex",alignItems:"center"}})})]})}const Xc=a.div`
|
|
1239
|
+
display: flex;
|
|
1240
|
+
flex-direction: row;
|
|
1241
|
+
width: 100%;
|
|
1242
|
+
margin-left: ${s.sp8};
|
|
1243
|
+
`,ve=a.div`
|
|
1244
|
+
display: flex;
|
|
1245
|
+
flex-direction: row;
|
|
1246
|
+
align-items: center;
|
|
1247
|
+
margin-right: ${e=>e.marginRight!=null?`${e.marginRight}px`:s.sp4};
|
|
1248
|
+
min-width: ${e=>e.width};
|
|
1249
|
+
color: ${e=>e.theme.colors.primary};
|
|
1250
|
+
background-color: ${e=>e.theme.colors.grey4};
|
|
1251
|
+
justify-content: flex-end;
|
|
1252
|
+
:first-of-type {
|
|
1253
|
+
justify-content: flex-start;
|
|
1254
|
+
}
|
|
1255
|
+
`,{common:es,expenseAutomation:{fluxAnalysis:ts},vendors:{opExByVendor:os}}=O.getLocalizedStrings(),is=a.div`
|
|
1256
|
+
display: flex;
|
|
1257
|
+
flex: 1 1 auto;
|
|
1258
|
+
width: fit-content;
|
|
1259
|
+
min-width: 100%;
|
|
1260
|
+
height: ${e=>`${e.heightValue}px`};
|
|
1261
|
+
flex-flow: row;
|
|
1262
|
+
justify-content: flex-start;
|
|
1263
|
+
align-items: center;
|
|
1264
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1265
|
+
`,bt=a.div`
|
|
1266
|
+
display: flex;
|
|
1267
|
+
max-height: ${s.sp8};
|
|
1268
|
+
min-height: ${s.sp8};
|
|
1269
|
+
min-width: ${e=>e.width!=null?e.width:k.balanceHeaderWidth};
|
|
1270
|
+
justify-content: center;
|
|
1271
|
+
align-items: center;
|
|
1272
|
+
background-color: ${e=>e.theme.colors.background};
|
|
1273
|
+
border: 1px solid ${e=>e.theme.colors.grey3};
|
|
1274
|
+
border-radius: ${s.sp2};
|
|
1275
|
+
margin-left: ${k.balanceLeftMargin};
|
|
1276
|
+
color: ${e=>e.theme.colors.primary};
|
|
1277
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
1278
|
+
`,ns=a(S)`
|
|
1279
|
+
display: flex;
|
|
1280
|
+
flex-direction: row;
|
|
1281
|
+
justify-content: center;
|
|
1282
|
+
align-items: center;
|
|
1283
|
+
height: ${k.balanceHeight};
|
|
1284
|
+
max-width: ${k.balanceHeaderWidth};
|
|
1285
|
+
width: 138px;
|
|
1286
|
+
text-align: center;
|
|
1287
|
+
`,rs=a.div`
|
|
1288
|
+
display: flex;
|
|
1289
|
+
cursor: pointer;
|
|
1290
|
+
`,as=a.div`
|
|
1291
|
+
display: flex;
|
|
1292
|
+
cursor: pointer;
|
|
1293
|
+
justify-content: center;
|
|
1294
|
+
align-items: center;
|
|
1295
|
+
color: ${e=>e.theme.colors.primary};
|
|
1296
|
+
`,ls=a.div`
|
|
1297
|
+
display: flex;
|
|
1298
|
+
flex-direction: row;
|
|
1299
|
+
z-index: 1;
|
|
1300
|
+
background-color: ${e=>e.theme.colors.grey4};
|
|
1301
|
+
padding-left: ${s.sp8};
|
|
1302
|
+
${({isSticky:e})=>e?F`
|
|
1303
|
+
top: ${s.sp0};
|
|
1304
|
+
left: ${s.sp0};
|
|
1305
|
+
display: flex;
|
|
1306
|
+
position: sticky;
|
|
1307
|
+
`:null};
|
|
1308
|
+
`,cs=a.div`
|
|
1309
|
+
height: ${s.sp8};
|
|
1310
|
+
display: flex;
|
|
1311
|
+
flex-direction: row;
|
|
1312
|
+
align-items: center;
|
|
1313
|
+
min-width: ${k.vendorContainerWidth};
|
|
1314
|
+
color: ${e=>e.theme.colors.primary};
|
|
1315
|
+
background-color: ${e=>e.theme.colors.grey4};
|
|
1316
|
+
`,ss=a(S)`
|
|
1317
|
+
display: flex;
|
|
1318
|
+
gap: 6px;
|
|
1319
|
+
align-items: baseline;
|
|
1320
|
+
color: ${e=>e.isBulkSelected||e.isSortedByKey?e.theme.colors.primary:e.theme.colors.hero};
|
|
1321
|
+
`,kt=a.div`
|
|
1322
|
+
display: flex;
|
|
1323
|
+
cursor: pointer;
|
|
1324
|
+
`,Ct=a.div`
|
|
1325
|
+
color: ${e=>e.isBulkSelected||e.isSortedByKey?e.theme.colors.primary:e.theme.colors.hero};
|
|
1326
|
+
`,jt=a(It)`
|
|
1327
|
+
width: ${k.sortIconDimension};
|
|
1328
|
+
height: ${k.sortIconDimension};
|
|
1329
|
+
margin-left: ${s.sp2};
|
|
1330
|
+
margin-top: ${s.sp1};
|
|
1331
|
+
`,St=a(Ft)`
|
|
1332
|
+
width: ${k.sortIconDimension};
|
|
1333
|
+
height: ${k.sortIconDimension};
|
|
1334
|
+
margin-left: ${s.sp2};
|
|
1335
|
+
margin-top: ${s.sp1};
|
|
1336
|
+
`,ds=a.div`
|
|
1337
|
+
display: flex;
|
|
1338
|
+
margin-left: ${s.sp7};
|
|
1339
|
+
flex: 1 1 auto;
|
|
1340
|
+
justify-content: flex-end;
|
|
1341
|
+
`,hs=({firstMonthOfFY:e,timeframeTick:o,timeframe:i})=>t.jsx(bt,{isClickable:!1,children:t.jsx(ns,{children:We(e,o,i)})}),us=({firstMonthOfFY:e,timeframeTick:o,timeframe:i})=>t.jsx(hs,{firstMonthOfFY:e,timeframeTick:o,timeframe:i}),ps=({sortKey:e="vendor",sortOrder:o="ascending",isBulkSelected:i,onSortOrderChanged:n})=>{const r=()=>{n(o==="ascending"?"descending":"ascending","vendor")},l=e==="vendor"?o:"ascending";return t.jsx(ss,{isBulkSelected:i,isSortedByKey:e==="vendor",children:t.jsxs(kt,{onClick:r,"data-testid":m("flux-analysis-report-timeframe-row-vendor-element-row"),children:[os.vendor,t.jsx(Ct,{isBulkSelected:i,isSortedByKey:e==="vendor",children:l==="ascending"?t.jsx(jt,{}):t.jsx(St,{})})]})})};function gs({backgroundColor:e,height:o,isBulkSelected:i,sortKey:n="vendor",sortOrder:r="ascending",firstMonthOfFY:l,timeframe:c,timeframeTicks:d,onSortOrderChanged:h}){const u=N(),g=(p,f)=>{h?.(p,f)};return t.jsxs(is,{heightValue:o,bgColor:e,children:[t.jsx(ls,{className:"flux-vendor-header-sticky",windowSize:u,isSticky:!0,children:t.jsx(cs,{windowSize:u,children:t.jsx(ps,{sortKey:n,sortOrder:r,isBulkSelected:i,onSortOrderChanged:g})})}),t.jsxs(ds,{children:[d.map((p,f)=>t.jsx(us,{firstMonthOfFY:l,timeframeTick:p,timeframe:c},f)),t.jsx(bt,{isClickable:!1,width:k.varianceHeaderContainerWidth,children:t.jsxs(kt,{onClick:()=>h?.(r==="ascending"?"descending":"ascending","variance"),"data-testid":m("flux-analysis-report-timeframe-row-varianceElement"),children:[t.jsx(rs,{children:ts.variance}),t.jsx(Ct,{isBulkSelected:i,isSortedByKey:n==="variance",children:(n==="variance"?r:"ascending")==="ascending"?t.jsx(jt,{}):t.jsx(St,{})})]})}),t.jsx(bt,{isClickable:!1,width:k.statusContainerWidth,children:t.jsxs(kt,{onClick:()=>{h?.(r==="ascending"?"descending":"ascending","status")},"data-testid":m("flux-analysis-report-timeframe-row-status"),children:[t.jsx(as,{children:es.texts.reviewStatus}),t.jsx(Ct,{isBulkSelected:i,isSortedByKey:n==="status",children:(n==="status"?r:"ascending")==="ascending"?t.jsx(jt,{}):t.jsx(St,{})})]})})]})]})}const fs=a.div`
|
|
1342
|
+
display: flex;
|
|
1343
|
+
flex: 1 1 auto;
|
|
1344
|
+
width: fit-content;
|
|
1345
|
+
min-width: 100%;
|
|
1346
|
+
|
|
1347
|
+
flex-direction: column;
|
|
1348
|
+
height: ${e=>`${e.heightValue}px`};
|
|
1349
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1350
|
+
`,xs=a.div`
|
|
1351
|
+
cursor: default;
|
|
1352
|
+
user-select: none;
|
|
1353
|
+
display: flex;
|
|
1354
|
+
flex: 1 1 auto;
|
|
1355
|
+
flex-flow: row;
|
|
1356
|
+
justify-content: flex-start;
|
|
1357
|
+
align-items: center;
|
|
1358
|
+
`,ms=a.div`
|
|
1359
|
+
display: flex;
|
|
1360
|
+
flex-direction: row;
|
|
1361
|
+
`,ws=a.div`
|
|
1362
|
+
display: flex;
|
|
1363
|
+
flex-direction: row;
|
|
1364
|
+
justify-content: flex-start;
|
|
1365
|
+
align-items: center;
|
|
1366
|
+
margin-left: ${k.balanceLeftMargin};
|
|
1367
|
+
`,ys=a(ie)`
|
|
1368
|
+
user-select: none;
|
|
1369
|
+
min-width: ${k.balanceWidth};
|
|
1370
|
+
max-width: ${k.balanceWidth};
|
|
1371
|
+
text-align: right;
|
|
1372
|
+
color: ${e=>e.theme.colors.hero};
|
|
1373
|
+
border: 1px solid transparent;
|
|
1374
|
+
`,bs=a.div`
|
|
1375
|
+
display: flex;
|
|
1376
|
+
flex-direction: row;
|
|
1377
|
+
align-items: center;
|
|
1378
|
+
flex-shrink: 2;
|
|
1379
|
+
flex-grow: 1;
|
|
1380
|
+
width: ${k.titleWidth};
|
|
1381
|
+
max-width: ${k.titleWidth};
|
|
1382
|
+
height: 100%;
|
|
1383
|
+
background-color: ${e=>e.theme.colors.grey4};
|
|
1384
|
+
position: sticky;
|
|
1385
|
+
left: ${s.sp8};
|
|
1386
|
+
top: 0;
|
|
1387
|
+
z-index: 10;
|
|
1388
|
+
`,ks=a(ie)`
|
|
1389
|
+
user-select: none;
|
|
1390
|
+
clear: both;
|
|
1391
|
+
display: inline-block;
|
|
1392
|
+
overflow: hidden;
|
|
1393
|
+
white-space: nowrap;
|
|
1394
|
+
text-overflow: ellipsis;
|
|
1395
|
+
text-align: left;
|
|
1396
|
+
color: ${e=>e.theme.colors.primary};
|
|
1397
|
+
`,Cs=a.div`
|
|
1398
|
+
display: flex;
|
|
1399
|
+
width: ${k.statusContainerWidth};
|
|
1400
|
+
min-width: ${k.statusContainerWidth};
|
|
1401
|
+
justify-content: center;
|
|
1402
|
+
flex-direction: row;
|
|
1403
|
+
margin-left: ${k.statusLeftMargin};
|
|
1404
|
+
`,js=a.div`
|
|
1405
|
+
display: flex;
|
|
1406
|
+
margin-left: ${s.sp7};
|
|
1407
|
+
flex: 1 1 auto;
|
|
1408
|
+
justify-content: flex-end;
|
|
1409
|
+
`,Ss=({balance:e})=>t.jsx(ws,{children:t.jsx(ys,{children:U("0,0",e?.balance)})});function vs({type:e,height:o,title:i,totalBalances:n,varianceAmount:r,variancePercentage:l,currency:c,backgroundColor:d}){return t.jsx(fs,{"data-testid":m("total-row-root-container"),heightValue:o,bgColor:d,children:t.jsxs(xs,{"data-testid":m("total-row-container"),children:[t.jsx(bs,{className:"flux-total-row",children:t.jsx(ks,{children:i})}),t.jsxs(js,{children:[t.jsx(ms,{children:ae(e)&&n.map((h,u)=>t.jsx(Ss,{balance:h},u))}),t.jsx(ot,{amount:r,percentage:l,currency:c}),t.jsx(Cs,{})]})]})})}const $s=a.div`
|
|
1410
|
+
display: flex;
|
|
1411
|
+
flex: 1 1 auto;
|
|
1412
|
+
width: fit-content;
|
|
1413
|
+
min-width: 100%;
|
|
1414
|
+
flex-direction: column;
|
|
1415
|
+
height: ${e=>`${e.heightValue}px`};
|
|
1416
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1417
|
+
`,_s=a.div`
|
|
1418
|
+
user-select: none;
|
|
1419
|
+
display: flex;
|
|
1420
|
+
flex: 1 1 auto;
|
|
1421
|
+
flex-flow: row;
|
|
1422
|
+
justify-content: flex-start;
|
|
1423
|
+
align-items: center;
|
|
1424
|
+
cursor: pointer;
|
|
1425
|
+
color: ${e=>e.isRowExpanded?e.theme.colors.primary:e.theme.colors.hero};
|
|
1426
|
+
&:hover {
|
|
1427
|
+
color: ${e=>e.theme.colors.primary};
|
|
1428
|
+
.flux-vendor-chevron-icon,
|
|
1429
|
+
.flux-vendor-collapsable-chevron-icon,
|
|
1430
|
+
.flux-vendor-children-count {
|
|
1431
|
+
border: 1px solid ${e=>e.theme.colors.primary};
|
|
1432
|
+
}
|
|
1433
|
+
}
|
|
1434
|
+
.flux-vendor-chevron-icon,
|
|
1435
|
+
.flux-vendor-collapsable-chevron-icon,
|
|
1436
|
+
.flux-vendor-children-count {
|
|
1437
|
+
border: 1px solid
|
|
1438
|
+
${e=>e.shouldHighlight?e.theme.colors.primary:e.theme.colors.hero};
|
|
1439
|
+
}
|
|
1440
|
+
`,Ls=a.div`
|
|
1441
|
+
display: flex;
|
|
1442
|
+
flex-direction: row;
|
|
1443
|
+
justify-content: flex-start;
|
|
1444
|
+
align-items: center;
|
|
1445
|
+
margin-left: ${k.balanceLeftMargin};
|
|
1446
|
+
`,As=a(S)`
|
|
1447
|
+
user-select: none;
|
|
1448
|
+
min-width: ${k.balanceWidth};
|
|
1449
|
+
max-width: ${k.balanceWidth};
|
|
1450
|
+
text-align: right;
|
|
1451
|
+
`,Bs=a.div`
|
|
1452
|
+
display: flex;
|
|
1453
|
+
flex-direction: row;
|
|
1454
|
+
align-items: center;
|
|
1455
|
+
flex-shrink: 2;
|
|
1456
|
+
flex-grow: 1;
|
|
1457
|
+
width: ${k.titleWidth};
|
|
1458
|
+
max-width: ${k.titleWidth};
|
|
1459
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1460
|
+
${({isSticky:e})=>e?F`
|
|
1461
|
+
position: -webkit-sticky;
|
|
1462
|
+
position: sticky;
|
|
1463
|
+
top: ${s.sp0};
|
|
1464
|
+
left: ${s.sp0};
|
|
1465
|
+
`:null}
|
|
1466
|
+
`,Os=a(S)`
|
|
1467
|
+
user-select: none;
|
|
1468
|
+
clear: both;
|
|
1469
|
+
display: inline-block;
|
|
1470
|
+
overflow: hidden;
|
|
1471
|
+
white-space: nowrap;
|
|
1472
|
+
text-overflow: ellipsis;
|
|
1473
|
+
text-align: left;
|
|
1474
|
+
`,Ms=a.div`
|
|
1475
|
+
display: flex;
|
|
1476
|
+
justify-content: space-between;
|
|
1477
|
+
flex-grow: 1;
|
|
1478
|
+
`,Ws=a.div`
|
|
1479
|
+
display: flex;
|
|
1480
|
+
align-items: center;
|
|
1481
|
+
margin-left: 10px;
|
|
1482
|
+
`;a.div`
|
|
1483
|
+
display: flex;
|
|
1484
|
+
flex-shrink: 0;
|
|
1485
|
+
width: ${k.varianceContainerWidth};
|
|
1486
|
+
min-width: ${k.varianceContainerWidth};
|
|
1487
|
+
margin-left: 12px;
|
|
1488
|
+
gap: ${s.sp1};
|
|
1489
|
+
flex-direction: row;
|
|
1490
|
+
justify-content: flex-end;
|
|
1491
|
+
text-align: center;
|
|
1492
|
+
align-items: center;
|
|
1493
|
+
`;const Ns=a(mn)`
|
|
1494
|
+
width: 12px;
|
|
1495
|
+
height: 12px;
|
|
1496
|
+
`;a.div`
|
|
1497
|
+
height: ${s.sp4};
|
|
1498
|
+
border-radius: ${s.sp1};
|
|
1499
|
+
padding: 2px ${s.sp1};
|
|
1500
|
+
`;a.div`
|
|
1501
|
+
border-radius: ${s.sp1};
|
|
1502
|
+
padding: 2px ${s.sp1};
|
|
1503
|
+
height: ${s.sp4};
|
|
1504
|
+
justify-content: center;
|
|
1505
|
+
text-align: center;
|
|
1506
|
+
background-color: ${e=>e.bgColor.hex()};
|
|
1507
|
+
`;const Is=a.div`
|
|
1508
|
+
display: flex;
|
|
1509
|
+
margin-left: ${s.sp7};
|
|
1510
|
+
flex: 1 1 auto;
|
|
1511
|
+
justify-content: flex-end;
|
|
1512
|
+
`,Fs=a.div`
|
|
1513
|
+
display: flex;
|
|
1514
|
+
flex-direction: column;
|
|
1515
|
+
align-items: center;
|
|
1516
|
+
padding-top: ${e=>e.isNodeOpen?s.sp3:s.sp0};
|
|
1517
|
+
`,zs=a.div`
|
|
1518
|
+
display: flex;
|
|
1519
|
+
width: ${k.statusContainerWidth};
|
|
1520
|
+
min-width: ${k.statusContainerWidth};
|
|
1521
|
+
justify-content: center;
|
|
1522
|
+
flex-direction: row;
|
|
1523
|
+
margin-left: ${k.statusLeftMargin};
|
|
1524
|
+
`,Ps=a(we)`
|
|
1525
|
+
width: ${k.balanceWidth};
|
|
1526
|
+
max-width: ${k.balanceWidth};
|
|
1527
|
+
color: ${e=>e.theme.colors.primary};
|
|
1528
|
+
display: flex;
|
|
1529
|
+
flex: 1 0 auto;
|
|
1530
|
+
flex-direction: column;
|
|
1531
|
+
cursor: pointer;
|
|
1532
|
+
align-items: center;
|
|
1533
|
+
`,Ts=a.div`
|
|
1534
|
+
color: ${e=>e.theme.colors.grey1};
|
|
1535
|
+
border: 1px solid ${e=>e.theme.colors.grey1};
|
|
1536
|
+
padding: ${s.sp0} 6px;
|
|
1537
|
+
border-radius: ${s.sp1};
|
|
1538
|
+
width: fit-content;
|
|
1539
|
+
display: flex;
|
|
1540
|
+
align-items: center;
|
|
1541
|
+
margin-right: ${s.sp2};
|
|
1542
|
+
`,Vs=a(we)`
|
|
1543
|
+
overflow: hidden;
|
|
1544
|
+
text-overflow: ellipsis;
|
|
1545
|
+
`,Ds=a.div`
|
|
1546
|
+
display: flex;
|
|
1547
|
+
width: ${s.sp8};
|
|
1548
|
+
height: ${s.sp8};
|
|
1549
|
+
&:hover {
|
|
1550
|
+
.flux-vendor-checkbox {
|
|
1551
|
+
background-color: transparent;
|
|
1552
|
+
}
|
|
1553
|
+
}
|
|
1554
|
+
`,Rs=a(Wt)`
|
|
1555
|
+
color: ${e=>e.theme.colors.primary};
|
|
1556
|
+
width: ${s.sp3};
|
|
1557
|
+
height: ${s.sp3};
|
|
1558
|
+
`,Gs=a(we)`
|
|
1559
|
+
display: flex;
|
|
1560
|
+
flex-direction: row;
|
|
1561
|
+
align-items: center;
|
|
1562
|
+
gap: 2px;
|
|
1563
|
+
color: ${e=>e.theme.colors.success};
|
|
1564
|
+
`,Es=a(Do)`
|
|
1565
|
+
width: 12px;
|
|
1566
|
+
height: 12px;
|
|
1567
|
+
`,jo=a(Vo)`
|
|
1568
|
+
margin-left: 2px;
|
|
1569
|
+
width: 12px;
|
|
1570
|
+
height: 12px;
|
|
1571
|
+
`,Hs=a(Le)`
|
|
1572
|
+
display: flex;
|
|
1573
|
+
border-radius: 50%;
|
|
1574
|
+
width: ${s.sp4};
|
|
1575
|
+
height: ${s.sp4};
|
|
1576
|
+
text-align: center;
|
|
1577
|
+
align-items: center;
|
|
1578
|
+
justify-content: center;
|
|
1579
|
+
`,Ks=a(Le)`
|
|
1580
|
+
display: flex;
|
|
1581
|
+
border-radius: ${s.sp1};
|
|
1582
|
+
width: ${s.sp4};
|
|
1583
|
+
height: ${s.sp4};
|
|
1584
|
+
text-align: center;
|
|
1585
|
+
align-items: center;
|
|
1586
|
+
justify-content: center;
|
|
1587
|
+
margin-right: ${s.sp4};
|
|
1588
|
+
`,Ys=a(Le)`
|
|
1589
|
+
display: flex;
|
|
1590
|
+
border-radius: 100px;
|
|
1591
|
+
width: 18px;
|
|
1592
|
+
height: 18px;
|
|
1593
|
+
justify-content: center;
|
|
1594
|
+
align-items: center;
|
|
1595
|
+
margin-left: ${s.sp1};
|
|
1596
|
+
`,{common:So,expenseAutomation:Us}=O.getLocalizedStrings(),Zs=({balance:e})=>{const o=As;return t.jsx(Ls,{children:t.jsx(o,{children:Z(e)})})};function qs({fluxAnalysisEntityId:e,idsForReview:o,backgroundColor:i,isSticky:n,treeNodeId:r,height:l,leftChevron:c,varianceAmount:d,variancePercentage:h,currency:u,vendorBalances:g,reviewedByUser:p,status:f,vendor:x,isOpen:b,childrenCount:y,setHoveredParentId:j,onClick:v,handleRedirectToVendorDetailPage:B,updateOperatingExpensesIdsForReview:L}){const[M,P]=I.useState(!1),[T,K]=I.useState(o.length>0),H=o.includes(e),Y=o.includes(e),q=c==="collapsed",ue=o.length===Ht&&H===!1,Q=Os,ne=le=>{let pe=o;le.target.checked===!0?pe=[...pe,e]:pe=pe.filter(Pe=>Pe!==e),L?.(pe)},je=()=>{B?.(x)};return t.jsx($s,{heightValue:l,bgColor:i,children:t.jsxs(_s,{shouldHighlight:Y,isRowExpanded:b,onClick:()=>v?.(r),onMouseOver:()=>{P(!0),K(!0),j?.(x.id)},onMouseLeave:()=>{P(!1),o.length===0&&K(!1),j?.(null)},children:[t.jsxs(Bs,{className:"flux-vendor-name-container",bgColor:i,isSticky:n,children:[t.jsx(Ds,{className:"flux-vendor-checkbox-container",children:T?t.jsx(At,{className:"flux-vendor-checkbox",icon:t.jsx(Bt,{width:s.sp3,height:s.sp3}),checkedIcon:t.jsx(Rs,{}),checked:H,name:x.name,id:e,disabled:ue,onChange:ne,onClick:le=>le.stopPropagation(),style:{padding:"20px",pointerEvents:ue?"none":"auto"}}):null}),t.jsxs(Fs,{isNodeOpen:b,children:[M?t.jsx(Hs,{className:"flux-vendor-collapsable-chevron-icon",children:b===!1?t.jsx(jo,{}):t.jsx(Es,{})}):x.logo!=null?t.jsx(Ot,{photoUrl:x.logo.toString(),styles:{width:w[4],height:w[4]}}):t.jsx(Mt,{name:x.name,size:s.sp4}),b?t.jsx(Ai,{height:k.vendorLineComponentHeight}):null]}),t.jsxs(Ms,{children:[t.jsxs(Ws,{children:[t.jsx(Q,{children:x.name}),b?null:t.jsx(Ys,{className:"flux-vendor-children-count",children:t.jsx(Le,{children:y})})]}),M?t.jsx(I.Fragment,{children:t.jsx(Ks,{className:"flux-vendor-chevron-icon",onClick:je,"data-testid":m("flux-analysis-report-vendorElement-row"),children:t.jsx(jo,{})})}):null]})]}),t.jsxs(Is,{children:[g.map((le,pe)=>t.jsx(Zs,{balance:le,collapsed:q},pe)),t.jsx(ot,{amount:d,percentage:h,currency:u}),t.jsx(zs,{children:f==="Pending Review"?t.jsx(Ts,{children:t.jsx(Vs,{children:So.status.pending})}):t.jsx(t.Fragment,{children:t.jsx(Ps,{className:"vendor-flux-analysis-review-info",children:p!=null?t.jsxs(I.Fragment,{children:[t.jsxs(Gs,{children:[t.jsx(Ns,{}),Us.fluxAnalysis.reviewedBy]}),t.jsx(Le,{children:hn(p)})]}):So.strings.hyphen})})})]})]})})}const vo={generalExpense:{color:new _(V.graphColor04),hoverColor:new _(V.graphColor04Dark)},reimbursement:{color:new _(V.graphColor10),hoverColor:new _(V.graphColor10Dark)},default:{color:new _(ee.neutralGrey2Dark),hoverColor:new _(ee.neutralGrey2Dark)}},Js=(e,o)=>e.startsWith("flux_analysis_operating_expense")===!0&&o!=null?vo[o]:vo.default,Kt=(e,o)=>{const{element:i}=e;return i.kind===o&&i.data!=null},Wi=e=>ic(e.balancesByMonth),Qs=(e,o,i,n,r,l,c,d,h)=>{if(!Kt(o,"flux_vendor_account_class_row"))return null;const u=o.element.data,g=Wi(u),p=o.element.metadata.vendorId;return t.jsx(Wc,{backgroundColor:i,isSticky:n,treeNodeId:e,balances:g,varianceAmount:u.varianceAmount,variancePercentage:u.variancePercentage,currency:u.currency,isScrolling:r,isLeaf:l,isLastNode:c,nodeMetadata:o.element.metadata,accountAndClass:u,onAccountAndClassBalanceClick:()=>h?.(p),isHoveredByParent:d?.hoveredParentId===p})},Xs=(e,o,i,n,r,l,c,d,h,u,g)=>{if(!Kt(o,"flux_vendor_row"))return null;const p=o.element.data,f=Wi(p),x=Bi("flux_vendor_row",h),b=y=>{g?.(y),o.config.fluxAnalysisConfig?.updateNodeCollapsableStatus(y)};return t.jsx(qs,{backgroundColor:i,isSticky:n,treeNodeId:e,fluxAnalysisEntityId:p.fluxAnalysisEntityId,height:x,leftChevron:"collapsed",idsForReview:o.config.fluxAnalysisConfig?.reviewOpExIds??[],vendor:p.vendor,vendorBalances:f,varianceAmount:p.varianceAmount,variancePercentage:p.variancePercentage,status:p.status,currency:p.currency,isScrolling:r,isOpen:l,isLeaf:c,isLastNode:d,childrenCount:p.vendorAccountsAndClasses.length,onClick:y=>{b?.(y)},reviewedByUser:p.reviewedByUser,updateOperatingExpensesIdsForReview:o.config.fluxAnalysisConfig?.updateOperatingExpensesIdsForReview,handleRedirectToVendorDetailPage:o.config.fluxAnalysisConfig?.handleRedirectToVendorDetailPage,setHoveredParentId:u?.setHoveredParentId})},ed=(e,o,i,n,r,l,c,d,h,u)=>{if(!Kt(o,"section"))return null;const g=Js(o.config.reportId,o.element.sectionType),p=o.element.data,f=x=>{o.config.fluxAnalysisConfig?.onSectionRowClick(x),u?.(x)};return t.jsx(qc,{backgroundColor:n,isSticky:r,treeNodeId:e,height:i,selectedSectionsIds:o.config.fluxAnalysisConfig?.reviewSectionIds??[],idsForReview:o.config.fluxAnalysisConfig?.reviewOpExIds??[],sectionColor:g.color,sectionName:o.element.title,sectionBalances:p.balances,varianceAmount:p.varianceAmount,variancePercentage:p.variancePercentage,currency:p.currency,isScrolling:l,isOpen:c,hasVendors:p.vendors.length>0,isLeaf:d,isLastNode:h,sectionToggled:x=>{f?.(x)},onSectionCheckboxClick:o.config.fluxAnalysisConfig?.onSectionCheckboxClick,sectionId:p.sectionId})},td=(e,o,i)=>{if(e.element.kind!=="timeframe_headers")return null;const n=Ne(e.element.data,e.config.displayOrder),r=n.length>0?n[0].balanceTimeFrame:"month",l=n.map(d=>A.toTimeframeTick(d)),c=(d,h)=>{e.config.fluxAnalysisConfig?.setIsSortApplied?.(!0),e.config.fluxAnalysisConfig?.onSortOrderChanged(d,h)};return t.jsx(gs,{isSticky:i,height:o,firstMonthOfFY:e.config.firstMonthOfFY,timeframe:r,timeframeTicks:l,isBulkSelected:e.config.fluxAnalysisConfig?.reviewOpExIds.length===Ht,onSortOrderChanged:c,sortOrder:e.config.fluxAnalysisConfig?.sortOrder,sortKey:e.config.fluxAnalysisConfig?.sortKey})},od=(e,o)=>{if(e.element.kind!=="total")return null;const i=e.element.data;return t.jsx(vs,{type:"name+balances_actual",title:e.element.title,totalBalances:i.balances,varianceAmount:i.varianceAmount,variancePercentage:i.variancePercentage,currency:i.currency,height:o})},id=e=>e.element.kind!=="loading_in_progress"?null:t.jsx(Ic,{}),nd=e=>e.element.kind!=="headers_loading_in_progress"?null:t.jsx(Qc,{}),rd=a.div`
|
|
1597
|
+
display: flex;
|
|
1598
|
+
flex: 1 1 auto;
|
|
1599
|
+
width: fit-content;
|
|
1600
|
+
min-width: 100%;
|
|
1601
|
+
flex-direction: column;
|
|
1602
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1603
|
+
`,ad=a.div`
|
|
1604
|
+
user-select: none;
|
|
1605
|
+
display: flex;
|
|
1606
|
+
flex: 1 1 auto;
|
|
1607
|
+
flex-flow: row;
|
|
1608
|
+
justify-content: flex-start;
|
|
1609
|
+
align-items: center;
|
|
1610
|
+
height: ${e=>e.height}px;
|
|
1611
|
+
margin-left: ${e=>e.level*20}px;
|
|
1612
|
+
`,ld=a.div`
|
|
1613
|
+
display: flex;
|
|
1614
|
+
flex-direction: row;
|
|
1615
|
+
align-items: center;
|
|
1616
|
+
justify-content: space-between;
|
|
1617
|
+
&:hover {
|
|
1618
|
+
background-color: null;
|
|
1619
|
+
}
|
|
1620
|
+
width: 100%;
|
|
1621
|
+
`,cd=a(un)`
|
|
1622
|
+
width: 100%;
|
|
1623
|
+
display: flex;
|
|
1624
|
+
align-items: center;
|
|
1625
|
+
font-weight: ${e=>e.isSubclass?ho.regular:ho.medium};
|
|
1626
|
+
color: ${e=>e.checked?e.theme.colors.primary:e.theme.colors.hero};
|
|
1627
|
+
`,sd=a(we)`
|
|
1628
|
+
display: flex;
|
|
1629
|
+
color: ${e=>e.theme.colors.primary};
|
|
1630
|
+
align-items: center;
|
|
1631
|
+
flex-direction: row;
|
|
1632
|
+
justify-content: center;
|
|
1633
|
+
height: 18px;
|
|
1634
|
+
border: 1px solid ${e=>e.theme.colors.primary};
|
|
1635
|
+
border-radius: ${s.sp1};
|
|
1636
|
+
margin: 0 ${s.sp5} 0 ${s.sp3};
|
|
1637
|
+
min-width: ${s.sp6};
|
|
1638
|
+
`,dd=a(Wt)`
|
|
1639
|
+
color: ${e=>e.theme.colors.primary};
|
|
1640
|
+
width: ${s.sp3};
|
|
1641
|
+
height: ${s.sp3};
|
|
1642
|
+
`;function hd({backgroundColor:e,treeNodeId:o,classId:i,isChecked:n,isDisabled:r,height:l,nestedClass:c,isLeaf:d,showClassAccountNumber:h,onClick:u,onToggleCheck:g}){const[p,f]=I.useState(!1);return t.jsx(rd,{"data-testid":m("name-with-checkbox-row-root-container",o),bgColor:e,children:t.jsxs(ad,{"data-testid":m("name-with-checkbox-row-container",o),height:l,isClickable:!d,onClick:()=>u?.(o),onMouseOver:()=>f(!0),onMouseLeave:()=>f(!1),level:c.classId.length,children:[t.jsx(At,{"data-testid":m("name-with-checkbox-row-checkbox",c.classId.toString()),icon:t.jsx(Bt,{width:s.sp3,height:s.sp3}),checkedIcon:t.jsx(dd,{}),checked:n,name:c.className,id:o,disabled:r,onChange:x=>{g?.(i,x.target.checked)},style:{height:s.sp6}})," ",t.jsx(ld,{children:t.jsxs(cd,{"data-testid":m("name-with-checkbox-row-label-container",o),checked:n,isSubclass:c.classId.length>1,children:[t.jsx("label",{"data-testid":m("name-with-checkbox-row-label",c.classId.toString()),style:{flexGrow:2,cursor:"pointer"},onClick:()=>{g?.(i,!n)},children:c.className}),p===!0&&h===!0&&c.accountingClassNumber!=null&&t.jsx(sd,{children:c.accountingClassNumber})]})})]})})}const ud=(e,o,i,n,r,l,c,d,h,u,g)=>{if(i.element.kind!="checkbox_and_name_only")return null;const p=i.element.data,f=i.config.isClassToBeFilteredOut?.(p.classId)===!1;return t.jsx(hd,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,classId:p.classId,isChecked:f,isDisabled:!1,height:n,isScrolling:c,nestedClass:p,isOpen:d,isLeaf:h,isLastNode:u,showClassAccountNumber:i.config.showClassAccountNumber,onToggleCheck:g})},W={balanceHeight:s.sp4,balanceWidth:"166px",balanceLeftMargin:s.sp4,titleWidth:new D(200,270,270),categoryClassWidth:new D(230,230,240),nameLogoWidth:new D(w[4],w[4]),nameLogoHeight:new D(w[4],w[4])};function pd(e){switch(e){case"timeframe_headers":return w[11];case"vendor_row":return w[6];case"total":return w[8];case"loading_in_progress":return w[6];case"spacer_row":return w[8];case"title_string_only":return w[8];default:return 0}}function gd(e,o){return!1}const fd=a.div`
|
|
1643
|
+
user-select: none;
|
|
1644
|
+
display: flex;
|
|
1645
|
+
flex: 1 1 auto;
|
|
1646
|
+
width: fit-content;
|
|
1647
|
+
min-width: 100%;
|
|
1648
|
+
height: ${e=>e.height}px;
|
|
1649
|
+
flex-flow: row;
|
|
1650
|
+
justify-content: flex-start;
|
|
1651
|
+
align-items: center;
|
|
1652
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1653
|
+
`,xd=a.div`
|
|
1654
|
+
user-select: none;
|
|
1655
|
+
display: flex;
|
|
1656
|
+
flex: 1 1 auto;
|
|
1657
|
+
width: 100vw;
|
|
1658
|
+
min-width: 100%;
|
|
1659
|
+
height: ${e=>e.height}px;
|
|
1660
|
+
flex-flow: row;
|
|
1661
|
+
align-items: center;
|
|
1662
|
+
justify-content: center;
|
|
1663
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1664
|
+
`,md=a.div`
|
|
1665
|
+
display: flex;
|
|
1666
|
+
flex: 1 0 auto;
|
|
1667
|
+
flex-direction: row;
|
|
1668
|
+
justify-content: flex-end;
|
|
1669
|
+
`,$o=a(S)`
|
|
1670
|
+
color: ${e=>e.theme.colors.hero};
|
|
1671
|
+
flex-grow: 1;
|
|
1672
|
+
-webkit-box-orient: vertical;
|
|
1673
|
+
justify-content: ${e=>e.isClubbed===!0?"unset":"flex-end"};
|
|
1674
|
+
display: flex;
|
|
1675
|
+
min-width: ${W.balanceWidth};
|
|
1676
|
+
max-width: ${W.balanceWidth};
|
|
1677
|
+
margin-left: ${e=>e.isClubbed===!0?s.sp2:W.balanceLeftMargin};
|
|
1678
|
+
border: 1px solid transparent;
|
|
1679
|
+
`,_o=a(S)`
|
|
1680
|
+
color: ${e=>e.theme.colors.hero};
|
|
1681
|
+
flex-grow: 1;
|
|
1682
|
+
-webkit-box-orient: vertical;
|
|
1683
|
+
justify-content: "unset";
|
|
1684
|
+
display: flex;
|
|
1685
|
+
min-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
|
|
1686
|
+
`,wd=a.div`
|
|
1687
|
+
height: 100%;
|
|
1688
|
+
display: flex;
|
|
1689
|
+
flex-direction: row;
|
|
1690
|
+
align-items: center;
|
|
1691
|
+
min-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
|
|
1692
|
+
color: ${e=>e.theme.colors.primary};
|
|
1693
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1694
|
+
${({isSticky:e})=>e?F`
|
|
1695
|
+
position: -webkit-sticky;
|
|
1696
|
+
position: sticky;
|
|
1697
|
+
top: ${s.sp0};
|
|
1698
|
+
left: ${s.sp0};
|
|
1699
|
+
z-index: 20;
|
|
1700
|
+
`:null}
|
|
1701
|
+
`;function yd({backgroundColor:e,isSticky:o,height:i,isAccountColumnShown:n,isClassColumnShown:r,timeframeTicks:l}){const c=N();return l.length>0?t.jsxs(fd,{height:i,bgColor:e,"data-testid":m("opex-vendor-loading-in-progress-row"),children:[t.jsxs(wd,{"data-testid":m("opex-vendor-loading-in-progress-row-name"),isSticky:o,windowSize:c,bgColor:e,children:[t.jsx(To,{width:w[4],height:w[4]}),t.jsx($o,{windowSize:c,isClubbed:!0,children:t.jsx(X,{width:120,height:w[4]})})]}),t.jsxs(md,{children:[n?t.jsx(_o,{windowSize:c,children:t.jsx(X,{width:120,height:w[4]})}):null,r?t.jsx(_o,{windowSize:c,children:t.jsx(X,{width:120,height:w[4]})}):null,l.map((d,h)=>t.jsx($o,{windowSize:c,children:t.jsx(X,{width:120,height:w[4]})},`${h}RowItem`))]})]}):t.jsx(xd,{height:i,bgColor:e,children:t.jsx(dn,{size:"Small",start:!0})})}const bd=a.div`
|
|
1702
|
+
user-select: none;
|
|
1703
|
+
display: flex;
|
|
1704
|
+
flex: 1 1 auto;
|
|
1705
|
+
width: fit-content;
|
|
1706
|
+
min-width: 100%;
|
|
1707
|
+
height: ${e=>e.height}px;
|
|
1708
|
+
flex-flow: row;
|
|
1709
|
+
justify-content: flex-start;
|
|
1710
|
+
align-items: center;
|
|
1711
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1712
|
+
`,gt=a.div``,kd=a.div`
|
|
1713
|
+
display: flex;
|
|
1714
|
+
flex: 1 0 auto;
|
|
1715
|
+
flex-direction: row;
|
|
1716
|
+
justify-content: flex-end;
|
|
1717
|
+
`,Cd=a(S)`
|
|
1718
|
+
user-select: none;
|
|
1719
|
+
clear: both;
|
|
1720
|
+
display: inline-block;
|
|
1721
|
+
overflow: hidden;
|
|
1722
|
+
white-space: nowrap;
|
|
1723
|
+
text-overflow: ellipsis;
|
|
1724
|
+
text-align: left;
|
|
1725
|
+
margin-left: ${s.sp2};
|
|
1726
|
+
color: ${e=>e.theme.colors.hero};
|
|
1727
|
+
`,jd=a(S)`
|
|
1728
|
+
color: ${e=>e.theme.colors.hero};
|
|
1729
|
+
flex-grow: 1;
|
|
1730
|
+
-webkit-box-orient: vertical;
|
|
1731
|
+
display: flex;
|
|
1732
|
+
min-width: ${W.balanceWidth};
|
|
1733
|
+
max-width: ${W.balanceWidth};
|
|
1734
|
+
border: 1px solid transparent;
|
|
1735
|
+
`,Lo=a(S)`
|
|
1736
|
+
color: ${e=>e.theme.colors.hero};
|
|
1737
|
+
flex-grow: 1;
|
|
1738
|
+
-webkit-box-orient: vertical;
|
|
1739
|
+
justify-content: "unset";
|
|
1740
|
+
display: flex;
|
|
1741
|
+
min-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
|
|
1742
|
+
`,Sd=a.div`
|
|
1743
|
+
height: 100%;
|
|
1744
|
+
display: flex;
|
|
1745
|
+
flex-direction: row;
|
|
1746
|
+
align-items: center;
|
|
1747
|
+
min-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
|
|
1748
|
+
color: ${e=>e.theme.colors.primary};
|
|
1749
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1750
|
+
${({isSticky:e})=>e?F`
|
|
1751
|
+
position: -webkit-sticky;
|
|
1752
|
+
position: sticky;
|
|
1753
|
+
top: ${s.sp0};
|
|
1754
|
+
left: ${s.sp0};
|
|
1755
|
+
z-index: 20;
|
|
1756
|
+
`:null}
|
|
1757
|
+
`;function vd({backgroundColor:e,isSticky:o,height:i,isAccountColumnShown:n,isClassColumnShown:r,timeframeTicks:l}){const c=N();return t.jsxs(bd,{height:i,bgColor:e,"data-testid":m("no-results-found-title-row"),children:[t.jsx(Sd,{isSticky:o,windowSize:c,bgColor:e,children:t.jsx(Cd,{children:O.getLocalizedStrings().vendors.opExByVendor.noResultsFound})}),t.jsxs(kd,{children:[n?t.jsx(Lo,{windowSize:c,children:t.jsx(gt,{})}):null,r?t.jsx(Lo,{windowSize:c,children:t.jsx(gt,{})}):null,l.map((d,h)=>t.jsx(jd,{windowSize:c,children:t.jsx(gt,{children:" "})},`${h}RowItem`))]})]})}a.div`
|
|
1758
|
+
user-select: none;
|
|
1759
|
+
display: flex;
|
|
1760
|
+
flex: 1 1 auto;
|
|
1761
|
+
width: fit-content;
|
|
1762
|
+
min-width: 100%;
|
|
1763
|
+
height: ${e=>e.heightValue}px;
|
|
1764
|
+
flex-flow: row;
|
|
1765
|
+
justify-content: flex-start;
|
|
1766
|
+
align-items: center;
|
|
1767
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1768
|
+
`;a.div`
|
|
1769
|
+
display: flex;
|
|
1770
|
+
flex: 1 0 auto;
|
|
1771
|
+
flex-direction: row;
|
|
1772
|
+
justify-content: flex-end;
|
|
1773
|
+
`;a.div`
|
|
1774
|
+
height: 100%;
|
|
1775
|
+
display: flex;
|
|
1776
|
+
flex-direction: row;
|
|
1777
|
+
align-items: center;
|
|
1778
|
+
min-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
|
|
1779
|
+
color: ${e=>e.theme.colors.primary};
|
|
1780
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1781
|
+
${({isSticky:e})=>e?F`
|
|
1782
|
+
position: -webkit-sticky;
|
|
1783
|
+
position: sticky;
|
|
1784
|
+
top: ${s.sp0};
|
|
1785
|
+
left: ${s.sp0};
|
|
1786
|
+
z-index: 20;
|
|
1787
|
+
`:null}
|
|
1788
|
+
`;function Yt({title:e,selectedMode:o,onCompareModeChanged:i,backgroundColor:n,optionBackgroundColor:r,selectedOptionBackgroundColor:l,optionTextStyle:c,titleTextStyle:d,titleTextAlignment:h,titleColor:u,menuPosition:g}){const p=["compare_mode_percent","compare_mode_amount"],f=x=>O.getLocalizedStrings().compareMode[x];return t.jsx(wn,{title:e,pickerValues:p,valueToLabel:f,selectedValue:o,onPickerSelectionChanged:x=>i(x),optionTextStyle:c,titleTextStyle:d,titleTextAlignment:h,titleColor:u,optionBackgroundColor:r,selectedOptionBackgroundColor:l,backgroundColor:n??"inherit",menuPosition:g})}const vt={balanceHeight:s.sp4,balanceWidthInPx:170,balanceLeftMargin:s.sp4},$d=a.div`
|
|
1789
|
+
margin-left: ${s.sp4};
|
|
1790
|
+
`,_d=a.div`
|
|
1791
|
+
display: flex;
|
|
1792
|
+
max-height: 54px;
|
|
1793
|
+
min-height: 54px;
|
|
1794
|
+
align-items: center;
|
|
1795
|
+
justify-content: center;
|
|
1796
|
+
max-width: ${vt.balanceWidthInPx-2}px;
|
|
1797
|
+
min-width: ${vt.balanceWidthInPx-2}px;
|
|
1798
|
+
background-color: ${e=>e.theme.colors.background};
|
|
1799
|
+
border: 1px solid ${e=>e.theme.colors.grey3};
|
|
1800
|
+
border-radius: ${s.sp2};
|
|
1801
|
+
color: ${e=>e.theme.colors.primary};
|
|
1802
|
+
`,Ld=a(S)`
|
|
1803
|
+
display: flex;
|
|
1804
|
+
user-select: none;
|
|
1805
|
+
flex-direction: row;
|
|
1806
|
+
justify-content: center;
|
|
1807
|
+
align-items: center;
|
|
1808
|
+
height: ${vt.balanceHeight};
|
|
1809
|
+
`,Ad=a.div`
|
|
1810
|
+
display: flex;
|
|
1811
|
+
flex-direction: row;
|
|
1812
|
+
justify-content: center;
|
|
1813
|
+
align-items: center;
|
|
1814
|
+
padding: 3px 6px;
|
|
1815
|
+
margin-right: ${s.sp2};
|
|
1816
|
+
position: relative;
|
|
1817
|
+
top: -12px;
|
|
1818
|
+
`,Bd=a(Sn)`
|
|
1819
|
+
color: ${e=>e.tagType==="under_review"?ee.neutralGrey5Light:e.theme.mode==="light"?ee.primaryDark:ee.primaryLight};
|
|
1820
|
+
border-radius: ${s.sp2};
|
|
1821
|
+
padding: 3px 6px;
|
|
1822
|
+
margin-left: 12px;
|
|
1823
|
+
background: ${e=>e.tagType==="under_review"?ee.alertDark:e.theme.mode==="light"?ee.championLight:ee.championDark};
|
|
1824
|
+
`,Od=a(jn)`
|
|
1825
|
+
color: ${e=>e.theme.colors.hero};
|
|
1826
|
+
margin-left: 5px;
|
|
1827
|
+
height: ${s.sp3};
|
|
1828
|
+
width: ${s.sp3};
|
|
1829
|
+
margin-top: ${s.sp1};
|
|
1830
|
+
`;function Ni({firstMonthOfFY:e,timeframeTick:o,timeframe:i,tagName:n,infoContent:r,tagType:l}){return t.jsxs($d,{children:[t.jsxs(_d,{children:[t.jsx(Ld,{children:We(e,o,i)}),t.jsx(Cn,{style:{padding:s.sp3},title:r,placement:"top",children:t.jsx(Od,{})})]}),t.jsx(Ad,{children:t.jsx(Bd,{tagType:l,children:n})})]})}const Ii=(e,o)=>{const i=O.getLocalizedStrings().reports;switch(o){case"month":return e!=null?e==="under_review"?i.bookCloseUnderReviewInfoMonth:i.bookCloseIncompleteInfoMonth:void 0;case"quarter":return e!=null?e==="under_review"?i.bookCloseUnderReviewInfoQuarter:i.bookCloseIncompleteInfoQuarter:void 0;case"year":return e!=null?e==="under_review"?i.bookCloseUnderReviewInfoYear:i.bookCloseIncompleteInfoYear:void 0;default:return}},Md=a.div`
|
|
1831
|
+
user-select: none;
|
|
1832
|
+
display: flex;
|
|
1833
|
+
flex: 1 1 auto;
|
|
1834
|
+
width: fit-content;
|
|
1835
|
+
min-width: 100%;
|
|
1836
|
+
height: ${e=>e.height}px;
|
|
1837
|
+
flex-flow: row;
|
|
1838
|
+
justify-content: flex-start;
|
|
1839
|
+
align-items: center;
|
|
1840
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1841
|
+
`,Wd=a.div`
|
|
1842
|
+
display: flex;
|
|
1843
|
+
flex: 1 0 auto;
|
|
1844
|
+
flex-direction: row;
|
|
1845
|
+
justify-content: flex-end;
|
|
1846
|
+
`,Fi=a.div`
|
|
1847
|
+
display: flex;
|
|
1848
|
+
max-height: ${s.sp8};
|
|
1849
|
+
min-height: ${s.sp8};
|
|
1850
|
+
min-width: ${W.balanceWidth};
|
|
1851
|
+
justify-content: center;
|
|
1852
|
+
align-items: center;
|
|
1853
|
+
background-color: ${e=>e.theme.colors.background};
|
|
1854
|
+
border: 1px solid ${e=>e.theme.colors.grey3};
|
|
1855
|
+
border-radius: ${s.sp2};
|
|
1856
|
+
margin-left: ${W.balanceLeftMargin};
|
|
1857
|
+
color: ${e=>e.theme.colors.primary};
|
|
1858
|
+
cursor: ${e=>e.isClickable===!0?"pointer":"default"};
|
|
1859
|
+
`,zi=a(S)`
|
|
1860
|
+
display: flex;
|
|
1861
|
+
user-select: none;
|
|
1862
|
+
flex-direction: row;
|
|
1863
|
+
justify-content: center;
|
|
1864
|
+
align-items: center;
|
|
1865
|
+
height: ${W.balanceHeight};
|
|
1866
|
+
max-width: ${W.balanceWidth};
|
|
1867
|
+
width: 138px;
|
|
1868
|
+
text-align: center;
|
|
1869
|
+
`,Nd=a.div`
|
|
1870
|
+
display: flex;
|
|
1871
|
+
flex-direction: row;
|
|
1872
|
+
z-index: 1;
|
|
1873
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1874
|
+
${({isSticky:e})=>e?F`
|
|
1875
|
+
position: -webkit-sticky;
|
|
1876
|
+
position: sticky;
|
|
1877
|
+
top: ${s.sp0};
|
|
1878
|
+
left: ${s.sp0};
|
|
1879
|
+
z-index: 1;
|
|
1880
|
+
`:null}
|
|
1881
|
+
`,Id=a.div`
|
|
1882
|
+
max-height: ${e=>e.plHeight}px;
|
|
1883
|
+
min-height: ${e=>e.plHeight}px;
|
|
1884
|
+
display: flex;
|
|
1885
|
+
flex-direction: row;
|
|
1886
|
+
align-items: center;
|
|
1887
|
+
min-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
|
|
1888
|
+
color: ${e=>e.theme.colors.primary};
|
|
1889
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1890
|
+
`,Fd=a(S)`
|
|
1891
|
+
display: flex;
|
|
1892
|
+
gap: 6px;
|
|
1893
|
+
align-items: baseline;
|
|
1894
|
+
color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.grey1};
|
|
1895
|
+
`,Pi=a(S)`
|
|
1896
|
+
height: 100%;
|
|
1897
|
+
align-self: center;
|
|
1898
|
+
align-items: baseline;
|
|
1899
|
+
min-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
|
|
1900
|
+
color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.grey1};
|
|
1901
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1902
|
+
display: flex;
|
|
1903
|
+
gap: 6px;
|
|
1904
|
+
align-items: center;
|
|
1905
|
+
`,Ut=a.div`
|
|
1906
|
+
display: flex;
|
|
1907
|
+
cursor: pointer;
|
|
1908
|
+
`,zd=a.div`
|
|
1909
|
+
display: flex;
|
|
1910
|
+
justify-content: center;
|
|
1911
|
+
align-items: center;
|
|
1912
|
+
color: ${e=>e.theme.colors.champion};
|
|
1913
|
+
`,Pd=a.div``,Td=a(S)`
|
|
1914
|
+
display: flex;
|
|
1915
|
+
justify-content: center;
|
|
1916
|
+
align-items: center;
|
|
1917
|
+
max-height: ${s.sp8};
|
|
1918
|
+
min-height: ${s.sp8};
|
|
1919
|
+
background-color: ${e=>e.theme.colors.background};
|
|
1920
|
+
border: 1px solid ${e=>e.theme.colors.grey3};
|
|
1921
|
+
border-radius: ${s.sp2};
|
|
1922
|
+
margin-left: ${W.balanceLeftMargin};
|
|
1923
|
+
color: ${e=>e.theme.colors.primary};
|
|
1924
|
+
width: ${W.balanceWidth};
|
|
1925
|
+
min-width: ${W.balanceWidth};
|
|
1926
|
+
`,Ti=a.div`
|
|
1927
|
+
max-height: ${s.sp8};
|
|
1928
|
+
min-height: ${s.sp8};
|
|
1929
|
+
`,it=a.div`
|
|
1930
|
+
color: ${e=>e.selectedForSort?e.theme.colors.primary:e.theme.colors.hero};
|
|
1931
|
+
`,nt=a(Ft)`
|
|
1932
|
+
width: 12px;
|
|
1933
|
+
height: 12px;
|
|
1934
|
+
margin-left: ${s.sp2};
|
|
1935
|
+
margin-top: ${s.sp1};
|
|
1936
|
+
`,rt=a(It)`
|
|
1937
|
+
width: 12px;
|
|
1938
|
+
height: 12px;
|
|
1939
|
+
margin-left: ${s.sp2};
|
|
1940
|
+
margin-top: ${s.sp1};
|
|
1941
|
+
`,Zt=a(Eo)`
|
|
1942
|
+
width: 12px;
|
|
1943
|
+
height: 12px;
|
|
1944
|
+
cursor: pointer;
|
|
1945
|
+
color: ${e=>e.theme.colors.hero};
|
|
1946
|
+
`,Vi=({sortOrder:e,sortKey:o,onSortOrderChanged:i})=>{const n=()=>{i(at("totals",e,o),"totals")},r=o==="totals"?e:"ascending";return t.jsx(Ti,{"data-testid":m("period-total-tick"),children:t.jsx(Fi,{"data-testid":m("period-total-tick-element"),onClick:n,isClickable:!0,children:t.jsxs(zi,{children:[O.getLocalizedStrings().vendors.opExByVendor.periodTotal,t.jsx(it,{selectedForSort:o==="totals",children:r==="ascending"?t.jsx(rt,{}):t.jsx(nt,{})})]})})})},Vd=({sortKey:e="totals",sortOrder:o="ascending",onSortOrderChanged:i,onSortCancel:n})=>{const r=()=>{i(at("vendor",o,e),"vendor")},l=e==="vendor"?o:"ascending";return t.jsxs(Fd,{selectedForSort:e==="vendor",children:[t.jsxs(Ut,{onClick:r,children:[O.getLocalizedStrings().vendors.opExByVendor.vendor,t.jsx(it,{selectedForSort:e==="vendor",children:l==="ascending"?t.jsx(rt,{}):t.jsx(nt,{})})]}),e==="vendor"?t.jsx(Zt,{onClick:n}):null]})},Dd=({sortKey:e="totals",sortOrder:o="ascending",onSortOrderChanged:i,onSortCancel:n})=>{const r=()=>{i(at("account",o,e),"account")},l=e==="account"?o:"ascending",c=N();return t.jsxs(Pi,{selectedForSort:e==="account",windowSize:c,children:[t.jsxs(Ut,{onClick:r,children:[O.getLocalizedStrings().vendors.opExByVendor.category,t.jsx(it,{selectedForSort:e==="account",children:l==="ascending"?t.jsx(rt,{}):t.jsx(nt,{})})]}),e==="account"?t.jsx(Zt,{onClick:n}):null]})},Rd=({sortKey:e="totals",sortOrder:o="ascending",onSortOrderChanged:i,onSortCancel:n})=>{const r=()=>{i(at("class",o,e),"class")},l=e==="class"?o:"ascending",c=N();return t.jsxs(Pi,{selectedForSort:e==="class",windowSize:c,children:[t.jsxs(Ut,{onClick:r,children:[O.getLocalizedStrings().vendors.opExByVendor.class,t.jsx(it,{selectedForSort:e==="class",children:l==="ascending"?t.jsx(rt,{}):t.jsx(nt,{})})]}),e==="class"?t.jsx(Zt,{onClick:n}):null]})},Di=({firstMonthOfFY:e,timeframeTick:o,timeframe:i,dataAvailable:n,bookCloseDate:r})=>{const l=O.getLocalizedStrings().reports,c=r!=null&&n!=null&&(o.balanceType==="default"||o.balanceType==="default_with_percent")?A.getTimeframeTickTag(i,e,o,r,n):void 0,d=c!=null?c==="under_review"?l.bookCloseTagUnderReview:l.bookCloseTagInProgress:void 0,h=Ii(c,i);return t.jsx(Ti,{children:r!=null&&n!=null&&c!=null&&d!=null&&h!=null?t.jsx(Ni,{firstMonthOfFY:e,timeframeTick:o,timeframe:i,tagName:d,infoContent:h,tagType:c}):t.jsx(Fi,{isClickable:!1,children:t.jsx(zi,{children:We(e,o,i)})})})},Gd=({firstMonthOfFY:e,timeframeTick:o,timeframe:i,sortKey:n="totals",sortOrder:r="ascending",dataAvailable:l,bookCloseDate:c,onSortOrderChanged:d})=>o.balanceType==="period_total"?t.jsx(Vi,{sortKey:n,sortOrder:r,onSortOrderChanged:d}):t.jsx(Di,{firstMonthOfFY:e,timeframeTick:o,timeframe:i,dataAvailable:l,bookCloseDate:c}),Ed=({firstMonthOfFY:e,timeframeTicks:o,timeframe:i,compareMode:n,sortKey:r="totals",sortOrder:l="ascending",dataAvailable:c,bookCloseDate:d,onCompareModeChanged:h,onSortOrderChanged:u})=>{const g=se(),p=n==="compare_mode_amount"?`${O.getLocalizedStrings().compareMode.changePrefix} ${o[0].currencySymbol}`:O.getLocalizedStrings().compareMode.changePercent;return t.jsx(zd,{children:o.map((f,x)=>t.jsxs(I.Fragment,{children:[f.balanceType==="this_period_vs_last_period"||f.balanceType==="this_period_vs_last_period_percent"?t.jsx(Td,{children:t.jsx(Yt,{title:p,titleTextStyle:Nt.standardRegular,titleTextAlignment:"flex-end",titleColor:g.colors.primary,selectedMode:n,menuPosition:"right",onCompareModeChanged:b=>{b!=="off"&&(b==="compare_mode_amount"||b==="compare_mode_percent"?h?.(b):console.warn("Invalid compare mode option"))}})}):null,f.balanceType==="period_total"?t.jsx(Vi,{sortKey:r,sortOrder:l,onSortOrderChanged:u}):null,f.balanceType==="default"?t.jsx(Pd,{children:t.jsx(Di,{firstMonthOfFY:e,timeframeTick:f,timeframe:i,dataAvailable:c,bookCloseDate:d},x)}):null]},x))})};function Hd({backgroundColor:e,isSticky:o,height:i,isCompareModeOn:n,isAccountColumnShown:r,isClassColumnShown:l,sortKey:c,sortOrder:d,firstMonthOfFY:h,timeframe:u,timeframeTicks:g,compareMode:p,dataAvailable:f,bookCloseDate:x,onCompareModeChanged:b,onSortOrderChanged:y}){const j=N(),v=(L,M)=>{y?.(L,M)},B=()=>{y?.("descending","totals")};return t.jsxs(Md,{height:i,bgColor:e,children:[t.jsx(Nd,{bgColor:e,windowSize:j,isSticky:o,children:t.jsx(Id,{plHeight:i,windowSize:j,bgColor:e,children:t.jsx(Vd,{sortKey:c,sortOrder:d,onSortOrderChanged:v,onSortCancel:B})})}),r?t.jsx(Dd,{sortKey:c,sortOrder:d,onSortOrderChanged:v,onSortCancel:B}):null,l?t.jsx(Rd,{sortKey:c,sortOrder:d,onSortOrderChanged:v,onSortCancel:B}):null,t.jsx(Wd,{children:n===!0?t.jsx(Ed,{firstMonthOfFY:h,timeframe:u,sortKey:c,sortOrder:d,timeframeTicks:g,compareMode:p,dataAvailable:f,bookCloseDate:x,onCompareModeChanged:b,onSortOrderChanged:v}):g.map((L,M)=>t.jsx(Gd,{firstMonthOfFY:h,timeframeTick:L,timeframe:u,sortKey:c,sortOrder:d,dataAvailable:f,bookCloseDate:x,onSortOrderChanged:v},M))})]})}const at=(e,o,i)=>e===i?o==="ascending"?"descending":"ascending":"descending",Kd=a.div`
|
|
1947
|
+
display: flex;
|
|
1948
|
+
flex: 1 1 auto;
|
|
1949
|
+
max-height: 1px;
|
|
1950
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
|
|
1951
|
+
`,Yd=a.div`
|
|
1952
|
+
display: flex;
|
|
1953
|
+
flex: 1 1 auto;
|
|
1954
|
+
max-height: 1px;
|
|
1955
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
|
|
1956
|
+
`;function $t({kind:e,isScrolling:o}){switch(e){case"vendor_row_separator":return t.jsx(Kd,{isScrolling:o});case"end_row_separator":return t.jsx(Yd,{isScrolling:o})}}const Ud=a.div`
|
|
1957
|
+
display: flex;
|
|
1958
|
+
flex: 1 1 auto;
|
|
1959
|
+
width: fit-content;
|
|
1960
|
+
min-width: 100%;
|
|
1961
|
+
flex-direction: column;
|
|
1962
|
+
height: ${e=>e.height}px;
|
|
1963
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1964
|
+
`,Zd=a.div`
|
|
1965
|
+
user-select: none;
|
|
1966
|
+
display: flex;
|
|
1967
|
+
flex: 1 1 auto;
|
|
1968
|
+
flex-flow: row;
|
|
1969
|
+
justify-content: flex-start;
|
|
1970
|
+
align-items: center;
|
|
1971
|
+
cursor: default;
|
|
1972
|
+
`,qd=a.div`
|
|
1973
|
+
display: flex;
|
|
1974
|
+
flex: 1 0 auto;
|
|
1975
|
+
flex-direction: row;
|
|
1976
|
+
justify-content: flex-end;
|
|
1977
|
+
`,Jd=a.div`
|
|
1978
|
+
display: flex;
|
|
1979
|
+
flex-direction: row;
|
|
1980
|
+
justify-content: flex-start;
|
|
1981
|
+
`,Ri=a(ie)`
|
|
1982
|
+
user-select: none;
|
|
1983
|
+
min-width: ${W.balanceWidth};
|
|
1984
|
+
max-width: ${W.balanceWidth};
|
|
1985
|
+
text-align: right;
|
|
1986
|
+
margin-left: ${W.balanceLeftMargin};
|
|
1987
|
+
color: ${e=>e.theme.colors.primary};
|
|
1988
|
+
border: 1px solid transparent;
|
|
1989
|
+
`,Qd=a(Ri)`
|
|
1990
|
+
color: ${e=>e.theme.colors.hero};
|
|
1991
|
+
&:hover {
|
|
1992
|
+
color: inherit;
|
|
1993
|
+
}
|
|
1994
|
+
`,Xd=a.div`
|
|
1995
|
+
display: flex;
|
|
1996
|
+
flex-direction: row;
|
|
1997
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
1998
|
+
${({isSticky:e})=>e?F`
|
|
1999
|
+
position: -webkit-sticky;
|
|
2000
|
+
position: sticky;
|
|
2001
|
+
top: ${s.sp0};
|
|
2002
|
+
left: ${s.sp0};
|
|
2003
|
+
`:null}
|
|
2004
|
+
`,eh=a.div`
|
|
2005
|
+
display: flex;
|
|
2006
|
+
flex-direction: row;
|
|
2007
|
+
flex-shrink: 2;
|
|
2008
|
+
flex-grow: 1;
|
|
2009
|
+
align-items: center;
|
|
2010
|
+
width: ${e=>W.titleWidth.valuePx(e.windowSize)};
|
|
2011
|
+
max-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
|
|
2012
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2013
|
+
`,Ao=a.div`
|
|
2014
|
+
width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
|
|
2015
|
+
max-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
|
|
2016
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2017
|
+
`,th=a(ie)`
|
|
2018
|
+
user-select: none;
|
|
2019
|
+
clear: both;
|
|
2020
|
+
display: inline-block;
|
|
2021
|
+
overflow: hidden;
|
|
2022
|
+
white-space: nowrap;
|
|
2023
|
+
text-overflow: ellipsis;
|
|
2024
|
+
text-align: left;
|
|
2025
|
+
color: ${e=>e.theme.colors.primary};
|
|
2026
|
+
`,oh=({type:e,balance:o,collapsed:i})=>{const n=i===!0?Qd:Ri;return t.jsx(Jd,{children:ae(e)===!0?t.jsx(n,{children:Z(o)}):null})};function ih({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,title:l,totalBalances:c,isAccountColumnShown:d,isClassColumnShown:h,onClick:u,isScrolling:g}){const p=N();return t.jsxs(Ud,{"data-testid":m("total-row-root-container",n),height:r,bgColor:o,windowSize:p,children:[t.jsxs(Zd,{"data-testid":m("total-row-container",n),onClick:()=>u?.(n),children:[t.jsxs(Xd,{bgColor:o,windowSize:p,isSticky:i,children:[t.jsx(eh,{bgColor:o,windowSize:p,children:t.jsx(th,{children:l})}),d?t.jsx(Ao,{windowSize:p}):null,h?t.jsx(Ao,{windowSize:p}):null]}),t.jsx(qd,{children:c.map((f,x)=>t.jsx(oh,{type:e,balance:f,collapsed:!1},x))})]}),t.jsx($t,{isScrolling:g,kind:"vendor_row_separator"})]})}const nh=a.div`
|
|
2027
|
+
display: flex;
|
|
2028
|
+
flex: 1 1 auto;
|
|
2029
|
+
width: fit-content;
|
|
2030
|
+
min-width: 100%;
|
|
2031
|
+
flex-direction: column;
|
|
2032
|
+
height: ${e=>e.height}px;
|
|
2033
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2034
|
+
`,rh=a.div`
|
|
2035
|
+
user-select: none;
|
|
2036
|
+
display: flex;
|
|
2037
|
+
flex: 1 1 auto;
|
|
2038
|
+
flex-flow: row;
|
|
2039
|
+
justify-content: flex-start;
|
|
2040
|
+
align-items: center;
|
|
2041
|
+
&:hover {
|
|
2042
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
2043
|
+
}
|
|
2044
|
+
`,ah=a.div`
|
|
2045
|
+
display: flex;
|
|
2046
|
+
flex: 1 0 auto;
|
|
2047
|
+
flex-direction: row;
|
|
2048
|
+
justify-content: flex-end;
|
|
2049
|
+
`,lh=a.div`
|
|
2050
|
+
display: flex;
|
|
2051
|
+
flex-direction: row;
|
|
2052
|
+
justify-content: flex-start;
|
|
2053
|
+
`,ch=a(S)`
|
|
2054
|
+
user-select: none;
|
|
2055
|
+
min-width: ${W.balanceWidth};
|
|
2056
|
+
max-width: ${W.balanceWidth};
|
|
2057
|
+
text-align: right;
|
|
2058
|
+
margin-left: ${W.balanceLeftMargin};
|
|
2059
|
+
border: 1px solid transparent;
|
|
2060
|
+
color: ${e=>e.theme.colors.hero};
|
|
2061
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
2062
|
+
&:hover {
|
|
2063
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
2064
|
+
}
|
|
2065
|
+
`,sh=a.div`
|
|
2066
|
+
display: flex;
|
|
2067
|
+
flex-direction: row;
|
|
2068
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2069
|
+
${({isSticky:e})=>e?F`
|
|
2070
|
+
position: -webkit-sticky;
|
|
2071
|
+
position: sticky;
|
|
2072
|
+
top: ${s.sp0};
|
|
2073
|
+
left: ${s.sp0};
|
|
2074
|
+
`:null}
|
|
2075
|
+
`,dh=a.div`
|
|
2076
|
+
display: flex;
|
|
2077
|
+
flex-direction: row;
|
|
2078
|
+
flex-shrink: 2;
|
|
2079
|
+
flex-grow: 1;
|
|
2080
|
+
align-items: center;
|
|
2081
|
+
gap: ${s.sp2};
|
|
2082
|
+
width: ${e=>W.titleWidth.valuePx(e.windowSize)};
|
|
2083
|
+
max-width: ${e=>W.titleWidth.valuePx(e.windowSize)};
|
|
2084
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2085
|
+
`,$e=a(S)`
|
|
2086
|
+
user-select: none;
|
|
2087
|
+
clear: both;
|
|
2088
|
+
display: inline-block;
|
|
2089
|
+
overflow: hidden;
|
|
2090
|
+
white-space: nowrap;
|
|
2091
|
+
text-overflow: ellipsis;
|
|
2092
|
+
text-align: left;
|
|
2093
|
+
color: ${e=>e.theme.colors.hero};
|
|
2094
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
2095
|
+
&:hover {
|
|
2096
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
2097
|
+
}
|
|
2098
|
+
`,hh=a.div`
|
|
2099
|
+
display: flex;
|
|
2100
|
+
flex-direction: row;
|
|
2101
|
+
flex-shrink: 2;
|
|
2102
|
+
flex-grow: 1;
|
|
2103
|
+
align-items: center;
|
|
2104
|
+
width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
|
|
2105
|
+
max-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
|
|
2106
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2107
|
+
`,uh=a.div`
|
|
2108
|
+
display: flex;
|
|
2109
|
+
flex-direction: row;
|
|
2110
|
+
flex-shrink: 2;
|
|
2111
|
+
flex-grow: 1;
|
|
2112
|
+
align-items: center;
|
|
2113
|
+
width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
|
|
2114
|
+
max-width: ${e=>W.categoryClassWidth.valuePx(e.windowSize)};
|
|
2115
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2116
|
+
`,ph=a.div`
|
|
2117
|
+
width: ${s.sp4};
|
|
2118
|
+
height: ${s.sp4};
|
|
2119
|
+
border-radius: 50%;
|
|
2120
|
+
background-color: ${e=>e.theme.colors.grey3};
|
|
2121
|
+
display: flex;
|
|
2122
|
+
justify-content: center;
|
|
2123
|
+
align-items: center;
|
|
2124
|
+
color: ${e=>e.theme.colors.hero};
|
|
2125
|
+
`,gh=a(pn)`
|
|
2126
|
+
width: ${s.sp3};
|
|
2127
|
+
height: ${s.sp3};
|
|
2128
|
+
`,fh=a.div`
|
|
2129
|
+
display: flex;
|
|
2130
|
+
column-gap: ${s.sp2};
|
|
2131
|
+
width: 100%;
|
|
2132
|
+
&:hover {
|
|
2133
|
+
.hyphen-text {
|
|
2134
|
+
display: none;
|
|
2135
|
+
}
|
|
2136
|
+
.not-specified-text {
|
|
2137
|
+
display: block;
|
|
2138
|
+
}
|
|
2139
|
+
}
|
|
2140
|
+
`,xh=a(S)`
|
|
2141
|
+
color: ${e=>e.theme.colors.hero};
|
|
2142
|
+
`,mh=a(S)`
|
|
2143
|
+
color: ${e=>e.theme.colors.hero};
|
|
2144
|
+
display: none;
|
|
2145
|
+
`,wh=({balance:e,vendor:o,onVendorNameAndBalanceClick:i})=>{const n=e?.type==="this_period_vs_last_period"||e?.type==="this_period_vs_last_period_percent",r=e?.type==="period_total",l=e?.type==="default_with_null_balance",c=n!==!0&&r===!1&&l===!1&&!A.isOpexByVendorIDNotSpecifiedVendor(o.id);return t.jsx(lh,{children:t.jsx(ch,{isClickable:c,onClick:()=>{c===!0&&i(o,e??void 0)},children:Z(e)})})};function yh({type:e,backgroundColor:o,isSticky:i,height:n,isScrolling:r,isLastNode:l,vendor:c,balances:d,accountBase:h,classBase:u,isAccountColumnShown:g,isClassColumnShown:p,onVendorNameAndBalanceClick:f}){const x=N(),b=Po(),y=b.loggedInUserRole!=null&&!A.hasInvestorBankerLevelAccess(b.loggedInUserRole),j=A.isOpexByVendorIDNotSpecifiedVendor(c.id),v=y===!0&&c!=null&&!j,B=v?"pointer":"default",L=c.name;return t.jsxs(nh,{"data-testid":m("vendor-row-root-container",c.id),height:n,bgColor:o,windowSize:x,children:[t.jsxs(rh,{"data-testid":m("vendor-row-container",c.id),style:{cursor:B},isClickable:v,children:[t.jsx(sh,{"data-testid":m("vendor-row-sticky-container",c.id),isSticky:i,windowSize:x,bgColor:o,children:t.jsxs(dh,{"data-testid":m("vendor-row-name-container",c.id),windowSize:x,bgColor:o,children:[t.jsxs(qe,{controller:!j,children:[c.logo!=null?t.jsx(Ot,{photoUrl:c.logo.toString(),styles:{width:W.nameLogoWidth.valuePx(x),height:W.nameLogoHeight.valuePx(x)}}):t.jsx(Mt,{name:L,size:s.sp4}),t.jsx($e,{"data-testid":m("vendor-row-name",c.id),style:{cursor:B},isClickable:v,onClick:()=>{v===!0&&f(c)},children:L})]}),t.jsx(qe,{controller:j,children:t.jsxs(fh,{children:[t.jsx(ph,{children:t.jsx(gh,{})}),t.jsx(xh,{className:"hyphen-text",children:O.getLocalizedStrings().common.strings.hyphen}),t.jsx(mh,{className:"not-specified-text",children:L})]})})]})}),g?t.jsx(hh,{windowSize:x,bgColor:o,children:h!=null?t.jsx($e,{"data-testid":m("vendor-row-account-name",c.id),title:h.accountName,isClickable:!1,children:h.accountName}):t.jsx($e,{isClickable:!1,"data-testid":m("vendor-row-account-name",c.id),children:O.getLocalizedStrings().common.strings.hyphen})}):null,p?t.jsx(uh,{windowSize:x,bgColor:o,children:u!=null?t.jsx($e,{"data-testid":m("vendor-row-class-name",c.id),title:u.className,isClickable:!1,children:u.className}):t.jsx($e,{"data-testid":m("vendor-row-class-name",c.id),isClickable:!1,children:O.getLocalizedStrings().common.strings.hyphen})}):null,t.jsx(ah,{children:d.map((M,P)=>t.jsx(wh,{type:e,balance:M,vendor:c,onVendorNameAndBalanceClick:f},P))})]}),t.jsx(bh,{isScrolling:r,isLastNode:l})]})}function bh({isScrolling:e,isLastNode:o}){return o?t.jsx($t,{isScrolling:e,kind:"end_row_separator"}):t.jsx($t,{isScrolling:e,kind:"vendor_row_separator"})}const kh=(e,o,i,n,r,l)=>{if(e.element.kind!=="timeframe_headers")return null;const c=Ne(e.element.data,e.config.displayOrder),d=c.length>0?c[0].balanceTimeFrame:"month",h=c.map(u=>A.toTimeframeTick(u));return t.jsx(Hd,{backgroundColor:r,isSticky:i,height:o,isAccountColumnShown:e.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:e.config.opexByVendorConfig?.isClassColumnShown??!0,isCompareModeOn:e.config.mode==="this_period_vs_period_before"&&h.length>1,firstMonthOfFY:e.config.firstMonthOfFY,timeframe:d,timeframeTicks:h,sortKey:e.config.opexByVendorConfig?.sortKey,sortOrder:e.config.opexByVendorConfig?.sortOrder,dataAvailable:e.config.dataAvailable,bookCloseDate:e.config.bookCloseDate,compareMode:n,onCompareModeChanged:l,onSortOrderChanged:e.config.opexByVendorConfig?.onSortOrderChanged})},Ch=(e,o,i,n,r,l,c)=>{const d=i.element.data,h=i.config.mode==="this_period_vs_period_before",u=h?i.element.numOfBalances+2:i.element.numOfBalances+1,g=Ci(d,i.config.displayOrder,u,h);return t.jsx(ih,{type:o,backgroundColor:c,isSticky:r,treeNodeId:e,height:n,isScrolling:l,totalBalances:g.balances,title:i.element.title,isAccountColumnShown:i.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:i.config.opexByVendorConfig?.isClassColumnShown??!0})},jh=(e,o,i,n,r,l,c)=>{if(o.element.kind!="vendor_row"||o.element.data==null)return null;const d=o.element.data,h=o.config.mode==="this_period_vs_period_before",u=Ci(d,o.config.displayOrder,o.element.numOfBalances,h);return t.jsx(yh,{type:e,backgroundColor:n,isSticky:r,height:i,isScrolling:l,vendor:d.vendor,accountBase:d.account,classBase:d.classBase,isLastNode:c,balances:u.balances,isAccountColumnShown:o.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:o.config.opexByVendorConfig?.isClassColumnShown??!0,onVendorNameAndBalanceClick:(g,p)=>{o.config.opexByVendorConfig?.onVendorNameAndBalanceClicked(g,p)}})},Sh=(e,o,i,n)=>{if(e.element.kind!=="loading_in_progress")return null;const r=Ne(e.element.data,e.config.displayOrder).map(l=>A.toTimeframeTick(l));return t.jsx(yd,{backgroundColor:i,isSticky:n,height:o,isAccountColumnShown:e.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:e.config.opexByVendorConfig?.isClassColumnShown??!0,timeframeTicks:r})},vh=(e,o,i,n)=>{if(e.element.kind!=="title_string_only")return null;const r=Ne(e.element.data,e.config.displayOrder).map(l=>A.toTimeframeTick(l));return t.jsx(vd,{backgroundColor:i,isSticky:n,height:o,isAccountColumnShown:e.config.opexByVendorConfig?.isAccountColumnShown??!0,isClassColumnShown:e.config.opexByVendorConfig?.isClassColumnShown??!0,timeframeTicks:r})};function qt(e,o,i){return $h(o,i,e)}const $h=(e,o,i)=>{const n={compactedAccountsSelector:()=>[],compactedAccountsSelectorVariant:()=>[],acGroupBalanceSelector:()=>{},acBalanceSelector:()=>{},compactedAccountGroupsSelector:()=>[]};return n.acBalanceSelector=r=>r.account.balancesInTimeframe,n.compactedAccountsSelector=r=>Bo(r.accounts,n.acBalanceSelector,e),n.compactedAccountsSelectorVariant=r=>Bo(r,n.acBalanceSelector,e),n.acGroupBalanceSelector=r=>r,n.compactedAccountGroupsSelector=r=>_h(r,n.acGroupBalanceSelector,i,o),n};function Bo(e,o,i){switch(i){case"off":return e;case"filter_actual_nil_balances":return e.filter(n=>Lh((o(n)?.balances??[]).concat(o(n)?.additionalBalances??[]))||Gi((o(n)?.balances??[]).concat(o(n)?.additionalBalances??[])));case"filter_forecast_nil_balances":return e.filter(n=>Oo(o(n)?.balances??[]));case"filter_actual_forecast_nil_balances":return e.filter(n=>Oo(o(n)?.balances??[]))}}function _h(e,o,i,n){switch(n){case"off":return e;case"filter_actual_nil_account_group_balances":return e.filter(r=>Gi(o(r)?.balances??[]));case"filter_forecast_nil_account_group_balances":return e.filter(r=>Ah(o(r)?.balances??[]));case"filter_actual_forecast_nil_account_group_balances":return e.filter(r=>Bh(o(r)?.balances??[]));case"filter_actual_forecast_empty_account_group_balances":return e.filter(r=>(o(r)?.balances??[]).length>0)}}function Gi(e){let o=!1;if(e!=null){for(const i of e)if(i.balance.amount!==0){o=!0;break}}return o}function Lh(e){let o=!1;if(e!=null){for(const i of e)if(i.totalBalance!=null&&i.totalBalance.amount!==0){o=!0;break}}return o}function Ah(e){let o=!1;if(e!=null){for(const i of e)if(i.forecast!=null&&i.forecast.amount!==0){o=!0;break}}return o}function Bh(e){let o=!1;if(e!=null){for(const i of e)if(i.forecast!=null&&i.forecast.amount!==0||i.balance!=null&&i.balance.amount!==0){o=!0;break}}return o}function Oo(e){let o=!1;if(e!=null){for(const i of e)if(i.totalForecast!=null&&i.totalForecast.amount!==0||i.totalBalance!=null&&i.totalBalance.amount!==0){o=!0;break}}return o}function Ei(e,o,i=-1,n=!0){const r=i!==-1;let l=[],c=-1;if(e==null||e.balances.length===0)return r===!0&&(l=Oh([],i)),{balances:l,thisPeriodIndex:c};let d=e.balances;return o==="ascending_date"?c=e.balances.length-1:(c=0,d=[...e.balances].reverse()),{balances:[...d,...n?e.additionalBalances:[]],thisPeriodIndex:c}}function Oh(e,o){return e.length>0?e:zo(Array(o),null)}const Ee=[new D(w[4],56),new D(44,76),new D(69,102),new D(93,124),new D(113,143)],Mo=[new D(w[0],w[0]),new D(14,w[4]),new D(67,67),new D(102,102),new D(136,136)],Mh=a.div`
|
|
2146
|
+
display: flex;
|
|
2147
|
+
flex: 1 1 auto;
|
|
2148
|
+
max-height: 1px;
|
|
2149
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey3};
|
|
2150
|
+
`,Wo=a.div`
|
|
2151
|
+
display: flex;
|
|
2152
|
+
flex: 1 1 auto;
|
|
2153
|
+
max-height: 1px;
|
|
2154
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.grey4};
|
|
2155
|
+
`,Wh=a.div`
|
|
2156
|
+
display: flex;
|
|
2157
|
+
flex: 1 1 auto;
|
|
2158
|
+
flex-flow: row;
|
|
2159
|
+
justify-content: flex-start;
|
|
2160
|
+
align-items: center;
|
|
2161
|
+
`,Nh=a.div`
|
|
2162
|
+
display: flex;
|
|
2163
|
+
flex-direction: row;
|
|
2164
|
+
flex-shrink: 2;
|
|
2165
|
+
flex-grow: 1;
|
|
2166
|
+
align-items: center;
|
|
2167
|
+
background-color: ${e=>e.theme.colors.grey4};
|
|
2168
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2169
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2170
|
+
${({isSticky:e})=>e?F`
|
|
2171
|
+
position: -webkit-sticky;
|
|
2172
|
+
position: sticky;
|
|
2173
|
+
top: ${s.sp0};
|
|
2174
|
+
left: ${s.sp0};
|
|
2175
|
+
`:null}
|
|
2176
|
+
`,Ih=a.div`
|
|
2177
|
+
width: ${e=>e.noMarginForAccount?Ee[e.nestingLevel].value(e.windowSize)-w[5]:Ee[e.nestingLevel].value(e.windowSize)}px;
|
|
2178
|
+
max-width: ${e=>e.noMarginForAccount?Ee[e.nestingLevel].value(e.windowSize)-w[5]:Ee[e.nestingLevel].value(e.windowSize)}px;
|
|
2179
|
+
height: 1px;
|
|
2180
|
+
`,Fh=a.div`
|
|
2181
|
+
width: ${e=>Mo[e.classDepth].valuePx(e.windowSize)};
|
|
2182
|
+
max-width: ${e=>Mo[e.classDepth].valuePx(e.windowSize)};
|
|
2183
|
+
height: 1px;
|
|
2184
|
+
`,zh=a.div`
|
|
2185
|
+
display: flex;
|
|
2186
|
+
flex: 1 1 auto;
|
|
2187
|
+
max-height: 1px;
|
|
2188
|
+
height: 1px;
|
|
2189
|
+
background-color: ${e=>e.isScrolling?"transparent":e.colour};
|
|
2190
|
+
`,Ph=a.div`
|
|
2191
|
+
display: flex;
|
|
2192
|
+
flex: 1 1 auto;
|
|
2193
|
+
max-height: 1px;
|
|
2194
|
+
height: 1px;
|
|
2195
|
+
background-color: ${e=>e.isScrolling?"transparent":e.colour};
|
|
2196
|
+
`,Th=a.div`
|
|
2197
|
+
display: flex;
|
|
2198
|
+
flex: 1 1 auto;
|
|
2199
|
+
max-height: 1px;
|
|
2200
|
+
background-color: ${e=>e.isScrolling?"transparent":e.theme.colors.hero};
|
|
2201
|
+
`,No=e=>{const o=N(),i=se();return t.jsxs(Wh,{children:[t.jsxs(Nh,{windowSize:o,isSticky:e.isSticky,children:[e.classDepth!=null?t.jsx(Fh,{classDepth:e.classDepth,windowSize:o}):null,t.jsx(Ih,{nestingLevel:e.nestingLevel,noMarginForAccount:e.noMarginForAccount,windowSize:o}),t.jsx(zh,{isScrolling:e.isScrolling,colour:e.isTotal?i.colors.grey1:i.colors.grey3})]}),t.jsx(Ph,{isScrolling:e.isScrolling,colour:e.isTotal?i.colors.grey1:i.colors.grey3})]})};function be({kind:e,isScrolling:o,subAccountProps:i}){switch(e){case"account_title_row_separator":return t.jsx(Wo,{marginLeft:w[5],isScrolling:o});case"sub_account_balance_row_separator":return t.jsx(No,{nestingLevel:i?.nestingLevel??1,isScrolling:o,isSticky:i?.isSticky??!1,isTotal:!1,classDepth:i?.classDepth,noMarginForAccount:i?.noMarginForAccount??!1});case"account_balance_row_separator":return t.jsx(Wo,{marginLeft:0,isScrolling:o});case"ac_group_row_separator":return t.jsx(Mh,{isScrolling:o});case"section_row_separator":case"heading_row_separator":return t.jsx(Th,{isScrolling:o});case"total_row_separator":return t.jsx(No,{nestingLevel:i?.nestingLevel??1,isScrolling:o,isSticky:i?.isSticky??!1,isTotal:!0,classDepth:i?.classDepth,noMarginForAccount:i?.noMarginForAccount??!1})}}const Vh=a.div`
|
|
2202
|
+
display: flex;
|
|
2203
|
+
flex: 1 1 auto;
|
|
2204
|
+
width: fit-content;
|
|
2205
|
+
min-width: 100%;
|
|
2206
|
+
flex-direction: column;
|
|
2207
|
+
height: ${e=>e.height}px;
|
|
2208
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2209
|
+
`,Dh=a.div`
|
|
2210
|
+
user-select: none;
|
|
2211
|
+
display: flex;
|
|
2212
|
+
flex: 1 1 auto;
|
|
2213
|
+
flex-flow: row;
|
|
2214
|
+
justify-content: flex-start;
|
|
2215
|
+
align-items: center;
|
|
2216
|
+
&:hover {
|
|
2217
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
2218
|
+
}
|
|
2219
|
+
`,Rh=a.div`
|
|
2220
|
+
display: flex;
|
|
2221
|
+
flex: 1 0 auto;
|
|
2222
|
+
flex-direction: row;
|
|
2223
|
+
justify-content: flex-end;
|
|
2224
|
+
`,Gh=a.div`
|
|
2225
|
+
display: flex;
|
|
2226
|
+
flex-direction: row;
|
|
2227
|
+
justify-content: flex-start;
|
|
2228
|
+
`,Hi=a(S)`
|
|
2229
|
+
user-select: none;
|
|
2230
|
+
min-width: ${C.balanceWidth};
|
|
2231
|
+
max-width: ${C.balanceWidth};
|
|
2232
|
+
text-align: right;
|
|
2233
|
+
margin-left: ${C.balanceLeftMargin};
|
|
2234
|
+
color: ${e=>e.theme.colors.primary};
|
|
2235
|
+
`,Eh=a(Hi)`
|
|
2236
|
+
color: ${e=>e.theme.colors.hero};
|
|
2237
|
+
&:hover {
|
|
2238
|
+
color: inherit;
|
|
2239
|
+
}
|
|
2240
|
+
`,Hh=a.div`
|
|
2241
|
+
display: flex;
|
|
2242
|
+
flex-direction: row;
|
|
2243
|
+
flex-shrink: 2;
|
|
2244
|
+
flex-grow: 1;
|
|
2245
|
+
align-items: center;
|
|
2246
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2247
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2248
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2249
|
+
${({isSticky:e})=>e?F`
|
|
2250
|
+
position: -webkit-sticky;
|
|
2251
|
+
position: sticky;
|
|
2252
|
+
top: ${s.sp0};
|
|
2253
|
+
left: ${s.sp0};
|
|
2254
|
+
`:null}
|
|
2255
|
+
`,Ki=a(S)`
|
|
2256
|
+
user-select: none;
|
|
2257
|
+
clear: both;
|
|
2258
|
+
display: inline-block;
|
|
2259
|
+
overflow: hidden;
|
|
2260
|
+
white-space: nowrap;
|
|
2261
|
+
text-overflow: ellipsis;
|
|
2262
|
+
text-align: left;
|
|
2263
|
+
margin-left: ${s.sp4};
|
|
2264
|
+
color: ${e=>e.theme.colors.primary};
|
|
2265
|
+
`,Kh=a(Ki)`
|
|
2266
|
+
color: ${e=>e.theme.colors.hero};
|
|
2267
|
+
&:hover {
|
|
2268
|
+
color: inherit;
|
|
2269
|
+
}
|
|
2270
|
+
`,Yh=({type:e,balance:o,collapsed:i,isActualVsForecastOn:n,compareMode:r})=>{const l=i===!0?Eh:Hi;return t.jsxs(Gh,{children:[ae(e)===!0||n?t.jsx(l,{children:Z(o)}):t.jsx(l,{children:J(o)}),n?t.jsxs(t.Fragment,{children:[t.jsx(l,{children:J(o)}),t.jsx(l,{children:r==="compare_mode_percent"?de(o):he(o)})]}):null]})};function Uh({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,leftChevron:l,accountGroupName:c,accountGroupBalances:d,isActualVsForecastOn:h,compareMode:u,isScrolling:g,isOpen:p,isLeaf:f,isLastNode:x,onClick:b}){const y=se(),j=N(),v=!f,B=v?"pointer":"default",L=l==="collapsed",M=l==="hidden",P=M===!0?w[6]:w[4],T=L===!0?Kh:Ki,K=L===!0?Vo:Do,H=L===!0?y.colors.hero:y.colors.primary;return t.jsxs(Vh,{height:r,bgColor:o,"data-testid":m("pandl-report-account-group-row-root-container",n),children:[t.jsxs(Dh,{"data-testid":m("pandl-report-account-group-row-container",n),style:{cursor:B},isClickable:v,onClick:()=>b?.(n),children:[ge(e)===!0?t.jsxs(Hh,{bgColor:o,isSticky:i,windowSize:j,children:[M===!1?t.jsx(K,{color:H,style:{width:w[3],height:w[3]}}):null,t.jsx(T,{style:{marginLeft:P},children:c})]}):null,xe(e)===!0?t.jsx(Rh,{children:d.map((Y,q)=>t.jsx(Yh,{type:e,accountGroupName:c,balance:Y,isActualVsForecastOn:h,compareMode:u,collapsed:L},q))}):null]}),t.jsx(Zh,{isScrolling:g,type:e,isLeaf:f,isLastNode:x,isOpen:p})]})}function Zh({isScrolling:e,type:o,isLastNode:i,isOpen:n}){let r="ac_group_row_separator";return i&&!n?r="section_row_separator":n&&(r=ge(o)===!0?"account_title_row_separator":"account_balance_row_separator"),t.jsx(be,{isScrolling:e,kind:r})}const qh=a.div`
|
|
2271
|
+
display: flex;
|
|
2272
|
+
flex: 1 1 auto;
|
|
2273
|
+
width: fit-content;
|
|
2274
|
+
min-width: 100%;
|
|
2275
|
+
flex-direction: column;
|
|
2276
|
+
height: ${e=>e.height}px;
|
|
2277
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2278
|
+
`,Jh=a.div`
|
|
2279
|
+
user-select: none;
|
|
2280
|
+
display: flex;
|
|
2281
|
+
flex: 1 1 auto;
|
|
2282
|
+
flex-flow: row;
|
|
2283
|
+
justify-content: flex-start;
|
|
2284
|
+
align-items: center;
|
|
2285
|
+
&:hover {
|
|
2286
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
2287
|
+
}
|
|
2288
|
+
`,Qh=a.div`
|
|
2289
|
+
display: flex;
|
|
2290
|
+
flex: 1 0 auto;
|
|
2291
|
+
flex-direction: row;
|
|
2292
|
+
justify-content: flex-end;
|
|
2293
|
+
`,Xh=a.div`
|
|
2294
|
+
display: flex;
|
|
2295
|
+
flex-direction: row;
|
|
2296
|
+
justify-content: flex-start;
|
|
2297
|
+
`,Yi=a(S)`
|
|
2298
|
+
user-select: none;
|
|
2299
|
+
min-width: ${C.balanceWidth};
|
|
2300
|
+
max-width: ${C.balanceWidth};
|
|
2301
|
+
text-align: right;
|
|
2302
|
+
margin-left: ${C.balanceLeftMargin};
|
|
2303
|
+
color: ${e=>e.theme.colors.primary};
|
|
2304
|
+
`,eu=a(Yi)`
|
|
2305
|
+
color: ${e=>e.theme.colors.hero};
|
|
2306
|
+
&:hover {
|
|
2307
|
+
color: inherit;
|
|
2308
|
+
}
|
|
2309
|
+
`,tu=a.div`
|
|
2310
|
+
display: flex;
|
|
2311
|
+
flex-direction: row;
|
|
2312
|
+
flex-shrink: 2;
|
|
2313
|
+
flex-grow: 1;
|
|
2314
|
+
align-items: center;
|
|
2315
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2316
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2317
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2318
|
+
${({isSticky:e})=>e?F`
|
|
2319
|
+
position: -webkit-sticky;
|
|
2320
|
+
position: sticky;
|
|
2321
|
+
top: ${s.sp0};
|
|
2322
|
+
left: ${s.sp0};
|
|
2323
|
+
`:null}
|
|
2324
|
+
`,Ui=a(S)`
|
|
2325
|
+
user-select: none;
|
|
2326
|
+
clear: both;
|
|
2327
|
+
display: inline-block;
|
|
2328
|
+
overflow: hidden;
|
|
2329
|
+
white-space: nowrap;
|
|
2330
|
+
text-overflow: ellipsis;
|
|
2331
|
+
text-align: left;
|
|
2332
|
+
margin-left: ${s.sp2};
|
|
2333
|
+
color: ${e=>e.theme.colors.primary};
|
|
2334
|
+
`,ou=a(Ui)`
|
|
2335
|
+
color: ${e=>e.theme.colors.hero};
|
|
2336
|
+
&:hover {
|
|
2337
|
+
color: inherit;
|
|
2338
|
+
}
|
|
2339
|
+
`,iu=({type:e,balance:o,collapsed:i,isActualVsForecastOn:n,compareMode:r})=>{const l=i===!0?eu:Yi;return t.jsxs(Xh,{children:[ae(e)===!0||n?t.jsx(l,{children:Z(o)}):t.jsx(l,{children:J(o)}),n?t.jsxs(t.Fragment,{children:[t.jsx(l,{children:J(o)}),t.jsx(l,{children:r==="compare_mode_percent"?de(o):he(o)})]}):null]})};function nu({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,leftChevron:l,accountGroupName:c,accountGroupBalances:d,isActualVsForecastOn:h,compareMode:u,isScrolling:g,isOpen:p,isLeaf:f,isLastNode:x,onClick:b}){const y=N(),j=se(),v=!f,B=v?"pointer":"default",L=l==="collapsed",M=L===!0?ou:Ui,[P,T]=I.useState(!1),K=c.length>0?c.substring(0,1).toUpperCase():"";return t.jsxs(qh,{"data-testid":m("pandl-account-group-row-root-container",n),height:r,bgColor:o,children:[t.jsxs(Jh,{"data-testid":m("pandl-account-group-row-container",n),onMouseOver:()=>T(!0),onMouseLeave:()=>T(!1),style:{cursor:B},isClickable:v,onClick:()=>b?.(n),children:[ge(e)===!0?t.jsxs(tu,{bgColor:o,isSticky:i,windowSize:y,children:[t.jsx(ye,{showCollapsedIcon:L,showIcon:P&&v,firstLetter:K,color:_(j.colors.primary)}),t.jsx(M,{children:c})]}):null,xe(e)===!0?t.jsx(Qh,{children:d.map((H,Y)=>t.jsx(iu,{type:e,accountGroupName:c,balance:H,isActualVsForecastOn:h,compareMode:u,collapsed:L},Y))}):null]}),t.jsx(ru,{isScrolling:g,type:e,isLeaf:f,isLastNode:x,isOpen:p})]})}function ru({isScrolling:e,type:o,isLastNode:i,isOpen:n}){let r="ac_group_row_separator";return i&&!n?r="section_row_separator":n&&(r=ge(o)===!0?"account_title_row_separator":"account_balance_row_separator"),t.jsx(be,{isScrolling:e,kind:r})}const au=a.div`
|
|
2340
|
+
display: flex;
|
|
2341
|
+
flex: 1 1 auto;
|
|
2342
|
+
width: fit-content;
|
|
2343
|
+
min-width: 100%;
|
|
2344
|
+
flex-direction: column;
|
|
2345
|
+
height: ${e=>e.height}px;
|
|
2346
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2347
|
+
`,lu=a.div`
|
|
2348
|
+
user-select: none;
|
|
2349
|
+
display: flex;
|
|
2350
|
+
flex: 1 1 auto;
|
|
2351
|
+
flex-flow: row;
|
|
2352
|
+
justify-content: flex-start;
|
|
2353
|
+
align-items: center;
|
|
2354
|
+
`,cu=a.div`
|
|
2355
|
+
display: flex;
|
|
2356
|
+
flex: 1 0 auto;
|
|
2357
|
+
flex-direction: row;
|
|
2358
|
+
justify-content: flex-end;
|
|
2359
|
+
`,su=a.div`
|
|
2360
|
+
display: flex;
|
|
2361
|
+
flex-direction: row;
|
|
2362
|
+
justify-content: flex-start;
|
|
2363
|
+
`,He=a(S)`
|
|
2364
|
+
user-select: none;
|
|
2365
|
+
min-width: ${C.balanceWidth};
|
|
2366
|
+
max-width: ${C.balanceWidth};
|
|
2367
|
+
text-align: right;
|
|
2368
|
+
margin-left: ${C.balanceLeftMargin};
|
|
2369
|
+
color: ${e=>e.theme.colors.hero};
|
|
2370
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
2371
|
+
&:hover {
|
|
2372
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
2373
|
+
}
|
|
2374
|
+
`,du=a.div`
|
|
2375
|
+
display: flex;
|
|
2376
|
+
flex-direction: row;
|
|
2377
|
+
flex-shrink: 2;
|
|
2378
|
+
flex-grow: 1;
|
|
2379
|
+
align-items: center;
|
|
2380
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2381
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2382
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2383
|
+
${({isSticky:e})=>e?F`
|
|
2384
|
+
position: -webkit-sticky;
|
|
2385
|
+
position: sticky;
|
|
2386
|
+
top: ${s.sp0};
|
|
2387
|
+
left: ${s.sp0};
|
|
2388
|
+
`:null}
|
|
2389
|
+
`,hu=a(S)`
|
|
2390
|
+
user-select: none;
|
|
2391
|
+
clear: both;
|
|
2392
|
+
display: inline-block;
|
|
2393
|
+
overflow: hidden;
|
|
2394
|
+
white-space: nowrap;
|
|
2395
|
+
text-overflow: ellipsis;
|
|
2396
|
+
text-align: left;
|
|
2397
|
+
margin-left: ${s.sp6};
|
|
2398
|
+
color: ${e=>e.theme.colors.hero};
|
|
2399
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
2400
|
+
&:hover {
|
|
2401
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
2402
|
+
}
|
|
2403
|
+
`,uu=({type:e,balance:o,isActualVsForecastOn:i,compareMode:n,account:r,onAccountBalanceClick:l})=>{const c=o?.type==="this_period_vs_last_period"||o?.type==="this_period_vs_last_period_percent",d=r!=null&&o!=null&&l!=null&&c!==!0;return t.jsxs(su,{"data-testid":m("account-row-balance-element",e),children:[ae(e)===!0||i?t.jsx(He,{"data-testid":m("account-row-balance-actual",e),isClickable:d,onClick:()=>{d===!0&&r!=null&&o!=null&&l?.(r,o)},children:Z(o)}):t.jsx(He,{"data-testid":m("account-row-balance-forecast",e),isClickable:!1,children:J(o)}),i?t.jsxs(t.Fragment,{children:[t.jsx(He,{isClickable:!1,"data-testid":m("account-row-balance-forecast",e),children:J(o)}),t.jsx(He,{"data-testid":m("account-row-balance-forecast",e),isClickable:!1,children:n==="compare_mode_percent"?de(o):he(o)})]}):null]})};function pu({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,accountBalances:l,isActualVsForecastOn:c,compareMode:d,isScrolling:h,isLeaf:u,isLastNode:g,account:p,onAccountBalanceClick:f}){const x=N(),{common:{strings:{hyphen:b}}}=O.getLocalizedStrings(),y=p?.accountDescription?p.accountDescription:b,j=p?.accountName?p.accountName:y;return t.jsxs(au,{height:r,bgColor:o,"data-testid":m("account-row-root-container",n),children:[t.jsxs(lu,{"data-testid":m("account-row-container",n),children:[ge(e)===!0?t.jsx(du,{isSticky:i,windowSize:x,bgColor:o,children:t.jsx(hu,{isClickable:!1,title:j,children:j})}):null,xe(e)===!0?t.jsx(cu,{children:l.map((v,B)=>t.jsx(uu,{type:e,isActualVsForecastOn:c,compareMode:d,balance:v,account:p,onAccountBalanceClick:f==null?void 0:(L,M)=>{f(n,L,M)}},B))}):null]}),t.jsx(gu,{isScrolling:h,type:e,isLeaf:u,isLastNode:g})]})}function gu({isScrolling:e,isLastNode:o,type:i}){const n=o?"ac_group_row_separator":ge(i)===!0?"account_title_row_separator":"account_balance_row_separator";return t.jsx(be,{isScrolling:e,kind:n})}const fu=a.div`
|
|
2404
|
+
display: flex;
|
|
2405
|
+
flex: 1 1 auto;
|
|
2406
|
+
width: fit-content;
|
|
2407
|
+
min-width: 100%;
|
|
2408
|
+
flex-direction: column;
|
|
2409
|
+
height: ${e=>e.height}px;
|
|
2410
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2411
|
+
`,xu=a.div`
|
|
2412
|
+
user-select: none;
|
|
2413
|
+
display: flex;
|
|
2414
|
+
flex: 1 1 auto;
|
|
2415
|
+
flex-flow: row;
|
|
2416
|
+
justify-content: flex-start;
|
|
2417
|
+
align-items: center;
|
|
2418
|
+
`,mu=a.div`
|
|
2419
|
+
display: flex;
|
|
2420
|
+
flex: 1 0 auto;
|
|
2421
|
+
flex-direction: row;
|
|
2422
|
+
justify-content: flex-end;
|
|
2423
|
+
`,wu=a.div`
|
|
2424
|
+
display: flex;
|
|
2425
|
+
flex-direction: row;
|
|
2426
|
+
justify-content: flex-start;
|
|
2427
|
+
`,Ke=a(S)`
|
|
2428
|
+
user-select: none;
|
|
2429
|
+
max-width: ${C.balanceWidth};
|
|
2430
|
+
min-width: ${C.balanceWidth};
|
|
2431
|
+
text-align: right;
|
|
2432
|
+
margin-left: ${C.balanceLeftMargin};
|
|
2433
|
+
`,yu=a.div`
|
|
2434
|
+
display: flex;
|
|
2435
|
+
flex-direction: row;
|
|
2436
|
+
flex-shrink: 2;
|
|
2437
|
+
flex-grow: 1;
|
|
2438
|
+
align-items: center;
|
|
2439
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2440
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2441
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2442
|
+
${({isSticky:e})=>e?F`
|
|
2443
|
+
position: -webkit-sticky;
|
|
2444
|
+
position: sticky;
|
|
2445
|
+
top: ${s.sp0};
|
|
2446
|
+
left: ${s.sp0};
|
|
2447
|
+
`:null}
|
|
2448
|
+
`,bu=a.div`
|
|
2449
|
+
display: flex;
|
|
2450
|
+
flex-grow: 8;
|
|
2451
|
+
`,ku=a(S)`
|
|
2452
|
+
user-select: none;
|
|
2453
|
+
user-select: none;
|
|
2454
|
+
clear: both;
|
|
2455
|
+
display: inline-block;
|
|
2456
|
+
overflow: hidden;
|
|
2457
|
+
white-space: nowrap;
|
|
2458
|
+
text-overflow: ellipsis;
|
|
2459
|
+
text-align: left;
|
|
2460
|
+
margin-left: ${s.sp2};
|
|
2461
|
+
`,Cu=a(we)`
|
|
2462
|
+
display: flex;
|
|
2463
|
+
color: ${e=>e.theme.colors.primary};
|
|
2464
|
+
align-items: center;
|
|
2465
|
+
flex-direction: row;
|
|
2466
|
+
justify-content: flex-end;
|
|
2467
|
+
padding: 1px 6px;
|
|
2468
|
+
height: 20px;
|
|
2469
|
+
border: 1px solid ${e=>e.theme.colors.primary};
|
|
2470
|
+
border-radius: ${s.sp1};
|
|
2471
|
+
margin: 0 ${s.sp5} 0 ${s.sp3};
|
|
2472
|
+
`,ju=({metadata:e,depth:o})=>o===0?null:e.hasSibling===!0&&!e.isLastNode?t.jsx(gn,{}):t.jsx(fn,{}),Su=({type:e,balance:o,color:i,isActualVsForecastOn:n,compareMode:r})=>t.jsxs(wu,{children:[ae(e)===!0||n?t.jsx(Ke,{style:{color:i},children:Z(o)}):t.jsx(Ke,{style:{color:i},children:J(o)}),n?t.jsxs(t.Fragment,{children:[t.jsx(Ke,{style:{color:i},children:J(o)}),t.jsx(Ke,{style:{color:i},children:r==="compare_mode_percent"?de(o):he(o)})]}):null]});function vu({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,className:l,classCode:c,sectionBalances:d,isActualVsForecastOn:h,compareMode:u,hasChildren:g,isScrolling:p,isOpen:f,isLeaf:x,metadata:b,showClassAccountNumber:y,onClick:j,depth:v}){const B=N(),L=se(),M=!x,P=M?"pointer":"default",T=L.colors.primary,K=l.length>0?l.substr(0,1).toUpperCase():"",[H,Y]=I.useState(!1),q=b.classAncestorMetadata??[];return t.jsxs(fu,{"data-testid":m("class-row-root-container",n),height:r,bgColor:o,children:[t.jsxs(xu,{"data-testid":m("class-row-container",n),style:{cursor:P},onClick:()=>j?.(n),onMouseOver:()=>Y(!0),onMouseLeave:()=>Y(!1),children:[ge(e)===!0?t.jsxs(yu,{isSticky:i,windowSize:B,bgColor:o,children:[t.jsx(Ir,{name:l,ancestorMetadata:q,depth:v}),t.jsx(ju,{metadata:q[v],depth:v}),t.jsx(ye,{color:_(T),showCollapsedIcon:!f,showIcon:H&&M,firstLetter:K,showTreeLine:g}),t.jsx(bu,{children:t.jsx(ku,{style:{color:T},children:l})}),H===!0&&y===!0&&c!==void 0&&t.jsx(Cu,{children:c})]}):null,xe(e)===!0?t.jsx(mu,{children:d.map((ue,Q)=>t.jsx(Su,{type:e,sectionName:l,balance:ue,isActualVsForecastOn:h,compareMode:u,color:T},Q))}):null]}),t.jsx($u,{isScrolling:p,isLeaf:x,isOpen:f})]})}function $u({isScrolling:e,isLeaf:o,isOpen:i}){return o||!i?t.jsx(be,{isScrolling:e,kind:"section_row_separator"}):null}a.div`
|
|
2473
|
+
display: flex;
|
|
2474
|
+
flex: 1 1 auto;
|
|
2475
|
+
width: fit-content;
|
|
2476
|
+
min-width: 100%;
|
|
2477
|
+
flex-direction: column;
|
|
2478
|
+
height: ${e=>e.height}px;
|
|
2479
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2480
|
+
`;a.div`
|
|
2481
|
+
user-select: none;
|
|
2482
|
+
display: flex;
|
|
2483
|
+
flex: 1 1 auto;
|
|
2484
|
+
flex-flow: row;
|
|
2485
|
+
justify-content: flex-start;
|
|
2486
|
+
align-items: center;
|
|
2487
|
+
`;a.div`
|
|
2488
|
+
display: flex;
|
|
2489
|
+
flex: 1 0 auto;
|
|
2490
|
+
flex-direction: row;
|
|
2491
|
+
justify-content: flex-end;
|
|
2492
|
+
`;a.div`
|
|
2493
|
+
display: flex;
|
|
2494
|
+
flex-direction: row;
|
|
2495
|
+
justify-content: flex-start;
|
|
2496
|
+
`;a(S)`
|
|
2497
|
+
user-select: none;
|
|
2498
|
+
max-width: ${C.balanceWidth};
|
|
2499
|
+
min-width: ${C.balanceWidth};
|
|
2500
|
+
text-align: right;
|
|
2501
|
+
margin-left: ${C.balanceLeftMargin};
|
|
2502
|
+
`;a.div`
|
|
2503
|
+
display: flex;
|
|
2504
|
+
flex-direction: row;
|
|
2505
|
+
flex-shrink: 2;
|
|
2506
|
+
flex-grow: 1;
|
|
2507
|
+
align-items: center;
|
|
2508
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2509
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2510
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2511
|
+
${({isSticky:e})=>e?F`
|
|
2512
|
+
position: -webkit-sticky;
|
|
2513
|
+
position: sticky;
|
|
2514
|
+
top: ${s.sp0};
|
|
2515
|
+
left: ${s.sp0};
|
|
2516
|
+
`:null}
|
|
2517
|
+
`;a.div`
|
|
2518
|
+
display: flex;
|
|
2519
|
+
`;a(S)`
|
|
2520
|
+
user-select: none;
|
|
2521
|
+
user-select: none;
|
|
2522
|
+
clear: both;
|
|
2523
|
+
display: inline-block;
|
|
2524
|
+
overflow: hidden;
|
|
2525
|
+
white-space: nowrap;
|
|
2526
|
+
text-overflow: ellipsis;
|
|
2527
|
+
text-align: left;
|
|
2528
|
+
margin-left: ${s.sp2};
|
|
2529
|
+
`;const _u=a.div`
|
|
2530
|
+
display: flex;
|
|
2531
|
+
flex: 1 1 auto;
|
|
2532
|
+
width: fit-content;
|
|
2533
|
+
min-width: 100%;
|
|
2534
|
+
flex-direction: column;
|
|
2535
|
+
height: ${e=>e.height}px;
|
|
2536
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2537
|
+
`,Lu=a.div`
|
|
2538
|
+
user-select: none;
|
|
2539
|
+
display: flex;
|
|
2540
|
+
flex: 1 1 auto;
|
|
2541
|
+
flex-flow: row;
|
|
2542
|
+
justify-content: flex-start;
|
|
2543
|
+
align-items: center;
|
|
2544
|
+
`,Au=a.div`
|
|
2545
|
+
display: flex;
|
|
2546
|
+
flex: 1 0 auto;
|
|
2547
|
+
flex-direction: row;
|
|
2548
|
+
justify-content: flex-end;
|
|
2549
|
+
`,Bu=a.div`
|
|
2550
|
+
display: flex;
|
|
2551
|
+
flex-direction: row;
|
|
2552
|
+
justify-content: flex-start;
|
|
2553
|
+
`,Ye=a(S)`
|
|
2554
|
+
user-select: none;
|
|
2555
|
+
max-width: ${C.balanceWidth};
|
|
2556
|
+
min-width: ${C.balanceWidth};
|
|
2557
|
+
text-align: right;
|
|
2558
|
+
margin-left: ${C.balanceLeftMargin};
|
|
2559
|
+
`,Ou=a.div`
|
|
2560
|
+
display: flex;
|
|
2561
|
+
flex-direction: row;
|
|
2562
|
+
flex-shrink: 2;
|
|
2563
|
+
flex-grow: 1;
|
|
2564
|
+
align-items: center;
|
|
2565
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2566
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2567
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2568
|
+
${({isSticky:e})=>e?F`
|
|
2569
|
+
position: -webkit-sticky;
|
|
2570
|
+
position: sticky;
|
|
2571
|
+
top: ${s.sp0};
|
|
2572
|
+
left: ${s.sp0};
|
|
2573
|
+
`:null}
|
|
2574
|
+
`,Mu=a(S)`
|
|
2575
|
+
user-select: none;
|
|
2576
|
+
user-select: none;
|
|
2577
|
+
clear: both;
|
|
2578
|
+
display: inline-block;
|
|
2579
|
+
overflow: hidden;
|
|
2580
|
+
white-space: nowrap;
|
|
2581
|
+
text-overflow: ellipsis;
|
|
2582
|
+
text-align: left;
|
|
2583
|
+
margin-left: ${s.sp2};
|
|
2584
|
+
`,Wu=({type:e,balance:o,color:i,isActualVsForecastOn:n,compareMode:r})=>t.jsxs(Bu,{children:[ae(e)===!0||n?t.jsx(Ye,{style:{color:i},children:Z(o)}):t.jsx(Ye,{style:{color:i},children:J(o)}),n?t.jsxs(t.Fragment,{children:[t.jsx(Ye,{style:{color:i},children:J(o)}),t.jsx(Ye,{style:{color:i},children:r==="compare_mode_percent"?de(o):he(o)})]}):null]});function Jt({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,sectionName:l,sectionBalances:c,isActualVsForecastOn:d,compareMode:h,sectionColor:u,isScrolling:g,isOpen:p,isLeaf:f,onClick:x}){const b=N(),y=!f,j=y?"pointer":"default",v=l.length>0?l.substring(0,1).toUpperCase():"",[B,L]=I.useState(!1);return t.jsxs(_u,{"data-testid":m("section-row",n),height:r,bgColor:o,children:[t.jsxs(Lu,{"data-testid":m("section-row-container",n),style:{cursor:j},onClick:()=>x?.(n),onMouseOver:()=>L(!0),onMouseLeave:()=>L(!1),children:[ge(e)===!0?t.jsxs(Ou,{isSticky:i,windowSize:b,bgColor:o,children:[t.jsx(ye,{color:_(u),showCollapsedIcon:!p,showIcon:B&&y,firstLetter:v}),t.jsx(Mu,{style:{color:u},children:l})," "]}):null,xe(e)===!0?t.jsx(Au,{children:c.map((M,P)=>t.jsx(Wu,{type:e,sectionName:l,balance:M,isActualVsForecastOn:d,compareMode:h,color:u},P))}):null]}),t.jsx(Nu,{isScrolling:g,isLeaf:f,isOpen:p})]})}function Nu({isScrolling:e,isLeaf:o,isOpen:i}){return o||!i?t.jsx(be,{isScrolling:e,kind:"section_row_separator"}):null}const Iu=a.div`
|
|
2585
|
+
display: flex;
|
|
2586
|
+
flex: 1 1 auto;
|
|
2587
|
+
width: fit-content;
|
|
2588
|
+
min-width: 100%;
|
|
2589
|
+
flex-direction: column;
|
|
2590
|
+
height: ${e=>e.height-1}px;
|
|
2591
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2592
|
+
`,Fu=a.div`
|
|
2593
|
+
user-select: none;
|
|
2594
|
+
display: flex;
|
|
2595
|
+
flex: 1 1 auto;
|
|
2596
|
+
flex-flow: row;
|
|
2597
|
+
justify-content: flex-start;
|
|
2598
|
+
align-items: center;
|
|
2599
|
+
`,zu=a.div`
|
|
2600
|
+
display: flex;
|
|
2601
|
+
flex: 1 0 auto;
|
|
2602
|
+
flex-direction: row;
|
|
2603
|
+
justify-content: flex-end;
|
|
2604
|
+
`,Pu=a.div`
|
|
2605
|
+
display: flex;
|
|
2606
|
+
flex-direction: row;
|
|
2607
|
+
justify-content: flex-start;
|
|
2608
|
+
`,Ue=a(S)`
|
|
2609
|
+
user-select: none;
|
|
2610
|
+
min-width: ${C.balanceWidth};
|
|
2611
|
+
max-width: ${C.balanceWidth};
|
|
2612
|
+
text-align: right;
|
|
2613
|
+
margin-left: ${C.balanceLeftMargin};
|
|
2614
|
+
color: ${e=>e.theme.colors.hero};
|
|
2615
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
2616
|
+
&:hover {
|
|
2617
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
2618
|
+
}
|
|
2619
|
+
`,Tu=a.div`
|
|
2620
|
+
display: flex;
|
|
2621
|
+
flex-direction: row;
|
|
2622
|
+
flex-shrink: 2;
|
|
2623
|
+
flex-grow: 1;
|
|
2624
|
+
align-items: center;
|
|
2625
|
+
height: ${e=>e.containerHeight-1}px; // Else bottom line doesnt show up
|
|
2626
|
+
// because the height of the svg is much larger
|
|
2627
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2628
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2629
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2630
|
+
color: ${e=>e.theme.colors.hero};
|
|
2631
|
+
|
|
2632
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
2633
|
+
&:hover {
|
|
2634
|
+
color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
|
|
2635
|
+
}
|
|
2636
|
+
${({isSticky:e})=>e?F`
|
|
2637
|
+
position: -webkit-sticky;
|
|
2638
|
+
position: sticky;
|
|
2639
|
+
top: ${s.sp0};
|
|
2640
|
+
left: ${s.sp0};
|
|
2641
|
+
`:null}
|
|
2642
|
+
`,Vu=a(S)`
|
|
2643
|
+
user-select: none;
|
|
2644
|
+
clear: both;
|
|
2645
|
+
display: inline-block;
|
|
2646
|
+
text-align: left;
|
|
2647
|
+
`,Du=({type:e,balance:o,isActualVsForecastOn:i,compareMode:n,account:r,showTotal:l,onAccountBalanceClick:c})=>{const d=o!=null?A.isCalculatedBalanceType(o?.type):!1,h=r!=null&&o!=null&&c!=null&&d!==!0,u=l===!0?Ho(o):Z(o),g=l===!0?xt(o):J(o),p=l===!0?Ko(o):de(o),f=l===!0?Yo(o):he(o);return t.jsxs(Pu,{"data-testid":m("account-row-balance-element",e),children:[ae(e)===!0||i?t.jsx(Ue,{"data-testid":m("account-row-balance-actual",e),isClickable:h,onClick:x=>{x.stopPropagation(),h===!0&&r!=null&&o!=null&&c?.(r,o)},children:u}):t.jsx(Ue,{"data-testid":m("account-row-balance-forecast",e),isClickable:!1,children:g}),i?t.jsxs(t.Fragment,{children:[t.jsx(Ue,{"data-testid":m("account-row-balance-forecast",e),isClickable:!1,children:g}),t.jsx(Ue,{"data-testid":m("account-row-balance-actual-vs-forecast",e),isClickable:!1,children:n==="compare_mode_percent"?p:f})]}):null]})};function Ru({type:e,backgroundColor:o,isSticky:i,treeNodeId:n,height:r,classDepth:l,accountBalances:c,isActualVsForecastOn:d,compareMode:h,metadata:u,isScrolling:g,noMarginForAccount:p,isLeaf:f,isOpen:x,isLastNode:b,account:y,onAccountBalanceClick:j,onClick:v}){const B=N(),L=y!=null?y.id.length-1:0,M=y?.hasSiblings??!1,P=y!=null?y.children.length!==0:!1,T=u,{common:{strings:{empty:K}}}=O.getLocalizedStrings(),H=y?.account.accountDescription?y.account.accountDescription:K,Y=y?.account.accountName?y.account.accountName:H;return t.jsxs(Iu,{"data-testid":m("sub-account-row",n),height:r,bgColor:o,children:[t.jsxs(Fu,{"data-testid":m("sub-account-row-container",n),onClick:()=>v?.(n),children:[t.jsx(Tu,{isClickable:P,isSticky:i,windowSize:B,bgColor:o,containerHeight:r,children:t.jsx(Vu,{title:Y,children:t.jsx(Qo,{displayName:Y,depth:L,classDepth:l,isLastNode:b,hasChildren:P,hasSiblings:M,isLeaf:f,collapsed:!x,subAccountAnscestorMetadata:T.subAccountAncestorMetadata,classAnscestorMetadata:T.classAncestorMetadata??[],noMarginForAccount:p})})}),xe(e)===!0?t.jsx(zu,{children:c.map((q,ue)=>t.jsx(Du,{type:e,isActualVsForecastOn:d,compareMode:h,balance:q,account:y?.account,showTotal:!x,onAccountBalanceClick:j==null?void 0:(Q,ne)=>{j(n,Q,ne)}},ue))}):null]}),t.jsx(Gu,{isScrolling:g,isLeaf:f,isOpen:x,depth:L,isSticky:i,classDepth:l,noMarginForAccount:p})]})}function Gu({isScrolling:e,depth:o,isOpen:i,isLeaf:n,isSticky:r,classDepth:l,noMarginForAccount:c}){return!i||n===!0?t.jsx(be,{isScrolling:e,kind:"sub_account_balance_row_separator",subAccountProps:{nestingLevel:o,isSticky:r,classDepth:l,noMarginForAccount:c}}):null}const Eu=[10,14,20,20,20],Hu=a.div`
|
|
2648
|
+
display: flex;
|
|
2649
|
+
flex: 1 1 auto;
|
|
2650
|
+
width: fit-content;
|
|
2651
|
+
min-width: 100%;
|
|
2652
|
+
flex-direction: column;
|
|
2653
|
+
height: ${e=>e.height-1}px;
|
|
2654
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2655
|
+
`,Ku=a.div`
|
|
2656
|
+
user-select: none;
|
|
2657
|
+
display: flex;
|
|
2658
|
+
flex: 1 1 auto;
|
|
2659
|
+
flex-flow: row;
|
|
2660
|
+
justify-content: flex-start;
|
|
2661
|
+
align-items: center;
|
|
2662
|
+
`,Yu=a.div`
|
|
2663
|
+
width: ${e=>Uo.emptyLeftContainer.valuePx(e.windowSize)};
|
|
2664
|
+
height: ${s.sp1};
|
|
2665
|
+
`,Uu=a.div`
|
|
2666
|
+
display: flex;
|
|
2667
|
+
flex: 1 0 auto;
|
|
2668
|
+
flex-direction: row;
|
|
2669
|
+
justify-content: flex-end;
|
|
2670
|
+
`,Zu=a.div`
|
|
2671
|
+
display: flex;
|
|
2672
|
+
flex-direction: row;
|
|
2673
|
+
justify-content: flex-start;
|
|
2674
|
+
`,Ze=a(S)`
|
|
2675
|
+
user-select: none;
|
|
2676
|
+
min-width: ${C.balanceWidth};
|
|
2677
|
+
max-width: ${C.balanceWidth};
|
|
2678
|
+
text-align: right;
|
|
2679
|
+
margin-left: ${C.balanceLeftMargin};
|
|
2680
|
+
color: ${e=>e.theme.colors.primary};
|
|
2681
|
+
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
2682
|
+
`,qu=a.div`
|
|
2683
|
+
display: flex;
|
|
2684
|
+
flex-direction: row;
|
|
2685
|
+
flex-shrink: 2;
|
|
2686
|
+
flex-grow: 1;
|
|
2687
|
+
align-items: center;
|
|
2688
|
+
height: ${e=>e.containerHeight-1}px;
|
|
2689
|
+
width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2690
|
+
max-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2691
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2692
|
+
${({isSticky:e})=>e?F`
|
|
2693
|
+
position: -webkit-sticky;
|
|
2694
|
+
position: sticky;
|
|
2695
|
+
top: ${s.sp0};
|
|
2696
|
+
left: ${s.sp0};
|
|
2697
|
+
`:null}
|
|
2698
|
+
`,Ju=a(S)`
|
|
2699
|
+
user-select: none;
|
|
2700
|
+
clear: both;
|
|
2701
|
+
display: inline-block;
|
|
2702
|
+
overflow: hidden;
|
|
2703
|
+
white-space: nowrap;
|
|
2704
|
+
text-overflow: ellipsis;
|
|
2705
|
+
text-align: left;
|
|
2706
|
+
margin-left: ${e=>Eu[e.depth]}px;
|
|
2707
|
+
color: ${e=>e.theme.colors.primary};
|
|
2708
|
+
width: ${e=>C.titleWidth.value(e.windowSize)-e.depth*80}px;
|
|
2709
|
+
`,Qu=({type:e,balance:o,isActualVsForecastOn:i,compareMode:n})=>t.jsxs(Zu,{"data-testid":m("sub-account-row-balance-element",e),children:[ae(e)===!0||i?t.jsx(Ze,{"data-testid":m("sub-account-row-balance-element-actual",e),isClickable:!1,children:Ho(o)}):t.jsx(Ze,{"data-testid":m("sub-account-row-balance-element-forecast",e),isClickable:!1,children:xt(o)}),i?t.jsxs(t.Fragment,{children:[t.jsx(Ze,{"data-testid":m("sub-account-row-balance-element-forecast",e),isClickable:!1,children:xt(o)}),t.jsx(Ze,{"data-testid":m("sub-account-row-balance-element-actual-vs-forecast",e),isClickable:!1,children:n==="compare_mode_percent"?Ko(o):Yo(o)})]}):null]});function Xu({type:e,backgroundColor:o,isSticky:i,height:n,classDepth:r,accountName:l,accountBalances:c,account:d,noMarginForAccount:h,isActualVsForecastOn:u,compareMode:g,isScrolling:p,metadata:f}){const x=N(),b=O.getLocalizedStrings().reports.sections,y=d!=null?d.id.length-1:0,j=f;return t.jsxs(Hu,{height:n,bgColor:o,children:[t.jsxs(Ku,{children:[t.jsxs(qu,{isSticky:i,windowSize:x,bgColor:o,containerHeight:n,children:[r!=null?t.jsx(qo,{ancestorMetadata:j.classAncestorMetadata??[],depth:r,name:l}):h===!1?t.jsx(Yu,{windowSize:x}):null,t.jsx(Jo,{ancestorMetadata:j.subAccountAncestorMetadata,depth:y,name:l}),t.jsx(Ju,{"data-testid":m("sub-account-row-name",e),isClickable:!1,title:l,depth:y,windowSize:x,children:b.totalPrefix+" "+l})]}),xe(e)===!0?t.jsx(Uu,{children:c.map((v,B)=>t.jsx(Qu,{type:e,isActualVsForecastOn:u,compareMode:g,balance:v},B))}):null]}),t.jsx(ep,{isScrolling:p,nestingLevel:y,isSticky:i,classDepth:r,noMarginForAccount:h})]})}function ep({isScrolling:e,nestingLevel:o,isSticky:i,classDepth:n,noMarginForAccount:r}){return t.jsx(be,{isScrolling:e,kind:"total_row_separator",subAccountProps:{nestingLevel:o,isSticky:i,classDepth:n,noMarginForAccount:r}})}const tp=a.div`
|
|
2710
|
+
user-select: none;
|
|
2711
|
+
display: flex;
|
|
2712
|
+
flex: 1 1 auto;
|
|
2713
|
+
width: fit-content;
|
|
2714
|
+
min-width: 100%;
|
|
2715
|
+
height: ${e=>e.height}px;
|
|
2716
|
+
flex-flow: row;
|
|
2717
|
+
justify-content: flex-start;
|
|
2718
|
+
align-items: center;
|
|
2719
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2720
|
+
`,op=a.div`
|
|
2721
|
+
display: flex;
|
|
2722
|
+
flex: 1 0 auto;
|
|
2723
|
+
flex-direction: row;
|
|
2724
|
+
justify-content: flex-end;
|
|
2725
|
+
`,Me=C.balanceWidthInPx+C.balanceLeftMarginInPx,Zi=a.div`
|
|
2726
|
+
display: flex;
|
|
2727
|
+
max-height: 54px;
|
|
2728
|
+
min-height: 54px;
|
|
2729
|
+
min-width: ${e=>e.isActualVsForecastOn?3*(Me-2)-C.balanceLeftMarginInPx:C.balanceWidthInPx}px;
|
|
2730
|
+
justify-content: center;
|
|
2731
|
+
align-items: center;
|
|
2732
|
+
background-color: ${e=>e.theme.colors.background};
|
|
2733
|
+
border: 1px solid ${e=>e.theme.colors.grey3};
|
|
2734
|
+
border-radius: ${s.sp2};
|
|
2735
|
+
margin-left: ${e=>e.isActualVsForecastOn?w[0]:C.balanceLeftMarginInPx}px;
|
|
2736
|
+
color: ${e=>e.theme.colors.primary};
|
|
2737
|
+
`,qi=a(S)`
|
|
2738
|
+
display: flex;
|
|
2739
|
+
user-select: none;
|
|
2740
|
+
flex-direction: row;
|
|
2741
|
+
justify-content: center;
|
|
2742
|
+
align-items: center;
|
|
2743
|
+
height: ${C.balanceHeight};
|
|
2744
|
+
max-width: ${C.balanceWidthInPx-2}px;
|
|
2745
|
+
width: 138px;
|
|
2746
|
+
text-align: center;
|
|
2747
|
+
`,ip=a.div`
|
|
2748
|
+
height: 100%;
|
|
2749
|
+
display: inline-block;
|
|
2750
|
+
flex-direction: row;
|
|
2751
|
+
align-items: center;
|
|
2752
|
+
min-width: ${e=>C.titleWidth.valuePx(e.windowSize)};
|
|
2753
|
+
color: ${e=>e.theme.colors.grey5};
|
|
2754
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2755
|
+
border: 1px solid ${e=>e.bgColor?.hex()};
|
|
2756
|
+
${({isSticky:e})=>e?F`
|
|
2757
|
+
position: -webkit-sticky;
|
|
2758
|
+
position: sticky;
|
|
2759
|
+
top: ${s.sp0};
|
|
2760
|
+
left: ${s.sp0};
|
|
2761
|
+
z-index: 20;
|
|
2762
|
+
`:null}
|
|
2763
|
+
`,np=a.div`
|
|
2764
|
+
display: flex;
|
|
2765
|
+
width: ${e=>e.isActualVsForecastOn?3*Me:Me}px;
|
|
2766
|
+
flex-direction: row;
|
|
2767
|
+
justify-content: flex-start;
|
|
2768
|
+
color: ${e=>e.theme.colors.champion};
|
|
2769
|
+
`,ft=a(S)`
|
|
2770
|
+
display: flex;
|
|
2771
|
+
justify-content: flex-end;
|
|
2772
|
+
align-items: center;
|
|
2773
|
+
height: ${C.balanceHeight};
|
|
2774
|
+
width: ${C.balanceWidth};
|
|
2775
|
+
min-width: ${C.balanceWidth};
|
|
2776
|
+
margin-left: ${C.balanceLeftMargin};
|
|
2777
|
+
margin-top: ${s.sp3};
|
|
2778
|
+
`,rp=a.div`
|
|
2779
|
+
display: flex;
|
|
2780
|
+
max-height: 54px;
|
|
2781
|
+
min-height: 54px;
|
|
2782
|
+
justify-content: center;
|
|
2783
|
+
align-items: center;
|
|
2784
|
+
color: ${e=>e.theme.colors.champion};
|
|
2785
|
+
`,ap=a.div``,lp=a(S)`
|
|
2786
|
+
display: flex;
|
|
2787
|
+
justify-content: center;
|
|
2788
|
+
align-items: center;
|
|
2789
|
+
max-height: 54px;
|
|
2790
|
+
min-height: 54px;
|
|
2791
|
+
background-color: ${e=>e.theme.colors.background};
|
|
2792
|
+
border: 1px solid ${e=>e.theme.colors.grey3};
|
|
2793
|
+
border-radius: ${s.sp2};
|
|
2794
|
+
margin-left: ${C.balanceLeftMarginInPx}px;
|
|
2795
|
+
color: ${e=>e.theme.colors.primary};
|
|
2796
|
+
width: ${C.balanceWidth};
|
|
2797
|
+
min-width: ${C.balanceWidth};
|
|
2798
|
+
`,cp=a.div`
|
|
2799
|
+
display: flex;
|
|
2800
|
+
width: ${e=>e.isActualVsForecastOn?3*Me:Me}px;
|
|
2801
|
+
flex-direction: column;
|
|
2802
|
+
align-items: flex-end;
|
|
2803
|
+
`,sp=a.div`
|
|
2804
|
+
max-height: 54px;
|
|
2805
|
+
min-height: 54px;
|
|
2806
|
+
`,Ji=({firstMonthOfFY:e,timeframeTick:o,timeframe:i,dataAvailable:n,bookCloseDate:r})=>{const l=O.getLocalizedStrings().reports,c=r!=null&&n!=null&&(o.balanceType==="default"||o.balanceType==="default_with_percent")?A.getTimeframeTickTag(i,e,o,r,n):void 0,d=c!=null?c==="under_review"?l.bookCloseTagUnderReview:l.bookCloseTagInProgress:void 0,h=Ii(c,i);return t.jsx(sp,{children:r!=null&&n!=null&&c!=null&&d!=null&&h!=null?t.jsx(Ni,{firstMonthOfFY:e,timeframeTick:o,timeframe:i,tagName:d,infoContent:h,tagType:c}):t.jsx(Zi,{isActualVsForecastOn:!1,children:t.jsx(qi,{children:We(e,o,i)})})})},dp=({firstMonthOfFY:e,timeframeTick:o,timeframe:i,isActualVsForecastOn:n,compareMode:r,dataAvailable:l,bookCloseDate:c,onCompareModeChanged:d})=>{const h=O.getLocalizedStrings().reports.forecast,u=r==="compare_mode_amount"?`${O.getLocalizedStrings().compareMode.changePrefix} ${o.currencySymbol}`:O.getLocalizedStrings().compareMode.changePercent;return n===!0?t.jsxs(cp,{isActualVsForecastOn:n,children:[t.jsx(Zi,{isActualVsForecastOn:n,children:t.jsx(qi,{children:We(e,o,i)})}),t.jsxs(np,{isActualVsForecastOn:n,children:[t.jsx(ft,{children:h.actual}),t.jsx(ft,{children:h.forecast}),t.jsx(ft,{children:t.jsx(Yt,{title:u,titleTextStyle:Nt.standardRegular,titleTextAlignment:"flex-end",selectedMode:r,onCompareModeChanged:g=>{g!=="off"?d?.(g):console.warn("Invalid compare mode option")}})})]})]}):t.jsx(Ji,{firstMonthOfFY:e,timeframeTick:o,timeframe:i,dataAvailable:l,bookCloseDate:c})},hp=({firstMonthOfFY:e,timeframeTicks:o,timeframe:i,compareMode:n,dataAvailable:r,bookCloseDate:l,onCompareModeChanged:c})=>{const d=se(),h=n==="compare_mode_amount"?`${O.getLocalizedStrings().compareMode.changePrefix} ${o[0].currencySymbol}`:O.getLocalizedStrings().compareMode.changePercent;return t.jsx(rp,{children:o.map((u,g)=>t.jsx(I.Fragment,{children:u.balanceType==="this_period_vs_last_period"||u.balanceType==="this_period_vs_last_period_percent"?t.jsx(lp,{children:t.jsx(Yt,{title:h,titleTextStyle:Nt.standardRegular,titleTextAlignment:"flex-end",titleColor:d.colors.primary,selectedMode:n,menuPosition:"right",onCompareModeChanged:p=>{p!=="off"&&(p==="compare_mode_amount"||p==="compare_mode_percent"?c?.(p):console.warn("Invalid compare mode option"))}})}):t.jsx(ap,{children:t.jsx(Ji,{firstMonthOfFY:e,timeframeTick:u,timeframe:i,dataAvailable:r,bookCloseDate:l},g)})},g))})};function up({type:e,backgroundColor:o,isSticky:i,height:n,isActualVsForecastOn:r,isCompareModeOn:l,firstMonthOfFY:c,timeframe:d,timeframeTicks:h,compareMode:u,dataAvailable:g,bookCloseDate:p,onCompareModeChanged:f}){const x=N();return t.jsxs(tp,{height:n,bgColor:o,children:[ge(e)===!0?t.jsx(ip,{isSticky:i,windowSize:x,bgColor:o,children:" . "}):null,t.jsx(op,{children:l===!0?t.jsx(hp,{firstMonthOfFY:c,timeframe:d,timeframeTicks:h,compareMode:u,dataAvailable:g,bookCloseDate:p,onCompareModeChanged:f}):h.map((b,y)=>t.jsx(dp,{firstMonthOfFY:c,timeframeTick:b,timeframe:d,isActualVsForecastOn:r,compareMode:u,dataAvailable:g,bookCloseDate:p,onCompareModeChanged:f},y))})]})}const lt=(e,o,i,n,r,l,c,d,h,u,g)=>{if(i.element.kind!="ac_report"||i.element.data==null)return null;const p=i.element.data,f=A.isDashboardClassesViewReport(i.config.reportId)===!0||A.isPAndLClassesViewReport(i.config.reportId)===!0?Si("no_filter",i.config.filterAccountsWithNilBalances):tt(i.element.sectionType,"no_filter",i.config.filterAccountsWithNilBalances,i.config.filterAccountGroupsWithNilBalances),x=te(f.acBalanceSelector(p),i.config.displayOrder,i.element.numOfBalances);return t.jsx(pu,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,isActualVsForecastOn:i.config.mode==="actual_vs_forecast",compareMode:u,accountBalances:x.balances,isScrolling:c,isLeaf:d,isLastNode:h,account:p,onAccountBalanceClick:g==null?void 0:(b,y,j)=>{g?.(b,y,j)}})},Ie=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="ac_subaccount"||i.element.data==null)return null;const f=i.element.data,x=qt("no_filter",i.config.filterAccountsWithNilBalances,i.config.filterAccountGroupsWithNilBalances),b=Ei(x.acBalanceSelector(f),i.config.displayOrder,i.element.numOfBalances),y=f.account.classesViewParentId?.parentClassId!=null?f.account.classesViewParentId?.parentClassId.length-1:void 0,j=i.config.reportId==="operating_expenses";return t.jsx(Ru,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,isActualVsForecastOn:i.config.mode==="actual_vs_forecast",classDepth:y,compareMode:g,accountBalances:b.balances,isScrolling:c,isLeaf:d,isOpen:h,isLastNode:u,account:f,metadata:i.element.metadata,onClick:p,noMarginForAccount:j,onAccountBalanceClick:p==null?void 0:(v,B,L)=>{p?.(v,B,L)}})},ct=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="ac_group_report"||i.element.data==null)return null;const f=i.element.data,x=tt(i.element.sectionType,"no_filter",i.config.filterAccountsWithNilBalances,i.config.filterAccountGroupsWithNilBalances),b=te(x.acGroupBalanceSelector(f),i.config.displayOrder,i.element.numOfBalances);return t.jsx(Uh,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,leftChevron:d?"open":"collapsed",accountGroupName:f.accountGroupName,isActualVsForecastOn:i.config.mode==="actual_vs_forecast",compareMode:g,accountGroupBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,onClick:y=>{p?.(y)}})},Qt=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="ac_group_subaccount"||i.element.data==null)return null;const f=i.element.data,x=qt("no_filter",i.config.filterAccountsWithNilBalances,i.config.filterAccountGroupsWithNilBalances),b=te(x.acGroupBalanceSelector(f),i.config.displayOrder,i.element.numOfBalances);return t.jsx(nu,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,leftChevron:d?"open":"collapsed",accountGroupName:f.accountGroupName,isActualVsForecastOn:i.config.mode==="actual_vs_forecast",compareMode:g,accountGroupBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,onClick:y=>{p?.(y)}})},Xt=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="section"||i.element.data==null)return null;const f=Lt(i.element.title),x=i.element.data,b=te(x,i.config.displayOrder,i.element.numOfBalances);return t.jsx(Jt,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,sectionName:i.element.title,sectionColor:f,isActualVsForecastOn:i.config.mode==="actual_vs_forecast",compareMode:g,sectionBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,onClick:y=>{p?.(y)}})},st=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="section_with_ac_only"||i.element.data==null)return null;const f=Lt(i.element.title),x=i.element.data,b=te(x,i.config.displayOrder,i.element.numOfBalances);return t.jsx(Jt,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,sectionName:i.element.title,sectionColor:f,isActualVsForecastOn:i.config.mode==="actual_vs_forecast",compareMode:g,sectionBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,onClick:y=>{p?.(y)}})},eo=(e,o,i,n,r,l,c,d,h,u,g,p)=>{if(i.element.kind!="calculated_section"||i.element.data==null)return null;const f=Lt(i.element.title),x=i.element.data,b=te(x,i.config.displayOrder,i.element.numOfBalances);return t.jsx(Jt,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,sectionName:i.element.title,sectionColor:f,isActualVsForecastOn:i.config.mode==="actual_vs_forecast",compareMode:g,sectionBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,isLastNode:u,onClick:y=>{p?.(y)}})},Fe=(e,o,i,n,r,l,c,d,h)=>{if(o.element.kind!="ac_subentity_total")return null;const u=o.element.data,g=qt("no_filter",o.config.filterAccountsWithNilBalances,o.config.filterAccountGroupsWithNilBalances),p=u.account.classesViewParentId?.parentClassId!=null?u.account.classesViewParentId?.parentClassId.length-1:void 0,f=Ei(g.acBalanceSelector(u),o.config.displayOrder,o.element.numOfBalances),x=o.config.reportId==="operating_expenses"||o.config.reportId==="operating_expenses_by_classes";return t.jsx(Xu,{type:e,backgroundColor:n,isSticky:r,height:i,accountName:u.account.accountName,account:u,isActualVsForecastOn:o.config.mode==="actual_vs_forecast",compareMode:h,accountBalances:f.balances,isScrolling:l,noMarginForAccount:x,isLeaf:c,isLastNode:d,metadata:o.element.metadata,classDepth:p})},ze=(e,o,i,n,r,l,c,d)=>{if(i.element.kind!=="timeframe_headers"&&i.element.kind!=="timeframe_headers_with_forecast")return null;const h=Ne(i.element.data,i.config.displayOrder),u=h.length>0?h[0].balanceTimeFrame:"month",g=h.map(p=>A.toTimeframeTick(p));return t.jsx(up,{treeNodeId:e,backgroundColor:r,isSticky:l,type:o,height:n,isActualVsForecastOn:i.element.kind==="timeframe_headers_with_forecast",isCompareModeOn:i.config.mode==="this_period_vs_period_before"&&g.length>1,firstMonthOfFY:i.config.firstMonthOfFY,timeframe:u,timeframeTicks:g,compareMode:c,dataAvailable:i.config.dataAvailable,bookCloseDate:i.config.bookCloseDate,onCompareModeChanged:d})},Qi=(e,o,i,n,r,l,c,d,h,u,g,p,f)=>{if(i.element.kind!="class"||i.element.data==null)return null;const x=i.element.data,b=te(x.childrenBalancesTotal,i.config.displayOrder,i.element.numOfBalances),y=g>1;return t.jsx(vu,{type:o,backgroundColor:r,isSticky:l,treeNodeId:e,height:n,className:i.element.title,classCode:i.element.data.class.accountingClassNumber,isActualVsForecastOn:i.config.mode==="actual_vs_forecast",depth:x.id.length-1,compareMode:p,sectionBalances:b.balances,isScrolling:c,isOpen:d,isLeaf:h,hasChildren:x.children.length>0,isLastNode:u,isSubClass:y,showClassAccountNumber:i.config.showClassAccountNumber,onClick:j=>{f?.(j)},metadata:i.element.metadata})},Io=e=>{const{height:o,data:{reportElementData:i,id:n,treeKind:r,isLeaf:l,isLastNode:c,nestingLevel:d,isFirstNode:h},isOpen:u,style:g,setOpen:p,isScrolling:f}=e,x=(j,v,B)=>{const L=l?u:!u;!l&&B==null&&(p(!u),e.onNodeCollapseToggled?.(j,!u)),e.onNodeClick?.(j,L,v,B)},b=e.treeNodePadding?.left,y=e.treeNodePadding?.right;return t.jsx("div",{style:{...g,width:"auto",minWidth:"100%",paddingLeft:b,paddingRight:y},children:t.jsx(Xi,{id:n,backgroundColor:e.backgroundColor,treeKind:r,reportElementData:i,height:o,isSticky:e.isSticky,isScrolling:f??!1,isLeaf:l,isLastNode:c,isFirstNode:h,isOpen:u,nestingLevel:d,nodeClickHandler:e.onNodeClick!=null||!l?x:void 0,compareMode:e.compareMode,hoveredParentIdProps:e.hoveredParentIdProps,onCompareModeChanged:e.onCompareModeChanged,toggleCheckHandler:e.onToggleCheck},n)})},Xi=e=>e.treeKind==="name_only"?t.jsx(wp,{...e}):A.isAgingReport(e.reportElementData.config.reportId)?t.jsx(bp,{...e}):A.isOpExByVendorReport(e.reportElementData.config.reportId)===!0?t.jsx(yp,{...e}):A.isPAndLClassesViewReport(e.reportElementData.config.reportId)===!0?t.jsx(pp,{...e}):A.isPAndLReport(e.reportElementData.config.reportId)===!0?t.jsx(gp,{...e}):A.isDashboardClassesViewReport(e.reportElementData.config.reportId)===!0?t.jsx(fp,{...e}):A.isDashboardReport(e.reportElementData.config.reportId)===!0?t.jsx(xp,{...e}):A.isCashFlowOrBalanceSheetReport(e.reportElementData.config.reportId)===!0?t.jsx(mp,{...e}):A.isFluxAnalysisOpExReport(e.reportElementData.config.reportId)===!0?t.jsx(kp,{...e}):A.isAccountReconReport(e.reportElementData.config.reportId)===!0?t.jsx(Cp,{...e}):null,pp=({id:e,treeKind:o,reportElementData:i,height:n,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:h,isOpen:u,nestingLevel:g,compareMode:p,nodeClickHandler:f,onCompareModeChanged:x})=>{switch(i.element.kind){case"ac_report":return lt(e,o,i,n,r,l,c,d,h,p,f);case"ac_group_report":return ct(e,o,i,n,r,l,c,u,d,h,p,f);case"section":return Xt(e,o,i,n,r,l,c,u,d,h,p,f);case"section_with_ac_only":return st(e,o,i,n,r,l,c,u,d,h,p,f);case"calculated_section":case"calculated_section_type1":return eo(e,o,i,n,r,l,c,u,d,h,p,f);case"title_string_only":return null;case"timeframe_headers":case"timeframe_headers_with_forecast":return ze(e,o,i,n,r,l,p,x);case"class":return Qi(e,o,i,n,r,l,c,u,d,h,g,p,f);case"ac_subaccount":return Ie(e,o,i,n,r,l,c,d,u,h,p,f);case"ac_subentity_total":return Fe(o,i,n,r,l,c,d,h,p);default:return null}},gp=({id:e,treeKind:o,reportElementData:i,height:n,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:h,isOpen:u,compareMode:g,nodeClickHandler:p,onCompareModeChanged:f})=>{switch(i.element.kind){case"ac_report":return lt(e,o,i,n,r,l,c,d,h,g,p);case"ac_group_report":return ct(e,o,i,n,r,l,c,u,d,h,g,p);case"ac_subaccount":return Ie(e,o,i,n,r,l,c,d,u,h,g,p);case"ac_group_subaccount":return Qt(e,o,i,n,r,l,c,u,d,h,g,p);case"section":return Xt(e,o,i,n,r,l,c,u,d,h,g,p);case"section_with_ac_only":return st(e,o,i,n,r,l,c,u,d,h,g,p);case"calculated_section":case"calculated_section_type1":return eo(e,o,i,n,r,l,c,u,d,h,g,p);case"title_string_only":return null;case"ac_subentity_total":return Fe(o,i,n,r,l,c,d,h,g);case"timeframe_headers":case"timeframe_headers_with_forecast":return ze(e,o,i,n,r,l,g,f);default:return null}},fp=({id:e,treeKind:o,reportElementData:i,height:n,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:h,isOpen:u,nestingLevel:g,compareMode:p,nodeClickHandler:f,onCompareModeChanged:x})=>{switch(i.element.kind){case"ac_report":return lt(e,o,i,n,r,l,c,d,h,p,f);case"ac_group_report":return ct(e,o,i,n,r,l,c,u,d,h,p,f);case"section":return $i(e,o,i,n,r,l,c,u,d,h,p,f);case"section_with_ac_only":return st(e,o,i,n,r,l,c,u,d,h,p,f);case"calculated_section":case"calculated_section_type1":return _i(e,o,i,n,r,l,c,u,d,h,p,f);case"title_string_only":return Dt(e,o,i,n,r,l,c,u,d,h,p,f);case"ac_subentity_total":return Fe(o,i,n,r,l,c,d,h,p);case"timeframe_headers":case"timeframe_headers_with_forecast":return ze(e,o,i,n,r,l,p,x);case"class":return Qi(e,o,i,n,r,l,c,u,d,h,g,p,f);case"ac_subaccount":return Ie(e,o,i,n,r,l,c,d,u,h,p,f);case"total":return Li(e,o,i,n,r,l,p,d);default:return null}},xp=({id:e,treeKind:o,reportElementData:i,height:n,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:h,isOpen:u,compareMode:g,nodeClickHandler:p,onCompareModeChanged:f})=>{switch(i.element.kind){case"ac_report":return ec(e,o,i,n,r,l,c,d,h,g,p);case"ac_group_report":return tc(e,o,i,n,r,l,c,u,d,h,g,p);case"ac_subaccount":return Ie(e,o,i,n,r,l,c,d,u,h,g,p);case"ac_group_subaccount":return Qt(e,o,i,n,r,l,c,u,d,h,g,p);case"section":return $i(e,o,i,n,r,l,c,u,d,h,g,p);case"section_with_ac_only":return oc(e,o,i,n,r,l,c,u,d,h,g,p);case"calculated_section":case"calculated_section_type1":return _i(e,o,i,n,r,l,c,u,d,h,g,p);case"title_string_only":return Dt(e,o,i,n,r,l,c,u,d,h,g,p);case"total":return Li(e,o,i,n,r,l,g,d);case"ac_subentity_total":return Fe(o,i,n,r,l,c,d,h,g);case"timeframe_headers":case"timeframe_headers_with_forecast":return ze(e,o,i,n,r,l,g,f);default:return null}},mp=({id:e,treeKind:o,reportElementData:i,height:n,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:h,isOpen:u,compareMode:g,nodeClickHandler:p,onCompareModeChanged:f})=>{switch(i.element.kind){case"ac_report":return lt(e,o,i,n,r,l,c,d,h,g,p);case"ac_group_report":return ct(e,o,i,n,r,l,c,u,d,h,g,p);case"section":return Xt(e,o,i,n,r,l,c,u,d,h,g,p);case"section_with_ac_only":return st(e,o,i,n,r,l,c,u,d,h,g,p);case"calculated_section":return eo(e,o,i,n,r,l,c,u,d,h,g,p);case"calculated_section_type1":return sl(e,i,n,r,l,c,h);case"title_string_only":return Dt(e,o,i,n,r,l,c,u,d,h,g,p);case"ac_subentity_total":return Fe(o,i,n,r,l,c,d,h,g);case"timeframe_headers":case"timeframe_headers_with_forecast":return ze(e,o,i,n,r,l,g,f);case"ac_subaccount":return Ie(e,o,i,n,r,l,c,d,u,h,g,p);case"ac_group_subaccount":return Qt(e,o,i,n,r,l,c,u,d,h,g,p);default:return null}},wp=({id:e,treeKind:o,reportElementData:i,height:n,backgroundColor:r,isSticky:l,isScrolling:c,isLeaf:d,isLastNode:h,isOpen:u,toggleCheckHandler:g})=>{switch(i.element.kind){case"checkbox_and_name_only":return ud(e,o,i,n,r,l,c,u,d,h,g);default:return null}},yp=({id:e,treeKind:o,reportElementData:i,height:n,backgroundColor:r,isSticky:l,isScrolling:c,isLastNode:d,compareMode:h,onCompareModeChanged:u})=>{switch(i.element.kind){case"loading_in_progress":case"spacer_row":return Sh(i,n,r,l);case"timeframe_headers":return kh(i,n,l,h,r,u);case"total":return Ch(e,o,i,n,l,c,r);case"vendor_row":return jh(o,i,n,r,l,c,d);case"title_string_only":return vh(i,n,r,l);default:return null}},bp=({id:e,treeKind:o,reportElementData:i,height:n,isOpen:r,isSticky:l,isScrolling:c,isLastNode:d,backgroundColor:h,nodeClickHandler:u})=>{const{config:g}=i;switch(i.element.kind){case"spacer_row":return null;case"timeframe_headers":return Ca(i,n,h,l,g.agingReportConfig?.sortKey,g.agingReportConfig?.sortOrder,g.agingReportConfig?.onSortOrderChanged);case"total":return va(o,i,n,h,l);case"aging_report_row":return ja(e,i,n,r,l,d,c,h,g.agingReportConfig?.onEntityNameClick,u);case"ac_subentity_total":return Sa(i,n,l,c,h);default:return null}},kp=({id:e,reportElementData:o,height:i,backgroundColor:n,isSticky:r,isScrolling:l,isLeaf:c,isLastNode:d,isFirstNode:h,isOpen:u,onFluxBalanceClick:g,nodeClickHandler:p,hoveredParentIdProps:f})=>{switch(o.element.kind){case"flux_vendor_account_class_row":return Qs(e,o,n,r,l,c,d,f,g);case"flux_vendor_row":return Xs(e,o,n,r,l,u,c,d,h,f,p);case"section":return ed(e,o,i,n,r,l,u,c,d,p);case"timeframe_headers":return td(o,i,r);case"total":return od(o,i);case"loading_in_progress":return id(o);case"headers_loading_in_progress":return nd(o);default:return null}},Cp=({reportElementData:e,height:o,isSticky:i,isLastNode:n})=>{switch(e.element.kind){case"timeframe_headers":return jr(e,i);case"loading_in_progress":return Cr();case"total":return Sr(e,o,i);case"section":return kr();case"title_string_only":return vr(e,o);case"ac_group_report":return $r(e,o,n);default:return null}};function Fo(e,o,i,n){return{data:{defaultHeight:to(e.reportElementData.config.reportId,e.reportElementData.element.kind,e.isFirstNode),id:e.id,isLeaf:e.children.length===0,isFirstNode:e.isFirstNode??!1,isLastNode:e.isLastNode,isOpenByDefault:n??jp(e.reportElementData.config.reportId,e.reportElementData.element.kind,i,e.reportElementData.config.reportFormat),nestingLevel:i,treeKind:o,reportElementData:e.reportElementData},treeKind:o,nestingLevel:i,node:e}}function to(e,o,i){return A.isPAndLReport(e)===!0?_r(o):A.isDashboardReport(e)===!0||A.isDashboardClassesViewReport(e)===!0?fl(o):A.isAgingReport(e)?Tr(o):A.isAccountReconReport(e)?et(o):A.isOpExByVendorReport(e)?pd(o):A.isFluxAnalysisOpExReport(e)?Bi(o,i):Ga(o)}function jp(e,o,i,n){return A.isPAndLReport(e)?Lr(o,n,i):A.isDashboardReport(e)||A.isDashboardClassesViewReport(e)===!0?xl(o,n):A.isAgingReport(e)?Vr():A.isOpExByVendorReport(e)?gd():A.isFluxAnalysisOpExReport(e)?gc(o):A.isAccountReconReport(e)?$n():Ea(o,n)}const Sp=a.div`
|
|
2807
|
+
top: 0;
|
|
2808
|
+
left: 0;
|
|
2809
|
+
position: sticky !important;
|
|
2810
|
+
position: -webkit-sticky !important;
|
|
2811
|
+
min-height: ${e=>e.heightValue}px;
|
|
2812
|
+
max-height: ${e=>e.heightValue}px;
|
|
2813
|
+
width: fit-content;
|
|
2814
|
+
min-width: 100%;
|
|
2815
|
+
z-index: 2;
|
|
2816
|
+
display: flex;
|
|
2817
|
+
flex-direction: column;
|
|
2818
|
+
align-items: center;
|
|
2819
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2820
|
+
box-sizing: border-box;
|
|
2821
|
+
`;function vp({height:e,backgroundColor:o,headers:i,treeKind:n,isSticky:r,compareMode:l,onCompareModeChanged:c}){return i.length===0?null:(i.forEach(d=>{if(d.children.length>0)throw Error("Sticky headers can't have children")}),t.jsx(Sp,{heightValue:e,bgColor:o,"data-testid":m("sticky-header-report-tree"),children:i.map((d,h)=>t.jsx(Xi,{id:d.id,treeKind:n,reportElementData:d.reportElementData,height:to(d.reportElementData.config.reportId,d.reportElementData.element.kind,d.isFirstNode),backgroundColor:o,isSticky:r,isScrolling:!1,isLeaf:!0,isLastNode:i.length-1===h,isFirstNode:!1,isOpen:!0,nestingLevel:1,nodeClickHandler:()=>{console.log("Node click handler is called")},compareMode:l,onCompareModeChanged:c},d.id))}))}const $p=(e,o,i)=>function*(){for(let n=0;n<o.length;++n)yield Fo(o[n],e,0,i[o[n].id]??void 0);for(;;){const n=yield;for(let r=0;r<n.node.children.length;++r)yield Fo(n.node.children[r],e,n.nestingLevel+1,i[n.node.children[r].id]??void 0)}},en=I.createContext(void 0);function _p({height:e,kind:o,rootNodes:i,compareMode:n,isSticky:r,backgroundColor:l,treeNodePadding:c,treeClassName:d,treeStyle:h,treeRef:u,treeOuterElementRef:g,infiniteLoadingProps:p,variableNodeHeightTree:f,onNodeClick:x,onCompareModeChanged:b,scrollPosition:y,onScroll:j,nodeOpenStatus:v,onNodeCollapseToggled:B,onTreeInnerElementHeightChanged:L,onToggleCheck:M,hoveredParentIdProps:P}){const T=I.useRef(null),K=I.useRef(null),H=lo(f?.prevFetchState),Y=lo(f?.prevRefreshFetchState),[q,ue]=I.useState(0),Q=g??K,ne=u??T,je=N(),[le,pe]=I.useState(void 0),[Pe,oo]=I.useState(!1),[Te,io]=I.useState(v),no=(z,oe)=>{io(Object.assign({},Te,{[z]:oe})),B?.(z,oe)},ro=z=>{if(i.contentNodes.length>0)if(Object.keys(z).length>0){const oe={};Object.keys(z).forEach(me=>{oe[me]={open:z[me]}}),ne?.current?.recomputeTree(oe)}else{const oe=i.contentNodes[0].id;ne?.current?.recomputeTree({[oe]:{open:!0}})}};I.useLayoutEffect(()=>{if((!co(y,le)||le==null)&&Q.current!=null){const z=y?.scrollLeft==null?je==="small"?0:Q.current.scrollWidth:y?.scrollLeft;if(y!=null){const oe={scrollTop:y.scrollTop,scrollLeft:z};pe(oe),z!==y?.scrollLeft&&j?.(oe)}Q.current.scroll({left:z,top:y?.scrollTop})}},[y]),I.useEffect(()=>{co(v,Te)||(io(v),ro(v))},[v]),I.useEffect(()=>{const z=Q.current,oe=cn(()=>{if(z!=null&&(le==null||z.scrollLeft!==le.scrollLeft||z.scrollTop!==le.scrollTop)){const me={scrollLeft:z.scrollLeft,scrollTop:z.scrollTop};pe(me),j?.(me)}},50);return z?.addEventListener("scroll",oe),()=>{z?.removeEventListener("scroll",oe)}},[Q,le,j]),I.useEffect(()=>{if(i.contentNodes.length>0){ro(Te);const z=i.contentNodes[0].reportElementData.config.mode==="actual_vs_forecast";z!==Pe&&oo(z)}},[Pe,oo,i,ne,Q]),I.useEffect(()=>{(f!=null&&H==="In-Progress"&&f.fetchState==="Completed"&&f.isSortApplied||f!=null&&Y==="In-Progress"&&f.refreshFetchState==="Completed")&&(f.reducedFetchState==="Completed"&&f.setIsSortApplied(!1),ue(q+1))},[q,f?.fetchState,f?.isSortApplied,H,Y,f]);const dt=I.useRef(),[tn,on]=I.useState(void 0),nn=()=>{const z=dt.current;z!=null&&z.clientHeight>0&&z.clientHeight!=tn&&(on(z.clientHeight),L?.(z.clientHeight))},ao=I.useCallback($p(o,i.contentNodes,Te),[o,i]),rn={rootNodes:i,treeNodePadding:c,backgroundColor:l,kind:o,isSticky:r,compareMode:n,onCompareModeChanged:b};return t.jsx(en.Provider,{value:rn,"data-testid":m("report-tree"),children:p==null?t.jsx(so,{className:d,style:h,ref:ne,innerRef:dt,outerRef:Q,innerElementType:_t,treeWalker:ao,onItemsRendered:nn,height:e,width:"100%",children:z=>t.jsx(Io,{...z,isSticky:r.isStickyName,backgroundColor:l,treeNodePadding:c,onNodeClick:x,onNodeCollapseToggled:no,compareMode:n,onCompareModeChanged:b,onToggleCheck:M})}):t.jsx(sn,{isItemLoaded:p.isItemLoaded,itemCount:p.itemCount+1,loadMoreItems:p.loadMoreItems,children:({onItemsRendered:z,ref:oe})=>t.jsx(so,{className:d,style:h,ref:oe,innerRef:dt,outerRef:Q,innerElementType:_t,treeWalker:ao,onItemsRendered:z,height:e,width:"100%",children:me=>t.jsx(Io,{...me,isSticky:r.isStickyName,backgroundColor:l,treeNodePadding:c,onNodeClick:x,onNodeCollapseToggled:no,compareMode:n,onCompareModeChanged:b,onToggleCheck:M,hoveredParentIdProps:P})},q)})})}const _t=I.forwardRef((e,o)=>{const{children:i,style:n,...r}=e,{rootNodes:l,treeNodePadding:c,backgroundColor:d,kind:h,isSticky:u,compareMode:g,onCompareModeChanged:p}=I.useContext(en),f=l.headerNodes.reduce((y,j)=>y+to(j.reportElementData.config.reportId,j.reportElementData.element.kind,j.isFirstNode),0),x=c?.left,b=c?.right;return t.jsxs("div",{ref:o,style:{...n,width:"auto",minWidth:"100%",paddingLeft:x,paddingRight:b},...r,children:[t.jsx(vp,{height:f,backgroundColor:d,headers:l.headerNodes,treeKind:h,isSticky:u.isStickyHeader,compareMode:g,onCompareModeChanged:p}),i]})});_t.displayName="stickyInnerElementType";const Lp=a.div`
|
|
2822
|
+
display: flex;
|
|
2823
|
+
flex: 1 0 auto;
|
|
2824
|
+
width: ${e=>e.width}px;
|
|
2825
|
+
height: ${e=>e.height}px;
|
|
2826
|
+
padding-left: ${e=>e.paddingLeft}px;
|
|
2827
|
+
background-color: ${e=>e.bgColor?.hex()};
|
|
2828
|
+
|
|
2829
|
+
& .content-scroll {
|
|
2830
|
+
overflow: auto;
|
|
2831
|
+
scrollbar-width: thin;
|
|
2832
|
+
scrollbar-color: transparent transparent;
|
|
2833
|
+
&::-webkit-scrollbar {
|
|
2834
|
+
width: ${s.sp2};
|
|
2835
|
+
height: ${s.sp2};
|
|
2836
|
+
background-color: transparent;
|
|
2837
|
+
}
|
|
2838
|
+
&::-webkit-scrollbar-thumb {
|
|
2839
|
+
background-color: transparent;
|
|
2840
|
+
}
|
|
2841
|
+
|
|
2842
|
+
&:hover {
|
|
2843
|
+
scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
|
|
2844
|
+
&::-webkit-scrollbar {
|
|
2845
|
+
width: ${s.sp2};
|
|
2846
|
+
height: ${s.sp2};
|
|
2847
|
+
background-color: transparent;
|
|
2848
|
+
}
|
|
2849
|
+
&::-webkit-scrollbar-track {
|
|
2850
|
+
box-shadow: inset 0 0 2px ${ee.scrollbarBoxShadow};
|
|
2851
|
+
-webkit-box-shadow: inset 0 0 2px ${ee.scrollbarBoxShadow};
|
|
2852
|
+
background-color: transparent;
|
|
2853
|
+
}
|
|
2854
|
+
&::-webkit-scrollbar-thumb {
|
|
2855
|
+
background-color: ${e=>e.theme.colors.grey1};
|
|
2856
|
+
border-radius: 2px;
|
|
2857
|
+
}
|
|
2858
|
+
}
|
|
2859
|
+
}
|
|
2860
|
+
`;function Wp({rootNodes:e,type:o,compareMode:i,isSticky:n,backgroundColor:r,treeNodePadding:l,onAccountClick:c,infiniteLoadingProps:d,variableNodeHeightTree:h,hoveredParentIdProps:u,onCompareModeChanged:g,scrollPosition:p,onScroll:f,nodeOpenStatus:x,onNodeCollapseToggled:b,onReportTableHeightChanged:y,onToggleCheck:j}){return t.jsx(an,{children:({height:v,width:B})=>t.jsx(Lp,{"data-testid":m("report-tree-container"),height:v,width:B,paddingLeft:l?.left??0,bgColor:r,children:t.jsx(_p,{"data-testid":m("report-tree"),treeClassName:"content-scroll",height:v,kind:o,rootNodes:e,compareMode:i,isSticky:n,backgroundColor:r,treeNodePadding:l!=null?{left:0,right:l?.right}:void 0,infiniteLoadingProps:d,variableNodeHeightTree:h,hoveredParentIdProps:u,onNodeClick:c==null?void 0:(L,M,P,T)=>{P!=null&&T!=null&&c(P,T)},onCompareModeChanged:g,scrollPosition:p,onScroll:f,nodeOpenStatus:x,onNodeCollapseToggled:b,onTreeInnerElementHeightChanged:y,onToggleCheck:j})})})}export{ic as B,te as D,We as L,Oe as W,Z as Y,Wp as a,qt as b,tt as i,Ht as o,Mp as r};
|