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

package/dist/assets/OpExByVendorPage-DXeBU3-z-F-6uCCSP.js

@@ -1,100 +0,0 @@
-import{J as H,i8 as Ce,F as B,d as J,ce as _e,ay as xe,V as t,bP as Se,aQ as ke,i6 as we,bE as ve,bD as Be,i9 as Pe,ia as Oe,o as u,aU as Te,T as $e,y as F,b4 as ie,aE as le,aW as je,u as P,cg as De,ch as Ie,ci as Ne,bM as Ee,p as a,al as ce,b as Z,aZ as Ae}from"./index-CbBDw148.js";import{a as C,P as Me}from"./sentry-ClS5bwGc.js";import{n as m}from"./mui-BLUOobNq.js";import{G5 as Le}from"./zeni-epic-state-W0HMFHDj.js";import{p as Fe,d as Ve,y as G,b as de,u as ee}from"./chartTypes-Ddw_3-6f-BMc10nJG.js";import{V as Re}from"./toChartData-BEjMhb7--BmOva86j.js";import{m as V}from"./analyticsHelper-CT5zOInj-Du0DTPF_.js";import{p as ze}from"./TimeRangeSwitcher-DFnX6_WT-CF5mv12I.js";import{M as We}from"./TimeframeSwitcherWithToggle-DJOCWqpZ-BsIrdDc5.js";import{C as Ke}from"./NoDataChart-CyYJ6icu-CuklCFBU.js";import{d as Ye}from"./NoDataTable-DVe7sQhD-B4Won1bo.js";import{H as Ge,k as oe}from"./detailCommon-Cpgf9GLg-CC3Vv-5k.js";import{n as R}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{I as He,R as U}from"./CollapsableReportTable-Cq8bhaYC-sMsxrigZ.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-DqDJAeAj-qlQ8jZsM.js";import{d as re}from"./mapLoadingInProgressToTreeNode-C0YIUOnb-CktDojF3.js";import{l as Je}from"./mapSpacerToTreeNode-DKDsz0vw-NSXq93HU.js";import{N as Ue,I as qe,X as Qe,Y as Xe,J as Ze,K as eo}from"./recharts-J8hRG6fl.js";import"./liveblocks-ivZsDCw2.js";import"./core-Ce1HnmCU.js";import"./lottie-solWV_WO.js";import"./analytics-hCfYtzJT.js";import"./lexical-Dk2CPrxk.js";import"./utils-DG8PAOHO.js";import"./TimeframeSwitcher-CW08yYgo-kAXguHFR.js";import"./graphic-no-data-l-DU4J8fDt-DgWqYmly.js";import"./AccountRow-BiEYR4Y1-CNf1wUw2.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]="cfffa2c5-3072-4f39-9ed8-8933135163e4",e._sentryDebugIdIdentifier="sentry-dbid-cfffa2c5-3072-4f39-9ed8-8933135163e4")}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};
-`,ae=m.div`
-  display: flex;
-  justify-content: space-between;
-`,te=m(ce)`
-  color: ${e=>e.color??a.neutralGrey2Light};
-  text-align: left;
-`,ne=m(ce)`
-  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 s=[];if(r!==void 0&&e===!0){const i=r.filter(y=>y.name==o)[0],l=i.payload,h=i.color,n={amount:l.record[o].amount?.amount??0,currencyCode:l.record[o].amount?.currencyCode??"",currencySymbol:l.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in l.record)c.endsWith("_actual")&&(g+=l.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:l.timeLabel})}return s},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},io=Me.memo(so),se=[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=se.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=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=I.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!le(s,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,s={};let i;const l=r.top4VendorsAndOthers;return Object.keys(l).length>0&&Object.keys(l).forEach(h=>{l[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Fe(g,"actual");o.add(c),i==null&&n.balance!=null&&(i=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),i!=null?Re(e,[...o],i,s):void 0},po=m.div`
-  width: ${e=>e.width}px;
-  height: ${e=>e.height}px;
-`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:i=!1}){const l=C.useRef(!1),h=lo,[n,p]=C.useState(void 0);C.useEffect(()=>{l.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(_=>{const S=i===!0&&!l.current;d.push(y(_,S))}),d},y=(d,_)=>t.jsx(eo,{name:d,animationDuration:_?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),x=({active:d,payload:_})=>_?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(io,{active:d,payload:_,barName:n,getVendorName:f}):null,f=(d,_)=>{const S=Le(d);try{const v=_.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(x,{}),width:r,height:o,isDetailPage:i===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:i,showBarHoverBackground:l=!1,isDetailPage:h})=>{const n=J(),p=Ve(e),g=l!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:s,height:i,children:t.jsx(ie,{children:({height:y,width:x})=>t.jsxs(Ue,{width:x,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?P[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:n.colors.grey3}),t.jsx(Qe,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Xe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Ae("0,0.[00]a",f,p)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(x-120)/G.operating_expenses_by_vendor,fill:n.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:s}=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:s,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 s=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 h=Ie(l.headers,s.defaultFileName),n=await l.arrayBuffer();Ne(n,h)}else console.error(`${s.reportErrorMessage} ${l.statusText}`)}catch(l){console.error(`${s.reportErrorMessage} ${JSON.stringify(l)}`)}}function bo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??U("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function Co({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:i}){const l=e.account?.accountName??"-",h=e.classBase?.className??"-",n=U("vendor_row",[],o+l+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:i}}}function _o({title:e,balances:r,config:o,numOfBalances:s,nodeId:i}){return{children:[],id:i??U("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const xo=(e,r,o,s=!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 h=pe({balances:l,config:o}),n=[];n.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,x)=>{n.push(re({title:`${x}+${p.loading}`,balances:l,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=_o({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:i});n.push(f)}const y=r.pageToken[r.timeframe],x=e.opexBalances.map((f,d)=>Co({opExByVendor:f,title:f.vendor.name,numOfBalances:i,isLastNode:d===e.opexBalances.length-1&&y==null,config:o}));n.push(...x),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:l,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Je({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:l,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const i=ko(o),l=pe({balances:i,config:r});return{config:r,headerNodes:s?[l]:[],contentNodes:[l,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],N={chartHeight:new F(288,360),wrapperPadding:new F(P[3],P[3],P[8]),contentPaddingLeft:new F(P[0],P[0],P[0]),contentPaddingRight:new F(P[3],P[3],P[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;
-`,vo=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=>N.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>N.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};
-`,Po=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};
-    }
-  }
-`,To=m(Te)`
-  margin-top: ${u.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,$o=m.div`
-  display: flex;
-  padding: ${u.sp2} ${u.sp0} ${u.sp4} ${u.sp0};
-`,jo=m.div``,Do=m.div``,Io=m.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: ${e=>N.chartHeight.valuePx(e.windowSize)};
-  padding-bottom: ${u.sp6};
-`,No=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=>N.wrapperPadding.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Mo=m.div`
-  width: 100%;
-  height: calc(100vh - ${u.sp11});
-`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:i,onReloadReport:l,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:x,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:_,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[$,E]=C.useState(o.searchString[o.timeframe]),[A,M]=C.useState(!1),k=H(),j=C.useRef(null),W=Ce(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,q=B.getLocalizedStrings().vendors,Q=J(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:T}=o,D=o.searchString[T];_e({componentName:"vendors.opex_by_vendor.list"});const fe=C.useCallback(w=>{n(T,D,w)},[T,D,n]),ye=C.useCallback((w,b)=>{window.scrollTo({top:j.current?.offsetTop,behavior:"smooth"}),w.length>0?(y(!0),n(b,w,!1)):(y(!1),v(b))},[v,n,y]),X=C.useRef(xe((w,b)=>ye(w,b),500,{trailing:!0})).current,be=(w,b)=>{c(w,b,T),y(!0),n(T,D,!1)};if(C.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[T],...s}),O?.trackDownload(R("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}A&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,A]),C.useEffect(()=>{E(D)},[D]),e.fetchState==="Error")return t.jsxs(Po,{children:[t.jsx(Oo,{"data-testid":ke("op-ex-by-vendor-reload-page"),onClick:l,children:t.jsx(Se,{})}),t.jsx(To,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Lo,{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:(D?.length??0)>0,searchPlaceHolder:q.common.searchPlaceholder,searchText:$??"",onSearchTextChanged:b=>{E(b),b.trim().length>=2?X(b,T):b.trim().length==0&&X("",T)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,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:k,children:[t.jsx(Be,{title:q.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Q.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(vo,{windowSize:k,children:[he?t.jsx(Pe,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Q.colors.grey3}`},onTabChange:b=>i(Oe(b.id)),previousTabPosition:d,setPreviousTabPosition:_}):null,t.jsx(Fo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:O}),Y!=null?t.jsx(Eo,{children:t.jsx(Ge,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:K})]}),t.jsx(Ro,{reference:j,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:x,onSortOrderChanged:be,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:i,onTimeframeSelectionChanged:l,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs(jo,{children:[t.jsx($o,{children:t.jsx(We,{timeframe:{allowedTimeframes:e,selectedTimeframe:i,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&l(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,R("operating_expenses_by_vendor"),V(i)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(ze,{firstMonthOfFY:r,timeframe:i,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Ke,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Io,{windowSize:o,children:t.jsx(ie,{children:({height:s,width:i})=>t.jsx(ho,{selectedRangeReport:r,width:i,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Ro=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:i,onTableScroll:l,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",x=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),i(y,[k==="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.useState(void 0),[S,v]=C.useState(void 0),O=H(),z=J(),$=!(O==="small"||O==="medium-compact");C.useEffect(()=>{const k={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:n}};if(d==null||!le(S,e)){const j=xo(e,r,k,$);v(e),_(j)}else{const j=So(d,k,e,$);_(j)}},[r.mode,e]);const E=k=>k<e.opexBalances.length,A=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:s,children:o?t.jsx(Ye,{}):d!=null?t.jsx(Mo,{children:t.jsx(He,{backgroundColor:new je(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:$,isStickyName:$},treeNodePadding:{left:N.contentPaddingLeft.value(O),right:N.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:x,onScroll:l,infiniteLoadingProps:{isItemLoaded:E,itemCount:M,loadMoreItems:A}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:i}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(i.visual.MMMYYFormat)} - ${o.format(i.visual.MMMYYFormat)}`};export{fr as default};