@zeniai/web-cockpit-ui 1.14.22-qa → 1.14.23-dev

package/dist/assets/{TopExDetailPage-DpYLakrO-DvZBg7fP.js → TopExDetailPage-CGPgaWRb-BefBmW9C.js}

@@ -1,11 +1,11 @@
-import{u as v,e as S,l as A,j as t,aW as B,M as u,$ as b,ai as H,I as P,o as i,C as E,bi as z,aN as F,q as c,g as T,n as y,_ as V,ae as M}from"./index-NilHeiJu.js";import{n as l,f as D,b as o}from"./vendor-rkTZJa59.js";import{E as _,I as Z}from"./TopExCard-BWOozDK3-DDnX9T6b.js";import{b as L}from"./TimeframeSwitcher-D1cuigpc-Cz5nqZB9.js";import{d as I}from"./NoDataTable-DaX07HI0-DUwVgUQv.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-BmYf1NZf-CKjtyagc.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";const j="141px",O=i.sp4,N="123px",R=l(M)`
+import{u as v,e as S,m as A,j as t,aX as B,M as u,a0 as k,aj as H,K as P,o as i,C as j,bj as z,aO as F,s as c,g as T,p as y,$ as V,af as M}from"./index-B8OsEhOZ.js";import{n as l,f as D,b as o}from"./vendor-rkTZJa59.js";import{E as Z,I as _}from"./TopExCard-DBuo1QUF-Bqy_yS0O.js";import{y as L}from"./TimeframeSwitcher-BmhH741X-Bq2UrAGM.js";import{d as O}from"./NoDataTable-qTYBbL2H-BGrSHe_q.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./ReloadCard-DxJMY9If-DFVN_BWj.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";const E="141px",I=i.sp4,R="123px",N=l(M)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
   &:hover {
     color: inherit;
   }
-`,W=l.div`
+`,X=l.div`
   user-select: none;
   display: flex;
   width: 100%;
@@ -18,31 +18,31 @@ import{u as v,e as S,l as A,j as t,aW as B,M as u,$ as b,ai as H,I as P,o as i,C
   &:hover {
     color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
   }
-`,q=l.div`
+`,J=l.div`
   display: flex;
   flex-grow: 1;
   flex-shrink: 0;
   flex-direction: row;
   justify-content: flex-end;
-`,J=l(y)`
+`,K=l(y)`
   user-select: none;
-  width: ${j};
-  min-width: ${j};
+  width: ${E};
+  min-width: ${E};
   text-align: right;
-  margin-left: ${O};
+  margin-left: ${I};
 `,Q=l.div`
   display: flex;
   flex-direction: row;
   flex-shrink: 2;
   flex-grow: 1;
   align-items: center;
-`,X=l(y)`
+`,W=l(y)`
   user-select: none;
   display: flex;
-  min-width: ${N};
+  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=R,{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(Q,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(X,{"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(q,{style:{cursor:f},children:t.jsx(J,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:b("0,0",n?.balance.available)})})]})}const K=l.div`
+`;function q({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(X,{isClickable:d,children:[t.jsxs(Q,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(W,{"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(J,{style:{cursor:g},children:t.jsx(K,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:k("0,0",n?.balance.available)})})]})}const G=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,$ as b,ai as H,I as P,o as i,C
   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=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(G,{children:e?.map((a,r)=>t.jsxs(U,{children:[t.jsx(q,{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,$ as b,ai as H,I as P,o as i,C
 `,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`
+`;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,e as S,l as A,j as t,aW as B,M as u,$ as b,ai as H,I as P,o as i,C
   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,15 +108,15 @@ import{u as v,e as S,l as A,j as t,aW as B,M as u,$ as b,ai as H,I as P,o as i,C
 `,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)`
@@ -125,8 +125,8 @@ import{u as v,e as S,l as A,j as t,aW as B,M as u,$ as b,ai as H,I as P,o as i,C
   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=_(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(Z,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ge,{windowSize:d,children:h?t.jsx(I,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{Me as default};
+`;function Me(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:g}=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: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:k("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:b})=>t.jsx(_,{report:s,timeframe:m,showBarHoverBackground:!1,width:b,height:p,isDetailPage:!0})})})]}),t.jsx(fe,{windowSize:d,children:h?t.jsx(O,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{Me as default};