@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/TransactionDetailPage-D-NR_yZG-CxUKWZX4.js

@@ -0,0 +1,921 @@
+import{V as n,cL as Ti,di as sa,dj as la,dk as ra,aE as da,aF as ca,y as zt,P as pa,ba as ua,dl as ma,dm as ha,O as Y,X as le,a7 as dn,dn as ga,dp as ya,c8 as ba,S as fa,dq as Di,dr as xa,bb as wa,ds as va,M as Ia,a_ as Ca,aM as $a,E as j,dt as Ta,du as Da,dv as ja,dw as ni,a9 as Oa,x as W,be as La,dx as ji,dy as Te,dz as De,dA as Ge,dB as st,dC as lt,dD as Nt,dE as Mt,dF as rt,dG as Tt,dH as Ut,dI as Bt,dJ as cn,dK as se,dL as Sa,dM as hn,dN as me,dO as Oi,dP as he,dQ as Li,a1 as ka,dR as Rt,dS as ii,dT as Ea,o as i,bf as Ra,a as Aa,bR as Va,L as Bn,bF as Pa,dU as _a,j as O,K as _n,e as ce,D as Fn,au as xn,aA as Na,dV as Ma,bI as Ua,bH as wn,cc as ht,dW as Ba,dX as on,ac as Si,co as Fa,dY as Wa,bK as qa,bL as Ha,a5 as Ee,l as Ie,aj as Ga,v as Wn,dZ as qn,d2 as Ft,d_ as za,d$ as Wt,d8 as Se,e0 as ke,e1 as ki,e2 as pn,e3 as un,e4 as Ln,cG as Ya,an as Ka,bV as Ja,e5 as Hn,m as Ei,e6 as gn,e7 as yn,e8 as Ri,c6 as Ai,bo as Gn,e9 as Sn,cP as kn,ea as Za,aQ as Qa,eb as ai,ec as Xa,ed as eo,A as to,ee as no,ef as io,N as Vi,eg as Pi,b6 as ao,eh as oi,ei as _i,ej as Ni,ek as Mi,b4 as gt,$ as oo,k as so,bj as lo,w as Ui,el as ro,b2 as co,a8 as po,H as uo,em as mo,ae as En}from"./index-BocbTmE1.js";import{a as y,b as At}from"./sentry-DINNQYpi.js";import{n as l}from"./mui-C_CXevf3.js";import{F$ as ho,vF as go,c0 as Ht,b$ as Gt,c1 as yo,ck as bo,mn as fo,bs as xo}from"./zeni-epic-state-a7Sj5mjO.js";import{x as si}from"./LabeledControlledCheckBoxField-BgC8y0D6-BlS4qFJC.js";import{R as wo}from"./TrendWithTransactions-It4KDov3-DY_vu1lx.js";import{u as vo,c as Io,d as Co,m as $o}from"./uploadAttachment-DJA30WSD-Mme28mRP.js";import{o as To}from"./radio-default-CiSgisfh-HLL7c7Ix.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./TrendChart-fFlHCvNx-QKskVgw6.js";import"./chartTypes-Dq3hUz_T-DlStt0to.js";import"./toCOABalancesWithID-P7keEtAg-CVzjqCh4.js";import"./toChartData-BUf5HHim-BMyIU8Hn.js";import"./NoDataChart-9-bhq204-BNHp8Nld.js";import"./InsightsSection-ByFf2oGn-ChvKOP1F.js";import"./NavigationDots-DCpslVnm-D-4SKVAz.js";import"./TransactionList-f6yB-byH-FETk5Iif.js";import"./ConstrainedInnerElement-hv51KpGg-CKGSsSPo.js";import"./BoxItem-B06DK4G--C4opawya.js";import"./commonDimensions-CGHIQ2To-BVJ-7SGP.js";import"./panelSelectedMixin-Cddsb26L-Kk0Lc2Dj.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="cb3fcaa6-3129-4765-991e-49c0972f1bf1",e._sentryDebugIdIdentifier="sentry-dbid-cb3fcaa6-3129-4765-991e-49c0972f1bf1")}catch{}})();const Do={headerMarginTop:new W(O[7],O[8])},jo=l(Ie)`
+  color: ${e=>e.theme.colors.hero};
+`,Oo=l(Ie)`
+  margin-right: ${i.sp1};
+`,Lo=l.div`
+  cursor: default;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    cursor: pointer;
+  }
+`,So=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin: ${e=>`${Do.headerMarginTop.valuePx(e.windowSize)} ${i.sp0} ${i.sp3}`};
+`,ko=({title:e,amount:t,onHeaderClick:a})=>{const d=le();return n.jsxs(So,{windowSize:d,"data-testid":j("linked-transaction-header",e),children:[n.jsxs(Lo,{"data-testid":j("header-title-box"),onClick:()=>{a?.()},children:[n.jsx(Oo,{children:e}),n.jsx(Ga,{width:i.sp3,height:i.sp3})]}),n.jsx(jo,{"data-testid":j("linked-transaction-amount",e),children:Ee("0,0.00",t)})]})},Eo=l(Ie)`
+  color: ${e=>e.theme.colors.hero};
+`,Ro=l(Ie)`
+  color: ${e=>e.theme.colors.primary};
+`,Ao=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: ${i.sp3};
+`,Vo=({title:e,value:t})=>n.jsxs(Ao,{"data-testid":j("linked-transaction-row",e),children:[n.jsx(Eo,{"data-testid":j("linked-transaction-row-label",e),children:e}),n.jsx(Ro,{"data-testid":j("linked-transaction-row-value",e),children:t})]}),Po=l.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${i.sp0} ${i.sp4} ${i.sp3} ${i.sp4};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+`,_o=({values:e})=>n.jsx(Po,{"data-testid":j("linked-transaction-rows"),children:e.map((t,a)=>n.jsx(Vo,{title:t.title,value:t.value},a))}),No=l.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`;function Mo({transaction:e,onTransactionClick:t}){const a=Bi(e);return n.jsxs(No,{children:[n.jsx(ko,{title:e.typeName??"",amount:e.amount,onHeaderClick:()=>{t?.(e)}}),n.jsx(_o,{values:a})]})}function Bi(e){const t=[],a=Y.getLocalizedStrings().transactionDetail.transactionLabels,d=o=>o.format(Y.getLocalizedStrings().dateFormat.visual.DMMMYYFormat),c=o=>Ee("0,0.00",o);if(Gt(e)){const o=e;switch(o.type){case"invoice":t.push({title:a.invoice.invoiceNo,value:o.documentId??"-"}),t.push({title:a.invoice.invoiceDate,value:d(o.date)}),t.push({title:a.invoice.origionalAmount,value:c(o.amount)}),t.push({title:a.invoice.balanceDue,value:o.balance!=null?c(o.balance):"-"});break;case"credit_memo":t.push({title:a.creditMemo.creditMemoNo,value:o.documentId??"-"}),t.push({title:a.creditMemo.creditMemoDate,value:d(o.date)});break;case"sales_receipt":t.push({title:a.salesReceipt.salesReceiptNo,value:o.documentId??"-"}),t.push({title:a.salesReceipt.salesReceiptDate,value:d(o.date)}),t.push({title:a.salesReceipt.paymentMethod,value:o.paymentMethodName??"-"}),t.push({title:a.salesReceipt.depositedTo,value:o.account?.accountName??"-"});break;case"delayed_credit":t.push({title:a.delayedCredit.delayedCreditNo,value:o.documentId??"-"}),t.push({title:a.delayedCredit.delayedCreditDate,value:d(o.date)});break;case"refund":t.push({title:a.refund.refundReceiptNo,value:o.documentId??"-"}),t.push({title:a.refund.refundReceiptDate,value:d(o.date)}),t.push({title:a.refund.refundFrom,value:o.account?.accountName??"-"}),t.push({title:a.refund.paymentMethod,value:o.paymentTypeName??"-"});break;case"payment":t.push({title:a.receivePayment.depositedTo,value:o.account?.accountName??"-"}),o.paymentMethodName!=null&&t.push({title:a.receivePayment.paymentMethod,value:o.paymentMethodName}),t.push({title:a.receivePayment.paymentDate,value:d(o.date)}),t.push({title:a.receivePayment.referenceNo,value:o.documentId||"-"});break;default:console.error(`Unrecognised customer transaction type ${o.type}`)}}else if(Ht(e)){const o=e;switch(o.type){case"expense":t.push({title:a.expense.paymentAc,value:o.account?.accountName??"-"}),t.push({title:a.expense.paymentMethod,value:o.paymentTypeName??"-"}),t.push({title:a.expense.paymentDate,value:d(o.date)});break;case"check":t.push({title:a.check.bankAc,value:o.account?.accountName??"-"}),t.push({title:a.check.paymentDate,value:d(o.date)});break;case"bill":t.push({title:a.bill.billDate,value:d(o.date)}),t.push({title:a.bill.billNo,value:o.documentId||"-"}),t.push({title:a.bill.dueDate,value:o.dueDate!=null?d(o.dueDate):"-"});break;case"bill_payment":case"vendor_credit":case"credit_card_credit":t.push({title:a.billPayment.paymentDate,value:d(o.date)}),t.push({title:a.billPayment.bankOrCreditAc,value:o.account?.accountName??"-"}),t.push({title:a.billPayment.referenceNo,value:o.documentId!=null&&o.documentId.length>0?o.documentId:"-"});break;default:console.error(`Unrecognised vendor transaction type ${o.type}`)}}else if(yo(e)){const o=e;switch(o.type){case"transfer":t.push({title:a.transfer.transferFundsFrom,value:o.fromAccount.accountName}),t.push({title:a.transfer.transferFundsTo,value:o.toAccount.accountName}),t.push({title:a.transfer.date,value:d(o.date)});break;case"credit_card_payment":t.push({title:a.creditCardPayment.paidForCreditCard,value:o.toAccount.accountName}),t.push({title:a.creditCardPayment.payee,value:o.payee?.payeeName??"-"}),t.push({title:a.creditCardPayment.amountPaid,value:c(o.amount)}),t.push({title:a.creditCardPayment.paymentDate,value:d(o.date)}),t.push({title:a.creditCardPayment.paymentMethod,value:o.fromAccount.accountName})}}else switch(e.type){case"deposit":t.push({title:a.deposit.account,value:e.account?.accountName??"-"}),t.push({title:a.deposit.date,value:d(e.date)});break;case"journal_entry":t.push({title:a.journalEntry.journalDate,value:d(e.date)});break;default:console.error(`Unrecognised transaction type ${e.type}`)}return t}const li={autocompleteEmptyPaddingTop:new W(0,O[1]),autocompleteEmptyPaddingBottom:new W(0,O[1])},Uo=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: ${e=>li.autocompleteEmptyPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${i.sp3};
+  padding-bottom: ${e=>li.autocompleteEmptyPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${i.sp0};
+`,Bo=l(mo)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  margin: ${i.sp3} ${i.sp3} ${i.sp3} ${i.sp0};
+  color: ${e=>e.theme.colors.hero};
+  overflow: visible;
+`,Fo=l(Ie)`
+  color: ${e=>e.theme.colors.hero};
+`,Wo={selectFieldInput:new Vi("smallRegular","standardRegular")},qo=({name:e,registerOptions:t,defaultValue:a,isDisabled:d,style:c,placeholder:o,valueToInfo:r,valueToId:s,customStyleConfig:b,showDownChevronWithValue:u,allowEmpty:g=!0,menuPortal:C,disableCurrentOption:f,loadOptions:E,getStyles:w})=>{const{control:v,formState:{errors:I}}=ht(),L=zt(),R=Hn(I,e??""),h=y.useCallback(D=>({value:D.value,label:D.label,info:r?.(D.value)??"",id:s?.(D.value)??null,isDisabled:D.isDisabled,additionalNote:D?.additionalNote,isOptionRecommended:D.isOptionRecommended}),[r,s]),P=D=>D?.map(A=>({label:A.label,options:A.options?.map(H=>h(H))})),N=D=>{if(D==null||!D)return;let A=[];return a.defaultOptions.forEach(H=>{A=A.concat(H.options)}),{value:D,label:A.find(H=>H.value===D)?.label??D,info:r?.(D)??""}},_={...b,container:(D,A)=>({...D,width:"100%",...c,...w?.(A.selectProps.menuIsOpen)}),menu:D=>({...D,backgroundColor:L.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${L.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:D=>({...D,borderRadius:i.sp1})},$={hasError:R,showDownChevronWithValue:u},S=Y.getLocalizedStrings().autoComplete,M=le(),U=D=>D.inputValue.trim().length<2?null:n.jsxs(Uo,{windowSize:M,children:[n.jsx(Bo,{}),n.jsx(Fo,{children:S.input.noMatches})]}),K=y.useRef(to((D,A)=>((H,J)=>{E?.(H,J)})(D,A),500,{trailing:!0})).current,ie=(D,A)=>{if(D.trim().length<2)return A([]);K(D,A)};return n.jsx(no,{name:e,control:v,defaultValue:a,rules:t,"data-testid":j(e,"auto-complete-grouped-single-select-field"),render:({field:{onChange:D,onBlur:A,value:H,ref:J}})=>{const ge=H;return n.jsx(n.Fragment,{children:n.jsx(io,{...$,"data-testid":j(e,"auto-complete-grouped-single-select-field-async-select"),ref:J,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:o,noOptionsMessage:U,value:N(ge.selectedOption),defaultOptions:P(ge.defaultOptions),loadOptions:ie,onChange:X=>{X==null||X?.value!=null&&ge?.selectedOption===X.value?g===!0&&D({selectedOption:void 0,defaultOptions:ge.defaultOptions}):D({selectedOption:X.value,defaultOptions:ge.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:A,menuPlacement:"auto",menuPortalTarget:C,maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:Ho,Option:Qo,Input:zo,Group:Yo,GroupHeading:Ko,SingleValue:X=>Jo(X),ValueContainer:Go,DropdownIndicator:gs,IndicatorSeparator:ys,Placeholder:Zo,ClearIndicator:bs},hideSelectedOptions:!1,styles:_,isDisabled:d!=null,isOptionDisabled:X=>f?.(X.value)??!1})})}})},Ho=e=>{const{menuIsOpen:t,isFocused:a,isDisabled:d,selectProps:c,data:o,options:r}=e,{value:s,hasError:b}=c;let u=[];r.forEach(f=>{u=u.concat(f.options)});const g=u.find(f=>f.value===o?.value),C=le();return n.jsx(Xo,{windowSize:C,menuIsOpen:t,isFocused:a,isDisabled:d,selectedValue:s,hasError:b,isRecommended:g?.isOptionRecommended,children:n.jsx(gt.Control,{...e,className:"select-control",children:e.children})})},Go=e=>{const{selectProps:t,children:a}=e,{showDownChevronWithValue:d}=t;return n.jsxs(gt.ValueContainer,{...e,className:"select-value-container",children:[a,d===!0?n.jsx(Ie,{children:n.jsx(es,{})}):null]})},zo=e=>{const{selectProps:t}=e,{placeholder:a,value:d}=t;return n.jsx(gt.Input,{...e,autoComplete:"new-password",placeholder:d==null?a:void 0,children:e.children})},Yo=e=>n.jsx(gt.Group,{...e,children:e.children}),Ko=e=>{const[t,a]=y.useState(!0);return n.jsx(ls,{className:"group-heading-container",isGroupOpen:t,onClick:()=>a(!t),children:n.jsxs(gt.GroupHeading,{...e,children:[e.children,n.jsx(rs,{isGroupOpen:t,children:n.jsx(ds,{className:"close-tick-icon"})})]})})},Jo=({children:e,...t},a)=>{const d=e;return n.jsx(gt.SingleValue,{...t,children:d})},Zo=()=>null,Qo=e=>{const{data:t,isSelected:a,options:d,isDisabled:c,isFocused:o}=e;let r=[];d.forEach(b=>{r=r.concat(b.options)});const s=r.find(b=>b.value===t.value);return n.jsxs(n.Fragment,{children:[n.jsx(ts,{className:"select-option-wrapper",isFocused:o,isSelected:a,isDisabled:c,isOptionRecommended:s?.isOptionRecommended===!0,showBottomBorder:s?.additionalNote==null||s?.isOptionRecommended===!1,children:n.jsx(gt.Option,{...e,className:"select-option","data-testid":j("option",t.value),children:n.jsxs(ns,{children:[n.jsxs(ss,{isSelected:a,children:[n.jsx(is,{isSelected:a,isDisabled:c,children:e.label}),o===!0&&s?.id!=null&&n.jsx(hs,{children:s.id}),o===!0&&s?.info?n.jsx(os,{isSelected:!!a,children:s?.info}):null]}),s?.isOptionRecommended===!0?n.jsx(ms,{}):null,a&&s?.additionalNote==null?n.jsxs(cs,{children:[n.jsx(ps,{className:"right-tick-icon"}),n.jsx(us,{className:"close-tick-icon"})]}):null]})})}),s?.isOptionRecommended===!0&&s.additionalNote!=null?n.jsx(as,{isSelected:a,isDisabled:c,children:s?.additionalNote}):null]})};l.div`
+  position: relative;
+  display: none;
+`,l.div`
+  position: absolute;
+  background: ${En.primary};
+  color: ${En.grey5};
+  padding: ${i.sp3};
+  border-radius: ${i.sp1};
+  top: -60px;
+  right: 20px;
+  opacity: 0.85;
+  pointer-events: none;
+`,l.span`
+  position: absolute;
+  top: 55px;
+  left: 85%;
+  border-width: ${i.sp2};
+  border-style: solid;
+  border-color: ${En.primary} transparent transparent transparent;
+`;const Xo=l.span`
+  width: 100%;
+  background-color: ${e=>e.hasError?ce.importantLight:e.menuIsOpen?e.theme.colors.background:e.theme.colors.grey5};
+  border-radius: ${i.sp1};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  .select-control {
+    border: none;
+    height: ${i.sp6};
+    background-color: inherit;
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?ce.importantLight:e.theme.colors.background};
+      border-color: none;
+    }
+    box-shadow: none;
+    width: auto;
+    min-height: auto;
+    cursor: pointer;
+  }
+
+  .select-value-container {
+    width: 100%;
+    display: flex;
+    padding: 0;
+    max-width: 100%;
+    height: 100%;
+    min-width: auto;
+    align-items: center;
+    flex-wrap: nowrap;
+    cursor: pointer;
+    justify-content: ${e=>e.menuIsOpen===!1?"flex-end":"flex-start"};
+    .auto-complete-grouped-single-select-field__single-value {
+      display: flex;
+      color: ${e=>e.hasError?ce.important:e.theme.colors.primary};
+      ${e=>`${Wo.selectFieldInput.style(e.windowSize)}`};
+    }
+
+    .auto-complete-grouped-single-select-field__input-container {
+      display: flex;
+      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?i.sp0:"100%"};
+      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
+      ${Ui.standardRegular.css};
+      color: ${e=>e.theme.colors.primary};
+      margin: ${i.sp0};
+      cursor: inherit;
+
+      > input {
+        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
+        align-items: center;
+        overflow: hidden;
+        cursor: inherit;
+        :disabled {
+          visibility: visible;
+        }
+        ::placeholder {
+          color: ${e=>e.hasError?ce.important:e.theme.colors.grey1};
+        }
+      }
+    }
+  }
+
+  ~ .auto-complete-grouped-single-select-field__menu {
+    .auto-complete-grouped-single-select-field__group:not(:last-of-type) {
+      .select-option-wrapper {
+        border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+      }
+    }
+  }
+`,es=l(oo)`
+  width: 12px;
+  height: 12px;
+  color: ${e=>e.theme.colors.hero};
+  padding-right: 12px;
+`,ts=l.div`
+  border-bottom: ${e=>e.showBottomBorder===!0?"inherit":"none"} !important;
+  .select-option {
+    ${Ui.smallRegular.css};
+    height: ${i.sp6};
+    padding: 9px ${i.sp3};
+    color: ${e=>e.isSelected||e.isOptionRecommended?e.theme.colors.primary:e.theme.colors.hero};
+    opacity: ${e=>e.isDisabled?.32:1};
+    background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey5};
+    ${e=>e.isFocused&&`background-color: ${e.theme.colors.background}`};
+
+    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+    border-top: none;
+
+    .close-tick-icon {
+      display: none;
+    }
+    &:hover {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
+      .right-tick-icon {
+        display: none;
+      }
+      .close-tick-icon {
+        display: inline-block;
+      }
+    }
+  }
+`,ns=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,is=l.label`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  ${e=>e.isSelected&&"cursor: default"};
+`,as=l(uo)`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: ${e=>e.theme.colors.grey1};
+  padding: 9px ${i.sp3};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,os=l.div`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: flex-end;
+  margin: 0 ${i.sp3};
+  margin-right: ${e=>e.isSelected?i.sp3:i.sp5};
+`,ss=l.div`
+  width: ${e=>e.isSelected?`calc(100% - ${i.sp3})`:"100%"};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,ls=l(so)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  margin-bottom: ${i.sp1};
+  ~ div .select-option-wrapper {
+    display: ${e=>e.isGroupOpen?"flex":"none"};
+  }
+  .auto-complete-grouped-single-select-field__group-heading {
+    display: flex;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    font-family: inherit;
+    color: inherit;
+    text-transform: capitalize;
+    cursor: pointer;
+    padding: 0 ${i.sp3};
+    margin-bottom: ${i.sp0};
+    width: 100%;
+    justify-content: space-between;
+  }
+`,rs=l.div`
+  display: flex;
+  margin-left: ${i.sp2};
+  transform: ${e=>e.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,ds=l(lo)`
+  width: 12px;
+  height: 12px;
+  color: ${e=>e.theme.colors.primary};
+`,cs=l.div`
+  display: flex;
+`,ps=l(co)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  margin-left: ${i.sp1};
+  color: ${e=>e.theme.colors.primary};
+`,us=l(po)`
+  width: 12px;
+  height: 12px;
+  color: ${e=>e.theme.colors.primary};
+`,ms=l(ro)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${i.sp3};
+  height: ${i.sp3};
+`,hs=l.div`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: flex-end;
+  padding: 1px 6px;
+  height: 20px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: ${i.sp1};
+  margin: 0 ${i.sp5} 0 ${i.sp3};
+`,gs=()=>null,ys=()=>null,bs=()=>null,{common:{strings:{empty:Vt}}}=Y.getLocalizedStrings(),Be={width:new W(343,580,726),height:new W(O[6],O[6]),controlHeight:new W(O[6],O[6]),paddingTopBottom:new W(O[2],O[2]),marginRight:new W(O[2],O[2]),labelMarginLeft:new W(O[3],O[4]),labelMarginRight:new W(O[4],O[4]),labelMarginTop:new W(O[2],O[2])},fs={infoLabel:new Vi("extraSmallRegular","smallRegular")},xs=({isRecommendedSelected:e,hasRecommendations:t,isTooltipVisible:a=!1})=>t?e?a?n.jsx(ks,{}):n.jsx(Ss,{}):a?n.jsx(Ls,{}):n.jsx(Os,{}):null,ws=({children:e})=>n.jsx(Ds,{children:e});function vs({isDisabled:e,label:t,autoCompleteGroupedSingleSelectField:a,style:d,controlWidth:c,additionalLabelInfo:o,valueToAdditionalLabel:r,disableCurrentOption:s,fullWidthSelect:b=!0,cotData:u,hasRecommendations:g,isRecommendedSelected:C,isCOTEnabled:f,pageSource:E,transactionStatus:w,type:v,openTooltipId:I,setOpenTooltipId:L,onCOTView:R}){const h=le(),{formState:{errors:P}}=ht(),N=Hn(P,a.name),_=y.useMemo(()=>a.name,[a.name]),$=I===_,S=Ei().analytics,M=y.useCallback(()=>{L(_);const K=u?.recommendations[0]?.cot??[],ie=u?.recommendations[1]?.cot??[],D=K.length>0,A=ie.length>0;if(S.trackTransactionCotView({recommendationFor:v,currentValue:u?.existingOption.label??Vt,recommendation:u?.recommendations[0]?.name??Vt,recommendationCot:K,isRecommendationCotAvailable:D,recommendationReason:u?.recommendations[0]?.reason??Vt,recommendationConfidencePercentage:u?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:gn(yn(u?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:u?.recommendations[1]?.name??Vt,alternativeRecommendationCot:ie,isAlternativeRecommendationCotAvailable:A,alternativeRecommendationReason:u?.recommendations[1]?.reason??Vt,alternativeRecommendationConfidencePercentage:u?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:A?gn(yn(u?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:w,transactionPage:E}),R!=null){const H=Ri(u);H!=null&&R(v,H)}},[L,_,u,S,v,w,E,R]),U=y.useCallback(()=>{I===_&&L(void 0)},[I,_,L]);return n.jsxs(Is,{size:h,style:d,isDisabled:e!=null,controlWidth:c,"data-testid":j("labeled-auto-complete-grouped-single-select-field-with-cot",a.name),isError:N,children:[n.jsx(Ai,{isDisabled:e,label:t.label,htmlFor:a.name,name:a.name,style:{marginLeft:Be.labelMarginLeft.value(h),marginRight:Be.labelMarginRight.value(h),marginTop:Be.labelMarginTop.value(h),width:t.width??"auto"}}),n.jsxs(Cs,{fullWidthSelect:b,labelWidth:t.width,children:[n.jsxs($s,{children:[g&&f?n.jsx(ws,{children:u?n.jsx(Gn,{variant:"chain-of-thought",data:u,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:$,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:M,onClose:U,children:n.jsx(js,{"data-testid":j("recommendation-icon",v),children:n.jsx(xs,{isRecommendedSelected:C,hasRecommendations:g,isTooltipVisible:$})})}):null}):null,n.jsx(qo,{...a,placeholder:a.placeholder??Y.getLocalizedStrings().autoComplete.input.default,style:{display:"flex",flexGrow:1,width:"100%",height:Be.controlHeight.value(h),cursor:"inherit",...a?.style?a?.style:{}},additionalLabelInfo:o,disableCurrentOption:s})]}),a.defaultValue.selectedOption!=null?n.jsx(Ts,{size:h,isError:N,children:r?.(a.defaultValue.selectedOption)}):null]})]})}const Is=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>e.controlWidth!==null?e.controlWidth:Be.width.valuePx(e.size)};
+  min-height: ${e=>Be.height.valuePx(e.size)};
+  padding-right: ${e=>Be.marginRight.valuePx(e.size)};
+  padding-top: ${e=>Be.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>Be.paddingTopBottom.valuePx(e.size)};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:focus-within {
+    z-index: 2;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    .select-control {
+      background-color: ${e=>e.isError?ce.importantLight:e.theme.colors.background};
+    }
+  }
+
+  .select-control {
+    background-color: ${e=>e.isError?ce.importantLight:e.theme.colors.grey5};
+  }
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
+    .select-control {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?ce.importantLight:e.theme.colors.background};
+    }
+  }
+`,Cs=l.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.fullWidthSelect===!0?e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto":"50%"};
+  align-items: flex-end;
+  flex-grow: ${e=>e.fullWidthSelect===!0?1:"unset"};
+  position: relative;
+`,$s=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  justify-content: flex-end;
+`,Ts=l.label`
+  color: ${e=>e.isError?ce.important:e.theme.colors.grey1};
+  ${e=>`${fs.infoLabel.style(e.size)}`};
+  padding-right: ${i.sp3};
+  text-align: right;
+`,Ds=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${i.sp5};
+  margin-left: ${i.sp0};
+  height: 100%;
+`,js=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  cursor: pointer;
+`,Os=l(Pi)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  path {
+    stroke-width: 2;
+  }
+`,Ls=l(Mi)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+`,Ss=l(Ni)`
+  width: ${i.sp5};
+  height: ${i.sp5};
+`,ks=l(_i)`
+  width: ${i.sp5};
+  height: ${i.sp5};
+`,{common:{strings:{empty:Pt}},transactionDetail:{recommendationBanner:sn}}=Y.getLocalizedStrings(),ze={controlHeight:new W(O[6],O[6]),paddingTop:new W(O[2],O[2]),paddingBottom:new W(O[3],O[3]),marginRight:new W(O[2],O[2]),labelMarginLeft:new W(O[3],O[4]),labelMarginRight:new W(O[3],O[4]),labelMarginTop:new W(O[2],O[2])},Es=({isRecommendedSelected:e,hasRecommendations:t,isTooltipVisible:a=!1,isAutoCategorized:d=!1})=>t?e?d?a?n.jsx(qs,{}):n.jsx(Hs,{className:"ai-icon-selected-plain"}):a?n.jsx(Ws,{}):n.jsx(Fs,{}):a?n.jsx(Bs,{}):n.jsx(Mn,{}):null,Rs=({children:e})=>n.jsx(Ms,{children:e});function Nn({isDisabled:e,label:t,groupedSingleSelectField:a,style:d,controlWidth:c,additionalLabelInfo:o,fullWidthSelect:r=!0,recommendationCheckboxField:s,retainCheckboxField:b,zIndexOnFocus:u,isLoading:g,isZeniRecommendsLabel:C=!1,isRecommendedSelected:f,hasRecommendations:E,cotData:w,isAutoCategorized:v,onCOTView:I,disableCurrentOption:L,openTooltipId:R,setOpenTooltipId:h}){const P=le(),{formState:{errors:N}}=ht(),_=Hn(N,a.name),$=y.useMemo(()=>a.name,[a.name]),S=R===$,M=Ei().analytics,U=y.useCallback(()=>{h($);const ie=w?.recommendations[0]?.cot??[],D=w?.recommendations[1]?.cot??[],A=ie.length>0,H=D.length>0;if(M.trackTransactionCotView({recommendationFor:a.type,currentValue:w?.existingOption.label??Pt,recommendation:w?.recommendations[0]?.name??Pt,recommendationCot:ie,isRecommendationCotAvailable:A,recommendationReason:w?.recommendations[0]?.reason??Pt,recommendationConfidencePercentage:w?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:gn(yn(w?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:w?.recommendations[1]?.name??Pt,alternativeRecommendationCot:D,isAlternativeRecommendationCotAvailable:H,alternativeRecommendationReason:w?.recommendations[1]?.reason??Pt,alternativeRecommendationConfidencePercentage:w?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:H?gn(yn(w?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:a.transactionStatus,transactionPage:a.pageSource}),I!=null){const J=Ri(w);J!=null&&I(a.type,J)}},[M,w,a,$,h]),K=y.useCallback(()=>{R===$&&h(void 0)},[R,$,h]);return n.jsxs(Vs,{style:d,isLoading:g,size:P,checkboxPresent:s!=null,zIndexOnFocus:u===!0,isError:_,isDisabled:e!=null,"data-testid":j("group-select-with-checkbox",a.name),children:[n.jsxs(Ps,{size:P,isDisabled:e!=null,controlWidth:c,isError:_,children:[n.jsx(Ai,{isDisabled:e,label:t.label,htmlFor:a.name,name:a.name,style:{marginLeft:ze.labelMarginLeft.value(P),marginRight:ze.labelMarginRight.value(P),marginTop:ze.labelMarginTop.value(P),width:t.width??"auto",...t.style}}),g===!0?n.jsx(As,{children:n.jsx(Bn,{size:"Small",start:!0})}):n.jsx(_s,{fullWidthSelect:r,labelWidth:t.width,children:n.jsxs(Ns,{children:[E?n.jsx(Rs,{children:w?n.jsx(Gn,{variant:"chain-of-thought",data:w,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:S,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:U,onClose:K,children:n.jsx(Us,{"data-testid":j("recommendation-icon",a.type),children:n.jsx(Es,{isRecommendedSelected:f,hasRecommendations:E,isTooltipVisible:S,isAutoCategorized:v})})}):null}):null,n.jsx(Io,{...a,isDisabled:e,style:{display:"flex",flexGrow:1,width:"100%",height:ze.controlHeight.value(P),cursor:"inherit",...a?.style?a?.style:{}},additionalLabelInfo:o,disableCurrentOption:L,onCOTView:I})]})})]}),g===!1&&s!=null&&n.jsxs(ri,{children:[n.jsx(Mn,{}),C?n.jsx(ln,{children:sn.zeniRecommends}):n.jsx(ln,{children:sn.updateTo}),n.jsx(Sn,{isHighlighted:!0,label:s.label,tooltipProps:s.tooltipProps!=null?{...s.tooltipProps}:void 0,checkBoxField:s.checkBoxField,isDisabled:s.isDisabled},kn()),b!=null&&n.jsxs(n.Fragment,{children:[n.jsx(ln,{children:sn.retainOr}),n.jsx(Sn,{label:b.label,checkBoxField:b.checkBoxField,isDisabled:b.isDisabled},kn())]})]}),g===!1&&s==null&&b!=null&&n.jsxs(ri,{children:[n.jsx(Mn,{}),n.jsx(ln,{children:sn.retain}),n.jsx(Sn,{label:b.label,checkBoxField:b.checkBoxField,isDisabled:b.isDisabled},kn())]})]})}const As=l.div`
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding-right: ${i.sp2};
+`,ri=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${i.sp3};
+`,Vs=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${i.sp2};
+
+  padding-right: ${e=>ze.marginRight.valuePx(e.size)};
+  padding-top: ${e=>ze.paddingTop.valuePx(e.size)};
+  padding-bottom: ${e=>e.isLoading||!e.checkboxPresent?ze.paddingTop.valuePx(e.size):ze.paddingBottom.valuePx(e.size)};
+
+  &:focus-within {
+    z-index: ${e=>e.zIndexOnFocus===!0?2:"unset"};
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+  .ai-icon-selected-plain {
+    color: ${e=>e.theme.colors.hero};
+  }
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
+
+    .select-control {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.isError?ce.importantLight:e.theme.colors.background};
+    }
+    .ai-icon-selected-plain {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Ps=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-grow: 1;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  ${e=>e.controlWidth!=null?`width: ${e.controlWidth}px`:""};
+`,_s=l.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.fullWidthSelect===!0?e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto":"50%"};
+  align-items: flex-end;
+  flex-grow: ${e=>e.fullWidthSelect===!0?1:"unset"};
+  position: relative;
+`,Ns=l.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  justify-content: flex-end;
+`,ln=l(Ie)`
+  margin-left: ${i.sp2};
+  margin-right: ${i.sp2};
+  color: ${e=>e.theme.colors.primary};
+`,Ms=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${i.sp5};
+  margin-left: ${i.sp0};
+  height: 100%;
+`,Us=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  cursor: pointer;
+`,Mn=l(Pi)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  path {
+    stroke-width: 2;
+  }
+`,Bs=l(Mi)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+`,Fs=l(Ni)`
+  width: ${i.sp5};
+  height: ${i.sp5};
+`,Ws=l(_i)`
+  width: ${i.sp5};
+  height: ${i.sp5};
+`,qs=l(Co)`
+  width: ${i.sp5};
+  height: ${i.sp5};
+`,Hs=l($o)`
+  width: ${i.sp5};
+  height: ${i.sp5};
+`,Gs=l.div`
+  display: flex;
+  width: fit-content;
+  column-gap: ${i.sp2};
+  align-items: center;
+  &:hover {
+    div:first-of-type {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,zs=l(Si)``,Ys=l(xn)`
+  color: ${e=>e.theme.colors.primary};
+`,Ks=l(ao)`
+  color: ${e=>e.theme.colors.grey1};
+  height: ${i.sp3};
+  width: ${i.sp3};
+  margin-top: ${i.sp1};
+`,Js=({checkBoxField:e,vendorName:t,bookCloseDate:a})=>{const d=ht().getValues(e.name),c=zt(),{dateFormat:{visual:o},transactionDetail:r,common:s}=Y.getLocalizedStrings();return n.jsxs(Gs,{isSelected:d,children:[n.jsx(Za,{style:{width:"auto"},label:{label:n.jsxs(Ys,{children:[r.updateCategoryClassForSimilar," ",n.jsx("q",{children:n.jsx(zs,{children:t})})," ",r.transactionsPostBookCloseDateOf,s.strings.space,a.format(o.MMMDCommaYYYYformat),"."]}),style:{color:c.colors.primary}},checkBoxField:e,"data-testid":j(e.name,"update-all-checkbox-field")}),n.jsx(Gn,{placement:"bottom",variant:"small-description",maxWidth:"280px",data:r.reachZeniTeam,children:n.jsx(Ks,{})})]})},{transactionDetail:Ue}=Y.getLocalizedStrings(),ct=(e,t,a)=>a!=null?`${e}.${a}.${t}`:`${e}.${t}`,Fi={labelWidth:new W(120,145,160),desciptionMarginRight:new W(O[1],O[4],O[4])},Zs=l(wn)`
+  color: ${e=>e.theme.colors.primary};
+`,Qs=l.div`
+  padding: ${i.sp3};
+  display: ${e=>e.isVisible?"flex":"none"};
+  justify-content: center;
+  border-bottom-left-radius: ${i.sp2};
+  border-bottom-right-radius: ${i.sp2};
+  &:hover {
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,di=l(Ie)`
+  margin: ${i.sp2} ${i.sp4} ${i.sp2} ${i.sp0};
+`,ci=l(Ie)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+  text-align: end;
+  max-width: ${e=>e.windowSize==="small"?"174px":null};
+  margin: ${i.sp2} ${i.sp0} ${i.sp2} ${i.sp0};
+`,Xs=l.div`
+  display: flex;
+  flex-direction: row;
+  margin: ${i.sp2} ${i.sp4};
+  margin-left: ${e=>e.isViewOnly==1?i.sp4:i.sp2};
+  justify-content: space-between;
+  align-items: center;
+  height: ${i.sp6};
+`,el=l.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${i.sp2} ${i.sp4};
+  padding-left: ${e=>e.isViewOnly==1?i.sp4:i.sp2};
+  justify-content: space-between;
+  color: ${e=>e.theme.colors.hero};
+
+  border-color: ${e=>e.theme.colors.grey3};
+  border-style: solid;
+  border-radius: ${i.sp0};
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,tl=l.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${i.sp2} ${i.sp4};
+  padding-left: ${e=>e.isViewOnly==1?i.sp4:i.sp2};
+  justify-content: space-between;
+  color: ${e=>e.theme.colors.hero};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  border-color: ${e=>e.theme.colors.grey3};
+  border-style: solid;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-top-left-radius: ${i.sp0};
+  border-top-right-radius: ${i.sp0};
+  border-bottom-left-radius: ${i.sp2};
+  border-bottom-right-radius: ${i.sp2};
+  border-bottom-color: transparent;
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,nl=l.div`
+  display: flex;
+  flex-direction: column;
+  border-radius: ${e=>e.updateAllVisible===!1?`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`:0};
+`,il=l.div`
+  display: flex;
+  flex-direction: column;
+  color: ${e=>e.theme.colors.hero};
+  border-color: ${e=>e.theme.colors.grey3};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  border-top: 1px solid transparent;
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+
+  border-top-left-radius: ${i.sp2};
+  border-top-right-radius: ${i.sp2};
+  border-bottom-left-radius: ${i.sp0};
+  border-bottom-right-radius: ${i.sp0};
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,al=l.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,Wi=({title:e,amount:t,sectionId:a,lineIndex:d,isDisabled:c,isTransactionCommentingEnabled:o,entityId:r})=>{const s=zt(),b=le(),u=Wn(),g=qn(),C=u.currentTenant?.companyId??"",f=u.currentTenant?.companyName??"",E=`dashboard_${C}`,w=o===!0&&r!=null,v=y.useMemo(()=>({application:"dashboard",companyId:C,tab:"transaction",entityId:r??"",isGlobalComment:!1}),[C,r]),I=ct(a,"lineDescription",d.toString());return n.jsx(il,{"data-testid":j("list-item-title",a),children:n.jsx(Ft,{isThreadAllowed:w,entityId:r,dashboardTabKey:Se({type:"details",key:ke("description",d)}),roomId:E,companyId:C,companyName:f,dashboardOptionType:"transaction",filterMetaData:{...v,entityType:Wt({tab:"transaction",key:Se({type:"details",key:ke("description",d)})})},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,style:{width:"100%"},children:n.jsxs(Xs,{children:[n.jsx(za,{type:"text",name:I,placeholder:Ue.lineItems.descriptionPlaceholder,defaultValue:e,registerOptions:{required:!1},isDisabled:c,style:{display:"flex",flexGrow:1,height:`${i.sp6}`,cursor:"inherit",padding:`${i.sp0} ${i.sp3}`,textAlign:"left",marginRight:Fi.desciptionMarginRight.value(b)},placeholderAlignment:"left",hoverBgColor:s.colors.background},I),n.jsx(Zs,{"data-testid":j("line-amount",`${a}-${d}`),children:Ee("0,0.00",t)})]})})})},ol=({accountList:e,accountsHierarchyList:t,classHierarchyList:a,classList:d,sectionId:c,isAccountAndClassNonEditable:o=!1,lineIndex:r,lineItemLocalData:s,transaction:b,vendorName:u,bookCloseDate:g,containerRef:C,uncategorizedAccounts:f,searchAutoComplete:E,transactionType:w,isDisabled:v,isCOTEnabled:I,cotTracking:L,openTooltipId:R,setOpenTooltipId:h,isTransactionCommentingEnabled:P,entityId:N,isUncategorizedExpenseCategoryEnabled:_})=>{const $=le(),S=zt(),M=Wn(),U=qn(),K=M.currentTenant?.companyId??"",ie=M.currentTenant?.companyName??"",D=`dashboard_${K}`,A=P===!0&&N!=null,H=y.useMemo(()=>({application:"dashboard",companyId:K,tab:"transaction",entityId:N??"",isGlobalComment:!1}),[K,N]),{setValue:J,getValues:ge}=ht(),{createAlternateRecommendationCallback:X}=ki(),B=y.useMemo(()=>s.recommendationsWithCOT??[],[s.recommendationsWithCOT]),re=E?.autoCompleteData,Fe=x=>x?.vendor?.qboId??x?.vendor?.id??x?.vendor?.name,Re=y.useCallback((x,q)=>re?.entityAutoCompleteView.vendor.find(Z=>Z.qboId===x||Z.id===x||Z.name===q),[re?.entityAutoCompleteView.vendor]),Q=y.useCallback(x=>!(f==null||!x)&&fo(f,x,_===!0?["income"]:void 0),[f,_]),we=Fi.labelWidth.value($),Ce=ct(c,"account",r.toString()),yt=ct(c,"class",r.toString()),Yt=ct(c,"isUpdateAllChecked",r.toString()),je=ct(c,se,r.toString()),Ae=Li(t,s.recommendationsWithCOT),ye=e.find(x=>x.qboId===s.account.selectedOption),We=d.find(x=>x.classId===s.class.selectedOption),Ye=b.lines!=null?b.lines[r]:void 0,vn=y.useCallback(x=>{J(`${Ce}.selectedOption`,x,{shouldValidate:!0,shouldDirty:!0})},[J,Ce]),Kt=y.useCallback(x=>{J(`${yt}.selectedOption`,x,{shouldValidate:!0,shouldDirty:!0})},[J,yt]),[Oe,bt]=y.useState(null);y.useEffect(()=>{if(Oe!=null&&re?.entityAutoCompleteView.fetchState==="Completed"){const x=Re(Oe.recommendationId,Oe.vendorName);x!=null?setTimeout(()=>{J(`${je}.selectedOption`,x.qboId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0}),bt(null)},0):(setTimeout(()=>{J(`${je}.selectedOption`,Oe.recommendationId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},0),bt(null))}},[Oe,re?.entityAutoCompleteView.fetchState,Re,J,je]);const In=y.useCallback(x=>{const q=B.find(Z=>Fe(Z)===x);if(q?.vendor!=null){const Z=q.vendor.name,Pe=Re(x,Z);Pe!=null?J(`${je}.selectedOption`,Pe.qboId,{shouldValidate:!0,shouldDirty:!0}):(bt({recommendationId:x,vendorName:Z}),E?.autoCompleteActions?.onAutoCompleteInputChange?.(Z,"vendor"))}else J(`${je}.selectedOption`,x,{shouldValidate:!0,shouldDirty:!0})},[J,je,B,Re,E?.autoCompleteActions]),jt=y.useCallback((x,q)=>{L?.onCOTView!=null&&L.onCOTView(s.id,L.transactionId,x,q)},[L,s.id]),ft=y.useCallback(x=>{const q=B[1],Z=B[0];X("category",{currentValue:ye?.accountName,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:L},q,Z)(x)},[X,B,ye?.accountName,L]),ee=y.useCallback(x=>{const q=B[1],Z=B[0];X("class",{currentValue:We?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:L},q,Z)(x)},[B,X,We?.className,L]),ve=y.useCallback(x=>{const q=B[1],Z=B[0];X("vendor",{currentValue:u,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:L},q,Z)(x)},[B,X,u,L]),Ke=pn(B,"category",I,{label:Ye?.account?.accountName,value:Ye?.account?.qboId??Ye?.account?.accountId},"details_page",null,vn,ft,s[he].selectedOption,Q),Je=un(B,"category"),Ze=pn(B,"class",I,{label:Ye?.class?.className,value:Ye?.class?.classId},"details_page",null,Kt,ee,s[me].selectedOption,Q),qe=un(B,"class"),Ot=un(B,"vendor"),{isPrimaryLoading:Jt,isAlternateLoading:Cn}=y.useMemo(()=>{if(Oe==null||re?.entityAutoCompleteView.fetchState!=="In-Progress")return{isPrimaryLoading:!1,isAlternateLoading:!1};const x=B[0],q=Fe(x)===Oe.recommendationId;return{isPrimaryLoading:q,isAlternateLoading:!q}},[Oe,re?.entityAutoCompleteView.fetchState,B]),Zt=pn(B,"vendor",I,{label:u,value:s[se]?.selectedOption},"details_page",null,In,ve,s[se]?.selectedOption,Q,Jt,Cn),Le=s[se]?.selectedOption,Qt=y.useMemo(()=>!(!Le||!Ot)&&B.some(x=>x.vendor!=null&&(x.vendor.qboId===Le||x.vendor.id===Le||x.vendor.name===Le)),[Le,Ot,B]),Xt=y.useMemo(()=>{const x=ge(Ce)??null,q=Ae.findIndex(_e=>_e.label==="All Categories"),Z=q>-1&&x?.selectedOption!=null?Ae[q].options.find(_e=>_e.value===x.selectedOption)?.label:void 0,Pe=x!=null&&Z!=null?{...ye,accountDescription:ye?.accountDescription??"",labels:ye!=null?ye.labels:[]}:ye;if(Pe!=null&&Q(Pe.qboId)===!0)return{text:Y.getLocalizedStrings().transactionDetail.tooltipText,sticky:!0}},[ge,Ce,Ae,ye]),xt={valueContainer:x=>({...x,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0}),menu:()=>({right:$==="small"?0:void 0})},wt=s.isUpdateAllChecked===!0,en=w!=null&&["journal_entry","deposit"].includes(w),Ve=We?.classId,$n=y.useMemo(()=>!(!Ve||!qe)&&B.some(x=>x.class!=null&&x.class.classId===Ve),[Ve,qe,B]),Qe=ye?.qboId??ye?.accountId,tn=y.useMemo(()=>!(!Qe||!Je)&&B.some(x=>x.account!=null&&(x.account.qboId===Qe||x.account.accountId===Qe)),[Qe,Je,B]),Lt=Oi(a,B),Xe=y.useMemo(()=>Ln("vendor",s[se]?.defaultOptions,s[se]?.selectedOption),[s]),et=y.useMemo(()=>Ln("category",Ae,s[he]?.selectedOption),[Ae,s]),St=y.useMemo(()=>Ln("class",Lt,s[me]?.selectedOption),[s,Lt]),kt=S.colors.primary,vt=S.colors.grey1,tt=y.useCallback(x=>{let q=!1;switch(x){case"category":q=et;break;case"class":q=St;break;case"vendor":q=Xe}return Z=>Z?{width:"100%",flexGrow:"1"}:{width:"max-content",flexGrow:"unset",outline:q?`1px dashed ${vt}`:"none",borderRadius:i.sp1,":hover":{outlineColor:kt}}},[Xe,St,et,kt,vt]);return n.jsxs(nl,{updateAllVisible:wt,"data-testid":j("list-item-detail",c),children:[o===!1&&en===!0?n.jsx(Ft,{isThreadAllowed:A,entityId:N,dashboardTabKey:Se({type:"details",key:ke("entity",r)}),roomId:D,companyId:K,companyName:ie,dashboardOptionType:"transaction",filterMetaData:{...H,entityType:Wt({tab:"transaction",key:Se({type:"details",key:ke("entity",r)})})},fieldThreadTargetElement:U?.sharedRef?.contentWrapperRef,style:{width:"100%"},children:n.jsx(vs,{label:{label:Ue.lineItems.name,width:we},isDisabled:v,autoCompleteGroupedSingleSelectField:{name:je,placeholder:Ue.transactionDetailPlaceholders.name,valueToId:x=>(q=>{const Z=re?.entityAutoCompleteView?.customer?.find(_e=>_e.qboId===q),Pe=re?.entityAutoCompleteView?.vendor?.find(_e=>_e.qboId===q);return Z?.qboId??Pe?.qboId})(x),defaultValue:{selectedOption:s[se]?.selectedOption,defaultOptions:s[se]?.defaultOptions},style:{width:"100%"},customStyleConfig:xt,registerOptions:{required:!1},menuPortal:C,isDisabled:v,loadOptions:E?.loadOptions,getStyles:tt("vendor")},cotData:Zt,hasRecommendations:Ot,isRecommendedSelected:Qt,isCOTEnabled:I,pageSource:"details_page",transactionStatus:null,type:"vendor",onCOTView:jt,openTooltipId:R,setOpenTooltipId:h,style:{borderBottom:`1px solid ${S.colors.grey3}`,justifyContent:"space-between"},fullWidthSelect:!1},je)}):null,o===!1?n.jsx(Ft,{isThreadAllowed:A,entityId:N,dashboardTabKey:Se({type:"details",key:ke("category",r)}),roomId:D,companyId:K,companyName:ie,dashboardOptionType:"transaction",filterMetaData:{...H,entityType:Wt({tab:"transaction",key:Se({type:"details",key:ke("category",r)})})},fieldThreadTargetElement:U?.sharedRef?.contentWrapperRef,style:{width:"100%"},children:n.jsx(Nn,{isLoading:!1,label:{label:Ue.lineItems.category,width:we},isDisabled:v,groupedSingleSelectField:{name:Ce,placeholder:Ue.transactionDetailPlaceholders.category,valueToId:x=>(q=>e.filter(Z=>Z.qboId===q)[0]?.qboId??void 0)(x),type:"category",defaultValue:{selectedOption:ye?.qboId??ye?.accountId,allOptions:Ae},style:{width:"100%"},customStyleConfig:xt,registerOptions:{required:!1},pageSource:"details_page",transactionStatus:null,isDisabled:v,tooltip:Xt,menuPortal:C,showCOT:I,getStyles:tt("category")},disableCurrentOption:Q,style:{borderBottom:`1px solid ${S.colors.grey3}`},fullWidthSelect:!1,isRecommendedSelected:tn,hasRecommendations:Je,cotData:Ke,onCOTView:jt,openTooltipId:R,setOpenTooltipId:h},Ce)}):n.jsxs(el,{isViewOnly:o,"data-testid":j("category-row",`${c}-${r}`),children:[n.jsx(di,{"data-testid":j("category-label",`${c}-${r}`),children:Ue.lineItems.category}),n.jsx(ci,{windowSize:$,"data-testid":j("category-value",`${c}-${r}`),children:ye?.accountName??"-"})]}),o===!1?n.jsx(Ft,{isThreadAllowed:A,entityId:N,dashboardTabKey:Se({type:"details",key:ke("class",r)}),roomId:D,companyId:K,companyName:ie,dashboardOptionType:"transaction",filterMetaData:{...H,entityType:Wt({tab:"transaction",key:Se({type:"details",key:ke("class",r)})})},fieldThreadTargetElement:U?.sharedRef?.contentWrapperRef,style:{width:"100%"},children:n.jsx(Nn,{isLoading:!1,label:{label:Ue.lineItems.class,width:we},isDisabled:v,groupedSingleSelectField:{name:yt,placeholder:Ue.transactionDetailPlaceholders.class,valueToId:x=>(q=>d.filter(Z=>Z.classId===q)[0]?.accountingClassNumber??void 0)(x),defaultValue:{selectedOption:We?.classId,allOptions:Lt},type:"class",style:{width:"100%"},pageSource:"details_page",transactionStatus:null,isDisabled:v,menuPortal:C,customStyleConfig:xt,registerOptions:{required:!1},showCOT:I,getStyles:tt("class")},disableCurrentOption:Q,style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},isRecommendedSelected:$n,hasRecommendations:qe,cotData:Ze,fullWidthSelect:!1,onCOTView:jt,openTooltipId:R,setOpenTooltipId:h},yt)}):n.jsxs(tl,{isViewOnly:o,"data-testid":j("class-row",`${c}-${r}`),children:[n.jsx(di,{"data-testid":j("class-label",`${c}-${r}`),children:Ue.lineItems.class}),n.jsx(ci,{windowSize:$,"data-testid":j("class-value",`${c}-${r}`),children:We?.className??"-"})]}),n.jsx(Qs,{isVisible:wt,children:n.jsx(Js,{checkBoxField:{defaultChecked:ge(Yt),name:Yt,isDisabled:v},vendorName:u??"",bookCloseDate:g??xo()})})]},`dropdown-container-${r}`)};function Un({accountList:e,accountsHierarchyList:t,classHierarchyList:a,classList:d,sectionId:c,lineItemLocalData:o,isAccountAndClassNonEditable:r,lineIndex:s,lineId:b,isCOTEnabled:u,lineRecommendation:g,bookCloseDate:C,containerRef:f,searchAutoComplete:E,transaction:w,uncategorizedAccounts:v,transactionType:I,vendorName:L,isDisabled:R,cotTracking:h,openTooltipId:P,setOpenTooltipId:N,isUncategorizedExpenseCategoryEnabled:_,isTransactionCommentingEnabled:$,entityId:S}){return n.jsxs(al,{"data-testid":j("transaction-line-with-account-and-class",c),children:[n.jsx(Wi,{title:o.lineDescription??"",amount:o.amount,lineId:o.id,sectionId:c,lineIndex:s,isDisabled:R,isTransactionCommentingEnabled:$,entityId:S},`lineTitleItem-${s}`),o.type!=="transaction_with_account_and_class_line"&&o.type!=="journal_entry_transaction_line"||o.account==null||o.class==null?null:n.jsx(ol,{transaction:w,accountList:e,accountsHierarchyList:t,classHierarchyList:a,classList:d,sectionId:c,isAccountAndClassNonEditable:r,lineIndex:s,lineId:b,lineRecommendation:g,lineItemLocalData:o,vendorName:L??o.vendor?.name??o.customer?.name,bookCloseDate:C,containerRef:f,searchAutoComplete:E,uncategorizedAccounts:v,transactionType:I,isDisabled:R,isCOTEnabled:u,cotTracking:h,openTooltipId:P,setOpenTooltipId:N,isUncategorizedExpenseCategoryEnabled:_,isTransactionCommentingEnabled:$,entityId:S},`lineDetailItem-${s}`)]},`container-${s}`)}const bn={detailPaddingLeftRight:new W(O[3],O[8])},pi=l(wn)`
+  color: ${e=>e.isUncategorized||e.isMiscategorized?e.theme.colors.primary:e.theme.colors.hero};
+`,sl=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+`,ll=l.div`
+  display: flex;
+  flex-direction: column;
+`,rl=l.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,dl=l.div`
+  display: flex;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  height: ${i.sp8};
+  border-radius: ${i.sp2};
+  margin: ${e=>`${i.sp6} ${bn.detailPaddingLeftRight.valuePx(e.windowSize)}`};
+`,cl=l.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey3};
+  height: ${i.sp11};
+  justify-content: center;
+  border-radius: ${i.sp2};
+  margin: ${e=>`${i.sp6} ${bn.detailPaddingLeftRight.valuePx(e.windowSize)}`};
+`,ui=l.div`
+  display: flex;
+  justify-content: center;
+  gap: ${i.sp1};
+  width: 50%;
+`,mi=l.div`
+  display: flex;
+  justify-content: space-around;
+  gap: ${i.sp1};
+  width: 100%;
+  padding: 5px ${i.sp0};
+`,He=l(Qa)`
+  color: ${e=>e.theme.colors.hero};
+`,pl=l.div`
+  border: 0.1px solid ${e=>e.theme.colors.grey1};
+  height: 36px;
+`,ul=l.div`
+  border: 0.1px solid ${e=>e.theme.colors.grey1};
+  width: 95%;
+`,ml=l.div`
+  /** Subtract top so list can occupy remaining available height */
+  height: calc(100vh - 350px);
+  max-width: 99.9%;
+`,hl=l.div`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  padding: ${i.sp0} 1px;
+  box-sizing: border-box;
+  width: fit-content;
+  min-width: 100%;
+  padding-left: ${e=>bn.detailPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>bn.detailPaddingLeftRight.valuePx(e.windowSize)};
+`,gl=["uncategorizedDebit","uncategorizedCredit","miscategorizedDebit","miscategorizedCredit","debit","credit"],oe=Y.getLocalizedStrings().transactionDetail.lineItems,Rn=e=>e.reduce((t,a)=>t==null?Object.assign({},a.amount):Object.assign({},t,{amount:t.amount+a.amount.amount}),void 0),hi=(e,t,a,d)=>{const c=Rn(e[t]??[]),o=Rn(e[a]??[]),r=Rn(e[d]??[]),s=((b,u,g)=>b!=null||u!=null||g!=null?{...b,amount:b?.amount??0+(u?.amount??0)+(g?.amount??0)}:b)(c,o,r);return t===oe.postingTypeCredit?{creditAmount:c,uncategorizedTransactionCreditAmount:o,miscategorizedTransactionCreditAmount:r,combinedCreditAmount:s}:{debitAmount:c,uncategorizedTransactionDebitAmount:o,miscategorizedTransactionDebitAmount:r,combinedDebitAmount:s}},yl=(e,t,a,d,c)=>{const o=r=>{const s=a.lines?.find(u=>u.id===r.id),b=t.find(u=>u.qboId===s?.account.qboId);return c(r)?(u=>oe.miscategorized+oi(u)+u.slice(1))(r?.postingType):b!=null&&d(b)?(u=>oe.uncategorized+oi(u)+u.slice(1))(r?.postingType):r.postingType};return Ya(e,r=>o(r))},bl=({title:e,amount:t,isUncategorized:a,isMiscategorized:d})=>n.jsxs(sl,{children:[n.jsx(pi,{isUncategorized:a,isMiscategorized:d,children:e}),n.jsx(pi,{isUncategorized:a,isMiscategorized:d,children:Ee("0,0.00",t)})]}),fl=({combinedCreditAmount:e,combinedDebitAmount:t})=>{const a=le();return a!=="small"?n.jsxs(dl,{windowSize:a,"data-testid":j("journal-entry-totals"),children:[n.jsxs(ui,{"data-testid":j("journal-entry-total-debits"),children:[n.jsxs(He,{children:[oe.totalDebits,":"]}),n.jsx(He,{children:Ee("0,0.00",t)})]}),n.jsx(pl,{}),n.jsxs(ui,{"data-testid":j("journal-entry-total-credits"),children:[n.jsxs(He,{children:[oe.totalCredits,":"]}),n.jsx(He,{children:Ee("0,0.00",e)})]})]}):n.jsxs(cl,{windowSize:a,"data-testid":j("journal-entry-totals"),children:[n.jsxs(mi,{"data-testid":j("journal-entry-total-debits"),children:[n.jsxs(He,{children:[oe.totalDebits,":"]}),n.jsx(He,{children:Ee("0,0.00",t)})]}),n.jsx(ul,{}),n.jsxs(mi,{"data-testid":j("journal-entry-total-credits"),children:[n.jsxs(He,{children:[oe.totalCredits,":"]}),n.jsx(He,{children:Ee("0,0.00",e)})]})]})},xl=({index:e,style:t,data:a})=>{const{accountList:d,accountsHierarchyList:c,classHierarchyList:o,classList:r,transaction:s,sectionId:b,journalEntryTransactionFlattenList:u,lines:g,allAmountsOptions:C,containerRef:f,uncategorizedAccounts:E,searchAutoComplete:w,bookCloseDate:v,isDisabled:I,isCOTEnabled:L,cotTracking:R,openTooltipId:h,setOpenTooltipId:P,isUncategorizedExpenseCategoryEnabled:N,isTransactionCommentingEnabled:_,entityId:$}=a,S=u[e],M=g.findIndex(K=>K.id===S.id),U=le();return n.jsx(hl,{windowSize:U,style:t,"data-testid":j("journal-entry-list-item",b),children:typeof S!="string"&&S?.type==="journal_entry_transaction_line"?n.jsx(ll,{children:n.jsx(Un,{transaction:s,lineItemLocalData:S,accountList:d,accountsHierarchyList:c,classHierarchyList:o,classList:r,sectionId:b,isAccountAndClassNonEditable:!1,lineIndex:M,lineId:M+1,containerRef:f,uncategorizedAccounts:E,searchAutoComplete:w,transactionType:"journal_entry",bookCloseDate:v,isDisabled:I,isCOTEnabled:L,cotTracking:R!=null?{...R,lineId:S.id}:void 0,openTooltipId:h,setOpenTooltipId:P,isUncategorizedExpenseCategoryEnabled:N,isTransactionCommentingEnabled:_,entityId:$},`accountclass-${e}`)},`sub-container-${e}`):n.jsx(bl,{title:C[S].title,amount:C[S].amount,isUncategorized:["uncategorizedDebit","uncategorizedCredit"].includes(S),isMiscategorized:["miscategorizedDebit","miscategorizedCredit"].includes(S)},`header-${e}`)},M)},wl=({journalEntryTransactionFlattenList:e,allAmountsOptions:t,accountList:a,accountsHierarchyList:d,classHierarchyList:c,classList:o,sectionId:r,transaction:s,cotTracking:b,lineItemsLocalData:u,lines:g,containerRef:C,searchAutoComplete:f,isCOTEnabled:E,openTooltipId:w,setOpenTooltipId:v,uncategorizedAccounts:I,bookCloseDate:L,isDisabled:R,isUncategorizedExpenseCategoryEnabled:h,isTransactionCommentingEnabled:P,entityId:N})=>{const _=le(),$=M=>{const U=e[M];return typeof U=="string"?ai-50:typeof U!="string"&&U?.type==="journal_entry_transaction_line"?Xa(U,_):ai+120},S=y.useRef(null);return y.useEffect(()=>{S.current?.resetAfterIndex(0)},[_,S,e]),n.jsx(ml,{children:n.jsx(Ka,{children:({height:M,width:U})=>n.jsx(Ja,{"data-testid":j("journal-entry-list",r),height:M,itemCount:e.length,itemSize:$,width:U,ref:S,initialScrollOffset:0,overscanCount:1,itemData:{journalEntryTransactionFlattenList:e,accountList:a,accountsHierarchyList:d,classHierarchyList:c,classList:o,sectionId:r,transaction:s,lineItemsLocalData:u,lines:g,allAmountsOptions:t,containerRef:C,searchAutoComplete:f,uncategorizedAccounts:I,bookCloseDate:L,isDisabled:R,isCOTEnabled:E,cotTracking:b,openTooltipId:w,setOpenTooltipId:v,isUncategorizedExpenseCategoryEnabled:h,isTransactionCommentingEnabled:P,entityId:N},children:xl})})})};function vl({lines:e,accountList:t,accountsHierarchyList:a,classHierarchyList:d,classList:c,sectionId:o,lineItemsLocalData:r,containerRef:s,transaction:b,uncategorizedAccounts:u,searchAutoComplete:g,isDisabled:C,isCOTEnabled:f,cotTracking:E,openTooltipId:w,setOpenTooltipId:v,isUncategorizedExpenseCategoryEnabled:I,isTransactionCommentingEnabled:L,entityId:R}){const h=yl(e,t,b,A=>u!=null&&(A.qboId===u.expense?.qboId||A.qboId===u.income?.qboId),A=>!!A.isCategoryMiscategorized||!!A.isClassMiscategorized),{creditAmount:P,uncategorizedTransactionCreditAmount:N,combinedCreditAmount:_,miscategorizedTransactionCreditAmount:$}=hi(h,oe.postingTypeCredit,oe.postingTypeUncategorizedCredit,oe.postingTypeMiscategorizedCredit),{debitAmount:S,uncategorizedTransactionDebitAmount:M,combinedDebitAmount:U,miscategorizedTransactionDebitAmount:K}=hi(h,oe.postingTypeDebit,oe.postingTypeUncategorizedDebit,oe.postingTypeMiscategorizedDebit),ie=((A,H,J,ge,X,B)=>({credit:{amount:A,title:oe.credit},debit:{amount:H,title:oe.debit},uncategorizedCredit:{amount:J,title:oe.uncategorizedCredit},uncategorizedDebit:{amount:ge,title:oe.uncategorizedDebit},miscategorizedCredit:{amount:X,title:oe.miscategorizedCredit},miscategorizedDebit:{amount:B,title:oe.miscategorizedDebit}}))(P,S,N,M,$,K),D=(A=>{let H=[];return gl.forEach(J=>{J in A&&(H.push(J),H=[...H,...A[J]])}),H})(h);return n.jsxs(rl,{children:[n.jsx(fl,{combinedCreditAmount:_,combinedDebitAmount:U}),n.jsx(wl,{transaction:b,journalEntryTransactionFlattenList:D,allAmountsOptions:ie,accountList:t,accountsHierarchyList:a,classHierarchyList:d,classList:c,sectionId:o,cotTracking:E,lineItemsLocalData:r,lines:e,containerRef:s,searchAutoComplete:g,uncategorizedAccounts:u,bookCloseDate:b.bookCloseDate,isCOTEnabled:f,isDisabled:C,openTooltipId:w,setOpenTooltipId:v,isUncategorizedExpenseCategoryEnabled:I,isTransactionCommentingEnabled:L,entityId:R})]})}const Il=l(Ie)`
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+  text-align: end;
+  max-width: ${e=>e.windowSize==="small"?"174px":null};
+`,Cl=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  height: ${i.sp6};
+  align-items: center;
+  flex-grow: 1;
+  margin: ${e=>e.horizontalMargin?`${i.sp2} ${i.sp4}`:`${i.sp2} ${i.sp0}`};
+`,$l=l.div`
+  color: ${e=>e.theme.colors.hero};
+
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-top-left-radius: ${i.sp0};
+  border-top-right-radius: ${i.sp0};
+  border-bottom-left-radius: ${i.sp2};
+  border-bottom-right-radius: ${i.sp2};
+  border-color: ${e=>e.theme.colors.grey3};
+  border-style: solid;
+  border-top-color: transparent;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Tl=l.div`
+  color: ${e=>e.theme.colors.hero};
+
+  box-sizing: border-box;
+  border-radius: ${i.sp0};
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-color: ${e=>e.theme.colors.grey3};
+  border-style: solid;
+  border-top-color: transparent;
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+  }
+`,Dl=l.div`
+  display: flex;
+  flex-direction: column;
+`,jl=l.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Ol=l(Ie)`
+  margin-right: ${i.sp4};
+`,Ll=(e,t)=>t.length===1?"roundedBox":e===0?"topRoundedBox":e===t.length-1?"bottomRoundedBox":"box",{transactionDetail:mn}=Y.getLocalizedStrings(),Sl=({transaction:e,rowValues:t,line:a,classList:d,classHierarchyList:c,accountList:o,sectionId:r,lineIndex:s,isCOTEnabled:b,lineRecommendation:u,isDisabled:g,cotTracking:C,openTooltipId:f,setOpenTooltipId:E,isTransactionCommentingEnabled:w,entityId:v,commonMetaData:I,roomId:L,companyId:R,companyName:h})=>n.jsx(Dl,{children:t.map((P,N)=>n.jsx("div",{children:n.jsx(El,{transaction:e,boxType:Ll(N,t),rowValue:P,classList:d,classHierarchyList:c,accountList:o,sectionId:r,lineIndex:s,line:a,lineRecommendation:u,isDisabled:g,isCOTEnabled:b,cotTracking:C,openTooltipId:f,setOpenTooltipId:E,isTransactionCommentingEnabled:w,entityId:v,commonMetaData:I,roomId:L,companyId:R,companyName:h})},N))}),kl={labelWidth:new W(120,145,160)},El=({transaction:e,boxType:t,rowValue:a,classList:d,classHierarchyList:c,sectionId:o,lineIndex:r,line:s,isDisabled:b,isCOTEnabled:u,cotTracking:g,openTooltipId:C,setOpenTooltipId:f,isTransactionCommentingEnabled:E,entityId:w,commonMetaData:v,roomId:I,companyId:L,companyName:R})=>{const{setValue:h}=ht(),P=le(),N=qn(),_=E===!0&&w!=null,{createAlternateRecommendationCallback:$}=ki(),S=kl.labelWidth.value(P),M=d.find(Q=>Q.classId===s.class.selectedOption),U=e?.lines!=null?e?.lines[r]:void 0,K={valueContainer:Q=>({...Q,padding:`2px ${i.sp2} !important`}),menu:()=>({right:P==="small"?0:void 0})},ie=ct(o,"class",r.toString()),D=y.useMemo(()=>s.recommendationsWithCOT??[],[s.recommendationsWithCOT]),A=y.useCallback(Q=>{h(`${ie}.selectedOption`,Q,{shouldValidate:!0,shouldDirty:!0})},[h,ie]),H=y.useCallback((Q,we)=>{g?.onCOTView!=null&&g.onCOTView(s.id,g.transactionId,Q,we)},[g,s.id]),J=y.useCallback(Q=>{const we=D[1],Ce=D[0];$("class",{currentValue:M?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:g},we,Ce)(Q)},[$,D,M?.className,g]),ge=pn(D,"class",u,{label:U?.class?.className,value:U?.class?.classId},"details_page",null,A,J,s.class.selectedOption),X=un(D,"class"),B=y.useMemo(()=>!(!s.class.selectedOption||!X)&&D.some(Q=>Q.class!=null&&Q.class.classId===s.class.selectedOption),[s.class.selectedOption,X,D]),re=a.title===mn.lineItems.class,Fe=n.jsxs(Cl,{horizontalMargin:!re,"data-testid":j("row-content-container",`${o}-${r}-${a.title}`),isInputTypeRow:re,children:[!re&&n.jsx(Ol,{"data-testid":j("line-detail-label",`${o}-${r}-${a.title}`),children:a.title}),re?n.jsx(Nn,{isLoading:!1,label:{label:mn.lineItems.class,width:S},isDisabled:b,groupedSingleSelectField:{name:ct(o,"class",r.toString()),placeholder:mn.transactionDetailPlaceholders.class,valueToId:Q=>(we=>d.filter(Ce=>Ce.classId===we)[0]?.accountingClassNumber??void 0)(Q),type:"class",pageSource:"details_page",transactionStatus:null,defaultValue:{selectedOption:s.class.selectedOption,allOptions:eo(c,s.recommendationsWithCOT)},style:{width:"100%"},customStyleConfig:K,showCOT:u,registerOptions:{required:!1}},style:{justifyContent:"space-between",flexGrow:1},fullWidthSelect:!1,isRecommendedSelected:B,cotData:ge,hasRecommendations:X,isAutoCategorized:!1,onCOTView:H,openTooltipId:C,setOpenTooltipId:f}):n.jsx(Il,{windowSize:P,"data-testid":j("line-detail-value",`${o}-${r}-${a.title}`),children:a.value})]}),Re=re?n.jsx(Ft,{isThreadAllowed:_,entityId:w,dashboardTabKey:Se({type:"details",key:ke("class",r)}),roomId:I,companyId:L,companyName:R,dashboardOptionType:"transaction",filterMetaData:{...v,entityType:Wt({tab:"transaction",key:Se({type:"details",key:ke("class",r)})})},fieldThreadTargetElement:N?.sharedRef?.contentWrapperRef,style:{width:"100%"},children:Fe}):Fe;return t==="bottomRoundedBox"?n.jsx($l,{children:Re}):n.jsx(Tl,{children:Re})};function Rl({transaction:e,line:t,sectionId:a,classList:d,classHierarchyList:c,accountList:o,lineIndex:r,lineRecommendation:s,isDisabled:b,isCOTEnabled:u,cotTracking:g,openTooltipId:C,setOpenTooltipId:f,isTransactionCommentingEnabled:E,entityId:w}){const v=Wn(),I=v.currentTenant?.companyId??"",L=v.currentTenant?.companyName??"",R=`dashboard_${I}`,h=y.useMemo(()=>({application:"dashboard",companyId:I,tab:"transaction",entityId:w??"",isGlobalComment:!1}),[I,w]),P=o.find($=>$.qboId===t.account.selectedOption),N=d.find($=>$.classId===t.class.selectedOption),_=function($,S,M){const U=[],K=mn.transactionLabels.productOrService;return U.push({title:K.productOrService,value:$.item.itemName}),U.push({title:K.quantity,value:$.item.quantity!=null?`${$.item.quantity}`:"-"}),U.push({title:K.rate,value:Ee("0,0.00",$.item.unitPrice)}),U.push({title:K.category,value:S?.accountName||"-"}),U.push({title:K.class,value:M?.className||"-"}),U}(t,P,N);return n.jsxs(jl,{"data-testid":j("transaction-line-product-or-service",a),children:[n.jsx(Wi,{title:t.lineDescription,amount:t.amount,lineId:t.id,sectionId:a,lineIndex:r,isDisabled:b,isTransactionCommentingEnabled:E,entityId:w}),n.jsx(Sl,{transaction:e,rowValues:_,line:t,classList:d,classHierarchyList:c,accountList:o,sectionId:a,lineIndex:r,lineRecommendation:s,isDisabled:b,isCOTEnabled:u,cotTracking:g,openTooltipId:C,setOpenTooltipId:f,isTransactionCommentingEnabled:E,entityId:w,commonMetaData:h,roomId:R,companyId:I,companyName:L})]})}const fn=l(wn)`
+  color: ${e=>e.theme.colors.primary};
+`,gi=l(Fn)`
+  color: ${e=>e.theme.colors.primary};
+`,yi=l(Ie)`
+  color: ${e=>e.theme.colors.hero};
+`,zn=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  background-color: ${e=>e.theme.colors.grey3};
+  padding: ${i.sp3} ${i.sp4};
+  margin-top: 2px;
+`,Al=l(zn)`
+  display: flex;
+  margin: ${i.sp0} ${i.sp0} ${i.sp6};
+`,Vl=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${i.sp3} ${i.sp4};
+`,Yn=e=>Ee("0,0.00",e),Pl=({title:e,amount:t})=>n.jsxs(zn,{"data-testid":j("subtotal-row",e),children:[n.jsx(fn,{children:e}),n.jsx(fn,{children:Yn(t)})]}),_l=({desc:e})=>n.jsxs(Al,{children:[n.jsx(fn,{children:""}),n.jsx(fn,{children:e})]}),Nl=({title:e,amount:t})=>n.jsxs(zn,{"data-testid":j("total-row",e),children:[n.jsx(gi,{children:e}),n.jsx(gi,{children:Yn(t)})]}),bi=({title:e,amount:t})=>n.jsxs(Vl,{"data-testid":j("normal-row",e),children:[n.jsx(yi,{children:e}),n.jsx(yi,{children:t!=null?Yn(t):""})]}),Ml=l.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${i.sp4} ${i.sp0} ${i.sp6} ${i.sp0};
+`,Ul=l.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,Bl=({line:e,parentTransaction:t})=>{const a=Y.getLocalizedStrings().transactionDetail.transactionLabels.productOrServiceInfo,d=t.balance?.amount??0,c=Object.assign({},t.amount,{amount:t.amount.amount-d});return n.jsxs(Ml,{children:[n.jsx(Pl,{title:e.lineDetailType==="sub_total_line_detail"?a.subtotal:e.lineDescription,amount:e.amount}),n.jsx(Nl,{title:a.total,amount:t.amount}),n.jsx(bi,{title:(r=>{switch(r){case"refund":case"credit_memo":return a.amountReceived[r];default:return a.amountReceived.default}})(t.type),amount:c}),t.type!=="refund"&&n.jsx(bi,{title:(o=t.type,o==="credit_memo"?a.balanceDue[o]:a.balanceDue.default),amount:t.balance})]});var o};function Fl({lines:e,parentTransaction:t,classList:a,classHierarchyList:d,accountList:c,sectionId:o,isDisabled:r,isCOTEnabled:s,cotTracking:b,openTooltipId:u,setOpenTooltipId:g,isTransactionCommentingEnabled:C,entityId:f}){const E=e.filter(v=>v.type==="transaction_with_product_or_service_line"||v.type==="transaction_info_line"&&v.lineDetailType==="description_only_line_detail"),w=e.filter(v=>v.type==="transaction_info_line"&&v.lineDetailType==="sub_total_line_detail");return n.jsxs(Ul,{"data-testid":j("transaction-lines-product-or-service",o),children:[E.map((v,I)=>v.type==="transaction_with_product_or_service_line"?n.jsx("div",{style:{marginBottom:I!==E.length-1?O[6]:0},children:n.jsx(Rl,{line:v,classList:a,transaction:t,classHierarchyList:d,accountList:c,sectionId:o,lineIndex:I,lineRecommendation:t.recommendationsWithCOT,isDisabled:r,isCOTEnabled:s,cotTracking:b,openTooltipId:u,setOpenTooltipId:g,isTransactionCommentingEnabled:C,entityId:f})},`p${I}`):v.type==="transaction_info_line"&&v.lineDetailType==="description_only_line_detail"?n.jsx(_l,{desc:v.lineDescription},`s${I}`):null),w.map((v,I)=>n.jsx(Bl,{line:v,parentTransaction:t},`i${I}`))]})}const Dt={detailPaddingTop:new W(O[5],O[6]),detailPaddingBottom:new W(O[7],O[8]),detailPaddingLeftRight:new W(O[3],O[8])},fi=l.div`
+  width: 100%;
+  height: ${i.sp6};
+`,Ct=l.div`
+  display: flex;
+  flex-direction: column;
+`,Wl=l.div``,An=l.div`
+  padding-top: ${e=>Dt.detailPaddingTop.valuePx(e.windowSize)};
+  padding-left: ${e=>Dt.detailPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>Dt.detailPaddingLeftRight.valuePx(e.windowSize)};
+`;function ql({transaction:e,accountList:t,accountsHierarchyList:a,classHierarchyList:d,classList:c,sectionId:o,lineItemsLocalData:r,containerRef:s,uncategorizedAccounts:b,isDisabled:u,isCOTEnabled:g,searchAutoComplete:C,handleCOTView:f,openTooltipId:E,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:v,isTransactionCommentingEnabled:I,entityId:L}){const R=le(),{control:h,watch:P}=ht(),{fields:N}=Ba({name:o,control:h}),_=P(o,N);if(Gt(e)){const $=e;switch($.type){case"invoice":case"credit_memo":case"sales_receipt":case"delayed_credit":case"refund":{const S=on(_);return n.jsx(Ct,{children:n.jsx(An,{windowSize:R,"data-testid":j(o,"customer-transaction-lines"),children:n.jsx(Fl,{lines:S,parentTransaction:$,classList:c,classHierarchyList:d,accountList:t,sectionId:o,isDisabled:u,isCOTEnabled:g,cotTracking:{lineId:S[0]?.id,transactionId:e.id,onCOTView:f},openTooltipId:E,setOpenTooltipId:w,isTransactionCommentingEnabled:I,entityId:L})})})}default:return console.log(`Transaction type ${$.type} doesn't have associated product or service`),null}}else if(Ht(e)){const $=e;switch($.type){case"expense":case"check":case"bill":case"bill_payment":case"vendor_credit":case"credit_card_credit":{const S=on(_);return n.jsx(Ct,{children:n.jsx(An,{windowSize:R,"data-testid":j(o,"vendor-transaction-lines"),children:S.map((M,U)=>n.jsx(Wl,{children:n.jsxs(Ct,{children:[n.jsx(Un,{lineRecommendation:$.recommendationsWithCOT,lineItemLocalData:M,accountList:t,classList:c,sectionId:o,lineIndex:U,lineId:M.id,transaction:$,vendorName:r?.vendorUpdates?.name,bookCloseDate:$.bookCloseDate,containerRef:s,uncategorizedAccounts:b,searchAutoComplete:C,classHierarchyList:d,accountsHierarchyList:a,isDisabled:u,isCOTEnabled:g,cotTracking:{lineId:M.id,transactionId:$.id,onCOTView:f},openTooltipId:E,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:v,isTransactionCommentingEnabled:I,entityId:L}),U!==S.length-1?n.jsx(fi,{}):null]},M.id)},M.id))})})}default:return console.log(`Transaction type ${$.type} doesn't have associated account or class info`),null}}else switch(e.type){case"deposit":{const $=on(_);return n.jsx(Ct,{children:n.jsx(An,{windowSize:R,"data-testid":j(o,"deposit-transaction-lines"),children:$.map((S,M)=>n.jsxs(Ct,{children:[n.jsx(Un,{lineItemLocalData:S,accountList:t,accountsHierarchyList:a,classHierarchyList:d,classList:c,transaction:e,sectionId:o,lineIndex:M,lineId:S.id,bookCloseDate:e.bookCloseDate,containerRef:s,uncategorizedAccounts:b,searchAutoComplete:C,transactionType:e.type,isDisabled:u,isCOTEnabled:g,cotTracking:{lineId:S.id,transactionId:e.id,onCOTView:f},openTooltipId:E,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:v,isTransactionCommentingEnabled:I,entityId:L}),M!==$.length-1?n.jsx(fi,{}):null]},S.id))})})}case"journal_entry":{const $=on(_);return n.jsx(Ct,{"data-testid":j(o,"journal-entry-transaction-lines"),children:n.jsx(vl,{containerRef:s,lines:$,accountList:t,accountsHierarchyList:a,classHierarchyList:d,classList:c,sectionId:o,lineItemsLocalData:r,transaction:e,searchAutoComplete:C,uncategorizedAccounts:b,isDisabled:u,isCOTEnabled:g,cotTracking:{transactionId:e.id,onCOTView:f},openTooltipId:E,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:v,isTransactionCommentingEnabled:I,entityId:L})})}default:return console.log(`Transaction type ${e.type} doesn't have associated line items`),null}}const Hl=l.div`
+  display: flex;
+  flex-direction: column;
+  padding-bottom: ${e=>Dt.detailPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>Dt.detailPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>Dt.detailPaddingLeftRight.valuePx(e.windowSize)};
+`;function Gl({sectionId:e,linkedTransactions:t,onTransactionClick:a}){const d=le();return n.jsx(Hl,{windowSize:d,"data-testid":j(e,"linked-transaction-lines"),children:t.map(c=>n.jsx(Mo,{transaction:c,onTransactionClick:a},c.id))})}function zl({transaction:e,accountList:t,accountsHierarchyList:a,classHierarchyList:d,classList:c,sectionId:o,lineItemsLocalData:r,containerRef:s,uncategorizedAccounts:b,isDisabled:u,isCOTEnabled:g,searchAutoComplete:C,cotTracking:f,openTooltipId:E,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:v,isTransactionCommentingEnabled:I,entityId:L}){const R=y.useCallback((h,P,N,_)=>{f?.onCOTView!=null&&f.onCOTView(h,P,N,_)},[f]);return n.jsx(ql,{transaction:e,accountList:t,accountsHierarchyList:a,classHierarchyList:d,classList:c,sectionId:o,lineItemsLocalData:r,containerRef:s,uncategorizedAccounts:b,isDisabled:u,isCOTEnabled:g,searchAutoComplete:C,handleCOTView:R,openTooltipId:E,setOpenTooltipId:w,isUncategorizedExpenseCategoryEnabled:v,isTransactionCommentingEnabled:I,entityId:L})}const Yl={containerPadding:new W(O[3],O[8])},Kl=l(Ie)`
+  color: ${e=>e.theme.colors.hero};
+  height: ${i.sp4};
+`,Jl=l(Ie)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${i.sp4};
+`,Zl=l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+`,Ql=l.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${i.sp5} ${i.sp0} ${i.sp6} ${i.sp0};
+`,Xl=l.div`
+  display: flex;
+  width: 100%;
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey3};
+`,er=l.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding: ${e=>`${i.sp0} ${Yl.containerPadding.valuePx(e.windowSize)}`};
+`,tr=({title:e,value:t})=>n.jsxs(Zl,{"data-testid":j("header-row",e),children:[n.jsx(Kl,{"data-testid":j("header-row-label",e),children:e}),n.jsx(Jl,{"data-testid":j("header-row-value",e),children:t})]});function nr({transaction:e,vendorDetailsSectionId:t,existingVendor:a,existingCustomer:d,selectedEntity:c,isCOTEnabled:o,vendorSearchAutoComplete:r,headerStyles:s,recommendationsWithCOT:b,cotTracking:u,handleVendorRename:g,handleCustomerRename:C,openTooltipId:f,setOpenTooltipId:E,isTransactionCommentingEnabled:w,entityId:v}){const I=Bi(e),L=le();return Pa({componentName:"transaction.details"}),n.jsxs(er,{windowSize:L,style:s,"data-testid":j(t,"transaction-detail-header"),children:[n.jsx(_a,{transaction:e,sectionId:t,isCOTEnabled:o,existingVendor:a,existingCustomer:d,selectedEntity:c,vendorSearchAutoComplete:r,recommendationsWithCOT:b,handleVendorRename:g,handleCustomerRename:C,cotTracking:u,openTooltipId:f,setOpenTooltipId:E,isTransactionCommentingEnabled:w,entityId:v}),n.jsx(Xl,{}),n.jsx(Ql,{"data-testid":j("header-rows-container"),children:I.map((R,h)=>n.jsx("div",{style:{marginTop:h!==0?O[3]:0},children:n.jsx(tr,{title:R.title,value:R.value})},h))})]})}const ir=l.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${ce.overlayDark};
+`,ar=l.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+  text-align: center;
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${i.sp2};
+  position: relative;
+  top: 30%;
+`,or=l(Fn)`
+  margin-top: ${i.sp7};
+  color: ${e=>e.theme.colors.primary};
+`,sr=l(xn)`
+  color: ${e=>e.theme.colors.hero};
+  padding-left: ${i.sp8};
+  padding-right: ${i.sp8};
+  margin-bottom: 30px;
+  margin-top: ${i.sp4};
+  white-space: pre-line;
+`,lr=l.hr`
+  width: 100%;
+  border: 0.2px solid ${e=>e.theme.colors.grey3};
+`,rr=l.div`
+  padding-bottom: 20px;
+  padding-top: 10px;
+`;function dr(e){const t=le(),{title:a,description:d,buttonText:c}=function(o,r){return o===406?{title:Y.getLocalizedStrings().transactionDetail.errorPopup.error406.title,description:Y.getLocalizedStrings().transactionDetail.errorPopup.error406.descriptionPrefix+r+Y.getLocalizedStrings().transactionDetail.errorPopup.error406.descriptionSuffix,buttonText:Y.getLocalizedStrings().transactionDetail.errorPopup.error406.buttonText}:o===409?{title:Y.getLocalizedStrings().transactionDetail.errorPopup.error409.title,description:Y.getLocalizedStrings().transactionDetail.errorPopup.error409.description,buttonText:Y.getLocalizedStrings().transactionDetail.errorPopup.error409.buttonText}:{title:Y.getLocalizedStrings().transactionDetail.errorPopup.default.title,description:Y.getLocalizedStrings().transactionDetail.errorPopup.default.description,buttonText:Y.getLocalizedStrings().transactionDetail.errorPopup.default.buttonText}}(e.errorCode,e.transactionDate);return n.jsx(ir,{windowSize:t,role:"presentation","data-testid":j("transaction-update-popup"),onClick:o=>(r=>{r.stopPropagation(),e.action.onOkClick()})(o),children:n.jsxs(ar,{children:[n.jsx(or,{children:a}),n.jsx(sr,{children:d}),n.jsx(lr,{}),n.jsx(rr,{children:n.jsx(Aa,{variant:"primary",label:c,onClick:()=>{e?.errorCode===409?e.action.onRefresh():e.action.onOkClick()},"data-testid":j(c,"transaction-update-popup-button")})})]})})}const cr={containerMargin:new W(O[3],O[8])},pr=()=>{const e=le(),t=Y.getLocalizedStrings().transactionDetail;return n.jsx(ur,{windowSize:e,children:n.jsxs(mr,{windowSize:e,children:[n.jsx(hr,{height:i.sp3,width:i.sp3}),n.jsx(gr,{children:t.updateInProgress})]})})},ur=l.div`
+  display: flex;
+  border-radius: ${i.sp2};
+  padding: 0 ${e=>cr.containerMargin.valuePx(e.windowSize)};
+  height: ${i.sp8};
+  background-color: ${e=>e.theme.colors.grey5};
+`,mr=l.div`
+  display: flex;
+  border-radius: ${i.sp2};
+  padding: ${i.sp3} ${i.sp4} ${i.sp3} ${i.sp4};
+  background-color: ${ce.alertLight};
+  align-items: center;
+  flex-grow: 1;
+`,hr=l(Ua)`
+  margin-right: 10px;
+  color: ${ce.alert};
+`,gr=l(wn)`
+  display: flex;
+  color: ${ce.alert};
+`,qt={containerWidth:new W(343,544),confirmationPopUpTitleMarginTop:new W(O[6],O[7]),submitButtonWidth:new W(145,158),cancelButtonWidth:new W(121,156),errorLineItemGap:new W(O[2],12)},xi=Y.getLocalizedStrings().common,pt=Y.getLocalizedStrings().transactionDetail.vendorBulkUpdateFetchRecommendationsPopUpInfo,yr=({fetchState:e})=>{switch(e){case"Not-Started":default:return n.jsx(wr,{});case"In-Progress":return n.jsx(Bn,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return n.jsx(qi,{})}},br=e=>{switch(e){case"Not-Started":case"In-Progress":return pt.buildingRecommendations;case"Completed":return pt.recommendationsBuilt;default:return pt.recommendationsBuildFailed}},fr=({recommendationsBuildStatus:e,setShowVendorRecommendationsBuildPopup:t,fetchRecommendations:a,clearVendorName:d,clearUpdateVendorBulkRecommendationsFetchStatus:c})=>{const o=le(),[r,s]=At.useState(!0),[b,u]=At.useState(!1),g=dn(e),C=At.useRef(e);C.current=e,At.useEffect(()=>{setTimeout(()=>{r&&(s(!1),C.current==="Not-Started"&&a())},3e3)},[C,a,r]),y.useEffect(()=>{setTimeout(()=>{C.current!=="Completed"&&(c(),u(!0))},6e4)},[C,c]),At.useEffect(()=>{g==="In-Progress"&&e==="Completed"&&setTimeout(()=>{c(),t(!1)},1e3)},[e,g,t,c]);const f=e==="Error"||b;return n.jsx(Va,{action:{onOkClick:()=>{t(!1)},onCancelClick:()=>{d(),t(!1)}},shouldClickAway:f||e==="Completed",secondaryButtonVariant:"secondary",primaryButtonText:xi.footer.continueAnyway,secondaryButtonText:xi.footer.cancel,primaryButtonWidth:qt.submitButtonWidth.value(o),secondaryButtonWidth:qt.cancelButtonWidth.value(o),formId:"vendorBulkUpdateFetchRecommendationsPopup",descriptionComponent:n.jsx(Tr,{size:o,children:n.jsxs(Ir,{recommendationsBuildFailed:f,children:[n.jsxs(vi,{isDisabled:!1,isSuccess:!r,children:[r?n.jsx(Bn,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):n.jsx(qi,{}),n.jsx(wi,{isDisabled:!1,children:r?pt.applyingVendorName:pt.appliedVendorName})]}),f?n.jsxs(Cr,{size:o,children:[n.jsx(xr,{}),n.jsx(vr,{children:pt.recommendationsBuildFailed})]}):n.jsxs(vi,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[n.jsx(yr,{fetchState:e}),n.jsx(wi,{isDisabled:e==="Not-Started",children:br(e)})]})]})}),titleComponent:n.jsx($r,{size:o,children:pt.title}),showFooter:f,containerStyle:{width:qt.containerWidth.value(o),maxWidth:"unset"}})},xr=l(Ma)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  flex-shrink: 0;
+  color: ${ce.brandColorGoldDark};
+`,wr=l(To)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  flex-shrink: 0;
+  color: ${e=>e.theme.colors.grey3};
+`,wi=l.div`
+  color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
+  text-align: left;
+`,vr=l.div`
+  color: ${ce.brandColorGoldDark};
+`,vi=l.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.isSuccess?i.sp2:i.sp3};
+  border: 1px solid
+    ${e=>e.isDisabled?e.theme.colors.grey3:e.theme.colors.primary};
+  padding: 12px;
+  border-radius: ${i.sp2};
+`,Ir=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${i.sp3};
+  margin-bottom: ${e=>e.recommendationsBuildFailed===!0?0:i.sp3};
+`,Cr=l.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>qt.errorLineItemGap.valuePx(e.size)};
+  border: 1px solid ${e=>e.theme.colors.brandColorGold};
+  background-color: ${ce.alertLight};
+  padding: ${i.sp3};
+  border-radius: ${i.sp2};
+  text-align: left;
+`,$r=l(Fn)`
+  margin-top: ${e=>qt.confirmationPopUpTitleMarginTop.valuePx(e.size)};
+  padding-left: 44px;
+  padding-right: 44px;
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+  width: ${e=>e.size==="small"?"max-content":"-webkit-fill-available"};
+`,Tr=l(xn)`
+  color: ${e=>e.theme.colors.hero};
+  padding-left: 44px;
+  padding-right: 44px;
+  margin-bottom: ${i.sp5};
+  margin-top: ${i.sp4};
+  white-space: pre-line;
+  width: 100%;
+`,qi=l(Na)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  flex-shrink: 0;
+  color: ${ce.success};
+`,Ii={buttonWidth:new W(85,85)},Dr=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  width: 100%;
+  justify-content: space-between;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+`,jr=l.div`
+  display: flex;
+  flex-direction: column;
+`,Or=l.div`
+  position: relative;
+`,Lr=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Sr=l(Ra)`
+  display: flex;
+  width: ${i.sp4};
+  height: ${i.sp4};
+  align-items: center;
+  justify-content: center;
+`,ue="lineInfo",dt="memo",$t="vendorDetails",ut="updatePreviousTransactionWithNewVendor",mt="isUpdateVendorToAllLineItemsChecked",Ci=e=>`${e}_form`;function kr(e,t,a){return async function(d,c,o,r){const s=`${d}?query=${encodeURIComponent(JSON.stringify(o))}`,b=Y.getLocalizedStrings().downloadReport;try{const u=await Wa(s,{method:"GET",headers:{"zeni-user-id":c.userId,"zeni-tenant-id":c.tenantId,"zeni-session-id":c.sessionId}});if(u.ok){const g=r??qa(u.headers,"Financial Report.pdf"),C=await u.arrayBuffer();Ha(C,g)}else console.error(`${b.reportErrorMessage} ${u.statusText}`)}catch(u){console.error(`${b.reportErrorMessage} ${JSON.stringify(u)}`)}}(e,t,a)}const de=Y.getLocalizedStrings();function $i({firstMonthOfFY:e,transactionDetail:t,transactionAttachmentEndpointToDownload:a,transactionAttachmentsEndpointToFetch:d,attachmentUploadEndpoint:c,isNavBarVisible:o=!0,isDisabled:r,isCOTEnabled:s,isVendorBulkUpdateOnTransactionEnabled:b,authParams:u,trendReport:g,analytics:C,uncategorizedAccounts:f,vendorSaveStatus:E,companyId:w,companyName:v,isTransactionCommentingEnabled:I,containerStyles:L,headerStyles:R,autoCompleteData:h,autoCompleteActions:P,enableBackClickOnSave:N,onTransactionClick:_,onBackClick:$,onTrendSelectedPeriodChange:S,onUploadAttachmentAttachment:M,onDeleteAttachment:U,onSaveUpdates:K,onResetLineItemsCategoryClassInLocalData:ie,onSaveTransactionDetailLocalData:D,saveLatestSelectedEntity:A,onSaveSuccess:H,onPageRefresh:J,onUpdateAllChecked:ge,onChangeCategoryClassWhenUpdateAllIsChecked:X,discardTransactionDetailLocalData:B,onFetchRecommendationsForEntity:re,updateVendorBulkRecommendationsFetchStatus:Fe,clearRecommendationForLineId:Re,resetUpdateErrorState:Q,onSaveVendorInLocalData:we,onSaveCustomerInLocalData:Ce,onSaveTransactionIdInNewVendorLocalData:yt,onUpdateAllTranactionsWithCurrentVendorChecked:Yt,onClickUpdateVendorToAllLineItems:je,onResetVendorToAllLineItems:Ae,setIsVendorUpdateAllChecked:ye}){const We=y.useRef(null),[Ye,vn]=y.useState(null),Kt=la(),Oe=ra()??We.current,bt=y.useRef(),{useDynamicConfig:In}=da(),{configValue:jt}=In(ca.enableUncategorizedExpenseCategory),ft=zt(),ee=pa({mode:"all",reValidateMode:"onChange",defaultValues:ot(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,h.entityAutoCompleteView)}),{vendorUpdates:ve,vendorDetails:Ke,customerUpdates:Je,customerDetails:Ze}=t.transactionDetailLocalData,qe=Object.keys(t.transactionDetailLocalData.lineItemById)[0],[Ot,Jt]=y.useState(t.transaction?.attachments??[]),[Cn,Zt]=y.useState(!1),[Le,Qt]=y.useState([]),[Xt,xt]=y.useState([]),[wt,en]=y.useState(void 0),[Ve,$n]=y.useState(t.transaction?.id??""),[Qe,tn]=y.useState(void 0),[Lt,Xe]=y.useState(!1),et=I===!0&&t.transaction?.id!=null&&w!=null,St=y.useContext(ua),{setOpenThread:kt}=St,{threads:vt,isLoading:tt}=ma(),x=Ti(t.transaction?.id??""),q=y.useMemo(()=>({application:"dashboard",companyId:w,tab:"transaction",entityId:x,isGlobalComment:!1}),[w,x]),Z=y.useMemo(()=>et?vt.filter(m=>m.resolved===!1&&!m.id.includes(ha)):[],[vt,et]).length,Pe=y.useCallback((m,T)=>{kt(T),Xe(!1)},[kt,Xe]),_e=y.useMemo(()=>({companyId:w??"",companyName:v??"",entityType:"transaction.details",entityId:x,isGlobalComment:!1,application:"dashboard",tab:"transaction",url:window.location.href}),[w,v,x]),zi=Y.getLocalizedStrings().collaboration.threads,{placeholder:Jn,tooltip:Zn,title:{comments:Yi}}=zi,nn=y.useRef([]),Qn=(m,T,k,ae)=>{if(T!==Ve||ae==null||ae==="")return;const be=[...nn.current];let G=be.find(Me=>Me.lineId===m);if(G==null)G={lineId:m,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}},be.push(G);else{G={...G,category:{...G.category,recommendationTypesViewed:[...G.category.recommendationTypesViewed]},class:{...G.class,recommendationTypesViewed:[...G.class.recommendationTypesViewed]},vendor:{...G.vendor,recommendationTypesViewed:[...G.vendor.recommendationTypesViewed]}};const Me=be.findIndex(V=>V.lineId===m);be[Me]=G}const Ne=G[k];Ne.recommendationTypesViewed.includes(ae)||Ne.recommendationTypesViewed.push(ae),nn.current=be},It=t.transactionDetailUpdateStatus?.fetchState??"Not-Started",Et=le(),{common:{footer:Xn},dateFormat:Ki}=Y.getLocalizedStrings(),[Ji,Tn]=y.useState(void 0),ei=y.useRef(),nt=dn(t.transactionDetailUpdateStatus?.fetchState),Dn=dn(h.entityAutoCompleteView.fetchState),jn=dn(t.fetchState),Zi=t.transaction!=null?ga(t.transaction?.type,ft):void 0,Qi=!Kt&&g?.trendReport?.dataAvailable!=null;y.useEffect(()=>{h.entityAutoCompleteView.fetchState==="Completed"&&bt.current?.(ya(h.entityAutoCompleteView))},[h.entityAutoCompleteView.fetchState]);const Xi=async(m,T)=>{if(m.includes("lineDescription")||m.includes(dt))return;const k=Object.assign({},t.transaction),ae=m.split(".")[1];let be,G=t.transactionDetailLocalData.latestSelectedEntityOnLineItem,Ne=T.isUpdateVendorToAllLineItemsChecked;if(m.includes(dt)===!1&&m.includes($t)===!1&&m.includes(ut)===!1&&m.includes(mt)===!1&&m!==ue){const V=parseInt(m.split(".")[1]),z=T[ue][V].id;be=z;const p=ka(T[ue][V]);let F=!1;if(m.includes(he)||m.includes(me)){if(m.includes(he)){const ne=ea(z,V,T);p[Tt]!==ne&&(p[Tt]=ne,F=!0),p[he].selectedOption==null||p[he].selectedOption!==p[Bt]?.qboId||p[De]?(p[De]=!1,F=!0):(p[De]=!0,F=!0),p[he].selectedOption==null||p[he].selectedOption!==p[Mt]?.qboId||p[De]?(p[lt]=!1,F=!0):(p[lt]=!0,F=!0)}if(m.includes(me)&&(p[rt]!==ti(z,V,T)&&(p[rt]=ti(z,V,T),F=!0),p[me].selectedOption==null||p[me].selectedOption!==p[Ut]?.classId||p[Te]?(p[Te]=!1,F=!0):(p[Te]=!0,F=!0),p[me].selectedOption==null||p[me].selectedOption!==p[Nt]?.classId||p[Te]?(p[st]=!1,F=!0):(p[st]=!0,F=!0)),p[Ge]===!0){const ne=Rt(p,t.transactionDetailLocalData,p[se].selectedOption,ae,h.entityAutoCompleteView);X?.(!p[Ge],ne)}}if(m.includes(De)){if(p[De]===!1)return void ie?.({id:k.id,type:k.type},k,[z],On(V,z,T),"account",!1);p[De]===!0&&p[he].selectedOption!==p[Bt]?.qboId&&(p[he].selectedOption=p[Bt]?.qboId,p[Tt]=!0,p[lt]=!1,F=!0)}if(m.includes(Te)){if(p[Te]===!1)return void ie?.({id:k.id,type:k.type},k,[z],On(V,z,T),"class",!1);p[Te]===!0&&p[me].selectedOption!==p[Ut]?.classId&&(p[me].selectedOption=p[Ut]?.classId,p[rt]=!0,p[st]=!1,F=!0)}if(m.includes(lt)&&p[lt]===!0&&p[he].selectedOption!==p[Mt]?.qboId&&(p[he].selectedOption=p[Mt]?.qboId,p[De]=!1,p[Tt]=!1,F=!0),m.includes(st)&&p[st]===!0&&p[me].selectedOption!==p[Nt]?.classId&&(p[me].selectedOption=p[Nt]?.classId,p[Te]=!1,p[rt]=!1,F=!0),m.includes(Ge)){if(p[Ge]===!0){const ne=p[he].selectedOption,pe=p[me].selectedOption,fe=t.accountList.accounts.find($e=>$e.qboId===ne),xe=t.classList.classes.find($e=>$e.classId===pe);p[rt]=!0;const te=Rt(p,t.transactionDetailLocalData,p[se].selectedOption,ae,h.entityAutoCompleteView);return void ge?.(p[Ge],fe!=null?{account:fe,updateOrRetain:p[De]===!0?"update":"retain"}:void 0,xe!=null?{classBase:xe,updateOrRetain:p[Te]===!0?"update":"retain"}:void 0,te)}return void ie?.({id:k.id,type:k.type},k,On(V,z,T),[z],"both",!1)}if(m.includes(cn)&&p[se].selectedOption==null)return Re?.({transactionId:{id:k.id,type:k.type},transaction:k,lineId:z}),void(F=!0);if(m.includes(cn)&&p[se].selectedOption!=null&&(G=Rt(p,t.transactionDetailLocalData,p[se].selectedOption,z,h.entityAutoCompleteView),G!=null)){const ne={id:k.id,type:k.type};A(ne,z,G),re?.(G,p.amount.amount,{transactionId:{id:k.id,type:k.type},transaction:k,lineIds:[z]},!1),t.transaction!=null&&t.transactionDetailLocalData.isVendorUpdateAllChecked&&(ye(ne,t.transaction,!1),Ne=!1,F=!0)}if(F){const ne={...T};ne[ue][V]=p,ee.reset(ne,{keepDefaultValues:!0,keepDirty:!0})}}const Me=V=>V!==ue&&(t.transaction!=null&&(Ht(t.transaction)||Gt(t.transaction))?V.includes(dt)===!1&&V.includes(hn)===!1:V.includes(dt)===!1&&V.includes(hn)===!1&&(z=>{const p=parseInt(z.split(".")[1]),F=T[ue][p][se].selectedOption;if(F==null)return!1;let ne=!1;return T.lineInfo.forEach((pe,fe)=>{if(p!==fe){const xe=pe[se].selectedOption;xe!=null&&F===xe&&(ne=ne||pe[Ge])}}),!z.includes(cn)&&ne})(V));if(m!==ue&&m!==$t&&m!==mt&&m!==ut){const V=Vn(T,t.accountList,t.classList,h,Me(m),ae,t.transactionDetailLocalData,G,be,Ne);D?.({id:k.id,type:k.type},V)}if(m!==$t){if(m===ut){const V=T[ut];Yt?.(V)}if(m===mt){const V=T[mt],z=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;V===!0&&t.transaction!=null&&z!=null?(je?.({id:k.id,type:k.type},t.transaction,z),Zt(!0)):V===!1&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&Ae?.({id:k.id,type:k.type},k,t.transactionDetailLocalData.latestUpdatedLineWithEntity)}}else{const V=T[$t];if(V.selectedOption!==ve?.qboId||V.selectedOption!==Je?.qboId){const z=V.defaultOptions,p=V.selectedOption,F=h.entityAutoCompleteView.vendor.find(te=>te.qboId===V.selectedOption),ne=z?.flatMap(te=>te.options).find(te=>te.value===p)?.label,pe=h.entityAutoCompleteView.customer.find(te=>te.qboId===V.selectedOption),fe=t.transactionDetailLocalData.lineItemById[qe]?.recommendationsWithCOT?.find(te=>te.vendor?.qboId===V.selectedOption)?.vendor,xe={id:k.id,type:k.type};if(F==null&&fe==null&&pe==null){if(yt?.(xe),t.transaction!=null){const te=p!==""&&p!=null?p:ne!==""&&ne!=null?ne:"",$e={name:ne??p??"",id:te,qboId:te},it={id:te,type:"vendor",qboId:te,zeniId:te,name:ne??p??""},at={transaction:t.transaction,transactionId:xe,lineIds:t.transaction.lines?.map(oa=>oa.id)??[]};we?.(xe,$e,it,t.transaction.amount.amount,at)}}else if(F!=null&&pe==null){if(t.transaction!=null){const te={name:F.name,id:F.zeniId,qboId:F.qboId},$e={id:F.id,type:"vendor",qboId:F.qboId,zeniId:F.qboId,name:F.name},it={transaction:t.transaction,transactionId:xe,lineIds:t.transaction.lines?.map(at=>at.id)??[]};we?.(xe,te,$e,t.transaction.amount.amount,it)}}else if(fe?.id!=null&&fe?.qboId!=null&&pe==null){if(t.transaction!=null){const te={name:fe.name,id:fe.id,qboId:fe.qboId},$e={id:fe.id,type:"vendor",qboId:fe.qboId,zeniId:fe.qboId,name:fe.name},it={transaction:t.transaction,transactionId:xe,lineIds:t.transaction.lines?.map(at=>at.id)??[]};we?.(xe,te,$e,t.transaction.amount.amount,it)}}else if(pe!=null&&t.transaction!=null){const te={name:pe.name,id:pe.zeniId,qboId:pe.qboId},$e={id:pe.id,type:"customer",qboId:pe.qboId,zeniId:pe.qboId,name:pe.name},it={transaction:t.transaction,transactionId:xe,lineIds:t.transaction.lines?.map(at=>at.id)??[]};Ce?.(xe,te,$e,t.transaction.amount.amount,it)}}P.onCancelAutoComplete?.()}},On=(m,T,k)=>{const ae=t.transaction;if(ae!=null&&(Ht(ae)||Gt(ae)))return k[ue].filter(G=>G.id!==T).map(G=>G.id);const be=Rt(k[ue][m],t.transactionDetailLocalData,k[ue][m][se].selectedOption,m.toString(),h.entityAutoCompleteView);return be!=null?k[ue].filter((G,Ne)=>{const Me=Rt(G,t.transactionDetailLocalData,G[se].selectedOption,Ne.toString(),h.entityAutoCompleteView);return((V,z)=>V!=null&&z!=null?(V.qboId??V.id)===(z.qboId??z.id):!1)(be,Me)&&G.id!==T}).map(G=>G.id):[]},ea=(m,T,k)=>!!(t.transactionDetailLocalData.lineItemById[m].recommendationsWithCOT?.map(ae=>ae.account?.qboId)??[]).includes(k[ue][T][he].selectedOption),ti=(m,T,k)=>!!(t.transactionDetailLocalData.lineItemById[m].recommendationsWithCOT?.map(ae=>ae.class?.classId)??[]).includes(k[ue][T][me].selectedOption);y.useEffect(()=>{const m=ee.watch((T,{name:k})=>{k!=null&&T!=null&&k!=null&&T!=null&&ba(()=>Xi(k,T))});return()=>{m.unsubscribe()}}),y.useEffect(()=>()=>{B?.()},[]),y.useEffect(()=>{t.transaction&&Ve!==t.transaction?.id&&($n(t.transaction?.id??""),ee.reset(ot(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,h.entityAutoCompleteView)))},[t,Ve,h.entityAutoCompleteView,ee]),y.useEffect(()=>{fa(ee.getValues(),ot(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,h.entityAutoCompleteView))||ee.reset(ot(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,h.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[t.transactionDetailLocalData,t.accountList,t.classList,t.transaction?.recommendationsWithCOT,h.entityAutoCompleteView,ee]),y.useEffect(()=>{t.fetchState==="Completed"&&t.transaction!=null&&wt!=null&&(async function(m){Le.includes(m.attachment_id)?console.warn(`Attachment with ID ${m.attachment_id} is already getting downloaded`):(Qt([m.attachment_id,...Le]),await kr(a,u,m),Qt(ii(Le,T=>T==m.attachment_id)))}({transaction_key:{transaction_id:t.transaction.id,transaction_type:t.transaction.type},attachment_id:wt}),en(void 0))},[wt]),y.useEffect(()=>{nt!=="In-Progress"&&nt!=="Not-Started"||It!=="Error"?It==="Completed"&&(nt==="In-Progress"||nt==="Not-Started")&&ee.formState.isDirty&&(ee.reset(ot(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,h.entityAutoCompleteView)),H?.()):Tn(It),It==="Completed"&&(nt==="In-Progress"||nt==="Not-Started")&&N===!0&&$?.(),h.entityAutoCompleteView.fetchState==="Completed"&&(Dn==="In-Progress"||Dn==="Not-Started")&&ee.reset(ot(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,h.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[It,N,ee,H,t,nt,h,Dn,$]),y.useEffect(()=>{(jn==="In-Progress"||jn==="Not-Started")&&t.fetchState==="Completed"&&ee.reset(ot(t.transactionDetailLocalData,t.accountsHierarchyList,t.classHierarchyList,h.entityAutoCompleteView),{keepDirty:!0})},[ee,t,t.fetchState,jn,h]),y.useEffect(()=>{t.fetchState==="Completed"&&t.transaction?.attachments!=null&&Jt(t.transaction.attachments)},[t]),y.useEffect(()=>{h.entityAutoCompleteView.fetchState==="Completed"&&ei.current?.(Di(h.entityAutoCompleteView,t.transactionDetailLocalData.selectedEntity??t.transactionDetailLocalData.latestSelectedEntityOnLineItem,t.transactionDetailLocalData.lineItemById[qe]?.recommendationsWithCOT))},[h.entityAutoCompleteView.fetchState]);const ta=ee.handleSubmit(m=>{const T=Vn(m,t.accountList,t.classList,h,!1,void 0,t.transactionDetailLocalData);if(t.transaction!=null){C?.trackTransactionDetailsSave(t.transaction.account?.accountId,t.transaction.account?.accountName,t.transaction.id,void 0,t.transaction.type,ho(t.transaction,T),T.memo,t.transaction.attachments?.map(be=>be.fileName)),D?.({id:t.transaction.id,type:t.transaction.type},T);const k=T.vendorDetails?.id!=null&&T.vendorDetails?.id===T.vendorUpdates?.id&&T.vendorDetails?.name!==T.vendorUpdates?.name,ae=nn.current;K?.({id:t.transaction.id,type:t.transaction.type},ae,ve?.id,k),nn.current=[]}}),an=()=>{if(t.transaction!=null){const m=ee.getValues(),T=Vn(m,t.accountList,t.classList,h,!1,void 0,t.transactionDetailLocalData);D?.({id:t.transaction.id,type:t.transaction.type},T)}},na=t.fetchState==="In-Progress"||t.fetchState==="Not-Started",ia={onOkClick:()=>{Tn(void 0),ee.reset(),Q?.()},onRefresh:()=>{Tn(void 0),ee.reset(),Q?.(),J?.()}},aa={defaultOptions:xa(ve?.qboId,ve?.name,h?.entityAutoCompleteView),selectedOption:ve?.qboId!=null?ve?.qboId:ve?.name!=null&&ve?.name!==""?ve?.name:""};return n.jsx(Dr,{ref:We,style:L,"data-testid":j("transaction-detail-page"),children:n.jsxs(wa.Provider,{value:St,children:[n.jsx(va,{sharedItems:{sharedFunctions:void 0,sharedRef:{contentWrapperRef:Ye}},children:n.jsx(Or,{ref:vn,children:n.jsxs(Ia,{...ee,children:[n.jsx("form",{id:Ci(ni),onSubmit:ta,children:na===!1&&t.transaction!=null?n.jsxs(n.Fragment,{children:[o?n.jsx(Ca,{title:Ta(t.transaction,ve?.name),onBackClick:()=>{B?.(),$?.()},style:{zIndex:3},backgroundColor:ft.colors.grey5,enableTitleOnScroll:!0,source:"TransactionDetailPage",rightSideComponent:et?n.jsxs(Lr,{"data-testid":j("transaction-comment-button"),onClick:m=>{m.preventDefault(),m.stopPropagation(),Xe(!0)},children:[n.jsx($a,{count:tt?void 0:Z,isLoading:tt,style:{left:"12px"}}),n.jsx(Sr,{})]}):null}):null,Ji==="Error"?n.jsx(dr,{errorCode:t.transactionDetailUpdateStatus?.error!==void 0?t.transactionDetailUpdateStatus?.error.code:500,action:ia,transactionDate:t.transaction?.date.format(Ki.visual.MMMYYYYFormat)}):null,Cn?n.jsx(fr,{recommendationsBuildStatus:t.transactionDetailLocalData.vendorBulkUpdateCategoryClassRecommendationsFetchStatus?.fetchState,fetchRecommendations:()=>{const m=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;if(m!=null&&t.transaction!=null){const T=t.transaction.lines?.map(k=>k.id);Fe({id:t.transaction.id,type:t.transaction.type},"In-Progress"),re?.(m,t.transaction.lines?.[0].amount.amount??0,{transactionId:{id:t.transaction.id,type:t.transaction.type},transaction:t.transaction,lineIds:T??[]},!0)}},setShowVendorRecommendationsBuildPopup:Zt,clearVendorName:()=>{t.transaction!=null&&t.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&Ae?.({id:t.transaction.id,type:t.transaction.type},t.transaction,t.transactionDetailLocalData.latestUpdatedLineWithEntity)},clearUpdateVendorBulkRecommendationsFetchStatus:()=>{t.transaction!=null&&Fe({id:t.transaction.id,type:t.transaction.type},"Not-Started")}}):null,t.transaction.isUpdatingTransaction===!0||t.isUpdateNotAllowed===!0?n.jsx(pr,{}):null,n.jsx(nr,{vendorDetailsSectionId:$t,transaction:t.transaction,existingVendor:Ke,existingCustomer:Ze,isCOTEnabled:s,selectedEntity:t.transactionDetailLocalData.selectedEntity,headerStyles:R,vendorSearchAutoComplete:{autoCompleteData:h,loadOptions:(m,T)=>{an(),P.onAutoCompleteInputChange?.(m),ei.current=T}},handleVendorRename:m=>{t.transaction!=null&&we?.({id:t.transaction.id,type:t.transaction.type},{name:m,id:Ke?.id,qboId:Ke?.qboId})},handleCustomerRename:m=>{t.transaction!=null&&Ce?.({id:t.transaction.id,type:t.transaction.type},{name:m,id:Ze?.id,qboId:Ze?.qboId})},currentVendorOption:aa,recommendationsWithCOT:t.transactionDetailLocalData.lineItemById[qe]?.recommendationsWithCOT,cotTracking:{lineId:qe,transactionId:Ve,onCOTView:Qn},openTooltipId:Qe,setOpenTooltipId:tn,isTransactionCommentingEnabled:I,entityId:x}),n.jsxs(jr,{children:[n.jsx(zl,{containerRef:Oe,transaction:t.transaction,accountList:t.accountList.accounts,accountsHierarchyList:t.accountsHierarchyList,classHierarchyList:t.classHierarchyList,classList:t.classList.classes,sectionId:ue,isDisabled:r,isCOTEnabled:s,lineItemsLocalData:t.transactionDetailLocalData,uncategorizedAccounts:f,searchAutoComplete:{autoCompleteData:h,loadOptions:(m,T)=>{an(),P.onAutoCompleteInputChange?.(m),bt.current=T},autoCompleteActions:P},cotTracking:{transactionId:Ve,onCOTView:Qn},openTooltipId:Qe,setOpenTooltipId:tn,isUncategorizedExpenseCategoryEnabled:jt?.uncategorized_expense_category_enabled===!0,isTransactionCommentingEnabled:I,entityId:x}),n.jsx(Da,{transaction:t.transaction,deleteStatusByAttachmentName:t.deleteStatusByAttachmentName,memo:t.transactionDetailLocalData.memo,attachments:Ot,sectionId:dt,attachmentIdsBeingDownloaded:Le,attachmentIdsBeingUploaded:Xt,isDisabled:r,authParams:u,onDeleteAttachment:m=>{an(),U(m)},transactionAttachmentsEndpointToFetch:d,onAttachmentClick:m=>{Vr(m.id,C,t.transaction),en(m.id)},onUploadAttachment:(m,T,k,ae)=>{an(),Pr(C,t.transaction,T,m.type),async function(be,G,Ne,Me,V,z){xt([z.toString()]),await vo(be,G,Ne,Me,V).then(({uploadResponse:p})=>{if(p!=null&&t.transaction!==void 0){const F=p.transaction.attachments;Array.isArray(F)&&F[0]!=null?(Jt([go(F[0])]),M(p.transaction)):console.warn("Upload attachment response has no attachments; skipping update.")}}),xt(ii(Xt,p=>p==z.toString()))}(c,u,m,T,k,ae)},isTransactionCommentingEnabled:I,entityId:x})]}),!Kt&&n.jsx(Gl,{sectionId:ue,linkedTransactions:t.linkedTransactions,onTransactionClick:_}),Qi&&n.jsx(wo,{firstMonthOfFY:e,trendWithTransactionsReport:g,isDetailPage:!0,graphColor:Zi,page:"TransactionDetailPage",onTimePeriodChange:(m,T)=>{Ar(m,C,T,g?.trendReport?.entity,t.transaction),S?.(T)},onTransactionItemClick:_})]}):n.jsx(ja,{})}),ee.formState.isDirty&&Object.keys(ee.formState.dirtyFields).length>0||ve?.id!==Ke?.id||ve?.name!==Ke?.name||Je?.id!==Ze?.id||Je?.name!==Ze?.name?n.jsx(Oa,{formId:Ci(ni),primaryBtn:{label:Xn.save,isLoading:It==="In-Progress"||E==="In-Progress",style:{width:Ii.buttonWidth.value(Et)},isDisabled:!1},cancelBtn:{label:Xn.cancel,style:{width:Ii.buttonWidth.value(Et)},onClick:()=>{ee.reset(),B?.()}},topComponent:Er(t,b)===!0?Rr(ft,t):null}):null]})})}),et?n.jsx(La,{isDrawerOpen:Lt,allowComposer:!0,drawerTitle:Yi,threads:vt,filter:q,autoExpand:!0,autoFocus:!1,isLoading:tt,textOverrides:{composerPlaceholder:Jn.addANewComment,replyComposerPlaceholder:Jn.replyAComment,threadResolve:Zn.resolveComment,threadUnResolve:Zn.unResolveComment},threadMetadata:_e,onThreadClick:Pe,onCloseAllThreadsDrawer:()=>Xe(!1),drawerSectionStyle:{width:Et==="small"?"100%":"400px",boxSizing:Et==="small"?"border-box":"content-box",backgroundColor:ft.colors.background},collapsibleThreadStyle:{width:Et==="small"?"100%":"360px"}}):null]})})}function hd(e){const t=e.transactionDetail.transaction?.id;if(e.isTransactionCommentingEnabled!==!0||t==null||e.companyId==null)return n.jsx($i,{...e});const a=`dashboard_${e.companyId}`,d=Ti(t);return n.jsx(sa,{roomId:a,filter:{application:"dashboard",companyId:e.companyId,entityId:d,tab:"transaction",isGlobalComment:!1},children:n.jsx($i,{...e})})}const Er=(e,t)=>{const{vendorUpdates:a,vendorDetails:d}=e.transactionDetailLocalData,c=Hi(e.transactionDetailLocalData);return d?.id!=null&&a?.id!=null&&d.id!==a.id||d?.id!=null&&a?.id!=null&&d.name!==a.name||t&&c},Rr=(e,t)=>{const{vendorUpdates:a,vendorDetails:d}=t.transactionDetailLocalData,c=d?.id!=null&&d.id!==a?.id,o=Hi(t.transactionDetailLocalData),r=t.transactionDetailLocalData.latestSelectedEntityOnLineItem;return n.jsxs(_r,{children:[o&&r!=null?n.jsx(si,{style:{width:"auto"},label:{label:n.jsxs(Pn,{children:[de.common.texts.update,de.common.strings.space,r.type,de.common.strings.space,de.common.texts.name.toLocaleLowerCase(),de.common.strings.space,n.jsx(rn,{children:n.jsx(_t,{children:r.name})}),de.transactionDetail.footer.forAllLineItems]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.isVendorUpdateAllChecked??!1,name:mt,checkBoxValue:mt}}):c===!0?n.jsx(si,{style:{width:"auto"},label:{label:n.jsxs(Pn,{children:[de.transactionDetail.footer.allTransactions,n.jsx(rn,{children:n.jsx(_t,{children:t.transactionDetailLocalData.vendorDetails?.name??de.common.strings.empty})}),de.transactionDetail.footer.willUpdate,n.jsx(rn,{children:n.jsx(_t,{children:t.transactionDetailLocalData.vendorUpdates?.name??de.common.strings.empty})}),de.transactionDetail.footer.postBookCloseData,`${t?.transaction?.bookCloseDate?.format(de.dateFormat.visual.MMMDCommaYYYYformat)}
+           .`]}),style:{color:e.colors.primary}},checkBoxField:{defaultChecked:t.transactionDetailLocalData.updatePreviousTransactionsWithUpdatedVendor??!1,name:ut,checkBoxValue:ut}}):n.jsxs(Pn,{children:[de.transactionDetail.footer.allTransactions,n.jsx(rn,{children:n.jsx(_t,{children:d?.name??de.common.strings.empty})}),de.transactionDetail.footer.willUpdate,n.jsx("q",{children:n.jsx(_t,{children:a?.name??de.common.strings.empty})})]}),n.jsx(Nr,{})]})},Hi=e=>e.latestSelectedEntityOnLineItem!=null&&e.latestSelectedEntityOnLineItem.type==="vendor",Kn=e=>Gt(e)!==!0&&bo(e)!==!0||e.customer==null?Ht(e)===!0&&e.vendor!=null?e.vendor?.name??"":e.memo??e.type:e.customer?.name??"",Gi=e=>{const t=[],a=[],d=[],c=[];return e.lines?.forEach(o=>{switch(o.type){case"transaction_with_account_and_class_line":case"transaction_with_product_or_service_line":case"journal_entry_transaction_line":{t.push(o.account.accountId),a.push(o.account.accountName);const r=o.class.className;r!==""&&(c.push(r),d.push(o.class.classId??""));break}}}),{accountIds:t,accountNames:a,classIds:d,classNames:c}},Ar=(e,t,a,d,c)=>{if(e==="Chart"&&a!=null&&d!=null&&c!=null){const{accountIds:o,accountNames:r,classIds:s,classNames:b}=Gi(c),u=Kn(c);t?.trackSpendIncomeTrendForTransaction(d.type==="vendor"?_n.Event.spendTrend:_n.Event.incomeTrend,"Transaction Details",c.id,c.type,u,o,r,s,b,a?.addTimePeriod.startDate.format(de.dateFormat.analytics.MMMYYFormat))}e==="TransactionListLoadMore"&&t?.trackTransactionList(c?.account?.accountId,c?.account?.accountName,"Transaction Details",void 0,void 0,!0)},Vr=(e,t,a)=>{if(a!=null){const{accountIds:d,accountNames:c}=Gi(a);t?.trackTransactionDetailReceipt(_n.Event.transactionDetailReceiptOpened,e,a.id,Kn(a),a.type,d,c)}},Pr=(e,t,a,d)=>{t!=null&&e?.trackTransactionDetailReceiptUpload(t.account?.accountId,t.account?.accountName,t.id,Kn(t),t.type,t.memo,a,d?.split("/")[1])},ot=(e,t,a,d)=>{const c=e.selectedEntity,o=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"),r=Object.keys(e.lineItemById)[0];return{[ue]:o?.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,[he]:{selectedOption:s?.account?.qboId??s?.account?.accountId,allOptions:Li(t,s.recommendationsWithCOT)},[me]:{selectedOption:s?.class?.classId,allOptions:Oi(a,s.recommendationsWithCOT)},[hn]:s?.lineDescription,[se]:{selectedOption:s.lineEntity?.qboId??s.lineEntity?.id??s.lineEntity?.name??"",defaultOptions:Sa(s,d)},[cn]:s.lineEntity,[Bt]:s?.recommendedAccount,[Ut]:s?.recommendedClass,[Tt]:s?.isRecommendedCategorySelected,[rt]:s?.isRecommendedClassSelected,[Mt]:s?.retainedAccount,[Nt]:s?.retainedClass,[lt]:s?.isRetainedCategorySelected,[st]:s?.isRetainedClassSelected,[Ge]:s?.isUpdateAllChecked,[De]:s?.isCategoryUpdateSelected,[Te]:s?.isClassUpdateSelected,[ji]:s?.recommendationsWithCOT})),[dt]:e?.memo,[$t]:{selectedOption:c?.qboId??c?.id??c?.name,defaultOptions:Di(d,c,e.lineItemById[r]?.recommendationsWithCOT)},[ut]:e.updatePreviousTransactionsWithUpdatedVendor,[mt]:e.isVendorUpdateAllChecked}},Vn=(e,t,a,d,c,o,r,s,b,u)=>{const g={};return g.memo=e[dt],g.vendorUpdates=r?.vendorUpdates,g.vendorDetails=r?.vendorDetails,g.customerUpdates=r?.customerUpdates,g.customerDetails=r?.customerDetails,g.selectedEntity=r?.selectedEntity,g.updatePreviousTransactionsWithUpdatedVendor=r?.updatePreviousTransactionsWithUpdatedVendor,g.latestSelectedEntityOnLineItem=s??r?.latestSelectedEntityOnLineItem,g.latestUpdatedLineWithEntity=b??r?.latestUpdatedLineWithEntity,r!=null&&(g.isVendorUpdateAllChecked=u??r.isVendorUpdateAllChecked,g.vendorBulkUpdateCategoryClassRecommendationsFetchStatus=r?.vendorBulkUpdateCategoryClassRecommendationsFetchStatus),g.lineItemById=e.lineInfo.reduce((C,f)=>{const E=f[me].selectedOption,w=f[he].selectedOption,v=f[se].selectedOption,{customerInfo:I,vendorInfo:L}=Ea(f,v,o,d.entityAutoCompleteView),R=I??L;return{...C,[f.id]:{...f,id:f.id,customer:R!=null&&R.type==="customer"?I:void 0,vendor:R!=null&&R.type==="vendor"?L:void 0,lineDescription:f[hn],lineEntity:R,isRecommendedCategorySelected:f[Tt],isRecommendedClassSelected:f[rt],isCategoryUpdateSelected:f[De],isClassUpdateSelected:f[Te],isRetainedCategorySelected:f[lt],isRetainedClassSelected:f[st],isUpdateAllChecked:c!==!0&&f[Ge],class:E!=null?a.classes.find(h=>h.classId===E):void 0,account:w!=null?t.accounts.find(h=>h.qboId===w):void 0,recommendedAccount:f[Bt],recommendedClass:f[Ut],retainedAccount:f[Mt],retainedClass:f[Nt],recommendationsWithCOT:f[ji]}}},{}),g},_r=l.div`
+  display: flex;
+  width: fit-content;
+  column-gap: ${i.sp2};
+  align-items: center;
+  &:hover {
+    div:first-of-type {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Pn=l(xn)`
+  color: ${e=>e.theme.colors.primary};
+`,_t=l(Si)``,Nr=l(Fa)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+`,rn=l.q``;export{hd as default,Ci as uniqueName};