@zeniai/web-cockpit-ui 1.14.24-dev → 1.14.25-dev

package/dist/assets/TransactionDetailPage-6PT_A8cy-BA99-Eyl.js

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