@zeniai/web-cockpit-ui 1.13.92-qa → 1.13.93-dev

package/dist/assets/{TransactionDetailPage-CAGxHcQ9-BuC2Vxi4.js → TransactionDetailPage-DVPGLobu-DL-y5UIM.js}

@@ -1,4 +1,4 @@
-import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po,dN as Gi,l as ue,dO as Eo,j as i,Y as B,F as _o,aW as No,dP as Bo,dQ as Mo,e as Bt,dR as Ii,a7 as Fo,C as V,dS as Wo,dT as Xi,dU as Ki,dV as Zi,dW as Ie,dX as ve,dY as Ee,dZ as Ge,d_ as Xe,d$ as It,e0 as vt,e1 as Ke,e2 as rt,e3 as Ct,e4 as Dt,e5 as Pt,e6 as re,e7 as Et,e8 as se,e9 as le,R as qo,ea as bt,eb as vi,ec as Uo,K as Ho,bO as Yo,o as n,ed as Go,q as v,D as si,g as ie,Z as mi,av as Mt,ee as Xo,ef as Ko,bI as Zo,ah as Ft,_ as De,cg as Be,eg as Jo,eh as kt,aa as Ji,cl as Qo,ei as en,bF as tn,bG as on,t as he,ak as nn,cA as an,ej as Qi,ek as li,el as ri,em as Qt,dc as sn,ao as ln,bT as rn,co as hi,cm as eo,d3 as cn,en as Ci,eo as Di,ep as dn,bt as to,eq as ei,dh as ti,er as un,aM as pn,es as mn,et as Ti,eu as hn,A as gn,cp as fn,ev as yn,Q as io,ew as bn,b5 as xn,ex as ji,b2 as tt,ey as wn,ez as $n,eA as In,b0 as vn,b4 as Cn,dq as Dn,r as oo,eB as Tn,a$ as jn,a6 as On,m as Ln,eC as Sn,ac as ci}from"./index-CChR0tlr.js";import{b as T,n as l,f as xt}from"./vendor-CnQcJ2Lu.js";import{x as Oi}from"./LabeledControlledCheckBoxField-BFaru2xf-BjoAdjoa.js";import{R as kn}from"./TrendWithTransactions-BSQ2TJvu-DKoznMBK.js";import{u as zn,c as An,d as Rn,m as Vn}from"./uploadAttachment-CHFo3qZI-D3BXDi9p.js";import{o as Pn}from"./radio-default-CiSgisfh-ub7QGXr8.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TrendChart-SOAxSpv2-BEwC2fOj.js";import"./chartTypes-DYAHlgKd-CIoUHagw.js";import"./toCOABalancesWithID-B8NxsLlK-BQM05QqO.js";import"./toChartData-CxZEcdj_-DkdJt_zk.js";import"./NoDataChart-CVM-QPHf-D5psvAcN.js";import"./InsightsSection-CCzgI0uK-VJ3ZyfK9.js";import"./NavigationDots-Toh5TKEv-OSyhnKRF.js";import"./TransactionList-CVrK_-YB-CyqUr8En.js";import"./BoxItem-D3v5T6bP-Ccyj0z_e.js";import"./commonDimensions-Pkc8qIrn-C51PkztX.js";const En={headerMarginTop:new V(v[7],v[8])},_n=l(he)`
+import{u as jt,a as zo,X as Z,M as N,a5 as Rt,dL as Ao,dM as Vo,c3 as Ro,D as Po,dN as Gi,l as ue,dO as Eo,j as i,Y as B,F as _o,aW as No,dP as Bo,dQ as Mo,e as Bt,dR as Ii,a7 as Fo,C as R,dS as Wo,dT as Xi,dU as Ki,dV as Zi,dW as Ie,dX as ve,dY as Ee,dZ as Ge,d_ as Xe,d$ as It,e0 as vt,e1 as Ke,e2 as rt,e3 as Ct,e4 as Dt,e5 as Pt,e6 as re,e7 as Et,e8 as se,e9 as le,P as qo,ea as bt,eb as vi,ec as Uo,K as Ho,bO as Yo,o as n,ed as Go,q as v,B as si,g as ie,Z as mi,av as Mt,ee as Xo,ef as Ko,bI as Zo,ah as Ft,_ as De,cg as Be,eg as Jo,eh as kt,aa as Ji,cl as Qo,ei as en,bF as tn,bG as on,t as he,ak as nn,cA as an,ej as Qi,ek as li,el as ri,em as Qt,dc as sn,ao as ln,bT as rn,co as hi,cm as eo,d3 as cn,en as Ci,eo as Di,ep as dn,bt as to,eq as ei,dh as ti,er as un,aM as pn,es as mn,et as Ti,eu as hn,z as gn,cp as fn,ev as yn,Q as io,ew as bn,b5 as xn,ex as ji,b2 as tt,ey as wn,ez as $n,eA as In,b0 as vn,b4 as Cn,dq as Dn,r as oo,eB as Tn,a$ as jn,a6 as On,m as Ln,eC as Sn,ac as ci}from"./index-DTlzo6Yx.js";import{b as T,n as l,f as xt}from"./vendor-CnQcJ2Lu.js";import{x as Oi}from"./LabeledControlledCheckBoxField-BFnLx9E0-ozh3nGkA.js";import{R as kn}from"./TrendWithTransactions-SmcM2UIp-SwKmDId5.js";import{u as zn,c as An,d as Vn,m as Rn}from"./uploadAttachment-D7Rju7jS-SY7cBnUt.js";import{o as Pn}from"./radio-default-CiSgisfh-ub7QGXr8.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TrendChart-CtjfgQ9g-DU-bY5qU.js";import"./chartTypes-Df8u7la0-CtDbCz1y.js";import"./toCOABalancesWithID-RJhTPgAt-Cci2ybt-.js";import"./toChartData-K68FB3Iy-nDeLE4ni.js";import"./NoDataChart-DGbfWo33-CtNbg73S.js";import"./InsightsSection-DYyHpcUE-N_KvwWiO.js";import"./NavigationDots-6Q5ZVqKl-C4jKPBGn.js";import"./TransactionList-CvGyadHZ-CKr6j1Ej.js";import"./BoxItem-UCX7eqiN-Bx4T9Ckg.js";import"./commonDimensions-OJhakpB_-Bbp60BrB.js";const En={headerMarginTop:new R(v[7],v[8])},_n=l(he)`
   color: ${e=>e.theme.colors.hero};
 `,Nn=l(he)`
   margin-right: ${n.sp1};
@@ -38,7 +38,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   display: flex;
   width: 100%;
   flex-direction: column;
-`;function Kn({transaction:e,onTransactionClick:t}){const o=no(e);return i.jsxs(Xn,{children:[i.jsx(Fn,{title:e.typeName??"",amount:e.amount,onHeaderClick:()=>{t?.(e)},"data-testid":B("transaction-line-linked-transaction-header")}),i.jsx(Gn,{values:o})]})}function no(e){const t=[],o=N.getLocalizedStrings().transactionDetail.transactionLabels,r=a=>a.format(N.getLocalizedStrings().dateFormat.visual.DMMMYYFormat),c=a=>De("0,0.00",a);if(ue.isCustomerTransaction(e)){const a=e;switch(a.type){case"invoice":t.push({title:o.invoice.invoiceNo,value:a.documentId??"-"}),t.push({title:o.invoice.invoiceDate,value:r(a.date)}),t.push({title:o.invoice.origionalAmount,value:c(a.amount)}),t.push({title:o.invoice.balanceDue,value:a.balance!=null?c(a.balance):"-"});break;case"credit_memo":t.push({title:o.creditMemo.creditMemoNo,value:a.documentId??"-"}),t.push({title:o.creditMemo.creditMemoDate,value:r(a.date)});break;case"sales_receipt":t.push({title:o.salesReceipt.salesReceiptNo,value:a.documentId??"-"}),t.push({title:o.salesReceipt.salesReceiptDate,value:r(a.date)}),t.push({title:o.salesReceipt.paymentMethod,value:a.paymentMethodName??"-"}),t.push({title:o.salesReceipt.depositedTo,value:a.account?.accountName??"-"});break;case"delayed_credit":t.push({title:o.delayedCredit.delayedCreditNo,value:a.documentId??"-"}),t.push({title:o.delayedCredit.delayedCreditDate,value:r(a.date)});break;case"refund":t.push({title:o.refund.refundReceiptNo,value:a.documentId??"-"}),t.push({title:o.refund.refundReceiptDate,value:r(a.date)}),t.push({title:o.refund.refundFrom,value:a.account?.accountName??"-"}),t.push({title:o.refund.paymentMethod,value:a.paymentTypeName??"-"});break;case"payment":t.push({title:o.receivePayment.depositedTo,value:a.account?.accountName??"-"}),a.paymentMethodName!=null&&t.push({title:o.receivePayment.paymentMethod,value:a.paymentMethodName}),t.push({title:o.receivePayment.paymentDate,value:r(a.date)}),t.push({title:o.receivePayment.referenceNo,value:a.documentId||"-"});break;default:console.error(`Unrecognised customer transaction type ${a.type}`);break}}else if(ue.isVendorTransaction(e)){const a=e;switch(a.type){case"expense":t.push({title:o.expense.paymentAc,value:a.account?.accountName??"-"}),t.push({title:o.expense.paymentMethod,value:a.paymentTypeName??"-"}),t.push({title:o.expense.paymentDate,value:r(a.date)});break;case"check":t.push({title:o.check.bankAc,value:a.account?.accountName??"-"}),t.push({title:o.check.paymentDate,value:r(a.date)});break;case"bill":t.push({title:o.bill.billDate,value:r(a.date)}),t.push({title:o.bill.billNo,value:a.documentId||"-"}),t.push({title:o.bill.dueDate,value:a.dueDate!=null?r(a.dueDate):"-"});break;case"bill_payment":case"vendor_credit":case"credit_card_credit":t.push({title:o.billPayment.paymentDate,value:r(a.date)}),t.push({title:o.billPayment.bankOrCreditAc,value:a.account?.accountName??"-"}),t.push({title:o.billPayment.referenceNo,value:a.documentId!=null&&a.documentId.length>0?a.documentId:"-"});break;default:console.error(`Unrecognised vendor transaction type ${a.type}`);break}}else if(ue.isTransferTransaction(e)){const a=e;switch(a.type){case"transfer":t.push({title:o.transfer.transferFundsFrom,value:a.fromAccount.accountName}),t.push({title:o.transfer.transferFundsTo,value:a.toAccount.accountName}),t.push({title:o.transfer.date,value:r(a.date)});break;case"credit_card_payment":t.push({title:o.creditCardPayment.paidForCreditCard,value:a.toAccount.accountName}),t.push({title:o.creditCardPayment.payee,value:a.payee?.payeeName??"-"}),t.push({title:o.creditCardPayment.amountPaid,value:c(a.amount)}),t.push({title:o.creditCardPayment.paymentDate,value:r(a.date)}),t.push({title:o.creditCardPayment.paymentMethod,value:a.fromAccount.accountName});break}}else switch(e.type){case"deposit":t.push({title:o.deposit.account,value:e.account?.accountName??"-"}),t.push({title:o.deposit.date,value:r(e.date)});break;case"journal_entry":t.push({title:o.journalEntry.journalDate,value:r(e.date)});break;default:console.error(`Unrecognised transaction type ${e.type}`);break}return t}const Li={autocompleteEmptyPaddingTop:new V(0,v[1]),autocompleteEmptyPaddingBottom:new V(0,v[1])},Zn=l.div`
+`;function Kn({transaction:e,onTransactionClick:t}){const o=no(e);return i.jsxs(Xn,{children:[i.jsx(Fn,{title:e.typeName??"",amount:e.amount,onHeaderClick:()=>{t?.(e)},"data-testid":B("transaction-line-linked-transaction-header")}),i.jsx(Gn,{values:o})]})}function no(e){const t=[],o=N.getLocalizedStrings().transactionDetail.transactionLabels,r=a=>a.format(N.getLocalizedStrings().dateFormat.visual.DMMMYYFormat),c=a=>De("0,0.00",a);if(ue.isCustomerTransaction(e)){const a=e;switch(a.type){case"invoice":t.push({title:o.invoice.invoiceNo,value:a.documentId??"-"}),t.push({title:o.invoice.invoiceDate,value:r(a.date)}),t.push({title:o.invoice.origionalAmount,value:c(a.amount)}),t.push({title:o.invoice.balanceDue,value:a.balance!=null?c(a.balance):"-"});break;case"credit_memo":t.push({title:o.creditMemo.creditMemoNo,value:a.documentId??"-"}),t.push({title:o.creditMemo.creditMemoDate,value:r(a.date)});break;case"sales_receipt":t.push({title:o.salesReceipt.salesReceiptNo,value:a.documentId??"-"}),t.push({title:o.salesReceipt.salesReceiptDate,value:r(a.date)}),t.push({title:o.salesReceipt.paymentMethod,value:a.paymentMethodName??"-"}),t.push({title:o.salesReceipt.depositedTo,value:a.account?.accountName??"-"});break;case"delayed_credit":t.push({title:o.delayedCredit.delayedCreditNo,value:a.documentId??"-"}),t.push({title:o.delayedCredit.delayedCreditDate,value:r(a.date)});break;case"refund":t.push({title:o.refund.refundReceiptNo,value:a.documentId??"-"}),t.push({title:o.refund.refundReceiptDate,value:r(a.date)}),t.push({title:o.refund.refundFrom,value:a.account?.accountName??"-"}),t.push({title:o.refund.paymentMethod,value:a.paymentTypeName??"-"});break;case"payment":t.push({title:o.receivePayment.depositedTo,value:a.account?.accountName??"-"}),a.paymentMethodName!=null&&t.push({title:o.receivePayment.paymentMethod,value:a.paymentMethodName}),t.push({title:o.receivePayment.paymentDate,value:r(a.date)}),t.push({title:o.receivePayment.referenceNo,value:a.documentId||"-"});break;default:console.error(`Unrecognised customer transaction type ${a.type}`);break}}else if(ue.isVendorTransaction(e)){const a=e;switch(a.type){case"expense":t.push({title:o.expense.paymentAc,value:a.account?.accountName??"-"}),t.push({title:o.expense.paymentMethod,value:a.paymentTypeName??"-"}),t.push({title:o.expense.paymentDate,value:r(a.date)});break;case"check":t.push({title:o.check.bankAc,value:a.account?.accountName??"-"}),t.push({title:o.check.paymentDate,value:r(a.date)});break;case"bill":t.push({title:o.bill.billDate,value:r(a.date)}),t.push({title:o.bill.billNo,value:a.documentId||"-"}),t.push({title:o.bill.dueDate,value:a.dueDate!=null?r(a.dueDate):"-"});break;case"bill_payment":case"vendor_credit":case"credit_card_credit":t.push({title:o.billPayment.paymentDate,value:r(a.date)}),t.push({title:o.billPayment.bankOrCreditAc,value:a.account?.accountName??"-"}),t.push({title:o.billPayment.referenceNo,value:a.documentId!=null&&a.documentId.length>0?a.documentId:"-"});break;default:console.error(`Unrecognised vendor transaction type ${a.type}`);break}}else if(ue.isTransferTransaction(e)){const a=e;switch(a.type){case"transfer":t.push({title:o.transfer.transferFundsFrom,value:a.fromAccount.accountName}),t.push({title:o.transfer.transferFundsTo,value:a.toAccount.accountName}),t.push({title:o.transfer.date,value:r(a.date)});break;case"credit_card_payment":t.push({title:o.creditCardPayment.paidForCreditCard,value:a.toAccount.accountName}),t.push({title:o.creditCardPayment.payee,value:a.payee?.payeeName??"-"}),t.push({title:o.creditCardPayment.amountPaid,value:c(a.amount)}),t.push({title:o.creditCardPayment.paymentDate,value:r(a.date)}),t.push({title:o.creditCardPayment.paymentMethod,value:a.fromAccount.accountName});break}}else switch(e.type){case"deposit":t.push({title:o.deposit.account,value:e.account?.accountName??"-"}),t.push({title:o.deposit.date,value:r(e.date)});break;case"journal_entry":t.push({title:o.journalEntry.journalDate,value:r(e.date)});break;default:console.error(`Unrecognised transaction type ${e.type}`);break}return t}const Li={autocompleteEmptyPaddingTop:new R(0,v[1]),autocompleteEmptyPaddingBottom:new R(0,v[1])},Zn=l.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -54,7 +54,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   overflow: visible;
 `,Qn=l(he)`
   color: ${e=>e.theme.colors.hero};
-`,ea={selectFieldInput:new io("smallRegular","standardRegular")},ta=({name:e,registerOptions:t,defaultValue:o,isDisabled:r,style:c,placeholder:a,valueToInfo:d,valueToId:s,customStyleConfig:m,showDownChevronWithValue:w,allowEmpty:f=!0,menuPortal:$,disableCurrentOption:h,loadOptions:C,getStyles:b})=>{const{control:O,formState:{errors:g}}=Be(),S=jt(),R=hi(g,e??""),A=T.useCallback(x=>({value:x.value,label:x.label,info:d?.(x.value)??"",id:s?.(x.value)??null,isDisabled:x.isDisabled,additionalNote:x?.additionalNote,isOptionRecommended:x.isOptionRecommended}),[d,s]),D=x=>x?.map(E=>({label:E.label,options:E.options?.map(Y=>A(Y))})),k=x=>{if(x==null||!x)return;let E=[];return o.defaultOptions.forEach(Y=>{E=E.concat(Y.options)}),{value:x,label:E.find(Y=>Y.value===x)?.label??x,info:d?.(x)??""}},L={...m,container:(x,E)=>({...x,width:"100%",...c,...b?.(E.selectProps.menuIsOpen)}),menu:x=>({...x,backgroundColor:S.colors.grey5,borderRadius:n.sp1,boxShadow:`${n.sp0} 2px ${n.sp2} ${S.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:x=>({...x,borderRadius:n.sp1})},W={hasError:R,showDownChevronWithValue:w},M=N.getLocalizedStrings().autoComplete,ce=Z(),J=x=>x.inputValue.trim().length<2?null:i.jsxs(Zn,{windowSize:ce,children:[i.jsx(Jn,{}),i.jsx(Qn,{children:M.input.noMatches})]}),ye=(x,E)=>{C?.(x,E)},be=T.useRef(gn((x,E)=>ye(x,E),500,{trailing:!0})).current,pe=(x,E)=>{if(x.trim().length<2)return E([]);be(x,E)};return i.jsx(fn,{name:e,control:O,defaultValue:o,rules:t,"data-testid":B(e,"auto-complete-grouped-single-select-field"),render:({field:{onChange:x,onBlur:E,value:Y,ref:Te}})=>{const xe=Y;return i.jsx(i.Fragment,{children:i.jsx(yn,{...W,"data-testid":B(e,"auto-complete-grouped-single-select-field-async-select"),ref:Te,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:a,noOptionsMessage:J,value:k(xe.selectedOption),defaultOptions:D(xe.defaultOptions),loadOptions:pe,onChange:ge=>{ge==null||ge?.value!=null&&xe?.selectedOption===ge.value?f===!0&&x({selectedOption:void 0,defaultOptions:xe.defaultOptions}):x({selectedOption:ge.value,defaultOptions:xe.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:E,menuPlacement:"auto",menuPortalTarget:$,maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:ia,Option:ca,Input:na,Group:aa,GroupHeading:sa,SingleValue:ge=>la(ge),ValueContainer:oa,DropdownIndicator:Ta,IndicatorSeparator:ja,Placeholder:ra,ClearIndicator:Oa},hideSelectedOptions:!1,styles:L,isDisabled:r!=null,isOptionDisabled:ge=>h?.(ge.value)??!1})})}})},ia=e=>{const{menuIsOpen:t,isFocused:o,isDisabled:r,selectProps:c,data:a,options:d}=e,{value:s,hasError:m}=c;let w=[];d.forEach(h=>{w=w.concat(h.options)});const f=w.find(h=>h.value===a?.value),$=Z();return i.jsx(da,{windowSize:$,menuIsOpen:t,isFocused:o,isDisabled:r,selectedValue:s,hasError:m,isRecommended:f?.isOptionRecommended,children:i.jsx(tt.Control,{...e,className:"select-control",children:e.children})})},oa=e=>{const{selectProps:t,children:o}=e,{showDownChevronWithValue:r}=t;return i.jsxs(tt.ValueContainer,{...e,className:"select-value-container",children:[o,r===!0?i.jsx(he,{children:i.jsx(ua,{})}):null]})},na=e=>{const{selectProps:t}=e,{placeholder:o,value:r}=t;return i.jsx(tt.Input,{...e,autoComplete:"new-password",placeholder:r==null?o:void 0,children:e.children})},aa=e=>i.jsx(tt.Group,{...e,children:e.children}),sa=e=>{const[t,o]=T.useState(!0);return i.jsx(ba,{className:"group-heading-container",isGroupOpen:t,onClick:()=>o(!t),children:i.jsxs(tt.GroupHeading,{...e,children:[e.children,i.jsx(xa,{isGroupOpen:t,children:i.jsx(wa,{className:"close-tick-icon"})})]})})},la=({children:e,...t},o)=>{const r=e;return i.jsx(tt.SingleValue,{...t,children:r})},ra=()=>null,ca=e=>{const{data:t,isSelected:o,options:r,isDisabled:c,isFocused:a}=e;let d=[];r.forEach(m=>{d=d.concat(m.options)});const s=d.find(m=>m.value===t.value);return i.jsxs(i.Fragment,{children:[i.jsx(pa,{className:"select-option-wrapper",isFocused:a,isSelected:o,isDisabled:c,isOptionRecommended:s?.isOptionRecommended===!0,showBottomBorder:s?.additionalNote==null||s?.isOptionRecommended===!1,children:i.jsx(tt.Option,{...e,className:"select-option","data-testid":B("option",t.value),children:i.jsxs(ma,{children:[i.jsxs(ya,{isSelected:o,children:[i.jsx(ha,{isSelected:o,isDisabled:c,children:e.label}),a===!0&&s?.id!=null&&i.jsx(Da,{children:s.id}),a===!0&&s?.info?i.jsx(fa,{isSelected:!!o,children:s?.info}):null]}),s?.isOptionRecommended===!0?i.jsx(Ca,{}):null,o&&s?.additionalNote==null?i.jsxs($a,{children:[i.jsx(Ia,{className:"right-tick-icon"}),i.jsx(va,{className:"close-tick-icon"})]}):null]})})}),s?.isOptionRecommended===!0&&s.additionalNote!=null?i.jsx(ga,{isSelected:o,isDisabled:c,children:s?.additionalNote}):null]})};l.div`
+`,ea={selectFieldInput:new io("smallRegular","standardRegular")},ta=({name:e,registerOptions:t,defaultValue:o,isDisabled:r,style:c,placeholder:a,valueToInfo:d,valueToId:s,customStyleConfig:m,showDownChevronWithValue:w,allowEmpty:f=!0,menuPortal:$,disableCurrentOption:h,loadOptions:C,getStyles:b})=>{const{control:O,formState:{errors:g}}=Be(),S=jt(),V=hi(g,e??""),A=T.useCallback(x=>({value:x.value,label:x.label,info:d?.(x.value)??"",id:s?.(x.value)??null,isDisabled:x.isDisabled,additionalNote:x?.additionalNote,isOptionRecommended:x.isOptionRecommended}),[d,s]),D=x=>x?.map(E=>({label:E.label,options:E.options?.map(Y=>A(Y))})),k=x=>{if(x==null||!x)return;let E=[];return o.defaultOptions.forEach(Y=>{E=E.concat(Y.options)}),{value:x,label:E.find(Y=>Y.value===x)?.label??x,info:d?.(x)??""}},L={...m,container:(x,E)=>({...x,width:"100%",...c,...b?.(E.selectProps.menuIsOpen)}),menu:x=>({...x,backgroundColor:S.colors.grey5,borderRadius:n.sp1,boxShadow:`${n.sp0} 2px ${n.sp2} ${S.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:x=>({...x,borderRadius:n.sp1})},W={hasError:V,showDownChevronWithValue:w},M=N.getLocalizedStrings().autoComplete,ce=Z(),J=x=>x.inputValue.trim().length<2?null:i.jsxs(Zn,{windowSize:ce,children:[i.jsx(Jn,{}),i.jsx(Qn,{children:M.input.noMatches})]}),ye=(x,E)=>{C?.(x,E)},be=T.useRef(gn((x,E)=>ye(x,E),500,{trailing:!0})).current,pe=(x,E)=>{if(x.trim().length<2)return E([]);be(x,E)};return i.jsx(fn,{name:e,control:O,defaultValue:o,rules:t,"data-testid":B(e,"auto-complete-grouped-single-select-field"),render:({field:{onChange:x,onBlur:E,value:Y,ref:Te}})=>{const xe=Y;return i.jsx(i.Fragment,{children:i.jsx(yn,{...W,"data-testid":B(e,"auto-complete-grouped-single-select-field-async-select"),ref:Te,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:a,noOptionsMessage:J,value:k(xe.selectedOption),defaultOptions:D(xe.defaultOptions),loadOptions:pe,onChange:ge=>{ge==null||ge?.value!=null&&xe?.selectedOption===ge.value?f===!0&&x({selectedOption:void 0,defaultOptions:xe.defaultOptions}):x({selectedOption:ge.value,defaultOptions:xe.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:E,menuPlacement:"auto",menuPortalTarget:$,maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:ia,Option:ca,Input:na,Group:aa,GroupHeading:sa,SingleValue:ge=>la(ge),ValueContainer:oa,DropdownIndicator:Ta,IndicatorSeparator:ja,Placeholder:ra,ClearIndicator:Oa},hideSelectedOptions:!1,styles:L,isDisabled:r!=null,isOptionDisabled:ge=>h?.(ge.value)??!1})})}})},ia=e=>{const{menuIsOpen:t,isFocused:o,isDisabled:r,selectProps:c,data:a,options:d}=e,{value:s,hasError:m}=c;let w=[];d.forEach(h=>{w=w.concat(h.options)});const f=w.find(h=>h.value===a?.value),$=Z();return i.jsx(da,{windowSize:$,menuIsOpen:t,isFocused:o,isDisabled:r,selectedValue:s,hasError:m,isRecommended:f?.isOptionRecommended,children:i.jsx(tt.Control,{...e,className:"select-control",children:e.children})})},oa=e=>{const{selectProps:t,children:o}=e,{showDownChevronWithValue:r}=t;return i.jsxs(tt.ValueContainer,{...e,className:"select-value-container",children:[o,r===!0?i.jsx(he,{children:i.jsx(ua,{})}):null]})},na=e=>{const{selectProps:t}=e,{placeholder:o,value:r}=t;return i.jsx(tt.Input,{...e,autoComplete:"new-password",placeholder:r==null?o:void 0,children:e.children})},aa=e=>i.jsx(tt.Group,{...e,children:e.children}),sa=e=>{const[t,o]=T.useState(!0);return i.jsx(ba,{className:"group-heading-container",isGroupOpen:t,onClick:()=>o(!t),children:i.jsxs(tt.GroupHeading,{...e,children:[e.children,i.jsx(xa,{isGroupOpen:t,children:i.jsx(wa,{className:"close-tick-icon"})})]})})},la=({children:e,...t},o)=>{const r=e;return i.jsx(tt.SingleValue,{...t,children:r})},ra=()=>null,ca=e=>{const{data:t,isSelected:o,options:r,isDisabled:c,isFocused:a}=e;let d=[];r.forEach(m=>{d=d.concat(m.options)});const s=d.find(m=>m.value===t.value);return i.jsxs(i.Fragment,{children:[i.jsx(pa,{className:"select-option-wrapper",isFocused:a,isSelected:o,isDisabled:c,isOptionRecommended:s?.isOptionRecommended===!0,showBottomBorder:s?.additionalNote==null||s?.isOptionRecommended===!1,children:i.jsx(tt.Option,{...e,className:"select-option","data-testid":B("option",t.value),children:i.jsxs(ma,{children:[i.jsxs(ya,{isSelected:o,children:[i.jsx(ha,{isSelected:o,isDisabled:c,children:e.label}),a===!0&&s?.id!=null&&i.jsx(Da,{children:s.id}),a===!0&&s?.info?i.jsx(fa,{isSelected:!!o,children:s?.info}):null]}),s?.isOptionRecommended===!0?i.jsx(Ca,{}):null,o&&s?.additionalNote==null?i.jsxs($a,{children:[i.jsx(Ia,{className:"right-tick-icon"}),i.jsx(va,{className:"close-tick-icon"})]}):null]})})}),s?.isOptionRecommended===!0&&s.additionalNote!=null?i.jsx(ga,{isSelected:o,isDisabled:c,children:s?.additionalNote}):null]})};l.div`
   position: relative;
   display: none;
 `;l.div`
@@ -266,7 +266,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: ${n.sp1};
   margin: 0 ${n.sp5} 0 ${n.sp3};
-`,Ta=()=>null,ja=()=>null,Oa=()=>null,Ae={width:new V(343,580,726),height:new V(v[6],v[6]),controlHeight:new V(v[6],v[6]),paddingTopBottom:new V(v[2],v[2]),marginRight:new V(v[2],v[2]),labelMarginLeft:new V(v[3],v[4]),labelMarginRight:new V(v[4],v[4]),labelMarginTop:new V(v[2],v[2])},La={infoLabel:new io("extraSmallRegular","smallRegular")};function Sa({isDisabled:e,label:t,autoCompleteGroupedSingleSelectField:o,style:r,controlWidth:c,additionalLabelInfo:a,valueToAdditionalLabel:d,disableCurrentOption:s,fullWidthSelect:m=!0}){const w=Z(),{formState:{errors:f}}=Be(),$=hi(f,o.name);return i.jsxs(ka,{size:w,style:r,isDisabled:e!=null,controlWidth:c,"data-testid":B("labeled-auto-complete-grouped-single-select-field",o.name),isError:$,children:[i.jsx(eo,{isDisabled:e,label:t.label,htmlFor:o.name,style:{marginLeft:Ae.labelMarginLeft.value(w),marginRight:Ae.labelMarginRight.value(w),marginTop:Ae.labelMarginTop.value(w),width:t.width??"auto"}}),i.jsxs(za,{fullWidthSelect:m,labelWidth:t.width,children:[i.jsx(ta,{...o,placeholder:o.placeholder??N.getLocalizedStrings().autoComplete.input.default,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:Ae.controlHeight.value(w),cursor:"inherit"},additionalLabelInfo:a,disableCurrentOption:s}),o.defaultValue.selectedOption!=null?i.jsx(Aa,{size:w,isError:$,children:d?.(o.defaultValue.selectedOption)}):null]})]})}const ka=l.div`
+`,Ta=()=>null,ja=()=>null,Oa=()=>null,Ae={width:new R(343,580,726),height:new R(v[6],v[6]),controlHeight:new R(v[6],v[6]),paddingTopBottom:new R(v[2],v[2]),marginRight:new R(v[2],v[2]),labelMarginLeft:new R(v[3],v[4]),labelMarginRight:new R(v[4],v[4]),labelMarginTop:new R(v[2],v[2])},La={infoLabel:new io("extraSmallRegular","smallRegular")};function Sa({isDisabled:e,label:t,autoCompleteGroupedSingleSelectField:o,style:r,controlWidth:c,additionalLabelInfo:a,valueToAdditionalLabel:d,disableCurrentOption:s,fullWidthSelect:m=!0}){const w=Z(),{formState:{errors:f}}=Be(),$=hi(f,o.name);return i.jsxs(ka,{size:w,style:r,isDisabled:e!=null,controlWidth:c,"data-testid":B("labeled-auto-complete-grouped-single-select-field",o.name),isError:$,children:[i.jsx(eo,{isDisabled:e,label:t.label,htmlFor:o.name,style:{marginLeft:Ae.labelMarginLeft.value(w),marginRight:Ae.labelMarginRight.value(w),marginTop:Ae.labelMarginTop.value(w),width:t.width??"auto"}}),i.jsxs(za,{fullWidthSelect:m,labelWidth:t.width,children:[i.jsx(ta,{...o,placeholder:o.placeholder??N.getLocalizedStrings().autoComplete.input.default,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:Ae.controlHeight.value(w),cursor:"inherit"},additionalLabelInfo:a,disableCurrentOption:s}),o.defaultValue.selectedOption!=null?i.jsx(Aa,{size:w,isError:$,children:d?.(o.defaultValue.selectedOption)}):null]})]})}const ka=l.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -318,7 +318,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   ${e=>`${La.infoLabel.style(e.size)}`};
   padding-right: ${n.sp3};
   text-align: right;
-`,{common:{strings:{empty:wt}},transactionDetail:{recommendationBanner:zt}}=N.getLocalizedStrings(),_e={controlHeight:new V(v[6],v[6]),paddingTop:new V(v[2],v[2]),paddingBottom:new V(v[3],v[3]),marginRight:new V(v[2],v[2]),labelMarginLeft:new V(v[3],v[4]),labelMarginRight:new V(v[3],v[4]),labelMarginTop:new V(v[2],v[2])},Ra=({isRecommendedSelected:e,hasRecommendations:t,isTooltipVisible:o=!1,isAutoCategorized:r=!1})=>t?e?r?o?i.jsx(Ha,{}):i.jsx(Ya,{className:"ai-icon-selected-plain"}):o?i.jsx(Ua,{}):i.jsx(qa,{}):o?i.jsx(Wa,{}):i.jsx(ui,{}):null,Va=({children:e})=>i.jsx(Ma,{children:e});function di({isDisabled:e,label:t,groupedSingleSelectField:o,style:r,controlWidth:c,additionalLabelInfo:a,fullWidthSelect:d=!0,recommendationCheckboxField:s,retainCheckboxField:m,zIndexOnFocus:w,isLoading:f,isZeniRecommendsLabel:$=!1,isRecommendedSelected:h,hasRecommendations:C,cotData:b,isAutoCategorized:O,onCOTView:g,disableCurrentOption:S,openTooltipId:R,setOpenTooltipId:A}){const D=Z(),{formState:{errors:k}}=Be(),L=hi(k,o.name),W=T.useMemo(()=>o.name,[o.name]),M=R===W,ce=cn().analytics,J=T.useCallback(()=>{A(W);const be=b?.recommendations[0]?.cot??[],pe=b?.recommendations[1]?.cot??[];if(ce.trackTransactionCotView({recommendationFor:o.type,currentValue:b?.existingOption.label??wt,recommendation:b?.recommendations[0]?.name??wt,recommendationCot:be,isRecommendationCotAvailable:be.length>0,recommendationReason:b?.recommendations[0]?.reason??wt,recommendationConfidencePercentage:b?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:Ci(Di(b?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:b?.recommendations[1]?.name??wt,alternativeRecommendationCot:pe,isAlternativeRecommendationCotAvailable:pe.length>0,alternativeRecommendationReason:b?.recommendations[1]?.reason??wt,alternativeRecommendationConfidencePercentage:b?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:Ci(Di(b?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()),transactionCurrentStatus:o.transactionStatus,transactionPage:o.pageSource}),g!=null){const x=dn(b);x!=null&&g(o.type,x)}},[ce,b,o,W,A]),ye=T.useCallback(()=>{R===W&&A(void 0)},[R,W,A]);return i.jsxs(Ea,{style:r,isLoading:f,size:D,checkboxPresent:s!=null,zIndexOnFocus:w===!0,isError:L,isDisabled:e!=null,"data-testid":B("group-select-with-checkbox",o.name),children:[i.jsxs(_a,{size:D,isDisabled:e!=null,controlWidth:c,isError:L,children:[i.jsx(eo,{isDisabled:e,label:t.label,htmlFor:o.name,style:{marginLeft:_e.labelMarginLeft.value(D),marginRight:_e.labelMarginRight.value(D),marginTop:_e.labelMarginTop.value(D),width:t.width??"auto",...t.style}}),f===!0?i.jsx(Pa,{children:i.jsx(Bt,{size:"Small",start:!0})}):i.jsx(Na,{fullWidthSelect:d,labelWidth:t.width,children:i.jsxs(Ba,{children:[C?i.jsx(Va,{children:b?i.jsx(to,{variant:"chain-of-thought",data:b,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:M,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:J,onClose:ye,children:i.jsx(Fa,{children:i.jsx(Ra,{isRecommendedSelected:h,hasRecommendations:C,isTooltipVisible:M,isAutoCategorized:O})})}):null}):null,i.jsx(An,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,width:"100%",height:_e.controlHeight.value(D),cursor:"inherit",...o?.style?o?.style:{}},additionalLabelInfo:a,disableCurrentOption:S,onCOTView:g})]})})]}),f===!1&&s!=null&&i.jsxs(Si,{children:[i.jsx(ui,{}),$?i.jsx(At,{children:zt.zeniRecommends}):i.jsx(At,{children:zt.updateTo}),i.jsx(ei,{isHighlighted:!0,label:s.label,tooltipProps:s.tooltipProps!=null?{...s.tooltipProps}:void 0,checkBoxField:s.checkBoxField,isDisabled:s.isDisabled},ti()),m!=null&&i.jsxs(i.Fragment,{children:[i.jsx(At,{children:zt.retainOr}),i.jsx(ei,{label:m.label,checkBoxField:m.checkBoxField,isDisabled:m.isDisabled},ti())]})]}),f===!1&&s==null&&m!=null&&i.jsxs(Si,{children:[i.jsx(ui,{}),i.jsx(At,{children:zt.retain}),i.jsx(ei,{label:m.label,checkBoxField:m.checkBoxField,isDisabled:m.isDisabled},ti())]})]})}const Pa=l.div`
+`,{common:{strings:{empty:wt}},transactionDetail:{recommendationBanner:zt}}=N.getLocalizedStrings(),_e={controlHeight:new R(v[6],v[6]),paddingTop:new R(v[2],v[2]),paddingBottom:new R(v[3],v[3]),marginRight:new R(v[2],v[2]),labelMarginLeft:new R(v[3],v[4]),labelMarginRight:new R(v[3],v[4]),labelMarginTop:new R(v[2],v[2])},Va=({isRecommendedSelected:e,hasRecommendations:t,isTooltipVisible:o=!1,isAutoCategorized:r=!1})=>t?e?r?o?i.jsx(Ha,{}):i.jsx(Ya,{className:"ai-icon-selected-plain"}):o?i.jsx(Ua,{}):i.jsx(qa,{}):o?i.jsx(Wa,{}):i.jsx(ui,{}):null,Ra=({children:e})=>i.jsx(Ma,{children:e});function di({isDisabled:e,label:t,groupedSingleSelectField:o,style:r,controlWidth:c,additionalLabelInfo:a,fullWidthSelect:d=!0,recommendationCheckboxField:s,retainCheckboxField:m,zIndexOnFocus:w,isLoading:f,isZeniRecommendsLabel:$=!1,isRecommendedSelected:h,hasRecommendations:C,cotData:b,isAutoCategorized:O,onCOTView:g,disableCurrentOption:S,openTooltipId:V,setOpenTooltipId:A}){const D=Z(),{formState:{errors:k}}=Be(),L=hi(k,o.name),W=T.useMemo(()=>o.name,[o.name]),M=V===W,ce=cn().analytics,J=T.useCallback(()=>{A(W);const be=b?.recommendations[0]?.cot??[],pe=b?.recommendations[1]?.cot??[];if(ce.trackTransactionCotView({recommendationFor:o.type,currentValue:b?.existingOption.label??wt,recommendation:b?.recommendations[0]?.name??wt,recommendationCot:be,isRecommendationCotAvailable:be.length>0,recommendationReason:b?.recommendations[0]?.reason??wt,recommendationConfidencePercentage:b?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:Ci(Di(b?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:b?.recommendations[1]?.name??wt,alternativeRecommendationCot:pe,isAlternativeRecommendationCotAvailable:pe.length>0,alternativeRecommendationReason:b?.recommendations[1]?.reason??wt,alternativeRecommendationConfidencePercentage:b?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:Ci(Di(b?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()),transactionCurrentStatus:o.transactionStatus,transactionPage:o.pageSource}),g!=null){const x=dn(b);x!=null&&g(o.type,x)}},[ce,b,o,W,A]),ye=T.useCallback(()=>{V===W&&A(void 0)},[V,W,A]);return i.jsxs(Ea,{style:r,isLoading:f,size:D,checkboxPresent:s!=null,zIndexOnFocus:w===!0,isError:L,isDisabled:e!=null,"data-testid":B("group-select-with-checkbox",o.name),children:[i.jsxs(_a,{size:D,isDisabled:e!=null,controlWidth:c,isError:L,children:[i.jsx(eo,{isDisabled:e,label:t.label,htmlFor:o.name,style:{marginLeft:_e.labelMarginLeft.value(D),marginRight:_e.labelMarginRight.value(D),marginTop:_e.labelMarginTop.value(D),width:t.width??"auto",...t.style}}),f===!0?i.jsx(Pa,{children:i.jsx(Bt,{size:"Small",start:!0})}):i.jsx(Na,{fullWidthSelect:d,labelWidth:t.width,children:i.jsxs(Ba,{children:[C?i.jsx(Ra,{children:b?i.jsx(to,{variant:"chain-of-thought",data:b,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:M,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:J,onClose:ye,children:i.jsx(Fa,{children:i.jsx(Va,{isRecommendedSelected:h,hasRecommendations:C,isTooltipVisible:M,isAutoCategorized:O})})}):null}):null,i.jsx(An,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,width:"100%",height:_e.controlHeight.value(D),cursor:"inherit",...o?.style?o?.style:{}},additionalLabelInfo:a,disableCurrentOption:S,onCOTView:g})]})})]}),f===!1&&s!=null&&i.jsxs(Si,{children:[i.jsx(ui,{}),$?i.jsx(At,{children:zt.zeniRecommends}):i.jsx(At,{children:zt.updateTo}),i.jsx(ei,{isHighlighted:!0,label:s.label,tooltipProps:s.tooltipProps!=null?{...s.tooltipProps}:void 0,checkBoxField:s.checkBoxField,isDisabled:s.isDisabled},ti()),m!=null&&i.jsxs(i.Fragment,{children:[i.jsx(At,{children:zt.retainOr}),i.jsx(ei,{label:m.label,checkBoxField:m.checkBoxField,isDisabled:m.isDisabled},ti())]})]}),f===!1&&s==null&&m!=null&&i.jsxs(Si,{children:[i.jsx(ui,{}),i.jsx(At,{children:zt.retain}),i.jsx(ei,{label:m.label,checkBoxField:m.checkBoxField,isDisabled:m.isDisabled},ti())]})]})}const Pa=l.div`
   height: 100%;
   display: flex;
   align-items: center;
@@ -408,10 +408,10 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
 `,Ua=l(wn)`
   width: ${n.sp5};
   height: ${n.sp5};
-`,Ha=l(Rn)`
+`,Ha=l(Vn)`
   width: ${n.sp5};
   height: ${n.sp5};
-`,Ya=l(Vn)`
+`,Ya=l(Rn)`
   width: ${n.sp5};
   height: ${n.sp5};
 `,Ga=l.div`
@@ -431,7 +431,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   height: ${n.sp3};
   width: ${n.sp3};
   margin-top: ${n.sp1};
-`,Ja=({checkBoxField:e,vendorName:t,bookCloseDate:o})=>{const r=Be().getValues(e.name),c=jt(),{dateFormat:{visual:a},transactionDetail:d,common:s}=N.getLocalizedStrings();return i.jsxs(Ga,{isSelected:r,children:[i.jsx(un,{style:{width:"auto"},label:{label:i.jsxs(Ka,{children:[d.updateCategoryClassForSimilar," ",i.jsx("q",{children:i.jsx(Xa,{children:t})})," ",d.transactionsPostBookCloseDateOf,s.strings.space,o.format(a.MMMDCommaYYYYformat),"."]}),style:{color:c.colors.primary}},checkBoxField:e,"data-testid":B(e.name,"update-all-checkbox-field")}),i.jsx(to,{placement:"bottom",variant:"small-description",maxWidth:"280px",data:d.reachZeniTeam,children:i.jsx(Za,{})})]})},{transactionDetail:ze}=N.getLocalizedStrings(),Je=(e,t,o)=>o!=null?`${e}.${o}.${t}`:`${e}.${t}`,ao={labelWidth:new V(120,145,160),desciptionMarginRight:new V(v[1],v[4],v[4])},Qa=l(Ft)`
+`,Ja=({checkBoxField:e,vendorName:t,bookCloseDate:o})=>{const r=Be().getValues(e.name),c=jt(),{dateFormat:{visual:a},transactionDetail:d,common:s}=N.getLocalizedStrings();return i.jsxs(Ga,{isSelected:r,children:[i.jsx(un,{style:{width:"auto"},label:{label:i.jsxs(Ka,{children:[d.updateCategoryClassForSimilar," ",i.jsx("q",{children:i.jsx(Xa,{children:t})})," ",d.transactionsPostBookCloseDateOf,s.strings.space,o.format(a.MMMDCommaYYYYformat),"."]}),style:{color:c.colors.primary}},checkBoxField:e,"data-testid":B(e.name,"update-all-checkbox-field")}),i.jsx(to,{placement:"bottom",variant:"small-description",maxWidth:"280px",data:d.reachZeniTeam,children:i.jsx(Za,{})})]})},{transactionDetail:ze}=N.getLocalizedStrings(),Je=(e,t,o)=>o!=null?`${e}.${o}.${t}`:`${e}.${t}`,ao={labelWidth:new R(120,145,160),desciptionMarginRight:new R(v[1],v[4],v[4])},Qa=l(Ft)`
   color: ${e=>e.theme.colors.primary};
 `,es=l.div`
   padding: ${n.sp3};
@@ -533,7 +533,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${n.sp2};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,so=({title:e,amount:t,sectionId:o,lineIndex:r,isDisabled:c})=>{const a=jt(),d=Z(),s=Je(o,"lineDescription",r.toString());return i.jsx(as,{"data-testid":B("list-item-title",o),children:i.jsxs(ts,{children:[i.jsx(an,{type:"text",name:s,placeholder:ze.lineItems.descriptionPlaceholder,defaultValue:e,registerOptions:{required:!1},isDisabled:c,style:{display:"flex",flexGrow:1,height:`${n.sp6}`,cursor:"inherit",padding:`${n.sp0} ${n.sp3}`,textAlign:"left",marginRight:ao.desciptionMarginRight.value(d)},placeholderAlignment:"left",hoverBgColor:a.colors.background},s),i.jsx(Qa,{children:De("0,0.00",t)})]})})},ls=({accountList:e,accountsHierarchyList:t,classHierarchyList:o,classList:r,sectionId:c,isAccountAndClassNonEditable:a=!1,lineIndex:d,lineItemLocalData:s,transaction:m,vendorName:w,bookCloseDate:f,containerRef:$,uncategorizedAccounts:h,searchAutoComplete:C,transactionType:b,isDisabled:O,isCOTEnabled:g,cotTracking:S,openTooltipId:R,setOpenTooltipId:A})=>{const D=Z(),k=jt(),{setValue:L}=Be(),{createAlternateRecommendationCallback:W}=Qi(),M=T.useMemo(()=>s.recommendationsWithCOT??[],[s.recommendationsWithCOT]),ce=C?.autoCompleteData,J=j=>{const U=ce?.entityAutoCompleteView?.customer?.find(Se=>Se.qboId===j),me=ce?.entityAutoCompleteView?.vendor?.find(Se=>Se.qboId===j);return U?.qboId??me?.qboId},ye=j=>e.filter(U=>U.qboId===j)[0]?.qboId??void 0,be=j=>r.filter(U=>U.classId===j)[0]?.accountingClassNumber??void 0,pe=j=>h!=null?[h.expense?.qboId,h.income?.qboId].includes(j):!1,x=j=>h!=null&&(j.qboId===h.expense?.qboId||j.qboId===h.income?.qboId),E=ao.labelWidth.value(D),Y=Je(c,"account",d.toString()),Te=Je(c,"class",d.toString()),xe=Je(c,"isUpdateAllChecked",d.toString()),ge=Je(c,re,d.toString()),je=Ki(t,s.recommendationsWithCOT),X=e.find(j=>j.qboId===s.account.selectedOption),Re=r.find(j=>j.classId===s.class.selectedOption),Me=m.lines!=null?m.lines[d]:void 0,Wt=T.useCallback(j=>{L(`${Y}.selectedOption`,j,{shouldValidate:!0,shouldDirty:!0})},[L,Y]),qt=T.useCallback(j=>{L(`${Te}.selectedOption`,j,{shouldValidate:!0,shouldDirty:!0})},[L,Te]),dt=T.useCallback((j,U)=>{S?.onCOTView!=null&&S.onCOTView(s.id,S.transactionId,j,U)},[S,s.id]),Ut=T.useCallback(j=>{const U=M[1],me=M[0];W("category",{currentValue:X?.accountName,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:S},U,me)(j)},[W,M,X?.accountName,S]),Ot=T.useCallback(j=>{const U=M[1],me=M[0];W("class",{currentValue:Re?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:S},U,me)(j)},[M,W,Re?.className,S]),Lt=li(M,"category",g,{label:Me?.account?.accountName,value:Me?.account?.qboId??Me?.account?.accountId},"details_page",null,Wt,Ut,s[le].selectedOption,pe),Fe=ri(M,"category"),q=li(M,"class",g,{label:Me?.class?.className,value:Me?.class?.classId},"details_page",null,qt,Ot,s[se].selectedOption,pe),oe=ri(M,"class"),{getValues:Oe}=Be(),ut=T.useMemo(()=>{const j=Oe(Y)??null,U=je.findIndex(Ce=>Ce.label==="All Categories"),me=U>-1&&j?.selectedOption!=null?je[U].options.find(Ce=>Ce.value===j.selectedOption)?.label:void 0,Se=j!=null&&me!=null?{...X,accountDescription:X?.accountDescription??"",labels:X!=null?X.labels:[]}:X;if(Se!=null&&x(Se))return{text:N.getLocalizedStrings().transactionDetail.tooltipText,sticky:!0}},[Oe,Y,je,X]),Le={valueContainer:j=>({...j,padding:`2px ${n.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0}),menu:()=>({right:D==="small"?0:void 0})},We=s.isUpdateAllChecked===!0,Ht=b!=null&&["journal_entry","deposit"].includes(b),it=Re?.classId,Yt=T.useMemo(()=>!it||!oe?!1:M.some(j=>j.class!=null?j.class.classId===it:!1),[it,oe,M]),qe=X?.qboId??X?.accountId,ot=T.useMemo(()=>!qe||!Fe?!1:M.some(j=>j.account!=null?j.account.qboId===qe||j.account.accountId===qe:!1),[qe,Fe,M]),nt=Xi(o,M),pt=T.useMemo(()=>Qt("vendor",s[re]?.defaultOptions,s[re]?.selectedOption),[s]),mt=T.useMemo(()=>Qt("category",je,s[le]?.selectedOption),[je,s]),at=T.useMemo(()=>Qt("class",nt,s[se]?.selectedOption),[s,nt]),ht=k.colors.primary,Ve=k.colors.grey1,gt=T.useCallback(j=>{let U=!1;switch(j){case"category":U=mt;break;case"class":U=at;break;case"vendor":U=pt;break}return me=>me?{width:"100%",flexGrow:"1"}:{width:"max-content",flexGrow:"unset",outline:U?`1px dashed ${Ve}`:"none",borderRadius:n.sp1,":hover":{outlineColor:ht}}},[pt,at,mt,ht,Ve]);return i.jsxs(ns,{updateAllVisible:We,"data-testid":B("list-item-detail",c),children:[a===!1&&Ht===!0?i.jsx(Sa,{label:{label:ze.lineItems.name,width:E},isDisabled:O,autoCompleteGroupedSingleSelectField:{name:ge,placeholder:ze.transactionDetailPlaceholders.name,valueToId:j=>J(j),defaultValue:{selectedOption:s[re]?.selectedOption,defaultOptions:s[re]?.defaultOptions},style:{width:"100%"},customStyleConfig:Le,registerOptions:{required:!1},menuPortal:$,isDisabled:O,loadOptions:C?.loadOptions,getStyles:gt("vendor")},style:{borderBottom:`1px solid ${k.colors.grey3}`,justifyContent:"space-between"},fullWidthSelect:!1},ge):null,a===!1?i.jsx(di,{isLoading:!1,label:{label:ze.lineItems.category,width:E},isDisabled:O,groupedSingleSelectField:{name:Y,placeholder:ze.transactionDetailPlaceholders.category,valueToId:j=>ye(j),type:"category",defaultValue:{selectedOption:X?.qboId??X?.accountId,allOptions:je},style:{width:"100%"},customStyleConfig:Le,registerOptions:{required:!1},pageSource:"details_page",transactionStatus:null,isDisabled:O,tooltip:ut,menuPortal:$,showCOT:g,getStyles:gt("category")},disableCurrentOption:pe,style:{borderBottom:`1px solid ${k.colors.grey3}`},fullWidthSelect:!1,isRecommendedSelected:ot,hasRecommendations:Fe,cotData:Lt,onCOTView:dt,openTooltipId:R,setOpenTooltipId:A},Y):i.jsxs(is,{isViewOnly:a,children:[i.jsx(ki,{children:ze.lineItems.category}),i.jsx(zi,{windowSize:D,children:X?.accountName??"-"})]}),a===!1?i.jsx(di,{isLoading:!1,label:{label:ze.lineItems.class,width:E},isDisabled:O,groupedSingleSelectField:{name:Te,placeholder:ze.transactionDetailPlaceholders.class,valueToId:j=>be(j),defaultValue:{selectedOption:Re?.classId,allOptions:nt},type:"class",style:{width:"100%"},pageSource:"details_page",transactionStatus:null,isDisabled:O,menuPortal:$,customStyleConfig:Le,registerOptions:{required:!1},showCOT:g,getStyles:gt("class")},disableCurrentOption:pe,style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},isRecommendedSelected:Yt,hasRecommendations:oe,cotData:q,fullWidthSelect:!1,onCOTView:dt,openTooltipId:R,setOpenTooltipId:A},Te):i.jsxs(os,{isViewOnly:a,children:[i.jsx(ki,{children:ze.lineItems.class}),i.jsx(zi,{windowSize:D,children:Re?.className??"-"})]}),i.jsx(es,{isVisible:We,children:i.jsx(Ja,{checkBoxField:{defaultChecked:Oe(xe),name:xe,isDisabled:O},vendorName:w??"",bookCloseDate:f??ue.dateNow()})})]},`dropdown-container-${d}`)};function pi({accountList:e,accountsHierarchyList:t,classHierarchyList:o,classList:r,sectionId:c,lineItemLocalData:a,isAccountAndClassNonEditable:d,lineIndex:s,lineId:m,isCOTEnabled:w,lineRecommendation:f,bookCloseDate:$,containerRef:h,searchAutoComplete:C,transaction:b,uncategorizedAccounts:O,transactionType:g,vendorName:S,isDisabled:R,cotTracking:A,openTooltipId:D,setOpenTooltipId:k}){return i.jsxs(ss,{"data-testid":B("transaction-line-with-account-and-class",c),children:[i.jsx(so,{title:a.lineDescription??"",amount:a.amount,lineId:a.id,sectionId:c,lineIndex:s,isDisabled:R},`lineTitleItem-${s}`),(a.type==="transaction_with_account_and_class_line"||a.type==="journal_entry_transaction_line")&&a.account!=null&&a.class!=null?i.jsx(ls,{transaction:b,accountList:e,accountsHierarchyList:t,classHierarchyList:o,classList:r,sectionId:c,isAccountAndClassNonEditable:d,lineIndex:s,lineId:m,lineRecommendation:f,lineItemLocalData:a,vendorName:S??a.vendor?.name??a.customer?.name,bookCloseDate:$,containerRef:h,searchAutoComplete:C,uncategorizedAccounts:O,transactionType:g,isDisabled:R,isCOTEnabled:w,cotTracking:A,openTooltipId:D,setOpenTooltipId:k},`lineDetailItem-${s}`):null]},`container-${s}`)}const _t={detailPaddingLeftRight:new V(v[3],v[8])},Ai=l(Ft)`
+`,so=({title:e,amount:t,sectionId:o,lineIndex:r,isDisabled:c})=>{const a=jt(),d=Z(),s=Je(o,"lineDescription",r.toString());return i.jsx(as,{"data-testid":B("list-item-title",o),children:i.jsxs(ts,{children:[i.jsx(an,{type:"text",name:s,placeholder:ze.lineItems.descriptionPlaceholder,defaultValue:e,registerOptions:{required:!1},isDisabled:c,style:{display:"flex",flexGrow:1,height:`${n.sp6}`,cursor:"inherit",padding:`${n.sp0} ${n.sp3}`,textAlign:"left",marginRight:ao.desciptionMarginRight.value(d)},placeholderAlignment:"left",hoverBgColor:a.colors.background},s),i.jsx(Qa,{children:De("0,0.00",t)})]})})},ls=({accountList:e,accountsHierarchyList:t,classHierarchyList:o,classList:r,sectionId:c,isAccountAndClassNonEditable:a=!1,lineIndex:d,lineItemLocalData:s,transaction:m,vendorName:w,bookCloseDate:f,containerRef:$,uncategorizedAccounts:h,searchAutoComplete:C,transactionType:b,isDisabled:O,isCOTEnabled:g,cotTracking:S,openTooltipId:V,setOpenTooltipId:A})=>{const D=Z(),k=jt(),{setValue:L}=Be(),{createAlternateRecommendationCallback:W}=Qi(),M=T.useMemo(()=>s.recommendationsWithCOT??[],[s.recommendationsWithCOT]),ce=C?.autoCompleteData,J=j=>{const U=ce?.entityAutoCompleteView?.customer?.find(Se=>Se.qboId===j),me=ce?.entityAutoCompleteView?.vendor?.find(Se=>Se.qboId===j);return U?.qboId??me?.qboId},ye=j=>e.filter(U=>U.qboId===j)[0]?.qboId??void 0,be=j=>r.filter(U=>U.classId===j)[0]?.accountingClassNumber??void 0,pe=j=>h!=null?[h.expense?.qboId,h.income?.qboId].includes(j):!1,x=j=>h!=null&&(j.qboId===h.expense?.qboId||j.qboId===h.income?.qboId),E=ao.labelWidth.value(D),Y=Je(c,"account",d.toString()),Te=Je(c,"class",d.toString()),xe=Je(c,"isUpdateAllChecked",d.toString()),ge=Je(c,re,d.toString()),je=Ki(t,s.recommendationsWithCOT),X=e.find(j=>j.qboId===s.account.selectedOption),Ve=r.find(j=>j.classId===s.class.selectedOption),Me=m.lines!=null?m.lines[d]:void 0,Wt=T.useCallback(j=>{L(`${Y}.selectedOption`,j,{shouldValidate:!0,shouldDirty:!0})},[L,Y]),qt=T.useCallback(j=>{L(`${Te}.selectedOption`,j,{shouldValidate:!0,shouldDirty:!0})},[L,Te]),dt=T.useCallback((j,U)=>{S?.onCOTView!=null&&S.onCOTView(s.id,S.transactionId,j,U)},[S,s.id]),Ut=T.useCallback(j=>{const U=M[1],me=M[0];W("category",{currentValue:X?.accountName,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:S},U,me)(j)},[W,M,X?.accountName,S]),Ot=T.useCallback(j=>{const U=M[1],me=M[0];W("class",{currentValue:Ve?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:S},U,me)(j)},[M,W,Ve?.className,S]),Lt=li(M,"category",g,{label:Me?.account?.accountName,value:Me?.account?.qboId??Me?.account?.accountId},"details_page",null,Wt,Ut,s[le].selectedOption,pe),Fe=ri(M,"category"),q=li(M,"class",g,{label:Me?.class?.className,value:Me?.class?.classId},"details_page",null,qt,Ot,s[se].selectedOption,pe),oe=ri(M,"class"),{getValues:Oe}=Be(),ut=T.useMemo(()=>{const j=Oe(Y)??null,U=je.findIndex(Ce=>Ce.label==="All Categories"),me=U>-1&&j?.selectedOption!=null?je[U].options.find(Ce=>Ce.value===j.selectedOption)?.label:void 0,Se=j!=null&&me!=null?{...X,accountDescription:X?.accountDescription??"",labels:X!=null?X.labels:[]}:X;if(Se!=null&&x(Se))return{text:N.getLocalizedStrings().transactionDetail.tooltipText,sticky:!0}},[Oe,Y,je,X]),Le={valueContainer:j=>({...j,padding:`2px ${n.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0}),menu:()=>({right:D==="small"?0:void 0})},We=s.isUpdateAllChecked===!0,Ht=b!=null&&["journal_entry","deposit"].includes(b),it=Ve?.classId,Yt=T.useMemo(()=>!it||!oe?!1:M.some(j=>j.class!=null?j.class.classId===it:!1),[it,oe,M]),qe=X?.qboId??X?.accountId,ot=T.useMemo(()=>!qe||!Fe?!1:M.some(j=>j.account!=null?j.account.qboId===qe||j.account.accountId===qe:!1),[qe,Fe,M]),nt=Xi(o,M),pt=T.useMemo(()=>Qt("vendor",s[re]?.defaultOptions,s[re]?.selectedOption),[s]),mt=T.useMemo(()=>Qt("category",je,s[le]?.selectedOption),[je,s]),at=T.useMemo(()=>Qt("class",nt,s[se]?.selectedOption),[s,nt]),ht=k.colors.primary,Re=k.colors.grey1,gt=T.useCallback(j=>{let U=!1;switch(j){case"category":U=mt;break;case"class":U=at;break;case"vendor":U=pt;break}return me=>me?{width:"100%",flexGrow:"1"}:{width:"max-content",flexGrow:"unset",outline:U?`1px dashed ${Re}`:"none",borderRadius:n.sp1,":hover":{outlineColor:ht}}},[pt,at,mt,ht,Re]);return i.jsxs(ns,{updateAllVisible:We,"data-testid":B("list-item-detail",c),children:[a===!1&&Ht===!0?i.jsx(Sa,{label:{label:ze.lineItems.name,width:E},isDisabled:O,autoCompleteGroupedSingleSelectField:{name:ge,placeholder:ze.transactionDetailPlaceholders.name,valueToId:j=>J(j),defaultValue:{selectedOption:s[re]?.selectedOption,defaultOptions:s[re]?.defaultOptions},style:{width:"100%"},customStyleConfig:Le,registerOptions:{required:!1},menuPortal:$,isDisabled:O,loadOptions:C?.loadOptions,getStyles:gt("vendor")},style:{borderBottom:`1px solid ${k.colors.grey3}`,justifyContent:"space-between"},fullWidthSelect:!1},ge):null,a===!1?i.jsx(di,{isLoading:!1,label:{label:ze.lineItems.category,width:E},isDisabled:O,groupedSingleSelectField:{name:Y,placeholder:ze.transactionDetailPlaceholders.category,valueToId:j=>ye(j),type:"category",defaultValue:{selectedOption:X?.qboId??X?.accountId,allOptions:je},style:{width:"100%"},customStyleConfig:Le,registerOptions:{required:!1},pageSource:"details_page",transactionStatus:null,isDisabled:O,tooltip:ut,menuPortal:$,showCOT:g,getStyles:gt("category")},disableCurrentOption:pe,style:{borderBottom:`1px solid ${k.colors.grey3}`},fullWidthSelect:!1,isRecommendedSelected:ot,hasRecommendations:Fe,cotData:Lt,onCOTView:dt,openTooltipId:V,setOpenTooltipId:A},Y):i.jsxs(is,{isViewOnly:a,children:[i.jsx(ki,{children:ze.lineItems.category}),i.jsx(zi,{windowSize:D,children:X?.accountName??"-"})]}),a===!1?i.jsx(di,{isLoading:!1,label:{label:ze.lineItems.class,width:E},isDisabled:O,groupedSingleSelectField:{name:Te,placeholder:ze.transactionDetailPlaceholders.class,valueToId:j=>be(j),defaultValue:{selectedOption:Ve?.classId,allOptions:nt},type:"class",style:{width:"100%"},pageSource:"details_page",transactionStatus:null,isDisabled:O,menuPortal:$,customStyleConfig:Le,registerOptions:{required:!1},showCOT:g,getStyles:gt("class")},disableCurrentOption:pe,style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},isRecommendedSelected:Yt,hasRecommendations:oe,cotData:q,fullWidthSelect:!1,onCOTView:dt,openTooltipId:V,setOpenTooltipId:A},Te):i.jsxs(os,{isViewOnly:a,children:[i.jsx(ki,{children:ze.lineItems.class}),i.jsx(zi,{windowSize:D,children:Ve?.className??"-"})]}),i.jsx(es,{isVisible:We,children:i.jsx(Ja,{checkBoxField:{defaultChecked:Oe(xe),name:xe,isDisabled:O},vendorName:w??"",bookCloseDate:f??ue.dateNow()})})]},`dropdown-container-${d}`)};function pi({accountList:e,accountsHierarchyList:t,classHierarchyList:o,classList:r,sectionId:c,lineItemLocalData:a,isAccountAndClassNonEditable:d,lineIndex:s,lineId:m,isCOTEnabled:w,lineRecommendation:f,bookCloseDate:$,containerRef:h,searchAutoComplete:C,transaction:b,uncategorizedAccounts:O,transactionType:g,vendorName:S,isDisabled:V,cotTracking:A,openTooltipId:D,setOpenTooltipId:k}){return i.jsxs(ss,{"data-testid":B("transaction-line-with-account-and-class",c),children:[i.jsx(so,{title:a.lineDescription??"",amount:a.amount,lineId:a.id,sectionId:c,lineIndex:s,isDisabled:V},`lineTitleItem-${s}`),(a.type==="transaction_with_account_and_class_line"||a.type==="journal_entry_transaction_line")&&a.account!=null&&a.class!=null?i.jsx(ls,{transaction:b,accountList:e,accountsHierarchyList:t,classHierarchyList:o,classList:r,sectionId:c,isAccountAndClassNonEditable:d,lineIndex:s,lineId:m,lineRecommendation:f,lineItemLocalData:a,vendorName:S??a.vendor?.name??a.customer?.name,bookCloseDate:$,containerRef:h,searchAutoComplete:C,uncategorizedAccounts:O,transactionType:g,isDisabled:V,isCOTEnabled:w,cotTracking:A,openTooltipId:D,setOpenTooltipId:k},`lineDetailItem-${s}`):null]},`container-${s}`)}const _t={detailPaddingLeftRight:new R(v[3],v[8])},Ai=l(Ft)`
   color: ${e=>e.isUncategorized||e.isMiscategorized?e.theme.colors.primary:e.theme.colors.hero};
 `,rs=l.div`
   display: flex;
@@ -562,12 +562,12 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   justify-content: center;
   border-radius: ${n.sp2};
   margin: ${e=>`${n.sp6} ${_t.detailPaddingLeftRight.valuePx(e.windowSize)}`};
-`,Ri=l.div`
+`,Vi=l.div`
   display: flex;
   justify-content: center;
   gap: ${n.sp1};
   width: 50%;
-`,Vi=l.div`
+`,Ri=l.div`
   display: flex;
   justify-content: space-around;
   gap: ${n.sp1};
@@ -594,7 +594,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   min-width: 100%;
   padding-left: ${e=>_t.detailPaddingLeftRight.valuePx(e.windowSize)};
   padding-right: ${e=>_t.detailPaddingLeftRight.valuePx(e.windowSize)};
-`,ys=["uncategorizedDebit","uncategorizedCredit","miscategorizedDebit","miscategorizedCredit","debit","credit"],G=N.getLocalizedStrings().transactionDetail.lineItems,bs=(e,t,o,r,c,a)=>({credit:{amount:e,title:G.credit},debit:{amount:t,title:G.debit},uncategorizedCredit:{amount:o,title:G.uncategorizedCredit},uncategorizedDebit:{amount:r,title:G.uncategorizedDebit},miscategorizedCredit:{amount:c,title:G.miscategorizedCredit},miscategorizedDebit:{amount:a,title:G.miscategorizedDebit}}),xs=(e,t,o)=>e!=null||t!=null||o!=null?{...e,amount:e?.amount??0+(t?.amount??0)+(o?.amount??0)}:e,ii=e=>e.reduce((t,o)=>t==null?Object.assign({},o.amount):Object.assign({},t,{amount:t.amount+o.amount.amount}),void 0),Pi=(e,t,o,r)=>{const c=ii(e[t]??[]),a=ii(e[o]??[]),d=ii(e[r]??[]),s=xs(c,a,d);return t===G.postingTypeCredit?{creditAmount:c,uncategorizedTransactionCreditAmount:a,miscategorizedTransactionCreditAmount:d,combinedCreditAmount:s}:{debitAmount:c,uncategorizedTransactionDebitAmount:a,miscategorizedTransactionDebitAmount:d,combinedDebitAmount:s}},ws=e=>{let t=[];return ys.forEach(o=>{o in e&&(t.push(o),t=[...t,...e[o]])}),t},$s=(e,t,o,r,c)=>{const a=m=>G.uncategorized+ji(m)+m.slice(1),d=m=>G.miscategorized+ji(m)+m.slice(1),s=m=>{const w=o.lines?.find($=>$.id===m.id),f=t.find($=>$.qboId===w?.account.qboId);return c(m)?d(m?.postingType):f!=null&&r(f)?a(m?.postingType):m.postingType};return sn(e,m=>s(m))},Is=({title:e,amount:t,isUncategorized:o,isMiscategorized:r})=>i.jsxs(rs,{children:[i.jsx(Ai,{isUncategorized:o,isMiscategorized:r,children:e}),i.jsx(Ai,{isUncategorized:o,isMiscategorized:r,children:De("0,0.00",t)})]}),vs=({combinedCreditAmount:e,combinedDebitAmount:t})=>{const o=Z();return o!=="small"?i.jsxs(us,{windowSize:o,children:[i.jsxs(Ri,{children:[i.jsxs(Pe,{children:[G.totalDebits,":"]}),i.jsx(Pe,{children:De("0,0.00",t)})]}),i.jsx(ms,{}),i.jsxs(Ri,{children:[i.jsxs(Pe,{children:[G.totalCredits,":"]}),i.jsx(Pe,{children:De("0,0.00",e)})]})]}):i.jsxs(ps,{windowSize:o,children:[i.jsxs(Vi,{children:[i.jsxs(Pe,{children:[G.totalDebits,":"]}),i.jsx(Pe,{children:De("0,0.00",t)})]}),i.jsx(hs,{}),i.jsxs(Vi,{children:[i.jsxs(Pe,{children:[G.totalCredits,":"]}),i.jsx(Pe,{children:De("0,0.00",e)})]})]})},Cs=({index:e,style:t,data:o})=>{const{accountList:r,accountsHierarchyList:c,classHierarchyList:a,classList:d,transaction:s,sectionId:m,journalEntryTransactionFlattenList:w,lines:f,allAmountsOptions:$,containerRef:h,uncategorizedAccounts:C,searchAutoComplete:b,bookCloseDate:O,isDisabled:g,isCOTEnabled:S,openTooltipId:R,setOpenTooltipId:A}=o,D=w[e],k=f.findIndex(W=>W.id===D.id),L=Z();return i.jsx(fs,{windowSize:L,style:t,"data-testid":B("journal-entry-list-item",m),children:typeof D!="string"&&D?.type==="journal_entry_transaction_line"?i.jsx(cs,{children:i.jsx(pi,{transaction:s,lineItemLocalData:D,accountList:r,accountsHierarchyList:c,classHierarchyList:a,classList:d,sectionId:m,isAccountAndClassNonEditable:!1,lineIndex:k,lineId:k+1,containerRef:h,uncategorizedAccounts:C,searchAutoComplete:b,transactionType:"journal_entry",bookCloseDate:O,isDisabled:g,isCOTEnabled:S,openTooltipId:R,setOpenTooltipId:A},`accountclass-${e}`)},`sub-container-${e}`):i.jsx(Is,{title:$[D].title,amount:$[D].amount,isUncategorized:["uncategorizedDebit","uncategorizedCredit"].includes(D),isMiscategorized:["miscategorizedDebit","miscategorizedCredit"].includes(D)},`header-${e}`)},k)},Ds=({journalEntryTransactionFlattenList:e,allAmountsOptions:t,accountList:o,accountsHierarchyList:r,classHierarchyList:c,classList:a,sectionId:d,transaction:s,lineItemsLocalData:m,lines:w,containerRef:f,searchAutoComplete:$,isCOTEnabled:h,openTooltipId:C,setOpenTooltipId:b,uncategorizedAccounts:O,bookCloseDate:g,isDisabled:S})=>{const R=Z(),A=k=>{const L=e[k];return typeof L=="string"?Ti-50:typeof L!="string"&&L?.type==="journal_entry_transaction_line"?mn(L,R):Ti+120},D=T.useRef(null);return T.useEffect(()=>{D.current?.resetAfterIndex(0)},[R,D,e]),i.jsx(gs,{children:i.jsx(ln,{children:({height:k,width:L})=>i.jsx(rn,{"data-testid":B("journal-entry-list",d),height:k,itemCount:e.length,itemSize:A,width:L,ref:D,initialScrollOffset:0,overscanCount:1,itemData:{journalEntryTransactionFlattenList:e,accountList:o,accountsHierarchyList:r,classHierarchyList:c,classList:a,sectionId:d,transaction:s,lineItemsLocalData:m,lines:w,allAmountsOptions:t,containerRef:f,searchAutoComplete:$,uncategorizedAccounts:O,bookCloseDate:g,isDisabled:S,isCOTEnabled:h,openTooltipId:C,setOpenTooltipId:b},children:Cs})})})};function Ts({lines:e,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,containerRef:s,transaction:m,uncategorizedAccounts:w,searchAutoComplete:f,isDisabled:$,isCOTEnabled:h,openTooltipId:C,setOpenTooltipId:b}){const O=$s(e,t,m,J=>w!=null&&(J.qboId===w.expense?.qboId||J.qboId===w.income?.qboId),J=>!!J.isCategoryMiscategorized||!!J.isClassMiscategorized),{creditAmount:g,uncategorizedTransactionCreditAmount:S,combinedCreditAmount:R,miscategorizedTransactionCreditAmount:A}=Pi(O,G.postingTypeCredit,G.postingTypeUncategorizedCredit,G.postingTypeMiscategorizedCredit),{debitAmount:D,uncategorizedTransactionDebitAmount:k,combinedDebitAmount:L,miscategorizedTransactionDebitAmount:W}=Pi(O,G.postingTypeDebit,G.postingTypeUncategorizedDebit,G.postingTypeMiscategorizedDebit),M=bs(g,D,S,k,A,W),ce=ws(O);return i.jsxs(ds,{children:[i.jsx(vs,{combinedCreditAmount:R,combinedDebitAmount:L}),i.jsx(Ds,{transaction:m,journalEntryTransactionFlattenList:ce,allAmountsOptions:M,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,lines:e,containerRef:s,searchAutoComplete:f,uncategorizedAccounts:w,bookCloseDate:m.bookCloseDate,isCOTEnabled:h,isDisabled:$,openTooltipId:C,setOpenTooltipId:b})]})}const js=l(he)`
+`,ys=["uncategorizedDebit","uncategorizedCredit","miscategorizedDebit","miscategorizedCredit","debit","credit"],G=N.getLocalizedStrings().transactionDetail.lineItems,bs=(e,t,o,r,c,a)=>({credit:{amount:e,title:G.credit},debit:{amount:t,title:G.debit},uncategorizedCredit:{amount:o,title:G.uncategorizedCredit},uncategorizedDebit:{amount:r,title:G.uncategorizedDebit},miscategorizedCredit:{amount:c,title:G.miscategorizedCredit},miscategorizedDebit:{amount:a,title:G.miscategorizedDebit}}),xs=(e,t,o)=>e!=null||t!=null||o!=null?{...e,amount:e?.amount??0+(t?.amount??0)+(o?.amount??0)}:e,ii=e=>e.reduce((t,o)=>t==null?Object.assign({},o.amount):Object.assign({},t,{amount:t.amount+o.amount.amount}),void 0),Pi=(e,t,o,r)=>{const c=ii(e[t]??[]),a=ii(e[o]??[]),d=ii(e[r]??[]),s=xs(c,a,d);return t===G.postingTypeCredit?{creditAmount:c,uncategorizedTransactionCreditAmount:a,miscategorizedTransactionCreditAmount:d,combinedCreditAmount:s}:{debitAmount:c,uncategorizedTransactionDebitAmount:a,miscategorizedTransactionDebitAmount:d,combinedDebitAmount:s}},ws=e=>{let t=[];return ys.forEach(o=>{o in e&&(t.push(o),t=[...t,...e[o]])}),t},$s=(e,t,o,r,c)=>{const a=m=>G.uncategorized+ji(m)+m.slice(1),d=m=>G.miscategorized+ji(m)+m.slice(1),s=m=>{const w=o.lines?.find($=>$.id===m.id),f=t.find($=>$.qboId===w?.account.qboId);return c(m)?d(m?.postingType):f!=null&&r(f)?a(m?.postingType):m.postingType};return sn(e,m=>s(m))},Is=({title:e,amount:t,isUncategorized:o,isMiscategorized:r})=>i.jsxs(rs,{children:[i.jsx(Ai,{isUncategorized:o,isMiscategorized:r,children:e}),i.jsx(Ai,{isUncategorized:o,isMiscategorized:r,children:De("0,0.00",t)})]}),vs=({combinedCreditAmount:e,combinedDebitAmount:t})=>{const o=Z();return o!=="small"?i.jsxs(us,{windowSize:o,children:[i.jsxs(Vi,{children:[i.jsxs(Pe,{children:[G.totalDebits,":"]}),i.jsx(Pe,{children:De("0,0.00",t)})]}),i.jsx(ms,{}),i.jsxs(Vi,{children:[i.jsxs(Pe,{children:[G.totalCredits,":"]}),i.jsx(Pe,{children:De("0,0.00",e)})]})]}):i.jsxs(ps,{windowSize:o,children:[i.jsxs(Ri,{children:[i.jsxs(Pe,{children:[G.totalDebits,":"]}),i.jsx(Pe,{children:De("0,0.00",t)})]}),i.jsx(hs,{}),i.jsxs(Ri,{children:[i.jsxs(Pe,{children:[G.totalCredits,":"]}),i.jsx(Pe,{children:De("0,0.00",e)})]})]})},Cs=({index:e,style:t,data:o})=>{const{accountList:r,accountsHierarchyList:c,classHierarchyList:a,classList:d,transaction:s,sectionId:m,journalEntryTransactionFlattenList:w,lines:f,allAmountsOptions:$,containerRef:h,uncategorizedAccounts:C,searchAutoComplete:b,bookCloseDate:O,isDisabled:g,isCOTEnabled:S,openTooltipId:V,setOpenTooltipId:A}=o,D=w[e],k=f.findIndex(W=>W.id===D.id),L=Z();return i.jsx(fs,{windowSize:L,style:t,"data-testid":B("journal-entry-list-item",m),children:typeof D!="string"&&D?.type==="journal_entry_transaction_line"?i.jsx(cs,{children:i.jsx(pi,{transaction:s,lineItemLocalData:D,accountList:r,accountsHierarchyList:c,classHierarchyList:a,classList:d,sectionId:m,isAccountAndClassNonEditable:!1,lineIndex:k,lineId:k+1,containerRef:h,uncategorizedAccounts:C,searchAutoComplete:b,transactionType:"journal_entry",bookCloseDate:O,isDisabled:g,isCOTEnabled:S,openTooltipId:V,setOpenTooltipId:A},`accountclass-${e}`)},`sub-container-${e}`):i.jsx(Is,{title:$[D].title,amount:$[D].amount,isUncategorized:["uncategorizedDebit","uncategorizedCredit"].includes(D),isMiscategorized:["miscategorizedDebit","miscategorizedCredit"].includes(D)},`header-${e}`)},k)},Ds=({journalEntryTransactionFlattenList:e,allAmountsOptions:t,accountList:o,accountsHierarchyList:r,classHierarchyList:c,classList:a,sectionId:d,transaction:s,lineItemsLocalData:m,lines:w,containerRef:f,searchAutoComplete:$,isCOTEnabled:h,openTooltipId:C,setOpenTooltipId:b,uncategorizedAccounts:O,bookCloseDate:g,isDisabled:S})=>{const V=Z(),A=k=>{const L=e[k];return typeof L=="string"?Ti-50:typeof L!="string"&&L?.type==="journal_entry_transaction_line"?mn(L,V):Ti+120},D=T.useRef(null);return T.useEffect(()=>{D.current?.resetAfterIndex(0)},[V,D,e]),i.jsx(gs,{children:i.jsx(ln,{children:({height:k,width:L})=>i.jsx(rn,{"data-testid":B("journal-entry-list",d),height:k,itemCount:e.length,itemSize:A,width:L,ref:D,initialScrollOffset:0,overscanCount:1,itemData:{journalEntryTransactionFlattenList:e,accountList:o,accountsHierarchyList:r,classHierarchyList:c,classList:a,sectionId:d,transaction:s,lineItemsLocalData:m,lines:w,allAmountsOptions:t,containerRef:f,searchAutoComplete:$,uncategorizedAccounts:O,bookCloseDate:g,isDisabled:S,isCOTEnabled:h,openTooltipId:C,setOpenTooltipId:b},children:Cs})})})};function Ts({lines:e,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,containerRef:s,transaction:m,uncategorizedAccounts:w,searchAutoComplete:f,isDisabled:$,isCOTEnabled:h,openTooltipId:C,setOpenTooltipId:b}){const O=$s(e,t,m,J=>w!=null&&(J.qboId===w.expense?.qboId||J.qboId===w.income?.qboId),J=>!!J.isCategoryMiscategorized||!!J.isClassMiscategorized),{creditAmount:g,uncategorizedTransactionCreditAmount:S,combinedCreditAmount:V,miscategorizedTransactionCreditAmount:A}=Pi(O,G.postingTypeCredit,G.postingTypeUncategorizedCredit,G.postingTypeMiscategorizedCredit),{debitAmount:D,uncategorizedTransactionDebitAmount:k,combinedDebitAmount:L,miscategorizedTransactionDebitAmount:W}=Pi(O,G.postingTypeDebit,G.postingTypeUncategorizedDebit,G.postingTypeMiscategorizedDebit),M=bs(g,D,S,k,A,W),ce=ws(O);return i.jsxs(ds,{children:[i.jsx(vs,{combinedCreditAmount:V,combinedDebitAmount:L}),i.jsx(Ds,{transaction:m,journalEntryTransactionFlattenList:ce,allAmountsOptions:M,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,lines:e,containerRef:s,searchAutoComplete:f,uncategorizedAccounts:w,bookCloseDate:m.bookCloseDate,isCOTEnabled:h,isDisabled:$,openTooltipId:C,setOpenTooltipId:b})]})}const js=l(he)`
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
   text-align: end;
@@ -654,7 +654,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
 `,As=l(he)`
   margin-right: ${n.sp4};
-`,Rs=(e,t)=>t.length===1?"roundedBox":e===0?"topRoundedBox":e===t.length-1?"bottomRoundedBox":"box",{transactionDetail:Ye}=N.getLocalizedStrings(),Vs=({transaction:e,rowValues:t,line:o,classList:r,classHierarchyList:c,accountList:a,sectionId:d,lineIndex:s,isCOTEnabled:m,lineRecommendation:w,isDisabled:f,cotTracking:$,openTooltipId:h,setOpenTooltipId:C})=>i.jsx(ks,{children:t.map((b,O)=>i.jsx("div",{children:i.jsx(Es,{transaction:e,boxType:Rs(O,t),rowValue:b,classList:r,classHierarchyList:c,accountList:a,sectionId:d,lineIndex:s,line:o,lineRecommendation:w,isDisabled:f,isCOTEnabled:m,cotTracking:$,openTooltipId:h,setOpenTooltipId:C})},O))}),Ps={labelWidth:new V(120,145,160)},Es=({transaction:e,boxType:t,rowValue:o,classList:r,classHierarchyList:c,sectionId:a,lineIndex:d,line:s,isDisabled:m,isCOTEnabled:w,cotTracking:f,openTooltipId:$,setOpenTooltipId:h})=>{const{setValue:C}=Be(),b=Z(),{createAlternateRecommendationCallback:O}=Qi(),g=Ps.labelWidth.value(b),S=r.find(x=>x.classId===s.class.selectedOption),R=x=>r.filter(E=>E.classId===x)[0]?.accountingClassNumber??void 0,A=e?.lines!=null?e?.lines[d]:void 0,D={valueContainer:x=>({...x,padding:`2px ${n.sp2} !important`}),menu:()=>({right:b==="small"?0:void 0})},k=Je(a,"class",d.toString()),L=T.useMemo(()=>s.recommendationsWithCOT??[],[s.recommendationsWithCOT]),W=T.useCallback(x=>{C(`${k}.selectedOption`,x,{shouldValidate:!0,shouldDirty:!0})},[C,k]),M=T.useCallback((x,E)=>{f?.onCOTView!=null&&f.onCOTView(s.id,f.transactionId,x,E)},[f,s.id]),ce=T.useCallback(x=>{const E=L[1],Y=L[0];O("class",{currentValue:S?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:f},E,Y)(x)},[O,L,S?.className,f]),J=li(L,"class",w,{label:A?.class?.className,value:A?.class?.classId},"details_page",null,W,ce,s.class.selectedOption),ye=ri(L,"class"),be=T.useMemo(()=>!s.class.selectedOption||!ye?!1:L.some(x=>x.class!=null?x.class.classId===s.class.selectedOption:!1),[s.class.selectedOption,ye,L]),pe=i.jsxs(Os,{horizontalMargin:o.title!==Ye.lineItems.class,"data-testid":B("row-content-container",a),isInputTypeRow:o.title===Ye.lineItems.class,children:[o.title!==Ye.lineItems.class&&i.jsx(As,{children:o.title}),o.title===Ye.lineItems.class?i.jsx(di,{isLoading:!1,label:{label:Ye.lineItems.class,width:g},isDisabled:m,groupedSingleSelectField:{name:Je(a,"class",d.toString()),placeholder:Ye.transactionDetailPlaceholders.class,valueToId:x=>R(x),type:"class",pageSource:"details_page",transactionStatus:null,defaultValue:{selectedOption:s.class.selectedOption,allOptions:hn(c,s.recommendationsWithCOT)},style:{width:"100%"},customStyleConfig:D,showCOT:w,registerOptions:{required:!1}},style:{justifyContent:"space-between",flexGrow:1},fullWidthSelect:!1,isRecommendedSelected:be,cotData:J,hasRecommendations:ye,isAutoCategorized:!1,onCOTView:M,openTooltipId:$,setOpenTooltipId:h}):i.jsx(js,{windowSize:b,children:o.value})]});switch(t){case"bottomRoundedBox":return i.jsx(Ls,{children:pe});default:return i.jsx(Ss,{children:pe})}};function _s({transaction:e,line:t,sectionId:o,classList:r,classHierarchyList:c,accountList:a,lineIndex:d,lineRecommendation:s,isDisabled:m,isCOTEnabled:w,cotTracking:f,openTooltipId:$,setOpenTooltipId:h}){const C=a.find(g=>g.qboId===t.account.selectedOption),b=r.find(g=>g.classId===t.class.selectedOption),O=Ns(t,C,b);return i.jsxs(zs,{"data-testid":B("transaction-line-product-or-service",o),children:[i.jsx(so,{title:t.lineDescription,amount:t.amount,lineId:t.id,sectionId:o,lineIndex:d,isDisabled:m,"data-testid":B("line-title-item",o)}),i.jsx(Vs,{transaction:e,rowValues:O,line:t,classList:r,classHierarchyList:c,accountList:a,sectionId:o,lineIndex:d,lineRecommendation:s,isDisabled:m,isCOTEnabled:w,cotTracking:f,openTooltipId:$,setOpenTooltipId:h,"data-testid":B("line-detail-item",o)})]})}function Ns(e,t,o){const r=[],c=Ye.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:De("0,0.00",e.item.unitPrice)}),r.push({title:c.category,value:t?.accountName||"-"}),r.push({title:c.class,value:o?.className||"-"}),r}const Nt=l(Ft)`
+`,Vs=(e,t)=>t.length===1?"roundedBox":e===0?"topRoundedBox":e===t.length-1?"bottomRoundedBox":"box",{transactionDetail:Ye}=N.getLocalizedStrings(),Rs=({transaction:e,rowValues:t,line:o,classList:r,classHierarchyList:c,accountList:a,sectionId:d,lineIndex:s,isCOTEnabled:m,lineRecommendation:w,isDisabled:f,cotTracking:$,openTooltipId:h,setOpenTooltipId:C})=>i.jsx(ks,{children:t.map((b,O)=>i.jsx("div",{children:i.jsx(Es,{transaction:e,boxType:Vs(O,t),rowValue:b,classList:r,classHierarchyList:c,accountList:a,sectionId:d,lineIndex:s,line:o,lineRecommendation:w,isDisabled:f,isCOTEnabled:m,cotTracking:$,openTooltipId:h,setOpenTooltipId:C})},O))}),Ps={labelWidth:new R(120,145,160)},Es=({transaction:e,boxType:t,rowValue:o,classList:r,classHierarchyList:c,sectionId:a,lineIndex:d,line:s,isDisabled:m,isCOTEnabled:w,cotTracking:f,openTooltipId:$,setOpenTooltipId:h})=>{const{setValue:C}=Be(),b=Z(),{createAlternateRecommendationCallback:O}=Qi(),g=Ps.labelWidth.value(b),S=r.find(x=>x.classId===s.class.selectedOption),V=x=>r.filter(E=>E.classId===x)[0]?.accountingClassNumber??void 0,A=e?.lines!=null?e?.lines[d]:void 0,D={valueContainer:x=>({...x,padding:`2px ${n.sp2} !important`}),menu:()=>({right:b==="small"?0:void 0})},k=Je(a,"class",d.toString()),L=T.useMemo(()=>s.recommendationsWithCOT??[],[s.recommendationsWithCOT]),W=T.useCallback(x=>{C(`${k}.selectedOption`,x,{shouldValidate:!0,shouldDirty:!0})},[C,k]),M=T.useCallback((x,E)=>{f?.onCOTView!=null&&f.onCOTView(s.id,f.transactionId,x,E)},[f,s.id]),ce=T.useCallback(x=>{const E=L[1],Y=L[0];O("class",{currentValue:S?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:f},E,Y)(x)},[O,L,S?.className,f]),J=li(L,"class",w,{label:A?.class?.className,value:A?.class?.classId},"details_page",null,W,ce,s.class.selectedOption),ye=ri(L,"class"),be=T.useMemo(()=>!s.class.selectedOption||!ye?!1:L.some(x=>x.class!=null?x.class.classId===s.class.selectedOption:!1),[s.class.selectedOption,ye,L]),pe=i.jsxs(Os,{horizontalMargin:o.title!==Ye.lineItems.class,"data-testid":B("row-content-container",a),isInputTypeRow:o.title===Ye.lineItems.class,children:[o.title!==Ye.lineItems.class&&i.jsx(As,{children:o.title}),o.title===Ye.lineItems.class?i.jsx(di,{isLoading:!1,label:{label:Ye.lineItems.class,width:g},isDisabled:m,groupedSingleSelectField:{name:Je(a,"class",d.toString()),placeholder:Ye.transactionDetailPlaceholders.class,valueToId:x=>V(x),type:"class",pageSource:"details_page",transactionStatus:null,defaultValue:{selectedOption:s.class.selectedOption,allOptions:hn(c,s.recommendationsWithCOT)},style:{width:"100%"},customStyleConfig:D,showCOT:w,registerOptions:{required:!1}},style:{justifyContent:"space-between",flexGrow:1},fullWidthSelect:!1,isRecommendedSelected:be,cotData:J,hasRecommendations:ye,isAutoCategorized:!1,onCOTView:M,openTooltipId:$,setOpenTooltipId:h}):i.jsx(js,{windowSize:b,children:o.value})]});switch(t){case"bottomRoundedBox":return i.jsx(Ls,{children:pe});default:return i.jsx(Ss,{children:pe})}};function _s({transaction:e,line:t,sectionId:o,classList:r,classHierarchyList:c,accountList:a,lineIndex:d,lineRecommendation:s,isDisabled:m,isCOTEnabled:w,cotTracking:f,openTooltipId:$,setOpenTooltipId:h}){const C=a.find(g=>g.qboId===t.account.selectedOption),b=r.find(g=>g.classId===t.class.selectedOption),O=Ns(t,C,b);return i.jsxs(zs,{"data-testid":B("transaction-line-product-or-service",o),children:[i.jsx(so,{title:t.lineDescription,amount:t.amount,lineId:t.id,sectionId:o,lineIndex:d,isDisabled:m,"data-testid":B("line-title-item",o)}),i.jsx(Rs,{transaction:e,rowValues:O,line:t,classList:r,classHierarchyList:c,accountList:a,sectionId:o,lineIndex:d,lineRecommendation:s,isDisabled:m,isCOTEnabled:w,cotTracking:f,openTooltipId:$,setOpenTooltipId:h,"data-testid":B("line-detail-item",o)})]})}function Ns(e,t,o){const r=[],c=Ye.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:De("0,0.00",e.item.unitPrice)}),r.push({title:c.category,value:t?.accountName||"-"}),r.push({title:c.class,value:o?.className||"-"}),r}const Nt=l(Ft)`
   color: ${e=>e.theme.colors.primary};
 `,Ei=l(mi)`
   color: ${e=>e.theme.colors.primary};
@@ -683,7 +683,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   display: flex;
   flex-direction: column;
   width: 100%;
-`,Ys=({line:e,parentTransaction:t})=>{const o=N.getLocalizedStrings().transactionDetail.transactionLabels.productOrServiceInfo,r=t.balance?.amount??0,c=Object.assign({},t.amount,{amount:t.amount.amount-r}),a=s=>{switch(s){case"refund":case"credit_memo":return o.amountReceived[s];default:return o.amountReceived.default}},d=s=>{switch(s){case"credit_memo":return o.balanceDue[s];default:return o.balanceDue.default}};return i.jsxs(Us,{children:[i.jsx(Fs,{title:e.lineDetailType==="sub_total_line_detail"?o.subtotal:e.lineDescription,amount:e.amount}),i.jsx(qs,{title:o.total,amount:t.amount}),i.jsx(Ni,{title:a(t.type),amount:c}),t.type!=="refund"&&i.jsx(Ni,{title:d(t.type),amount:t.balance})]})};function Gs({lines:e,parentTransaction:t,classList:o,classHierarchyList:r,accountList:c,sectionId:a,isDisabled:d,isCOTEnabled:s,cotTracking:m,openTooltipId:w,setOpenTooltipId:f}){const $=e.filter(C=>C.type==="transaction_with_product_or_service_line"||C.type==="transaction_info_line"&&C.lineDetailType==="description_only_line_detail"),h=e.filter(C=>C.type==="transaction_info_line"&&C.lineDetailType==="sub_total_line_detail");return i.jsxs(Hs,{"data-testid":B("transaction-lines-product-or-service",a),children:[$.map((C,b)=>C.type==="transaction_with_product_or_service_line"?i.jsx("div",{style:{marginBottom:b!==$.length-1?v[6]:0},children:i.jsx(_s,{line:C,classList:o,transaction:t,classHierarchyList:r,accountList:c,sectionId:a,lineIndex:b,lineRecommendation:t.recommendationsWithCOT,isDisabled:d,isCOTEnabled:s,cotTracking:m,openTooltipId:w,setOpenTooltipId:f})},`p${b}`):C.type==="transaction_info_line"&&C.lineDetailType==="description_only_line_detail"?i.jsx(Ws,{desc:C.lineDescription},`s${b}`):null),h.map((C,b)=>i.jsx(Ys,{line:C,parentTransaction:t},`i${b}`))]})}const ct={detailPaddingTop:new V(v[5],v[6]),detailPaddingBottom:new V(v[7],v[8]),detailPaddingLeftRight:new V(v[3],v[8])},Bi=l.div`
+`,Ys=({line:e,parentTransaction:t})=>{const o=N.getLocalizedStrings().transactionDetail.transactionLabels.productOrServiceInfo,r=t.balance?.amount??0,c=Object.assign({},t.amount,{amount:t.amount.amount-r}),a=s=>{switch(s){case"refund":case"credit_memo":return o.amountReceived[s];default:return o.amountReceived.default}},d=s=>{switch(s){case"credit_memo":return o.balanceDue[s];default:return o.balanceDue.default}};return i.jsxs(Us,{children:[i.jsx(Fs,{title:e.lineDetailType==="sub_total_line_detail"?o.subtotal:e.lineDescription,amount:e.amount}),i.jsx(qs,{title:o.total,amount:t.amount}),i.jsx(Ni,{title:a(t.type),amount:c}),t.type!=="refund"&&i.jsx(Ni,{title:d(t.type),amount:t.balance})]})};function Gs({lines:e,parentTransaction:t,classList:o,classHierarchyList:r,accountList:c,sectionId:a,isDisabled:d,isCOTEnabled:s,cotTracking:m,openTooltipId:w,setOpenTooltipId:f}){const $=e.filter(C=>C.type==="transaction_with_product_or_service_line"||C.type==="transaction_info_line"&&C.lineDetailType==="description_only_line_detail"),h=e.filter(C=>C.type==="transaction_info_line"&&C.lineDetailType==="sub_total_line_detail");return i.jsxs(Hs,{"data-testid":B("transaction-lines-product-or-service",a),children:[$.map((C,b)=>C.type==="transaction_with_product_or_service_line"?i.jsx("div",{style:{marginBottom:b!==$.length-1?v[6]:0},children:i.jsx(_s,{line:C,classList:o,transaction:t,classHierarchyList:r,accountList:c,sectionId:a,lineIndex:b,lineRecommendation:t.recommendationsWithCOT,isDisabled:d,isCOTEnabled:s,cotTracking:m,openTooltipId:w,setOpenTooltipId:f})},`p${b}`):C.type==="transaction_info_line"&&C.lineDetailType==="description_only_line_detail"?i.jsx(Ws,{desc:C.lineDescription},`s${b}`):null),h.map((C,b)=>i.jsx(Ys,{line:C,parentTransaction:t},`i${b}`))]})}const ct={detailPaddingTop:new R(v[5],v[6]),detailPaddingBottom:new R(v[7],v[8]),detailPaddingLeftRight:new R(v[3],v[8])},Bi=l.div`
   width: 100%;
   height: ${n.sp6};
 `,st=l.div`
@@ -693,13 +693,13 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   padding-top: ${e=>ct.detailPaddingTop.valuePx(e.windowSize)};
   padding-left: ${e=>ct.detailPaddingLeftRight.valuePx(e.windowSize)};
   padding-right: ${e=>ct.detailPaddingLeftRight.valuePx(e.windowSize)};
-`;function Ks({transaction:e,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,containerRef:s,uncategorizedAccounts:m,isDisabled:w,isCOTEnabled:f,searchAutoComplete:$,handleCOTView:h,openTooltipId:C,setOpenTooltipId:b}){const O=Z(),{control:g,watch:S}=Be(),{fields:R}=Jo({name:a,control:g}),A=S(a,R);if(ue.isCustomerTransaction(e)){const D=e;switch(D.type){case"invoice":case"credit_memo":case"sales_receipt":case"delayed_credit":case"refund":{const k=kt(A);return i.jsx(st,{children:i.jsx(oi,{windowSize:O,"data-testid":B(a,"customer-transaction-lines"),children:i.jsx(Gs,{lines:k,parentTransaction:D,classList:c,classHierarchyList:r,accountList:t,sectionId:a,isDisabled:w,isCOTEnabled:f,cotTracking:{lineId:k[0]?.id,transactionId:e.id,onCOTView:h},openTooltipId:C,setOpenTooltipId:b})})})}default:return console.log(`Transaction type ${D.type} doesn't have associated product or service`),null}}else if(ue.isVendorTransaction(e)){const D=e;switch(D.type){case"expense":case"check":case"bill":case"bill_payment":case"vendor_credit":case"credit_card_credit":{const k=kt(A);return i.jsx(st,{children:i.jsx(oi,{windowSize:O,"data-testid":B(a,"vendor-transaction-lines"),children:k.map((L,W)=>i.jsx(Xs,{children:i.jsxs(st,{children:[i.jsx(pi,{lineRecommendation:D.recommendationsWithCOT,lineItemLocalData:L,accountList:t,classList:c,sectionId:a,lineIndex:W,lineId:L.id,transaction:D,vendorName:d?.vendorUpdates?.name,bookCloseDate:D.bookCloseDate,containerRef:s,uncategorizedAccounts:m,searchAutoComplete:$,classHierarchyList:r,accountsHierarchyList:o,isDisabled:w,isCOTEnabled:f,cotTracking:{lineId:L.id,transactionId:D.id,onCOTView:h},openTooltipId:C,setOpenTooltipId:b}),W!==k.length-1?i.jsx(Bi,{}):null]},L.id)},L.id))})})}default:return console.log(`Transaction type ${D.type} doesn't have associated account or class info`),null}}else switch(e.type){case"deposit":{const D=kt(A);return i.jsx(st,{children:i.jsx(oi,{windowSize:O,"data-testid":B(a,"deposit-transaction-lines"),children:D.map((k,L)=>i.jsxs(st,{children:[i.jsx(pi,{lineItemLocalData:k,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,transaction:e,sectionId:a,lineIndex:L,lineId:k.id,bookCloseDate:e.bookCloseDate,containerRef:s,uncategorizedAccounts:m,searchAutoComplete:$,transactionType:e.type,isDisabled:w,isCOTEnabled:f,cotTracking:{lineId:k.id,transactionId:e.id,onCOTView:h},openTooltipId:C,setOpenTooltipId:b}),L!==D.length-1?i.jsx(Bi,{}):null]},k.id))})})}case"journal_entry":return i.jsx(st,{"data-testid":B(a,"journal-entry-transaction-lines"),children:i.jsx(Ts,{containerRef:s,lines:kt(A),accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,transaction:e,searchAutoComplete:$,uncategorizedAccounts:m,isDisabled:w,isCOTEnabled:f,openTooltipId:C,setOpenTooltipId:b})});default:return console.log(`Transaction type ${e.type} doesn't have associated line items`),null}}const Zs=l.div`
+`;function Ks({transaction:e,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,containerRef:s,uncategorizedAccounts:m,isDisabled:w,isCOTEnabled:f,searchAutoComplete:$,handleCOTView:h,openTooltipId:C,setOpenTooltipId:b}){const O=Z(),{control:g,watch:S}=Be(),{fields:V}=Jo({name:a,control:g}),A=S(a,V);if(ue.isCustomerTransaction(e)){const D=e;switch(D.type){case"invoice":case"credit_memo":case"sales_receipt":case"delayed_credit":case"refund":{const k=kt(A);return i.jsx(st,{children:i.jsx(oi,{windowSize:O,"data-testid":B(a,"customer-transaction-lines"),children:i.jsx(Gs,{lines:k,parentTransaction:D,classList:c,classHierarchyList:r,accountList:t,sectionId:a,isDisabled:w,isCOTEnabled:f,cotTracking:{lineId:k[0]?.id,transactionId:e.id,onCOTView:h},openTooltipId:C,setOpenTooltipId:b})})})}default:return console.log(`Transaction type ${D.type} doesn't have associated product or service`),null}}else if(ue.isVendorTransaction(e)){const D=e;switch(D.type){case"expense":case"check":case"bill":case"bill_payment":case"vendor_credit":case"credit_card_credit":{const k=kt(A);return i.jsx(st,{children:i.jsx(oi,{windowSize:O,"data-testid":B(a,"vendor-transaction-lines"),children:k.map((L,W)=>i.jsx(Xs,{children:i.jsxs(st,{children:[i.jsx(pi,{lineRecommendation:D.recommendationsWithCOT,lineItemLocalData:L,accountList:t,classList:c,sectionId:a,lineIndex:W,lineId:L.id,transaction:D,vendorName:d?.vendorUpdates?.name,bookCloseDate:D.bookCloseDate,containerRef:s,uncategorizedAccounts:m,searchAutoComplete:$,classHierarchyList:r,accountsHierarchyList:o,isDisabled:w,isCOTEnabled:f,cotTracking:{lineId:L.id,transactionId:D.id,onCOTView:h},openTooltipId:C,setOpenTooltipId:b}),W!==k.length-1?i.jsx(Bi,{}):null]},L.id)},L.id))})})}default:return console.log(`Transaction type ${D.type} doesn't have associated account or class info`),null}}else switch(e.type){case"deposit":{const D=kt(A);return i.jsx(st,{children:i.jsx(oi,{windowSize:O,"data-testid":B(a,"deposit-transaction-lines"),children:D.map((k,L)=>i.jsxs(st,{children:[i.jsx(pi,{lineItemLocalData:k,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,transaction:e,sectionId:a,lineIndex:L,lineId:k.id,bookCloseDate:e.bookCloseDate,containerRef:s,uncategorizedAccounts:m,searchAutoComplete:$,transactionType:e.type,isDisabled:w,isCOTEnabled:f,cotTracking:{lineId:k.id,transactionId:e.id,onCOTView:h},openTooltipId:C,setOpenTooltipId:b}),L!==D.length-1?i.jsx(Bi,{}):null]},k.id))})})}case"journal_entry":return i.jsx(st,{"data-testid":B(a,"journal-entry-transaction-lines"),children:i.jsx(Ts,{containerRef:s,lines:kt(A),accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,transaction:e,searchAutoComplete:$,uncategorizedAccounts:m,isDisabled:w,isCOTEnabled:f,openTooltipId:C,setOpenTooltipId:b})});default:return console.log(`Transaction type ${e.type} doesn't have associated line items`),null}}const Zs=l.div`
   display: flex;
   flex-direction: column;
   padding-bottom: ${e=>ct.detailPaddingBottom.valuePx(e.windowSize)};
   padding-left: ${e=>ct.detailPaddingLeftRight.valuePx(e.windowSize)};
   padding-right: ${e=>ct.detailPaddingLeftRight.valuePx(e.windowSize)};
-`;function Js({sectionId:e,linkedTransactions:t,onTransactionClick:o}){const r=Z();return i.jsx(Zs,{windowSize:r,"data-testid":B(e,"linked-transaction-lines"),children:t.map(c=>i.jsx(Kn,{transaction:c,onTransactionClick:o},c.id))})}function Qs({transaction:e,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,containerRef:s,uncategorizedAccounts:m,isDisabled:w,isCOTEnabled:f,searchAutoComplete:$,cotTracking:h,openTooltipId:C,setOpenTooltipId:b}){const O=T.useCallback((g,S,R,A)=>{h?.onCOTView!=null&&h.onCOTView(g,S,R,A)},[h]);return i.jsx(Ks,{transaction:e,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,containerRef:s,uncategorizedAccounts:m,isDisabled:w,isCOTEnabled:f,searchAutoComplete:$,handleCOTView:O,openTooltipId:C,setOpenTooltipId:b})}async function el(e,t,o,r){const c=`${e}?query=${encodeURIComponent(JSON.stringify(o))}`,a=N.getLocalizedStrings().downloadReport;try{const d=await en(c,{method:"GET",headers:{"zeni-user-id":t.userId,"zeni-tenant-id":t.tenantId,"zeni-session-id":t.sessionId}});if(d.ok){const s=r??tn(d.headers,"Financial Report.pdf"),m=await d.arrayBuffer();on(m,s)}else console.error(`${a.reportErrorMessage} ${d.statusText}`)}catch(d){console.error(`${a.reportErrorMessage} ${JSON.stringify(d)}`)}}const tl={containerPadding:new V(v[3],v[8])},il=l(he)`
+`;function Js({sectionId:e,linkedTransactions:t,onTransactionClick:o}){const r=Z();return i.jsx(Zs,{windowSize:r,"data-testid":B(e,"linked-transaction-lines"),children:t.map(c=>i.jsx(Kn,{transaction:c,onTransactionClick:o},c.id))})}function Qs({transaction:e,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,containerRef:s,uncategorizedAccounts:m,isDisabled:w,isCOTEnabled:f,searchAutoComplete:$,cotTracking:h,openTooltipId:C,setOpenTooltipId:b}){const O=T.useCallback((g,S,V,A)=>{h?.onCOTView!=null&&h.onCOTView(g,S,V,A)},[h]);return i.jsx(Ks,{transaction:e,accountList:t,accountsHierarchyList:o,classHierarchyList:r,classList:c,sectionId:a,lineItemsLocalData:d,containerRef:s,uncategorizedAccounts:m,isDisabled:w,isCOTEnabled:f,searchAutoComplete:$,handleCOTView:O,openTooltipId:C,setOpenTooltipId:b})}async function el(e,t,o,r){const c=`${e}?query=${encodeURIComponent(JSON.stringify(o))}`,a=N.getLocalizedStrings().downloadReport;try{const d=await en(c,{method:"GET",headers:{"zeni-user-id":t.userId,"zeni-tenant-id":t.tenantId,"zeni-session-id":t.sessionId}});if(d.ok){const s=r??tn(d.headers,"Financial Report.pdf"),m=await d.arrayBuffer();on(m,s)}else console.error(`${a.reportErrorMessage} ${d.statusText}`)}catch(d){console.error(`${a.reportErrorMessage} ${JSON.stringify(d)}`)}}const tl={containerPadding:new R(v[3],v[8])},il=l(he)`
   color: ${e=>e.theme.colors.hero};
   height: ${n.sp4};
 `,ol=l(he)`
@@ -762,7 +762,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
 `,gl=l.div`
   padding-bottom: 20px;
   padding-top: 10px;
-`;function fl(e){const t=Z(),{title:o,description:r,buttonText:c}=yl(e.errorCode,e.transactionDate),a=()=>{e?.errorCode===409?e.action.onRefresh():e.action.onOkClick()},d=s=>{s.stopPropagation(),e.action.onOkClick()};return i.jsx(dl,{windowSize:t,role:"presentation","data-testid":B("transaction-update-popup"),onClick:s=>d(s),children:i.jsxs(ul,{children:[i.jsx(pl,{children:o}),i.jsx(ml,{children:r}),i.jsx(hl,{}),i.jsx(gl,{children:i.jsx(Ho,{variant:"primary",label:c,onClick:a,"data-testid":B(c,"transaction-update-popup-button")})})]})})}function yl(e,t){return e===406?{title:N.getLocalizedStrings().transactionDetail.errorPopup.error406.title,description:N.getLocalizedStrings().transactionDetail.errorPopup.error406.descriptionPrefix+t+N.getLocalizedStrings().transactionDetail.errorPopup.error406.descriptionSuffix,buttonText:N.getLocalizedStrings().transactionDetail.errorPopup.error406.buttonText}:e===409?{title:N.getLocalizedStrings().transactionDetail.errorPopup.error409.title,description:N.getLocalizedStrings().transactionDetail.errorPopup.error409.description,buttonText:N.getLocalizedStrings().transactionDetail.errorPopup.error409.buttonText}:{title:N.getLocalizedStrings().transactionDetail.errorPopup.default.title,description:N.getLocalizedStrings().transactionDetail.errorPopup.default.description,buttonText:N.getLocalizedStrings().transactionDetail.errorPopup.default.buttonText}}const bl={containerMargin:new V(v[3],v[8])},xl=()=>{const e=Z(),t=N.getLocalizedStrings().transactionDetail;return i.jsx(wl,{windowSize:e,children:i.jsxs($l,{windowSize:e,children:[i.jsx(Il,{height:n.sp3,width:n.sp3}),i.jsx(vl,{children:t.updateInProgress})]})})},wl=l.div`
+`;function fl(e){const t=Z(),{title:o,description:r,buttonText:c}=yl(e.errorCode,e.transactionDate),a=()=>{e?.errorCode===409?e.action.onRefresh():e.action.onOkClick()},d=s=>{s.stopPropagation(),e.action.onOkClick()};return i.jsx(dl,{windowSize:t,role:"presentation","data-testid":B("transaction-update-popup"),onClick:s=>d(s),children:i.jsxs(ul,{children:[i.jsx(pl,{children:o}),i.jsx(ml,{children:r}),i.jsx(hl,{}),i.jsx(gl,{children:i.jsx(Ho,{variant:"primary",label:c,onClick:a,"data-testid":B(c,"transaction-update-popup-button")})})]})})}function yl(e,t){return e===406?{title:N.getLocalizedStrings().transactionDetail.errorPopup.error406.title,description:N.getLocalizedStrings().transactionDetail.errorPopup.error406.descriptionPrefix+t+N.getLocalizedStrings().transactionDetail.errorPopup.error406.descriptionSuffix,buttonText:N.getLocalizedStrings().transactionDetail.errorPopup.error406.buttonText}:e===409?{title:N.getLocalizedStrings().transactionDetail.errorPopup.error409.title,description:N.getLocalizedStrings().transactionDetail.errorPopup.error409.description,buttonText:N.getLocalizedStrings().transactionDetail.errorPopup.error409.buttonText}:{title:N.getLocalizedStrings().transactionDetail.errorPopup.default.title,description:N.getLocalizedStrings().transactionDetail.errorPopup.default.description,buttonText:N.getLocalizedStrings().transactionDetail.errorPopup.default.buttonText}}const bl={containerMargin:new R(v[3],v[8])},xl=()=>{const e=Z(),t=N.getLocalizedStrings().transactionDetail;return i.jsx(wl,{windowSize:e,children:i.jsxs($l,{windowSize:e,children:[i.jsx(Il,{height:n.sp3,width:n.sp3}),i.jsx(vl,{children:t.updateInProgress})]})})},wl=l.div`
   display: flex;
   border-radius: ${n.sp2};
   padding: 0 ${e=>bl.containerMargin.valuePx(e.windowSize)};
@@ -781,7 +781,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
 `,vl=l(Ft)`
   display: flex;
   color: ${ie.alert};
-`,Tt={containerWidth:new V(343,544),confirmationPopUpTitleMarginTop:new V(v[6],v[7]),submitButtonWidth:new V(145,158),cancelButtonWidth:new V(121,156),errorLineItemGap:new V(v[2],12)},Mi=N.getLocalizedStrings().common,Ne=N.getLocalizedStrings().transactionDetail.vendorBulkUpdateFetchRecommendationsPopUpInfo,Cl=({fetchState:e})=>{switch(e){case"Not-Started":return i.jsx(Fi,{});case"In-Progress":return i.jsx(Bt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return i.jsx(lo,{});default:return i.jsx(Fi,{})}},Dl=e=>{switch(e){case"Not-Started":return Ne.buildingRecommendations;case"In-Progress":return Ne.buildingRecommendations;case"Completed":return Ne.recommendationsBuilt;default:return Ne.recommendationsBuildFailed}},Tl=({recommendationsBuildStatus:e,setShowVendorRecommendationsBuildPopup:t,fetchRecommendations:o,clearVendorName:r,clearUpdateVendorBulkRecommendationsFetchStatus:c})=>{const a=Z(),[d,s]=xt.useState(!0),[m,w]=xt.useState(!1),f=Vt(e),$=xt.useRef(e);$.current=e,xt.useEffect(()=>{setTimeout(()=>{d&&(s(!1),$.current==="Not-Started"&&o())},3e3)},[$,o,d]),T.useEffect(()=>{setTimeout(()=>{$.current!=="Completed"&&(c(),w(!0))},6e4)},[$,c]),xt.useEffect(()=>{f==="In-Progress"&&e==="Completed"&&setTimeout(()=>{c(),t(!1)},1e3)},[e,f,t,c]);const h=e==="Error"||m;return i.jsx(Yo,{action:{onOkClick:()=>{t(!1)},onCancelClick:()=>{r(),t(!1)}},shouldClickAway:h||e==="Completed",secondaryButtonVariant:"secondary",primaryButtonText:Mi.footer.continueAnyway,secondaryButtonText:Mi.footer.cancel,primaryButtonWidth:Tt.submitButtonWidth.value(a),secondaryButtonWidth:Tt.cancelButtonWidth.value(a),formId:"vendorBulkUpdateFetchRecommendationsPopup",descriptionComponent:i.jsx(zl,{size:a,children:i.jsxs(Ll,{recommendationsBuildFailed:h,children:[i.jsxs(qi,{isDisabled:!1,isSuccess:!d,children:[d?i.jsx(Bt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):i.jsx(lo,{}),i.jsx(Wi,{isDisabled:!1,children:d?Ne.applyingVendorName:Ne.appliedVendorName})]}),h?i.jsxs(Sl,{size:a,children:[i.jsx(jl,{}),i.jsx(Ol,{children:Ne.recommendationsBuildFailed})]}):i.jsxs(qi,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[i.jsx(Cl,{fetchState:e}),i.jsx(Wi,{isDisabled:e==="Not-Started",children:Dl(e)})]})]})}),titleComponent:i.jsx(kl,{size:a,children:Ne.title}),showFooter:h,containerStyle:{width:Tt.containerWidth.value(a),maxWidth:"unset"}})},jl=l(Ko)`
+`,Tt={containerWidth:new R(343,544),confirmationPopUpTitleMarginTop:new R(v[6],v[7]),submitButtonWidth:new R(145,158),cancelButtonWidth:new R(121,156),errorLineItemGap:new R(v[2],12)},Mi=N.getLocalizedStrings().common,Ne=N.getLocalizedStrings().transactionDetail.vendorBulkUpdateFetchRecommendationsPopUpInfo,Cl=({fetchState:e})=>{switch(e){case"Not-Started":return i.jsx(Fi,{});case"In-Progress":return i.jsx(Bt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return i.jsx(lo,{});default:return i.jsx(Fi,{})}},Dl=e=>{switch(e){case"Not-Started":return Ne.buildingRecommendations;case"In-Progress":return Ne.buildingRecommendations;case"Completed":return Ne.recommendationsBuilt;default:return Ne.recommendationsBuildFailed}},Tl=({recommendationsBuildStatus:e,setShowVendorRecommendationsBuildPopup:t,fetchRecommendations:o,clearVendorName:r,clearUpdateVendorBulkRecommendationsFetchStatus:c})=>{const a=Z(),[d,s]=xt.useState(!0),[m,w]=xt.useState(!1),f=Rt(e),$=xt.useRef(e);$.current=e,xt.useEffect(()=>{setTimeout(()=>{d&&(s(!1),$.current==="Not-Started"&&o())},3e3)},[$,o,d]),T.useEffect(()=>{setTimeout(()=>{$.current!=="Completed"&&(c(),w(!0))},6e4)},[$,c]),xt.useEffect(()=>{f==="In-Progress"&&e==="Completed"&&setTimeout(()=>{c(),t(!1)},1e3)},[e,f,t,c]);const h=e==="Error"||m;return i.jsx(Yo,{action:{onOkClick:()=>{t(!1)},onCancelClick:()=>{r(),t(!1)}},shouldClickAway:h||e==="Completed",secondaryButtonVariant:"secondary",primaryButtonText:Mi.footer.continueAnyway,secondaryButtonText:Mi.footer.cancel,primaryButtonWidth:Tt.submitButtonWidth.value(a),secondaryButtonWidth:Tt.cancelButtonWidth.value(a),formId:"vendorBulkUpdateFetchRecommendationsPopup",descriptionComponent:i.jsx(zl,{size:a,children:i.jsxs(Ll,{recommendationsBuildFailed:h,children:[i.jsxs(qi,{isDisabled:!1,isSuccess:!d,children:[d?i.jsx(Bt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):i.jsx(lo,{}),i.jsx(Wi,{isDisabled:!1,children:d?Ne.applyingVendorName:Ne.appliedVendorName})]}),h?i.jsxs(Sl,{size:a,children:[i.jsx(jl,{}),i.jsx(Ol,{children:Ne.recommendationsBuildFailed})]}):i.jsxs(qi,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[i.jsx(Cl,{fetchState:e}),i.jsx(Wi,{isDisabled:e==="Not-Started",children:Dl(e)})]})]})}),titleComponent:i.jsx(kl,{size:a,children:Ne.title}),showFooter:h,containerStyle:{width:Tt.containerWidth.value(a),maxWidth:"unset"}})},jl=l(Ko)`
   width: ${n.sp4};
   height: ${n.sp4};
   flex-shrink: 0;
@@ -838,7 +838,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   height: ${n.sp4};
   flex-shrink: 0;
   color: ${ie.success};
-`,Ui={buttonWidth:new V(85,85)},Al=l.div`
+`,Ui={buttonWidth:new R(85,85)},Al=l.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -847,7 +847,7 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
   box-shadow: ${e=>e.theme.colors.elevation1};
-`,Rl=l.div`
+`,Vl=l.div`
   display: flex;
   flex: 1 1 auto;
   height: 100vh;
@@ -859,8 +859,8 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
 `,Hi=l.div`
   display: flex;
   flex-direction: column;
-`,ae="lineInfo",Ze="memo",lt="vendorDetails",Qe="updatePreviousTransactionWithNewVendor",et="isUpdateVendorToAllLineItemsChecked",Yi=e=>`${e}_form`;function Vl(e,t,o){return el(e,t,o)}const te=N.getLocalizedStrings();function pr({firstMonthOfFY:e,transactionDetail:t,transactionAttachmentEndpointToDownload:o,transactionAttachmentsEndpointToFetch:r,attachmentUploadEndpoint:c,isNavBarVisible:a=!0,isDisabled:d,isCOTEnabled:s,isVendorBulkUpdateOnTransactionEnabled:m,authParams:w,trendReport:f,analytics:$,uncategorizedAccounts:h,vendorSaveStatus:C,containerStyles:b,headerStyles:O,autoCompleteData:g,autoCompleteActions:S,enableBackClickOnSave:R,onTransactionClick:A,onBackClick:D,onTrendSelectedPeriodChange:k,onUploadAttachmentAttachment:L,onDeleteAttachment:W,onSaveUpdates:M,onResetLineItemsCategoryClassInLocalData:ce,onSaveTransactionDetailLocalData:J,saveLatestSelectedEntity:ye,onSaveSuccess:be,onPageRefresh:pe,onUpdateAllChecked:x,onChangeCategoryClassWhenUpdateAllIsChecked:E,discardTransactionDetailLocalData:Y,onFetchRecommendationsForEntity:Te,updateVendorBulkRecommendationsFetchStatus:xe,clearRecommendationForLineId:ge,resetUpdateErrorState:je,onSaveVendorInLocalData:X,onSaveCustomerInLocalData:Re,onSaveTransactionIdInNewVendorLocalData:Me,onUpdateAllTranactionsWithCurrentVendorChecked:Wt,onClickUpdateVendorToAllLineItems:qt,onResetVendorToAllLineItems:dt,setIsVendorUpdateAllChecked:Ut}){const Ot=T.useRef(null),Lt=T.useRef(),Fe=jt(),q=zo({mode:"all",reValidateMode:"onChange",defaultValues:He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView)}),{vendorUpdates:oe,vendorDetails:Oe,customerUpdates:ut,customerDetails:Le}=t.transactionDetailLocalData,We=Object.keys(t.transactionDetailLocalData.lineItemById)[0],[Ht,it]=T.useState(t.transaction?.attachments??[]),[Yt,qe]=T.useState(!1),[ot,nt]=T.useState([]),[pt,mt]=T.useState([]),[at,ht]=T.useState(void 0),[Ve,gt]=T.useState(t.transaction?.id??""),[j,U]=T.useState(void 0),me=T.useRef([]),Se=(p,y,I,F)=>{if(y!==Ve||F==null||F==="")return;const K=[...me.current];let _=K.find(we=>we.lineId===p);if(_==null)_={lineId:p,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}},K.push(_);else{_={..._,category:{..._.category,recommendationTypesViewed:[..._.category.recommendationTypesViewed]},class:{..._.class,recommendationTypesViewed:[..._.class.recommendationTypesViewed]},vendor:{..._.vendor,recommendationTypesViewed:[..._.vendor.recommendationTypesViewed]}};const we=K.findIndex(Jt=>Jt.lineId===p);K[we]=_}const fe=_[I];fe.recommendationTypesViewed.includes(F)||fe.recommendationTypesViewed.push(F),me.current=K},Ce=t.transactionDetailUpdateStatus?.fetchState??"Not-Started",bi=Z(),{common:{footer:xi},dateFormat:uo}=N.getLocalizedStrings(),[po,Gt]=T.useState(void 0),wi=T.useRef(),Ue=Vt(t.transactionDetailUpdateStatus?.fetchState),Xt=Vt(g.entityAutoCompleteView.fetchState),Kt=Vt(t.fetchState),mo=t.transaction!=null?Ao(t.transaction?.type,Fe):void 0;T.useEffect(()=>{g.entityAutoCompleteView.fetchState==="Completed"&&Lt.current?.(Ro(g.entityAutoCompleteView))},[g.entityAutoCompleteView.fetchState]);const ho=(p,y)=>{St(),S.onAutoCompleteInputChange?.(p),Lt.current=y},go=async(p,y)=>{if(p.includes("lineDescription")||p.includes(Ze))return;const I=Object.assign({},t.transaction),F=p.split(".")[1];let K=t.transactionDetailLocalData.latestSelectedEntityOnLineItem,_,fe=y.isUpdateVendorToAllLineItemsChecked;if(p.includes(Ze)===!1&&p.includes(lt)===!1&&p.includes(Qe)===!1&&p.includes(et)===!1&&p!==ae){const z=parseInt(p.split(".")[1]),H=y[ae][z].id;_=H;const u=qo(y[ae][z]);let P=!1;if(p.includes(le)||p.includes(se)){if(p.includes(le)){const Q=yo(H,z,y);u[rt]!==Q&&(u[rt]=Q,P=!0),u[le].selectedOption!=null&&u[le].selectedOption===u[Dt]?.qboId&&!u[ve]?(u[ve]=!0,P=!0):(u[ve]=!1,P=!0),u[le].selectedOption!=null&&u[le].selectedOption===u[vt]?.qboId&&!u[ve]?(u[Xe]=!0,P=!0):(u[Xe]=!1,P=!0)}if(p.includes(se)&&(u[Ke]!==$i(H,z,y)&&(u[Ke]=$i(H,z,y),P=!0),u[se].selectedOption!=null&&u[se].selectedOption===u[Ct]?.classId&&!u[Ie]?(u[Ie]=!0,P=!0):(u[Ie]=!1,P=!0),u[se].selectedOption!=null&&u[se].selectedOption===u[It]?.classId&&!u[Ie]?(u[Ge]=!0,P=!0):(u[Ge]=!1,P=!0)),u[Ee]===!0){const Q=bt(u,t.transactionDetailLocalData,u[re].selectedOption,F,g.entityAutoCompleteView);E?.(!u[Ee],Q)}}if(p.includes(ve))if(u[ve]===!1){ce?.({id:I.id,type:I.type},I,[H],Zt(z,H,y),"account",!1);return}else u[ve]===!0&&u[le].selectedOption!==u[Dt]?.qboId&&(u[le].selectedOption=u[Dt]?.qboId,u[rt]=!0,u[Xe]=!1,P=!0);if(p.includes(Ie))if(u[Ie]===!1){ce?.({id:I.id,type:I.type},I,[H],Zt(z,H,y),"class",!1);return}else u[Ie]===!0&&u[se].selectedOption!==u[Ct]?.classId&&(u[se].selectedOption=u[Ct]?.classId,u[Ke]=!0,u[Ge]=!1,P=!0);if(p.includes(Xe)&&u[Xe]===!0&&u[le].selectedOption!==u[vt]?.qboId&&(u[le].selectedOption=u[vt]?.qboId,u[ve]=!1,u[rt]=!1,P=!0),p.includes(Ge)&&u[Ge]===!0&&u[se].selectedOption!==u[It]?.classId&&(u[se].selectedOption=u[It]?.classId,u[Ie]=!1,u[Ke]=!1,P=!0),p.includes(Ee))if(u[Ee]===!0){const Q=u[le].selectedOption,de=u[se].selectedOption,ne=t.accountList.accounts.find(ke=>ke.qboId===Q),$e=t.classList.classes.find(ke=>ke.classId===de);u[Ke]=!0;const ee=bt(u,t.transactionDetailLocalData,u[re].selectedOption,F,g.entityAutoCompleteView);x?.(u[Ee],ne!=null?{account:ne,updateOrRetain:u[ve]===!0?"update":"retain"}:void 0,$e!=null?{classBase:$e,updateOrRetain:u[Ie]===!0?"update":"retain"}:void 0,ee);return}else{ce?.({id:I.id,type:I.type},I,Zt(z,H,y),[H],"both",!1);return}if(p.includes(Pt)&&u[re].selectedOption==null){ge?.({transactionId:{id:I.id,type:I.type},transaction:I,lineId:H}),P=!0;return}if(p.includes(Pt)&&u[re].selectedOption!=null&&(K=bt(u,t.transactionDetailLocalData,u[re].selectedOption,H,g.entityAutoCompleteView),K!=null)){const Q={id:I.id,type:I.type};ye(Q,H,K),Te?.(K,u.amount.amount,{transactionId:{id:I.id,type:I.type},transaction:I,lineIds:[H]},!1),t.transaction!=null&&t.transactionDetailLocalData.isVendorUpdateAllChecked&&(Ut(Q,t.transaction,!1),fe=!1,P=!0)}if(P){const Q={...y};Q[ae][z]=u,q.reset(Q,{keepDefaultValues:!0,keepDirty:!0})}}const we=z=>{const H=parseInt(z.split(".")[1]),u=y[ae][H][re].selectedOption;if(u==null)return!1;let P=!1;return y.lineInfo.forEach((Q,de)=>{if(H!==de){const ne=Q[re].selectedOption;ne!=null&&u===ne&&(P=P||Q[Ee])}}),!z.includes(Pt)&&P},Jt=z=>z!==ae?t.transaction!=null&&(ue.isVendorTransaction(t.transaction)||ue.isCustomerTransaction(t.transaction))?z.includes(Ze)===!1&&z.includes(Et)===!1:z.includes(Ze)===!1&&z.includes(Et)===!1&&we(z):!1;if(p!==ae&&p!==lt&&p!==et&&p!==Qe){const z=ni(y,t.accountList,t.classList,g,Jt(p),F,t.transactionDetailLocalData,K,_,fe);J?.({id:I.id,type:I.type},z)}if(p===lt){const z=y[lt];if(z.selectedOption!==oe?.qboId||z.selectedOption!==ut?.qboId){const H=z.defaultOptions,u=z.selectedOption,P=g.entityAutoCompleteView.vendor.find(ee=>ee.qboId===z.selectedOption),Q=H?.flatMap(ee=>ee.options).find(ee=>ee.value===u)?.label,de=g.entityAutoCompleteView.customer.find(ee=>ee.qboId===z.selectedOption),ne=t.transactionDetailLocalData.lineItemById[We]?.recommendationsWithCOT?.find(ee=>ee.vendor?.qboId===z.selectedOption)?.vendor,$e={id:I.id,type:I.type};if(P==null&&ne==null&&de==null)Me?.($e),X?.($e,{name:Q??z.selectedOption??""});else if(P!=null&&de==null){if(t.transaction!=null){const ee={name:P.name,id:P.zeniId,qboId:P.qboId},ke={id:P.id,type:"vendor",qboId:P.qboId,zeniId:P.qboId,name:P.name},ft={transaction:t.transaction,transactionId:$e,lineIds:t.transaction.lines?.map(yt=>yt.id)??[]};X?.($e,ee,ke,t.transaction.amount.amount,ft)}}else if(ne?.id!=null&&ne?.qboId!=null&&de==null){if(t.transaction!=null){const ee={name:ne.name,id:ne.id,qboId:ne.qboId},ke={id:ne.id,type:"vendor",qboId:ne.qboId,zeniId:ne.qboId,name:ne.name},ft={transaction:t.transaction,transactionId:$e,lineIds:t.transaction.lines?.map(yt=>yt.id)??[]};X?.($e,ee,ke,t.transaction.amount.amount,ft)}}else if(de!=null&&t.transaction!=null){const ee={name:de.name,id:de.zeniId,qboId:de.qboId},ke={id:de.id,type:"customer",qboId:de.qboId,zeniId:de.qboId,name:de.name},ft={transaction:t.transaction,transactionId:$e,lineIds:t.transaction.lines?.map(yt=>yt.id)??[]};Re?.($e,ee,ke,t.transaction.amount.amount,ft)}}S.onCancelAutoComplete?.();return}if(p===Qe){const z=y[Qe];Wt?.(z)}if(p===et){const z=y[et],H=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;z===!0&&t.transaction!=null&&H!=null?(qt?.({id:I.id,type:I.type},t.transaction,H),qe(!0)):z===!1&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&dt?.({id:I.id,type:I.type},I,t.transactionDetailLocalData.latestUpdatedLineWithEntity)}},fo=(p,y)=>{if(p!=null&&y!=null){const I=p.qboId??p.id,F=y.qboId??y.id;return I===F}return!1},Zt=(p,y,I)=>{const F=t.transaction;if(F!=null&&(ue.isVendorTransaction(F)||ue.isCustomerTransaction(F)))return I[ae].filter(_=>_.id!==y).map(_=>_.id);const K=bt(I[ae][p],t.transactionDetailLocalData,I[ae][p][re].selectedOption,p.toString(),g.entityAutoCompleteView);return K!=null?I[ae].filter((_,fe)=>{const we=bt(_,t.transactionDetailLocalData,_[re].selectedOption,fe.toString(),g.entityAutoCompleteView);return fo(K,we)&&_.id!==y}).map(_=>_.id):[]},yo=(p,y,I)=>!!(t.transactionDetailLocalData.lineItemById[p].recommendationsWithCOT?.map(F=>F.account?.qboId)??[]).includes(I[ae][y][le].selectedOption),$i=(p,y,I)=>!!(t.transactionDetailLocalData.lineItemById[p].recommendationsWithCOT?.map(F=>F.class?.classId)??[]).includes(I[ae][y][se].selectedOption),bo=()=>{Y?.(),D?.()};T.useEffect(()=>{const p=q.watch((y,{name:I})=>{I!=null&&y!=null&&I!=null&&y!=null&&Vo(()=>go(I,y))});return()=>{p.unsubscribe()}}),T.useEffect(()=>()=>{Y?.()},[]),T.useEffect(()=>{t.transaction&&Ve!==t.transaction?.id&&(gt(t.transaction?.id??""),q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView)))},[t,Ve,g.entityAutoCompleteView,q]),T.useEffect(()=>{Po(q.getValues(),He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView))||q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[t.transactionDetailLocalData,t.accountList,t.classList,t.transaction?.recommendationsWithCOT,g.entityAutoCompleteView,q]),T.useEffect(()=>{async function p(y){ot.includes(y.attachment_id)?console.warn(`Attachment with ID ${y.attachment_id} is already getting downloaded`):(nt([y.attachment_id,...ot]),await Vl(o,w,y),nt(vi(ot,I=>I==y.attachment_id)))}t.fetchState==="Completed"&&t.transaction!=null&&at!=null&&(p({transaction_key:{transaction_id:t.transaction.id,transaction_type:t.transaction.type},attachment_id:at}),ht(void 0))},[at]),T.useEffect(()=>{(Ue==="In-Progress"||Ue==="Not-Started")&&Ce==="Error"?Gt(Ce):Ce==="Completed"&&(Ue==="In-Progress"||Ue==="Not-Started")&&q.formState.isDirty&&(q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView)),be?.()),Ce==="Completed"&&(Ue==="In-Progress"||Ue==="Not-Started")&&R===!0&&D?.(),g.entityAutoCompleteView.fetchState==="Completed"&&(Xt==="In-Progress"||Xt==="Not-Started")&&q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[Ce,R,q,be,t,Ue,g,Xt,D]),T.useEffect(()=>{(Kt==="In-Progress"||Kt==="Not-Started")&&t.fetchState==="Completed"&&q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView))},[q,t,t.fetchState,Kt,g]),T.useEffect(()=>{t.fetchState==="Completed"&&t.transaction?.attachments!=null&&it(t.transaction.attachments)},[t]),T.useEffect(()=>{g.entityAutoCompleteView.fetchState==="Completed"&&wi.current?.(Gi(g.entityAutoCompleteView,t.transactionDetailLocalData.selectedEntity??t.transactionDetailLocalData.latestSelectedEntityOnLineItem,t.transactionDetailLocalData.lineItemById[We]?.recommendationsWithCOT))},[g.entityAutoCompleteView.fetchState]);const xo=(p,y)=>{_l(p,$,y,f?.trendReport?.entity,t.transaction),k?.(y)},wo=q.handleSubmit(p=>{const y=ni(p,t.accountList,t.classList,g,!1,void 0,t.transactionDetailLocalData);if(t.transaction!=null){$?.trackTransactionDetailsSave(t.transaction.account?.accountId,t.transaction.account?.accountName,t.transaction.id,void 0,t.transaction.type,ue.getChangedLineItemCountFromLocalData(t.transaction,y),y.memo,t.transaction.attachments?.map(K=>K.fileName)),J?.({id:t.transaction.id,type:t.transaction.type},y);const I=y.vendorDetails?.id!=null&&y.vendorDetails?.id===y.vendorUpdates?.id&&y.vendorDetails?.name!==y.vendorUpdates?.name,F=me.current;M?.({id:t.transaction.id,type:t.transaction.type},F,oe?.id,I),me.current=[]}}),St=()=>{if(t.transaction!=null){const p=q.getValues(),y=ni(p,t.accountList,t.classList,g,!1,void 0,t.transactionDetailLocalData);J?.({id:t.transaction.id,type:t.transaction.type},y)}};async function $o(p,y,I,F,K,_){mt([_.toString()]),await zn(p,y,I,F,K).then(({uploadResponse:fe})=>{if(fe!=null&&t.transaction!==void 0){const we=fe.transaction.attachments;Array.isArray(we)&&we[0]!=null?(it([ue.toAttachment(we[0])]),L(fe.transaction)):console.warn("Upload attachment response has no attachments; skipping update.")}}),mt(vi(pt,fe=>fe==_.toString()))}const Io=t.fetchState==="In-Progress"||t.fetchState==="Not-Started",vo={onOkClick:()=>{Gt(void 0),q.reset(),je?.()},onRefresh:()=>{Gt(void 0),q.reset(),je?.(),pe?.()}},Co=p=>{t.transaction!=null&&X?.({id:t.transaction.id,type:t.transaction.type},{name:p,id:Oe?.id,qboId:Oe?.qboId})},Do=p=>{t.transaction!=null&&Re?.({id:t.transaction.id,type:t.transaction.type},{name:p,id:Le?.id,qboId:Le?.qboId})},To=()=>!!(q.formState.isDirty&&Object.keys(q.formState.dirtyFields).length>0||oe?.id!==Oe?.id||oe?.name!==Oe?.name||ut?.id!==Le?.id||ut?.name!==Le?.name),jo=(p,y)=>{St(),S.onAutoCompleteInputChange?.(p),wi.current=y},Oo={defaultOptions:Eo(oe?.qboId,oe?.name,g?.entityAutoCompleteView),selectedOption:oe?.qboId!=null?oe?.qboId:oe?.name!=null&&oe?.name!==""?oe?.name:""},Lo=()=>{const p=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;if(p!=null&&t.transaction!=null){const y=t.transaction.lines?.map(I=>I.id);xe({id:t.transaction.id,type:t.transaction.type},"In-Progress"),Te?.(p,t.transaction.lines?.[0].amount.amount??0,{transactionId:{id:t.transaction.id,type:t.transaction.type},transaction:t.transaction,lineIds:y??[]},!0)}},So=()=>{t.transaction!=null&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&dt?.({id:t.transaction.id,type:t.transaction.type},t.transaction,t.transactionDetailLocalData.latestUpdatedLineWithEntity)},ko=()=>{t.transaction!=null&&xe({id:t.transaction.id,type:t.transaction.type},"Not-Started")};return i.jsx(Al,{ref:Ot,style:b,"data-testid":B("transaction-detail-page"),children:i.jsxs(_o,{...q,children:[i.jsx("form",{id:Yi(Ii),onSubmit:wo,children:Io===!1&&t.transaction!=null?i.jsxs(i.Fragment,{children:[a?i.jsx(No,{title:Bo(t.transaction,oe?.name),onBackClick:bo,style:{zIndex:3},backgroundColor:Fe.colors.grey5,enableTitleOnScroll:!0,source:"TransactionDetailPage"}):null,po==="Error"?i.jsx(fl,{errorCode:t.transactionDetailUpdateStatus?.error!==void 0?t.transactionDetailUpdateStatus?.error.code:500,action:vo,transactionDate:t.transaction?.date.format(uo.visual.MMMYYYYFormat)}):null,Yt?i.jsx(Tl,{recommendationsBuildStatus:t.transactionDetailLocalData.vendorBulkUpdateCategoryClassRecommendationsFetchStatus?.fetchState,fetchRecommendations:Lo,setShowVendorRecommendationsBuildPopup:qe,clearVendorName:So,clearUpdateVendorBulkRecommendationsFetchStatus:ko}):null,t.transaction.isUpdatingTransaction===!0||t.isUpdateNotAllowed===!0?i.jsx(xl,{}):null,i.jsx(cl,{vendorDetailsSectionId:lt,transaction:t.transaction,existingVendor:Oe,existingCustomer:Le,isCOTEnabled:s,selectedEntity:t.transactionDetailLocalData.selectedEntity,headerStyles:O,vendorSearchAutoComplete:{autoCompleteData:g,loadOptions:jo},handleVendorRename:Co,handleCustomerRename:Do,currentVendorOption:Oo,recommendationsWithCOT:t.transactionDetailLocalData.lineItemById[We]?.recommendationsWithCOT,cotTracking:{lineId:We,transactionId:Ve,onCOTView:Se},openTooltipId:j,setOpenTooltipId:U}),i.jsxs(Hi,{children:[i.jsxs(Hi,{children:[i.jsx(Qs,{containerRef:Ot.current,transaction:t.transaction,accountList:t.accountList.accounts,accountsHierarchyList:t.accountsHierarchyList,classHierarchyList:t.classHierarchyList,classList:t.classList.classes,sectionId:ae,isDisabled:d,isCOTEnabled:s,lineItemsLocalData:t.transactionDetailLocalData,uncategorizedAccounts:h,searchAutoComplete:{autoCompleteData:g,loadOptions:ho},cotTracking:{transactionId:Ve,onCOTView:Se},openTooltipId:j,setOpenTooltipId:U}),i.jsx(Mo,{transaction:t.transaction,deleteStatusByAttachmentName:t.deleteStatusByAttachmentName,memo:t.transactionDetailLocalData.memo,attachments:Ht,sectionId:Ze,attachmentIdsBeingDownloaded:ot,attachmentIdsBeingUploaded:pt,isDisabled:d,authParams:w,onDeleteAttachment:p=>{St(),W(p)},transactionAttachmentsEndpointToFetch:r,onAttachmentClick:p=>{Nl(p.id,$,t.transaction),ht(p.id)},onUploadAttachment:(p,y,I,F)=>{St(),Bl($,t.transaction,y,p.type),$o(c,w,p,y,I,F)}})]}),i.jsx(Js,{sectionId:ae,linkedTransactions:t.linkedTransactions,onTransactionClick:A})]}),f?.trendReport?.dataAvailable!=null&&i.jsx(kn,{firstMonthOfFY:e,trendWithTransactionsReport:f,isDetailPage:!0,graphColor:mo,onTimePeriodChange:xo,onTransactionItemClick:A})]}):i.jsx(Rl,{style:b,children:i.jsx(Bt,{size:"ExtraLarge",start:!0})})}),To()?i.jsx(Fo,{formId:Yi(Ii),primaryBtn:{label:xi.save,isLoading:Ce==="In-Progress"||C==="In-Progress",style:{width:Ui.buttonWidth.value(bi)},isDisabled:!1},cancelBtn:{label:xi.cancel,style:{width:Ui.buttonWidth.value(bi)},onClick:()=>{q.reset(),Y?.()}},topComponent:Pl(t,m)===!0?El(Fe,t):null}):null]})})}const Pl=(e,t)=>{const{vendorUpdates:o,vendorDetails:r}=e.transactionDetailLocalData,c=ro(e.transactionDetailLocalData);return r?.id!=null&&o?.id!=null&&r.id!==o.id||r?.id!=null&&o?.id!=null&&r.name!==o.name||t&&c},El=(e,t)=>{const{vendorUpdates:o,vendorDetails:r}=t.transactionDetailLocalData,c=r?.id!=null&&r.id!==o?.id,a=ro(t.transactionDetailLocalData),d=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;return i.jsxs(Ml,{children:[a&&d!=null?i.jsx(Oi,{style:{width:"auto"},label:{label:i.jsxs(ai,{children:[te.common.texts.update,te.common.strings.space,d.type,te.common.strings.space,te.common.texts.name.toLocaleLowerCase(),te.common.strings.space,i.jsx(Rt,{children:i.jsx($t,{children:d.name})}),te.transactionDetail.footer.forAllLineItems]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.isVendorUpdateAllChecked??!1,name:et,checkBoxValue:et}}):c===!0?i.jsx(Oi,{style:{width:"auto"},label:{label:i.jsxs(ai,{children:[te.transactionDetail.footer.allTransactions,i.jsx(Rt,{children:i.jsx($t,{children:t.transactionDetailLocalData.vendorDetails?.name??te.common.strings.empty})}),te.transactionDetail.footer.willUpdate,i.jsx(Rt,{children:i.jsx($t,{children:t.transactionDetailLocalData.vendorUpdates?.name??te.common.strings.empty})}),te.transactionDetail.footer.postBookCloseData,`${t?.transaction?.bookCloseDate?.format(te.dateFormat.visual.MMMDCommaYYYYformat)}
-           .`]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.updatePreviousTransactionsWithUpdatedVendor??!1,name:Qe,checkBoxValue:Qe}}):i.jsxs(ai,{children:[te.transactionDetail.footer.allTransactions,i.jsx(Rt,{children:i.jsx($t,{children:r?.name??te.common.strings.empty})}),te.transactionDetail.footer.willUpdate,i.jsx("q",{children:i.jsx($t,{children:o?.name??te.common.strings.empty})})]}),i.jsx(Fl,{})]})},ro=e=>e.latestSelectedEntityOnLineItem!=null&&e.latestSelectedEntityOnLineItem.type==="vendor",yi=e=>(ue.isCustomerTransaction(e)===!0||ue.isVendorTransactionWithCustomer(e)===!0)&&e.customer!=null?e.customer?.name??"":ue.isVendorTransaction(e)===!0&&e.vendor!=null?e.vendor?.name??"":e.memo??e.type,co=e=>{const t=[],o=[],r=[],c=[];return e.lines?.forEach(a=>{switch(a.type){case"transaction_with_account_and_class_line":case"transaction_with_product_or_service_line":case"journal_entry_transaction_line":{t.push(a.account.accountId),o.push(a.account.accountName);const d=a.class.className;d!==""&&(c.push(d),r.push(a.class.classId??""));break}}}),{accountIds:t,accountNames:o,classIds:r,classNames:c}},_l=(e,t,o,r,c)=>{if(e==="Chart"&&o!=null&&r!=null&&c!=null){const{accountIds:a,accountNames:d,classIds:s,classNames:m}=co(c),w=yi(c);t?.trackSpendIncomeTrendForTransaction(r.type==="vendor"?si.Event.spendTrend:si.Event.incomeTrend,"Transaction Details",c.id,c.type,w,a,d,s,m,o?.addTimePeriod.startDate.format(te.dateFormat.analytics.MMMYYFormat))}e==="TransactionListLoadMore"&&t?.trackTransactionList(c?.account?.accountId,c?.account?.accountName,"Transaction Details",void 0,void 0,!0)},Nl=(e,t,o)=>{if(o!=null){const{accountIds:r,accountNames:c}=co(o);t?.trackTransactionDetailReceipt(si.Event.transactionDetailReceiptOpened,e,o.id,yi(o),o.type,r,c)}},Bl=(e,t,o,r)=>{t!=null&&e?.trackTransactionDetailReceiptUpload(t.account?.accountId,t.account?.accountName,t.id,yi(t),t.type,t.memo,o,r?.split("/")[1])},He=(e,t,o,r)=>{const c=e.selectedEntity,a=Object.values(e.lineItemById).filter(s=>s.type==="journal_entry_transaction_line"||s.type==="transaction_with_account_and_class_line"||s.type==="transaction_with_product_or_service_line"),d=Object.keys(e.lineItemById)[0];return{[ae]:a?.map(s=>({id:s.id,type:s.type,amount:s.amount,lineDetailType:s.lineDetailType,platformLineDetailType:s.platformLineDetailType,lineTransactionType:s.lineTransactionType,postingType:s.postingType,postingTypeName:s.postingTypeName,customer:s?.customer,vendor:s?.vendor,billable:s.billable,item:s.item,isCategoryMiscategorized:s.isCategoryMiscategorized,isClassMiscategorized:s.isClassMiscategorized,[le]:{selectedOption:s?.account?.qboId??s?.account?.accountId,allOptions:Ki(t,s.recommendationsWithCOT)},[se]:{selectedOption:s?.class?.classId,allOptions:Xi(o,s.recommendationsWithCOT)},[Et]:s?.lineDescription,[re]:{selectedOption:s.lineEntity?.qboId??s.lineEntity?.id,defaultOptions:Wo(s,r)},[Pt]:s.lineEntity,[Dt]:s?.recommendedAccount,[Ct]:s?.recommendedClass,[rt]:s?.isRecommendedCategorySelected,[Ke]:s?.isRecommendedClassSelected,[vt]:s?.retainedAccount,[It]:s?.retainedClass,[Xe]:s?.isRetainedCategorySelected,[Ge]:s?.isRetainedClassSelected,[Ee]:s?.isUpdateAllChecked,[ve]:s?.isCategoryUpdateSelected,[Ie]:s?.isClassUpdateSelected,[Zi]:s?.recommendationsWithCOT})),[Ze]:e?.memo,[lt]:{selectedOption:c?.qboId??c?.id,defaultOptions:Gi(r,c,e.lineItemById[d]?.recommendationsWithCOT)},[Qe]:e.updatePreviousTransactionsWithUpdatedVendor,[et]:e.isVendorUpdateAllChecked}},ni=(e,t,o,r,c,a,d,s,m,w)=>{const f={};return f.memo=e[Ze],f.vendorUpdates=d?.vendorUpdates,f.vendorDetails=d?.vendorDetails,f.customerUpdates=d?.customerUpdates,f.customerDetails=d?.customerDetails,f.selectedEntity=d?.selectedEntity,f.updatePreviousTransactionsWithUpdatedVendor=d?.updatePreviousTransactionsWithUpdatedVendor,f.latestSelectedEntityOnLineItem=s??d?.latestSelectedEntityOnLineItem,f.latestUpdatedLineWithEntity=m??d?.latestUpdatedLineWithEntity,d!=null&&(f.isVendorUpdateAllChecked=w??d.isVendorUpdateAllChecked,f.vendorBulkUpdateCategoryClassRecommendationsFetchStatus=d?.vendorBulkUpdateCategoryClassRecommendationsFetchStatus),f.lineItemById=e.lineInfo.reduce(($,h)=>{const C=h[se].selectedOption,b=h[le].selectedOption,O=h[re].selectedOption,{customerInfo:g,vendorInfo:S}=Uo(h,O,a,r.entityAutoCompleteView),R=g??S;return{...$,[h.id]:{...h,id:h.id,customer:R!=null&&R.type==="customer"?g:void 0,vendor:R!=null&&R.type==="vendor"?S:void 0,lineDescription:h[Et],lineEntity:R,isRecommendedCategorySelected:h[rt],isRecommendedClassSelected:h[Ke],isCategoryUpdateSelected:h[ve],isClassUpdateSelected:h[Ie],isRetainedCategorySelected:h[Xe],isRetainedClassSelected:h[Ge],isUpdateAllChecked:c===!0?!1:h[Ee],class:C!=null?o.classes.find(A=>A.classId===C):void 0,account:b!=null?t.accounts.find(A=>A.qboId===b):void 0,recommendedAccount:h[Dt],recommendedClass:h[Ct],retainedAccount:h[vt],retainedClass:h[It],recommendationsWithCOT:h[Zi]}}},{}),f},Ml=l.div`
+`,ae="lineInfo",Ze="memo",lt="vendorDetails",Qe="updatePreviousTransactionWithNewVendor",et="isUpdateVendorToAllLineItemsChecked",Yi=e=>`${e}_form`;function Rl(e,t,o){return el(e,t,o)}const te=N.getLocalizedStrings();function pr({firstMonthOfFY:e,transactionDetail:t,transactionAttachmentEndpointToDownload:o,transactionAttachmentsEndpointToFetch:r,attachmentUploadEndpoint:c,isNavBarVisible:a=!0,isDisabled:d,isCOTEnabled:s,isVendorBulkUpdateOnTransactionEnabled:m,authParams:w,trendReport:f,analytics:$,uncategorizedAccounts:h,vendorSaveStatus:C,containerStyles:b,headerStyles:O,autoCompleteData:g,autoCompleteActions:S,enableBackClickOnSave:V,onTransactionClick:A,onBackClick:D,onTrendSelectedPeriodChange:k,onUploadAttachmentAttachment:L,onDeleteAttachment:W,onSaveUpdates:M,onResetLineItemsCategoryClassInLocalData:ce,onSaveTransactionDetailLocalData:J,saveLatestSelectedEntity:ye,onSaveSuccess:be,onPageRefresh:pe,onUpdateAllChecked:x,onChangeCategoryClassWhenUpdateAllIsChecked:E,discardTransactionDetailLocalData:Y,onFetchRecommendationsForEntity:Te,updateVendorBulkRecommendationsFetchStatus:xe,clearRecommendationForLineId:ge,resetUpdateErrorState:je,onSaveVendorInLocalData:X,onSaveCustomerInLocalData:Ve,onSaveTransactionIdInNewVendorLocalData:Me,onUpdateAllTranactionsWithCurrentVendorChecked:Wt,onClickUpdateVendorToAllLineItems:qt,onResetVendorToAllLineItems:dt,setIsVendorUpdateAllChecked:Ut}){const Ot=T.useRef(null),Lt=T.useRef(),Fe=jt(),q=zo({mode:"all",reValidateMode:"onChange",defaultValues:He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView)}),{vendorUpdates:oe,vendorDetails:Oe,customerUpdates:ut,customerDetails:Le}=t.transactionDetailLocalData,We=Object.keys(t.transactionDetailLocalData.lineItemById)[0],[Ht,it]=T.useState(t.transaction?.attachments??[]),[Yt,qe]=T.useState(!1),[ot,nt]=T.useState([]),[pt,mt]=T.useState([]),[at,ht]=T.useState(void 0),[Re,gt]=T.useState(t.transaction?.id??""),[j,U]=T.useState(void 0),me=T.useRef([]),Se=(p,y,I,F)=>{if(y!==Re||F==null||F==="")return;const K=[...me.current];let _=K.find(we=>we.lineId===p);if(_==null)_={lineId:p,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}},K.push(_);else{_={..._,category:{..._.category,recommendationTypesViewed:[..._.category.recommendationTypesViewed]},class:{..._.class,recommendationTypesViewed:[..._.class.recommendationTypesViewed]},vendor:{..._.vendor,recommendationTypesViewed:[..._.vendor.recommendationTypesViewed]}};const we=K.findIndex(Jt=>Jt.lineId===p);K[we]=_}const fe=_[I];fe.recommendationTypesViewed.includes(F)||fe.recommendationTypesViewed.push(F),me.current=K},Ce=t.transactionDetailUpdateStatus?.fetchState??"Not-Started",bi=Z(),{common:{footer:xi},dateFormat:uo}=N.getLocalizedStrings(),[po,Gt]=T.useState(void 0),wi=T.useRef(),Ue=Rt(t.transactionDetailUpdateStatus?.fetchState),Xt=Rt(g.entityAutoCompleteView.fetchState),Kt=Rt(t.fetchState),mo=t.transaction!=null?Ao(t.transaction?.type,Fe):void 0;T.useEffect(()=>{g.entityAutoCompleteView.fetchState==="Completed"&&Lt.current?.(Vo(g.entityAutoCompleteView))},[g.entityAutoCompleteView.fetchState]);const ho=(p,y)=>{St(),S.onAutoCompleteInputChange?.(p),Lt.current=y},go=async(p,y)=>{if(p.includes("lineDescription")||p.includes(Ze))return;const I=Object.assign({},t.transaction),F=p.split(".")[1];let K=t.transactionDetailLocalData.latestSelectedEntityOnLineItem,_,fe=y.isUpdateVendorToAllLineItemsChecked;if(p.includes(Ze)===!1&&p.includes(lt)===!1&&p.includes(Qe)===!1&&p.includes(et)===!1&&p!==ae){const z=parseInt(p.split(".")[1]),H=y[ae][z].id;_=H;const u=qo(y[ae][z]);let P=!1;if(p.includes(le)||p.includes(se)){if(p.includes(le)){const Q=yo(H,z,y);u[rt]!==Q&&(u[rt]=Q,P=!0),u[le].selectedOption!=null&&u[le].selectedOption===u[Dt]?.qboId&&!u[ve]?(u[ve]=!0,P=!0):(u[ve]=!1,P=!0),u[le].selectedOption!=null&&u[le].selectedOption===u[vt]?.qboId&&!u[ve]?(u[Xe]=!0,P=!0):(u[Xe]=!1,P=!0)}if(p.includes(se)&&(u[Ke]!==$i(H,z,y)&&(u[Ke]=$i(H,z,y),P=!0),u[se].selectedOption!=null&&u[se].selectedOption===u[Ct]?.classId&&!u[Ie]?(u[Ie]=!0,P=!0):(u[Ie]=!1,P=!0),u[se].selectedOption!=null&&u[se].selectedOption===u[It]?.classId&&!u[Ie]?(u[Ge]=!0,P=!0):(u[Ge]=!1,P=!0)),u[Ee]===!0){const Q=bt(u,t.transactionDetailLocalData,u[re].selectedOption,F,g.entityAutoCompleteView);E?.(!u[Ee],Q)}}if(p.includes(ve))if(u[ve]===!1){ce?.({id:I.id,type:I.type},I,[H],Zt(z,H,y),"account",!1);return}else u[ve]===!0&&u[le].selectedOption!==u[Dt]?.qboId&&(u[le].selectedOption=u[Dt]?.qboId,u[rt]=!0,u[Xe]=!1,P=!0);if(p.includes(Ie))if(u[Ie]===!1){ce?.({id:I.id,type:I.type},I,[H],Zt(z,H,y),"class",!1);return}else u[Ie]===!0&&u[se].selectedOption!==u[Ct]?.classId&&(u[se].selectedOption=u[Ct]?.classId,u[Ke]=!0,u[Ge]=!1,P=!0);if(p.includes(Xe)&&u[Xe]===!0&&u[le].selectedOption!==u[vt]?.qboId&&(u[le].selectedOption=u[vt]?.qboId,u[ve]=!1,u[rt]=!1,P=!0),p.includes(Ge)&&u[Ge]===!0&&u[se].selectedOption!==u[It]?.classId&&(u[se].selectedOption=u[It]?.classId,u[Ie]=!1,u[Ke]=!1,P=!0),p.includes(Ee))if(u[Ee]===!0){const Q=u[le].selectedOption,de=u[se].selectedOption,ne=t.accountList.accounts.find(ke=>ke.qboId===Q),$e=t.classList.classes.find(ke=>ke.classId===de);u[Ke]=!0;const ee=bt(u,t.transactionDetailLocalData,u[re].selectedOption,F,g.entityAutoCompleteView);x?.(u[Ee],ne!=null?{account:ne,updateOrRetain:u[ve]===!0?"update":"retain"}:void 0,$e!=null?{classBase:$e,updateOrRetain:u[Ie]===!0?"update":"retain"}:void 0,ee);return}else{ce?.({id:I.id,type:I.type},I,Zt(z,H,y),[H],"both",!1);return}if(p.includes(Pt)&&u[re].selectedOption==null){ge?.({transactionId:{id:I.id,type:I.type},transaction:I,lineId:H}),P=!0;return}if(p.includes(Pt)&&u[re].selectedOption!=null&&(K=bt(u,t.transactionDetailLocalData,u[re].selectedOption,H,g.entityAutoCompleteView),K!=null)){const Q={id:I.id,type:I.type};ye(Q,H,K),Te?.(K,u.amount.amount,{transactionId:{id:I.id,type:I.type},transaction:I,lineIds:[H]},!1),t.transaction!=null&&t.transactionDetailLocalData.isVendorUpdateAllChecked&&(Ut(Q,t.transaction,!1),fe=!1,P=!0)}if(P){const Q={...y};Q[ae][z]=u,q.reset(Q,{keepDefaultValues:!0,keepDirty:!0})}}const we=z=>{const H=parseInt(z.split(".")[1]),u=y[ae][H][re].selectedOption;if(u==null)return!1;let P=!1;return y.lineInfo.forEach((Q,de)=>{if(H!==de){const ne=Q[re].selectedOption;ne!=null&&u===ne&&(P=P||Q[Ee])}}),!z.includes(Pt)&&P},Jt=z=>z!==ae?t.transaction!=null&&(ue.isVendorTransaction(t.transaction)||ue.isCustomerTransaction(t.transaction))?z.includes(Ze)===!1&&z.includes(Et)===!1:z.includes(Ze)===!1&&z.includes(Et)===!1&&we(z):!1;if(p!==ae&&p!==lt&&p!==et&&p!==Qe){const z=ni(y,t.accountList,t.classList,g,Jt(p),F,t.transactionDetailLocalData,K,_,fe);J?.({id:I.id,type:I.type},z)}if(p===lt){const z=y[lt];if(z.selectedOption!==oe?.qboId||z.selectedOption!==ut?.qboId){const H=z.defaultOptions,u=z.selectedOption,P=g.entityAutoCompleteView.vendor.find(ee=>ee.qboId===z.selectedOption),Q=H?.flatMap(ee=>ee.options).find(ee=>ee.value===u)?.label,de=g.entityAutoCompleteView.customer.find(ee=>ee.qboId===z.selectedOption),ne=t.transactionDetailLocalData.lineItemById[We]?.recommendationsWithCOT?.find(ee=>ee.vendor?.qboId===z.selectedOption)?.vendor,$e={id:I.id,type:I.type};if(P==null&&ne==null&&de==null)Me?.($e),X?.($e,{name:Q??z.selectedOption??""});else if(P!=null&&de==null){if(t.transaction!=null){const ee={name:P.name,id:P.zeniId,qboId:P.qboId},ke={id:P.id,type:"vendor",qboId:P.qboId,zeniId:P.qboId,name:P.name},ft={transaction:t.transaction,transactionId:$e,lineIds:t.transaction.lines?.map(yt=>yt.id)??[]};X?.($e,ee,ke,t.transaction.amount.amount,ft)}}else if(ne?.id!=null&&ne?.qboId!=null&&de==null){if(t.transaction!=null){const ee={name:ne.name,id:ne.id,qboId:ne.qboId},ke={id:ne.id,type:"vendor",qboId:ne.qboId,zeniId:ne.qboId,name:ne.name},ft={transaction:t.transaction,transactionId:$e,lineIds:t.transaction.lines?.map(yt=>yt.id)??[]};X?.($e,ee,ke,t.transaction.amount.amount,ft)}}else if(de!=null&&t.transaction!=null){const ee={name:de.name,id:de.zeniId,qboId:de.qboId},ke={id:de.id,type:"customer",qboId:de.qboId,zeniId:de.qboId,name:de.name},ft={transaction:t.transaction,transactionId:$e,lineIds:t.transaction.lines?.map(yt=>yt.id)??[]};Ve?.($e,ee,ke,t.transaction.amount.amount,ft)}}S.onCancelAutoComplete?.();return}if(p===Qe){const z=y[Qe];Wt?.(z)}if(p===et){const z=y[et],H=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;z===!0&&t.transaction!=null&&H!=null?(qt?.({id:I.id,type:I.type},t.transaction,H),qe(!0)):z===!1&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&dt?.({id:I.id,type:I.type},I,t.transactionDetailLocalData.latestUpdatedLineWithEntity)}},fo=(p,y)=>{if(p!=null&&y!=null){const I=p.qboId??p.id,F=y.qboId??y.id;return I===F}return!1},Zt=(p,y,I)=>{const F=t.transaction;if(F!=null&&(ue.isVendorTransaction(F)||ue.isCustomerTransaction(F)))return I[ae].filter(_=>_.id!==y).map(_=>_.id);const K=bt(I[ae][p],t.transactionDetailLocalData,I[ae][p][re].selectedOption,p.toString(),g.entityAutoCompleteView);return K!=null?I[ae].filter((_,fe)=>{const we=bt(_,t.transactionDetailLocalData,_[re].selectedOption,fe.toString(),g.entityAutoCompleteView);return fo(K,we)&&_.id!==y}).map(_=>_.id):[]},yo=(p,y,I)=>!!(t.transactionDetailLocalData.lineItemById[p].recommendationsWithCOT?.map(F=>F.account?.qboId)??[]).includes(I[ae][y][le].selectedOption),$i=(p,y,I)=>!!(t.transactionDetailLocalData.lineItemById[p].recommendationsWithCOT?.map(F=>F.class?.classId)??[]).includes(I[ae][y][se].selectedOption),bo=()=>{Y?.(),D?.()};T.useEffect(()=>{const p=q.watch((y,{name:I})=>{I!=null&&y!=null&&I!=null&&y!=null&&Ro(()=>go(I,y))});return()=>{p.unsubscribe()}}),T.useEffect(()=>()=>{Y?.()},[]),T.useEffect(()=>{t.transaction&&Re!==t.transaction?.id&&(gt(t.transaction?.id??""),q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView)))},[t,Re,g.entityAutoCompleteView,q]),T.useEffect(()=>{Po(q.getValues(),He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView))||q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[t.transactionDetailLocalData,t.accountList,t.classList,t.transaction?.recommendationsWithCOT,g.entityAutoCompleteView,q]),T.useEffect(()=>{async function p(y){ot.includes(y.attachment_id)?console.warn(`Attachment with ID ${y.attachment_id} is already getting downloaded`):(nt([y.attachment_id,...ot]),await Rl(o,w,y),nt(vi(ot,I=>I==y.attachment_id)))}t.fetchState==="Completed"&&t.transaction!=null&&at!=null&&(p({transaction_key:{transaction_id:t.transaction.id,transaction_type:t.transaction.type},attachment_id:at}),ht(void 0))},[at]),T.useEffect(()=>{(Ue==="In-Progress"||Ue==="Not-Started")&&Ce==="Error"?Gt(Ce):Ce==="Completed"&&(Ue==="In-Progress"||Ue==="Not-Started")&&q.formState.isDirty&&(q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView)),be?.()),Ce==="Completed"&&(Ue==="In-Progress"||Ue==="Not-Started")&&V===!0&&D?.(),g.entityAutoCompleteView.fetchState==="Completed"&&(Xt==="In-Progress"||Xt==="Not-Started")&&q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[Ce,V,q,be,t,Ue,g,Xt,D]),T.useEffect(()=>{(Kt==="In-Progress"||Kt==="Not-Started")&&t.fetchState==="Completed"&&q.reset(He(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,g.entityAutoCompleteView))},[q,t,t.fetchState,Kt,g]),T.useEffect(()=>{t.fetchState==="Completed"&&t.transaction?.attachments!=null&&it(t.transaction.attachments)},[t]),T.useEffect(()=>{g.entityAutoCompleteView.fetchState==="Completed"&&wi.current?.(Gi(g.entityAutoCompleteView,t.transactionDetailLocalData.selectedEntity??t.transactionDetailLocalData.latestSelectedEntityOnLineItem,t.transactionDetailLocalData.lineItemById[We]?.recommendationsWithCOT))},[g.entityAutoCompleteView.fetchState]);const xo=(p,y)=>{_l(p,$,y,f?.trendReport?.entity,t.transaction),k?.(y)},wo=q.handleSubmit(p=>{const y=ni(p,t.accountList,t.classList,g,!1,void 0,t.transactionDetailLocalData);if(t.transaction!=null){$?.trackTransactionDetailsSave(t.transaction.account?.accountId,t.transaction.account?.accountName,t.transaction.id,void 0,t.transaction.type,ue.getChangedLineItemCountFromLocalData(t.transaction,y),y.memo,t.transaction.attachments?.map(K=>K.fileName)),J?.({id:t.transaction.id,type:t.transaction.type},y);const I=y.vendorDetails?.id!=null&&y.vendorDetails?.id===y.vendorUpdates?.id&&y.vendorDetails?.name!==y.vendorUpdates?.name,F=me.current;M?.({id:t.transaction.id,type:t.transaction.type},F,oe?.id,I),me.current=[]}}),St=()=>{if(t.transaction!=null){const p=q.getValues(),y=ni(p,t.accountList,t.classList,g,!1,void 0,t.transactionDetailLocalData);J?.({id:t.transaction.id,type:t.transaction.type},y)}};async function $o(p,y,I,F,K,_){mt([_.toString()]),await zn(p,y,I,F,K).then(({uploadResponse:fe})=>{if(fe!=null&&t.transaction!==void 0){const we=fe.transaction.attachments;Array.isArray(we)&&we[0]!=null?(it([ue.toAttachment(we[0])]),L(fe.transaction)):console.warn("Upload attachment response has no attachments; skipping update.")}}),mt(vi(pt,fe=>fe==_.toString()))}const Io=t.fetchState==="In-Progress"||t.fetchState==="Not-Started",vo={onOkClick:()=>{Gt(void 0),q.reset(),je?.()},onRefresh:()=>{Gt(void 0),q.reset(),je?.(),pe?.()}},Co=p=>{t.transaction!=null&&X?.({id:t.transaction.id,type:t.transaction.type},{name:p,id:Oe?.id,qboId:Oe?.qboId})},Do=p=>{t.transaction!=null&&Ve?.({id:t.transaction.id,type:t.transaction.type},{name:p,id:Le?.id,qboId:Le?.qboId})},To=()=>!!(q.formState.isDirty&&Object.keys(q.formState.dirtyFields).length>0||oe?.id!==Oe?.id||oe?.name!==Oe?.name||ut?.id!==Le?.id||ut?.name!==Le?.name),jo=(p,y)=>{St(),S.onAutoCompleteInputChange?.(p),wi.current=y},Oo={defaultOptions:Eo(oe?.qboId,oe?.name,g?.entityAutoCompleteView),selectedOption:oe?.qboId!=null?oe?.qboId:oe?.name!=null&&oe?.name!==""?oe?.name:""},Lo=()=>{const p=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;if(p!=null&&t.transaction!=null){const y=t.transaction.lines?.map(I=>I.id);xe({id:t.transaction.id,type:t.transaction.type},"In-Progress"),Te?.(p,t.transaction.lines?.[0].amount.amount??0,{transactionId:{id:t.transaction.id,type:t.transaction.type},transaction:t.transaction,lineIds:y??[]},!0)}},So=()=>{t.transaction!=null&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&dt?.({id:t.transaction.id,type:t.transaction.type},t.transaction,t.transactionDetailLocalData.latestUpdatedLineWithEntity)},ko=()=>{t.transaction!=null&&xe({id:t.transaction.id,type:t.transaction.type},"Not-Started")};return i.jsx(Al,{ref:Ot,style:b,"data-testid":B("transaction-detail-page"),children:i.jsxs(_o,{...q,children:[i.jsx("form",{id:Yi(Ii),onSubmit:wo,children:Io===!1&&t.transaction!=null?i.jsxs(i.Fragment,{children:[a?i.jsx(No,{title:Bo(t.transaction,oe?.name),onBackClick:bo,style:{zIndex:3},backgroundColor:Fe.colors.grey5,enableTitleOnScroll:!0,source:"TransactionDetailPage"}):null,po==="Error"?i.jsx(fl,{errorCode:t.transactionDetailUpdateStatus?.error!==void 0?t.transactionDetailUpdateStatus?.error.code:500,action:vo,transactionDate:t.transaction?.date.format(uo.visual.MMMYYYYFormat)}):null,Yt?i.jsx(Tl,{recommendationsBuildStatus:t.transactionDetailLocalData.vendorBulkUpdateCategoryClassRecommendationsFetchStatus?.fetchState,fetchRecommendations:Lo,setShowVendorRecommendationsBuildPopup:qe,clearVendorName:So,clearUpdateVendorBulkRecommendationsFetchStatus:ko}):null,t.transaction.isUpdatingTransaction===!0||t.isUpdateNotAllowed===!0?i.jsx(xl,{}):null,i.jsx(cl,{vendorDetailsSectionId:lt,transaction:t.transaction,existingVendor:Oe,existingCustomer:Le,isCOTEnabled:s,selectedEntity:t.transactionDetailLocalData.selectedEntity,headerStyles:O,vendorSearchAutoComplete:{autoCompleteData:g,loadOptions:jo},handleVendorRename:Co,handleCustomerRename:Do,currentVendorOption:Oo,recommendationsWithCOT:t.transactionDetailLocalData.lineItemById[We]?.recommendationsWithCOT,cotTracking:{lineId:We,transactionId:Re,onCOTView:Se},openTooltipId:j,setOpenTooltipId:U}),i.jsxs(Hi,{children:[i.jsxs(Hi,{children:[i.jsx(Qs,{containerRef:Ot.current,transaction:t.transaction,accountList:t.accountList.accounts,accountsHierarchyList:t.accountsHierarchyList,classHierarchyList:t.classHierarchyList,classList:t.classList.classes,sectionId:ae,isDisabled:d,isCOTEnabled:s,lineItemsLocalData:t.transactionDetailLocalData,uncategorizedAccounts:h,searchAutoComplete:{autoCompleteData:g,loadOptions:ho},cotTracking:{transactionId:Re,onCOTView:Se},openTooltipId:j,setOpenTooltipId:U}),i.jsx(Mo,{transaction:t.transaction,deleteStatusByAttachmentName:t.deleteStatusByAttachmentName,memo:t.transactionDetailLocalData.memo,attachments:Ht,sectionId:Ze,attachmentIdsBeingDownloaded:ot,attachmentIdsBeingUploaded:pt,isDisabled:d,authParams:w,onDeleteAttachment:p=>{St(),W(p)},transactionAttachmentsEndpointToFetch:r,onAttachmentClick:p=>{Nl(p.id,$,t.transaction),ht(p.id)},onUploadAttachment:(p,y,I,F)=>{St(),Bl($,t.transaction,y,p.type),$o(c,w,p,y,I,F)}})]}),i.jsx(Js,{sectionId:ae,linkedTransactions:t.linkedTransactions,onTransactionClick:A})]}),f?.trendReport?.dataAvailable!=null&&i.jsx(kn,{firstMonthOfFY:e,trendWithTransactionsReport:f,isDetailPage:!0,graphColor:mo,onTimePeriodChange:xo,onTransactionItemClick:A})]}):i.jsx(Vl,{style:b,children:i.jsx(Bt,{size:"ExtraLarge",start:!0})})}),To()?i.jsx(Fo,{formId:Yi(Ii),primaryBtn:{label:xi.save,isLoading:Ce==="In-Progress"||C==="In-Progress",style:{width:Ui.buttonWidth.value(bi)},isDisabled:!1},cancelBtn:{label:xi.cancel,style:{width:Ui.buttonWidth.value(bi)},onClick:()=>{q.reset(),Y?.()}},topComponent:Pl(t,m)===!0?El(Fe,t):null}):null]})})}const Pl=(e,t)=>{const{vendorUpdates:o,vendorDetails:r}=e.transactionDetailLocalData,c=ro(e.transactionDetailLocalData);return r?.id!=null&&o?.id!=null&&r.id!==o.id||r?.id!=null&&o?.id!=null&&r.name!==o.name||t&&c},El=(e,t)=>{const{vendorUpdates:o,vendorDetails:r}=t.transactionDetailLocalData,c=r?.id!=null&&r.id!==o?.id,a=ro(t.transactionDetailLocalData),d=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;return i.jsxs(Ml,{children:[a&&d!=null?i.jsx(Oi,{style:{width:"auto"},label:{label:i.jsxs(ai,{children:[te.common.texts.update,te.common.strings.space,d.type,te.common.strings.space,te.common.texts.name.toLocaleLowerCase(),te.common.strings.space,i.jsx(Vt,{children:i.jsx($t,{children:d.name})}),te.transactionDetail.footer.forAllLineItems]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.isVendorUpdateAllChecked??!1,name:et,checkBoxValue:et}}):c===!0?i.jsx(Oi,{style:{width:"auto"},label:{label:i.jsxs(ai,{children:[te.transactionDetail.footer.allTransactions,i.jsx(Vt,{children:i.jsx($t,{children:t.transactionDetailLocalData.vendorDetails?.name??te.common.strings.empty})}),te.transactionDetail.footer.willUpdate,i.jsx(Vt,{children:i.jsx($t,{children:t.transactionDetailLocalData.vendorUpdates?.name??te.common.strings.empty})}),te.transactionDetail.footer.postBookCloseData,`${t?.transaction?.bookCloseDate?.format(te.dateFormat.visual.MMMDCommaYYYYformat)}
+           .`]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.updatePreviousTransactionsWithUpdatedVendor??!1,name:Qe,checkBoxValue:Qe}}):i.jsxs(ai,{children:[te.transactionDetail.footer.allTransactions,i.jsx(Vt,{children:i.jsx($t,{children:r?.name??te.common.strings.empty})}),te.transactionDetail.footer.willUpdate,i.jsx("q",{children:i.jsx($t,{children:o?.name??te.common.strings.empty})})]}),i.jsx(Fl,{})]})},ro=e=>e.latestSelectedEntityOnLineItem!=null&&e.latestSelectedEntityOnLineItem.type==="vendor",yi=e=>(ue.isCustomerTransaction(e)===!0||ue.isVendorTransactionWithCustomer(e)===!0)&&e.customer!=null?e.customer?.name??"":ue.isVendorTransaction(e)===!0&&e.vendor!=null?e.vendor?.name??"":e.memo??e.type,co=e=>{const t=[],o=[],r=[],c=[];return e.lines?.forEach(a=>{switch(a.type){case"transaction_with_account_and_class_line":case"transaction_with_product_or_service_line":case"journal_entry_transaction_line":{t.push(a.account.accountId),o.push(a.account.accountName);const d=a.class.className;d!==""&&(c.push(d),r.push(a.class.classId??""));break}}}),{accountIds:t,accountNames:o,classIds:r,classNames:c}},_l=(e,t,o,r,c)=>{if(e==="Chart"&&o!=null&&r!=null&&c!=null){const{accountIds:a,accountNames:d,classIds:s,classNames:m}=co(c),w=yi(c);t?.trackSpendIncomeTrendForTransaction(r.type==="vendor"?si.Event.spendTrend:si.Event.incomeTrend,"Transaction Details",c.id,c.type,w,a,d,s,m,o?.addTimePeriod.startDate.format(te.dateFormat.analytics.MMMYYFormat))}e==="TransactionListLoadMore"&&t?.trackTransactionList(c?.account?.accountId,c?.account?.accountName,"Transaction Details",void 0,void 0,!0)},Nl=(e,t,o)=>{if(o!=null){const{accountIds:r,accountNames:c}=co(o);t?.trackTransactionDetailReceipt(si.Event.transactionDetailReceiptOpened,e,o.id,yi(o),o.type,r,c)}},Bl=(e,t,o,r)=>{t!=null&&e?.trackTransactionDetailReceiptUpload(t.account?.accountId,t.account?.accountName,t.id,yi(t),t.type,t.memo,o,r?.split("/")[1])},He=(e,t,o,r)=>{const c=e.selectedEntity,a=Object.values(e.lineItemById).filter(s=>s.type==="journal_entry_transaction_line"||s.type==="transaction_with_account_and_class_line"||s.type==="transaction_with_product_or_service_line"),d=Object.keys(e.lineItemById)[0];return{[ae]:a?.map(s=>({id:s.id,type:s.type,amount:s.amount,lineDetailType:s.lineDetailType,platformLineDetailType:s.platformLineDetailType,lineTransactionType:s.lineTransactionType,postingType:s.postingType,postingTypeName:s.postingTypeName,customer:s?.customer,vendor:s?.vendor,billable:s.billable,item:s.item,isCategoryMiscategorized:s.isCategoryMiscategorized,isClassMiscategorized:s.isClassMiscategorized,[le]:{selectedOption:s?.account?.qboId??s?.account?.accountId,allOptions:Ki(t,s.recommendationsWithCOT)},[se]:{selectedOption:s?.class?.classId,allOptions:Xi(o,s.recommendationsWithCOT)},[Et]:s?.lineDescription,[re]:{selectedOption:s.lineEntity?.qboId??s.lineEntity?.id,defaultOptions:Wo(s,r)},[Pt]:s.lineEntity,[Dt]:s?.recommendedAccount,[Ct]:s?.recommendedClass,[rt]:s?.isRecommendedCategorySelected,[Ke]:s?.isRecommendedClassSelected,[vt]:s?.retainedAccount,[It]:s?.retainedClass,[Xe]:s?.isRetainedCategorySelected,[Ge]:s?.isRetainedClassSelected,[Ee]:s?.isUpdateAllChecked,[ve]:s?.isCategoryUpdateSelected,[Ie]:s?.isClassUpdateSelected,[Zi]:s?.recommendationsWithCOT})),[Ze]:e?.memo,[lt]:{selectedOption:c?.qboId??c?.id,defaultOptions:Gi(r,c,e.lineItemById[d]?.recommendationsWithCOT)},[Qe]:e.updatePreviousTransactionsWithUpdatedVendor,[et]:e.isVendorUpdateAllChecked}},ni=(e,t,o,r,c,a,d,s,m,w)=>{const f={};return f.memo=e[Ze],f.vendorUpdates=d?.vendorUpdates,f.vendorDetails=d?.vendorDetails,f.customerUpdates=d?.customerUpdates,f.customerDetails=d?.customerDetails,f.selectedEntity=d?.selectedEntity,f.updatePreviousTransactionsWithUpdatedVendor=d?.updatePreviousTransactionsWithUpdatedVendor,f.latestSelectedEntityOnLineItem=s??d?.latestSelectedEntityOnLineItem,f.latestUpdatedLineWithEntity=m??d?.latestUpdatedLineWithEntity,d!=null&&(f.isVendorUpdateAllChecked=w??d.isVendorUpdateAllChecked,f.vendorBulkUpdateCategoryClassRecommendationsFetchStatus=d?.vendorBulkUpdateCategoryClassRecommendationsFetchStatus),f.lineItemById=e.lineInfo.reduce(($,h)=>{const C=h[se].selectedOption,b=h[le].selectedOption,O=h[re].selectedOption,{customerInfo:g,vendorInfo:S}=Uo(h,O,a,r.entityAutoCompleteView),V=g??S;return{...$,[h.id]:{...h,id:h.id,customer:V!=null&&V.type==="customer"?g:void 0,vendor:V!=null&&V.type==="vendor"?S:void 0,lineDescription:h[Et],lineEntity:V,isRecommendedCategorySelected:h[rt],isRecommendedClassSelected:h[Ke],isCategoryUpdateSelected:h[ve],isClassUpdateSelected:h[Ie],isRetainedCategorySelected:h[Xe],isRetainedClassSelected:h[Ge],isUpdateAllChecked:c===!0?!1:h[Ee],class:C!=null?o.classes.find(A=>A.classId===C):void 0,account:b!=null?t.accounts.find(A=>A.qboId===b):void 0,recommendedAccount:h[Dt],recommendedClass:h[Ct],retainedAccount:h[vt],retainedClass:h[It],recommendationsWithCOT:h[Zi]}}},{}),f},Ml=l.div`
   display: flex;
   width: fit-content;
   column-gap: ${n.sp2};
@@ -875,4 +875,4 @@ import{u as jt,a as zo,X as Z,M as N,a5 as Vt,dL as Ao,dM as Ro,c3 as Vo,H as Po
 `,$t=l(Ji)``,Fl=l(Qo)`
   width: ${n.sp3};
   height: ${n.sp3};
-`,Rt=l.q``;export{pr as default,Yi as uniqueName};
+`,Vt=l.q``;export{pr as default,Yi as uniqueName};

package/dist/assets/{TransactionList-CVrK_-YB-CyqUr8En.js → TransactionList-CvGyadHZ-CKr6j1Ej.js}

@@ -1,4 +1,4 @@
-import{X as O,j as e,ao as tt,Y as u,dc as et,M as v,dd as it,d7 as at,de as ot,o as i,g as A,bT as rt,C as q,l as m,e as nt,t as y,q as g,v as st,df as Q,cs as V,_ as W,m as lt}from"./index-CChR0tlr.js";import{b as L,n,f as dt}from"./vendor-CnQcJ2Lu.js";import{g as U}from"./BoxItem-D3v5T6bP-Ccyj0z_e.js";import{o as N}from"./commonDimensions-Pkc8qIrn-C51PkztX.js";const D=t=>t?24:125,ct={containerPaddingBottom:new q(g[9],g[8])},E=n.div`
+import{X as O,j as e,ao as tt,Y as u,dc as et,M as v,dd as it,d7 as at,de as ot,o as i,g as A,bT as rt,C as q,l as m,e as nt,t as y,q as g,v as st,df as Q,cs as V,_ as W,m as lt}from"./index-DTlzo6Yx.js";import{b as L,n,f as dt}from"./vendor-CnQcJ2Lu.js";import{g as U}from"./BoxItem-UCX7eqiN-Bx4T9Ckg.js";import{o as N}from"./commonDimensions-OJhakpB_-Bbp60BrB.js";const D=t=>t?24:125,ct={containerPaddingBottom:new q(g[9],g[8])},E=n.div`
   box-sizing: border-box;
   display: flex;
   flex: 1 1 auto;