@zeniai/web-cockpit-ui 1.15.52-dev → 1.15.53-dev

package/dist/assets/TimeframeSwitcher-CW08yYgo-DBfI-CDo.js

@@ -0,0 +1,31 @@
+import{V as s,o,aj as f,F as p}from"./index-ByXRm0Fj.js";import{n as d}from"./mui-BtuxyOQU.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5f3bcaae-aa55-41ba-95e8-e347709dd70f",e._sentryDebugIdIdentifier="sentry-dbid-5f3bcaae-aa55-41ba-95e8-e347709dd70f")}catch{}})();const u=d.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  padding: ${o.sp1};
+  border-radius: 10px;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+`,g=d.div`
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
+  }
+  cursor: ${e=>e.isSelected?"default":"pointer"};
+  border-radius: ${o.sp2};
+  background-color: ${e=>e.isSelected?e.theme.colors.grey5:e.theme.colors.background};
+  box-shadow: ${e=>e.isSelected?`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`:null};
+`,b=d(f)`
+  padding: ${o.sp2} ${o.sp3} ${o.sp2} ${o.sp3};
+`,_=d.div`
+  width: 1px;
+  height: ${o.sp3};
+  background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
+`,w=d.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;function y({timeframe:e,isSelected:t,onClick:n}){const l=r=>{switch(r){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 p.getLocalizedStrings().timeframeSwitcherLabels[r];default:return console.warn("Unsupported timeframe"),""}};return s.jsx(g,{onClick:()=>{t===!1&&n(e)},isSelected:t,children:s.jsx(b,{children:l(e)})})}function S({timeframes:e,selectedTimeframe:t,onTimeframeSelectionChanged:n}){const l=a=>{n?.(a)},r=e.findIndex(a=>a===t);return s.jsx(u,{children:e.map((a,i)=>{const h=e.length>1&&i<e.length-1,c=i===r,m=i===r-1;return s.jsxs(w,{children:[s.jsx(y,{timeframe:a,isSelected:c,onClick:l},i),h?s.jsx(_,{isSelected:c||m}):null]},i)})})}export{S as b};

package/dist/assets/{TimeframeSwitcherWithToggle-DFjeQWwK-DmJGkI9O.js → TimeframeSwitcherWithToggle-DJOCWqpZ-CxMWU2YP.js}

@@ -1,31 +1,31 @@
-import{K as s,V as i,x as n,ak as u,bL as w}from"./index-D0RCZvbR.js";import{n as a}from"./mui-CWpKo4a_.js";import{j as l}from"./TimeframeSwitcher-B-NCBgZo-Bzw6DaTx.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="edddf3d4-5ecb-4468-a367-89e9e85079b5",e._sentryDebugIdIdentifier="sentry-dbid-edddf3d4-5ecb-4468-a367-89e9e85079b5")}catch{}})();const d="ZeniSwitch",t={root:`${d}-root`,switchBase:`${d}-switchBase`,track:`${d}-track`,thumb:`${d}-thumb`},x=({className:e,...o})=>i.jsx(w,{...o,className:e,classes:{...t}}),p=a(x)(({theme:e})=>({[`& .${t.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${t.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${t.root}.${t.switchBase}.Mui-checked + .${t.track}`]:{backgroundColor:e.colors.grey1},[`&.${t.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${t.switchBase}.Mui-checked .${t.thumb}`]:{backgroundColor:e.colors.primary},[`& .${t.switchBase}.Mui-checked .${t.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>')`},[`& .${t.switchBase}.Mui-checked + .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${t.switchBase}.Mui-disabled + .${t.track}`]:{opacity:.7},[`& .${t.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"}},[`& .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>i.jsx(p,{...e}),c={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},y=a.div`
+import{J as d,V as i,y as n,aj as u,bL as w}from"./index-ByXRm0Fj.js";import{n as r}from"./mui-BtuxyOQU.js";import{b as l}from"./TimeframeSwitcher-CW08yYgo-DBfI-CDo.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="2e2afa1a-74d2-4152-8edb-1f65daf450d6",e._sentryDebugIdIdentifier="sentry-dbid-2e2afa1a-74d2-4152-8edb-1f65daf450d6")}catch{}})();const s="ZeniSwitch",t={root:`${s}-root`,switchBase:`${s}-switchBase`,track:`${s}-track`,thumb:`${s}-thumb`},b=({className:e,...o})=>i.jsx(w,{...o,className:e,classes:{...t}}),x=r(b)(({theme:e})=>({[`& .${t.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${t.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${t.root}.${t.switchBase}.Mui-checked + .${t.track}`]:{backgroundColor:e.colors.grey1},[`&.${t.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${t.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${t.switchBase}.Mui-checked .${t.thumb}`]:{backgroundColor:e.colors.primary},[`& .${t.switchBase}.Mui-checked .${t.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>')`},[`& .${t.switchBase}.Mui-checked + .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${t.switchBase}.Mui-disabled + .${t.track}`]:{opacity:.7},[`& .${t.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"}},[`& .${t.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),p=e=>i.jsx(x,{...e}),c={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},y=r.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,$=a.div`
+`,$=r.div`
   display: flex;
   width: 100%;
   flex-direction: row;
-`,m=a.div`
+`,m=r.div`
   display: flex;
   flex-direction: row;
   flex: 1 1 auto;
   justify-content: center;
   padding-left: ${e=>c.timeframePaddingLeft.valuePx(e.windowSize)};
   padding-bottom: ${e=>c.timeframePaddingBottom.valuePx(e.windowSize)};
-`,k=a.div`
+`,k=r.div`
   display: flex;
   width: 100%;
   flex-direction: row;
   align-items: center;
   justify-content: center;
-`,j=a.div`
+`,j=r.div`
   display: flex;
   width: 125px;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end;
-`,T=a(u)`
+`,C=r(u)`
   color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
   opacity: ${e=>e.isDisabled?.5:1};
-`,f=({label:e,isOn:o,isToggleDisabled:r,onValueChanged:g})=>i.jsxs(i.Fragment,{children:[i.jsx(T,{isOn:o,isDisabled:r===!0,children:e}),i.jsx(b,{checked:o,edge:"end",disabled:r===!0,disableRipple:r===!0,onChange:h=>{g(h.target.checked)}})]}),C=e=>{const o=s();return i.jsxs(y,{children:[i.jsx(m,{windowSize:o,children:i.jsx(l,{containerDataTestId:e.timeframeSwitcherDataTestId,selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsx(k,{"data-testid":e.compareToggleDataTestId,children:i.jsx(f,{...e.toggle})})]})},I=e=>{const o=s();return i.jsxs($,{children:[i.jsx(m,{windowSize:o,children:i.jsx(l,{containerDataTestId:e.timeframeSwitcherDataTestId,selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsx(j,{"data-testid":e.compareToggleDataTestId,children:i.jsx(f,{...e.toggle})})]})};function D(e){const o=s();return o==="small"||o==="medium-compact"?i.jsx(C,{...e}):i.jsx(I,{...e})}export{D as I};
+`,f=({label:e,isOn:o,isToggleDisabled:a,onValueChanged:h})=>i.jsxs(i.Fragment,{children:[i.jsx(C,{isOn:o,isDisabled:a===!0,children:e}),i.jsx(p,{checked:o,edge:"end",disabled:a===!0,disableRipple:a===!0,onChange:g=>{h(g.target.checked)}})]}),T=e=>{const o=d();return i.jsxs(y,{children:[i.jsx(m,{windowSize:o,children:i.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsx(k,{children:i.jsx(f,{...e.toggle})})]})},v=e=>{const o=d();return i.jsxs($,{children:[i.jsx(m,{windowSize:o,children:i.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),i.jsx(j,{children:i.jsx(f,{...e.toggle})})]})};function M(e){const o=d();return o==="small"||o==="medium-compact"?i.jsx(T,{...e}):i.jsx(v,{...e})}export{M};

package/dist/assets/{TopExCard-D7QZLM8i-BjdgFU_s.js → TopExCard-dI_WEGWb-C_ouXuJx.js}

@@ -1,4 +1,4 @@
-import{aG as z,K as M,V as t,y as x,u as f,w as T,a_ as X,aQ as H,aO as R,o as p,ak as C,bb as G,an as F,b as S,aP as N,aU as E,b4 as Q,b5 as Y,ac as q,aV as U,bT as J}from"./index-D0RCZvbR.js";import{P as w,a as W}from"./sentry-D6_R-0PO.js";import{FS as Z}from"./zeni-epic-state-CQm7BABf.js";import{n as g}from"./mui-CWpKo4a_.js";import{I as ee,T as te}from"./ReloadCard-B1utQoNe-BgcT-L3D.js";import{o as ae,r as re}from"./graphic-no-data-l-DU4J8fDt-d8YRoWN5.js";import{H as k,X as L,Y as P,K as $,O,Q as ne,S as oe}from"./recharts-DgmMLsfg.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="ee8c8bd2-41d7-40ca-8181-7114b638cabd",e._sentryDebugIdIdentifier="sentry-dbid-ee8c8bd2-41d7-40ca-8181-7114b638cabd")}catch{}})();const ie=g(E)`
+import{aF as z,J as M,V as t,d as x,u as f,b as T,a_ as R,aP as H,aN as F,o as p,aj as C,bb as X,am as q,F as S,aO as G,aU as E,b4 as N,b5 as Q,aR as U,aV as Y,bT as J}from"./index-ByXRm0Fj.js";import{P as w,a as W}from"./sentry-BfjekFHA.js";import{F7 as Z}from"./zeni-epic-state-x1SruN8b.js";import{n as g}from"./mui-BtuxyOQU.js";import{I as ee,T as te}from"./ReloadCard-vAhL7B8U-CXvjyFbd.js";import{o as ae,r as re}from"./graphic-no-data-l-DU4J8fDt-CeAnn4nf.js";import{H as k,X as K,Y as L,K as $,O as P,Q as ne,S as oe}from"./recharts-B1UpAC2z.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="377bba72-e37c-4412-abd2-87d6976c576c",e._sentryDebugIdIdentifier="sentry-dbid-377bba72-e37c-4412-abd2-87d6976c576c")}catch{}})();const ie=g(E)`
   justify-content: space-between;
   margin: 0;
   height: ${e=>e.height!=null?e.height+"px":"auto"};
@@ -6,14 +6,14 @@ import{aG as z,K as M,V as t,y as x,u as f,w as T,a_ as X,aQ as H,aO as R,o as p
 `,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:n,label:r})=>{const l=x();return t.jsxs(ie,{height:n,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:n,onTimeframeChanged:r,textStyle:l}){const i=o=>S.getLocalizedStrings().timeframe[o];return t.jsx(de,{onClick:o=>o.stopPropagation(),children:t.jsx(J,{pickerValues:e,valueToLabel:i,selectedValue:n,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(U)`
+`,ce=({width:e,height:n,label:r})=>{const l=x();return t.jsxs(ie,{height:n,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:n,onTimeframeChanged:r,textStyle:l}){const i=o=>S.getLocalizedStrings().timeframe[o];return t.jsx(de,{onClick:o=>o.stopPropagation(),children:t.jsx(J,{pickerValues:e,valueToLabel:i,selectedValue:n,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(Y)`
   color: ${e=>e.theme.colors.champion};
-`,I=g.div`
+`,D=g.div`
   display: flex;
   flex: 0 1 auto;
   flex-direction: row;
   align-items: center;
-`;function ue({dimension:e,reportTitle:n,cardType:r,cardIndex:l,onCardClick:i,timeframe:o,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(N,{"data-testid":q("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>i(l,r),children:t.jsxs(E,{children:[t.jsxs(I,{style:{marginBottom:f[3]},children:[t.jsx(me,{children:n!=null?n+c:Q(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:o,onTimeframeChanged:a=>h?.(a??"month"),allowedValues:d}):null]}),t.jsx(I,{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 A({card:e,reportTitle:n,actions:r,timeframe:l,allowedValues:i,chartElement:o,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:n}):t.jsx(ue,{dimension:e.dimension,reportTitle:n,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:r.onCardClick,timeframe:l,allowedValues:i??["month","quarter","year"],chartElement:o,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}w.memo(A);const K=(e,n,r)=>{const l=n.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),i=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=i?.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:i??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:n,cardType:r,cardIndex:l,onCardClick:i,timeframe:o,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(G,{"data-testid":U("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>i(l,r),children:t.jsxs(E,{children:[t.jsxs(D,{style:{marginBottom:f[3]},children:[t.jsx(me,{children:n!=null?n+c:N(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:o,onTimeframeChanged:a=>h?.(a??"month"),allowedValues:d}):null]}),t.jsx(D,{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 O({card:e,reportTitle:n,actions:r,timeframe:l,allowedValues:i,chartElement:o,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:n}):t.jsx(ue,{dimension:e.dimension,reportTitle:n,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:r.onCardClick,timeframe:l,allowedValues:i??["month","quarter","year"],chartElement:o,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}w.memo(O);const A=(e,n,r)=>{const l=n.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),i=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=i?.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:i??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{aG as z,K as M,V as t,y as x,u as f,w as T,a_ as X,aQ as H,aO as R,o as p
   height: ${p.sp4};
 `,xe=g(C)`
   margin-left: ${p.sp2};
-`,ye=g(G)`
+`,ye=g(X)`
   flex: 1 1 0;
   color: ${e=>e.theme.colors.primary};
-`,be=g(F)`
+`,be=g(q)`
   flex: 1 1 0;
   margin-right: ${p.sp2};
-`;function je({report:e,width:n,height:r,showBarHoverBackground:l}){const i=x(),o=K(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx($,{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:i.colors.background},children:s.map(c=>t.jsx(O,{fill:i.colors.topExCustomColor},h))},Math.random());return o.chartItems.length===0?null:t.jsx(Ie,{chartItemArray:o.chartItems,showBarHoverBackground:l,barElement:d(o.chartItems,o.chartItems[0].barKey),width:n,height:r})}const we=e=>{const{barKey:n,payload:r,chartItems:l,width:i,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:i,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:H("0,0",s[n])})]})})},Ie=({chartItemArray:e,barElement:n,width:r,height:l})=>{const i=e[0],o=i.total,d=i.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),o?.amount??0]}),t.jsx(P,{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})}),n]})},D=41,v=4;function De({report:e,width:n,height:r,showBarHoverBackground:l,isDetailPage:i}){const o=x(),d=K(i===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs($,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:i===!0?800:void 0,background:void 0,children:[t.jsx(ne,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:B,height:_,offset:V}=m;return t.jsx(oe,{x:u+V,y:y+_/2,fill:o.colors.hero,fontSize:T.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:B})}}),h.map(m=>t.jsx(O,{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(ve,{chartItemArray:d.chartItems,showBarHoverBackground:l,barElement:s(d.chartItems,d.chartItems[0].barKey,n),width:n,height:r,isDetailPage:i===!0})}const ve=({chartItemArray:e,barElement:n,width:r,height:l,isDetailPage:i})=>{const o=x(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(k,{data:e,layout:"vertical",width:r,barCategoryGap:i?v:2,height:i?e.length?(D+2*v)*e.length:l:l+5,barSize:i?D:38,margin:{top:0,right:i?f[0]:f[3],left:i?f[0]:f[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:i?"default":"pointer"},children:[t.jsx(L,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx(P,{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,...T.smallRegular.cssObject},tickFormatter:a=>a!==0?X("0,0.[00]a",a,c):""}),n]})};function Te(e){const n=M();return n!=="small"&&n!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(De,{...e})}const Ce=w.memo(Te,z);function Se(e){if(e==null||e.length===0)return!0;let n=!0;for(const r of e)if(r.balance.available.amount!==0){n=!1;break}return n}function Ee({card:e,actions:n,data:r,dndProps:l}){const[i,o]=W.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:i}):t.jsx(ce,{width:c,height:a,label:S.getLocalizedStrings().chartCard.no_data.top_expenses[i]});return t.jsx(R,{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:n,timeframe:i,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>o(a)})},e.cardIndex)}w.memo(Ee);export{A,Se as E,Ce as I,Ee as L,ce as c};
+`;function je({report:e,width:n,height:r,showBarHoverBackground:l}){const i=x(),o=A(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx($,{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:i.colors.background},children:s.map(c=>t.jsx(P,{fill:i.colors.topExCustomColor},h))},Math.random());return o.chartItems.length===0?null:t.jsx(De,{chartItemArray:o.chartItems,showBarHoverBackground:l,barElement:d(o.chartItems,o.chartItems[0].barKey),width:n,height:r})}const we=e=>{const{barKey:n,payload:r,chartItems:l,width:i,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:i,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:H("0,0",s[n])})]})})},De=({chartItemArray:e,barElement:n,width:r,height:l})=>{const i=e[0],o=i.total,d=i.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(K,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),o?.amount??0]}),t.jsx(L,{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})}),n]})},I=41,v=4;function Ie({report:e,width:n,height:r,showBarHoverBackground:l,isDetailPage:i}){const o=x(),d=A(i===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs($,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:i===!0?800:void 0,background:void 0,children:[t.jsx(ne,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:B,height:_,offset:V}=m;return t.jsx(oe,{x:u+V,y:y+_/2,fill:o.colors.hero,fontSize:T.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:B})}}),h.map(m=>t.jsx(P,{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(ve,{chartItemArray:d.chartItems,showBarHoverBackground:l,barElement:s(d.chartItems,d.chartItems[0].barKey,n),width:n,height:r,isDetailPage:i===!0})}const ve=({chartItemArray:e,barElement:n,width:r,height:l,isDetailPage:i})=>{const o=x(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(k,{data:e,layout:"vertical",width:r,barCategoryGap:i?v:2,height:i?e.length?(I+2*v)*e.length:l:l+5,barSize:i?I:38,margin:{top:0,right:i?f[0]:f[3],left:i?f[0]:f[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:i?"default":"pointer"},children:[t.jsx(K,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx(L,{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,...T.smallRegular.cssObject},tickFormatter:a=>a!==0?R("0,0.[00]a",a,c):""}),n]})};function Te(e){const n=M();return n!=="small"&&n!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(Ie,{...e})}const Ce=w.memo(Te,z);function Se(e){if(e==null||e.length===0)return!0;let n=!0;for(const r of e)if(r.balance.available.amount!==0){n=!1;break}return n}function Ee({card:e,actions:n,data:r,dndProps:l}){const[i,o]=W.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:i}):t.jsx(ce,{width:c,height:a,label:S.getLocalizedStrings().chartCard.no_data.top_expenses[i]});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(O,{card:e,actions:n,timeframe:i,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>o(a)})},e.cardIndex)}w.memo(Ee);export{O as A,Se as E,Ce as I,Ee as L,ce as c};

package/dist/assets/{TopExDetailPage-CzoQPsjz-CzDcKIu9.js → TopExDetailPage-BWy5E8Lp-DHDoD8xK.js}

@@ -1,11 +1,11 @@
-import{y as j,K as S,V as t,bE as A,b as f,aQ as b,b5 as B,J as P,o as i,x as E,bS as H,bu as V,u as c,p as z,an as $,ac as D,b1 as F}from"./index-D0RCZvbR.js";import{n}from"./mui-CWpKo4a_.js";import{FS as T}from"./zeni-epic-state-CQm7BABf.js";import{E as _,I}from"./TopExCard-D7QZLM8i-BjdgFU_s.js";import{j as M}from"./TimeframeSwitcher-B-NCBgZo-Bzw6DaTx.js";import{d as Z}from"./NoDataTable-C6ryanfQ-BGrQrBkr.js";import{P as L,a as o}from"./sentry-D6_R-0PO.js";import"./liveblocks-CKHUw5rb.js";import"./core-BzTCCyMo.js";import"./recharts-DgmMLsfg.js";import"./lottie-DGC6TFh6.js";import"./analytics-CFLF9sCc.js";import"./lexical-BFSfLoHw.js";import"./utils-B8cH97sz.js";import"./ReloadCard-B1utQoNe-BgcT-L3D.js";import"./graphic-no-data-l-DU4J8fDt-d8YRoWN5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="d5498ac7-a8c0-40e4-ae88-fa1425b0c0fe",e._sentryDebugIdIdentifier="sentry-dbid-d5498ac7-a8c0-40e4-ae88-fa1425b0c0fe")}catch{}})();const v="141px",O=i.sp4,N="123px",K=n(F)`
+import{d as v,J as A,V as t,bE as S,F as x,aP as j,b5 as B,A as P,o as i,y as E,bS as H,bu as V,u as c,p as D,am as $,aR as F,b1 as z}from"./index-ByXRm0Fj.js";import{n}from"./mui-BtuxyOQU.js";import{F7 as T}from"./zeni-epic-state-x1SruN8b.js";import{E as _,I}from"./TopExCard-dI_WEGWb-C_ouXuJx.js";import{b as M}from"./TimeframeSwitcher-CW08yYgo-DBfI-CDo.js";import{d as L}from"./NoDataTable-DVe7sQhD-nqOrgT1n.js";import{P as Z,a as o}from"./sentry-BfjekFHA.js";import"./liveblocks-DWegUhIu.js";import"./core-Cfmldnhs.js";import"./recharts-B1UpAC2z.js";import"./lottie-BGI-L4nL.js";import"./analytics-D_c73QMR.js";import"./lexical-C8q9B2Uw.js";import"./utils-BhAlbbTk.js";import"./ReloadCard-vAhL7B8U-CXvjyFbd.js";import"./graphic-no-data-l-DU4J8fDt-CeAnn4nf.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="1459fec6-b1f4-4079-af02-7061db50fccb",e._sentryDebugIdIdentifier="sentry-dbid-1459fec6-b1f4-4079-af02-7061db50fccb")}catch{}})();const b="141px",O=i.sp4,N="123px",R=n(z)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
   &:hover {
     color: inherit;
   }
-`,R=n.div`
+`,J=n.div`
   user-select: none;
   display: flex;
   width: 100%;
@@ -18,45 +18,45 @@ import{y as j,K as S,V as t,bE as A,b as f,aQ as b,b5 as B,J as P,o as i,x as E,
   &:hover {
     color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
   }
-`,J=n.div`
+`,W=n.div`
   display: flex;
   flex-grow: 1;
   flex-shrink: 0;
   flex-direction: row;
   justify-content: flex-end;
-`,Q=n($)`
+`,X=n($)`
   user-select: none;
-  width: ${v};
-  min-width: ${v};
+  width: ${b};
+  min-width: ${b};
   text-align: right;
   margin-left: ${O};
-`,W=n.div`
+`,Y=n.div`
   display: flex;
   flex-direction: row;
   flex-shrink: 2;
   flex-grow: 1;
   align-items: center;
-`,X=n($)`
+`,q=n($)`
   user-select: none;
   display: flex;
   min-width: ${N};
   text-align: left;
   margin-left: ${i.sp4};
-`;function q({leftChevron:e,account:l,onAccountBalanceClick:a}){const s=l!=null&&l.balance!=null,r=e==="hidden",g=s?"pointer":"default",d=r===!1&&s,w=d?"pointer":"default",h=r?c[6]:c[4],m=K,{common:{strings:{empty:y}}}=f.getLocalizedStrings(),C=l?.accountDescription?l.accountDescription:y,x=l?.accountName?l.accountName:C;return t.jsxs(R,{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":D("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&l!=null&&l.balance!=null&&a?.(l)},children:x})]}),t.jsx(J,{style:{cursor:g},children:t.jsx(Q,{isClickable:s,onClick:()=>{l?.balance!=null&&a?.(l)},children:b("0,0",l?.balance.available)})})]})}const G=n.div`
+`;function G({leftChevron:e,account:l,onAccountBalanceClick:a}){const s=l!=null&&l.balance!=null,r=e==="hidden",g=s?"pointer":"default",d=r===!1&&s,w=d?"pointer":"default",h=r?c[6]:c[4],m=R,{common:{strings:{empty:y}}}=x.getLocalizedStrings(),C=l?.accountDescription?l.accountDescription:y,f=l?.accountName?l.accountName:C;return t.jsxs(J,{isClickable:d,children:[t.jsxs(Y,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(q,{"data-testid":F("top-ex-account-name",f),style:{marginLeft:h},title:f,onClick:()=>{d&&l!=null&&l.balance!=null&&a?.(l)},children:f})]}),t.jsx(W,{style:{cursor:g},children:t.jsx(X,{isClickable:s,onClick:()=>{l?.balance!=null&&a?.(l)},children:j("0,0",l?.balance.available)})})]})}const K=n.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,U=n.div`
+`,Q=n.div`
   display: flex;
   width: 100%;
   flex-direction: column;
-`,Y=n.div`
+`,U=n.div`
   display: flex;
   flex: 1 1 auto;
   width: 100%;
   height: 1px;
   background-color: ${e=>e.theme.colors.grey3};
-`;function ee({accounts:e,onAccountBalanceClick:l}){const a=(s,r)=>s.length>1&&r<s.length-1;return t.jsx(G,{children:e?.map((s,r)=>t.jsxs(U,{children:[t.jsx(q,{leftChevron:"collapsed",account:s,onAccountBalanceClick:l}),a(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=L.memo(ee),ie=n.div`
+`;function ee({accounts:e,onAccountBalanceClick:l}){const a=(s,r)=>s.length>1&&r<s.length-1;return t.jsx(K,{children:e?.map((s,r)=>t.jsxs(Q,{children:[t.jsx(G,{leftChevron:"collapsed",account:s,onAccountBalanceClick:l}),a(e,r)===!0?t.jsx(U,{}):null]},r))})}const te=Z.memo(ee),ie=n.div`
   margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
   background-color: inherit;
   width: 100%;
@@ -82,9 +82,9 @@ import{y as j,K as S,V as t,bE as A,b as f,aQ as b,b5 as B,J as P,o as i,x as E,
   flex-basis: 100%;
   flex-direction: column;
 `,ce=n($)`
-  color: ${z.alert};
+  color: ${D.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(le,{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 u={wrapperPadding:new E(c[3],c[3],c[8]),chartContainerMinHeight:new E(c[12],c[11])},he=n.div`
+`;function de(){switch(v().mode){case"light":return t.jsx(oe,{width:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(le,{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 u={wrapperPadding:new E(c[3],c[3],c[8]),chartContainerMinHeight:new E(c[12],c[11])},he=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -99,13 +99,13 @@ import{y as j,K as S,V as t,bE as A,b as f,aQ as b,b5 as B,J as P,o as i,x as E,
   padding-bottom: ${i.sp0};
   padding-left: ${e=>u.wrapperPadding.valuePx(e.windowSize)};
   padding-right: ${e=>u.wrapperPadding.valuePx(e.windowSize)};
-`,xe=n.div`
+`,fe=n.div`
   display: flex;
   flex-direction: row;
   flex: 1 1 auto;
   justify-content: center;
   max-width: 100%;
-`,fe=n.div`
+`,xe=n.div`
   display: flex;
   padding: ${i.sp2} ${i.sp0} ${i.sp4} ${i.sp0};
 `,ue=n.div`
@@ -129,4 +129,4 @@ import{y as j,K as S,V as t,bE as A,b as f,aQ as b,b5 as B,J as P,o as i,x as E,
   margin-bottom: ${i.sp5};
 `,$e=n.div`
   display: flex;
-`;function Ie(e){const l=j(),{report:a,onTimeframeSelectionChanged:s,onAccountBalanceClick:r,onBackClick:g}=e,d=S(),w=[...T],h=_(a.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:y}=a,C=y.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:f.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:l.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(fe,{children:t.jsx(xe,{children:t.jsx(M,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{s?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:b("0,0",C)}),t.jsx(ye,{children:f.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx($e,{children:t.jsx(pe,{title:`${f.getLocalizedStrings().chartCard.no_data_available_for} ${f.getLocalizedStrings().timeframe[m]}`})}):t.jsx(Ce,{windowSize:d,children:t.jsx(B,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(I,{report:a,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ue,{windowSize:d,children:h?t.jsx(Z,{}):t.jsx(ne,{report:a,onAccountBalanceClick:r})})]})}export{Ie as default};
+`;function Ie(e){const l=v(),{report:a,onTimeframeSelectionChanged:s,onAccountBalanceClick:r,onBackClick:g}=e,d=A(),w=[...T],h=_(a.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:y}=a,C=y.total,f=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(S,{source:"TopExDetailPage",title:x.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:l.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:f}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(xe,{children:t.jsx(fe,{children:t.jsx(M,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{s?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:j("0,0",C)}),t.jsx(ye,{children:x.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx($e,{children:t.jsx(pe,{title:`${x.getLocalizedStrings().chartCard.no_data_available_for} ${x.getLocalizedStrings().timeframe[m]}`})}):t.jsx(Ce,{windowSize:d,children:t.jsx(B,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(I,{report:a,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ue,{windowSize:d,children:h?t.jsx(L,{}):t.jsx(ne,{report:a,onAccountBalanceClick:r})})]})}export{Ie as default};

package/dist/assets/TransactionActivityLogPage-DjhEIUYm-CDOSrUCy.js

@@ -0,0 +1,195 @@
+import{V as n,T as F,o,b9 as H,F as z,am as I,x as U,eI as B,an as K,bi as M,h as P,aj as W,dw as q,a$ as J}from"./index-ByXRm0Fj.js";import{a as Q}from"./sentry-BfjekFHA.js";import{n as i}from"./mui-BtuxyOQU.js";import"./liveblocks-DWegUhIu.js";import"./core-Cfmldnhs.js";import"./recharts-B1UpAC2z.js";import"./zeni-epic-state-x1SruN8b.js";import"./lottie-BGI-L4nL.js";import"./analytics-D_c73QMR.js";import"./lexical-C8q9B2Uw.js";import"./utils-BhAlbbTk.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2df8dcf5-5e61-40e6-976e-17ef11d7bb5d",e._sentryDebugIdIdentifier="sentry-dbid-2df8dcf5-5e61-40e6-976e-17ef11d7bb5d")}catch{}})();const A=z.getLocalizedStrings(),{transactionActivityLog:p}=A.expenseAutomation.transactions,{dateFormat:x}=A,g={"transaction_line.vendor.updated":p.fields.vendor,"transaction_line.vendor.matched":p.fields.vendor,"transaction_line.account.updated":p.fields.category,"transaction_line.class.updated":p.fields.class,"transaction_line.vendor.user_update":p.fields.vendor,"transaction_line.customer.user_update":p.fields.customer,"transaction_line.memo.user_update":p.fields.memo,"transaction_line.description.user_update":p.fields.description,"transaction_line.account.user_update":p.fields.category,"transaction_line.class.user_update":p.fields.class},f=p.linePrefix;function C(e){return e.data?.transaction?.lineId??null}function Z(e){return e.endsWith(".user_update")}function Y(e){return e.length>0&&Z(e[0].eventType)}function G(e){const t=e.data?.transaction?.originalLine;if(t==null)return;const r=e.eventType;if(r==="transaction_line.account.user_update")return t.account?.accountName;if(r==="transaction_line.class.user_update")return t.class?.className;if(r==="transaction_line.vendor.user_update")return t.vendor?.name;if(r==="transaction_line.customer.user_update")return t.customer?.name;if(r==="transaction_line.memo.user_update")return t.memo;if(r==="transaction_line.description.user_update")return t.description}function O(e){const t=e.data?.transaction?.updatedLine;if(t==null)return;const r=e.eventType;if(r==="transaction_line.account.user_update")return t.account?.accountName;if(r==="transaction_line.class.user_update")return t.class?.className;if(r==="transaction_line.vendor.user_update")return t.vendor?.name;if(r==="transaction_line.customer.user_update")return t.customer?.name;if(r==="transaction_line.memo.user_update")return t.memo;if(r==="transaction_line.description.user_update")return t.description}function y(e){return e.map(t=>`${t.fieldName}|${t.oldValue??""}|${t.newValue??""}`).join(";;")}function R(e){const t=new Map;for(const s of e){if(s.data==null)continue;const l=C(s);if(l==null)continue;const m=g[s.eventType]??s.eventType,d=G(s),h=O(s),c=t.get(l)??[];c.push({fieldName:m,oldValue:d,newValue:h}),t.set(l,c)}const r=Array.from(t.keys()).sort((s,l)=>Number(s)-Number(l)||String(s).localeCompare(String(l)));if(r.length===0)return[];const u=[];let a=0;for(;a<r.length;){const s=r[a],l=t.get(s)??[],m=y(l);let d=a;for(;d+1<r.length&&y(t.get(r[d+1])??[])===m;)d+=1;const h=r[d],c=s===h?`${f}${s}`:`${f}${s} - ${f}${h}`;u.push({details:l,lineDisplayLabel:c}),a=d+1}return u}function j(e){return e.map(t=>`${t.fieldName}|${t.newValue??""}|${t.reasoning}`).join(";;")}function X(e){const t=new Map;for(const s of e){if(s.data==null)continue;const l=C(s);if(l==null)continue;const m=E(s),d=g[s.eventType]??s.eventType,h=s.data.aiSummaries[0];if(h!=null){const c=t.get(l)??[];c.push({fieldName:d,newValue:m,reasoning:h.reasoning}),t.set(l,c)}}const r=Array.from(t.keys()).sort((s,l)=>Number(s)-Number(l)||String(s).localeCompare(String(l)));if(r.length===0)return[];const u=[];let a=0;for(;a<r.length;){const s=r[a],l=t.get(s)??[],m=j(l);let d=a;for(;d+1<r.length&&j(t.get(r[d+1])??[])===m;)d+=1;const h=r[d],c=s===h?`${f}${s}`:`${f}${s} - ${f}${h}`;u.push({details:l,lineDisplayLabel:c}),a=d+1}return u}function ee(e){const t=[];let r=0;for(;r<e.length;){const u=e[r],a=[u],s=u.data?.transaction?.correlationId;let l=r+1;if(s!=null)for(;l<e.length&&e[l].data?.transaction?.correlationId===s;)a.push(e[l]),l++;else for(;l<e.length&&e[l].createTime.format("DD MM YYYY HH:mm:ss")===u.createTime.format("DD MM YYYY HH:mm:ss");)a.push(e[l]),l++;t.push(a),r=l}return t}function te(e){if(e.length===1&&e[0].eventType==="transaction.sync_database")return p.transactionIngested;if(Y(e)){const a=e[0].data?.user;if(a!=null){const s=p.userUpdatedDetails.charAt(0).toLowerCase()+p.userUpdatedDetails.slice(1);return`${a.firstName} ${a.lastName} ${s}`}return p.userUpdatedDetails}const t=[...new Set(e.map(a=>g[a.eventType]).filter(a=>a!=null))];if(t.length===0)return e[0].eventType;if(t.length===1)return`${p.aiBookkeeperAdded} ${t[0]}.`;const r=t.at(-1),u=t.slice(0,-1);return`${p.aiBookkeeperAdded} ${u.join(", ")} and ${r}.`}function E(e){const t=e.data?.transaction?.updatedLine;if(!(t==null||e.eventType==="transaction.sync_database")){if(e.eventType==="transaction_line.vendor.updated"||e.eventType==="transaction_line.vendor.matched")return t.vendor?.name;if(e.eventType==="transaction_line.account.updated")return t.account?.accountName;if(e.eventType==="transaction_line.class.updated")return t.class?.className;if(e.eventType==="transaction_line.customer.updated")return t.customer?.name}}function ne(e){return e.flatMap(t=>{if(t.data==null)return[];const r=t.data.aiSummaries[0];if(r==null)return[];const u=E(t);return[{fieldName:g[t.eventType]??t.eventType,newValue:u,reasoning:r.reasoning}]})}const qe=({transactionActivityLogSelectorView:e,onClose:t})=>{const{transactionActivityLogs:r}=e,u=ee(r);return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?n.jsxs(ie,{children:[n.jsx(F,{size:"ExtraLarge",start:!0}),";"]}):e.fetchState==="Completed"&&u.length===0?n.jsxs(v,{children:[n.jsx(b,{children:n.jsx(_,{children:p.title})}),n.jsx(Me,{children:n.jsx(Ae,{children:p.noLogsFound})})]}):n.jsxs(v,{children:[n.jsxs(b,{children:[n.jsx(_,{children:p.title}),n.jsx(se,{onClick:t,children:n.jsx(oe,{})})]}),n.jsx(ae,{children:u.map((a,s)=>n.jsx(re,{isLast:s===u.length-1,group:a},a[0].id))})]})},re=({group:e,isLast:t})=>{const[r,u]=Q.useState(!1),a=Y(e),s=a?[]:X(e),l=a?R(e):[],m=a?[]:ne(e);return n.jsxs(ue,{children:[n.jsxs(he,{children:[n.jsx(me,{children:a?n.jsx(ge,{}):n.jsx(fe,{})}),!t&&n.jsx($e,{})]}),n.jsxs(xe,{children:[n.jsx(ye,{children:te(e)}),n.jsxs(je,{children:[n.jsx(k,{children:e[0].createTime.format(x.visual.MMMDFormat)}),n.jsx(ve,{}),n.jsx(k,{children:e[0].createTime.format(x.visual.HHMMFormat)})]}),a&&l.length>0&&n.jsx(w,{children:l.map((d,h)=>n.jsxs(T,{children:[n.jsxs(N,{children:[n.jsx(L,{children:d.lineDisplayLabel}),n.jsx(V,{"aria-hidden":!0,children:"#"})]}),n.jsx(Le,{children:d.details.map((c,$)=>n.jsxs(Ve,{children:[n.jsxs(ke,{children:[c.fieldName,":"," "]}),c.oldValue!=null&&n.jsx(De,{children:c.oldValue}),c.oldValue!=null&&c.newValue!=null&&n.jsx(Se,{children:" → "}),c.newValue!=null&&n.jsx(Ie,{children:c.newValue})]},`${c.fieldName}-${$}`))})]},`${d.lineDisplayLabel}-${h}`))}),!a&&s.length>0&&n.jsx(w,{children:s.map((d,h)=>n.jsxs(T,{children:[n.jsxs(N,{children:[n.jsxs(le,{children:[n.jsx(de,{}),n.jsx(L,{children:d.lineDisplayLabel})]}),n.jsx(V,{"aria-hidden":!0,children:"#"})]}),n.jsx(ce,{children:d.details.map((c,$)=>n.jsxs(pe,{children:[n.jsxs(D,{children:[c.fieldName,c.newValue!=null&&`: ${c.newValue}`]}),n.jsx(S,{children:c.reasoning})]},`${c.fieldName}-${$}`))})]},`${d.lineDisplayLabel}-${h}`))}),!a&&s.length===0&&m.length>0&&n.jsxs(n.Fragment,{children:[n.jsxs(be,{onClick:()=>u(d=>!d),children:[n.jsx(_e,{isExpanded:r}),n.jsx(we,{children:p.details})]}),r&&n.jsx(Te,{children:m.map((d,h)=>n.jsxs(Ne,{children:[n.jsxs(D,{children:[d.fieldName,d.newValue!=null&&`: ${d.newValue}`]}),n.jsx(S,{children:d.reasoning})]},`${d.fieldName}-${h}`))})]})]})]})},ie=i.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+`,v=i.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp5};
+  background-color: ${e=>e.theme.colors.grey4};
+`,b=i.div`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  padding: ${o.sp3} ${o.sp4};
+  position: relative;
+`,_=i(H)`
+  color: ${e=>e.theme.colors.primary};
+`,se=i.button`
+  align-items: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  padding: ${o.sp1};
+  position: absolute;
+  right: ${o.sp4};
+  top: 50%;
+  transform: translateY(-50%);
+`,oe=i(U)`
+  color: ${e=>e.theme.colors.hero};
+  height: 20px;
+  width: 20px;
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ae=i.div`
+  padding-left: ${o.sp8};
+  padding-right: ${o.sp8};
+`,w=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp2};
+  margin-top: ${o.sp2};
+`,T=i.div`
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  overflow: hidden;
+`,N=i.div`
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  padding: ${o.sp2} ${o.sp3};
+`,le=i.div`
+  align-items: center;
+  display: flex;
+  gap: ${o.sp2};
+`,de=i(P)`
+  color: ${e=>e.theme.colors.hero};
+  flex-shrink: 0;
+  height: 16px;
+  width: 16px;
+`,L=i(M)`
+  color: ${e=>e.theme.colors.primary};
+`,V=i.span`
+  color: ${e=>e.theme.colors.champion};
+  font-size: 12px;
+`,ce=i.div`
+  padding: 0 ${o.sp3} ${o.sp3};
+`,pe=i.div`
+  padding-top: ${o.sp2};
+
+  & + & {
+    border-top: 1px solid ${e=>e.theme.colors.grey3};
+    margin-top: ${o.sp2};
+    padding-top: ${o.sp2};
+  }
+`,ue=i.div`
+  display: flex;
+  flex-direction: row;
+`,he=i.div`
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  margin-right: ${o.sp3};
+`,me=i.div`
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+`,fe=i(B)`
+  height: 22px;
+  width: 22px;
+`,ge=i.div`
+  border: 2px solid ${e=>e.theme.colors.champion};
+  border-radius: 50%;
+  height: 12px;
+  width: 12px;
+`,$e=i.div`
+  background: ${e=>e.theme.colors.grey3};
+  flex: 1;
+  min-height: ${o.sp3};
+  width: 2px;
+`,xe=i.div`
+  flex: 1;
+  min-width: 0;
+  padding-bottom: ${o.sp4};
+`,ye=i(I)`
+  color: ${e=>e.theme.colors.hero};
+`,je=i.div`
+  align-items: center;
+  display: flex;
+  gap: ${o.sp1};
+  margin-top: 2px;
+`,k=i(K)`
+  color: ${e=>e.theme.colors.hero};
+`,ve=i.div`
+  background: ${e=>e.theme.colors.hero};
+  border-radius: 50%;
+  flex-shrink: 0;
+  height: ${o.sp1};
+  width: ${o.sp1};
+`,be=i.button`
+  align-items: center;
+  background: ${e=>e.theme.colors.grey4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  cursor: pointer;
+  display: flex;
+  gap: ${o.sp1};
+  margin-top: ${o.sp2};
+  padding: ${o.sp1} ${o.sp2};
+`,_e=i(q)`
+  color: ${e=>e.theme.colors.hero};
+  height: 14px;
+  transform: ${e=>e.isExpanded?"rotate(180deg)":"rotate(0)"};
+  transition: transform 0.2s ease;
+  width: 14px;
+`,we=i(J)`
+  color: ${e=>e.theme.colors.champion};
+`,Te=i.div`
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${o.sp2};
+  margin-top: ${o.sp2};
+  overflow: hidden;
+`,Ne=i.div`
+  padding: ${o.sp3};
+
+  & + & {
+    border-top: 1px solid ${e=>e.theme.colors.grey3};
+  }
+`,D=i(M)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${o.sp1};
+`,S=i(W)`
+  color: ${e=>e.theme.colors.champion};
+  line-height: 20px;
+`,Le=i.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${o.sp2} ${o.sp3} ${o.sp3};
+`,Ve=i.div`
+  line-height: 20px;
+
+  & + & {
+    border-top: 1px solid ${e=>e.theme.colors.grey3};
+    margin-top: ${o.sp2};
+    padding-top: ${o.sp2};
+  }
+`,ke=i.span`
+  color: ${e=>e.theme.colors.primary};
+  font-weight: 600;
+`,De=i.span`
+  color: ${e=>e.theme.colors.champion};
+  text-decoration: line-through;
+`,Se=i.span`
+  color: ${e=>e.theme.colors.champion};
+`,Ie=i.span`
+  color: ${e=>e.theme.colors.primary};
+`,Me=i.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+`,Ae=i(I)`
+  color: ${e=>e.theme.colors.hero};
+`;export{qe as default};