@zeniai/web-cockpit-ui 1.14.62-qa → 1.14.63-dev

package/dist/assets/{TopExDetailPage-BdPAcKwH-BWvPRR7r.js → TopExDetailPage-qOhQ-KAG-fVnbyWbs.js}

@@ -1,4 +1,4 @@
-import{b as v,q as S,l as A,j as t,bF as B,F as u,aN as b,b3 as H,w as F,o as i,y as E,b$ as P,bw as z,u as c,h as T,am as y,aM as V,a$ as M}from"./index-BqKtrbrP.js";import{n as l,w as D,b as o}from"./vendor-Bs1fkIUX.js";import{E as _,I as L}from"./TopExCard-D4ZDqXZg--brQ_iDE.js";import{b as Z}from"./TimeframeSwitcher-D1k1Zf_U-DTp5-FTG.js";import{d as I}from"./NoDataTable-CGWMbvak-D6mzGtG9.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./ReloadCard-CGUNX_x4-Dbmvt1Tw.js";import"./graphic-no-data-l-DU4J8fDt-DTLZpyxa.js";const j="141px",N=i.sp4,O="123px",R=l(M)`
+import{c as v,q as S,l as A,j as t,bF as B,O as u,aN as b,b3 as H,B as P,o as i,y as E,b$ as z,bw as F,u as c,h as T,am as y,aM as V,a$ as D}from"./index-6DHFBk74.js";import{n as l,w as M,b as o}from"./vendor-Bs1fkIUX.js";import{E as _,I as L}from"./TopExCard-C5622MiP-2KEQHijQ.js";import{b as O}from"./TimeframeSwitcher-DSRKJTq1-BG9pQPgY.js";import{d as Z}from"./NoDataTable-937mkn0a-D0ksTITz.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./ReloadCard-CWZU9IDv-lCmqRueL.js";import"./graphic-no-data-l-DU4J8fDt-DTLZpyxa.js";const j="141px",I=i.sp4,N="123px",R=l(D)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
@@ -29,7 +29,7 @@ import{b as v,q as S,l as A,j as t,bF as B,F as u,aN as b,b3 as H,w as F,o as i,
   width: ${j};
   min-width: ${j};
   text-align: right;
-  margin-left: ${N};
+  margin-left: ${I};
 `,X=l.div`
   display: flex;
   flex-direction: row;
@@ -39,7 +39,7 @@ import{b as v,q as S,l as A,j as t,bF as B,F as u,aN as b,b3 as H,w as F,o as i,
 `,G=l(y)`
   user-select: none;
   display: flex;
-  min-width: ${O};
+  min-width: ${N};
   text-align: left;
   margin-left: ${i.sp4};
 `;function J({leftChevron:e,account:n,onAccountBalanceClick:s}){const a=n!=null&&n.balance!=null,r=e==="hidden",f=a?"pointer":"default",d=r===!1&&a,w=d?"pointer":"default",h=r?c[6]:c[4],m=R,{common:{strings:{empty:C}}}=u.getLocalizedStrings(),$=n?.accountDescription?n.accountDescription:C,x=n?.accountName?n.accountName:$;return t.jsxs(q,{isClickable:d,children:[t.jsxs(X,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(G,{"data-testid":V("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&n!=null&&n.balance!=null&&s?.(n)},children:x})]}),t.jsx(K,{style:{cursor:f},children:t.jsx(W,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:b("0,0",n?.balance.available)})})]})}const Q=l.div`
@@ -56,7 +56,7 @@ import{b as v,q as S,l as A,j as t,bF as B,F as u,aN as b,b3 as H,w as F,o as i,
   width: 100%;
   height: 1px;
   background-color: ${e=>e.theme.colors.grey3};
-`;function ee({accounts:e,onAccountBalanceClick:n}){const s=(a,r)=>a.length>1&&r<a.length-1;return t.jsx(Q,{children:e?.map((a,r)=>t.jsxs(U,{children:[t.jsx(J,{leftChevron:"collapsed",account:a,onAccountBalanceClick:n}),s(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=D.memo(ee),ie=l.div`
+`;function ee({accounts:e,onAccountBalanceClick:n}){const s=(a,r)=>a.length>1&&r<a.length-1;return t.jsx(Q,{children:e?.map((a,r)=>t.jsxs(U,{children:[t.jsx(J,{leftChevron:"collapsed",account:a,onAccountBalanceClick:n}),s(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=M.memo(ee),ie=l.div`
   margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
   background-color: inherit;
   width: 100%;
@@ -119,7 +119,7 @@ import{b as v,q as S,l as A,j as t,bF as B,F as u,aN as b,b3 as H,w as F,o as i,
 `,fe=l.div`
   height: ${i.sp9};
   color: ${e=>e.theme.colors.primary};
-`,we=l(P)``,Ce=l(z)`
+`,we=l(z)``,Ce=l(F)`
   padding-left: ${i.sp3};
 `,$e=l.div`
   display: flex;
@@ -129,4 +129,4 @@ import{b as v,q as S,l as A,j as t,bF as B,F as u,aN as b,b3 as H,w as F,o as i,
   margin-bottom: ${i.sp5};
 `,ye=l.div`
   display: flex;
-`;function Me(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:f}=e,d=S(),w=[...A.TOP_EX_TIME_PERIODS],h=_(s.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:C}=s,$=C.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(F.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(B,{source:"TopExDetailPage",title:u.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:n.colors.grey5,onBackClick:f,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(ue,{children:t.jsx(xe,{children:t.jsx(Z,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{a?.(p)}})})}),h?null:t.jsxs(fe,{children:[t.jsx(we,{children:b("0,0",$)}),t.jsx(Ce,{children:u.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx(ye,{children:t.jsx(pe,{title:`${u.getLocalizedStrings().chartCard.no_data_available_for} ${u.getLocalizedStrings().timeframe[m]}`})}):t.jsx($e,{windowSize:d,children:t.jsx(H,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(L,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ge,{windowSize:d,children:h?t.jsx(I,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{Me as default};
+`;function De(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:f}=e,d=S(),w=[...A.TOP_EX_TIME_PERIODS],h=_(s.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:C}=s,$=C.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(P.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(B,{source:"TopExDetailPage",title:u.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:n.colors.grey5,onBackClick:f,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(ue,{children:t.jsx(xe,{children:t.jsx(O,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{a?.(p)}})})}),h?null:t.jsxs(fe,{children:[t.jsx(we,{children:b("0,0",$)}),t.jsx(Ce,{children:u.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx(ye,{children:t.jsx(pe,{title:`${u.getLocalizedStrings().chartCard.no_data_available_for} ${u.getLocalizedStrings().timeframe[m]}`})}):t.jsx($e,{windowSize:d,children:t.jsx(H,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(L,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ge,{windowSize:d,children:h?t.jsx(Z,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{De as default};

package/dist/assets/{TransactionDetailPage-BcjGxHy8-CFPVJudJ.js → TransactionDetailPage-DaCUZuc0-DAUodm_m.js}

@@ -1,4 +1,4 @@
-import{Q as Bn,k as qn,b as Et,aa as Fn,q as ae,F as q,aP as Jt,e7 as Wn,e8 as Hn,cS as Gn,aC as Yn,e9 as tn,l as me,ea as Jn,j as i,aM as F,ad as Zn,bF as Qn,eb as Xn,ec as Kn,P as ai,ed as ki,aQ as ea,y as N,ee as ta,ef as nn,eg as an,eh as on,ei as Oe,ej as Le,ek as _e,el as et,em as tt,en as kt,eo as zt,ep as it,eq as ft,er as At,es as Vt,et as Zt,eu as ee,ev as Kt,ew as ue,ex as pe,aJ as ia,ey as Tt,ez as zi,eA as na,n as aa,cD as oa,o as a,cr as sa,eB as la,u as O,w as xi,h as le,ar as Ii,b9 as oi,M as ra,eC as ca,cy as da,cw as si,aN as je,d3 as lt,eD as ua,eE as Wt,aT as sn,d8 as pa,eF as ma,cu as ha,cv as ga,am as ye,a$ as fa,dn as ya,eG as ln,eH as Qt,eI as Xt,eJ as pi,dz as ba,b3 as xa,cH as va,db as Di,a9 as rn,eK as ei,eL as ti,eM as cn,d9 as dn,c5 as Ti,eN as mi,dE as hi,eO as wa,bw as Ca,eP as $a,eQ as Ai,eR as Ia,az as Da,dc as Ta,eS as Oa,O as un,eT as pn,bP as La,eU as Vi,eV as mn,eW as hn,eX as gn,bN as rt,av as ja,au as Sa,dM as ka,C as fn,eY as za,bL as Aa,A as Va,an as Ra,I as Ea,aV as vi}from"./index-BqKtrbrP.js";import{b as w,n as l,w as Ot}from"./vendor-Bs1fkIUX.js";import{x as Ri}from"./LabeledControlledCheckBoxField-CWABc6OK-ClMxBsh8.js";import{R as Pa}from"./TrendWithTransactions-xn1fvlLO-CerDbg3P.js";import{u as _a,c as Na,d as Ma,m as Ua}from"./uploadAttachment-D04Fz4F1-CuQRw56o.js";import{o as Ba}from"./radio-default-CiSgisfh-Cuu8ymvq.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./TrendChart-CqYeWLeV-htWF6W-p.js";import"./chartTypes-D1j_l919-8QXMvJet.js";import"./toCOABalancesWithID-DqhuI8hD-CWs6fXMS.js";import"./toChartData-DZPFiNsp-WPnYC-7p.js";import"./NoDataChart-BzSCComh-TCsmvHP1.js";import"./InsightsSection-C37BKIiK-RNlgGAPQ.js";import"./NavigationDots-BKVFhe2Y-BXA4iaa-.js";import"./TransactionList-BSuMEtB3-CoYwx3Sx.js";import"./BoxItem-Dsoq6QyZ-B-WatMIw.js";import"./commonDimensions-DDu54g8x-D5ikJlMO.js";const qa={headerMarginTop:new N(O[7],O[8])},Fa=l(ye)`
+import{Q as Bn,m as qn,c as Et,aa as Fn,q as ae,O as q,aP as Jt,e7 as Wn,e8 as Hn,cS as Gn,aC as Yn,e9 as tn,l as me,ea as Jn,j as i,aM as F,ad as Qn,bF as Zn,eb as Xn,ec as Kn,P as ai,ed as ki,aQ as ea,y as N,ee as ta,ef as nn,eg as an,eh as on,ei as Oe,ej as Le,ek as _e,el as et,em as tt,en as kt,eo as zt,ep as it,eq as ft,er as At,es as Vt,et as Qt,eu as ee,ev as Kt,ew as ue,ex as pe,aJ as ia,ey as Tt,ez as zi,eA as na,n as aa,cD as oa,o as a,cr as sa,eB as la,u as O,B as xi,h as le,ar as Ii,b9 as oi,M as ra,eC as ca,cy as da,cw as si,aN as je,d3 as lt,eD as ua,eE as Wt,aT as sn,d8 as pa,eF as ma,cu as ha,cv as ga,am as ye,a$ as fa,dn as ya,eG as ln,eH as Zt,eI as Xt,eJ as pi,dz as ba,b3 as xa,cH as va,db as Di,a9 as rn,eK as ei,eL as ti,eM as cn,d9 as dn,c5 as Ti,eN as mi,dE as hi,eO as wa,bw as Ca,eP as $a,eQ as Ai,eR as Ia,az as Da,dc as Ta,eS as Oa,b as un,eT as pn,bP as La,eU as Vi,eV as mn,eW as hn,eX as gn,bN as rt,av as ja,au as Sa,dM as ka,C as fn,eY as za,bL as Aa,A as Va,an as Ra,I as Ea,aV as vi}from"./index-6DHFBk74.js";import{b as w,n as l,w as Ot}from"./vendor-Bs1fkIUX.js";import{x as Ri}from"./LabeledControlledCheckBoxField-Bu2WHgAQ-BgnuqupP.js";import{R as Pa}from"./TrendWithTransactions-D5eTj9Ca-BjYM3mpG.js";import{u as _a,c as Na,d as Ma,m as Ua}from"./uploadAttachment-BzeeOF-1-oKdmjDH7.js";import{o as Ba}from"./radio-default-CiSgisfh-Cuu8ymvq.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./TrendChart-ohr8bK1l-B5dRIvEy.js";import"./chartTypes-BoA9fCCZ-7xW-fVbz.js";import"./toCOABalancesWithID--3a-7Ohb-Dq8zIbZX.js";import"./toChartData-KZ92y9KA-BJN5TA9Q.js";import"./NoDataChart-CpocQ1Pa-ChFzAJ2R.js";import"./InsightsSection-BpVW6ov6-CBRdcxmz.js";import"./NavigationDots-E2eEHB86-BK4Og9YA.js";import"./TransactionList-CzdU-NQx-D6gdr6x7.js";import"./BoxItem-imggFWL_-C8e_yZct.js";import"./commonDimensions-BCUrWcBL-vTG5ZzmA.js";const qa={headerMarginTop:new N(O[7],O[8])},Fa=l(ye)`
   color: ${e=>e.theme.colors.hero};
 `,Wa=l(ye)`
   margin-right: ${a.sp1};
@@ -19,14 +19,14 @@ import{Q as Bn,k as qn,b as Et,aa as Fn,q as ae,F as q,aP as Jt,e7 as Wn,e8 as H
   margin: ${e=>`${qa.headerMarginTop.valuePx(e.windowSize)} ${a.sp0} ${a.sp3}`};
 `,Ya=({title:e,amount:t,onHeaderClick:n})=>{const r=ae();return i.jsxs(Ga,{windowSize:r,children:[i.jsxs(Ha,{"data-testid":F("header-title-box"),onClick:()=>{n?.()},children:[i.jsx(Wa,{children:e}),i.jsx(fa,{width:a.sp3,height:a.sp3})]}),i.jsx(Fa,{children:je("0,0.00",t)})]})},Ja=l(ye)`
   color: ${e=>e.theme.colors.hero};
-`,Za=l(ye)`
+`,Qa=l(ye)`
   color: ${e=>e.theme.colors.primary};
-`,Qa=l.div`
+`,Za=l.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-top: ${a.sp3};
-`,Xa=({title:e,value:t})=>i.jsxs(Qa,{children:[i.jsx(Ja,{children:e}),i.jsx(Za,{children:t})]}),Ka=l.div`
+`,Xa=({title:e,value:t})=>i.jsxs(Za,{children:[i.jsx(Ja,{children:e}),i.jsx(Qa,{children:t})]}),Ka=l.div`
   display: flex;
   flex-direction: column;
   padding: ${a.sp0} ${a.sp4} ${a.sp3} ${a.sp4};
@@ -352,7 +352,7 @@ import{Q as Bn,k as qn,b as Et,aa as Fn,q as ae,F as q,aP as Jt,e7 as Wn,e8 as H
 `,Jo=l(mn)`
   width: ${a.sp5};
   height: ${a.sp5};
-`,{common:{strings:{empty:jt}},transactionDetail:{recommendationBanner:Ht}}=q.getLocalizedStrings(),Ne={controlHeight:new N(O[6],O[6]),paddingTop:new N(O[2],O[2]),paddingBottom:new N(O[3],O[3]),marginRight:new N(O[2],O[2]),labelMarginLeft:new N(O[3],O[4]),labelMarginRight:new N(O[3],O[4]),labelMarginTop:new N(O[2],O[2])},Zo=({isRecommendedSelected:e,hasRecommendations:t,isTooltipVisible:n=!1,isAutoCategorized:r=!1})=>t?e?r?n?i.jsx(rs,{}):i.jsx(cs,{className:"ai-icon-selected-plain"}):n?i.jsx(ls,{}):i.jsx(ss,{}):n?i.jsx(os,{}):i.jsx(Ci,{}):null,Qo=({children:e})=>i.jsx(ns,{children:e});function wi({isDisabled:e,label:t,groupedSingleSelectField:n,style:r,controlWidth:c,additionalLabelInfo:s,fullWidthSelect:d=!0,recommendationCheckboxField:o,retainCheckboxField:h,zIndexOnFocus:f,isLoading:b,isZeniRecommendsLabel:I=!1,isRecommendedSelected:y,hasRecommendations:$,cotData:v,isAutoCategorized:S,onCOTView:p,disableCurrentOption:L,openTooltipId:V,setOpenTooltipId:A}){const E=ae(),{formState:{errors:k}}=lt(),D=Di(k,n.name),j=w.useMemo(()=>n.name,[n.name]),U=V===j,G=rn().analytics,z=w.useCallback(()=>{A(j);const X=v?.recommendations[0]?.cot??[],re=v?.recommendations[1]?.cot??[],C=X.length>0,_=re.length>0;if(G.trackTransactionCotView({recommendationFor:n.type,currentValue:v?.existingOption.label??jt,recommendation:v?.recommendations[0]?.name??jt,recommendationCot:X,isRecommendationCotAvailable:C,recommendationReason:v?.recommendations[0]?.reason??jt,recommendationConfidencePercentage:v?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:ei(ti(v?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:v?.recommendations[1]?.name??jt,alternativeRecommendationCot:re,isAlternativeRecommendationCotAvailable:_,alternativeRecommendationReason:v?.recommendations[1]?.reason??jt,alternativeRecommendationConfidencePercentage:v?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:_?ei(ti(v?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:n.transactionStatus,transactionPage:n.pageSource}),p!=null){const ie=cn(v);ie!=null&&p(n.type,ie)}},[G,v,n,j,A]),Y=w.useCallback(()=>{V===j&&A(void 0)},[V,j,A]);return i.jsxs(Ko,{style:r,isLoading:b,size:E,checkboxPresent:o!=null,zIndexOnFocus:f===!0,isError:D,isDisabled:e!=null,"data-testid":F("group-select-with-checkbox",n.name),children:[i.jsxs(es,{size:E,isDisabled:e!=null,controlWidth:c,isError:D,children:[i.jsx(dn,{isDisabled:e,label:t.label,htmlFor:n.name,style:{marginLeft:Ne.labelMarginLeft.value(E),marginRight:Ne.labelMarginRight.value(E),marginTop:Ne.labelMarginTop.value(E),width:t.width??"auto",...t.style}}),b===!0?i.jsx(Xo,{children:i.jsx(ai,{size:"Small",start:!0})}):i.jsx(ts,{fullWidthSelect:d,labelWidth:t.width,children:i.jsxs(is,{children:[$?i.jsx(Qo,{children:v?i.jsx(Ti,{variant:"chain-of-thought",data:v,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:U,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:z,onClose:Y,children:i.jsx(as,{children:i.jsx(Zo,{isRecommendedSelected:y,hasRecommendations:$,isTooltipVisible:U,isAutoCategorized:S})})}):null}):null,i.jsx(Na,{...n,isDisabled:e,style:{display:"flex",flexGrow:1,width:"100%",height:Ne.controlHeight.value(E),cursor:"inherit",...n?.style?n?.style:{}},additionalLabelInfo:s,disableCurrentOption:L,onCOTView:p})]})})]}),b===!1&&o!=null&&i.jsxs(Pi,{children:[i.jsx(Ci,{}),I?i.jsx(Gt,{children:Ht.zeniRecommends}):i.jsx(Gt,{children:Ht.updateTo}),i.jsx(mi,{isHighlighted:!0,label:o.label,tooltipProps:o.tooltipProps!=null?{...o.tooltipProps}:void 0,checkBoxField:o.checkBoxField,isDisabled:o.isDisabled},hi()),h!=null&&i.jsxs(i.Fragment,{children:[i.jsx(Gt,{children:Ht.retainOr}),i.jsx(mi,{label:h.label,checkBoxField:h.checkBoxField,isDisabled:h.isDisabled},hi())]})]}),b===!1&&o==null&&h!=null&&i.jsxs(Pi,{children:[i.jsx(Ci,{}),i.jsx(Gt,{children:Ht.retain}),i.jsx(mi,{label:h.label,checkBoxField:h.checkBoxField,isDisabled:h.isDisabled},hi())]})]})}const Xo=l.div`
+`,{common:{strings:{empty:jt}},transactionDetail:{recommendationBanner:Ht}}=q.getLocalizedStrings(),Ne={controlHeight:new N(O[6],O[6]),paddingTop:new N(O[2],O[2]),paddingBottom:new N(O[3],O[3]),marginRight:new N(O[2],O[2]),labelMarginLeft:new N(O[3],O[4]),labelMarginRight:new N(O[3],O[4]),labelMarginTop:new N(O[2],O[2])},Qo=({isRecommendedSelected:e,hasRecommendations:t,isTooltipVisible:n=!1,isAutoCategorized:r=!1})=>t?e?r?n?i.jsx(rs,{}):i.jsx(cs,{className:"ai-icon-selected-plain"}):n?i.jsx(ls,{}):i.jsx(ss,{}):n?i.jsx(os,{}):i.jsx(Ci,{}):null,Zo=({children:e})=>i.jsx(ns,{children:e});function wi({isDisabled:e,label:t,groupedSingleSelectField:n,style:r,controlWidth:c,additionalLabelInfo:s,fullWidthSelect:d=!0,recommendationCheckboxField:o,retainCheckboxField:h,zIndexOnFocus:f,isLoading:b,isZeniRecommendsLabel:I=!1,isRecommendedSelected:y,hasRecommendations:$,cotData:v,isAutoCategorized:S,onCOTView:p,disableCurrentOption:L,openTooltipId:V,setOpenTooltipId:A}){const E=ae(),{formState:{errors:k}}=lt(),D=Di(k,n.name),j=w.useMemo(()=>n.name,[n.name]),U=V===j,G=rn().analytics,z=w.useCallback(()=>{A(j);const X=v?.recommendations[0]?.cot??[],re=v?.recommendations[1]?.cot??[],C=X.length>0,_=re.length>0;if(G.trackTransactionCotView({recommendationFor:n.type,currentValue:v?.existingOption.label??jt,recommendation:v?.recommendations[0]?.name??jt,recommendationCot:X,isRecommendationCotAvailable:C,recommendationReason:v?.recommendations[0]?.reason??jt,recommendationConfidencePercentage:v?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:ei(ti(v?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:v?.recommendations[1]?.name??jt,alternativeRecommendationCot:re,isAlternativeRecommendationCotAvailable:_,alternativeRecommendationReason:v?.recommendations[1]?.reason??jt,alternativeRecommendationConfidencePercentage:v?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:_?ei(ti(v?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:n.transactionStatus,transactionPage:n.pageSource}),p!=null){const ie=cn(v);ie!=null&&p(n.type,ie)}},[G,v,n,j,A]),Y=w.useCallback(()=>{V===j&&A(void 0)},[V,j,A]);return i.jsxs(Ko,{style:r,isLoading:b,size:E,checkboxPresent:o!=null,zIndexOnFocus:f===!0,isError:D,isDisabled:e!=null,"data-testid":F("group-select-with-checkbox",n.name),children:[i.jsxs(es,{size:E,isDisabled:e!=null,controlWidth:c,isError:D,children:[i.jsx(dn,{isDisabled:e,label:t.label,htmlFor:n.name,style:{marginLeft:Ne.labelMarginLeft.value(E),marginRight:Ne.labelMarginRight.value(E),marginTop:Ne.labelMarginTop.value(E),width:t.width??"auto",...t.style}}),b===!0?i.jsx(Xo,{children:i.jsx(ai,{size:"Small",start:!0})}):i.jsx(ts,{fullWidthSelect:d,labelWidth:t.width,children:i.jsxs(is,{children:[$?i.jsx(Zo,{children:v?i.jsx(Ti,{variant:"chain-of-thought",data:v,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:U,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:z,onClose:Y,children:i.jsx(as,{children:i.jsx(Qo,{isRecommendedSelected:y,hasRecommendations:$,isTooltipVisible:U,isAutoCategorized:S})})}):null}):null,i.jsx(Na,{...n,isDisabled:e,style:{display:"flex",flexGrow:1,width:"100%",height:Ne.controlHeight.value(E),cursor:"inherit",...n?.style?n?.style:{}},additionalLabelInfo:s,disableCurrentOption:L,onCOTView:p})]})})]}),b===!1&&o!=null&&i.jsxs(Pi,{children:[i.jsx(Ci,{}),I?i.jsx(Gt,{children:Ht.zeniRecommends}):i.jsx(Gt,{children:Ht.updateTo}),i.jsx(mi,{isHighlighted:!0,label:o.label,tooltipProps:o.tooltipProps!=null?{...o.tooltipProps}:void 0,checkBoxField:o.checkBoxField,isDisabled:o.isDisabled},hi()),h!=null&&i.jsxs(i.Fragment,{children:[i.jsx(Gt,{children:Ht.retainOr}),i.jsx(mi,{label:h.label,checkBoxField:h.checkBoxField,isDisabled:h.isDisabled},hi())]})]}),b===!1&&o==null&&h!=null&&i.jsxs(Pi,{children:[i.jsx(Ci,{}),i.jsx(Gt,{children:Ht.retain}),i.jsx(mi,{label:h.label,checkBoxField:h.checkBoxField,isDisabled:h.isDisabled},hi())]})]})}const Xo=l.div`
   height: 100%;
   display: flex;
   align-items: center;
@@ -567,7 +567,7 @@ import{Q as Bn,k as qn,b as Et,aa as Fn,q as ae,F as q,aP as Jt,e7 as Wn,e8 as H
   box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${a.sp2};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,xn=({title:e,amount:t,sectionId:n,lineIndex:r,isDisabled:c})=>{const s=Et(),d=ae(),o=at(n,"lineDescription",r.toString());return i.jsx(ws,{"data-testid":F("list-item-title",n),children:i.jsxs(ys,{children:[i.jsx(ya,{type:"text",name:o,placeholder:ze.lineItems.descriptionPlaceholder,defaultValue:e,registerOptions:{required:!1},isDisabled:c,style:{display:"flex",flexGrow:1,height:`${a.sp6}`,cursor:"inherit",padding:`${a.sp0} ${a.sp3}`,textAlign:"left",marginRight:bn.desciptionMarginRight.value(d)},placeholderAlignment:"left",hoverBgColor:s.colors.background},o),i.jsx(gs,{children:je("0,0.00",t)})]})})},$s=({accountList:e,accountsHierarchyList:t,classHierarchyList:n,classList:r,sectionId:c,isAccountAndClassNonEditable:s=!1,lineIndex:d,lineItemLocalData:o,transaction:h,vendorName:f,bookCloseDate:b,containerRef:I,uncategorizedAccounts:y,searchAutoComplete:$,transactionType:v,isDisabled:S,isCOTEnabled:p,cotTracking:L,openTooltipId:V,setOpenTooltipId:A,isUncategorizedExpenseCategoryEnabled:E})=>{const k=ae(),D=Et(),{setValue:j,getValues:U}=lt(),{createAlternateRecommendationCallback:G}=ln(),z=w.useMemo(()=>o.recommendationsWithCOT??[],[o.recommendationsWithCOT]),Y=$?.autoCompleteData,X=g=>g?.vendor?.qboId??g?.vendor?.id??g?.vendor?.name,re=w.useCallback((g,R)=>Y?.entityAutoCompleteView.vendor.find(W=>W.qboId===g||W.id===g||W.name===R),[Y?.entityAutoCompleteView.vendor]),C=g=>{const R=Y?.entityAutoCompleteView?.customer?.find(be=>be.qboId===g),W=Y?.entityAutoCompleteView?.vendor?.find(be=>be.qboId===g);return R?.qboId??W?.qboId},_=g=>e.filter(R=>R.qboId===g)[0]?.qboId??void 0,ie=g=>r.filter(R=>R.classId===g)[0]?.accountingClassNumber??void 0,Ce=w.useCallback(g=>y!=null&&g?me.isAccountUncategorized(y,g,E===!0?["income"]:void 0):!1,[y,E]),ve=bn.labelWidth.value(k),oe=at(c,"account",d.toString()),Ue=at(c,"class",d.toString()),Be=at(c,"isUpdateAllChecked",d.toString()),$e=at(c,ee,d.toString()),Ve=an(t,o.recommendationsWithCOT),he=e.find(g=>g.qboId===o.account.selectedOption),qe=r.find(g=>g.classId===o.class.selectedOption),Re=h.lines!=null?h.lines[d]:void 0,li=w.useCallback(g=>{j(`${oe}.selectedOption`,g,{shouldValidate:!0,shouldDirty:!0})},[j,oe]),Pt=w.useCallback(g=>{j(`${Ue}.selectedOption`,g,{shouldValidate:!0,shouldDirty:!0})},[j,Ue]),[Ie,bt]=w.useState(null);w.useEffect(()=>{if(Ie!=null&&Y?.entityAutoCompleteView.fetchState==="Completed"){const g=re(Ie.recommendationId,Ie.vendorName);g!=null?setTimeout(()=>{j(`${$e}.selectedOption`,g.qboId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0}),bt(null)},0):(setTimeout(()=>{j(`${$e}.selectedOption`,Ie.recommendationId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},0),bt(null))}},[Ie,Y?.entityAutoCompleteView.fetchState,re,j,$e]);const ri=w.useCallback(g=>{const R=z.find(W=>X(W)===g);if(R?.vendor!=null){const W=R.vendor.name,be=re(g,W);be!=null?j(`${$e}.selectedOption`,be.qboId,{shouldValidate:!0,shouldDirty:!0}):(bt({recommendationId:g,vendorName:W}),$?.autoCompleteActions?.onAutoCompleteInputChange?.(W,"vendor"))}else j(`${$e}.selectedOption`,g,{shouldValidate:!0,shouldDirty:!0})},[j,$e,z,re,$?.autoCompleteActions]),Fe=w.useCallback((g,R)=>{L?.onCOTView!=null&&L.onCOTView(o.id,L.transactionId,g,R)},[L,o.id]),J=w.useCallback(g=>{const R=z[1],W=z[0];G("category",{currentValue:he?.accountName,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:L},R,W)(g)},[G,z,he?.accountName,L]),fe=w.useCallback(g=>{const R=z[1],W=z[0];G("class",{currentValue:qe?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:L},R,W)(g)},[z,G,qe?.className,L]),We=w.useCallback(g=>{const R=z[1],W=z[0];G("vendor",{currentValue:f,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:L},R,W)(g)},[z,G,f,L]),xt=Qt(z,"category",p,{label:Re?.account?.accountName,value:Re?.account?.qboId??Re?.account?.accountId},"details_page",null,li,J,o[pe].selectedOption,Ce),Se=Xt(z,"category"),ct=Qt(z,"class",p,{label:Re?.class?.className,value:Re?.class?.classId},"details_page",null,Pt,fe,o[ue].selectedOption,Ce),vt=Xt(z,"class"),dt=Xt(z,"vendor"),{isPrimaryLoading:ci,isAlternateLoading:_t}=w.useMemo(()=>{if(Ie==null||Y?.entityAutoCompleteView.fetchState!=="In-Progress")return{isPrimaryLoading:!1,isAlternateLoading:!1};const g=z[0],R=X(g)===Ie.recommendationId;return{isPrimaryLoading:R,isAlternateLoading:!R}},[Ie,Y?.entityAutoCompleteView.fetchState,z]),ut=Qt(z,"vendor",p,{label:f,value:o[ee]?.selectedOption},"details_page",null,ri,We,o[ee]?.selectedOption,Ce,ci,_t),Ee=o[ee]?.selectedOption,Nt=w.useMemo(()=>!Ee||!dt?!1:z.some(g=>g.vendor!=null?g.vendor.qboId===Ee||g.vendor.id===Ee||g.vendor.name===Ee:!1),[Ee,dt,z]),Mt=w.useMemo(()=>{const g=U(oe)??null,R=Ve.findIndex(Dt=>Dt.label==="All Categories"),W=R>-1&&g?.selectedOption!=null?Ve[R].options.find(Dt=>Dt.value===g.selectedOption)?.label:void 0,be=g!=null&&W!=null?{...he,accountDescription:he?.accountDescription??"",labels:he!=null?he.labels:[]}:he;if(be!=null&&Ce(be.qboId)===!0)return{text:q.getLocalizedStrings().transactionDetail.tooltipText,sticky:!0}},[U,oe,Ve,he]),He={valueContainer:g=>({...g,padding:`2px ${a.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0}),menu:()=>({right:k==="small"?0:void 0})},wt=o.isUpdateAllChecked===!0,Ge=v!=null&&["journal_entry","deposit"].includes(v),Ct=qe?.classId,Ut=w.useMemo(()=>!Ct||!vt?!1:z.some(g=>g.class!=null?g.class.classId===Ct:!1),[Ct,vt,z]),Ye=he?.qboId??he?.accountId,pt=w.useMemo(()=>!Ye||!Se?!1:z.some(g=>g.account!=null?g.account.qboId===Ye||g.account.accountId===Ye:!1),[Ye,Se,z]),mt=nn(n,z),ke=w.useMemo(()=>pi("vendor",o[ee]?.defaultOptions,o[ee]?.selectedOption),[o]),$t=w.useMemo(()=>pi("category",Ve,o[pe]?.selectedOption),[Ve,o]),It=w.useMemo(()=>pi("class",mt,o[ue]?.selectedOption),[o,mt]),Bt=D.colors.primary,qt=D.colors.grey1,Je=w.useCallback(g=>{let R=!1;switch(g){case"category":R=$t;break;case"class":R=It;break;case"vendor":R=ke;break}return W=>W?{width:"100%",flexGrow:"1"}:{width:"max-content",flexGrow:"unset",outline:R?`1px dashed ${qt}`:"none",borderRadius:a.sp1,":hover":{outlineColor:Bt}}},[ke,It,$t,Bt,qt]);return i.jsxs(vs,{updateAllVisible:wt,"data-testid":F("list-item-detail",c),children:[s===!1&&Ge===!0?i.jsx(No,{label:{label:ze.lineItems.name,width:ve},isDisabled:S,autoCompleteGroupedSingleSelectField:{name:$e,placeholder:ze.transactionDetailPlaceholders.name,valueToId:g=>C(g),defaultValue:{selectedOption:o[ee]?.selectedOption,defaultOptions:o[ee]?.defaultOptions},style:{width:"100%"},customStyleConfig:He,registerOptions:{required:!1},menuPortal:I,isDisabled:S,loadOptions:$?.loadOptions,getStyles:Je("vendor")},cotData:ut,hasRecommendations:dt,isRecommendedSelected:Nt,isCOTEnabled:p,pageSource:"details_page",transactionStatus:null,type:"vendor",onCOTView:Fe,openTooltipId:V,setOpenTooltipId:A,style:{borderBottom:`1px solid ${D.colors.grey3}`,justifyContent:"space-between"},fullWidthSelect:!1},$e):null,s===!1?i.jsx(wi,{isLoading:!1,label:{label:ze.lineItems.category,width:ve},isDisabled:S,groupedSingleSelectField:{name:oe,placeholder:ze.transactionDetailPlaceholders.category,valueToId:g=>_(g),type:"category",defaultValue:{selectedOption:he?.qboId??he?.accountId,allOptions:Ve},style:{width:"100%"},customStyleConfig:He,registerOptions:{required:!1},pageSource:"details_page",transactionStatus:null,isDisabled:S,tooltip:Mt,menuPortal:I,showCOT:p,getStyles:Je("category")},disableCurrentOption:Ce,style:{borderBottom:`1px solid ${D.colors.grey3}`},fullWidthSelect:!1,isRecommendedSelected:pt,hasRecommendations:Se,cotData:xt,onCOTView:Fe,openTooltipId:V,setOpenTooltipId:A},oe):i.jsxs(bs,{isViewOnly:s,children:[i.jsx(_i,{children:ze.lineItems.category}),i.jsx(Ni,{windowSize:k,children:he?.accountName??"-"})]}),s===!1?i.jsx(wi,{isLoading:!1,label:{label:ze.lineItems.class,width:ve},isDisabled:S,groupedSingleSelectField:{name:Ue,placeholder:ze.transactionDetailPlaceholders.class,valueToId:g=>ie(g),defaultValue:{selectedOption:qe?.classId,allOptions:mt},type:"class",style:{width:"100%"},pageSource:"details_page",transactionStatus:null,isDisabled:S,menuPortal:I,customStyleConfig:He,registerOptions:{required:!1},showCOT:p,getStyles:Je("class")},disableCurrentOption:Ce,style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},isRecommendedSelected:Ut,hasRecommendations:vt,cotData:ct,fullWidthSelect:!1,onCOTView:Fe,openTooltipId:V,setOpenTooltipId:A},Ue):i.jsxs(xs,{isViewOnly:s,children:[i.jsx(_i,{children:ze.lineItems.class}),i.jsx(Ni,{windowSize:k,children:qe?.className??"-"})]}),i.jsx(fs,{isVisible:wt,children:i.jsx(hs,{checkBoxField:{defaultChecked:U(Be),name:Be,isDisabled:S},vendorName:f??"",bookCloseDate:b??me.dateNow()})})]},`dropdown-container-${d}`)};function $i({accountList:e,accountsHierarchyList:t,classHierarchyList:n,classList:r,sectionId:c,lineItemLocalData:s,isAccountAndClassNonEditable:d,lineIndex:o,lineId:h,isCOTEnabled:f,lineRecommendation:b,bookCloseDate:I,containerRef:y,searchAutoComplete:$,transaction:v,uncategorizedAccounts:S,transactionType:p,vendorName:L,isDisabled:V,cotTracking:A,openTooltipId:E,setOpenTooltipId:k,isUncategorizedExpenseCategoryEnabled:D}){return i.jsxs(Cs,{"data-testid":F("transaction-line-with-account-and-class",c),children:[i.jsx(xn,{title:s.lineDescription??"",amount:s.amount,lineId:s.id,sectionId:c,lineIndex:o,isDisabled:V},`lineTitleItem-${o}`),(s.type==="transaction_with_account_and_class_line"||s.type==="journal_entry_transaction_line")&&s.account!=null&&s.class!=null?i.jsx($s,{transaction:v,accountList:e,accountsHierarchyList:t,classHierarchyList:n,classList:r,sectionId:c,isAccountAndClassNonEditable:d,lineIndex:o,lineId:h,lineRecommendation:b,lineItemLocalData:s,vendorName:L??s.vendor?.name??s.customer?.name,bookCloseDate:I,containerRef:y,searchAutoComplete:$,uncategorizedAccounts:S,transactionType:p,isDisabled:V,isCOTEnabled:f,cotTracking:A,openTooltipId:E,setOpenTooltipId:k,isUncategorizedExpenseCategoryEnabled:D},`lineDetailItem-${o}`):null]},`container-${o}`)}const ii={detailPaddingLeftRight:new N(O[3],O[8])},Mi=l(si)`
+`,xn=({title:e,amount:t,sectionId:n,lineIndex:r,isDisabled:c})=>{const s=Et(),d=ae(),o=at(n,"lineDescription",r.toString());return i.jsx(ws,{"data-testid":F("list-item-title",n),children:i.jsxs(ys,{children:[i.jsx(ya,{type:"text",name:o,placeholder:ze.lineItems.descriptionPlaceholder,defaultValue:e,registerOptions:{required:!1},isDisabled:c,style:{display:"flex",flexGrow:1,height:`${a.sp6}`,cursor:"inherit",padding:`${a.sp0} ${a.sp3}`,textAlign:"left",marginRight:bn.desciptionMarginRight.value(d)},placeholderAlignment:"left",hoverBgColor:s.colors.background},o),i.jsx(gs,{children:je("0,0.00",t)})]})})},$s=({accountList:e,accountsHierarchyList:t,classHierarchyList:n,classList:r,sectionId:c,isAccountAndClassNonEditable:s=!1,lineIndex:d,lineItemLocalData:o,transaction:h,vendorName:f,bookCloseDate:b,containerRef:I,uncategorizedAccounts:y,searchAutoComplete:$,transactionType:v,isDisabled:S,isCOTEnabled:p,cotTracking:L,openTooltipId:V,setOpenTooltipId:A,isUncategorizedExpenseCategoryEnabled:E})=>{const k=ae(),D=Et(),{setValue:j,getValues:U}=lt(),{createAlternateRecommendationCallback:G}=ln(),z=w.useMemo(()=>o.recommendationsWithCOT??[],[o.recommendationsWithCOT]),Y=$?.autoCompleteData,X=g=>g?.vendor?.qboId??g?.vendor?.id??g?.vendor?.name,re=w.useCallback((g,R)=>Y?.entityAutoCompleteView.vendor.find(W=>W.qboId===g||W.id===g||W.name===R),[Y?.entityAutoCompleteView.vendor]),C=g=>{const R=Y?.entityAutoCompleteView?.customer?.find(be=>be.qboId===g),W=Y?.entityAutoCompleteView?.vendor?.find(be=>be.qboId===g);return R?.qboId??W?.qboId},_=g=>e.filter(R=>R.qboId===g)[0]?.qboId??void 0,ie=g=>r.filter(R=>R.classId===g)[0]?.accountingClassNumber??void 0,Ce=w.useCallback(g=>y!=null&&g?me.isAccountUncategorized(y,g,E===!0?["income"]:void 0):!1,[y,E]),ve=bn.labelWidth.value(k),oe=at(c,"account",d.toString()),Ue=at(c,"class",d.toString()),Be=at(c,"isUpdateAllChecked",d.toString()),$e=at(c,ee,d.toString()),Ve=an(t,o.recommendationsWithCOT),he=e.find(g=>g.qboId===o.account.selectedOption),qe=r.find(g=>g.classId===o.class.selectedOption),Re=h.lines!=null?h.lines[d]:void 0,li=w.useCallback(g=>{j(`${oe}.selectedOption`,g,{shouldValidate:!0,shouldDirty:!0})},[j,oe]),Pt=w.useCallback(g=>{j(`${Ue}.selectedOption`,g,{shouldValidate:!0,shouldDirty:!0})},[j,Ue]),[Ie,bt]=w.useState(null);w.useEffect(()=>{if(Ie!=null&&Y?.entityAutoCompleteView.fetchState==="Completed"){const g=re(Ie.recommendationId,Ie.vendorName);g!=null?setTimeout(()=>{j(`${$e}.selectedOption`,g.qboId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0}),bt(null)},0):(setTimeout(()=>{j(`${$e}.selectedOption`,Ie.recommendationId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},0),bt(null))}},[Ie,Y?.entityAutoCompleteView.fetchState,re,j,$e]);const ri=w.useCallback(g=>{const R=z.find(W=>X(W)===g);if(R?.vendor!=null){const W=R.vendor.name,be=re(g,W);be!=null?j(`${$e}.selectedOption`,be.qboId,{shouldValidate:!0,shouldDirty:!0}):(bt({recommendationId:g,vendorName:W}),$?.autoCompleteActions?.onAutoCompleteInputChange?.(W,"vendor"))}else j(`${$e}.selectedOption`,g,{shouldValidate:!0,shouldDirty:!0})},[j,$e,z,re,$?.autoCompleteActions]),Fe=w.useCallback((g,R)=>{L?.onCOTView!=null&&L.onCOTView(o.id,L.transactionId,g,R)},[L,o.id]),J=w.useCallback(g=>{const R=z[1],W=z[0];G("category",{currentValue:he?.accountName,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:L},R,W)(g)},[G,z,he?.accountName,L]),fe=w.useCallback(g=>{const R=z[1],W=z[0];G("class",{currentValue:qe?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:L},R,W)(g)},[z,G,qe?.className,L]),We=w.useCallback(g=>{const R=z[1],W=z[0];G("vendor",{currentValue:f,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:L},R,W)(g)},[z,G,f,L]),xt=Zt(z,"category",p,{label:Re?.account?.accountName,value:Re?.account?.qboId??Re?.account?.accountId},"details_page",null,li,J,o[pe].selectedOption,Ce),Se=Xt(z,"category"),ct=Zt(z,"class",p,{label:Re?.class?.className,value:Re?.class?.classId},"details_page",null,Pt,fe,o[ue].selectedOption,Ce),vt=Xt(z,"class"),dt=Xt(z,"vendor"),{isPrimaryLoading:ci,isAlternateLoading:_t}=w.useMemo(()=>{if(Ie==null||Y?.entityAutoCompleteView.fetchState!=="In-Progress")return{isPrimaryLoading:!1,isAlternateLoading:!1};const g=z[0],R=X(g)===Ie.recommendationId;return{isPrimaryLoading:R,isAlternateLoading:!R}},[Ie,Y?.entityAutoCompleteView.fetchState,z]),ut=Zt(z,"vendor",p,{label:f,value:o[ee]?.selectedOption},"details_page",null,ri,We,o[ee]?.selectedOption,Ce,ci,_t),Ee=o[ee]?.selectedOption,Nt=w.useMemo(()=>!Ee||!dt?!1:z.some(g=>g.vendor!=null?g.vendor.qboId===Ee||g.vendor.id===Ee||g.vendor.name===Ee:!1),[Ee,dt,z]),Mt=w.useMemo(()=>{const g=U(oe)??null,R=Ve.findIndex(Dt=>Dt.label==="All Categories"),W=R>-1&&g?.selectedOption!=null?Ve[R].options.find(Dt=>Dt.value===g.selectedOption)?.label:void 0,be=g!=null&&W!=null?{...he,accountDescription:he?.accountDescription??"",labels:he!=null?he.labels:[]}:he;if(be!=null&&Ce(be.qboId)===!0)return{text:q.getLocalizedStrings().transactionDetail.tooltipText,sticky:!0}},[U,oe,Ve,he]),He={valueContainer:g=>({...g,padding:`2px ${a.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0}),menu:()=>({right:k==="small"?0:void 0})},wt=o.isUpdateAllChecked===!0,Ge=v!=null&&["journal_entry","deposit"].includes(v),Ct=qe?.classId,Ut=w.useMemo(()=>!Ct||!vt?!1:z.some(g=>g.class!=null?g.class.classId===Ct:!1),[Ct,vt,z]),Ye=he?.qboId??he?.accountId,pt=w.useMemo(()=>!Ye||!Se?!1:z.some(g=>g.account!=null?g.account.qboId===Ye||g.account.accountId===Ye:!1),[Ye,Se,z]),mt=nn(n,z),ke=w.useMemo(()=>pi("vendor",o[ee]?.defaultOptions,o[ee]?.selectedOption),[o]),$t=w.useMemo(()=>pi("category",Ve,o[pe]?.selectedOption),[Ve,o]),It=w.useMemo(()=>pi("class",mt,o[ue]?.selectedOption),[o,mt]),Bt=D.colors.primary,qt=D.colors.grey1,Je=w.useCallback(g=>{let R=!1;switch(g){case"category":R=$t;break;case"class":R=It;break;case"vendor":R=ke;break}return W=>W?{width:"100%",flexGrow:"1"}:{width:"max-content",flexGrow:"unset",outline:R?`1px dashed ${qt}`:"none",borderRadius:a.sp1,":hover":{outlineColor:Bt}}},[ke,It,$t,Bt,qt]);return i.jsxs(vs,{updateAllVisible:wt,"data-testid":F("list-item-detail",c),children:[s===!1&&Ge===!0?i.jsx(No,{label:{label:ze.lineItems.name,width:ve},isDisabled:S,autoCompleteGroupedSingleSelectField:{name:$e,placeholder:ze.transactionDetailPlaceholders.name,valueToId:g=>C(g),defaultValue:{selectedOption:o[ee]?.selectedOption,defaultOptions:o[ee]?.defaultOptions},style:{width:"100%"},customStyleConfig:He,registerOptions:{required:!1},menuPortal:I,isDisabled:S,loadOptions:$?.loadOptions,getStyles:Je("vendor")},cotData:ut,hasRecommendations:dt,isRecommendedSelected:Nt,isCOTEnabled:p,pageSource:"details_page",transactionStatus:null,type:"vendor",onCOTView:Fe,openTooltipId:V,setOpenTooltipId:A,style:{borderBottom:`1px solid ${D.colors.grey3}`,justifyContent:"space-between"},fullWidthSelect:!1},$e):null,s===!1?i.jsx(wi,{isLoading:!1,label:{label:ze.lineItems.category,width:ve},isDisabled:S,groupedSingleSelectField:{name:oe,placeholder:ze.transactionDetailPlaceholders.category,valueToId:g=>_(g),type:"category",defaultValue:{selectedOption:he?.qboId??he?.accountId,allOptions:Ve},style:{width:"100%"},customStyleConfig:He,registerOptions:{required:!1},pageSource:"details_page",transactionStatus:null,isDisabled:S,tooltip:Mt,menuPortal:I,showCOT:p,getStyles:Je("category")},disableCurrentOption:Ce,style:{borderBottom:`1px solid ${D.colors.grey3}`},fullWidthSelect:!1,isRecommendedSelected:pt,hasRecommendations:Se,cotData:xt,onCOTView:Fe,openTooltipId:V,setOpenTooltipId:A},oe):i.jsxs(bs,{isViewOnly:s,children:[i.jsx(_i,{children:ze.lineItems.category}),i.jsx(Ni,{windowSize:k,children:he?.accountName??"-"})]}),s===!1?i.jsx(wi,{isLoading:!1,label:{label:ze.lineItems.class,width:ve},isDisabled:S,groupedSingleSelectField:{name:Ue,placeholder:ze.transactionDetailPlaceholders.class,valueToId:g=>ie(g),defaultValue:{selectedOption:qe?.classId,allOptions:mt},type:"class",style:{width:"100%"},pageSource:"details_page",transactionStatus:null,isDisabled:S,menuPortal:I,customStyleConfig:He,registerOptions:{required:!1},showCOT:p,getStyles:Je("class")},disableCurrentOption:Ce,style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},isRecommendedSelected:Ut,hasRecommendations:vt,cotData:ct,fullWidthSelect:!1,onCOTView:Fe,openTooltipId:V,setOpenTooltipId:A},Ue):i.jsxs(xs,{isViewOnly:s,children:[i.jsx(_i,{children:ze.lineItems.class}),i.jsx(Ni,{windowSize:k,children:qe?.className??"-"})]}),i.jsx(fs,{isVisible:wt,children:i.jsx(hs,{checkBoxField:{defaultChecked:U(Be),name:Be,isDisabled:S},vendorName:f??"",bookCloseDate:b??me.dateNow()})})]},`dropdown-container-${d}`)};function $i({accountList:e,accountsHierarchyList:t,classHierarchyList:n,classList:r,sectionId:c,lineItemLocalData:s,isAccountAndClassNonEditable:d,lineIndex:o,lineId:h,isCOTEnabled:f,lineRecommendation:b,bookCloseDate:I,containerRef:y,searchAutoComplete:$,transaction:v,uncategorizedAccounts:S,transactionType:p,vendorName:L,isDisabled:V,cotTracking:A,openTooltipId:E,setOpenTooltipId:k,isUncategorizedExpenseCategoryEnabled:D}){return i.jsxs(Cs,{"data-testid":F("transaction-line-with-account-and-class",c),children:[i.jsx(xn,{title:s.lineDescription??"",amount:s.amount,lineId:s.id,sectionId:c,lineIndex:o,isDisabled:V},`lineTitleItem-${o}`),(s.type==="transaction_with_account_and_class_line"||s.type==="journal_entry_transaction_line")&&s.account!=null&&s.class!=null?i.jsx($s,{transaction:v,accountList:e,accountsHierarchyList:t,classHierarchyList:n,classList:r,sectionId:c,isAccountAndClassNonEditable:d,lineIndex:o,lineId:h,lineRecommendation:b,lineItemLocalData:s,vendorName:L??s.vendor?.name??s.customer?.name,bookCloseDate:I,containerRef:y,searchAutoComplete:$,uncategorizedAccounts:S,transactionType:p,isDisabled:V,isCOTEnabled:f,cotTracking:A,openTooltipId:E,setOpenTooltipId:k,isUncategorizedExpenseCategoryEnabled:D},`lineDetailItem-${o}`):null]},`container-${o}`)}const ii={detailPaddingLeftRight:new N(O[3],O[8])},Mi=l(si)`
   color: ${e=>e.isUncategorized||e.isMiscategorized?e.theme.colors.primary:e.theme.colors.hero};
 `,Is=l.div`
   display: flex;
@@ -688,7 +688,7 @@ import{Q as Bn,k as qn,b as Et,aa as Fn,q as ae,F as q,aP as Jt,e7 as Wn,e8 as H
   box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
 `,Js=l(ye)`
   margin-right: ${a.sp4};
-`,Zs=(e,t)=>t.length===1?"roundedBox":e===0?"topRoundedBox":e===t.length-1?"bottomRoundedBox":"box",{transactionDetail:Ke}=q.getLocalizedStrings(),Qs=({transaction:e,rowValues:t,line:n,classList:r,classHierarchyList:c,accountList:s,sectionId:d,lineIndex:o,isCOTEnabled:h,lineRecommendation:f,isDisabled:b,cotTracking:I,openTooltipId:y,setOpenTooltipId:$})=>i.jsx(Gs,{children:t.map((v,S)=>i.jsx("div",{children:i.jsx(Ks,{transaction:e,boxType:Zs(S,t),rowValue:v,classList:r,classHierarchyList:c,accountList:s,sectionId:d,lineIndex:o,line:n,lineRecommendation:f,isDisabled:b,isCOTEnabled:h,cotTracking:I,openTooltipId:y,setOpenTooltipId:$})},S))}),Xs={labelWidth:new N(120,145,160)},Ks=({transaction:e,boxType:t,rowValue:n,classList:r,classHierarchyList:c,sectionId:s,lineIndex:d,line:o,isDisabled:h,isCOTEnabled:f,cotTracking:b,openTooltipId:I,setOpenTooltipId:y})=>{const{setValue:$}=lt(),v=ae(),{createAlternateRecommendationCallback:S}=ln(),p=Xs.labelWidth.value(v),L=r.find(C=>C.classId===o.class.selectedOption),V=C=>r.filter(_=>_.classId===C)[0]?.accountingClassNumber??void 0,A=e?.lines!=null?e?.lines[d]:void 0,E={valueContainer:C=>({...C,padding:`2px ${a.sp2} !important`}),menu:()=>({right:v==="small"?0:void 0})},k=at(s,"class",d.toString()),D=w.useMemo(()=>o.recommendationsWithCOT??[],[o.recommendationsWithCOT]),j=w.useCallback(C=>{$(`${k}.selectedOption`,C,{shouldValidate:!0,shouldDirty:!0})},[$,k]),U=w.useCallback((C,_)=>{b?.onCOTView!=null&&b.onCOTView(o.id,b.transactionId,C,_)},[b,o.id]),G=w.useCallback(C=>{const _=D[1],ie=D[0];S("class",{currentValue:L?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:b},_,ie)(C)},[S,D,L?.className,b]),z=Qt(D,"class",f,{label:A?.class?.className,value:A?.class?.classId},"details_page",null,j,G,o.class.selectedOption),Y=Xt(D,"class"),X=w.useMemo(()=>!o.class.selectedOption||!Y?!1:D.some(C=>C.class!=null?C.class.classId===o.class.selectedOption:!1),[o.class.selectedOption,Y,D]),re=i.jsxs(Fs,{horizontalMargin:n.title!==Ke.lineItems.class,"data-testid":F("row-content-container",s),isInputTypeRow:n.title===Ke.lineItems.class,children:[n.title!==Ke.lineItems.class&&i.jsx(Js,{children:n.title}),n.title===Ke.lineItems.class?i.jsx(wi,{isLoading:!1,label:{label:Ke.lineItems.class,width:p},isDisabled:h,groupedSingleSelectField:{name:at(s,"class",d.toString()),placeholder:Ke.transactionDetailPlaceholders.class,valueToId:C=>V(C),type:"class",pageSource:"details_page",transactionStatus:null,defaultValue:{selectedOption:o.class.selectedOption,allOptions:Ia(c,o.recommendationsWithCOT)},style:{width:"100%"},customStyleConfig:E,showCOT:f,registerOptions:{required:!1}},style:{justifyContent:"space-between",flexGrow:1},fullWidthSelect:!1,isRecommendedSelected:X,cotData:z,hasRecommendations:Y,isAutoCategorized:!1,onCOTView:U,openTooltipId:I,setOpenTooltipId:y}):i.jsx(qs,{windowSize:v,children:n.value})]});switch(t){case"bottomRoundedBox":return i.jsx(Ws,{children:re});default:return i.jsx(Hs,{children:re})}};function el({transaction:e,line:t,sectionId:n,classList:r,classHierarchyList:c,accountList:s,lineIndex:d,lineRecommendation:o,isDisabled:h,isCOTEnabled:f,cotTracking:b,openTooltipId:I,setOpenTooltipId:y}){const $=s.find(p=>p.qboId===t.account.selectedOption),v=r.find(p=>p.classId===t.class.selectedOption),S=tl(t,$,v);return i.jsxs(Ys,{"data-testid":F("transaction-line-product-or-service",n),children:[i.jsx(xn,{title:t.lineDescription,amount:t.amount,lineId:t.id,sectionId:n,lineIndex:d,isDisabled:h,"data-testid":F("line-title-item",n)}),i.jsx(Qs,{transaction:e,rowValues:S,line:t,classList:r,classHierarchyList:c,accountList:s,sectionId:n,lineIndex:d,lineRecommendation:o,isDisabled:h,isCOTEnabled:f,cotTracking:b,openTooltipId:I,setOpenTooltipId:y,"data-testid":F("line-detail-item",n)})]})}function tl(e,t,n){const r=[],c=Ke.transactionLabels.productOrService;return r.push({title:c.productOrService,value:e.item.itemName}),r.push({title:c.quantity,value:e.item.quantity!=null?`${e.item.quantity}`:"-"}),r.push({title:c.rate,value:je("0,0.00",e.item.unitPrice)}),r.push({title:c.category,value:t?.accountName||"-"}),r.push({title:c.class,value:n?.className||"-"}),r}const ni=l(si)`
+`,Qs=(e,t)=>t.length===1?"roundedBox":e===0?"topRoundedBox":e===t.length-1?"bottomRoundedBox":"box",{transactionDetail:Ke}=q.getLocalizedStrings(),Zs=({transaction:e,rowValues:t,line:n,classList:r,classHierarchyList:c,accountList:s,sectionId:d,lineIndex:o,isCOTEnabled:h,lineRecommendation:f,isDisabled:b,cotTracking:I,openTooltipId:y,setOpenTooltipId:$})=>i.jsx(Gs,{children:t.map((v,S)=>i.jsx("div",{children:i.jsx(Ks,{transaction:e,boxType:Qs(S,t),rowValue:v,classList:r,classHierarchyList:c,accountList:s,sectionId:d,lineIndex:o,line:n,lineRecommendation:f,isDisabled:b,isCOTEnabled:h,cotTracking:I,openTooltipId:y,setOpenTooltipId:$})},S))}),Xs={labelWidth:new N(120,145,160)},Ks=({transaction:e,boxType:t,rowValue:n,classList:r,classHierarchyList:c,sectionId:s,lineIndex:d,line:o,isDisabled:h,isCOTEnabled:f,cotTracking:b,openTooltipId:I,setOpenTooltipId:y})=>{const{setValue:$}=lt(),v=ae(),{createAlternateRecommendationCallback:S}=ln(),p=Xs.labelWidth.value(v),L=r.find(C=>C.classId===o.class.selectedOption),V=C=>r.filter(_=>_.classId===C)[0]?.accountingClassNumber??void 0,A=e?.lines!=null?e?.lines[d]:void 0,E={valueContainer:C=>({...C,padding:`2px ${a.sp2} !important`}),menu:()=>({right:v==="small"?0:void 0})},k=at(s,"class",d.toString()),D=w.useMemo(()=>o.recommendationsWithCOT??[],[o.recommendationsWithCOT]),j=w.useCallback(C=>{$(`${k}.selectedOption`,C,{shouldValidate:!0,shouldDirty:!0})},[$,k]),U=w.useCallback((C,_)=>{b?.onCOTView!=null&&b.onCOTView(o.id,b.transactionId,C,_)},[b,o.id]),G=w.useCallback(C=>{const _=D[1],ie=D[0];S("class",{currentValue:L?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:b},_,ie)(C)},[S,D,L?.className,b]),z=Zt(D,"class",f,{label:A?.class?.className,value:A?.class?.classId},"details_page",null,j,G,o.class.selectedOption),Y=Xt(D,"class"),X=w.useMemo(()=>!o.class.selectedOption||!Y?!1:D.some(C=>C.class!=null?C.class.classId===o.class.selectedOption:!1),[o.class.selectedOption,Y,D]),re=i.jsxs(Fs,{horizontalMargin:n.title!==Ke.lineItems.class,"data-testid":F("row-content-container",s),isInputTypeRow:n.title===Ke.lineItems.class,children:[n.title!==Ke.lineItems.class&&i.jsx(Js,{children:n.title}),n.title===Ke.lineItems.class?i.jsx(wi,{isLoading:!1,label:{label:Ke.lineItems.class,width:p},isDisabled:h,groupedSingleSelectField:{name:at(s,"class",d.toString()),placeholder:Ke.transactionDetailPlaceholders.class,valueToId:C=>V(C),type:"class",pageSource:"details_page",transactionStatus:null,defaultValue:{selectedOption:o.class.selectedOption,allOptions:Ia(c,o.recommendationsWithCOT)},style:{width:"100%"},customStyleConfig:E,showCOT:f,registerOptions:{required:!1}},style:{justifyContent:"space-between",flexGrow:1},fullWidthSelect:!1,isRecommendedSelected:X,cotData:z,hasRecommendations:Y,isAutoCategorized:!1,onCOTView:U,openTooltipId:I,setOpenTooltipId:y}):i.jsx(qs,{windowSize:v,children:n.value})]});switch(t){case"bottomRoundedBox":return i.jsx(Ws,{children:re});default:return i.jsx(Hs,{children:re})}};function el({transaction:e,line:t,sectionId:n,classList:r,classHierarchyList:c,accountList:s,lineIndex:d,lineRecommendation:o,isDisabled:h,isCOTEnabled:f,cotTracking:b,openTooltipId:I,setOpenTooltipId:y}){const $=s.find(p=>p.qboId===t.account.selectedOption),v=r.find(p=>p.classId===t.class.selectedOption),S=tl(t,$,v);return i.jsxs(Ys,{"data-testid":F("transaction-line-product-or-service",n),children:[i.jsx(xn,{title:t.lineDescription,amount:t.amount,lineId:t.id,sectionId:n,lineIndex:d,isDisabled:h,"data-testid":F("line-title-item",n)}),i.jsx(Zs,{transaction:e,rowValues:S,line:t,classList:r,classHierarchyList:c,accountList:s,sectionId:n,lineIndex:d,lineRecommendation:o,isDisabled:h,isCOTEnabled:f,cotTracking:b,openTooltipId:I,setOpenTooltipId:y,"data-testid":F("line-detail-item",n)})]})}function tl(e,t,n){const r=[],c=Ke.transactionLabels.productOrService;return r.push({title:c.productOrService,value:e.item.itemName}),r.push({title:c.quantity,value:e.item.quantity!=null?`${e.item.quantity}`:"-"}),r.push({title:c.rate,value:je("0,0.00",e.item.unitPrice)}),r.push({title:c.category,value:t?.accountName||"-"}),r.push({title:c.class,value:n?.className||"-"}),r}const ni=l(si)`
   color: ${e=>e.theme.colors.primary};
 `,Fi=l(Ii)`
   color: ${e=>e.theme.colors.primary};
@@ -815,7 +815,7 @@ import{Q as Bn,k as qn,b as Et,aa as Fn,q as ae,F as q,aP as Jt,e7 as Wn,e8 as H
 `,Nl=l(si)`
   display: flex;
   color: ${le.alert};
-`,Rt={containerWidth:new N(343,544),confirmationPopUpTitleMarginTop:new N(O[6],O[7]),submitButtonWidth:new N(145,158),cancelButtonWidth:new N(121,156),errorLineItemGap:new N(O[2],12)},Yi=q.getLocalizedStrings().common,Me=q.getLocalizedStrings().transactionDetail.vendorBulkUpdateFetchRecommendationsPopUpInfo,Ml=({fetchState:e})=>{switch(e){case"Not-Started":return i.jsx(Ji,{});case"In-Progress":return i.jsx(ai,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return i.jsx(vn,{});default:return i.jsx(Ji,{})}},Ul=e=>{switch(e){case"Not-Started":return Me.buildingRecommendations;case"In-Progress":return Me.buildingRecommendations;case"Completed":return Me.recommendationsBuilt;default:return Me.recommendationsBuildFailed}},Bl=({recommendationsBuildStatus:e,setShowVendorRecommendationsBuildPopup:t,fetchRecommendations:n,clearVendorName:r,clearUpdateVendorBulkRecommendationsFetchStatus:c})=>{const s=ae(),[d,o]=Ot.useState(!0),[h,f]=Ot.useState(!1),b=Jt(e),I=Ot.useRef(e);I.current=e,Ot.useEffect(()=>{setTimeout(()=>{d&&(o(!1),I.current==="Not-Started"&&n())},3e3)},[I,n,d]),w.useEffect(()=>{setTimeout(()=>{I.current!=="Completed"&&(c(),f(!0))},6e4)},[I,c]),Ot.useEffect(()=>{b==="In-Progress"&&e==="Completed"&&setTimeout(()=>{c(),t(!1)},1e3)},[e,b,t,c]);const y=e==="Error"||h;return i.jsx(oa,{action:{onOkClick:()=>{t(!1)},onCancelClick:()=>{r(),t(!1)}},shouldClickAway:y||e==="Completed",secondaryButtonVariant:"secondary",primaryButtonText:Yi.footer.continueAnyway,secondaryButtonText:Yi.footer.cancel,primaryButtonWidth:Rt.submitButtonWidth.value(s),secondaryButtonWidth:Rt.cancelButtonWidth.value(s),formId:"vendorBulkUpdateFetchRecommendationsPopup",descriptionComponent:i.jsx(Yl,{size:s,children:i.jsxs(Wl,{recommendationsBuildFailed:y,children:[i.jsxs(Qi,{isDisabled:!1,isSuccess:!d,children:[d?i.jsx(ai,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):i.jsx(vn,{}),i.jsx(Zi,{isDisabled:!1,children:d?Me.applyingVendorName:Me.appliedVendorName})]}),y?i.jsxs(Hl,{size:s,children:[i.jsx(ql,{}),i.jsx(Fl,{children:Me.recommendationsBuildFailed})]}):i.jsxs(Qi,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[i.jsx(Ml,{fetchState:e}),i.jsx(Zi,{isDisabled:e==="Not-Started",children:Ul(e)})]})]})}),titleComponent:i.jsx(Gl,{size:s,children:Me.title}),showFooter:y,containerStyle:{width:Rt.containerWidth.value(s),maxWidth:"unset"}})},ql=l(ca)`
+`,Rt={containerWidth:new N(343,544),confirmationPopUpTitleMarginTop:new N(O[6],O[7]),submitButtonWidth:new N(145,158),cancelButtonWidth:new N(121,156),errorLineItemGap:new N(O[2],12)},Yi=q.getLocalizedStrings().common,Me=q.getLocalizedStrings().transactionDetail.vendorBulkUpdateFetchRecommendationsPopUpInfo,Ml=({fetchState:e})=>{switch(e){case"Not-Started":return i.jsx(Ji,{});case"In-Progress":return i.jsx(ai,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return i.jsx(vn,{});default:return i.jsx(Ji,{})}},Ul=e=>{switch(e){case"Not-Started":return Me.buildingRecommendations;case"In-Progress":return Me.buildingRecommendations;case"Completed":return Me.recommendationsBuilt;default:return Me.recommendationsBuildFailed}},Bl=({recommendationsBuildStatus:e,setShowVendorRecommendationsBuildPopup:t,fetchRecommendations:n,clearVendorName:r,clearUpdateVendorBulkRecommendationsFetchStatus:c})=>{const s=ae(),[d,o]=Ot.useState(!0),[h,f]=Ot.useState(!1),b=Jt(e),I=Ot.useRef(e);I.current=e,Ot.useEffect(()=>{setTimeout(()=>{d&&(o(!1),I.current==="Not-Started"&&n())},3e3)},[I,n,d]),w.useEffect(()=>{setTimeout(()=>{I.current!=="Completed"&&(c(),f(!0))},6e4)},[I,c]),Ot.useEffect(()=>{b==="In-Progress"&&e==="Completed"&&setTimeout(()=>{c(),t(!1)},1e3)},[e,b,t,c]);const y=e==="Error"||h;return i.jsx(oa,{action:{onOkClick:()=>{t(!1)},onCancelClick:()=>{r(),t(!1)}},shouldClickAway:y||e==="Completed",secondaryButtonVariant:"secondary",primaryButtonText:Yi.footer.continueAnyway,secondaryButtonText:Yi.footer.cancel,primaryButtonWidth:Rt.submitButtonWidth.value(s),secondaryButtonWidth:Rt.cancelButtonWidth.value(s),formId:"vendorBulkUpdateFetchRecommendationsPopup",descriptionComponent:i.jsx(Yl,{size:s,children:i.jsxs(Wl,{recommendationsBuildFailed:y,children:[i.jsxs(Zi,{isDisabled:!1,isSuccess:!d,children:[d?i.jsx(ai,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):i.jsx(vn,{}),i.jsx(Qi,{isDisabled:!1,children:d?Me.applyingVendorName:Me.appliedVendorName})]}),y?i.jsxs(Hl,{size:s,children:[i.jsx(ql,{}),i.jsx(Fl,{children:Me.recommendationsBuildFailed})]}):i.jsxs(Zi,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[i.jsx(Ml,{fetchState:e}),i.jsx(Qi,{isDisabled:e==="Not-Started",children:Ul(e)})]})]})}),titleComponent:i.jsx(Gl,{size:s,children:Me.title}),showFooter:y,containerStyle:{width:Rt.containerWidth.value(s),maxWidth:"unset"}})},ql=l(ca)`
   width: ${a.sp4};
   height: ${a.sp4};
   flex-shrink: 0;
@@ -825,12 +825,12 @@ import{Q as Bn,k as qn,b as Et,aa as Fn,q as ae,F as q,aP as Jt,e7 as Wn,e8 as H
   height: ${a.sp3};
   flex-shrink: 0;
   color: ${e=>e.theme.colors.grey3};
-`,Zi=l.div`
+`,Qi=l.div`
   color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
   text-align: left;
 `,Fl=l.div`
   color: ${le.brandColorGoldDark};
-`,Qi=l.div`
+`,Zi=l.div`
   display: flex;
   align-items: center;
   gap: ${e=>e.isSuccess?a.sp2:a.sp3};
@@ -881,7 +881,7 @@ import{Q as Bn,k as qn,b as Et,aa as Fn,q as ae,F as q,aP as Jt,e7 as Wn,e8 as H
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
   box-shadow: ${e=>e.theme.colors.elevation1};
-`,Zl=l.div`
+`,Ql=l.div`
   display: flex;
   flex: 1 1 auto;
   height: 100vh;
@@ -893,8 +893,8 @@ import{Q as Bn,k as qn,b as Et,aa as Fn,q as ae,F as q,aP as Jt,e7 as Wn,e8 as H
 `,Ki=l.div`
   display: flex;
   flex-direction: column;
-`,de="lineInfo",nt="memo",gt="vendorDetails",ot="updatePreviousTransactionWithNewVendor",st="isUpdateVendorToAllLineItemsChecked",en=e=>`${e}_form`;function Ql(e,t,n){return fl(e,t,n)}const se=q.getLocalizedStrings();function Lr({firstMonthOfFY:e,transactionDetail:t,transactionAttachmentEndpointToDownload:n,transactionAttachmentsEndpointToFetch:r,attachmentUploadEndpoint:c,isNavBarVisible:s=!0,isDisabled:d,isCOTEnabled:o,isVendorBulkUpdateOnTransactionEnabled:h,authParams:f,trendReport:b,analytics:I,uncategorizedAccounts:y,vendorSaveStatus:$,containerStyles:v,headerStyles:S,autoCompleteData:p,autoCompleteActions:L,enableBackClickOnSave:V,onTransactionClick:A,onBackClick:E,onTrendSelectedPeriodChange:k,onUploadAttachmentAttachment:D,onDeleteAttachment:j,onSaveUpdates:U,onResetLineItemsCategoryClassInLocalData:G,onSaveTransactionDetailLocalData:z,saveLatestSelectedEntity:Y,onSaveSuccess:X,onPageRefresh:re,onUpdateAllChecked:C,onChangeCategoryClassWhenUpdateAllIsChecked:_,discardTransactionDetailLocalData:ie,onFetchRecommendationsForEntity:Ce,updateVendorBulkRecommendationsFetchStatus:ve,clearRecommendationForLineId:oe,resetUpdateErrorState:Ue,onSaveVendorInLocalData:Be,onSaveCustomerInLocalData:$e,onSaveTransactionIdInNewVendorLocalData:Ve,onUpdateAllTranactionsWithCurrentVendorChecked:he,onClickUpdateVendorToAllLineItems:qe,onResetVendorToAllLineItems:Re,setIsVendorUpdateAllChecked:li}){const Pt=w.useRef(null),Ie=w.useRef(),{useDynamicConfig:bt}=Bn(),{configValue:ri}=bt(qn.enableUncategorizedExpenseCategory),Fe=Et(),J=Fn({mode:"all",reValidateMode:"onChange",defaultValues:Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView)}),{vendorUpdates:fe,vendorDetails:We,customerUpdates:xt,customerDetails:Se}=t.transactionDetailLocalData,ct=Object.keys(t.transactionDetailLocalData.lineItemById)[0],[vt,dt]=w.useState(t.transaction?.attachments??[]),[ci,_t]=w.useState(!1),[ut,Ee]=w.useState([]),[Nt,Mt]=w.useState([]),[He,wt]=w.useState(void 0),[Ge,Ct]=w.useState(t.transaction?.id??""),[Ut,Ye]=w.useState(void 0),pt=w.useRef([]),mt=(m,x,T,H)=>{if(x!==Ge||H==null||H==="")return;const ne=[...pt.current];let B=ne.find(De=>De.lineId===m);if(B==null)B={lineId:m,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}},ne.push(B);else{B={...B,category:{...B.category,recommendationTypesViewed:[...B.category.recommendationTypesViewed]},class:{...B.class,recommendationTypesViewed:[...B.class.recommendationTypesViewed]},vendor:{...B.vendor,recommendationTypesViewed:[...B.vendor.recommendationTypesViewed]}};const De=ne.findIndex(ui=>ui.lineId===m);ne[De]=B}const xe=B[T];xe.recommendationTypesViewed.includes(H)||xe.recommendationTypesViewed.push(H),pt.current=ne},ke=t.transactionDetailUpdateStatus?.fetchState??"Not-Started",$t=ae(),{common:{footer:It},dateFormat:Bt}=q.getLocalizedStrings(),[qt,Je]=w.useState(void 0),g=w.useRef(),R=Jt(t.transactionDetailUpdateStatus?.fetchState),W=Jt(p.entityAutoCompleteView.fetchState),be=Jt(t.fetchState),Dt=t.transaction!=null?Wn(t.transaction?.type,Fe):void 0;w.useEffect(()=>{p.entityAutoCompleteView.fetchState==="Completed"&&Ie.current?.(Hn(p.entityAutoCompleteView))},[p.entityAutoCompleteView.fetchState]);const $n=(m,x)=>{Ft(),L.onAutoCompleteInputChange?.(m),Ie.current=x},In=async(m,x)=>{if(m.includes("lineDescription")||m.includes(nt))return;const T=Object.assign({},t.transaction),H=m.split(".")[1];let ne=t.transactionDetailLocalData.latestSelectedEntityOnLineItem,B,xe=x.isUpdateVendorToAllLineItemsChecked;if(m.includes(nt)===!1&&m.includes(gt)===!1&&m.includes(ot)===!1&&m.includes(st)===!1&&m!==de){const P=parseInt(m.split(".")[1]),Q=x[de][P].id;B=Q;const u=ia(x[de][P]);let M=!1;if(m.includes(pe)||m.includes(ue)){if(m.includes(pe)){const K=Tn(Q,P,x);u[ft]!==K&&(u[ft]=K,M=!0),u[pe].selectedOption!=null&&u[pe].selectedOption===u[Vt]?.qboId&&!u[Le]?(u[Le]=!0,M=!0):(u[Le]=!1,M=!0),u[pe].selectedOption!=null&&u[pe].selectedOption===u[zt]?.qboId&&!u[Le]?(u[tt]=!0,M=!0):(u[tt]=!1,M=!0)}if(m.includes(ue)&&(u[it]!==Si(Q,P,x)&&(u[it]=Si(Q,P,x),M=!0),u[ue].selectedOption!=null&&u[ue].selectedOption===u[At]?.classId&&!u[Oe]?(u[Oe]=!0,M=!0):(u[Oe]=!1,M=!0),u[ue].selectedOption!=null&&u[ue].selectedOption===u[kt]?.classId&&!u[Oe]?(u[et]=!0,M=!0):(u[et]=!1,M=!0)),u[_e]===!0){const K=Tt(u,t.transactionDetailLocalData,u[ee].selectedOption,H,p.entityAutoCompleteView);_?.(!u[_e],K)}}if(m.includes(Le))if(u[Le]===!1){G?.({id:T.id,type:T.type},T,[Q],di(P,Q,x),"account",!1);return}else u[Le]===!0&&u[pe].selectedOption!==u[Vt]?.qboId&&(u[pe].selectedOption=u[Vt]?.qboId,u[ft]=!0,u[tt]=!1,M=!0);if(m.includes(Oe))if(u[Oe]===!1){G?.({id:T.id,type:T.type},T,[Q],di(P,Q,x),"class",!1);return}else u[Oe]===!0&&u[ue].selectedOption!==u[At]?.classId&&(u[ue].selectedOption=u[At]?.classId,u[it]=!0,u[et]=!1,M=!0);if(m.includes(tt)&&u[tt]===!0&&u[pe].selectedOption!==u[zt]?.qboId&&(u[pe].selectedOption=u[zt]?.qboId,u[Le]=!1,u[ft]=!1,M=!0),m.includes(et)&&u[et]===!0&&u[ue].selectedOption!==u[kt]?.classId&&(u[ue].selectedOption=u[kt]?.classId,u[Oe]=!1,u[it]=!1,M=!0),m.includes(_e))if(u[_e]===!0){const K=u[pe].selectedOption,ge=u[ue].selectedOption,ce=t.accountList.accounts.find(Te=>Te.qboId===K),we=t.classList.classes.find(Te=>Te.classId===ge);u[it]=!0;const Z=Tt(u,t.transactionDetailLocalData,u[ee].selectedOption,H,p.entityAutoCompleteView);C?.(u[_e],ce!=null?{account:ce,updateOrRetain:u[Le]===!0?"update":"retain"}:void 0,we!=null?{classBase:we,updateOrRetain:u[Oe]===!0?"update":"retain"}:void 0,Z);return}else{G?.({id:T.id,type:T.type},T,di(P,Q,x),[Q],"both",!1);return}if(m.includes(Zt)&&u[ee].selectedOption==null){oe?.({transactionId:{id:T.id,type:T.type},transaction:T,lineId:Q}),M=!0;return}if(m.includes(Zt)&&u[ee].selectedOption!=null&&(ne=Tt(u,t.transactionDetailLocalData,u[ee].selectedOption,Q,p.entityAutoCompleteView),ne!=null)){const K={id:T.id,type:T.type};Y(K,Q,ne),Ce?.(ne,u.amount.amount,{transactionId:{id:T.id,type:T.type},transaction:T,lineIds:[Q]},!1),t.transaction!=null&&t.transactionDetailLocalData.isVendorUpdateAllChecked&&(li(K,t.transaction,!1),xe=!1,M=!0)}if(M){const K={...x};K[de][P]=u,J.reset(K,{keepDefaultValues:!0,keepDirty:!0})}}const De=P=>{const Q=parseInt(P.split(".")[1]),u=x[de][Q][ee].selectedOption;if(u==null)return!1;let M=!1;return x.lineInfo.forEach((K,ge)=>{if(Q!==ge){const ce=K[ee].selectedOption;ce!=null&&u===ce&&(M=M||K[_e])}}),!P.includes(Zt)&&M},ui=P=>P!==de?t.transaction!=null&&(me.isVendorTransaction(t.transaction)||me.isCustomerTransaction(t.transaction))?P.includes(nt)===!1&&P.includes(Kt)===!1:P.includes(nt)===!1&&P.includes(Kt)===!1&&De(P):!1;if(m!==de&&m!==gt&&m!==st&&m!==ot){const P=yi(x,t.accountList,t.classList,p,ui(m),H,t.transactionDetailLocalData,ne,B,xe);z?.({id:T.id,type:T.type},P)}if(m===gt){const P=x[gt];if(P.selectedOption!==fe?.qboId||P.selectedOption!==xt?.qboId){const Q=P.defaultOptions,u=P.selectedOption,M=p.entityAutoCompleteView.vendor.find(Z=>Z.qboId===P.selectedOption),K=Q?.flatMap(Z=>Z.options).find(Z=>Z.value===u)?.label,ge=p.entityAutoCompleteView.customer.find(Z=>Z.qboId===P.selectedOption),ce=t.transactionDetailLocalData.lineItemById[ct]?.recommendationsWithCOT?.find(Z=>Z.vendor?.qboId===P.selectedOption)?.vendor,we={id:T.id,type:T.type};if(M==null&&ce==null&&ge==null){if(Ve?.(we),t.transaction!=null){const Z=u!==""&&u!=null?u:K!==""&&K!=null?K:"",Te={name:K??u??"",id:Z,qboId:Z},Ze={id:Z,type:"vendor",qboId:Z,zeniId:Z,name:K??u??""},Qe={transaction:t.transaction,transactionId:we,lineIds:t.transaction.lines?.map(Un=>Un.id)??[]};Be?.(we,Te,Ze,t.transaction.amount.amount,Qe)}}else if(M!=null&&ge==null){if(t.transaction!=null){const Z={name:M.name,id:M.zeniId,qboId:M.qboId},Te={id:M.id,type:"vendor",qboId:M.qboId,zeniId:M.qboId,name:M.name},Ze={transaction:t.transaction,transactionId:we,lineIds:t.transaction.lines?.map(Qe=>Qe.id)??[]};Be?.(we,Z,Te,t.transaction.amount.amount,Ze)}}else if(ce?.id!=null&&ce?.qboId!=null&&ge==null){if(t.transaction!=null){const Z={name:ce.name,id:ce.id,qboId:ce.qboId},Te={id:ce.id,type:"vendor",qboId:ce.qboId,zeniId:ce.qboId,name:ce.name},Ze={transaction:t.transaction,transactionId:we,lineIds:t.transaction.lines?.map(Qe=>Qe.id)??[]};Be?.(we,Z,Te,t.transaction.amount.amount,Ze)}}else if(ge!=null&&t.transaction!=null){const Z={name:ge.name,id:ge.zeniId,qboId:ge.qboId},Te={id:ge.id,type:"customer",qboId:ge.qboId,zeniId:ge.qboId,name:ge.name},Ze={transaction:t.transaction,transactionId:we,lineIds:t.transaction.lines?.map(Qe=>Qe.id)??[]};$e?.(we,Z,Te,t.transaction.amount.amount,Ze)}}L.onCancelAutoComplete?.();return}if(m===ot){const P=x[ot];he?.(P)}if(m===st){const P=x[st],Q=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;P===!0&&t.transaction!=null&&Q!=null?(qe?.({id:T.id,type:T.type},t.transaction,Q),_t(!0)):P===!1&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&Re?.({id:T.id,type:T.type},T,t.transactionDetailLocalData.latestUpdatedLineWithEntity)}},Dn=(m,x)=>{if(m!=null&&x!=null){const T=m.qboId??m.id,H=x.qboId??x.id;return T===H}return!1},di=(m,x,T)=>{const H=t.transaction;if(H!=null&&(me.isVendorTransaction(H)||me.isCustomerTransaction(H)))return T[de].filter(B=>B.id!==x).map(B=>B.id);const ne=Tt(T[de][m],t.transactionDetailLocalData,T[de][m][ee].selectedOption,m.toString(),p.entityAutoCompleteView);return ne!=null?T[de].filter((B,xe)=>{const De=Tt(B,t.transactionDetailLocalData,B[ee].selectedOption,xe.toString(),p.entityAutoCompleteView);return Dn(ne,De)&&B.id!==x}).map(B=>B.id):[]},Tn=(m,x,T)=>!!(t.transactionDetailLocalData.lineItemById[m].recommendationsWithCOT?.map(H=>H.account?.qboId)??[]).includes(T[de][x][pe].selectedOption),Si=(m,x,T)=>!!(t.transactionDetailLocalData.lineItemById[m].recommendationsWithCOT?.map(H=>H.class?.classId)??[]).includes(T[de][x][ue].selectedOption),On=()=>{ie?.(),E?.()};w.useEffect(()=>{const m=J.watch((x,{name:T})=>{T!=null&&x!=null&&T!=null&&x!=null&&Gn(()=>In(T,x))});return()=>{m.unsubscribe()}}),w.useEffect(()=>()=>{ie?.()},[]),w.useEffect(()=>{t.transaction&&Ge!==t.transaction?.id&&(Ct(t.transaction?.id??""),J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView)))},[t,Ge,p.entityAutoCompleteView,J]),w.useEffect(()=>{Yn(J.getValues(),Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView))||J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[t.transactionDetailLocalData,t.accountList,t.classList,t.transaction?.recommendationsWithCOT,p.entityAutoCompleteView,J]),w.useEffect(()=>{async function m(x){ut.includes(x.attachment_id)?console.warn(`Attachment with ID ${x.attachment_id} is already getting downloaded`):(Ee([x.attachment_id,...ut]),await Ql(n,f,x),Ee(zi(ut,T=>T==x.attachment_id)))}t.fetchState==="Completed"&&t.transaction!=null&&He!=null&&(m({transaction_key:{transaction_id:t.transaction.id,transaction_type:t.transaction.type},attachment_id:He}),wt(void 0))},[He]),w.useEffect(()=>{(R==="In-Progress"||R==="Not-Started")&&ke==="Error"?Je(ke):ke==="Completed"&&(R==="In-Progress"||R==="Not-Started")&&J.formState.isDirty&&(J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView)),X?.()),ke==="Completed"&&(R==="In-Progress"||R==="Not-Started")&&V===!0&&E?.(),p.entityAutoCompleteView.fetchState==="Completed"&&(W==="In-Progress"||W==="Not-Started")&&J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[ke,V,J,X,t,R,p,W,E]),w.useEffect(()=>{(be==="In-Progress"||be==="Not-Started")&&t.fetchState==="Completed"&&J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView))},[J,t,t.fetchState,be,p]),w.useEffect(()=>{t.fetchState==="Completed"&&t.transaction?.attachments!=null&&dt(t.transaction.attachments)},[t]),w.useEffect(()=>{p.entityAutoCompleteView.fetchState==="Completed"&&g.current?.(tn(p.entityAutoCompleteView,t.transactionDetailLocalData.selectedEntity??t.transactionDetailLocalData.latestSelectedEntityOnLineItem,t.transactionDetailLocalData.lineItemById[ct]?.recommendationsWithCOT))},[p.entityAutoCompleteView.fetchState]);const Ln=(m,x)=>{er(m,I,x,b?.trendReport?.entity,t.transaction),k?.(x)},jn=J.handleSubmit(m=>{const x=yi(m,t.accountList,t.classList,p,!1,void 0,t.transactionDetailLocalData);if(t.transaction!=null){I?.trackTransactionDetailsSave(t.transaction.account?.accountId,t.transaction.account?.accountName,t.transaction.id,void 0,t.transaction.type,me.getChangedLineItemCountFromLocalData(t.transaction,x),x.memo,t.transaction.attachments?.map(ne=>ne.fileName)),z?.({id:t.transaction.id,type:t.transaction.type},x);const T=x.vendorDetails?.id!=null&&x.vendorDetails?.id===x.vendorUpdates?.id&&x.vendorDetails?.name!==x.vendorUpdates?.name,H=pt.current;U?.({id:t.transaction.id,type:t.transaction.type},H,fe?.id,T),pt.current=[]}}),Ft=()=>{if(t.transaction!=null){const m=J.getValues(),x=yi(m,t.accountList,t.classList,p,!1,void 0,t.transactionDetailLocalData);z?.({id:t.transaction.id,type:t.transaction.type},x)}};async function Sn(m,x,T,H,ne,B){Mt([B.toString()]),await _a(m,x,T,H,ne).then(({uploadResponse:xe})=>{if(xe!=null&&t.transaction!==void 0){const De=xe.transaction.attachments;Array.isArray(De)&&De[0]!=null?(dt([me.toAttachment(De[0])]),D(xe.transaction)):console.warn("Upload attachment response has no attachments; skipping update.")}}),Mt(zi(Nt,xe=>xe==B.toString()))}const kn=t.fetchState==="In-Progress"||t.fetchState==="Not-Started",zn={onOkClick:()=>{Je(void 0),J.reset(),Ue?.()},onRefresh:()=>{Je(void 0),J.reset(),Ue?.(),re?.()}},An=m=>{t.transaction!=null&&Be?.({id:t.transaction.id,type:t.transaction.type},{name:m,id:We?.id,qboId:We?.qboId})},Vn=m=>{t.transaction!=null&&$e?.({id:t.transaction.id,type:t.transaction.type},{name:m,id:Se?.id,qboId:Se?.qboId})},Rn=()=>!!(J.formState.isDirty&&Object.keys(J.formState.dirtyFields).length>0||fe?.id!==We?.id||fe?.name!==We?.name||xt?.id!==Se?.id||xt?.name!==Se?.name),En=(m,x)=>{Ft(),L.onAutoCompleteInputChange?.(m),g.current=x},Pn={defaultOptions:Jn(fe?.qboId,fe?.name,p?.entityAutoCompleteView),selectedOption:fe?.qboId!=null?fe?.qboId:fe?.name!=null&&fe?.name!==""?fe?.name:""},_n=()=>{const m=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;if(m!=null&&t.transaction!=null){const x=t.transaction.lines?.map(T=>T.id);ve({id:t.transaction.id,type:t.transaction.type},"In-Progress"),Ce?.(m,t.transaction.lines?.[0].amount.amount??0,{transactionId:{id:t.transaction.id,type:t.transaction.type},transaction:t.transaction,lineIds:x??[]},!0)}},Nn=()=>{t.transaction!=null&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&Re?.({id:t.transaction.id,type:t.transaction.type},t.transaction,t.transactionDetailLocalData.latestUpdatedLineWithEntity)},Mn=()=>{t.transaction!=null&&ve({id:t.transaction.id,type:t.transaction.type},"Not-Started")};return i.jsx(Jl,{ref:Pt,style:v,"data-testid":F("transaction-detail-page"),children:i.jsxs(Zn,{...J,children:[i.jsx("form",{id:en(ki),onSubmit:jn,children:kn===!1&&t.transaction!=null?i.jsxs(i.Fragment,{children:[s?i.jsx(Qn,{title:Xn(t.transaction,fe?.name),onBackClick:On,style:{zIndex:3},backgroundColor:Fe.colors.grey5,enableTitleOnScroll:!0,source:"TransactionDetailPage"}):null,qt==="Error"?i.jsx(zl,{errorCode:t.transactionDetailUpdateStatus?.error!==void 0?t.transactionDetailUpdateStatus?.error.code:500,action:zn,transactionDate:t.transaction?.date.format(Bt.visual.MMMYYYYFormat)}):null,ci?i.jsx(Bl,{recommendationsBuildStatus:t.transactionDetailLocalData.vendorBulkUpdateCategoryClassRecommendationsFetchStatus?.fetchState,fetchRecommendations:_n,setShowVendorRecommendationsBuildPopup:_t,clearVendorName:Nn,clearUpdateVendorBulkRecommendationsFetchStatus:Mn}):null,t.transaction.isUpdatingTransaction===!0||t.isUpdateNotAllowed===!0?i.jsx(Rl,{}):null,i.jsx(Dl,{vendorDetailsSectionId:gt,transaction:t.transaction,existingVendor:We,existingCustomer:Se,isCOTEnabled:o,selectedEntity:t.transactionDetailLocalData.selectedEntity,headerStyles:S,vendorSearchAutoComplete:{autoCompleteData:p,loadOptions:En},handleVendorRename:An,handleCustomerRename:Vn,currentVendorOption:Pn,recommendationsWithCOT:t.transactionDetailLocalData.lineItemById[ct]?.recommendationsWithCOT,cotTracking:{lineId:ct,transactionId:Ge,onCOTView:mt},openTooltipId:Ut,setOpenTooltipId:Ye}),i.jsxs(Ki,{children:[i.jsxs(Ki,{children:[i.jsx(gl,{containerRef:Pt.current,transaction:t.transaction,accountList:t.accountList.accounts,accountsHierarchyList:t.accountsHierarchyList,classHierarchyList:t.classHierarchyList,classList:t.classList.classes,sectionId:de,isDisabled:d,isCOTEnabled:o,lineItemsLocalData:t.transactionDetailLocalData,uncategorizedAccounts:y,searchAutoComplete:{autoCompleteData:p,loadOptions:$n,autoCompleteActions:L},cotTracking:{transactionId:Ge,onCOTView:mt},openTooltipId:Ut,setOpenTooltipId:Ye,isUncategorizedExpenseCategoryEnabled:ri?.uncategorized_expense_category_enabled===!0}),i.jsx(Kn,{transaction:t.transaction,deleteStatusByAttachmentName:t.deleteStatusByAttachmentName,memo:t.transactionDetailLocalData.memo,attachments:vt,sectionId:nt,attachmentIdsBeingDownloaded:ut,attachmentIdsBeingUploaded:Nt,isDisabled:d,authParams:f,onDeleteAttachment:m=>{Ft(),j(m)},transactionAttachmentsEndpointToFetch:r,onAttachmentClick:m=>{tr(m.id,I,t.transaction),wt(m.id)},onUploadAttachment:(m,x,T,H)=>{Ft(),ir(I,t.transaction,x,m.type),Sn(c,f,m,x,T,H)}})]}),i.jsx(hl,{sectionId:de,linkedTransactions:t.linkedTransactions,onTransactionClick:A})]}),b?.trendReport?.dataAvailable!=null&&i.jsx(Pa,{firstMonthOfFY:e,trendWithTransactionsReport:b,isDetailPage:!0,graphColor:Dt,page:"TransactionDetailPage",onTimePeriodChange:Ln,onTransactionItemClick:A})]}):i.jsx(Zl,{style:v,children:i.jsx(ai,{size:"ExtraLarge",start:!0})})}),Rn()?i.jsx(ea,{formId:en(ki),primaryBtn:{label:It.save,isLoading:ke==="In-Progress"||$==="In-Progress",style:{width:Xi.buttonWidth.value($t)},isDisabled:!1},cancelBtn:{label:It.cancel,style:{width:Xi.buttonWidth.value($t)},onClick:()=>{J.reset(),ie?.()}},topComponent:Xl(t,h)===!0?Kl(Fe,t):null}):null]})})}const Xl=(e,t)=>{const{vendorUpdates:n,vendorDetails:r}=e.transactionDetailLocalData,c=wn(e.transactionDetailLocalData);return r?.id!=null&&n?.id!=null&&r.id!==n.id||r?.id!=null&&n?.id!=null&&r.name!==n.name||t&&c},Kl=(e,t)=>{const{vendorUpdates:n,vendorDetails:r}=t.transactionDetailLocalData,c=r?.id!=null&&r.id!==n?.id,s=wn(t.transactionDetailLocalData),d=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;return i.jsxs(nr,{children:[s&&d!=null?i.jsx(Ri,{style:{width:"auto"},label:{label:i.jsxs(bi,{children:[se.common.texts.update,se.common.strings.space,d.type,se.common.strings.space,se.common.texts.name.toLocaleLowerCase(),se.common.strings.space,i.jsx(Yt,{children:i.jsx(St,{children:d.name})}),se.transactionDetail.footer.forAllLineItems]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.isVendorUpdateAllChecked??!1,name:st,checkBoxValue:st}}):c===!0?i.jsx(Ri,{style:{width:"auto"},label:{label:i.jsxs(bi,{children:[se.transactionDetail.footer.allTransactions,i.jsx(Yt,{children:i.jsx(St,{children:t.transactionDetailLocalData.vendorDetails?.name??se.common.strings.empty})}),se.transactionDetail.footer.willUpdate,i.jsx(Yt,{children:i.jsx(St,{children:t.transactionDetailLocalData.vendorUpdates?.name??se.common.strings.empty})}),se.transactionDetail.footer.postBookCloseData,`${t?.transaction?.bookCloseDate?.format(se.dateFormat.visual.MMMDCommaYYYYformat)}
-           .`]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.updatePreviousTransactionsWithUpdatedVendor??!1,name:ot,checkBoxValue:ot}}):i.jsxs(bi,{children:[se.transactionDetail.footer.allTransactions,i.jsx(Yt,{children:i.jsx(St,{children:r?.name??se.common.strings.empty})}),se.transactionDetail.footer.willUpdate,i.jsx("q",{children:i.jsx(St,{children:n?.name??se.common.strings.empty})})]}),i.jsx(ar,{})]})},wn=e=>e.latestSelectedEntityOnLineItem!=null&&e.latestSelectedEntityOnLineItem.type==="vendor",ji=e=>(me.isCustomerTransaction(e)===!0||me.isVendorTransactionWithCustomer(e)===!0)&&e.customer!=null?e.customer?.name??"":me.isVendorTransaction(e)===!0&&e.vendor!=null?e.vendor?.name??"":e.memo??e.type,Cn=e=>{const t=[],n=[],r=[],c=[];return e.lines?.forEach(s=>{switch(s.type){case"transaction_with_account_and_class_line":case"transaction_with_product_or_service_line":case"journal_entry_transaction_line":{t.push(s.account.accountId),n.push(s.account.accountName);const d=s.class.className;d!==""&&(c.push(d),r.push(s.class.classId??""));break}}}),{accountIds:t,accountNames:n,classIds:r,classNames:c}},er=(e,t,n,r,c)=>{if(e==="Chart"&&n!=null&&r!=null&&c!=null){const{accountIds:s,accountNames:d,classIds:o,classNames:h}=Cn(c),f=ji(c);t?.trackSpendIncomeTrendForTransaction(r.type==="vendor"?xi.Event.spendTrend:xi.Event.incomeTrend,"Transaction Details",c.id,c.type,f,s,d,o,h,n?.addTimePeriod.startDate.format(se.dateFormat.analytics.MMMYYFormat))}e==="TransactionListLoadMore"&&t?.trackTransactionList(c?.account?.accountId,c?.account?.accountName,"Transaction Details",void 0,void 0,!0)},tr=(e,t,n)=>{if(n!=null){const{accountIds:r,accountNames:c}=Cn(n);t?.trackTransactionDetailReceipt(xi.Event.transactionDetailReceiptOpened,e,n.id,ji(n),n.type,r,c)}},ir=(e,t,n,r)=>{t!=null&&e?.trackTransactionDetailReceiptUpload(t.account?.accountId,t.account?.accountName,t.id,ji(t),t.type,t.memo,n,r?.split("/")[1])},Xe=(e,t,n,r)=>{const c=e.selectedEntity,s=Object.values(e.lineItemById).filter(o=>o.type==="journal_entry_transaction_line"||o.type==="transaction_with_account_and_class_line"||o.type==="transaction_with_product_or_service_line"),d=Object.keys(e.lineItemById)[0];return{[de]:s?.map(o=>({id:o.id,type:o.type,amount:o.amount,lineDetailType:o.lineDetailType,platformLineDetailType:o.platformLineDetailType,lineTransactionType:o.lineTransactionType,postingType:o.postingType,postingTypeName:o.postingTypeName,customer:o?.customer,vendor:o?.vendor,billable:o.billable,item:o.item,isCategoryMiscategorized:o.isCategoryMiscategorized,isClassMiscategorized:o.isClassMiscategorized,[pe]:{selectedOption:o?.account?.qboId??o?.account?.accountId,allOptions:an(t,o.recommendationsWithCOT)},[ue]:{selectedOption:o?.class?.classId,allOptions:nn(n,o.recommendationsWithCOT)},[Kt]:o?.lineDescription,[ee]:{selectedOption:o.lineEntity?.qboId??o.lineEntity?.id??o.lineEntity?.name??"",defaultOptions:ta(o,r)},[Zt]:o.lineEntity,[Vt]:o?.recommendedAccount,[At]:o?.recommendedClass,[ft]:o?.isRecommendedCategorySelected,[it]:o?.isRecommendedClassSelected,[zt]:o?.retainedAccount,[kt]:o?.retainedClass,[tt]:o?.isRetainedCategorySelected,[et]:o?.isRetainedClassSelected,[_e]:o?.isUpdateAllChecked,[Le]:o?.isCategoryUpdateSelected,[Oe]:o?.isClassUpdateSelected,[on]:o?.recommendationsWithCOT})),[nt]:e?.memo,[gt]:{selectedOption:c?.qboId??c?.id??c?.name,defaultOptions:tn(r,c,e.lineItemById[d]?.recommendationsWithCOT)},[ot]:e.updatePreviousTransactionsWithUpdatedVendor,[st]:e.isVendorUpdateAllChecked}},yi=(e,t,n,r,c,s,d,o,h,f)=>{const b={};return b.memo=e[nt],b.vendorUpdates=d?.vendorUpdates,b.vendorDetails=d?.vendorDetails,b.customerUpdates=d?.customerUpdates,b.customerDetails=d?.customerDetails,b.selectedEntity=d?.selectedEntity,b.updatePreviousTransactionsWithUpdatedVendor=d?.updatePreviousTransactionsWithUpdatedVendor,b.latestSelectedEntityOnLineItem=o??d?.latestSelectedEntityOnLineItem,b.latestUpdatedLineWithEntity=h??d?.latestUpdatedLineWithEntity,d!=null&&(b.isVendorUpdateAllChecked=f??d.isVendorUpdateAllChecked,b.vendorBulkUpdateCategoryClassRecommendationsFetchStatus=d?.vendorBulkUpdateCategoryClassRecommendationsFetchStatus),b.lineItemById=e.lineInfo.reduce((I,y)=>{const $=y[ue].selectedOption,v=y[pe].selectedOption,S=y[ee].selectedOption,{customerInfo:p,vendorInfo:L}=na(y,S,s,r.entityAutoCompleteView),V=p??L;return{...I,[y.id]:{...y,id:y.id,customer:V!=null&&V.type==="customer"?p:void 0,vendor:V!=null&&V.type==="vendor"?L:void 0,lineDescription:y[Kt],lineEntity:V,isRecommendedCategorySelected:y[ft],isRecommendedClassSelected:y[it],isCategoryUpdateSelected:y[Le],isClassUpdateSelected:y[Oe],isRetainedCategorySelected:y[tt],isRetainedClassSelected:y[et],isUpdateAllChecked:c===!0?!1:y[_e],class:$!=null?n.classes.find(A=>A.classId===$):void 0,account:v!=null?t.accounts.find(A=>A.qboId===v):void 0,recommendedAccount:y[Vt],recommendedClass:y[At],retainedAccount:y[zt],retainedClass:y[kt],recommendationsWithCOT:y[on]}}},{}),b},nr=l.div`
+`,de="lineInfo",nt="memo",gt="vendorDetails",ot="updatePreviousTransactionWithNewVendor",st="isUpdateVendorToAllLineItemsChecked",en=e=>`${e}_form`;function Zl(e,t,n){return fl(e,t,n)}const se=q.getLocalizedStrings();function Lr({firstMonthOfFY:e,transactionDetail:t,transactionAttachmentEndpointToDownload:n,transactionAttachmentsEndpointToFetch:r,attachmentUploadEndpoint:c,isNavBarVisible:s=!0,isDisabled:d,isCOTEnabled:o,isVendorBulkUpdateOnTransactionEnabled:h,authParams:f,trendReport:b,analytics:I,uncategorizedAccounts:y,vendorSaveStatus:$,containerStyles:v,headerStyles:S,autoCompleteData:p,autoCompleteActions:L,enableBackClickOnSave:V,onTransactionClick:A,onBackClick:E,onTrendSelectedPeriodChange:k,onUploadAttachmentAttachment:D,onDeleteAttachment:j,onSaveUpdates:U,onResetLineItemsCategoryClassInLocalData:G,onSaveTransactionDetailLocalData:z,saveLatestSelectedEntity:Y,onSaveSuccess:X,onPageRefresh:re,onUpdateAllChecked:C,onChangeCategoryClassWhenUpdateAllIsChecked:_,discardTransactionDetailLocalData:ie,onFetchRecommendationsForEntity:Ce,updateVendorBulkRecommendationsFetchStatus:ve,clearRecommendationForLineId:oe,resetUpdateErrorState:Ue,onSaveVendorInLocalData:Be,onSaveCustomerInLocalData:$e,onSaveTransactionIdInNewVendorLocalData:Ve,onUpdateAllTranactionsWithCurrentVendorChecked:he,onClickUpdateVendorToAllLineItems:qe,onResetVendorToAllLineItems:Re,setIsVendorUpdateAllChecked:li}){const Pt=w.useRef(null),Ie=w.useRef(),{useDynamicConfig:bt}=Bn(),{configValue:ri}=bt(qn.enableUncategorizedExpenseCategory),Fe=Et(),J=Fn({mode:"all",reValidateMode:"onChange",defaultValues:Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView)}),{vendorUpdates:fe,vendorDetails:We,customerUpdates:xt,customerDetails:Se}=t.transactionDetailLocalData,ct=Object.keys(t.transactionDetailLocalData.lineItemById)[0],[vt,dt]=w.useState(t.transaction?.attachments??[]),[ci,_t]=w.useState(!1),[ut,Ee]=w.useState([]),[Nt,Mt]=w.useState([]),[He,wt]=w.useState(void 0),[Ge,Ct]=w.useState(t.transaction?.id??""),[Ut,Ye]=w.useState(void 0),pt=w.useRef([]),mt=(m,x,T,H)=>{if(x!==Ge||H==null||H==="")return;const ne=[...pt.current];let B=ne.find(De=>De.lineId===m);if(B==null)B={lineId:m,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}},ne.push(B);else{B={...B,category:{...B.category,recommendationTypesViewed:[...B.category.recommendationTypesViewed]},class:{...B.class,recommendationTypesViewed:[...B.class.recommendationTypesViewed]},vendor:{...B.vendor,recommendationTypesViewed:[...B.vendor.recommendationTypesViewed]}};const De=ne.findIndex(ui=>ui.lineId===m);ne[De]=B}const xe=B[T];xe.recommendationTypesViewed.includes(H)||xe.recommendationTypesViewed.push(H),pt.current=ne},ke=t.transactionDetailUpdateStatus?.fetchState??"Not-Started",$t=ae(),{common:{footer:It},dateFormat:Bt}=q.getLocalizedStrings(),[qt,Je]=w.useState(void 0),g=w.useRef(),R=Jt(t.transactionDetailUpdateStatus?.fetchState),W=Jt(p.entityAutoCompleteView.fetchState),be=Jt(t.fetchState),Dt=t.transaction!=null?Wn(t.transaction?.type,Fe):void 0;w.useEffect(()=>{p.entityAutoCompleteView.fetchState==="Completed"&&Ie.current?.(Hn(p.entityAutoCompleteView))},[p.entityAutoCompleteView.fetchState]);const $n=(m,x)=>{Ft(),L.onAutoCompleteInputChange?.(m),Ie.current=x},In=async(m,x)=>{if(m.includes("lineDescription")||m.includes(nt))return;const T=Object.assign({},t.transaction),H=m.split(".")[1];let ne=t.transactionDetailLocalData.latestSelectedEntityOnLineItem,B,xe=x.isUpdateVendorToAllLineItemsChecked;if(m.includes(nt)===!1&&m.includes(gt)===!1&&m.includes(ot)===!1&&m.includes(st)===!1&&m!==de){const P=parseInt(m.split(".")[1]),Z=x[de][P].id;B=Z;const u=ia(x[de][P]);let M=!1;if(m.includes(pe)||m.includes(ue)){if(m.includes(pe)){const K=Tn(Z,P,x);u[ft]!==K&&(u[ft]=K,M=!0),u[pe].selectedOption!=null&&u[pe].selectedOption===u[Vt]?.qboId&&!u[Le]?(u[Le]=!0,M=!0):(u[Le]=!1,M=!0),u[pe].selectedOption!=null&&u[pe].selectedOption===u[zt]?.qboId&&!u[Le]?(u[tt]=!0,M=!0):(u[tt]=!1,M=!0)}if(m.includes(ue)&&(u[it]!==Si(Z,P,x)&&(u[it]=Si(Z,P,x),M=!0),u[ue].selectedOption!=null&&u[ue].selectedOption===u[At]?.classId&&!u[Oe]?(u[Oe]=!0,M=!0):(u[Oe]=!1,M=!0),u[ue].selectedOption!=null&&u[ue].selectedOption===u[kt]?.classId&&!u[Oe]?(u[et]=!0,M=!0):(u[et]=!1,M=!0)),u[_e]===!0){const K=Tt(u,t.transactionDetailLocalData,u[ee].selectedOption,H,p.entityAutoCompleteView);_?.(!u[_e],K)}}if(m.includes(Le))if(u[Le]===!1){G?.({id:T.id,type:T.type},T,[Z],di(P,Z,x),"account",!1);return}else u[Le]===!0&&u[pe].selectedOption!==u[Vt]?.qboId&&(u[pe].selectedOption=u[Vt]?.qboId,u[ft]=!0,u[tt]=!1,M=!0);if(m.includes(Oe))if(u[Oe]===!1){G?.({id:T.id,type:T.type},T,[Z],di(P,Z,x),"class",!1);return}else u[Oe]===!0&&u[ue].selectedOption!==u[At]?.classId&&(u[ue].selectedOption=u[At]?.classId,u[it]=!0,u[et]=!1,M=!0);if(m.includes(tt)&&u[tt]===!0&&u[pe].selectedOption!==u[zt]?.qboId&&(u[pe].selectedOption=u[zt]?.qboId,u[Le]=!1,u[ft]=!1,M=!0),m.includes(et)&&u[et]===!0&&u[ue].selectedOption!==u[kt]?.classId&&(u[ue].selectedOption=u[kt]?.classId,u[Oe]=!1,u[it]=!1,M=!0),m.includes(_e))if(u[_e]===!0){const K=u[pe].selectedOption,ge=u[ue].selectedOption,ce=t.accountList.accounts.find(Te=>Te.qboId===K),we=t.classList.classes.find(Te=>Te.classId===ge);u[it]=!0;const Q=Tt(u,t.transactionDetailLocalData,u[ee].selectedOption,H,p.entityAutoCompleteView);C?.(u[_e],ce!=null?{account:ce,updateOrRetain:u[Le]===!0?"update":"retain"}:void 0,we!=null?{classBase:we,updateOrRetain:u[Oe]===!0?"update":"retain"}:void 0,Q);return}else{G?.({id:T.id,type:T.type},T,di(P,Z,x),[Z],"both",!1);return}if(m.includes(Qt)&&u[ee].selectedOption==null){oe?.({transactionId:{id:T.id,type:T.type},transaction:T,lineId:Z}),M=!0;return}if(m.includes(Qt)&&u[ee].selectedOption!=null&&(ne=Tt(u,t.transactionDetailLocalData,u[ee].selectedOption,Z,p.entityAutoCompleteView),ne!=null)){const K={id:T.id,type:T.type};Y(K,Z,ne),Ce?.(ne,u.amount.amount,{transactionId:{id:T.id,type:T.type},transaction:T,lineIds:[Z]},!1),t.transaction!=null&&t.transactionDetailLocalData.isVendorUpdateAllChecked&&(li(K,t.transaction,!1),xe=!1,M=!0)}if(M){const K={...x};K[de][P]=u,J.reset(K,{keepDefaultValues:!0,keepDirty:!0})}}const De=P=>{const Z=parseInt(P.split(".")[1]),u=x[de][Z][ee].selectedOption;if(u==null)return!1;let M=!1;return x.lineInfo.forEach((K,ge)=>{if(Z!==ge){const ce=K[ee].selectedOption;ce!=null&&u===ce&&(M=M||K[_e])}}),!P.includes(Qt)&&M},ui=P=>P!==de?t.transaction!=null&&(me.isVendorTransaction(t.transaction)||me.isCustomerTransaction(t.transaction))?P.includes(nt)===!1&&P.includes(Kt)===!1:P.includes(nt)===!1&&P.includes(Kt)===!1&&De(P):!1;if(m!==de&&m!==gt&&m!==st&&m!==ot){const P=yi(x,t.accountList,t.classList,p,ui(m),H,t.transactionDetailLocalData,ne,B,xe);z?.({id:T.id,type:T.type},P)}if(m===gt){const P=x[gt];if(P.selectedOption!==fe?.qboId||P.selectedOption!==xt?.qboId){const Z=P.defaultOptions,u=P.selectedOption,M=p.entityAutoCompleteView.vendor.find(Q=>Q.qboId===P.selectedOption),K=Z?.flatMap(Q=>Q.options).find(Q=>Q.value===u)?.label,ge=p.entityAutoCompleteView.customer.find(Q=>Q.qboId===P.selectedOption),ce=t.transactionDetailLocalData.lineItemById[ct]?.recommendationsWithCOT?.find(Q=>Q.vendor?.qboId===P.selectedOption)?.vendor,we={id:T.id,type:T.type};if(M==null&&ce==null&&ge==null){if(Ve?.(we),t.transaction!=null){const Q=u!==""&&u!=null?u:K!==""&&K!=null?K:"",Te={name:K??u??"",id:Q,qboId:Q},Qe={id:Q,type:"vendor",qboId:Q,zeniId:Q,name:K??u??""},Ze={transaction:t.transaction,transactionId:we,lineIds:t.transaction.lines?.map(Un=>Un.id)??[]};Be?.(we,Te,Qe,t.transaction.amount.amount,Ze)}}else if(M!=null&&ge==null){if(t.transaction!=null){const Q={name:M.name,id:M.zeniId,qboId:M.qboId},Te={id:M.id,type:"vendor",qboId:M.qboId,zeniId:M.qboId,name:M.name},Qe={transaction:t.transaction,transactionId:we,lineIds:t.transaction.lines?.map(Ze=>Ze.id)??[]};Be?.(we,Q,Te,t.transaction.amount.amount,Qe)}}else if(ce?.id!=null&&ce?.qboId!=null&&ge==null){if(t.transaction!=null){const Q={name:ce.name,id:ce.id,qboId:ce.qboId},Te={id:ce.id,type:"vendor",qboId:ce.qboId,zeniId:ce.qboId,name:ce.name},Qe={transaction:t.transaction,transactionId:we,lineIds:t.transaction.lines?.map(Ze=>Ze.id)??[]};Be?.(we,Q,Te,t.transaction.amount.amount,Qe)}}else if(ge!=null&&t.transaction!=null){const Q={name:ge.name,id:ge.zeniId,qboId:ge.qboId},Te={id:ge.id,type:"customer",qboId:ge.qboId,zeniId:ge.qboId,name:ge.name},Qe={transaction:t.transaction,transactionId:we,lineIds:t.transaction.lines?.map(Ze=>Ze.id)??[]};$e?.(we,Q,Te,t.transaction.amount.amount,Qe)}}L.onCancelAutoComplete?.();return}if(m===ot){const P=x[ot];he?.(P)}if(m===st){const P=x[st],Z=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;P===!0&&t.transaction!=null&&Z!=null?(qe?.({id:T.id,type:T.type},t.transaction,Z),_t(!0)):P===!1&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&Re?.({id:T.id,type:T.type},T,t.transactionDetailLocalData.latestUpdatedLineWithEntity)}},Dn=(m,x)=>{if(m!=null&&x!=null){const T=m.qboId??m.id,H=x.qboId??x.id;return T===H}return!1},di=(m,x,T)=>{const H=t.transaction;if(H!=null&&(me.isVendorTransaction(H)||me.isCustomerTransaction(H)))return T[de].filter(B=>B.id!==x).map(B=>B.id);const ne=Tt(T[de][m],t.transactionDetailLocalData,T[de][m][ee].selectedOption,m.toString(),p.entityAutoCompleteView);return ne!=null?T[de].filter((B,xe)=>{const De=Tt(B,t.transactionDetailLocalData,B[ee].selectedOption,xe.toString(),p.entityAutoCompleteView);return Dn(ne,De)&&B.id!==x}).map(B=>B.id):[]},Tn=(m,x,T)=>!!(t.transactionDetailLocalData.lineItemById[m].recommendationsWithCOT?.map(H=>H.account?.qboId)??[]).includes(T[de][x][pe].selectedOption),Si=(m,x,T)=>!!(t.transactionDetailLocalData.lineItemById[m].recommendationsWithCOT?.map(H=>H.class?.classId)??[]).includes(T[de][x][ue].selectedOption),On=()=>{ie?.(),E?.()};w.useEffect(()=>{const m=J.watch((x,{name:T})=>{T!=null&&x!=null&&T!=null&&x!=null&&Gn(()=>In(T,x))});return()=>{m.unsubscribe()}}),w.useEffect(()=>()=>{ie?.()},[]),w.useEffect(()=>{t.transaction&&Ge!==t.transaction?.id&&(Ct(t.transaction?.id??""),J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView)))},[t,Ge,p.entityAutoCompleteView,J]),w.useEffect(()=>{Yn(J.getValues(),Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView))||J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[t.transactionDetailLocalData,t.accountList,t.classList,t.transaction?.recommendationsWithCOT,p.entityAutoCompleteView,J]),w.useEffect(()=>{async function m(x){ut.includes(x.attachment_id)?console.warn(`Attachment with ID ${x.attachment_id} is already getting downloaded`):(Ee([x.attachment_id,...ut]),await Zl(n,f,x),Ee(zi(ut,T=>T==x.attachment_id)))}t.fetchState==="Completed"&&t.transaction!=null&&He!=null&&(m({transaction_key:{transaction_id:t.transaction.id,transaction_type:t.transaction.type},attachment_id:He}),wt(void 0))},[He]),w.useEffect(()=>{(R==="In-Progress"||R==="Not-Started")&&ke==="Error"?Je(ke):ke==="Completed"&&(R==="In-Progress"||R==="Not-Started")&&J.formState.isDirty&&(J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView)),X?.()),ke==="Completed"&&(R==="In-Progress"||R==="Not-Started")&&V===!0&&E?.(),p.entityAutoCompleteView.fetchState==="Completed"&&(W==="In-Progress"||W==="Not-Started")&&J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[ke,V,J,X,t,R,p,W,E]),w.useEffect(()=>{(be==="In-Progress"||be==="Not-Started")&&t.fetchState==="Completed"&&J.reset(Xe(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,p.entityAutoCompleteView))},[J,t,t.fetchState,be,p]),w.useEffect(()=>{t.fetchState==="Completed"&&t.transaction?.attachments!=null&&dt(t.transaction.attachments)},[t]),w.useEffect(()=>{p.entityAutoCompleteView.fetchState==="Completed"&&g.current?.(tn(p.entityAutoCompleteView,t.transactionDetailLocalData.selectedEntity??t.transactionDetailLocalData.latestSelectedEntityOnLineItem,t.transactionDetailLocalData.lineItemById[ct]?.recommendationsWithCOT))},[p.entityAutoCompleteView.fetchState]);const Ln=(m,x)=>{er(m,I,x,b?.trendReport?.entity,t.transaction),k?.(x)},jn=J.handleSubmit(m=>{const x=yi(m,t.accountList,t.classList,p,!1,void 0,t.transactionDetailLocalData);if(t.transaction!=null){I?.trackTransactionDetailsSave(t.transaction.account?.accountId,t.transaction.account?.accountName,t.transaction.id,void 0,t.transaction.type,me.getChangedLineItemCountFromLocalData(t.transaction,x),x.memo,t.transaction.attachments?.map(ne=>ne.fileName)),z?.({id:t.transaction.id,type:t.transaction.type},x);const T=x.vendorDetails?.id!=null&&x.vendorDetails?.id===x.vendorUpdates?.id&&x.vendorDetails?.name!==x.vendorUpdates?.name,H=pt.current;U?.({id:t.transaction.id,type:t.transaction.type},H,fe?.id,T),pt.current=[]}}),Ft=()=>{if(t.transaction!=null){const m=J.getValues(),x=yi(m,t.accountList,t.classList,p,!1,void 0,t.transactionDetailLocalData);z?.({id:t.transaction.id,type:t.transaction.type},x)}};async function Sn(m,x,T,H,ne,B){Mt([B.toString()]),await _a(m,x,T,H,ne).then(({uploadResponse:xe})=>{if(xe!=null&&t.transaction!==void 0){const De=xe.transaction.attachments;Array.isArray(De)&&De[0]!=null?(dt([me.toAttachment(De[0])]),D(xe.transaction)):console.warn("Upload attachment response has no attachments; skipping update.")}}),Mt(zi(Nt,xe=>xe==B.toString()))}const kn=t.fetchState==="In-Progress"||t.fetchState==="Not-Started",zn={onOkClick:()=>{Je(void 0),J.reset(),Ue?.()},onRefresh:()=>{Je(void 0),J.reset(),Ue?.(),re?.()}},An=m=>{t.transaction!=null&&Be?.({id:t.transaction.id,type:t.transaction.type},{name:m,id:We?.id,qboId:We?.qboId})},Vn=m=>{t.transaction!=null&&$e?.({id:t.transaction.id,type:t.transaction.type},{name:m,id:Se?.id,qboId:Se?.qboId})},Rn=()=>!!(J.formState.isDirty&&Object.keys(J.formState.dirtyFields).length>0||fe?.id!==We?.id||fe?.name!==We?.name||xt?.id!==Se?.id||xt?.name!==Se?.name),En=(m,x)=>{Ft(),L.onAutoCompleteInputChange?.(m),g.current=x},Pn={defaultOptions:Jn(fe?.qboId,fe?.name,p?.entityAutoCompleteView),selectedOption:fe?.qboId!=null?fe?.qboId:fe?.name!=null&&fe?.name!==""?fe?.name:""},_n=()=>{const m=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;if(m!=null&&t.transaction!=null){const x=t.transaction.lines?.map(T=>T.id);ve({id:t.transaction.id,type:t.transaction.type},"In-Progress"),Ce?.(m,t.transaction.lines?.[0].amount.amount??0,{transactionId:{id:t.transaction.id,type:t.transaction.type},transaction:t.transaction,lineIds:x??[]},!0)}},Nn=()=>{t.transaction!=null&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&Re?.({id:t.transaction.id,type:t.transaction.type},t.transaction,t.transactionDetailLocalData.latestUpdatedLineWithEntity)},Mn=()=>{t.transaction!=null&&ve({id:t.transaction.id,type:t.transaction.type},"Not-Started")};return i.jsx(Jl,{ref:Pt,style:v,"data-testid":F("transaction-detail-page"),children:i.jsxs(Qn,{...J,children:[i.jsx("form",{id:en(ki),onSubmit:jn,children:kn===!1&&t.transaction!=null?i.jsxs(i.Fragment,{children:[s?i.jsx(Zn,{title:Xn(t.transaction,fe?.name),onBackClick:On,style:{zIndex:3},backgroundColor:Fe.colors.grey5,enableTitleOnScroll:!0,source:"TransactionDetailPage"}):null,qt==="Error"?i.jsx(zl,{errorCode:t.transactionDetailUpdateStatus?.error!==void 0?t.transactionDetailUpdateStatus?.error.code:500,action:zn,transactionDate:t.transaction?.date.format(Bt.visual.MMMYYYYFormat)}):null,ci?i.jsx(Bl,{recommendationsBuildStatus:t.transactionDetailLocalData.vendorBulkUpdateCategoryClassRecommendationsFetchStatus?.fetchState,fetchRecommendations:_n,setShowVendorRecommendationsBuildPopup:_t,clearVendorName:Nn,clearUpdateVendorBulkRecommendationsFetchStatus:Mn}):null,t.transaction.isUpdatingTransaction===!0||t.isUpdateNotAllowed===!0?i.jsx(Rl,{}):null,i.jsx(Dl,{vendorDetailsSectionId:gt,transaction:t.transaction,existingVendor:We,existingCustomer:Se,isCOTEnabled:o,selectedEntity:t.transactionDetailLocalData.selectedEntity,headerStyles:S,vendorSearchAutoComplete:{autoCompleteData:p,loadOptions:En},handleVendorRename:An,handleCustomerRename:Vn,currentVendorOption:Pn,recommendationsWithCOT:t.transactionDetailLocalData.lineItemById[ct]?.recommendationsWithCOT,cotTracking:{lineId:ct,transactionId:Ge,onCOTView:mt},openTooltipId:Ut,setOpenTooltipId:Ye}),i.jsxs(Ki,{children:[i.jsxs(Ki,{children:[i.jsx(gl,{containerRef:Pt.current,transaction:t.transaction,accountList:t.accountList.accounts,accountsHierarchyList:t.accountsHierarchyList,classHierarchyList:t.classHierarchyList,classList:t.classList.classes,sectionId:de,isDisabled:d,isCOTEnabled:o,lineItemsLocalData:t.transactionDetailLocalData,uncategorizedAccounts:y,searchAutoComplete:{autoCompleteData:p,loadOptions:$n,autoCompleteActions:L},cotTracking:{transactionId:Ge,onCOTView:mt},openTooltipId:Ut,setOpenTooltipId:Ye,isUncategorizedExpenseCategoryEnabled:ri?.uncategorized_expense_category_enabled===!0}),i.jsx(Kn,{transaction:t.transaction,deleteStatusByAttachmentName:t.deleteStatusByAttachmentName,memo:t.transactionDetailLocalData.memo,attachments:vt,sectionId:nt,attachmentIdsBeingDownloaded:ut,attachmentIdsBeingUploaded:Nt,isDisabled:d,authParams:f,onDeleteAttachment:m=>{Ft(),j(m)},transactionAttachmentsEndpointToFetch:r,onAttachmentClick:m=>{tr(m.id,I,t.transaction),wt(m.id)},onUploadAttachment:(m,x,T,H)=>{Ft(),ir(I,t.transaction,x,m.type),Sn(c,f,m,x,T,H)}})]}),i.jsx(hl,{sectionId:de,linkedTransactions:t.linkedTransactions,onTransactionClick:A})]}),b?.trendReport?.dataAvailable!=null&&i.jsx(Pa,{firstMonthOfFY:e,trendWithTransactionsReport:b,isDetailPage:!0,graphColor:Dt,page:"TransactionDetailPage",onTimePeriodChange:Ln,onTransactionItemClick:A})]}):i.jsx(Ql,{style:v,children:i.jsx(ai,{size:"ExtraLarge",start:!0})})}),Rn()?i.jsx(ea,{formId:en(ki),primaryBtn:{label:It.save,isLoading:ke==="In-Progress"||$==="In-Progress",style:{width:Xi.buttonWidth.value($t)},isDisabled:!1},cancelBtn:{label:It.cancel,style:{width:Xi.buttonWidth.value($t)},onClick:()=>{J.reset(),ie?.()}},topComponent:Xl(t,h)===!0?Kl(Fe,t):null}):null]})})}const Xl=(e,t)=>{const{vendorUpdates:n,vendorDetails:r}=e.transactionDetailLocalData,c=wn(e.transactionDetailLocalData);return r?.id!=null&&n?.id!=null&&r.id!==n.id||r?.id!=null&&n?.id!=null&&r.name!==n.name||t&&c},Kl=(e,t)=>{const{vendorUpdates:n,vendorDetails:r}=t.transactionDetailLocalData,c=r?.id!=null&&r.id!==n?.id,s=wn(t.transactionDetailLocalData),d=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;return i.jsxs(nr,{children:[s&&d!=null?i.jsx(Ri,{style:{width:"auto"},label:{label:i.jsxs(bi,{children:[se.common.texts.update,se.common.strings.space,d.type,se.common.strings.space,se.common.texts.name.toLocaleLowerCase(),se.common.strings.space,i.jsx(Yt,{children:i.jsx(St,{children:d.name})}),se.transactionDetail.footer.forAllLineItems]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.isVendorUpdateAllChecked??!1,name:st,checkBoxValue:st}}):c===!0?i.jsx(Ri,{style:{width:"auto"},label:{label:i.jsxs(bi,{children:[se.transactionDetail.footer.allTransactions,i.jsx(Yt,{children:i.jsx(St,{children:t.transactionDetailLocalData.vendorDetails?.name??se.common.strings.empty})}),se.transactionDetail.footer.willUpdate,i.jsx(Yt,{children:i.jsx(St,{children:t.transactionDetailLocalData.vendorUpdates?.name??se.common.strings.empty})}),se.transactionDetail.footer.postBookCloseData,`${t?.transaction?.bookCloseDate?.format(se.dateFormat.visual.MMMDCommaYYYYformat)}
+           .`]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.updatePreviousTransactionsWithUpdatedVendor??!1,name:ot,checkBoxValue:ot}}):i.jsxs(bi,{children:[se.transactionDetail.footer.allTransactions,i.jsx(Yt,{children:i.jsx(St,{children:r?.name??se.common.strings.empty})}),se.transactionDetail.footer.willUpdate,i.jsx("q",{children:i.jsx(St,{children:n?.name??se.common.strings.empty})})]}),i.jsx(ar,{})]})},wn=e=>e.latestSelectedEntityOnLineItem!=null&&e.latestSelectedEntityOnLineItem.type==="vendor",ji=e=>(me.isCustomerTransaction(e)===!0||me.isVendorTransactionWithCustomer(e)===!0)&&e.customer!=null?e.customer?.name??"":me.isVendorTransaction(e)===!0&&e.vendor!=null?e.vendor?.name??"":e.memo??e.type,Cn=e=>{const t=[],n=[],r=[],c=[];return e.lines?.forEach(s=>{switch(s.type){case"transaction_with_account_and_class_line":case"transaction_with_product_or_service_line":case"journal_entry_transaction_line":{t.push(s.account.accountId),n.push(s.account.accountName);const d=s.class.className;d!==""&&(c.push(d),r.push(s.class.classId??""));break}}}),{accountIds:t,accountNames:n,classIds:r,classNames:c}},er=(e,t,n,r,c)=>{if(e==="Chart"&&n!=null&&r!=null&&c!=null){const{accountIds:s,accountNames:d,classIds:o,classNames:h}=Cn(c),f=ji(c);t?.trackSpendIncomeTrendForTransaction(r.type==="vendor"?xi.Event.spendTrend:xi.Event.incomeTrend,"Transaction Details",c.id,c.type,f,s,d,o,h,n?.addTimePeriod.startDate.format(se.dateFormat.analytics.MMMYYFormat))}e==="TransactionListLoadMore"&&t?.trackTransactionList(c?.account?.accountId,c?.account?.accountName,"Transaction Details",void 0,void 0,!0)},tr=(e,t,n)=>{if(n!=null){const{accountIds:r,accountNames:c}=Cn(n);t?.trackTransactionDetailReceipt(xi.Event.transactionDetailReceiptOpened,e,n.id,ji(n),n.type,r,c)}},ir=(e,t,n,r)=>{t!=null&&e?.trackTransactionDetailReceiptUpload(t.account?.accountId,t.account?.accountName,t.id,ji(t),t.type,t.memo,n,r?.split("/")[1])},Xe=(e,t,n,r)=>{const c=e.selectedEntity,s=Object.values(e.lineItemById).filter(o=>o.type==="journal_entry_transaction_line"||o.type==="transaction_with_account_and_class_line"||o.type==="transaction_with_product_or_service_line"),d=Object.keys(e.lineItemById)[0];return{[de]:s?.map(o=>({id:o.id,type:o.type,amount:o.amount,lineDetailType:o.lineDetailType,platformLineDetailType:o.platformLineDetailType,lineTransactionType:o.lineTransactionType,postingType:o.postingType,postingTypeName:o.postingTypeName,customer:o?.customer,vendor:o?.vendor,billable:o.billable,item:o.item,isCategoryMiscategorized:o.isCategoryMiscategorized,isClassMiscategorized:o.isClassMiscategorized,[pe]:{selectedOption:o?.account?.qboId??o?.account?.accountId,allOptions:an(t,o.recommendationsWithCOT)},[ue]:{selectedOption:o?.class?.classId,allOptions:nn(n,o.recommendationsWithCOT)},[Kt]:o?.lineDescription,[ee]:{selectedOption:o.lineEntity?.qboId??o.lineEntity?.id??o.lineEntity?.name??"",defaultOptions:ta(o,r)},[Qt]:o.lineEntity,[Vt]:o?.recommendedAccount,[At]:o?.recommendedClass,[ft]:o?.isRecommendedCategorySelected,[it]:o?.isRecommendedClassSelected,[zt]:o?.retainedAccount,[kt]:o?.retainedClass,[tt]:o?.isRetainedCategorySelected,[et]:o?.isRetainedClassSelected,[_e]:o?.isUpdateAllChecked,[Le]:o?.isCategoryUpdateSelected,[Oe]:o?.isClassUpdateSelected,[on]:o?.recommendationsWithCOT})),[nt]:e?.memo,[gt]:{selectedOption:c?.qboId??c?.id??c?.name,defaultOptions:tn(r,c,e.lineItemById[d]?.recommendationsWithCOT)},[ot]:e.updatePreviousTransactionsWithUpdatedVendor,[st]:e.isVendorUpdateAllChecked}},yi=(e,t,n,r,c,s,d,o,h,f)=>{const b={};return b.memo=e[nt],b.vendorUpdates=d?.vendorUpdates,b.vendorDetails=d?.vendorDetails,b.customerUpdates=d?.customerUpdates,b.customerDetails=d?.customerDetails,b.selectedEntity=d?.selectedEntity,b.updatePreviousTransactionsWithUpdatedVendor=d?.updatePreviousTransactionsWithUpdatedVendor,b.latestSelectedEntityOnLineItem=o??d?.latestSelectedEntityOnLineItem,b.latestUpdatedLineWithEntity=h??d?.latestUpdatedLineWithEntity,d!=null&&(b.isVendorUpdateAllChecked=f??d.isVendorUpdateAllChecked,b.vendorBulkUpdateCategoryClassRecommendationsFetchStatus=d?.vendorBulkUpdateCategoryClassRecommendationsFetchStatus),b.lineItemById=e.lineInfo.reduce((I,y)=>{const $=y[ue].selectedOption,v=y[pe].selectedOption,S=y[ee].selectedOption,{customerInfo:p,vendorInfo:L}=na(y,S,s,r.entityAutoCompleteView),V=p??L;return{...I,[y.id]:{...y,id:y.id,customer:V!=null&&V.type==="customer"?p:void 0,vendor:V!=null&&V.type==="vendor"?L:void 0,lineDescription:y[Kt],lineEntity:V,isRecommendedCategorySelected:y[ft],isRecommendedClassSelected:y[it],isCategoryUpdateSelected:y[Le],isClassUpdateSelected:y[Oe],isRetainedCategorySelected:y[tt],isRetainedClassSelected:y[et],isUpdateAllChecked:c===!0?!1:y[_e],class:$!=null?n.classes.find(A=>A.classId===$):void 0,account:v!=null?t.accounts.find(A=>A.qboId===v):void 0,recommendedAccount:y[Vt],recommendedClass:y[At],retainedAccount:y[zt],retainedClass:y[kt],recommendationsWithCOT:y[on]}}},{}),b},nr=l.div`
   display: flex;
   width: fit-content;
   column-gap: ${a.sp2};

package/dist/assets/{TransactionList-BSuMEtB3-CoYwx3Sx.js → TransactionList-CzdU-NQx-D6gdr6x7.js}

@@ -1,11 +1,11 @@
-import{cr as rt,q as B,j as e,b3 as nt,aM as u,dz as st,F as y,dA as lt,dt,dB as ct,o as a,h as Z,cH as mt,y as U,l as m,P as ft,am as j,u as b,ai as xt,dC as W,df as K,aN as _,an as ut}from"./index-BqKtrbrP.js";import{b as g,n as s,w as ht}from"./vendor-Bs1fkIUX.js";import{g as G}from"./BoxItem-Dsoq6QyZ-B-WatMIw.js";import{o as E}from"./commonDimensions-DDu54g8x-D5ikJlMO.js";const D=t=>t?24:125,pt={containerPaddingBottom:new U(b[9],b[8])},V=s.div`
+import{cr as rt,q as B,j as e,b3 as nt,aM as u,dz as st,O as y,dA as lt,dt,dB as ct,o as a,h as Z,cH as mt,y as U,l as m,P as ft,am as j,u as b,ai as xt,dC as W,df as K,aN as _,an as ut}from"./index-6DHFBk74.js";import{b as g,n as s,w as ht}from"./vendor-Bs1fkIUX.js";import{g as G}from"./BoxItem-imggFWL_-C8e_yZct.js";import{o as E}from"./commonDimensions-BCUrWcBL-vTG5ZzmA.js";const F=t=>t?24:125,pt={containerPaddingBottom:new U(b[9],b[8])},V=s.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;
+  height: ${t=>F(t.isLoadNextItem)}px;
   color: ${t=>t.theme.colors.grey1};
   &:hover {
     color: ${t=>t.theme.colors.champion};
@@ -78,9 +78,9 @@ import{cr as rt,q as B,j as e,b3 as nt,aM as u,dz as st,F as y,dA as lt,dt,dB as
   margin-left: ${a.sp3};
   text-align: right;
   width: ${t=>E.amountWidth.valuePx(t.windowSize)};
-`,Ft=s.div`
+`,Dt=s.div`
   display: flex;
-`;function Dt({transaction:t,onItemClick:o}){const{description:d,amount:i,logo:r,vendorId:f}=t,x=m.isVendorTransaction(t)&&f==null;return e.jsxs(Lt,{onClick:()=>o?.(t),"data-testid":u("transaction-item-small",t.id),children:[e.jsx(W,{photoUrl:x===!1?r?.toString()??Q:Q,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:b[4],height:b[4]},fallbackAvatar:e.jsx(Ft,{children:e.jsx(K,{name:d,size:a.sp4})})}),e.jsx(Mt,{children:e.jsx(Pt,{children:d})}),e.jsx(St,{children:_("0,0.00",i)})]})}function Tt({data:t,boxType:o,onItemClick:d}){const i=m.toTransactionTypeStrict(t.type)==null,r=e.jsx(Dt,{transaction:t,onItemClick:i?void 0:d});return e.jsx(G,{content:r,boxType:o,isDisabled:i})}function zt(t){return B()==="small"?e.jsx(Tt,{...t}):e.jsx(Yt,{...t})}const It=s.div`
+`;function Ft({transaction:t,onItemClick:o}){const{description:d,amount:i,logo:r,vendorId:f}=t,x=m.isVendorTransaction(t)&&f==null;return e.jsxs(Lt,{onClick:()=>o?.(t),"data-testid":u("transaction-item-small",t.id),children:[e.jsx(W,{photoUrl:x===!1?r?.toString()??Q:Q,styles:{width:a.sp4,height:a.sp4,borderRadius:a.sp0},placeholder:{width:b[4],height:b[4]},fallbackAvatar:e.jsx(Dt,{children:e.jsx(K,{name:d,size:a.sp4})})}),e.jsx(Mt,{children:e.jsx(Pt,{children:d})}),e.jsx(St,{children:_("0,0.00",i)})]})}function Tt({data:t,boxType:o,onItemClick:d}){const i=m.toTransactionTypeStrict(t.type)==null,r=e.jsx(Ft,{transaction:t,onItemClick:i?void 0:d});return e.jsx(G,{content:r,boxType:o,isDisabled:i})}function zt(t){return B()==="small"?e.jsx(Tt,{...t}):e.jsx(Yt,{...t})}const It=s.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -101,7 +101,7 @@ import{cr as rt,q as B,j as e,b3 as nt,aM as u,dz as st,F as y,dA as lt,dt,dB as
   display: flex;
   flex: 1 1 auto;
   width: 99.9%;
-`,F=s.div`
+`,D=s.div`
   margin: ${t=>`${a.sp0} ${Zt.listItemMargin.valuePx(t.windowSize)}`};
 `,qt=s.div`
   min-height: ${a.sp8};
@@ -144,4 +144,4 @@ import{cr as rt,q as B,j as e,b3 as nt,aM as u,dz as st,F as y,dA as lt,dt,dB as
       border-radius: 2px;
     }
   }
-`,te=g.forwardRef(function({firstMonthOfFY:t,timeframe:o,timePeriod:d,transactions:i,isFirstLotLoading:r,currentScrollYOffset:f,componentName:x,showLoadNext:l,showLoadPrevious:n,onTransactionItemClick:h,trackPerformance:M=!0,onTransactionListScroll:w,onListInnerElementHeightChanged:k},Y){const P=g.useMemo(()=>At(i),[i]),T=g.createRef(),[z,J]=g.useState(!1);g.useEffect(()=>{T.current?.resetAfterIndex(0)},[i,T]);const X=Y,L=g.useRef(null),[tt,et]=g.useState(void 0);g.useEffect(()=>{!z&&r===!1&&J(!0)},[r,z]),rt({componentName:x,enabled:M&&z});const it=()=>{if(L!=null&&typeof L=="object"&&L.current){const c=L.current;c!=null&&c.clientHeight>0&&c.clientHeight!=tt&&(et(c.clientHeight),k?.(c.clientHeight))}},I=P.length===0,H=n!=null,O=l!=null,C=P.length+(l!=null?1:0)+(n!=null?1:0)+(I===!0?1:0),A=c=>O===!0?c-1:c,S=B(),at=({index:c,style:$})=>{if(O===!0&&c===0)return e.jsx("div",{style:{...$},children:e.jsx(F,{windowSize:S,"data-testid":u("transaction-list","list-item-load-more"),children:e.jsx(R,{firstMonthOfFY:t,isLoadNextItem:!0,isLoading:l?.isLoading==!0,timePeriod:d,timeframe:o,fixedTimePeriod:l?.fixedTimePeriod,doLoadMoreTransactions:(p,N)=>{l?.onLoadNextClick?.(p,N)}})})});if(H===!0&&c===C-1)return e.jsx("div",{style:{...$},children:e.jsx(F,{windowSize:S,"data-testid":u("transaction-list","list-item-load-previous"),children:e.jsx(R,{firstMonthOfFY:t,isLoadNextItem:!1,isLoading:n?.isLoading==!0,timePeriod:d,fixedTimePeriod:n?.fixedTimePeriod,timeframe:o,doLoadMoreTransactions:(p,N)=>{n?.onLoadPreviousClick?.(p,N)}})})});if(I===!1){const p=P[A(c)];return e.jsx("div",{style:{...$},children:e.jsxs(F,{windowSize:S,children:[e.jsx(Et,{date:p.date,transactions:p.transactions,onItemClick:h}),n==null?e.jsx(qt,{}):null]})})}else return e.jsx("div",{style:{...$},children:e.jsx(Qt,{children:e.jsx(F,{windowSize:S,"data-testid":u("transaction-list","transactions-list-empty"),children:e.jsx(Ut,{children:Kt(d,l?.isLoading==!0||n?.isLoading==!0)})})})})},ot=c=>O===!0&&c===0?D(!0):H===!0&&c===C-1?D(!1):I===!1?Rt(P[A(c)].transactions.length):D(!1);return e.jsx(Vt,{children:e.jsx(nt,{children:({height:c,width:$})=>e.jsx(Wt,{"data-testid":u("transaction-list"),ref:T,height:c,width:$,innerRef:L,outerRef:X,onItemsRendered:it,itemCount:C,itemSize:ot,onScroll:({scrollOffset:p})=>{w?.(p)},initialScrollOffset:f??0,children:at})})})}),Kt=(t,o)=>o===!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{te as f};
+`,te=g.forwardRef(function({firstMonthOfFY:t,timeframe:o,timePeriod:d,transactions:i,isFirstLotLoading:r,currentScrollYOffset:f,componentName:x,showLoadNext:l,showLoadPrevious:n,onTransactionItemClick:h,trackPerformance:M=!0,onTransactionListScroll:w,onListInnerElementHeightChanged:k},Y){const P=g.useMemo(()=>At(i),[i]),T=g.createRef(),[z,J]=g.useState(!1);g.useEffect(()=>{T.current?.resetAfterIndex(0)},[i,T]);const X=Y,L=g.useRef(null),[tt,et]=g.useState(void 0);g.useEffect(()=>{!z&&r===!1&&J(!0)},[r,z]),rt({componentName:x,enabled:M&&z});const it=()=>{if(L!=null&&typeof L=="object"&&L.current){const c=L.current;c!=null&&c.clientHeight>0&&c.clientHeight!=tt&&(et(c.clientHeight),k?.(c.clientHeight))}},I=P.length===0,H=n!=null,O=l!=null,C=P.length+(l!=null?1:0)+(n!=null?1:0)+(I===!0?1:0),A=c=>O===!0?c-1:c,S=B(),at=({index:c,style:$})=>{if(O===!0&&c===0)return e.jsx("div",{style:{...$},children:e.jsx(D,{windowSize:S,"data-testid":u("transaction-list","list-item-load-more"),children:e.jsx(R,{firstMonthOfFY:t,isLoadNextItem:!0,isLoading:l?.isLoading==!0,timePeriod:d,timeframe:o,fixedTimePeriod:l?.fixedTimePeriod,doLoadMoreTransactions:(p,N)=>{l?.onLoadNextClick?.(p,N)}})})});if(H===!0&&c===C-1)return e.jsx("div",{style:{...$},children:e.jsx(D,{windowSize:S,"data-testid":u("transaction-list","list-item-load-previous"),children:e.jsx(R,{firstMonthOfFY:t,isLoadNextItem:!1,isLoading:n?.isLoading==!0,timePeriod:d,fixedTimePeriod:n?.fixedTimePeriod,timeframe:o,doLoadMoreTransactions:(p,N)=>{n?.onLoadPreviousClick?.(p,N)}})})});if(I===!1){const p=P[A(c)];return e.jsx("div",{style:{...$},children:e.jsxs(D,{windowSize:S,children:[e.jsx(Et,{date:p.date,transactions:p.transactions,onItemClick:h}),n==null?e.jsx(qt,{}):null]})})}else return e.jsx("div",{style:{...$},children:e.jsx(Qt,{children:e.jsx(D,{windowSize:S,"data-testid":u("transaction-list","transactions-list-empty"),children:e.jsx(Ut,{children:Kt(d,l?.isLoading==!0||n?.isLoading==!0)})})})})},ot=c=>O===!0&&c===0?F(!0):H===!0&&c===C-1?F(!1):I===!1?Rt(P[A(c)].transactions.length):F(!1);return e.jsx(Vt,{children:e.jsx(nt,{children:({height:c,width:$})=>e.jsx(Wt,{"data-testid":u("transaction-list"),ref:T,height:c,width:$,innerRef:L,outerRef:X,onItemsRendered:it,itemCount:C,itemSize:ot,onScroll:({scrollOffset:p})=>{w?.(p)},initialScrollOffset:f??0,children:at})})})}),Kt=(t,o)=>o===!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{te as f};

package/dist/assets/{TransactionListBig-MY_ZxyR3-BlvU2xVi.js → TransactionListBig-Bq7XI_xx-DjK27aH5.js}

@@ -1,8 +1,8 @@
-import{y as a,q as L,ax as W,aD as ie,aX as ne,l as B,j as t,aM as x,b3 as re,F as w,u as n,C as ae,h as D,o,O as j,H as q,bu as se,bv as le,ai as de,ar as ce,aN as me,bw as pe,ap as he,P as ue,n as Z,w as G,bx as Q,aS as ee}from"./index-BqKtrbrP.js";import{b as N,n as i,w as f,i as ge}from"./vendor-Bs1fkIUX.js";import{Y as xe,c as we}from"./AccountsPromoCardStack-gsG5tf8_-DHp17pPu.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./SummaryCard-CHUbuF_0-CaC0zRzW.js";import"./ReloadCard-CGUNX_x4-Dbmvt1Tw.js";import"./NavigationArrow-W1nVj2KC-CB3-WbW2.js";import"./NavigationDots-BKVFhe2Y-BXA4iaa-.js";const $e={textContainer:new j("extraSmallRegular","smallRegular")},ye=i.div`
+import{y as a,q as L,ax as W,aD as ie,aX as ne,l as D,j as t,aM as x,b3 as re,O as w,u as n,C as ae,h as B,o,b as j,H as q,bu as se,bv as le,ai as de,ar as ce,aN as me,bw as pe,ap as he,P as ue,n as Z,B as G,bx as Q,aS as ee}from"./index-6DHFBk74.js";import{b as N,n as i,w as f,i as ge}from"./vendor-Bs1fkIUX.js";import{Y as xe,c as we}from"./AccountsPromoCardStack-CwDbKaNJ-1hCsTiEX.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./SummaryCard-D1B_1H2X-Lh7q95p7.js";import"./ReloadCard-CWZU9IDv-lCmqRueL.js";import"./NavigationArrow-CfMVfLD8-BQnWEdPn.js";import"./NavigationDots-E2eEHB86-BK4Og9YA.js";const $e={textContainer:new j("extraSmallRegular","smallRegular")},be=i.div`
   color: ${e=>e.theme.colors.hero};
   cursor: default;
-`,be=i.div`
-  color: ${D.important};
+`,ye=i.div`
+  color: ${B.important};
   opacity: 1;
   cursor: default;
 `,K=i.span`
@@ -21,7 +21,7 @@ import{y as a,q as L,ax as W,aD as ie,aX as ne,l as B,j as t,aM as x,b3 as re,F
   width: ${o.sp3};
   height: ${o.sp3};
   margin-right: 6px;
-  color: ${D.important};
+  color: ${B.important};
   visibility: hidden;
   cursor: pointer;
 `,ze=i.div`
@@ -97,7 +97,7 @@ import{y as a,q as L,ax as W,aD as ie,aX as ne,l as B,j as t,aM as x,b3 as re,F
   background: ${e=>e.theme.colors.background};
   text-align: center;
   border-radius: ${o.sp1};
-`;function Ae({accountDetails:e,analytics:b,isZeniUser:p,onSetAccountsStatementDate:C}){const c=w.getLocalizedStrings().statementCloseDay.dropdown.option1,h=w.getLocalizedStrings().statementCloseDay.dropdown.option2,[P,v]=f.useState(!1),r=e.statementCloseDay,[y,$]=f.useState(r!=="LAST_DAY_OF_THE_MONTH"?c:h),[g,m]=f.useState(r!=="LAST_DAY_OF_THE_MONTH"?r:void 0),[E,T]=f.useState(!1),_=f.useRef(r),H=W();f.useEffect(()=>{_.current!==r&&T(!1)},[r]);const R=s=>{B.hasAdminLevelAccess(H.loggedInUserRole??[])&&(s.stopPropagation(),s.preventDefault(),v(!0),b.trackCardStatementCloseDate(G.Event.cardStatementCloseDateClicked,e.accountId,e.accountName,"Card Balance",""))},F=s=>{const d=["th","st","nd","rd"],Y=s%100;return s+(d[(Y-20)%10]||d[Y]||d[0])};let k="";r!==void 0&&(r==="LAST_DAY_OF_THE_MONTH"?k=w.getLocalizedStrings().statementCloseDay.ordinalText.lastDate:k=`${w.getLocalizedStrings().statementCloseDay.ordinalText.prefix} ${F(r)} ${w.getLocalizedStrings().statementCloseDay.ordinalText.suffix}`);const I=s=>{const d=s.target.value;d===h&&m(void 0),$(d)},u=(s,d)=>{s.stopPropagation(),m(d),$(c)},S=()=>{m(void 0),$(h)},U=()=>{const s=e.accountId,d=g??"LAST_DAY_OF_THE_MONTH";r!==d&&(T(!0),C?.(s,d)),v(!1),b.trackCardStatementCloseDate(G.Event.cardStatementCloseDateSaved,e.accountId,e.accountName,"Card Balance",g!==void 0?`${g}`:"End")},te=()=>t.jsxs(J,{children:[w.getLocalizedStrings().statementCloseDay.pickDate.prefix,t.jsx(Pe,{children:g??" - "}),w.getLocalizedStrings().statementCloseDay.pickDate.suffix]}),oe=()=>t.jsxs(ze,{role:"presentation","data-testid":x("statement-close-day-section"),onClick:s=>{s.stopPropagation()},children:[t.jsxs(V,{checked:y===c,children:[t.jsx("input",{type:"radio",name:"statementCloseDay",id:c,value:c,onChange:I,checked:y===c,style:{width:"100%"},"data-testid":x("statement-close-day-input")}),te(),t.jsx(fe,{children:Array.from({length:28},(s,d)=>d+1).map(s=>t.jsx(Ce,{isSelectedDate:s===g,"data-testid":x("statement-close-day-text"),onClick:d=>u(d,s),children:t.jsx(ke,{children:s})},s))})]}),t.jsxs(V,{checked:y===h,children:[t.jsx("input",{type:"radio",name:"statementCloseDay",id:h,value:h,onChange:I,checked:y===h,style:{width:"100%"},"data-testid":x("statement-close-day-input-last-day")}),t.jsx(J,{onClick:()=>S(),children:w.getLocalizedStrings().statementCloseDay.lastDate.text})]}),t.jsxs(je,{children:[t.jsx(Z,{size:"small",variant:"secondary",label:"Cancel",onClick:()=>{v(!1)},style:{marginRight:o.sp3},"data-testid":x("statement-close-day-button-secondary")}),t.jsx(Z,{size:"small",variant:"primary",label:"Save",onClick:U,disabled:g==null&&y!==h,"data-testid":x("statement-close-day-button-primary")})]})]}),O=L();return t.jsx(he,{onClickAway:()=>v(!1),children:t.jsxs("div",{onClick:R,"data-testid":x("statement-close-day-modal"),children:[E?t.jsx(ue,{size:"Small",start:!0}):k?t.jsxs(ye,{"data-testid":x("edit-statement-close-day"),children:[t.jsx(ve,{}),t.jsx(K,{className:"statementCloseDayText",windowSize:O,children:k})]}):B.hasAdminLevelAccess(H.loggedInUserRole??[])&&p===!0?t.jsxs(be,{"data-testid":x("add-statement-close-day"),children:[t.jsx(Se,{}),t.jsx(K,{className:"statementCloseDayText",windowSize:O,children:w.getLocalizedStrings().statementCloseDay.statement})]}):"",P?oe():""]})})}const Be=new a(n[9],98),z={contentContainerPadding:new a(n[3],n[4]),minItemHeight:new a(n[9],96),imageHeight:new a(n[5],n[7]),imageWidth:new a(n[5],n[7]),amountWrapperWidth:new a(100,230),titleLeftMargin:new a(n[2],n[3])},De={textContainer:new j("standardMedium","largeMedium")},Te=i.div`
+`;function Ae({accountDetails:e,analytics:y,isZeniUser:p,onSetAccountsStatementDate:C}){const c=w.getLocalizedStrings().statementCloseDay.dropdown.option1,h=w.getLocalizedStrings().statementCloseDay.dropdown.option2,[P,v]=f.useState(!1),r=e.statementCloseDay,[b,$]=f.useState(r!=="LAST_DAY_OF_THE_MONTH"?c:h),[g,m]=f.useState(r!=="LAST_DAY_OF_THE_MONTH"?r:void 0),[E,T]=f.useState(!1),_=f.useRef(r),H=W();f.useEffect(()=>{_.current!==r&&T(!1)},[r]);const R=s=>{D.hasAdminLevelAccess(H.loggedInUserRole??[])&&(s.stopPropagation(),s.preventDefault(),v(!0),y.trackCardStatementCloseDate(G.Event.cardStatementCloseDateClicked,e.accountId,e.accountName,"Card Balance",""))},F=s=>{const d=["th","st","nd","rd"],Y=s%100;return s+(d[(Y-20)%10]||d[Y]||d[0])};let k="";r!==void 0&&(r==="LAST_DAY_OF_THE_MONTH"?k=w.getLocalizedStrings().statementCloseDay.ordinalText.lastDate:k=`${w.getLocalizedStrings().statementCloseDay.ordinalText.prefix} ${F(r)} ${w.getLocalizedStrings().statementCloseDay.ordinalText.suffix}`);const I=s=>{const d=s.target.value;d===h&&m(void 0),$(d)},u=(s,d)=>{s.stopPropagation(),m(d),$(c)},S=()=>{m(void 0),$(h)},U=()=>{const s=e.accountId,d=g??"LAST_DAY_OF_THE_MONTH";r!==d&&(T(!0),C?.(s,d)),v(!1),y.trackCardStatementCloseDate(G.Event.cardStatementCloseDateSaved,e.accountId,e.accountName,"Card Balance",g!==void 0?`${g}`:"End")},te=()=>t.jsxs(J,{children:[w.getLocalizedStrings().statementCloseDay.pickDate.prefix,t.jsx(Pe,{children:g??" - "}),w.getLocalizedStrings().statementCloseDay.pickDate.suffix]}),oe=()=>t.jsxs(ze,{role:"presentation","data-testid":x("statement-close-day-section"),onClick:s=>{s.stopPropagation()},children:[t.jsxs(V,{checked:b===c,children:[t.jsx("input",{type:"radio",name:"statementCloseDay",id:c,value:c,onChange:I,checked:b===c,style:{width:"100%"},"data-testid":x("statement-close-day-input")}),te(),t.jsx(fe,{children:Array.from({length:28},(s,d)=>d+1).map(s=>t.jsx(Ce,{isSelectedDate:s===g,"data-testid":x("statement-close-day-text"),onClick:d=>u(d,s),children:t.jsx(ke,{children:s})},s))})]}),t.jsxs(V,{checked:b===h,children:[t.jsx("input",{type:"radio",name:"statementCloseDay",id:h,value:h,onChange:I,checked:b===h,style:{width:"100%"},"data-testid":x("statement-close-day-input-last-day")}),t.jsx(J,{onClick:()=>S(),children:w.getLocalizedStrings().statementCloseDay.lastDate.text})]}),t.jsxs(je,{children:[t.jsx(Z,{size:"small",variant:"secondary",label:"Cancel",onClick:()=>{v(!1)},style:{marginRight:o.sp3},"data-testid":x("statement-close-day-button-secondary")}),t.jsx(Z,{size:"small",variant:"primary",label:"Save",onClick:U,disabled:g==null&&b!==h,"data-testid":x("statement-close-day-button-primary")})]})]}),O=L();return t.jsx(he,{onClickAway:()=>v(!1),children:t.jsxs("div",{onClick:R,"data-testid":x("statement-close-day-modal"),children:[E?t.jsx(ue,{size:"Small",start:!0}):k?t.jsxs(be,{"data-testid":x("edit-statement-close-day"),children:[t.jsx(ve,{}),t.jsx(K,{className:"statementCloseDayText",windowSize:O,children:k})]}):D.hasAdminLevelAccess(H.loggedInUserRole??[])&&p===!0?t.jsxs(ye,{"data-testid":x("add-statement-close-day"),children:[t.jsx(Se,{}),t.jsx(K,{className:"statementCloseDayText",windowSize:O,children:w.getLocalizedStrings().statementCloseDay.statement})]}):"",P?oe():""]})})}const De=new a(n[9],98),z={contentContainerPadding:new a(n[3],n[4]),minItemHeight:new a(n[9],96),imageHeight:new a(n[5],n[7]),imageWidth:new a(n[5],n[7]),amountWrapperWidth:new a(100,230),titleLeftMargin:new a(n[2],n[3])},Be={textContainer:new j("standardMedium","largeMedium")},Te=i.div`
   display: flex;
   width: 100%;
 `,He=i.div`
@@ -138,7 +138,7 @@ import{y as a,q as L,ax as W,aD as ie,aX as ne,l as B,j as t,aM as x,b3 as re,F
   max-width: calc(
     100% - ${e=>z.amountWrapperWidth.valuePx(e.windowSize)}
   );
-  ${e=>`${De.textContainer.style(e.windowSize)}`};
+  ${e=>`${Be.textContainer.style(e.windowSize)}`};
 `,Le=i.img`
   width: ${e=>z.imageWidth.valuePx(e.windowSize)};
   height: ${e=>z.imageHeight.valuePx(e.windowSize)};
@@ -157,7 +157,7 @@ import{y as a,q as L,ax as W,aD as ie,aX as ne,l as B,j as t,aM as x,b3 as re,F
   align-items: flex-end;
   flex-direction: column;
   justify-content: center;
-`,_e=i(pe)``;function Fe({data:e,showStatementSection:b,analytics:p,isZeniUser:C,onItemClick:c,onSetAccountsStatementDate:h}){const{key:P,title:v,amount:r,logoUri:y}=e,$=W(),g=$.loggedInUserRole!=null&&!B.hasInvestorBankerLevelAccess($.loggedInUserRole),m=L();return t.jsx(Te,{windowSize:m,children:t.jsx(He,{"data-testid":x("transaction-list-item-big",e.title),windowSize:m,showEditStatementIcon:B.hasAdminLevelAccess($.loggedInUserRole??[])&&C===!0,isClickEnabled:g,onClick:()=>g===!0?c?.(P,e.source):null,children:t.jsxs(Re,{windowSize:m,children:[t.jsxs(Ie,{windowSize:m,children:[t.jsx(Le,{windowSize:m,src:y,loading:"lazy"}),t.jsx(Me,{windowSize:m,children:v})]}),t.jsxs(Ee,{windowSize:m,children:[t.jsx(_e,{children:me("0,0",r)}),b&&m!=="small"&&t.jsx(Ae,{accountDetails:e.source,isZeniUser:C,onSetAccountsStatementDate:h,analytics:p})]})]})})})}const Ue=f.memo(Fe),A=w.getLocalizedStrings().zeniAccountsPromoCard,l={marginTop:new a(n[6],n[8]),marginBottom:new a(n[3],n[4]),itemPaddingBottom:new a(n[3],n[4]),maxWidth:new a(100,67),sectionTitleHeight:new a(83,110),promoBannerPadding:new a(n[3],n[4]),promoBannerMarginBottom:new a(n[3],n[4]),promoBannerGap:new a(n[1],n[3]),promoHighlightContainerMaxHeight:new a(30,ae.h5Regular.lineHeightValue),promoButtonBorderRadius:new a(n[1],n[2]),promoButtonPaddingVertical:new a(2,6),promoButtonPaddingHorizontal:new a(n[1],n[3]),promoFooterPositionBottom:new a(n[3],n[1]),promoFooterPositionRight:new a(n[3],n[4]),promoFooterMarginTop:new a(0,n[2])},M={textContainer:new j("largeMedium","h6Medium"),promoText:new j("extraSmallRegular","standardRegular"),promoHighlightText:new j("extraLargeRegular","h5Regular"),promoButtonText:new j("extraSmallMedium","smallRegular")},X=8,Ne=i.div`
+`,_e=i(pe)``;function Fe({data:e,showStatementSection:y,analytics:p,isZeniUser:C,onItemClick:c,onSetAccountsStatementDate:h}){const{key:P,title:v,amount:r,logoUri:b}=e,$=W(),g=$.loggedInUserRole!=null&&!D.hasInvestorBankerLevelAccess($.loggedInUserRole),m=L();return t.jsx(Te,{windowSize:m,children:t.jsx(He,{"data-testid":x("transaction-list-item-big",e.title),windowSize:m,showEditStatementIcon:D.hasAdminLevelAccess($.loggedInUserRole??[])&&C===!0,isClickEnabled:g,onClick:()=>g===!0?c?.(P,e.source):null,children:t.jsxs(Re,{windowSize:m,children:[t.jsxs(Ie,{windowSize:m,children:[t.jsx(Le,{windowSize:m,src:b,loading:"lazy"}),t.jsx(Me,{windowSize:m,children:v})]}),t.jsxs(Ee,{windowSize:m,children:[t.jsx(_e,{children:me("0,0",r)}),y&&m!=="small"&&t.jsx(Ae,{accountDetails:e.source,isZeniUser:C,onSetAccountsStatementDate:h,analytics:p})]})]})})})}const Ue=f.memo(Fe),A=w.getLocalizedStrings().zeniAccountsPromoCard,l={marginTop:new a(n[6],n[8]),marginBottom:new a(n[3],n[4]),itemPaddingBottom:new a(n[3],n[4]),maxWidth:new a(100,67),sectionTitleHeight:new a(83,110),promoBannerPadding:new a(n[3],n[4]),promoBannerMarginBottom:new a(n[3],n[4]),promoBannerGap:new a(n[1],n[3]),promoHighlightContainerMaxHeight:new a(30,ae.h5Regular.lineHeightValue),promoButtonBorderRadius:new a(n[1],n[2]),promoButtonPaddingVertical:new a(2,6),promoButtonPaddingHorizontal:new a(n[1],n[3]),promoFooterPositionBottom:new a(n[3],n[1]),promoFooterPositionRight:new a(n[3],n[4]),promoFooterMarginTop:new a(0,n[2])},M={textContainer:new j("largeMedium","h6Medium"),promoText:new j("extraSmallRegular","standardRegular"),promoHighlightText:new j("extraLargeRegular","h5Regular"),promoButtonText:new j("extraSmallMedium","smallRegular")},X=8,Ne=i.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -203,8 +203,8 @@ import{y as a,q as L,ax as W,aD as ie,aX as ne,l as B,j as t,aM as x,b3 as re,F
     background-color: transparent;
   }
   &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${D.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${D.scrollbarBoxShadow};
+    box-shadow: inset 0 0 2px ${B.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${B.scrollbarBoxShadow};
     background-color: transparent;
   }
   &::-webkit-scrollbar-thumb {
@@ -227,7 +227,7 @@ import{y as a,q as L,ax as W,aD as ie,aX as ne,l as B,j as t,aM as x,b3 as re,F
   position: relative;
   padding: ${e=>l.promoBannerPadding.valuePx(e.size)};
   background-color: ${e=>e.theme.colors.zeniAccountsPromoBackgroundColor};
-  border: 1px solid ${D.brandColorJade};
+  border: 1px solid ${B.brandColorJade};
   border-radius: ${o.sp2};
   width: ${e=>e.width}px;
   display: flex;
@@ -281,4 +281,4 @@ import{y as a,q as L,ax as W,aD as ie,aX as ne,l as B,j as t,aM as x,b3 as re,F
   position: absolute;
   bottom: ${e=>l.promoFooterPositionBottom.valuePx(e.size)};
   right: ${e=>l.promoFooterPositionRight.valuePx(e.size)};
-`,nt=({sectionTitle:e,totalFormatted:b})=>{const p=L();return t.jsx(We,{windowSize:p,children:t.jsxs(Ye,{windowSize:p,children:[t.jsx(Ze,{children:e}),t.jsx(Ge,{children:b})]})})};function yt({sectionTitle:e,analytics:b,transactionArray:p,isZeniUser:C,zeniAccountsPromoCardReport:c,onItemClick:h,onSetAccountsStatementDate:P,onPromoCardBtnClick:v}){const r=L(),y=N.createRef(),[$,g]=N.useState(0),m=W(),E=ie(p,function(u,S){return u+(S.amount?.amount??0)},0),T=p.length>0?p[0].amount?.currencySymbol:"",_=ne("0,0",E,T),H=({index:u,style:S})=>t.jsx("div",{style:{...S},children:t.jsx(Ke,{children:t.jsx(Ve,{windowSize:r,children:t.jsx(Ue,{data:p[u],showStatementSection:e===w.getLocalizedStrings().balanceCard.cardBalanceSectionTitle,isZeniUser:C,analytics:b,onItemClick:h,onSetAccountsStatementDate:P})})})}),R=N.useRef(null),F=()=>{const u=R.current;u!=null&&u.clientHeight>0&&u.clientHeight!=$&&g(u.clientHeight)},k=()=>{v?.(c?.depositAccountId??"")},I=B.hasZeniAccountsAdminLevelAccess(m.loggedInUserRoleMap);return t.jsxs(Ne,{windowSize:r,listHeight:$,"data-testid":x("transaction-list-big"),children:[t.jsx(nt,{sectionTitle:e,totalFormatted:_}),t.jsx(Oe,{children:t.jsx(re,{children:({height:u,width:S})=>t.jsxs(t.Fragment,{children:[c?.isShowDepositAccountsPromo===!0?t.jsxs(Xe,{width:S,size:r,children:[t.jsxs(qe,{size:r,children:[t.jsx(Qe,{size:r,children:A.keepInterest.prefixCashBalance}),t.jsx(et,{size:r,children:xe("keepInterest",we(c.maxPossibleInterest??0))})]}),t.jsx(tt,{onClick:k,size:r,children:t.jsx(ot,{size:r,children:I?c.depositAccountId!=null?A.button:A.signUp:A.learnMore})}),t.jsx(it,{size:r,children:A.keepInterest.footer.replace(/<interest>/,c.maxAnnualPercentageYield.toString())})]}):null,t.jsx(Je,{ref:y,height:u,width:S,style:{overflow:"unset"},itemCount:p.length,itemSize:Be.value(r)+l.itemPaddingBottom.value(r),onItemsRendered:F,itemKey:U=>p[U].key,innerRef:R,children:H})]})})})]})}export{yt as default,l as dimensions};
+`,nt=({sectionTitle:e,totalFormatted:y})=>{const p=L();return t.jsx(We,{windowSize:p,children:t.jsxs(Ye,{windowSize:p,children:[t.jsx(Ze,{children:e}),t.jsx(Ge,{children:y})]})})};function bt({sectionTitle:e,analytics:y,transactionArray:p,isZeniUser:C,zeniAccountsPromoCardReport:c,onItemClick:h,onSetAccountsStatementDate:P,onPromoCardBtnClick:v}){const r=L(),b=N.createRef(),[$,g]=N.useState(0),m=W(),E=ie(p,function(u,S){return u+(S.amount?.amount??0)},0),T=p.length>0?p[0].amount?.currencySymbol:"",_=ne("0,0",E,T),H=({index:u,style:S})=>t.jsx("div",{style:{...S},children:t.jsx(Ke,{children:t.jsx(Ve,{windowSize:r,children:t.jsx(Ue,{data:p[u],showStatementSection:e===w.getLocalizedStrings().balanceCard.cardBalanceSectionTitle,isZeniUser:C,analytics:y,onItemClick:h,onSetAccountsStatementDate:P})})})}),R=N.useRef(null),F=()=>{const u=R.current;u!=null&&u.clientHeight>0&&u.clientHeight!=$&&g(u.clientHeight)},k=()=>{v?.(c?.depositAccountId??"")},I=D.hasZeniAccountsAdminLevelAccess(m.loggedInUserRoleMap);return t.jsxs(Ne,{windowSize:r,listHeight:$,"data-testid":x("transaction-list-big"),children:[t.jsx(nt,{sectionTitle:e,totalFormatted:_}),t.jsx(Oe,{children:t.jsx(re,{children:({height:u,width:S})=>t.jsxs(t.Fragment,{children:[c?.isShowDepositAccountsPromo===!0?t.jsxs(Xe,{width:S,size:r,children:[t.jsxs(qe,{size:r,children:[t.jsx(Qe,{size:r,children:A.keepInterest.prefixCashBalance}),t.jsx(et,{size:r,children:xe("keepInterest",we(c.maxPossibleInterest??0))})]}),t.jsx(tt,{onClick:k,size:r,children:t.jsx(ot,{size:r,children:I?c.depositAccountId!=null?A.button:A.signUp:A.learnMore})}),t.jsx(it,{size:r,children:A.keepInterest.footer.replace(/<interest>/,c.maxAnnualPercentageYield.toString())})]}):null,t.jsx(Je,{ref:b,height:u,width:S,style:{overflow:"unset"},itemCount:p.length,itemSize:De.value(r)+l.itemPaddingBottom.value(r),onItemsRendered:F,itemKey:U=>p[U].key,innerRef:R,children:H})]})})})]})}export{bt as default,l as dimensions};

package/dist/assets/{TransactionListPage-CWGrWDjK-1Jg_-UFD.js → TransactionListPage-CZDewehT-BcmO71OJ.js}

@@ -1,4 +1,4 @@
-import{b as M,bD as R,bE as z,j as o,aM as u,bF as G,P as V,bG as X,o as n,am as _}from"./index-BqKtrbrP.js";import{b as r,n as l}from"./vendor-Bs1fkIUX.js";import{f as q}from"./TransactionList-BSuMEtB3-CoYwx3Sx.js";import{t as H}from"./page-detail-CWX5S47F-lMo0MYzU.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BoxItem-Dsoq6QyZ-B-WatMIw.js";import"./commonDimensions-DDu54g8x-D5ikJlMO.js";const J=l.div`
+import{c as M,bD as R,bE as z,j as o,aM as u,bF as G,P as X,bG as _,o as n,am as q}from"./index-6DHFBk74.js";import{b as r,n as l}from"./vendor-Bs1fkIUX.js";import{f as H}from"./TransactionList-CzdU-NQx-D6gdr6x7.js";import{t as J}from"./page-detail-CWX5S47F-lMo0MYzU.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BoxItem-imggFWL_-C8e_yZct.js";import"./commonDimensions-BCUrWcBL-vTG5ZzmA.js";const K=l.div`
   display: flex;
   flex: 1 1 auto;
   height: 100vh;
@@ -6,14 +6,14 @@ import{b as M,bD as R,bE as z,j as o,aM as u,bF as G,P as V,bG as X,o as n,am as
   flex-direction: column;
   background-color: ${t=>t.theme.colors.grey4};
   box-shadow: ${t=>`${n.sp0} 2px ${n.sp1} ${t.theme.colors.dropShadowNormal}`};
-`,K=l.div`
+`,Q=l.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin: ${n.sp0};
-`,Q=l.div`
+`,U=l.div`
   display: flex;
   flex: 1 1 auto;
   height: 100%;
@@ -21,10 +21,10 @@ import{b as M,bD as R,bE as z,j as o,aM as u,bF as G,P as V,bG as X,o as n,am as
   flex-direction: row;
   justify-content: center;
   align-items: center;
-`,U=l(_)`
+`,V=l(q)`
   color: ${t=>t.theme.colors.hero};
   text-align: center;
-`,W=l(H)`
+`,W=l(J)`
   height: ${n.sp4};
   width: ${n.sp4};
   color: ${t=>t.theme.colors.hero};
@@ -32,4 +32,4 @@ import{b as M,bD as R,bE as z,j as o,aM as u,bF as G,P as V,bG as X,o as n,am as
   &:hover {
     color: ${t=>t.theme.colors.primary};
   }
-`;function mt({title:t,subTitle:k,firstMonthOfFY:v,timeframe:c,timePeriod:a,useFixedPeriod:p,dataAvailableForPeriod:g,report:e,currentScrollYOffset:L,showStatementPageIcon:C=!1,onTimePeriodChange:x,onTransactionItemClick:T,onTransactionListScroll:y,onBackClick:w,onStatementPageIconClick:F,referrerType:I}){const[d,S]=r.useState(!0),[f,P]=r.useState(!1),[m,$]=r.useState(!1),N=M();r.useEffect(()=>{e.transactions.length>0?S(!1):S(f===!1&&m===!1?e.fetchState==="In-Progress"||e.fetchState==="Not-Started":!1)},[e,d,f,m]);const B=R(),b=z(I),D=`${b===""?B:b}.transactions.list`,E=a.startDate.isAfter(g.startDate,c)?{isLoading:f&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"),fixedTimePeriod:p,onLoadPreviousClick:(s,i)=>{$(!1),P(!0),x?.(s,a,i)}}:void 0,Y=a.endDate.isBefore(g.endDate,c)?{isLoading:m&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"),fixedTimePeriod:p,onLoadNextClick:(s,i)=>{P(!1),$(!0),x?.(s,a,i)}}:void 0;let j=null;C&&(j=o.jsx(W,{onClick:F}));const h=r.useRef(null);function O(s,i,A){X({category:`${D}.transaction-list.react.profiler`,message:`${s} (${i}) took ${A}ms`,level:"info"})}return o.jsx(r.Profiler,{id:"TransactionListPage",onRender:O,children:o.jsxs(J,{"data-testid":u("transaction-list-page",t),children:[o.jsx(G,{source:"TransactionListPage","data-testid":u("transaction-list-page-nav-bar"),title:t,onBackClick:w,backgroundColor:N.colors.grey4,rightSideComponent:j,scrollableContent:h.current!=null?h:void 0}),o.jsxs(K,{"data-testid":u("transaction-list",t),children:[o.jsx(U,{children:k}),d===!1?o.jsx(q,{ref:h,firstMonthOfFY:v,timeframe:c,timePeriod:a,transactions:e.transactions,isFirstLotLoading:d,currentScrollYOffset:L,onTransactionItemClick:T,onTransactionListScroll:y,showLoadPrevious:E,showLoadNext:Y,componentName:"report.transactions.list"}):o.jsx(Q,{children:o.jsx(V,{size:"ExtraLarge",start:!0})})]})]})})}export{mt as default};
+`;function mt({title:t,subTitle:v,firstMonthOfFY:L,timeframe:c,timePeriod:a,useFixedPeriod:p,dataAvailableForPeriod:g,report:e,currentScrollYOffset:b,showStatementPageIcon:C=!1,onTimePeriodChange:x,onTransactionItemClick:T,onTransactionListScroll:y,onBackClick:w,onStatementPageIconClick:D,referrerType:F}){const[d,S]=r.useState(!0),[f,P]=r.useState(!1),[m,$]=r.useState(!1),I=M();r.useEffect(()=>{e.transactions.length>0?S(!1):S(f===!1&&m===!1?e.fetchState==="In-Progress"||e.fetchState==="Not-Started":!1)},[e,d,f,m]);const N=R(),j=z(F),Y=`${j===""?N:j}.transactions.list`,E=a.startDate.isAfter(g.startDate,c)?{isLoading:f&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"),fixedTimePeriod:p,onLoadPreviousClick:(s,i)=>{$(!1),P(!0),x?.(s,a,i)}}:void 0,B=a.endDate.isBefore(g.endDate,c)?{isLoading:m&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"),fixedTimePeriod:p,onLoadNextClick:(s,i)=>{P(!1),$(!0),x?.(s,a,i)}}:void 0;let k=null;C&&(k=o.jsx(W,{onClick:D}));const h=r.useRef(null);function O(s,i,A){_({category:`${Y}.transaction-list.react.profiler`,message:`${s} (${i}) took ${A}ms`,level:"info"})}return o.jsx(r.Profiler,{id:"TransactionListPage",onRender:O,children:o.jsxs(K,{"data-testid":u("transaction-list-page",t),children:[o.jsx(G,{source:"TransactionListPage","data-testid":u("transaction-list-page-nav-bar"),title:t,onBackClick:w,backgroundColor:I.colors.grey4,rightSideComponent:k,scrollableContent:h.current!=null?h:void 0}),o.jsxs(Q,{"data-testid":u("transaction-list",t),children:[o.jsx(V,{children:v}),d===!1?o.jsx(H,{ref:h,firstMonthOfFY:L,timeframe:c,timePeriod:a,transactions:e.transactions,isFirstLotLoading:d,currentScrollYOffset:b,onTransactionItemClick:T,onTransactionListScroll:y,showLoadPrevious:E,showLoadNext:B,componentName:"report.transactions.list"}):o.jsx(U,{children:o.jsx(X,{size:"ExtraLarge",start:!0})})]})]})})}export{mt as default};