@zeniai/web-cockpit-ui 1.14.49-qa → 1.14.50-dev

package/dist/assets/{TopExDetailPage-BNouRPM_-V8w0Nl4l.js → TopExDetailPage-CXYcu4vC-BudfE4e2.js}

@@ -1,4 +1,4 @@
-import{u as v,e as S,l as A,j as t,aY as B,M as u,a0 as k,aj as H,H as P,o as i,C as j,bk as z,aP as T,r as c,g as F,s as y,Z as V,af as M}from"./index-RcMUg6rr.js";import{n as l,f as D,b as o}from"./vendor-rkTZJa59.js";import{E as Z,T as _}from"./TopExCard-CflRvGFb-BSDi9hbk.js";import{y as L}from"./TimeframeSwitcher-B1ZBKWlB-7HKYiomL.js";import{d as O}from"./NoDataTable-DKv0uhi4-Cpc7fkkE.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./ReloadCard-aqfmXbU5-CNPn4sKt.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";const E="141px",R=i.sp4,I="123px",N=l(M)`
+import{u as v,e as S,l as A,j as t,a_ as B,M as u,a3 as k,am as H,L as P,o as i,C as E,bl as z,aR as F,r as c,g as V,s as y,a2 as T,ai as M}from"./index-dX8TSOm6.js";import{n as l,f as D,b as o}from"./vendor-rkTZJa59.js";import{E as _,I as L}from"./TopExCard-DpBmbBOH-rqB_17zU.js";import{y as Z}from"./TimeframeSwitcher-CXQS6_Dj-pJvRjYVF.js";import{d as I}from"./NoDataTable-C4YVpnKy-bA2EH_fQ.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./ReloadCard-C7TwZcxr-vlQuHsih.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";const j="141px",O=i.sp4,R="123px",N=l(M)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
@@ -26,37 +26,37 @@ import{u as v,e as S,l as A,j as t,aY as B,M as u,a0 as k,aj as H,H as P,o as i,
   justify-content: flex-end;
 `,W=l(y)`
   user-select: none;
-  width: ${E};
-  min-width: ${E};
+  width: ${j};
+  min-width: ${j};
   text-align: right;
-  margin-left: ${R};
+  margin-left: ${O};
 `,X=l.div`
   display: flex;
   flex-direction: row;
   flex-shrink: 2;
   flex-grow: 1;
   align-items: center;
-`,Y=l(y)`
+`,q=l(y)`
   user-select: none;
   display: flex;
-  min-width: ${I};
+  min-width: ${R};
   text-align: left;
   margin-left: ${i.sp4};
-`;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(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(Y,{"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(G,{style:{cursor:g},children:t.jsx(W,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:k("0,0",n?.balance.available)})})]})}const J=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=N,{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(q,{"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(W,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:k("0,0",n?.balance.available)})})]})}const K=l.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,K=l.div`
+`,U=l.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,U=l.div`
+`,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(J,{children:e?.map((a,r)=>t.jsxs(K,{children:[t.jsx(q,{leftChevron:"collapsed",account:a,onAccountBalanceClick:n}),s(e,r)===!0?t.jsx(U,{}):null]},r))})}const te=D.memo(ee),ie=l.div`
+`;function ee({accounts:e,onAccountBalanceClick:n}){const s=(a,r)=>a.length>1&&r<a.length-1;return t.jsx(K,{children:e?.map((a,r)=>t.jsxs(U,{children:[t.jsx(J,{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%;
@@ -82,9 +82,9 @@ import{u as v,e as S,l as A,j as t,aY as B,M as u,a0 as k,aj as H,H as P,o as i,
   flex-basis: 100%;
   flex-direction: column;
 `,ce=l(y)`
-  color: ${F.alert};
+  color: ${V.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 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%;
@@ -97,8 +97,8 @@ import{u as v,e as S,l as A,j as t,aY as B,M as u,a0 as k,aj as H,H as P,o as i,
   background-color: ${e=>e.theme.colors.grey5};
   padding-top: ${i.sp0};
   padding-bottom: ${i.sp0};
-  padding-left: ${e=>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,aY as B,M as u,a0 as k,aj as H,H as P,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(z)``,Ce=l(T)`
+`,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 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};
+`;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(Z,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{a?.(p)}})})}),h?null:t.jsxs(fe,{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(L,{report:s,timeframe:m,showBarHoverBackground:!1,width:b,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};