@zeniai/web-components 3.16.99 → 3.17.1

package/dist/TransactionDetailPage-BBMVspLJ.cjs

@@ -0,0 +1,912 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),R=require("react"),a=require("@emotion/styled"),At=require("@zeniai/client-analytics"),se=require("@zeniai/client-epic-state"),e=require("./index-oPmOjv0R.cjs"),Mt=require("./LabeledControlledCheckBoxField-f5HiUa_4.cjs"),An=require("./TrendWithTransactions-BRne_XkH.cjs"),wt=require("./uploadAttachment-doSiWc8l.cjs"),Dn=require("./radio-default-DMFqASmF.cjs"),Vn={headerMarginTop:new e.ResponsiveSized(e.sp[7],e.sp[8])},Pn=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,Un=a(e.StandardRegular)`
+  margin-right: ${e.Space.sp1};
+`,_n=a.div`
+  cursor: default;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+    cursor: pointer;
+  }
+`,Nn=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin: ${t=>`${Vn.headerMarginTop.valuePx(t.windowSize)} ${e.Space.sp0} ${e.Space.sp3}`};
+`,Bn=({title:t,amount:n,onHeaderClick:s})=>{const l=e.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(Nn,{windowSize:l,children:[o.jsxRuntimeExports.jsxs(_n,{"data-testid":e.generateDataTestId("header-title-box"),onClick:()=>{s?.()},children:[o.jsxRuntimeExports.jsx(Un,{children:t}),o.jsxRuntimeExports.jsx(e.SvgArrowRight,{width:e.Space.sp3,height:e.Space.sp3})]}),o.jsxRuntimeExports.jsx(Pn,{children:e.amountToString("0,0.00",n)})]})},Wn=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,Mn=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.primary};
+`,Fn=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: ${e.Space.sp3};
+`,qn=({title:t,value:n})=>o.jsxRuntimeExports.jsxs(Fn,{children:[o.jsxRuntimeExports.jsx(Wn,{children:t}),o.jsxRuntimeExports.jsx(Mn,{children:n})]}),Hn=a.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${e.Space.sp0} ${e.Space.sp4} ${e.Space.sp3} ${e.Space.sp4};
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+`,Gn=({values:t})=>o.jsxRuntimeExports.jsx(Hn,{children:t.map((n,s)=>o.jsxRuntimeExports.jsx(qn,{title:n.title,value:n.value},s))}),Yn=a.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`;function Jn({transaction:t,onTransactionClick:n}){const s=cn(t);return o.jsxRuntimeExports.jsxs(Yn,{children:[o.jsxRuntimeExports.jsx(Bn,{title:t.typeName??"",amount:t.amount,onHeaderClick:()=>{n?.(t)},"data-testid":e.generateDataTestId("transaction-line-linked-transaction-header")}),o.jsxRuntimeExports.jsx(Gn,{values:s})]})}function cn(t){const n=[],s=e.appLocale.getLocalizedStrings().transactionDetail.transactionLabels,l=i=>i.format(e.appLocale.getLocalizedStrings().dateFormat.visual.DMMMYYFormat),d=i=>e.amountToString("0,0.00",i);if(se.isCustomerTransaction(t)){const i=t;switch(i.type){case"invoice":n.push({title:s.invoice.invoiceNo,value:i.documentId??"-"}),n.push({title:s.invoice.invoiceDate,value:l(i.date)}),n.push({title:s.invoice.origionalAmount,value:d(i.amount)}),n.push({title:s.invoice.balanceDue,value:i.balance!=null?d(i.balance):"-"});break;case"credit_memo":n.push({title:s.creditMemo.creditMemoNo,value:i.documentId??"-"}),n.push({title:s.creditMemo.creditMemoDate,value:l(i.date)});break;case"sales_receipt":n.push({title:s.salesReceipt.salesReceiptNo,value:i.documentId??"-"}),n.push({title:s.salesReceipt.salesReceiptDate,value:l(i.date)}),n.push({title:s.salesReceipt.paymentMethod,value:i.paymentMethodName??"-"}),n.push({title:s.salesReceipt.depositedTo,value:i.account?.accountName??"-"});break;case"delayed_credit":n.push({title:s.delayedCredit.delayedCreditNo,value:i.documentId??"-"}),n.push({title:s.delayedCredit.delayedCreditDate,value:l(i.date)});break;case"refund":n.push({title:s.refund.refundReceiptNo,value:i.documentId??"-"}),n.push({title:s.refund.refundReceiptDate,value:l(i.date)}),n.push({title:s.refund.refundFrom,value:i.account?.accountName??"-"}),n.push({title:s.refund.paymentMethod,value:i.paymentTypeName??"-"});break;case"payment":n.push({title:s.receivePayment.depositedTo,value:i.account?.accountName??"-"}),i.paymentMethodName!=null&&n.push({title:s.receivePayment.paymentMethod,value:i.paymentMethodName}),n.push({title:s.receivePayment.paymentDate,value:l(i.date)}),n.push({title:s.receivePayment.referenceNo,value:i.documentId||"-"});break;default:console.error(`Unrecognised customer transaction type ${i.type}`);break}}else if(se.isVendorTransaction(t)){const i=t;switch(i.type){case"expense":n.push({title:s.expense.paymentAc,value:i.account?.accountName??"-"}),n.push({title:s.expense.paymentMethod,value:i.paymentTypeName??"-"}),n.push({title:s.expense.paymentDate,value:l(i.date)});break;case"check":n.push({title:s.check.bankAc,value:i.account?.accountName??"-"}),n.push({title:s.check.paymentDate,value:l(i.date)});break;case"bill":n.push({title:s.bill.billDate,value:l(i.date)}),n.push({title:s.bill.billNo,value:i.documentId||"-"}),n.push({title:s.bill.dueDate,value:i.dueDate!=null?l(i.dueDate):"-"});break;case"bill_payment":case"vendor_credit":case"credit_card_credit":n.push({title:s.billPayment.paymentDate,value:l(i.date)}),n.push({title:s.billPayment.bankOrCreditAc,value:i.account?.accountName??"-"}),n.push({title:s.billPayment.referenceNo,value:i.documentId!=null&&i.documentId.length>0?i.documentId:"-"});break;default:console.error(`Unrecognised vendor transaction type ${i.type}`);break}}else if(se.isTransferTransaction(t)){const i=t;switch(i.type){case"transfer":n.push({title:s.transfer.transferFundsFrom,value:i.fromAccount.accountName}),n.push({title:s.transfer.transferFundsTo,value:i.toAccount.accountName}),n.push({title:s.transfer.date,value:l(i.date)});break;case"credit_card_payment":n.push({title:s.creditCardPayment.paidForCreditCard,value:i.toAccount.accountName}),n.push({title:s.creditCardPayment.payee,value:i.payee?.payeeName??"-"}),n.push({title:s.creditCardPayment.amountPaid,value:d(i.amount)}),n.push({title:s.creditCardPayment.paymentDate,value:l(i.date)}),n.push({title:s.creditCardPayment.paymentMethod,value:i.fromAccount.accountName});break}}else switch(t.type){case"deposit":n.push({title:s.deposit.account,value:t.account?.accountName??"-"}),n.push({title:s.deposit.date,value:l(t.date)});break;case"journal_entry":n.push({title:s.journalEntry.journalDate,value:l(t.date)});break;default:console.error(`Unrecognised transaction type ${t.type}`);break}return n}const Ft={autocompleteEmptyPaddingTop:new e.ResponsiveSized(0,e.sp[1]),autocompleteEmptyPaddingBottom:new e.ResponsiveSized(0,e.sp[1])},Qn=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: ${t=>Ft.autocompleteEmptyPaddingTop.valuePx(t.windowSize)};
+  padding-right: ${e.Space.sp3};
+  padding-bottom: ${t=>Ft.autocompleteEmptyPaddingBottom.valuePx(t.windowSize)};
+  padding-left: ${e.Space.sp0};
+`,Zn=a(e.SvgQueryRound)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  margin: ${e.Space.sp3} ${e.Space.sp3} ${e.Space.sp3} ${e.Space.sp0};
+  color: ${t=>t.theme.colors.hero};
+  overflow: visible;
+`,Xn=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,Kn={selectFieldInput:new e.ResponsiveSizedStyle("smallRegular","standardRegular")},eo=({name:t,registerOptions:n,defaultValue:s,isDisabled:l,style:d,placeholder:i,valueToInfo:p,valueToId:r,customStyleConfig:c,showDownChevronWithValue:g,allowEmpty:f=!0,menuPortal:$,disableCurrentOption:y,loadOptions:v,getStyles:C})=>{const{control:T,formState:{errors:m}}=o.useFormContext(),I=o.useTheme(),z=o.has(m,t??""),L=R.useCallback(S=>({value:S.value,label:S.label,info:p?.(S.value)??"",id:r?.(S.value)??null,isDisabled:S.isDisabled,additionalNote:S?.additionalNote,isOptionRecommended:S.isOptionRecommended}),[p,r]),P=S=>S?.map(U=>({label:U.label,options:U.options?.map(M=>L(M))})),N=S=>{if(S==null||!S)return;let U=[];return s.defaultOptions.forEach(M=>{U=U.concat(M.options)}),{value:S,label:U.find(M=>M.value===S)?.label??S,info:p?.(S)??""}},b={...c,container:(S,U)=>({...S,width:"100%",...d,...C?.(U.selectProps.menuIsOpen)}),menu:S=>({...S,backgroundColor:I.colors.grey5,borderRadius:e.Space.sp1,boxShadow:`${e.Space.sp0} 2px ${e.Space.sp2} ${I.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0}),menuList:S=>({...S,borderRadius:e.Space.sp1})},E={hasError:z,showDownChevronWithValue:g},A=e.appLocale.getLocalizedStrings().autoComplete,B=e.useWindowSizeContext(),O=S=>S.inputValue.trim().length<2?null:o.jsxRuntimeExports.jsxs(Qn,{windowSize:B,children:[o.jsxRuntimeExports.jsx(Zn,{}),o.jsxRuntimeExports.jsx(Xn,{children:A.input.noMatches})]}),H=(S,U)=>{v?.(S,U)},ne=R.useRef(o.debounce((S,U)=>H(S,U),500,{trailing:!0})).current,X=(S,U)=>{if(S.trim().length<2)return U([]);ne(S,U)};return o.jsxRuntimeExports.jsx(o.Controller,{name:t,control:T,defaultValue:s,rules:n,"data-testid":e.generateDataTestId(t,"auto-complete-grouped-single-select-field"),render:({field:{onChange:S,onBlur:U,value:M,ref:re}})=>{const pe=M;return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsx(o.AsyncSelect$1,{...E,"data-testid":e.generateDataTestId(t,"auto-complete-grouped-single-select-field-async-select"),ref:re,cacheOptions:!1,isMulti:!1,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:i,noOptionsMessage:O,value:N(pe.selectedOption),defaultOptions:P(pe.defaultOptions),loadOptions:X,onChange:ee=>{ee==null||ee?.value!=null&&pe?.selectedOption===ee.value?f===!0&&S({selectedOption:void 0,defaultOptions:pe.defaultOptions}):S({selectedOption:ee.value,defaultOptions:pe.defaultOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"auto-complete-grouped-single-select-field",onBlur:U,menuPlacement:"auto",menuPortalTarget:$,maxMenuHeight:288,menuShouldScrollIntoView:!0,closeMenuOnSelect:!0,components:{Control:to,Option:lo,Input:oo,Group:so,GroupHeading:io,SingleValue:ee=>ao(ee),ValueContainer:no,DropdownIndicator:$o,IndicatorSeparator:Eo,Placeholder:ro,ClearIndicator:Io},hideSelectedOptions:!1,styles:b,isDisabled:l!=null,isOptionDisabled:ee=>y?.(ee.value)??!1})})}})},to=t=>{const{menuIsOpen:n,isFocused:s,isDisabled:l,selectProps:d,data:i,options:p}=t,{value:r,hasError:c}=d;let g=[];p.forEach(y=>{g=g.concat(y.options)});const f=g.find(y=>y.value===i?.value),$=e.useWindowSizeContext();return o.jsxRuntimeExports.jsx(co,{windowSize:$,menuIsOpen:n,isFocused:s,isDisabled:l,selectedValue:r,hasError:c,isRecommended:f?.isOptionRecommended,children:o.jsxRuntimeExports.jsx(o.components.Control,{...t,className:"select-control",children:t.children})})},no=t=>{const{selectProps:n,children:s}=t,{showDownChevronWithValue:l}=n;return o.jsxRuntimeExports.jsxs(o.components.ValueContainer,{...t,className:"select-value-container",children:[s,l===!0?o.jsxRuntimeExports.jsx(e.StandardRegular,{children:o.jsxRuntimeExports.jsx(po,{})}):null]})},oo=t=>{const{selectProps:n}=t,{placeholder:s,value:l}=n;return o.jsxRuntimeExports.jsx(o.components.Input,{...t,autoComplete:"new-password",placeholder:l==null?s:void 0,children:t.children})},so=t=>o.jsxRuntimeExports.jsx(o.components.Group,{...t,children:t.children}),io=t=>{const[n,s]=R.useState(!0);return o.jsxRuntimeExports.jsx(fo,{className:"group-heading-container",isGroupOpen:n,onClick:()=>s(!n),children:o.jsxRuntimeExports.jsxs(o.components.GroupHeading,{...t,children:[t.children,o.jsxRuntimeExports.jsx(So,{isGroupOpen:n,children:o.jsxRuntimeExports.jsx(Ro,{className:"close-tick-icon"})})]})})},ao=({children:t,...n},s)=>{const l=t;return o.jsxRuntimeExports.jsx(o.components.SingleValue,{...n,children:l})},ro=()=>null,lo=t=>{const{data:n,isSelected:s,options:l,isDisabled:d,isFocused:i}=t;let p=[];l.forEach(c=>{p=p.concat(c.options)});const r=p.find(c=>c.value===n.value);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(uo,{className:"select-option-wrapper",isFocused:i,isSelected:s,isDisabled:d,isOptionRecommended:r?.isOptionRecommended===!0,showBottomBorder:r?.additionalNote==null||r?.isOptionRecommended===!1,children:o.jsxRuntimeExports.jsx(o.components.Option,{...t,className:"select-option","data-testid":e.generateDataTestId("option",n.value),children:o.jsxRuntimeExports.jsxs(mo,{children:[o.jsxRuntimeExports.jsxs(yo,{isSelected:s,children:[o.jsxRuntimeExports.jsx(xo,{isSelected:s,isDisabled:d,children:t.label}),i===!0&&r?.id!=null&&o.jsxRuntimeExports.jsx(wo,{children:r.id}),i===!0&&r?.info?o.jsxRuntimeExports.jsx(go,{isSelected:!!s,children:r?.info}):null]}),r?.isOptionRecommended===!0?o.jsxRuntimeExports.jsx(vo,{}):null,s&&r?.additionalNote==null?o.jsxRuntimeExports.jsxs(Co,{children:[o.jsxRuntimeExports.jsx(jo,{className:"right-tick-icon"}),o.jsxRuntimeExports.jsx(bo,{className:"close-tick-icon"})]}):null]})})}),r?.isOptionRecommended===!0&&r.additionalNote!=null?o.jsxRuntimeExports.jsx(ho,{isSelected:s,isDisabled:d,children:r?.additionalNote}):null]})};a.div`
+  position: relative;
+  display: none;
+`;a.div`
+  position: absolute;
+  background: ${e.lightColors.primary};
+  color: ${e.lightColors.grey5};
+  padding: ${e.Space.sp3};
+  border-radius: ${e.Space.sp1};
+  top: -60px;
+  right: 20px;
+  opacity: 0.85;
+  pointer-events: none;
+`;a.span`
+  position: absolute;
+  top: 55px;
+  left: 85%;
+  border-width: ${e.Space.sp2};
+  border-style: solid;
+  border-color: ${e.lightColors.primary} transparent transparent transparent;
+`;const co=a.span`
+  width: 100%;
+  background-color: ${t=>t.hasError?e.Colors.importantLight:t.menuIsOpen?t.theme.colors.background:t.theme.colors.grey5};
+  border-radius: ${e.Space.sp1};
+  cursor: ${t=>t.isDisabled?"not-allowed":"pointer"};
+  .select-control {
+    border: none;
+    height: ${e.Space.sp6};
+    background-color: inherit;
+    &:hover {
+      fill: ${t=>t.theme.colors.primary};
+      background-color: ${t=>t.isDisabled?t.theme.colors.grey5:t.hasError?e.Colors.importantLight:t.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: ${t=>t.menuIsOpen===!1?"flex-end":"flex-start"};
+    .auto-complete-grouped-single-select-field__single-value {
+      display: flex;
+      color: ${t=>t.hasError?e.Colors.important:t.theme.colors.primary};
+      ${t=>`${Kn.selectFieldInput.style(t.windowSize)}`};
+    }
+
+    .auto-complete-grouped-single-select-field__input-container {
+      display: flex;
+      width: ${t=>t.menuIsOpen===!1&&t.selectedValue!=null?e.Space.sp0:"100%"};
+      position: ${t=>t.isFocused===!1&&t.selectedValue==null?"initial":"absolute"};
+      ${e.textStyles.standardRegular.css};
+      color: ${t=>t.theme.colors.primary};
+      margin: ${e.Space.sp0};
+      cursor: inherit;
+
+      > input {
+        text-align: ${t=>t.isFocused===!1&&t.selectedValue==null?"right":"initial"};
+        align-items: center;
+        overflow: hidden;
+        cursor: inherit;
+        :disabled {
+          visibility: visible;
+        }
+        ::placeholder {
+          color: ${t=>t.hasError?e.Colors.important:t.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 ${t=>t.theme.colors.grey3};
+      }
+    }
+  }
+`,po=a(e.SvgArrowFilledBottom)`
+  width: 12px;
+  height: 12px;
+  color: ${t=>t.theme.colors.hero};
+  padding-right: 12px;
+`,uo=a.div`
+  border-bottom: ${t=>t.showBottomBorder===!0?"inherit":"none"} !important;
+  .select-option {
+    ${e.textStyles.smallRegular.css};
+    height: ${e.Space.sp6};
+    padding: 9px ${e.Space.sp3};
+    color: ${t=>t.isSelected||t.isOptionRecommended?t.theme.colors.primary:t.theme.colors.hero};
+    opacity: ${t=>t.isDisabled?.32:1};
+    background-color: ${t=>t.isSelected?t.theme.colors.background:t.theme.colors.grey5};
+    ${t=>t.isFocused&&`background-color: ${t.theme.colors.background}`};
+
+    cursor: ${t=>t.isDisabled?"not-allowed":"pointer"};
+    border-top: none;
+
+    .close-tick-icon {
+      display: none;
+    }
+    &:hover {
+      background-color: ${t=>t.isDisabled?t.theme.colors.grey5:t.theme.colors.background};
+      color: ${t=>t.isDisabled?t.theme.colors.champion:t.theme.colors.primary};
+      .right-tick-icon {
+        display: none;
+      }
+      .close-tick-icon {
+        display: inline-block;
+      }
+    }
+  }
+`,mo=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,xo=a.label`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${t=>t.isDisabled?"not-allowed":"pointer"};
+  ${t=>t.isSelected&&"cursor: default"};
+`,ho=a(e.ExtraSmallRegular)`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: ${t=>t.theme.colors.grey1};
+  padding: 9px ${e.Space.sp3};
+  border-bottom: 1px solid ${t=>t.theme.colors.grey3};
+`,go=a.div`
+  display: flex;
+  color: ${t=>t.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: flex-end;
+  margin: 0 ${e.Space.sp3};
+  margin-right: ${t=>t.isSelected?e.Space.sp3:e.Space.sp5};
+`,yo=a.div`
+  width: ${t=>t.isSelected?`calc(100% - ${e.Space.sp3})`:"100%"};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,fo=a(e.SmallMedium)`
+  display: flex;
+  color: ${t=>t.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  margin-bottom: ${e.Space.sp1};
+  ~ div .select-option-wrapper {
+    display: ${t=>t.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 ${e.Space.sp3};
+    margin-bottom: ${e.Space.sp0};
+    width: 100%;
+    justify-content: space-between;
+  }
+`,So=a.div`
+  display: flex;
+  margin-left: ${e.Space.sp2};
+  transform: ${t=>t.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,Ro=a(e.SvgArrowBottom)`
+  width: 12px;
+  height: 12px;
+  color: ${t=>t.theme.colors.primary};
+`,Co=a.div`
+  display: flex;
+`,jo=a(e.SvgTick)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  margin-left: ${e.Space.sp1};
+  color: ${t=>t.theme.colors.primary};
+`,bo=a(e.SvgClose)`
+  width: 12px;
+  height: 12px;
+  color: ${t=>t.theme.colors.primary};
+`,vo=a(e.SvgAutofill3)`
+  color: ${t=>t.theme.colors.primary};
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,wo=a.div`
+  display: flex;
+  color: ${t=>t.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: flex-end;
+  padding: 1px 6px;
+  height: 20px;
+  border: 1px solid ${t=>t.theme.colors.primary};
+  border-radius: ${e.Space.sp1};
+  margin: 0 ${e.Space.sp5} 0 ${e.Space.sp3};
+`,$o=()=>null,Eo=()=>null,Io=()=>null,{common:{strings:{empty:lt}}}=e.appLocale.getLocalizedStrings(),Se={width:new e.ResponsiveSized(343,580,726),height:new e.ResponsiveSized(e.sp[6],e.sp[6]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[4],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2])},To={infoLabel:new e.ResponsiveSizedStyle("extraSmallRegular","smallRegular")},Lo=({isRecommendedSelected:t,hasRecommendations:n,isTooltipVisible:s=!1})=>n?t?s?o.jsxRuntimeExports.jsx(Wo,{}):o.jsxRuntimeExports.jsx(Bo,{}):s?o.jsxRuntimeExports.jsx(No,{}):o.jsxRuntimeExports.jsx(_o,{}):null,Oo=({children:t})=>o.jsxRuntimeExports.jsx(Po,{children:t});function zo({isDisabled:t,label:n,autoCompleteGroupedSingleSelectField:s,style:l,controlWidth:d,additionalLabelInfo:i,valueToAdditionalLabel:p,disableCurrentOption:r,fullWidthSelect:c=!0,cotData:g,hasRecommendations:f,isRecommendedSelected:$,isCOTEnabled:y,pageSource:v,transactionStatus:C,type:T,openTooltipId:m,setOpenTooltipId:I,onCOTView:z}){const L=e.useWindowSizeContext(),{formState:{errors:P}}=o.useFormContext(),N=o.has(P,s.name),b=R.useMemo(()=>s.name,[s.name]),E=m===b,B=e.useToolkitContext().analytics,O=R.useCallback(()=>{I(b);const ne=g?.recommendations[0]?.cot??[],X=g?.recommendations[1]?.cot??[],S=ne.length>0,U=X.length>0;if(B.trackTransactionCotView({recommendationFor:T,currentValue:g?.existingOption.label??lt,recommendation:g?.recommendations[0]?.name??lt,recommendationCot:ne,isRecommendationCotAvailable:S,recommendationReason:g?.recommendations[0]?.reason??lt,recommendationConfidencePercentage:g?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:e.toConfidenceLevelType(e.getConfidenceLevel(g?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:g?.recommendations[1]?.name??lt,alternativeRecommendationCot:X,isAlternativeRecommendationCotAvailable:U,alternativeRecommendationReason:g?.recommendations[1]?.reason??lt,alternativeRecommendationConfidencePercentage:g?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:U?e.toConfidenceLevelType(e.getConfidenceLevel(g?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:C,transactionPage:v}),z!=null){const M=e.getCOTRecommendationSourceToTrack(g);M!=null&&z(T,M)}},[I,b,g,B,T,C,v,z]),H=R.useCallback(()=>{m===b&&I(void 0)},[m,b,I]);return o.jsxRuntimeExports.jsxs(ko,{size:L,style:l,isDisabled:t!=null,controlWidth:d,"data-testid":e.generateDataTestId("labeled-auto-complete-grouped-single-select-field-with-cot",s.name),isError:N,children:[o.jsxRuntimeExports.jsx(e.Label,{isDisabled:t,label:n.label,htmlFor:s.name,style:{marginLeft:Se.labelMarginLeft.value(L),marginRight:Se.labelMarginRight.value(L),marginTop:Se.labelMarginTop.value(L),width:n.width??"auto"}}),o.jsxRuntimeExports.jsxs(Ao,{fullWidthSelect:c,labelWidth:n.width,children:[o.jsxRuntimeExports.jsxs(Do,{children:[f&&y?o.jsxRuntimeExports.jsx(Oo,{children:g?o.jsxRuntimeExports.jsx(e.Tooltip,{variant:"chain-of-thought",data:g,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:E,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:O,onClose:H,children:o.jsxRuntimeExports.jsx(Uo,{children:o.jsxRuntimeExports.jsx(Lo,{isRecommendedSelected:$,hasRecommendations:f,isTooltipVisible:E})})}):null}):null,o.jsxRuntimeExports.jsx(eo,{...s,placeholder:s.placeholder??e.appLocale.getLocalizedStrings().autoComplete.input.default,style:{display:"flex",flexGrow:1,width:"100%",height:Se.controlHeight.value(L),cursor:"inherit",...s?.style?s?.style:{}},additionalLabelInfo:i,disableCurrentOption:r})]}),s.defaultValue.selectedOption!=null?o.jsxRuntimeExports.jsx(Vo,{size:L,isError:N,children:p?.(s.defaultValue.selectedOption)}):null]})]})}const ko=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  background-color: ${t=>t.theme.colors.grey5};
+  width: ${t=>t.controlWidth!==null?t.controlWidth:Se.width.valuePx(t.size)};
+  min-height: ${t=>Se.height.valuePx(t.size)};
+  padding-right: ${t=>Se.marginRight.valuePx(t.size)};
+  padding-top: ${t=>Se.paddingTopBottom.valuePx(t.size)};
+  padding-bottom: ${t=>Se.paddingTopBottom.valuePx(t.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 ${t=>t.theme.colors.primary};
+    .select-control {
+      background-color: ${t=>t.isError?e.Colors.importantLight:t.theme.colors.background};
+    }
+  }
+
+  .select-control {
+    background-color: ${t=>t.isError?e.Colors.importantLight:t.theme.colors.grey5};
+  }
+  &:hover {
+    z-index: 1;
+    outline: ${t=>t.isDisabled===!0?"none":`1px solid ${t.theme.colors.primary}`};
+    .select-control {
+      background-color: ${t=>t.isDisabled===!0?t.theme.colors.grey5:t.isError?e.Colors.importantLight:t.theme.colors.background};
+    }
+  }
+`,Ao=a.div`
+  display: flex;
+  flex-direction: column;
+  width: ${t=>t.fullWidthSelect===!0?t.labelWidth!=null?`calc(100% - ${t.labelWidth}px)`:"auto":"50%"};
+  align-items: flex-end;
+  flex-grow: ${t=>t.fullWidthSelect===!0?1:"unset"};
+  position: relative;
+`,Do=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  justify-content: flex-end;
+`,Vo=a.label`
+  color: ${t=>t.isError?e.Colors.important:t.theme.colors.grey1};
+  ${t=>`${To.infoLabel.style(t.size)}`};
+  padding-right: ${e.Space.sp3};
+  text-align: right;
+`,Po=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${e.Space.sp5};
+  margin-left: ${e.Space.sp0};
+  height: 100%;
+`,Uo=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  cursor: pointer;
+`,_o=a(e.SvgAiIcon)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  path {
+    stroke-width: 2;
+  }
+`,No=a(e.SvgAiIconFilled)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,Bo=a(e.SvgAiIconSelected)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,Wo=a(e.SvgAiIconSelectedFilled)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,{common:{strings:{empty:ct}},transactionDetail:{recommendationBanner:Rt}}=e.appLocale.getLocalizedStrings(),ve={height:new e.ResponsiveSized(e.sp[6],e.sp[6]),controlHeight:new e.ResponsiveSized(e.sp[6],e.sp[6]),paddingTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),paddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2])},Mo=({isRecommendedSelected:t,hasRecommendations:n,isTooltipVisible:s=!1,isAutoCategorized:l=!1})=>n?t?l?s?o.jsxRuntimeExports.jsx(ts,{}):o.jsxRuntimeExports.jsx(ns,{className:"ai-icon-selected-plain"}):s?o.jsxRuntimeExports.jsx(es,{}):o.jsxRuntimeExports.jsx(Ko,{}):s?o.jsxRuntimeExports.jsx(Xo,{}):o.jsxRuntimeExports.jsx(Vt,{}):null,Fo=({children:t})=>o.jsxRuntimeExports.jsx(Qo,{children:t});function Dt({isDisabled:t,label:n,groupedSingleSelectField:s,style:l,controlWidth:d,additionalLabelInfo:i,fullWidthSelect:p=!0,recommendationCheckboxField:r,retainCheckboxField:c,zIndexOnFocus:g,isLoading:f,isZeniRecommendsLabel:$=!1,isRecommendedSelected:y,hasRecommendations:v,cotData:C,isAutoCategorized:T,onCOTView:m,disableCurrentOption:I,openTooltipId:z,setOpenTooltipId:L}){const P=e.useWindowSizeContext(),{formState:{errors:N}}=o.useFormContext(),b=o.has(N,s.name),E=R.useMemo(()=>s.name,[s.name]),A=z===E,O=e.useToolkitContext().analytics,H=R.useCallback(()=>{L(E);const X=C?.recommendations[0]?.cot??[],S=C?.recommendations[1]?.cot??[],U=X.length>0,M=S.length>0;if(O.trackTransactionCotView({recommendationFor:s.type,currentValue:C?.existingOption.label??ct,recommendation:C?.recommendations[0]?.name??ct,recommendationCot:X,isRecommendationCotAvailable:U,recommendationReason:C?.recommendations[0]?.reason??ct,recommendationConfidencePercentage:C?.recommendations[0]?.confidencePercentage??null,recommendationConfidenceLevel:e.toConfidenceLevelType(e.getConfidenceLevel(C?.recommendations[0]?.confidencePercentage).toLocaleLowerCase()),alternativeRecommendation:C?.recommendations[1]?.name??ct,alternativeRecommendationCot:S,isAlternativeRecommendationCotAvailable:M,alternativeRecommendationReason:C?.recommendations[1]?.reason??ct,alternativeRecommendationConfidencePercentage:C?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:M?e.toConfidenceLevelType(e.getConfidenceLevel(C?.recommendations[1]?.confidencePercentage).toLocaleLowerCase()):null,transactionCurrentStatus:s.transactionStatus,transactionPage:s.pageSource}),m!=null){const re=e.getCOTRecommendationSourceToTrack(C);re!=null&&m(s.type,re)}},[O,C,s,E,L]),ne=R.useCallback(()=>{z===E&&L(void 0)},[z,E,L]);return o.jsxRuntimeExports.jsxs(Ho,{style:l,isLoading:f,size:P,checkboxPresent:r!=null,zIndexOnFocus:g===!0,isError:b,isDisabled:t!=null,"data-testid":e.generateDataTestId("group-select-with-checkbox",s.name),children:[o.jsxRuntimeExports.jsxs(Go,{size:P,isDisabled:t!=null,controlWidth:d,isError:b,children:[o.jsxRuntimeExports.jsx(e.Label,{isDisabled:t,label:n.label,htmlFor:s.name,style:{marginLeft:ve.labelMarginLeft.value(P),marginRight:ve.labelMarginRight.value(P),marginTop:ve.labelMarginTop.value(P),width:n.width??"auto",...n.style}}),f===!0?o.jsxRuntimeExports.jsx(qo,{children:o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",start:!0})}):o.jsxRuntimeExports.jsx(Yo,{fullWidthSelect:p,labelWidth:n.width,children:o.jsxRuntimeExports.jsxs(Jo,{children:[v?o.jsxRuntimeExports.jsx(Fo,{children:C?o.jsxRuntimeExports.jsx(e.Tooltip,{variant:"chain-of-thought",data:C,placement:"bottom-start",disableIntersectionObserver:!0,position:"static",display:"block",open:A,style:{width:"auto",height:"auto"},leaveDelay:200,onOpen:H,onClose:ne,children:o.jsxRuntimeExports.jsx(Zo,{children:o.jsxRuntimeExports.jsx(Mo,{isRecommendedSelected:y,hasRecommendations:v,isTooltipVisible:A,isAutoCategorized:T})})}):null}):null,o.jsxRuntimeExports.jsx(wt.GroupedSingleSelectFieldWithCOT,{...s,isDisabled:t,style:{display:"flex",flexGrow:1,width:"100%",height:ve.controlHeight.value(P),cursor:"inherit",...s?.style?s?.style:{}},additionalLabelInfo:i,disableCurrentOption:I,onCOTView:m})]})})]}),f===!1&&r!=null&&o.jsxRuntimeExports.jsxs(qt,{children:[o.jsxRuntimeExports.jsx(Vt,{}),$?o.jsxRuntimeExports.jsx(Ct,{children:Rt.zeniRecommends}):o.jsxRuntimeExports.jsx(Ct,{children:Rt.updateTo}),o.jsxRuntimeExports.jsx(e.BorderedCheckBoxField,{isHighlighted:!0,label:r.label,tooltipProps:r.tooltipProps!=null?{...r.tooltipProps}:void 0,checkBoxField:r.checkBoxField,isDisabled:r.isDisabled},o.nanoid()),c!=null&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Ct,{children:Rt.retainOr}),o.jsxRuntimeExports.jsx(e.BorderedCheckBoxField,{label:c.label,checkBoxField:c.checkBoxField,isDisabled:c.isDisabled},o.nanoid())]})]}),f===!1&&r==null&&c!=null&&o.jsxRuntimeExports.jsxs(qt,{children:[o.jsxRuntimeExports.jsx(Vt,{}),o.jsxRuntimeExports.jsx(Ct,{children:Rt.retain}),o.jsxRuntimeExports.jsx(e.BorderedCheckBoxField,{label:c.label,checkBoxField:c.checkBoxField,isDisabled:c.isDisabled},o.nanoid())]})]})}const qo=a.div`
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding-right: ${e.Space.sp2};
+`,qt=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${e.Space.sp3};
+`,Ho=a.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e.Space.sp2};
+
+  padding-right: ${t=>ve.marginRight.valuePx(t.size)};
+  padding-top: ${t=>ve.paddingTop.valuePx(t.size)};
+  padding-bottom: ${t=>t.isLoading||!t.checkboxPresent?ve.paddingTop.valuePx(t.size):ve.paddingBottom.valuePx(t.size)};
+
+  &:focus-within {
+    z-index: ${t=>t.zIndexOnFocus===!0?2:"unset"};
+    outline: 1px solid ${t=>t.theme.colors.primary};
+  }
+  .ai-icon-selected-plain {
+    color: ${t=>t.theme.colors.hero};
+  }
+  &:hover {
+    z-index: 1;
+    outline: ${t=>t.isDisabled===!0?"none":`1px solid ${t.theme.colors.primary}`};
+
+    .select-control {
+      background-color: ${t=>t.isDisabled?t.theme.colors.grey5:t.isError?e.Colors.importantLight:t.theme.colors.background};
+    }
+    .ai-icon-selected-plain {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+`,Go=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-grow: 1;
+  align-items: flex-start;
+  background-color: ${t=>t.theme.colors.grey5};
+  ${t=>t.controlWidth!=null?`width: ${t.controlWidth}px`:""};
+`,Yo=a.div`
+  display: flex;
+  flex-direction: column;
+  width: ${t=>t.fullWidthSelect===!0?t.labelWidth!=null?`calc(100% - ${t.labelWidth}px)`:"auto":"50%"};
+  align-items: flex-end;
+  flex-grow: ${t=>t.fullWidthSelect===!0?1:"unset"};
+  position: relative;
+`,Jo=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  justify-content: flex-end;
+`,Ct=a(e.StandardRegular)`
+  margin-left: ${e.Space.sp2};
+  margin-right: ${e.Space.sp2};
+  color: ${t=>t.theme.colors.primary};
+`,Qo=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${e.Space.sp5};
+  margin-left: ${e.Space.sp0};
+  height: 100%;
+`,Zo=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  cursor: pointer;
+`,Vt=a(e.SvgAiIcon)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  path {
+    stroke-width: 2;
+  }
+`,Xo=a(e.SvgAiIconFilled)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,Ko=a(e.SvgAiIconSelected)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,es=a(e.SvgAiIconSelectedFilled)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,ts=a(wt.SvgAiIconSelectedFilledPlain)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,ns=a(wt.SvgAiIconSelectedPlain)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,os=a.div`
+  display: flex;
+  width: fit-content;
+  column-gap: ${e.Space.sp2};
+  align-items: center;
+  &:hover {
+    div:first-of-type {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+`,ss=a(e.StandardMediumSp)``,is=a(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.primary};
+`,as=a(e.SvgInfo)`
+  color: ${t=>t.theme.colors.grey1};
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  margin-top: ${e.Space.sp1};
+`,rs=({checkBoxField:t,vendorName:n,bookCloseDate:s})=>{const d=o.useFormContext().getValues(t.name),i=o.useTheme(),{dateFormat:{visual:p},transactionDetail:r,common:c}=e.appLocale.getLocalizedStrings();return o.jsxRuntimeExports.jsxs(os,{isSelected:d,children:[o.jsxRuntimeExports.jsx(e.LabeledUnSafeCheckBoxField,{style:{width:"auto"},label:{label:o.jsxRuntimeExports.jsxs(is,{children:[r.updateCategoryClassForSimilar," ",o.jsxRuntimeExports.jsx("q",{children:o.jsxRuntimeExports.jsx(ss,{children:n})})," ",r.transactionsPostBookCloseDateOf,c.strings.space,s.format(p.MMMDCommaYYYYformat),"."]}),style:{color:i.colors.primary}},checkBoxField:t,"data-testid":e.generateDataTestId(t.name,"update-all-checkbox-field")}),o.jsxRuntimeExports.jsx(e.Tooltip,{placement:"bottom",variant:"small-description",maxWidth:"280px",data:r.reachZeniTeam,children:o.jsxRuntimeExports.jsx(as,{})})]})},{transactionDetail:fe}=e.appLocale.getLocalizedStrings(),Be=(t,n,s)=>s!=null?`${t}.${s}.${n}`:`${t}.${n}`,dn={labelWidth:new e.ResponsiveSized(120,145,160),desciptionMarginRight:new e.ResponsiveSized(e.sp[1],e.sp[4],e.sp[4]),paddingTopBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),marginRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),labelMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRight:new e.ResponsiveSized(e.sp[4],e.sp[4]),labelMarginTop:new e.ResponsiveSized(e.sp[2],e.sp[2])},ls=a(e.StandardMedium)`
+  color: ${t=>t.theme.colors.primary};
+`,cs=a.div`
+  padding: ${e.Space.sp3};
+  display: ${t=>t.isVisible?"flex":"none"};
+  justify-content: center;
+  border-bottom-left-radius: ${e.Space.sp2};
+  border-bottom-right-radius: ${e.Space.sp2};
+  &:hover {
+    outline: 1px solid ${t=>t.theme.colors.primary};
+  }
+`,Ht=a(e.StandardRegular)`
+  margin: ${e.Space.sp2} ${e.Space.sp4} ${e.Space.sp2} ${e.Space.sp0};
+`,Gt=a(e.StandardRegular)`
+  display: flex;
+  color: ${t=>t.theme.colors.primary};
+  word-break: break-word;
+  text-align: end;
+  max-width: ${t=>t.windowSize==="small"?"174px":null};
+  margin: ${e.Space.sp2} ${e.Space.sp0} ${e.Space.sp2} ${e.Space.sp0};
+`,ds=a.div`
+  display: flex;
+  flex-direction: row;
+  margin: ${e.Space.sp2} ${e.Space.sp4};
+  margin-left: ${t=>t.isViewOnly==!0?e.Space.sp4:e.Space.sp2};
+  justify-content: space-between;
+  align-items: center;
+  height: ${e.Space.sp6};
+`,ps=a.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${e.Space.sp2} ${e.Space.sp4};
+  padding-left: ${t=>t.isViewOnly==!0?e.Space.sp4:e.Space.sp2};
+  justify-content: space-between;
+  color: ${t=>t.theme.colors.hero};
+
+  border-color: ${t=>t.theme.colors.grey3};
+  border-style: solid;
+  border-radius: ${e.Space.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 ${t=>t.theme.colors.primary};
+    color: ${t=>t.theme.colors.primary};
+  }
+`,us=a.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${e.Space.sp2} ${e.Space.sp4};
+  padding-left: ${t=>t.isViewOnly==!0?e.Space.sp4:e.Space.sp2};
+  justify-content: space-between;
+  color: ${t=>t.theme.colors.hero};
+  border-bottom: 1px solid ${t=>t.theme.colors.grey3};
+  border-color: ${t=>t.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: ${e.Space.sp0};
+  border-top-right-radius: ${e.Space.sp0};
+  border-bottom-left-radius: ${e.Space.sp2};
+  border-bottom-right-radius: ${e.Space.sp2};
+  border-bottom-color: transparent;
+  &:hover {
+    border: 1px solid ${t=>t.theme.colors.primary};
+    color: ${t=>t.theme.colors.primary};
+  }
+`,ms=a.div`
+  display: flex;
+  flex-direction: column;
+  border-radius: ${t=>t.updateAllVisible===!1?`${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp2} ${e.Space.sp2}`:0};
+`,xs=a.div`
+  display: flex;
+  flex-direction: column;
+  color: ${t=>t.theme.colors.hero};
+  border-color: ${t=>t.theme.colors.grey3};
+  border-bottom: 1px solid ${t=>t.theme.colors.grey3};
+  border-top: 1px solid transparent;
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+
+  border-top-left-radius: ${e.Space.sp2};
+  border-top-right-radius: ${e.Space.sp2};
+  border-bottom-left-radius: ${e.Space.sp0};
+  border-bottom-right-radius: ${e.Space.sp0};
+  &:hover {
+    border-color: ${t=>t.theme.colors.primary};
+    color: ${t=>t.theme.colors.primary};
+  }
+`,hs=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${t=>t.theme.colors.grey5};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+  border: ${t=>`1px solid ${t.theme.colors.grey3}`};
+`,pn=({title:t,amount:n,sectionId:s,lineIndex:l,isDisabled:d})=>{const i=o.useTheme(),p=e.useWindowSizeContext(),r=Be(s,"lineDescription",l.toString());return o.jsxRuntimeExports.jsx(xs,{"data-testid":e.generateDataTestId("list-item-title",s),children:o.jsxRuntimeExports.jsxs(ds,{children:[o.jsxRuntimeExports.jsx(e.TextField,{type:"text",name:r,placeholder:fe.lineItems.descriptionPlaceholder,defaultValue:t,registerOptions:{required:!1},isDisabled:d,style:{display:"flex",flexGrow:1,height:`${e.Space.sp6}`,cursor:"inherit",padding:`${e.Space.sp0} ${e.Space.sp3}`,textAlign:"left",marginRight:dn.desciptionMarginRight.value(p)},placeholderAlignment:"left",hoverBgColor:i.colors.background},r),o.jsxRuntimeExports.jsx(ls,{children:e.amountToString("0,0.00",n)})]})})},gs=({accountList:t,accountsHierarchyList:n,classHierarchyList:s,classList:l,sectionId:d,isAccountAndClassNonEditable:i=!1,lineIndex:p,lineItemLocalData:r,transaction:c,vendorName:g,bookCloseDate:f,containerRef:$,uncategorizedAccounts:y,searchAutoComplete:v,transactionType:C,isDisabled:T,isCOTEnabled:m,cotTracking:I,openTooltipId:z,setOpenTooltipId:L,isUncategorizedExpenseCategoryEnabled:P})=>{const N=e.useWindowSizeContext(),b=o.useTheme(),{setValue:E,getValues:A}=o.useFormContext(),{createAlternateRecommendationCallback:B}=e.useCOTAnalytics(),O=R.useMemo(()=>r.recommendationsWithCOT??[],[r.recommendationsWithCOT]),H=v?.autoCompleteData,ne=h=>h?.vendor?.qboId??h?.vendor?.id??h?.vendor?.name,X=R.useCallback((h,D)=>H?.entityAutoCompleteView.vendor.find(V=>V.qboId===h||V.id===h||V.name===D),[H?.entityAutoCompleteView.vendor]),S=h=>{const D=H?.entityAutoCompleteView?.customer?.find(ce=>ce.qboId===h),V=H?.entityAutoCompleteView?.vendor?.find(ce=>ce.qboId===h);return D?.qboId??V?.qboId},U=h=>t.filter(V=>V.qboId===h)[0]?.qboId??void 0,M=h=>l.filter(V=>V.classId===h)[0]?.accountingClassNumber??void 0,re=R.useCallback(h=>y!=null&&h?se.isAccountUncategorized(y,h,P===!0?["income"]:void 0):!1,[y,P]),pe=dn.labelWidth.value(N),ee=Be(d,"account",p.toString()),$e=Be(d,"class",p.toString()),Ee=Be(d,"isUpdateAllChecked",p.toString()),ue=Be(d,e.transactionDetaiLineEntitySelection,p.toString()),Re=e.getGroupedAccountOptionsWithCOT(n,r.recommendationsWithCOT),ie=t.find(h=>h.qboId===r.account.selectedOption),Ie=l.find(h=>h.classId===r.class.selectedOption),Ce=c.lines!=null?c.lines[p]:void 0,$t=R.useCallback(h=>{E(`${ee}.selectedOption`,h,{shouldValidate:!0,shouldDirty:!0})},[E,ee]),ut=R.useCallback(h=>{E(`${$e}.selectedOption`,h,{shouldValidate:!0,shouldDirty:!0})},[E,$e]),[me,Ke]=R.useState(null);R.useEffect(()=>{if(me!=null&&H?.entityAutoCompleteView.fetchState==="Completed"){const h=X(me.recommendationId,me.vendorName);h!=null?setTimeout(()=>{E(`${ue}.selectedOption`,h.qboId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0}),Ke(null)},0):(setTimeout(()=>{E(`${ue}.selectedOption`,me.recommendationId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},0),Ke(null))}},[me,H?.entityAutoCompleteView.fetchState,X,E,ue]);const Et=R.useCallback(h=>{const D=O.find(V=>ne(V)===h);if(D?.vendor!=null){const V=D.vendor.name,ce=X(h,V);ce!=null?E(`${ue}.selectedOption`,ce.qboId,{shouldValidate:!0,shouldDirty:!0}):(Ke({recommendationId:h,vendorName:V}),v?.autoCompleteActions?.onAutoCompleteInputChange?.(V,"vendor"))}else E(`${ue}.selectedOption`,h,{shouldValidate:!0,shouldDirty:!0})},[E,ue,O,X,v?.autoCompleteActions]),Te=R.useCallback((h,D)=>{I?.onCOTView!=null&&I.onCOTView(r.id,I.transactionId,h,D)},[I,r.id]),F=R.useCallback(h=>{const D=O[1],V=O[0];B("category",{currentValue:ie?.accountName,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:I},D,V)(h)},[B,O,ie?.accountName,I]),le=R.useCallback(h=>{const D=O[1],V=O[0];B("class",{currentValue:Ie?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:I},D,V)(h)},[O,B,Ie?.className,I]),Le=R.useCallback(h=>{const D=O[1],V=O[0];B("vendor",{currentValue:g,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:I},D,V)(h)},[O,B,g,I]),et=e.createCOTDataFromRecommendations(O,"category",m,{label:Ce?.account?.accountName,value:Ce?.account?.qboId??Ce?.account?.accountId},"details_page",null,$t,F,r[e.transactionDetailLineCategory].selectedOption,re),ge=e.hasRecommendationsForType(O,"category"),Fe=e.createCOTDataFromRecommendations(O,"class",m,{label:Ce?.class?.className,value:Ce?.class?.classId},"details_page",null,ut,le,r[e.transactionDetailLineClass].selectedOption,re),tt=e.hasRecommendationsForType(O,"class"),qe=e.hasRecommendationsForType(O,"vendor"),{isPrimaryLoading:It,isAlternateLoading:mt}=R.useMemo(()=>{if(me==null||H?.entityAutoCompleteView.fetchState!=="In-Progress")return{isPrimaryLoading:!1,isAlternateLoading:!1};const h=O[0],V=ne(h)===me.recommendationId;return{isPrimaryLoading:V,isAlternateLoading:!V}},[me,H?.entityAutoCompleteView.fetchState,O]),He=e.createCOTDataFromRecommendations(O,"vendor",m,{label:g,value:r[e.transactionDetaiLineEntitySelection]?.selectedOption},"details_page",null,Et,Le,r[e.transactionDetaiLineEntitySelection]?.selectedOption,re,It,mt),je=r[e.transactionDetaiLineEntitySelection]?.selectedOption,xt=R.useMemo(()=>!je||!qe?!1:O.some(h=>h.vendor!=null?h.vendor.qboId===je||h.vendor.id===je||h.vendor.name===je:!1),[je,qe,O]),ht=R.useMemo(()=>{const h=A(ee)??null,D=Re.findIndex(at=>at.label==="All Categories"),V=D>-1&&h?.selectedOption!=null?Re[D].options.find(at=>at.value===h.selectedOption)?.label:void 0,ce=h!=null&&V!=null?{...ie,accountDescription:ie?.accountDescription??"",labels:ie!=null?ie.labels:[]}:ie;if(ce!=null&&re(ce.qboId)===!0)return{text:e.appLocale.getLocalizedStrings().transactionDetail.tooltipText,sticky:!0}},[A,ee,Re,ie]),Oe={valueContainer:h=>({...h,padding:`2px ${e.Space.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0}),menu:()=>({right:N==="small"?0:void 0})},nt=r.isUpdateAllChecked===!0,ze=C!=null&&["journal_entry","deposit"].includes(C),ot=Ie?.classId,gt=R.useMemo(()=>!ot||!tt?!1:O.some(h=>h.class!=null?h.class.classId===ot:!1),[ot,tt,O]),ke=ie?.qboId??ie?.accountId,Ge=R.useMemo(()=>!ke||!ge?!1:O.some(h=>h.account!=null?h.account.qboId===ke||h.account.accountId===ke:!1),[ke,ge,O]),Ye=e.getGroupedClassOptionsWithCOT(s,O),ye=R.useMemo(()=>e.isMiscategorizedField("vendor",r[e.transactionDetaiLineEntitySelection]?.defaultOptions,r[e.transactionDetaiLineEntitySelection]?.selectedOption),[r]),st=R.useMemo(()=>e.isMiscategorizedField("category",Re,r[e.transactionDetailLineCategory]?.selectedOption),[Re,r]),it=R.useMemo(()=>e.isMiscategorizedField("class",Ye,r[e.transactionDetailLineClass]?.selectedOption),[r,Ye]),yt=b.colors.primary,ft=b.colors.grey1,Ae=R.useCallback(h=>{let D=!1;switch(h){case"category":D=st;break;case"class":D=it;break;case"vendor":D=ye;break}return V=>V?{width:"100%",flexGrow:"1"}:{width:"max-content",flexGrow:"unset",outline:D?`1px dashed ${ft}`:"none",borderRadius:e.Space.sp1,":hover":{outlineColor:yt}}},[ye,it,st,yt,ft]);return o.jsxRuntimeExports.jsxs(ms,{updateAllVisible:nt,"data-testid":e.generateDataTestId("list-item-detail",d),children:[i===!1&&ze===!0?o.jsxRuntimeExports.jsx(zo,{label:{label:fe.lineItems.name,width:pe},isDisabled:T,autoCompleteGroupedSingleSelectField:{name:ue,placeholder:fe.transactionDetailPlaceholders.name,valueToId:h=>S(h),defaultValue:{selectedOption:r[e.transactionDetaiLineEntitySelection]?.selectedOption,defaultOptions:r[e.transactionDetaiLineEntitySelection]?.defaultOptions},style:{width:"100%"},customStyleConfig:Oe,registerOptions:{required:!1},menuPortal:$,isDisabled:T,loadOptions:v?.loadOptions,getStyles:Ae("vendor")},cotData:He,hasRecommendations:qe,isRecommendedSelected:xt,isCOTEnabled:m,pageSource:"details_page",transactionStatus:null,type:"vendor",onCOTView:Te,openTooltipId:z,setOpenTooltipId:L,style:{borderBottom:`1px solid ${b.colors.grey3}`,justifyContent:"space-between"},fullWidthSelect:!1},ue):null,i===!1?o.jsxRuntimeExports.jsx(Dt,{isLoading:!1,label:{label:fe.lineItems.category,width:pe},isDisabled:T,groupedSingleSelectField:{name:ee,placeholder:fe.transactionDetailPlaceholders.category,valueToId:h=>U(h),type:"category",defaultValue:{selectedOption:ie?.qboId??ie?.accountId,allOptions:Re},style:{width:"100%"},customStyleConfig:Oe,registerOptions:{required:!1},pageSource:"details_page",transactionStatus:null,isDisabled:T,tooltip:ht,menuPortal:$,showCOT:m,getStyles:Ae("category")},disableCurrentOption:re,style:{borderBottom:`1px solid ${b.colors.grey3}`},fullWidthSelect:!1,isRecommendedSelected:Ge,hasRecommendations:ge,cotData:et,onCOTView:Te,openTooltipId:z,setOpenTooltipId:L},ee):o.jsxRuntimeExports.jsxs(ps,{isViewOnly:i,children:[o.jsxRuntimeExports.jsx(Ht,{children:fe.lineItems.category}),o.jsxRuntimeExports.jsx(Gt,{windowSize:N,children:ie?.accountName??"-"})]}),i===!1?o.jsxRuntimeExports.jsx(Dt,{isLoading:!1,label:{label:fe.lineItems.class,width:pe},isDisabled:T,groupedSingleSelectField:{name:$e,placeholder:fe.transactionDetailPlaceholders.class,valueToId:h=>M(h),defaultValue:{selectedOption:Ie?.classId,allOptions:Ye},type:"class",style:{width:"100%"},pageSource:"details_page",transactionStatus:null,isDisabled:T,menuPortal:$,customStyleConfig:Oe,registerOptions:{required:!1},showCOT:m,getStyles:Ae("class")},disableCurrentOption:re,style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},isRecommendedSelected:gt,hasRecommendations:tt,cotData:Fe,fullWidthSelect:!1,onCOTView:Te,openTooltipId:z,setOpenTooltipId:L},$e):o.jsxRuntimeExports.jsxs(us,{isViewOnly:i,children:[o.jsxRuntimeExports.jsx(Ht,{children:fe.lineItems.class}),o.jsxRuntimeExports.jsx(Gt,{windowSize:N,children:Ie?.className??"-"})]}),o.jsxRuntimeExports.jsx(cs,{isVisible:nt,children:o.jsxRuntimeExports.jsx(rs,{checkBoxField:{defaultChecked:A(Ee),name:Ee,isDisabled:T},vendorName:g??"",bookCloseDate:f??se.dateNow()})})]},`dropdown-container-${p}`)};function Pt({accountList:t,accountsHierarchyList:n,classHierarchyList:s,classList:l,sectionId:d,lineItemLocalData:i,isAccountAndClassNonEditable:p,lineIndex:r,lineId:c,isCOTEnabled:g,lineRecommendation:f,bookCloseDate:$,containerRef:y,searchAutoComplete:v,transaction:C,uncategorizedAccounts:T,transactionType:m,vendorName:I,isDisabled:z,cotTracking:L,openTooltipId:P,setOpenTooltipId:N,isUncategorizedExpenseCategoryEnabled:b}){return o.jsxRuntimeExports.jsxs(hs,{"data-testid":e.generateDataTestId("transaction-line-with-account-and-class",d),children:[o.jsxRuntimeExports.jsx(pn,{title:i.lineDescription??"",amount:i.amount,lineId:i.id,sectionId:d,lineIndex:r,isDisabled:z},`lineTitleItem-${r}`),(i.type==="transaction_with_account_and_class_line"||i.type==="journal_entry_transaction_line")&&i.account!=null&&i.class!=null?o.jsxRuntimeExports.jsx(gs,{transaction:C,accountList:t,accountsHierarchyList:n,classHierarchyList:s,classList:l,sectionId:d,isAccountAndClassNonEditable:p,lineIndex:r,lineId:c,lineRecommendation:f,lineItemLocalData:i,vendorName:I??i.vendor?.name??i.customer?.name,bookCloseDate:$,containerRef:y,searchAutoComplete:v,uncategorizedAccounts:T,transactionType:m,isDisabled:z,isCOTEnabled:g,cotTracking:L,openTooltipId:P,setOpenTooltipId:N,isUncategorizedExpenseCategoryEnabled:b},`lineDetailItem-${r}`):null]},`container-${r}`)}const bt={detailPaddingTop:new e.ResponsiveSized(e.sp[5],e.sp[6]),detailPaddingBottom:new e.ResponsiveSized(e.sp[7],e.sp[8]),detailPaddingLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),totalAmountContainerMarginLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[8])},Yt=a(e.StandardMedium)`
+  color: ${t=>t.isUncategorized||t.isMiscategorized?t.theme.colors.primary:t.theme.colors.hero};
+`,ys=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+`,fs=a.div`
+  display: flex;
+  flex-direction: column;
+`,Ss=a.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,Rs=a.div`
+  display: flex;
+  align-items: center;
+  background-color: ${t=>t.theme.colors.grey3};
+  height: ${e.Space.sp8};
+  border-radius: ${e.Space.sp2};
+  margin: ${t=>`${e.Space.sp6} ${bt.detailPaddingLeftRight.valuePx(t.windowSize)}`};
+`,Cs=a.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey3};
+  height: ${e.Space.sp11};
+  justify-content: center;
+  border-radius: ${e.Space.sp2};
+  margin: ${t=>`${e.Space.sp6} ${bt.detailPaddingLeftRight.valuePx(t.windowSize)}`};
+`,Jt=a.div`
+  display: flex;
+  justify-content: center;
+  gap: ${e.Space.sp1};
+  width: 50%;
+`,Qt=a.div`
+  display: flex;
+  justify-content: space-around;
+  gap: ${e.Space.sp1};
+  width: 100%;
+  padding: 5px ${e.Space.sp0};
+`,be=a(e.LargeMediumSp)`
+  color: ${t=>t.theme.colors.hero};
+`,js=a.div`
+  border: 0.1px solid ${t=>t.theme.colors.grey1};
+  height: 36px;
+`,bs=a.div`
+  border: 0.1px solid ${t=>t.theme.colors.grey1};
+  width: 95%;
+`,vs=a.div`
+  /** Subtract top so list can occupy remaining available height */
+  height: calc(100vh - 350px);
+  max-width: 99.9%;
+`,ws=a.div`
+  top: ${e.Space.sp0};
+  left: ${e.Space.sp0};
+  padding: ${e.Space.sp0} 1px;
+  box-sizing: border-box;
+  width: fit-content;
+  min-width: 100%;
+  padding-left: ${t=>bt.detailPaddingLeftRight.valuePx(t.windowSize)};
+  padding-right: ${t=>bt.detailPaddingLeftRight.valuePx(t.windowSize)};
+`,$s=["uncategorizedDebit","uncategorizedCredit","miscategorizedDebit","miscategorizedCredit","debit","credit"],K=e.appLocale.getLocalizedStrings().transactionDetail.lineItems,Es=(t,n,s,l,d,i)=>({credit:{amount:t,title:K.credit},debit:{amount:n,title:K.debit},uncategorizedCredit:{amount:s,title:K.uncategorizedCredit},uncategorizedDebit:{amount:l,title:K.uncategorizedDebit},miscategorizedCredit:{amount:d,title:K.miscategorizedCredit},miscategorizedDebit:{amount:i,title:K.miscategorizedDebit}}),Is=(t,n,s)=>t!=null||n!=null||s!=null?{...t,amount:t?.amount??0+(n?.amount??0)+(s?.amount??0)}:t,Lt=t=>t.reduce((n,s)=>n==null?Object.assign({},s.amount):Object.assign({},n,{amount:n.amount+s.amount.amount}),void 0),Zt=(t,n,s,l)=>{const d=Lt(t[n]??[]),i=Lt(t[s]??[]),p=Lt(t[l]??[]),r=Is(d,i,p);return n===K.postingTypeCredit?{creditAmount:d,uncategorizedTransactionCreditAmount:i,miscategorizedTransactionCreditAmount:p,combinedCreditAmount:r}:{debitAmount:d,uncategorizedTransactionDebitAmount:i,miscategorizedTransactionDebitAmount:p,combinedDebitAmount:r}},Ts=t=>{let n=[];return $s.forEach(s=>{s in t&&(n.push(s),n=[...n,...t[s]])}),n},Ls=(t,n,s,l,d)=>{const i=c=>K.uncategorized+e.capitalizeFirstLetter(c)+c.slice(1),p=c=>K.miscategorized+e.capitalizeFirstLetter(c)+c.slice(1),r=c=>{const g=s.lines?.find($=>$.id===c.id),f=n.find($=>$.qboId===g?.account.qboId);return d(c)?p(c?.postingType):f!=null&&l(f)?i(c?.postingType):c.postingType};return o.groupBy(t,c=>r(c))},Os=({title:t,amount:n,isUncategorized:s,isMiscategorized:l})=>o.jsxRuntimeExports.jsxs(ys,{children:[o.jsxRuntimeExports.jsx(Yt,{isUncategorized:s,isMiscategorized:l,children:t}),o.jsxRuntimeExports.jsx(Yt,{isUncategorized:s,isMiscategorized:l,children:e.amountToString("0,0.00",n)})]}),zs=({combinedCreditAmount:t,combinedDebitAmount:n})=>{const s=e.useWindowSizeContext();return s!=="small"?o.jsxRuntimeExports.jsxs(Rs,{windowSize:s,children:[o.jsxRuntimeExports.jsxs(Jt,{children:[o.jsxRuntimeExports.jsxs(be,{children:[K.totalDebits,":"]}),o.jsxRuntimeExports.jsx(be,{children:e.amountToString("0,0.00",n)})]}),o.jsxRuntimeExports.jsx(js,{}),o.jsxRuntimeExports.jsxs(Jt,{children:[o.jsxRuntimeExports.jsxs(be,{children:[K.totalCredits,":"]}),o.jsxRuntimeExports.jsx(be,{children:e.amountToString("0,0.00",t)})]})]}):o.jsxRuntimeExports.jsxs(Cs,{windowSize:s,children:[o.jsxRuntimeExports.jsxs(Qt,{children:[o.jsxRuntimeExports.jsxs(be,{children:[K.totalDebits,":"]}),o.jsxRuntimeExports.jsx(be,{children:e.amountToString("0,0.00",n)})]}),o.jsxRuntimeExports.jsx(bs,{}),o.jsxRuntimeExports.jsxs(Qt,{children:[o.jsxRuntimeExports.jsxs(be,{children:[K.totalCredits,":"]}),o.jsxRuntimeExports.jsx(be,{children:e.amountToString("0,0.00",t)})]})]})},ks=({index:t,style:n,data:s})=>{const{accountList:l,accountsHierarchyList:d,classHierarchyList:i,classList:p,transaction:r,sectionId:c,journalEntryTransactionFlattenList:g,lines:f,allAmountsOptions:$,containerRef:y,uncategorizedAccounts:v,searchAutoComplete:C,bookCloseDate:T,isDisabled:m,isCOTEnabled:I,cotTracking:z,openTooltipId:L,setOpenTooltipId:P,isUncategorizedExpenseCategoryEnabled:N}=s,b=g[t],E=f.findIndex(B=>B.id===b.id),A=e.useWindowSizeContext();return o.jsxRuntimeExports.jsx(ws,{windowSize:A,style:n,"data-testid":e.generateDataTestId("journal-entry-list-item",c),children:typeof b!="string"&&b?.type==="journal_entry_transaction_line"?o.jsxRuntimeExports.jsx(fs,{children:o.jsxRuntimeExports.jsx(Pt,{transaction:r,lineItemLocalData:b,accountList:l,accountsHierarchyList:d,classHierarchyList:i,classList:p,sectionId:c,isAccountAndClassNonEditable:!1,lineIndex:E,lineId:E+1,containerRef:y,uncategorizedAccounts:v,searchAutoComplete:C,transactionType:"journal_entry",bookCloseDate:T,isDisabled:m,isCOTEnabled:I,cotTracking:z!=null?{...z,lineId:b.id}:void 0,openTooltipId:L,setOpenTooltipId:P,isUncategorizedExpenseCategoryEnabled:N},`accountclass-${t}`)},`sub-container-${t}`):o.jsxRuntimeExports.jsx(Os,{title:$[b].title,amount:$[b].amount,isUncategorized:["uncategorizedDebit","uncategorizedCredit"].includes(b),isMiscategorized:["miscategorizedDebit","miscategorizedCredit"].includes(b)},`header-${t}`)},E)},As=({journalEntryTransactionFlattenList:t,allAmountsOptions:n,accountList:s,accountsHierarchyList:l,classHierarchyList:d,classList:i,sectionId:p,transaction:r,cotTracking:c,lineItemsLocalData:g,lines:f,containerRef:$,searchAutoComplete:y,isCOTEnabled:v,openTooltipId:C,setOpenTooltipId:T,uncategorizedAccounts:m,bookCloseDate:I,isDisabled:z,isUncategorizedExpenseCategoryEnabled:L})=>{const P=e.useWindowSizeContext(),N=E=>{const A=t[E];return typeof A=="string"?e.DEFAULT_LIST_ITEM_HEIGHT_REGULAR-50:typeof A!="string"&&A?.type==="journal_entry_transaction_line"?e.getJournalEntryLineHeights(A,P):e.DEFAULT_LIST_ITEM_HEIGHT_REGULAR+120},b=R.useRef(null);return R.useEffect(()=>{b.current?.resetAfterIndex(0)},[P,b,t]),o.jsxRuntimeExports.jsx(vs,{children:o.jsxRuntimeExports.jsx(o.AutoSizer,{children:({height:E,width:A})=>o.jsxRuntimeExports.jsx(o.VariableSizeList,{"data-testid":e.generateDataTestId("journal-entry-list",p),height:E,itemCount:t.length,itemSize:N,width:A,ref:b,initialScrollOffset:0,overscanCount:1,itemData:{journalEntryTransactionFlattenList:t,accountList:s,accountsHierarchyList:l,classHierarchyList:d,classList:i,sectionId:p,transaction:r,lineItemsLocalData:g,lines:f,allAmountsOptions:n,containerRef:$,searchAutoComplete:y,uncategorizedAccounts:m,bookCloseDate:I,isDisabled:z,isCOTEnabled:v,cotTracking:c,openTooltipId:C,setOpenTooltipId:T,isUncategorizedExpenseCategoryEnabled:L},children:ks})})})};function Ds({lines:t,accountList:n,accountsHierarchyList:s,classHierarchyList:l,classList:d,sectionId:i,lineItemsLocalData:p,containerRef:r,transaction:c,uncategorizedAccounts:g,searchAutoComplete:f,isDisabled:$,isCOTEnabled:y,cotTracking:v,openTooltipId:C,setOpenTooltipId:T,isUncategorizedExpenseCategoryEnabled:m}){const L=Ls(t,n,c,S=>g!=null&&(S.qboId===g.expense?.qboId||S.qboId===g.income?.qboId),S=>!!S.isCategoryMiscategorized||!!S.isClassMiscategorized),{creditAmount:P,uncategorizedTransactionCreditAmount:N,combinedCreditAmount:b,miscategorizedTransactionCreditAmount:E}=Zt(L,K.postingTypeCredit,K.postingTypeUncategorizedCredit,K.postingTypeMiscategorizedCredit),{debitAmount:A,uncategorizedTransactionDebitAmount:B,combinedDebitAmount:O,miscategorizedTransactionDebitAmount:H}=Zt(L,K.postingTypeDebit,K.postingTypeUncategorizedDebit,K.postingTypeMiscategorizedDebit),ne=Es(P,A,N,B,E,H),X=Ts(L);return o.jsxRuntimeExports.jsxs(Ss,{children:[o.jsxRuntimeExports.jsx(zs,{combinedCreditAmount:b,combinedDebitAmount:O}),o.jsxRuntimeExports.jsx(As,{transaction:c,journalEntryTransactionFlattenList:X,allAmountsOptions:ne,accountList:n,accountsHierarchyList:s,classHierarchyList:l,classList:d,sectionId:i,cotTracking:v,lineItemsLocalData:p,lines:t,containerRef:r,searchAutoComplete:f,uncategorizedAccounts:g,bookCloseDate:c.bookCloseDate,isCOTEnabled:y,isDisabled:$,openTooltipId:C,setOpenTooltipId:T,isUncategorizedExpenseCategoryEnabled:m})]})}const Vs=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.primary};
+  word-break: break-word;
+  text-align: end;
+  max-width: ${t=>t.windowSize==="small"?"174px":null};
+`,Ps=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  height: ${e.Space.sp6};
+  align-items: center;
+  flex-grow: 1;
+  margin: ${t=>t.horizontalMargin?`${e.Space.sp2} ${e.Space.sp4}`:`${e.Space.sp2} ${e.Space.sp0}`};
+`,Us=a.div`
+  color: ${t=>t.theme.colors.hero};
+
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-top-left-radius: ${e.Space.sp0};
+  border-top-right-radius: ${e.Space.sp0};
+  border-bottom-left-radius: ${e.Space.sp2};
+  border-bottom-right-radius: ${e.Space.sp2};
+  border-color: ${t=>t.theme.colors.grey3};
+  border-style: solid;
+  border-top-color: transparent;
+  &:hover {
+    border-color: ${t=>t.theme.colors.primary};
+    color: ${t=>t.theme.colors.primary};
+  }
+`,_s=a.div`
+  color: ${t=>t.theme.colors.hero};
+
+  box-sizing: border-box;
+  border-radius: ${e.Space.sp0};
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  border-color: ${t=>t.theme.colors.grey3};
+  border-style: solid;
+  border-top-color: transparent;
+  &:hover {
+    border-color: ${t=>t.theme.colors.primary};
+    color: ${t=>t.theme.colors.primary};
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+  }
+`,Ns=a.div`
+  display: flex;
+  flex-direction: column;
+`,Bs=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${t=>t.theme.colors.grey5};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,Ws=a(e.StandardRegular)`
+  margin-right: ${e.Space.sp4};
+`,Ms=(t,n)=>n.length===1?"roundedBox":t===0?"topRoundedBox":t===n.length-1?"bottomRoundedBox":"box",{transactionDetail:_e}=e.appLocale.getLocalizedStrings(),Fs=({transaction:t,rowValues:n,line:s,classList:l,classHierarchyList:d,accountList:i,sectionId:p,lineIndex:r,isCOTEnabled:c,lineRecommendation:g,isDisabled:f,cotTracking:$,openTooltipId:y,setOpenTooltipId:v})=>o.jsxRuntimeExports.jsx(Ns,{children:n.map((C,T)=>o.jsxRuntimeExports.jsx("div",{children:o.jsxRuntimeExports.jsx(Hs,{transaction:t,boxType:Ms(T,n),rowValue:C,classList:l,classHierarchyList:d,accountList:i,sectionId:p,lineIndex:r,line:s,lineRecommendation:g,isDisabled:f,isCOTEnabled:c,cotTracking:$,openTooltipId:y,setOpenTooltipId:v})},T))}),qs={labelWidth:new e.ResponsiveSized(120,145,160)},Hs=({transaction:t,boxType:n,rowValue:s,classList:l,classHierarchyList:d,sectionId:i,lineIndex:p,line:r,isDisabled:c,isCOTEnabled:g,cotTracking:f,openTooltipId:$,setOpenTooltipId:y})=>{const{setValue:v}=o.useFormContext(),C=e.useWindowSizeContext(),{createAlternateRecommendationCallback:T}=e.useCOTAnalytics(),m=qs.labelWidth.value(C),I=l.find(S=>S.classId===r.class.selectedOption),z=S=>l.filter(M=>M.classId===S)[0]?.accountingClassNumber??void 0,L=t?.lines!=null?t?.lines[p]:void 0,P={valueContainer:S=>({...S,padding:`2px ${e.Space.sp2} !important`}),menu:()=>({right:C==="small"?0:void 0})},N=Be(i,"class",p.toString()),b=R.useMemo(()=>r.recommendationsWithCOT??[],[r.recommendationsWithCOT]),E=R.useCallback(S=>{v(`${N}.selectedOption`,S,{shouldValidate:!0,shouldDirty:!0})},[v,N]),A=R.useCallback((S,U)=>{f?.onCOTView!=null&&f.onCOTView(r.id,f.transactionId,S,U)},[f,r.id]),B=R.useCallback(S=>{const U=b[1],M=b[0];T("class",{currentValue:I?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:f},U,M)(S)},[T,b,I?.className,f]),O=e.createCOTDataFromRecommendations(b,"class",g,{label:L?.class?.className,value:L?.class?.classId},"details_page",null,E,B,r.class.selectedOption),H=e.hasRecommendationsForType(b,"class"),ne=R.useMemo(()=>!r.class.selectedOption||!H?!1:b.some(S=>S.class!=null?S.class.classId===r.class.selectedOption:!1),[r.class.selectedOption,H,b]),X=o.jsxRuntimeExports.jsxs(Ps,{horizontalMargin:s.title!==_e.lineItems.class,"data-testid":e.generateDataTestId("row-content-container",i),isInputTypeRow:s.title===_e.lineItems.class,children:[s.title!==_e.lineItems.class&&o.jsxRuntimeExports.jsx(Ws,{children:s.title}),s.title===_e.lineItems.class?o.jsxRuntimeExports.jsx(Dt,{isLoading:!1,label:{label:_e.lineItems.class,width:m},isDisabled:c,groupedSingleSelectField:{name:Be(i,"class",p.toString()),placeholder:_e.transactionDetailPlaceholders.class,valueToId:S=>z(S),type:"class",pageSource:"details_page",transactionStatus:null,defaultValue:{selectedOption:r.class.selectedOption,allOptions:e.getGroupedClassOptions(d,r.recommendationsWithCOT)},style:{width:"100%"},customStyleConfig:P,showCOT:g,registerOptions:{required:!1}},style:{justifyContent:"space-between",flexGrow:1},fullWidthSelect:!1,isRecommendedSelected:ne,cotData:O,hasRecommendations:H,isAutoCategorized:!1,onCOTView:A,openTooltipId:$,setOpenTooltipId:y}):o.jsxRuntimeExports.jsx(Vs,{windowSize:C,children:s.value})]});switch(n){case"bottomRoundedBox":return o.jsxRuntimeExports.jsx(Us,{children:X});default:return o.jsxRuntimeExports.jsx(_s,{children:X})}};function Gs({transaction:t,line:n,sectionId:s,classList:l,classHierarchyList:d,accountList:i,lineIndex:p,lineRecommendation:r,isDisabled:c,isCOTEnabled:g,cotTracking:f,openTooltipId:$,setOpenTooltipId:y}){const v=i.find(m=>m.qboId===n.account.selectedOption),C=l.find(m=>m.classId===n.class.selectedOption),T=Ys(n,v,C);return o.jsxRuntimeExports.jsxs(Bs,{"data-testid":e.generateDataTestId("transaction-line-product-or-service",s),children:[o.jsxRuntimeExports.jsx(pn,{title:n.lineDescription,amount:n.amount,lineId:n.id,sectionId:s,lineIndex:p,isDisabled:c,"data-testid":e.generateDataTestId("line-title-item",s)}),o.jsxRuntimeExports.jsx(Fs,{transaction:t,rowValues:T,line:n,classList:l,classHierarchyList:d,accountList:i,sectionId:s,lineIndex:p,lineRecommendation:r,isDisabled:c,isCOTEnabled:g,cotTracking:f,openTooltipId:$,setOpenTooltipId:y,"data-testid":e.generateDataTestId("line-detail-item",s)})]})}function Ys(t,n,s){const l=[],d=_e.transactionLabels.productOrService;return l.push({title:d.productOrService,value:t.item.itemName}),l.push({title:d.quantity,value:t.item.quantity!=null?`${t.item.quantity}`:"-"}),l.push({title:d.rate,value:e.amountToString("0,0.00",t.item.unitPrice)}),l.push({title:d.category,value:n?.accountName||"-"}),l.push({title:d.class,value:s?.className||"-"}),l}const vt=a(e.StandardMedium)`
+  color: ${t=>t.theme.colors.primary};
+`,Xt=a(e.H6Regular)`
+  color: ${t=>t.theme.colors.primary};
+`,Kt=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,_t=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  background-color: ${t=>t.theme.colors.grey3};
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+  margin-top: 2px;
+`,Js=a(_t)`
+  display: flex;
+  margin: ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp6};
+`,Qs=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${e.Space.sp3} ${e.Space.sp4};
+`,Nt=t=>e.amountToString("0,0.00",t),Zs=({title:t,amount:n})=>o.jsxRuntimeExports.jsxs(_t,{children:[o.jsxRuntimeExports.jsx(vt,{children:t}),o.jsxRuntimeExports.jsx(vt,{children:Nt(n)})]}),Xs=({desc:t})=>o.jsxRuntimeExports.jsxs(Js,{children:[o.jsxRuntimeExports.jsx(vt,{children:""}),o.jsxRuntimeExports.jsx(vt,{children:t})]}),Ks=({title:t,amount:n})=>o.jsxRuntimeExports.jsxs(_t,{children:[o.jsxRuntimeExports.jsx(Xt,{children:t}),o.jsxRuntimeExports.jsx(Xt,{children:Nt(n)})]}),en=({title:t,amount:n})=>o.jsxRuntimeExports.jsxs(Qs,{children:[o.jsxRuntimeExports.jsx(Kt,{children:t}),o.jsxRuntimeExports.jsx(Kt,{children:n!=null?Nt(n):""})]}),ei=a.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${e.Space.sp4} ${e.Space.sp0} ${e.Space.sp6} ${e.Space.sp0};
+`,ti=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,ni=({line:t,parentTransaction:n})=>{const s=e.appLocale.getLocalizedStrings().transactionDetail.transactionLabels.productOrServiceInfo,l=n.balance?.amount??0,d=Object.assign({},n.amount,{amount:n.amount.amount-l}),i=r=>{switch(r){case"refund":case"credit_memo":return s.amountReceived[r];default:return s.amountReceived.default}},p=r=>{switch(r){case"credit_memo":return s.balanceDue[r];default:return s.balanceDue.default}};return o.jsxRuntimeExports.jsxs(ei,{children:[o.jsxRuntimeExports.jsx(Zs,{title:t.lineDetailType==="sub_total_line_detail"?s.subtotal:t.lineDescription,amount:t.amount}),o.jsxRuntimeExports.jsx(Ks,{title:s.total,amount:n.amount}),o.jsxRuntimeExports.jsx(en,{title:i(n.type),amount:d}),n.type!=="refund"&&o.jsxRuntimeExports.jsx(en,{title:p(n.type),amount:n.balance})]})};function oi({lines:t,parentTransaction:n,classList:s,classHierarchyList:l,accountList:d,sectionId:i,isDisabled:p,isCOTEnabled:r,cotTracking:c,openTooltipId:g,setOpenTooltipId:f}){const $=t.filter(v=>v.type==="transaction_with_product_or_service_line"||v.type==="transaction_info_line"&&v.lineDetailType==="description_only_line_detail"),y=t.filter(v=>v.type==="transaction_info_line"&&v.lineDetailType==="sub_total_line_detail");return o.jsxRuntimeExports.jsxs(ti,{"data-testid":e.generateDataTestId("transaction-lines-product-or-service",i),children:[$.map((v,C)=>v.type==="transaction_with_product_or_service_line"?o.jsxRuntimeExports.jsx("div",{style:{marginBottom:C!==$.length-1?e.sp[6]:0},children:o.jsxRuntimeExports.jsx(Gs,{line:v,classList:s,transaction:n,classHierarchyList:l,accountList:d,sectionId:i,lineIndex:C,lineRecommendation:n.recommendationsWithCOT,isDisabled:p,isCOTEnabled:r,cotTracking:c,openTooltipId:g,setOpenTooltipId:f})},`p${C}`):v.type==="transaction_info_line"&&v.lineDetailType==="description_only_line_detail"?o.jsxRuntimeExports.jsx(Xs,{desc:v.lineDescription},`s${C}`):null),y.map((v,C)=>o.jsxRuntimeExports.jsx(ni,{line:v,parentTransaction:n},`i${C}`))]})}const Xe={detailPaddingTop:new e.ResponsiveSized(e.sp[5],e.sp[6]),detailPaddingBottom:new e.ResponsiveSized(e.sp[7],e.sp[8]),detailPaddingLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[8])},tn=a.div`
+  width: 100%;
+  height: ${e.Space.sp6};
+`,Qe=a.div`
+  display: flex;
+  flex-direction: column;
+`,si=a.div``,Ot=a.div`
+  padding-top: ${t=>Xe.detailPaddingTop.valuePx(t.windowSize)};
+  padding-left: ${t=>Xe.detailPaddingLeftRight.valuePx(t.windowSize)};
+  padding-right: ${t=>Xe.detailPaddingLeftRight.valuePx(t.windowSize)};
+`;function ii({transaction:t,accountList:n,accountsHierarchyList:s,classHierarchyList:l,classList:d,sectionId:i,lineItemsLocalData:p,containerRef:r,uncategorizedAccounts:c,isDisabled:g,isCOTEnabled:f,searchAutoComplete:$,handleCOTView:y,openTooltipId:v,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:T}){const m=e.useWindowSizeContext(),{control:I,watch:z}=o.useFormContext(),{fields:L}=o.useFieldArray({name:i,control:I}),N=z(i,L);if(se.isCustomerTransaction(t)){const b=t;switch(b.type){case"invoice":case"credit_memo":case"sales_receipt":case"delayed_credit":case"refund":{const E=e.filterOutLinkedTransactionLine(N);return o.jsxRuntimeExports.jsx(Qe,{children:o.jsxRuntimeExports.jsx(Ot,{windowSize:m,"data-testid":e.generateDataTestId(i,"customer-transaction-lines"),children:o.jsxRuntimeExports.jsx(oi,{lines:E,parentTransaction:b,classList:d,classHierarchyList:l,accountList:n,sectionId:i,isDisabled:g,isCOTEnabled:f,cotTracking:{lineId:E[0]?.id,transactionId:t.id,onCOTView:y},openTooltipId:v,setOpenTooltipId:C})})})}default:return console.log(`Transaction type ${b.type} doesn't have associated product or service`),null}}else if(se.isVendorTransaction(t)){const b=t;switch(b.type){case"expense":case"check":case"bill":case"bill_payment":case"vendor_credit":case"credit_card_credit":{const E=e.filterOutLinkedTransactionLine(N);return o.jsxRuntimeExports.jsx(Qe,{children:o.jsxRuntimeExports.jsx(Ot,{windowSize:m,"data-testid":e.generateDataTestId(i,"vendor-transaction-lines"),children:E.map((A,B)=>o.jsxRuntimeExports.jsx(si,{children:o.jsxRuntimeExports.jsxs(Qe,{children:[o.jsxRuntimeExports.jsx(Pt,{lineRecommendation:b.recommendationsWithCOT,lineItemLocalData:A,accountList:n,classList:d,sectionId:i,lineIndex:B,lineId:A.id,transaction:b,vendorName:p?.vendorUpdates?.name,bookCloseDate:b.bookCloseDate,containerRef:r,uncategorizedAccounts:c,searchAutoComplete:$,classHierarchyList:l,accountsHierarchyList:s,isDisabled:g,isCOTEnabled:f,cotTracking:{lineId:A.id,transactionId:b.id,onCOTView:y},openTooltipId:v,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:T}),B!==E.length-1?o.jsxRuntimeExports.jsx(tn,{}):null]},A.id)},A.id))})})}default:return console.log(`Transaction type ${b.type} doesn't have associated account or class info`),null}}else switch(t.type){case"deposit":{const b=e.filterOutLinkedTransactionLine(N);return o.jsxRuntimeExports.jsx(Qe,{children:o.jsxRuntimeExports.jsx(Ot,{windowSize:m,"data-testid":e.generateDataTestId(i,"deposit-transaction-lines"),children:b.map((E,A)=>o.jsxRuntimeExports.jsxs(Qe,{children:[o.jsxRuntimeExports.jsx(Pt,{lineItemLocalData:E,accountList:n,accountsHierarchyList:s,classHierarchyList:l,classList:d,transaction:t,sectionId:i,lineIndex:A,lineId:E.id,bookCloseDate:t.bookCloseDate,containerRef:r,uncategorizedAccounts:c,searchAutoComplete:$,transactionType:t.type,isDisabled:g,isCOTEnabled:f,cotTracking:{lineId:E.id,transactionId:t.id,onCOTView:y},openTooltipId:v,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:T}),A!==b.length-1?o.jsxRuntimeExports.jsx(tn,{}):null]},E.id))})})}case"journal_entry":{const b=e.filterOutLinkedTransactionLine(N);return o.jsxRuntimeExports.jsx(Qe,{"data-testid":e.generateDataTestId(i,"journal-entry-transaction-lines"),children:o.jsxRuntimeExports.jsx(Ds,{containerRef:r,lines:b,accountList:n,accountsHierarchyList:s,classHierarchyList:l,classList:d,sectionId:i,lineItemsLocalData:p,transaction:t,searchAutoComplete:$,uncategorizedAccounts:c,isDisabled:g,isCOTEnabled:f,cotTracking:{transactionId:t.id,onCOTView:y},openTooltipId:v,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:T})})}default:return console.log(`Transaction type ${t.type} doesn't have associated line items`),null}}const ai=a.div`
+  display: flex;
+  flex-direction: column;
+  padding-bottom: ${t=>Xe.detailPaddingBottom.valuePx(t.windowSize)};
+  padding-left: ${t=>Xe.detailPaddingLeftRight.valuePx(t.windowSize)};
+  padding-right: ${t=>Xe.detailPaddingLeftRight.valuePx(t.windowSize)};
+`;function ri({sectionId:t,linkedTransactions:n,onTransactionClick:s}){const l=e.useWindowSizeContext();return o.jsxRuntimeExports.jsx(ai,{windowSize:l,"data-testid":e.generateDataTestId(t,"linked-transaction-lines"),children:n.map(d=>o.jsxRuntimeExports.jsx(Jn,{transaction:d,onTransactionClick:s},d.id))})}function li({transaction:t,accountList:n,accountsHierarchyList:s,classHierarchyList:l,classList:d,sectionId:i,lineItemsLocalData:p,containerRef:r,uncategorizedAccounts:c,isDisabled:g,isCOTEnabled:f,searchAutoComplete:$,cotTracking:y,openTooltipId:v,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:T}){const m=R.useCallback((I,z,L,P)=>{y?.onCOTView!=null&&y.onCOTView(I,z,L,P)},[y]);return o.jsxRuntimeExports.jsx(ii,{transaction:t,accountList:n,accountsHierarchyList:s,classHierarchyList:l,classList:d,sectionId:i,lineItemsLocalData:p,containerRef:r,uncategorizedAccounts:c,isDisabled:g,isCOTEnabled:f,searchAutoComplete:$,handleCOTView:m,openTooltipId:v,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:T})}async function ci(t,n,s,l){const d=`${t}?query=${encodeURIComponent(JSON.stringify(s))}`,i=e.appLocale.getLocalizedStrings().downloadReport;try{const p=await o.fetch(d,{method:"GET",headers:{"zeni-user-id":n.userId,"zeni-tenant-id":n.tenantId,"zeni-session-id":n.sessionId}});if(p.ok){const r=l??e.getFileNameFromResponseHeaders(p.headers,"Financial Report.pdf"),c=await p.arrayBuffer();o.fileDownload(c,r)}else console.error(`${i.reportErrorMessage} ${p.statusText}`)}catch(p){console.error(`${i.reportErrorMessage} ${JSON.stringify(p)}`)}}const di={containerPadding:new e.ResponsiveSized(e.sp[3],e.sp[8])},pi=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  height: ${e.Space.sp4};
+`,ui=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.primary};
+  height: ${e.Space.sp4};
+`,mi=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+`,xi=a.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${e.Space.sp5} ${e.Space.sp0} ${e.Space.sp6} ${e.Space.sp0};
+`,hi=a.div`
+  display: flex;
+  width: 100%;
+  height: 1px;
+  background-color: ${t=>t.theme.colors.grey3};
+`,gi=a.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey5};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  padding: ${t=>`${e.Space.sp0} ${di.containerPadding.valuePx(t.windowSize)}`};
+`,yi=({title:t,value:n})=>o.jsxRuntimeExports.jsxs(mi,{children:[o.jsxRuntimeExports.jsx(pi,{children:t}),o.jsxRuntimeExports.jsx(ui,{children:n})]});function fi({transaction:t,vendorDetailsSectionId:n,existingVendor:s,existingCustomer:l,selectedEntity:d,isCOTEnabled:i,vendorSearchAutoComplete:p,headerStyles:r,recommendationsWithCOT:c,cotTracking:g,handleVendorRename:f,handleCustomerRename:$,openTooltipId:y,setOpenTooltipId:v}){const C=cn(t),T=e.useWindowSizeContext();return e.useSentryPerformanceTracking({componentName:"transaction.details"}),o.jsxRuntimeExports.jsxs(gi,{windowSize:T,style:r,"data-testid":e.generateDataTestId(n,"transaction-detail-header"),children:[o.jsxRuntimeExports.jsx(e.TransactionDetailTitle,{transaction:t,sectionId:n,isCOTEnabled:i,existingVendor:s,existingCustomer:l,selectedEntity:d,vendorSearchAutoComplete:p,recommendationsWithCOT:c,handleVendorRename:f,handleCustomerRename:$,cotTracking:g,openTooltipId:y,setOpenTooltipId:v}),o.jsxRuntimeExports.jsx(hi,{}),o.jsxRuntimeExports.jsx(xi,{children:C.map((m,I)=>o.jsxRuntimeExports.jsx("div",{style:{marginTop:I!==0?e.sp[3]:0},children:o.jsxRuntimeExports.jsx(yi,{title:m.title,value:m.value})},I))})]})}const Si=a.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${e.Colors.overlayDark};
+`,Ri=a.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: center;
+  text-align: center;
+  background: ${t=>t.theme.colors.grey5};
+  border-radius: ${e.Space.sp2};
+  position: relative;
+  top: 30%;
+`,Ci=a(e.H6Regular)`
+  margin-top: ${e.Space.sp7};
+  color: ${t=>t.theme.colors.primary};
+`,ji=a(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.hero};
+  padding-left: ${e.Space.sp8};
+  padding-right: ${e.Space.sp8};
+  margin-bottom: 30px;
+  margin-top: ${e.Space.sp4};
+  white-space: pre-line;
+`,bi=a.hr`
+  width: 100%;
+  border: 0.2px solid ${t=>t.theme.colors.grey3};
+`,vi=a.div`
+  padding-bottom: 20px;
+  padding-top: 10px;
+`;function wi(t){const n=e.useWindowSizeContext(),{title:s,description:l,buttonText:d}=$i(t.errorCode,t.transactionDate),i=()=>{t?.errorCode===409?t.action.onRefresh():t.action.onOkClick()},p=r=>{r.stopPropagation(),t.action.onOkClick()};return o.jsxRuntimeExports.jsx(Si,{windowSize:n,role:"presentation","data-testid":e.generateDataTestId("transaction-update-popup"),onClick:r=>p(r),children:o.jsxRuntimeExports.jsxs(Ri,{children:[o.jsxRuntimeExports.jsx(Ci,{children:s}),o.jsxRuntimeExports.jsx(ji,{children:l}),o.jsxRuntimeExports.jsx(bi,{}),o.jsxRuntimeExports.jsx(vi,{children:o.jsxRuntimeExports.jsx(e.Button,{variant:"primary",label:d,onClick:i,"data-testid":e.generateDataTestId(d,"transaction-update-popup-button")})})]})})}function $i(t,n){return t===406?{title:e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.error406.title,description:e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.error406.descriptionPrefix+n+e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.error406.descriptionSuffix,buttonText:e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.error406.buttonText}:t===409?{title:e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.error409.title,description:e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.error409.description,buttonText:e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.error409.buttonText}:{title:e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.default.title,description:e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.default.description,buttonText:e.appLocale.getLocalizedStrings().transactionDetail.errorPopup.default.buttonText}}const Ei={containerMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},Ii=()=>{const t=e.useWindowSizeContext(),n=e.appLocale.getLocalizedStrings().transactionDetail;return o.jsxRuntimeExports.jsx(Ti,{windowSize:t,children:o.jsxRuntimeExports.jsxs(Li,{windowSize:t,children:[o.jsxRuntimeExports.jsx(Oi,{height:e.Space.sp3,width:e.Space.sp3}),o.jsxRuntimeExports.jsx(zi,{children:n.updateInProgress})]})})},Ti=a.div`
+  display: flex;
+  border-radius: ${e.Space.sp2};
+  padding: 0 ${t=>Ei.containerMargin.valuePx(t.windowSize)};
+  height: ${e.Space.sp8};
+  background-color: ${t=>t.theme.colors.grey5};
+`,Li=a.div`
+  display: flex;
+  border-radius: ${e.Space.sp2};
+  padding: ${e.Space.sp3} ${e.Space.sp4} ${e.Space.sp3} ${e.Space.sp4};
+  background-color: ${e.Colors.alertLight};
+  align-items: center;
+  flex-grow: 1;
+`,Oi=a(e.SvgRefresh)`
+  margin-right: 10px;
+  color: ${e.Colors.alert};
+`,zi=a(e.StandardMedium)`
+  display: flex;
+  color: ${e.Colors.alert};
+`,pt={containerWidth:new e.ResponsiveSized(343,544),confirmationPopUpTitleMarginTop:new e.ResponsiveSized(e.sp[6],e.sp[7]),submitButtonWidth:new e.ResponsiveSized(145,158),cancelButtonWidth:new e.ResponsiveSized(121,156),errorLineItemGap:new e.ResponsiveSized(e.sp[2],12)},nn=e.appLocale.getLocalizedStrings().common,we=e.appLocale.getLocalizedStrings().transactionDetail.vendorBulkUpdateFetchRecommendationsPopUpInfo,ki=({fetchState:t})=>{switch(t){case"Not-Started":return o.jsxRuntimeExports.jsx(on,{});case"In-Progress":return o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return o.jsxRuntimeExports.jsx(un,{});default:return o.jsxRuntimeExports.jsx(on,{})}},Ai=t=>{switch(t){case"Not-Started":return we.buildingRecommendations;case"In-Progress":return we.buildingRecommendations;case"Completed":return we.recommendationsBuilt;default:return we.recommendationsBuildFailed}},Di=({recommendationsBuildStatus:t,setShowVendorRecommendationsBuildPopup:n,fetchRecommendations:s,clearVendorName:l,clearUpdateVendorBulkRecommendationsFetchStatus:d})=>{const i=e.useWindowSizeContext(),[p,r]=R.useState(!0),[c,g]=R.useState(!1),f=e.usePrevious(t),$=R.useRef(t);$.current=t,R.useEffect(()=>{setTimeout(()=>{p&&(r(!1),$.current==="Not-Started"&&s())},3e3)},[$,s,p]),R.useEffect(()=>{setTimeout(()=>{$.current!=="Completed"&&(d(),g(!0))},6e4)},[$,d]),R.useEffect(()=>{f==="In-Progress"&&t==="Completed"&&setTimeout(()=>{d(),n(!1)},1e3)},[t,f,n,d]);const y=t==="Error"||c;return o.jsxRuntimeExports.jsx(e.ConfirmationPopup,{action:{onOkClick:()=>{n(!1)},onCancelClick:()=>{l(),n(!1)}},shouldClickAway:y||t==="Completed",secondaryButtonVariant:"secondary",primaryButtonText:nn.footer.continueAnyway,secondaryButtonText:nn.footer.cancel,primaryButtonWidth:pt.submitButtonWidth.value(i),secondaryButtonWidth:pt.cancelButtonWidth.value(i),formId:"vendorBulkUpdateFetchRecommendationsPopup",descriptionComponent:o.jsxRuntimeExports.jsx(Bi,{size:i,children:o.jsxRuntimeExports.jsxs(Ui,{recommendationsBuildFailed:y,children:[o.jsxRuntimeExports.jsxs(an,{isDisabled:!1,isSuccess:!p,children:[p?o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):o.jsxRuntimeExports.jsx(un,{}),o.jsxRuntimeExports.jsx(sn,{isDisabled:!1,children:p?we.applyingVendorName:we.appliedVendorName})]}),y?o.jsxRuntimeExports.jsxs(_i,{size:i,children:[o.jsxRuntimeExports.jsx(Vi,{}),o.jsxRuntimeExports.jsx(Pi,{children:we.recommendationsBuildFailed})]}):o.jsxRuntimeExports.jsxs(an,{isDisabled:t==="Not-Started",isSuccess:t==="Completed",children:[o.jsxRuntimeExports.jsx(ki,{fetchState:t}),o.jsxRuntimeExports.jsx(sn,{isDisabled:t==="Not-Started",children:Ai(t)})]})]})}),titleComponent:o.jsxRuntimeExports.jsx(Ni,{size:i,children:we.title}),showFooter:y,containerStyle:{width:pt.containerWidth.value(i),maxWidth:"unset"}})},Vi=a(e.SvgHighImportanceFill)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  flex-shrink: 0;
+  color: ${e.Colors.brandColorGoldDark};
+`,on=a(Dn.SvgRadioDefault)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  flex-shrink: 0;
+  color: ${t=>t.theme.colors.grey3};
+`,sn=a.div`
+  color: ${t=>t.isDisabled?t.theme.colors.grey2:t.theme.colors.primary};
+  text-align: left;
+`,Pi=a.div`
+  color: ${e.Colors.brandColorGoldDark};
+`,an=a.div`
+  display: flex;
+  align-items: center;
+  gap: ${t=>t.isSuccess?e.Space.sp2:e.Space.sp3};
+  border: 1px solid
+    ${t=>t.isDisabled?t.theme.colors.grey3:t.theme.colors.primary};
+  padding: 12px;
+  border-radius: ${e.Space.sp2};
+`,Ui=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.Space.sp3};
+  margin-bottom: ${t=>t.recommendationsBuildFailed===!0?0:e.Space.sp3};
+`,_i=a.div`
+  display: flex;
+  align-items: center;
+  gap: ${t=>pt.errorLineItemGap.valuePx(t.size)};
+  border: 1px solid ${t=>t.theme.colors.brandColorGold};
+  background-color: ${e.Colors.alertLight};
+  padding: ${e.Space.sp3};
+  border-radius: ${e.Space.sp2};
+  text-align: left;
+`,Ni=a(e.H6Regular)`
+  margin-top: ${t=>pt.confirmationPopUpTitleMarginTop.valuePx(t.size)};
+  padding-left: 44px;
+  padding-right: 44px;
+  color: ${t=>t.theme.colors.primary};
+  word-break: break-word;
+  width: ${t=>t.size==="small"?"max-content":"-webkit-fill-available"};
+`,Bi=a(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.hero};
+  padding-left: 44px;
+  padding-right: 44px;
+  margin-bottom: ${e.Space.sp5};
+  margin-top: ${e.Space.sp4};
+  white-space: pre-line;
+  width: 100%;
+`,un=a(e.SvgTickRoundFill)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  flex-shrink: 0;
+  color: ${e.Colors.success};
+`,rn={buttonWidth:new e.ResponsiveSized(85,85)},Wi=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  width: 100%;
+  justify-content: space-between;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey4};
+  box-shadow: ${t=>t.theme.colors.elevation1};
+`,Mi=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  height: 100vh;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,ln=a.div`
+  display: flex;
+  flex-direction: column;
+`,oe="lineInfo",Ne="memo",Ze="vendorDetails",We="updatePreviousTransactionWithNewVendor",Me="isUpdateVendorToAllLineItemsChecked",Ut=t=>`${t}_form`;function Fi(t,n,s){return ci(t,n,s)}const te=e.appLocale.getLocalizedStrings();function qi({firstMonthOfFY:t,transactionDetail:n,transactionAttachmentEndpointToDownload:s,transactionAttachmentsEndpointToFetch:l,attachmentUploadEndpoint:d,isNavBarVisible:i=!0,isDisabled:p,isCOTEnabled:r,isVendorBulkUpdateOnTransactionEnabled:c,authParams:g,trendReport:f,analytics:$,uncategorizedAccounts:y,vendorSaveStatus:v,containerStyles:C,headerStyles:T,autoCompleteData:m,autoCompleteActions:I,enableBackClickOnSave:z,onTransactionClick:L,onBackClick:P,onTrendSelectedPeriodChange:N,onUploadAttachmentAttachment:b,onDeleteAttachment:E,onSaveUpdates:A,onResetLineItemsCategoryClassInLocalData:B,onSaveTransactionDetailLocalData:O,saveLatestSelectedEntity:H,onSaveSuccess:ne,onPageRefresh:X,onUpdateAllChecked:S,onChangeCategoryClassWhenUpdateAllIsChecked:U,discardTransactionDetailLocalData:M,onFetchRecommendationsForEntity:re,updateVendorBulkRecommendationsFetchStatus:pe,clearRecommendationForLineId:ee,resetUpdateErrorState:$e,onSaveVendorInLocalData:Ee,onSaveCustomerInLocalData:ue,onSaveTransactionIdInNewVendorLocalData:Re,onUpdateAllTranactionsWithCurrentVendorChecked:ie,onClickUpdateVendorToAllLineItems:Ie,onResetVendorToAllLineItems:Ce,setIsVendorUpdateAllChecked:$t}){const ut=R.useRef(null),me=R.useRef(),{useDynamicConfig:Ke}=e.useZeniFeatureContext(),{configValue:Et}=Ke(e.DynamicConfigNames.enableUncategorizedExpenseCategory),Te=o.useTheme(),F=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:Ue(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView)}),{vendorUpdates:le,vendorDetails:Le,customerUpdates:et,customerDetails:ge}=n.transactionDetailLocalData,Fe=Object.keys(n.transactionDetailLocalData.lineItemById)[0],[tt,qe]=R.useState(n.transaction?.attachments??[]),[It,mt]=R.useState(!1),[He,je]=R.useState([]),[xt,ht]=R.useState([]),[Oe,nt]=R.useState(void 0),[ze,ot]=R.useState(n.transaction?.id??""),[gt,ke]=R.useState(void 0),Ge=R.useRef([]),Ye=(x,w,j,G)=>{if(w!==ze||G==null||G==="")return;const Y=[...Ge.current];let q=Y.find(xe=>xe.lineId===x);if(q==null)q={lineId:x,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}},Y.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 xe=Y.findIndex(rt=>rt.lineId===x);Y[xe]=q}const Q=q[j];Q.recommendationTypesViewed.includes(G)||Q.recommendationTypesViewed.push(G),Ge.current=Y},ye=n.transactionDetailUpdateStatus?.fetchState??"Not-Started",st=e.useWindowSizeContext(),{common:{footer:it},dateFormat:yt}=e.appLocale.getLocalizedStrings(),[ft,Ae]=R.useState(void 0),h=R.useRef(),D=e.usePrevious(n.transactionDetailUpdateStatus?.fetchState),V=e.usePrevious(m.entityAutoCompleteView.fetchState),ce=e.usePrevious(n.fetchState),at=n.transaction!=null?e.getColorForTransactionType(n.transaction?.type,Te):void 0;R.useEffect(()=>{m.entityAutoCompleteView.fetchState==="Completed"&&me.current?.(e.getGroupedEntityOptions(m.entityAutoCompleteView))},[m.entityAutoCompleteView.fetchState]);const hn=(x,w)=>{St(),I.onAutoCompleteInputChange?.(x),me.current=w},gn=async(x,w)=>{if(x.includes("lineDescription")||x.includes(Ne))return;const j=Object.assign({},n.transaction),G=x.split(".")[1];let Y=n.transactionDetailLocalData.latestSelectedEntityOnLineItem,q,Q=w.isUpdateVendorToAllLineItemsChecked;if(x.includes(Ne)===!1&&x.includes(Ze)===!1&&x.includes(We)===!1&&x.includes(Me)===!1&&x!==oe){const k=parseInt(x.split(".")[1]),J=w[oe][k].id;q=J;const u=o.cloneDeep(w[oe][k]);let _=!1;if(x.includes(e.transactionDetailLineCategory)||x.includes(e.transactionDetailLineClass)){if(x.includes(e.transactionDetailLineCategory)){const Z=fn(J,k,w);u[e.transactionDetailLineIsRecommendedCategorySelected]!==Z&&(u[e.transactionDetailLineIsRecommendedCategorySelected]=Z,_=!0),u[e.transactionDetailLineCategory].selectedOption!=null&&u[e.transactionDetailLineCategory].selectedOption===u[e.transactionDetailLineCategoryRecommendation]?.qboId&&!u[e.transactionDetailLineIsUpdateCategorySelected]?(u[e.transactionDetailLineIsUpdateCategorySelected]=!0,_=!0):(u[e.transactionDetailLineIsUpdateCategorySelected]=!1,_=!0),u[e.transactionDetailLineCategory].selectedOption!=null&&u[e.transactionDetailLineCategory].selectedOption===u[e.transactionDetailLineRetainedCategory]?.qboId&&!u[e.transactionDetailLineIsUpdateCategorySelected]?(u[e.transactionDetailLineIsCategoryRetained]=!0,_=!0):(u[e.transactionDetailLineIsCategoryRetained]=!1,_=!0)}if(x.includes(e.transactionDetailLineClass)&&(u[e.transactionDetailLineIsRecommendedClassSelected]!==Wt(J,k,w)&&(u[e.transactionDetailLineIsRecommendedClassSelected]=Wt(J,k,w),_=!0),u[e.transactionDetailLineClass].selectedOption!=null&&u[e.transactionDetailLineClass].selectedOption===u[e.transactionDetailLineClassRecommendation]?.classId&&!u[e.transactionDetailLineIsUpdateClassSelected]?(u[e.transactionDetailLineIsUpdateClassSelected]=!0,_=!0):(u[e.transactionDetailLineIsUpdateClassSelected]=!1,_=!0),u[e.transactionDetailLineClass].selectedOption!=null&&u[e.transactionDetailLineClass].selectedOption===u[e.transactionDetailLineRetainedClass]?.classId&&!u[e.transactionDetailLineIsUpdateClassSelected]?(u[e.transactionDetailLineIsClassRetained]=!0,_=!0):(u[e.transactionDetailLineIsClassRetained]=!1,_=!0)),u[e.transactionDetailUpdateAllChecked]===!0){const Z=e.getCustomerVendorEntityInfo(u,n.transactionDetailLocalData,u[e.transactionDetaiLineEntitySelection].selectedOption,G,m.entityAutoCompleteView);U?.(!u[e.transactionDetailUpdateAllChecked],Z)}}if(x.includes(e.transactionDetailLineIsUpdateCategorySelected))if(u[e.transactionDetailLineIsUpdateCategorySelected]===!1){B?.({id:j.id,type:j.type},j,[J],Tt(k,J,w),"account",!1);return}else u[e.transactionDetailLineIsUpdateCategorySelected]===!0&&u[e.transactionDetailLineCategory].selectedOption!==u[e.transactionDetailLineCategoryRecommendation]?.qboId&&(u[e.transactionDetailLineCategory].selectedOption=u[e.transactionDetailLineCategoryRecommendation]?.qboId,u[e.transactionDetailLineIsRecommendedCategorySelected]=!0,u[e.transactionDetailLineIsCategoryRetained]=!1,_=!0);if(x.includes(e.transactionDetailLineIsUpdateClassSelected))if(u[e.transactionDetailLineIsUpdateClassSelected]===!1){B?.({id:j.id,type:j.type},j,[J],Tt(k,J,w),"class",!1);return}else u[e.transactionDetailLineIsUpdateClassSelected]===!0&&u[e.transactionDetailLineClass].selectedOption!==u[e.transactionDetailLineClassRecommendation]?.classId&&(u[e.transactionDetailLineClass].selectedOption=u[e.transactionDetailLineClassRecommendation]?.classId,u[e.transactionDetailLineIsRecommendedClassSelected]=!0,u[e.transactionDetailLineIsClassRetained]=!1,_=!0);if(x.includes(e.transactionDetailLineIsCategoryRetained)&&u[e.transactionDetailLineIsCategoryRetained]===!0&&u[e.transactionDetailLineCategory].selectedOption!==u[e.transactionDetailLineRetainedCategory]?.qboId&&(u[e.transactionDetailLineCategory].selectedOption=u[e.transactionDetailLineRetainedCategory]?.qboId,u[e.transactionDetailLineIsUpdateCategorySelected]=!1,u[e.transactionDetailLineIsRecommendedCategorySelected]=!1,_=!0),x.includes(e.transactionDetailLineIsClassRetained)&&u[e.transactionDetailLineIsClassRetained]===!0&&u[e.transactionDetailLineClass].selectedOption!==u[e.transactionDetailLineRetainedClass]?.classId&&(u[e.transactionDetailLineClass].selectedOption=u[e.transactionDetailLineRetainedClass]?.classId,u[e.transactionDetailLineIsUpdateClassSelected]=!1,u[e.transactionDetailLineIsRecommendedClassSelected]=!1,_=!0),x.includes(e.transactionDetailUpdateAllChecked))if(u[e.transactionDetailUpdateAllChecked]===!0){const Z=u[e.transactionDetailLineCategory].selectedOption,ae=u[e.transactionDetailLineClass].selectedOption,Je=n.accountList.accounts.find(W=>W.qboId===Z),de=n.classList.classes.find(W=>W.classId===ae);u[e.transactionDetailLineIsRecommendedClassSelected]=!0;const he=e.getCustomerVendorEntityInfo(u,n.transactionDetailLocalData,u[e.transactionDetaiLineEntitySelection].selectedOption,G,m.entityAutoCompleteView);S?.(u[e.transactionDetailUpdateAllChecked],Je!=null?{account:Je,updateOrRetain:u[e.transactionDetailLineIsUpdateCategorySelected]===!0?"update":"retain"}:void 0,de!=null?{classBase:de,updateOrRetain:u[e.transactionDetailLineIsUpdateClassSelected]===!0?"update":"retain"}:void 0,he);return}else{B?.({id:j.id,type:j.type},j,Tt(k,J,w),[J],"both",!1);return}if(x.includes(e.transactionDetailLineEntity)&&u[e.transactionDetaiLineEntitySelection].selectedOption==null){ee?.({transactionId:{id:j.id,type:j.type},transaction:j,lineId:J}),_=!0;return}if(x.includes(e.transactionDetailLineEntity)&&u[e.transactionDetaiLineEntitySelection].selectedOption!=null&&(Y=e.getCustomerVendorEntityInfo(u,n.transactionDetailLocalData,u[e.transactionDetaiLineEntitySelection].selectedOption,J,m.entityAutoCompleteView),Y!=null)){const Z={id:j.id,type:j.type};H(Z,J,Y),re?.(Y,u.amount.amount,{transactionId:{id:j.id,type:j.type},transaction:j,lineIds:[J]},!1),n.transaction!=null&&n.transactionDetailLocalData.isVendorUpdateAllChecked&&($t(Z,n.transaction,!1),Q=!1,_=!0)}if(_){const Z={...w};Z[oe][k]=u,F.reset(Z,{keepDefaultValues:!0,keepDirty:!0})}}const xe=k=>{const J=parseInt(k.split(".")[1]),u=w[oe][J][e.transactionDetaiLineEntitySelection].selectedOption;if(u==null)return!1;let _=!1;return w.lineInfo.forEach((Z,ae)=>{if(J!==ae){const Je=Z[e.transactionDetaiLineEntitySelection].selectedOption;Je!=null&&u===Je&&(_=_||Z[e.transactionDetailUpdateAllChecked])}}),!k.includes(e.transactionDetailLineEntity)&&_},rt=k=>k!==oe?n.transaction!=null&&(se.isVendorTransaction(n.transaction)||se.isCustomerTransaction(n.transaction))?k.includes(Ne)===!1&&k.includes(e.transactionDetailLineDescription)===!1:k.includes(Ne)===!1&&k.includes(e.transactionDetailLineDescription)===!1&&xe(k):!1;if(x!==oe&&x!==Ze&&x!==Me&&x!==We){const k=zt(w,n.accountList,n.classList,m,rt(x),G,n.transactionDetailLocalData,Y,q,Q);O?.({id:j.id,type:j.type},k)}if(x===Ze){const k=w[Ze];if(k.selectedOption!==le?.qboId||k.selectedOption!==et?.qboId){const J=k.defaultOptions,u=k.selectedOption,_=m.entityAutoCompleteView.vendor.find(W=>W.qboId===k.selectedOption),Z=J?.flatMap(W=>W.options).find(W=>W.value===u)?.label,ae=m.entityAutoCompleteView.customer.find(W=>W.qboId===k.selectedOption),de=n.transactionDetailLocalData.lineItemById[Fe]?.recommendationsWithCOT?.find(W=>W.vendor?.qboId===k.selectedOption)?.vendor,he={id:j.id,type:j.type};if(_==null&&de==null&&ae==null){if(Re?.(he),n.transaction!=null){const W=u!==""&&u!=null?u:Z!==""&&Z!=null?Z:"",De={name:Z??u??"",id:W,qboId:W},Ve={id:W,type:"vendor",qboId:W,zeniId:W,name:Z??u??""},Pe={transaction:n.transaction,transactionId:he,lineIds:n.transaction.lines?.map(kn=>kn.id)??[]};Ee?.(he,De,Ve,n.transaction.amount.amount,Pe)}}else if(_!=null&&ae==null){if(n.transaction!=null){const W={name:_.name,id:_.zeniId,qboId:_.qboId},De={id:_.id,type:"vendor",qboId:_.qboId,zeniId:_.qboId,name:_.name},Ve={transaction:n.transaction,transactionId:he,lineIds:n.transaction.lines?.map(Pe=>Pe.id)??[]};Ee?.(he,W,De,n.transaction.amount.amount,Ve)}}else if(de?.id!=null&&de?.qboId!=null&&ae==null){if(n.transaction!=null){const W={name:de.name,id:de.id,qboId:de.qboId},De={id:de.id,type:"vendor",qboId:de.qboId,zeniId:de.qboId,name:de.name},Ve={transaction:n.transaction,transactionId:he,lineIds:n.transaction.lines?.map(Pe=>Pe.id)??[]};Ee?.(he,W,De,n.transaction.amount.amount,Ve)}}else if(ae!=null&&n.transaction!=null){const W={name:ae.name,id:ae.zeniId,qboId:ae.qboId},De={id:ae.id,type:"customer",qboId:ae.qboId,zeniId:ae.qboId,name:ae.name},Ve={transaction:n.transaction,transactionId:he,lineIds:n.transaction.lines?.map(Pe=>Pe.id)??[]};ue?.(he,W,De,n.transaction.amount.amount,Ve)}}I.onCancelAutoComplete?.();return}if(x===We){const k=w[We];ie?.(k)}if(x===Me){const k=w[Me],J=n.transactionDetailLocalData.latestSelectedEntityOnLineItem;k===!0&&n.transaction!=null&&J!=null?(Ie?.({id:j.id,type:j.type},n.transaction,J),mt(!0)):k===!1&&n.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&Ce?.({id:j.id,type:j.type},j,n.transactionDetailLocalData.latestUpdatedLineWithEntity)}},yn=(x,w)=>{if(x!=null&&w!=null){const j=x.qboId??x.id,G=w.qboId??w.id;return j===G}return!1},Tt=(x,w,j)=>{const G=n.transaction;if(G!=null&&(se.isVendorTransaction(G)||se.isCustomerTransaction(G)))return j[oe].filter(Q=>Q.id!==w).map(Q=>Q.id);const Y=e.getCustomerVendorEntityInfo(j[oe][x],n.transactionDetailLocalData,j[oe][x][e.transactionDetaiLineEntitySelection].selectedOption,x.toString(),m.entityAutoCompleteView);return Y!=null?j[oe].filter((Q,xe)=>{const rt=e.getCustomerVendorEntityInfo(Q,n.transactionDetailLocalData,Q[e.transactionDetaiLineEntitySelection].selectedOption,xe.toString(),m.entityAutoCompleteView);return yn(Y,rt)&&Q.id!==w}).map(Q=>Q.id):[]},fn=(x,w,j)=>!!(n.transactionDetailLocalData.lineItemById[x].recommendationsWithCOT?.map(Y=>Y.account?.qboId)??[]).includes(j[oe][w][e.transactionDetailLineCategory].selectedOption),Wt=(x,w,j)=>!!(n.transactionDetailLocalData.lineItemById[x].recommendationsWithCOT?.map(Y=>Y.class?.classId)??[]).includes(j[oe][w][e.transactionDetailLineClass].selectedOption),Sn=()=>{M?.(),P?.()};R.useEffect(()=>{const x=F.watch((w,{name:j})=>{j!=null&&w!=null&&j!=null&&w!=null&&o.defer(()=>gn(j,w))});return()=>{x.unsubscribe()}}),R.useEffect(()=>()=>{M?.()},[]),R.useEffect(()=>{n.transaction&&ze!==n.transaction?.id&&(ot(n.transaction?.id??""),F.reset(Ue(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView)))},[n,ze,m.entityAutoCompleteView,F]),R.useEffect(()=>{o.isEqual(F.getValues(),Ue(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView))||F.reset(Ue(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[n.transactionDetailLocalData,n.accountList,n.classList,n.transaction?.recommendationsWithCOT,m.entityAutoCompleteView,F]),R.useEffect(()=>{async function x(w){He.includes(w.attachment_id)?console.warn(`Attachment with ID ${w.attachment_id} is already getting downloaded`):(je([w.attachment_id,...He]),await Fi(s,g,w),je(o.Remove(He,j=>j==w.attachment_id)))}n.fetchState==="Completed"&&n.transaction!=null&&Oe!=null&&(x({transaction_key:{transaction_id:n.transaction.id,transaction_type:n.transaction.type},attachment_id:Oe}),nt(void 0))},[Oe]),R.useEffect(()=>{(D==="In-Progress"||D==="Not-Started")&&ye==="Error"?Ae(ye):ye==="Completed"&&(D==="In-Progress"||D==="Not-Started")&&F.formState.isDirty&&(F.reset(Ue(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView)),ne?.()),ye==="Completed"&&(D==="In-Progress"||D==="Not-Started")&&z===!0&&P?.(),m.entityAutoCompleteView.fetchState==="Completed"&&(V==="In-Progress"||V==="Not-Started")&&F.reset(Ue(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[ye,z,F,ne,n,D,m,V,P]),R.useEffect(()=>{(ce==="In-Progress"||ce==="Not-Started")&&n.fetchState==="Completed"&&F.reset(Ue(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView))},[F,n,n.fetchState,ce,m]),R.useEffect(()=>{n.fetchState==="Completed"&&n.transaction?.attachments!=null&&qe(n.transaction.attachments)},[n]),R.useEffect(()=>{m.entityAutoCompleteView.fetchState==="Completed"&&h.current?.(e.getGroupedForPayeeEntityOptionsWithCOT(m.entityAutoCompleteView,n.transactionDetailLocalData.selectedEntity??n.transactionDetailLocalData.latestSelectedEntityOnLineItem,n.transactionDetailLocalData.lineItemById[Fe]?.recommendationsWithCOT))},[m.entityAutoCompleteView.fetchState]);const Rn=(x,w)=>{Yi(x,$,w,f?.trendReport?.entity,n.transaction),N?.(w)},Cn=F.handleSubmit(x=>{const j=zt(x,n.accountList,n.classList,m,!1,void 0,n.transactionDetailLocalData);if(n.transaction!=null){$?.trackTransactionDetailsSave(n.transaction.account?.accountId,n.transaction.account?.accountName,n.transaction.id,void 0,n.transaction.type,se.getChangedLineItemCountFromLocalData(n.transaction,j),j.memo,n.transaction.attachments?.map(q=>q.fileName)),O?.({id:n.transaction.id,type:n.transaction.type},j);const G=j.vendorDetails?.id!=null&&j.vendorDetails?.id===j.vendorUpdates?.id&&j.vendorDetails?.name!==j.vendorUpdates?.name,Y=Ge.current;A?.({id:n.transaction.id,type:n.transaction.type},Y,le?.id,G),Ge.current=[]}}),St=()=>{if(n.transaction!=null){const x=F.getValues(),w=zt(x,n.accountList,n.classList,m,!1,void 0,n.transactionDetailLocalData);O?.({id:n.transaction.id,type:n.transaction.type},w)}};async function jn(x,w,j,G,Y,q){ht([q.toString()]),await wt.uploadAttachment(x,w,j,G,Y).then(({uploadResponse:Q})=>{if(Q!=null&&n.transaction!==void 0){const xe=Q.transaction.attachments;Array.isArray(xe)&&xe[0]!=null?(qe([se.toAttachment(xe[0])]),b(Q.transaction)):console.warn("Upload attachment response has no attachments; skipping update.")}}),ht(o.Remove(xt,Q=>Q==q.toString()))}const bn=n.fetchState==="In-Progress"||n.fetchState==="Not-Started",vn={onOkClick:()=>{Ae(void 0),F.reset(),$e?.()},onRefresh:()=>{Ae(void 0),F.reset(),$e?.(),X?.()}},wn=x=>{n.transaction!=null&&Ee?.({id:n.transaction.id,type:n.transaction.type},{name:x,id:Le?.id,qboId:Le?.qboId})},$n=x=>{n.transaction!=null&&ue?.({id:n.transaction.id,type:n.transaction.type},{name:x,id:ge?.id,qboId:ge?.qboId})},En=()=>!!(F.formState.isDirty&&Object.keys(F.formState.dirtyFields).length>0||le?.id!==Le?.id||le?.name!==Le?.name||et?.id!==ge?.id||et?.name!==ge?.name),In=(x,w)=>{St(),I.onAutoCompleteInputChange?.(x),h.current=w},Tn={defaultOptions:e.getDefaultVendorOptions(le?.qboId,le?.name,m?.entityAutoCompleteView),selectedOption:le?.qboId!=null?le?.qboId:le?.name!=null&&le?.name!==""?le?.name:""},Ln=()=>{const x=n.transactionDetailLocalData.latestSelectedEntityOnLineItem;if(x!=null&&n.transaction!=null){const w=n.transaction.lines?.map(j=>j.id);pe({id:n.transaction.id,type:n.transaction.type},"In-Progress"),re?.(x,n.transaction.lines?.[0].amount.amount??0,{transactionId:{id:n.transaction.id,type:n.transaction.type},transaction:n.transaction,lineIds:w??[]},!0)}},On=()=>{n.transaction!=null&&n.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&Ce?.({id:n.transaction.id,type:n.transaction.type},n.transaction,n.transactionDetailLocalData.latestUpdatedLineWithEntity)},zn=()=>{n.transaction!=null&&pe({id:n.transaction.id,type:n.transaction.type},"Not-Started")};return o.jsxRuntimeExports.jsx(Wi,{ref:ut,style:C,"data-testid":e.generateDataTestId("transaction-detail-page"),children:o.jsxRuntimeExports.jsxs(o.FormProvider,{...F,children:[o.jsxRuntimeExports.jsx("form",{id:Ut(e.transactionDetailPage),onSubmit:Cn,children:bn===!1&&n.transaction!=null?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[i?o.jsxRuntimeExports.jsx(e.NavBar,{title:e.getTitle(n.transaction,le?.name),onBackClick:Sn,style:{zIndex:3},backgroundColor:Te.colors.grey5,enableTitleOnScroll:!0,source:"TransactionDetailPage"}):null,ft==="Error"?o.jsxRuntimeExports.jsx(wi,{errorCode:n.transactionDetailUpdateStatus?.error!==void 0?n.transactionDetailUpdateStatus?.error.code:500,action:vn,transactionDate:n.transaction?.date.format(yt.visual.MMMYYYYFormat)}):null,It?o.jsxRuntimeExports.jsx(Di,{recommendationsBuildStatus:n.transactionDetailLocalData.vendorBulkUpdateCategoryClassRecommendationsFetchStatus?.fetchState,fetchRecommendations:Ln,setShowVendorRecommendationsBuildPopup:mt,clearVendorName:On,clearUpdateVendorBulkRecommendationsFetchStatus:zn}):null,n.transaction.isUpdatingTransaction===!0||n.isUpdateNotAllowed===!0?o.jsxRuntimeExports.jsx(Ii,{}):null,o.jsxRuntimeExports.jsx(fi,{vendorDetailsSectionId:Ze,transaction:n.transaction,existingVendor:Le,existingCustomer:ge,isCOTEnabled:r,selectedEntity:n.transactionDetailLocalData.selectedEntity,headerStyles:T,vendorSearchAutoComplete:{autoCompleteData:m,loadOptions:In},handleVendorRename:wn,handleCustomerRename:$n,currentVendorOption:Tn,recommendationsWithCOT:n.transactionDetailLocalData.lineItemById[Fe]?.recommendationsWithCOT,cotTracking:{lineId:Fe,transactionId:ze,onCOTView:Ye},openTooltipId:gt,setOpenTooltipId:ke}),o.jsxRuntimeExports.jsxs(ln,{children:[o.jsxRuntimeExports.jsxs(ln,{children:[o.jsxRuntimeExports.jsx(li,{containerRef:ut.current,transaction:n.transaction,accountList:n.accountList.accounts,accountsHierarchyList:n.accountsHierarchyList,classHierarchyList:n.classHierarchyList,classList:n.classList.classes,sectionId:oe,isDisabled:p,isCOTEnabled:r,lineItemsLocalData:n.transactionDetailLocalData,uncategorizedAccounts:y,searchAutoComplete:{autoCompleteData:m,loadOptions:hn,autoCompleteActions:I},cotTracking:{transactionId:ze,onCOTView:Ye},openTooltipId:gt,setOpenTooltipId:ke,isUncategorizedExpenseCategoryEnabled:Et?.uncategorized_expense_category_enabled===!0}),o.jsxRuntimeExports.jsx(e.TransactionLineMemoAndAttachment,{transaction:n.transaction,deleteStatusByAttachmentName:n.deleteStatusByAttachmentName,memo:n.transactionDetailLocalData.memo,attachments:tt,sectionId:Ne,attachmentIdsBeingDownloaded:He,attachmentIdsBeingUploaded:xt,isDisabled:p,authParams:g,onDeleteAttachment:x=>{St(),E(x)},transactionAttachmentsEndpointToFetch:l,onAttachmentClick:x=>{Ji(x.id,$,n.transaction),nt(x.id)},onUploadAttachment:(x,w,j,G)=>{St(),Qi($,n.transaction,w,x.type),jn(d,g,x,w,j,G)}})]}),o.jsxRuntimeExports.jsx(ri,{sectionId:oe,linkedTransactions:n.linkedTransactions,onTransactionClick:L})]}),f?.trendReport?.dataAvailable!=null&&o.jsxRuntimeExports.jsx(An.TrendWithTransactions,{firstMonthOfFY:t,trendWithTransactionsReport:f,isDetailPage:!0,graphColor:at,page:"TransactionDetailPage",onTimePeriodChange:Rn,onTransactionItemClick:L})]}):o.jsxRuntimeExports.jsx(Mi,{style:C,children:o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})})}),En()?o.jsxRuntimeExports.jsx(e.Footer,{formId:Ut(e.transactionDetailPage),primaryBtn:{label:it.save,isLoading:ye==="In-Progress"||v==="In-Progress",style:{width:rn.buttonWidth.value(st)},isDisabled:!1},cancelBtn:{label:it.cancel,style:{width:rn.buttonWidth.value(st)},onClick:()=>{F.reset(),M?.()}},topComponent:Hi(n,c)===!0?Gi(Te,n):null}):null]})})}const Hi=(t,n)=>{const{vendorUpdates:s,vendorDetails:l}=t.transactionDetailLocalData,d=mn(t.transactionDetailLocalData);return l?.id!=null&&s?.id!=null&&l.id!==s.id||l?.id!=null&&s?.id!=null&&l.name!==s.name||n&&d},Gi=(t,n)=>{const{vendorUpdates:s,vendorDetails:l}=n.transactionDetailLocalData,d=l?.id!=null&&l.id!==s?.id,i=mn(n.transactionDetailLocalData),p=n.transactionDetailLocalData.latestSelectedEntityOnLineItem;return o.jsxRuntimeExports.jsxs(Zi,{children:[i&&p!=null?o.jsxRuntimeExports.jsx(Mt.LabeledControlledCheckBoxField,{style:{width:"auto"},label:{label:o.jsxRuntimeExports.jsxs(kt,{children:[te.common.texts.update,te.common.strings.space,p.type,te.common.strings.space,te.common.texts.name.toLocaleLowerCase(),te.common.strings.space,o.jsxRuntimeExports.jsx(jt,{children:o.jsxRuntimeExports.jsx(dt,{children:p.name})}),te.transactionDetail.footer.forAllLineItems]}),style:{color:t.colors.primary}},checkBoxField:{defaultChecked:n.transactionDetailLocalData.isVendorUpdateAllChecked??!1,name:Me,checkBoxValue:Me}}):d===!0?o.jsxRuntimeExports.jsx(Mt.LabeledControlledCheckBoxField,{style:{width:"auto"},label:{label:o.jsxRuntimeExports.jsxs(kt,{children:[te.transactionDetail.footer.allTransactions,o.jsxRuntimeExports.jsx(jt,{children:o.jsxRuntimeExports.jsx(dt,{children:n.transactionDetailLocalData.vendorDetails?.name??te.common.strings.empty})}),te.transactionDetail.footer.willUpdate,o.jsxRuntimeExports.jsx(jt,{children:o.jsxRuntimeExports.jsx(dt,{children:n.transactionDetailLocalData.vendorUpdates?.name??te.common.strings.empty})}),te.transactionDetail.footer.postBookCloseData,`${n?.transaction?.bookCloseDate?.format(te.dateFormat.visual.MMMDCommaYYYYformat)}
+           .`]}),style:{color:t.colors.primary}},checkBoxField:{defaultChecked:n.transactionDetailLocalData.updatePreviousTransactionsWithUpdatedVendor??!1,name:We,checkBoxValue:We}}):o.jsxRuntimeExports.jsxs(kt,{children:[te.transactionDetail.footer.allTransactions,o.jsxRuntimeExports.jsx(jt,{children:o.jsxRuntimeExports.jsx(dt,{children:l?.name??te.common.strings.empty})}),te.transactionDetail.footer.willUpdate,o.jsxRuntimeExports.jsx("q",{children:o.jsxRuntimeExports.jsx(dt,{children:s?.name??te.common.strings.empty})})]}),o.jsxRuntimeExports.jsx(Xi,{})]})},mn=t=>t.latestSelectedEntityOnLineItem!=null&&t.latestSelectedEntityOnLineItem.type==="vendor",Bt=t=>(se.isCustomerTransaction(t)===!0||se.isVendorTransactionWithCustomer(t)===!0)&&t.customer!=null?t.customer?.name??"":se.isVendorTransaction(t)===!0&&t.vendor!=null?t.vendor?.name??"":t.memo??t.type,xn=t=>{const n=[],s=[],l=[],d=[];return t.lines?.forEach(i=>{switch(i.type){case"transaction_with_account_and_class_line":case"transaction_with_product_or_service_line":case"journal_entry_transaction_line":{n.push(i.account.accountId),s.push(i.account.accountName);const p=i.class.className;p!==""&&(d.push(p),l.push(i.class.classId??""));break}}}),{accountIds:n,accountNames:s,classIds:l,classNames:d}},Yi=(t,n,s,l,d)=>{if(t==="Chart"&&s!=null&&l!=null&&d!=null){const{accountIds:i,accountNames:p,classIds:r,classNames:c}=xn(d),g=Bt(d);n?.trackSpendIncomeTrendForTransaction(l.type==="vendor"?At.Event.spendTrend:At.Event.incomeTrend,"Transaction Details",d.id,d.type,g,i,p,r,c,s?.addTimePeriod.startDate.format(te.dateFormat.analytics.MMMYYFormat))}t==="TransactionListLoadMore"&&n?.trackTransactionList(d?.account?.accountId,d?.account?.accountName,"Transaction Details",void 0,void 0,!0)},Ji=(t,n,s)=>{if(s!=null){const{accountIds:l,accountNames:d}=xn(s);n?.trackTransactionDetailReceipt(At.Event.transactionDetailReceiptOpened,t,s.id,Bt(s),s.type,l,d)}},Qi=(t,n,s,l)=>{n!=null&&t?.trackTransactionDetailReceiptUpload(n.account?.accountId,n.account?.accountName,n.id,Bt(n),n.type,n.memo,s,l?.split("/")[1])},Ue=(t,n,s,l)=>{const d=t.selectedEntity,i=Object.values(t.lineItemById).filter(c=>c.type==="journal_entry_transaction_line"||c.type==="transaction_with_account_and_class_line"||c.type==="transaction_with_product_or_service_line"),p=Object.keys(t.lineItemById)[0];return{[oe]:i?.map(c=>({id:c.id,type:c.type,amount:c.amount,lineDetailType:c.lineDetailType,platformLineDetailType:c.platformLineDetailType,lineTransactionType:c.lineTransactionType,postingType:c.postingType,postingTypeName:c.postingTypeName,customer:c?.customer,vendor:c?.vendor,billable:c.billable,item:c.item,isCategoryMiscategorized:c.isCategoryMiscategorized,isClassMiscategorized:c.isClassMiscategorized,[e.transactionDetailLineCategory]:{selectedOption:c?.account?.qboId??c?.account?.accountId,allOptions:e.getGroupedAccountOptionsWithCOT(n,c.recommendationsWithCOT)},[e.transactionDetailLineClass]:{selectedOption:c?.class?.classId,allOptions:e.getGroupedClassOptionsWithCOT(s,c.recommendationsWithCOT)},[e.transactionDetailLineDescription]:c?.lineDescription,[e.transactionDetaiLineEntitySelection]:{selectedOption:c.lineEntity?.qboId??c.lineEntity?.id??c.lineEntity?.name??"",defaultOptions:e.getDefaultEntityOptions(c,l)},[e.transactionDetailLineEntity]:c.lineEntity,[e.transactionDetailLineCategoryRecommendation]:c?.recommendedAccount,[e.transactionDetailLineClassRecommendation]:c?.recommendedClass,[e.transactionDetailLineIsRecommendedCategorySelected]:c?.isRecommendedCategorySelected,[e.transactionDetailLineIsRecommendedClassSelected]:c?.isRecommendedClassSelected,[e.transactionDetailLineRetainedCategory]:c?.retainedAccount,[e.transactionDetailLineRetainedClass]:c?.retainedClass,[e.transactionDetailLineIsCategoryRetained]:c?.isRetainedCategorySelected,[e.transactionDetailLineIsClassRetained]:c?.isRetainedClassSelected,[e.transactionDetailUpdateAllChecked]:c?.isUpdateAllChecked,[e.transactionDetailLineIsUpdateCategorySelected]:c?.isCategoryUpdateSelected,[e.transactionDetailLineIsUpdateClassSelected]:c?.isClassUpdateSelected,[e.recommendationsWithCOT]:c?.recommendationsWithCOT})),[Ne]:t?.memo,[Ze]:{selectedOption:d?.qboId??d?.id??d?.name,defaultOptions:e.getGroupedForPayeeEntityOptionsWithCOT(l,d,t.lineItemById[p]?.recommendationsWithCOT)},[We]:t.updatePreviousTransactionsWithUpdatedVendor,[Me]:t.isVendorUpdateAllChecked}},zt=(t,n,s,l,d,i,p,r,c,g)=>{const f={};return f.memo=t[Ne],f.vendorUpdates=p?.vendorUpdates,f.vendorDetails=p?.vendorDetails,f.customerUpdates=p?.customerUpdates,f.customerDetails=p?.customerDetails,f.selectedEntity=p?.selectedEntity,f.updatePreviousTransactionsWithUpdatedVendor=p?.updatePreviousTransactionsWithUpdatedVendor,f.latestSelectedEntityOnLineItem=r??p?.latestSelectedEntityOnLineItem,f.latestUpdatedLineWithEntity=c??p?.latestUpdatedLineWithEntity,p!=null&&(f.isVendorUpdateAllChecked=g??p.isVendorUpdateAllChecked,f.vendorBulkUpdateCategoryClassRecommendationsFetchStatus=p?.vendorBulkUpdateCategoryClassRecommendationsFetchStatus),f.lineItemById=t.lineInfo.reduce(($,y)=>{const v=y[e.transactionDetailLineClass].selectedOption,C=y[e.transactionDetailLineCategory].selectedOption,T=y[e.transactionDetaiLineEntitySelection].selectedOption,{customerInfo:m,vendorInfo:I}=e.getCustomerVendorInfo(y,T,i,l.entityAutoCompleteView),z=m??I;return{...$,[y.id]:{...y,id:y.id,customer:z!=null&&z.type==="customer"?m:void 0,vendor:z!=null&&z.type==="vendor"?I:void 0,lineDescription:y[e.transactionDetailLineDescription],lineEntity:z,isRecommendedCategorySelected:y[e.transactionDetailLineIsRecommendedCategorySelected],isRecommendedClassSelected:y[e.transactionDetailLineIsRecommendedClassSelected],isCategoryUpdateSelected:y[e.transactionDetailLineIsUpdateCategorySelected],isClassUpdateSelected:y[e.transactionDetailLineIsUpdateClassSelected],isRetainedCategorySelected:y[e.transactionDetailLineIsCategoryRetained],isRetainedClassSelected:y[e.transactionDetailLineIsClassRetained],isUpdateAllChecked:d===!0?!1:y[e.transactionDetailUpdateAllChecked],class:v!=null?s.classes.find(L=>L.classId===v):void 0,account:C!=null?n.accounts.find(L=>L.qboId===C):void 0,recommendedAccount:y[e.transactionDetailLineCategoryRecommendation],recommendedClass:y[e.transactionDetailLineClassRecommendation],retainedAccount:y[e.transactionDetailLineRetainedCategory],retainedClass:y[e.transactionDetailLineRetainedClass],recommendationsWithCOT:y[e.recommendationsWithCOT]}}},{}),f},Zi=a.div`
+  display: flex;
+  width: fit-content;
+  column-gap: ${e.Space.sp2};
+  align-items: center;
+  &:hover {
+    div:first-of-type {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+`,kt=a(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.primary};
+`,dt=a(e.StandardMediumSp)``,Xi=a(e.SvgHighImportance)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,jt=a.q``;exports.default=qi;exports.uniqueName=Ut;