@zeniai/web-cockpit-ui 1.14.72-dev-betaSK01 → 1.14.73-dev

package/dist/assets/{TopExCard-Bam-Q4MV-BsP_HKjG.js → TopExCard-CLw0PDAU-BbYnCf3a.js}

@@ -1,4 +1,4 @@
-import{cu as V,q as _,j as t,x as f,dT as C,db as T,da as S,dX as E,ec as $,u as x,cR as R,C as k,ed as H,ee as X,cG as q,cC as G,ea as F,o as p,c9 as L,d2 as N,cd as Y,O,cE as U,cF as Z,cL as z,cY as J,cZ as Q,cM as W,ef as ee}from"./index-kF4u7Flm.js";import{w,b as te,n as g}from"./vendor-Bs1fkIUX.js";import{z as ae,I as re}from"./ReloadCard-Dpoxd9nE-_RGkkZLm.js";import{o as oe,r as ne}from"./graphic-no-data-l-DU4J8fDt-DTLZpyxa.js";const ie=g(z)`
+import{aC as R,q as V,j as t,c as f,bQ as C,bh as T,bg as S,bU as E,c0 as $,u as x,aX as _,C as k,c1 as H,c2 as X,aN as q,l as F,aK as G,o as p,ai as L,b8 as N,am as Q,O,aL as U,aM as Y,aR as z,b2 as J,b3 as W,aS as Z,c3 as ee}from"./index-MAXVX6UR.js";import{w,b as te,n as g}from"./vendor-Bs1fkIUX.js";import{z as ae,I as re}from"./ReloadCard-0q5pQ13T-CKzHIqK2.js";import{o as oe,r as ne}from"./graphic-no-data-l-DU4J8fDt-DTLZpyxa.js";const ie=g(z)`
   justify-content: space-between;
   margin: 0;
   height: ${e=>e.height!=null?e.height+"px":"auto"};
@@ -6,14 +6,14 @@ import{cu as V,q as _,j as t,x as f,dT as C,db as T,da as S,dX as E,ec as $,u 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=>O.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=>O.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`
   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(U,{"data-testid":Z("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>n(l,r),children:t.jsxs(z,{children:[t.jsxs(v,{style:{marginBottom:x[3]},children:[t.jsx(me,{children:i!=null?i+c:J(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":Y("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>n(l,r),children:t.jsxs(z,{children:[t.jsxs(v,{style:{marginBottom:x[3]},children:[t.jsx(me,{children:i!=null?i+c:J(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(W,{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 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;
@@ -32,7 +32,7 @@ import{cu as V,q as _,j as t,x as f,dT as C,db as T,da as S,dX as E,ec as $,u as
 `,ye=g(N)`
   flex: 1 1 0;
   color: ${e=>e.theme.colors.primary};
-`,be=g(Y)`
+`,be=g(Q)`
   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(C,{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(T,{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]})},D=41,I=4;function De({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:B,height:K,offset:M}=m;return t.jsx(X,{x:u+M,y:y+K/2,fill:o.colors.hero,fontSize:k.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:B})}}),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(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(C,{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(T,{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?R("0,0.[00]a",a,c):""}),i]})};function Ce(e){const i=_();return i!=="small"&&i!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(De,{...e})}const Te=w.memo(Ce,V);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],s=e.fetchState==="Completed"?Se(r?.topExpenses.accountsOrdered):!1,h=(c,a)=>s===!1?t.jsx(Te,{report:r,width:c,height:a,timeframe:n}):t.jsx(ce,{width:c,height:a,label:O.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,Te 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($,{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(C,{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(T,{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]})},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:P,offset:M}=m;return t.jsx(X,{x:u+M,y:y+P/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(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(C,{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(T,{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 Ce(e){const i=V();return i!=="small"&&i!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(De,{...e})}const Te=w.memo(Ce,R);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(Te,{report:r,width:c,height:a,timeframe:n}):t.jsx(ce,{width:c,height:a,label:O.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,Te as I,Ee as L,A as O,ce as c};

package/dist/assets/{TopExDetailPage-P0Twt5zZ-CoHp8hDQ.js → TopExDetailPage-GLquKOoy-kMqzF42L.js}

@@ -1,4 +1,4 @@
-import{x as v,q as S,j as t,dD as A,O as u,ea as B,cG as k,cZ as H,aE as P,o as i,y as E,eb as z,du as F,u as c,h as V,cd as $,cF as T,cV as D}from"./index-kF4u7Flm.js";import{n as l,w as M,b as o}from"./vendor-Bs1fkIUX.js";import{E as Z,I as _}from"./TopExCard-Bam-Q4MV-BsP_HKjG.js";import{b as L}from"./TimeframeSwitcher-BP-PxO5g-DxTIS9PI.js";import{d as O}from"./NoDataTable-BwHbkm3l-VTHrTfOq.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./ReloadCard-Dpoxd9nE-_RGkkZLm.js";import"./graphic-no-data-l-DU4J8fDt-DTLZpyxa.js";const j="141px",I=i.sp4,R="123px",N=l(D)`
+import{c as v,q as S,l as A,j as t,bF as B,O as u,aN as b,b3 as H,B as P,o as i,y as E,b$ as z,bw as F,u as c,h as T,am as y,aM as V,a$ as D}from"./index-MAXVX6UR.js";import{n as l,w as M,b as o}from"./vendor-Bs1fkIUX.js";import{E as _,I as L}from"./TopExCard-CLw0PDAU-BbYnCf3a.js";import{b as O}from"./TimeframeSwitcher-CqP9hXqB-r5frPdgi.js";import{d as Z}from"./NoDataTable-BT9VQUID-B1zJzLW9.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./ReloadCard-0q5pQ13T-CKzHIqK2.js";import"./graphic-no-data-l-DU4J8fDt-DTLZpyxa.js";const j="141px",I=i.sp4,N="123px",R=l(D)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
@@ -18,31 +18,31 @@ import{x as v,q as S,j as t,dD as A,O as u,ea as B,cG as k,cZ as H,aE as P,o as
   &:hover {
     color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
   }
-`,G=l.div`
+`,K=l.div`
   display: flex;
   flex-grow: 1;
   flex-shrink: 0;
   flex-direction: row;
   justify-content: flex-end;
-`,K=l($)`
+`,W=l(y)`
   user-select: none;
   width: ${j};
   min-width: ${j};
   text-align: right;
   margin-left: ${I};
-`,W=l.div`
+`,X=l.div`
   display: flex;
   flex-direction: row;
   flex-shrink: 2;
   flex-grow: 1;
   align-items: center;
-`,X=l($)`
+`,G=l(y)`
   user-select: none;
   display: flex;
-  min-width: ${R};
+  min-width: ${N};
   text-align: left;
   margin-left: ${i.sp4};
-`;function J({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=N,{common:{strings:{empty:C}}}=u.getLocalizedStrings(),y=n?.accountDescription?n.accountDescription:C,x=n?.accountName?n.accountName:y;return t.jsxs(q,{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":T("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&n!=null&&n.balance!=null&&s?.(n)},children:x})]}),t.jsx(G,{style:{cursor:f},children:t.jsx(K,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:k("0,0",n?.balance.available)})})]})}const Q=l.div`
+`;function J({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=R,{common:{strings:{empty:C}}}=u.getLocalizedStrings(),$=n?.accountDescription?n.accountDescription:C,x=n?.accountName?n.accountName:$;return t.jsxs(q,{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(G,{"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(K,{style:{cursor:f},children:t.jsx(W,{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;
@@ -81,8 +81,8 @@ import{x as v,q as S,j as t,dD as A,O as u,ea as B,cG as k,cZ as H,aE as P,o as
   max-width: 100%;
   flex-basis: 100%;
   flex-direction: column;
-`,ce=l($)`
-  color: ${V.alert};
+`,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 E(c[3],c[3],c[8]),chartContainerMinHeight:new E(c[12],c[11])},he=l.div`
   display: flex;
@@ -121,12 +121,12 @@ import{x as v,q as S,j as t,dD as A,O as u,ea as B,cG as k,cZ as H,aE as P,o as
   color: ${e=>e.theme.colors.primary};
 `,we=l(z)``,Ce=l(F)`
   padding-left: ${i.sp3};
-`,ye=l.div`
+`,$e=l.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   min-height: ${e=>g.chartContainerMinHeight.valuePx(e.windowSize)};
   margin-bottom: ${i.sp5};
-`,$e=l.div`
+`,ye=l.div`
   display: flex;
-`;function De(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:f}=e,d=S(),w=[...B],h=Z(s.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:C}=s,y=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(A,{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:k("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(H,{style:{height:"fit-content"},children:({height:p,width:b})=>t.jsx(_,{report:s,timeframe:m,showBarHoverBackground:!1,width:b,height:p,isDetailPage:!0})})})]}),t.jsx(ge,{windowSize:d,children:h?t.jsx(O,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{De as default};
+`;function De(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:f}=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(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(O,{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(L,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ge,{windowSize:d,children:h?t.jsx(Z,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{De as default};