@zeniai/web-cockpit-ui 1.14.83-dev → 1.14.84-dev

package/dist/assets/TimeframeSwitcherWithToggle-CduB3ZjN-PiqhKHhY.js

@@ -0,0 +1,31 @@
+import{Q as c,V as o,y as n,ag as w,bH as x}from"./index-XNBiWrYj.js";import{n as r}from"./mui-bYXq4XMS.js";import{b as l}from"./TimeframeSwitcher-CZhQm7rH-D5h04PEF.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...t})=>o.jsx(x,{...t,className:e,classes:{...i}}),p=r(u)(({theme:e})=>({[`& .${i.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${i.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${i.root}.${i.switchBase}.Mui-checked + .${i.track}`]:{backgroundColor:e.colors.grey1},[`&.${i.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${i.switchBase}.Mui-checked .${i.thumb}`]:{backgroundColor:e.colors.primary},[`& .${i.switchBase}.Mui-checked .${i.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${i.switchBase}.Mui-checked + .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${i.switchBase}.Mui-disabled + .${i.track}`]:{opacity:.7},[`& .${i.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>o.jsx(p,{...e}),d={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},$=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,y=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+`,m=r.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 auto;
+  justify-content: center;
+  padding-left: ${e=>d.timeframePaddingLeft.valuePx(e.windowSize)};
+  padding-bottom: ${e=>d.timeframePaddingBottom.valuePx(e.windowSize)};
+`,k=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+`,j=r.div`
+  display: flex;
+  width: 125px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+`,C=r(w)`
+  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
+  opacity: ${e=>e.isDisabled?.5:1};
+`,h=({label:e,isOn:t,isToggleDisabled:s,onValueChanged:g})=>o.jsxs(o.Fragment,{children:[o.jsx(C,{isOn:t,isDisabled:s===!0,children:e}),o.jsx(b,{checked:t,edge:"end",disabled:s===!0,disableRipple:s===!0,onChange:f=>{g(f.target.checked)}})]}),B=e=>{const t=c();return o.jsxs($,{children:[o.jsx(m,{windowSize:t,children:o.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),o.jsx(k,{children:o.jsx(h,{...e.toggle})})]})},v=e=>{const t=c();return o.jsxs(y,{children:[o.jsx(m,{windowSize:t,children:o.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),o.jsx(j,{children:o.jsx(h,{...e.toggle})})]})};function L(e){const t=c();return t==="small"||t==="medium-compact"?o.jsx(B,{...e}):o.jsx(v,{...e})}export{L as M};

package/dist/assets/TopExCard-C_HWsAL1-DphCzqA5.js

@@ -0,0 +1,38 @@
+import{aA as M,Q as _,V as t,e 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 W}from"./index-XNBiWrYj.js";import{w,a as U}from"./core-3dlyNYRL.js";import{f0 as Z}from"./zeni-epic-state-LPACxnXP.js";import{n as g}from"./mui-bYXq4XMS.js";import{I as ee,T as te}from"./ReloadCard-CNKwqjPJ-C6w7GHJG.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-BHhx6CLo.js";const ie=g(E)`
+  justify-content: space-between;
+  margin: 0;
+  height: ${e=>e.height!=null?e.height+"px":"auto"};
+  width: ${e=>e.width!=null?e.width+"px":"auto"};
+`,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(W,{pickerValues:e,valueToLabel:o,selectedValue:i,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(N)`
+  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`
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 auto;
+  justify-content: space-between;
+  align-items: center;
+  height: 100%;
+  color: ${e=>e.theme.colors.hero};
+`,pe=g.div`
+  display: flex;
+  align-items: center;
+  flex: 4 1 0;
+`,fe=g.img`
+  height: ${p.sp4};
+`,xe=g(C)`
+  margin-left: ${p.sp2};
+`,ye=g(X)`
+  flex: 1 1 0;
+  color: ${e=>e.theme.colors.primary};
+`,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]=U.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};

package/dist/assets/TopExDetailPage-BEKo6juU-CUrrRqCk.js

@@ -0,0 +1,132 @@
+import{e as j,Q as S,V as t,bz as A,F as u,aL as b,b1 as B,C 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-XNBiWrYj.js";import{n as l}from"./mui-bYXq4XMS.js";import{f0 as D}from"./zeni-epic-state-LPACxnXP.js";import{E as M,I as L}from"./TopExCard-C_HWsAL1-DphCzqA5.js";import{b as Z}from"./TimeframeSwitcher-CZhQm7rH-D5h04PEF.js";import{d as _}from"./NoDataTable-R8OCdB2c-cDhvp6Rg.js";import{w as I,a as o}from"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./ReloadCard-CNKwqjPJ-C6w7GHJG.js";import"./graphic-no-data-l-DU4J8fDt-x_U9o4ZQ.js";const v="141px",O=i.sp4,N="123px",Q=l(T)`
+  color: inherit;
+  width: ${i.sp3};
+  height: ${i.sp3};
+  &:hover {
+    color: inherit;
+  }
+`,R=l.div`
+  user-select: none;
+  display: flex;
+  width: 100%;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: ${i.sp3};
+  margin-bottom: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
+  }
+`,q=l.div`
+  display: flex;
+  flex-grow: 1;
+  flex-shrink: 0;
+  flex-direction: row;
+  justify-content: flex-end;
+`,J=l($)`
+  user-select: none;
+  width: ${v};
+  min-width: ${v};
+  text-align: right;
+  margin-left: ${O};
+`,K=l.div`
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 2;
+  flex-grow: 1;
+  align-items: center;
+`,W=l($)`
+  user-select: none;
+  display: flex;
+  min-width: ${N};
+  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`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,U=l.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,Y=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  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`
+  margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
+  background-color: inherit;
+  width: 100%;
+`;function le({report:e,onAccountBalanceClick:n}){const s=r=>{r!=null&&e.topExpenses!=null&&n?.(r,e.topExpenses)},a=e.topExpenses.accountsOrdered;return t.jsx(ie,{children:t.jsx(te,{accounts:a,onAccountBalanceClick:s})})}const ne=e=>o.createElement("svg",{viewBox:"0 0 1089 119",height:119,role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M563 0H1085C1087.21 0 1089 1.79086 1089 4V33C1089 35.2091 1087.21 37 1085 37H563V0Z",fill:"#202122"}),o.createElement("rect",{y:18,width:523,height:1,fill:"#3E4043"}),o.createElement("path",{d:"M563 41H1085C1087.21 41 1089 42.7909 1089 45V74C1089 76.2091 1087.21 78 1085 78H563V41Z",fill:"#202122"}),o.createElement("rect",{y:59,width:523,height:1,fill:"#3E4043"}),o.createElement("path",{d:"M563 82H1085C1087.21 82 1089 83.7909 1089 86V115C1089 117.209 1087.21 119 1085 119H563V82Z",fill:"#202122"}),o.createElement("rect",{y:100,width:523,height:1,fill:"#3E4043"})),oe=e=>o.createElement("svg",{viewBox:"0 0 1089 119",height:119,role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M563 0H1085C1087.21 0 1089 1.79086 1089 4V33C1089 35.2091 1087.21 37 1085 37H563V0Z",fill:"#FAFBFC"}),o.createElement("rect",{y:18,width:523,height:1,fill:"#E9ECF0"}),o.createElement("path",{d:"M563 41H1085C1087.21 41 1089 42.7909 1089 45V74C1089 76.2091 1087.21 78 1085 78H563V41Z",fill:"#FAFBFC"}),o.createElement("rect",{y:59,width:523,height:1,fill:"#E9ECF0"}),o.createElement("path",{d:"M563 82H1085C1087.21 82 1089 83.7909 1089 86V115C1089 117.209 1087.21 119 1085 119H563V82Z",fill:"#FAFBFC"}),o.createElement("rect",{y:100,width:523,height:1,fill:"#E9ECF0"})),re=l.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,ae=l.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+`,se=l.div`
+  display: flex;
+  width: 100%;
+  height: 20vh;
+  min-height: 150px;
+  flex-grow: 0;
+  max-width: 100%;
+  flex-basis: 100%;
+  flex-direction: column;
+`,ce=l($)`
+  color: ${V.alert};
+  margin: ${i.sp3} ${i.sp0} ${i.sp5} ${i.sp0};
+`;function de(){switch(j().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 E(c[3],c[3],c[8]),chartContainerMinHeight:new E(c[12],c[11])},he=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,me=l.div`
+  position: relative;
+  box-shadow: ${e=>`2px 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-top: ${i.sp0};
+  padding-bottom: ${i.sp0};
+  padding-left: ${e=>f.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>f.wrapperPadding.valuePx(e.windowSize)};
+`,xe=l.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 auto;
+  justify-content: center;
+  max-width: 100%;
+`,ue=l.div`
+  display: flex;
+  padding: ${i.sp2} ${i.sp0} ${i.sp4} ${i.sp0};
+`,fe=l.div`
+  display: flex;
+  justify-content: center;
+  padding-top: ${i.sp4};
+  padding-bottom: ${i.sp4};
+  padding-left: ${e=>f.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>f.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,ge=l.div`
+  height: ${i.sp9};
+  color: ${e=>e.theme.colors.primary};
+`,we=l(z)``,Ce=l(P)`
+  padding-left: ${i.sp3};
+`,ye=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: ${e=>f.chartContainerMinHeight.valuePx(e.windowSize)};
+  margin-bottom: ${i.sp5};
+`,$e=l.div`
+  display: flex;
+`;function Le(e){const n=j(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:g}=e,d=S(),w=[...D],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(L,{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{Le as default};