@zeniai/web-cockpit-ui 1.15.28-qa → 1.15.29-dev

package/dist/assets/{EditReimbursementDetailPage-CVMvR_xa-DG23h9eS.js → EditReimbursementDetailPage-BKCA_tOp-Pr7pYlV3.js}

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