@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/TransactionDetailPage-D0_Tjv5D-BbvOSya5.js

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