@zeniai/web-cockpit-ui 1.15.66-dev → 1.15.67-dev

package/dist/assets/TransactionList-f6yB-byH-BeXigMDL.js

@@ -1,157 +0,0 @@
-import{cl as ht,X as G,V as e,b5 as pt,ac as x,dr as gt,ds as bt,dl as wt,dt as yt,o as a,p as X,cC as vt,O as $,x as Z,L as $t,an as j,u as w,ak as jt,du as J,dv as kt,ay as Lt,dw as Yt,dx as Tt,dy as tt,dc as et,aQ as it,ao as Mt}from"./index-DmJDLobC.js";import{a as h,P as Pt}from"./sentry-L3H0lnBS.js";import{n as l,c as It}from"./mui-Bgk_7_3h.js";import{a as St}from"./ConstrainedInnerElement-hv51KpGg-CXln6N2t.js";import{G2 as _,G3 as A,G4 as q,G5 as M,bh as Dt,Gm as at,bT as ot}from"./zeni-epic-state-B9Z2lD6g.js";import{g as nt}from"./BoxItem-B06DK4G--Bupc4dyY.js";import{t as Ft}from"./panelSelectedMixin-Cddsb26L-BeWHMcNi.js";import{o as Q}from"./commonDimensions-CGHIQ2To-ChTwXt2F.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new t.Error().stack;i&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[i]="596983a6-f68d-497f-ada5-a3a515a3c51b",t._sentryDebugIdIdentifier="sentry-dbid-596983a6-f68d-497f-ada5-a3a515a3c51b")}catch{}})();const D=t=>t?24:125,Ct={containerPaddingBottom:new Z(w[9],w[8])},K=l.div`
-  box-sizing: border-box;
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-  height: ${t=>D(t.isLoadNextItem)}px;
-  color: ${t=>t.theme.colors.grey1};
-  &:hover {
-    color: ${t=>t.theme.colors.champion};
-  }
-  padding-top: ${t=>t.isLoadNextItem?0:45}px;
-  padding-bottom: ${t=>Ct.containerPaddingBottom.valuePx(t.windowSize)};
-`,zt=l(j)`
-  display: flex;
-  cursor: pointer;
-`;function R({firstMonthOfFY:t,isLoadNextItem:i,isLoading:c,timePeriod:n,fixedTimePeriod:s,timeframe:d,doLoadMoreTransactions:f}){let r=n;if(i)if(s!=null){const p=_(n.endDate.startOf("month"),t,s.numberOfPeriods,s.timeframe);r={startDate:r.endDate.add(1,"day"),endDate:p}}else{const p=_(n.endDate.startOf("month"),t,1,d),{startOfTimeframeFY:L,endOfTimeframeFY:Y}=A(p,t,d);r={startDate:L,endDate:Y}}else if(s!=null)r={startDate:q(n.startDate.startOf("month"),t,s.numberOfPeriods,s.timeframe),endDate:n.startDate.subtract(1,"day")};else{const p=q(n.startDate.startOf("month"),t,1,d),{startOfTimeframeFY:L,endOfTimeframeFY:Y}=A(p,t,d);r={startDate:L,endDate:Y}}const o=$.getLocalizedStrings();let u="";s==null?d==="month"?u=`${i===!0?o.transactionList.loadNextMonthPrefix:o.transactionList.loadPreviousMonthPrefix} (${M(r.startDate,o.dateFormat.visual.MMMYYYYFormat,t)})`:d==="quarter"?u=`${i===!0?o.transactionList.loadNextQuarterPrefix:o.transactionList.loadPreviousQuarterPrefix} (${o.transactionList.quarterPrefix}${M(r.startDate,o.dateFormat.visual.QYYYYformat,t)})`:u=`${i===!0?o.transactionList.loadNextYearPrefix:o.transactionList.loadPreviousYearPrefix} (${M(r.startDate,o.dateFormat.visual.YYYYformat,t)})`:u=`${i===!0?o.transactionList.loadNextMonthPrefix:o.transactionList.loadPreviousPrefix} ${s.numberOfPeriods} ${o.transactionList.monthsSuffix} - (${M(r.startDate,o.dateFormat.visual.MMMYYYYFormat,t)} - ${M(r.endDate,o.dateFormat.visual.MMMYYYYFormat,t)})`;const g=G(),k=s!=null?`${i?"next":"previous"}-fixed-months`:`${i?"next":"previous"}-${d}`;return c===!0?e.jsx(K,{windowSize:g,isLoadNextItem:i,children:e.jsx($t,{size:"Small",start:!0})}):e.jsx(K,{windowSize:g,isLoadNextItem:i,children:e.jsx(zt,{"data-testid":x("load-more-transactions",k),onClick:()=>{f?.(r,d)},children:u})})}R.displayName="LoadMoreTransactions";function st(t){const i=Lt(),c=Yt(t),n=h.useMemo(()=>({application:"dashboard",companyId:i.currentTenant?.companyId,tab:"transaction",entityId:c,isGlobalComment:!1}),[i.currentTenant?.companyId,c]),{threads:s,isLoading:d}=Tt(n,"both",!1);return{unResolvedThreads:h.useMemo(()=>s.filter(f=>f.resolved===!1),[s]),isThreadsLoading:d}}const{common:{strings:{empty:W}}}=$.getLocalizedStrings(),Ot=l(Mt)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  padding: 1px 6px;
-  border: 1px solid ${t=>t.theme.colors.grey2};
-  border-radius: ${a.sp1};
-  color: ${t=>t.theme.colors.grey1};
-  min-width: max-content;
-`,Et=l.div`
-  display: flex;
-  padding: ${a.sp3} ${a.sp4};
-  flex-direction: row;
-  width: 100%;
-`,Nt=l.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-`,Rt=l(j)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  max-height: ${a.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,Gt=l(j)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  text-align: right;
-  width: ${t=>Q.amountWidth.valuePx(t.windowSize)};
-`,Qt=l.div`
-  display: flex;
-`,Bt=l.div`
-  ${t=>t.isPanelSelected===!0&&It`
-      > div {
-        ${Ft(t.theme)}
-      }
-    `}
-`;function Ht({transaction:t,onItemClick:i,isQuickViewMode:c,itemIndex:n}){const{description:s,typeName:d,amount:f,logo:r,vendorId:o}=t,u=String(n),g=ot(t)&&o==null;return e.jsxs(Et,{onClick:()=>i?.(t),"data-testid":x("transaction-item-medium",u),children:[e.jsx(tt,{photoUrl:g===!1?r?.toString()??W:W,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:w[4],height:w[4]},fallbackAvatar:e.jsx(Qt,{children:e.jsx(et,{name:s,size:a.sp4})})}),e.jsxs(Nt,{children:[e.jsx(Rt,{"data-testid":x("transaction-item-name",u),children:s}),d!=null&&c!==!0?e.jsx(Ot,{className:"tag","data-testid":x("transaction-item-tag",u),children:d}):null]}),e.jsx(Gt,{"data-testid":x("transaction-item-amount",u),children:it("0,0.00",f)})]})}const Vt=l.div`
-  position: relative;
-`;function Xt({data:t,boxType:i,onItemClick:c,isTransactionCommentingEnabled:n,itemIndex:s=0}){const{isQuickViewMode:d,selectedTransactionId:f}=kt(),r=f!=null&&f===t.id,o=at(t.type)==null,{unResolvedThreads:u,isThreadsLoading:g}=st(t.id),k=e.jsx(Ht,{transaction:t,onItemClick:o?void 0:c,isQuickViewMode:d,itemIndex:s});return e.jsx(Bt,{isPanelSelected:r,children:e.jsxs(Vt,{children:[e.jsx(nt,{content:k,boxType:i,isDisabled:o}),n===!0&&u.length>0?e.jsx(J,{isLoading:g,count:u.length,style:{position:"absolute",float:"right",right:"-12px",top:a.sp1},openThread:p=>{p.stopPropagation()}}):null]})})}const{common:{strings:{empty:U}}}=$.getLocalizedStrings(),_t=l.div`
-  display: flex;
-  padding: ${a.sp3} ${a.sp4};
-  flex-direction: row;
-  width: 100%;
-`,At=l.div`
-  width: 100%;
-`,qt=l(j)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  max-height: ${a.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,Kt=l(j)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${a.sp3};
-  text-align: right;
-  width: ${t=>Q.amountWidth.valuePx(t.windowSize)};
-`,Wt=l.div`
-  display: flex;
-`;function Ut({transaction:t,onItemClick:i,itemIndex:c}){const{description:n,amount:s,logo:d,vendorId:f}=t,r=String(c),o=ot(t)&&f==null;return e.jsxs(_t,{onClick:()=>i?.(t),"data-testid":x("transaction-item-small",r),children:[e.jsx(tt,{photoUrl:o===!1?d?.toString()??U:U,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:w[4],height:w[4]},fallbackAvatar:e.jsx(Wt,{children:e.jsx(et,{name:n,size:a.sp4})})}),e.jsx(At,{children:e.jsx(qt,{"data-testid":x("transaction-item-name",r),children:n})}),e.jsx(Kt,{"data-testid":x("transaction-item-amount",r),children:it("0,0.00",s)})]})}const Zt=l.div`
-  position: relative;
-`;function Jt({data:t,boxType:i,onItemClick:c,isTransactionCommentingEnabled:n,itemIndex:s=0}){const d=at(t.type)==null,{unResolvedThreads:f,isThreadsLoading:r}=st(t.id),o=e.jsx(Ut,{transaction:t,onItemClick:d?void 0:c,itemIndex:s});return e.jsxs(Zt,{children:[e.jsx(nt,{content:o,boxType:i,isDisabled:d}),n===!0&&f.length>0?e.jsx(J,{isLoading:r,count:f.length,style:{position:"absolute",float:"right",right:"-12px",top:a.sp1},openThread:u=>{u.stopPropagation()}}):null]})}function te(t){return G()==="small"?e.jsx(Jt,{...t}):e.jsx(Xt,{...t})}const ee=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  box-shadow: ${t=>`${a.sp0} 2px ${a.sp1} ${t.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-  background-color: ${t=>t.theme.colors.grey5};
-`,ie=l(jt)`
-  display: flex;
-  height: 21px;
-  margin-bottom: ${a.sp2};
-  margin-top: ${a.sp3};
-  color: ${t=>t.theme.colors.grey1};
-`,ae=l.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,oe=(t,i)=>i.length===1?"roundedBox":t===0?"topRoundedBox":t===i.length-1?"bottomRoundedBox":"box",ne=t=>t*Q.transactionItemHeight+45;function se({date:t,transactions:i,isTransactionCommentingEnabled:c,onItemClick:n}){const{dateFormat:s}=$.getLocalizedStrings();return e.jsxs(ae,{"data-testid":x("transactions-group"),children:[e.jsx(ie,{"data-testid":x("transactions-group-date-label",t.format(s.analytics.YYYYDashMMDashDDFormat)),children:Dt().year()===t.year()?t.format(s.visual.MMMDFormat):t.format(s.visual.MMMDCommaYYYYformat)}),e.jsx(ee,{"data-testid":x("transactions-group-items"),children:i.map((d,f)=>e.jsx(te,{data:d,boxType:oe(f,i),itemIndex:f,isTransactionCommentingEnabled:c,onItemClick:r=>{n?.(r)},"data-testid":x("transaction-item",String(f))},d.id))})]})}const re=Pt.memo(se),{dateFormat:de}=$.getLocalizedStrings();function le(t){const i=gt(t,n=>n.date.format(de.visual.MMMDCommaYYYYformat)),c=bt(i,n=>n.length>0);return wt(c,n=>({date:n[0].date,transactions:yt(n,s=>s.updateTime,"desc")}))}const v=$.getLocalizedStrings(),ce={listItemMargin:new Z(w[3],w[8])},me=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  width: 99.9%;
-`,S=l.div`
-  margin: ${t=>`${a.sp0} ${ce.listItemMargin.valuePx(t.windowSize)}`};
-`,fe=l.div`
-  min-height: ${a.sp8};
-`,ue=l.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,xe=l(j)`
-  display: flex;
-  color: ${t=>t.theme.colors.grey2};
-`,he=l(vt)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${a.sp2};
-    height: ${a.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${X.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${X.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${t=>t.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${a.sp2};
-      height: ${a.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${t=>t.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`,Le=h.forwardRef(function({firstMonthOfFY:t,timeframe:i,timePeriod:c,transactions:n,isFirstLotLoading:s,currentScrollYOffset:d,componentName:f,showLoadNext:r,showLoadPrevious:o,onTransactionItemClick:u,isTransactionCommentingEnabled:g,trackPerformance:k=!0,onTransactionListScroll:p,onListInnerElementHeightChanged:L},Y){const P=h.useMemo(()=>le(n),[n]),F=h.createRef(),[C,rt]=h.useState(!1);h.useEffect(()=>{F.current?.resetAfterIndex(0)},[n,F]);const dt=Y,T=h.useRef(null),[lt,ct]=h.useState(void 0);h.useEffect(()=>{!C&&s===!1&&rt(!0)},[s,C]),ht({componentName:f,enabled:k&&C});const mt=()=>{if(T!=null&&typeof T=="object"&&T.current){const m=T.current;m!=null&&m.clientHeight>0&&m.clientHeight!=lt&&(ct(m.clientHeight),L?.(m.clientHeight))}},B=h.useRef(u);B.current=u;const ft=h.useCallback((...m)=>{B.current?.(...m)},[]),z=P.length===0,H=o!=null,O=r!=null,E=P.length+(r!=null?1:0)+(o!=null?1:0)+(z===!0?1:0),V=m=>O===!0?m-1:m,I=G(),ut=({index:m,style:y})=>{if(O===!0&&m===0)return e.jsx("div",{style:{...y},children:e.jsx(S,{windowSize:I,"data-testid":x("transaction-list","list-item-load-more"),children:e.jsx(R,{firstMonthOfFY:t,isLoadNextItem:!0,isLoading:r?.isLoading==!0,timePeriod:c,timeframe:i,fixedTimePeriod:r?.fixedTimePeriod,doLoadMoreTransactions:(b,N)=>{r?.onLoadNextClick?.(b,N)}})})});if(H===!0&&m===E-1)return e.jsx("div",{style:{...y},children:e.jsx(S,{windowSize:I,"data-testid":x("transaction-list","list-item-load-previous"),children:e.jsx(R,{firstMonthOfFY:t,isLoadNextItem:!1,isLoading:o?.isLoading==!0,timePeriod:c,fixedTimePeriod:o?.fixedTimePeriod,timeframe:i,doLoadMoreTransactions:(b,N)=>{o?.onLoadPreviousClick?.(b,N)}})})});if(z===!1){const b=P[V(m)];return e.jsx("div",{style:{...y},children:e.jsxs(S,{windowSize:I,children:[e.jsx(re,{date:b.date,transactions:b.transactions,isTransactionCommentingEnabled:g,onItemClick:ft}),o==null?e.jsx(fe,{}):null]})})}else return e.jsx("div",{style:{...y},children:e.jsx(ue,{children:e.jsx(S,{windowSize:I,"data-testid":x("transaction-list","transactions-list-empty"),children:e.jsx(xe,{children:pe(c,r?.isLoading==!0||o?.isLoading==!0)})})})})},xt=m=>O===!0&&m===0?D(!0):H===!0&&m===E-1?D(!1):z===!1?ne(P[V(m)].transactions.length):D(!1);return e.jsx(me,{children:e.jsx(pt,{children:({height:m,width:y})=>e.jsx(he,{"data-testid":x("transaction-list"),ref:F,height:m,width:y,innerElementType:St,innerRef:T,outerRef:dt,onItemsRendered:mt,itemCount:E,itemSize:xt,onScroll:({scrollOffset:b})=>{p?.(b)},initialScrollOffset:d??0,children:ut})})})}),pe=(t,i)=>i===!0?v.transactionList.fetching:t.startDate.isSame(t.endDate,"month")?`${v.transactionList.noTransactionsFoundForPrefix} (${t.startDate.format(v.dateFormat.visual.MMMYYFormat)})`:`${v.transactionList.noTransactionsFoundForPeriodPrefix} (${t.startDate.format(v.dateFormat.visual.MMMYYFormat)} - ${t.endDate.format(v.dateFormat.visual.MMMYYFormat)})`;export{Le as z};

package/dist/assets/TransactionListPage-C-Z62y2d-BZTkx2mc.js

@@ -1,35 +0,0 @@
-import{y as M,bB as R,bC as q,V as t,bD as K,L as U,ac as h,bE as G,o as s,an as H}from"./index-DmJDLobC.js";import{a as r,n as Q}from"./sentry-L3H0lnBS.js";import{n as l}from"./mui-Bgk_7_3h.js";import{z as W}from"./TransactionList-f6yB-byH-BeXigMDL.js";import{t as X}from"./page-detail-CWX5S47F-DpTi0lr5.js";import"./liveblocks-D1Gf9COF.js";import"./core-BBKQkJb7.js";import"./zeni-epic-state-B9Z2lD6g.js";import"./lottie-B-DVrXwa.js";import"./recharts-DQ94kkTy.js";import"./analytics-BSh5cBTM.js";import"./lexical-CC2d_kE2.js";import"./utils-WSIc2RtD.js";import"./ConstrainedInnerElement-hv51KpGg-CXln6N2t.js";import"./BoxItem-B06DK4G--Bupc4dyY.js";import"./commonDimensions-CGHIQ2To-ChTwXt2F.js";import"./panelSelectedMixin-Cddsb26L-BeWHMcNi.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="8882565c-1771-4e5d-b52f-17e1be71dfa9",e._sentryDebugIdIdentifier="sentry-dbid-8882565c-1771-4e5d-b52f-17e1be71dfa9")}catch{}})();const Z=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 0;
-  width: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>`${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,ee=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin: ${s.sp0};
-`,te=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100%;
-  width: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`,oe=l(H)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,re=l(X)`
-  height: ${s.sp4};
-  width: ${s.sp4};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;function Ce({title:e,subTitle:c,firstMonthOfFY:g,timeframe:d,timePeriod:i,useFixedPeriod:x,dataAvailableForPeriod:b,report:o,currentScrollYOffset:L,showStatementPageIcon:T=!1,isTransactionCommentingEnabled:k,onTimePeriodChange:y,onTransactionItemClick:v,onTransactionListScroll:I,onBackClick:j,onStatementPageIconClick:D,panelContent:E,referrerType:F,sidePanelIsFullView:N,sidePanelIsOpen:O}){const[f,S]=r.useState(!0),[m,C]=r.useState(!1),[u,P]=r.useState(!1),B=M();r.useEffect(()=>{o.transactions.length>0?S(!1):S(m===!1&&u===!1?o.fetchState==="In-Progress"||o.fetchState==="Not-Started":!1)},[o,f,m,u]);const V=R(),$=q(F),Y=`${$===""?V:$}.transactions.list`,_=i.startDate.isAfter(b.startDate,d)?{isLoading:m&&(o.fetchState==="In-Progress"||o.fetchState==="Not-Started"),fixedTimePeriod:x,onLoadPreviousClick:(a,n)=>{P(!1),C(!0),y?.(a,i,n)}}:void 0,z=i.endDate.isBefore(b.endDate,d)?{isLoading:u&&(o.fetchState==="In-Progress"||o.fetchState==="Not-Started"),fixedTimePeriod:x,onLoadNextClick:(a,n)=>{C(!1),P(!0),y?.(a,i,n)}}:void 0;let w=null;T&&(w=t.jsx(re,{onClick:D}));const p=r.useRef(null);function A(a,n,J){Q({category:`${Y}.transaction-list.react.profiler`,message:`${a} (${n}) took ${J}ms`,level:"info"})}return t.jsx(r.Profiler,{id:"TransactionListPage",onRender:A,children:t.jsx(K,{isOpen:O??!1,isFullView:N??!1,panelContent:E,headerContent:t.jsx(G,{source:"TransactionListPage","data-testid":h("transaction-list-page-nav-bar"),title:e,onBackClick:j,backgroundColor:B.colors.grey4,rightSideComponent:w,scrollableContent:p.current!=null?p:void 0}),listContent:t.jsx(Z,{"data-testid":h("transaction-list-page",e),children:t.jsxs(ee,{"data-testid":h("transaction-list",e),children:[t.jsx(oe,{children:c}),f===!1?t.jsx(W,{ref:p,firstMonthOfFY:g,timeframe:d,timePeriod:i,transactions:o.transactions,isFirstLotLoading:f,currentScrollYOffset:L,isTransactionCommentingEnabled:k,onTransactionItemClick:v,onTransactionListScroll:I,showLoadPrevious:_,showLoadNext:z,componentName:"report.transactions.list"}):t.jsx(te,{children:t.jsx(U,{size:"ExtraLarge",start:!0})})]})})})})}export{Ce as default};