@zeniai/web-cockpit-ui 1.15.41-qa → 1.15.42-dev

package/dist/assets/{EditReimbursementDetailPage--Sw7PT5v-ByroxrFy.js → EditReimbursementDetailPage-DMMdfkh8-Bucax6Ut.js}

@@ -1,10 +1,10 @@
-import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go as ro,gp as lo,V as t,gK as so,ae as ln,cs as di,ct as sn,cu as dn,ac as q,o as i,x as d,bE as Ti,bq as co,dx as uo,gq as mo,gB as cn,gw as Di,aT as un,aq as mn,gx as po,gL as _e,eG as Ke,f8 as ci,gM as Bt,F as fe,T as wt,gN as ho,p as j,a as pn,as as ui,u as a,bz as go,gz as yo,cJ as bo,eO as mi,gO as Mt,fn as Se,cN as pi,fq as $e,cM as nt,eq as fo,fm as hn,w as Lt,cQ as gn,cP as tt,ey as Te,ak as hi,gP as xo,fF as wo,cI as So,aX as ji,fz as $o,by as vo,bc as yn,m as Co,ep as ko,b9 as Ft,gr as Io,bX as bn,z as gi,M as fn,d2 as xn,ck as Et,e$ as To,bb as Do,d6 as jo,ft as Po,an as yi,r as Pi,bV as wn,b3 as Oi,d1 as Oo,ao as Ro,cU as Sn,aQ as Lo,gQ as $n,gR as si,gh as Ri,gS as At,cR as Ao,gl as zo,bM as Bo,d0 as Mo}from"./index-B7eWgQzZ.js";import{a as S,P as kt}from"./sentry-BUYEiWD8.js";import{n}from"./mui-Ba0_ROTv.js";import{a as Fo}from"./liveblocks-DyVXfa5b.js";import{Gz as Eo,bL as it,bP as vn,bo as Cn,bm as Li,GA as Ai,bh as bi}from"./zeni-epic-state-DsDV18R1.js";import kn from"./InvoiceUploadSection-DBvyatKK-CJBMM0Za.js";import{r as No,f as zt,d as bt,p as fi,u as zi,h as ke}from"./types-DyvtCprH-NFPm5TaG.js";import{I as Wo}from"./LabeledCreatableSingleSelectField-CbmnDlQX-Bud0UcHP.js";import{S as Uo}from"./CurrencySelectField-Cps-E4RZ-d5qF8fSQ.js";import{e as Vo}from"./BankAccountSection-BqHvCCIV-cPbSA8Xj.js";import{W as _o,A as qo}from"./BankAccountWarningSection-BhYGVsUP-Bgxn65RB.js";import{o as Ho}from"./radio-default-CiSgisfh-CGqLZKGc.js";import"./core-CslRcwFE.js";import"./lottie-DR7Z1uj_.js";import"./recharts-Dpk71F6G.js";import"./analytics-EOspDoDF.js";import"./lexical-DEAOqFKR.js";import"./utils-van4hLXd.js";import"./AttachmentView-40S92NKz-O72HtTZp.js";import"./uploadReceipts-Dge0cNF1-B4zZrtGY.js";import"./upload-reimbursement-receipt-O2N8vcO7-BCgskbSS.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="e936cd28-704c-413e-9dfb-a78e5ecce948",e._sentryDebugIdIdentifier="sentry-dbid-e936cd28-704c-413e-9dfb-a78e5ecce948")}catch{}})();const Me=(e,o)=>`${e}.${o}`,Bi={largeLabelWidth:new d(120,120,160),paddingBottom:new d(a[3],a[2])},{spendManagement:{reimbursement:{reimbursementDetail:Ce}},dateFormat:Ko,common:Go}=fe.getLocalizedStrings(),Yo=({lineIndex:e,mileage:o,classList:r,defaultCurrency:c,sectionId:p,isReimbursementCommentingEnabled:C,isDisabled:m,isAddReimbursementDisabled:v,companyMileageConfigInfo:f,reimbursementId:l,classHierarchyList:k})=>{const x=Le(),s=xt(),y=Mt(),$=`dashboard_${s.currentTenant?.companyId}`,O=ft(),{formState:{errors:I},getValues:R,trigger:H}=nt(),L=Go.strings.empty,T=R(Me(p,"distanceInMiles")),B=Bi.largeLabelWidth.value(x),te=R(Me(p,"class")),ne=r.find(z=>z.classId===te?.selectedOption),oe=Me(p,"class"),Y=Te(I,oe);S.useEffect(()=>{te?.selectedOption!=null&&(ne?.isDeleted===!0||Y)&&H(oe)},[te?.selectedOption,ne?.isDeleted,r,oe,H]);const K={application:"dashboard",companyId:s.currentTenant?.companyId,tab:"reimbursement",entityId:l},F=z=>r.filter(ae=>ae.classId===z)[0]?.accountingClassNumber,J=r.find(z=>z.classId===o.class),_={valueContainer:z=>({...z,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})};return t.jsxs(t.Fragment,{children:[t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.transactionDate`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("transactionDate",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,children:t.jsx(Sn,{isDisabled:m,label:{label:Ce.transactionDate,width:B},style:{paddingBottom:Bi.paddingBottom.valuePx(x),width:"auto"},dateField:{name:Me(p,"transactionDate"),placeholder:Ce.datePlaceholder,defaultValue:o?.transactionDate,dateFormat:Ko.visual.defaultInput,autoComplete:"off",maxDate:bi(),registerOptions:{required:!0,validate:z=>!!z}}})}),t.jsx(It,{}),t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.distanceInMiles`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("distanceInMiles",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,children:t.jsx(Ri,{isDisabled:v?"disabled":void 0,style:{width:"auto"},label:{label:Ce.distanceInMiles,width:B},formattedTextField:{type:"number",name:Me(p,"distanceInMiles"),placeholder:Ce.addMiles,defaultValue:o.distanceInMiles,registerOptions:{required:!0,validate:z=>z!=null?z>0:!0,min:.01},returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,decimalScale:2}})}),t.jsx(It,{}),t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.amount`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("amount",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,children:t.jsx(Ri,{isDisabled:"disabled",label:{label:Ce.amount,width:B},formattedTextField:{type:"number",name:Me(`${p}.amount`,"amount"),defaultValue:o.amount?.amount,placeholder:tt(Ce.amount),returnValueType:"floatValue",prefix:o.amount?.currencySymbol,allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:z=>z!=null?z>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},additionalInfoLabel:T!=null&&f?.mileageUnitAmount!=null?`${c.currencySymbol}${f?.mileageUnitAmount} per mile x ${T}`:void 0})}),t.jsx(It,{}),t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.memo`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("memo",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,children:t.jsx(pi,{isDisabled:m,label:{label:Ce.memo,width:B},style:{width:"auto"},text:{type:"text",name:Me(p,"memo"),placeholder:tt(Ce.memo),defaultValue:o.memo,autoComplete:"off",options:{pattern:$n}}})}),t.jsx(It,{}),t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.class`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("class",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${i.sp2} ${i.sp2}`},children:t.jsx(si,{isLoading:!1,label:{label:Ce.department,width:B},additionalLabelInfo:ne?.isDeleted===!0&&Te(I,Me(p,"class"))?Ce.deletedClassError:void 0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:Me(p,"class"),placeholder:tt(Ce.department),valueToId:z=>F(z),defaultValue:{selectedOption:J?.classId,allOptions:Ke(k,[])},style:{width:"100%"},customStyleConfig:_,registerOptions:{required:!0,validate:z=>z?.selectedOption==null?!1:r.find(ae=>ae.classId===z?.selectedOption)?.isDeleted===!0?Ce.deletedClassError:!0}},style:{borderBottom:`1px solid ${O.colors.grey3}`,borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},fullWidthSelect:!0},Me(p,"class"))})]})},It=n.div`
+import{ay as ht,V as t,gm as ro,aS as li,y as xt,aa as rn,aA as Ii,aG as ln,J as Re,gn as lo,gp as so,gq as co,gL as uo,ae as sn,cs as di,ct as dn,cu as cn,ac as q,o as i,x as d,bE as Ti,bq as mo,dx as po,gr as ho,gC as un,gx as Di,aT as mn,aq as pn,gy as go,gM as _e,eG as Ke,f8 as ci,gN as zt,b as fe,L as wt,gO as yo,p as j,d as hn,as as ui,u as r,bz as bo,gA as fo,cJ as xo,eO as mi,gP as Bt,fn as Se,cN as pi,fq as $e,cM as nt,eq as wo,fm as gn,w as Rt,cQ as yn,cP as tt,ey as Te,ak as hi,gQ as So,fF as $o,cI as vo,aX as ji,fz as Co,by as ko,bc as bn,g as Io,ep as To,b9 as Mt,gs as Do,bX as fn,c as gi,M as xn,d2 as wn,ck as Ft,e$ as jo,bb as Oo,d6 as Po,ft as Ro,an as yi,a as Oi,bV as Sn,b3 as Pi,d1 as Lo,ao as Ao,cU as $n,aQ as zo,gR as vn,gS as si,gh as Ri,gT as Lt,cR as Bo,gl as Mo,bM as Fo,d0 as Eo}from"./index-DGGt5RDJ.js";import{a as S,P as Ct}from"./sentry-C7LQiKF9.js";import{n}from"./mui-BXc79n0P.js";import{Gz as No,bL as it,bZ as Cn,bo as kn,bm as Li,GA as Ai,bh as bi}from"./zeni-epic-state-Cvu6NpVe.js";import In from"./InvoiceUploadSection-BV69g_45-C0jQPqw-.js";import{r as Wo,f as At,d as ft,p as fi,u as zi,h as ke}from"./types-DyvtCprH-NFPm5TaG.js";import{I as Uo}from"./LabeledCreatableSingleSelectField-5NsKlfNx-BEfEdG1_.js";import{S as Vo}from"./CurrencySelectField-QL-EZiuT-_bjNCxiF.js";import{e as _o}from"./BankAccountSection-CJlVvGHg-BpmPk2BK.js";import{W as qo,A as Ho}from"./BankAccountWarningSection-DVVX_lU2-YGd3zWAN.js";import{o as Ko}from"./radio-default-CiSgisfh-BDH4uibz.js";import"./liveblocks-Dda0tF-O.js";import"./core-BFf3IFj6.js";import"./recharts-vbuE4Jum.js";import"./lottie-mwve--vc.js";import"./analytics-BFqwqBQR.js";import"./lexical-BeXs36Y0.js";import"./utils-CW6UW7VZ.js";import"./AttachmentView-DTHxVIEf-OlbTumHp.js";import"./uploadReceipts-Dge0cNF1-BighYweo.js";import"./upload-reimbursement-receipt-O2N8vcO7-C4eeJM6-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="cecba147-4f0d-46c7-9b16-3feb1fd0fd5f",e._sentryDebugIdIdentifier="sentry-dbid-cecba147-4f0d-46c7-9b16-3feb1fd0fd5f")}catch{}})();const Me=(e,o)=>`${e}.${o}`,Bi={largeLabelWidth:new d(120,120,160),paddingBottom:new d(r[3],r[2])},{spendManagement:{reimbursement:{reimbursementDetail:Ce}},dateFormat:Go,common:Yo}=fe.getLocalizedStrings(),Qo=({lineIndex:e,mileage:o,classList:a,defaultCurrency:c,sectionId:p,isReimbursementCommentingEnabled:C,isDisabled:m,isAddReimbursementDisabled:v,companyMileageConfigInfo:f,reimbursementId:l,classHierarchyList:k})=>{const x=Re(),s=ht(),y=Bt(),$=`dashboard_${s.currentTenant?.companyId}`,P=xt(),{formState:{errors:I},getValues:R,trigger:H}=nt(),L=Yo.strings.empty,T=R(Me(p,"distanceInMiles")),B=Bi.largeLabelWidth.value(x),te=R(Me(p,"class")),ne=a.find(z=>z.classId===te?.selectedOption),oe=Me(p,"class"),Y=Te(I,oe);S.useEffect(()=>{te?.selectedOption!=null&&(ne?.isDeleted===!0||Y)&&H(oe)},[te?.selectedOption,ne?.isDeleted,a,oe,H]);const K={application:"dashboard",companyId:s.currentTenant?.companyId,tab:"reimbursement",entityId:l},F=z=>a.filter(ae=>ae.classId===z)[0]?.accountingClassNumber,Q=a.find(z=>z.classId===o.class),_={valueContainer:z=>({...z,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})};return t.jsxs(t.Fragment,{children:[t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.transactionDate`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("transactionDate",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,children:t.jsx($n,{isDisabled:m,label:{label:Ce.transactionDate,width:B},style:{paddingBottom:Bi.paddingBottom.valuePx(x),width:"auto"},dateField:{name:Me(p,"transactionDate"),placeholder:Ce.datePlaceholder,defaultValue:o?.transactionDate,dateFormat:Go.visual.defaultInput,autoComplete:"off",maxDate:bi(),registerOptions:{required:!0,validate:z=>!!z}}})}),t.jsx(kt,{}),t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.distanceInMiles`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("distanceInMiles",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,children:t.jsx(Ri,{isDisabled:v?"disabled":void 0,style:{width:"auto"},label:{label:Ce.distanceInMiles,width:B},formattedTextField:{type:"number",name:Me(p,"distanceInMiles"),placeholder:Ce.addMiles,defaultValue:o.distanceInMiles,registerOptions:{required:!0,validate:z=>z!=null?z>0:!0,min:.01},returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,decimalScale:2}})}),t.jsx(kt,{}),t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.amount`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("amount",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,children:t.jsx(Ri,{isDisabled:"disabled",label:{label:Ce.amount,width:B},formattedTextField:{type:"number",name:Me(`${p}.amount`,"amount"),defaultValue:o.amount?.amount,placeholder:tt(Ce.amount),returnValueType:"floatValue",prefix:o.amount?.currencySymbol,allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:z=>z!=null?z>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},additionalInfoLabel:T!=null&&f?.mileageUnitAmount!=null?`${c.currencySymbol}${f?.mileageUnitAmount} per mile x ${T}`:void 0})}),t.jsx(kt,{}),t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.memo`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("memo",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,children:t.jsx(pi,{isDisabled:m,label:{label:Ce.memo,width:B},style:{width:"auto"},text:{type:"text",name:Me(p,"memo"),placeholder:tt(Ce.memo),defaultValue:o.memo,autoComplete:"off",options:{pattern:vn}}})}),t.jsx(kt,{}),t.jsx(Se,{isThreadAllowed:C&&l!=null,dashboardTabKey:$e({type:"details",key:`${e}.mileage.class`}),roomId:$,companyId:s.currentTenant?.companyId??L,companyName:s.currentTenant?.companyName??L,entityId:l,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${ke("class",e,"mileage")}`},fieldThreadTargetElement:y?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${i.sp2} ${i.sp2}`},children:t.jsx(si,{isLoading:!1,label:{label:Ce.department,width:B},additionalLabelInfo:ne?.isDeleted===!0&&Te(I,Me(p,"class"))?Ce.deletedClassError:void 0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:Me(p,"class"),placeholder:tt(Ce.department),valueToId:z=>F(z),defaultValue:{selectedOption:Q?.classId,allOptions:Ke(k,[])},style:{width:"100%"},customStyleConfig:_,registerOptions:{required:!0,validate:z=>z?.selectedOption==null?!1:a.find(ae=>ae.classId===z?.selectedOption)?.isDeleted===!0?Ce.deletedClassError:!0}},style:{borderBottom:`1px solid ${P.colors.grey3}`,borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},fullWidthSelect:!0},Me(p,"class"))})]})},kt=n.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Mi={amounWidth:new d(50,30),currencyWidth:new d(50,70)};function Jo({name:e,placeHolder:o,defaultValue:r,isDisabled:c,showAmountCurrencyError:p,style:C,allCurrencies:m}){const[v,f]=S.useState(!1),{getValues:l,formState:{errors:k}}=nt(),x=ft(),s=Le(),y=c!=null,$=l(e),O=`${$?.amount} ${$?.currency?.selectedOption}`,I=Te(k,e)&&At(k,`${e}.amount`)!=null,R=Te(k,e)&&At(k,`${e}.currency`)!=null,H=p===!0?I||R:!1,L=!H&&v===!1;return S.useEffect(()=>{L===!1&&f(!0)},[L]),t.jsx(mn,{onClickAway:()=>y===!1&&!H&&f(!1),children:t.jsx(Zo,{style:C,isDisabled:y,tabIndex:L&&!y?0:void 0,onClick:()=>y===!1&&f(!0),"data-testid":q("currency-amount-field",e),children:t.jsxs(t.Fragment,{children:[$?.amount!=null?t.jsx(Fi,{className:"amount-field",isVisible:L,children:O}):t.jsx(Fi,{className:"amount-field amount-placeholder",isVisible:L,children:o?.name}),t.jsxs(Xo,{isVisible:!L,children:[t.jsx(zo,{type:"number",name:`${e}.amount`,defaultValue:r?.amount,placeholder:o?.amount,returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:T=>T!=null?T>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,isDisabled:c,style:{display:"flex",flexGrow:1,width:Mi.amounWidth.valuePercentage(s),cursor:"inherit"},bgColor:x.colors.background,isFieldError:I,shouldHighlightZeroAmount:!0}),L?null:t.jsx(Qo,{}),t.jsx(Uo,{name:`${e}.currency`,registerOptions:{validate:T=>T!=null&&T.selectedOption!=null},defaultValue:{allOptions:m.map(T=>({label:s==="small"?T.currencyCode:`${T.currencyCode} - ${T.currency}`,value:T.currencyCode,countryCode:T.countryCode})),selectedOption:r?.currencyCode},controlStyle:{justifyContent:"flex-start",backgroundColor:x.colors.background},isDisabled:c,style:{width:Mi.currencyWidth.valuePercentage(s),flexGrow:1},isOptionRemovable:!1})]})]})})})}const Xo=n.div`
+`,Mi={amounWidth:new d(50,30),currencyWidth:new d(50,70)};function Jo({name:e,placeHolder:o,defaultValue:a,isDisabled:c,showAmountCurrencyError:p,style:C,allCurrencies:m}){const[v,f]=S.useState(!1),{getValues:l,formState:{errors:k}}=nt(),x=xt(),s=Re(),y=c!=null,$=l(e),P=`${$?.amount} ${$?.currency?.selectedOption}`,I=Te(k,e)&&Lt(k,`${e}.amount`)!=null,R=Te(k,e)&&Lt(k,`${e}.currency`)!=null,H=p===!0?I||R:!1,L=!H&&v===!1;return S.useEffect(()=>{L===!1&&f(!0)},[L]),t.jsx(pn,{onClickAway:()=>y===!1&&!H&&f(!1),children:t.jsx(Zo,{style:C,isDisabled:y,tabIndex:L&&!y?0:void 0,onClick:()=>y===!1&&f(!0),"data-testid":q("currency-amount-field",e),children:t.jsxs(t.Fragment,{children:[$?.amount!=null?t.jsx(Fi,{className:"amount-field",isVisible:L,children:P}):t.jsx(Fi,{className:"amount-field amount-placeholder",isVisible:L,children:o?.name}),t.jsxs(Xo,{isVisible:!L,children:[t.jsx(Mo,{type:"number",name:`${e}.amount`,defaultValue:a?.amount,placeholder:o?.amount,returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:T=>T!=null?T>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,isDisabled:c,style:{display:"flex",flexGrow:1,width:Mi.amounWidth.valuePercentage(s),cursor:"inherit"},bgColor:x.colors.background,isFieldError:I,shouldHighlightZeroAmount:!0}),L?null:t.jsx(ea,{}),t.jsx(Vo,{name:`${e}.currency`,registerOptions:{validate:T=>T!=null&&T.selectedOption!=null},defaultValue:{allOptions:m.map(T=>({label:s==="small"?T.currencyCode:`${T.currencyCode} - ${T.currency}`,value:T.currencyCode,countryCode:T.countryCode})),selectedOption:a?.currencyCode},controlStyle:{justifyContent:"flex-start",backgroundColor:x.colors.background},isDisabled:c,style:{width:Mi.currencyWidth.valuePercentage(s),flexGrow:1},isOptionRemovable:!1})]})]})})})}const Xo=n.div`
   display: ${e=>e.isVisible?"flex":"none"};
   width: 100%;
   input {
@@ -22,10 +22,10 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   input {
     text-align: right;
   }
-`,Qo=n.div`
+`,ea=n.div`
   background-color: ${e=>e.theme.colors.grey5};
   min-width: ${i.sp3};
-`,Fi=n(yn)`
+`,Fi=n(bn)`
   display: ${e=>e.isVisible?"flex":"none"};
   padding: 0 ${i.sp3};
   border-radius: ${i.sp1};
@@ -37,7 +37,7 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   &.amount-placeholder {
     color: ${e=>e.theme.colors.grey1};
   }
-`,Ue={width:new d(343,580,726),height:new d(a[6],a[6]),controlHeight:new d(a[6],a[6]),paddingTopBottom:new d(a[2],a[2]),marginRight:new d(a[2],a[2]),labelMarginLeft:new d(a[3],a[4]),labelMarginRight:new d(a[3],a[4]),labelMarginTop:new d(a[2],a[2])},In={infoLabel:new gi("extraSmallRegular","smallRegular")};function ea({isDisabled:e,label:o,currencyAmountField:r,style:c,errorInfoLabel:p,isAdditionalInfoLabelLoading:C,showAdditionalLabelTooltip:m=!1,additionalLabelTooltip:v,additionalInfoLabel:f,showAdditionalInfoLabel:l=!0}){const k=Le(),{formState:{errors:x}}=nt(),s=Te(x,r.name)&&At(x,`${r.name}.amount`)!=null,y=Te(x,r.name)&&At(x,`${r.name}.currency`)!=null,$=r.showAmountCurrencyError===!0?s||y:!1,O=s||y||$,I=()=>{if(C===!0)return t.jsx(aa,{children:t.jsx(wt,{size:"Small",start:!0})});if(l&&f||$){let R=null;return m===!0&&l&&f&&(R=t.jsx(wn,{placement:k==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(oa,{children:v??""}),children:t.jsx(la,{children:t.jsx(sa,{})})})),t.jsxs(ra,{size:k,isError:$,hasToolTip:m,children:[R,f]})}};return t.jsxs(ta,{size:k,style:c,isDisabled:e!=null,isAmountError:s,isCurrencyError:y,"data-testid":q("labeled-currency-amount-field",r.name),children:[t.jsx(Ao,{isDisabled:e,label:o.label,htmlFor:r.name,style:{marginLeft:Ue.labelMarginLeft.value(k),marginRight:Ue.labelMarginRight.value(k),marginTop:Ue.labelMarginTop.value(k),width:o.width??"auto"}}),t.jsxs(na,{labelWidth:o.width,children:[t.jsx(Jo,{...r,isDisabled:e,style:{flexGrow:1,height:Ue.controlHeight.value(k)}}),O?t.jsx(ia,{size:k,hasError:O,children:p}):null,I()]})]})}const ta=n.div`
+`,Ue={width:new d(343,580,726),height:new d(r[6],r[6]),controlHeight:new d(r[6],r[6]),paddingTopBottom:new d(r[2],r[2]),marginRight:new d(r[2],r[2]),labelMarginLeft:new d(r[3],r[4]),labelMarginRight:new d(r[3],r[4]),labelMarginTop:new d(r[2],r[2])},Tn={infoLabel:new gi("extraSmallRegular","smallRegular")};function ta({isDisabled:e,label:o,currencyAmountField:a,style:c,errorInfoLabel:p,isAdditionalInfoLabelLoading:C,showAdditionalLabelTooltip:m=!1,additionalLabelTooltip:v,additionalInfoLabel:f,showAdditionalInfoLabel:l=!0}){const k=Re(),{formState:{errors:x}}=nt(),s=Te(x,a.name)&&Lt(x,`${a.name}.amount`)!=null,y=Te(x,a.name)&&Lt(x,`${a.name}.currency`)!=null,$=a.showAmountCurrencyError===!0?s||y:!1,P=s||y||$,I=()=>{if(C===!0)return t.jsx(ra,{children:t.jsx(wt,{size:"Small",start:!0})});if(l&&f||$){let R=null;return m===!0&&l&&f&&(R=t.jsx(Sn,{placement:k==="small"?"bottom":"right",maxWidth:"364px",title:t.jsx(aa,{children:v??""}),children:t.jsx(sa,{children:t.jsx(da,{})})})),t.jsxs(la,{size:k,isError:$,hasToolTip:m,children:[R,f]})}};return t.jsxs(ia,{size:k,style:c,isDisabled:e!=null,isAmountError:s,isCurrencyError:y,"data-testid":q("labeled-currency-amount-field",a.name),children:[t.jsx(Bo,{isDisabled:e,label:o.label,htmlFor:a.name,style:{marginLeft:Ue.labelMarginLeft.value(k),marginRight:Ue.labelMarginRight.value(k),marginTop:Ue.labelMarginTop.value(k),width:o.width??"auto"}}),t.jsxs(oa,{labelWidth:o.width,children:[t.jsx(Jo,{...a,isDisabled:e,style:{flexGrow:1,height:Ue.controlHeight.value(k)}}),P?t.jsx(na,{size:k,hasError:P,children:p}):null,I()]})]})}const ia=n.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -104,49 +104,49 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
       background-color: ${e=>e.isCurrencyError?j.importantLight:e.theme.colors.background};
     }
   }
-`,ia=n.label`
+`,na=n.label`
   color: ${e=>e.hasError===!0?j.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
   width: auto;
-  ${e=>`${In.infoLabel.style(e.size)}`};
+  ${e=>`${Tn.infoLabel.style(e.size)}`};
   padding-right: ${i.sp3};
   text-align: right;
-`,na=n.div`
+`,oa=n.div`
   display: flex;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
   justify-content: flex-end;
   flex-direction: column;
   position: relative;
-`,oa=n(hi)`
+`,aa=n(hi)`
   padding: 12px;
   color: ${e=>e.theme.colors.grey1};
   background: ${e=>e.theme.colors.overlayColor};
   border-radius: ${i.sp1};
-`,aa=n.div`
+`,ra=n.div`
   padding-right: ${i.sp3};
   padding-top: ${i.sp1};
   display: flex;
   justify-content: flex-end;
-`,ra=n.label`
+`,la=n.label`
   display: flex;
   justify-content: flex-end;
   color: ${e=>e.isError?j.important:e.theme.colors.hero};
   &:hover {
     color: ${e=>e.isError?j.importantDark:e.theme.colors.primary};
   }
-  ${e=>`${In.infoLabel.style(e.size)}`};
+  ${e=>`${Tn.infoLabel.style(e.size)}`};
   padding-right: ${i.sp3};
   text-align: right;
   margin-top: ${e=>e.hasToolTip===!0?i.sp1:i.sp0};
-`,la=n.div`
+`,sa=n.div`
   display: flex;
   margin-right: ${i.sp2};
   margin-top: 2px;
   align-items: center;
-`,sa=n(Bo)`
+`,da=n(Fo)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: inherit;
-`,he=(e,o)=>`${e}.${o}`,Ot={largeLabelWidth:new d(120,120,160),smallLabelWidth:new d(85,85,160),paddingBottom:new d(a[3],a[2]),autoFillIconLeft:new d(-8,-24)},{dateFormat:da,common:Tn,spendManagement:{reimbursement:{reimbursementDetail:ie}}}=fe.getLocalizedStrings(),{strings:{empty:re}}=Tn,ca=(e,o)=>{const r=e.slice(1);let c=!1;return r.forEach(p=>{p.account?.qboId!=null&&p.account?.qboId===o&&(c=!0)}),c},ua=e=>e.charAt(0).toLowerCase()+e.slice(1),ma=({lineIndex:e,outOfPocket:o,accountList:r,classList:c,merchantList:p,isAddReimbursementDisabled:C,sectionId:m,isReimbursementCommentingEnabled:v,isDisabled:f,autoFields:l=[],accountsHierarchyList:k,classHierarchyList:x,reimbursementId:s,tentativeMerchantName:y,allCurrencies:$,uncategorizedAccounts:O})=>{const I=Le(),R=xt(),H=Mt(),L=ft(),{formState:{errors:T},getValues:B,trigger:te}=nt(),ne=B(he(m,"class")),oe=c.find(h=>h.classId===ne?.selectedOption),Y=he(m,"class"),K=Te(T,Y),F=B(he(m,"account")),J=r.find(h=>h.qboId===F?.selectedOption||h.accountId===F?.selectedOption),_=he(m,"account"),z=Te(T,_);S.useEffect(()=>{ne?.selectedOption!=null&&(oe?.isDeleted===!0||K)&&te(Y)},[ne?.selectedOption,oe?.isDeleted,c,Y,te]),S.useEffect(()=>{F?.selectedOption!=null&&(J?.isDeleted===!0||z)&&te(_)},[F?.selectedOption,J?.isDeleted,r,_,te]);const ae=o.isCategoryUpdateSelected!=null&&o.recommendedAccount!=null&&!o.isCategoryFirstTimeAutofilled&&!ca(o.recommendations,o.account),le=o.isRetainedCategorySelected!=null&&o.retainedAccount!=null,U=Ot.largeLabelWidth.value(I),ce=Ot.smallLabelWidth.value(I),Ee=p.map(h=>h.id??re),ue={application:"dashboard",companyId:R.currentTenant?.companyId,tab:"reimbursement",entityId:s},ge=`dashboard_${R.currentTenant?.companyId}`,se=h=>p.find(ee=>ee.id===h)?.name??h,De=r.find(h=>h.qboId===o.account),je=h=>[O.expense?.qboId,O.income?.qboId].includes(h),Pe=c.find(h=>h.classId===o.class),me={valueContainer:h=>({...h,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})},Oe=h=>r.filter(ee=>ee.qboId===h)[0]?.qboId,pe=h=>c.filter(ee=>ee.classId===h)[0]?.accountingClassNumber,ve=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.tooltip.category.replace("__based__",ua(o?.recommendedAccount?.reason??re)),Ge=Bt(k,o.recommendations);return t.jsxs(t.Fragment,{children:[y!=null||l.includes("merchant")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.merchant`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("merchant",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx(Wo,{isDisabled:f!=null||C?"disabled":void 0,label:{label:ie.merchant,width:U},style:{width:"auto"},creatableSingleSelectField:{name:he(m,"merchant"),placeholder:ie.merchantPlaceholder,defaultValue:{selectedOption:o.merchant??re,allOptions:Ee},registerOptions:{required:!0,validate:h=>!!h.selectedOption}},isOptionRemovable:!0,addIconInCreateLabel:!0,getLabelForId:se})}),t.jsx(Tt,{}),l.includes("transactionDate")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.transactionDate`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("transactionDate",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx(Sn,{isDisabled:f,label:{label:ie.transactionDate,width:U},style:{paddingBottom:Ot.paddingBottom.valuePx(I),width:"auto"},dateField:{name:he(m,"transactionDate"),placeholder:ie.datePlaceholder,defaultValue:o?.transactionDate,dateFormat:da.visual.defaultInput,autoComplete:"off",maxDate:bi(),registerOptions:{required:!0,validate:h=>!!h}}})}),t.jsx(Tt,{}),l.includes("amount")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,isTwoLined:!0,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.amount`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("amount",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx(ea,{isDisabled:f!=null||C?"disabled":void 0,label:{label:ie.amount,width:ce},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:ie.addAmount,name:ie.addAmount},allCurrencies:$,showAmountCurrencyError:!0},showAdditionalInfoLabel:!0,showAdditionalLabelTooltip:!0,additionalLabelTooltip:ie.amountExchangeRateTooltip,isAdditionalInfoLabelLoading:o.isConvertedCurrencyLoading===!0,additionalInfoLabel:!rn(o.homeCurrencyDetails,o.amount)&&o.amount.currencyCode!==Tn.currency.currencyCode&&o.homeCurrencyDetails?.amount!==0?`${Lo("0,0[.]00",o.homeCurrencyDetails)} ${o.homeCurrencyDetails?.currencyCode}`:void 0})}),t.jsx(Tt,{}),l.includes("memo")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.memo`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("memo",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx(pi,{isDisabled:f,label:{label:ie.memo,width:U},style:{width:"auto"},text:{type:"text",name:he(m,"memo"),placeholder:tt(ie.memo),defaultValue:o.memo,autoComplete:"off",options:{pattern:$n}}})}),t.jsx(Tt,{}),l.includes("account")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.account`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("account",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx(si,{label:{label:ie.category,width:U},additionalLabelInfo:J?.isDeleted===!0&&Te(T,he(m,"account"))?ie.deletedCategoryError:void 0,groupedSingleSelectField:{shouldShowChevronIcon:ae||le,name:he(m,"account"),placeholder:ie.categoryPlaceholder,valueToId:h=>Oe(h),defaultValue:{selectedOption:De?.qboId??De?.accountId,allOptions:Ge},style:{width:"100%"},customStyleConfig:me,registerOptions:{required:!0,validate:h=>h?.selectedOption==null?!1:r.find(ee=>ee.qboId===h?.selectedOption||ee.accountId===h?.selectedOption)?.isDeleted===!0?ie.deletedCategoryError:!0}},disableCurrentOption:je,style:{borderBottom:`1px solid ${L.colors.grey3}`,minHeight:i.sp6,boxSizing:"initial"},fullWidthSelect:!0,isLoading:o.isRecommendationLoading,recommendationCheckboxField:ae?{tooltipProps:{text:ve},label:{label:o.recommendedAccount?.accountName??re},checkBoxField:{name:he(m,"isCategoryUpdateSelected"),defaultChecked:!!o.isCategoryUpdateSelected}}:void 0,retainCheckboxField:le?{label:{label:o.retainedAccount?.accountName??re},checkBoxField:{name:he(m,"isRetainedCategorySelected"),defaultChecked:!!o.isRetainedCategorySelected}}:void 0},he(m,"account"))}),l.includes("class")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.class`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("class",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${i.sp2} ${i.sp2}`},children:t.jsx(si,{isLoading:!1,label:{label:ie.department,width:U},additionalLabelInfo:oe?.isDeleted===!0&&Te(T,he(m,"class"))?ie.deletedClassError:void 0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:he(m,"class"),placeholder:tt(ie.department),valueToId:h=>pe(h),defaultValue:{selectedOption:Pe?.classId,allOptions:Ke(x,[])},style:{width:"100%"},customStyleConfig:me,registerOptions:{required:!0,validate:h=>h?.selectedOption==null?!1:c.find(ee=>ee.classId===h?.selectedOption)?.isDeleted===!0?ie.deletedClassError:!0}},style:{borderBottom:`1px solid ${L.colors.grey3}`,borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},fullWidthSelect:!0},he(m,"class"))})]})},ct=n.span`
+`,he=(e,o)=>`${e}.${o}`,Ot={largeLabelWidth:new d(120,120,160),smallLabelWidth:new d(85,85,160),paddingBottom:new d(r[3],r[2]),autoFillIconLeft:new d(-8,-24)},{dateFormat:ca,common:Dn,spendManagement:{reimbursement:{reimbursementDetail:ie}}}=fe.getLocalizedStrings(),{strings:{empty:re}}=Dn,ua=(e,o)=>{const a=e.slice(1);let c=!1;return a.forEach(p=>{p.account?.qboId!=null&&p.account?.qboId===o&&(c=!0)}),c},ma=e=>e.charAt(0).toLowerCase()+e.slice(1),pa=({lineIndex:e,outOfPocket:o,accountList:a,classList:c,merchantList:p,isAddReimbursementDisabled:C,sectionId:m,isReimbursementCommentingEnabled:v,isDisabled:f,autoFields:l=[],accountsHierarchyList:k,classHierarchyList:x,reimbursementId:s,tentativeMerchantName:y,allCurrencies:$,uncategorizedAccounts:P})=>{const I=Re(),R=ht(),H=Bt(),L=xt(),{formState:{errors:T},getValues:B,trigger:te}=nt(),ne=B(he(m,"class")),oe=c.find(h=>h.classId===ne?.selectedOption),Y=he(m,"class"),K=Te(T,Y),F=B(he(m,"account")),Q=a.find(h=>h.qboId===F?.selectedOption||h.accountId===F?.selectedOption),_=he(m,"account"),z=Te(T,_);S.useEffect(()=>{ne?.selectedOption!=null&&(oe?.isDeleted===!0||K)&&te(Y)},[ne?.selectedOption,oe?.isDeleted,c,Y,te]),S.useEffect(()=>{F?.selectedOption!=null&&(Q?.isDeleted===!0||z)&&te(_)},[F?.selectedOption,Q?.isDeleted,a,_,te]);const ae=o.isCategoryUpdateSelected!=null&&o.recommendedAccount!=null&&!o.isCategoryFirstTimeAutofilled&&!ua(o.recommendations,o.account),le=o.isRetainedCategorySelected!=null&&o.retainedAccount!=null,U=Ot.largeLabelWidth.value(I),ce=Ot.smallLabelWidth.value(I),Ee=p.map(h=>h.id??re),ue={application:"dashboard",companyId:R.currentTenant?.companyId,tab:"reimbursement",entityId:s},ge=`dashboard_${R.currentTenant?.companyId}`,se=h=>p.find(ee=>ee.id===h)?.name??h,De=a.find(h=>h.qboId===o.account),je=h=>[P.expense?.qboId,P.income?.qboId].includes(h),Oe=c.find(h=>h.classId===o.class),me={valueContainer:h=>({...h,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})},Pe=h=>a.filter(ee=>ee.qboId===h)[0]?.qboId,pe=h=>c.filter(ee=>ee.classId===h)[0]?.accountingClassNumber,ve=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.tooltip.category.replace("__based__",ma(o?.recommendedAccount?.reason??re)),Ge=zt(k,o.recommendations);return t.jsxs(t.Fragment,{children:[y!=null||l.includes("merchant")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.merchant`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("merchant",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx(Uo,{isDisabled:f!=null||C?"disabled":void 0,label:{label:ie.merchant,width:U},style:{width:"auto"},creatableSingleSelectField:{name:he(m,"merchant"),placeholder:ie.merchantPlaceholder,defaultValue:{selectedOption:o.merchant??re,allOptions:Ee},registerOptions:{required:!0,validate:h=>!!h.selectedOption}},isOptionRemovable:!0,addIconInCreateLabel:!0,getLabelForId:se})}),t.jsx(It,{}),l.includes("transactionDate")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.transactionDate`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("transactionDate",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx($n,{isDisabled:f,label:{label:ie.transactionDate,width:U},style:{paddingBottom:Ot.paddingBottom.valuePx(I),width:"auto"},dateField:{name:he(m,"transactionDate"),placeholder:ie.datePlaceholder,defaultValue:o?.transactionDate,dateFormat:ca.visual.defaultInput,autoComplete:"off",maxDate:bi(),registerOptions:{required:!0,validate:h=>!!h}}})}),t.jsx(It,{}),l.includes("amount")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,isTwoLined:!0,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.amount`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("amount",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx(ta,{isDisabled:f!=null||C?"disabled":void 0,label:{label:ie.amount,width:ce},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:ie.addAmount,name:ie.addAmount},allCurrencies:$,showAmountCurrencyError:!0},showAdditionalInfoLabel:!0,showAdditionalLabelTooltip:!0,additionalLabelTooltip:ie.amountExchangeRateTooltip,isAdditionalInfoLabelLoading:o.isConvertedCurrencyLoading===!0,additionalInfoLabel:!ln(o.homeCurrencyDetails,o.amount)&&o.amount.currencyCode!==Dn.currency.currencyCode&&o.homeCurrencyDetails?.amount!==0?`${zo("0,0[.]00",o.homeCurrencyDetails)} ${o.homeCurrencyDetails?.currencyCode}`:void 0})}),t.jsx(It,{}),l.includes("memo")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.memo`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("memo",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx(pi,{isDisabled:f,label:{label:ie.memo,width:U},style:{width:"auto"},text:{type:"text",name:he(m,"memo"),placeholder:tt(ie.memo),defaultValue:o.memo,autoComplete:"off",options:{pattern:vn}}})}),t.jsx(It,{}),l.includes("account")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.account`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("account",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,children:t.jsx(si,{label:{label:ie.category,width:U},additionalLabelInfo:Q?.isDeleted===!0&&Te(T,he(m,"account"))?ie.deletedCategoryError:void 0,groupedSingleSelectField:{shouldShowChevronIcon:ae||le,name:he(m,"account"),placeholder:ie.categoryPlaceholder,valueToId:h=>Pe(h),defaultValue:{selectedOption:De?.qboId??De?.accountId,allOptions:Ge},style:{width:"100%"},customStyleConfig:me,registerOptions:{required:!0,validate:h=>h?.selectedOption==null?!1:a.find(ee=>ee.qboId===h?.selectedOption||ee.accountId===h?.selectedOption)?.isDeleted===!0?ie.deletedCategoryError:!0}},disableCurrentOption:je,style:{borderBottom:`1px solid ${L.colors.grey3}`,minHeight:i.sp6,boxSizing:"initial"},fullWidthSelect:!0,isLoading:o.isRecommendationLoading,recommendationCheckboxField:ae?{tooltipProps:{text:ve},label:{label:o.recommendedAccount?.accountName??re},checkBoxField:{name:he(m,"isCategoryUpdateSelected"),defaultChecked:!!o.isCategoryUpdateSelected}}:void 0,retainCheckboxField:le?{label:{label:o.retainedAccount?.accountName??re},checkBoxField:{name:he(m,"isRetainedCategorySelected"),defaultChecked:!!o.isRetainedCategorySelected}}:void 0},he(m,"account"))}),l.includes("class")?t.jsx(ct,{children:t.jsx(mt,{windowSize:I,children:t.jsx(ut,{})})}):null,t.jsx(Se,{isThreadAllowed:v&&s!=null,dashboardTabKey:$e({type:"details",key:`${e}.out_of_pocket.class`}),roomId:ge,companyId:R.currentTenant?.companyId??re,companyName:R.currentTenant?.companyName??re,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...ue,entityType:`reimbursement.details.${ke("class",e,"out_of_pocket")}`},fieldThreadTargetElement:H?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${i.sp2} ${i.sp2}`},children:t.jsx(si,{isLoading:!1,label:{label:ie.department,width:U},additionalLabelInfo:oe?.isDeleted===!0&&Te(T,he(m,"class"))?ie.deletedClassError:void 0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:he(m,"class"),placeholder:tt(ie.department),valueToId:h=>pe(h),defaultValue:{selectedOption:Oe?.classId,allOptions:Ke(x,[])},style:{width:"100%"},customStyleConfig:me,registerOptions:{required:!0,validate:h=>h?.selectedOption==null?!1:c.find(ee=>ee.classId===h?.selectedOption)?.isDeleted===!0?ie.deletedClassError:!0}},style:{borderBottom:`1px solid ${L.colors.grey3}`,borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},fullWidthSelect:!0},he(m,"class"))})]})},ct=n.span`
   position: relative;
 `,ut=n(mi)`
   color: ${e=>e.theme.colors.primary};
@@ -157,20 +157,20 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   left: ${e=>Ot.autoFillIconLeft.valuePx(e.windowSize)};
   position: absolute;
   top: ${e=>e.isTwoLined===!0?i.sp5:"22px"};
-`,Tt=n.div`
+`,It=n.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Qe=(e,o)=>`${e}.${o}`,Ve={paddingTop:new d(a[5],a[4]),marginBottom:new d(a[3],a[3]),labelPaddingLeft:new d(a[3],a[4]),buttonWidth:new d(70,70),containerRightMargin:new d(a[3],a[8]),containerLeftMargin:new d(a[3],a[6]),deleteConfirmationTextMarginBottom:new d(a[2],a[0])},G=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,pa=({lineData:e,currencyConversionState:o,recommendationFetchState:r,remiStage:c,lineIndex:p,accountList:C,classList:m,merchantList:v,hasFile:f,defaultCurrency:l,hasMultipleLineItems:k,fileRequiredLineIds:x,duplicateLineDetails:s,remiStatus:y,sectionId:$,isDisabled:O,isReimbursementCommentingEnabled:I,isAddReimbursementDisabled:R,style:H,autoFields:L=[],analytics:T,reimbursementId:B,tentativeMerchantName:te,companyMileageConfigInfo:ne,uncategorizedAccounts:oe,removeDuplicateReimbursementForLine:Y,scrollToSection:K,onDuplicateLineClick:F,onRemoveReimbursement:J,clearTentativeNameForLine:_,allCurrencies:z,accountsHierarchyList:ae,classHierarchyList:le})=>{const U=Le(),ce=xt(),Ee=Mt(),ue=fe.getLocalizedStrings().common.strings.empty,ge={application:"dashboard",companyId:ce.currentTenant?.companyId,tab:"reimbursement",entityId:B},se=`dashboard_${ce.currentTenant?.companyId}`,{getValues:De}=nt(),[je,Pe]=S.useState(!1),me=De(Qe($,"reimbursementType"));return t.jsxs(wa,{style:H,windowSize:U,children:[t.jsxs(ga,{hasFile:f,windowSize:U,showDeleteConfirmation:je,children:[t.jsx($a,{windowSize:U,children:k?`#${p+1} ${G.reimbursement}`:G.reimbursement}),je?t.jsxs(xa,{windowSize:U,children:[t.jsx(fa,{windowSize:U,children:G.deleteConfirmation}),t.jsxs(ha,{children:[t.jsx(Pi,{label:G.buttons.cancel,onClick:()=>Pe(!1),style:{width:Ve.buttonWidth.value(U),marginLeft:U==="small"?i.sp0:i.sp4,marginRight:i.sp3},size:"small",variant:"secondary","data-testid":q("delete-remi-button",G.buttons.cancel)}),t.jsx(Pi,{label:G.buttons.remove,onClick:()=>{T?.trackReimbursementDeleteReimbursementLine(e.lineId,B),_?.(e.lineId??"1"),Pe(!1),Y(e.lineId),J(p)},style:{width:Ve.buttonWidth.value(U)},size:"small",variant:"danger","data-testid":q("delete-remi-button",G.buttons.remove)})]})]}):k&&(c==="draft"||y==="rejected")?t.jsx(ya,{className:"deleteIconWrapper",windowSize:U,onClick:()=>Pe(!0),"data-testid":q("delete-remi-button",e.lineId),children:t.jsx(wn,{enterDelay:600,title:G.deleteReimbursement,placement:"top-end",children:t.jsx(ba,{})})}):null]}),x.includes(e.lineId)?t.jsx(cn,{title:G.missingReceipt,description:G.missingReceiptDescription,style:{marginBottom:i.sp3}}):null,t.jsxs(va,{windowSize:U,children:[s?.duplicateLineId!=null?t.jsxs(Sa,{children:[G.thisExpense," ",s.isDuplicateWithinTransaction?t.jsx(Ei,{"data-testid":q("view-duplicate-transaction-expense"),onClick:()=>(T?.trackReimbursementViewDuplicateExpense(!0,B),K(s.duplicateLineId)),children:G.viewOriginalExpense}):t.jsx(Ei,{"data-testid":q("view-duplicate-expense"),onClick:()=>{s.duplicateTransactionId!=null&&s.duplicateLineId!=null&&(T?.trackReimbursementViewDuplicateExpense(!1,B),F(s.duplicateTransactionId,s.duplicateLineId))},children:G.viewOriginalExpense})]}):null,t.jsx(Se,{isThreadAllowed:I&&B!=null,dashboardTabKey:$e({type:"details",key:me===G.mileageKey?`${p}.mileage.reimbursementType`:`${p}.out_of_pocket.reimbursementType`}),roomId:se,companyId:ce.currentTenant?.companyId??ue,companyName:ce.currentTenant?.companyName??ue,entityId:B,dashboardOptionType:"reimbursement",filterMetaData:{...ge,entityType:`reimbursement.details.${ke("reimbursementType",p,me===G.mileageKey?"mileage":"out_of_pocket")}`},fieldThreadTargetElement:Ee?.sharedRef?.contentWrapperRef,style:{borderRadius:s?.duplicateLineId!=null?"0 0 0 0":`${i.sp2} ${i.sp2} 0 0`},children:t.jsxs(ka,{isDisabled:O!=null,haveBorderRadius:s?.duplicateLineId==null,children:[t.jsx(Oi,{isDisabled:O!=null||R?"disabled":void 0,isContainerClickable:!0,label:{label:G.outOfPocket},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ve.labelPaddingLeft.value(U),borderTopLeftRadius:"inherit"},showOutline:!(I&&B!=null),radioField:{name:Qe($,"reimbursementType"),id:`${Qe($,"reimbursementType")}.${G.outOfPocketKey}`,value:G.outOfPocketKey}}),t.jsx(Ca,{}),t.jsx(Oi,{isDisabled:O!=null||R?"disabled":void 0,isContainerClickable:!0,label:{label:G.mileage},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ve.labelPaddingLeft.value(U),borderTopRightRadius:"inherit"},showOutline:!(I&&B!=null),radioField:{name:Qe($,"reimbursementType"),id:`${Qe($,"reimbursementType")}.${G.mileageKey}`,value:G.mileageKey}})]})}),t.jsx(Ia,{}),me===G.outOfPocketKey?t.jsx(ma,{lineIndex:p,reimbursementId:B,uncategorizedAccounts:oe,isReimbursementCommentingEnabled:I,isDisabled:O,outOfPocket:{transactionDate:e.outOfPocket.transactionDate!=null?it(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($,"outOfPocket"),accountList:C,classList:m,autoFields:L,merchantList:v,tentativeMerchantName:te,allCurrencies:z,isAddReimbursementDisabled:R,accountsHierarchyList:ae,classHierarchyList:le}):t.jsx(Yo,{lineIndex:p,reimbursementId:B,isReimbursementCommentingEnabled:I,isDisabled:O,mileage:{transactionDate:e.mileage.transactionDate!=null?it(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($,"mileage"),companyMileageConfigInfo:ne,defaultCurrency:l,isAddReimbursementDisabled:R,classHierarchyList:le})]})]})},ha=n.div``,ga=n.div`
+`,Ze=(e,o)=>`${e}.${o}`,Ve={paddingTop:new d(r[5],r[4]),marginBottom:new d(r[3],r[3]),labelPaddingLeft:new d(r[3],r[4]),buttonWidth:new d(70,70),containerRightMargin:new d(r[3],r[8]),containerLeftMargin:new d(r[3],r[6]),deleteConfirmationTextMarginBottom:new d(r[2],r[0])},G=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,ha=({lineData:e,currencyConversionState:o,recommendationFetchState:a,remiStage:c,lineIndex:p,accountList:C,classList:m,merchantList:v,hasFile:f,defaultCurrency:l,hasMultipleLineItems:k,fileRequiredLineIds:x,duplicateLineDetails:s,remiStatus:y,sectionId:$,isDisabled:P,isReimbursementCommentingEnabled:I,isAddReimbursementDisabled:R,style:H,autoFields:L=[],analytics:T,reimbursementId:B,tentativeMerchantName:te,companyMileageConfigInfo:ne,uncategorizedAccounts:oe,removeDuplicateReimbursementForLine:Y,scrollToSection:K,onDuplicateLineClick:F,onRemoveReimbursement:Q,clearTentativeNameForLine:_,allCurrencies:z,accountsHierarchyList:ae,classHierarchyList:le})=>{const U=Re(),ce=ht(),Ee=Bt(),ue=fe.getLocalizedStrings().common.strings.empty,ge={application:"dashboard",companyId:ce.currentTenant?.companyId,tab:"reimbursement",entityId:B},se=`dashboard_${ce.currentTenant?.companyId}`,{getValues:De}=nt(),[je,Oe]=S.useState(!1),me=De(Ze($,"reimbursementType"));return t.jsxs(Sa,{style:H,windowSize:U,children:[t.jsxs(ya,{hasFile:f,windowSize:U,showDeleteConfirmation:je,children:[t.jsx(va,{windowSize:U,children:k?`#${p+1} ${G.reimbursement}`:G.reimbursement}),je?t.jsxs(wa,{windowSize:U,children:[t.jsx(xa,{windowSize:U,children:G.deleteConfirmation}),t.jsxs(ga,{children:[t.jsx(Oi,{label:G.buttons.cancel,onClick:()=>Oe(!1),style:{width:Ve.buttonWidth.value(U),marginLeft:U==="small"?i.sp0:i.sp4,marginRight:i.sp3},size:"small",variant:"secondary","data-testid":q("delete-remi-button",G.buttons.cancel)}),t.jsx(Oi,{label:G.buttons.remove,onClick:()=>{T?.trackReimbursementDeleteReimbursementLine(e.lineId,B),_?.(e.lineId??"1"),Oe(!1),Y(e.lineId),Q(p)},style:{width:Ve.buttonWidth.value(U)},size:"small",variant:"danger","data-testid":q("delete-remi-button",G.buttons.remove)})]})]}):k&&(c==="draft"||y==="rejected")?t.jsx(ba,{className:"deleteIconWrapper",windowSize:U,onClick:()=>Oe(!0),"data-testid":q("delete-remi-button",e.lineId),children:t.jsx(Sn,{enterDelay:600,title:G.deleteReimbursement,placement:"top-end",children:t.jsx(fa,{})})}):null]}),x.includes(e.lineId)?t.jsx(un,{title:G.missingReceipt,description:G.missingReceiptDescription,style:{marginBottom:i.sp3}}):null,t.jsxs(Ca,{windowSize:U,children:[s?.duplicateLineId!=null?t.jsxs($a,{children:[G.thisExpense," ",s.isDuplicateWithinTransaction?t.jsx(Ei,{"data-testid":q("view-duplicate-transaction-expense"),onClick:()=>(T?.trackReimbursementViewDuplicateExpense(!0,B),K(s.duplicateLineId)),children:G.viewOriginalExpense}):t.jsx(Ei,{"data-testid":q("view-duplicate-expense"),onClick:()=>{s.duplicateTransactionId!=null&&s.duplicateLineId!=null&&(T?.trackReimbursementViewDuplicateExpense(!1,B),F(s.duplicateTransactionId,s.duplicateLineId))},children:G.viewOriginalExpense})]}):null,t.jsx(Se,{isThreadAllowed:I&&B!=null,dashboardTabKey:$e({type:"details",key:me===G.mileageKey?`${p}.mileage.reimbursementType`:`${p}.out_of_pocket.reimbursementType`}),roomId:se,companyId:ce.currentTenant?.companyId??ue,companyName:ce.currentTenant?.companyName??ue,entityId:B,dashboardOptionType:"reimbursement",filterMetaData:{...ge,entityType:`reimbursement.details.${ke("reimbursementType",p,me===G.mileageKey?"mileage":"out_of_pocket")}`},fieldThreadTargetElement:Ee?.sharedRef?.contentWrapperRef,style:{borderRadius:s?.duplicateLineId!=null?"0 0 0 0":`${i.sp2} ${i.sp2} 0 0`},children:t.jsxs(Ia,{isDisabled:P!=null,haveBorderRadius:s?.duplicateLineId==null,children:[t.jsx(Pi,{isDisabled:P!=null||R?"disabled":void 0,isContainerClickable:!0,label:{label:G.outOfPocket},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ve.labelPaddingLeft.value(U),borderTopLeftRadius:"inherit"},showOutline:!(I&&B!=null),radioField:{name:Ze($,"reimbursementType"),id:`${Ze($,"reimbursementType")}.${G.outOfPocketKey}`,value:G.outOfPocketKey}}),t.jsx(ka,{}),t.jsx(Pi,{isDisabled:P!=null||R?"disabled":void 0,isContainerClickable:!0,label:{label:G.mileage},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ve.labelPaddingLeft.value(U),borderTopRightRadius:"inherit"},showOutline:!(I&&B!=null),radioField:{name:Ze($,"reimbursementType"),id:`${Ze($,"reimbursementType")}.${G.mileageKey}`,value:G.mileageKey}})]})}),t.jsx(Ta,{}),me===G.outOfPocketKey?t.jsx(pa,{lineIndex:p,reimbursementId:B,uncategorizedAccounts:oe,isReimbursementCommentingEnabled:I,isDisabled:P,outOfPocket:{transactionDate:e.outOfPocket.transactionDate!=null?it(e.outOfPocket.transactionDate.toDateString()):void 0,account:e.outOfPocket.account.selectedOption,isConvertedCurrencyLoading:o?.fetchState==="In-Progress",isRecommendationLoading:a==="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:Ze($,"outOfPocket"),accountList:C,classList:m,autoFields:L,merchantList:v,tentativeMerchantName:te,allCurrencies:z,isAddReimbursementDisabled:R,accountsHierarchyList:ae,classHierarchyList:le}):t.jsx(Qo,{lineIndex:p,reimbursementId:B,isReimbursementCommentingEnabled:I,isDisabled:P,mileage:{transactionDate:e.mileage.transactionDate!=null?it(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:Ze($,"mileage"),companyMileageConfigInfo:ne,defaultCurrency:l,isAddReimbursementDisabled:R,classHierarchyList:le})]})]})},ga=n.div``,ya=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"};
   justify-content: ${e=>e.windowSize==="small"?e.showDeleteConfirmation?"center":"flex-end":"space-between"};
   margin-bottom: ${i.sp3};
   align-items: center;
-`,ya=n.div`
+`,ba=n.div`
   width: ${i.sp3};
   height: ${i.sp3};
   cursor: pointer;
@@ -182,18 +182,18 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
 `,Ei=n.span`
   border-bottom: 1px solid currentColor;
   cursor: pointer;
-`,ba=n(Oo)`
+`,fa=n(Lo)`
   width: ${i.sp3};
   height: ${i.sp3};
   cursor: pointer;
-`,fa=n.div`
+`,xa=n.div`
   margin-bottom: ${e=>Ve.deleteConfirmationTextMarginBottom.valuePx(e.windowSize)};
-`,xa=n(yi)`
+`,wa=n(yi)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   align-items: center;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,wa=n.div`
+`,Sa=n.div`
   display: flex;
   flex-direction: column;
   padding-top: ${e=>Ve.paddingTop.valuePx(e.windowSize)};
@@ -209,16 +209,16 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
       display: block;
     }
   }
-`,Sa=n(Ro)`
+`,$a=n(Ao)`
   padding: ${i.sp2} ${i.sp0} ${i.sp2} ${i.sp4};
   background-color: ${j.alertLight};
   color: ${j.brandColorGoldDark};
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
-`,$a=n(Ft)`
+`,va=n(Mt)`
   color: ${e=>e.theme.colors.primary};
   display: ${e=>e.windowSize==="small"?"none":"unset"};
-`,va=n.div`
+`,Ca=n.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -226,49 +226,49 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${i.sp2};
   margin-bottom: ${e=>Ve.marginBottom.valuePx(e.windowSize)};
-`,Ca=n.div`
+`,ka=n.div`
   background-color: ${e=>e.theme.colors.grey3};
   min-width: 1px;
   max-width: 1px;
-`,ka=n.div`
+`,Ia=n.div`
   display: flex;
   flex-direction: row;
   border-top-left-radius: ${e=>e.haveBorderRadius?"inherit":"unset"};
   border-top-right-radius: ${e=>e.haveBorderRadius?"inherit":"unset"};
-`,Ia=n.div`
+`,Ta=n.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Ta=(e,o)=>`${e}.${o}`,pt={labelWidth:new d(120,160,160),paddingBottom:new d(a[3],a[3]),paddingTop:new d(12,a[3]),marginBottom:new d(12,a[3]),containerRightMargin:new d(a[3],a[8]),containerLeftMargin:new d(a[3],a[6])},Dn=({isReimbursementCommentingEnabled:e,sectionId:o,isDisabled:r,reportTitle:c,reimbursementId:p,style:C})=>{const m=Le(),v=xt(),f=Mt(),l=`dashboard_${v.currentTenant?.companyId}`,k=fe.getLocalizedStrings(),x=k.spendManagement.reimbursement.reimbursementDetail,s=k.common.strings.empty,y=pt.labelWidth.value(m);return t.jsxs(Da,{style:C,windowSize:m,children:[t.jsx(Pa,{windowSize:m,children:x.whatFor}),t.jsx(ja,{children:t.jsx(Se,{isThreadAllowed:e&&p!=null,dashboardTabKey:$e({type:"details",key:"whatFor"}),roomId:l,companyId:v.currentTenant?.companyId??s,companyName:v.currentTenant?.companyName??s,entityId:p,dashboardOptionType:"reimbursement",filterMetaData:{application:"dashboard",companyId:v.currentTenant?.companyId,tab:"reimbursement",entityId:p,entityType:"reimbursement.details.whatFor"},fieldThreadTargetElement:f?.sharedRef?.contentWrapperRef,style:{borderRadius:i.sp2},children:t.jsx(pi,{isDisabled:r,label:{label:x.reportTitle,width:y},text:{type:"text",name:Ta(o,"reportTitle"),placeholder:x.lunchWithClient,defaultValue:c,autoComplete:"off",options:{required:!0,validate:$=>!!$}},style:{width:"auto",borderRadius:i.sp2}})})})]})},Da=n.div`
+`,Da=(e,o)=>`${e}.${o}`,pt={labelWidth:new d(120,160,160),paddingBottom:new d(r[3],r[3]),paddingTop:new d(12,r[3]),marginBottom:new d(12,r[3]),containerRightMargin:new d(r[3],r[8]),containerLeftMargin:new d(r[3],r[6])},jn=({isReimbursementCommentingEnabled:e,sectionId:o,isDisabled:a,reportTitle:c,reimbursementId:p,style:C})=>{const m=Re(),v=ht(),f=Bt(),l=`dashboard_${v.currentTenant?.companyId}`,k=fe.getLocalizedStrings(),x=k.spendManagement.reimbursement.reimbursementDetail,s=k.common.strings.empty,y=pt.labelWidth.value(m);return t.jsxs(ja,{style:C,windowSize:m,children:[t.jsx(Pa,{windowSize:m,children:x.whatFor}),t.jsx(Oa,{children:t.jsx(Se,{isThreadAllowed:e&&p!=null,dashboardTabKey:$e({type:"details",key:"whatFor"}),roomId:l,companyId:v.currentTenant?.companyId??s,companyName:v.currentTenant?.companyName??s,entityId:p,dashboardOptionType:"reimbursement",filterMetaData:{application:"dashboard",companyId:v.currentTenant?.companyId,tab:"reimbursement",entityId:p,entityType:"reimbursement.details.whatFor"},fieldThreadTargetElement:f?.sharedRef?.contentWrapperRef,style:{borderRadius:i.sp2},children:t.jsx(pi,{isDisabled:a,label:{label:x.reportTitle,width:y},text:{type:"text",name:Da(o,"reportTitle"),placeholder:x.lunchWithClient,defaultValue:c,autoComplete:"off",options:{required:!0,validate:$=>!!$}},style:{width:"auto",borderRadius:i.sp2}})})})]})},ja=n.div`
   display: flex;
   flex-direction: column;
   padding-top: ${e=>pt.paddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>pt.paddingBottom.valuePx(e.windowSize)};
   margin-right: ${e=>pt.containerRightMargin.valuePx(e.windowSize)};
   margin-left: ${e=>pt.containerLeftMargin.valuePx(e.windowSize)};
-`,ja=n.div`
+`,Oa=n.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${i.sp2};
-`,Pa=n(Ft)`
+`,Pa=n(Mt)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${e=>pt.marginBottom.valuePx(e.windowSize)};
-`,E={largeLabelWidth:new d(120,120,220),marginTop:new d(28,8),paymentToMarginTop:new d(0,a[4]),marginBottom:new d(a[5],a[4]),paymentToMarginBottom:new d(12,a[3]),totalMarginBottom:new d(a[3],a[3]),reimbursementSectionLeftMargin:new d(a[3],a[6]),reimbursementSectionRightMargin:new d(a[3],a[8]),invoiceSectionLeftMargin:new d(a[3],a[8]),invoiceSectionRightMargin:new d(a[3],a[6]),rightSectionWidth:new d(100,58),firstOrLastItemHeight:new d(390,760),itemHeight:new d(390,459),duplicateBannerWrapperMarginTop:new d(a[5],a[3]),duplicateBannerWrapperMarginRight:new d(a[3],a[8]),duplicateBannerWrapperMarginBottom:new d(a[5],a[3]),duplicateBannerWrapperMarginLeft:new d(a[3],a[6])},Oa={total:new gi("largeMedium","h6Medium")},{spendManagement:{reimbursement:{reimbursementDetail:V},billPay:{vendorCreation:{achDetails:Dt}}},common:{currency:{currencyCode:jt}}}=fe.getLocalizedStrings(),jn=e=>{let o=0,r=jt;if("recommendationFetchState"in e&&e.recommendationFetchState!=null){const c=e;o=c.outOfPocket.amount??0,r=c.outOfPocket.currencyCode??jt}else{const c=e;o=c.outOfPocket.amount?.amount??0,r=c.outOfPocket.amount?.currencyCode??jt}return(e.homeCurrencyConversions?.currencyCode??jt)!==r&&(o=e.homeCurrencyConversions?.amount??0),o},Ra=({remiUploadStatus:e,progressSectionObj:o,reimbursementId:r,createDate:c,scheduleDate:p,paymentDate:C,hasDuplicateLine:m,approvedDate:v,isFirstOrLastListItem:f,index:l,reimbursementSectionRef:k,showSkipAutoFill:x,lineData:s,currencyConversionState:y,authParams:$,uploadInvoiceEndPoint:O,accountList:I,classList:R,merchantList:H,remiStage:L,autoFieldsByLineId:T,isReimbursementCommentingEnabled:B,isAutoFieldsExist:te,totalAmount:ne,showTotalAmountLoader:oe,totalNumberOfLines:Y,defaultCurrency:K,bankAccounts:F,fileRequiredLineIds:J,isAddReimbursementDisabled:_,duplicateLineByLineId:z,remiStatus:ae,file:le,uncategorizedAccounts:U,reportTitle:ce,recommendationFetchState:Ee,tentativeMerchantName:ue,paymentTo:ge,analytics:se,companyMileageConfigInfo:De,loggedInUserDepartmentId:je,isSignedInUserReimbursementCreator:Pe,setShowBankAccountPage:me,setRefByLineId:Oe,setCurrentLineIdForUpload:pe,onDuplicateLineClick:ve,setUploadedReceiptPayload:Ge,removeDuplicateReimbursementForLine:h,onReceiptsUpload:ee,scrollToSection:ot,onRemoveReimbursement:at,onAddReimbursement:Ne,clearTentativeNameForLine:Re,onReplaceClick:Ye,onDeleteBankAccount:Ae,updateInvoiceUploadFetchState:qe,removeFileFromLine:He,allCurrencies:Je,accountsHierarchyList:Xe,classHierarchyList:de})=>{const{formState:{errors:rt}}=nt(),lt=S.useRef(null);S.useEffect(()=>(Oe(P=>({...P,[`L${s.lineId}`]:lt.current})),()=>{Oe(P=>({...P,[`L${s.lineId}`]:null}))}),[s.lineId,Oe]);const X=Le(),ze=L==="draft"?V.newReimbursementTitle:V.editReimbursementTitle,N=E.largeLabelWidth.value(X),xe=P=>P.outOfPocket.account.selectedOption==null&&(P.outOfPocket.amount==null||P.outOfPocket.amount.amount==0)&&(P.outOfPocket.class.selectedOption==null||P.outOfPocket.class.selectedOption===je)&&(P.outOfPocket.memo===""||P.outOfPocket.memo==null)&&P.outOfPocket.merchant.selectedOption==null&&P.outOfPocket.transactionDate==null,st=F.map(P=>P.bankAccountId),St=s.reimbursementType===V.outOfPocketKey&&jn(s)>=75&&le==null;return t.jsxs(Xa,{ref:k,windowSize:X,children:[t.jsx(Za,{ref:P=>{P!=null&&(lt.current=P)},windowSize:X,bottomSeperator:Y!==1,showSkipAutoFill:x,isFirstItem:l===0,children:t.jsx(kn,{customError:St?V.requireReceipt:void 0,analytics:se,showAutofill:!1,uploadInvoiceEndPoint:O,authParams:$,entityId:_?"":void 0,file:le,style:{width:"auto",padding:0,height:f?E.firstOrLastItemHeight.valuePx(X):E.itemHeight.valuePx(X),margin:X==="small"?i.sp0:void 0},updateInvoiceUploadFetchState:qe,onInvoiceUpload:P=>{s.reimbursementType===V.outOfPocketKey&&!xe(s)?(pe(Number(s.lineId)),Ge(P),Ye?.()):ee(P,Number(s.lineId),!0)},dropFilePlaceholder:{upload:V.dropReceipt.upload,receipt:V.dropReceipt.receipt},showInfoText:!1,showTitlebar:!0,showTitlebarIcon:!_,pdfTitle:Y>1?`#${l+1} Receipt`:"Receipt",onDeleteClick:()=>{qe?.("In-Progress"),setTimeout(()=>He?.(Number(s.lineId)))},onReplaceClick:()=>{pe(Number(s.lineId)),Ye?.()},allowMultiFiles:Y===l+1,type:"reimbursement"})}),t.jsxs(Ja,{windowSize:X,children:[l===0&&X!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(Wa,{children:ze}),t.jsx(Qa,{children:t.jsx(Io,{progressSectionObj:o,createDate:c,paymentDate:C,scheduleDate:p,approvedDate:v,isBillUploaded:r!=null?!0:e==="Completed"})}),te&&t.jsxs(za,{children:[t.jsx(La,{}),t.jsx(Na,{children:V.banner})]}),m&&t.jsxs(Ba,{size:X,children:[t.jsx(Aa,{}),t.jsxs(Fa,{children:[t.jsx(Ma,{children:V.thereSeems}),t.jsx(Ea,{children:V.pleaseFind})]})]}),t.jsx(Dn,{isReimbursementCommentingEnabled:B,sectionId:zt,reportTitle:ce,reimbursementId:r})]}):null,t.jsx(pa,{analytics:se,reimbursementId:r,onDuplicateLineClick:ve,uncategorizedAccounts:U,sectionId:`${fi}.${l}`,scrollToSection:ot,lineIndex:l,lineData:s,accountList:I,classList:R,merchantList:H,autoFields:s.lineId!=null?T[s.lineId]:[],currencyConversionState:y,recommendationFetchState:Ee,onRemoveReimbursement:at,hasMultipleLineItems:Y>1,clearTentativeNameForLine:Re,tentativeMerchantName:ue,hasFile:le!=null,companyMileageConfigInfo:De,defaultCurrency:K,remiStage:L,remiStatus:ae,fileRequiredLineIds:J,allCurrencies:Je,isReimbursementCommentingEnabled:B,isAddReimbursementDisabled:_,accountsHierarchyList:Xe,classHierarchyList:de,duplicateLineDetails:z[s.lineId],removeDuplicateReimbursementForLine:h}),Y!==1&&Y===l+1&&t.jsxs(t.Fragment,{children:[t.jsxs(Va,{windowSize:X,children:[t.jsx(_a,{children:V.total}),oe?t.jsx(qa,{windowSize:X,children:t.jsx(Ha,{children:t.jsx(wt,{size:"Standard",start:!0,style:{display:"flex"}})})}):t.jsx(hn,{amount:Cn(ne,"USD","$"),integerStyles:Lt.h6Regular.cssObject,decimalStyles:Lt.standardRegular.cssObject})]}),t.jsxs(Ga,{windowSize:X,onClick:()=>{_===!1&&Ne()},isDisabled:_,"data-testid":q("add-reimbursement-row"),children:[t.jsx(Wi,{}),t.jsx(Ni,{children:V.addReimbursement})]}),Pe?t.jsxs(t.Fragment,{children:[t.jsx(Ua,{windowSize:X,children:V.receivePaymentTo}),t.jsx(Ka,{windowSize:X,shouldDisplay:F.length>0,children:t.jsx(gn,{label:{label:V.yourBankAccount,width:N},style:{width:"auto"},singleSelectField:{singleSelect:{name:bt,placeholder:tt(V.yourBankAccount),showValueEyeIcon:!_,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:Ae,getTooltipInfo:P=>Pn(F,P),onClickCreateBankAccount:()=>me(!0),getLabelForId:P=>Rn(F,P),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:_?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:ge,allOptions:st},registerOptions:{required:!0,validate:P=>!!P.selectedOption}},isFunctional:!0})}),t.jsxs(Ya,{shouldDisplay:F.length===0,windowSize:X,hasError:Te(rt,bt),onClick:()=>{_===!1&&me(!0)},isDisabled:_,"data-testid":q("remi-add-bank-account-container"),children:[t.jsx(Wi,{}),t.jsx(Ni,{children:V.addBankAccount})]})]}):null]})]})]})},Pn=(e,o)=>{const r=On(e,o);return r==null?`${Dt.bankRoutingNumber} ${V.emptyValue}
-  ${Dt.bankAccountNumber} ${V.emptyValue}`:`${Dt.bankRoutingNumber} ${r.bankRoutingNumberAch??V.emptyValue}, ${r.bankName??V.emptyValue}
-  ${Dt.bankAccountNumber} ${r.bankAccountNumber??V.emptyValue}`},On=(e,o)=>e.find(r=>r.bankAccountId===o),Rn=(e,o)=>{const r=On(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},La=n(mi)`
+`,E={largeLabelWidth:new d(120,120,220),marginTop:new d(28,8),paymentToMarginTop:new d(0,r[4]),marginBottom:new d(r[5],r[4]),paymentToMarginBottom:new d(12,r[3]),totalMarginBottom:new d(r[3],r[3]),reimbursementSectionLeftMargin:new d(r[3],r[6]),reimbursementSectionRightMargin:new d(r[3],r[8]),invoiceSectionLeftMargin:new d(r[3],r[8]),invoiceSectionRightMargin:new d(r[3],r[6]),rightSectionWidth:new d(100,58),firstOrLastItemHeight:new d(390,760),itemHeight:new d(390,459),duplicateBannerWrapperMarginTop:new d(r[5],r[3]),duplicateBannerWrapperMarginRight:new d(r[3],r[8]),duplicateBannerWrapperMarginBottom:new d(r[5],r[3]),duplicateBannerWrapperMarginLeft:new d(r[3],r[6])},Ra={total:new gi("largeMedium","h6Medium")},{spendManagement:{reimbursement:{reimbursementDetail:V},billPay:{vendorCreation:{achDetails:Tt}}},common:{currency:{currencyCode:Dt}}}=fe.getLocalizedStrings(),On=e=>{let o=0,a=Dt;if("recommendationFetchState"in e&&e.recommendationFetchState!=null){const c=e;o=c.outOfPocket.amount??0,a=c.outOfPocket.currencyCode??Dt}else{const c=e;o=c.outOfPocket.amount?.amount??0,a=c.outOfPocket.amount?.currencyCode??Dt}return(e.homeCurrencyConversions?.currencyCode??Dt)!==a&&(o=e.homeCurrencyConversions?.amount??0),o},La=({remiUploadStatus:e,progressSectionObj:o,reimbursementId:a,createDate:c,scheduleDate:p,paymentDate:C,hasDuplicateLine:m,approvedDate:v,isFirstOrLastListItem:f,index:l,reimbursementSectionRef:k,showSkipAutoFill:x,lineData:s,currencyConversionState:y,authParams:$,uploadInvoiceEndPoint:P,accountList:I,classList:R,merchantList:H,remiStage:L,autoFieldsByLineId:T,isReimbursementCommentingEnabled:B,isAutoFieldsExist:te,totalAmount:ne,showTotalAmountLoader:oe,totalNumberOfLines:Y,defaultCurrency:K,bankAccounts:F,fileRequiredLineIds:Q,isAddReimbursementDisabled:_,duplicateLineByLineId:z,remiStatus:ae,file:le,uncategorizedAccounts:U,reportTitle:ce,recommendationFetchState:Ee,tentativeMerchantName:ue,paymentTo:ge,analytics:se,companyMileageConfigInfo:De,loggedInUserDepartmentId:je,isSignedInUserReimbursementCreator:Oe,setShowBankAccountPage:me,setRefByLineId:Pe,setCurrentLineIdForUpload:pe,onDuplicateLineClick:ve,setUploadedReceiptPayload:Ge,removeDuplicateReimbursementForLine:h,onReceiptsUpload:ee,scrollToSection:ot,onRemoveReimbursement:at,onAddReimbursement:Ne,clearTentativeNameForLine:Le,onReplaceClick:Ye,onDeleteBankAccount:Ae,updateInvoiceUploadFetchState:qe,removeFileFromLine:He,allCurrencies:Qe,accountsHierarchyList:Je,classHierarchyList:de})=>{const{formState:{errors:rt}}=nt(),lt=S.useRef(null);S.useEffect(()=>(Pe(O=>({...O,[`L${s.lineId}`]:lt.current})),()=>{Pe(O=>({...O,[`L${s.lineId}`]:null}))}),[s.lineId,Pe]);const J=Re(),ze=L==="draft"?V.newReimbursementTitle:V.editReimbursementTitle,N=E.largeLabelWidth.value(J),xe=O=>O.outOfPocket.account.selectedOption==null&&(O.outOfPocket.amount==null||O.outOfPocket.amount.amount==0)&&(O.outOfPocket.class.selectedOption==null||O.outOfPocket.class.selectedOption===je)&&(O.outOfPocket.memo===""||O.outOfPocket.memo==null)&&O.outOfPocket.merchant.selectedOption==null&&O.outOfPocket.transactionDate==null,st=F.map(O=>O.bankAccountId),Et=s.reimbursementType===V.outOfPocketKey&&On(s)>=75&&le==null;return t.jsxs(Xa,{ref:k,windowSize:J,children:[t.jsx(Za,{ref:O=>{O!=null&&(lt.current=O)},windowSize:J,bottomSeperator:Y!==1,showSkipAutoFill:x,isFirstItem:l===0,children:t.jsx(In,{customError:Et?V.requireReceipt:void 0,analytics:se,showAutofill:!1,uploadInvoiceEndPoint:P,authParams:$,entityId:_?"":void 0,file:le,style:{width:"auto",padding:0,height:f?E.firstOrLastItemHeight.valuePx(J):E.itemHeight.valuePx(J),margin:J==="small"?i.sp0:void 0},updateInvoiceUploadFetchState:qe,onInvoiceUpload:O=>{s.reimbursementType===V.outOfPocketKey&&!xe(s)?(pe(Number(s.lineId)),Ge(O),Ye?.()):ee(O,Number(s.lineId),!0)},dropFilePlaceholder:{upload:V.dropReceipt.upload,receipt:V.dropReceipt.receipt},showInfoText:!1,showTitlebar:!0,showTitlebarIcon:!_,pdfTitle:Y>1?`#${l+1} Receipt`:"Receipt",onDeleteClick:()=>{qe?.("In-Progress"),setTimeout(()=>He?.(Number(s.lineId)))},onReplaceClick:()=>{pe(Number(s.lineId)),Ye?.()},allowMultiFiles:Y===l+1,type:"reimbursement"})}),t.jsxs(Ja,{windowSize:J,children:[l===0&&J!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(Ua,{children:ze}),t.jsx(er,{children:t.jsx(Do,{progressSectionObj:o,createDate:c,paymentDate:C,scheduleDate:p,approvedDate:v,isBillUploaded:a!=null?!0:e==="Completed"})}),te&&t.jsxs(Ba,{children:[t.jsx(Aa,{}),t.jsx(Wa,{children:V.banner})]}),m&&t.jsxs(Ma,{size:J,children:[t.jsx(za,{}),t.jsxs(Ea,{children:[t.jsx(Fa,{children:V.thereSeems}),t.jsx(Na,{children:V.pleaseFind})]})]}),t.jsx(jn,{isReimbursementCommentingEnabled:B,sectionId:At,reportTitle:ce,reimbursementId:a})]}):null,t.jsx(ha,{analytics:se,reimbursementId:a,onDuplicateLineClick:ve,uncategorizedAccounts:U,sectionId:`${fi}.${l}`,scrollToSection:ot,lineIndex:l,lineData:s,accountList:I,classList:R,merchantList:H,autoFields:s.lineId!=null?T[s.lineId]:[],currencyConversionState:y,recommendationFetchState:Ee,onRemoveReimbursement:at,hasMultipleLineItems:Y>1,clearTentativeNameForLine:Le,tentativeMerchantName:ue,hasFile:le!=null,companyMileageConfigInfo:De,defaultCurrency:K,remiStage:L,remiStatus:ae,fileRequiredLineIds:Q,allCurrencies:Qe,isReimbursementCommentingEnabled:B,isAddReimbursementDisabled:_,accountsHierarchyList:Je,classHierarchyList:de,duplicateLineDetails:z[s.lineId],removeDuplicateReimbursementForLine:h}),Y!==1&&Y===l+1&&t.jsxs(t.Fragment,{children:[t.jsxs(_a,{windowSize:J,children:[t.jsx(qa,{children:V.total}),oe?t.jsx(Ha,{windowSize:J,children:t.jsx(Ka,{children:t.jsx(wt,{size:"Standard",start:!0,style:{display:"flex"}})})}):t.jsx(gn,{amount:kn(ne,"USD","$"),integerStyles:Rt.h6Regular.cssObject,decimalStyles:Rt.standardRegular.cssObject})]}),t.jsxs(Ya,{windowSize:J,onClick:()=>{_===!1&&Ne()},isDisabled:_,"data-testid":q("add-reimbursement-row"),children:[t.jsx(Wi,{}),t.jsx(Ni,{children:V.addReimbursement})]}),Oe?t.jsxs(t.Fragment,{children:[t.jsx(Va,{windowSize:J,children:V.receivePaymentTo}),t.jsx(Ga,{windowSize:J,shouldDisplay:F.length>0,children:t.jsx(yn,{label:{label:V.yourBankAccount,width:N},style:{width:"auto"},singleSelectField:{singleSelect:{name:ft,placeholder:tt(V.yourBankAccount),showValueEyeIcon:!_,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:Ae,getTooltipInfo:O=>Pn(F,O),onClickCreateBankAccount:()=>me(!0),getLabelForId:O=>Ln(F,O),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:_?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:ge,allOptions:st},registerOptions:{required:!0,validate:O=>!!O.selectedOption}},isFunctional:!0})}),t.jsxs(Qa,{shouldDisplay:F.length===0,windowSize:J,hasError:Te(rt,ft),onClick:()=>{_===!1&&me(!0)},isDisabled:_,"data-testid":q("remi-add-bank-account-container"),children:[t.jsx(Wi,{}),t.jsx(Ni,{children:V.addBankAccount})]})]}):null]})]})]})},Pn=(e,o)=>{const a=Rn(e,o);return a==null?`${Tt.bankRoutingNumber} ${V.emptyValue}
+  ${Tt.bankAccountNumber} ${V.emptyValue}`:`${Tt.bankRoutingNumber} ${a.bankRoutingNumberAch??V.emptyValue}, ${a.bankName??V.emptyValue}
+  ${Tt.bankAccountNumber} ${a.bankAccountNumber??V.emptyValue}`},Rn=(e,o)=>e.find(a=>a.bankAccountId===o),Ln=(e,o)=>{const a=Rn(e,o);return a==null?V.selectBankAccount:a.bankAccountName?a.bankAccountName:a.maskedAccountNumber?a.maskedAccountNumber:a.bankName&&a.bankAccountNumber?`${a.bankName} ${V.accountNameConnector}${a.bankAccountNumber.slice(a.bankAccountNumber.length-4)}`:V.selectBankAccount},Aa=n(mi)`
   color: ${e=>e.theme.colors.primary};
   width: ${i.sp3};
   height: ${i.sp3};
-`,Aa=n(Po)`
+`,za=n(Ro)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${j.brandColorGoldDark};
-`,za=n.div`
+`,Ba=n.div`
   display: flex;
   gap: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -276,7 +276,7 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   border-radius: ${i.sp2};
   align-items: center;
   margin: 0 ${i.sp8} 0 ${i.sp6};
-`,Ba=n.div`
+`,Ma=n.div`
   display: flex;
   gap: ${i.sp2};
   padding: ${i.sp3};
@@ -288,26 +288,26 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   margin-left: ${e=>E.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
   background-color: ${j.alertLight};
   border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
-`,Ma=n(Et)`
+`,Fa=n(Ft)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Fa=n.div`
+`,Ea=n.div`
   width: 100%;
-`,Ea=n(yi)`
+`,Na=n(yi)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Na=n.span`
+`,Wa=n.span`
   color: ${e=>e.theme.colors.hero};
-`,Wa=n(jo)`
+`,Ua=n(Po)`
   letter-spacing: -0.02em;
   color: ${e=>e.theme.colors.primary};
   margin: ${i.sp3} ${i.sp8} ${i.sp3} ${i.sp6};
-`,Ua=n(Ft)`
+`,Va=n(Mt)`
   letter-spacing: -0.02em;
   color: ${e=>e.theme.colors.primary};
   margin-top: ${e=>E.paymentToMarginTop.valuePx(e.windowSize)};
   margin-bottom: ${e=>E.paymentToMarginBottom.valuePx(e.windowSize)};
   margin-left: ${e=>E.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>E.reimbursementSectionRightMargin.valuePx(e.windowSize)};
-`,Va=n.div`
+`,_a=n.div`
   padding: ${i.sp3};
   display: flex;
   align-items: center;
@@ -321,22 +321,22 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   margin-right: ${e=>E.reimbursementSectionRightMargin.valuePx(e.windowSize)};
   margin-bottom: ${e=>E.totalMarginBottom.valuePx(e.windowSize)};
   justify-content: space-between;
-`,_a=n(bn)`
+`,qa=n(fn)`
   display: flex;
   width: 176px;
   color: ${e=>e.theme.colors.primary};
-`,qa=n(fn)`
+`,Ha=n(xn)`
   display: flex;
   width: calc(100% - 176px);
   justify-content: flex-end;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${Oa.total.style(e.windowSize)}`};
-`,Ha=n.div`
+  ${e=>`${Ra.total.style(e.windowSize)}`};
+`,Ka=n.div`
   padding-right: ${i.sp3};
   height: 30px;
   display: flex;
   justify-content: flex-end;
-`,Ka=n.div`
+`,Ga=n.div`
   margin-left: ${e=>E.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>E.reimbursementSectionRightMargin.valuePx(e.windowSize)};
   margin-bottom: ${i.sp3};
@@ -344,7 +344,7 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   border-radius: ${i.sp2};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
   display: ${e=>e.shouldDisplay?"unset":"none"};
-`,Ga=n.div`
+`,Ya=n.div`
   padding: ${i.sp3};
   display: flex;
   align-items: center;
@@ -363,7 +363,7 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   margin-left: ${e=>E.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>E.reimbursementSectionRightMargin.valuePx(e.windowSize)};
   margin-bottom: ${e=>E.marginBottom.valuePx(e.windowSize)};
-`,Ya=n.div`
+`,Qa=n.div`
   padding: ${i.sp3};
   display: ${e=>e.shouldDisplay?"flex":"none"};
   align-items: center;
@@ -381,9 +381,9 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   margin-left: ${e=>E.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>E.reimbursementSectionRightMargin.valuePx(e.windowSize)};
   margin-bottom: ${e=>E.marginBottom.valuePx(e.windowSize)};
-`,Ni=n(Et)`
+`,Ni=n(Ft)`
   color: inherit;
-`,Wi=n(xn)`
+`,Wi=n(wn)`
   margin-right: ${i.sp2};
   width: ${i.sp3};
   height: ${i.sp3};
@@ -405,25 +405,25 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   visibility: ${e=>e.showSkipAutoFill?"hidden":"unset"};
   margin-bottom: ${e=>e.bottomSeperator===!0&&e.windowSize!=="small"?e.isFirstItem?"102px":i.sp10:0};
   margin-top: ${e=>E.marginTop.valuePx(e.windowSize)};
-`,Qa=n.div`
+`,er=n.div`
   padding: ${i.sp2} ${i.sp8} ${i.sp0} ${i.sp6};
-`,er={total:new gi("largeMedium","h6Medium")},Z={largeLabelWidth:new d(120,120,220),marginBottom:new d(a[5],a[4]),addBankAccountMarginBottom:new d(a[5],a[5]),marginTop:new d(a[0],78),paymentToMarginTop:new d(0,a[4]),totalMarginBottom:new d(a[3],a[3]),rightMargin:new d(a[3],a[8]),leftMargin:new d(a[3],a[6]),paymentToMarginBottom:new d(12,a[3])},et=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,tr=({remiDetails:e,isUserAdmin:o,authParams:r,uploadInvoiceEndPoint:c,showSkipAutoFill:p,isReimbursementCommentingEnabled:C,isAutoFieldsExist:m,totalAmount:v,defaultCurrency:f,hasDuplicateLine:l,bankAccounts:k,fileRequiredLineIds:x,companyMileageConfigInfo:s,analytics:y,reimbursementId:$,currencyConversionStatus:O,setShowSkipAutoFill:I,setShowBankAccountPage:R,removeDuplicateReimbursementForLine:H,onReceiptsUpload:L,setCurrentLineIdForUpload:T,onDuplicateLineClick:B,setUploadedReceiptPayload:te,removeFileFromLine:ne,onReplaceClick:oe,updateInvoiceUploadFetchState:Y,clearTentativeNameForLine:K,onDeleteBankAccount:F,uncategorizedAccounts:J,isSignedInUserReimbursementCreator:_,duplicateLineByLineId:z,showTotalAmountLoader:ae,scrollContainerRef:le})=>{const{control:U,formState:{errors:ce}}=nt(),{fields:Ee,append:ue,remove:ge}=fo({name:fi,control:U}),se=Ee,De=S.useRef(null),je=N=>{setTimeout(()=>{ge(N)})},{tentativeMerchantNameByLineId:Pe,remiStage:me,remiStatus:Oe}=e,pe=!_||me==="pending_approval"&&Oe!=="rejected"&&o||me==="pending_approval"&&Oe==="rejected",ve=pe?e.paymentToBankAccountDetail!=null?[e.paymentToBankAccountDetail]:[]:k,Ge=ve.map(N=>N.bankAccountId),h=Le(),ee=Z.largeLabelWidth.value(h),ot=e.whatForSection.reportTitle,at=e.accountList.accounts,Ne=e.accountsHierarchyList,Re=e.classHierarchyList,Ye=e.classList.classes,Ae=e.merchantList.merchants,qe=e.addRemiAutoFieldsByLineId,He=Math.max(...Object.keys(e.editRemiInitialDetails?.lineDetailSection??{}).map(N=>Number(N)),0),Je=()=>{const N=se[se.length-1],xe=Ln(se.length,Number(N.lineId)>He?String(Number(N.lineId)+1):String(He+1),Ne,Re,Ae,f,e.allCurrencies,e.loggedInUserDepartmentId);setTimeout(()=>{ue(xe,{shouldFocus:!1})}),T(Number(xe.lineId)),I(!0),setTimeout(()=>zi(De.current,le?.current),50)},[Xe,de]=S.useState({}),rt=S.useCallback(N=>{const xe=Xe[`L${N}`];xe!=null&&zi(xe,le?.current)},[Xe,le]),lt=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,X=e.reimbursementInfo?.paymentDate!=null?it(vn(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,ze=e.reimbursementInfo?.expectedDepositDate??X;return t.jsxs(ar,{windowSize:h,showSkipAutoFill:p,children:[se.map((N,xe)=>t.jsx(Ra,{removeDuplicateReimbursementForLine:H,onDuplicateLineClick:B,scrollToSection:rt,setRefByLineId:de,duplicateLineByLineId:z,reimbursementId:$,remiUploadStatus:e.uploadStatus,uncategorizedAccounts:J,progressSectionObj:lt,createDate:e.createTime,paymentDate:ze,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isFirstOrLastListItem:se.length-1===xe||xe===0,index:xe,reimbursementSectionRef:De,remiStage:me,remiStatus:Oe,authParams:r,file:N.file,uploadInvoiceEndPoint:c,showSkipAutoFill:p,lineData:N,currencyConversionState:O[N.lineId],recommendationFetchState:e.lineDetailSection[N.lineId]?.recommendationFetchState,setCurrentLineIdForUpload:T,setUploadedReceiptPayload:te,onReplaceClick:oe,onReceiptsUpload:L,removeFileFromLine:ne,isReimbursementCommentingEnabled:C,isAutoFieldsExist:m,reportTitle:ot,accountList:at,classList:Ye,merchantList:Ae,autoFieldsByLineId:qe,onRemoveReimbursement:je,onAddReimbursement:Je,totalAmount:v,showTotalAmountLoader:ae,hasDuplicateLine:l,totalNumberOfLines:se.length,updateInvoiceUploadFetchState:Y,clearTentativeNameForLine:K,tentativeMerchantName:Pe[N.lineId],companyMileageConfigInfo:s,defaultCurrency:f,setShowBankAccountPage:R,paymentTo:e.paymentTo,bankAccounts:ve,onDeleteBankAccount:F,analytics:y,fileRequiredLineIds:x,allCurrencies:e.allCurrencies,loggedInUserDepartmentId:e.loggedInUserDepartmentId,isAddReimbursementDisabled:pe,accountsHierarchyList:Ne,classHierarchyList:Re,isSignedInUserReimbursementCreator:_},N.lineId)),se.length===1&&t.jsxs(t.Fragment,{children:[t.jsxs(Zt,{children:[h!=="small"?t.jsx(Jt,{windowSize:h}):null,t.jsx(Xt,{windowSize:h,children:t.jsxs(rr,{windowSize:h,children:[t.jsx(lr,{children:et.total}),ae?t.jsx(dr,{windowSize:h,children:t.jsx(cr,{children:t.jsx(wt,{size:"Standard",start:!0,style:{display:"flex"}})})}):t.jsx(hn,{amount:Cn(v,Li.currencyCode,Li.currencySymbol),integerStyles:Lt.h6Regular.cssObject,decimalStyles:Lt.standardRegular.cssObject})]})})]}),t.jsxs(Zt,{children:[h!=="small"?t.jsx(Jt,{windowSize:h}):null,t.jsx(Xt,{windowSize:h,children:t.jsxs(ur,{windowSize:h,onClick:()=>{pe===!1&&Je()},isDisabled:pe,"data-testid":q("add-reimbursement-container"),children:[t.jsx(Vi,{}),t.jsx(Ui,{children:et.addReimbursement})]})})]}),t.jsxs(Zt,{children:[h!=="small"?t.jsx(Jt,{windowSize:h}):null,_?t.jsxs(Xt,{windowSize:h,children:[t.jsx(sr,{windowSize:h,children:et.receivePaymentTo}),t.jsx(or,{windowSize:h,shouldDisplay:ve.length>0,children:t.jsx(gn,{label:{label:et.yourBankAccount,width:ee},style:{width:"auto"},singleSelectField:{singleSelect:{name:bt,placeholder:tt(et.yourBankAccount),showValueEyeIcon:!pe,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:F,getTooltipInfo:N=>Pn(ve,N),onClickCreateBankAccount:()=>R(!0),getLabelForId:N=>Rn(ve,N),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:pe?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:e.paymentTo,allOptions:Ge},registerOptions:{required:!0,validate:N=>!!N.selectedOption}},isFunctional:!0})}),t.jsxs(mr,{shouldDisplay:ve.length===0,windowSize:h,onClick:()=>{pe===!1&&R(!0)},hasError:Te(ce,bt),isDisabled:pe,"data-testid":q("remi-add-bank-account-container"),children:[t.jsx(Vi,{}),t.jsx(Ui,{children:et.addBankAccount})]})]}):null]})]})]})},Ln=(e,o,r,c,p,C,m,v)=>{const f=ir(r,c,p,C,m,v);return{lineIndex:e,lineId:o,reimbursementType:et.outOfPocketKey,file:void 0,outOfPocket:f,mileage:nr(c,C,v)}},ir=(e,o,r,c,p,C)=>({transactionDate:void 0,class:{allOptions:_e(Ke(o,[])),selectedOption:C},account:{allOptions:_e(Bt(e,[])),selectedOption:void 0},amount:{amount:0,currencyCode:c.currencyCode,currencySymbol:c.currencySymbol,currency:{allOptions:p.map(m=>({label:`${m.currencyCode} - ${m.currency}`,value:m.currencyCode,countryCode:ci(m.countryCode)})),selectedOption:c.currencyCode??fe.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}),nr=(e,o,r)=>({transactionDate:void 0,class:{allOptions:_e(Ke(e,[])),selectedOption:r},distanceInMiles:void 0,amount:{amount:0,currencyCode:o.currencyCode,currencySymbol:o.currencySymbol},memo:void 0}),or=n.div`
-  margin-left: ${e=>Z.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Z.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Z.addBankAccountMarginBottom.valuePx(e.windowSize)};
+`,tr={total:new gi("largeMedium","h6Medium")},X={largeLabelWidth:new d(120,120,220),marginBottom:new d(r[5],r[4]),addBankAccountMarginBottom:new d(r[5],r[5]),marginTop:new d(r[0],78),paymentToMarginTop:new d(0,r[4]),totalMarginBottom:new d(r[3],r[3]),rightMargin:new d(r[3],r[8]),leftMargin:new d(r[3],r[6]),paymentToMarginBottom:new d(12,r[3])},et=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,ir=({remiDetails:e,isUserAdmin:o,authParams:a,uploadInvoiceEndPoint:c,showSkipAutoFill:p,isReimbursementCommentingEnabled:C,isAutoFieldsExist:m,totalAmount:v,defaultCurrency:f,hasDuplicateLine:l,bankAccounts:k,fileRequiredLineIds:x,companyMileageConfigInfo:s,analytics:y,reimbursementId:$,currencyConversionStatus:P,setShowSkipAutoFill:I,setShowBankAccountPage:R,removeDuplicateReimbursementForLine:H,onReceiptsUpload:L,setCurrentLineIdForUpload:T,onDuplicateLineClick:B,setUploadedReceiptPayload:te,removeFileFromLine:ne,onReplaceClick:oe,updateInvoiceUploadFetchState:Y,clearTentativeNameForLine:K,onDeleteBankAccount:F,uncategorizedAccounts:Q,isSignedInUserReimbursementCreator:_,duplicateLineByLineId:z,showTotalAmountLoader:ae,scrollContainerRef:le})=>{const{control:U,formState:{errors:ce}}=nt(),{fields:Ee,append:ue,remove:ge}=wo({name:fi,control:U}),se=Ee,De=S.useRef(null),je=N=>{setTimeout(()=>{ge(N)})},{tentativeMerchantNameByLineId:Oe,remiStage:me,remiStatus:Pe}=e,pe=!_||me==="pending_approval"&&Pe!=="rejected"&&o||me==="pending_approval"&&Pe==="rejected",ve=pe?e.paymentToBankAccountDetail!=null?[e.paymentToBankAccountDetail]:[]:k,Ge=ve.map(N=>N.bankAccountId),h=Re(),ee=X.largeLabelWidth.value(h),ot=e.whatForSection.reportTitle,at=e.accountList.accounts,Ne=e.accountsHierarchyList,Le=e.classHierarchyList,Ye=e.classList.classes,Ae=e.merchantList.merchants,qe=e.addRemiAutoFieldsByLineId,He=Math.max(...Object.keys(e.editRemiInitialDetails?.lineDetailSection??{}).map(N=>Number(N)),0),Qe=()=>{const N=se[se.length-1],xe=An(se.length,Number(N.lineId)>He?String(Number(N.lineId)+1):String(He+1),Ne,Le,Ae,f,e.allCurrencies,e.loggedInUserDepartmentId);setTimeout(()=>{ue(xe,{shouldFocus:!1})}),T(Number(xe.lineId)),I(!0),setTimeout(()=>zi(De.current,le?.current),50)},[Je,de]=S.useState({}),rt=S.useCallback(N=>{const xe=Je[`L${N}`];xe!=null&&zi(xe,le?.current)},[Je,le]),lt=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,J=e.reimbursementInfo?.paymentDate!=null?it(Cn(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,ze=e.reimbursementInfo?.expectedDepositDate??J;return t.jsxs(rr,{windowSize:h,showSkipAutoFill:p,children:[se.map((N,xe)=>t.jsx(La,{removeDuplicateReimbursementForLine:H,onDuplicateLineClick:B,scrollToSection:rt,setRefByLineId:de,duplicateLineByLineId:z,reimbursementId:$,remiUploadStatus:e.uploadStatus,uncategorizedAccounts:Q,progressSectionObj:lt,createDate:e.createTime,paymentDate:ze,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isFirstOrLastListItem:se.length-1===xe||xe===0,index:xe,reimbursementSectionRef:De,remiStage:me,remiStatus:Pe,authParams:a,file:N.file,uploadInvoiceEndPoint:c,showSkipAutoFill:p,lineData:N,currencyConversionState:P[N.lineId],recommendationFetchState:e.lineDetailSection[N.lineId]?.recommendationFetchState,setCurrentLineIdForUpload:T,setUploadedReceiptPayload:te,onReplaceClick:oe,onReceiptsUpload:L,removeFileFromLine:ne,isReimbursementCommentingEnabled:C,isAutoFieldsExist:m,reportTitle:ot,accountList:at,classList:Ye,merchantList:Ae,autoFieldsByLineId:qe,onRemoveReimbursement:je,onAddReimbursement:Qe,totalAmount:v,showTotalAmountLoader:ae,hasDuplicateLine:l,totalNumberOfLines:se.length,updateInvoiceUploadFetchState:Y,clearTentativeNameForLine:K,tentativeMerchantName:Oe[N.lineId],companyMileageConfigInfo:s,defaultCurrency:f,setShowBankAccountPage:R,paymentTo:e.paymentTo,bankAccounts:ve,onDeleteBankAccount:F,analytics:y,fileRequiredLineIds:x,allCurrencies:e.allCurrencies,loggedInUserDepartmentId:e.loggedInUserDepartmentId,isAddReimbursementDisabled:pe,accountsHierarchyList:Ne,classHierarchyList:Le,isSignedInUserReimbursementCreator:_},N.lineId)),se.length===1&&t.jsxs(t.Fragment,{children:[t.jsxs(Xt,{children:[h!=="small"?t.jsx(Qt,{windowSize:h}):null,t.jsx(Jt,{windowSize:h,children:t.jsxs(lr,{windowSize:h,children:[t.jsx(sr,{children:et.total}),ae?t.jsx(cr,{windowSize:h,children:t.jsx(ur,{children:t.jsx(wt,{size:"Standard",start:!0,style:{display:"flex"}})})}):t.jsx(gn,{amount:kn(v,Li.currencyCode,Li.currencySymbol),integerStyles:Rt.h6Regular.cssObject,decimalStyles:Rt.standardRegular.cssObject})]})})]}),t.jsxs(Xt,{children:[h!=="small"?t.jsx(Qt,{windowSize:h}):null,t.jsx(Jt,{windowSize:h,children:t.jsxs(mr,{windowSize:h,onClick:()=>{pe===!1&&Qe()},isDisabled:pe,"data-testid":q("add-reimbursement-container"),children:[t.jsx(Vi,{}),t.jsx(Ui,{children:et.addReimbursement})]})})]}),t.jsxs(Xt,{children:[h!=="small"?t.jsx(Qt,{windowSize:h}):null,_?t.jsxs(Jt,{windowSize:h,children:[t.jsx(dr,{windowSize:h,children:et.receivePaymentTo}),t.jsx(ar,{windowSize:h,shouldDisplay:ve.length>0,children:t.jsx(yn,{label:{label:et.yourBankAccount,width:ee},style:{width:"auto"},singleSelectField:{singleSelect:{name:ft,placeholder:tt(et.yourBankAccount),showValueEyeIcon:!pe,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:F,getTooltipInfo:N=>Pn(ve,N),onClickCreateBankAccount:()=>R(!0),getLabelForId:N=>Ln(ve,N),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:pe?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:e.paymentTo,allOptions:Ge},registerOptions:{required:!0,validate:N=>!!N.selectedOption}},isFunctional:!0})}),t.jsxs(pr,{shouldDisplay:ve.length===0,windowSize:h,onClick:()=>{pe===!1&&R(!0)},hasError:Te(ce,ft),isDisabled:pe,"data-testid":q("remi-add-bank-account-container"),children:[t.jsx(Vi,{}),t.jsx(Ui,{children:et.addBankAccount})]})]}):null]})]})]})},An=(e,o,a,c,p,C,m,v)=>{const f=nr(a,c,p,C,m,v);return{lineIndex:e,lineId:o,reimbursementType:et.outOfPocketKey,file:void 0,outOfPocket:f,mileage:or(c,C,v)}},nr=(e,o,a,c,p,C)=>({transactionDate:void 0,class:{allOptions:_e(Ke(o,[])),selectedOption:C},account:{allOptions:_e(zt(e,[])),selectedOption:void 0},amount:{amount:0,currencyCode:c.currencyCode,currencySymbol:c.currencySymbol,currency:{allOptions:p.map(m=>({label:`${m.currencyCode} - ${m.currency}`,value:m.currencyCode,countryCode:ci(m.countryCode)})),selectedOption:c.currencyCode??fe.getLocalizedStrings().common.currency.currencyCode}},memo:void 0,merchant:{allOptions:a.map(m=>m.id).filter(m=>!!m),selectedOption:void 0},recommendations:[],isCategoryUpdateSelected:!1,isCategoryFirstTimeAutofilled:!1,isRetainedCategorySelected:!1}),or=(e,o,a)=>({transactionDate:void 0,class:{allOptions:_e(Ke(e,[])),selectedOption:a},distanceInMiles:void 0,amount:{amount:0,currencyCode:o.currencyCode,currencySymbol:o.currencySymbol},memo:void 0}),ar=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}`};
   display: ${e=>e.shouldDisplay?"inherit":"none"};
-`,Jt=n.div`
+`,Qt=n.div`
   width: ${e=>e.windowSize==="small"?"100%":"42%"};
-`,Xt=n.div`
+`,Jt=n.div`
   width: ${e=>e.windowSize==="small"?"100%":"58%"};
-`,ar=n.div`
+`,rr=n.div`
   display: ${e=>e.windowSize==="small"&&e.showSkipAutoFill?"none":"flex"};
   flex-direction: column;
-  margin-top: ${e=>Z.marginTop.valuePx(e.windowSize)};
-`,rr=n.div`
+  margin-top: ${e=>X.marginTop.valuePx(e.windowSize)};
+`,lr=n.div`
   padding: ${i.sp3};
   display: flex;
   align-items: center;
@@ -432,32 +432,32 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${i.sp2};
   color: ${e=>e.theme.colors.hero};
-  margin-top: ${e=>Z.totalMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>Z.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Z.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Z.totalMarginBottom.valuePx(e.windowSize)};
-`,lr=n(bn)`
+  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)};
+`,sr=n(fn)`
   display: flex;
   width: 176px;
   color: ${e=>e.theme.colors.primary};
-`,sr=n(Ft)`
+`,dr=n(Mt)`
   color: ${e=>e.theme.colors.primary};
-  margin-top: ${e=>Z.paymentToMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Z.paymentToMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>Z.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Z.rightMargin.valuePx(e.windowSize)};
-`,dr=n(fn)`
+  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)};
+`,cr=n(xn)`
   display: flex;
   width: calc(100% - 176px);
   justify-content: flex-end;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${er.total.style(e.windowSize)}`};
-`,cr=n.div`
+  ${e=>`${tr.total.style(e.windowSize)}`};
+`,ur=n.div`
   padding-right: ${i.sp3};
   height: 30px;
   display: flex;
   justify-content: flex-end;
-`,ur=n.div`
+`,mr=n.div`
   padding: ${i.sp3};
   display: flex;
   align-items: center;
@@ -473,11 +473,11 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
     border: 1px solid
       ${e=>e.isDisabled?e.theme.colors.grey3:e.hasError===!0?j.important:e.theme.colors.primary};
   }
-  margin-top: ${e=>Z.totalMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>Z.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Z.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Z.marginBottom.valuePx(e.windowSize)};
-`,mr=n.div`
+  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)};
+`,pr=n.div`
   padding: ${i.sp3};
   display: ${e=>e.shouldDisplay?"flex":"none"};
   align-items: center;
@@ -492,39 +492,39 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
     border: 1px solid
       ${e=>e.isDisabled?e.theme.colors.grey3:e.hasError===!0?j.important:e.theme.colors.primary};
   }
-  margin-left: ${e=>Z.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Z.rightMargin.valuePx(e.windowSize)};
-  margin-bottom: ${e=>Z.addBankAccountMarginBottom.valuePx(e.windowSize)};
-`,Ui=n(Et)`
+  margin-left: ${e=>X.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>X.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>X.addBankAccountMarginBottom.valuePx(e.windowSize)};
+`,Ui=n(Ft)`
   color: inherit;
-`,Vi=n(xn)`
+`,Vi=n(wn)`
   margin-right: ${i.sp2};
   width: ${i.sp3};
   height: ${i.sp3};
-`,Zt=n.div`
+`,Xt=n.div`
   display: flex;
   width: 100%;
-`,Fe={buttonWidth:new d(140,140),paddingLeft:new d(a[3],a[6]),paddingRight:new d(a[3],a[8]),subTitleMarginbottom:new d(a[2],a[3]),orSeperatorTopBottomMargin:new d(a[6],44),iconWidthHeight:new d(20,a[4])},_i="userBankAccountPage",Rt="bankAccountSection",pr=e=>({[Rt]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName}}),qi=e=>`${e}_form`,hr=({bankAccountCreationState:e,setShowBankAccountPage:o,plaidConnectionDetails:r,onFetchLinkTokenClick:c,onEstablishConnectionClick:p,bankAccountToCreate:C,fetchBankNameByRoutingStatus:m,isDisabled:v,onSaveHandler:f,onUserBankDetailsUpdated:l,onFetchBankName:k,onBackClick:x})=>{const s=ft(),y=Le(),$=an({mode:"onBlur",reValidateMode:"onChange",defaultValues:S.useMemo(()=>pr(C),[C])}),O=S.useCallback(K=>{p?.(K),x()},[x,p]),I=r.link_account_no_microdeposit,{open:R}=wo({token:I.linkToken??null,onSuccess:O});S.useEffect(()=>{(it(new Date().toISOString()).isAfter(I.expiration)||I.linkToken==null)&&c?.("link_account_no_microdeposit")},[]);const[H,L]=S.useState(!1),T=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,B=fe.getLocalizedStrings().common.footer,te={onOkClick:()=>{L(!1),$.reset(),x()},onCancelClick:()=>{L(!1)}},ne=async(K,F)=>{const J=F[Rt].bankRoutingNumber;l(F),K===`${Rt}.bankRoutingNumber`&&J?.length===9&&To.test(J)===!0&&k?.(J)};S.useEffect(()=>{const K=$.watch((F,{name:J})=>{J!=null&&F!=null&&So(()=>ne(J,F))});return()=>{K.unsubscribe()}}),S.useEffect(()=>{e?.fetchState==="Completed"&&x()},[e?.fetchState,x,o]);const oe=$.handleSubmit(K=>{m.fetchState!=="In-Progress"&&f()}),Y=s.mode==="light"?new ji(s.colors.brandColorJadeLight):new ji(s.colors.brandColorJadeDark);return t.jsxs(gr,{children:[t.jsxs($r,{windowSize:y,children:[H===!0?t.jsx(di,{titleComponent:t.jsx(dn,{children:T.discardTitle}),descriptionComponent:t.jsx(sn,{children:T.discardDescription}),primaryButtonText:T.buttons.delete,secondaryButtonText:T.buttons.cancel,action:te}):null,t.jsx(_o,{header:T.addBankAccount,isDirty:$.formState.isDirty,onBackClick:x,setShowConfirmationPopup:L}),t.jsx(yr,{}),t.jsxs(vr,{size:y,children:[t.jsx($o,{onClick:()=>{$.reset(),R()},title:T.connectYourBank,subTitle:T.loginToBank,header:T.setupAchPayments,icon:{element:t.jsx(vo,{width:Fe.iconWidthHeight.valuePx(y),height:Fe.iconWidthHeight.valuePx(y)}),color:Y},style:{width:"unset",rowGap:y==="small"?i.sp2:void 0}}),t.jsxs(br,{windowSize:y,children:[t.jsx(fr,{}),t.jsx(wr,{children:t.jsx(Sr,{children:T.or})})]}),t.jsx(xr,{windowSize:y,children:T.saveAccountManually})]}),t.jsx(Cr,{size:y,children:t.jsx(ln,{...$,children:t.jsxs("form",{id:qi(_i),onSubmit:oe,children:[e?.fetchState==="Error"&&e.error?.code===409?t.jsx(qo,{warningText:T.accountExistWarning}):null,t.jsx(Vo,{bankAccountToCreate:C,fetchBankNameByRoutingStatus:m,sectionId:Rt})]})})})]}),t.jsx(un,{formId:qi(_i),primaryBtn:{label:T.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:Fe.buttonWidth.value(y)},isDisabled:v!=null},cancelBtn:{label:B.cancel,style:{width:Fe.buttonWidth.value(y)},shouldResetOnCancel:!1,onClick:()=>{$.formState.isDirty?L(!0):(L(!1),$.reset(),x())}}})]})},gr=n.div`
+`,Fe={buttonWidth:new d(140,140),paddingLeft:new d(r[3],r[6]),paddingRight:new d(r[3],r[8]),subTitleMarginbottom:new d(r[2],r[3]),orSeperatorTopBottomMargin:new d(r[6],44),iconWidthHeight:new d(20,r[4])},_i="userBankAccountPage",Pt="bankAccountSection",hr=e=>({[Pt]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName}}),qi=e=>`${e}_form`,gr=({bankAccountCreationState:e,setShowBankAccountPage:o,plaidConnectionDetails:a,onFetchLinkTokenClick:c,onEstablishConnectionClick:p,bankAccountToCreate:C,fetchBankNameByRoutingStatus:m,isDisabled:v,onSaveHandler:f,onUserBankDetailsUpdated:l,onFetchBankName:k,onBackClick:x})=>{const s=xt(),y=Re(),$=rn({mode:"onBlur",reValidateMode:"onChange",defaultValues:S.useMemo(()=>hr(C),[C])}),P=S.useCallback(K=>{p?.(K),x()},[x,p]),I=a.link_account_no_microdeposit,{open:R}=$o({token:I.linkToken??null,onSuccess:P});S.useEffect(()=>{(it(new Date().toISOString()).isAfter(I.expiration)||I.linkToken==null)&&c?.("link_account_no_microdeposit")},[]);const[H,L]=S.useState(!1),T=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,B=fe.getLocalizedStrings().common.footer,te={onOkClick:()=>{L(!1),$.reset(),x()},onCancelClick:()=>{L(!1)}},ne=async(K,F)=>{const Q=F[Pt].bankRoutingNumber;l(F),K===`${Pt}.bankRoutingNumber`&&Q?.length===9&&jo.test(Q)===!0&&k?.(Q)};S.useEffect(()=>{const K=$.watch((F,{name:Q})=>{Q!=null&&F!=null&&vo(()=>ne(Q,F))});return()=>{K.unsubscribe()}}),S.useEffect(()=>{e?.fetchState==="Completed"&&x()},[e?.fetchState,x,o]);const oe=$.handleSubmit(K=>{m.fetchState!=="In-Progress"&&f()}),Y=s.mode==="light"?new ji(s.colors.brandColorJadeLight):new ji(s.colors.brandColorJadeDark);return t.jsxs(yr,{children:[t.jsxs(vr,{windowSize:y,children:[H===!0?t.jsx(di,{titleComponent:t.jsx(cn,{children:T.discardTitle}),descriptionComponent:t.jsx(dn,{children:T.discardDescription}),primaryButtonText:T.buttons.delete,secondaryButtonText:T.buttons.cancel,action:te}):null,t.jsx(qo,{header:T.addBankAccount,isDirty:$.formState.isDirty,onBackClick:x,setShowConfirmationPopup:L}),t.jsx(br,{}),t.jsxs(Cr,{size:y,children:[t.jsx(Co,{onClick:()=>{$.reset(),R()},title:T.connectYourBank,subTitle:T.loginToBank,header:T.setupAchPayments,icon:{element:t.jsx(ko,{width:Fe.iconWidthHeight.valuePx(y),height:Fe.iconWidthHeight.valuePx(y)}),color:Y},style:{width:"unset",rowGap:y==="small"?i.sp2:void 0}}),t.jsxs(fr,{windowSize:y,children:[t.jsx(xr,{}),t.jsx(Sr,{children:t.jsx($r,{children:T.or})})]}),t.jsx(wr,{windowSize:y,children:T.saveAccountManually})]}),t.jsx(kr,{size:y,children:t.jsx(sn,{...$,children:t.jsxs("form",{id:qi(_i),onSubmit:oe,children:[e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Ho,{warningText:T.accountExistWarning}):null,t.jsx(_o,{bankAccountToCreate:C,fetchBankNameByRoutingStatus:m,sectionId:Pt})]})})})]}),t.jsx(mn,{formId:qi(_i),primaryBtn:{label:T.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:Fe.buttonWidth.value(y)},isDisabled:v!=null},cancelBtn:{label:B.cancel,style:{width:Fe.buttonWidth.value(y)},shouldResetOnCancel:!1,onClick:()=>{$.formState.isDirty?L(!0):(L(!1),$.reset(),x())}}})]})},yr=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
-`,yr=n.div`
+`,br=n.div`
   margin: ${i.sp2} 0;
   position: relative;
-`,br=n.div`
+`,fr=n.div`
   margin: ${e=>Fe.orSeperatorTopBottomMargin.valuePx(e.windowSize)} 0;
   position: relative;
-`,fr=n.div`
+`,xr=n.div`
   background: ${e=>e.theme.colors.grey2};
   height: 1px;
-`,xr=n(Do)`
+`,wr=n(Oo)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${e=>Fe.subTitleMarginbottom.valuePx(e.windowSize)};
-`,wr=n.div`
+`,Sr=n.div`
   display: flex;
   justify-content: center;
-`,Sr=n(hi)`
+`,$r=n(hi)`
   background: ${e=>e.theme.colors.background};
   border: 1px solid ${e=>e.theme.colors.grey2};
   border-radius: ${i.sp5};
@@ -536,18 +536,18 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   color: ${e=>e.theme.colors.grey1};
   top: -11px;
   position: absolute;
-`,$r=n.div`
+`,vr=n.div`
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-`,vr=n.div`
+`,Cr=n.div`
   padding-left: ${e=>Fe.paddingLeft.valuePx(e.size)};
   padding-right: ${e=>Fe.paddingRight.valuePx(e.size)};
-`,Cr=n.div`
+`,kr=n.div`
   padding-left: ${e=>Fe.paddingLeft.valuePx(e.size)};
   padding-right: ${e=>Fe.paddingRight.valuePx(e.size)};
   padding-bottom: ${i.sp3};
-`,Ie={containerWidth:new d(343,544),confirmationPopUpTitleMarginTop:new d(a[6],a[7]),confirmationPopUpTitlePaddingLeftRight:new d(a[5],a[8]),submitButtonWidth:new d(145,156),cancelButtonWidth:new d(121,121),errorLineItemGap:new d(a[2],12),styledCloseIconRight:new d(a[3],a[8])},{footer:Hi}=fe.getLocalizedStrings().common,be=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.duplicatePopUpInfo,Ki=({fetchState:e})=>{switch(e){case"Not-Started":return t.jsx(Yi,{});case"In-Progress":return t.jsx(wt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return t.jsx(An,{});default:return t.jsx(Yi,{})}},kr=e=>{switch(e){case"Not-Started":return be.detectDuplicates;case"In-Progress":return be.detectingDuplicates;case"Completed":return be.noDuplicatesFound;default:return be.detectDuplicates}},Ir=({submitFetchState:e,duplicateReimbursementStatus:o,hasDuplicateLine:r,numberOfDuplicateLines:c,setShowDuplicatePopup:p,analytics:C,reimbursementId:m,submitReport:v,fetchDuplicateReimbursement:f,clearDuplicateReimbursementDetail:l,clearRemiSaveStatus:k})=>{const x=Le(),[s,y]=kt.useState(!0),$=li(e),O=li(o);kt.useEffect(()=>{setTimeout(()=>{s&&(y(!1),o==="Not-Started"&&f())},2e3)},[o,f,s]),kt.useEffect(()=>{$==="In-Progress"&&e==="Completed"&&(l(),p(!1))},[e,$,p,l]),kt.useEffect(()=>{O==="In-Progress"&&o==="Completed"&&!r&&v()},[O,o,r,v]);const I=o==="Error"||e==="Error";return t.jsxs(t.Fragment,{children:[I?t.jsx(Tr,{size:x}):null,t.jsx(di,{action:{onOkClick:()=>{I?(l(),e==="Error"&&k(),y(!0)):(C?.trackReimbursementReviewDuplicateReportReimbursement(c,m),p(!1),ho())},onCancelClick:()=>{I?(l(),e==="Error"&&k(),p(!1)):(C?.trackReimbursementSubmitAnywayDuplicateReimbursement(c,m),v())}},shouldClickAway:I,isSecondaryLoading:e==="In-Progress",secondaryButtonVariant:"secondary",primaryButtonText:I?Hi.resubmit:be.primaryButtonText,secondaryButtonText:I?Hi.cancel:be.secondaryButtonText,primaryButtonWidth:I?Ie.cancelButtonWidth.value(x):Ie.submitButtonWidth.value(x),secondaryButtonWidth:I?Ie.cancelButtonWidth.value(x):Ie.submitButtonWidth.value(x),descriptionComponent:t.jsx(Pr,{size:x,children:t.jsxs(Dr,{hasDuplicate:r,duplicateReimbursementStatus:o,children:[t.jsxs(ei,{isDisabled:!1,isSuccess:!s,children:[s?t.jsx(wt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):t.jsx(An,{}),t.jsx(Qt,{isDisabled:!1,children:s?be.reviewingExpenses:be.reviewedAllExpenses})]}),r||o==="Error"?t.jsxs(Xi,{size:x,children:[t.jsx(Gi,{}),t.jsx(Ji,{children:o==="Error"?be.failedToDetect:`${c} ${be.duplicateExpensesFound}`})]}):t.jsxs(ei,{isDisabled:o==="Not-Started",isSuccess:o==="Completed"&&c===0,children:[t.jsx(Ki,{fetchState:o}),t.jsx(Qt,{isDisabled:o==="Not-Started",children:kr(o)})]}),e==="Error"?t.jsxs(Xi,{size:x,children:[t.jsx(Gi,{}),t.jsx(Ji,{children:be.failedToSubmit})]}):r||o==="Error"?null:t.jsxs(ei,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[t.jsx(Ki,{fetchState:e}),t.jsx(Qt,{isDisabled:e==="Not-Started",children:e==="Not-Started"?be.submitReport:be.submittingReport})]})]})}),titleComponent:t.jsx(jr,{size:x,children:be.title}),showFooter:r||I,containerStyle:{width:Ie.containerWidth.value(x),maxWidth:"unset"}})]})},Tr=n(pn)`
+`,Ie={containerWidth:new d(343,544),confirmationPopUpTitleMarginTop:new d(r[6],r[7]),confirmationPopUpTitlePaddingLeftRight:new d(r[5],r[8]),submitButtonWidth:new d(145,156),cancelButtonWidth:new d(121,121),errorLineItemGap:new d(r[2],12),styledCloseIconRight:new d(r[3],r[8])},{footer:Hi}=fe.getLocalizedStrings().common,be=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.duplicatePopUpInfo,Ki=({fetchState:e})=>{switch(e){case"Not-Started":return t.jsx(Yi,{});case"In-Progress":return t.jsx(wt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return t.jsx(zn,{});default:return t.jsx(Yi,{})}},Ir=e=>{switch(e){case"Not-Started":return be.detectDuplicates;case"In-Progress":return be.detectingDuplicates;case"Completed":return be.noDuplicatesFound;default:return be.detectDuplicates}},Tr=({submitFetchState:e,duplicateReimbursementStatus:o,hasDuplicateLine:a,numberOfDuplicateLines:c,setShowDuplicatePopup:p,analytics:C,reimbursementId:m,submitReport:v,fetchDuplicateReimbursement:f,clearDuplicateReimbursementDetail:l,clearRemiSaveStatus:k})=>{const x=Re(),[s,y]=Ct.useState(!0),$=li(e),P=li(o);Ct.useEffect(()=>{setTimeout(()=>{s&&(y(!1),o==="Not-Started"&&f())},2e3)},[o,f,s]),Ct.useEffect(()=>{$==="In-Progress"&&e==="Completed"&&(l(),p(!1))},[e,$,p,l]),Ct.useEffect(()=>{P==="In-Progress"&&o==="Completed"&&!a&&v()},[P,o,a,v]);const I=o==="Error"||e==="Error";return t.jsxs(t.Fragment,{children:[I?t.jsx(Dr,{size:x}):null,t.jsx(di,{action:{onOkClick:()=>{I?(l(),e==="Error"&&k(),y(!0)):(C?.trackReimbursementReviewDuplicateReportReimbursement(c,m),p(!1),yo())},onCancelClick:()=>{I?(l(),e==="Error"&&k(),p(!1)):(C?.trackReimbursementSubmitAnywayDuplicateReimbursement(c,m),v())}},shouldClickAway:I,isSecondaryLoading:e==="In-Progress",secondaryButtonVariant:"secondary",primaryButtonText:I?Hi.resubmit:be.primaryButtonText,secondaryButtonText:I?Hi.cancel:be.secondaryButtonText,primaryButtonWidth:I?Ie.cancelButtonWidth.value(x):Ie.submitButtonWidth.value(x),secondaryButtonWidth:I?Ie.cancelButtonWidth.value(x):Ie.submitButtonWidth.value(x),descriptionComponent:t.jsx(Pr,{size:x,children:t.jsxs(jr,{hasDuplicate:a,duplicateReimbursementStatus:o,children:[t.jsxs(ei,{isDisabled:!1,isSuccess:!s,children:[s?t.jsx(wt,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):t.jsx(zn,{}),t.jsx(Zt,{isDisabled:!1,children:s?be.reviewingExpenses:be.reviewedAllExpenses})]}),a||o==="Error"?t.jsxs(Ji,{size:x,children:[t.jsx(Gi,{}),t.jsx(Qi,{children:o==="Error"?be.failedToDetect:`${c} ${be.duplicateExpensesFound}`})]}):t.jsxs(ei,{isDisabled:o==="Not-Started",isSuccess:o==="Completed"&&c===0,children:[t.jsx(Ki,{fetchState:o}),t.jsx(Zt,{isDisabled:o==="Not-Started",children:Ir(o)})]}),e==="Error"?t.jsxs(Ji,{size:x,children:[t.jsx(Gi,{}),t.jsx(Qi,{children:be.failedToSubmit})]}):a||o==="Error"?null:t.jsxs(ei,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[t.jsx(Ki,{fetchState:e}),t.jsx(Zt,{isDisabled:e==="Not-Started",children:e==="Not-Started"?be.submitReport:be.submittingReport})]})]})}),titleComponent:t.jsx(Or,{size:x,children:be.title}),showFooter:a||I,containerStyle:{width:Ie.containerWidth.value(x),maxWidth:"unset"}})]})},Dr=n(hn)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${e=>e.theme.colors.hero};
@@ -559,20 +559,20 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Gi=n(ko)`
+`,Gi=n(To)`
   width: ${i.sp4};
   height: ${i.sp4};
   min-width: ${i.sp4};
   color: ${j.brandColorGoldDark};
-`,Yi=n(Ho)`
+`,Yi=n(Ko)`
   width: ${i.sp3};
   height: ${i.sp3};
   min-width: ${i.sp3};
   color: ${e=>e.theme.colors.grey3};
-`,Qt=n.div`
+`,Zt=n.div`
   color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
   text-align: left;
-`,Ji=n.div`
+`,Qi=n.div`
   color: ${j.brandColorGoldDark};
 `,ei=n.div`
   display: flex;
@@ -582,12 +582,12 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
     ${e=>e.isDisabled?e.theme.colors.grey3:e.theme.colors.primary};
   padding: ${i.sp3};
   border-radius: ${i.sp2};
-`,Dr=n.div`
+`,jr=n.div`
   display: flex;
   flex-direction: column;
   gap: ${i.sp3};
   margin-bottom: ${e=>e.hasDuplicate||e.duplicateReimbursementStatus==="Error"?0:i.sp3};
-`,Xi=n.div`
+`,Ji=n.div`
   display: flex;
   align-items: center;
   gap: ${e=>Ie.errorLineItemGap.valuePx(e.size)};
@@ -596,14 +596,14 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   padding: ${i.sp3};
   border-radius: ${i.sp2};
   text-align: left;
-`,jr=n(ui)`
+`,Or=n(ui)`
   margin-top: ${e=>Ie.confirmationPopUpTitleMarginTop.valuePx(e.size)};
   padding-left: ${e=>Ie.confirmationPopUpTitlePaddingLeftRight.valuePx(e.size)};
   padding-right: ${e=>Ie.confirmationPopUpTitlePaddingLeftRight.valuePx(e.size)};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
   width: ${e=>e.size==="small"?"max-content":"-webkit-fill-available"};
-`,Pr=n(yn)`
+`,Pr=n(bn)`
   color: ${e=>e.theme.colors.hero};
   padding-left: ${e=>Ie.confirmationPopUpTitlePaddingLeftRight.valuePx(e.size)};
   padding-right: ${e=>Ie.confirmationPopUpTitlePaddingLeftRight.valuePx(e.size)};
@@ -611,16 +611,16 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   margin-top: ${i.sp4};
   white-space: pre-line;
   width: -webkit-fill-available;
-`,An=n(Co)`
+`,zn=n(Io)`
   width: ${i.sp4};
   height: ${i.sp4};
   min-width: ${i.sp4};
   color: ${j.success};
-`,Q={rightMargin:new d(a[3],a[8]),leftMargin:new d(a[3],a[6]),bottomMargin:new d(56,56),closeMarginTop:new d(0,19),closeMarginRight:new d(a[3],a[8]),rightSectionWidth:new d(100,58),leftSectionWidth:new d(100,42),footerButtonWidth:new d(120,165),right:new d(a[3],a[0]),actionsContainerRight:new d(a[0],a[6]),otherActionsContainerBottom:new d(58,44),duplicateBannerWrapperMarginTop:new d(a[5],a[3]),duplicateBannerWrapperMarginRight:new d(a[3],a[8]),duplicateBannerWrapperMarginBottom:new d(a[5],a[3]),duplicateBannerWrapperMarginLeft:new d(a[3],a[6]),navBarWidth:new d(100,58)},{spendManagement:{reimbursement:{reimbursementDetail:b,bulkActions:Zi}},common:{currency:{currencyCode:We,currencySymbol:Pt},texts:{comments:Or},strings:{empty:Rr}},collaboration:{threads:{placeholder:{addANewComment:Lr,replyAComment:Ar},tooltip:{resolveComment:zr,unResolveComment:Br}}},dateFormat:Qi}=fe.getLocalizedStrings(),en="editReimbursementDetailPage",tn=e=>`${e}_form`,Mr=(e,o,r,c,p,C,m,v,f)=>{const l=e.outOfPocket,k=e.mileage,x=l.merchant,s=l.recommendations;return{lineIndex:C,lineId:e?.lineId??String(C+1),reimbursementType:e?.type??b.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(Ke(r,[])),selectedOption:l?.lineDetail?.class?.classId??f},account:{allOptions:_e(Bt(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:v.map(y=>({label:`${y.currencyCode} - ${y.currency}`,value:y.currencyCode,countryCode:ci(y.countryCode)})),selectedOption:l?.currencyCode??m.currencyCode??We}},memo:l?.description??void 0,merchant:{allOptions:c.map(y=>y.id).filter(y=>!!y),selectedOption:x?.id?x?.id:x?.name?x?.name:e?.lineId!=null?p[e?.lineId]:void 0}},mileage:{transactionDate:k?.transactionDate?.toDate(),class:{allOptions:_e(Ke(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}}},ti=(e,o,r)=>{const c=[];return Object.values(e.lineDetailSection).forEach((p,C)=>{p?.lineId!=null&&c.push(Mr(p,e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,e.tentativeMerchantNameByLineId,C,o,e.allCurrencies,e.loggedInUserDepartmentId))}),c.length===0&&c.push(Ln(0,"1",e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,o,e.allCurrencies,e.loggedInUserDepartmentId)),{[zt]:{reportTitle:e.whatForSection.reportTitle},[fi]:c,[bt]:{selectedOption:e.paymentTo,allOptions:r.map(p=>p.bankAccountId)}}},ii=(e,o)=>{const r=c=>c.lineId==null||o[c.lineId]?.fetchState==="In-Progress"?0:(o[c.lineId]?.fetchState,c.type===b.mileageKey?c?.mileage?.amount??0:c?.outOfPocket?.currencyCode!==We&&c.homeCurrencyConversions?.amount!==c?.outOfPocket?.amount?c.homeCurrencyConversions?.amount??0:c?.outOfPocket?.amount??0);return Object.values(e).reduce((c,p)=>c+r(p),0)},ni=(e,o,r,c,p,C,m,v)=>{const f={};return e.lineInfo.forEach(l=>{const k=v.find(O=>O.classId===l.mileage.class.selectedOption),x=m.find(O=>O.qboId===l.outOfPocket.account.selectedOption||O.accountId===l.outOfPocket.account.selectedOption),s=v.find(O=>O.classId===l.outOfPocket.class.selectedOption),y=o.find(O=>O.id===l.outOfPocket.merchant.selectedOption),$=C.find(O=>O.currencyCode===l.outOfPocket.amount?.currency.selectedOption)?.currencySymbol;f[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?it(l.mileage.transactionDate.toDateString()):void 0,amount:l.mileage.amount?.amount??0,currencyCode:l.mileage.amount?.currencyCode??$,currencySymbol:l.mileage.amount?.currencySymbol??$,distanceMileage:{unit:"miles",value:l.mileage.distanceInMiles??0}},outOfPocket:{description:l.outOfPocket.memo??"",lineDetail:{class:s,account:x},transactionDate:l.outOfPocket.transactionDate!=null?it(l.outOfPocket.transactionDate.toDateString()):void 0,amount:l.outOfPocket.amount?.amount??0,currencyCode:l.outOfPocket.amount?.currency.selectedOption??$,currencySymbol:$,merchant:l.outOfPocket.merchant.selectedOption!=null?{id:y?.id??"",name:y?.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:f,totalAmount:{amount:c,...r},currencyConversionStateByLineId:p,paymentTo:e.paymentTo.selectedOption}},Nl=({remiDetails:e,authParams:o,defaultCurrency:r,companyMileageConfigInfo:c,uploadInvoiceEndPoint:p,isReimbursementCommentingEnabled:C,isUserAdmin:m,analytics:v,reimbursementId:f,plaidConnectionDetails:l,bankAccountCreationState:k,bankNameByRouting:x,bankAccounts:s,isSignedInUserReimbursementCreator:y,uncategorizedAccounts:$,bankAccountToCreate:O,fetchBankNameByRoutingStatus:I,onUserBankDetailsUpdated:R,onFetchBankName:H,onSaveBankAccount:L,fetchDuplicateReimbursement:T,clearDuplicateReimbursementDetail:B,clearRemiSaveStatus:te,removeDuplicateReimbursementForLine:ne,onDuplicateLineClick:oe,onExistingMerchantChange:Y,onNewMerchantChange:K,onReceiptsUpload:F,saveRemiDetails:J,submitRemiDetails:_,discardReimbursementDetailsFromLocalStore:z,onReimbursementDetailsChanged:ae,updateReimbursementType:le,onHomeCurrencyConversionUpdate:U,redirectToReimbursementListScreen:ce,redirectToReimbursementDetailScreen:Ee,deleteReimbursement:ue,removeFileFromLine:ge,onZeniLogoClick:se,onAmountChanged:De,updateInvoiceUploadFetchState:je,clearTentativeNameForLine:Pe,onAddNewRule:me,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,deleteBankAccount:ve,onBackClickFromBankAccountPage:Ge,initialOpenThreadRequest:h})=>{const ee=S.useRef(null),ot=S.useRef(null),at=li(e.uploadStatus),Ne=ft(),Re=xt(),[Ye,Ae]=S.useState(!1),[qe,He]=S.useState(!1),[Je,Xe]=S.useState("save"),[de,rt]=S.useState(ii(e.lineDetailSection,e.currencyConversionStatus)),[lt,X]=S.useState(!1),[ze,N]=S.useState(null),[xe,st]=S.useState(!1),St=`dashboard_${Re.currentTenant?.companyId}`,P=an({mode:"all",reValidateMode:"onChange",defaultValues:S.useMemo(()=>ti(e,r,s),[e,r,s]),values:S.useMemo(()=>ti(e,r,s),[e,r,s]),resetOptions:{keepErrors:!0},shouldFocusError:!0}),{isDirty:zn,dirtyFields:Bn}=P.formState,Mn=async(g,D)=>{const{lineInfo:u}=D,w=Number(g.split(".")[1]);if(g.includes("reportTitle")||g.includes("memo"))return;if(g.includes("reimbursementType")){const M=u[w].mileage,W=u[w].outOfPocket;u[w]={...u[w],outOfPocket:{transactionDate:W.transactionDate??void 0,class:{allOptions:W.class.allOptions??_e(Ke(e.classHierarchyList,[])),selectedOption:W.class.selectedOption??void 0},account:{allOptions:W.account.allOptions??_e(Bt(e.accountsHierarchyList,[])),selectedOption:W.account.selectedOption??void 0},amount:W.amount??{amount:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol,currency:{allOptions:e.allCurrencies.map(we=>({label:`${we.currencyCode} - ${we.currency}`,value:we.currencyCode,countryCode:ci(we.countryCode)})),selectedOption:r.currencyCode??We}},memo:W.memo??void 0,merchant:W.merchant??void 0,recommendations:W.recommendations??[],recommendedAccount:W.recommendedAccount??void 0,isCategoryUpdateSelected:W.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:W.isCategoryFirstTimeAutofilled??!1,retainedAccount:W.retainedAccount??void 0,isRetainedCategorySelected:W.isRetainedCategorySelected??!1},mileage:{transactionDate:M.transactionDate??void 0,class:{allOptions:M.class.allOptions??_e(Ke(e.classHierarchyList,[])),selectedOption:M.class.selectedOption??e.loggedInUserDepartmentId},distanceInMiles:M.distanceInMiles,amount:{amount:M?.amount?.amount??0,currencyCode:M?.amount?.currencyCode??We,currencySymbol:M?.amount?.currencySymbol??Pt},memo:M.memo??void 0}}}else if(g.includes("mileage.distanceInMiles")){const{distanceInMiles:M}=u[w].mileage,W=c?.mileageUnitAmount??0;u[w].mileage={...u[w].mileage,amount:{amount:M!=null?M*W:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol}}}else if(g.includes("outOfPocket.amount")&&u[w].lineId){const M=u[w].outOfPocket.amount,W=e.allCurrencies.find(we=>we.currencyCode===M?.currency.selectedOption)?.currencySymbol;if(M?.currencyCode!==M?.currency.selectedOption){const we=M?.currency?.allOptions||[];u[w].outOfPocket.amount={currency:{allOptions:we,selectedOption:M?.currency?.selectedOption},amount:u[w].outOfPocket?.amount?.amount??0,currencyCode:M?.currency.selectedOption??We,currencySymbol:W??Pt}}if(M?.currency.selectedOption!==We)X(!0),qn(u[w].lineId,We);else{const we={};u.forEach(Yt=>{we[Yt.lineId]={lineId:Yt.lineId,homeCurrencyConversions:Yt.homeCurrencyConversions}}),u[w].homeCurrencyConversions={amount:M.amount??0,currencyCode:M?.currency.selectedOption??We,currencySymbol:W??Pt};const ki=ii(we,e.currencyConversionStatus);de!==ki&&rt(ki)}}else if(g.includes("outOfPocket.isRetainedCategorySelected"))u[w].outOfPocket.isRetainedCategorySelected===!0&&(u[w].outOfPocket.isCategoryUpdateSelected=!1,u[w].outOfPocket.account.selectedOption=u[w].outOfPocket.retainedAccount?.qboId);else if(g.includes("outOfPocket.isCategoryUpdateSelected"))if(u[w].outOfPocket.isCategoryUpdateSelected===!0)u[w].outOfPocket.account.selectedOption=u[w].outOfPocket.recommendedAccount?.qboId,u[w].outOfPocket.isRetainedCategorySelected=!1;else{const M=u[w].lineId,W=e.editRemiInitialDetails.lineDetailSection[M]?.lineDetail?.account?.qboId;u[w].outOfPocket.account.selectedOption=W,u[w].outOfPocket.isRetainedCategorySelected=!1}else g.includes("outOfPocket.account")&&(u[w].outOfPocket.recommendations.length>0&&(u[w].outOfPocket.recommendedAccount=u[w].outOfPocket.recommendations[0].account),u[w].outOfPocket.recommendedAccount?.qboId!=null&&u[w].outOfPocket.account.selectedOption===u[w].outOfPocket.recommendedAccount?.qboId?u[w].outOfPocket.isCategoryUpdateSelected=!0:u[w].outOfPocket.isCategoryUpdateSelected=!1,u[w].outOfPocket.retainedAccount?.qboId!=null&&u[w].outOfPocket.account.selectedOption===u[w].outOfPocket.retainedAccount?.qboId?u[w].outOfPocket.isRetainedCategorySelected=!0:u[w].outOfPocket.isRetainedCategorySelected=!1,u[w].outOfPocket.isCategoryFirstTimeAutofilled=!1);const Ct=ni({...D,lineInfo:u},e.merchantList.merchants,r,de,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);if(ae?.(Ct),g.includes("outOfPocket.merchant")){const M=u[w].lineId,W=u[w].outOfPocket.merchant.selectedOption??"";u[w].outOfPocket.merchant.allOptions.find(we=>we===W)!=null?Y(W,M):K(W,M)}},xi=S.useMemo(()=>Ii((g,D)=>Mn(g,D),300),[e.accountList.fetchState,e.classList.fetchState,e.merchantList.fetchState]);S.useEffect(()=>{const g=P.watch((D,{name:u})=>{u!=null&&D!=null&&xi(u,D)});return()=>{g.unsubscribe()}},[xi,P]),S.useEffect(()=>{const g=Eo(Object.values(e.currencyConversionStatus)),D=g.fetchState==="In-Progress"||g.fetchState==="Error";X(D)},[e.currencyConversionStatus]),S.useEffect(()=>{for(const D in e.currencyConversionStatus){const u=e.lineDetailSection[D],w=e.lineDetailSection[D];e.currencyConversionStatus[D].fetchState==="Completed"&&w!=null&&u.type!==b.mileageKey&&!rn(u?.homeCurrencyConversions,w.homeCurrencyConversions)&&U({amount:u?.homeCurrencyConversions?.amount??0,currencyCode:u?.homeCurrencyConversions?.currencyCode??We,currencySymbol:u?.homeCurrencyConversions?.currencySymbol??Pt},D,f)}const g=ii(e.lineDetailSection,e.currencyConversionStatus);de!==g&&rt(g)},[e.currencyConversionStatus,e.lineDetailSection]),S.useEffect(()=>{(e.saveStatus?.fetchState==="Completed"||e.deleteStatus.fetchState==="Completed")&&(z(f),ce?.())},[e.saveStatus?.fetchState,e.deleteStatus.fetchState,f,z,ce]);const A=Le(),[Be,ht]=S.useState(f==null),[gt,Fn]=S.useState(1),[En,Nt]=S.useState(!1),[Nn,Wn]=S.useState(""),[Wt,Un]=S.useState(null),[Vn,dt]=S.useState(!1),[_n,wi]=S.useState(!1),[Ut,Vt]=S.useState([]),[ye,$t]=S.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),qn=S.useRef(Ii((g,D)=>De(g,D),500,{trailing:!0})).current;S.useEffect(()=>{at==="In-Progress"&&(e.uploadStatus==="Completed"?(P.reset(ti(e,r,s),{keepDefaultValues:!0}),Ae(!1),ht(!1)):e.uploadStatus==="Error"&&Ae(!1))},[at,e.uploadStatus,P,e,Ye,Ae,Be,r,s,v]),S.useEffect(()=>{e.uploadStatus==="In-Progress"&&Be===!1&&Ae(!0)},[e.uploadStatus,Ae,Be]);const _t=e.remiStage==="draft"?b.newReimbursementTitle:b.editReimbursementTitle,Hn={onOkClick:()=>{if(dt(!1),ye.primaryButtonText===b.buttons.discard)z(f),e.remiStage==="draft"?ce?.():Ee?.();else if(ye.primaryButtonText===b.buttons.delete)ye.title===b.deleteBankAccountTitle?ve?.(Nn):ue?.();else if(ye.primaryButtonText===b.buttons.yes&&Wt!=null){const g=Ut.filter(D=>D!==gt.toString());Vt(g),F(Wt,gt,!0)}},onCancelClick:()=>{if(dt(!1),ye.secondaryButtonText===b.buttons.no){const g=Ut.filter(D=>D!==gt.toString());Vt(g),F(Wt,gt,!1)}}},Si=()=>{zn||bo(Bn)?($t({title:b.discardTitle,description:b.discardDescription,primaryButtonText:b.buttons.discard,secondaryButtonText:b.buttons.cancel}),dt(!0)):(z(f),ce?.())},Kn=()=>{$t({title:e.remiStage==="draft"?b.deleteDraftTitle:b.deleteReportTitle,description:b.deleteAlertDescription,primaryButtonText:b.buttons.delete,secondaryButtonText:b.buttons.cancel}),dt(!0)},Gn=g=>{Wn(g),$t({title:b.deleteBankAccountTitle,description:b.deleteBankAccountDescription,primaryButtonText:b.buttons.delete,secondaryButtonText:b.buttons.cancel}),dt(!0)},Yn=()=>{$t({title:b.overwriteTitle,description:b.overwriteDescription,primaryButtonText:b.buttons.yes,secondaryButtonText:b.buttons.no}),dt(!0)},Jn=()=>{let g=!0;const D=[];return Object.values(e.lineDetailSection).forEach((u,w)=>{u.type===b.outOfPocketKey&&jn(u)>=75&&u.file==null&&(D.push(u.lineId),g=!1)}),Vt(D),g},$i=()=>{if(m&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected")Si();else{Xe("save");const g=P.getValues(),D=ni(g,e.merchantList.merchants,r,de,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);ae?.(D);const u=D.whatForSection?.reportTitle;u!=null&&u.length>0?J(e.remiStatus==="rejected"?"pending_approval":"draft"):P.trigger(`${zt}.reportTitle`,{shouldFocus:!0})}};let qt=!1;Object.values(e.addRemiAutoFieldsByLineId).forEach(g=>{g.length>0&&(qt=!0)});let vi=[];if(e.remiId==null){const g=de??0;g>0&&(vi=e.approvalRules.allApprovalRules?.filter(D=>{const u=D.criteria[0].range;if(u.max!=null){if(u.min.amount<g&&u.max.amount>=g)return D}else if(u.min.amount<g)return D;return null}).map(D=>({...D,stepsWithStatus:D.steps.map(u=>({...u,actorsActivity:[],isOriginalApprovalStep:!0})),isRealTimeApprovalEnabled:!1})))}const Xn=g=>{const D=Jn();return P.handleSubmit(()=>{D&&(Xe("submit"),v?.trackReimbursementSubmitReimbursement(e.createTime?.format(Qi.analytics.MMMDashDDDashYYYYFormat)??bi().format(Qi.analytics.MMMDashDDDashYYYYFormat),r.currencyCode,de,f),B(),wi(!0))})(g)},Zn=()=>{const g=P.getValues(),D=ni(g,e.merchantList.merchants,r,de,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);ae?.(D),_()},Qn=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,eo=e.reimbursementInfo?.paymentDate!=null?it(vn(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,to=e.reimbursementInfo?.expectedDepositDate??eo,io=f!=null&&e.remiStage==="draft",Ci=No(e.duplicateLineByLineId),Ht=e.duplicateReimbursementStatus.fetchState==="Completed"&&Ci>0,{requestToOpenThread:Kt,setRequestToOpenThread:vt,setOpenThread:Gt}=S.useContext(ao);S.useEffect(()=>{h?.threadId!=null&&h?.companyId!=null&&h?.entityType!=null&&vt(h)},[h,vt]);const{threads:yt,isLoading:Ze}=ro({application:"dashboard",companyId:Re.currentTenant?.companyId,tab:"reimbursement",entityId:f,isGlobalComment:!1},"both",!1);S.useEffect(()=>{Kt?.threadId!=null&&yt.length>0&&!Ze&&(Gt(Kt.threadId),vt(null))},[Kt,yt,Ze,Gt,vt]);const no=S.useMemo(()=>f==null?[]:yt.filter(g=>g.resolved===!1&&!g.id.includes(lo)),[yt,f]).length,oo=(g,D)=>{Gt(D);const u=g.entityType.split("."),w=parseInt(u[2]);if(isNaN(w)){st(!1);return}const Ct=`${w+1}`,M=e.lineDetailSection[w+1].type;u.includes(b.mileageKey)&&M===b.outOfPocketKey?le(Ai(b.mileageKey),Ct,f):u.includes(b.outOfPocketKey)&&M===b.mileageKey&&le(Ai(b.outOfPocketKey),Ct,f),st(!1)};return t.jsx(Er,{ref:ee,children:t.jsx(so,{sharedItems:{sharedFunctions:void 0,sharedRef:{contentWrapperRef:ot.current??null}},children:t.jsxs(ln,{...P,children:[t.jsx("form",{id:tn(en),onSubmit:g=>Xn(g),children:t.jsxs(hl,{windowSize:A,ref:ot,children:[Vn?t.jsx(di,{titleComponent:t.jsx(dn,{children:ye.title}),descriptionComponent:t.jsx(sn,{children:ye.description}),primaryButtonText:ye.primaryButtonText,secondaryButtonText:ye.secondaryButtonText,action:Hn,proceedButtonVariant:ye.title===b.deleteBankAccountTitle||ye.title===b.deleteDraftTitle||ye.title===b.deleteReportTitle||ye.title===b.discardTitle?"danger":"primary",isEditPopup:ye.title===b.deleteBankAccountTitle}):null,_n?t.jsx(Ir,{reimbursementId:f,submitFetchState:e.saveStatus?.fetchState??"Not-Started",duplicateReimbursementStatus:e.duplicateReimbursementStatus.fetchState,hasDuplicateLine:Ht,numberOfDuplicateLines:Ci,setShowDuplicatePopup:wi,submitReport:Zn,fetchDuplicateReimbursement:T,clearDuplicateReimbursementDetail:B,clearRemiSaveStatus:te,analytics:v}):null,Ye?t.jsx(on,{windowSize:A}):null,Be?t.jsxs(on,{windowSize:A,"data-testid":q("skip-autofill-section"),children:[A==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Xr,{children:t.jsx(ri,{partOfSkipAutoFill:!0,size:A,onClick:()=>ht(!1),"data-testid":q("close-invoice-upload"),children:t.jsx(ai,{withOverlay:!0,children:t.jsx(oi,{})})})}),t.jsx(Qr,{children:_t})]}):null,t.jsx(kn,{showAutofill:Be,analytics:v,onSkipAutofill:()=>{v?.trackReimbursementSkipAutofill(),ht(!1)},uploadInvoiceEndPoint:p,authParams:o,style:{width:Q.leftSectionWidth.valuePercentage(A),boxSizing:"border-box",backgroundColor:A==="small"?Ne.colors.grey4:"unset",padding:A==="small"?`${i.sp5} ${i.sp3}`:`78px ${i.sp6} 15px ${i.sp8}`,margin:A==="small"?i.sp0:void 0},onInvoiceUpload:g=>F(g,gt,!0),dropFilePlaceholder:{upload:b.dropReceipt.upload,single:b.dropReceipt.single,or:b.dropReceipt.or,multiple:b.dropReceipt.multiple,receipts:b.dropReceipt.receipts},updateInvoiceUploadFetchState:je,showInfoText:!1,allowMultiFiles:Be,type:"reimbursement"}),A!=="small"?t.jsx(Zr,{children:t.jsx(ri,{partOfSkipAutoFill:!0,onClick:()=>ht(!1),"data-testid":q("close-invoice-upload"),children:t.jsx(ai,{withOverlay:!0,children:t.jsx(oi,{})})})}):null]}):null,t.jsxs(dl,{windowSize:A,"data-testid":q("edit-reimbursement-detail-page-nav-bar-container"),children:[A!=="small"?t.jsx(Ti,{style:{width:"42%"},"data-testid":q("edit-reimbursement-detail-page-left-nav-bar"),title:"",leftSideComponent:t.jsx(cl,{"data-testid":q("zeni-logo-spend-management-reimbursement-detail-page"),onClick:se}),enableTitleOnScroll:!1,scrollableContent:ee,backgroundColor:Ne.colors.background,keepBackgroundOnScroll:!0,source:"EditReimbursementDetailPage"}):null,A!=="small"?t.jsx(Nr,{}):null,t.jsx(Ti,{style:{width:Q.navBarWidth.valuePercentage(A)},"data-testid":q("edit-reimbursement-detail-page-right-nav-bar"),source:"EditReimbursementDetailPage",title:_t,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:Be!=!0?t.jsxs(ul,{children:[C&&f!=null?t.jsxs(ml,{isDisabled:Ze,"data-testid":q("remi-comment-button"),onClick:Ze?()=>null:g=>{g.preventDefault(),g.stopPropagation(),N({roomId:St,companyId:Re.currentTenant?.companyId??"",companyName:Re.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:f}),st(!0),v?.trackCommentActivity("reimbursement","clicked",Re.currentTenant?.companyName??"",Re.controllersList.controllers.map(D=>uo(D)),void 0,void 0,"page icon")},children:[t.jsx(co,{count:Ze?void 0:no,isLoading:Ze,style:{left:"12px"}}),t.jsx(pl,{})]}):null,t.jsx(ri,{size:A,onClick:()=>Si(),"data-testid":q("close-nav-bar"),children:t.jsx(ai,{withOverlay:!1,children:t.jsx(oi,{})})})]}):null,enableTitleOnScroll:A!=="small",scrollThreshold:64,scrollableContent:ee,backgroundColor:Ne.colors.grey4})]}),A==="small"?t.jsxs(t.Fragment,{children:[t.jsx(sl,{children:_t}),t.jsx(mo,{progressSectionObj:Qn,createDate:e.createTime,paymentDate:to,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isBillUploaded:f!=null?!0:e.uploadStatus==="Completed"}),qt&&t.jsxs(il,{children:[t.jsx(tl,{}),t.jsx(nl,{children:b.banner})]}),e.isProcessing?t.jsx(cn,{variant:"warning",style:{margin:A==="small"?`${i.sp5} ${i.sp3}`:`${i.sp3} ${i.sp8} ${i.sp3} ${i.sp6}`},title:Zi.duplicateWarning.title,description:Zi.duplicateWarning.description}):Ht?t.jsxs(ol,{size:A,children:[t.jsx(_r,{}),t.jsxs(rl,{children:[t.jsx(al,{children:b.thereSeems}),t.jsx(ll,{children:b.pleaseFind})]})]}):null,t.jsx(Dn,{isReimbursementCommentingEnabled:C,sectionId:zt,reimbursementId:e.remiId,reportTitle:e.whatForSection.reportTitle})]}):null,t.jsx(tr,{onDuplicateLineClick:oe,reimbursementId:f,remiDetails:e,uploadInvoiceEndPoint:p,authParams:o,showSkipAutoFill:Be,setShowSkipAutoFill:ht,isReimbursementCommentingEnabled:C,isAutoFieldsExist:qt,totalAmount:de,removeFileFromLine:ge,onReplaceClick:Yn,onReceiptsUpload:F,currencyConversionStatus:e.currencyConversionStatus,setCurrentLineIdForUpload:Fn,setUploadedReceiptPayload:Un,updateInvoiceUploadFetchState:je,clearTentativeNameForLine:Pe,defaultCurrency:r,companyMileageConfigInfo:c,isUserAdmin:m,setShowBankAccountPage:Nt,bankAccounts:s,onDeleteBankAccount:Gn,analytics:v,fileRequiredLineIds:Ut,isSignedInUserReimbursementCreator:y,uncategorizedAccounts:$,showTotalAmountLoader:lt,duplicateLineByLineId:e.duplicateLineByLineId,hasDuplicateLine:Ht,removeDuplicateReimbursementForLine:ne,scrollContainerRef:ee}),t.jsxs(gl,{showSkipAutoFill:Be,windowSize:A,children:[A!=="small"?t.jsx(nn,{}):null,t.jsx(yl,{windowSize:A,children:t.jsxs(bl,{windowSize:A,children:[e.remiId!==void 0&&t.jsx(Di,{amount:de??0,activities:e.remiActivities,stage:e.remiStage??"draft",onAddNewRule:me,entity:"reimbursement",historicActivities:e.remiHistory.activities}),e.remiId==null&&de!=null&&de>0?t.jsx(Di,{amount:de??0,activities:vi,stage:"draft",entity:"reimbursement",historicActivities:e.remiHistory.activities}):null]})})]}),t.jsx(fl,{}),t.jsxs(el,{showSkipAutoFill:Be,windowSize:A,children:[A!=="small"?t.jsx(nn,{}):null,t.jsx(Wr,{windowSize:A,onClick:g=>{g.stopPropagation(),qe===!0&&He(!1)},children:t.jsx(un,{formId:tn(en),separatorStyle:{marginRight:i.sp4},showCancel:y,cancelBtn:{label:m&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected"?A==="small"?b.buttons.discard:b.buttons.discardChanges:A==="small"?b.buttons.save:b.buttons.saveChanges,isLoading:Je==="save"&&e.saveStatus?.fetchState==="In-Progress",onClick:$i,style:{width:Q.footerButtonWidth.value(A)},reverseSpinnerColor:!1},primaryBtn:{label:Fr(y,m,e,A),isDisabled:!y,style:{width:y?Q.footerButtonWidth.value(A):"auto"},type:y?"submit":"button",onClick:y?()=>null:$i,isLoading:!y&&Je==="save"&&e.saveStatus?.fetchState==="In-Progress"},rightSideComponent:t.jsx(Ur,{children:t.jsxs(Gr,{windowSize:A,children:[qe?t.jsx(mn,{onClickAway:()=>He(!1),children:t.jsx(Kr,{windowSize:A,"data-testid":q("remi-other-actions-container"),children:t.jsx(Yr,{onClick:Kn,"data-testid":q("delete-report-action"),children:b.buttons.deleteReport})})}):null,t.jsx(Hr,{windowSize:A,children:io===!0?t.jsx(qr,{windowSize:A,"data-testid":q("more-details-button"),children:t.jsx(Vr,{onClick:()=>He(!qe)})}):null})]})}),style:{minHeight:62}})})]}),C&&f!=null?t.jsx(Fo,{id:St,children:t.jsx(po,{isDrawerOpen:xe,allowComposer:!0,drawerTitle:Or,threads:yt,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:ze?.companyId??Rr,isGlobalComment:!1,tab:"reimbursement"},isLoading:Ze,threadMetadata:ze?{companyName:ze.companyName,companyId:ze.companyId,entityId:ze.entityId,entityType:ze.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:Lr,replyComposerPlaceholder:Ar,threadResolve:zr,threadUnResolve:Br},onThreadClick:(g,D)=>oo(g,D),onCloseAllThreadsDrawer:()=>st(!1),drawerSectionStyle:{width:"400px",backgroundColor:Ne.colors.background}})}):null]})}),En?t.jsx(Jr,{windowSize:A,children:t.jsx(hr,{bankAccountCreationState:k,setShowBankAccountPage:Nt,plaidConnectionDetails:l,onFetchLinkTokenClick:Oe,onEstablishConnectionClick:pe,onSaveHandler:L,bankAccountToCreate:O,bankNameByRouting:x,fetchBankNameByRoutingStatus:I,onUserBankDetailsUpdated:R,onFetchBankName:H,onBackClick:()=>{Ge(),Nt(!1)}})}):null]})})})},Fr=(e,o,r,c)=>e?r.reimbursementId!=null&&r.remiStage==="pending_approval"?b.buttons.resubmit:b.buttons.submit:o&&r.remiStage==="pending_approval"&&r.remiStatus!=="rejected"?c==="small"?b.buttons.discard:b.buttons.discardChanges:c==="small"?b.buttons.save:b.buttons.saveChanges,Er=n.div`
+`,Z={rightMargin:new d(r[3],r[8]),leftMargin:new d(r[3],r[6]),bottomMargin:new d(56,56),closeMarginTop:new d(0,19),closeMarginRight:new d(r[3],r[8]),rightSectionWidth:new d(100,58),leftSectionWidth:new d(100,42),footerButtonWidth:new d(120,165),right:new d(r[3],r[0]),actionsContainerRight:new d(r[0],r[6]),otherActionsContainerBottom:new d(58,44),duplicateBannerWrapperMarginTop:new d(r[5],r[3]),duplicateBannerWrapperMarginRight:new d(r[3],r[8]),duplicateBannerWrapperMarginBottom:new d(r[5],r[3]),duplicateBannerWrapperMarginLeft:new d(r[3],r[6]),navBarWidth:new d(100,58)},{spendManagement:{reimbursement:{reimbursementDetail:b,bulkActions:Xi}},common:{currency:{currencyCode:We,currencySymbol:jt},texts:{comments:Rr},strings:{empty:Lr}},collaboration:{threads:{placeholder:{addANewComment:Ar,replyAComment:zr},tooltip:{resolveComment:Br,unResolveComment:Mr}}},dateFormat:Zi}=fe.getLocalizedStrings(),en="editReimbursementDetailPage",tn=e=>`${e}_form`,Fr=(e,o,a,c,p,C,m,v,f)=>{const l=e.outOfPocket,k=e.mileage,x=l.merchant,s=l.recommendations;return{lineIndex:C,lineId:e?.lineId??String(C+1),reimbursementType:e?.type??b.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(Ke(a,[])),selectedOption:l?.lineDetail?.class?.classId??f},account:{allOptions:_e(zt(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:v.map(y=>({label:`${y.currencyCode} - ${y.currency}`,value:y.currencyCode,countryCode:ci(y.countryCode)})),selectedOption:l?.currencyCode??m.currencyCode??We}},memo:l?.description??void 0,merchant:{allOptions:c.map(y=>y.id).filter(y=>!!y),selectedOption:x?.id?x?.id:x?.name?x?.name:e?.lineId!=null?p[e?.lineId]:void 0}},mileage:{transactionDate:k?.transactionDate?.toDate(),class:{allOptions:_e(Ke(a,[])),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}}},ti=(e,o,a)=>{const c=[];return Object.values(e.lineDetailSection).forEach((p,C)=>{p?.lineId!=null&&c.push(Fr(p,e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,e.tentativeMerchantNameByLineId,C,o,e.allCurrencies,e.loggedInUserDepartmentId))}),c.length===0&&c.push(An(0,"1",e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,o,e.allCurrencies,e.loggedInUserDepartmentId)),{[At]:{reportTitle:e.whatForSection.reportTitle},[fi]:c,[ft]:{selectedOption:e.paymentTo,allOptions:a.map(p=>p.bankAccountId)}}},ii=(e,o)=>{const a=c=>c.lineId==null||o[c.lineId]?.fetchState==="In-Progress"?0:(o[c.lineId]?.fetchState,c.type===b.mileageKey?c?.mileage?.amount??0:c?.outOfPocket?.currencyCode!==We&&c.homeCurrencyConversions?.amount!==c?.outOfPocket?.amount?c.homeCurrencyConversions?.amount??0:c?.outOfPocket?.amount??0);return Object.values(e).reduce((c,p)=>c+a(p),0)},ni=(e,o,a,c,p,C,m,v)=>{const f={};return e.lineInfo.forEach(l=>{const k=v.find(P=>P.classId===l.mileage.class.selectedOption),x=m.find(P=>P.qboId===l.outOfPocket.account.selectedOption||P.accountId===l.outOfPocket.account.selectedOption),s=v.find(P=>P.classId===l.outOfPocket.class.selectedOption),y=o.find(P=>P.id===l.outOfPocket.merchant.selectedOption),$=C.find(P=>P.currencyCode===l.outOfPocket.amount?.currency.selectedOption)?.currencySymbol;f[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?it(l.mileage.transactionDate.toDateString()):void 0,amount:l.mileage.amount?.amount??0,currencyCode:l.mileage.amount?.currencyCode??$,currencySymbol:l.mileage.amount?.currencySymbol??$,distanceMileage:{unit:"miles",value:l.mileage.distanceInMiles??0}},outOfPocket:{description:l.outOfPocket.memo??"",lineDetail:{class:s,account:x},transactionDate:l.outOfPocket.transactionDate!=null?it(l.outOfPocket.transactionDate.toDateString()):void 0,amount:l.outOfPocket.amount?.amount??0,currencyCode:l.outOfPocket.amount?.currency.selectedOption??$,currencySymbol:$,merchant:l.outOfPocket.merchant.selectedOption!=null?{id:y?.id??"",name:y?.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:f,totalAmount:{amount:c,...a},currencyConversionStateByLineId:p,paymentTo:e.paymentTo.selectedOption}},nn=({remiDetails:e,authParams:o,defaultCurrency:a,companyMileageConfigInfo:c,uploadInvoiceEndPoint:p,isReimbursementCommentingEnabled:C,isUserAdmin:m,analytics:v,reimbursementId:f,plaidConnectionDetails:l,bankAccountCreationState:k,bankNameByRouting:x,bankAccounts:s,isSignedInUserReimbursementCreator:y,uncategorizedAccounts:$,bankAccountToCreate:P,fetchBankNameByRoutingStatus:I,onUserBankDetailsUpdated:R,onFetchBankName:H,onSaveBankAccount:L,fetchDuplicateReimbursement:T,clearDuplicateReimbursementDetail:B,clearRemiSaveStatus:te,removeDuplicateReimbursementForLine:ne,onDuplicateLineClick:oe,onExistingMerchantChange:Y,onNewMerchantChange:K,onReceiptsUpload:F,saveRemiDetails:Q,submitRemiDetails:_,discardReimbursementDetailsFromLocalStore:z,onReimbursementDetailsChanged:ae,updateReimbursementType:le,onHomeCurrencyConversionUpdate:U,redirectToReimbursementListScreen:ce,redirectToReimbursementDetailScreen:Ee,deleteReimbursement:ue,removeFileFromLine:ge,onZeniLogoClick:se,onAmountChanged:De,updateInvoiceUploadFetchState:je,clearTentativeNameForLine:Oe,onAddNewRule:me,onFetchLinkTokenClick:Pe,onEstablishConnectionClick:pe,deleteBankAccount:ve,onBackClickFromBankAccountPage:Ge,initialOpenThreadRequest:h})=>{const ee=S.useRef(null),ot=S.useRef(null),at=li(e.uploadStatus),Ne=xt(),Le=ht(),[Ye,Ae]=S.useState(!1),[qe,He]=S.useState(!1),[Qe,Je]=S.useState("save"),[de,rt]=S.useState(ii(e.lineDetailSection,e.currencyConversionStatus)),[lt,J]=S.useState(!1),[ze,N]=S.useState(null),[xe,st]=S.useState(!1),Et=`dashboard_${Le.currentTenant?.companyId}`,O=rn({mode:"all",reValidateMode:"onChange",defaultValues:S.useMemo(()=>ti(e,a,s),[e,a,s]),values:S.useMemo(()=>ti(e,a,s),[e,a,s]),resetOptions:{keepErrors:!0},shouldFocusError:!0}),{isDirty:Bn,dirtyFields:Mn}=O.formState,Fn=async(g,D)=>{const{lineInfo:u}=D,w=Number(g.split(".")[1]);if(g.includes("reportTitle")||g.includes("memo"))return;if(g.includes("reimbursementType")){const M=u[w].mileage,W=u[w].outOfPocket;u[w]={...u[w],outOfPocket:{transactionDate:W.transactionDate??void 0,class:{allOptions:W.class.allOptions??_e(Ke(e.classHierarchyList,[])),selectedOption:W.class.selectedOption??void 0},account:{allOptions:W.account.allOptions??_e(zt(e.accountsHierarchyList,[])),selectedOption:W.account.selectedOption??void 0},amount:W.amount??{amount:0,currencyCode:a.currencyCode,currencySymbol:a.currencySymbol,currency:{allOptions:e.allCurrencies.map(we=>({label:`${we.currencyCode} - ${we.currency}`,value:we.currencyCode,countryCode:ci(we.countryCode)})),selectedOption:a.currencyCode??We}},memo:W.memo??void 0,merchant:W.merchant??void 0,recommendations:W.recommendations??[],recommendedAccount:W.recommendedAccount??void 0,isCategoryUpdateSelected:W.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:W.isCategoryFirstTimeAutofilled??!1,retainedAccount:W.retainedAccount??void 0,isRetainedCategorySelected:W.isRetainedCategorySelected??!1},mileage:{transactionDate:M.transactionDate??void 0,class:{allOptions:M.class.allOptions??_e(Ke(e.classHierarchyList,[])),selectedOption:M.class.selectedOption??e.loggedInUserDepartmentId},distanceInMiles:M.distanceInMiles,amount:{amount:M?.amount?.amount??0,currencyCode:M?.amount?.currencyCode??We,currencySymbol:M?.amount?.currencySymbol??jt},memo:M.memo??void 0}}}else if(g.includes("mileage.distanceInMiles")){const{distanceInMiles:M}=u[w].mileage,W=c?.mileageUnitAmount??0;u[w].mileage={...u[w].mileage,amount:{amount:M!=null?M*W:0,currencyCode:a.currencyCode,currencySymbol:a.currencySymbol}}}else if(g.includes("outOfPocket.amount")&&u[w].lineId){const M=u[w].outOfPocket.amount,W=e.allCurrencies.find(we=>we.currencyCode===M?.currency.selectedOption)?.currencySymbol;if(M?.currencyCode!==M?.currency.selectedOption){const we=M?.currency?.allOptions||[];u[w].outOfPocket.amount={currency:{allOptions:we,selectedOption:M?.currency?.selectedOption},amount:u[w].outOfPocket?.amount?.amount??0,currencyCode:M?.currency.selectedOption??We,currencySymbol:W??jt}}if(M?.currency.selectedOption!==We)J(!0),Hn(u[w].lineId,We);else{const we={};u.forEach(Yt=>{we[Yt.lineId]={lineId:Yt.lineId,homeCurrencyConversions:Yt.homeCurrencyConversions}}),u[w].homeCurrencyConversions={amount:M.amount??0,currencyCode:M?.currency.selectedOption??We,currencySymbol:W??jt};const ki=ii(we,e.currencyConversionStatus);de!==ki&&rt(ki)}}else if(g.includes("outOfPocket.isRetainedCategorySelected"))u[w].outOfPocket.isRetainedCategorySelected===!0&&(u[w].outOfPocket.isCategoryUpdateSelected=!1,u[w].outOfPocket.account.selectedOption=u[w].outOfPocket.retainedAccount?.qboId);else if(g.includes("outOfPocket.isCategoryUpdateSelected"))if(u[w].outOfPocket.isCategoryUpdateSelected===!0)u[w].outOfPocket.account.selectedOption=u[w].outOfPocket.recommendedAccount?.qboId,u[w].outOfPocket.isRetainedCategorySelected=!1;else{const M=u[w].lineId,W=e.editRemiInitialDetails.lineDetailSection[M]?.lineDetail?.account?.qboId;u[w].outOfPocket.account.selectedOption=W,u[w].outOfPocket.isRetainedCategorySelected=!1}else g.includes("outOfPocket.account")&&(u[w].outOfPocket.recommendations.length>0&&(u[w].outOfPocket.recommendedAccount=u[w].outOfPocket.recommendations[0].account),u[w].outOfPocket.recommendedAccount?.qboId!=null&&u[w].outOfPocket.account.selectedOption===u[w].outOfPocket.recommendedAccount?.qboId?u[w].outOfPocket.isCategoryUpdateSelected=!0:u[w].outOfPocket.isCategoryUpdateSelected=!1,u[w].outOfPocket.retainedAccount?.qboId!=null&&u[w].outOfPocket.account.selectedOption===u[w].outOfPocket.retainedAccount?.qboId?u[w].outOfPocket.isRetainedCategorySelected=!0:u[w].outOfPocket.isRetainedCategorySelected=!1,u[w].outOfPocket.isCategoryFirstTimeAutofilled=!1);const vt=ni({...D,lineInfo:u},e.merchantList.merchants,a,de,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);if(ae?.(vt),g.includes("outOfPocket.merchant")){const M=u[w].lineId,W=u[w].outOfPocket.merchant.selectedOption??"";u[w].outOfPocket.merchant.allOptions.find(we=>we===W)!=null?Y(W,M):K(W,M)}},xi=S.useMemo(()=>Ii((g,D)=>Fn(g,D),300),[e.accountList.fetchState,e.classList.fetchState,e.merchantList.fetchState]);S.useEffect(()=>{const g=O.watch((D,{name:u})=>{u!=null&&D!=null&&xi(u,D)});return()=>{g.unsubscribe()}},[xi,O]),S.useEffect(()=>{const g=No(Object.values(e.currencyConversionStatus)),D=g.fetchState==="In-Progress"||g.fetchState==="Error";J(D)},[e.currencyConversionStatus]),S.useEffect(()=>{for(const D in e.currencyConversionStatus){const u=e.lineDetailSection[D],w=e.lineDetailSection[D];e.currencyConversionStatus[D].fetchState==="Completed"&&w!=null&&u.type!==b.mileageKey&&!ln(u?.homeCurrencyConversions,w.homeCurrencyConversions)&&U({amount:u?.homeCurrencyConversions?.amount??0,currencyCode:u?.homeCurrencyConversions?.currencyCode??We,currencySymbol:u?.homeCurrencyConversions?.currencySymbol??jt},D,f)}const g=ii(e.lineDetailSection,e.currencyConversionStatus);de!==g&&rt(g)},[e.currencyConversionStatus,e.lineDetailSection]),S.useEffect(()=>{(e.saveStatus?.fetchState==="Completed"||e.deleteStatus.fetchState==="Completed")&&(z(f),ce?.())},[e.saveStatus?.fetchState,e.deleteStatus.fetchState,f,z,ce]);const A=Re(),[Be,gt]=S.useState(f==null),[yt,En]=S.useState(1),[Nn,Nt]=S.useState(!1),[Wn,Un]=S.useState(""),[Wt,Vn]=S.useState(null),[_n,dt]=S.useState(!1),[qn,wi]=S.useState(!1),[Ut,Vt]=S.useState([]),[ye,St]=S.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),Hn=S.useRef(Ii((g,D)=>De(g,D),500,{trailing:!0})).current;S.useEffect(()=>{at==="In-Progress"&&(e.uploadStatus==="Completed"?(O.reset(ti(e,a,s),{keepDefaultValues:!0}),Ae(!1),gt(!1)):e.uploadStatus==="Error"&&Ae(!1))},[at,e.uploadStatus,O,e,Ye,Ae,Be,a,s,v]),S.useEffect(()=>{e.uploadStatus==="In-Progress"&&Be===!1&&Ae(!0)},[e.uploadStatus,Ae,Be]);const _t=e.remiStage==="draft"?b.newReimbursementTitle:b.editReimbursementTitle,Kn={onOkClick:()=>{if(dt(!1),ye.primaryButtonText===b.buttons.discard)z(f),e.remiStage==="draft"?ce?.():Ee?.();else if(ye.primaryButtonText===b.buttons.delete)ye.title===b.deleteBankAccountTitle?ve?.(Wn):ue?.();else if(ye.primaryButtonText===b.buttons.yes&&Wt!=null){const g=Ut.filter(D=>D!==yt.toString());Vt(g),F(Wt,yt,!0)}},onCancelClick:()=>{if(dt(!1),ye.secondaryButtonText===b.buttons.no){const g=Ut.filter(D=>D!==yt.toString());Vt(g),F(Wt,yt,!1)}}},Si=()=>{Bn||xo(Mn)?(St({title:b.discardTitle,description:b.discardDescription,primaryButtonText:b.buttons.discard,secondaryButtonText:b.buttons.cancel}),dt(!0)):(z(f),ce?.())},Gn=()=>{St({title:e.remiStage==="draft"?b.deleteDraftTitle:b.deleteReportTitle,description:b.deleteAlertDescription,primaryButtonText:b.buttons.delete,secondaryButtonText:b.buttons.cancel}),dt(!0)},Yn=g=>{Un(g),St({title:b.deleteBankAccountTitle,description:b.deleteBankAccountDescription,primaryButtonText:b.buttons.delete,secondaryButtonText:b.buttons.cancel}),dt(!0)},Qn=()=>{St({title:b.overwriteTitle,description:b.overwriteDescription,primaryButtonText:b.buttons.yes,secondaryButtonText:b.buttons.no}),dt(!0)},Jn=()=>{let g=!0;const D=[];return Object.values(e.lineDetailSection).forEach((u,w)=>{u.type===b.outOfPocketKey&&On(u)>=75&&u.file==null&&(D.push(u.lineId),g=!1)}),Vt(D),g},$i=()=>{if(m&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected")Si();else{Je("save");const g=O.getValues(),D=ni(g,e.merchantList.merchants,a,de,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);ae?.(D);const u=D.whatForSection?.reportTitle;u!=null&&u.length>0?Q(e.remiStatus==="rejected"?"pending_approval":"draft"):O.trigger(`${At}.reportTitle`,{shouldFocus:!0})}};let qt=!1;Object.values(e.addRemiAutoFieldsByLineId).forEach(g=>{g.length>0&&(qt=!0)});let vi=[];if(e.remiId==null){const g=de??0;g>0&&(vi=e.approvalRules.allApprovalRules?.filter(D=>{const u=D.criteria[0].range;if(u.max!=null){if(u.min.amount<g&&u.max.amount>=g)return D}else if(u.min.amount<g)return D;return null}).map(D=>({...D,stepsWithStatus:D.steps.map(u=>({...u,actorsActivity:[],isOriginalApprovalStep:!0})),isRealTimeApprovalEnabled:!1})))}const Xn=g=>{const D=Jn();return O.handleSubmit(()=>{D&&(Je("submit"),v?.trackReimbursementSubmitReimbursement(e.createTime?.format(Zi.analytics.MMMDashDDDashYYYYFormat)??bi().format(Zi.analytics.MMMDashDDDashYYYYFormat),a.currencyCode,de,f),B(),wi(!0))})(g)},Zn=()=>{const g=O.getValues(),D=ni(g,e.merchantList.merchants,a,de,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);ae?.(D),_()},eo=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,to=e.reimbursementInfo?.paymentDate!=null?it(Cn(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,io=e.reimbursementInfo?.expectedDepositDate??to,no=f!=null&&e.remiStage==="draft",Ci=Wo(e.duplicateLineByLineId),Ht=e.duplicateReimbursementStatus.fetchState==="Completed"&&Ci>0,{requestToOpenThread:Kt,setRequestToOpenThread:$t,setOpenThread:Gt}=S.useContext(lo);S.useEffect(()=>{h?.threadId!=null&&h?.companyId!=null&&h?.entityType!=null&&$t(h)},[h,$t]);const{threads:bt,isLoading:Xe}=so();S.useEffect(()=>{Kt?.threadId!=null&&bt.length>0&&!Xe&&(Gt(Kt.threadId),$t(null))},[Kt,bt,Xe,Gt,$t]);const oo=S.useMemo(()=>f==null?[]:bt.filter(g=>g.resolved===!1&&!g.id.includes(co)),[bt,f]).length,ao=(g,D)=>{Gt(D);const u=g.entityType.split("."),w=parseInt(u[2]);if(isNaN(w)){st(!1);return}const vt=`${w+1}`,M=e.lineDetailSection[w+1].type;u.includes(b.mileageKey)&&M===b.outOfPocketKey?le(Ai(b.mileageKey),vt,f):u.includes(b.outOfPocketKey)&&M===b.mileageKey&&le(Ai(b.outOfPocketKey),vt,f),st(!1)};return t.jsx(Nr,{ref:ee,children:t.jsx(uo,{sharedItems:{sharedFunctions:void 0,sharedRef:{contentWrapperRef:ot.current??null}},children:t.jsxs(sn,{...O,children:[t.jsx("form",{id:tn(en),onSubmit:g=>Xn(g),children:t.jsxs(gl,{windowSize:A,ref:ot,children:[_n?t.jsx(di,{titleComponent:t.jsx(cn,{children:ye.title}),descriptionComponent:t.jsx(dn,{children:ye.description}),primaryButtonText:ye.primaryButtonText,secondaryButtonText:ye.secondaryButtonText,action:Kn,proceedButtonVariant:ye.title===b.deleteBankAccountTitle||ye.title===b.deleteDraftTitle||ye.title===b.deleteReportTitle||ye.title===b.discardTitle?"danger":"primary",isEditPopup:ye.title===b.deleteBankAccountTitle}):null,qn?t.jsx(Tr,{reimbursementId:f,submitFetchState:e.saveStatus?.fetchState??"Not-Started",duplicateReimbursementStatus:e.duplicateReimbursementStatus.fetchState,hasDuplicateLine:Ht,numberOfDuplicateLines:Ci,setShowDuplicatePopup:wi,submitReport:Zn,fetchDuplicateReimbursement:T,clearDuplicateReimbursementDetail:B,clearRemiSaveStatus:te,analytics:v}):null,Ye?t.jsx(an,{windowSize:A}):null,Be?t.jsxs(an,{windowSize:A,"data-testid":q("skip-autofill-section"),children:[A==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Xr,{children:t.jsx(ri,{partOfSkipAutoFill:!0,size:A,onClick:()=>gt(!1),"data-testid":q("close-invoice-upload"),children:t.jsx(ai,{withOverlay:!0,children:t.jsx(oi,{})})})}),t.jsx(el,{children:_t})]}):null,t.jsx(In,{showAutofill:Be,analytics:v,onSkipAutofill:()=>{v?.trackReimbursementSkipAutofill(),gt(!1)},uploadInvoiceEndPoint:p,authParams:o,style:{width:Z.leftSectionWidth.valuePercentage(A),boxSizing:"border-box",backgroundColor:A==="small"?Ne.colors.grey4:"unset",padding:A==="small"?`${i.sp5} ${i.sp3}`:`78px ${i.sp6} 15px ${i.sp8}`,margin:A==="small"?i.sp0:void 0},onInvoiceUpload:g=>F(g,yt,!0),dropFilePlaceholder:{upload:b.dropReceipt.upload,single:b.dropReceipt.single,or:b.dropReceipt.or,multiple:b.dropReceipt.multiple,receipts:b.dropReceipt.receipts},updateInvoiceUploadFetchState:je,showInfoText:!1,allowMultiFiles:Be,type:"reimbursement"}),A!=="small"?t.jsx(Zr,{children:t.jsx(ri,{partOfSkipAutoFill:!0,onClick:()=>gt(!1),"data-testid":q("close-invoice-upload"),children:t.jsx(ai,{withOverlay:!0,children:t.jsx(oi,{})})})}):null]}):null,t.jsxs(cl,{windowSize:A,"data-testid":q("edit-reimbursement-detail-page-nav-bar-container"),children:[A!=="small"?t.jsx(Ti,{style:{width:"42%"},"data-testid":q("edit-reimbursement-detail-page-left-nav-bar"),title:"",leftSideComponent:t.jsx(ul,{"data-testid":q("zeni-logo-spend-management-reimbursement-detail-page"),onClick:se}),enableTitleOnScroll:!1,scrollableContent:ee,backgroundColor:Ne.colors.background,keepBackgroundOnScroll:!0,source:"EditReimbursementDetailPage"}):null,A!=="small"?t.jsx(Wr,{}):null,t.jsx(Ti,{style:{width:Z.navBarWidth.valuePercentage(A)},"data-testid":q("edit-reimbursement-detail-page-right-nav-bar"),source:"EditReimbursementDetailPage",title:_t,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:Be!=!0?t.jsxs(ml,{children:[C&&f!=null?t.jsxs(pl,{isDisabled:Xe,"data-testid":q("remi-comment-button"),onClick:Xe?()=>null:g=>{g.preventDefault(),g.stopPropagation(),N({roomId:Et,companyId:Le.currentTenant?.companyId??"",companyName:Le.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:f}),st(!0),v?.trackCommentActivity("reimbursement","clicked",Le.currentTenant?.companyName??"",Le.controllersList.controllers.map(D=>po(D)),void 0,void 0,"page icon")},children:[t.jsx(mo,{count:Xe?void 0:oo,isLoading:Xe,style:{left:"12px"}}),t.jsx(hl,{})]}):null,t.jsx(ri,{size:A,onClick:()=>Si(),"data-testid":q("close-nav-bar"),children:t.jsx(ai,{withOverlay:!1,children:t.jsx(oi,{})})})]}):null,enableTitleOnScroll:A!=="small",scrollThreshold:64,scrollableContent:ee,backgroundColor:Ne.colors.grey4})]}),A==="small"?t.jsxs(t.Fragment,{children:[t.jsx(dl,{children:_t}),t.jsx(ho,{progressSectionObj:eo,createDate:e.createTime,paymentDate:io,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isBillUploaded:f!=null?!0:e.uploadStatus==="Completed"}),qt&&t.jsxs(nl,{children:[t.jsx(il,{}),t.jsx(ol,{children:b.banner})]}),e.isProcessing?t.jsx(un,{variant:"warning",style:{margin:A==="small"?`${i.sp5} ${i.sp3}`:`${i.sp3} ${i.sp8} ${i.sp3} ${i.sp6}`},title:Xi.duplicateWarning.title,description:Xi.duplicateWarning.description}):Ht?t.jsxs(al,{size:A,children:[t.jsx(qr,{}),t.jsxs(ll,{children:[t.jsx(rl,{children:b.thereSeems}),t.jsx(sl,{children:b.pleaseFind})]})]}):null,t.jsx(jn,{isReimbursementCommentingEnabled:C,sectionId:At,reimbursementId:e.remiId,reportTitle:e.whatForSection.reportTitle})]}):null,t.jsx(ir,{onDuplicateLineClick:oe,reimbursementId:f,remiDetails:e,uploadInvoiceEndPoint:p,authParams:o,showSkipAutoFill:Be,setShowSkipAutoFill:gt,isReimbursementCommentingEnabled:C,isAutoFieldsExist:qt,totalAmount:de,removeFileFromLine:ge,onReplaceClick:Qn,onReceiptsUpload:F,currencyConversionStatus:e.currencyConversionStatus,setCurrentLineIdForUpload:En,setUploadedReceiptPayload:Vn,updateInvoiceUploadFetchState:je,clearTentativeNameForLine:Oe,defaultCurrency:a,companyMileageConfigInfo:c,isUserAdmin:m,setShowBankAccountPage:Nt,bankAccounts:s,onDeleteBankAccount:Yn,analytics:v,fileRequiredLineIds:Ut,isSignedInUserReimbursementCreator:y,uncategorizedAccounts:$,showTotalAmountLoader:lt,duplicateLineByLineId:e.duplicateLineByLineId,hasDuplicateLine:Ht,removeDuplicateReimbursementForLine:ne,scrollContainerRef:ee}),t.jsxs(yl,{showSkipAutoFill:Be,windowSize:A,children:[A!=="small"?t.jsx(on,{}):null,t.jsx(bl,{windowSize:A,children:t.jsxs(fl,{windowSize:A,children:[e.remiId!==void 0&&t.jsx(Di,{amount:de??0,activities:e.remiActivities,stage:e.remiStage??"draft",onAddNewRule:me,entity:"reimbursement",historicActivities:e.remiHistory.activities}),e.remiId==null&&de!=null&&de>0?t.jsx(Di,{amount:de??0,activities:vi,stage:"draft",entity:"reimbursement",historicActivities:e.remiHistory.activities}):null]})})]}),t.jsx(xl,{}),t.jsxs(tl,{showSkipAutoFill:Be,windowSize:A,children:[A!=="small"?t.jsx(on,{}):null,t.jsx(Ur,{windowSize:A,onClick:g=>{g.stopPropagation(),qe===!0&&He(!1)},children:t.jsx(mn,{formId:tn(en),separatorStyle:{marginRight:i.sp4},showCancel:y,cancelBtn:{label:m&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected"?A==="small"?b.buttons.discard:b.buttons.discardChanges:A==="small"?b.buttons.save:b.buttons.saveChanges,isLoading:Qe==="save"&&e.saveStatus?.fetchState==="In-Progress",onClick:$i,style:{width:Z.footerButtonWidth.value(A)},reverseSpinnerColor:!1},primaryBtn:{label:Er(y,m,e,A),isDisabled:!y,style:{width:y?Z.footerButtonWidth.value(A):"auto"},type:y?"submit":"button",onClick:y?()=>null:$i,isLoading:!y&&Qe==="save"&&e.saveStatus?.fetchState==="In-Progress"},rightSideComponent:t.jsx(Vr,{children:t.jsxs(Yr,{windowSize:A,children:[qe?t.jsx(pn,{onClickAway:()=>He(!1),children:t.jsx(Gr,{windowSize:A,"data-testid":q("remi-other-actions-container"),children:t.jsx(Qr,{onClick:Gn,"data-testid":q("delete-report-action"),children:b.buttons.deleteReport})})}):null,t.jsx(Kr,{windowSize:A,children:no===!0?t.jsx(Hr,{windowSize:A,"data-testid":q("more-details-button"),children:t.jsx(_r,{onClick:()=>He(!qe)})}):null})]})}),style:{minHeight:62}})})]}),C&&f!=null?t.jsx(go,{isDrawerOpen:xe,allowComposer:!0,drawerTitle:Rr,threads:bt,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:ze?.companyId??Lr,isGlobalComment:!1,tab:"reimbursement"},isLoading:Xe,threadMetadata:ze?{companyName:ze.companyName,companyId:ze.companyId,entityId:ze.entityId,entityType:ze.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:Ar,replyComposerPlaceholder:zr,threadResolve:Br,threadUnResolve:Mr},onThreadClick:(g,D)=>ao(g,D),onCloseAllThreadsDrawer:()=>st(!1),drawerSectionStyle:{width:"400px",backgroundColor:Ne.colors.background}}):null]})}),Nn?t.jsx(Jr,{windowSize:A,children:t.jsx(gr,{bankAccountCreationState:k,setShowBankAccountPage:Nt,plaidConnectionDetails:l,onFetchLinkTokenClick:Pe,onEstablishConnectionClick:pe,onSaveHandler:L,bankAccountToCreate:P,bankNameByRouting:x,fetchBankNameByRoutingStatus:I,onUserBankDetailsUpdated:R,onFetchBankName:H,onBackClick:()=>{Ge(),Nt(!1)}})}):null]})})})},Wl=e=>{const o=ht().currentTenant?.companyId,{isReimbursementCommentingEnabled:a,reimbursementId:c}=e;if(!(a&&c!=null&&o!=null))return t.jsx(nn,{...e});const p=`dashboard_${o}`;return t.jsx(ro,{roomId:p,filter:{application:"dashboard",companyId:o,entityId:c,tab:"reimbursement",isGlobalComment:!1},children:t.jsx(nn,{...e})})},Er=(e,o,a,c)=>e?a.reimbursementId!=null&&a.remiStage==="pending_approval"?b.buttons.resubmit:b.buttons.submit:o&&a.remiStage==="pending_approval"&&a.remiStatus!=="rejected"?c==="small"?b.buttons.discard:b.buttons.discardChanges:c==="small"?b.buttons.save:b.buttons.saveChanges,Nr=n.div`
   position: relative;
   height: 100vh;
   overflow-y: scroll;
-`,Nr=n.div`
+`,Wr=n.div`
   position: fixed;
   top: 0;
   left: 42vw;
@@ -630,12 +630,12 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   box-shadow: 0 2px ${i.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
   pointer-events: none;
   z-index: 3;
-`,Wr=n.div`
-  width: ${e=>Q.rightSectionWidth.valuePercentage(e.windowSize)};
 `,Ur=n.div`
+  width: ${e=>Z.rightSectionWidth.valuePercentage(e.windowSize)};
+`,Vr=n.div`
   display: flex;
   justify-content: flex-end;
-`,Vr=n(xo)`
+`,_r=n(So)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${i.sp5};
@@ -643,11 +643,11 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,_r=n(Mo)`
+`,qr=n(Eo)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${j.brandColorGoldDark};
-`,qr=n.div`
+`,Hr=n.div`
   display: flex;
   margin-left: ${e=>e.windowSize==="small"?i.sp4:i.sp5};
   cursor: pointer;
@@ -655,11 +655,11 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Hr=n.div`
+`,Kr=n.div`
   display: flex;
   justify-content: center;
   align-items: center;
-`,Kr=n.div`
+`,Gr=n.div`
   display: flex;
   width: auto;
   align-items: center;
@@ -671,20 +671,20 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   padding-top: ${i.sp1};
   padding-bottom: ${i.sp1};
   position: absolute;
-  bottom: ${e=>Q.otherActionsContainerBottom.valuePx(e.windowSize)};
+  bottom: ${e=>Z.otherActionsContainerBottom.valuePx(e.windowSize)};
   z-index: 3;
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
   border-radius: ${i.sp1};
-  right: ${e=>Q.right.valuePx(e.windowSize)};
+  right: ${e=>Z.right.valuePx(e.windowSize)};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.grey1} 3D`};
-`,Gr=n.div`
+`,Yr=n.div`
   width: 100%;
   justify-content: flex-end;
   position: ${e=>e.windowSize==="small"?"static":"relative"};
-  right: ${e=>Q.actionsContainerRight.valuePx(e.windowSize)};
+  right: ${e=>Z.actionsContainerRight.valuePx(e.windowSize)};
   height: 100%;
   display: flex;
-`,Yr=n(hi)`
+`,Qr=n(hi)`
   display: flex;
   align-items: center;
   width: -webkit-fill-available;
@@ -701,7 +701,7 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   height: 100vh;
   position: fixed;
   background: ${e=>e.theme.colors.grey4};
-  width: ${e=>Q.rightSectionWidth.valuePercentage(e.windowSize)};
+  width: ${e=>Z.rightSectionWidth.valuePercentage(e.windowSize)};
   right: 0;
   top: 0;
 `,Xr=n.div`
@@ -712,23 +712,23 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   justify-content: end;
 `,Zr=n.div`
   width: 58%;
-`,Qr=n(ui)`
+`,el=n(ui)`
   padding: ${i.sp3} ${i.sp3} 0 ${i.sp3};
   background: ${e=>e.theme.colors.grey4};
   color: ${e=>e.theme.colors.primary};
-`,el=n.div`
+`,tl=n.div`
   display: ${e=>e.windowSize==="small"&&e.showSkipAutoFill?"none":"flex"};
   width: 100%;
   position: fixed;
   bottom: 0;
   z-index: 3;
-`,nn=n.div`
+`,on=n.div`
   width: 42%;
-`,tl=n(mi)`
+`,il=n(mi)`
   color: ${e=>e.theme.colors.primary};
   width: ${i.sp3};
   height: ${i.sp3};
-`,il=n.div`
+`,nl=n.div`
   display: flex;
   gap: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -736,31 +736,31 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   border-radius: ${i.sp2};
   align-items: center;
   margin: ${i.sp3};
-`,nl=n.span`
+`,ol=n.span`
   color: ${e=>e.theme.colors.hero};
-`,ol=n.div`
+`,al=n.div`
   display: flex;
   gap: ${i.sp2};
   padding: ${i.sp3};
   border-radius: ${i.sp2};
   align-items: start;
-  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)};
+  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)};
   background-color: ${j.alertLight};
   border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
-`,al=n(Et)`
+`,rl=n(Ft)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
-`,rl=n.div`
+`,ll=n.div`
   width: 100%;
-`,ll=n(yi)`
+`,sl=n(yi)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
-`,sl=n(ui)`
+`,dl=n(ui)`
   letter-spacing: -0.02em;
   color: ${e=>e.theme.colors.primary};
   margin: ${i.sp3};
-`,on=n.div`
+`,an=n.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   height: 100vh;
@@ -769,7 +769,7 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   background-color: ${j.overlayDark};
   z-index: 11; // This is to ensure that the skip autofill section is above the AI CFO icon whose value is 10
   position: fixed;
-`,dl=n.div`
+`,cl=n.div`
   z-index: 3;
   min-height: 62px;
   height: 62px;
@@ -778,13 +778,13 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   width: 100%;
   justify-content: space-between;
   position: fixed;
-`,cl=n(go)`
+`,ul=n(bo)`
   display: flex;
   color: ${e=>e.theme.colors.brandColorJade};
   cursor: pointer;
   width: ${i.sp4};
   height: ${i.sp4};
-`,oi=n(pn)`
+`,oi=n(hn)`
   cursor: pointer;
   width: ${i.sp4};
   height: ${i.sp4};
@@ -795,11 +795,11 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   &:hover {
     color: ${e=>e.withOverlay?j.primaryDark:e.theme.colors.primary};
   }
-`,ul=n.div`
-  margin-top: ${e=>Q.closeMarginTop.valuePx(e.windowSize)};
+`,ml=n.div`
+  margin-top: ${e=>Z.closeMarginTop.valuePx(e.windowSize)};
   display: flex;
   float: right;
-`,ml=n.div`
+`,pl=n.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -810,17 +810,17 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,pl=n(yo)`
+`,hl=n(fo)`
   display: flex;
   width: ${i.sp4};
   height: ${i.sp4};
   align-items: center;
   justify-content: center;
 `,ri=n.div`
-  margin-top: ${e=>e.partOfSkipAutoFill===!0?Q.closeMarginTop.valuePx(e.size):0};
+  margin-top: ${e=>e.partOfSkipAutoFill===!0?Z.closeMarginTop.valuePx(e.size):0};
   margin-left: ${i.sp5};
-  margin-right: ${e=>e.partOfSkipAutoFill===!0?Q.closeMarginRight.valuePx(e.size):0};
-`,hl=n.div`
+  margin-right: ${e=>e.partOfSkipAutoFill===!0?Z.closeMarginRight.valuePx(e.size):0};
+`,gl=n.div`
   display: flex;
   flex-direction: column;
   width: 100vw;
@@ -849,17 +849,17 @@ import{aS as li,y as ft,ay as xt,aa as an,aA as Ii,aG as rn,J as Le,gm as ao,go
     background: ${e.theme.colors.grey4};
   `}
   min-height: 100vh;
-`,gl=n.div`
+`,yl=n.div`
   display: ${e=>e.windowSize==="small"&&e.showSkipAutoFill?"none":"flex"};
   width: 100%;
-  margin-bottom: ${e=>Q.bottomMargin.valuePx(e.windowSize)};
-`,yl=n.div`
-  width: ${e=>Q.rightSectionWidth.valuePercentage(e.windowSize)};
+  margin-bottom: ${e=>Z.bottomMargin.valuePx(e.windowSize)};
 `,bl=n.div`
-  margin-left: ${e=>Q.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>Q.rightMargin.valuePx(e.windowSize)};
+  width: ${e=>Z.rightSectionWidth.valuePercentage(e.windowSize)};
 `,fl=n.div`
+  margin-left: ${e=>Z.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>Z.rightMargin.valuePx(e.windowSize)};
+`,xl=n.div`
   display: flex;
   flex-direction: column;
   height: ${i.sp11};
-`;export{Nl as default,tn as uniqueName};
+`;export{Wl as default,tn as uniqueName};