@zeniai/web-cockpit-ui 1.14.22-qa → 1.14.23-dev

package/dist/assets/TransactionDetailPage-BUP-dxVE-Bluz2ZEA.js

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