@zeniai/web-cockpit-ui 1.15.49-dev → 1.15.50-dev

package/dist/assets/OpExByVendorPage-ae4FK1p6-CuNG361W.js

@@ -1,100 +0,0 @@
-import{J,ie as Ce,b as B,y as q,cf as _e,aA as Se,V as t,bQ as we,ac as E,id as ve,bF as ke,bE as Be,ig as Te,ih as Pe,o as f,aV as $e,L as je,x as V,b5 as le,aG as ce,aX as Oe,u as T,ch as De,ci as Ie,cj as Ne,bN as Ee,p as a,an as de,w as ee,a_ as Ae}from"./index-Cq3X29cS.js";import{a as C,P as Le}from"./sentry-DQ_HstYV.js";import{n as u}from"./mui-DzE-7sTl.js";import{GO as Me}from"./zeni-epic-state-B4gyGBI3.js";import{p as Fe,d as Ve,y as H,b as pe,u as oe}from"./chartTypes-BPQ65VEE-6yZpeJsO.js";import{V as Re}from"./toChartData-BIERIIE--CxJg6nKe.js";import{m as R}from"./analyticsHelper-YXL3oVeL-st_q3oRE.js";import{p as ze}from"./TimeRangeSwitcher-NHpll2Zg-Dr20odtf.js";import{I as Ke}from"./TimeframeSwitcherWithToggle-DlZ34Erl-BkLOXZy3.js";import{C as We}from"./NoDataChart-Vz2Z_iIL-BHz7pPoV.js";import{d as Ge}from"./NoDataTable-B355xDAT-DcAZ4j4d.js";import{H as Ye,k as re}from"./detailCommon-cqZF9ZV8-CcqFhiCw.js";import{n as z}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{I as He,R as X}from"./CollapsableReportTable-C4hqC6Uj-CeOhK0qJ.js";import{o as me}from"./mapTimeframeBalancesToTreeNode-B-58xc9r-DNQTilLS.js";import{d as ae}from"./mapLoadingInProgressToTreeNode-CkbJ6R1I-DIVOAa5P.js";import{l as Je}from"./mapSpacerToTreeNode-BDHpjDEs-DAaIJCY0.js";import{N as qe,I as Xe,X as Ue,Y as Qe,J as Ze,K as eo}from"./recharts-CiLmNGsl.js";import"./liveblocks-hPir54fv.js";import"./core-CCdM5htn.js";import"./lottie-B9oE3WTk.js";import"./analytics-BxsZVqMD.js";import"./lexical-BfjdJw9p.js";import"./utils-wDk5ojg7.js";import"./TimeframeSwitcher-DR4B6ENA-CD0Ac63k.js";import"./graphic-no-data-l-DU4J8fDt-CsPk6hIb.js";import"./AccountRow-C7_pSX9U-C_uj4ob-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="79d6b63e-5e10-47c8-9b54-2fd792e77611",e._sentryDebugIdIdentifier="sentry-dbid-79d6b63e-5e10-47c8-9b54-2fd792e77611")}catch{}})();const oo=u.div`
-  display: flex;
-`,ro=u.div`
-  flex: display;
-  opacity: 0.85;
-  width: 320px;
-  border-radius: ${f.sp1};
-  flex-direction: column;
-  padding: ${f.sp3};
-  background-color: ${e=>e.theme.colors.black};
-`,te=u.div`
-  display: flex;
-  justify-content: space-between;
-`,ne=u(de)`
-  color: ${e=>e.color??a.neutralGrey2Light};
-  text-align: left;
-`,se=u(de)`
-  color: ${e=>e.color??a.neutralGrey2Light};
-  text-align: right;
-`,ao=u.div`
-  margin: ${f.sp2} ${f.sp0} ${f.sp2} ${f.sp0};
-  width: 100%;
-  height: 1px;
-  background-color: ${a.neutralGrey3Dark};
-`,to=({active:e,payload:r,barName:o})=>{const n=[];if(r!==void 0&&e===!0){const i=r.filter(y=>y.name==o)[0],l=i.payload,m=i.color,s={amount:l.record[o].amount?.amount??0,currencyCode:l.record[o].amount?.currencyCode??"",currencySymbol:l.record[o].amount?.currencySymbol??""},d={amount:0,currencyCode:"",currencySymbol:""};let h=0,p;for(p in l.record)p.endsWith("_actual")&&(h+=l.record[p].amount?.amount??0);d.amount=h,d.currencyCode=s.currencyCode,d.currencySymbol=s.currencySymbol,n.push({barName:pe(o),actual:s,color:m,total:d,timeframeTick:l.timeLabel})}return n},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(te,{children:[t.jsx(ne,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(se,{color:e[0].color,children:`${oe(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(te,{children:[t.jsx(ne,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(se,{children:`${oe(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},io=Le.memo(so),ie=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class I{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=ie.slice(),this._barColorsKeyWise=new Map}static#e=new I;getBarColor(r){const o=I.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=ie.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=I.instance(),n=Array.from(o._barColorsKeyWise.keys()).sort();return!ce(n,r)}static init(){return this.#e=new I,this.#e}static instance(){return this.#e}}const lo=I.instance(),co=(e,r)=>{const o=new Set,n={};let i;const l=r.top4VendorsAndOthers;return Object.keys(l).length>0&&Object.keys(l).forEach(m=>{l[m].forEach((s,d)=>{const h=`vendor_${d}`,p=Fe(h,"actual");o.add(p),i==null&&s.balance!=null&&(i=p),n[p]!=null?n[p].push({key:p,balance:s.balance}):n[p]=[{key:p,balance:s.balance}]})}),i!=null?Re(e,[...o],i,n):void 0},po=u.div`
-  width: ${e=>e.width}px;
-  height: ${e=>e.height}px;
-`;function mo({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:n=!1,isDetailPage:i=!1}){const l=C.useRef(!1),m=lo,[s,d]=C.useState(void 0);C.useEffect(()=>{l.current=!0},[]);const h=co(e.firstMonthOfFY,e),p=()=>{const c=[];return h?.orderedKeys.forEach(_=>{const S=i===!0&&!l.current;c.push(y(_,S))}),c},y=(c,_)=>t.jsx(eo,{name:c,animationDuration:_?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const k=S.record;return(k[c]?.amount!=null?k[c].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:m.getBarColor(pe(c)),onMouseEnter:()=>{s!==c&&d(c)},onMouseLeave:()=>{s!=null&&d(void 0)}},c),g=({active:c,payload:_})=>_?.find(S=>S.name===s)!=null&&s!=null&&c===!0?t.jsx(io,{active:c,payload:_,barName:s,getVendorName:b}):null,b=(c,_)=>{const S=Me(c);try{const k=_.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(k)].vendor.name}catch(k){return console.warn("Was not able to parse vendor index for tooltip ",k),""}};return h==null?null:t.jsx(ho,{chartData:h,showBarHoverBackground:n,barElements:p(),customToolTipContent:t.jsx(g,{}),width:r,height:o,isDetailPage:i===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:n,height:i,showBarHoverBackground:l=!1,isDetailPage:m})=>{const s=q(),d=Ve(e),h=l!==!1,p=m?(n-60)/H.operating_expenses_by_vendor*(H.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:n,height:i,children:t.jsx(le,{children:({height:y,width:g})=>t.jsxs(qe,{width:g,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:m?T[5]:30,margin:{top:5,right:p,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Xe,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:s.colors.grey3}),t.jsx(Ue,{dataKey:b=>b.timeLabel.label,type:"category",axisLine:{stroke:s.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject}}),t.jsx(Qe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject},tickFormatter:b=>Ae("0,0.[00]a",b,d)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:h?{stroke:s.colors.background,strokeWidth:(g-120)/H.operating_expenses_by_vendor,fill:s.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:n}=e,i=[];if(r&&(i.push("this_period_vs_last_period_percent"),i.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:n,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:i,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return yo(e.statementEndPoint,e.authParams,r)}async function yo(e,r,o){const n=B.getLocalizedStrings().downloadReport,i=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const l=await De({urlEndPoint:i,authParams:r,fileType:o.statementFileType});if(l.ok){const m=Ie(l.headers,n.defaultFileName),s=await l.arrayBuffer();Ne(s,m)}else console.error(`${n.reportErrorMessage} ${l.statusText}`)}catch(l){console.error(`${n.reportErrorMessage} ${JSON.stringify(l)}`)}}function bo({title:e,balances:r,config:o,nodeId:n}){return{children:[],id:n??X("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({config:e,isLastNode:r,numOfBalances:o,opExByVendor:n,title:i,vendorRowIndex:l}){const m=n.account?.accountName??"-",s=n.classBase?.className??"-",d=X("vendor_row",[],i+m+s);return{children:[],id:d,isLastNode:r,reportElementData:{element:{kind:"vendor_row",title:i,data:n,numOfBalances:o,index:l},config:e}}}function Co({title:e,balances:r,config:o,numOfBalances:n,nodeId:i}){return{children:[],id:i??X("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:n},config:o}}}const _o=(e,r,o,n=!0)=>{const i=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,l=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&l.push(e.totalBalances.totalBalance);const m=me({balances:l,config:o}),s=[];s.push(m);const d=B.getLocalizedStrings().vendors.opExByVendor,h=o.opexByVendorConfig?.sortOrSearchInProgress??!1,p=o.opexByVendorConfig?.pageFetchInProgress??!1;if(h===!0)[...Array(10)].forEach((y,g)=>{s.push(ae({title:`${g}+${d.loading}`,balances:l,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const b=Co({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:i});s.push(b)}const y=r.pageToken[r.timeframe],g=e.opexBalances.map((b,c)=>xo({config:o,isLastNode:c===e.opexBalances.length-1&&y==null,numOfBalances:i,opExByVendor:b,title:b.vendor.name,vendorRowIndex:c}));s.push(...g),p===!0&&[...Array(1)].forEach((b,c)=>{s.push(ae({title:`${c}+${d.loading}`,balances:l,config:o}))}),[...Array(1)].forEach((b,c)=>{s.push(Je({title:`${c}+${d.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&h!==!0&&s.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:l,config:o})),{config:o,headerNodes:n?[m]:[],contentNodes:s}};function So(e,r,o,n=!0){Object.assign(e.config,r);const i=wo(o),l=me({balances:i,config:r});return{config:r,headerNodes:n?[l]:[],contentNodes:[l,...e.contentNodes.slice(1)]}}const wo=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],N={chartHeight:new V(288,360),wrapperPadding:new V(T[3],T[3],T[8]),contentPaddingLeft:new V(T[0],T[0],T[0]),contentPaddingRight:new V(T[3],T[3],T[8])},vo=u.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding: ${f.sp0};
-  gap: 2px;
-`,ko=u.div`
-  position: relative;
-  box-shadow: ${e=>`2px 2px ${f.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>N.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>N.wrapperPadding.valuePx(e.windowSize)};
-`,Bo=u.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-`,To=u.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Po=u.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${f.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,$o=u($e)`
-  margin-top: ${f.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,jo=u.div`
-  display: flex;
-  padding: ${f.sp2} ${f.sp0} ${f.sp4} ${f.sp0};
-`,Oo=u.div``,Do=u.div``,Io=u.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: ${e=>N.chartHeight.valuePx(e.windowSize)};
-  padding-bottom: ${f.sp6};
-`,No=u.div`
-  display: flex;
-`,Eo=u.div`
-  margin-top: ${f.sp5};
-  margin-bottom: ${f.sp6};
-`,Ao=u.div`
-  display: flex;
-  position: sticky;
-  justify-content: center;
-  padding-top: ${f.sp8};
-  padding-left: ${e=>N.wrapperPadding.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Lo=u.div`
-  width: 100%;
-  height: calc(100vh - ${f.sp11});
-`,Mo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(je,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:n,onVendorTabSelectionChanged:i,onReloadReport:l,onBackClick:m,onFetchOpExByVendors:s,onAdditionalBalanceSelectionChanged:d,onTimeframeSelectionChanged:h,onSortOrderChanged:p,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:g,onPageFetchStarted:b,previousTabPosition:c,setPreviousTabPosition:_,updateDownloadStateHandler:S,onClearSearch:k,analytics:P,onClickMenuIcon:K})=>{const[j,A]=C.useState(o.searchString[o.timeframe]),[L,M]=C.useState(!1),w=J(),O=C.useRef(null),W=Ce(r),he=W.length>1,ge=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,Q=q(),ue=["month","quarter"],fe=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,F=o.mode==="compare_mode"&&!fe,G=e.allTimeframeTicks.length===0,{timeframe:$}=o,D=o.searchString[$];_e({componentName:"vendors.opex_by_vendor.list"});const ye=C.useCallback(v=>{s($,D,v)},[$,D,s]),be=C.useCallback((v,x)=>{window.scrollTo({top:O.current?.offsetTop,behavior:"smooth"}),v.length>0?(y(!0),s(x,v,!1)):(y(!1),k(x))},[k,s,y]),Z=C.useRef(Se((v,x)=>be(v,x),500,{trailing:!0})).current,xe=(v,x)=>{p(v,x,$),y(!0),s($,D,!1)};if(C.useEffect(()=>{async function v(){await fo({report:e,isCompareModeOn:F,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[$],...n}),P?.trackDownload(z("operating_expenses_by_vendor"),R(o.timeframe),"excel",F),S("Completed")}L&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),v())},[e,o,F,n,o.downloadState,L]),C.useEffect(()=>{A(D)},[D]),e.fetchState==="Error")return t.jsxs(To,{children:[t.jsx(Po,{"data-testid":E("op-ex-by-vendor-reload-page"),onClick:l,children:t.jsx(we,{})}),t.jsx($o,{children:ge.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Mo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const v=t.jsxs(t.Fragment,{children:[t.jsx(ve,{isSearchOpen:(D?.length??0)>0,searchBarDataTestId:E("op-ex-by-vendor-search-bar"),searchPlaceHolder:U.common.searchPlaceholder,searchText:j??"",onSearchTextChanged:x=>{A(x),x.trim().length>=2?Z(x,$):x.trim().length==0&&Z("",$)},downloadPresent:!0}),t.jsx(ke,{downloadButtonDataTestId:E("op-ex-by-vendor-download"),downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:G,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async x=>{if(x==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(vo,{windowSize:w,children:[t.jsx(Be,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Q.colors.grey5,onBackClick:m,rightSideComponent:v,showMenuIcon:w==="medium-compact"||w==="small",downloadPresent:!0,onClickMenuIcon:K,source:"OpExByVendorPage"}),t.jsxs(ko,{windowSize:w,children:[he?t.jsx(Te,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Q.colors.grey3}`},onTabChange:x=>i(Pe(x.id)),previousTabPosition:c,setPreviousTabPosition:_}):null,t.jsx(Fo,{allTimeframeTicks:e.allTimeframeTicks,analytics:P,compareToggleDataTestId:E("op-ex-by-vendor-compare-toggle"),firstMonthOfFY:e.firstMonthOfFY,isCompareModeOn:F,mode:o.mode,onAdditionalBalanceSelectionChanged:d,onTimeframeSelectionChanged:h,selectedCOABalancesRange:e.filter.balancesRange,selectedTimeframe:o.timeframe,timeframes:ue,timeframeSwitcherDataTestId:E("op-ex-by-vendor-month-quarter-switcher")}),Y!=null?t.jsx(Eo,{children:t.jsx(Ye,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:G})]}),t.jsx(Ro,{reference:O,report:e,uiState:o,isEmptyPeriod:G,onAdditionalBalanceSelectionChanged:d,onVendorNameAndBalanceClicked:g,onSortOrderChanged:xe,handleFetchOpExByVendor:ye,onPageFetchStarted:b,analytics:P})]})}return t.jsx(t.Fragment,{})},Fo=({allTimeframeTicks:e,analytics:r,compareToggleDataTestId:o,firstMonthOfFY:n,isCompareModeOn:i,mode:l,onAdditionalBalanceSelectionChanged:m,onTimeframeSelectionChanged:s,selectedCOABalancesRange:d,selectedTimeframe:h,timeframes:p,timeframeSwitcherDataTestId:y})=>t.jsx(Do,{children:t.jsxs(Oo,{children:[t.jsx(jo,{children:t.jsx(Ke,{compareToggleDataTestId:o,timeframe:{allowedTimeframes:p,selectedTimeframe:h,onTimeframeSelectionChanged:g=>{r?.trackTimeframeSwitch(R(g),z("operating_expenses_by_vendor")),(g==="month"||g==="quarter")&&s(g),l==="compare_mode"&&!i&&m(i,i?["this_period_vs_last_period_percent"]:[])}},timeframeSwitcherDataTestId:y,toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:i,isToggleDisabled:!1,onValueChanged:g=>{r?.trackCompareMode(g,z("operating_expenses_by_vendor"),R(h)),m(g,g?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(ze,{firstMonthOfFY:n,timeframe:h,timeframeTicks:e,selection:{selectedTicks:re(e,d),highlightedOfSelectedTicks:re(e,d)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=J();return e?t.jsx(No,{children:t.jsx(We,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Io,{windowSize:o,children:t.jsx(le,{children:({height:n,width:i})=>t.jsx(mo,{selectedRangeReport:r,width:i,height:n,isDetailPage:!0,showBarHoverBackground:!1})})})},Ro=({report:e,uiState:r,isEmptyPeriod:o,reference:n,onAdditionalBalanceSelectionChanged:i,onTableScroll:l,onSortOrderChanged:m,onVendorNameAndBalanceClicked:s,handleFetchOpExByVendor:d,onPageFetchStarted:h,analytics:p})=>{const y=r.mode==="compare_mode",g=w=>{p?.trackCompareFilterChange(w==="compare_mode_percent"?"percentage":"amount",z("operating_expenses_by_vendor"),R(r.timeframe),"dropdown"),i(y,[w==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},b=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[c,_]=C.useState(void 0),[S,k]=C.useState(void 0),P=J(),K=q(),j=!(P==="small"||P==="medium-compact");C.useEffect(()=>{const w={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Ee(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:m,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:s}};if(c==null||!ce(S,e)){const O=_o(e,r,w,j);k(e),_(O)}else{const O=So(c,w,e,j);_(O)}},[r.mode,e]);const A=w=>w<e.opexBalances.length,L=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(h(),d(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:P,ref:n,children:o?t.jsx(Ge,{}):c!=null?t.jsx(Lo,{children:t.jsx(He,{backgroundColor:new Oe(K.colors.grey4),rootNodes:c,type:"name+balances_actual",compareMode:b,isSticky:{isStickyHeader:j,isStickyName:j},treeNodePadding:{left:N.contentPaddingLeft.value(P),right:N.contentPaddingRight.value(P)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:g,onScroll:l,infiniteLoadingProps:{isItemLoaded:A,itemCount:M,loadMoreItems:L}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:n,dateFormat:i}=B.getLocalizedStrings();return`${n.opExByVendor.in} ${r.format(i.visual.MMMYYFormat)} - ${o.format(i.visual.MMMYYFormat)}`};export{fr as default};