@zeniai/web-cockpit-ui 1.15.67-dev → 1.15.68-dev

package/dist/assets/TransactionDetailPage-1-mLOWSz-D2-6FnXF.js

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