@zeniai/web-cockpit-ui 1.14.35-prod → 1.14.36-dev

package/dist/assets/TransactionDetailPage-y3Jwxln6-CGGNkWbu.js

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