@zeniai/web-cockpit-ui 1.14.22-dev → 1.14.23-dev

package/dist/assets/{EditReimbursementDetailPage-5-BeM3DC-BRw6nxEw.js → EditReimbursementDetailPage-D_FsqRgU-DhM4BWkK.js}

@@ -1,16 +1,16 @@
-import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,fO as Zn,fQ as Xn,fR as eo,j as t,g8 as to,F as nn,bU as li,bW as on,bX as an,_ as q,o as i,C as c,aW as ki,aJ as io,dt as no,fS as oo,g1 as rn,fY as Ii,a3 as ln,p as sn,fZ as ao,ex as Ve,g9 as At,e_ as si,m as xt,ga as ro,g as j,a2 as cn,s as ci,q as a,aS as lo,f$ as so,ca as co,eE as di,gb as zt,cV as fe,cX as xe,cc as ui,cm as ct,ej as uo,cU as dn,v as Pt,cf as un,ce as Xe,cu as st,i as mi,gc as mo,f1 as po,c9 as ho,a7 as Ti,aR as go,ao as mn,ay as yo,ei as bo,al as Bt,fT as fo,bp as pn,X as pi,h as hn,cw as gn,bN as Mt,eU as xo,an as wo,cA as So,d0 as $o,n as hi,J as Di,bA as yn,ag as ji,ct as vo,B as Co,ci as bn,$ as ko,gd as fn,ge as ri,fJ as Ri,gf as Ot,cs as Io,fN as To,b5 as Do,cr as jo}from"./index-P_4M6V8j.js";import{b as v,n,f as vt}from"./vendor-rkTZJa59.js";import{_ as Ro}from"./liveblocks-CP09Cz-7.js";import xn from"./InvoiceUploadSection-C4O7GGrv-DEO_7ppT.js";import{r as Po,f as Lt,d as yt,p as gi,u as Pi,h as ve}from"./types-DyvtCprH-BcZYcgaq.js";import{D as Oo}from"./LabeledCreatableSingleSelectField-CdgNcgTu-CwOMlXoT.js";import{S as Lo}from"./CurrencySelectField-ltt1zExP-D2omcj4n.js";import{Y as Ao}from"./SetUpDefaultSection-BM57n5BV-BGP1G39B.js";import{e as zo}from"./BankAccountSection-MWGcLsKa-DYMEitGJ.js";import{W as Bo,A as Mo}from"./BankAccountWarningSection-CBlOG9xN-KyoF0Xjl.js";import{o as Fo}from"./radio-default-CiSgisfh-Z5w0WcFM.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./crypto-BDNqpTKX.js";import"./AttachmentView-BQMzs_UT-DjbZBXs7.js";import"./uploadReceipts-dxsKhm9I-wO4Dla2j.js";const Je=(e,o)=>`${e}.${o}`,Oi={largeLabelWidth:new c(120,120,160),paddingBottom:new c(a[3],a[2])},{spendManagement:{reimbursement:{reimbursementDetail:Re}},dateFormat:Eo,common:No}=me.getLocalizedStrings(),Wo=({lineIndex:e,mileage:o,classList:r,defaultCurrency:u,sectionId:p,isReimbursementCommentingEnabled:C,isDisabled:m,isAddReimbursementDisabled:S,companyMileageConfigInfo:b,reimbursementId:l,classHierarchyList:k})=>{const f=Ie(),s=ft(),g=zt(),w=`dashboard_${s.currentTenant?.companyId}`,R=bt(),{getValues:D}=ct(),$=No.strings.empty,K=D(Je(p,"distanceInMiles")),L=Oi.largeLabelWidth.value(f),I={application:"dashboard",companyId:s.currentTenant?.companyId,tab:"reimbursement",entityId:l},E=A=>r.filter(V=>V.classId===A)[0]?.accountingClassNumber,te=r.find(A=>A.classId===o.class),pe={valueContainer:A=>({...A,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})};return t.jsxs(t.Fragment,{children:[t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.transactionDate`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("transactionDate",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,children:t.jsx(bn,{isDisabled:m,label:{label:Re.transactionDate,width:L},style:{paddingBottom:Oi.paddingBottom.valuePx(f),width:"auto"},dateField:{name:Je(p,"transactionDate"),placeholder:Re.datePlaceholder,defaultValue:o?.transactionDate,dateFormat:Eo.visual.defaultInput,autoComplete:"off",maxDate:ee.dateNow(),registerOptions:{required:!0,validate:A=>!!A}}})}),t.jsx(Ct,{}),t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.distanceInMiles`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("distanceInMiles",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,children:t.jsx(Ri,{isDisabled:S?"disabled":void 0,style:{width:"auto"},label:{label:Re.distanceInMiles,width:L},formattedTextField:{type:"number",name:Je(p,"distanceInMiles"),placeholder:Re.addMiles,defaultValue:o.distanceInMiles,registerOptions:{required:!0,validate:A=>A!=null?A>0:!0,min:.01},returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,decimalScale:2}})}),t.jsx(Ct,{}),t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.amount`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("amount",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,children:t.jsx(Ri,{isDisabled:"disabled",label:{label:Re.amount,width:L},formattedTextField:{type:"number",name:Je(`${p}.amount`,"amount"),defaultValue:o.amount?.amount,placeholder:Xe(Re.amount),returnValueType:"floatValue",prefix:o.amount?.currencySymbol,allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:A=>A!=null?A>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},additionalInfoLabel:K!=null&&b?.mileageUnitAmount!=null?`${u.currencySymbol}${b?.mileageUnitAmount} per mile x ${K}`:void 0})}),t.jsx(Ct,{}),t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.memo`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("memo",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,children:t.jsx(ui,{isDisabled:m,label:{label:Re.memo,width:L},style:{width:"auto"},text:{type:"text",name:Je(p,"memo"),placeholder:Xe(Re.memo),defaultValue:o.memo,autoComplete:"off",options:{pattern:fn}}})}),t.jsx(Ct,{}),t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.class`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("class",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${i.sp2} ${i.sp2}`},children:t.jsx(ri,{isLoading:!1,label:{label:Re.department,width:L},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:Je(p,"class"),placeholder:Xe(Re.department),valueToId:A=>E(A),defaultValue:{selectedOption:te?.classId,allOptions:Ve(k,[])},style:{width:"100%"},customStyleConfig:pe,registerOptions:{required:!0,validate:A=>!!A.selectedOption}},style:{borderBottom:`1px solid ${R.colors.grey3}`,borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},fullWidthSelect:!0},Je(p,"class"))})]})},Ct=n.div`
+import{a2 as ai,u as bt,Y as ft,a as en,E as Ci,m as ee,M as me,N as tn,e as Ie,fO as Qn,fQ as Zn,fR as eo,j as t,g8 as to,F as nn,bV as li,bX as on,bY as an,$ as H,o as i,C as c,aX as ki,aK as io,dt as no,fS as oo,g1 as rn,fY as Ii,a4 as ln,q as sn,fZ as ao,ex as _e,g9 as At,e_ as si,n as xt,ga as ro,g as j,a3 as cn,t as ci,s as a,aT as lo,f$ as so,cb as co,eE as di,gb as zt,cW as fe,cY as xe,cd as ui,cn as ct,ej as uo,cV as dn,v as Pt,cg as un,cf as Ze,cv as st,i as mi,gc as mo,f1 as po,ca as ho,a8 as Ti,aS as go,ap as mn,az as yo,ei as bo,am as Bt,fT as fo,bq as pn,X as pi,h as hn,cx as gn,bO as Mt,eU as xo,ao as wo,cB as So,d1 as $o,p as hi,J as Di,bB as yn,ah as ji,cu as vo,B as Co,cj as bn,a0 as ko,gd as fn,ge as ri,fJ as Ri,gf as Ot,ct as Io,fN as To,b6 as Do,cs as jo}from"./index-B8OsEhOZ.js";import{b as v,n,f as vt}from"./vendor-rkTZJa59.js";import{_ as Ro}from"./liveblocks-CP09Cz-7.js";import xn from"./InvoiceUploadSection-BuwWumE2-CTijWOqK.js";import{r as Po,f as Lt,d as yt,p as gi,u as Pi,h as ve}from"./types-DyvtCprH-BcZYcgaq.js";import{T as Oo}from"./LabeledCreatableSingleSelectField-CxnC4AFe-BOkJ5-5r.js";import{S as Lo}from"./CurrencySelectField-CxNprN2u-CPSD5Bje.js";import{q as Ao}from"./SetUpDefaultSection-VPie4JZS-CUUkgLvy.js";import{e as zo}from"./BankAccountSection-jRnEB-Ut-BpoXdxMl.js";import{W as Bo,A as Mo}from"./BankAccountWarningSection-KznYA-cf-CV3aOKhB.js";import{o as Fo}from"./radio-default-CiSgisfh-Z5w0WcFM.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./crypto-BDNqpTKX.js";import"./AttachmentView-Cmh726Zl-C82E74gy.js";import"./uploadReceipts-dxsKhm9I-YtN4h-4H.js";const Je=(e,o)=>`${e}.${o}`,Oi={largeLabelWidth:new c(120,120,160),paddingBottom:new c(a[3],a[2])},{spendManagement:{reimbursement:{reimbursementDetail:Re}},dateFormat:Eo,common:No}=me.getLocalizedStrings(),Wo=({lineIndex:e,mileage:o,classList:r,defaultCurrency:u,sectionId:p,isReimbursementCommentingEnabled:C,isDisabled:m,isAddReimbursementDisabled:S,companyMileageConfigInfo:b,reimbursementId:l,classHierarchyList:k})=>{const f=Ie(),s=ft(),g=zt(),w=`dashboard_${s.currentTenant?.companyId}`,R=bt(),{getValues:D}=ct(),$=No.strings.empty,K=D(Je(p,"distanceInMiles")),L=Oi.largeLabelWidth.value(f),I={application:"dashboard",companyId:s.currentTenant?.companyId,tab:"reimbursement",entityId:l},E=A=>r.filter(_=>_.classId===A)[0]?.accountingClassNumber,te=r.find(A=>A.classId===o.class),pe={valueContainer:A=>({...A,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})};return t.jsxs(t.Fragment,{children:[t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.transactionDate`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("transactionDate",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,children:t.jsx(bn,{isDisabled:m,label:{label:Re.transactionDate,width:L},style:{paddingBottom:Oi.paddingBottom.valuePx(f),width:"auto"},dateField:{name:Je(p,"transactionDate"),placeholder:Re.datePlaceholder,defaultValue:o?.transactionDate,dateFormat:Eo.visual.defaultInput,autoComplete:"off",maxDate:ee.dateNow(),registerOptions:{required:!0,validate:A=>!!A}}})}),t.jsx(Ct,{}),t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.distanceInMiles`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("distanceInMiles",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,children:t.jsx(Ri,{isDisabled:S?"disabled":void 0,style:{width:"auto"},label:{label:Re.distanceInMiles,width:L},formattedTextField:{type:"number",name:Je(p,"distanceInMiles"),placeholder:Re.addMiles,defaultValue:o.distanceInMiles,registerOptions:{required:!0,validate:A=>A!=null?A>0:!0,min:.01},returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,decimalScale:2}})}),t.jsx(Ct,{}),t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.amount`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("amount",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,children:t.jsx(Ri,{isDisabled:"disabled",label:{label:Re.amount,width:L},formattedTextField:{type:"number",name:Je(`${p}.amount`,"amount"),defaultValue:o.amount?.amount,placeholder:Ze(Re.amount),returnValueType:"floatValue",prefix:o.amount?.currencySymbol,allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:A=>A!=null?A>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},additionalInfoLabel:K!=null&&b?.mileageUnitAmount!=null?`${u.currencySymbol}${b?.mileageUnitAmount} per mile x ${K}`:void 0})}),t.jsx(Ct,{}),t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.memo`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("memo",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,children:t.jsx(ui,{isDisabled:m,label:{label:Re.memo,width:L},style:{width:"auto"},text:{type:"text",name:Je(p,"memo"),placeholder:Ze(Re.memo),defaultValue:o.memo,autoComplete:"off",options:{pattern:fn}}})}),t.jsx(Ct,{}),t.jsx(fe,{isThreadAllowed:C&&l!=null,dashboardTabKey:xe({type:"details",key:`${e}.mileage.class`}),roomId:w,companyId:s.currentTenant?.companyId??$,companyName:s.currentTenant?.companyName??$,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...I,entityType:`reimbursement.details.${ve("class",e,"mileage")}`},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${i.sp2} ${i.sp2}`},children:t.jsx(ri,{isLoading:!1,label:{label:Re.department,width:L},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:Je(p,"class"),placeholder:Ze(Re.department),valueToId:A=>E(A),defaultValue:{selectedOption:te?.classId,allOptions:_e(k,[])},style:{width:"100%"},customStyleConfig:pe,registerOptions:{required:!0,validate:A=>!!A.selectedOption}},style:{borderBottom:`1px solid ${R.colors.grey3}`,borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},fullWidthSelect:!0},Je(p,"class"))})]})},Ct=n.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Li={amounWidth:new c(50,30),currencyWidth:new c(50,70)};function Uo({name:e,placeHolder:o,defaultValue:r,isDisabled:u,showAmountCurrencyError:p,style:C,allCurrencies:m}){const[S,b]=v.useState(!1),{getValues:l,formState:{errors:k}}=ct(),f=bt(),s=Ie(),g=u!=null,w=l(e),R=`${w?.amount} ${w?.currency?.selectedOption}`,D=st(k,e)&&Ot(k,`${e}.amount`)!=null,$=st(k,e)&&Ot(k,`${e}.currency`)!=null,K=p===!0?D||$:!1,L=!K&&S===!1;return v.useEffect(()=>{L===!1&&b(!0)},[L]),t.jsx(sn,{onClickAway:()=>g===!1&&!K&&b(!1),children:t.jsx(Vo,{style:C,isDisabled:g,tabIndex:L&&!g?0:void 0,onClick:()=>g===!1&&b(!0),"data-testid":q("currency-amount-field",e),children:t.jsxs(t.Fragment,{children:[w?.amount!=null?t.jsx(Ai,{className:"amount-field",isVisible:L,children:R}):t.jsx(Ai,{className:"amount-field amount-placeholder",isVisible:L,children:o?.name}),t.jsxs(_o,{isVisible:!L,children:[t.jsx(To,{type:"number",name:`${e}.amount`,defaultValue:r?.amount,placeholder:o?.amount,returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:I=>I!=null?I>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,isDisabled:u,style:{display:"flex",flexGrow:1,width:Li.amounWidth.valuePercentage(s),cursor:"inherit"},bgColor:f.colors.background,isFieldError:D,shouldHighlightZeroAmount:!0}),L?null:t.jsx(Ho,{}),t.jsx(Lo,{name:`${e}.currency`,registerOptions:{validate:I=>I!=null&&I.selectedOption!=null},defaultValue:{allOptions:m.map(I=>({label:s==="small"?I.currencyCode:`${I.currencyCode} - ${I.currency}`,value:I.currencyCode,countryCode:I.countryCode})),selectedOption:r?.currencyCode},controlStyle:{justifyContent:"flex-start",backgroundColor:f.colors.background},isDisabled:u,style:{width:Li.currencyWidth.valuePercentage(s),flexGrow:1},isOptionRemovable:!1})]})]})})})}const _o=n.div`
+`,Li={amounWidth:new c(50,30),currencyWidth:new c(50,70)};function Uo({name:e,placeHolder:o,defaultValue:r,isDisabled:u,showAmountCurrencyError:p,style:C,allCurrencies:m}){const[S,b]=v.useState(!1),{getValues:l,formState:{errors:k}}=ct(),f=bt(),s=Ie(),g=u!=null,w=l(e),R=`${w?.amount} ${w?.currency?.selectedOption}`,D=st(k,e)&&Ot(k,`${e}.amount`)!=null,$=st(k,e)&&Ot(k,`${e}.currency`)!=null,K=p===!0?D||$:!1,L=!K&&S===!1;return v.useEffect(()=>{L===!1&&b(!0)},[L]),t.jsx(sn,{onClickAway:()=>g===!1&&!K&&b(!1),children:t.jsx(_o,{style:C,isDisabled:g,tabIndex:L&&!g?0:void 0,onClick:()=>g===!1&&b(!0),"data-testid":H("currency-amount-field",e),children:t.jsxs(t.Fragment,{children:[w?.amount!=null?t.jsx(Ai,{className:"amount-field",isVisible:L,children:R}):t.jsx(Ai,{className:"amount-field amount-placeholder",isVisible:L,children:o?.name}),t.jsxs(Vo,{isVisible:!L,children:[t.jsx(To,{type:"number",name:`${e}.amount`,defaultValue:r?.amount,placeholder:o?.amount,returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:I=>I!=null?I>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,isDisabled:u,style:{display:"flex",flexGrow:1,width:Li.amounWidth.valuePercentage(s),cursor:"inherit"},bgColor:f.colors.background,isFieldError:D,shouldHighlightZeroAmount:!0}),L?null:t.jsx(qo,{}),t.jsx(Lo,{name:`${e}.currency`,registerOptions:{validate:I=>I!=null&&I.selectedOption!=null},defaultValue:{allOptions:m.map(I=>({label:s==="small"?I.currencyCode:`${I.currencyCode} - ${I.currency}`,value:I.currencyCode,countryCode:I.countryCode})),selectedOption:r?.currencyCode},controlStyle:{justifyContent:"flex-start",backgroundColor:f.colors.background},isDisabled:u,style:{width:Li.currencyWidth.valuePercentage(s),flexGrow:1},isOptionRemovable:!1})]})]})})})}const Vo=n.div`
   display: ${e=>e.isVisible?"flex":"none"};
   width: 100%;
   input {
     text-align: left;
   }
-`,Vo=n.div`
+`,_o=n.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -22,7 +22,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   input {
     text-align: right;
   }
-`,Ho=n.div`
+`,qo=n.div`
   background-color: ${e=>e.theme.colors.grey5};
   min-width: ${i.sp3};
 `,Ai=n(mn)`
@@ -37,7 +37,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   &.amount-placeholder {
     color: ${e=>e.theme.colors.grey1};
   }
-`,Fe={width:new c(343,580,726),height:new c(a[6],a[6]),controlHeight:new c(a[6],a[6]),paddingTopBottom:new c(a[2],a[2]),marginRight:new c(a[2],a[2]),labelMarginLeft:new c(a[3],a[4]),labelMarginRight:new c(a[3],a[4]),labelMarginTop:new c(a[2],a[2])},wn={infoLabel:new pi("extraSmallRegular","smallRegular")};function qo({isDisabled:e,label:o,currencyAmountField:r,style:u,errorInfoLabel:p,isAdditionalInfoLabelLoading:C,showAdditionalLabelTooltip:m=!1,additionalLabelTooltip:S,additionalInfoLabel:b,showAdditionalInfoLabel:l=!0}){const k=Ie(),{formState:{errors:f}}=ct(),s=st(f,r.name)&&Ot(f,`${r.name}.amount`)!=null,g=st(f,r.name)&&Ot(f,`${r.name}.currency`)!=null,w=r.showAmountCurrencyError===!0?s||g:!1,R=s||g||w,D=()=>{if(C===!0)return t.jsx(Qo,{children:t.jsx(xt,{size:"Small",start:!0})});if(l&&b||w){let $=null;return m===!0&&l&&b&&($=t.jsx(yn,{placement:k==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Jo,{children:S??""}),children:t.jsx(Xo,{children:t.jsx(ea,{})})})),t.jsxs(Zo,{size:k,isError:w,hasToolTip:m,children:[$,b]})}};return t.jsxs(Ko,{size:k,style:u,isDisabled:e!=null,isAmountError:s,isCurrencyError:g,"data-testid":q("labeled-currency-amount-field",r.name),children:[t.jsx(Io,{isDisabled:e,label:o.label,htmlFor:r.name,style:{marginLeft:Fe.labelMarginLeft.value(k),marginRight:Fe.labelMarginRight.value(k),marginTop:Fe.labelMarginTop.value(k),width:o.width??"auto"}}),t.jsxs(Yo,{labelWidth:o.width,children:[t.jsx(Uo,{...r,isDisabled:e,style:{flexGrow:1,height:Fe.controlHeight.value(k)}}),R?t.jsx(Go,{size:k,hasError:R,children:p}):null,D()]})]})}const Ko=n.div`
+`,Fe={width:new c(343,580,726),height:new c(a[6],a[6]),controlHeight:new c(a[6],a[6]),paddingTopBottom:new c(a[2],a[2]),marginRight:new c(a[2],a[2]),labelMarginLeft:new c(a[3],a[4]),labelMarginRight:new c(a[3],a[4]),labelMarginTop:new c(a[2],a[2])},wn={infoLabel:new pi("extraSmallRegular","smallRegular")};function Ho({isDisabled:e,label:o,currencyAmountField:r,style:u,errorInfoLabel:p,isAdditionalInfoLabelLoading:C,showAdditionalLabelTooltip:m=!1,additionalLabelTooltip:S,additionalInfoLabel:b,showAdditionalInfoLabel:l=!0}){const k=Ie(),{formState:{errors:f}}=ct(),s=st(f,r.name)&&Ot(f,`${r.name}.amount`)!=null,g=st(f,r.name)&&Ot(f,`${r.name}.currency`)!=null,w=r.showAmountCurrencyError===!0?s||g:!1,R=s||g||w,D=()=>{if(C===!0)return t.jsx(Xo,{children:t.jsx(xt,{size:"Small",start:!0})});if(l&&b||w){let $=null;return m===!0&&l&&b&&($=t.jsx(yn,{placement:k==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(Jo,{children:S??""}),children:t.jsx(Zo,{children:t.jsx(ea,{})})})),t.jsxs(Qo,{size:k,isError:w,hasToolTip:m,children:[$,b]})}};return t.jsxs(Ko,{size:k,style:u,isDisabled:e!=null,isAmountError:s,isCurrencyError:g,"data-testid":H("labeled-currency-amount-field",r.name),children:[t.jsx(Io,{isDisabled:e,label:o.label,htmlFor:r.name,style:{marginLeft:Fe.labelMarginLeft.value(k),marginRight:Fe.labelMarginRight.value(k),marginTop:Fe.labelMarginTop.value(k),width:o.width??"auto"}}),t.jsxs(Yo,{labelWidth:o.width,children:[t.jsx(Uo,{...r,isDisabled:e,style:{flexGrow:1,height:Fe.controlHeight.value(k)}}),R?t.jsx(Go,{size:k,hasError:R,children:p}):null,D()]})]})}const Ko=n.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -121,12 +121,12 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   color: ${e=>e.theme.colors.grey1};
   background: ${e=>e.theme.colors.overlayColor};
   border-radius: ${i.sp1};
-`,Qo=n.div`
+`,Xo=n.div`
   padding-right: ${i.sp3};
   padding-top: ${i.sp1};
   display: flex;
   justify-content: flex-end;
-`,Zo=n.label`
+`,Qo=n.label`
   display: flex;
   justify-content: flex-end;
   color: ${e=>e.isError?j.important:e.theme.colors.hero};
@@ -137,7 +137,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   padding-right: ${i.sp3};
   text-align: right;
   margin-top: ${e=>e.hasToolTip===!0?i.sp1:i.sp0};
-`,Xo=n.div`
+`,Zo=n.div`
   display: flex;
   margin-right: ${i.sp2};
   margin-top: 2px;
@@ -146,7 +146,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   width: ${i.sp3};
   height: ${i.sp3};
   color: inherit;
-`,Be=(e,o)=>`${e}.${o}`,jt={largeLabelWidth:new c(120,120,160),smallLabelWidth:new c(85,85,160),paddingBottom:new c(a[3],a[2]),autoFillIconLeft:new c(-8,-24)},{dateFormat:ta,common:Sn,spendManagement:{reimbursement:{reimbursementDetail:de}}}=me.getLocalizedStrings(),{strings:{empty:oe}}=Sn,ia=(e,o)=>{const r=e.slice(1);let u=!1;return r.forEach(p=>{p.account?.qboId!=null&&p.account?.qboId===o&&(u=!0)}),u},na=e=>e.charAt(0).toLowerCase()+e.slice(1),oa=({lineIndex:e,outOfPocket:o,accountList:r,classList:u,merchantList:p,isAddReimbursementDisabled:C,sectionId:m,isReimbursementCommentingEnabled:S,isDisabled:b,autoFields:l=[],accountsHierarchyList:k,classHierarchyList:f,reimbursementId:s,tentativeMerchantName:g,allCurrencies:w,uncategorizedAccounts:R})=>{const D=Ie(),$=ft(),K=zt(),L=bt(),I=o.isCategoryUpdateSelected!=null&&o.recommendedAccount!=null&&!o.isCategoryFirstTimeAutofilled&&!ia(o.recommendations,o.account),E=o.isRetainedCategorySelected!=null&&o.retainedAccount!=null,te=jt.largeLabelWidth.value(D),pe=jt.smallLabelWidth.value(D),A=p.map(P=>P.id??oe),V={application:"dashboard",companyId:$.currentTenant?.companyId,tab:"reimbursement",entityId:s},Y=`dashboard_${$.currentTenant?.companyId}`,H=P=>p.find(ge=>ge.id===P)?.name??P,ie=r.find(P=>P.qboId===o.account),X=P=>[R.expense?.qboId,R.income?.qboId].includes(P),we=u.find(P=>P.classId===o.class),he={valueContainer:P=>({...P,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})},re=P=>r.filter(ge=>ge.qboId===P)[0]?.qboId,J=P=>u.filter(ge=>ge.classId===P)[0]?.accountingClassNumber,le=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.tooltip.category.replace("__based__",na(o?.recommendedAccount?.reason??oe)),Oe=At(k,o.recommendations);return t.jsxs(t.Fragment,{children:[g!=null||l.includes("merchant")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.merchant`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...V,entityType:`reimbursement.details.${ve("merchant",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(Oo,{isDisabled:b!=null||C?"disabled":void 0,label:{label:de.merchant,width:te},style:{width:"auto"},creatableSingleSelectField:{name:Be(m,"merchant"),placeholder:de.merchantPlaceholder,defaultValue:{selectedOption:o.merchant??oe,allOptions:A},registerOptions:{required:!0,validate:P=>!!P.selectedOption}},isOptionRemovable:!0,addIconInCreateLabel:!0,getLabelForId:H})}),t.jsx(kt,{}),l.includes("transactionDate")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.transactionDate`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...V,entityType:`reimbursement.details.${ve("transactionDate",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(bn,{isDisabled:b,label:{label:de.transactionDate,width:te},style:{paddingBottom:jt.paddingBottom.valuePx(D),width:"auto"},dateField:{name:Be(m,"transactionDate"),placeholder:de.datePlaceholder,defaultValue:o?.transactionDate,dateFormat:ta.visual.defaultInput,autoComplete:"off",maxDate:ee.dateNow(),registerOptions:{required:!0,validate:P=>!!P}}})}),t.jsx(kt,{}),l.includes("amount")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,isTwoLined:!0,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.amount`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...V,entityType:`reimbursement.details.${ve("amount",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(qo,{isDisabled:b!=null||C?"disabled":void 0,label:{label:de.amount,width:pe},style:{width:"auto"},currencyAmountField:{style:{height:i.sp6},name:`${m}.amount`,defaultValue:{amount:o.amount.amount,currencyCode:o.amount.currencyCode,currencySymbol:o.amount.currencySymbol},placeHolder:{amount:de.addAmount,name:de.addAmount},allCurrencies:w,showAmountCurrencyError:!0},showAdditionalInfoLabel:!0,showAdditionalLabelTooltip:!0,additionalLabelTooltip:de.amountExchangeRateTooltip,isAdditionalInfoLabelLoading:o.isConvertedCurrencyLoading===!0,additionalInfoLabel:!tn(o.homeCurrencyDetails,o.amount)&&o.amount.currencyCode!==Sn.currency.currencyCode&&o.homeCurrencyDetails?.amount!==0?`${ko("0,0[.]00",o.homeCurrencyDetails)} ${o.homeCurrencyDetails?.currencyCode}`:void 0})}),t.jsx(kt,{}),l.includes("memo")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.memo`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...V,entityType:`reimbursement.details.${ve("memo",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(ui,{isDisabled:b,label:{label:de.memo,width:te},style:{width:"auto"},text:{type:"text",name:Be(m,"memo"),placeholder:Xe(de.memo),defaultValue:o.memo,autoComplete:"off",options:{pattern:fn}}})}),t.jsx(kt,{}),l.includes("account")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.account`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...V,entityType:`reimbursement.details.${ve("account",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(ri,{label:{label:de.category,width:te},groupedSingleSelectField:{shouldShowChevronIcon:I||E,name:Be(m,"account"),placeholder:de.categoryPlaceholder,valueToId:P=>re(P),defaultValue:{selectedOption:ie?.qboId??ie?.accountId,allOptions:Oe},style:{width:"100%"},customStyleConfig:he,registerOptions:{required:!0,validate:P=>!!P.selectedOption}},disableCurrentOption:X,style:{borderBottom:`1px solid ${L.colors.grey3}`,minHeight:i.sp6,boxSizing:"initial"},fullWidthSelect:!0,isLoading:o.isRecommendationLoading,recommendationCheckboxField:I?{tooltipProps:{text:le},label:{label:o.recommendedAccount?.accountName??oe},checkBoxField:{name:Be(m,"isCategoryUpdateSelected"),defaultChecked:!!o.isCategoryUpdateSelected}}:void 0,retainCheckboxField:E?{label:{label:o.retainedAccount?.accountName??oe},checkBoxField:{name:Be(m,"isRetainedCategorySelected"),defaultChecked:!!o.isRetainedCategorySelected}}:void 0},Be(m,"account"))}),l.includes("class")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.class`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...V,entityType:`reimbursement.details.${ve("class",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${i.sp2} ${i.sp2}`},children:t.jsx(ri,{isLoading:!1,label:{label:de.department,width:te},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:Be(m,"class"),placeholder:Xe(de.department),valueToId:P=>J(P),defaultValue:{selectedOption:we?.classId,allOptions:Ve(f,[])},style:{width:"100%"},customStyleConfig:he,registerOptions:{required:!0,validate:P=>!!P.selectedOption}},style:{borderBottom:`1px solid ${L.colors.grey3}`,borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},fullWidthSelect:!0},Be(m,"class"))})]})},ot=n.span`
+`,Be=(e,o)=>`${e}.${o}`,jt={largeLabelWidth:new c(120,120,160),smallLabelWidth:new c(85,85,160),paddingBottom:new c(a[3],a[2]),autoFillIconLeft:new c(-8,-24)},{dateFormat:ta,common:Sn,spendManagement:{reimbursement:{reimbursementDetail:de}}}=me.getLocalizedStrings(),{strings:{empty:oe}}=Sn,ia=(e,o)=>{const r=e.slice(1);let u=!1;return r.forEach(p=>{p.account?.qboId!=null&&p.account?.qboId===o&&(u=!0)}),u},na=e=>e.charAt(0).toLowerCase()+e.slice(1),oa=({lineIndex:e,outOfPocket:o,accountList:r,classList:u,merchantList:p,isAddReimbursementDisabled:C,sectionId:m,isReimbursementCommentingEnabled:S,isDisabled:b,autoFields:l=[],accountsHierarchyList:k,classHierarchyList:f,reimbursementId:s,tentativeMerchantName:g,allCurrencies:w,uncategorizedAccounts:R})=>{const D=Ie(),$=ft(),K=zt(),L=bt(),I=o.isCategoryUpdateSelected!=null&&o.recommendedAccount!=null&&!o.isCategoryFirstTimeAutofilled&&!ia(o.recommendations,o.account),E=o.isRetainedCategorySelected!=null&&o.retainedAccount!=null,te=jt.largeLabelWidth.value(D),pe=jt.smallLabelWidth.value(D),A=p.map(P=>P.id??oe),_={application:"dashboard",companyId:$.currentTenant?.companyId,tab:"reimbursement",entityId:s},Y=`dashboard_${$.currentTenant?.companyId}`,q=P=>p.find(ge=>ge.id===P)?.name??P,ie=r.find(P=>P.qboId===o.account),Z=P=>[R.expense?.qboId,R.income?.qboId].includes(P),we=u.find(P=>P.classId===o.class),he={valueContainer:P=>({...P,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})},re=P=>r.filter(ge=>ge.qboId===P)[0]?.qboId,J=P=>u.filter(ge=>ge.classId===P)[0]?.accountingClassNumber,le=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.tooltip.category.replace("__based__",na(o?.recommendedAccount?.reason??oe)),Oe=At(k,o.recommendations);return t.jsxs(t.Fragment,{children:[g!=null||l.includes("merchant")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.merchant`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{..._,entityType:`reimbursement.details.${ve("merchant",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(Oo,{isDisabled:b!=null||C?"disabled":void 0,label:{label:de.merchant,width:te},style:{width:"auto"},creatableSingleSelectField:{name:Be(m,"merchant"),placeholder:de.merchantPlaceholder,defaultValue:{selectedOption:o.merchant??oe,allOptions:A},registerOptions:{required:!0,validate:P=>!!P.selectedOption}},isOptionRemovable:!0,addIconInCreateLabel:!0,getLabelForId:q})}),t.jsx(kt,{}),l.includes("transactionDate")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.transactionDate`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{..._,entityType:`reimbursement.details.${ve("transactionDate",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(bn,{isDisabled:b,label:{label:de.transactionDate,width:te},style:{paddingBottom:jt.paddingBottom.valuePx(D),width:"auto"},dateField:{name:Be(m,"transactionDate"),placeholder:de.datePlaceholder,defaultValue:o?.transactionDate,dateFormat:ta.visual.defaultInput,autoComplete:"off",maxDate:ee.dateNow(),registerOptions:{required:!0,validate:P=>!!P}}})}),t.jsx(kt,{}),l.includes("amount")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,isTwoLined:!0,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.amount`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{..._,entityType:`reimbursement.details.${ve("amount",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(Ho,{isDisabled:b!=null||C?"disabled":void 0,label:{label:de.amount,width:pe},style:{width:"auto"},currencyAmountField:{style:{height:i.sp6},name:`${m}.amount`,defaultValue:{amount:o.amount.amount,currencyCode:o.amount.currencyCode,currencySymbol:o.amount.currencySymbol},placeHolder:{amount:de.addAmount,name:de.addAmount},allCurrencies:w,showAmountCurrencyError:!0},showAdditionalInfoLabel:!0,showAdditionalLabelTooltip:!0,additionalLabelTooltip:de.amountExchangeRateTooltip,isAdditionalInfoLabelLoading:o.isConvertedCurrencyLoading===!0,additionalInfoLabel:!tn(o.homeCurrencyDetails,o.amount)&&o.amount.currencyCode!==Sn.currency.currencyCode&&o.homeCurrencyDetails?.amount!==0?`${ko("0,0[.]00",o.homeCurrencyDetails)} ${o.homeCurrencyDetails?.currencyCode}`:void 0})}),t.jsx(kt,{}),l.includes("memo")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.memo`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{..._,entityType:`reimbursement.details.${ve("memo",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(ui,{isDisabled:b,label:{label:de.memo,width:te},style:{width:"auto"},text:{type:"text",name:Be(m,"memo"),placeholder:Ze(de.memo),defaultValue:o.memo,autoComplete:"off",options:{pattern:fn}}})}),t.jsx(kt,{}),l.includes("account")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.account`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{..._,entityType:`reimbursement.details.${ve("account",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,children:t.jsx(ri,{label:{label:de.category,width:te},groupedSingleSelectField:{shouldShowChevronIcon:I||E,name:Be(m,"account"),placeholder:de.categoryPlaceholder,valueToId:P=>re(P),defaultValue:{selectedOption:ie?.qboId??ie?.accountId,allOptions:Oe},style:{width:"100%"},customStyleConfig:he,registerOptions:{required:!0,validate:P=>!!P.selectedOption}},disableCurrentOption:Z,style:{borderBottom:`1px solid ${L.colors.grey3}`,minHeight:i.sp6,boxSizing:"initial"},fullWidthSelect:!0,isLoading:o.isRecommendationLoading,recommendationCheckboxField:I?{tooltipProps:{text:le},label:{label:o.recommendedAccount?.accountName??oe},checkBoxField:{name:Be(m,"isCategoryUpdateSelected"),defaultChecked:!!o.isCategoryUpdateSelected}}:void 0,retainCheckboxField:E?{label:{label:o.retainedAccount?.accountName??oe},checkBoxField:{name:Be(m,"isRetainedCategorySelected"),defaultChecked:!!o.isRetainedCategorySelected}}:void 0},Be(m,"account"))}),l.includes("class")?t.jsx(ot,{children:t.jsx(rt,{windowSize:D,children:t.jsx(at,{})})}):null,t.jsx(fe,{isThreadAllowed:S&&s!=null,dashboardTabKey:xe({type:"details",key:`${e}.out_of_pocket.class`}),roomId:Y,companyId:$.currentTenant?.companyId??oe,companyName:$.currentTenant?.companyName??oe,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{..._,entityType:`reimbursement.details.${ve("class",e,"out_of_pocket")}`},fieldThreadTargetElement:K?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${i.sp2} ${i.sp2}`},children:t.jsx(ri,{isLoading:!1,label:{label:de.department,width:te},groupedSingleSelectField:{shouldShowChevronIcon:!1,name:Be(m,"class"),placeholder:Ze(de.department),valueToId:P=>J(P),defaultValue:{selectedOption:we?.classId,allOptions:_e(f,[])},style:{width:"100%"},customStyleConfig:he,registerOptions:{required:!0,validate:P=>!!P.selectedOption}},style:{borderBottom:`1px solid ${L.colors.grey3}`,borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},fullWidthSelect:!0},Be(m,"class"))})]})},ot=n.span`
   position: relative;
 `,at=n(di)`
   color: ${e=>e.theme.colors.primary};
@@ -163,7 +163,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Qe=(e,o)=>`${e}.${o}`,Ee={paddingTop:new c(a[5],a[4]),marginBottom:new c(a[3],a[3]),labelPaddingLeft:new c(a[3],a[4]),buttonWidth:new c(70,70),containerRightMargin:new c(a[3],a[8]),containerLeftMargin:new c(a[3],a[6]),deleteConfirmationTextMarginBottom:new c(a[2],a[0])},G=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,aa=({lineData:e,currencyConversionState:o,recommendationFetchState:r,remiStage:u,lineIndex:p,accountList:C,classList:m,merchantList:S,hasFile:b,defaultCurrency:l,hasMultipleLineItems:k,fileRequiredLineIds:f,duplicateLineDetails:s,remiStatus:g,sectionId:w,isDisabled:R,isReimbursementCommentingEnabled:D,isAddReimbursementDisabled:$,style:K,autoFields:L=[],analytics:I,reimbursementId:E,tentativeMerchantName:te,companyMileageConfigInfo:pe,uncategorizedAccounts:A,removeDuplicateReimbursementForLine:V,scrollToSection:Y,onDuplicateLineClick:H,onRemoveReimbursement:ie,clearTentativeNameForLine:X,allCurrencies:we,accountsHierarchyList:he,classHierarchyList:re})=>{const J=Ie(),le=ft(),Oe=zt(),P=me.getLocalizedStrings().common.strings.empty,ge={application:"dashboard",companyId:le.currentTenant?.companyId,tab:"reimbursement",entityId:E},se=`dashboard_${le.currentTenant?.companyId}`,{getValues:Ne}=ct(),[Le,Ae]=v.useState(!1),Se=Ne(Qe(w,"reimbursementType"));return t.jsxs(ma,{style:K,windowSize:J,children:[t.jsxs(la,{hasFile:b,windowSize:J,showDeleteConfirmation:Le,children:[t.jsx(ha,{windowSize:J,children:k?`#${p+1} ${G.reimbursement}`:G.reimbursement}),Le?t.jsxs(ua,{windowSize:J,children:[t.jsx(da,{windowSize:J,children:G.deleteConfirmation}),t.jsxs(ra,{children:[t.jsx(Di,{label:G.buttons.cancel,onClick:()=>Ae(!1),style:{width:Ee.buttonWidth.value(J),marginLeft:J==="small"?i.sp0:i.sp4,marginRight:i.sp3},size:"small",variant:"secondary","data-testid":q("delete-remi-button",G.buttons.cancel)}),t.jsx(Di,{label:G.buttons.remove,onClick:()=>{I?.trackReimbursementDeleteReimbursementLine(e.lineId,E),X?.(e.lineId??"1"),Ae(!1),V(e.lineId),ie(p)},style:{width:Ee.buttonWidth.value(J)},size:"small",variant:"danger","data-testid":q("delete-remi-button",G.buttons.remove)})]})]}):k&&(u==="draft"||g==="rejected")?t.jsx(sa,{className:"deleteIconWrapper",windowSize:J,onClick:()=>Ae(!0),"data-testid":q("delete-remi-button",e.lineId),children:t.jsx(yn,{enterDelay:600,title:G.deleteReimbursement,placement:"top-end",children:t.jsx(ca,{})})}):null]}),f.includes(e.lineId)?t.jsx(rn,{title:G.missingReceipt,description:G.missingReceiptDescription,style:{marginBottom:i.sp3}}):null,t.jsxs(ga,{windowSize:J,children:[s?.duplicateLineId!=null?t.jsxs(pa,{children:[G.thisExpense," ",s.isDuplicateWithinTransaction?t.jsx(zi,{"data-testid":q("view-duplicate-transaction-expense"),onClick:()=>(I?.trackReimbursementViewDuplicateExpense(!0,E),Y(s.duplicateLineId)),children:G.viewOriginalExpense}):t.jsx(zi,{"data-testid":q("view-duplicate-expense"),onClick:()=>{s.duplicateTransactionId!=null&&s.duplicateLineId!=null&&(I?.trackReimbursementViewDuplicateExpense(!1,E),H(s.duplicateTransactionId,s.duplicateLineId))},children:G.viewOriginalExpense})]}):null,t.jsx(fe,{isThreadAllowed:D&&E!=null,dashboardTabKey:xe({type:"details",key:Se===G.mileageKey?`${p}.mileage.reimbursementType`:`${p}.out_of_pocket.reimbursementType`}),roomId:se,companyId:le.currentTenant?.companyId??P,companyName:le.currentTenant?.companyName??P,entityId:E,dashboardOptionType:"reimbursement",filterMetaData:{...ge,entityType:`reimbursement.details.${ve("reimbursementType",p,Se===G.mileageKey?"mileage":"out_of_pocket")}`},fieldThreadTargetElement:Oe?.sharedRef?.contentWrapperRef,style:{borderRadius:s?.duplicateLineId!=null?"0 0 0 0":`${i.sp2} ${i.sp2} 0 0`},children:t.jsxs(ba,{isDisabled:R!=null,haveBorderRadius:s?.duplicateLineId==null,children:[t.jsx(ji,{isDisabled:R!=null||$?"disabled":void 0,isContainerClickable:!0,label:{label:G.outOfPocket},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ee.labelPaddingLeft.value(J),borderTopLeftRadius:"inherit"},showOutline:!(D&&E!=null),radioField:{name:Qe(w,"reimbursementType"),id:`${Qe(w,"reimbursementType")}.${G.outOfPocketKey}`,value:G.outOfPocketKey}}),t.jsx(ya,{}),t.jsx(ji,{isDisabled:R!=null||$?"disabled":void 0,isContainerClickable:!0,label:{label:G.mileage},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ee.labelPaddingLeft.value(J),borderTopRightRadius:"inherit"},showOutline:!(D&&E!=null),radioField:{name:Qe(w,"reimbursementType"),id:`${Qe(w,"reimbursementType")}.${G.mileageKey}`,value:G.mileageKey}})]})}),t.jsx(fa,{}),Se===G.outOfPocketKey?t.jsx(oa,{lineIndex:p,reimbursementId:E,uncategorizedAccounts:A,isReimbursementCommentingEnabled:D,isDisabled:R,outOfPocket:{transactionDate:e.outOfPocket.transactionDate!=null?ee.zeniDate(e.outOfPocket.transactionDate.toDateString()):void 0,account:e.outOfPocket.account.selectedOption,isConvertedCurrencyLoading:o?.fetchState==="In-Progress",isRecommendationLoading:r==="In-Progress",homeCurrencyDetails:e.homeCurrencyConversions,class:e.outOfPocket.class.selectedOption,amount:{amount:e.outOfPocket.amount?.amount??0,currencyCode:e.outOfPocket.amount?.currencyCode??"USD",currencySymbol:e.outOfPocket.amount?.currencySymbol??"$"},memo:e.outOfPocket.memo,merchant:e.outOfPocket.merchant.selectedOption,recommendations:e.outOfPocket.recommendations,recommendedAccount:e.outOfPocket.recommendedAccount,isCategoryUpdateSelected:e.outOfPocket.isCategoryUpdateSelected,isCategoryFirstTimeAutofilled:e.outOfPocket.isCategoryFirstTimeAutofilled,retainedAccount:e.outOfPocket.retainedAccount,isRetainedCategorySelected:e.outOfPocket.isRetainedCategorySelected},sectionId:Qe(w,"outOfPocket"),accountList:C,classList:m,autoFields:L,merchantList:S,tentativeMerchantName:te,allCurrencies:we,isAddReimbursementDisabled:$,accountsHierarchyList:he,classHierarchyList:re}):t.jsx(Wo,{lineIndex:p,reimbursementId:E,isReimbursementCommentingEnabled:D,isDisabled:R,mileage:{transactionDate:e.mileage.transactionDate!=null?ee.zeniDate(e.mileage.transactionDate.toDateString()):void 0,class:e.mileage.class.selectedOption,distanceInMiles:e.mileage.distanceInMiles,amount:{amount:e.mileage.amount?.amount??0,currencyCode:e.mileage.amount?.currencyCode??"USD",currencySymbol:e.mileage.amount?.currencySymbol??"$"},memo:e.mileage.memo},classList:m,sectionId:Qe(w,"mileage"),companyMileageConfigInfo:pe,defaultCurrency:l,isAddReimbursementDisabled:$,classHierarchyList:re})]})]})},ra=n.div``,la=n.div`
+`,Xe=(e,o)=>`${e}.${o}`,Ee={paddingTop:new c(a[5],a[4]),marginBottom:new c(a[3],a[3]),labelPaddingLeft:new c(a[3],a[4]),buttonWidth:new c(70,70),containerRightMargin:new c(a[3],a[8]),containerLeftMargin:new c(a[3],a[6]),deleteConfirmationTextMarginBottom:new c(a[2],a[0])},G=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,aa=({lineData:e,currencyConversionState:o,recommendationFetchState:r,remiStage:u,lineIndex:p,accountList:C,classList:m,merchantList:S,hasFile:b,defaultCurrency:l,hasMultipleLineItems:k,fileRequiredLineIds:f,duplicateLineDetails:s,remiStatus:g,sectionId:w,isDisabled:R,isReimbursementCommentingEnabled:D,isAddReimbursementDisabled:$,style:K,autoFields:L=[],analytics:I,reimbursementId:E,tentativeMerchantName:te,companyMileageConfigInfo:pe,uncategorizedAccounts:A,removeDuplicateReimbursementForLine:_,scrollToSection:Y,onDuplicateLineClick:q,onRemoveReimbursement:ie,clearTentativeNameForLine:Z,allCurrencies:we,accountsHierarchyList:he,classHierarchyList:re})=>{const J=Ie(),le=ft(),Oe=zt(),P=me.getLocalizedStrings().common.strings.empty,ge={application:"dashboard",companyId:le.currentTenant?.companyId,tab:"reimbursement",entityId:E},se=`dashboard_${le.currentTenant?.companyId}`,{getValues:Ne}=ct(),[Le,Ae]=v.useState(!1),Se=Ne(Xe(w,"reimbursementType"));return t.jsxs(ma,{style:K,windowSize:J,children:[t.jsxs(la,{hasFile:b,windowSize:J,showDeleteConfirmation:Le,children:[t.jsx(ha,{windowSize:J,children:k?`#${p+1} ${G.reimbursement}`:G.reimbursement}),Le?t.jsxs(ua,{windowSize:J,children:[t.jsx(da,{windowSize:J,children:G.deleteConfirmation}),t.jsxs(ra,{children:[t.jsx(Di,{label:G.buttons.cancel,onClick:()=>Ae(!1),style:{width:Ee.buttonWidth.value(J),marginLeft:J==="small"?i.sp0:i.sp4,marginRight:i.sp3},size:"small",variant:"secondary","data-testid":H("delete-remi-button",G.buttons.cancel)}),t.jsx(Di,{label:G.buttons.remove,onClick:()=>{I?.trackReimbursementDeleteReimbursementLine(e.lineId,E),Z?.(e.lineId??"1"),Ae(!1),_(e.lineId),ie(p)},style:{width:Ee.buttonWidth.value(J)},size:"small",variant:"danger","data-testid":H("delete-remi-button",G.buttons.remove)})]})]}):k&&(u==="draft"||g==="rejected")?t.jsx(sa,{className:"deleteIconWrapper",windowSize:J,onClick:()=>Ae(!0),"data-testid":H("delete-remi-button",e.lineId),children:t.jsx(yn,{enterDelay:600,title:G.deleteReimbursement,placement:"top-end",children:t.jsx(ca,{})})}):null]}),f.includes(e.lineId)?t.jsx(rn,{title:G.missingReceipt,description:G.missingReceiptDescription,style:{marginBottom:i.sp3}}):null,t.jsxs(ga,{windowSize:J,children:[s?.duplicateLineId!=null?t.jsxs(pa,{children:[G.thisExpense," ",s.isDuplicateWithinTransaction?t.jsx(zi,{"data-testid":H("view-duplicate-transaction-expense"),onClick:()=>(I?.trackReimbursementViewDuplicateExpense(!0,E),Y(s.duplicateLineId)),children:G.viewOriginalExpense}):t.jsx(zi,{"data-testid":H("view-duplicate-expense"),onClick:()=>{s.duplicateTransactionId!=null&&s.duplicateLineId!=null&&(I?.trackReimbursementViewDuplicateExpense(!1,E),q(s.duplicateTransactionId,s.duplicateLineId))},children:G.viewOriginalExpense})]}):null,t.jsx(fe,{isThreadAllowed:D&&E!=null,dashboardTabKey:xe({type:"details",key:Se===G.mileageKey?`${p}.mileage.reimbursementType`:`${p}.out_of_pocket.reimbursementType`}),roomId:se,companyId:le.currentTenant?.companyId??P,companyName:le.currentTenant?.companyName??P,entityId:E,dashboardOptionType:"reimbursement",filterMetaData:{...ge,entityType:`reimbursement.details.${ve("reimbursementType",p,Se===G.mileageKey?"mileage":"out_of_pocket")}`},fieldThreadTargetElement:Oe?.sharedRef?.contentWrapperRef,style:{borderRadius:s?.duplicateLineId!=null?"0 0 0 0":`${i.sp2} ${i.sp2} 0 0`},children:t.jsxs(ba,{isDisabled:R!=null,haveBorderRadius:s?.duplicateLineId==null,children:[t.jsx(ji,{isDisabled:R!=null||$?"disabled":void 0,isContainerClickable:!0,label:{label:G.outOfPocket},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ee.labelPaddingLeft.value(J),borderTopLeftRadius:"inherit"},showOutline:!(D&&E!=null),radioField:{name:Xe(w,"reimbursementType"),id:`${Xe(w,"reimbursementType")}.${G.outOfPocketKey}`,value:G.outOfPocketKey}}),t.jsx(ya,{}),t.jsx(ji,{isDisabled:R!=null||$?"disabled":void 0,isContainerClickable:!0,label:{label:G.mileage},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ee.labelPaddingLeft.value(J),borderTopRightRadius:"inherit"},showOutline:!(D&&E!=null),radioField:{name:Xe(w,"reimbursementType"),id:`${Xe(w,"reimbursementType")}.${G.mileageKey}`,value:G.mileageKey}})]})}),t.jsx(fa,{}),Se===G.outOfPocketKey?t.jsx(oa,{lineIndex:p,reimbursementId:E,uncategorizedAccounts:A,isReimbursementCommentingEnabled:D,isDisabled:R,outOfPocket:{transactionDate:e.outOfPocket.transactionDate!=null?ee.zeniDate(e.outOfPocket.transactionDate.toDateString()):void 0,account:e.outOfPocket.account.selectedOption,isConvertedCurrencyLoading:o?.fetchState==="In-Progress",isRecommendationLoading:r==="In-Progress",homeCurrencyDetails:e.homeCurrencyConversions,class:e.outOfPocket.class.selectedOption,amount:{amount:e.outOfPocket.amount?.amount??0,currencyCode:e.outOfPocket.amount?.currencyCode??"USD",currencySymbol:e.outOfPocket.amount?.currencySymbol??"$"},memo:e.outOfPocket.memo,merchant:e.outOfPocket.merchant.selectedOption,recommendations:e.outOfPocket.recommendations,recommendedAccount:e.outOfPocket.recommendedAccount,isCategoryUpdateSelected:e.outOfPocket.isCategoryUpdateSelected,isCategoryFirstTimeAutofilled:e.outOfPocket.isCategoryFirstTimeAutofilled,retainedAccount:e.outOfPocket.retainedAccount,isRetainedCategorySelected:e.outOfPocket.isRetainedCategorySelected},sectionId:Xe(w,"outOfPocket"),accountList:C,classList:m,autoFields:L,merchantList:S,tentativeMerchantName:te,allCurrencies:we,isAddReimbursementDisabled:$,accountsHierarchyList:he,classHierarchyList:re}):t.jsx(Wo,{lineIndex:p,reimbursementId:E,isReimbursementCommentingEnabled:D,isDisabled:R,mileage:{transactionDate:e.mileage.transactionDate!=null?ee.zeniDate(e.mileage.transactionDate.toDateString()):void 0,class:e.mileage.class.selectedOption,distanceInMiles:e.mileage.distanceInMiles,amount:{amount:e.mileage.amount?.amount??0,currencyCode:e.mileage.amount?.currencyCode??"USD",currencySymbol:e.mileage.amount?.currencySymbol??"$"},memo:e.mileage.memo},classList:m,sectionId:Xe(w,"mileage"),companyMileageConfigInfo:pe,defaultCurrency:l,isAddReimbursementDisabled:$,classHierarchyList:re})]})]})},ra=n.div``,la=n.div`
   //when file is present and it's a small window, we don't have to show the title and delete icon. Delete icon will be displayed inside the invoice title, next to replace
   //https://www.figma.com/file/ERKhHKvXKZSfIUruWfHqwU/New-Reimbursement-Mobile-Ver-1.0?type=design&node-id=419%3A6356&mode=design&t=upxphJ6HQRaue6wK-1
   display: ${e=>e.hasFile&&e.windowSize==="small"?"none":"flex"};
@@ -258,9 +258,9 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
 `,$a=n(Bt)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${e=>lt.marginBottom.valuePx(e.windowSize)};
-`,M={largeLabelWidth:new c(120,120,220),marginTop:new c(28,8),paymentToMarginTop:new c(0,a[4]),marginBottom:new c(a[5],a[4]),paymentToMarginBottom:new c(12,a[3]),totalMarginBottom:new c(a[3],a[3]),reimbursementSectionLeftMargin:new c(a[3],a[6]),reimbursementSectionRightMargin:new c(a[3],a[8]),invoiceSectionLeftMargin:new c(a[3],a[8]),invoiceSectionRightMargin:new c(a[3],a[6]),rightSectionWidth:new c(100,58),firstOrLastItemHeight:new c(390,760),itemHeight:new c(390,459),duplicateBannerWrapperMarginTop:new c(a[5],a[3]),duplicateBannerWrapperMarginRight:new c(a[3],a[8]),duplicateBannerWrapperMarginBottom:new c(a[5],a[3]),duplicateBannerWrapperMarginLeft:new c(a[3],a[6])},va={total:new pi("largeMedium","h6Medium")},{spendManagement:{reimbursement:{reimbursementDetail:_},billPay:{vendorCreation:{achDetails:It}}},common:{currency:{currencyCode:Tt}}}=me.getLocalizedStrings(),vn=e=>{let o=0,r=Tt;if("recommendationFetchState"in e&&e.recommendationFetchState!=null){const u=e;o=u.outOfPocket.amount??0,r=u.outOfPocket.currencyCode??Tt}else{const u=e;o=u.outOfPocket.amount?.amount??0,r=u.outOfPocket.amount?.currencyCode??Tt}return(e.homeCurrencyConversions?.currencyCode??Tt)!==r&&(o=e.homeCurrencyConversions?.amount??0),o},Ca=({remiUploadStatus:e,progressSectionObj:o,reimbursementId:r,createDate:u,scheduleDate:p,paymentDate:C,hasDuplicateLine:m,approvedDate:S,isFirstOrLastListItem:b,index:l,reimbursementSectionRef:k,showSkipAutoFill:f,lineData:s,currencyConversionState:g,authParams:w,uploadInvoiceEndPoint:R,accountList:D,classList:$,merchantList:K,remiStage:L,autoFieldsByLineId:I,isReimbursementCommentingEnabled:E,isAutoFieldsExist:te,totalAmount:pe,showTotalAmountLoader:A,totalNumberOfLines:V,defaultCurrency:Y,bankAccounts:H,fileRequiredLineIds:ie,isAddReimbursementDisabled:X,duplicateLineByLineId:we,remiStatus:he,file:re,uncategorizedAccounts:J,reportTitle:le,recommendationFetchState:Oe,tentativeMerchantName:P,paymentTo:ge,analytics:se,companyMileageConfigInfo:Ne,loggedInUserDepartmentId:Le,isSignedInUserReimbursementCreator:Ae,setShowBankAccountPage:Se,setRefByLineId:ze,setCurrentLineIdForUpload:ye,onDuplicateLineClick:Te,setUploadedReceiptPayload:dt,removeDuplicateReimbursementForLine:W,onReceiptsUpload:et,scrollToSection:tt,onRemoveReimbursement:We,onAddReimbursement:ke,clearTentativeNameForLine:He,onReplaceClick:De,onDeleteBankAccount:Ue,updateInvoiceUploadFetchState:_e,removeFileFromLine:qe,allCurrencies:Ke,accountsHierarchyList:ne,classHierarchyList:it})=>{const{formState:{errors:ut}}=ct(),Ge=v.useRef(null);v.useEffect(()=>(ze(z=>({...z,[`L${s.lineId}`]:Ge.current})),()=>{ze(z=>({...z,[`L${s.lineId}`]:null}))}),[s.lineId,ze]);const U=Ie(),mt=L==="draft"?_.newReimbursementTitle:_.editReimbursementTitle,F=M.largeLabelWidth.value(U),ae=z=>z.outOfPocket.account.selectedOption==null&&(z.outOfPocket.amount==null||z.outOfPocket.amount.amount==0)&&(z.outOfPocket.class.selectedOption==null||z.outOfPocket.class.selectedOption===Le)&&(z.outOfPocket.memo===""||z.outOfPocket.memo==null)&&z.outOfPocket.merchant.selectedOption==null&&z.outOfPocket.transactionDate==null,wt=H.map(z=>z.bankAccountId),$e=s.reimbursementType===_.outOfPocketKey&&vn(s)>=75&&re==null;return t.jsxs(_a,{ref:k,windowSize:U,children:[t.jsx(Va,{ref:z=>{z!=null&&(Ge.current=z)},windowSize:U,bottomSeperator:V!==1,showSkipAutoFill:f,isFirstItem:l===0,children:t.jsx(xn,{customError:$e?_.requireReceipt:void 0,analytics:se,showAutofill:!1,uploadInvoiceEndPoint:R,authParams:w,entityId:X?"":void 0,file:re,style:{width:"auto",padding:0,height:b?M.firstOrLastItemHeight.valuePx(U):M.itemHeight.valuePx(U),margin:U==="small"?i.sp0:void 0},updateInvoiceUploadFetchState:_e,onInvoiceUpload:z=>{s.reimbursementType===_.outOfPocketKey&&!ae(s)?(ye(Number(s.lineId)),dt(z),De?.()):et(z,Number(s.lineId),!0)},dropFilePlaceholder:{upload:_.dropReceipt.upload,receipt:_.dropReceipt.receipt},showInfoText:!1,showTitlebar:!0,showTitlebarIcon:!X,pdfTitle:V>1?`#${l+1} Receipt`:"Receipt",onDeleteClick:()=>{_e?.("In-Progress"),setTimeout(()=>qe?.(Number(s.lineId)))},onReplaceClick:()=>{ye(Number(s.lineId)),De?.()},allowMultiFiles:V===l+1,type:"receipt"})}),t.jsxs(Ua,{windowSize:U,children:[l===0&&U!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(La,{children:mt}),t.jsx(Ha,{children:t.jsx(fo,{progressSectionObj:o,createDate:u,paymentDate:C,scheduleDate:p,approvedDate:S,isBillUploaded:r!=null?!0:e==="Completed"})}),te&&t.jsxs(Ta,{children:[t.jsx(ka,{}),t.jsx(Oa,{children:_.banner})]}),m&&t.jsxs(Da,{size:U,children:[t.jsx(Ia,{}),t.jsxs(Ra,{children:[t.jsx(ja,{children:_.thereSeems}),t.jsx(Pa,{children:_.pleaseFind})]})]}),t.jsx($n,{isReimbursementCommentingEnabled:E,sectionId:Lt,reportTitle:le,reimbursementId:r})]}):null,t.jsx(aa,{analytics:se,reimbursementId:r,onDuplicateLineClick:Te,uncategorizedAccounts:J,sectionId:`${gi}.${l}`,scrollToSection:tt,lineIndex:l,lineData:s,accountList:D,classList:$,merchantList:K,autoFields:s.lineId!=null?I[s.lineId]:[],currencyConversionState:g,recommendationFetchState:Oe,onRemoveReimbursement:We,hasMultipleLineItems:V>1,clearTentativeNameForLine:He,tentativeMerchantName:P,hasFile:re!=null,companyMileageConfigInfo:Ne,defaultCurrency:Y,remiStage:L,remiStatus:he,fileRequiredLineIds:ie,allCurrencies:Ke,isReimbursementCommentingEnabled:E,isAddReimbursementDisabled:X,accountsHierarchyList:ne,classHierarchyList:it,duplicateLineDetails:we[s.lineId],removeDuplicateReimbursementForLine:W}),V!==1&&V===l+1&&t.jsxs(t.Fragment,{children:[t.jsxs(za,{windowSize:U,children:[t.jsx(Ba,{children:_.total}),A?t.jsx(Ma,{windowSize:U,children:t.jsx(Fa,{children:t.jsx(xt,{size:"Standard",start:!0,style:{display:"flex"}})})}):t.jsx(dn,{amount:ee.toAmount(pe,"USD","$"),integerStyles:Pt.h6Regular.cssObject,decimalStyles:Pt.standardRegular.cssObject})]}),t.jsxs(Na,{windowSize:U,onClick:()=>{X===!1&&ke()},isDisabled:X,"data-testid":q("add-reimbursement-row"),children:[t.jsx(Mi,{}),t.jsx(Bi,{children:_.addReimbursement})]}),Ae?t.jsxs(t.Fragment,{children:[t.jsx(Aa,{windowSize:U,children:_.receivePaymentTo}),t.jsx(Ea,{windowSize:U,shouldDisplay:H.length>0,children:t.jsx(un,{label:{label:_.yourBankAccount,width:F},style:{width:"auto"},singleSelectField:{singleSelect:{name:yt,placeholder:Xe(_.yourBankAccount),showValueEyeIcon:!X,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:Ue,getTooltipInfo:z=>Cn(H,z),onClickCreateBankAccount:()=>Se(!0),getLabelForId:z=>In(H,z),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:X?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:ge,allOptions:wt},registerOptions:{required:!0,validate:z=>!!z.selectedOption}},isFunctional:!0})}),t.jsxs(Wa,{shouldDisplay:H.length===0,windowSize:U,hasError:st(ut,yt),onClick:()=>{X===!1&&Se(!0)},isDisabled:X,"data-testid":q("remi-add-bank-account-container"),children:[t.jsx(Mi,{}),t.jsx(Bi,{children:_.addBankAccount})]})]}):null]})]})]})},Cn=(e,o)=>{const r=kn(e,o);return r==null?`${It.bankRoutingNumber} ${_.emptyValue}
-  ${It.bankAccountNumber} ${_.emptyValue}`:`${It.bankRoutingNumber} ${r.bankRoutingNumberAch??_.emptyValue}, ${r.bankName??_.emptyValue}
-  ${It.bankAccountNumber} ${r.bankAccountNumber??_.emptyValue}`},kn=(e,o)=>e.find(r=>r.bankAccountId===o),In=(e,o)=>{const r=kn(e,o);return r==null?_.selectBankAccount:r.bankAccountName?r.bankAccountName:r.maskedAccountNumber?r.maskedAccountNumber:r.bankName&&r.bankAccountNumber?`${r.bankName} ${_.accountNameConnector}${r.bankAccountNumber.slice(r.bankAccountNumber.length-4)}`:_.selectBankAccount},ka=n(di)`
+`,M={largeLabelWidth:new c(120,120,220),marginTop:new c(28,8),paymentToMarginTop:new c(0,a[4]),marginBottom:new c(a[5],a[4]),paymentToMarginBottom:new c(12,a[3]),totalMarginBottom:new c(a[3],a[3]),reimbursementSectionLeftMargin:new c(a[3],a[6]),reimbursementSectionRightMargin:new c(a[3],a[8]),invoiceSectionLeftMargin:new c(a[3],a[8]),invoiceSectionRightMargin:new c(a[3],a[6]),rightSectionWidth:new c(100,58),firstOrLastItemHeight:new c(390,760),itemHeight:new c(390,459),duplicateBannerWrapperMarginTop:new c(a[5],a[3]),duplicateBannerWrapperMarginRight:new c(a[3],a[8]),duplicateBannerWrapperMarginBottom:new c(a[5],a[3]),duplicateBannerWrapperMarginLeft:new c(a[3],a[6])},va={total:new pi("largeMedium","h6Medium")},{spendManagement:{reimbursement:{reimbursementDetail:V},billPay:{vendorCreation:{achDetails:It}}},common:{currency:{currencyCode:Tt}}}=me.getLocalizedStrings(),vn=e=>{let o=0,r=Tt;if("recommendationFetchState"in e&&e.recommendationFetchState!=null){const u=e;o=u.outOfPocket.amount??0,r=u.outOfPocket.currencyCode??Tt}else{const u=e;o=u.outOfPocket.amount?.amount??0,r=u.outOfPocket.amount?.currencyCode??Tt}return(e.homeCurrencyConversions?.currencyCode??Tt)!==r&&(o=e.homeCurrencyConversions?.amount??0),o},Ca=({remiUploadStatus:e,progressSectionObj:o,reimbursementId:r,createDate:u,scheduleDate:p,paymentDate:C,hasDuplicateLine:m,approvedDate:S,isFirstOrLastListItem:b,index:l,reimbursementSectionRef:k,showSkipAutoFill:f,lineData:s,currencyConversionState:g,authParams:w,uploadInvoiceEndPoint:R,accountList:D,classList:$,merchantList:K,remiStage:L,autoFieldsByLineId:I,isReimbursementCommentingEnabled:E,isAutoFieldsExist:te,totalAmount:pe,showTotalAmountLoader:A,totalNumberOfLines:_,defaultCurrency:Y,bankAccounts:q,fileRequiredLineIds:ie,isAddReimbursementDisabled:Z,duplicateLineByLineId:we,remiStatus:he,file:re,uncategorizedAccounts:J,reportTitle:le,recommendationFetchState:Oe,tentativeMerchantName:P,paymentTo:ge,analytics:se,companyMileageConfigInfo:Ne,loggedInUserDepartmentId:Le,isSignedInUserReimbursementCreator:Ae,setShowBankAccountPage:Se,setRefByLineId:ze,setCurrentLineIdForUpload:ye,onDuplicateLineClick:Te,setUploadedReceiptPayload:dt,removeDuplicateReimbursementForLine:W,onReceiptsUpload:et,scrollToSection:tt,onRemoveReimbursement:We,onAddReimbursement:ke,clearTentativeNameForLine:qe,onReplaceClick:De,onDeleteBankAccount:Ue,updateInvoiceUploadFetchState:Ve,removeFileFromLine:He,allCurrencies:Ke,accountsHierarchyList:ne,classHierarchyList:it})=>{const{formState:{errors:ut}}=ct(),Ge=v.useRef(null);v.useEffect(()=>(ze(z=>({...z,[`L${s.lineId}`]:Ge.current})),()=>{ze(z=>({...z,[`L${s.lineId}`]:null}))}),[s.lineId,ze]);const U=Ie(),mt=L==="draft"?V.newReimbursementTitle:V.editReimbursementTitle,F=M.largeLabelWidth.value(U),ae=z=>z.outOfPocket.account.selectedOption==null&&(z.outOfPocket.amount==null||z.outOfPocket.amount.amount==0)&&(z.outOfPocket.class.selectedOption==null||z.outOfPocket.class.selectedOption===Le)&&(z.outOfPocket.memo===""||z.outOfPocket.memo==null)&&z.outOfPocket.merchant.selectedOption==null&&z.outOfPocket.transactionDate==null,wt=q.map(z=>z.bankAccountId),$e=s.reimbursementType===V.outOfPocketKey&&vn(s)>=75&&re==null;return t.jsxs(Va,{ref:k,windowSize:U,children:[t.jsx(_a,{ref:z=>{z!=null&&(Ge.current=z)},windowSize:U,bottomSeperator:_!==1,showSkipAutoFill:f,isFirstItem:l===0,children:t.jsx(xn,{customError:$e?V.requireReceipt:void 0,analytics:se,showAutofill:!1,uploadInvoiceEndPoint:R,authParams:w,entityId:Z?"":void 0,file:re,style:{width:"auto",padding:0,height:b?M.firstOrLastItemHeight.valuePx(U):M.itemHeight.valuePx(U),margin:U==="small"?i.sp0:void 0},updateInvoiceUploadFetchState:Ve,onInvoiceUpload:z=>{s.reimbursementType===V.outOfPocketKey&&!ae(s)?(ye(Number(s.lineId)),dt(z),De?.()):et(z,Number(s.lineId),!0)},dropFilePlaceholder:{upload:V.dropReceipt.upload,receipt:V.dropReceipt.receipt},showInfoText:!1,showTitlebar:!0,showTitlebarIcon:!Z,pdfTitle:_>1?`#${l+1} Receipt`:"Receipt",onDeleteClick:()=>{Ve?.("In-Progress"),setTimeout(()=>He?.(Number(s.lineId)))},onReplaceClick:()=>{ye(Number(s.lineId)),De?.()},allowMultiFiles:_===l+1,type:"receipt"})}),t.jsxs(Ua,{windowSize:U,children:[l===0&&U!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(La,{children:mt}),t.jsx(qa,{children:t.jsx(fo,{progressSectionObj:o,createDate:u,paymentDate:C,scheduleDate:p,approvedDate:S,isBillUploaded:r!=null?!0:e==="Completed"})}),te&&t.jsxs(Ta,{children:[t.jsx(ka,{}),t.jsx(Oa,{children:V.banner})]}),m&&t.jsxs(Da,{size:U,children:[t.jsx(Ia,{}),t.jsxs(Ra,{children:[t.jsx(ja,{children:V.thereSeems}),t.jsx(Pa,{children:V.pleaseFind})]})]}),t.jsx($n,{isReimbursementCommentingEnabled:E,sectionId:Lt,reportTitle:le,reimbursementId:r})]}):null,t.jsx(aa,{analytics:se,reimbursementId:r,onDuplicateLineClick:Te,uncategorizedAccounts:J,sectionId:`${gi}.${l}`,scrollToSection:tt,lineIndex:l,lineData:s,accountList:D,classList:$,merchantList:K,autoFields:s.lineId!=null?I[s.lineId]:[],currencyConversionState:g,recommendationFetchState:Oe,onRemoveReimbursement:We,hasMultipleLineItems:_>1,clearTentativeNameForLine:qe,tentativeMerchantName:P,hasFile:re!=null,companyMileageConfigInfo:Ne,defaultCurrency:Y,remiStage:L,remiStatus:he,fileRequiredLineIds:ie,allCurrencies:Ke,isReimbursementCommentingEnabled:E,isAddReimbursementDisabled:Z,accountsHierarchyList:ne,classHierarchyList:it,duplicateLineDetails:we[s.lineId],removeDuplicateReimbursementForLine:W}),_!==1&&_===l+1&&t.jsxs(t.Fragment,{children:[t.jsxs(za,{windowSize:U,children:[t.jsx(Ba,{children:V.total}),A?t.jsx(Ma,{windowSize:U,children:t.jsx(Fa,{children:t.jsx(xt,{size:"Standard",start:!0,style:{display:"flex"}})})}):t.jsx(dn,{amount:ee.toAmount(pe,"USD","$"),integerStyles:Pt.h6Regular.cssObject,decimalStyles:Pt.standardRegular.cssObject})]}),t.jsxs(Na,{windowSize:U,onClick:()=>{Z===!1&&ke()},isDisabled:Z,"data-testid":H("add-reimbursement-row"),children:[t.jsx(Mi,{}),t.jsx(Bi,{children:V.addReimbursement})]}),Ae?t.jsxs(t.Fragment,{children:[t.jsx(Aa,{windowSize:U,children:V.receivePaymentTo}),t.jsx(Ea,{windowSize:U,shouldDisplay:q.length>0,children:t.jsx(un,{label:{label:V.yourBankAccount,width:F},style:{width:"auto"},singleSelectField:{singleSelect:{name:yt,placeholder:Ze(V.yourBankAccount),showValueEyeIcon:!Z,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:Ue,getTooltipInfo:z=>Cn(q,z),onClickCreateBankAccount:()=>Se(!0),getLabelForId:z=>In(q,z),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:Z?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:ge,allOptions:wt},registerOptions:{required:!0,validate:z=>!!z.selectedOption}},isFunctional:!0})}),t.jsxs(Wa,{shouldDisplay:q.length===0,windowSize:U,hasError:st(ut,yt),onClick:()=>{Z===!1&&Se(!0)},isDisabled:Z,"data-testid":H("remi-add-bank-account-container"),children:[t.jsx(Mi,{}),t.jsx(Bi,{children:V.addBankAccount})]})]}):null]})]})]})},Cn=(e,o)=>{const r=kn(e,o);return r==null?`${It.bankRoutingNumber} ${V.emptyValue}
+  ${It.bankAccountNumber} ${V.emptyValue}`:`${It.bankRoutingNumber} ${r.bankRoutingNumberAch??V.emptyValue}, ${r.bankName??V.emptyValue}
+  ${It.bankAccountNumber} ${r.bankAccountNumber??V.emptyValue}`},kn=(e,o)=>e.find(r=>r.bankAccountId===o),In=(e,o)=>{const r=kn(e,o);return r==null?V.selectBankAccount:r.bankAccountName?r.bankAccountName:r.maskedAccountNumber?r.maskedAccountNumber:r.bankName&&r.bankAccountNumber?`${r.bankName} ${V.accountNameConnector}${r.bankAccountNumber.slice(r.bankAccountNumber.length-4)}`:V.selectBankAccount},ka=n(di)`
   color: ${e=>e.theme.colors.primary};
   width: ${i.sp3};
   height: ${i.sp3};
@@ -391,11 +391,11 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   display: flex;
   flex-direction: column;
   width: ${e=>M.rightSectionWidth.valuePercentage(e.windowSize)};
-`,_a=n.div`
+`,Va=n.div`
   display: flex;
   width: 100%;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,Va=n.div`
+`,_a=n.div`
   height: 100%;
   background: ${e=>e.theme.colors.grey3};
   border-radius: ${i.sp2};
@@ -405,12 +405,12 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   visibility: ${e=>e.showSkipAutoFill?"hidden":"unset"};
   margin-bottom: ${e=>e.bottomSeperator===!0&&e.windowSize!=="small"?e.isFirstItem?"102px":i.sp10:0};
   margin-top: ${e=>M.marginTop.valuePx(e.windowSize)};
-`,Ha=n.div`
+`,qa=n.div`
   padding: ${i.sp2} ${i.sp8} ${i.sp0} ${i.sp6};
-`,qa={total:new pi("largeMedium","h6Medium")},Q={largeLabelWidth:new c(120,120,220),marginBottom:new c(a[5],a[4]),addBankAccountMarginBottom:new c(a[5],a[5]),marginTop:new c(a[0],78),paymentToMarginTop:new c(0,a[4]),totalMarginBottom:new c(a[3],a[3]),rightMargin:new c(a[3],a[8]),leftMargin:new c(a[3],a[6]),paymentToMarginBottom:new c(12,a[3])},Ze=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,Ka=({remiDetails:e,isUserAdmin:o,authParams:r,uploadInvoiceEndPoint:u,showSkipAutoFill:p,isReimbursementCommentingEnabled:C,isAutoFieldsExist:m,totalAmount:S,defaultCurrency:b,hasDuplicateLine:l,bankAccounts:k,fileRequiredLineIds:f,companyMileageConfigInfo:s,analytics:g,reimbursementId:w,currencyConversionStatus:R,setShowSkipAutoFill:D,setShowBankAccountPage:$,removeDuplicateReimbursementForLine:K,onReceiptsUpload:L,setCurrentLineIdForUpload:I,onDuplicateLineClick:E,setUploadedReceiptPayload:te,removeFileFromLine:pe,onReplaceClick:A,updateInvoiceUploadFetchState:V,clearTentativeNameForLine:Y,onDeleteBankAccount:H,uncategorizedAccounts:ie,isSignedInUserReimbursementCreator:X,duplicateLineByLineId:we,showTotalAmountLoader:he,scrollContainerRef:re})=>{const{control:J,formState:{errors:le}}=ct(),{fields:Oe,append:P,remove:ge}=uo({name:gi,control:J}),se=Oe,Ne=v.useRef(null),Le=F=>{setTimeout(()=>{ge(F)})},{tentativeMerchantNameByLineId:Ae,remiStage:Se,remiStatus:ze}=e,ye=!X||Se==="pending_approval"&&ze!=="rejected"&&o||Se==="pending_approval"&&ze==="rejected",Te=ye?e.paymentToBankAccountDetail!=null?[e.paymentToBankAccountDetail]:[]:k,dt=Te.map(F=>F.bankAccountId),W=Ie(),et=Q.largeLabelWidth.value(W),tt=e.whatForSection.reportTitle,We=e.accountList.accounts,ke=e.accountsHierarchyList,He=e.classHierarchyList,De=e.classList.classes,Ue=e.merchantList.merchants,_e=e.addRemiAutoFieldsByLineId,qe=Math.max(...Object.keys(e.editRemiInitialDetails?.lineDetailSection??{}).map(F=>Number(F)),0),Ke=()=>{const F=se[se.length-1],ae=Tn(se.length,Number(F.lineId)>qe?String(Number(F.lineId)+1):String(qe+1),ke,He,Ue,b,e.allCurrencies,e.loggedInUserDepartmentId);setTimeout(()=>{P(ae,{shouldFocus:!1})}),I(Number(ae.lineId)),D(!0),setTimeout(()=>Pi(Ne.current,re?.current),50)},[ne,it]=v.useState({}),ut=v.useCallback(F=>{const ae=ne[`L${F}`];ae!=null&&Pi(ae,re?.current)},[ne,re]),Ge=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,U=e.reimbursementInfo?.paymentDate!=null?ee.zeniDate(ee.getNextNthWorkingDay(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,mt=e.reimbursementInfo?.expectedDepositDate??U;return t.jsxs(Qa,{windowSize:W,showSkipAutoFill:p,children:[se.map((F,ae)=>t.jsx(Ca,{removeDuplicateReimbursementForLine:K,onDuplicateLineClick:E,scrollToSection:ut,setRefByLineId:it,duplicateLineByLineId:we,reimbursementId:w,remiUploadStatus:e.uploadStatus,uncategorizedAccounts:ie,progressSectionObj:Ge,createDate:e.createTime,paymentDate:mt,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isFirstOrLastListItem:se.length-1===ae||ae===0,index:ae,reimbursementSectionRef:Ne,remiStage:Se,remiStatus:ze,authParams:r,file:F.file,uploadInvoiceEndPoint:u,showSkipAutoFill:p,lineData:F,currencyConversionState:R[F.lineId],recommendationFetchState:e.lineDetailSection[F.lineId]?.recommendationFetchState,setCurrentLineIdForUpload:I,setUploadedReceiptPayload:te,onReplaceClick:A,onReceiptsUpload:L,removeFileFromLine:pe,isReimbursementCommentingEnabled:C,isAutoFieldsExist:m,reportTitle:tt,accountList:We,classList:De,merchantList:Ue,autoFieldsByLineId:_e,onRemoveReimbursement:Le,onAddReimbursement:Ke,totalAmount:S,showTotalAmountLoader:he,hasDuplicateLine:l,totalNumberOfLines:se.length,updateInvoiceUploadFetchState:V,clearTentativeNameForLine:Y,tentativeMerchantName:Ae[F.lineId],companyMileageConfigInfo:s,defaultCurrency:b,setShowBankAccountPage:$,paymentTo:e.paymentTo,bankAccounts:Te,onDeleteBankAccount:H,analytics:g,fileRequiredLineIds:f,allCurrencies:e.allCurrencies,loggedInUserDepartmentId:e.loggedInUserDepartmentId,isAddReimbursementDisabled:ye,accountsHierarchyList:ke,classHierarchyList:He,isSignedInUserReimbursementCreator:X},F.lineId)),se.length===1&&t.jsxs(t.Fragment,{children:[t.jsxs(Jt,{children:[W!=="small"?t.jsx(Gt,{windowSize:W}):null,t.jsx(Yt,{windowSize:W,children:t.jsxs(Za,{windowSize:W,children:[t.jsx(Xa,{children:Ze.total}),he?t.jsx(tr,{windowSize:W,children:t.jsx(ir,{children:t.jsx(xt,{size:"Standard",start:!0,style:{display:"flex"}})})}):t.jsx(dn,{amount:ee.toAmount(S,ee.defaultVendorCurrency.currencyCode,ee.defaultVendorCurrency.currencySymbol),integerStyles:Pt.h6Regular.cssObject,decimalStyles:Pt.standardRegular.cssObject})]})})]}),t.jsxs(Jt,{children:[W!=="small"?t.jsx(Gt,{windowSize:W}):null,t.jsx(Yt,{windowSize:W,children:t.jsxs(nr,{windowSize:W,onClick:()=>{ye===!1&&Ke()},isDisabled:ye,"data-testid":q("add-reimbursement-container"),children:[t.jsx(Ei,{}),t.jsx(Fi,{children:Ze.addReimbursement})]})})]}),t.jsxs(Jt,{children:[W!=="small"?t.jsx(Gt,{windowSize:W}):null,X?t.jsxs(Yt,{windowSize:W,children:[t.jsx(er,{windowSize:W,children:Ze.receivePaymentTo}),t.jsx(Ja,{windowSize:W,shouldDisplay:Te.length>0,children:t.jsx(un,{label:{label:Ze.yourBankAccount,width:et},style:{width:"auto"},singleSelectField:{singleSelect:{name:yt,placeholder:Xe(Ze.yourBankAccount),showValueEyeIcon:!ye,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:H,getTooltipInfo:F=>Cn(Te,F),onClickCreateBankAccount:()=>$(!0),getLabelForId:F=>In(Te,F),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:ye?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:e.paymentTo,allOptions:dt},registerOptions:{required:!0,validate:F=>!!F.selectedOption}},isFunctional:!0})}),t.jsxs(or,{shouldDisplay:Te.length===0,windowSize:W,onClick:()=>{ye===!1&&$(!0)},hasError:st(le,yt),isDisabled:ye,"data-testid":q("remi-add-bank-account-container"),children:[t.jsx(Ei,{}),t.jsx(Fi,{children:Ze.addBankAccount})]})]}):null]})]})]})},Tn=(e,o,r,u,p,C,m,S)=>{const b=Ga(r,u,p,C,m,S);return{lineIndex:e,lineId:o,reimbursementType:Ze.outOfPocketKey,file:void 0,outOfPocket:b,mileage:Ya(u,C,S)}},Ga=(e,o,r,u,p,C)=>({transactionDate:void 0,class:{allOptions:Ve(o,[]),selectedOption:C},account:{allOptions:At(e,[]),selectedOption:void 0},amount:{amount:0,currencyCode:u.currencyCode,currencySymbol:u.currencySymbol,currency:{allOptions:p.map(m=>({label:`${m.currencyCode} - ${m.currency}`,value:m.currencyCode,countryCode:si(m.countryCode)})),selectedOption:u.currencyCode??me.getLocalizedStrings().common.currency.currencyCode}},memo:void 0,merchant:{allOptions:r.map(m=>m.id).filter(m=>!!m),selectedOption:void 0},recommendations:[],isCategoryUpdateSelected:!1,isCategoryFirstTimeAutofilled:!1,isRetainedCategorySelected:!1}),Ya=(e,o,r)=>({transactionDate:void 0,class:{allOptions:Ve(e,[]),selectedOption:r},distanceInMiles:void 0,amount:{amount:0,currencyCode:o.currencyCode,currencySymbol:o.currencySymbol},memo:void 0}),Ja=n.div`
-  margin-left: ${e=>Q.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Q.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Q.addBankAccountMarginBottom.valuePx(e.windowSize)};
+`,Ha={total:new pi("largeMedium","h6Medium")},X={largeLabelWidth:new c(120,120,220),marginBottom:new c(a[5],a[4]),addBankAccountMarginBottom:new c(a[5],a[5]),marginTop:new c(a[0],78),paymentToMarginTop:new c(0,a[4]),totalMarginBottom:new c(a[3],a[3]),rightMargin:new c(a[3],a[8]),leftMargin:new c(a[3],a[6]),paymentToMarginBottom:new c(12,a[3])},Qe=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,Ka=({remiDetails:e,isUserAdmin:o,authParams:r,uploadInvoiceEndPoint:u,showSkipAutoFill:p,isReimbursementCommentingEnabled:C,isAutoFieldsExist:m,totalAmount:S,defaultCurrency:b,hasDuplicateLine:l,bankAccounts:k,fileRequiredLineIds:f,companyMileageConfigInfo:s,analytics:g,reimbursementId:w,currencyConversionStatus:R,setShowSkipAutoFill:D,setShowBankAccountPage:$,removeDuplicateReimbursementForLine:K,onReceiptsUpload:L,setCurrentLineIdForUpload:I,onDuplicateLineClick:E,setUploadedReceiptPayload:te,removeFileFromLine:pe,onReplaceClick:A,updateInvoiceUploadFetchState:_,clearTentativeNameForLine:Y,onDeleteBankAccount:q,uncategorizedAccounts:ie,isSignedInUserReimbursementCreator:Z,duplicateLineByLineId:we,showTotalAmountLoader:he,scrollContainerRef:re})=>{const{control:J,formState:{errors:le}}=ct(),{fields:Oe,append:P,remove:ge}=uo({name:gi,control:J}),se=Oe,Ne=v.useRef(null),Le=F=>{setTimeout(()=>{ge(F)})},{tentativeMerchantNameByLineId:Ae,remiStage:Se,remiStatus:ze}=e,ye=!Z||Se==="pending_approval"&&ze!=="rejected"&&o||Se==="pending_approval"&&ze==="rejected",Te=ye?e.paymentToBankAccountDetail!=null?[e.paymentToBankAccountDetail]:[]:k,dt=Te.map(F=>F.bankAccountId),W=Ie(),et=X.largeLabelWidth.value(W),tt=e.whatForSection.reportTitle,We=e.accountList.accounts,ke=e.accountsHierarchyList,qe=e.classHierarchyList,De=e.classList.classes,Ue=e.merchantList.merchants,Ve=e.addRemiAutoFieldsByLineId,He=Math.max(...Object.keys(e.editRemiInitialDetails?.lineDetailSection??{}).map(F=>Number(F)),0),Ke=()=>{const F=se[se.length-1],ae=Tn(se.length,Number(F.lineId)>He?String(Number(F.lineId)+1):String(He+1),ke,qe,Ue,b,e.allCurrencies,e.loggedInUserDepartmentId);setTimeout(()=>{P(ae,{shouldFocus:!1})}),I(Number(ae.lineId)),D(!0),setTimeout(()=>Pi(Ne.current,re?.current),50)},[ne,it]=v.useState({}),ut=v.useCallback(F=>{const ae=ne[`L${F}`];ae!=null&&Pi(ae,re?.current)},[ne,re]),Ge=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,U=e.reimbursementInfo?.paymentDate!=null?ee.zeniDate(ee.getNextNthWorkingDay(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,mt=e.reimbursementInfo?.expectedDepositDate??U;return t.jsxs(Xa,{windowSize:W,showSkipAutoFill:p,children:[se.map((F,ae)=>t.jsx(Ca,{removeDuplicateReimbursementForLine:K,onDuplicateLineClick:E,scrollToSection:ut,setRefByLineId:it,duplicateLineByLineId:we,reimbursementId:w,remiUploadStatus:e.uploadStatus,uncategorizedAccounts:ie,progressSectionObj:Ge,createDate:e.createTime,paymentDate:mt,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isFirstOrLastListItem:se.length-1===ae||ae===0,index:ae,reimbursementSectionRef:Ne,remiStage:Se,remiStatus:ze,authParams:r,file:F.file,uploadInvoiceEndPoint:u,showSkipAutoFill:p,lineData:F,currencyConversionState:R[F.lineId],recommendationFetchState:e.lineDetailSection[F.lineId]?.recommendationFetchState,setCurrentLineIdForUpload:I,setUploadedReceiptPayload:te,onReplaceClick:A,onReceiptsUpload:L,removeFileFromLine:pe,isReimbursementCommentingEnabled:C,isAutoFieldsExist:m,reportTitle:tt,accountList:We,classList:De,merchantList:Ue,autoFieldsByLineId:Ve,onRemoveReimbursement:Le,onAddReimbursement:Ke,totalAmount:S,showTotalAmountLoader:he,hasDuplicateLine:l,totalNumberOfLines:se.length,updateInvoiceUploadFetchState:_,clearTentativeNameForLine:Y,tentativeMerchantName:Ae[F.lineId],companyMileageConfigInfo:s,defaultCurrency:b,setShowBankAccountPage:$,paymentTo:e.paymentTo,bankAccounts:Te,onDeleteBankAccount:q,analytics:g,fileRequiredLineIds:f,allCurrencies:e.allCurrencies,loggedInUserDepartmentId:e.loggedInUserDepartmentId,isAddReimbursementDisabled:ye,accountsHierarchyList:ke,classHierarchyList:qe,isSignedInUserReimbursementCreator:Z},F.lineId)),se.length===1&&t.jsxs(t.Fragment,{children:[t.jsxs(Jt,{children:[W!=="small"?t.jsx(Gt,{windowSize:W}):null,t.jsx(Yt,{windowSize:W,children:t.jsxs(Qa,{windowSize:W,children:[t.jsx(Za,{children:Qe.total}),he?t.jsx(tr,{windowSize:W,children:t.jsx(ir,{children:t.jsx(xt,{size:"Standard",start:!0,style:{display:"flex"}})})}):t.jsx(dn,{amount:ee.toAmount(S,ee.defaultVendorCurrency.currencyCode,ee.defaultVendorCurrency.currencySymbol),integerStyles:Pt.h6Regular.cssObject,decimalStyles:Pt.standardRegular.cssObject})]})})]}),t.jsxs(Jt,{children:[W!=="small"?t.jsx(Gt,{windowSize:W}):null,t.jsx(Yt,{windowSize:W,children:t.jsxs(nr,{windowSize:W,onClick:()=>{ye===!1&&Ke()},isDisabled:ye,"data-testid":H("add-reimbursement-container"),children:[t.jsx(Ei,{}),t.jsx(Fi,{children:Qe.addReimbursement})]})})]}),t.jsxs(Jt,{children:[W!=="small"?t.jsx(Gt,{windowSize:W}):null,Z?t.jsxs(Yt,{windowSize:W,children:[t.jsx(er,{windowSize:W,children:Qe.receivePaymentTo}),t.jsx(Ja,{windowSize:W,shouldDisplay:Te.length>0,children:t.jsx(un,{label:{label:Qe.yourBankAccount,width:et},style:{width:"auto"},singleSelectField:{singleSelect:{name:yt,placeholder:Ze(Qe.yourBankAccount),showValueEyeIcon:!ye,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:q,getTooltipInfo:F=>Cn(Te,F),onClickCreateBankAccount:()=>$(!0),getLabelForId:F=>In(Te,F),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:ye?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:e.paymentTo,allOptions:dt},registerOptions:{required:!0,validate:F=>!!F.selectedOption}},isFunctional:!0})}),t.jsxs(or,{shouldDisplay:Te.length===0,windowSize:W,onClick:()=>{ye===!1&&$(!0)},hasError:st(le,yt),isDisabled:ye,"data-testid":H("remi-add-bank-account-container"),children:[t.jsx(Ei,{}),t.jsx(Fi,{children:Qe.addBankAccount})]})]}):null]})]})]})},Tn=(e,o,r,u,p,C,m,S)=>{const b=Ga(r,u,p,C,m,S);return{lineIndex:e,lineId:o,reimbursementType:Qe.outOfPocketKey,file:void 0,outOfPocket:b,mileage:Ya(u,C,S)}},Ga=(e,o,r,u,p,C)=>({transactionDate:void 0,class:{allOptions:_e(o,[]),selectedOption:C},account:{allOptions:At(e,[]),selectedOption:void 0},amount:{amount:0,currencyCode:u.currencyCode,currencySymbol:u.currencySymbol,currency:{allOptions:p.map(m=>({label:`${m.currencyCode} - ${m.currency}`,value:m.currencyCode,countryCode:si(m.countryCode)})),selectedOption:u.currencyCode??me.getLocalizedStrings().common.currency.currencyCode}},memo:void 0,merchant:{allOptions:r.map(m=>m.id).filter(m=>!!m),selectedOption:void 0},recommendations:[],isCategoryUpdateSelected:!1,isCategoryFirstTimeAutofilled:!1,isRetainedCategorySelected:!1}),Ya=(e,o,r)=>({transactionDate:void 0,class:{allOptions:_e(e,[]),selectedOption:r},distanceInMiles:void 0,amount:{amount:0,currencyCode:o.currencyCode,currencySymbol:o.currencySymbol},memo:void 0}),Ja=n.div`
+  margin-left: ${e=>X.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>X.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>X.addBankAccountMarginBottom.valuePx(e.windowSize)};
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${i.sp2};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
@@ -419,11 +419,11 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   width: ${e=>e.windowSize==="small"?"100%":"42%"};
 `,Yt=n.div`
   width: ${e=>e.windowSize==="small"?"100%":"58%"};
-`,Qa=n.div`
+`,Xa=n.div`
   display: ${e=>e.windowSize==="small"&&e.showSkipAutoFill?"none":"flex"};
   flex-direction: column;
-  margin-top: ${e=>Q.marginTop.valuePx(e.windowSize)};
-`,Za=n.div`
+  margin-top: ${e=>X.marginTop.valuePx(e.windowSize)};
+`,Qa=n.div`
   padding: ${i.sp3};
   display: flex;
   align-items: center;
@@ -432,26 +432,26 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${i.sp2};
   color: ${e=>e.theme.colors.hero};
-  margin-top: ${e=>Q.totalMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>Q.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Q.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Q.totalMarginBottom.valuePx(e.windowSize)};
-`,Xa=n(pn)`
+  margin-top: ${e=>X.totalMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>X.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>X.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>X.totalMarginBottom.valuePx(e.windowSize)};
+`,Za=n(pn)`
   display: flex;
   width: 176px;
   color: ${e=>e.theme.colors.primary};
 `,er=n(Bt)`
   color: ${e=>e.theme.colors.primary};
-  margin-top: ${e=>Q.paymentToMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Q.paymentToMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>Q.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Q.rightMargin.valuePx(e.windowSize)};
+  margin-top: ${e=>X.paymentToMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>X.paymentToMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>X.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>X.rightMargin.valuePx(e.windowSize)};
 `,tr=n(hn)`
   display: flex;
   width: calc(100% - 176px);
   justify-content: flex-end;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${qa.total.style(e.windowSize)}`};
+  ${e=>`${Ha.total.style(e.windowSize)}`};
 `,ir=n.div`
   padding-right: ${i.sp3};
   height: 30px;
@@ -473,10 +473,10 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
     border: 1px solid
       ${e=>e.isDisabled?e.theme.colors.grey3:e.hasError===!0?j.important:e.theme.colors.primary};
   }
-  margin-top: ${e=>Q.totalMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>Q.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Q.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Q.marginBottom.valuePx(e.windowSize)};
+  margin-top: ${e=>X.totalMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>X.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>X.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>X.marginBottom.valuePx(e.windowSize)};
 `,or=n.div`
   padding: ${i.sp3};
   display: ${e=>e.shouldDisplay?"flex":"none"};
@@ -492,9 +492,9 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
     border: 1px solid
       ${e=>e.isDisabled?e.theme.colors.grey3:e.hasError===!0?j.important:e.theme.colors.primary};
   }
-  margin-left: ${e=>Q.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Q.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Q.addBankAccountMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>X.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>X.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>X.addBankAccountMarginBottom.valuePx(e.windowSize)};
 `,Fi=n(Mt)`
   color: inherit;
 `,Ei=n(gn)`
@@ -504,7 +504,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
 `,Jt=n.div`
   display: flex;
   width: 100%;
-`,Pe={buttonWidth:new c(140,140),paddingLeft:new c(a[3],a[6]),paddingRight:new c(a[3],a[8]),subTitleMarginbottom:new c(a[2],a[3]),orSeperatorTopBottomMargin:new c(a[6],44),iconWidthHeight:new c(20,a[4])},Ni="userBankAccountPage",Rt="bankAccountSection",ar=e=>({[Rt]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName}}),Wi=e=>`${e}_form`,rr=({bankAccountCreationState:e,setShowBankAccountPage:o,plaidConnectionDetails:r,onFetchLinkTokenClick:u,onEstablishConnectionClick:p,bankAccountToCreate:C,fetchBankNameByRoutingStatus:m,isDisabled:S,onSaveHandler:b,onUserBankDetailsUpdated:l,onFetchBankName:k,onBackClick:f})=>{const s=bt(),g=Ie(),w=en({mode:"onBlur",reValidateMode:"onChange",defaultValues:v.useMemo(()=>ar(C),[C])}),R=v.useCallback(Y=>{p?.(Y),f()},[f,p]),D=r.link_account_no_microdeposit,{open:$}=po({token:D.linkToken??null,onSuccess:R});v.useEffect(()=>{(ee.zeniDate(new Date().toISOString()).isAfter(D.expiration)||D.linkToken==null)&&u?.("link_account_no_microdeposit")},[]);const[K,L]=v.useState(!1),I=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,E=me.getLocalizedStrings().common.footer,te={onOkClick:()=>{L(!1),w.reset(),f()},onCancelClick:()=>{L(!1)}},pe=async(Y,H)=>{const ie=H[Rt].bankRoutingNumber;l(H),Y===`${Rt}.bankRoutingNumber`&&ie?.length===9&&xo.test(ie)===!0&&k?.(ie)};v.useEffect(()=>{const Y=w.watch((H,{name:ie})=>{ie!=null&&H!=null&&ho(()=>pe(ie,H))});return()=>{Y.unsubscribe()}}),v.useEffect(()=>{e?.fetchState==="Completed"&&f()},[e?.fetchState,f,o]);const A=w.handleSubmit(Y=>{m.fetchState!=="In-Progress"&&b()}),V=s.mode==="light"?new Ti(s.colors.brandColorJadeLight):new Ti(s.colors.brandColorJadeDark);return t.jsxs(lr,{children:[t.jsxs(hr,{windowSize:g,children:[K===!0?t.jsx(li,{titleComponent:t.jsx(an,{children:I.discardTitle}),descriptionComponent:t.jsx(on,{children:I.discardDescription}),primaryButtonText:I.buttons.delete,secondaryButtonText:I.buttons.cancel,action:te}):null,t.jsx(Bo,{header:I.addBankAccount,isDirty:w.formState.isDirty,onBackClick:f,setShowConfirmationPopup:L}),t.jsx(sr,{}),t.jsxs(gr,{size:g,children:[t.jsx(Ao,{onClick:()=>{w.reset(),$()},title:I.connectYourBank,subTitle:I.loginToBank,header:I.setupAchPayments,icon:{element:t.jsx(go,{width:Pe.iconWidthHeight.valuePx(g),height:Pe.iconWidthHeight.valuePx(g)}),color:V},style:{width:"unset",rowGap:g==="small"?i.sp2:void 0}}),t.jsxs(cr,{windowSize:g,children:[t.jsx(dr,{}),t.jsx(mr,{children:t.jsx(pr,{children:I.or})})]}),t.jsx(ur,{windowSize:g,children:I.saveAccountManually})]}),t.jsx(yr,{size:g,children:t.jsx(nn,{...w,children:t.jsxs("form",{id:Wi(Ni),onSubmit:A,children:[e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Mo,{warningText:I.accountExistWarning}):null,t.jsx(zo,{bankAccountToCreate:C,fetchBankNameByRoutingStatus:m,sectionId:Rt})]})})})]}),t.jsx(ln,{formId:Wi(Ni),primaryBtn:{label:I.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:Pe.buttonWidth.value(g)},isDisabled:S!=null},cancelBtn:{label:E.cancel,style:{width:Pe.buttonWidth.value(g)},shouldResetOnCancel:!1,onClick:()=>{w.formState.isDirty?L(!0):(L(!1),w.reset(),f())}}})]})},lr=n.div`
+`,Pe={buttonWidth:new c(140,140),paddingLeft:new c(a[3],a[6]),paddingRight:new c(a[3],a[8]),subTitleMarginbottom:new c(a[2],a[3]),orSeperatorTopBottomMargin:new c(a[6],44),iconWidthHeight:new c(20,a[4])},Ni="userBankAccountPage",Rt="bankAccountSection",ar=e=>({[Rt]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName}}),Wi=e=>`${e}_form`,rr=({bankAccountCreationState:e,setShowBankAccountPage:o,plaidConnectionDetails:r,onFetchLinkTokenClick:u,onEstablishConnectionClick:p,bankAccountToCreate:C,fetchBankNameByRoutingStatus:m,isDisabled:S,onSaveHandler:b,onUserBankDetailsUpdated:l,onFetchBankName:k,onBackClick:f})=>{const s=bt(),g=Ie(),w=en({mode:"onBlur",reValidateMode:"onChange",defaultValues:v.useMemo(()=>ar(C),[C])}),R=v.useCallback(Y=>{p?.(Y),f()},[f,p]),D=r.link_account_no_microdeposit,{open:$}=po({token:D.linkToken??null,onSuccess:R});v.useEffect(()=>{(ee.zeniDate(new Date().toISOString()).isAfter(D.expiration)||D.linkToken==null)&&u?.("link_account_no_microdeposit")},[]);const[K,L]=v.useState(!1),I=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,E=me.getLocalizedStrings().common.footer,te={onOkClick:()=>{L(!1),w.reset(),f()},onCancelClick:()=>{L(!1)}},pe=async(Y,q)=>{const ie=q[Rt].bankRoutingNumber;l(q),Y===`${Rt}.bankRoutingNumber`&&ie?.length===9&&xo.test(ie)===!0&&k?.(ie)};v.useEffect(()=>{const Y=w.watch((q,{name:ie})=>{ie!=null&&q!=null&&ho(()=>pe(ie,q))});return()=>{Y.unsubscribe()}}),v.useEffect(()=>{e?.fetchState==="Completed"&&f()},[e?.fetchState,f,o]);const A=w.handleSubmit(Y=>{m.fetchState!=="In-Progress"&&b()}),_=s.mode==="light"?new Ti(s.colors.brandColorJadeLight):new Ti(s.colors.brandColorJadeDark);return t.jsxs(lr,{children:[t.jsxs(hr,{windowSize:g,children:[K===!0?t.jsx(li,{titleComponent:t.jsx(an,{children:I.discardTitle}),descriptionComponent:t.jsx(on,{children:I.discardDescription}),primaryButtonText:I.buttons.delete,secondaryButtonText:I.buttons.cancel,action:te}):null,t.jsx(Bo,{header:I.addBankAccount,isDirty:w.formState.isDirty,onBackClick:f,setShowConfirmationPopup:L}),t.jsx(sr,{}),t.jsxs(gr,{size:g,children:[t.jsx(Ao,{onClick:()=>{w.reset(),$()},title:I.connectYourBank,subTitle:I.loginToBank,header:I.setupAchPayments,icon:{element:t.jsx(go,{width:Pe.iconWidthHeight.valuePx(g),height:Pe.iconWidthHeight.valuePx(g)}),color:_},style:{width:"unset",rowGap:g==="small"?i.sp2:void 0}}),t.jsxs(cr,{windowSize:g,children:[t.jsx(dr,{}),t.jsx(mr,{children:t.jsx(pr,{children:I.or})})]}),t.jsx(ur,{windowSize:g,children:I.saveAccountManually})]}),t.jsx(yr,{size:g,children:t.jsx(nn,{...w,children:t.jsxs("form",{id:Wi(Ni),onSubmit:A,children:[e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Mo,{warningText:I.accountExistWarning}):null,t.jsx(zo,{bankAccountToCreate:C,fetchBankNameByRoutingStatus:m,sectionId:Rt})]})})})]}),t.jsx(ln,{formId:Wi(Ni),primaryBtn:{label:I.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:Pe.buttonWidth.value(g)},isDisabled:S!=null},cancelBtn:{label:E.cancel,style:{width:Pe.buttonWidth.value(g)},shouldResetOnCancel:!1,onClick:()=>{w.formState.isDirty?L(!0):(L(!1),w.reset(),f())}}})]})},lr=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -547,7 +547,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   padding-left: ${e=>Pe.paddingLeft.valuePx(e.size)};
   padding-right: ${e=>Pe.paddingRight.valuePx(e.size)};
   padding-bottom: ${i.sp3};
-`,Ce={containerWidth:new c(343,544),confirmationPopUpTitleMarginTop:new c(a[6],a[7]),confirmationPopUpTitlePaddingLeftRight:new c(a[5],a[8]),submitButtonWidth:new c(145,156),cancelButtonWidth:new c(121,121),errorLineItemGap:new c(a[2],12),styledCloseIconRight:new c(a[3],a[8])},{footer:Ui}=me.getLocalizedStrings().common,ue=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.duplicatePopUpInfo,_i=({fetchState:e})=>{switch(e){case"Not-Started":return t.jsx(Hi,{});case"In-Progress":return t.jsx(xt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return t.jsx(Dn,{});default:return t.jsx(Hi,{})}},br=e=>{switch(e){case"Not-Started":return ue.detectDuplicates;case"In-Progress":return ue.detectingDuplicates;case"Completed":return ue.noDuplicatesFound;default:return ue.detectDuplicates}},fr=({submitFetchState:e,duplicateReimbursementStatus:o,hasDuplicateLine:r,numberOfDuplicateLines:u,setShowDuplicatePopup:p,analytics:C,reimbursementId:m,submitReport:S,fetchDuplicateReimbursement:b,clearDuplicateReimbursementDetail:l,clearRemiSaveStatus:k})=>{const f=Ie(),[s,g]=vt.useState(!0),w=ai(e),R=ai(o);vt.useEffect(()=>{setTimeout(()=>{s&&(g(!1),o==="Not-Started"&&b())},2e3)},[o,b,s]),vt.useEffect(()=>{w==="In-Progress"&&e==="Completed"&&(l(),p(!1))},[e,w,p,l]),vt.useEffect(()=>{R==="In-Progress"&&o==="Completed"&&!r&&S()},[R,o,r,S]);const D=o==="Error"||e==="Error";return t.jsxs(t.Fragment,{children:[D?t.jsx(xr,{size:f}):null,t.jsx(li,{action:{onOkClick:()=>{D?(l(),e==="Error"&&k(),g(!0)):(C?.trackReimbursementReviewDuplicateReportReimbursement(u,m),p(!1),ro())},onCancelClick:()=>{D?(l(),e==="Error"&&k(),p(!1)):(C?.trackReimbursementSubmitAnywayDuplicateReimbursement(u,m),S())}},shouldClickAway:D,isSecondaryLoading:e==="In-Progress",secondaryButtonVariant:"secondary",primaryButtonText:D?Ui.resubmit:ue.primaryButtonText,secondaryButtonText:D?Ui.cancel:ue.secondaryButtonText,primaryButtonWidth:D?Ce.cancelButtonWidth.value(f):Ce.submitButtonWidth.value(f),secondaryButtonWidth:D?Ce.cancelButtonWidth.value(f):Ce.submitButtonWidth.value(f),descriptionComponent:t.jsx($r,{size:f,children:t.jsxs(wr,{hasDuplicate:r,duplicateReimbursementStatus:o,children:[t.jsxs(Zt,{isDisabled:!1,isSuccess:!s,children:[s?t.jsx(xt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):t.jsx(Dn,{}),t.jsx(Qt,{isDisabled:!1,children:s?ue.reviewingExpenses:ue.reviewedAllExpenses})]}),r||o==="Error"?t.jsxs(Ki,{size:f,children:[t.jsx(Vi,{}),t.jsx(qi,{children:o==="Error"?ue.failedToDetect:`${u} ${ue.duplicateExpensesFound}`})]}):t.jsxs(Zt,{isDisabled:o==="Not-Started",isSuccess:o==="Completed"&&u===0,children:[t.jsx(_i,{fetchState:o}),t.jsx(Qt,{isDisabled:o==="Not-Started",children:br(o)})]}),e==="Error"?t.jsxs(Ki,{size:f,children:[t.jsx(Vi,{}),t.jsx(qi,{children:ue.failedToSubmit})]}):r||o==="Error"?null:t.jsxs(Zt,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[t.jsx(_i,{fetchState:e}),t.jsx(Qt,{isDisabled:e==="Not-Started",children:e==="Not-Started"?ue.submitReport:ue.submittingReport})]})]})}),titleComponent:t.jsx(Sr,{size:f,children:ue.title}),showFooter:r||D,containerStyle:{width:Ce.containerWidth.value(f),maxWidth:"unset"}})]})},xr=n(cn)`
+`,Ce={containerWidth:new c(343,544),confirmationPopUpTitleMarginTop:new c(a[6],a[7]),confirmationPopUpTitlePaddingLeftRight:new c(a[5],a[8]),submitButtonWidth:new c(145,156),cancelButtonWidth:new c(121,121),errorLineItemGap:new c(a[2],12),styledCloseIconRight:new c(a[3],a[8])},{footer:Ui}=me.getLocalizedStrings().common,ue=me.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.duplicatePopUpInfo,Vi=({fetchState:e})=>{switch(e){case"Not-Started":return t.jsx(qi,{});case"In-Progress":return t.jsx(xt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return t.jsx(Dn,{});default:return t.jsx(qi,{})}},br=e=>{switch(e){case"Not-Started":return ue.detectDuplicates;case"In-Progress":return ue.detectingDuplicates;case"Completed":return ue.noDuplicatesFound;default:return ue.detectDuplicates}},fr=({submitFetchState:e,duplicateReimbursementStatus:o,hasDuplicateLine:r,numberOfDuplicateLines:u,setShowDuplicatePopup:p,analytics:C,reimbursementId:m,submitReport:S,fetchDuplicateReimbursement:b,clearDuplicateReimbursementDetail:l,clearRemiSaveStatus:k})=>{const f=Ie(),[s,g]=vt.useState(!0),w=ai(e),R=ai(o);vt.useEffect(()=>{setTimeout(()=>{s&&(g(!1),o==="Not-Started"&&b())},2e3)},[o,b,s]),vt.useEffect(()=>{w==="In-Progress"&&e==="Completed"&&(l(),p(!1))},[e,w,p,l]),vt.useEffect(()=>{R==="In-Progress"&&o==="Completed"&&!r&&S()},[R,o,r,S]);const D=o==="Error"||e==="Error";return t.jsxs(t.Fragment,{children:[D?t.jsx(xr,{size:f}):null,t.jsx(li,{action:{onOkClick:()=>{D?(l(),e==="Error"&&k(),g(!0)):(C?.trackReimbursementReviewDuplicateReportReimbursement(u,m),p(!1),ro())},onCancelClick:()=>{D?(l(),e==="Error"&&k(),p(!1)):(C?.trackReimbursementSubmitAnywayDuplicateReimbursement(u,m),S())}},shouldClickAway:D,isSecondaryLoading:e==="In-Progress",secondaryButtonVariant:"secondary",primaryButtonText:D?Ui.resubmit:ue.primaryButtonText,secondaryButtonText:D?Ui.cancel:ue.secondaryButtonText,primaryButtonWidth:D?Ce.cancelButtonWidth.value(f):Ce.submitButtonWidth.value(f),secondaryButtonWidth:D?Ce.cancelButtonWidth.value(f):Ce.submitButtonWidth.value(f),descriptionComponent:t.jsx($r,{size:f,children:t.jsxs(wr,{hasDuplicate:r,duplicateReimbursementStatus:o,children:[t.jsxs(Qt,{isDisabled:!1,isSuccess:!s,children:[s?t.jsx(xt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):t.jsx(Dn,{}),t.jsx(Xt,{isDisabled:!1,children:s?ue.reviewingExpenses:ue.reviewedAllExpenses})]}),r||o==="Error"?t.jsxs(Ki,{size:f,children:[t.jsx(_i,{}),t.jsx(Hi,{children:o==="Error"?ue.failedToDetect:`${u} ${ue.duplicateExpensesFound}`})]}):t.jsxs(Qt,{isDisabled:o==="Not-Started",isSuccess:o==="Completed"&&u===0,children:[t.jsx(Vi,{fetchState:o}),t.jsx(Xt,{isDisabled:o==="Not-Started",children:br(o)})]}),e==="Error"?t.jsxs(Ki,{size:f,children:[t.jsx(_i,{}),t.jsx(Hi,{children:ue.failedToSubmit})]}):r||o==="Error"?null:t.jsxs(Qt,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[t.jsx(Vi,{fetchState:e}),t.jsx(Xt,{isDisabled:e==="Not-Started",children:e==="Not-Started"?ue.submitReport:ue.submittingReport})]})]})}),titleComponent:t.jsx(Sr,{size:f,children:ue.title}),showFooter:r||D,containerStyle:{width:Ce.containerWidth.value(f),maxWidth:"unset"}})]})},xr=n(cn)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${e=>e.theme.colors.hero};
@@ -559,22 +559,22 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Vi=n(bo)`
+`,_i=n(bo)`
   width: ${i.sp4};
   height: ${i.sp4};
   min-width: ${i.sp4};
   color: ${j.brandColorGoldDark};
-`,Hi=n(Fo)`
+`,qi=n(Fo)`
   width: ${i.sp3};
   height: ${i.sp3};
   min-width: ${i.sp3};
   color: ${e=>e.theme.colors.grey3};
-`,Qt=n.div`
+`,Xt=n.div`
   color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
   text-align: left;
-`,qi=n.div`
+`,Hi=n.div`
   color: ${j.brandColorGoldDark};
-`,Zt=n.div`
+`,Qt=n.div`
   display: flex;
   align-items: center;
   gap: ${e=>e.isSuccess?i.sp2:i.sp3};
@@ -616,7 +616,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   height: ${i.sp4};
   min-width: ${i.sp4};
   color: ${j.success};
-`,Z={rightMargin:new c(a[3],a[8]),leftMargin:new c(a[3],a[6]),bottomMargin:new c(56,56),closeMarginTop:new c(0,19),closeMarginRight:new c(a[3],a[8]),rightSectionWidth:new c(100,58),leftSectionWidth:new c(100,42),footerButtonWidth:new c(120,165),right:new c(a[3],a[0]),actionsContainerRight:new c(a[0],a[6]),otherActionsContainerBottom:new c(58,44),duplicateBannerWrapperMarginTop:new c(a[5],a[3]),duplicateBannerWrapperMarginRight:new c(a[3],a[8]),duplicateBannerWrapperMarginBottom:new c(a[5],a[3]),duplicateBannerWrapperMarginLeft:new c(a[3],a[6]),navBarWidth:new c(100,58)},{spendManagement:{reimbursement:{reimbursementDetail:y,bulkActions:Gi}},common:{currency:{currencyCode:Me,currencySymbol:Dt},texts:{comments:vr},strings:{empty:Cr}},collaboration:{threads:{placeholder:{addANewComment:kr,replyAComment:Ir},tooltip:{resolveComment:Tr,unResolveComment:Dr}}},dateFormat:Yi}=me.getLocalizedStrings(),Ji="editReimbursementDetailPage",Qi=e=>`${e}_form`,jr=(e,o,r,u,p,C,m,S,b)=>{const l=e.outOfPocket,k=e.mileage,f=l.merchant,s=l.recommendations;return{lineIndex:C,lineId:e?.lineId??String(C+1),reimbursementType:e?.type??y.outOfPocketKey,file:e?.file,homeCurrencyConversions:{amount:e?.homeCurrencyConversions?.amount??0,currencyCode:e?.homeCurrencyConversions?.currencyCode??m.currencyCode,currencySymbol:e?.homeCurrencyConversions?.currencySymbol??m.currencySymbol},outOfPocket:{recommendedAccount:l.recommendedAccount,isCategoryUpdateSelected:l.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:l.isCategoryFirstTimeAutofilled??!1,retainedAccount:l.retainedAccount,isRetainedCategorySelected:l.isRetainedCategorySelected??!1,recommendations:s??[],transactionDate:l?.transactionDate?.toDate()??void 0,class:{allOptions:Ve(r,[]),selectedOption:l?.lineDetail?.class?.classId??b},account:{allOptions:At(o,s),selectedOption:l.lineDetail?.account?.qboId??l.lineDetail?.account?.accountId},amount:{amount:l?.amount??0,currencyCode:l?.currencyCode??m.currencyCode,currencySymbol:l?.currencySymbol??m.currencySymbol,currency:{allOptions:S.map(g=>({label:`${g.currencyCode} - ${g.currency}`,value:g.currencyCode,countryCode:si(g.countryCode)})),selectedOption:l?.currencyCode??m.currencyCode??Me}},memo:l?.description??void 0,merchant:{allOptions:u.map(g=>g.id).filter(g=>!!g),selectedOption:f?.id?f?.id:f?.name?f?.name:e?.lineId!=null?p[e?.lineId]:void 0}},mileage:{transactionDate:k?.transactionDate?.toDate(),class:{allOptions:Ve(r,[]),selectedOption:k?.lineDetail?.class?.classId},distanceInMiles:k?.distanceMileage?.value,amount:{amount:k?.amount??0,currencyCode:k?.currencyCode??m.currencyCode,currencySymbol:k?.currencySymbol??m.currencySymbol},memo:k?.description}}},Xt=(e,o,r)=>{const u=[];return Object.values(e.lineDetailSection).forEach((p,C)=>{p?.lineId!=null&&u.push(jr(p,e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,e.tentativeMerchantNameByLineId,C,o,e.allCurrencies,e.loggedInUserDepartmentId))}),u.length===0&&u.push(Tn(0,"1",e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,o,e.allCurrencies,e.loggedInUserDepartmentId)),{[Lt]:{reportTitle:e.whatForSection.reportTitle},[gi]:u,[yt]:{selectedOption:e.paymentTo,allOptions:r.map(p=>p.bankAccountId)}}},ei=(e,o)=>{const r=u=>u.lineId==null||o[u.lineId]?.fetchState==="In-Progress"?0:(o[u.lineId]?.fetchState,u.type===y.mileageKey?u?.mileage?.amount??0:u?.outOfPocket?.currencyCode!==Me&&u.homeCurrencyConversions?.amount!==u?.outOfPocket?.amount?u.homeCurrencyConversions?.amount??0:u?.outOfPocket?.amount??0);return Object.values(e).reduce((u,p)=>u+r(p),0)},ti=(e,o,r,u,p,C,m,S)=>{const b={};return e.lineInfo.forEach(l=>{const k=S.find(R=>R.classId===l.mileage.class.selectedOption),f=m.find(R=>R.qboId===l.outOfPocket.account.selectedOption||R.accountId===l.outOfPocket.account.selectedOption),s=S.find(R=>R.classId===l.outOfPocket.class.selectedOption),g=o.find(R=>R.id===l.outOfPocket.merchant.selectedOption),w=C.find(R=>R.currencyCode===l.outOfPocket.amount?.currency.selectedOption)?.currencySymbol;b[l.lineId]={fileId:l.file?.fileId,lineId:l.lineId,type:l.reimbursementType,homeCurrencyConversions:l.homeCurrencyConversions??{amount:0,currencyCode:"USD",currencySymbol:"$"},mileage:{description:l.mileage.memo??"",lineDetail:{class:k},transactionDate:l.mileage.transactionDate!=null?ee.zeniDate(l.mileage.transactionDate.toDateString()):void 0,amount:l.mileage.amount?.amount??0,currencyCode:l.mileage.amount?.currencyCode??w,currencySymbol:l.mileage.amount?.currencySymbol??w,distanceMileage:{unit:"miles",value:l.mileage.distanceInMiles??0}},outOfPocket:{description:l.outOfPocket.memo??"",lineDetail:{class:s,account:f},transactionDate:l.outOfPocket.transactionDate!=null?ee.zeniDate(l.outOfPocket.transactionDate.toDateString()):void 0,amount:l.outOfPocket.amount?.amount??0,currencyCode:l.outOfPocket.amount?.currency.selectedOption??w,currencySymbol:w,merchant:l.outOfPocket.merchant.selectedOption!=null?{id:g?.id??"",name:g?.name??l.outOfPocket.merchant.selectedOption}:void 0,recommendations:l.outOfPocket.recommendations,recommendedAccount:l.outOfPocket.recommendedAccount,isCategoryUpdateSelected:l.outOfPocket.isCategoryUpdateSelected,isCategoryFirstTimeAutofilled:l.outOfPocket.isCategoryFirstTimeAutofilled,isRetainedCategorySelected:l.outOfPocket.isRetainedCategorySelected,retainedAccount:l.outOfPocket.retainedAccount}}}),{whatForSection:{reportTitle:e.whatFor.reportTitle},updatesByLineId:b,totalAmount:{amount:u,...r},currencyConversionStateByLineId:p,paymentTo:e.paymentTo.selectedOption}},Rl=({remiDetails:e,authParams:o,defaultCurrency:r,companyMileageConfigInfo:u,uploadInvoiceEndPoint:p,isReimbursementCommentingEnabled:C,isUserAdmin:m,analytics:S,reimbursementId:b,plaidConnectionDetails:l,bankAccountCreationState:k,bankNameByRouting:f,bankAccounts:s,isSignedInUserReimbursementCreator:g,uncategorizedAccounts:w,bankAccountToCreate:R,fetchBankNameByRoutingStatus:D,onUserBankDetailsUpdated:$,onFetchBankName:K,onSaveBankAccount:L,fetchDuplicateReimbursement:I,clearDuplicateReimbursementDetail:E,clearRemiSaveStatus:te,removeDuplicateReimbursementForLine:pe,onDuplicateLineClick:A,onExistingMerchantChange:V,onNewMerchantChange:Y,onReceiptsUpload:H,saveRemiDetails:ie,submitRemiDetails:X,discardReimbursementDetailsFromLocalStore:we,onReimbursementDetailsChanged:he,updateReimbursementType:re,onHomeCurrencyConversionUpdate:J,redirectToReimbursementListScreen:le,redirectToReimbursementDetailScreen:Oe,deleteReimbursement:P,removeFileFromLine:ge,onZeniLogoClick:se,onAmountChanged:Ne,updateInvoiceUploadFetchState:Le,clearTentativeNameForLine:Ae,onAddNewRule:Se,onFetchLinkTokenClick:ze,onEstablishConnectionClick:ye,deleteBankAccount:Te,onBackClickFromBankAccountPage:dt})=>{const W=v.useRef(null),et=v.useRef(null),tt=ai(e.uploadStatus),We=bt(),ke=ft(),[He,De]=v.useState(!1),[Ue,_e]=v.useState(!1),[qe,Ke]=v.useState("save"),[ne,it]=v.useState(ei(e.lineDetailSection,e.currencyConversionStatus)),[ut,Ge]=v.useState(!1),[U,mt]=v.useState(null),[F,ae]=v.useState(!1),wt=`dashboard_${ke.currentTenant?.companyId}`,$e=en({mode:"all",reValidateMode:"onChange",defaultValues:v.useMemo(()=>Xt(e,r,s),[e,r,s]),values:v.useMemo(()=>Xt(e,r,s),[e,r,s])}),{isDirty:z,dirtyFields:jn}=$e.formState,Rn=async(h,T)=>{const{lineInfo:d}=T,x=Number(h.split(".")[1]);if(h.includes("reportTitle")||h.includes("memo"))return;if(h.includes("reimbursementType")){const B=d[x].mileage,N=d[x].outOfPocket;d[x]={...d[x],outOfPocket:{transactionDate:N.transactionDate??void 0,class:{allOptions:N.class.allOptions??Ve(e.classHierarchyList,[]),selectedOption:N.class.selectedOption??void 0},account:{allOptions:N.account.allOptions??At(e.accountsHierarchyList,[]),selectedOption:N.account.selectedOption??void 0},amount:N.amount??{amount:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol,currency:{allOptions:e.allCurrencies.map(be=>({label:`${be.currencyCode} - ${be.currency}`,value:be.currencyCode,countryCode:si(be.countryCode)})),selectedOption:r.currencyCode??Me}},memo:N.memo??void 0,merchant:N.merchant??void 0,recommendations:N.recommendations??[],recommendedAccount:N.recommendedAccount??void 0,isCategoryUpdateSelected:N.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:N.isCategoryFirstTimeAutofilled??!1,retainedAccount:N.retainedAccount??void 0,isRetainedCategorySelected:N.isRetainedCategorySelected??!1},mileage:{transactionDate:B.transactionDate??void 0,class:{allOptions:B.class.allOptions??Ve(e.classHierarchyList,[]),selectedOption:B.class.selectedOption??e.loggedInUserDepartmentId},distanceInMiles:B.distanceInMiles,amount:{amount:B?.amount?.amount??0,currencyCode:B?.amount?.currencyCode??Me,currencySymbol:B?.amount?.currencySymbol??Dt},memo:B.memo??void 0}}}else if(h.includes("mileage.distanceInMiles")){const{distanceInMiles:B}=d[x].mileage,N=u?.mileageUnitAmount??0;d[x].mileage={...d[x].mileage,amount:{amount:B!=null?B*N:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol}}}else if(h.includes("outOfPocket.amount")&&d[x].lineId){const B=d[x].outOfPocket.amount,N=e.allCurrencies.find(be=>be.currencyCode===B?.currency.selectedOption)?.currencySymbol;if(B?.currencyCode!==B?.currency.selectedOption){const be=B?.currency?.allOptions||[];d[x].outOfPocket.amount={currency:{allOptions:be,selectedOption:B?.currency?.selectedOption},amount:d[x].outOfPocket?.amount?.amount??0,currencyCode:B?.currency.selectedOption??Me,currencySymbol:N??Dt}}if(B?.currency.selectedOption!==Me)Ge(!0),Fn(d[x].lineId,Me);else{const be={};d.forEach(Kt=>{be[Kt.lineId]={lineId:Kt.lineId,homeCurrencyConversions:Kt.homeCurrencyConversions}}),d[x].homeCurrencyConversions={amount:B.amount??0,currencyCode:B?.currency.selectedOption??Me,currencySymbol:N??Dt};const vi=ei(be,e.currencyConversionStatus);ne!==vi&&it(vi)}}else if(h.includes("outOfPocket.isRetainedCategorySelected"))d[x].outOfPocket.isRetainedCategorySelected===!0&&(d[x].outOfPocket.isCategoryUpdateSelected=!1,d[x].outOfPocket.account.selectedOption=d[x].outOfPocket.retainedAccount?.qboId);else if(h.includes("outOfPocket.isCategoryUpdateSelected"))if(d[x].outOfPocket.isCategoryUpdateSelected===!0)d[x].outOfPocket.account.selectedOption=d[x].outOfPocket.recommendedAccount?.qboId,d[x].outOfPocket.isRetainedCategorySelected=!1;else{const B=d[x].lineId,N=e.editRemiInitialDetails.lineDetailSection[B]?.lineDetail?.account?.qboId;d[x].outOfPocket.account.selectedOption=N,d[x].outOfPocket.isRetainedCategorySelected=!1}else h.includes("outOfPocket.account")&&(d[x].outOfPocket.recommendations.length>0&&(d[x].outOfPocket.recommendedAccount=d[x].outOfPocket.recommendations[0].account),d[x].outOfPocket.recommendedAccount?.qboId!=null&&d[x].outOfPocket.account.selectedOption===d[x].outOfPocket.recommendedAccount?.qboId?d[x].outOfPocket.isCategoryUpdateSelected=!0:d[x].outOfPocket.isCategoryUpdateSelected=!1,d[x].outOfPocket.retainedAccount?.qboId!=null&&d[x].outOfPocket.account.selectedOption===d[x].outOfPocket.retainedAccount?.qboId?d[x].outOfPocket.isRetainedCategorySelected=!0:d[x].outOfPocket.isRetainedCategorySelected=!1,d[x].outOfPocket.isCategoryFirstTimeAutofilled=!1);const $t=ti({...T,lineInfo:d},e.merchantList.merchants,r,ne,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);if(he?.($t),h.includes("outOfPocket.merchant")){const B=d[x].lineId,N=d[x].outOfPocket.merchant.selectedOption??"";d[x].outOfPocket.merchant.allOptions.find(be=>be===N)!=null?V(N,B):Y(N,B)}},yi=v.useMemo(()=>Ci((h,T)=>Rn(h,T),300),[e.accountList.fetchState,e.classList.fetchState,e.merchantList.fetchState]);v.useEffect(()=>{const h=$e.watch((T,{name:d})=>{d!=null&&T!=null&&yi(d,T)});return()=>{h.unsubscribe()}},[yi,$e]),v.useEffect(()=>{const h=ee.reduceAnyFetchState(Object.values(e.currencyConversionStatus)),T=h.fetchState==="In-Progress"||h.fetchState==="Error";Ge(T)},[e.currencyConversionStatus]),v.useEffect(()=>{for(const T in e.currencyConversionStatus){const d=e.lineDetailSection[T],x=e.lineDetailSection[T];e.currencyConversionStatus[T].fetchState==="Completed"&&x!=null&&d.type!==y.mileageKey&&!tn(d?.homeCurrencyConversions,x.homeCurrencyConversions)&&J({amount:d?.homeCurrencyConversions?.amount??0,currencyCode:d?.homeCurrencyConversions?.currencyCode??Me,currencySymbol:d?.homeCurrencyConversions?.currencySymbol??Dt},T,b)}const h=ei(e.lineDetailSection,e.currencyConversionStatus);ne!==h&&it(h)},[e.currencyConversionStatus,e.lineDetailSection]),v.useEffect(()=>{(e.saveStatus?.fetchState==="Completed"||e.deleteStatus.fetchState==="Completed")&&(we(b),le?.())},[e.saveStatus?.fetchState,e.deleteStatus.fetchState,b,we,le]);const O=Ie(),[je,pt]=v.useState(b==null),[ht,Pn]=v.useState(1),[On,Ft]=v.useState(!1),[Ln,An]=v.useState(""),[Et,zn]=v.useState(null),[Bn,nt]=v.useState(!1),[Mn,bi]=v.useState(!1),[Nt,Wt]=v.useState([]),[ce,St]=v.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),Fn=v.useRef(Ci((h,T)=>Ne(h,T),500,{trailing:!0})).current;v.useEffect(()=>{tt==="In-Progress"&&(e.uploadStatus==="Completed"?($e.reset(Xt(e,r,s),{keepDefaultValues:!0}),De(!1),pt(!1)):e.uploadStatus==="Error"&&De(!1))},[tt,e.uploadStatus,$e,e,He,De,je,r,s,S]),v.useEffect(()=>{e.uploadStatus==="In-Progress"&&je===!1&&De(!0)},[e.uploadStatus,De,je]);const Ut=e.remiStage==="draft"?y.newReimbursementTitle:y.editReimbursementTitle,En={onOkClick:()=>{if(nt(!1),ce.primaryButtonText===y.buttons.discard)we(b),e.remiStage==="draft"?le?.():Oe?.();else if(ce.primaryButtonText===y.buttons.delete)ce.title===y.deleteBankAccountTitle?Te?.(Ln):P?.();else if(ce.primaryButtonText===y.buttons.yes&&Et!=null){const h=Nt.filter(T=>T!==ht.toString());Wt(h),H(Et,ht,!0)}},onCancelClick:()=>{if(nt(!1),ce.secondaryButtonText===y.buttons.no){const h=Nt.filter(T=>T!==ht.toString());Wt(h),H(Et,ht,!1)}}},fi=()=>{z||co(jn)?(St({title:y.discardTitle,description:y.discardDescription,primaryButtonText:y.buttons.discard,secondaryButtonText:y.buttons.cancel}),nt(!0)):(we(b),le?.())},Nn=()=>{St({title:e.remiStage==="draft"?y.deleteDraftTitle:y.deleteReportTitle,description:y.deleteAlertDescription,primaryButtonText:y.buttons.delete,secondaryButtonText:y.buttons.cancel}),nt(!0)},Wn=h=>{An(h),St({title:y.deleteBankAccountTitle,description:y.deleteBankAccountDescription,primaryButtonText:y.buttons.delete,secondaryButtonText:y.buttons.cancel}),nt(!0)},Un=()=>{St({title:y.overwriteTitle,description:y.overwriteDescription,primaryButtonText:y.buttons.yes,secondaryButtonText:y.buttons.no}),nt(!0)},_n=()=>{let h=!0;const T=[];return Object.values(e.lineDetailSection).forEach((d,x)=>{d.type===y.outOfPocketKey&&vn(d)>=75&&d.file==null&&(T.push(d.lineId),h=!1)}),Wt(T),h},xi=()=>{if(m&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected")fi();else{Ke("save");const h=$e.getValues(),T=ti(h,e.merchantList.merchants,r,ne,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);he?.(T);const d=T.whatForSection?.reportTitle;d!=null&&d.length>0?ie(e.remiStatus==="rejected"?"pending_approval":"draft"):$e.trigger(`${Lt}.reportTitle`,{shouldFocus:!0})}};let _t=!1;Object.values(e.addRemiAutoFieldsByLineId).forEach(h=>{h.length>0&&(_t=!0)});let wi=[];if(e.remiId==null){const h=ne??0;h>0&&(wi=e.approvalRules.allApprovalRules?.filter(T=>{const d=T.criteria[0].range;if(d.max!=null){if(d.min.amount<h&&d.max.amount>=h)return T}else if(d.min.amount<h)return T;return null}).map(T=>({...T,stepsWithStatus:T.steps.map(d=>({...d,actorsActivity:[],isOriginalApprovalStep:!0})),isRealTimeApprovalEnabled:!1})))}const Vn=h=>{const T=_n();return $e.handleSubmit(()=>{T&&(Ke("submit"),S?.trackReimbursementSubmitReimbursement(e.createTime?.format(Yi.analytics.MMMDashDDDashYYYYFormat)??ee.dateNow().format(Yi.analytics.MMMDashDDDashYYYYFormat),r.currencyCode,ne,b),E(),bi(!0))})(h)},Hn=()=>{const h=$e.getValues(),T=ti(h,e.merchantList.merchants,r,ne,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);he?.(T),X()},qn=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,Kn=e.reimbursementInfo?.paymentDate!=null?ee.zeniDate(ee.getNextNthWorkingDay(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,Gn=e.reimbursementInfo?.expectedDepositDate??Kn,Yn=b!=null&&e.remiStage==="draft",Si=Po(e.duplicateLineByLineId),Vt=e.duplicateReimbursementStatus.fetchState==="Completed"&&Si>0,{requestToOpenThread:Ht,setRequestToOpenThread:$i,setOpenThread:qt}=v.useContext(Zn),{threads:gt,isLoading:Ye}=Xn({application:"dashboard",companyId:ke.currentTenant?.companyId,tab:"reimbursement",entityId:b,isGlobalComment:!1},"both",!1);v.useEffect(()=>{Ht?.threadId!=null&&gt.length>0&&!Ye&&(qt(Ht.threadId),$i(null))},[Ht,gt,Ye,qt,$i]);const Jn=v.useMemo(()=>b==null?[]:gt.filter(h=>h.resolved===!1&&!h.id.includes(eo)),[gt,b]).length,Qn=(h,T)=>{qt(T);const d=h.entityType.split("."),x=parseInt(d[2]);if(isNaN(x)){ae(!1);return}const $t=`${x+1}`,B=e.lineDetailSection[x+1].type;d.includes(y.mileageKey)&&B===y.outOfPocketKey?re(ee.toReimbursementTypeCode(y.mileageKey),$t,b):d.includes(y.outOfPocketKey)&&B===y.mileageKey&&re(ee.toReimbursementTypeCode(y.outOfPocketKey),$t,b),ae(!1)};return t.jsx(Pr,{ref:W,children:t.jsx(to,{sharedItems:{sharedFunctions:void 0,sharedRef:{contentWrapperRef:et.current??null}},children:t.jsxs(nn,{...$e,children:[t.jsx("form",{id:Qi(Ji),onSubmit:h=>Vn(h),children:t.jsxs(rl,{windowSize:O,ref:et,children:[Bn?t.jsx(li,{titleComponent:t.jsx(an,{children:ce.title}),descriptionComponent:t.jsx(on,{children:ce.description}),primaryButtonText:ce.primaryButtonText,secondaryButtonText:ce.secondaryButtonText,action:En,proceedButtonVariant:ce.title===y.deleteBankAccountTitle||ce.title===y.deleteDraftTitle||ce.title===y.deleteReportTitle||ce.title===y.discardTitle?"danger":"primary",isEditPopup:ce.title===y.deleteBankAccountTitle}):null,Mn?t.jsx(fr,{reimbursementId:b,submitFetchState:e.saveStatus?.fetchState??"Not-Started",duplicateReimbursementStatus:e.duplicateReimbursementStatus.fetchState,hasDuplicateLine:Vt,numberOfDuplicateLines:Si,setShowDuplicatePopup:bi,submitReport:Hn,fetchDuplicateReimbursement:I,clearDuplicateReimbursementDetail:E,clearRemiSaveStatus:te,analytics:S}):null,He?t.jsx(Xi,{windowSize:O}):null,je?t.jsxs(Xi,{windowSize:O,"data-testid":q("skip-autofill-section"),children:[O==="small"?t.jsxs(t.Fragment,{children:[t.jsx(_r,{children:t.jsx(oi,{partOfSkipAutoFill:!0,size:O,onClick:()=>pt(!1),"data-testid":q("close-invoice-upload"),children:t.jsx(ni,{withOverlay:!0,children:t.jsx(ii,{})})})}),t.jsx(Hr,{children:Ut})]}):null,t.jsx(xn,{showAutofill:je,analytics:S,onSkipAutofill:()=>{S?.trackReimbursementSkipAutofill(),pt(!1)},uploadInvoiceEndPoint:p,authParams:o,style:{width:Z.leftSectionWidth.valuePercentage(O),boxSizing:"border-box",backgroundColor:O==="small"?We.colors.grey4:"unset",padding:O==="small"?`${i.sp5} ${i.sp3}`:`78px ${i.sp6} 15px ${i.sp8}`,margin:O==="small"?i.sp0:void 0},onInvoiceUpload:h=>H(h,ht,!0),dropFilePlaceholder:{upload:y.dropReceipt.upload,single:y.dropReceipt.single,or:y.dropReceipt.or,multiple:y.dropReceipt.multiple,receipts:y.dropReceipt.receipts},updateInvoiceUploadFetchState:Le,showInfoText:!1,allowMultiFiles:je,type:"receipt"}),O!=="small"?t.jsx(Vr,{children:t.jsx(oi,{partOfSkipAutoFill:!0,onClick:()=>pt(!1),"data-testid":q("close-invoice-upload"),children:t.jsx(ni,{withOverlay:!0,children:t.jsx(ii,{})})})}):null]}):null,t.jsxs(tl,{windowSize:O,"data-testid":q("edit-reimbursement-detail-page-nav-bar-container"),children:[O!=="small"?t.jsx(ki,{style:{width:"42%"},"data-testid":q("edit-reimbursement-detail-page-left-nav-bar"),title:"",leftSideComponent:t.jsx(il,{"data-testid":q("zeni-logo-spend-management-reimbursement-detail-page"),onClick:se}),enableTitleOnScroll:!1,scrollableContent:W,backgroundColor:We.colors.background,keepBackgroundOnScroll:!0,source:"EditReimbursementDetailPage"}):null,O!=="small"?t.jsx(Or,{}):null,t.jsx(ki,{style:{width:Z.navBarWidth.valuePercentage(O)},"data-testid":q("edit-reimbursement-detail-page-right-nav-bar"),source:"EditReimbursementDetailPage",title:Ut,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:je!=!0?t.jsxs(nl,{children:[C&&b!=null?t.jsxs(ol,{isDisabled:Ye,"data-testid":q("remi-comment-button"),onClick:Ye?()=>null:h=>{h.preventDefault(),h.stopPropagation(),mt({roomId:wt,companyId:ke.currentTenant?.companyId??"",companyName:ke.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:b}),ae(!0),S?.trackCommentActivity("reimbursement","clicked",ke.currentTenant?.companyName??"",ke.controllersList.controllers.map(T=>no(T)),void 0,void 0,"page icon")},children:[t.jsx(io,{count:Ye?void 0:Jn,isLoading:Ye,style:{left:"12px"}}),t.jsx(al,{})]}):null,t.jsx(oi,{size:O,onClick:()=>fi(),"data-testid":q("close-nav-bar"),children:t.jsx(ni,{withOverlay:!1,children:t.jsx(ii,{})})})]}):null,enableTitleOnScroll:O!=="small",scrollThreshold:64,scrollableContent:W,backgroundColor:We.colors.grey4})]}),O==="small"?t.jsxs(t.Fragment,{children:[t.jsx(el,{children:Ut}),t.jsx(oo,{progressSectionObj:qn,createDate:e.createTime,paymentDate:Gn,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isBillUploaded:b!=null?!0:e.uploadStatus==="Completed"}),_t&&t.jsxs(Gr,{children:[t.jsx(Kr,{}),t.jsx(Yr,{children:y.banner})]}),e.isProcessing?t.jsx(rn,{variant:"warning",style:{margin:O==="small"?`${i.sp5} ${i.sp3}`:`${i.sp3} ${i.sp8} ${i.sp3} ${i.sp6}`},title:Gi.duplicateWarning.title,description:Gi.duplicateWarning.description}):Vt?t.jsxs(Jr,{size:O,children:[t.jsx(Br,{}),t.jsxs(Zr,{children:[t.jsx(Qr,{children:y.thereSeems}),t.jsx(Xr,{children:y.pleaseFind})]})]}):null,t.jsx($n,{isReimbursementCommentingEnabled:C,sectionId:Lt,reimbursementId:e.remiId,reportTitle:e.whatForSection.reportTitle})]}):null,t.jsx(Ka,{onDuplicateLineClick:A,reimbursementId:b,remiDetails:e,uploadInvoiceEndPoint:p,authParams:o,showSkipAutoFill:je,setShowSkipAutoFill:pt,isReimbursementCommentingEnabled:C,isAutoFieldsExist:_t,totalAmount:ne,removeFileFromLine:ge,onReplaceClick:Un,onReceiptsUpload:H,currencyConversionStatus:e.currencyConversionStatus,setCurrentLineIdForUpload:Pn,setUploadedReceiptPayload:zn,updateInvoiceUploadFetchState:Le,clearTentativeNameForLine:Ae,defaultCurrency:r,companyMileageConfigInfo:u,isUserAdmin:m,setShowBankAccountPage:Ft,bankAccounts:s,onDeleteBankAccount:Wn,analytics:S,fileRequiredLineIds:Nt,isSignedInUserReimbursementCreator:g,uncategorizedAccounts:w,showTotalAmountLoader:ut,duplicateLineByLineId:e.duplicateLineByLineId,hasDuplicateLine:Vt,removeDuplicateReimbursementForLine:pe,scrollContainerRef:W}),t.jsxs(ll,{showSkipAutoFill:je,windowSize:O,children:[O!=="small"?t.jsx(Zi,{}):null,t.jsx(sl,{windowSize:O,children:t.jsxs(cl,{windowSize:O,children:[e.remiId!==void 0&&t.jsx(Ii,{amount:ne??0,activities:e.remiActivities,stage:e.remiStage??"draft",onAddNewRule:Se,entity:"reimbursement",historicActivities:e.remiHistory.activities}),e.remiId==null&&ne!=null&&ne>0?t.jsx(Ii,{amount:ne??0,activities:wi,stage:"draft",entity:"reimbursement",historicActivities:e.remiHistory.activities}):null]})})]}),t.jsx(dl,{}),t.jsxs(qr,{showSkipAutoFill:je,windowSize:O,children:[O!=="small"?t.jsx(Zi,{}):null,t.jsx(Lr,{windowSize:O,onClick:h=>{h.stopPropagation(),Ue===!0&&_e(!1)},children:t.jsx(ln,{formId:Qi(Ji),separatorStyle:{marginRight:i.sp4},showCancel:g,cancelBtn:{label:m&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected"?O==="small"?y.buttons.discard:y.buttons.discardChanges:O==="small"?y.buttons.save:y.buttons.saveChanges,isLoading:qe==="save"&&e.saveStatus?.fetchState==="In-Progress",onClick:xi,style:{width:Z.footerButtonWidth.value(O)},reverseSpinnerColor:!1},primaryBtn:{label:Rr(g,m,e,O),isDisabled:!g,style:{width:g?Z.footerButtonWidth.value(O):"auto"},type:g?"submit":"button",onClick:g?()=>null:xi,isLoading:!g&&qe==="save"&&e.saveStatus?.fetchState==="In-Progress"},rightSideComponent:t.jsx(Ar,{children:t.jsxs(Nr,{windowSize:O,children:[Ue?t.jsx(sn,{onClickAway:()=>_e(!1),children:t.jsx(Er,{windowSize:O,"data-testid":q("remi-other-actions-container"),children:t.jsx(Wr,{onClick:Nn,"data-testid":q("delete-report-action"),children:y.buttons.deleteReport})})}):null,t.jsx(Fr,{windowSize:O,children:Yn===!0?t.jsx(Mr,{windowSize:O,"data-testid":q("more-details-button"),children:t.jsx(zr,{onClick:()=>_e(!Ue)})}):null})]})}),style:{minHeight:62}})})]}),C&&b!=null?t.jsx(Ro,{id:wt,children:t.jsx(ao,{isDrawerOpen:F,allowComposer:!0,drawerTitle:vr,threads:gt,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:U?.companyId??Cr,isGlobalComment:!1,tab:"reimbursement"},isLoading:Ye,threadMetadata:U?{companyName:U.companyName,companyId:U.companyId,entityId:U.entityId,entityType:U.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:kr,replyComposerPlaceholder:Ir,threadResolve:Tr,threadUnResolve:Dr},onThreadClick:(h,T)=>Qn(h,T),onCloseAllThreadsDrawer:()=>ae(!1),drawerSectionStyle:{width:"400px",backgroundColor:We.colors.background}})}):null]})}),On?t.jsx(Ur,{windowSize:O,children:t.jsx(rr,{bankAccountCreationState:k,setShowBankAccountPage:Ft,plaidConnectionDetails:l,onFetchLinkTokenClick:ze,onEstablishConnectionClick:ye,onSaveHandler:L,bankAccountToCreate:R,bankNameByRouting:f,fetchBankNameByRoutingStatus:D,onUserBankDetailsUpdated:$,onFetchBankName:K,onBackClick:()=>{dt(),Ft(!1)}})}):null]})})})},Rr=(e,o,r,u)=>e?r.reimbursementId!=null&&r.remiStage==="pending_approval"?y.buttons.resubmit:y.buttons.submit:o&&r.remiStage==="pending_approval"&&r.remiStatus!=="rejected"?u==="small"?y.buttons.discard:y.buttons.discardChanges:u==="small"?y.buttons.save:y.buttons.saveChanges,Pr=n.div`
+`,Q={rightMargin:new c(a[3],a[8]),leftMargin:new c(a[3],a[6]),bottomMargin:new c(56,56),closeMarginTop:new c(0,19),closeMarginRight:new c(a[3],a[8]),rightSectionWidth:new c(100,58),leftSectionWidth:new c(100,42),footerButtonWidth:new c(120,165),right:new c(a[3],a[0]),actionsContainerRight:new c(a[0],a[6]),otherActionsContainerBottom:new c(58,44),duplicateBannerWrapperMarginTop:new c(a[5],a[3]),duplicateBannerWrapperMarginRight:new c(a[3],a[8]),duplicateBannerWrapperMarginBottom:new c(a[5],a[3]),duplicateBannerWrapperMarginLeft:new c(a[3],a[6]),navBarWidth:new c(100,58)},{spendManagement:{reimbursement:{reimbursementDetail:y,bulkActions:Gi}},common:{currency:{currencyCode:Me,currencySymbol:Dt},texts:{comments:vr},strings:{empty:Cr}},collaboration:{threads:{placeholder:{addANewComment:kr,replyAComment:Ir},tooltip:{resolveComment:Tr,unResolveComment:Dr}}},dateFormat:Yi}=me.getLocalizedStrings(),Ji="editReimbursementDetailPage",Xi=e=>`${e}_form`,jr=(e,o,r,u,p,C,m,S,b)=>{const l=e.outOfPocket,k=e.mileage,f=l.merchant,s=l.recommendations;return{lineIndex:C,lineId:e?.lineId??String(C+1),reimbursementType:e?.type??y.outOfPocketKey,file:e?.file,homeCurrencyConversions:{amount:e?.homeCurrencyConversions?.amount??0,currencyCode:e?.homeCurrencyConversions?.currencyCode??m.currencyCode,currencySymbol:e?.homeCurrencyConversions?.currencySymbol??m.currencySymbol},outOfPocket:{recommendedAccount:l.recommendedAccount,isCategoryUpdateSelected:l.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:l.isCategoryFirstTimeAutofilled??!1,retainedAccount:l.retainedAccount,isRetainedCategorySelected:l.isRetainedCategorySelected??!1,recommendations:s??[],transactionDate:l?.transactionDate?.toDate()??void 0,class:{allOptions:_e(r,[]),selectedOption:l?.lineDetail?.class?.classId??b},account:{allOptions:At(o,s),selectedOption:l.lineDetail?.account?.qboId??l.lineDetail?.account?.accountId},amount:{amount:l?.amount??0,currencyCode:l?.currencyCode??m.currencyCode,currencySymbol:l?.currencySymbol??m.currencySymbol,currency:{allOptions:S.map(g=>({label:`${g.currencyCode} - ${g.currency}`,value:g.currencyCode,countryCode:si(g.countryCode)})),selectedOption:l?.currencyCode??m.currencyCode??Me}},memo:l?.description??void 0,merchant:{allOptions:u.map(g=>g.id).filter(g=>!!g),selectedOption:f?.id?f?.id:f?.name?f?.name:e?.lineId!=null?p[e?.lineId]:void 0}},mileage:{transactionDate:k?.transactionDate?.toDate(),class:{allOptions:_e(r,[]),selectedOption:k?.lineDetail?.class?.classId},distanceInMiles:k?.distanceMileage?.value,amount:{amount:k?.amount??0,currencyCode:k?.currencyCode??m.currencyCode,currencySymbol:k?.currencySymbol??m.currencySymbol},memo:k?.description}}},Zt=(e,o,r)=>{const u=[];return Object.values(e.lineDetailSection).forEach((p,C)=>{p?.lineId!=null&&u.push(jr(p,e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,e.tentativeMerchantNameByLineId,C,o,e.allCurrencies,e.loggedInUserDepartmentId))}),u.length===0&&u.push(Tn(0,"1",e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,o,e.allCurrencies,e.loggedInUserDepartmentId)),{[Lt]:{reportTitle:e.whatForSection.reportTitle},[gi]:u,[yt]:{selectedOption:e.paymentTo,allOptions:r.map(p=>p.bankAccountId)}}},ei=(e,o)=>{const r=u=>u.lineId==null||o[u.lineId]?.fetchState==="In-Progress"?0:(o[u.lineId]?.fetchState,u.type===y.mileageKey?u?.mileage?.amount??0:u?.outOfPocket?.currencyCode!==Me&&u.homeCurrencyConversions?.amount!==u?.outOfPocket?.amount?u.homeCurrencyConversions?.amount??0:u?.outOfPocket?.amount??0);return Object.values(e).reduce((u,p)=>u+r(p),0)},ti=(e,o,r,u,p,C,m,S)=>{const b={};return e.lineInfo.forEach(l=>{const k=S.find(R=>R.classId===l.mileage.class.selectedOption),f=m.find(R=>R.qboId===l.outOfPocket.account.selectedOption||R.accountId===l.outOfPocket.account.selectedOption),s=S.find(R=>R.classId===l.outOfPocket.class.selectedOption),g=o.find(R=>R.id===l.outOfPocket.merchant.selectedOption),w=C.find(R=>R.currencyCode===l.outOfPocket.amount?.currency.selectedOption)?.currencySymbol;b[l.lineId]={fileId:l.file?.fileId,lineId:l.lineId,type:l.reimbursementType,homeCurrencyConversions:l.homeCurrencyConversions??{amount:0,currencyCode:"USD",currencySymbol:"$"},mileage:{description:l.mileage.memo??"",lineDetail:{class:k},transactionDate:l.mileage.transactionDate!=null?ee.zeniDate(l.mileage.transactionDate.toDateString()):void 0,amount:l.mileage.amount?.amount??0,currencyCode:l.mileage.amount?.currencyCode??w,currencySymbol:l.mileage.amount?.currencySymbol??w,distanceMileage:{unit:"miles",value:l.mileage.distanceInMiles??0}},outOfPocket:{description:l.outOfPocket.memo??"",lineDetail:{class:s,account:f},transactionDate:l.outOfPocket.transactionDate!=null?ee.zeniDate(l.outOfPocket.transactionDate.toDateString()):void 0,amount:l.outOfPocket.amount?.amount??0,currencyCode:l.outOfPocket.amount?.currency.selectedOption??w,currencySymbol:w,merchant:l.outOfPocket.merchant.selectedOption!=null?{id:g?.id??"",name:g?.name??l.outOfPocket.merchant.selectedOption}:void 0,recommendations:l.outOfPocket.recommendations,recommendedAccount:l.outOfPocket.recommendedAccount,isCategoryUpdateSelected:l.outOfPocket.isCategoryUpdateSelected,isCategoryFirstTimeAutofilled:l.outOfPocket.isCategoryFirstTimeAutofilled,isRetainedCategorySelected:l.outOfPocket.isRetainedCategorySelected,retainedAccount:l.outOfPocket.retainedAccount}}}),{whatForSection:{reportTitle:e.whatFor.reportTitle},updatesByLineId:b,totalAmount:{amount:u,...r},currencyConversionStateByLineId:p,paymentTo:e.paymentTo.selectedOption}},Rl=({remiDetails:e,authParams:o,defaultCurrency:r,companyMileageConfigInfo:u,uploadInvoiceEndPoint:p,isReimbursementCommentingEnabled:C,isUserAdmin:m,analytics:S,reimbursementId:b,plaidConnectionDetails:l,bankAccountCreationState:k,bankNameByRouting:f,bankAccounts:s,isSignedInUserReimbursementCreator:g,uncategorizedAccounts:w,bankAccountToCreate:R,fetchBankNameByRoutingStatus:D,onUserBankDetailsUpdated:$,onFetchBankName:K,onSaveBankAccount:L,fetchDuplicateReimbursement:I,clearDuplicateReimbursementDetail:E,clearRemiSaveStatus:te,removeDuplicateReimbursementForLine:pe,onDuplicateLineClick:A,onExistingMerchantChange:_,onNewMerchantChange:Y,onReceiptsUpload:q,saveRemiDetails:ie,submitRemiDetails:Z,discardReimbursementDetailsFromLocalStore:we,onReimbursementDetailsChanged:he,updateReimbursementType:re,onHomeCurrencyConversionUpdate:J,redirectToReimbursementListScreen:le,redirectToReimbursementDetailScreen:Oe,deleteReimbursement:P,removeFileFromLine:ge,onZeniLogoClick:se,onAmountChanged:Ne,updateInvoiceUploadFetchState:Le,clearTentativeNameForLine:Ae,onAddNewRule:Se,onFetchLinkTokenClick:ze,onEstablishConnectionClick:ye,deleteBankAccount:Te,onBackClickFromBankAccountPage:dt})=>{const W=v.useRef(null),et=v.useRef(null),tt=ai(e.uploadStatus),We=bt(),ke=ft(),[qe,De]=v.useState(!1),[Ue,Ve]=v.useState(!1),[He,Ke]=v.useState("save"),[ne,it]=v.useState(ei(e.lineDetailSection,e.currencyConversionStatus)),[ut,Ge]=v.useState(!1),[U,mt]=v.useState(null),[F,ae]=v.useState(!1),wt=`dashboard_${ke.currentTenant?.companyId}`,$e=en({mode:"all",reValidateMode:"onChange",defaultValues:v.useMemo(()=>Zt(e,r,s),[e,r,s]),values:v.useMemo(()=>Zt(e,r,s),[e,r,s])}),{isDirty:z,dirtyFields:jn}=$e.formState,Rn=async(h,T)=>{const{lineInfo:d}=T,x=Number(h.split(".")[1]);if(h.includes("reportTitle")||h.includes("memo"))return;if(h.includes("reimbursementType")){const B=d[x].mileage,N=d[x].outOfPocket;d[x]={...d[x],outOfPocket:{transactionDate:N.transactionDate??void 0,class:{allOptions:N.class.allOptions??_e(e.classHierarchyList,[]),selectedOption:N.class.selectedOption??void 0},account:{allOptions:N.account.allOptions??At(e.accountsHierarchyList,[]),selectedOption:N.account.selectedOption??void 0},amount:N.amount??{amount:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol,currency:{allOptions:e.allCurrencies.map(be=>({label:`${be.currencyCode} - ${be.currency}`,value:be.currencyCode,countryCode:si(be.countryCode)})),selectedOption:r.currencyCode??Me}},memo:N.memo??void 0,merchant:N.merchant??void 0,recommendations:N.recommendations??[],recommendedAccount:N.recommendedAccount??void 0,isCategoryUpdateSelected:N.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:N.isCategoryFirstTimeAutofilled??!1,retainedAccount:N.retainedAccount??void 0,isRetainedCategorySelected:N.isRetainedCategorySelected??!1},mileage:{transactionDate:B.transactionDate??void 0,class:{allOptions:B.class.allOptions??_e(e.classHierarchyList,[]),selectedOption:B.class.selectedOption??e.loggedInUserDepartmentId},distanceInMiles:B.distanceInMiles,amount:{amount:B?.amount?.amount??0,currencyCode:B?.amount?.currencyCode??Me,currencySymbol:B?.amount?.currencySymbol??Dt},memo:B.memo??void 0}}}else if(h.includes("mileage.distanceInMiles")){const{distanceInMiles:B}=d[x].mileage,N=u?.mileageUnitAmount??0;d[x].mileage={...d[x].mileage,amount:{amount:B!=null?B*N:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol}}}else if(h.includes("outOfPocket.amount")&&d[x].lineId){const B=d[x].outOfPocket.amount,N=e.allCurrencies.find(be=>be.currencyCode===B?.currency.selectedOption)?.currencySymbol;if(B?.currencyCode!==B?.currency.selectedOption){const be=B?.currency?.allOptions||[];d[x].outOfPocket.amount={currency:{allOptions:be,selectedOption:B?.currency?.selectedOption},amount:d[x].outOfPocket?.amount?.amount??0,currencyCode:B?.currency.selectedOption??Me,currencySymbol:N??Dt}}if(B?.currency.selectedOption!==Me)Ge(!0),Fn(d[x].lineId,Me);else{const be={};d.forEach(Kt=>{be[Kt.lineId]={lineId:Kt.lineId,homeCurrencyConversions:Kt.homeCurrencyConversions}}),d[x].homeCurrencyConversions={amount:B.amount??0,currencyCode:B?.currency.selectedOption??Me,currencySymbol:N??Dt};const vi=ei(be,e.currencyConversionStatus);ne!==vi&&it(vi)}}else if(h.includes("outOfPocket.isRetainedCategorySelected"))d[x].outOfPocket.isRetainedCategorySelected===!0&&(d[x].outOfPocket.isCategoryUpdateSelected=!1,d[x].outOfPocket.account.selectedOption=d[x].outOfPocket.retainedAccount?.qboId);else if(h.includes("outOfPocket.isCategoryUpdateSelected"))if(d[x].outOfPocket.isCategoryUpdateSelected===!0)d[x].outOfPocket.account.selectedOption=d[x].outOfPocket.recommendedAccount?.qboId,d[x].outOfPocket.isRetainedCategorySelected=!1;else{const B=d[x].lineId,N=e.editRemiInitialDetails.lineDetailSection[B]?.lineDetail?.account?.qboId;d[x].outOfPocket.account.selectedOption=N,d[x].outOfPocket.isRetainedCategorySelected=!1}else h.includes("outOfPocket.account")&&(d[x].outOfPocket.recommendations.length>0&&(d[x].outOfPocket.recommendedAccount=d[x].outOfPocket.recommendations[0].account),d[x].outOfPocket.recommendedAccount?.qboId!=null&&d[x].outOfPocket.account.selectedOption===d[x].outOfPocket.recommendedAccount?.qboId?d[x].outOfPocket.isCategoryUpdateSelected=!0:d[x].outOfPocket.isCategoryUpdateSelected=!1,d[x].outOfPocket.retainedAccount?.qboId!=null&&d[x].outOfPocket.account.selectedOption===d[x].outOfPocket.retainedAccount?.qboId?d[x].outOfPocket.isRetainedCategorySelected=!0:d[x].outOfPocket.isRetainedCategorySelected=!1,d[x].outOfPocket.isCategoryFirstTimeAutofilled=!1);const $t=ti({...T,lineInfo:d},e.merchantList.merchants,r,ne,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);if(he?.($t),h.includes("outOfPocket.merchant")){const B=d[x].lineId,N=d[x].outOfPocket.merchant.selectedOption??"";d[x].outOfPocket.merchant.allOptions.find(be=>be===N)!=null?_(N,B):Y(N,B)}},yi=v.useMemo(()=>Ci((h,T)=>Rn(h,T),300),[e.accountList.fetchState,e.classList.fetchState,e.merchantList.fetchState]);v.useEffect(()=>{const h=$e.watch((T,{name:d})=>{d!=null&&T!=null&&yi(d,T)});return()=>{h.unsubscribe()}},[yi,$e]),v.useEffect(()=>{const h=ee.reduceAnyFetchState(Object.values(e.currencyConversionStatus)),T=h.fetchState==="In-Progress"||h.fetchState==="Error";Ge(T)},[e.currencyConversionStatus]),v.useEffect(()=>{for(const T in e.currencyConversionStatus){const d=e.lineDetailSection[T],x=e.lineDetailSection[T];e.currencyConversionStatus[T].fetchState==="Completed"&&x!=null&&d.type!==y.mileageKey&&!tn(d?.homeCurrencyConversions,x.homeCurrencyConversions)&&J({amount:d?.homeCurrencyConversions?.amount??0,currencyCode:d?.homeCurrencyConversions?.currencyCode??Me,currencySymbol:d?.homeCurrencyConversions?.currencySymbol??Dt},T,b)}const h=ei(e.lineDetailSection,e.currencyConversionStatus);ne!==h&&it(h)},[e.currencyConversionStatus,e.lineDetailSection]),v.useEffect(()=>{(e.saveStatus?.fetchState==="Completed"||e.deleteStatus.fetchState==="Completed")&&(we(b),le?.())},[e.saveStatus?.fetchState,e.deleteStatus.fetchState,b,we,le]);const O=Ie(),[je,pt]=v.useState(b==null),[ht,Pn]=v.useState(1),[On,Ft]=v.useState(!1),[Ln,An]=v.useState(""),[Et,zn]=v.useState(null),[Bn,nt]=v.useState(!1),[Mn,bi]=v.useState(!1),[Nt,Wt]=v.useState([]),[ce,St]=v.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),Fn=v.useRef(Ci((h,T)=>Ne(h,T),500,{trailing:!0})).current;v.useEffect(()=>{tt==="In-Progress"&&(e.uploadStatus==="Completed"?($e.reset(Zt(e,r,s),{keepDefaultValues:!0}),De(!1),pt(!1)):e.uploadStatus==="Error"&&De(!1))},[tt,e.uploadStatus,$e,e,qe,De,je,r,s,S]),v.useEffect(()=>{e.uploadStatus==="In-Progress"&&je===!1&&De(!0)},[e.uploadStatus,De,je]);const Ut=e.remiStage==="draft"?y.newReimbursementTitle:y.editReimbursementTitle,En={onOkClick:()=>{if(nt(!1),ce.primaryButtonText===y.buttons.discard)we(b),e.remiStage==="draft"?le?.():Oe?.();else if(ce.primaryButtonText===y.buttons.delete)ce.title===y.deleteBankAccountTitle?Te?.(Ln):P?.();else if(ce.primaryButtonText===y.buttons.yes&&Et!=null){const h=Nt.filter(T=>T!==ht.toString());Wt(h),q(Et,ht,!0)}},onCancelClick:()=>{if(nt(!1),ce.secondaryButtonText===y.buttons.no){const h=Nt.filter(T=>T!==ht.toString());Wt(h),q(Et,ht,!1)}}},fi=()=>{z||co(jn)?(St({title:y.discardTitle,description:y.discardDescription,primaryButtonText:y.buttons.discard,secondaryButtonText:y.buttons.cancel}),nt(!0)):(we(b),le?.())},Nn=()=>{St({title:e.remiStage==="draft"?y.deleteDraftTitle:y.deleteReportTitle,description:y.deleteAlertDescription,primaryButtonText:y.buttons.delete,secondaryButtonText:y.buttons.cancel}),nt(!0)},Wn=h=>{An(h),St({title:y.deleteBankAccountTitle,description:y.deleteBankAccountDescription,primaryButtonText:y.buttons.delete,secondaryButtonText:y.buttons.cancel}),nt(!0)},Un=()=>{St({title:y.overwriteTitle,description:y.overwriteDescription,primaryButtonText:y.buttons.yes,secondaryButtonText:y.buttons.no}),nt(!0)},Vn=()=>{let h=!0;const T=[];return Object.values(e.lineDetailSection).forEach((d,x)=>{d.type===y.outOfPocketKey&&vn(d)>=75&&d.file==null&&(T.push(d.lineId),h=!1)}),Wt(T),h},xi=()=>{if(m&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected")fi();else{Ke("save");const h=$e.getValues(),T=ti(h,e.merchantList.merchants,r,ne,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);he?.(T);const d=T.whatForSection?.reportTitle;d!=null&&d.length>0?ie(e.remiStatus==="rejected"?"pending_approval":"draft"):$e.trigger(`${Lt}.reportTitle`,{shouldFocus:!0})}};let Vt=!1;Object.values(e.addRemiAutoFieldsByLineId).forEach(h=>{h.length>0&&(Vt=!0)});let wi=[];if(e.remiId==null){const h=ne??0;h>0&&(wi=e.approvalRules.allApprovalRules?.filter(T=>{const d=T.criteria[0].range;if(d.max!=null){if(d.min.amount<h&&d.max.amount>=h)return T}else if(d.min.amount<h)return T;return null}).map(T=>({...T,stepsWithStatus:T.steps.map(d=>({...d,actorsActivity:[],isOriginalApprovalStep:!0})),isRealTimeApprovalEnabled:!1})))}const _n=h=>{const T=Vn();return $e.handleSubmit(()=>{T&&(Ke("submit"),S?.trackReimbursementSubmitReimbursement(e.createTime?.format(Yi.analytics.MMMDashDDDashYYYYFormat)??ee.dateNow().format(Yi.analytics.MMMDashDDDashYYYYFormat),r.currencyCode,ne,b),E(),bi(!0))})(h)},qn=()=>{const h=$e.getValues(),T=ti(h,e.merchantList.merchants,r,ne,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);he?.(T),Z()},Hn=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,Kn=e.reimbursementInfo?.paymentDate!=null?ee.zeniDate(ee.getNextNthWorkingDay(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,Gn=e.reimbursementInfo?.expectedDepositDate??Kn,Yn=b!=null&&e.remiStage==="draft",Si=Po(e.duplicateLineByLineId),_t=e.duplicateReimbursementStatus.fetchState==="Completed"&&Si>0,{requestToOpenThread:qt,setRequestToOpenThread:$i,setOpenThread:Ht}=v.useContext(Qn),{threads:gt,isLoading:Ye}=Zn({application:"dashboard",companyId:ke.currentTenant?.companyId,tab:"reimbursement",entityId:b,isGlobalComment:!1},"both",!1);v.useEffect(()=>{qt?.threadId!=null&&gt.length>0&&!Ye&&(Ht(qt.threadId),$i(null))},[qt,gt,Ye,Ht,$i]);const Jn=v.useMemo(()=>b==null?[]:gt.filter(h=>h.resolved===!1&&!h.id.includes(eo)),[gt,b]).length,Xn=(h,T)=>{Ht(T);const d=h.entityType.split("."),x=parseInt(d[2]);if(isNaN(x)){ae(!1);return}const $t=`${x+1}`,B=e.lineDetailSection[x+1].type;d.includes(y.mileageKey)&&B===y.outOfPocketKey?re(ee.toReimbursementTypeCode(y.mileageKey),$t,b):d.includes(y.outOfPocketKey)&&B===y.mileageKey&&re(ee.toReimbursementTypeCode(y.outOfPocketKey),$t,b),ae(!1)};return t.jsx(Pr,{ref:W,children:t.jsx(to,{sharedItems:{sharedFunctions:void 0,sharedRef:{contentWrapperRef:et.current??null}},children:t.jsxs(nn,{...$e,children:[t.jsx("form",{id:Xi(Ji),onSubmit:h=>_n(h),children:t.jsxs(rl,{windowSize:O,ref:et,children:[Bn?t.jsx(li,{titleComponent:t.jsx(an,{children:ce.title}),descriptionComponent:t.jsx(on,{children:ce.description}),primaryButtonText:ce.primaryButtonText,secondaryButtonText:ce.secondaryButtonText,action:En,proceedButtonVariant:ce.title===y.deleteBankAccountTitle||ce.title===y.deleteDraftTitle||ce.title===y.deleteReportTitle||ce.title===y.discardTitle?"danger":"primary",isEditPopup:ce.title===y.deleteBankAccountTitle}):null,Mn?t.jsx(fr,{reimbursementId:b,submitFetchState:e.saveStatus?.fetchState??"Not-Started",duplicateReimbursementStatus:e.duplicateReimbursementStatus.fetchState,hasDuplicateLine:_t,numberOfDuplicateLines:Si,setShowDuplicatePopup:bi,submitReport:qn,fetchDuplicateReimbursement:I,clearDuplicateReimbursementDetail:E,clearRemiSaveStatus:te,analytics:S}):null,qe?t.jsx(Zi,{windowSize:O}):null,je?t.jsxs(Zi,{windowSize:O,"data-testid":H("skip-autofill-section"),children:[O==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Vr,{children:t.jsx(oi,{partOfSkipAutoFill:!0,size:O,onClick:()=>pt(!1),"data-testid":H("close-invoice-upload"),children:t.jsx(ni,{withOverlay:!0,children:t.jsx(ii,{})})})}),t.jsx(qr,{children:Ut})]}):null,t.jsx(xn,{showAutofill:je,analytics:S,onSkipAutofill:()=>{S?.trackReimbursementSkipAutofill(),pt(!1)},uploadInvoiceEndPoint:p,authParams:o,style:{width:Q.leftSectionWidth.valuePercentage(O),boxSizing:"border-box",backgroundColor:O==="small"?We.colors.grey4:"unset",padding:O==="small"?`${i.sp5} ${i.sp3}`:`78px ${i.sp6} 15px ${i.sp8}`,margin:O==="small"?i.sp0:void 0},onInvoiceUpload:h=>q(h,ht,!0),dropFilePlaceholder:{upload:y.dropReceipt.upload,single:y.dropReceipt.single,or:y.dropReceipt.or,multiple:y.dropReceipt.multiple,receipts:y.dropReceipt.receipts},updateInvoiceUploadFetchState:Le,showInfoText:!1,allowMultiFiles:je,type:"receipt"}),O!=="small"?t.jsx(_r,{children:t.jsx(oi,{partOfSkipAutoFill:!0,onClick:()=>pt(!1),"data-testid":H("close-invoice-upload"),children:t.jsx(ni,{withOverlay:!0,children:t.jsx(ii,{})})})}):null]}):null,t.jsxs(tl,{windowSize:O,"data-testid":H("edit-reimbursement-detail-page-nav-bar-container"),children:[O!=="small"?t.jsx(ki,{style:{width:"42%"},"data-testid":H("edit-reimbursement-detail-page-left-nav-bar"),title:"",leftSideComponent:t.jsx(il,{"data-testid":H("zeni-logo-spend-management-reimbursement-detail-page"),onClick:se}),enableTitleOnScroll:!1,scrollableContent:W,backgroundColor:We.colors.background,keepBackgroundOnScroll:!0,source:"EditReimbursementDetailPage"}):null,O!=="small"?t.jsx(Or,{}):null,t.jsx(ki,{style:{width:Q.navBarWidth.valuePercentage(O)},"data-testid":H("edit-reimbursement-detail-page-right-nav-bar"),source:"EditReimbursementDetailPage",title:Ut,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:je!=!0?t.jsxs(nl,{children:[C&&b!=null?t.jsxs(ol,{isDisabled:Ye,"data-testid":H("remi-comment-button"),onClick:Ye?()=>null:h=>{h.preventDefault(),h.stopPropagation(),mt({roomId:wt,companyId:ke.currentTenant?.companyId??"",companyName:ke.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:b}),ae(!0),S?.trackCommentActivity("reimbursement","clicked",ke.currentTenant?.companyName??"",ke.controllersList.controllers.map(T=>no(T)),void 0,void 0,"page icon")},children:[t.jsx(io,{count:Ye?void 0:Jn,isLoading:Ye,style:{left:"12px"}}),t.jsx(al,{})]}):null,t.jsx(oi,{size:O,onClick:()=>fi(),"data-testid":H("close-nav-bar"),children:t.jsx(ni,{withOverlay:!1,children:t.jsx(ii,{})})})]}):null,enableTitleOnScroll:O!=="small",scrollThreshold:64,scrollableContent:W,backgroundColor:We.colors.grey4})]}),O==="small"?t.jsxs(t.Fragment,{children:[t.jsx(el,{children:Ut}),t.jsx(oo,{progressSectionObj:Hn,createDate:e.createTime,paymentDate:Gn,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isBillUploaded:b!=null?!0:e.uploadStatus==="Completed"}),Vt&&t.jsxs(Gr,{children:[t.jsx(Kr,{}),t.jsx(Yr,{children:y.banner})]}),e.isProcessing?t.jsx(rn,{variant:"warning",style:{margin:O==="small"?`${i.sp5} ${i.sp3}`:`${i.sp3} ${i.sp8} ${i.sp3} ${i.sp6}`},title:Gi.duplicateWarning.title,description:Gi.duplicateWarning.description}):_t?t.jsxs(Jr,{size:O,children:[t.jsx(Br,{}),t.jsxs(Qr,{children:[t.jsx(Xr,{children:y.thereSeems}),t.jsx(Zr,{children:y.pleaseFind})]})]}):null,t.jsx($n,{isReimbursementCommentingEnabled:C,sectionId:Lt,reimbursementId:e.remiId,reportTitle:e.whatForSection.reportTitle})]}):null,t.jsx(Ka,{onDuplicateLineClick:A,reimbursementId:b,remiDetails:e,uploadInvoiceEndPoint:p,authParams:o,showSkipAutoFill:je,setShowSkipAutoFill:pt,isReimbursementCommentingEnabled:C,isAutoFieldsExist:Vt,totalAmount:ne,removeFileFromLine:ge,onReplaceClick:Un,onReceiptsUpload:q,currencyConversionStatus:e.currencyConversionStatus,setCurrentLineIdForUpload:Pn,setUploadedReceiptPayload:zn,updateInvoiceUploadFetchState:Le,clearTentativeNameForLine:Ae,defaultCurrency:r,companyMileageConfigInfo:u,isUserAdmin:m,setShowBankAccountPage:Ft,bankAccounts:s,onDeleteBankAccount:Wn,analytics:S,fileRequiredLineIds:Nt,isSignedInUserReimbursementCreator:g,uncategorizedAccounts:w,showTotalAmountLoader:ut,duplicateLineByLineId:e.duplicateLineByLineId,hasDuplicateLine:_t,removeDuplicateReimbursementForLine:pe,scrollContainerRef:W}),t.jsxs(ll,{showSkipAutoFill:je,windowSize:O,children:[O!=="small"?t.jsx(Qi,{}):null,t.jsx(sl,{windowSize:O,children:t.jsxs(cl,{windowSize:O,children:[e.remiId!==void 0&&t.jsx(Ii,{amount:ne??0,activities:e.remiActivities,stage:e.remiStage??"draft",onAddNewRule:Se,entity:"reimbursement",historicActivities:e.remiHistory.activities}),e.remiId==null&&ne!=null&&ne>0?t.jsx(Ii,{amount:ne??0,activities:wi,stage:"draft",entity:"reimbursement",historicActivities:e.remiHistory.activities}):null]})})]}),t.jsx(dl,{}),t.jsxs(Hr,{showSkipAutoFill:je,windowSize:O,children:[O!=="small"?t.jsx(Qi,{}):null,t.jsx(Lr,{windowSize:O,onClick:h=>{h.stopPropagation(),Ue===!0&&Ve(!1)},children:t.jsx(ln,{formId:Xi(Ji),separatorStyle:{marginRight:i.sp4},showCancel:g,cancelBtn:{label:m&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected"?O==="small"?y.buttons.discard:y.buttons.discardChanges:O==="small"?y.buttons.save:y.buttons.saveChanges,isLoading:He==="save"&&e.saveStatus?.fetchState==="In-Progress",onClick:xi,style:{width:Q.footerButtonWidth.value(O)},reverseSpinnerColor:!1},primaryBtn:{label:Rr(g,m,e,O),isDisabled:!g,style:{width:g?Q.footerButtonWidth.value(O):"auto"},type:g?"submit":"button",onClick:g?()=>null:xi,isLoading:!g&&He==="save"&&e.saveStatus?.fetchState==="In-Progress"},rightSideComponent:t.jsx(Ar,{children:t.jsxs(Nr,{windowSize:O,children:[Ue?t.jsx(sn,{onClickAway:()=>Ve(!1),children:t.jsx(Er,{windowSize:O,"data-testid":H("remi-other-actions-container"),children:t.jsx(Wr,{onClick:Nn,"data-testid":H("delete-report-action"),children:y.buttons.deleteReport})})}):null,t.jsx(Fr,{windowSize:O,children:Yn===!0?t.jsx(Mr,{windowSize:O,"data-testid":H("more-details-button"),children:t.jsx(zr,{onClick:()=>Ve(!Ue)})}):null})]})}),style:{minHeight:62}})})]}),C&&b!=null?t.jsx(Ro,{id:wt,children:t.jsx(ao,{isDrawerOpen:F,allowComposer:!0,drawerTitle:vr,threads:gt,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:U?.companyId??Cr,isGlobalComment:!1,tab:"reimbursement"},isLoading:Ye,threadMetadata:U?{companyName:U.companyName,companyId:U.companyId,entityId:U.entityId,entityType:U.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:kr,replyComposerPlaceholder:Ir,threadResolve:Tr,threadUnResolve:Dr},onThreadClick:(h,T)=>Xn(h,T),onCloseAllThreadsDrawer:()=>ae(!1),drawerSectionStyle:{width:"400px",backgroundColor:We.colors.background}})}):null]})}),On?t.jsx(Ur,{windowSize:O,children:t.jsx(rr,{bankAccountCreationState:k,setShowBankAccountPage:Ft,plaidConnectionDetails:l,onFetchLinkTokenClick:ze,onEstablishConnectionClick:ye,onSaveHandler:L,bankAccountToCreate:R,bankNameByRouting:f,fetchBankNameByRoutingStatus:D,onUserBankDetailsUpdated:$,onFetchBankName:K,onBackClick:()=>{dt(),Ft(!1)}})}):null]})})})},Rr=(e,o,r,u)=>e?r.reimbursementId!=null&&r.remiStage==="pending_approval"?y.buttons.resubmit:y.buttons.submit:o&&r.remiStage==="pending_approval"&&r.remiStatus!=="rejected"?u==="small"?y.buttons.discard:y.buttons.discardChanges:u==="small"?y.buttons.save:y.buttons.saveChanges,Pr=n.div`
   position: relative;
   height: 100vh;
   overflow-y: scroll;
@@ -631,7 +631,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   pointer-events: none;
   z-index: 3;
 `,Lr=n.div`
-  width: ${e=>Z.rightSectionWidth.valuePercentage(e.windowSize)};
+  width: ${e=>Q.rightSectionWidth.valuePercentage(e.windowSize)};
 `,Ar=n.div`
   display: flex;
   justify-content: flex-end;
@@ -671,17 +671,17 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   padding-top: ${i.sp1};
   padding-bottom: ${i.sp1};
   position: absolute;
-  bottom: ${e=>Z.otherActionsContainerBottom.valuePx(e.windowSize)};
+  bottom: ${e=>Q.otherActionsContainerBottom.valuePx(e.windowSize)};
   z-index: 3;
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
   border-radius: ${i.sp1};
-  right: ${e=>Z.right.valuePx(e.windowSize)};
+  right: ${e=>Q.right.valuePx(e.windowSize)};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.grey1} 3D`};
 `,Nr=n.div`
   width: 100%;
   justify-content: flex-end;
   position: ${e=>e.windowSize==="small"?"static":"relative"};
-  right: ${e=>Z.actionsContainerRight.valuePx(e.windowSize)};
+  right: ${e=>Q.actionsContainerRight.valuePx(e.windowSize)};
   height: 100%;
   display: flex;
 `,Wr=n(mi)`
@@ -701,28 +701,28 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   height: 100vh;
   position: fixed;
   background: ${e=>e.theme.colors.grey4};
-  width: ${e=>Z.rightSectionWidth.valuePercentage(e.windowSize)};
+  width: ${e=>Q.rightSectionWidth.valuePercentage(e.windowSize)};
   right: 0;
   top: 0;
-`,_r=n.div`
+`,Vr=n.div`
   background: ${e=>e.theme.colors.grey4};
   height: 44px;
   display: flex;
   align-items: center;
   justify-content: end;
-`,Vr=n.div`
+`,_r=n.div`
   width: 58%;
-`,Hr=n(ci)`
+`,qr=n(ci)`
   padding: ${i.sp3} ${i.sp3} 0 ${i.sp3};
   background: ${e=>e.theme.colors.grey4};
   color: ${e=>e.theme.colors.primary};
-`,qr=n.div`
+`,Hr=n.div`
   display: ${e=>e.windowSize==="small"&&e.showSkipAutoFill?"none":"flex"};
   width: 100%;
   position: fixed;
   bottom: 0;
   z-index: 3;
-`,Zi=n.div`
+`,Qi=n.div`
   width: 42%;
 `,Kr=n(di)`
   color: ${e=>e.theme.colors.primary};
@@ -744,23 +744,23 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   padding: ${i.sp3};
   border-radius: ${i.sp2};
   align-items: start;
-  margin-top: ${e=>Z.duplicateBannerWrapperMarginTop.valuePx(e.size)};
-  margin-right: ${e=>Z.duplicateBannerWrapperMarginRight.valuePx(e.size)};
-  margin-bottom: ${e=>Z.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
-  margin-left: ${e=>Z.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
+  margin-top: ${e=>Q.duplicateBannerWrapperMarginTop.valuePx(e.size)};
+  margin-right: ${e=>Q.duplicateBannerWrapperMarginRight.valuePx(e.size)};
+  margin-bottom: ${e=>Q.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
+  margin-left: ${e=>Q.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
   background-color: ${j.alertLight};
   border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
-`,Qr=n(Mt)`
+`,Xr=n(Mt)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Zr=n.div`
+`,Qr=n.div`
   width: 100%;
-`,Xr=n(hi)`
+`,Zr=n(hi)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
 `,el=n(ci)`
   letter-spacing: -0.02em;
   color: ${e=>e.theme.colors.primary};
   margin: ${i.sp3};
-`,Xi=n.div`
+`,Zi=n.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   height: 100vh;
@@ -796,7 +796,7 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
     color: ${e=>e.withOverlay?j.primaryDark:e.theme.colors.primary};
   }
 `,nl=n.div`
-  margin-top: ${e=>Z.closeMarginTop.valuePx(e.windowSize)};
+  margin-top: ${e=>Q.closeMarginTop.valuePx(e.windowSize)};
   display: flex;
   float: right;
 `,ol=n.div`
@@ -817,9 +817,9 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
   align-items: center;
   justify-content: center;
 `,oi=n.div`
-  margin-top: ${e=>e.partOfSkipAutoFill===!0?Z.closeMarginTop.valuePx(e.size):0};
+  margin-top: ${e=>e.partOfSkipAutoFill===!0?Q.closeMarginTop.valuePx(e.size):0};
   margin-left: ${i.sp5};
-  margin-right: ${e=>e.partOfSkipAutoFill===!0?Z.closeMarginRight.valuePx(e.size):0};
+  margin-right: ${e=>e.partOfSkipAutoFill===!0?Q.closeMarginRight.valuePx(e.size):0};
 `,rl=n.div`
   display: flex;
   flex-direction: column;
@@ -852,14 +852,14 @@ import{a1 as ai,u as bt,Y as ft,a as en,A as Ci,l as ee,M as me,K as tn,e as Ie,
 `,ll=n.div`
   display: ${e=>e.windowSize==="small"&&e.showSkipAutoFill?"none":"flex"};
   width: 100%;
-  margin-bottom: ${e=>Z.bottomMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>Q.bottomMargin.valuePx(e.windowSize)};
 `,sl=n.div`
-  width: ${e=>Z.rightSectionWidth.valuePercentage(e.windowSize)};
+  width: ${e=>Q.rightSectionWidth.valuePercentage(e.windowSize)};
 `,cl=n.div`
-  margin-left: ${e=>Z.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Z.rightMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>Q.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>Q.rightMargin.valuePx(e.windowSize)};
 `,dl=n.div`
   display: flex;
   flex-direction: column;
   height: ${i.sp11};
-`;export{Rl as default,Qi as uniqueName};
+`;export{Rl as default,Xi as uniqueName};