@zeniai/web-cockpit-ui 1.14.19-dev-betaSK01 → 1.14.20-dev

package/dist/assets/{TopExCard-BwOpZFuj-CBPfgwzP.js → TopExCard-oyXmygm8-DV87vjZL.js}

@@ -1,4 +1,4 @@
-import{I as M,K as V,j as t,u as f,b6 as T,aw as C,av as S,ba as E,bj as $,n as x,ab as _,y as k,bk as H,bl as X,a0 as q,l as F,U as G,o as p,$ as L,ao as Y,k as J,F as B,X as N,Z as U,a5 as O,ai as Z,aj as Q,a6 as W,bm as ee}from"./index-D9zAXs3-.js";import{w,b as te,n as g}from"./vendor-Bs1fkIUX.js";import{I as ae,T as re}from"./ReloadCard-BuBuLupE-Cty15m_t.js";import{o as oe,r as ne}from"./graphic-no-data-l-DU4J8fDt-DTLZpyxa.js";const ie=g(O)`
+import{E as _,e as V,j as t,u as f,b6 as T,aw as C,av as S,ba as E,bj as k,q as x,ab as R,v as $,bk as H,bl as q,a0 as G,l as X,U as F,o as p,d as L,ao as J,n as N,M as A,W as U,_ as W,a5 as O,ai as Y,aj as Q,a6 as Z,bm as ee}from"./index-Cnh9fv8f.js";import{f as v,b as te,n as g}from"./vendor-rkTZJa59.js";import{I as ae,T as re}from"./ReloadCard-BPoOhxrs-D8lPs5qf.js";import{o as oe,r as ne}from"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";const ie=g(O)`
   justify-content: space-between;
   margin: 0;
   height: ${e=>e.height!=null?e.height+"px":"auto"};
@@ -6,14 +6,14 @@ import{I as M,K as V,j as t,u as f,b6 as T,aw as C,av as S,ba as E,bj as $,n as
 `,se=g.div``,le=g(L)`
   color: ${e=>e.theme.colors.hero};
   margin: ${p.sp2} ${p.sp0} ${p.sp2} ${p.sp0};
-`,ce=({width:e,height:i,label:r})=>{const l=f();return t.jsxs(ie,{height:i,width:e,children:[t.jsx(se,{}),l.mode==="light"?t.jsx(oe,{style:{marginBottom:p.sp4}}):t.jsx(ne,{style:{marginBottom:p.sp4}}),t.jsx(le,{children:r})]})},de=g.div``;function he({allowedValues:e,timeframeSelected:i,onTimeframeChanged:r,textStyle:l}){const n=o=>B.getLocalizedStrings().timeframe[o];return t.jsx(de,{onClick:o=>o.stopPropagation(),children:t.jsx(ee,{pickerValues:e,valueToLabel:n,selectedValue:i,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(W)`
+`,ce=({width:e,height:i,label:r})=>{const l=f();return t.jsxs(ie,{height:i,width:e,children:[t.jsx(se,{}),l.mode==="light"?t.jsx(oe,{style:{marginBottom:p.sp4}}):t.jsx(ne,{style:{marginBottom:p.sp4}}),t.jsx(le,{children:r})]})},de=g.div``;function he({allowedValues:e,timeframeSelected:i,onTimeframeChanged:r,textStyle:l}){const n=o=>A.getLocalizedStrings().timeframe[o];return t.jsx(de,{onClick:o=>o.stopPropagation(),children:t.jsx(ee,{pickerValues:e,valueToLabel:n,selectedValue:i,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(Z)`
   color: ${e=>e.theme.colors.champion};
-`,v=g.div`
+`,w=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:n,timeframe:o,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(N,{"data-testid":U("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>n(l,r),children:t.jsxs(O,{children:[t.jsxs(v,{style:{marginBottom:x[3]},children:[t.jsx(me,{children:i!=null?i+c:Z(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:o,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(Q,{children:({height:a,width:m})=>s(m,a)})})})]})})}function A({card:e,reportTitle:i,actions:r,timeframe:l,allowedValues:n,chartElement:o,onTimeframeChange:d}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(ae,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(re,{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:n??["month","quarter","year"],chartElement:o,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}w.memo(A);const P=(e,i,r)=>{const l=i.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),n=r.total,o=r.accountsOrdered.map(a=>({accountId:a.accountId,accountDescription:a.accountDescription,balance:a.balance,logo:a.logo}))??[],d=Math.min(e,o.length),s=o.length?e-o.length:0,h=n?.amount;if(o.length>0&&s>0&&h!=null&&h!==0){const a=o[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);o.push({accountId:u.toString(),accountDescription:"",balance:{available:{amount:h*y/100,currencySymbol:a.available.currencySymbol,currencyCode:a.available.currencyCode}}})}}const c=o.map(a=>{const m="top_expenses",u={accountId:a.accountId,accountDescription:a.accountDescription,total:n??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:n,timeframe:o,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(U,{"data-testid":W("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>n(l,r),children:t.jsxs(O,{children:[t.jsxs(w,{style:{marginBottom:x[3]},children:[t.jsx(me,{children:i!=null?i+c:Y(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:o,onTimeframeChanged:a=>h?.(a??"month"),allowedValues:d}):null]}),t.jsx(w,{style:{width:"100%",height:"100%",cursor:"pointer"},children:t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx(Q,{children:({height:a,width:m})=>s(m,a)})})})]})})}function P({card:e,reportTitle:i,actions:r,timeframe:l,allowedValues:n,chartElement:o,onTimeframeChange:d}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(ae,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(re,{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:n??["month","quarter","year"],chartElement:o,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}v.memo(P);const B=(e,i,r)=>{const l=i.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),n=r.total,o=r.accountsOrdered.map(a=>({accountId:a.accountId,accountDescription:a.accountDescription,balance:a.balance,logo:a.logo}))??[],d=Math.min(e,o.length),s=o.length?e-o.length:0,h=n?.amount;if(o.length>0&&s>0&&h!=null&&h!==0){const a=o[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);o.push({accountId:u.toString(),accountDescription:"",balance:{available:{amount:h*y/100,currencySymbol:a.available.currencySymbol,currencyCode:a.available.currencyCode}}})}}const c=o.map(a=>{const m="top_expenses",u={accountId:a.accountId,accountDescription:a.accountDescription,total:n??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;
@@ -29,10 +29,10 @@ import{I as M,K as V,j as t,u as f,b6 as T,aw as C,av as S,ba as E,bj as $,n as
   height: ${p.sp4};
 `,fe=g(L)`
   margin-left: ${p.sp2};
-`,ye=g(Y)`
+`,ye=g(J)`
   flex: 1 1 0;
   color: ${e=>e.theme.colors.primary};
-`,be=g(J)`
+`,be=g(N)`
   flex: 1 1 0;
   margin-right: ${p.sp2};
-`;function je({report:e,width:i,height:r,showBarHoverBackground:l}){const n=f(),o=P(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx(E,{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:n.colors.background},children:s.map(c=>t.jsx($,{fill:n.colors.topExCustomColor},h))},Math.random());return o.chartItems.length===0?null:t.jsx(ve,{chartItemArray:o.chartItems,showBarHoverBackground:l,barElement:d(o.chartItems,o.chartItems[0].barKey),width:i,height:r})}const we=e=>{const{barKey:i,payload:r,chartItems:l,width:n,y:o}=e,d=r.value,s=l.find(h=>h.accountId==d);return s==null||s.accountDescription==null?null:t.jsx("foreignObject",{y:o-r.offset+j,width:n,height:b,children:t.jsxs(ge,{children:[t.jsxs(pe,{children:[t.jsx(xe,{src:s.logo,alt:s.accountDescription,loading:"lazy"}),t.jsx(fe,{children:s.accountDescription})]}),t.jsx(ye,{children:"⟶"}),t.jsx(be,{children:q("0,0",s[i])})]})})},ve=({chartItemArray:e,barElement:i,width:r,height:l})=>{const n=e[0],o=n.total,d=n.barKey;return t.jsxs(T,{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(C,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),o?.amount??0]}),t.jsx(S,{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]})},I=41,D=4;function Ie({report:e,width:i,height:r,showBarHoverBackground:l,isDetailPage:n}){const o=f(),d=P(n===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs(E,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:n===!0?800:void 0,background:void 0,children:[t.jsx(H,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:K,height:R,offset:z}=m;return t.jsx(X,{x:u+z,y:y+R/2,fill:o.colors.hero,fontSize:k.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:K})}}),h.map(m=>t.jsx($,{fill:m.accountDescription!==""?o.colors.graphColor29:o.colors.grey3,fillOpacity:m.accountDescription!==""?.32:1},c))]},Math.random());return d.chartItems.length===0?null:t.jsx(De,{chartItemArray:d.chartItems,showBarHoverBackground:l,barElement:s(d.chartItems,d.chartItems[0].barKey,i),width:i,height:r,isDetailPage:n===!0})}const De=({chartItemArray:e,barElement:i,width:r,height:l,isDetailPage:n})=>{const o=f(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(T,{data:e,layout:"vertical",width:r,barCategoryGap:n?D:2,height:n?e.length?(I+2*D)*e.length:l:l+5,barSize:n?I:38,margin:{top:0,right:n?x[0]:x[3],left:n?x[0]:x[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:n?"default":"pointer"},children:[t.jsx(C,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx(S,{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:o.colors.hero,...k.smallRegular.cssObject},tickFormatter:a=>a!==0?_("0,0.[00]a",a,c):""}),i]})};function Te(e){const i=V();return i!=="small"&&i!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(Ie,{...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[n,o]=te.useState(r?.topExTimePeriod??"last_month"),d=[...F.TOP_EX_TIME_PERIODS],s=e.fetchState==="Completed"?Se(r?.topExpenses.accountsOrdered):!1,h=(c,a)=>s===!1?t.jsx(Ce,{report:r,width:c,height:a,timeframe:n}):t.jsx(ce,{width:c,height:a,label:B.getLocalizedStrings().chartCard.no_data.top_expenses[n]});return t.jsx(G,{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:n,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>o(a)})},e.cardIndex)}w.memo(Ee);export{Se as E,Ce as I,Ee as L,A as O,ce as c};
+`;function je({report:e,width:i,height:r,showBarHoverBackground:l}){const n=f(),o=B(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx(E,{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:n.colors.background},children:s.map(c=>t.jsx(k,{fill:n.colors.topExCustomColor},h))},Math.random());return o.chartItems.length===0?null:t.jsx(we,{chartItemArray:o.chartItems,showBarHoverBackground:l,barElement:d(o.chartItems,o.chartItems[0].barKey),width:i,height:r})}const ve=e=>{const{barKey:i,payload:r,chartItems:l,width:n,y:o}=e,d=r.value,s=l.find(h=>h.accountId==d);return s==null||s.accountDescription==null?null:t.jsx("foreignObject",{y:o-r.offset+j,width:n,height:b,children:t.jsxs(ge,{children:[t.jsxs(pe,{children:[t.jsx(xe,{src:s.logo,alt:s.accountDescription,loading:"lazy"}),t.jsx(fe,{children:s.accountDescription})]}),t.jsx(ye,{children:"⟶"}),t.jsx(be,{children:G("0,0",s[i])})]})})},we=({chartItemArray:e,barElement:i,width:r,height:l})=>{const n=e[0],o=n.total,d=n.barKey;return t.jsxs(T,{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(C,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),o?.amount??0]}),t.jsx(S,{orientation:"left",yAxisId:0,dataKey:s=>s.accountId,type:"category",axisLine:!1,tickLine:!1,width:r/2,mirror:!1,tick:t.jsx(ve,{width:r/2,chartItems:e,barKey:d})}),i]})},D=41,I=4;function De({report:e,width:i,height:r,showBarHoverBackground:l,isDetailPage:n}){const o=f(),d=B(n===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs(E,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:n===!0?800:void 0,background:void 0,children:[t.jsx(H,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:K,height:z,offset:M}=m;return t.jsx(q,{x:u+M,y:y+z/2,fill:o.colors.hero,fontSize:$.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:K})}}),h.map(m=>t.jsx(k,{fill:m.accountDescription!==""?o.colors.graphColor29:o.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:n===!0})}const Ie=({chartItemArray:e,barElement:i,width:r,height:l,isDetailPage:n})=>{const o=f(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(T,{data:e,layout:"vertical",width:r,barCategoryGap:n?I:2,height:n?e.length?(D+2*I)*e.length:l:l+5,barSize:n?D:38,margin:{top:0,right:n?x[0]:x[3],left:n?x[0]:x[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:n?"default":"pointer"},children:[t.jsx(C,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx(S,{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:o.colors.hero,...$.smallRegular.cssObject},tickFormatter:a=>a!==0?R("0,0.[00]a",a,c):""}),i]})};function Te(e){const i=V();return i!=="small"&&i!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(De,{...e})}const Ce=v.memo(Te,_);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[n,o]=te.useState(r?.topExTimePeriod??"last_month"),d=[...X.TOP_EX_TIME_PERIODS],s=e.fetchState==="Completed"?Se(r?.topExpenses.accountsOrdered):!1,h=(c,a)=>s===!1?t.jsx(Ce,{report:r,width:c,height:a,timeframe:n}):t.jsx(ce,{width:c,height:a,label:A.getLocalizedStrings().chartCard.no_data.top_expenses[n]});return t.jsx(F,{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:n,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>o(a)})},e.cardIndex)}v.memo(Ee);export{Se as E,Ce as I,Ee as L,P as O,ce as c};

package/dist/assets/{TopExDetailPage-BLaZA-dy-BH7Jcbvo.js → TopExDetailPage-4HMIURzm-ulBg6b5V.js}

@@ -1,11 +1,11 @@
-import{u as v,K as S,l as A,j as t,aW as B,F as u,a0 as b,aj as H,H as P,o as i,x as j,bi as z,aO as F,n as c,h as T,k as y,Z as V,af as M}from"./index-D9zAXs3-.js";import{n as l,w as D,b as o}from"./vendor-Bs1fkIUX.js";import{E as Z,I as _}from"./TopExCard-BwOpZFuj-CBPfgwzP.js";import{b as L}from"./TimeframeSwitcher-DABwUJSm-DPkuAUy9.js";import{d as O}from"./NoDataTable-iH1r029I-DLkBIcoK.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./ReloadCard-BuBuLupE-Cty15m_t.js";import"./graphic-no-data-l-DU4J8fDt-DTLZpyxa.js";const E="141px",I=i.sp4,R="123px",K=l(M)`
+import{u as v,e as S,l as A,j as t,aW as B,M as u,a0 as b,aj as H,D as z,o as i,C as j,bi as P,aO as F,q as c,c as T,n as y,_ as V,af as D}from"./index-Cnh9fv8f.js";import{n as l,f as M,b as o}from"./vendor-rkTZJa59.js";import{E as _,I as Z}from"./TopExCard-oyXmygm8-DV87vjZL.js";import{b as L}from"./TimeframeSwitcher-W5kHnuHI-B5U_sUAn.js";import{d as O}from"./NoDataTable-DCQbtvPN-DkrWdcTk.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./ReloadCard-BPoOhxrs-D8lPs5qf.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";const E="141px",I=i.sp4,R="123px",N=l(D)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
   &:hover {
     color: inherit;
   }
-`,N=l.div`
+`,W=l.div`
   user-select: none;
   display: flex;
   width: 100%;
@@ -18,35 +18,35 @@ import{u as v,K as S,l as A,j as t,aW as B,F as u,a0 as b,aj as H,H as P,o as i,
   &:hover {
     color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
   }
-`,W=l.div`
+`,X=l.div`
   display: flex;
   flex-grow: 1;
   flex-shrink: 0;
   flex-direction: row;
   justify-content: flex-end;
-`,U=l(y)`
+`,q=l(y)`
   user-select: none;
   width: ${E};
   min-width: ${E};
   text-align: right;
   margin-left: ${I};
-`,X=l.div`
+`,J=l.div`
   display: flex;
   flex-direction: row;
   flex-shrink: 2;
   flex-grow: 1;
   align-items: center;
-`,q=l(y)`
+`,Q=l(y)`
   user-select: none;
   display: flex;
   min-width: ${R};
   text-align: left;
   margin-left: ${i.sp4};
-`;function G({leftChevron:e,account:n,onAccountBalanceClick:s}){const a=n!=null&&n.balance!=null,r=e==="hidden",f=a?"pointer":"default",d=r===!1&&a,w=d?"pointer":"default",h=r?c[6]:c[4],m=K,{common:{strings:{empty:C}}}=u.getLocalizedStrings(),$=n?.accountDescription?n.accountDescription:C,x=n?.accountName?n.accountName:$;return t.jsxs(N,{isClickable:d,children:[t.jsxs(X,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(q,{"data-testid":V("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&n!=null&&n.balance!=null&&s?.(n)},children:x})]}),t.jsx(W,{style:{cursor:f},children:t.jsx(U,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:b("0,0",n?.balance.available)})})]})}const J=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(),$=n?.accountDescription?n.accountDescription:C,x=n?.accountName?n.accountName:$;return t.jsxs(W,{isClickable:d,children:[t.jsxs(J,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(Q,{"data-testid":V("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&n!=null&&n.balance!=null&&s?.(n)},children:x})]}),t.jsx(X,{style:{cursor:g},children:t.jsx(q,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:b("0,0",n?.balance.available)})})]})}const K=l.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,Q=l.div`
+`,U=l.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -56,7 +56,7 @@ import{u as v,K as S,l as A,j as t,aW as B,F as u,a0 as b,aj as H,H as P,o as i,
   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(J,{children:e?.map((a,r)=>t.jsxs(Q,{children:[t.jsx(G,{leftChevron:"collapsed",account:a,onAccountBalanceClick:n}),s(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=D.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(K,{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=M.memo(ee),ie=l.div`
   margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
   background-color: inherit;
   width: 100%;
@@ -84,7 +84,7 @@ import{u as v,K as S,l as A,j as t,aW as B,F as u,a0 as b,aj as H,H as P,o as i,
 `,ce=l(y)`
   color: ${T.alert};
   margin: ${i.sp3} ${i.sp0} ${i.sp5} ${i.sp0};
-`;function de(){switch(v().mode){case"light":return t.jsx(oe,{width:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(ne,{width:"100%",preserveAspectRatio:"none"})}}function pe({title:e}){return t.jsxs(re,{children:[e!=null?t.jsx(ce,{children:e}):null,t.jsx(ae,{children:t.jsx(se,{children:t.jsx(de,{})})})]})}const g={wrapperPadding:new j(c[3],c[3],c[8]),chartContainerMinHeight:new j(c[12],c[11])},he=l.div`
+`;function de(){switch(v().mode){case"light":return t.jsx(oe,{width:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(ne,{width:"100%",preserveAspectRatio:"none"})}}function pe({title:e}){return t.jsxs(re,{children:[e!=null?t.jsx(ce,{children:e}):null,t.jsx(ae,{children:t.jsx(se,{children:t.jsx(de,{})})})]})}const f={wrapperPadding:new j(c[3],c[3],c[8]),chartContainerMinHeight:new j(c[12],c[11])},he=l.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -97,8 +97,8 @@ import{u as v,K as S,l as A,j as t,aW as B,F as u,a0 as b,aj as H,H as P,o as i,
   background-color: ${e=>e.theme.colors.grey5};
   padding-top: ${i.sp0};
   padding-bottom: ${i.sp0};
-  padding-left: ${e=>g.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>g.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: ${e=>f.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>f.wrapperPadding.valuePx(e.windowSize)};
 `,xe=l.div`
   display: flex;
   flex-direction: row;
@@ -108,25 +108,25 @@ import{u as v,K as S,l as A,j as t,aW as B,F as u,a0 as b,aj as H,H as P,o as i,
 `,ue=l.div`
   display: flex;
   padding: ${i.sp2} ${i.sp0} ${i.sp4} ${i.sp0};
-`,ge=l.div`
+`,fe=l.div`
   display: flex;
   justify-content: center;
   padding-top: ${i.sp4};
   padding-bottom: ${i.sp4};
-  padding-left: ${e=>g.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>g.wrapperPadding.valuePx(e.windowSize)};
+  padding-left: ${e=>f.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>f.wrapperPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey4};
-`,fe=l.div`
+`,ge=l.div`
   height: ${i.sp9};
   color: ${e=>e.theme.colors.primary};
-`,we=l(z)``,Ce=l(F)`
+`,we=l(P)``,Ce=l(F)`
   padding-left: ${i.sp3};
 `,$e=l.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
-  min-height: ${e=>g.chartContainerMinHeight.valuePx(e.windowSize)};
+  min-height: ${e=>f.chartContainerMinHeight.valuePx(e.windowSize)};
   margin-bottom: ${i.sp5};
 `,ye=l.div`
   display: flex;
-`;function Me(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:f}=e,d=S(),w=[...A.TOP_EX_TIME_PERIODS],h=Z(s.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:C}=s,$=C.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(P.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(B,{source:"TopExDetailPage",title:u.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:n.colors.grey5,onBackClick:f,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(L,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{a?.(p)}})})}),h?null:t.jsxs(fe,{children:[t.jsx(we,{children:b("0,0",$)}),t.jsx(Ce,{children:u.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx(ye,{children:t.jsx(pe,{title:`${u.getLocalizedStrings().chartCard.no_data_available_for} ${u.getLocalizedStrings().timeframe[m]}`})}):t.jsx($e,{windowSize:d,children:t.jsx(H,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(_,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ge,{windowSize:d,children:h?t.jsx(O,{}):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=[...A.TOP_EX_TIME_PERIODS],h=_(s.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:C}=s,$=C.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(z.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(B,{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(L,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{a?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:b("0,0",$)}),t.jsx(Ce,{children:u.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx(ye,{children:t.jsx(pe,{title:`${u.getLocalizedStrings().chartCard.no_data_available_for} ${u.getLocalizedStrings().timeframe[m]}`})}):t.jsx($e,{windowSize:d,children:t.jsx(H,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(Z,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(fe,{windowSize:d,children:h?t.jsx(O,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{De as default};