@zeniai/web-cockpit-ui 1.15.55-dev → 1.15.56-dev

package/dist/assets/OpExByVendorPage-BjNi44e6-DOiReLBc.js

@@ -1,100 +0,0 @@
-import{Q as J,ig as Ce,b as B,y as X,cg as _e,aA as ve,V as t,bQ as Se,ac as j,ie as we,bF as ke,bE as Be,ih as Te,ii as Oe,o as u,aV as Pe,L as je,x as V,b5 as le,aG as ce,aX as $e,u as T,ci as De,cj as Ne,ck as Ie,bN as Ee,p as a,an as de,w as ee,a_ as Ae}from"./index-DceSoL0X.js";import{a as x,P as Le}from"./sentry-DSwgNZrO.js";import{n as m}from"./mui-B9ZZxqGv.js";import{GS as Me}from"./zeni-epic-state-BKQAT3eK.js";import{p as Fe,d as Ve,y as H,b as pe,u as oe}from"./chartTypes-Bka0fHvt-LIfMG0zS.js";import{V as ze}from"./toChartData-C9xZuC9A-cKZFGcPF.js";import{m as z}from"./analyticsHelper-huzmVdCu-BJHBr6dz.js";import{y as Re,M as re}from"./TimeRangeSwitcher-ejYmSzzU-BGF2Hlek.js";import{X as Ke}from"./TimeframeSwitcherWithToggle-BIe0KGCe-CezpaCXC.js";import{C as We}from"./NoDataChart-BO4tisNf-D8owAUYk.js";import{d as Ge}from"./NoDataTable-BEVgI9LO-CYWfmTuA.js";import{H as Ye}from"./BalancesInsightWithToolTip-e99DEARd-B-O4Ljlc.js";import{n as R}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{X as He,J as q}from"./CollapsableReportTable-B7wBJa-J-CFRGpr0Y.js";import{o as he}from"./mapTimeframeBalancesToTreeNode-DliXXFXC-BfnSqJsP.js";import{d as ae}from"./mapLoadingInProgressToTreeNode-QGHkauXd-qPE55nra.js";import{l as Je}from"./mapSpacerToTreeNode-CsVNH3Xd-QYfiumtX.js";import{N as Xe,I as qe,X as Qe,Y as Ue,J as Ze,K as eo}from"./recharts-Df6P8LTk.js";import"./liveblocks-C3olwiFW.js";import"./core-CddRDKK5.js";import"./lottie-DHSNlrty.js";import"./analytics-BBPxpXjb.js";import"./lexical-CRAxrDKi.js";import"./utils-bhjg_GlW.js";import"./TimeframeSwitcher-B1rtSeeP-s5XP-zq2.js";import"./graphic-no-data-l-DU4J8fDt-CyoR0rrV.js";import"./AccountRow-DHebunB5-DIYXQfGx.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]="0393d7ac-500d-4e22-a1cf-f1f45623eb8f",e._sentryDebugIdIdentifier="sentry-dbid-0393d7ac-500d-4e22-a1cf-f1f45623eb8f")}catch{}})();const oo=m.div`
-  display: flex;
-`,ro=m.div`
-  flex: display;
-  opacity: 0.85;
-  width: 320px;
-  border-radius: ${u.sp1};
-  flex-direction: column;
-  padding: ${u.sp3};
-  background-color: ${e=>e.theme.colors.black};
-`,te=m.div`
-  display: flex;
-  justify-content: space-between;
-`,ne=m(de)`
-  color: ${e=>e.color??a.neutralGrey2Light};
-  text-align: left;
-`,se=m(de)`
-  color: ${e=>e.color??a.neutralGrey2Light};
-  text-align: right;
-`,ao=m.div`
-  margin: ${u.sp2} ${u.sp0} ${u.sp2} ${u.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 l=r.filter(y=>y.name==o)[0],i=l.payload,h=l.color,s={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=s.currencyCode,p.currencySymbol=s.currencySymbol,n.push({barName:pe(o),actual:s,color:h,total:p,timeframeTick:i.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 l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((s,p)=>{const g=`vendor_${p}`,c=Fe(g,"actual");o.add(c),l==null&&s.balance!=null&&(l=c),n[c]!=null?n[c].push({key:c,balance:s.balance}):n[c]=[{key:c,balance:s.balance}]})}),l!=null?ze(e,[...o],l,n):void 0},po=m.div`
-  width: ${e=>e.width}px;
-  height: ${e=>e.height}px;
-`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:n=!1,isDetailPage:l=!1}){const i=x.useRef(!1),h=lo,[s,p]=x.useState(void 0);x.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(C=>{const v=l===!0&&!i.current;d.push(y(C,v))}),d},y=(d,C)=>t.jsx(eo,{name:d,animationDuration:C?500:void 0,style:{cursor:"pointer"},dataKey:v=>{const k=v.record;return(k[d]?.amount!=null?k[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(pe(d)),onMouseEnter:()=>{s!==d&&p(d)},onMouseLeave:()=>{s!=null&&p(void 0)}},d),_=({active:d,payload:C})=>C?.find(v=>v.name===s)!=null&&s!=null&&d===!0?t.jsx(io,{active:d,payload:C,barName:s,getVendorName:f}):null,f=(d,C)=>{const v=Me(d);try{const k=C.split("_")[1];return e.top4VendorsAndOthers[v][parseInt(k)].vendor.name}catch(k){return console.warn("Was not able to parse vendor index for tooltip ",k),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:n,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:n,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const s=X(),p=Ve(e),g=i!==!1,c=h?(n-60)/H.operating_expenses_by_vendor*(H.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:n,height:l,"data-testid":j("op-ex-by-vendor-chart"),children:t.jsx(le,{children:({height:y,width:_})=>t.jsxs(Xe,{width:_,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?T[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(qe,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:s.colors.grey3}),t.jsx(Qe,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:s.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject}}),t.jsx(Ue,{type:"number",axisLine:!1,tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject},tickFormatter:f=>Ae("0,0.[00]a",f,p)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:g?{stroke:s.colors.background,strokeWidth:(_-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,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.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:l,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,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,n.defaultFileName),s=await i.arrayBuffer();Ie(s,h)}else console.error(`${n.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${n.reportErrorMessage} ${JSON.stringify(i)}`)}}function bo({title:e,balances:r,config:o,nodeId:n}){return{children:[],id:n??q("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:l,vendorRowIndex:i}){const h=n.account?.accountName??"-",s=n.classBase?.className??"-",p=q("vendor_row",[],l+h+s);return{children:[],id:p,isLastNode:r,reportElementData:{element:{kind:"vendor_row",title:l,data:n,numOfBalances:o,index:i},config:e}}}function Co({title:e,balances:r,config:o,numOfBalances:n,nodeId:l}){return{children:[],id:l??q("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:n},config:o}}}const _o=(e,r,o,n=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=he({balances:i,config:o}),s=[];s.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((y,_)=>{s.push(ae({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=Co({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});s.push(f)}const y=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({config:o,isLastNode:d===e.opexBalances.length-1&&y==null,numOfBalances:l,opExByVendor:f,title:f.vendor.name,vendorRowIndex:d}));s.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{s.push(ae({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{s.push(Je({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&s.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:n?[h]:[],contentNodes:s}};function vo(e,r,o,n=!0){Object.assign(e.config,r);const l=So(o),i=he({balances:l,config:r});return{config:r,headerNodes:n?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={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])},wo=m.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding: ${u.sp0};
-  gap: 2px;
-`,ko=m.div`
-  position: relative;
-  box-shadow: ${e=>`2px 2px ${u.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-`,Bo=m.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-`,To=m.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Oo=m.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${u.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Po=m(Pe)`
-  margin-top: ${u.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,jo=m.div`
-  display: flex;
-  padding: ${u.sp2} ${u.sp0} ${u.sp4} ${u.sp0};
-`,$o=m.div``,Do=m.div``,No=m.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: ${e=>E.chartHeight.valuePx(e.windowSize)};
-  padding-bottom: ${u.sp6};
-`,Io=m.div`
-  display: flex;
-`,Eo=m.div`
-  margin-top: ${u.sp5};
-  margin-bottom: ${u.sp6};
-`,Ao=m.div`
-  display: flex;
-  position: sticky;
-  justify-content: center;
-  padding-top: ${u.sp8};
-  padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Lo=m.div`
-  width: 100%;
-  height: calc(100vh - ${u.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:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:s,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:C,updateDownloadStateHandler:v,onClearSearch:k,analytics:O,onClickMenuIcon:K})=>{const[$,A]=x.useState(o.searchString[o.timeframe]),[L,M]=x.useState(!1),S=J(),D=x.useRef(null),W=Ce(r),me=W.length>1,ge=B.getLocalizedStrings().reports.common,Q=B.getLocalizedStrings().vendors,U=X(),ue=["month","quarter"],fe=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,F=o.mode==="compare_mode"&&!fe,G=e.allTimeframeTicks.length===0,{timeframe:P}=o,N=o.searchString[P];_e({componentName:"vendors.opex_by_vendor.list"});const ye=x.useCallback(w=>{s(P,N,w)},[P,N,s]),be=x.useCallback((w,b)=>{window.scrollTo({top:D.current?.offsetTop,behavior:"smooth"}),w.length>0?(y(!0),s(b,w,!1)):(y(!1),k(b))},[k,s,y]),Z=x.useRef(ve((w,b)=>be(w,b),500,{trailing:!0})).current,xe=(w,b)=>{c(w,b,P),y(!0),s(P,N,!1)};if(x.useEffect(()=>{async function w(){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[P],...n}),O?.trackDownload(R("operating_expenses_by_vendor"),z(o.timeframe),"excel",F),v("Completed")}L&&o.downloadState!=="In-Progress"&&(M(!1),v("In-Progress"),w())},[e,o,F,n,o.downloadState,L]),x.useEffect(()=>{A(N)},[N]),e.fetchState==="Error")return t.jsxs(To,{children:[t.jsx(Oo,{"data-testid":j("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(Po,{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 w=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(N?.length??0)>0,searchBarDataTestId:j("op-ex-by-vendor-search-bar"),searchPlaceHolder:Q.common.searchPlaceholder,searchText:$??"",onSearchTextChanged:b=>{A(b),b.trim().length>=2?Z(b,P):b.trim().length==0&&Z("",P)},downloadPresent:!0}),t.jsx(ke,{downloadButtonDataTestId:j("op-ex-by-vendor-download"),downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:G,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async b=>{if(b==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(wo,{windowSize:S,children:[t.jsx(Be,{title:Q.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:U.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:S==="medium-compact"||S==="small",downloadPresent:!0,onClickMenuIcon:K,source:"OpExByVendorPage"}),t.jsxs(ko,{windowSize:S,children:[me?t.jsx(Te,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${U.colors.grey3}`},onTabChange:b=>l(Oe(b.id)),previousTabPosition:d,setPreviousTabPosition:C}):null,t.jsx(Fo,{allTimeframeTicks:e.allTimeframeTicks,analytics:O,firstMonthOfFY:e.firstMonthOfFY,isCompareModeOn:F,mode:o.mode,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,selectedCOABalancesRange:e.filter.balancesRange,selectedTimeframe:o.timeframe,timeframes:ue}),Y!=null?t.jsx(Eo,{"data-testid":j("op-ex-by-vendor-insight-container"),children:t.jsx(Ye,{balance:Y,dateText:Ro(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:G})]}),t.jsx(zo,{reference:D,report:e,uiState:o,isEmptyPeriod:G,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:ye,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({allTimeframeTicks:e,analytics:r,firstMonthOfFY:o,isCompareModeOn:n,mode:l,onAdditionalBalanceSelectionChanged:i,onTimeframeSelectionChanged:h,selectedCOABalancesRange:s,selectedTimeframe:p,timeframes:g})=>t.jsx(Do,{children:t.jsxs($o,{children:[t.jsx(jo,{"data-testid":j("op-ex-by-vendor-timeframe-controls"),children:t.jsx(Ke,{timeframe:{allowedTimeframes:g,selectedTimeframe:p,onTimeframeSelectionChanged:c=>{r?.trackTimeframeSwitch(z(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&h(c),l==="compare_mode"&&!n&&i(n,n?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:n,isToggleDisabled:!1,onValueChanged:c=>{r?.trackCompareMode(c,R("operating_expenses_by_vendor"),z(p)),i(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Re,{firstMonthOfFY:o,timeframe:p,timeframeTicks:e,selection:{selectedTicks:re(e,s),highlightedOfSelectedTicks:re(e,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=J();return e?t.jsx(Io,{children:t.jsx(We,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:n,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:n,isDetailPage:!0,showBarHoverBackground:!1})})})},zo=({report:e,uiState:r,isEmptyPeriod:o,reference:n,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:s,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",_=S=>{c?.trackCompareFilterChange(S==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),z(r.timeframe),"dropdown"),l(y,[S==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,C]=x.useState(void 0),[v,k]=x.useState(void 0),O=J(),K=X(),$=!(O==="small"||O==="medium-compact");x.useEffect(()=>{const S={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:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:s}};if(d==null||!ce(v,e)){const D=_o(e,r,S,$);k(e),C(D)}else{const D=vo(d,S,e,$);C(D)}},[r.mode,e]);const A=S=>S<e.opexBalances.length,L=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:n,children:o?t.jsx(Ge,{}):d!=null?t.jsx(Lo,{"data-testid":j("op-ex-by-vendor-report-table"),children:t.jsx(He,{backgroundColor:new $e(K.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:$,isStickyName:$},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:A,itemCount:M,loadMoreItems:L}})}):null})},Ro=e=>{const r=e.startDate,o=e.endDate,{vendors:n,dateFormat:l}=B.getLocalizedStrings();return`${n.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{fr as default};