@zeniai/web-cockpit-ui 1.14.89-prod → 1.14.90-dev

package/dist/assets/{TopExCard-ImUx-vXr-RGtoQGSt.js → TopExCard-DbPlohSJ-YKd6FEuQ.js}

@@ -1,4 +1,4 @@
-import{aA as M,Q as _,V as t,d as x,u as f,aV as q,b as T,aL as R,aI as H,o as p,ag as C,b7 as X,ak as F,F as S,aJ as G,aK as J,aP as E,b0 as Q,b1 as Y,aQ as N,bO as U}from"./index-DcV3YN51.js";import{w,a as W}from"./core-3dlyNYRL.js";import{EL as Z}from"./zeni-epic-state-BwKvATgd.js";import{n as g}from"./mui-bYXq4XMS.js";import{I as ee,T as te}from"./ReloadCard-B2sJR97f-BCtofZlK.js";import{o as ae,r as re}from"./graphic-no-data-l-DU4J8fDt-x_U9o4ZQ.js";import{B as k,X as L,Y as $,b as O,e as A,f as ne,g as oe}from"./recharts-h5iNQbFd.js";const ie=g(E)`
+import{aA as z,q as _,V as t,e as x,d as f,aV as q,b as T,aL as R,aI as H,o as p,ag as C,b7 as X,ak as F,F as S,aJ as G,aK as J,aP as E,b0 as Y,b1 as N,aQ as Q,bO as Z}from"./index-BhteR_e0.js";import{S as w,a as U}from"./core-B-FNbYlu.js";import{EL as W}from"./zeni-epic-state-HWtMOH-U.js";import{n as g}from"./mui-DLNyBjYF.js";import{I as ee,T as te}from"./ReloadCard-DMWwNZ1z-CIbg2f6Q.js";import{o as ae,r as re}from"./graphic-no-data-l-DU4J8fDt-DTSR9TM8.js";import{B as k,X as L,Y as $,b as O,e as P,f as ne,g as oe}from"./recharts-Cnl2EvUV.js";const ie=g(E)`
   justify-content: space-between;
   margin: 0;
   height: ${e=>e.height!=null?e.height+"px":"auto"};
@@ -6,14 +6,14 @@ import{aA as M,Q as _,V as t,d as x,u as f,aV as q,b as T,aL as R,aI as H,o as p
 `,se=g.div``,le=g(C)`
   color: ${e=>e.theme.colors.hero};
   margin: ${p.sp2} ${p.sp0} ${p.sp2} ${p.sp0};
-`,ce=({width:e,height:i,label:r})=>{const l=x();return t.jsxs(ie,{height:i,width:e,children:[t.jsx(se,{}),l.mode==="light"?t.jsx(ae,{style:{marginBottom:p.sp4}}):t.jsx(re,{style:{marginBottom:p.sp4}}),t.jsx(le,{children:r})]})},de=g.div``;function he({allowedValues:e,timeframeSelected:i,onTimeframeChanged:r,textStyle:l}){const o=n=>S.getLocalizedStrings().timeframe[n];return t.jsx(de,{onClick:n=>n.stopPropagation(),children:t.jsx(U,{pickerValues:e,valueToLabel:o,selectedValue:i,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(N)`
+`,ce=({width:e,height:i,label:r})=>{const l=x();return t.jsxs(ie,{height:i,width:e,children:[t.jsx(se,{}),l.mode==="light"?t.jsx(ae,{style:{marginBottom:p.sp4}}):t.jsx(re,{style:{marginBottom:p.sp4}}),t.jsx(le,{children:r})]})},de=g.div``;function he({allowedValues:e,timeframeSelected:i,onTimeframeChanged:r,textStyle:l}){const o=n=>S.getLocalizedStrings().timeframe[n];return t.jsx(de,{onClick:n=>n.stopPropagation(),children:t.jsx(Z,{pickerValues:e,valueToLabel:o,selectedValue:i,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(Q)`
   color: ${e=>e.theme.colors.champion};
 `,v=g.div`
   display: flex;
   flex: 0 1 auto;
   flex-direction: row;
   align-items: center;
-`;function ue({dimension:e,reportTitle:i,cardType:r,cardIndex:l,onCardClick:o,timeframe:n,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(G,{"data-testid":J("dashboard",`${r}-timeframe-${n}`),style:{cursor:"pointer"},dimension:e,onClick:()=>o(l,r),children:t.jsxs(E,{children:[t.jsxs(v,{style:{marginBottom:f[3]},children:[t.jsx(me,{children:i!=null?i+c:Q(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:n,onTimeframeChanged:a=>h?.(a??"month"),allowedValues:d}):null]}),t.jsx(v,{style:{width:"100%",height:"100%",cursor:"pointer"},children:t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx(Y,{children:({height:a,width:m})=>s(m,a)})})})]})})}function P({card:e,reportTitle:i,actions:r,timeframe:l,allowedValues:o,chartElement:n,onTimeframeChange:d}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(ee,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(te,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onReloadData:r.onReloadData,reportTitle:i}):t.jsx(ue,{dimension:e.dimension,reportTitle:i,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:r.onCardClick,timeframe:l,allowedValues:o??["month","quarter","year"],chartElement:n,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}w.memo(P);const B=(e,i,r)=>{const l=i.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),o=r.total,n=r.accountsOrdered.map(a=>({accountId:a.accountId,accountDescription:a.accountDescription,balance:a.balance,logo:a.logo}))??[],d=Math.min(e,n.length),s=n.length?e-n.length:0,h=o?.amount;if(n.length>0&&s>0&&h!=null&&h!==0){const a=n[d-1].balance,m=a?.available?.amount!=null?Math.min(30,a?.available?.amount/h*100):30;for(let u=0;u<s;u+=1){const y=m*(s-u)/(s+1);n.push({accountId:u.toString(),accountDescription:"",balance:{available:{amount:h*y/100,currencySymbol:a.available.currencySymbol,currencyCode:a.available.currencyCode}}})}}const c=n.map(a=>{const m="top_expenses",u={accountId:a.accountId,accountDescription:a.accountDescription,total:o??void 0,logo:a.logo??"",barKey:m};return u[m]=a.balance.available,u});return{timeframeLabelsInOrder:l,chartItems:c}},b=37,j=2,ge=g.div`
+`;function ue({dimension:e,reportTitle:i,cardType:r,cardIndex:l,onCardClick:o,timeframe:n,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(G,{"data-testid":J("dashboard",`${r}-timeframe-${n}`),style:{cursor:"pointer"},dimension:e,onClick:()=>o(l,r),children:t.jsxs(E,{children:[t.jsxs(v,{style:{marginBottom:f[3]},children:[t.jsx(me,{children:i!=null?i+c:Y(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:n,onTimeframeChanged:a=>h?.(a??"month"),allowedValues:d}):null]}),t.jsx(v,{style:{width:"100%",height:"100%",cursor:"pointer"},children:t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx(N,{children:({height:a,width:m})=>s(m,a)})})})]})})}function A({card:e,reportTitle:i,actions:r,timeframe:l,allowedValues:o,chartElement:n,onTimeframeChange:d}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(ee,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(te,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onReloadData:r.onReloadData,reportTitle:i}):t.jsx(ue,{dimension:e.dimension,reportTitle:i,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:r.onCardClick,timeframe:l,allowedValues:o??["month","quarter","year"],chartElement:n,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}w.memo(A);const B=(e,i,r)=>{const l=i.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),o=r.total,n=r.accountsOrdered.map(a=>({accountId:a.accountId,accountDescription:a.accountDescription,balance:a.balance,logo:a.logo}))??[],d=Math.min(e,n.length),s=n.length?e-n.length:0,h=o?.amount;if(n.length>0&&s>0&&h!=null&&h!==0){const a=n[d-1].balance,m=a?.available?.amount!=null?Math.min(30,a?.available?.amount/h*100):30;for(let u=0;u<s;u+=1){const y=m*(s-u)/(s+1);n.push({accountId:u.toString(),accountDescription:"",balance:{available:{amount:h*y/100,currencySymbol:a.available.currencySymbol,currencyCode:a.available.currencyCode}}})}}const c=n.map(a=>{const m="top_expenses",u={accountId:a.accountId,accountDescription:a.accountDescription,total:o??void 0,logo:a.logo??"",barKey:m};return u[m]=a.balance.available,u});return{timeframeLabelsInOrder:l,chartItems:c}},b=37,j=2,ge=g.div`
   display: flex;
   flex-direction: row;
   flex: 1 1 auto;
@@ -35,4 +35,4 @@ import{aA as M,Q as _,V as t,d as x,u as f,aV as q,b as T,aL as R,aI as H,o as p
 `,be=g(F)`
   flex: 1 1 0;
   margin-right: ${p.sp2};
-`;function je({report:e,width:i,height:r,showBarHoverBackground:l}){const o=x(),n=B(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx(O,{dataKey:c=>{const a=c[h]!=null?c[h]:void 0;return a!=null&&a.amount>0?a.amount:0},isAnimationActive:!0,animationDuration:800,background:{fill:o.colors.background},children:s.map(c=>t.jsx(A,{fill:o.colors.topExCustomColor},h))},Math.random());return n.chartItems.length===0?null:t.jsx(ve,{chartItemArray:n.chartItems,showBarHoverBackground:l,barElement:d(n.chartItems,n.chartItems[0].barKey),width:i,height:r})}const we=e=>{const{barKey:i,payload:r,chartItems:l,width:o,y:n}=e,d=r.value,s=l.find(h=>h.accountId==d);return s==null||s.accountDescription==null?null:t.jsx("foreignObject",{y:n-r.offset+j,width:o,height:b,children:t.jsxs(ge,{children:[t.jsxs(pe,{children:[t.jsx(fe,{src:s.logo,alt:s.accountDescription,loading:"lazy"}),t.jsx(xe,{children:s.accountDescription})]}),t.jsx(ye,{children:"⟶"}),t.jsx(be,{children:R("0,0",s[i])})]})})},ve=({chartItemArray:e,barElement:i,width:r,height:l})=>{const o=e[0],n=o.total,d=o.barKey;return t.jsxs(k,{data:e,layout:"vertical",width:r,barCategoryGap:j,height:e.length?(b+2*j)*e.length:l,barSize:b,margin:{top:0,right:0,left:0,bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:"default"},children:[t.jsx(L,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),n?.amount??0]}),t.jsx($,{orientation:"left",yAxisId:0,dataKey:s=>s.accountId,type:"category",axisLine:!1,tickLine:!1,width:r/2,mirror:!1,tick:t.jsx(we,{width:r/2,chartItems:e,barKey:d})}),i]})},D=41,I=4;function De({report:e,width:i,height:r,showBarHoverBackground:l,isDetailPage:o}){const n=x(),d=B(o===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs(O,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:o===!0?800:void 0,background:void 0,children:[t.jsx(ne,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:K,height:V,offset:z}=m;return t.jsx(oe,{x:u+z,y:y+V/2,fill:n.colors.hero,fontSize:T.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:K})}}),h.map(m=>t.jsx(A,{fill:m.accountDescription!==""?n.colors.graphColor29:n.colors.grey3,fillOpacity:m.accountDescription!==""?.32:1},c))]},Math.random());return d.chartItems.length===0?null:t.jsx(Ie,{chartItemArray:d.chartItems,showBarHoverBackground:l,barElement:s(d.chartItems,d.chartItems[0].barKey,i),width:i,height:r,isDetailPage:o===!0})}const Ie=({chartItemArray:e,barElement:i,width:r,height:l,isDetailPage:o})=>{const n=x(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(k,{data:e,layout:"vertical",width:r,barCategoryGap:o?I:2,height:o?e.length?(D+2*I)*e.length:l:l+5,barSize:o?D:38,margin:{top:0,right:o?f[0]:f[3],left:o?f[0]:f[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:o?"default":"pointer"},children:[t.jsx(L,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx($,{orientation:"right",yAxisId:0,dataKey:a=>{const m=a[h]!=null?a[h]:void 0,{accountDescription:u}=a;return u!==""&&m!=null?m.amount:0},type:"category",axisLine:!1,tickLine:!1,width:r,mirror:!0,tick:{fill:n.colors.hero,...T.smallRegular.cssObject},tickFormatter:a=>a!==0?q("0,0.[00]a",a,c):""}),i]})};function Te(e){const i=_();return i!=="small"&&i!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(De,{...e})}const Ce=w.memo(Te,M);function Se(e){if(e==null||e.length===0)return!0;let i=!0;for(const r of e)if(r.balance.available.amount!==0){i=!1;break}return i}function Ee({card:e,actions:i,data:r,dndProps:l}){const[o,n]=W.useState(r?.topExTimePeriod??"last_month"),d=[...Z],s=e.fetchState==="Completed"?Se(r?.topExpenses.accountsOrdered):!1,h=(c,a)=>s===!1?t.jsx(Ce,{report:r,width:c,height:a,timeframe:o}):t.jsx(ce,{width:c,height:a,label:S.getLocalizedStrings().chartCard.no_data.top_expenses[o]});return t.jsx(H,{isDragging:l?.draggedCardType!=null,isDragOver:l?.dragOverCard===e.cardType,draggable:!0,onDragStart:c=>l?.onDragStart(e.cardType,c),onDragOver:c=>l?.onDragOver(c,e.cardType),onDragLeave:c=>l?.onDragLeave(c),onDrop:c=>l?.onDrop(c,e.cardType),dimension:e.dimension,children:t.jsx(P,{card:e,actions:i,timeframe:o,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>n(a)})},e.cardIndex)}w.memo(Ee);export{Se as E,Ce as I,Ee as L,P as O,ce as c};
+`;function je({report:e,width:i,height:r,showBarHoverBackground:l}){const o=x(),n=B(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx(O,{dataKey:c=>{const a=c[h]!=null?c[h]:void 0;return a!=null&&a.amount>0?a.amount:0},isAnimationActive:!0,animationDuration:800,background:{fill:o.colors.background},children:s.map(c=>t.jsx(P,{fill:o.colors.topExCustomColor},h))},Math.random());return n.chartItems.length===0?null:t.jsx(ve,{chartItemArray:n.chartItems,showBarHoverBackground:l,barElement:d(n.chartItems,n.chartItems[0].barKey),width:i,height:r})}const we=e=>{const{barKey:i,payload:r,chartItems:l,width:o,y:n}=e,d=r.value,s=l.find(h=>h.accountId==d);return s==null||s.accountDescription==null?null:t.jsx("foreignObject",{y:n-r.offset+j,width:o,height:b,children:t.jsxs(ge,{children:[t.jsxs(pe,{children:[t.jsx(fe,{src:s.logo,alt:s.accountDescription,loading:"lazy"}),t.jsx(xe,{children:s.accountDescription})]}),t.jsx(ye,{children:"⟶"}),t.jsx(be,{children:R("0,0",s[i])})]})})},ve=({chartItemArray:e,barElement:i,width:r,height:l})=>{const o=e[0],n=o.total,d=o.barKey;return t.jsxs(k,{data:e,layout:"vertical",width:r,barCategoryGap:j,height:e.length?(b+2*j)*e.length:l,barSize:b,margin:{top:0,right:0,left:0,bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:"default"},children:[t.jsx(L,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),n?.amount??0]}),t.jsx($,{orientation:"left",yAxisId:0,dataKey:s=>s.accountId,type:"category",axisLine:!1,tickLine:!1,width:r/2,mirror:!1,tick:t.jsx(we,{width:r/2,chartItems:e,barKey:d})}),i]})},D=41,I=4;function De({report:e,width:i,height:r,showBarHoverBackground:l,isDetailPage:o}){const n=x(),d=B(o===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs(O,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:o===!0?800:void 0,background:void 0,children:[t.jsx(ne,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:K,height:V,offset:M}=m;return t.jsx(oe,{x:u+M,y:y+V/2,fill:n.colors.hero,fontSize:T.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:K})}}),h.map(m=>t.jsx(P,{fill:m.accountDescription!==""?n.colors.graphColor29:n.colors.grey3,fillOpacity:m.accountDescription!==""?.32:1},c))]},Math.random());return d.chartItems.length===0?null:t.jsx(Ie,{chartItemArray:d.chartItems,showBarHoverBackground:l,barElement:s(d.chartItems,d.chartItems[0].barKey,i),width:i,height:r,isDetailPage:o===!0})}const Ie=({chartItemArray:e,barElement:i,width:r,height:l,isDetailPage:o})=>{const n=x(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(k,{data:e,layout:"vertical",width:r,barCategoryGap:o?I:2,height:o?e.length?(D+2*I)*e.length:l:l+5,barSize:o?D:38,margin:{top:0,right:o?f[0]:f[3],left:o?f[0]:f[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:o?"default":"pointer"},children:[t.jsx(L,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx($,{orientation:"right",yAxisId:0,dataKey:a=>{const m=a[h]!=null?a[h]:void 0,{accountDescription:u}=a;return u!==""&&m!=null?m.amount:0},type:"category",axisLine:!1,tickLine:!1,width:r,mirror:!0,tick:{fill:n.colors.hero,...T.smallRegular.cssObject},tickFormatter:a=>a!==0?q("0,0.[00]a",a,c):""}),i]})};function Te(e){const i=_();return i!=="small"&&i!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(De,{...e})}const Ce=w.memo(Te,z);function Se(e){if(e==null||e.length===0)return!0;let i=!0;for(const r of e)if(r.balance.available.amount!==0){i=!1;break}return i}function Ee({card:e,actions:i,data:r,dndProps:l}){const[o,n]=U.useState(r?.topExTimePeriod??"last_month"),d=[...W],s=e.fetchState==="Completed"?Se(r?.topExpenses.accountsOrdered):!1,h=(c,a)=>s===!1?t.jsx(Ce,{report:r,width:c,height:a,timeframe:o}):t.jsx(ce,{width:c,height:a,label:S.getLocalizedStrings().chartCard.no_data.top_expenses[o]});return t.jsx(H,{isDragging:l?.draggedCardType!=null,isDragOver:l?.dragOverCard===e.cardType,draggable:!0,onDragStart:c=>l?.onDragStart(e.cardType,c),onDragOver:c=>l?.onDragOver(c,e.cardType),onDragLeave:c=>l?.onDragLeave(c),onDrop:c=>l?.onDrop(c,e.cardType),dimension:e.dimension,children:t.jsx(A,{card:e,actions:i,timeframe:o,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>n(a)})},e.cardIndex)}w.memo(Ee);export{Se as E,Ce as I,Ee as L,A as O,ce as c};

package/dist/assets/{TopExDetailPage-Dg_8DQk8-C4FAKt7P.js → TopExDetailPage-Cla8Hd-1-1fpYe-lT.js}

@@ -1,4 +1,4 @@
-import{d as v,Q as S,V as t,bz as A,F as u,aL as b,b1 as B,x as H,o as i,y as E,bN as z,bq as P,u as c,p as V,ak as $,aK as F,aZ as T}from"./index-DcV3YN51.js";import{n as l}from"./mui-bYXq4XMS.js";import{EL as D}from"./zeni-epic-state-BwKvATgd.js";import{E as L,I as M}from"./TopExCard-ImUx-vXr-RGtoQGSt.js";import{b as Z}from"./TimeframeSwitcher-BVgI_VZw-Dr2i-g4z.js";import{d as _}from"./NoDataTable-l2T5Hw3t-BXRvsSzg.js";import{w as I,a as o}from"./core-3dlyNYRL.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./ReloadCard-B2sJR97f-BCtofZlK.js";import"./graphic-no-data-l-DU4J8fDt-x_U9o4ZQ.js";const j="141px",O=i.sp4,N="123px",Q=l(T)`
+import{e as v,q as S,V as t,bz as A,F as u,aL as b,b1 as B,E as H,o as i,y as E,bN as z,bq as P,d as c,p as V,ak as $,aK as F,aZ as L}from"./index-BhteR_e0.js";import{n as l}from"./mui-DLNyBjYF.js";import{EL as T}from"./zeni-epic-state-HWtMOH-U.js";import{E as M,I as D}from"./TopExCard-DbPlohSJ-YKd6FEuQ.js";import{b as Z}from"./TimeframeSwitcher-u606tI8Z-DKc_Ov1z.js";import{d as _}from"./NoDataTable-DwOJY23X-BMIpXvJR.js";import{S as I,a as o}from"./core-B-FNbYlu.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";import"./ReloadCard-DMWwNZ1z-CIbg2f6Q.js";import"./graphic-no-data-l-DU4J8fDt-DTSR9TM8.js";const j="141px",O=i.sp4,q="123px",N=l(L)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
@@ -18,31 +18,31 @@ import{d as v,Q as S,V as t,bz as A,F as u,aL as b,b1 as B,x as H,o as i,y as E,
   &:hover {
     color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
   }
-`,q=l.div`
+`,J=l.div`
   display: flex;
   flex-grow: 1;
   flex-shrink: 0;
   flex-direction: row;
   justify-content: flex-end;
-`,J=l($)`
+`,K=l($)`
   user-select: none;
   width: ${j};
   min-width: ${j};
   text-align: right;
   margin-left: ${O};
-`,K=l.div`
+`,W=l.div`
   display: flex;
   flex-direction: row;
   flex-shrink: 2;
   flex-grow: 1;
   align-items: center;
-`,W=l($)`
+`,X=l($)`
   user-select: none;
   display: flex;
-  min-width: ${N};
+  min-width: ${q};
   text-align: left;
   margin-left: ${i.sp4};
-`;function X({leftChevron:e,account:n,onAccountBalanceClick:s}){const a=n!=null&&n.balance!=null,r=e==="hidden",g=a?"pointer":"default",d=r===!1&&a,w=d?"pointer":"default",h=r?c[6]:c[4],m=Q,{common:{strings:{empty:C}}}=u.getLocalizedStrings(),y=n?.accountDescription?n.accountDescription:C,x=n?.accountName?n.accountName:y;return t.jsxs(R,{isClickable:d,children:[t.jsxs(K,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(W,{"data-testid":F("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&n!=null&&n.balance!=null&&s?.(n)},children:x})]}),t.jsx(q,{style:{cursor:g},children:t.jsx(J,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:b("0,0",n?.balance.available)})})]})}const G=l.div`
+`;function G({leftChevron:e,account:n,onAccountBalanceClick:s}){const a=n!=null&&n.balance!=null,r=e==="hidden",g=a?"pointer":"default",d=r===!1&&a,w=d?"pointer":"default",h=r?c[6]:c[4],m=N,{common:{strings:{empty:C}}}=u.getLocalizedStrings(),y=n?.accountDescription?n.accountDescription:C,x=n?.accountName?n.accountName:y;return t.jsxs(R,{isClickable:d,children:[t.jsxs(W,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(X,{"data-testid":F("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&n!=null&&n.balance!=null&&s?.(n)},children:x})]}),t.jsx(J,{style:{cursor:g},children:t.jsx(K,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:b("0,0",n?.balance.available)})})]})}const Q=l.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -56,7 +56,7 @@ import{d as v,Q as S,V as t,bz as A,F as u,aL as b,b1 as B,x as H,o as i,y as E,
   width: 100%;
   height: 1px;
   background-color: ${e=>e.theme.colors.grey3};
-`;function ee({accounts:e,onAccountBalanceClick:n}){const s=(a,r)=>a.length>1&&r<a.length-1;return t.jsx(G,{children:e?.map((a,r)=>t.jsxs(U,{children:[t.jsx(X,{leftChevron:"collapsed",account:a,onAccountBalanceClick:n}),s(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=I.memo(ee),ie=l.div`
+`;function ee({accounts:e,onAccountBalanceClick:n}){const s=(a,r)=>a.length>1&&r<a.length-1;return t.jsx(Q,{children:e?.map((a,r)=>t.jsxs(U,{children:[t.jsx(G,{leftChevron:"collapsed",account:a,onAccountBalanceClick:n}),s(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=I.memo(ee),ie=l.div`
   margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
   background-color: inherit;
   width: 100%;
@@ -129,4 +129,4 @@ import{d as v,Q as S,V as t,bz as A,F as u,aL as b,b1 as B,x as H,o as i,y as E,
   margin-bottom: ${i.sp5};
 `,$e=l.div`
   display: flex;
-`;function Me(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:g}=e,d=S(),w=[...D],h=L(s.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:C}=s,y=C.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(H.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(A,{source:"TopExDetailPage",title:u.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:n.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(ue,{children:t.jsx(xe,{children:t.jsx(Z,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{a?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:b("0,0",y)}),t.jsx(Ce,{children:u.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx($e,{children:t.jsx(pe,{title:`${u.getLocalizedStrings().chartCard.no_data_available_for} ${u.getLocalizedStrings().timeframe[m]}`})}):t.jsx(ye,{windowSize:d,children:t.jsx(B,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(M,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(fe,{windowSize:d,children:h?t.jsx(_,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{Me as default};
+`;function De(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:g}=e,d=S(),w=[...T],h=M(s.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:C}=s,y=C.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(H.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(A,{source:"TopExDetailPage",title:u.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:n.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(ue,{children:t.jsx(xe,{children:t.jsx(Z,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{a?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:b("0,0",y)}),t.jsx(Ce,{children:u.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx($e,{children:t.jsx(pe,{title:`${u.getLocalizedStrings().chartCard.no_data_available_for} ${u.getLocalizedStrings().timeframe[m]}`})}):t.jsx(ye,{windowSize:d,children:t.jsx(B,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(D,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(fe,{windowSize:d,children:h?t.jsx(_,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{De as default};