@zeniai/web-cockpit-ui 1.15.68-prod → 2.0.0-dev

package/dist/assets/TimeframeSwitcherWithToggle-DyggDIQj-BDMDYsLj.js

@@ -1,53 +0,0 @@
-import{e as c,V as t,ac as g,x as m,o as n,ak as p,bL as w}from"./index-C8o-xzAN.js";import{n as a}from"./mui-DOS4CfBc.js";import{T as f}from"./TimeframeSwitcher-DA99HdHt-B7dPmR3A.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]="cae7e0af-3f58-4e50-a58c-7c906771bf3f",e._sentryDebugIdIdentifier="sentry-dbid-cae7e0af-3f58-4e50-a58c-7c906771bf3f")}catch{}})();const s="ZeniSwitch",i={root:`${s}-root`,switchBase:`${s}-switchBase`,track:`${s}-track`,thumb:`${s}-thumb`},x=({className:e,...o})=>t.jsx(w,{...o,className:e,classes:{...i}}),y=a(x)(({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(y,{...e}),l={timeframePaddingLeft:new m(0,0,125),timeframePaddingBottom:new m(8,8,0)},$=a.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,k=a.div`
-  display: grid;
-  width: 100%;
-  grid-template-columns: 1fr auto 1fr;
-  align-items: center;
-  column-gap: ${n.sp3};
-`,j=a.div`
-  min-width: 0;
-`,T=a.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding-bottom: ${e=>l.timeframePaddingBottom.valuePx(e.windowSize)};
-`,v=a.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  padding-left: ${e=>l.timeframePaddingLeft.valuePx(e.windowSize)};
-  padding-bottom: ${e=>l.timeframePaddingBottom.valuePx(e.windowSize)};
-`,B=a.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: ${n.sp5};
-  flex-wrap: wrap;
-`,C=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${n.sp5};
-  flex-wrap: wrap;
-  flex-shrink: 0;
-  max-width: 520px;
-  justify-self: end;
-`,S=a.div``,L=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${n.sp2};
-  flex-shrink: 0;
-`,P=a(p)`
-  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-`,d=({label:e,isOn:o,isToggleDisabled:r,onValueChanged:h})=>t.jsxs(L,{children:[t.jsx(P,{isOn:o,isDisabled:r===!0,children:e}),t.jsx(b,{checked:o,edge:"end",disabled:r===!0,disableRipple:r===!0,onChange:u=>{h(u.target.checked)}})]}),D=e=>{const o=c();return t.jsxs($,{children:[t.jsx(v,{windowSize:o,children:t.jsx(f,{selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsxs(B,{"data-testid":g("timeframe-compare-toggle"),children:[t.jsx(d,{...e.toggle}),e.secondaryToggle!=null?t.jsx("div",{"data-testid":e.secondaryToggleDataTestId,children:t.jsx(d,{...e.secondaryToggle})}):null]})]})},I=e=>{const o=c();return t.jsxs(k,{children:[t.jsx(j,{"aria-hidden":!0}),t.jsx(T,{windowSize:o,children:t.jsx(f,{selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsxs(C,{"data-testid":g("timeframe-compare-toggle"),children:[t.jsx(d,{...e.toggle}),e.secondaryToggle!=null?t.jsx(S,{"data-testid":e.secondaryToggleDataTestId,children:t.jsx(d,{...e.secondaryToggle})}):null]})]})};function _(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(D,{...e}):t.jsx(I,{...e})}export{_ as X};

package/dist/assets/TopExCard-Z1WabZ8c-D9ahLOhN.js

@@ -1,38 +0,0 @@
-import{aG as z,e as M,V as t,g 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 Q,O as S,aP as Y,aU as E,b4 as q,b5 as F,ac as N,aV as U,b$ as Z}from"./index-C8o-xzAN.js";import{P as w,a as J}from"./sentry-DBhcw6Be.js";import{FX as W}from"./zeni-epic-state-DMWYYyyR.js";import{n as g}from"./mui-DOS4CfBc.js";import{I as ee,T as te}from"./ReloadCard-Bdoo0XiI-BkT_TrPt.js";import{o as ae,r as re}from"./graphic-no-data-l-DU4J8fDt-Db5RbWJE.js";import{H as k,X as $,Y as O,K as L,O as P,Q as ne,S as oe}from"./recharts-BBlqu8Rz.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]="69d6d415-55fe-4e4d-8c23-02ebe036d8d2",e._sentryDebugIdIdentifier="sentry-dbid-69d6d415-55fe-4e4d-8c23-02ebe036d8d2")}catch{}})();const ie=g(E)`
-  justify-content: space-between;
-  margin: 0;
-  height: ${e=>e.height!=null?e.height+"px":"auto"};
-  width: ${e=>e.width!=null?e.width+"px":"auto"};
-`,se=g.div``,le=g(C)`
-  color: ${e=>e.theme.colors.hero};
-  margin: ${p.sp2} ${p.sp0} ${p.sp2} ${p.sp0};
-`,ce=({width:e,height: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(Z,{pickerValues:e,valueToLabel:i,selectedValue:n,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(U)`
-  color: ${e=>e.theme.colors.champion};
-`,I=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(Y,{"data-testid":N("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(F,{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 B=(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;
-  justify-content: space-between;
-  align-items: center;
-  height: 100%;
-  color: ${e=>e.theme.colors.hero};
-`,pe=g.div`
-  display: flex;
-  align-items: center;
-  flex: 4 1 0;
-`,fe=g.img`
-  height: ${p.sp4};
-`,xe=g(C)`
-  margin-left: ${p.sp2};
-`,ye=g(G)`
-  flex: 1 1 0;
-  color: ${e=>e.theme.colors.primary};
-`,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=B(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx(L,{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(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($,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),o?.amount??0]}),t.jsx(O,{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=B(i===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs(L,{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:K,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:K})}}),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?(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($,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx(O,{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]=J.useState(r?.topExTimePeriod??"last_month"),d=[...W],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{Se as E,Ce as I,Ee as L,A as O,ce as c};

package/dist/assets/TopExDetailPage-CzHG4f9E-DSsiHUw6.js

@@ -1,132 +0,0 @@
-import{g as j,e as S,V as t,bE as A,O as f,aQ as b,b5 as B,K as P,o as i,x as E,b_ as H,bu as T,u as c,d as V,an as $,ac as z,b1 as D}from"./index-C8o-xzAN.js";import{n}from"./mui-DOS4CfBc.js";import{FX as F}from"./zeni-epic-state-DMWYYyyR.js";import{E as _,I}from"./TopExCard-Z1WabZ8c-D9ahLOhN.js";import{T as M}from"./TimeframeSwitcher-DA99HdHt-B7dPmR3A.js";import{d as L}from"./NoDataTable-4vPXmPYF-0AXx0isj.js";import{P as O,a as o}from"./sentry-DBhcw6Be.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";import"./ReloadCard-Bdoo0XiI-BkT_TrPt.js";import"./graphic-no-data-l-DU4J8fDt-Db5RbWJE.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]="cda44806-b498-4157-afcd-87155cf269a8",e._sentryDebugIdIdentifier="sentry-dbid-cda44806-b498-4157-afcd-87155cf269a8")}catch{}})();const v="141px",Z=i.sp4,N="123px",R=n(D)`
-  color: inherit;
-  width: ${i.sp3};
-  height: ${i.sp3};
-  &:hover {
-    color: inherit;
-  }
-`,X=n.div`
-  user-select: none;
-  display: flex;
-  width: 100%;
-  flex-flow: row;
-  justify-content: flex-start;
-  align-items: center;
-  margin-top: ${i.sp3};
-  margin-bottom: ${i.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
-  }
-`,K=n.div`
-  display: flex;
-  flex-grow: 1;
-  flex-shrink: 0;
-  flex-direction: row;
-  justify-content: flex-end;
-`,Q=n($)`
-  user-select: none;
-  width: ${v};
-  min-width: ${v};
-  text-align: right;
-  margin-left: ${Z};
-`,U=n.div`
-  display: flex;
-  flex-direction: row;
-  flex-shrink: 2;
-  flex-grow: 1;
-  align-items: center;
-`,W=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=R,{common:{strings:{empty:y}}}=f.getLocalizedStrings(),C=l?.accountDescription?l.accountDescription:y,x=l?.accountName?l.accountName:C;return t.jsxs(X,{isClickable:d,children:[t.jsxs(U,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(W,{"data-testid":z("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&l!=null&&l.balance!=null&&a?.(l)},children:x})]}),t.jsx(K,{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`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,J=n.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,Y=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(J,{children:[t.jsx(q,{leftChevron:"collapsed",account:s,onAccountBalanceClick:l}),a(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=O.memo(ee),ie=n.div`
-  margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
-  background-color: inherit;
-  width: 100%;
-`;function ne({report:e,onAccountBalanceClick:l}){const a=r=>{r!=null&&e.topExpenses!=null&&l?.(r,e.topExpenses)},s=e.topExpenses.accountsOrdered;return t.jsx(ie,{children:t.jsx(te,{accounts:s,onAccountBalanceClick:a})})}const le=e=>o.createElement("svg",{viewBox:"0 0 1089 119",height:119,role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M563 0H1085C1087.21 0 1089 1.79086 1089 4V33C1089 35.2091 1087.21 37 1085 37H563V0Z",fill:"#202122"}),o.createElement("rect",{y:18,width:523,height:1,fill:"#3E4043"}),o.createElement("path",{d:"M563 41H1085C1087.21 41 1089 42.7909 1089 45V74C1089 76.2091 1087.21 78 1085 78H563V41Z",fill:"#202122"}),o.createElement("rect",{y:59,width:523,height:1,fill:"#3E4043"}),o.createElement("path",{d:"M563 82H1085C1087.21 82 1089 83.7909 1089 86V115C1089 117.209 1087.21 119 1085 119H563V82Z",fill:"#202122"}),o.createElement("rect",{y:100,width:523,height:1,fill:"#3E4043"})),oe=e=>o.createElement("svg",{viewBox:"0 0 1089 119",height:119,role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M563 0H1085C1087.21 0 1089 1.79086 1089 4V33C1089 35.2091 1087.21 37 1085 37H563V0Z",fill:"#FAFBFC"}),o.createElement("rect",{y:18,width:523,height:1,fill:"#E9ECF0"}),o.createElement("path",{d:"M563 41H1085C1087.21 41 1089 42.7909 1089 45V74C1089 76.2091 1087.21 78 1085 78H563V41Z",fill:"#FAFBFC"}),o.createElement("rect",{y:59,width:523,height:1,fill:"#E9ECF0"}),o.createElement("path",{d:"M563 82H1085C1087.21 82 1089 83.7909 1089 86V115C1089 117.209 1087.21 119 1085 119H563V82Z",fill:"#FAFBFC"}),o.createElement("rect",{y:100,width:523,height:1,fill:"#E9ECF0"})),re=n.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,ae=n.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-`,se=n.div`
-  display: flex;
-  width: 100%;
-  height: 20vh;
-  min-height: 150px;
-  flex-grow: 0;
-  max-width: 100%;
-  flex-basis: 100%;
-  flex-direction: column;
-`,ce=n($)`
-  color: ${V.alert};
-  margin: ${i.sp3} ${i.sp0} ${i.sp5} ${i.sp0};
-`;function de(){switch(j().mode){case"light":return t.jsx(oe,{width:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(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%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,me=n.div`
-  position: relative;
-  box-shadow: ${e=>`2px 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-top: ${i.sp0};
-  padding-bottom: ${i.sp0};
-  padding-left: ${e=>u.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>u.wrapperPadding.valuePx(e.windowSize)};
-`,xe=n.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  max-width: 100%;
-`,fe=n.div`
-  display: flex;
-  padding: ${i.sp2} ${i.sp0} ${i.sp4} ${i.sp0};
-`,ue=n.div`
-  display: flex;
-  justify-content: center;
-  padding-top: ${i.sp4};
-  padding-bottom: ${i.sp4};
-  padding-left: ${e=>u.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>u.wrapperPadding.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-`,ge=n.div`
-  height: ${i.sp9};
-  color: ${e=>e.theme.colors.primary};
-`,we=n(H)``,ye=n(T)`
-  padding-left: ${i.sp3};
-`,Ce=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  min-height: ${e=>u.chartContainerMinHeight.valuePx(e.windowSize)};
-  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=[...F],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(L,{}):t.jsx(ne,{report:a,onAccountBalanceClick:r})})]})}export{Ie as default};

package/dist/assets/TransactionActivityLogPage-CGKnjNfU-DFi44yxk.js

@@ -1,195 +0,0 @@
-import{V as n,L as E,o,b9 as F,O as U,an as M,b as z,eU as P,ao as B,bi as I,y as K,ak as W,bZ as Z,a$ as q}from"./index-C8o-xzAN.js";import{a as J}from"./sentry-DBhcw6Be.js";import{n as i}from"./mui-DOS4CfBc.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./zeni-epic-state-DMWYYyyR.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.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]="7e254d38-4644-43c8-8de7-746bf62e8e4c",e._sentryDebugIdIdentifier="sentry-dbid-7e254d38-4644-43c8-8de7-746bf62e8e4c")}catch{}})();const A=U.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 O(e){return e.endsWith(".user_update")}function Y(e){return e.length>0&&O(e[0].eventType)}function Q(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 G(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=Q(s),h=G(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=H(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 H(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=H(t);return[{fieldName:g[t.eventType]??t.eventType,newValue:u,reasoning:r.reasoning}]})}const Ze=({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(E,{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(Ie,{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]=J.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(V,{children:e[0].createTime.format(x.visual.MMMDFormat)}),n.jsx(ve,{}),n.jsx(V,{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(k,{"aria-hidden":!0,children:"#"})]}),n.jsx(Le,{children:d.details.map((c,$)=>n.jsxs(ke,{children:[n.jsxs(Ve,{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(Me,{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(k,{"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(F)`
-  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(z)`
-  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(K)`
-  color: ${e=>e.theme.colors.hero};
-  flex-shrink: 0;
-  height: 16px;
-  width: 16px;
-`,L=i(I)`
-  color: ${e=>e.theme.colors.primary};
-`,k=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(P)`
-  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(M)`
-  color: ${e=>e.theme.colors.hero};
-`,je=i.div`
-  align-items: center;
-  display: flex;
-  gap: ${o.sp1};
-  margin-top: 2px;
-`,V=i(B)`
-  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(Z)`
-  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(q)`
-  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(I)`
-  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};
-`,ke=i.div`
-  line-height: 20px;
-
-  & + & {
-    border-top: 1px solid ${e=>e.theme.colors.grey3};
-    margin-top: ${o.sp2};
-    padding-top: ${o.sp2};
-  }
-`,Ve=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};
-`,Me=i.span`
-  color: ${e=>e.theme.colors.primary};
-`,Ie=i.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  width: 100%;
-`,Ae=i(M)`
-  color: ${e=>e.theme.colors.hero};
-`;export{Ze as default};