@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/TransactionDetailPage-C7wPASNo-BTqu7QgN.js

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