@zeniai/web-components 3.16.29 → 3.16.31

package/dist/TransactionDetailPage-BKYbhGdP.cjs

@@ -0,0 +1,912 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-B6vI-hvj.cjs"),R=require("react"),a=require("@emotion/styled"),At=require("@zeniai/client-analytics"),se=require("@zeniai/client-epic-state"),e=require("./index-PcEfbmFv.cjs"),Mt=require("./LabeledControlledCheckBoxField-CHEfPF2n.cjs"),kn=require("./TrendWithTransactions-BUPAZKzC.cjs"),vt=require("./uploadAttachment-C_smJu7C.cjs"),An=require("./radio-default-DMFqASmF.cjs"),Dn={headerMarginTop:new e.ResponsiveSized(e.sp[7],e.sp[8])},Vn=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,Pn=a(e.StandardRegular)`
+  margin-right: ${e.Space.sp1};
+`,Un=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;
+  }
+`,_n=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin: ${t=>`${Dn.headerMarginTop.valuePx(t.windowSize)} ${e.Space.sp0} ${e.Space.sp3}`};
+`,Nn=({title:t,amount:n,onHeaderClick:s})=>{const l=e.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(_n,{windowSize:l,children:[o.jsxRuntimeExports.jsxs(Un,{"data-testid":e.generateDataTestId("header-title-box"),onClick:()=>{s?.()},children:[o.jsxRuntimeExports.jsx(Pn,{children:t}),o.jsxRuntimeExports.jsx(e.SvgArrowRight,{width:e.Space.sp3,height:e.Space.sp3})]}),o.jsxRuntimeExports.jsx(Vn,{children:e.amountToString("0,0.00",n)})]})},Bn=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,Wn=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.primary};
+`,Mn=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: ${e.Space.sp3};
+`,Fn=({title:t,value:n})=>o.jsxRuntimeExports.jsxs(Mn,{children:[o.jsxRuntimeExports.jsx(Bn,{children:t}),o.jsxRuntimeExports.jsx(Wn,{children:n})]}),qn=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};
+`,Hn=({values:t})=>o.jsxRuntimeExports.jsx(qn,{children:t.map((n,s)=>o.jsxRuntimeExports.jsx(Fn,{title:n.title,value:n.value},s))}),Gn=a.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`;function Yn({transaction:t,onTransactionClick:n}){const s=cn(t);return o.jsxRuntimeExports.jsxs(Gn,{children:[o.jsxRuntimeExports.jsx(Nn,{title:t.typeName??"",amount:t.amount,onHeaderClick:()=>{n?.(t)},"data-testid":e.generateDataTestId("transaction-line-linked-transaction-header")}),o.jsxRuntimeExports.jsx(Hn,{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])},Jn=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};
+`,Qn=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;
+`,Zn=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,Xn={selectFieldInput:new e.ResponsiveSizedStyle("smallRegular","standardRegular")},Kn=({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:w,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(W=>L(W))})),N=S=>{if(S==null||!S)return;let U=[];return s.defaultOptions.forEach(W=>{U=U.concat(W.options)}),{value:S,label:U.find(W=>W.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(Jn,{windowSize:B,children:[o.jsxRuntimeExports.jsx(Qn,{}),o.jsxRuntimeExports.jsx(Zn,{children:A.input.noMatches})]}),q=(S,U)=>{w?.(S,U)},ne=R.useRef(o.debounce((S,U)=>q(S,U),500,{trailing:!0})).current,Q=(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:W,ref:re}})=>{const pe=W;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:Q,onChange:K=>{K==null||K?.value!=null&&pe?.selectedOption===K.value?f===!0&&S({selectedOption:void 0,defaultOptions:pe.defaultOptions}):S({selectedOption:K.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:eo,Option:ro,Input:no,Group:oo,GroupHeading:so,SingleValue:K=>io(K),ValueContainer:to,DropdownIndicator:vo,IndicatorSeparator:$o,Placeholder:ao,ClearIndicator:Eo},hideSelectedOptions:!1,styles:b,isDisabled:l!=null,isOptionDisabled:K=>y?.(K.value)??!1})})}})},eo=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(lo,{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})})},to=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(co,{})}):null]})},no=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})},oo=t=>o.jsxRuntimeExports.jsx(o.components.Group,{...t,children:t.children}),so=t=>{const[n,s]=R.useState(!0);return o.jsxRuntimeExports.jsx(yo,{className:"group-heading-container",isGroupOpen:n,onClick:()=>s(!n),children:o.jsxRuntimeExports.jsxs(o.components.GroupHeading,{...t,children:[t.children,o.jsxRuntimeExports.jsx(fo,{isGroupOpen:n,children:o.jsxRuntimeExports.jsx(So,{className:"close-tick-icon"})})]})})},io=({children:t,...n},s)=>{const l=t;return o.jsxRuntimeExports.jsx(o.components.SingleValue,{...n,children:l})},ao=()=>null,ro=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(po,{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(uo,{children:[o.jsxRuntimeExports.jsxs(go,{isSelected:s,children:[o.jsxRuntimeExports.jsx(mo,{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(ho,{isSelected:!!s,children:r?.info}):null]}),r?.isOptionRecommended===!0?o.jsxRuntimeExports.jsx(bo,{}):null,s&&r?.additionalNote==null?o.jsxRuntimeExports.jsxs(Ro,{children:[o.jsxRuntimeExports.jsx(Co,{className:"right-tick-icon"}),o.jsxRuntimeExports.jsx(jo,{className:"close-tick-icon"})]}):null]})})}),r?.isOptionRecommended===!0&&r.additionalNote!=null?o.jsxRuntimeExports.jsx(xo,{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 lo=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=>`${Xn.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};
+      }
+    }
+  }
+`,co=a(e.SvgArrowFilledBottom)`
+  width: 12px;
+  height: 12px;
+  color: ${t=>t.theme.colors.hero};
+  padding-right: 12px;
+`,po=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;
+      }
+    }
+  }
+`,uo=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,mo=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"};
+`,xo=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};
+`,ho=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};
+`,go=a.div`
+  width: ${t=>t.isSelected?`calc(100% - ${e.Space.sp3})`:"100%"};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,yo=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;
+  }
+`,fo=a.div`
+  display: flex;
+  margin-left: ${e.Space.sp2};
+  transform: ${t=>t.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,So=a(e.SvgArrowBottom)`
+  width: 12px;
+  height: 12px;
+  color: ${t=>t.theme.colors.primary};
+`,Ro=a.div`
+  display: flex;
+`,Co=a(e.SvgTick)`
+  width: 12px;
+  height: 12px;
+  margin-right: 2px;
+  margin-left: ${e.Space.sp1};
+  color: ${t=>t.theme.colors.primary};
+`,jo=a(e.SvgClose)`
+  width: 12px;
+  height: 12px;
+  color: ${t=>t.theme.colors.primary};
+`,bo=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};
+`,vo=()=>null,$o=()=>null,Eo=()=>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])},Io={infoLabel:new e.ResponsiveSizedStyle("extraSmallRegular","smallRegular")},To=({isRecommendedSelected:t,hasRecommendations:n,isTooltipVisible:s=!1})=>n?t?s?o.jsxRuntimeExports.jsx(Bo,{}):o.jsxRuntimeExports.jsx(No,{}):s?o.jsxRuntimeExports.jsx(_o,{}):o.jsxRuntimeExports.jsx(Uo,{}):null,Lo=({children:t})=>o.jsxRuntimeExports.jsx(Vo,{children:t});function Oo({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:w,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??[],Q=g?.recommendations[1]?.cot??[],S=ne.length>0,U=Q.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:Q,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:w}),z!=null){const W=e.getCOTRecommendationSourceToTrack(g);W!=null&&z(T,W)}},[I,b,g,B,T,C,w,z]),q=R.useCallback(()=>{m===b&&I(void 0)},[m,b,I]);return o.jsxRuntimeExports.jsxs(zo,{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(ko,{fullWidthSelect:c,labelWidth:n.width,children:[o.jsxRuntimeExports.jsxs(Ao,{children:[f&&y?o.jsxRuntimeExports.jsx(Lo,{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:q,children:o.jsxRuntimeExports.jsx(Po,{children:o.jsxRuntimeExports.jsx(To,{isRecommendedSelected:$,hasRecommendations:f,isTooltipVisible:E})})}):null}):null,o.jsxRuntimeExports.jsx(Kn,{...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(Do,{size:L,isError:N,children:p?.(s.defaultValue.selectedOption)}):null]})]})}const zo=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};
+    }
+  }
+`,ko=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;
+`,Ao=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  justify-content: flex-end;
+`,Do=a.label`
+  color: ${t=>t.isError?e.Colors.important:t.theme.colors.grey1};
+  ${t=>`${Io.infoLabel.style(t.size)}`};
+  padding-right: ${e.Space.sp3};
+  text-align: right;
+`,Vo=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${e.Space.sp5};
+  margin-left: ${e.Space.sp0};
+  height: 100%;
+`,Po=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  cursor: pointer;
+`,Uo=a(e.SvgAiIcon)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  path {
+    stroke-width: 2;
+  }
+`,_o=a(e.SvgAiIconFilled)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,No=a(e.SvgAiIconSelected)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,Bo=a(e.SvgAiIconSelectedFilled)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,{common:{strings:{empty:ct}},transactionDetail:{recommendationBanner:Rt}}=e.appLocale.getLocalizedStrings(),we={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])},Wo=({isRecommendedSelected:t,hasRecommendations:n,isTooltipVisible:s=!1,isAutoCategorized:l=!1})=>n?t?l?s?o.jsxRuntimeExports.jsx(es,{}):o.jsxRuntimeExports.jsx(ts,{className:"ai-icon-selected-plain"}):s?o.jsxRuntimeExports.jsx(Ko,{}):o.jsxRuntimeExports.jsx(Xo,{}):s?o.jsxRuntimeExports.jsx(Zo,{}):o.jsxRuntimeExports.jsx(Vt,{}):null,Mo=({children:t})=>o.jsxRuntimeExports.jsx(Jo,{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:w,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,q=R.useCallback(()=>{L(E);const Q=C?.recommendations[0]?.cot??[],S=C?.recommendations[1]?.cot??[],U=Q.length>0,W=S.length>0;if(O.trackTransactionCotView({recommendationFor:s.type,currentValue:C?.existingOption.label??ct,recommendation:C?.recommendations[0]?.name??ct,recommendationCot:Q,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:W,alternativeRecommendationReason:C?.recommendations[1]?.reason??ct,alternativeRecommendationConfidencePercentage:C?.recommendations[1]?.confidencePercentage??null,alternativeRecommendationConfidenceLevel:W?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(qo,{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(Ho,{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:we.labelMarginLeft.value(P),marginRight:we.labelMarginRight.value(P),marginTop:we.labelMarginTop.value(P),width:n.width??"auto",...n.style}}),f===!0?o.jsxRuntimeExports.jsx(Fo,{children:o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Small",start:!0})}):o.jsxRuntimeExports.jsx(Go,{fullWidthSelect:p,labelWidth:n.width,children:o.jsxRuntimeExports.jsxs(Yo,{children:[w?o.jsxRuntimeExports.jsx(Mo,{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:q,onClose:ne,children:o.jsxRuntimeExports.jsx(Qo,{children:o.jsxRuntimeExports.jsx(Wo,{isRecommendedSelected:y,hasRecommendations:w,isTooltipVisible:A,isAutoCategorized:T})})}):null}):null,o.jsxRuntimeExports.jsx(vt.GroupedSingleSelectFieldWithCOT,{...s,isDisabled:t,style:{display:"flex",flexGrow:1,width:"100%",height:we.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 Fo=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};
+`,qo=a.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e.Space.sp2};
+
+  padding-right: ${t=>we.marginRight.valuePx(t.size)};
+  padding-top: ${t=>we.paddingTop.valuePx(t.size)};
+  padding-bottom: ${t=>t.isLoading||!t.checkboxPresent?we.paddingTop.valuePx(t.size):we.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};
+    }
+  }
+`,Ho=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`:""};
+`,Go=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;
+`,Yo=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};
+`,Jo=a.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${e.Space.sp5};
+  margin-left: ${e.Space.sp0};
+  height: 100%;
+`,Qo=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;
+  }
+`,Zo=a(e.SvgAiIconFilled)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,Xo=a(e.SvgAiIconSelected)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,Ko=a(e.SvgAiIconSelectedFilled)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,es=a(vt.SvgAiIconSelectedFilledPlain)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,ts=a(vt.SvgAiIconSelectedPlain)`
+  width: ${e.Space.sp5};
+  height: ${e.Space.sp5};
+`,ns=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};
+    }
+  }
+`,os=a(e.StandardMediumSp)``,ss=a(e.StandardRegularSp)`
+  color: ${t=>t.theme.colors.primary};
+`,is=a(e.SvgInfo)`
+  color: ${t=>t.theme.colors.grey1};
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  margin-top: ${e.Space.sp1};
+`,as=({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(ns,{isSelected:d,children:[o.jsxRuntimeExports.jsx(e.LabeledUnSafeCheckBoxField,{style:{width:"auto"},label:{label:o.jsxRuntimeExports.jsxs(ss,{children:[r.updateCategoryClassForSimilar," ",o.jsxRuntimeExports.jsx("q",{children:o.jsxRuntimeExports.jsx(os,{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(is,{})})]})},{transactionDetail:fe}=e.appLocale.getLocalizedStrings(),Ue=(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])},rs=a(e.StandardMedium)`
+  color: ${t=>t.theme.colors.primary};
+`,ls=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};
+`,cs=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};
+`,ds=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};
+  }
+`,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-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};
+  }
+`,us=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};
+`,ms=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};
+  }
+`,xs=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=Ue(s,"lineDescription",l.toString());return o.jsxRuntimeExports.jsx(ms,{"data-testid":e.generateDataTestId("list-item-title",s),children:o.jsxRuntimeExports.jsxs(cs,{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(rs,{children:e.amountToString("0,0.00",n)})]})})},hs=({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:w,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]),q=w?.autoCompleteData,ne=h=>h?.vendor?.qboId??h?.vendor?.id??h?.vendor?.name,Q=R.useCallback((h,D)=>q?.entityAutoCompleteView.vendor.find(V=>V.qboId===h||V.id===h||V.name===D),[q?.entityAutoCompleteView.vendor]),S=h=>{const D=q?.entityAutoCompleteView?.customer?.find(ce=>ce.qboId===h),V=q?.entityAutoCompleteView?.vendor?.find(ce=>ce.qboId===h);return D?.qboId??V?.qboId},U=h=>t.filter(V=>V.qboId===h)[0]?.qboId??void 0,W=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),K=Ue(d,"account",p.toString()),$e=Ue(d,"class",p.toString()),Ee=Ue(d,"isUpdateAllChecked",p.toString()),ue=Ue(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(`${K}.selectedOption`,h,{shouldValidate:!0,shouldDirty:!0})},[E,K]),ut=R.useCallback(h=>{E(`${$e}.selectedOption`,h,{shouldValidate:!0,shouldDirty:!0})},[E,$e]),[me,Qe]=R.useState(null);R.useEffect(()=>{if(me!=null&&q?.entityAutoCompleteView.fetchState==="Completed"){const h=Q(me.recommendationId,me.vendorName);h!=null?setTimeout(()=>{E(`${ue}.selectedOption`,h.qboId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0}),Qe(null)},0):(setTimeout(()=>{E(`${ue}.selectedOption`,me.recommendationId,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},0),Qe(null))}},[me,q?.entityAutoCompleteView.fetchState,Q,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=Q(h,V);ce!=null?E(`${ue}.selectedOption`,ce.qboId,{shouldValidate:!0,shouldDirty:!0}):(Qe({recommendationId:h,vendorName:V}),w?.autoCompleteActions?.onAutoCompleteInputChange?.(V,"vendor"))}else E(`${ue}.selectedOption`,h,{shouldValidate:!0,shouldDirty:!0})},[E,ue,O,Q,w?.autoCompleteActions]),Te=R.useCallback((h,D)=>{I?.onCOTView!=null&&I.onCOTView(r.id,I.transactionId,h,D)},[I,r.id]),M=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]),Ze=e.createCOTDataFromRecommendations(O,"category",m,{label:Ce?.account?.accountName,value:Ce?.account?.qboId??Ce?.account?.accountId},"details_page",null,$t,M,r[e.transactionDetailLineCategory].selectedOption,re),ge=e.hasRecommendationsForType(O,"category"),Be=e.createCOTDataFromRecommendations(O,"class",m,{label:Ce?.class?.className,value:Ce?.class?.classId},"details_page",null,ut,le,r[e.transactionDetailLineClass].selectedOption,re),Xe=e.hasRecommendationsForType(O,"class"),We=e.hasRecommendationsForType(O,"vendor"),{isPrimaryLoading:It,isAlternateLoading:mt}=R.useMemo(()=>{if(me==null||q?.entityAutoCompleteView.fetchState!=="In-Progress")return{isPrimaryLoading:!1,isAlternateLoading:!1};const h=O[0],V=ne(h)===me.recommendationId;return{isPrimaryLoading:V,isAlternateLoading:!V}},[me,q?.entityAutoCompleteView.fetchState,O]),Me=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||!We?!1:O.some(h=>h.vendor!=null?h.vendor.qboId===je||h.vendor.id===je||h.vendor.name===je:!1),[je,We,O]),ht=R.useMemo(()=>{const h=A(K)??null,D=Re.findIndex(ot=>ot.label==="All Categories"),V=D>-1&&h?.selectedOption!=null?Re[D].options.find(ot=>ot.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,K,Re,ie]),Oe={valueContainer:h=>({...h,padding:`2px ${e.Space.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0}),menu:()=>({right:N==="small"?0:void 0})},Ke=r.isUpdateAllChecked===!0,ze=C!=null&&["journal_entry","deposit"].includes(C),et=Ie?.classId,gt=R.useMemo(()=>!et||!Xe?!1:O.some(h=>h.class!=null?h.class.classId===et:!1),[et,Xe,O]),ke=ie?.qboId??ie?.accountId,Fe=R.useMemo(()=>!ke||!ge?!1:O.some(h=>h.account!=null?h.account.qboId===ke||h.account.accountId===ke:!1),[ke,ge,O]),qe=e.getGroupedClassOptionsWithCOT(s,O),ye=R.useMemo(()=>e.isMiscategorizedField("vendor",r[e.transactionDetaiLineEntitySelection]?.defaultOptions,r[e.transactionDetaiLineEntitySelection]?.selectedOption),[r]),tt=R.useMemo(()=>e.isMiscategorizedField("category",Re,r[e.transactionDetailLineCategory]?.selectedOption),[Re,r]),nt=R.useMemo(()=>e.isMiscategorizedField("class",qe,r[e.transactionDetailLineClass]?.selectedOption),[r,qe]),yt=b.colors.primary,ft=b.colors.grey1,Ae=R.useCallback(h=>{let D=!1;switch(h){case"category":D=tt;break;case"class":D=nt;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,nt,tt,yt,ft]);return o.jsxRuntimeExports.jsxs(us,{updateAllVisible:Ke,"data-testid":e.generateDataTestId("list-item-detail",d),children:[i===!1&&ze===!0?o.jsxRuntimeExports.jsx(Oo,{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:w?.loadOptions,getStyles:Ae("vendor")},cotData:Me,hasRecommendations:We,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:K,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:Fe,hasRecommendations:ge,cotData:Ze,onCOTView:Te,openTooltipId:z,setOpenTooltipId:L},K):o.jsxRuntimeExports.jsxs(ds,{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=>W(h),defaultValue:{selectedOption:Ie?.classId,allOptions:qe},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:Xe,cotData:Be,fullWidthSelect:!1,onCOTView:Te,openTooltipId:z,setOpenTooltipId:L},$e):o.jsxRuntimeExports.jsxs(ps,{isViewOnly:i,children:[o.jsxRuntimeExports.jsx(Ht,{children:fe.lineItems.class}),o.jsxRuntimeExports.jsx(Gt,{windowSize:N,children:Ie?.className??"-"})]}),o.jsxRuntimeExports.jsx(ls,{isVisible:Ke,children:o.jsxRuntimeExports.jsx(as,{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:w,transaction:C,uncategorizedAccounts:T,transactionType:m,vendorName:I,isDisabled:z,cotTracking:L,openTooltipId:P,setOpenTooltipId:N,isUncategorizedExpenseCategoryEnabled:b}){return o.jsxRuntimeExports.jsxs(xs,{"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(hs,{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:w,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};
+`,gs=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+`,ys=a.div`
+  display: flex;
+  flex-direction: column;
+`,fs=a.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,Ss=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)}`};
+`,Rs=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};
+`,Cs=a.div`
+  border: 0.1px solid ${t=>t.theme.colors.grey1};
+  height: 36px;
+`,js=a.div`
+  border: 0.1px solid ${t=>t.theme.colors.grey1};
+  width: 95%;
+`,bs=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)};
+`,vs=["uncategorizedDebit","uncategorizedCredit","miscategorizedDebit","miscategorizedCredit","debit","credit"],X=e.appLocale.getLocalizedStrings().transactionDetail.lineItems,$s=(t,n,s,l,d,i)=>({credit:{amount:t,title:X.credit},debit:{amount:n,title:X.debit},uncategorizedCredit:{amount:s,title:X.uncategorizedCredit},uncategorizedDebit:{amount:l,title:X.uncategorizedDebit},miscategorizedCredit:{amount:d,title:X.miscategorizedCredit},miscategorizedDebit:{amount:i,title:X.miscategorizedDebit}}),Es=(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=Es(d,i,p);return n===X.postingTypeCredit?{creditAmount:d,uncategorizedTransactionCreditAmount:i,miscategorizedTransactionCreditAmount:p,combinedCreditAmount:r}:{debitAmount:d,uncategorizedTransactionDebitAmount:i,miscategorizedTransactionDebitAmount:p,combinedDebitAmount:r}},Is=t=>{let n=[];return vs.forEach(s=>{s in t&&(n.push(s),n=[...n,...t[s]])}),n},Ts=(t,n,s,l,d)=>{const i=c=>X.uncategorized+e.capitalizeFirstLetter(c)+c.slice(1),p=c=>X.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))},Ls=({title:t,amount:n,isUncategorized:s,isMiscategorized:l})=>o.jsxRuntimeExports.jsxs(gs,{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)})]}),Os=({combinedCreditAmount:t,combinedDebitAmount:n})=>{const s=e.useWindowSizeContext();return s!=="small"?o.jsxRuntimeExports.jsxs(Ss,{windowSize:s,children:[o.jsxRuntimeExports.jsxs(Jt,{children:[o.jsxRuntimeExports.jsxs(be,{children:[X.totalDebits,":"]}),o.jsxRuntimeExports.jsx(be,{children:e.amountToString("0,0.00",n)})]}),o.jsxRuntimeExports.jsx(Cs,{}),o.jsxRuntimeExports.jsxs(Jt,{children:[o.jsxRuntimeExports.jsxs(be,{children:[X.totalCredits,":"]}),o.jsxRuntimeExports.jsx(be,{children:e.amountToString("0,0.00",t)})]})]}):o.jsxRuntimeExports.jsxs(Rs,{windowSize:s,children:[o.jsxRuntimeExports.jsxs(Qt,{children:[o.jsxRuntimeExports.jsxs(be,{children:[X.totalDebits,":"]}),o.jsxRuntimeExports.jsx(be,{children:e.amountToString("0,0.00",n)})]}),o.jsxRuntimeExports.jsx(js,{}),o.jsxRuntimeExports.jsxs(Qt,{children:[o.jsxRuntimeExports.jsxs(be,{children:[X.totalCredits,":"]}),o.jsxRuntimeExports.jsx(be,{children:e.amountToString("0,0.00",t)})]})]})},zs=({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:w,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(ys,{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:w,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(Ls,{title:$[b].title,amount:$[b].amount,isUncategorized:["uncategorizedDebit","uncategorizedCredit"].includes(b),isMiscategorized:["miscategorizedDebit","miscategorizedCredit"].includes(b)},`header-${t}`)},E)},ks=({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:w,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(bs,{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:w,cotTracking:c,openTooltipId:C,setOpenTooltipId:T,isUncategorizedExpenseCategoryEnabled:L},children:zs})})})};function As({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:w,openTooltipId:C,setOpenTooltipId:T,isUncategorizedExpenseCategoryEnabled:m}){const L=Ts(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,X.postingTypeCredit,X.postingTypeUncategorizedCredit,X.postingTypeMiscategorizedCredit),{debitAmount:A,uncategorizedTransactionDebitAmount:B,combinedDebitAmount:O,miscategorizedTransactionDebitAmount:q}=Zt(L,X.postingTypeDebit,X.postingTypeUncategorizedDebit,X.postingTypeMiscategorizedDebit),ne=$s(P,A,N,B,E,q),Q=Is(L);return o.jsxRuntimeExports.jsxs(fs,{children:[o.jsxRuntimeExports.jsx(Os,{combinedCreditAmount:b,combinedDebitAmount:O}),o.jsxRuntimeExports.jsx(ks,{transaction:c,journalEntryTransactionFlattenList:Q,allAmountsOptions:ne,accountList:n,accountsHierarchyList:s,classHierarchyList:l,classList:d,sectionId:i,cotTracking:w,lineItemsLocalData:p,lines:t,containerRef:r,searchAutoComplete:f,uncategorizedAccounts:g,bookCloseDate:c.bookCloseDate,isCOTEnabled:y,isDisabled:$,openTooltipId:C,setOpenTooltipId:T,isUncategorizedExpenseCategoryEnabled:m})]})}const Ds=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.primary};
+  word-break: break-word;
+  text-align: end;
+  max-width: ${t=>t.windowSize==="small"?"174px":null};
+`,Vs=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}`};
+`,Ps=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};
+  }
+`,Us=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;
+  }
+`,_s=a.div`
+  display: flex;
+  flex-direction: column;
+`,Ns=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}`};
+`,Bs=a(e.StandardRegular)`
+  margin-right: ${e.Space.sp4};
+`,Ws=(t,n)=>n.length===1?"roundedBox":t===0?"topRoundedBox":t===n.length-1?"bottomRoundedBox":"box",{transactionDetail:Ve}=e.appLocale.getLocalizedStrings(),Ms=({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:w})=>o.jsxRuntimeExports.jsx(_s,{children:n.map((C,T)=>o.jsxRuntimeExports.jsx("div",{children:o.jsxRuntimeExports.jsx(qs,{transaction:t,boxType:Ws(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:w})},T))}),Fs={labelWidth:new e.ResponsiveSized(120,145,160)},qs=({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:w}=o.useFormContext(),C=e.useWindowSizeContext(),{createAlternateRecommendationCallback:T}=e.useCOTAnalytics(),m=Fs.labelWidth.value(C),I=l.find(S=>S.classId===r.class.selectedOption),z=S=>l.filter(W=>W.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=Ue(i,"class",p.toString()),b=R.useMemo(()=>r.recommendationsWithCOT??[],[r.recommendationsWithCOT]),E=R.useCallback(S=>{w(`${N}.selectedOption`,S,{shouldValidate:!0,shouldDirty:!0})},[w,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],W=b[0];T("class",{currentValue:I?.className,transactionCurrentStatus:null,transactionPage:"details_page",cotTracking:f},U,W)(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),q=e.hasRecommendationsForType(b,"class"),ne=R.useMemo(()=>!r.class.selectedOption||!q?!1:b.some(S=>S.class!=null?S.class.classId===r.class.selectedOption:!1),[r.class.selectedOption,q,b]),Q=o.jsxRuntimeExports.jsxs(Vs,{horizontalMargin:s.title!==Ve.lineItems.class,"data-testid":e.generateDataTestId("row-content-container",i),isInputTypeRow:s.title===Ve.lineItems.class,children:[s.title!==Ve.lineItems.class&&o.jsxRuntimeExports.jsx(Bs,{children:s.title}),s.title===Ve.lineItems.class?o.jsxRuntimeExports.jsx(Dt,{isLoading:!1,label:{label:Ve.lineItems.class,width:m},isDisabled:c,groupedSingleSelectField:{name:Ue(i,"class",p.toString()),placeholder:Ve.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:q,isAutoCategorized:!1,onCOTView:A,openTooltipId:$,setOpenTooltipId:y}):o.jsxRuntimeExports.jsx(Ds,{windowSize:C,children:s.value})]});switch(n){case"bottomRoundedBox":return o.jsxRuntimeExports.jsx(Ps,{children:Q});default:return o.jsxRuntimeExports.jsx(Us,{children:Q})}};function Hs({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 w=i.find(m=>m.qboId===n.account.selectedOption),C=l.find(m=>m.classId===n.class.selectedOption),T=Gs(n,w,C);return o.jsxRuntimeExports.jsxs(Ns,{"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(Ms,{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 Gs(t,n,s){const l=[],d=Ve.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 wt=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;
+`,Ys=a(_t)`
+  display: flex;
+  margin: ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp6};
+`,Js=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),Qs=({title:t,amount:n})=>o.jsxRuntimeExports.jsxs(_t,{children:[o.jsxRuntimeExports.jsx(wt,{children:t}),o.jsxRuntimeExports.jsx(wt,{children:Nt(n)})]}),Zs=({desc:t})=>o.jsxRuntimeExports.jsxs(Ys,{children:[o.jsxRuntimeExports.jsx(wt,{children:""}),o.jsxRuntimeExports.jsx(wt,{children:t})]}),Xs=({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(Js,{children:[o.jsxRuntimeExports.jsx(Kt,{children:t}),o.jsxRuntimeExports.jsx(Kt,{children:n!=null?Nt(n):""})]}),Ks=a.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${e.Space.sp4} ${e.Space.sp0} ${e.Space.sp6} ${e.Space.sp0};
+`,ei=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,ti=({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(Ks,{children:[o.jsxRuntimeExports.jsx(Qs,{title:t.lineDetailType==="sub_total_line_detail"?s.subtotal:t.lineDescription,amount:t.amount}),o.jsxRuntimeExports.jsx(Xs,{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 ni({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(w=>w.type==="transaction_with_product_or_service_line"||w.type==="transaction_info_line"&&w.lineDetailType==="description_only_line_detail"),y=t.filter(w=>w.type==="transaction_info_line"&&w.lineDetailType==="sub_total_line_detail");return o.jsxRuntimeExports.jsxs(ei,{"data-testid":e.generateDataTestId("transaction-lines-product-or-service",i),children:[$.map((w,C)=>w.type==="transaction_with_product_or_service_line"?o.jsxRuntimeExports.jsx("div",{style:{marginBottom:C!==$.length-1?e.sp[6]:0},children:o.jsxRuntimeExports.jsx(Hs,{line:w,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}`):w.type==="transaction_info_line"&&w.lineDetailType==="description_only_line_detail"?o.jsxRuntimeExports.jsx(Zs,{desc:w.lineDescription},`s${C}`):null),y.map((w,C)=>o.jsxRuntimeExports.jsx(ti,{line:w,parentTransaction:n},`i${C}`))]})}const Je={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};
+`,Ge=a.div`
+  display: flex;
+  flex-direction: column;
+`,oi=a.div``,Ot=a.div`
+  padding-top: ${t=>Je.detailPaddingTop.valuePx(t.windowSize)};
+  padding-left: ${t=>Je.detailPaddingLeftRight.valuePx(t.windowSize)};
+  padding-right: ${t=>Je.detailPaddingLeftRight.valuePx(t.windowSize)};
+`;function si({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:w,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(Ge,{children:o.jsxRuntimeExports.jsx(Ot,{windowSize:m,"data-testid":e.generateDataTestId(i,"customer-transaction-lines"),children:o.jsxRuntimeExports.jsx(ni,{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:w,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(Ge,{children:o.jsxRuntimeExports.jsx(Ot,{windowSize:m,"data-testid":e.generateDataTestId(i,"vendor-transaction-lines"),children:E.map((A,B)=>o.jsxRuntimeExports.jsx(oi,{children:o.jsxRuntimeExports.jsxs(Ge,{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:w,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(Ge,{children:o.jsxRuntimeExports.jsx(Ot,{windowSize:m,"data-testid":e.generateDataTestId(i,"deposit-transaction-lines"),children:b.map((E,A)=>o.jsxRuntimeExports.jsxs(Ge,{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:w,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(Ge,{"data-testid":e.generateDataTestId(i,"journal-entry-transaction-lines"),children:o.jsxRuntimeExports.jsx(As,{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:w,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:T})})}default:return console.log(`Transaction type ${t.type} doesn't have associated line items`),null}}const ii=a.div`
+  display: flex;
+  flex-direction: column;
+  padding-bottom: ${t=>Je.detailPaddingBottom.valuePx(t.windowSize)};
+  padding-left: ${t=>Je.detailPaddingLeftRight.valuePx(t.windowSize)};
+  padding-right: ${t=>Je.detailPaddingLeftRight.valuePx(t.windowSize)};
+`;function ai({sectionId:t,linkedTransactions:n,onTransactionClick:s}){const l=e.useWindowSizeContext();return o.jsxRuntimeExports.jsx(ii,{windowSize:l,"data-testid":e.generateDataTestId(t,"linked-transaction-lines"),children:n.map(d=>o.jsxRuntimeExports.jsx(Yn,{transaction:d,onTransactionClick:s},d.id))})}function ri({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:w,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(si,{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:w,setOpenTooltipId:C,isUncategorizedExpenseCategoryEnabled:T})}async function li(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 ci={containerPadding:new e.ResponsiveSized(e.sp[3],e.sp[8])},di=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  height: ${e.Space.sp4};
+`,pi=a(e.StandardRegular)`
+  color: ${t=>t.theme.colors.primary};
+  height: ${e.Space.sp4};
+`,ui=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+`,mi=a.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${e.Space.sp5} ${e.Space.sp0} ${e.Space.sp6} ${e.Space.sp0};
+`,xi=a.div`
+  display: flex;
+  width: 100%;
+  height: 1px;
+  background-color: ${t=>t.theme.colors.grey3};
+`,hi=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} ${ci.containerPadding.valuePx(t.windowSize)}`};
+`,gi=({title:t,value:n})=>o.jsxRuntimeExports.jsxs(ui,{children:[o.jsxRuntimeExports.jsx(di,{children:t}),o.jsxRuntimeExports.jsx(pi,{children:n})]});function yi({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:w}){const C=cn(t),T=e.useWindowSizeContext();return e.useSentryPerformanceTracking({componentName:"transaction.details"}),o.jsxRuntimeExports.jsxs(hi,{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:w}),o.jsxRuntimeExports.jsx(xi,{}),o.jsxRuntimeExports.jsx(mi,{children:C.map((m,I)=>o.jsxRuntimeExports.jsx("div",{style:{marginTop:I!==0?e.sp[3]:0},children:o.jsxRuntimeExports.jsx(gi,{title:m.title,value:m.value})},I))})]})}const fi=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};
+`,Si=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%;
+`,Ri=a(e.H6Regular)`
+  margin-top: ${e.Space.sp7};
+  color: ${t=>t.theme.colors.primary};
+`,Ci=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;
+`,ji=a.hr`
+  width: 100%;
+  border: 0.2px solid ${t=>t.theme.colors.grey3};
+`,bi=a.div`
+  padding-bottom: 20px;
+  padding-top: 10px;
+`;function wi(t){const n=e.useWindowSizeContext(),{title:s,description:l,buttonText:d}=vi(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(fi,{windowSize:n,role:"presentation","data-testid":e.generateDataTestId("transaction-update-popup"),onClick:r=>p(r),children:o.jsxRuntimeExports.jsxs(Si,{children:[o.jsxRuntimeExports.jsx(Ri,{children:s}),o.jsxRuntimeExports.jsx(Ci,{children:l}),o.jsxRuntimeExports.jsx(ji,{}),o.jsxRuntimeExports.jsx(bi,{children:o.jsxRuntimeExports.jsx(e.Button,{variant:"primary",label:d,onClick:i,"data-testid":e.generateDataTestId(d,"transaction-update-popup-button")})})]})})}function vi(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 $i={containerMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},Ei=()=>{const t=e.useWindowSizeContext(),n=e.appLocale.getLocalizedStrings().transactionDetail;return o.jsxRuntimeExports.jsx(Ii,{windowSize:t,children:o.jsxRuntimeExports.jsxs(Ti,{windowSize:t,children:[o.jsxRuntimeExports.jsx(Li,{height:e.Space.sp3,width:e.Space.sp3}),o.jsxRuntimeExports.jsx(Oi,{children:n.updateInProgress})]})})},Ii=a.div`
+  display: flex;
+  border-radius: ${e.Space.sp2};
+  padding: 0 ${t=>$i.containerMargin.valuePx(t.windowSize)};
+  height: ${e.Space.sp8};
+  background-color: ${t=>t.theme.colors.grey5};
+`,Ti=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;
+`,Li=a(e.SvgRefresh)`
+  margin-right: 10px;
+  color: ${e.Colors.alert};
+`,Oi=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,ve=e.appLocale.getLocalizedStrings().transactionDetail.vendorBulkUpdateFetchRecommendationsPopUpInfo,zi=({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,{})}},ki=t=>{switch(t){case"Not-Started":return ve.buildingRecommendations;case"In-Progress":return ve.buildingRecommendations;case"Completed":return ve.recommendationsBuilt;default:return ve.recommendationsBuildFailed}},Ai=({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(Ni,{size:i,children:o.jsxRuntimeExports.jsxs(Pi,{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?ve.applyingVendorName:ve.appliedVendorName})]}),y?o.jsxRuntimeExports.jsxs(Ui,{size:i,children:[o.jsxRuntimeExports.jsx(Di,{}),o.jsxRuntimeExports.jsx(Vi,{children:ve.recommendationsBuildFailed})]}):o.jsxRuntimeExports.jsxs(an,{isDisabled:t==="Not-Started",isSuccess:t==="Completed",children:[o.jsxRuntimeExports.jsx(zi,{fetchState:t}),o.jsxRuntimeExports.jsx(sn,{isDisabled:t==="Not-Started",children:ki(t)})]})]})}),titleComponent:o.jsxRuntimeExports.jsx(_i,{size:i,children:ve.title}),showFooter:y,containerStyle:{width:pt.containerWidth.value(i),maxWidth:"unset"}})},Di=a(e.SvgHighImportanceFill)`
+  width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+  flex-shrink: 0;
+  color: ${e.Colors.brandColorGoldDark};
+`,on=a(An.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;
+`,Vi=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};
+`,Pi=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.Space.sp3};
+  margin-bottom: ${t=>t.recommendationsBuildFailed===!0?0:e.Space.sp3};
+`,Ui=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;
+`,_i=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"};
+`,Ni=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)},Bi=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};
+`,Wi=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",Pe="memo",Ye="vendorDetails",_e="updatePreviousTransactionWithNewVendor",Ne="isUpdateVendorToAllLineItemsChecked",Ut=t=>`${t}_form`;function Mi(t,n,s){return li(t,n,s)}const te=e.appLocale.getLocalizedStrings();function Fi({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:w,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:q,onSaveSuccess:ne,onPageRefresh:Q,onUpdateAllChecked:S,onChangeCategoryClassWhenUpdateAllIsChecked:U,discardTransactionDetailLocalData:W,onFetchRecommendationsForEntity:re,updateVendorBulkRecommendationsFetchStatus:pe,clearRecommendationForLineId:K,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:Qe}=e.useZeniFeatureContext(),{configValue:Et}=Qe(e.DynamicConfigNames.enableUncategorizedExpenseCategory),Te=o.useTheme(),M=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:De(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView)}),{vendorUpdates:le,vendorDetails:Le,customerUpdates:Ze,customerDetails:ge}=n.transactionDetailLocalData,Be=Object.keys(n.transactionDetailLocalData.lineItemById)[0],[Xe,We]=R.useState(n.transaction?.attachments??[]),[It,mt]=R.useState(!1),[Me,je]=R.useState([]),[xt,ht]=R.useState([]),[Oe,Ke]=R.useState(void 0),[ze,et]=R.useState(n.transaction?.id??""),[gt,ke]=R.useState(void 0),Fe=R.useRef([]),qe=(x,v,j,H)=>{if(v!==ze||H==null||H==="")return;const G=[...Fe.current];let F=G.find(xe=>xe.lineId===x);if(F==null)F={lineId:x,category:{recommendationTypesViewed:[]},class:{recommendationTypesViewed:[]},vendor:{recommendationTypesViewed:[]}},G.push(F);else{F={...F,category:{...F.category,recommendationTypesViewed:[...F.category.recommendationTypesViewed]},class:{...F.class,recommendationTypesViewed:[...F.class.recommendationTypesViewed]},vendor:{...F.vendor,recommendationTypesViewed:[...F.vendor.recommendationTypesViewed]}};const xe=G.findIndex(st=>st.lineId===x);G[xe]=F}const J=F[j];J.recommendationTypesViewed.includes(H)||J.recommendationTypesViewed.push(H),Fe.current=G},ye=n.transactionDetailUpdateStatus?.fetchState??"Not-Started",tt=e.useWindowSizeContext(),{common:{footer:nt},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),ot=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,v)=>{St(),I.onAutoCompleteInputChange?.(x),me.current=v},gn=async(x,v)=>{if(x.includes("lineDescription")||x.includes(Pe))return;const j=Object.assign({},n.transaction),H=x.split(".")[1];let G=n.transactionDetailLocalData.latestSelectedEntityOnLineItem,F,J=v.isUpdateVendorToAllLineItemsChecked;if(x.includes(Pe)===!1&&x.includes(Ye)===!1&&x.includes(_e)===!1&&x.includes(Ne)===!1&&x!==oe){const k=parseInt(x.split(".")[1]),Y=v[oe][k].id;F=Y;const u=o.cloneDeep(v[oe][k]);let _=!1;if(x.includes(e.transactionDetailLineCategory)||x.includes(e.transactionDetailLineClass)){if(x.includes(e.transactionDetailLineCategory)){const ee=fn(Y,k,v);u[e.transactionDetailLineIsRecommendedCategorySelected]!==ee&&(u[e.transactionDetailLineIsRecommendedCategorySelected]=ee,_=!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(Y,k,v)&&(u[e.transactionDetailLineIsRecommendedClassSelected]=Wt(Y,k,v),_=!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 ee=e.getCustomerVendorEntityInfo(u,n.transactionDetailLocalData,u[e.transactionDetaiLineEntitySelection].selectedOption,H,m.entityAutoCompleteView);U?.(!u[e.transactionDetailUpdateAllChecked],ee)}}if(x.includes(e.transactionDetailLineIsUpdateCategorySelected))if(u[e.transactionDetailLineIsUpdateCategorySelected]===!1){B?.({id:j.id,type:j.type},j,[Y],Tt(k,Y,v),"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,[Y],Tt(k,Y,v),"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 ee=u[e.transactionDetailLineCategory].selectedOption,ae=u[e.transactionDetailLineClass].selectedOption,He=n.accountList.accounts.find(Z=>Z.qboId===ee),de=n.classList.classes.find(Z=>Z.classId===ae);u[e.transactionDetailLineIsRecommendedClassSelected]=!0;const he=e.getCustomerVendorEntityInfo(u,n.transactionDetailLocalData,u[e.transactionDetaiLineEntitySelection].selectedOption,H,m.entityAutoCompleteView);S?.(u[e.transactionDetailUpdateAllChecked],He!=null?{account:He,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,Y,v),[Y],"both",!1);return}if(x.includes(e.transactionDetailLineEntity)&&u[e.transactionDetaiLineEntitySelection].selectedOption==null){K?.({transactionId:{id:j.id,type:j.type},transaction:j,lineId:Y}),_=!0;return}if(x.includes(e.transactionDetailLineEntity)&&u[e.transactionDetaiLineEntitySelection].selectedOption!=null&&(G=e.getCustomerVendorEntityInfo(u,n.transactionDetailLocalData,u[e.transactionDetaiLineEntitySelection].selectedOption,Y,m.entityAutoCompleteView),G!=null)){const ee={id:j.id,type:j.type};q(ee,Y,G),re?.(G,u.amount.amount,{transactionId:{id:j.id,type:j.type},transaction:j,lineIds:[Y]},!1),n.transaction!=null&&n.transactionDetailLocalData.isVendorUpdateAllChecked&&($t(ee,n.transaction,!1),J=!1,_=!0)}if(_){const ee={...v};ee[oe][k]=u,M.reset(ee,{keepDefaultValues:!0,keepDirty:!0})}}const xe=k=>{const Y=parseInt(k.split(".")[1]),u=v[oe][Y][e.transactionDetaiLineEntitySelection].selectedOption;if(u==null)return!1;let _=!1;return v.lineInfo.forEach((ee,ae)=>{if(Y!==ae){const He=ee[e.transactionDetaiLineEntitySelection].selectedOption;He!=null&&u===He&&(_=_||ee[e.transactionDetailUpdateAllChecked])}}),!k.includes(e.transactionDetailLineEntity)&&_},st=k=>k!==oe?n.transaction!=null&&(se.isVendorTransaction(n.transaction)||se.isCustomerTransaction(n.transaction))?k.includes(Pe)===!1&&k.includes(e.transactionDetailLineDescription)===!1:k.includes(Pe)===!1&&k.includes(e.transactionDetailLineDescription)===!1&&xe(k):!1;if(x!==oe&&x!==Ye&&x!==Ne&&x!==_e){const k=zt(v,n.accountList,n.classList,m,st(x),H,n.transactionDetailLocalData,G,F,J);O?.({id:j.id,type:j.type},k)}if(x===Ye){const k=v[Ye];if(k.selectedOption!==le?.qboId||k.selectedOption!==Ze?.qboId){const Y=k.defaultOptions,u=k.selectedOption,_=m.entityAutoCompleteView.vendor.find(Z=>Z.qboId===k.selectedOption),ee=Y?.flatMap(Z=>Z.options).find(Z=>Z.value===u)?.label,ae=m.entityAutoCompleteView.customer.find(Z=>Z.qboId===k.selectedOption),de=n.transactionDetailLocalData.lineItemById[Be]?.recommendationsWithCOT?.find(Z=>Z.vendor?.qboId===k.selectedOption)?.vendor,he={id:j.id,type:j.type};if(_==null&&de==null&&ae==null)Re?.(he),Ee?.(he,{name:ee??k.selectedOption??""});else if(_!=null&&ae==null){if(n.transaction!=null){const Z={name:_.name,id:_.zeniId,qboId:_.qboId},it={id:_.id,type:"vendor",qboId:_.qboId,zeniId:_.qboId,name:_.name},at={transaction:n.transaction,transactionId:he,lineIds:n.transaction.lines?.map(rt=>rt.id)??[]};Ee?.(he,Z,it,n.transaction.amount.amount,at)}}else if(de?.id!=null&&de?.qboId!=null&&ae==null){if(n.transaction!=null){const Z={name:de.name,id:de.id,qboId:de.qboId},it={id:de.id,type:"vendor",qboId:de.qboId,zeniId:de.qboId,name:de.name},at={transaction:n.transaction,transactionId:he,lineIds:n.transaction.lines?.map(rt=>rt.id)??[]};Ee?.(he,Z,it,n.transaction.amount.amount,at)}}else if(ae!=null&&n.transaction!=null){const Z={name:ae.name,id:ae.zeniId,qboId:ae.qboId},it={id:ae.id,type:"customer",qboId:ae.qboId,zeniId:ae.qboId,name:ae.name},at={transaction:n.transaction,transactionId:he,lineIds:n.transaction.lines?.map(rt=>rt.id)??[]};ue?.(he,Z,it,n.transaction.amount.amount,at)}}I.onCancelAutoComplete?.();return}if(x===_e){const k=v[_e];ie?.(k)}if(x===Ne){const k=v[Ne],Y=n.transactionDetailLocalData.latestSelectedEntityOnLineItem;k===!0&&n.transaction!=null&&Y!=null?(Ie?.({id:j.id,type:j.type},n.transaction,Y),mt(!0)):k===!1&&n.transactionDetailLocalData.latestUpdatedLineWithEntity!=null&&Ce?.({id:j.id,type:j.type},j,n.transactionDetailLocalData.latestUpdatedLineWithEntity)}},yn=(x,v)=>{if(x!=null&&v!=null){const j=x.qboId??x.id,H=v.qboId??v.id;return j===H}return!1},Tt=(x,v,j)=>{const H=n.transaction;if(H!=null&&(se.isVendorTransaction(H)||se.isCustomerTransaction(H)))return j[oe].filter(J=>J.id!==v).map(J=>J.id);const G=e.getCustomerVendorEntityInfo(j[oe][x],n.transactionDetailLocalData,j[oe][x][e.transactionDetaiLineEntitySelection].selectedOption,x.toString(),m.entityAutoCompleteView);return G!=null?j[oe].filter((J,xe)=>{const st=e.getCustomerVendorEntityInfo(J,n.transactionDetailLocalData,J[e.transactionDetaiLineEntitySelection].selectedOption,xe.toString(),m.entityAutoCompleteView);return yn(G,st)&&J.id!==v}).map(J=>J.id):[]},fn=(x,v,j)=>!!(n.transactionDetailLocalData.lineItemById[x].recommendationsWithCOT?.map(G=>G.account?.qboId)??[]).includes(j[oe][v][e.transactionDetailLineCategory].selectedOption),Wt=(x,v,j)=>!!(n.transactionDetailLocalData.lineItemById[x].recommendationsWithCOT?.map(G=>G.class?.classId)??[]).includes(j[oe][v][e.transactionDetailLineClass].selectedOption),Sn=()=>{W?.(),P?.()};R.useEffect(()=>{const x=M.watch((v,{name:j})=>{j!=null&&v!=null&&j!=null&&v!=null&&o.defer(()=>gn(j,v))});return()=>{x.unsubscribe()}}),R.useEffect(()=>()=>{W?.()},[]),R.useEffect(()=>{n.transaction&&ze!==n.transaction?.id&&(et(n.transaction?.id??""),M.reset(De(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView)))},[n,ze,m.entityAutoCompleteView,M]),R.useEffect(()=>{o.isEqual(M.getValues(),De(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView))||M.reset(De(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[n.transactionDetailLocalData,n.accountList,n.classList,n.transaction?.recommendationsWithCOT,m.entityAutoCompleteView,M]),R.useEffect(()=>{async function x(v){Me.includes(v.attachment_id)?console.warn(`Attachment with ID ${v.attachment_id} is already getting downloaded`):(je([v.attachment_id,...Me]),await Mi(s,g,v),je(o.Remove(Me,j=>j==v.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}),Ke(void 0))},[Oe]),R.useEffect(()=>{(D==="In-Progress"||D==="Not-Started")&&ye==="Error"?Ae(ye):ye==="Completed"&&(D==="In-Progress"||D==="Not-Started")&&M.formState.isDirty&&(M.reset(De(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")&&M.reset(De(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView),{keepDefaultValues:!0,keepDirty:!0})},[ye,z,M,ne,n,D,m,V,P]),R.useEffect(()=>{(ce==="In-Progress"||ce==="Not-Started")&&n.fetchState==="Completed"&&M.reset(De(n.transactionDetailLocalData,n.accountsHierarchyList,n.classHierarchyList,m.entityAutoCompleteView))},[M,n,n.fetchState,ce,m]),R.useEffect(()=>{n.fetchState==="Completed"&&n.transaction?.attachments!=null&&We(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[Be]?.recommendationsWithCOT))},[m.entityAutoCompleteView.fetchState]);const Rn=(x,v)=>{Gi(x,$,v,f?.trendReport?.entity,n.transaction),N?.(v)},Cn=M.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(F=>F.fileName)),O?.({id:n.transaction.id,type:n.transaction.type},j);const H=j.vendorDetails?.id!=null&&j.vendorDetails?.id===j.vendorUpdates?.id&&j.vendorDetails?.name!==j.vendorUpdates?.name,G=Fe.current;A?.({id:n.transaction.id,type:n.transaction.type},G,le?.id,H),Fe.current=[]}}),St=()=>{if(n.transaction!=null){const x=M.getValues(),v=zt(x,n.accountList,n.classList,m,!1,void 0,n.transactionDetailLocalData);O?.({id:n.transaction.id,type:n.transaction.type},v)}};async function jn(x,v,j,H,G,F){ht([F.toString()]),await vt.uploadAttachment(x,v,j,H,G).then(({uploadResponse:J})=>{if(J!=null&&n.transaction!==void 0){const xe=J.transaction.attachments;Array.isArray(xe)&&xe[0]!=null?(We([se.toAttachment(xe[0])]),b(J.transaction)):console.warn("Upload attachment response has no attachments; skipping update.")}}),ht(o.Remove(xt,J=>J==F.toString()))}const bn=n.fetchState==="In-Progress"||n.fetchState==="Not-Started",wn={onOkClick:()=>{Ae(void 0),M.reset(),$e?.()},onRefresh:()=>{Ae(void 0),M.reset(),$e?.(),Q?.()}},vn=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=()=>!!(M.formState.isDirty&&Object.keys(M.formState.dirtyFields).length>0||le?.id!==Le?.id||le?.name!==Le?.name||Ze?.id!==ge?.id||Ze?.name!==ge?.name),In=(x,v)=>{St(),I.onAutoCompleteInputChange?.(x),h.current=v},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 v=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:v??[]},!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(Bi,{ref:ut,style:C,"data-testid":e.generateDataTestId("transaction-detail-page"),children:o.jsxRuntimeExports.jsxs(o.FormProvider,{...M,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:wn,transactionDate:n.transaction?.date.format(yt.visual.MMMYYYYFormat)}):null,It?o.jsxRuntimeExports.jsx(Ai,{recommendationsBuildStatus:n.transactionDetailLocalData.vendorBulkUpdateCategoryClassRecommendationsFetchStatus?.fetchState,fetchRecommendations:Ln,setShowVendorRecommendationsBuildPopup:mt,clearVendorName:On,clearUpdateVendorBulkRecommendationsFetchStatus:zn}):null,n.transaction.isUpdatingTransaction===!0||n.isUpdateNotAllowed===!0?o.jsxRuntimeExports.jsx(Ei,{}):null,o.jsxRuntimeExports.jsx(yi,{vendorDetailsSectionId:Ye,transaction:n.transaction,existingVendor:Le,existingCustomer:ge,isCOTEnabled:r,selectedEntity:n.transactionDetailLocalData.selectedEntity,headerStyles:T,vendorSearchAutoComplete:{autoCompleteData:m,loadOptions:In},handleVendorRename:vn,handleCustomerRename:$n,currentVendorOption:Tn,recommendationsWithCOT:n.transactionDetailLocalData.lineItemById[Be]?.recommendationsWithCOT,cotTracking:{lineId:Be,transactionId:ze,onCOTView:qe},openTooltipId:gt,setOpenTooltipId:ke}),o.jsxRuntimeExports.jsxs(ln,{children:[o.jsxRuntimeExports.jsxs(ln,{children:[o.jsxRuntimeExports.jsx(ri,{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:qe},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:Xe,sectionId:Pe,attachmentIdsBeingDownloaded:Me,attachmentIdsBeingUploaded:xt,isDisabled:p,authParams:g,onDeleteAttachment:x=>{St(),E(x)},transactionAttachmentsEndpointToFetch:l,onAttachmentClick:x=>{Yi(x.id,$,n.transaction),Ke(x.id)},onUploadAttachment:(x,v,j,H)=>{St(),Ji($,n.transaction,v,x.type),jn(d,g,x,v,j,H)}})]}),o.jsxRuntimeExports.jsx(ai,{sectionId:oe,linkedTransactions:n.linkedTransactions,onTransactionClick:L})]}),f?.trendReport?.dataAvailable!=null&&o.jsxRuntimeExports.jsx(kn.TrendWithTransactions,{firstMonthOfFY:t,trendWithTransactionsReport:f,isDetailPage:!0,graphColor:ot,page:"TransactionDetailPage",onTimePeriodChange:Rn,onTransactionItemClick:L})]}):o.jsxRuntimeExports.jsx(Wi,{style:C,children:o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})})}),En()?o.jsxRuntimeExports.jsx(e.Footer,{formId:Ut(e.transactionDetailPage),primaryBtn:{label:nt.save,isLoading:ye==="In-Progress"||w==="In-Progress",style:{width:rn.buttonWidth.value(tt)},isDisabled:!1},cancelBtn:{label:nt.cancel,style:{width:rn.buttonWidth.value(tt)},onClick:()=>{M.reset(),W?.()}},topComponent:qi(n,c)===!0?Hi(Te,n):null}):null]})})}const qi=(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},Hi=(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(Qi,{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:Ne,checkBoxValue:Ne}}):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:_e,checkBoxValue:_e}}):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(Zi,{})]})},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}},Gi=(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)},Yi=(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)}},Ji=(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])},De=(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,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})),[Pe]:t?.memo,[Ye]:{selectedOption:d?.qboId??d?.id,defaultOptions:e.getGroupedForPayeeEntityOptionsWithCOT(l,d,t.lineItemById[p]?.recommendationsWithCOT)},[_e]:t.updatePreviousTransactionsWithUpdatedVendor,[Ne]:t.isVendorUpdateAllChecked}},zt=(t,n,s,l,d,i,p,r,c,g)=>{const f={};return f.memo=t[Pe],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 w=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:w!=null?s.classes.find(L=>L.classId===w):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},Qi=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)``,Zi=a(e.SvgHighImportance)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+`,jt=a.q``;exports.default=Fi;exports.uniqueName=Ut;