@zeniai/web-app-ui 4.14.38-dev → 4.14.39-dev

package/dist/assets/TransactionDetailPage-1-mLOWSz-rzQ235mE.js

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