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

package/dist/assets/{TimeRangeSwitcher-CkXysnFa-BxX2v8T-.js → TimeRangeSwitcher-RLCCDvSp-DYQOEgth.js}

@@ -1,4 +1,4 @@
-import{j as t,aj as D,E as k,dj as H,aN as L,o as a,d as q}from"./index-CyJdCOlu.js";import{n as g,b as n}from"./vendor-CnQcJ2Lu.js";import{R as A}from"./mui-Bi8r7UDG.js";import{V as U}from"./CollapsableReportTable-NSlKGCNZ-9GlkRzVX.js";const W=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),X=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,Z=g.div`
+import{j as t,aj as D,I as k,d4 as H,aN as L,o as a,$ as q}from"./index-D9zAXs3-.js";import{n as g,b as n}from"./vendor-Bs1fkIUX.js";import{R as A}from"./mui-Ty75qFQF.js";import{V as U}from"./CollapsableReportTable-CDe76ha7-3Q7qsS_e.js";const W=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),X=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,Z=g.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
@@ -61,4 +61,4 @@ import{j as t,aj as D,E as k,dj as H,aN as L,o as a,d as q}from"./index-CyJdCOlu
   cursor: pointer;
   pointer-events: all;
   color: ${e=>e.theme.colors.grey5};
-`;function v({iconPosition:e}){switch(e){case"left":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(X,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return A.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:c,timeframe:l,tick:r,tickIndex:x,isSelected:s,onClick:f}){return t.jsx(_,{isEnabled:e,isSelected:s,onClick:()=>{f(r,x,l)},children:t.jsx(J,{children:U(c,r,l)})})}function ne(e,c,l,r,x){const s=c-e,f=Math.floor(e/h)+Math.round(s/h),w=f+l.length-r.length,u=f+l.length,b=x-u;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function ie(e){return e.startIndex!=null}function z(e,c){let l={startIndex:0,length:0};if(ie(e))l=e;else{const r=e.length;l={startIndex:c.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:c,timeframe:l,timeframeTicks:r,isEnabled:x,selection:s,onClick:f,onSelectionChanged:w}){const u=n.createRef(),b=n.useRef(null),[I,M]=n.useState(!1),[o,C]=n.useState(z(s.selectedTicks,r)),j=n.useRef(o.startIndex);n.useEffect(()=>{j.current=o.startIndex});const[$,T]=n.useState(s.highlightedOfSelectedTicks),O=(o.startIndex+o.length>r.length?Math.max(r.length-o.length,0):o.startIndex)*h,[y,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const i=z(s.selectedTicks,r);if(!k(o,i)){C(i);const d=i.startIndex*h;F({x:d,y:0})}k($,s.highlightedOfSelectedTicks)||T(s.highlightedOfSelectedTicks)},[o,$,s,r]),n.useLayoutEffect(()=>{const{startIndex:i,length:d}=o;u.current?.scrollToItem(j.current<=i?i+d-1:i)},[u,o]);const N=x!==!1,R=(i,d,m)=>{f?.(m,i)},P=(i,d)=>{const m=ne(y.x,d.x,o,$,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},B=({index:i,style:d})=>{const m=r[i],{startIndex:S,length:V}=$,Y=i>=S&&i<S+V;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:N,firstMonthOfFY:c,timeframe:l,tick:m,tickIndex:i,isSelected:Y,onClick:R},i)})},E=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:u,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:B}),I===!0&&E!=null?t.jsx(te,{parentNode:E,children:t.jsx(H,{axis:"x",defaultPosition:{x:0,y:0},position:y,bounds:{left:0,right:(r.length-o.length)*h},grid:[1,0],scale:1,onStop:P,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:o.length,ref:b,children:[t.jsx(Q,{children:t.jsx(v,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(v,{iconPosition:"right"})})]})})}):null]})}function de(e){return t.jsx(Z,{children:t.jsx(D,{children:({width:c})=>t.jsx(le,{...e,width:c})})})}export{p as a,de as p};
+`;function v({iconPosition:e}){switch(e){case"left":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(X,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return A.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:c,timeframe:l,tick:r,tickIndex:x,isSelected:s,onClick:f}){return t.jsx(_,{isEnabled:e,isSelected:s,onClick:()=>{f(r,x,l)},children:t.jsx(J,{children:U(c,r,l)})})}function ne(e,c,l,r,x){const s=c-e,f=Math.floor(e/h)+Math.round(s/h),w=f+l.length-r.length,u=f+l.length,b=x-u;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function ie(e){return e.startIndex!=null}function z(e,c){let l={startIndex:0,length:0};if(ie(e))l=e;else{const r=e.length;l={startIndex:c.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:c,timeframe:l,timeframeTicks:r,isEnabled:x,selection:s,onClick:f,onSelectionChanged:w}){const u=n.createRef(),b=n.useRef(null),[I,M]=n.useState(!1),[o,T]=n.useState(z(s.selectedTicks,r)),y=n.useRef(o.startIndex);n.useEffect(()=>{y.current=o.startIndex});const[$,C]=n.useState(s.highlightedOfSelectedTicks),O=(o.startIndex+o.length>r.length?Math.max(r.length-o.length,0):o.startIndex)*h,[S,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const i=z(s.selectedTicks,r);if(!k(o,i)){T(i);const d=i.startIndex*h;F({x:d,y:0})}k($,s.highlightedOfSelectedTicks)||C(s.highlightedOfSelectedTicks)},[o,$,s,r]),n.useLayoutEffect(()=>{const{startIndex:i,length:d}=o;u.current?.scrollToItem(y.current<=i?i+d-1:i)},[u,o]);const N=x!==!1,R=(i,d,m)=>{f?.(m,i)},P=(i,d)=>{const m=ne(S.x,d.x,o,$,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},B=({index:i,style:d})=>{const m=r[i],{startIndex:E,length:V}=$,Y=i>=E&&i<E+V;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:N,firstMonthOfFY:c,timeframe:l,tick:m,tickIndex:i,isSelected:Y,onClick:R},i)})},j=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:u,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:B}),I===!0&&j!=null?t.jsx(te,{parentNode:j,children:t.jsx(H,{axis:"x",defaultPosition:{x:0,y:0},position:S,bounds:{left:0,right:(r.length-o.length)*h},grid:[1,0],scale:1,onStop:P,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:o.length,ref:b,children:[t.jsx(Q,{children:t.jsx(v,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(v,{iconPosition:"right"})})]})})}):null]})}function de(e){return t.jsx(Z,{children:t.jsx(D,{children:({width:c})=>t.jsx(le,{...e,width:c})})})}export{p as a,de as p};

package/dist/assets/{TimeframeSwitcher-B-S09J4A-MdxeQVLH.js → TimeframeSwitcher-DABwUJSm-DPkuAUy9.js}

@@ -1,4 +1,4 @@
-import{j as t,o,d as p,M as u}from"./index-CyJdCOlu.js";import{n as i}from"./vendor-CnQcJ2Lu.js";const f=i.div`
+import{j as t,o,$ as p,F as u}from"./index-D9zAXs3-.js";import{n as i}from"./vendor-Bs1fkIUX.js";const f=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -20,12 +20,12 @@ import{j as t,o,d as p,M as u}from"./index-CyJdCOlu.js";import{n as i}from"./ven
   box-shadow: ${e=>e.isSelected?`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`:null};
 `,_=i(p)`
   padding: ${o.sp2} ${o.sp3} ${o.sp2} ${o.sp3};
-`,g=i.div`
+`,$=i.div`
   width: 1px;
   height: ${o.sp3};
   background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
-`,w=i.div`
+`,g=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`;function $({timeframe:e,isSelected:a,onClick:l}){const n=s=>{switch(s){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return u.getLocalizedStrings().timeframeSwitcherLabels[s];default:return console.warn("Unsupported timeframe"),""}};return t.jsx(x,{onClick:()=>{a===!1&&l(e)},isSelected:a,children:t.jsx(_,{children:n(e)})})}function k({timeframes:e,selectedTimeframe:a,onTimeframeSelectionChanged:l}){const n=r=>{l?.(r)},s=e.findIndex(r=>r===a);return t.jsx(f,{children:e.map((r,c)=>{const m=e.length>1&&c<e.length-1,d=c===s,h=c===s-1;return t.jsxs(w,{children:[t.jsx($,{timeframe:r,isSelected:d,onClick:n},c),m?t.jsx(g,{isSelected:d||h}):null]},c)})})}export{k as b};
+`;function w({timeframe:e,isSelected:a,onClick:l}){const n=s=>{switch(s){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return u.getLocalizedStrings().timeframeSwitcherLabels[s];default:return console.warn("Unsupported timeframe"),""}};return t.jsx(x,{onClick:()=>{a===!1&&l(e)},isSelected:a,children:t.jsx(_,{children:n(e)})})}function k({timeframes:e,selectedTimeframe:a,onTimeframeSelectionChanged:l}){const n=r=>{l?.(r)},s=e.findIndex(r=>r===a);return t.jsx(f,{children:e.map((r,c)=>{const m=e.length>1&&c<e.length-1,d=c===s,h=c===s-1;return t.jsxs(g,{children:[t.jsx(w,{timeframe:r,isSelected:d,onClick:n},c),m?t.jsx($,{isSelected:d||h}):null]},c)})})}export{k as b};

package/dist/assets/{TimeframeSwitcherWithToggle-B9Lo2-pD-oHueEdHK.js → TimeframeSwitcherWithToggle-DMblyoo8-ize9yIra.js}

@@ -1,4 +1,4 @@
-import{e as c,j as t,C as n,d as x,b4 as w}from"./index-CyJdCOlu.js";import{n as r}from"./vendor-CnQcJ2Lu.js";import{b as l}from"./TimeframeSwitcher-B-S09J4A-MdxeQVLH.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...o})=>t.jsx(w,{...o,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=>t.jsx(p,{...e}),d={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},$=r.div`
+import{K as c,j as t,x as n,$ as x,b4 as w}from"./index-D9zAXs3-.js";import{n as r}from"./vendor-Bs1fkIUX.js";import{b as l}from"./TimeframeSwitcher-DABwUJSm-DPkuAUy9.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...o})=>t.jsx(w,{...o,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}})),$=e=>t.jsx(p,{...e}),d={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},b=r.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -28,4 +28,4 @@ import{e as c,j as t,C as n,d as x,b4 as w}from"./index-CyJdCOlu.js";import{n as
 `,C=r(x)`
   color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
   opacity: ${e=>e.isDisabled?.5:1};
-`,h=({label:e,isOn:o,isToggleDisabled:s,onValueChanged:g})=>t.jsxs(t.Fragment,{children:[t.jsx(C,{isOn:o,isDisabled:s===!0,children:e}),t.jsx(b,{checked:o,edge:"end",disabled:s===!0,disableRipple:s===!0,onChange:f=>{g(f.target.checked)}})]}),B=e=>{const o=c();return t.jsxs($,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(k,{children:t.jsx(h,{...e.toggle})})]})},S=e=>{const o=c();return t.jsxs(y,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(j,{children:t.jsx(h,{...e.toggle})})]})};function L(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(B,{...e}):t.jsx(S,{...e})}export{L as M};
+`,h=({label:e,isOn:o,isToggleDisabled:s,onValueChanged:g})=>t.jsxs(t.Fragment,{children:[t.jsx(C,{isOn:o,isDisabled:s===!0,children:e}),t.jsx($,{checked:o,edge:"end",disabled:s===!0,disableRipple:s===!0,onChange:f=>{g(f.target.checked)}})]}),B=e=>{const o=c();return t.jsxs(b,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(k,{children:t.jsx(h,{...e.toggle})})]})},S=e=>{const o=c();return t.jsxs(y,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(j,{children:t.jsx(h,{...e.toggle})})]})};function L(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(B,{...e}):t.jsx(S,{...e})}export{L as M};

package/dist/assets/{TopExCard-DwP8Cppq-BA7R-fYL.js → TopExCard-BwOpZFuj-CBPfgwzP.js}

@@ -1,4 +1,4 @@
-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-CyJdCOlu.js";import{f as v,b as te,n as g}from"./vendor-CnQcJ2Lu.js";import{I as ae,T as re}from"./ReloadCard-CJfjUA_Q-iqgRrGxj.js";import{o as oe,r as ne}from"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const ie=g(O)`
+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)`
   justify-content: space-between;
   margin: 0;
   height: ${e=>e.height!=null?e.height+"px":"auto"};
@@ -6,14 +6,14 @@ 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
 `,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=>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)`
+`,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)`
   color: ${e=>e.theme.colors.champion};
-`,w=g.div`
+`,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":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`
+`;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`
   display: flex;
   flex-direction: row;
   flex: 1 1 auto;
@@ -29,10 +29,10 @@ 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
   height: ${p.sp4};
 `,fe=g(L)`
   margin-left: ${p.sp2};
-`,ye=g(J)`
+`,ye=g(Y)`
   flex: 1 1 0;
   color: ${e=>e.theme.colors.primary};
-`,be=g(N)`
+`,be=g(J)`
   flex: 1 1 0;
   margin-right: ${p.sp2};
-`;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};
+`;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};

package/dist/assets/{TopExDetailPage-CIMSDSxd-DWJg2Rhe.js → TopExDetailPage-BLaZA-dy-BH7Jcbvo.js}

@@ -1,11 +1,11 @@
-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-CyJdCOlu.js";import{n as l,f as M,b as o}from"./vendor-CnQcJ2Lu.js";import{E as _,I as Z}from"./TopExCard-DwP8Cppq-BA7R-fYL.js";import{b as L}from"./TimeframeSwitcher-B-S09J4A-MdxeQVLH.js";import{d as O}from"./NoDataTable-CPEKYH-4-ChRW7vff.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./ReloadCard-CJfjUA_Q-iqgRrGxj.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const E="141px",I=i.sp4,R="123px",N=l(D)`
+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)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
   &:hover {
     color: inherit;
   }
-`,W=l.div`
+`,N=l.div`
   user-select: none;
   display: flex;
   width: 100%;
@@ -18,35 +18,35 @@ 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,
   &:hover {
     color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
   }
-`,X=l.div`
+`,W=l.div`
   display: flex;
   flex-grow: 1;
   flex-shrink: 0;
   flex-direction: row;
   justify-content: flex-end;
-`,q=l(y)`
+`,U=l(y)`
   user-select: none;
   width: ${E};
   min-width: ${E};
   text-align: right;
   margin-left: ${I};
-`,J=l.div`
+`,X=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",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`
+`;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`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,U=l.div`
+`,Q=l.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -56,7 +56,7 @@ 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,
   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(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`
+`;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`
   margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
   background-color: inherit;
   width: 100%;
@@ -84,7 +84,7 @@ 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,
 `,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 f={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 g={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,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,
   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)};
+  padding-left: ${e=>g.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>g.wrapperPadding.valuePx(e.windowSize)};
 `,xe=l.div`
   display: flex;
   flex-direction: row;
@@ -108,25 +108,25 @@ 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,
 `,ue=l.div`
   display: flex;
   padding: ${i.sp2} ${i.sp0} ${i.sp4} ${i.sp0};
-`,fe=l.div`
+`,ge=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)};
+  padding-left: ${e=>g.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>g.wrapperPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey4};
-`,ge=l.div`
+`,fe=l.div`
   height: ${i.sp9};
   color: ${e=>e.theme.colors.primary};
-`,we=l(P)``,Ce=l(F)`
+`,we=l(z)``,Ce=l(F)`
   padding-left: ${i.sp3};
 `,$e=l.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
-  min-height: ${e=>f.chartContainerMinHeight.valuePx(e.windowSize)};
+  min-height: ${e=>g.chartContainerMinHeight.valuePx(e.windowSize)};
   margin-bottom: ${i.sp5};
 `,ye=l.div`
   display: flex;
-`;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};
+`;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};