@zeniai/web-cockpit-ui 1.15.30-qa → 1.15.31-dev

package/dist/assets/TransactionDetailPage-NZEjiM1T-0AsyLNKc.js

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