npm - @zeniai/web-cockpit-ui - Versions diffs - 1.14.88-qa → 1.14.89-dev - Mend

@zeniai/web-cockpit-ui 1.14.88-qa → 1.14.89-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (232) hide show

package/dist/assets/{EditReimbursementDetailPage-BTrwOX_s-DvpBdlkg.js → EditReimbursementDetailPage-BTrwOX_s-Bpc20RR2.js} RENAMED Viewed

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

package/dist/assets/{EntityDetailPage-Cvd4MG0F-ZDX--4dV.js → EntityDetailPage-Cvd4MG0F-Uu1ExrMV.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{d as x,F as T,aS as C,V as o,aw as v,o as t,x as m}from"./index-DKkab5BS.js";import{n as a}from"./mui-bYXq4XMS.js";import{R as k}from"./TrendWithTransactions-lMD2sZ-C-KD4WKX16.js";import"./core-3dlyNYRL.js";import"./sentry-DxvQlcJu.js";import"./zeni-epic-state-xFtF3OLs.js";import"./lottie-CaGAfnTY.js";import"./liveblocks-B3KbWbMM.js";import"./utils-C70QTjQC.js";import"./analytics-CThNEnNw.js";import"./recharts-CXSQ4XPK.js";import"./lexical-DPEnH3HH.js";import"./TrendChart-C_6ob-SX-D7KWuN6Y.js";import"./chartTypes-CwQl8aoN-BvppJ7T_.js";import"./toCOABalancesWithID-rZFEkHuM-BoVabqyh.js";import"./toChartData-C-dHC-Oz-BVDbQmqa.js";import"./NoDataChart-Ce1_TZ5w-D3OEJqVU.js";import"./InsightsSection-B3xD0SZ9-CtB9l6g9.js";import"./NavigationDots-DyMqwpgy-DUFU9pI4.js";import"./TransactionList-DMd3dgoK-CBav3Qka.js";import"./BoxItem-8PfNfaHq-Bc55g4Kz.js";import"./commonDimensions-B1u_MhON-C0I2HTNT.js";const $=a.div`
+import{d as x,F as T,aS as C,V as o,aw as v,o as t,x as m}from"./index-Ci63exms.js";import{n as a}from"./mui-bYXq4XMS.js";import{R as k}from"./TrendWithTransactions-lMD2sZ-C-B_BL8w82.js";import"./core-3dlyNYRL.js";import"./sentry-cYFeB6Pw.js";import"./zeni-epic-state-BwKvATgd.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./TrendChart-C_6ob-SX-BWR7UfmP.js";import"./chartTypes-CwQl8aoN-DVag5uGx.js";import"./toCOABalancesWithID-rZFEkHuM-BjqaEj9u.js";import"./toChartData-C-dHC-Oz-CLJWjMkx.js";import"./NoDataChart-Ce1_TZ5w-BfNH_4T8.js";import"./InsightsSection-B3xD0SZ9-CKtY4Hiz.js";import"./NavigationDots-DyMqwpgy-DXf5bt3G.js";import"./TransactionList-DMd3dgoK-DFvlE42h.js";import"./BoxItem-8PfNfaHq-CqIGaIYz.js";import"./commonDimensions-B1u_MhON-D3_HfKhE.js";const $=a.div`
   display: flex;
   margin: ${t.sp0} ${t.sp0} ${t.sp0} ${t.sp0};
   flex-direction: column;

package/dist/assets/{EntitySummarySection-BIV9aAq2-DSoSDfHH.js → EntitySummarySection-BIV9aAq2-CUHksODf.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{Q as z,F as L,V as i,dt as O,y as d,c_ as _,o as s,a9 as S,aL as b,b1 as A,cq as R,u as r,E as U,al as B,ak as k,b7 as F,ag as N,cv as G,p as D,cy as I}from"./index-DKkab5BS.js";import{a as f}from"./core-3dlyNYRL.js";import{n}from"./mui-bYXq4XMS.js";import{l as X}from"./agingReportHelper-ovKP-qSS-BPG0U4uX.js";const p=L.getLocalizedStrings().reports.aging.agingDetail.header,m=[{key:"date",value:p.date,sortOrder:"ascending",width:new d(212,212)},{key:"invoiceNumber",value:p.invoiceNumber,sortOrder:"ascending",width:new d(188,188)},{key:"dueDate",value:p.dueDate,sortOrder:"ascending",width:new d(188,188)},{key:"daysPastDue",value:p.daysPastDue,sortOrder:"ascending",width:new d(188,188)},{key:"amount",value:p.amount,sortOrder:"ascending",width:new d(188,188)},{key:"balance",value:p.balance,sortOrder:"ascending",width:new d(120,120)}],Y={headerHeight:new d(45,58)},q=n.div`
+import{Q as z,F as L,V as i,dn as O,y as d,c_ as _,o as s,a9 as S,aL as b,b1 as A,cq as R,u as r,E as U,al as B,ak as k,b7 as F,ag as N,cv as G,p as D,cy as I}from"./index-Ci63exms.js";import{a as f}from"./core-3dlyNYRL.js";import{n}from"./mui-bYXq4XMS.js";import{l as X}from"./agingReportHelper-ovKP-qSS-BPG0U4uX.js";const p=L.getLocalizedStrings().reports.aging.agingDetail.header,m=[{key:"date",value:p.date,sortOrder:"ascending",width:new d(212,212)},{key:"invoiceNumber",value:p.invoiceNumber,sortOrder:"ascending",width:new d(188,188)},{key:"dueDate",value:p.dueDate,sortOrder:"ascending",width:new d(188,188)},{key:"daysPastDue",value:p.daysPastDue,sortOrder:"ascending",width:new d(188,188)},{key:"amount",value:p.amount,sortOrder:"ascending",width:new d(188,188)},{key:"balance",value:p.balance,sortOrder:"ascending",width:new d(120,120)}],Y={headerHeight:new d(45,58)},q=n.div`
   top: ${s.sp0};
   left: ${s.sp0};
   min-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};

package/dist/assets/{ExpenseAutomationOverviewPage-B5MtjO2p-OLmj-clQ.js → ExpenseAutomationOverviewPage-B5MtjO2p-B5sSDEu8.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{d as q,Q as le,ca as de,F as k,V as t,aK as $,g1 as Q,bL as ce,p as a,bQ as F,o as r,bz as he,k1 as pe,b as d,hH as R,hG as T,n as me,bu as ue,ah as Ce,k2 as ge,ch as ke,E as xe,bI as fe,ag as h,au as U,ak as je,c as ve,b5 as $e,aZ as ye,b7 as ee}from"./index-DKkab5BS.js";import{a as n}from"./core-3dlyNYRL.js";import{n as o,b as te,k as be}from"./mui-bYXq4XMS.js";import{bj as re,bO as Le}from"./zeni-epic-state-xFtF3OLs.js";import{o as we}from"./transaction-placeholder-CpOwZAMG-0pwHfQC6.js";import{h as Ee,A as Me,X as We,Y as Se,T as De,a as He}from"./recharts-CXSQ4XPK.js";import"./sentry-DxvQlcJu.js";import"./lottie-CaGAfnTY.js";import"./liveblocks-B3KbWbMM.js";import"./utils-C70QTjQC.js";import"./analytics-CThNEnNw.js";import"./lexical-DPEnH3HH.js";const Ve=k.getLocalizedStrings().expenseAutomation,Pe=k.getLocalizedStrings().dateFormat.visual,{common:{strings:{percentage:ze},texts:{score:Fe}}}=k.getLocalizedStrings(),Re=({active:e,payload:i})=>{if(e===!1||e===void 0||!i||i.length===0)return null;const c=i[0]?.value;return c==null?null:t.jsxs(Ze,{children:[t.jsx(Ne,{children:Fe}),t.jsxs(Ae,{children:[c,ze]})]})};function Te({data:e,height:i}){const c=q(),L=e.map(x=>({month:Le(`${x.period.year}-${String(x.period.month).padStart(2,"0")}-01`).format(Pe.MMMYYFormat),count:Math.round(x.auditScore)}));return t.jsxs(Ye,{children:[t.jsx(_e,{children:Ve.overview.monthEndCloseTrend}),t.jsx(Ee,{height:i,width:"100%",children:t.jsxs(Me,{data:L,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:"scoreGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:a.brandColorJade,stopOpacity:.8}),t.jsx("stop",{offset:"100%",stopColor:a.brandColorJade,stopOpacity:.1})]})}),t.jsx(We,{dataKey:"month",axisLine:{stroke:c.colors.grey3},tickLine:!1,interval:"preserveStartEnd",label:{color:c.colors.hero,fontSize:d.smallRegular.fontSize,fontWeight:d.smallRegular.fontWeight,fontFamily:d.smallRegular.fontFamily}}),t.jsx(Se,{hide:!0}),t.jsx(De,{content:Re,cursor:{stroke:c.colors.primary,strokeDasharray:"3 3",strokeWidth:1},allowEscapeViewBox:{x:!1,y:!0}}),t.jsx(He,{type:"monotone",dataKey:"count",stroke:a.brandColorJade,strokeWidth:2,fill:"url(#scoreGradient)",dot:!1,activeDot:{r:5,fill:a.neutralGrey4Light,stroke:a.brandColorJade,strokeWidth:2}})]})})]})}const _e=o(h)`
+import{d as q,Q as le,ca as de,F as k,V as t,aK as $,g1 as Q,bL as ce,p as a,bQ as F,o as r,bz as he,k1 as pe,b as d,hH as R,hG as T,n as me,bu as ue,ah as Ce,k2 as ge,ch as ke,E as xe,bI as fe,ag as h,au as U,ak as je,c as ve,b5 as $e,aZ as ye,b7 as ee}from"./index-Ci63exms.js";import{a as n}from"./core-3dlyNYRL.js";import{n as o,b as te,k as be}from"./mui-bYXq4XMS.js";import{bj as re,bO as Le}from"./zeni-epic-state-BwKvATgd.js";import{o as we}from"./transaction-placeholder-CpOwZAMG-0pwHfQC6.js";import{h as Ee,A as Me,X as We,Y as Se,T as De,a as He}from"./recharts-h5iNQbFd.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./lexical-DPEnH3HH.js";const Ve=k.getLocalizedStrings().expenseAutomation,Pe=k.getLocalizedStrings().dateFormat.visual,{common:{strings:{percentage:ze},texts:{score:Fe}}}=k.getLocalizedStrings(),Re=({active:e,payload:i})=>{if(e===!1||e===void 0||!i||i.length===0)return null;const c=i[0]?.value;return c==null?null:t.jsxs(Ze,{children:[t.jsx(Ne,{children:Fe}),t.jsxs(Ae,{children:[c,ze]})]})};function Te({data:e,height:i}){const c=q(),L=e.map(x=>({month:Le(`${x.period.year}-${String(x.period.month).padStart(2,"0")}-01`).format(Pe.MMMYYFormat),count:Math.round(x.auditScore)}));return t.jsxs(Ye,{children:[t.jsx(_e,{children:Ve.overview.monthEndCloseTrend}),t.jsx(Ee,{height:i,width:"100%",children:t.jsxs(Me,{data:L,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:"scoreGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:a.brandColorJade,stopOpacity:.8}),t.jsx("stop",{offset:"100%",stopColor:a.brandColorJade,stopOpacity:.1})]})}),t.jsx(We,{dataKey:"month",axisLine:{stroke:c.colors.grey3},tickLine:!1,interval:"preserveStartEnd",label:{color:c.colors.hero,fontSize:d.smallRegular.fontSize,fontWeight:d.smallRegular.fontWeight,fontFamily:d.smallRegular.fontFamily}}),t.jsx(Se,{hide:!0}),t.jsx(De,{content:Re,cursor:{stroke:c.colors.primary,strokeDasharray:"3 3",strokeWidth:1},allowEscapeViewBox:{x:!1,y:!0}}),t.jsx(He,{type:"monotone",dataKey:"count",stroke:a.brandColorJade,strokeWidth:2,fill:"url(#scoreGradient)",dot:!1,activeDot:{r:5,fill:a.neutralGrey4Light,stroke:a.brandColorJade,strokeWidth:2}})]})})]})}const _e=o(h)`
   color: ${e=>e.theme.colors.champion};
 `,Ye=o.div`
   display: flex;