@zeniai/web-cockpit-ui 1.15.11-dev → 1.15.12-dev

package/dist/assets/{EditPeoplePage-dVrpOcc1-DgbweCi9.js → EditPeoplePage-I8E1Rs3x-DbyrgA_C.js}

@@ -1,4 +1,4 @@
-import{Q as ie,fR as ae,g as de,a9 as pe,aQ as ce,V as t,co as ue,ap as me,cp as fe,cq as ge,gO as he,cu as ye,o as n,bS as be,aP as L,ac as ve,aR as xe,y as P,F as $e,cA as we,fU as Re,fV as je,fW as Ce,b9 as Ie,p as Q,cZ as ke,u}from"./index-DVgY55Ab.js";import{a as w}from"./sentry-DMXY90dB.js";import{n as l}from"./mui-CR-wYMmN.js";import{FB as Oe,bg as _e}from"./zeni-epic-state-BXMuLX_S.js";import{f as Pe}from"./AllUserItems-Duwm6ypi-CNUX4dOE.js";import"./liveblocks-B14TpO3l.js";import"./core-C5wq1_Bk.js";import"./recharts-C3mrSjO2.js";import"./lottie-BIQaRIZs.js";import"./analytics-EizVTK6x.js";import"./lexical-xuKHFvUb.js";import"./utils-BCuN6woZ.js";import"./LabeledUserSingleSelectWithSubtitlesField-BmMN3W3F-BzPJ9P_-.js";import"./RoleWithToolTip-BGlbeXtJ-BQ5iinOT.js";import"./LabeledZeniRolesDropDownField-PsaKyCCY-EbSrXIJy.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]="7e2efee2-5f1e-448e-86af-b8aef24b536e",e._sentryDebugIdIdentifier="sentry-dbid-7e2efee2-5f1e-448e-86af-b8aef24b536e")}catch{}})();const C={containerPaddingTop:new P(u[3],u[3]),containerPaddingLeft:new P(u[3],u[6],u[6]),containerPaddingRight:new P(u[3],u[6],u[8]),buttonWidth:new P(85,85)},Y="editPeoplePage",R="userItems",d=$e.getLocalizedStrings().peoplePage,st=({peopleDetails:e,managersList:o,classList:y,controllersList:I,mode:p,isZeniTenant:T,onCloseClick:k,onResetClick:O,onSaveClick:m,onDeleteUser:J,onPeopleLocalDataUpdated:M,analytics:E,isReimbursementDisabled:z,isZeniAccountsDisabled:q,isChargeCardDisabled:N,isTreasuryDisabled:Z,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isLiteRoleDisabled:A})=>{const j=ie(),[X,B]=w.useState(!1),[H,K]=w.useState(-1),ee=p==="zeni_only"?d.invitePage.editZeniTitle:d.invitePage.editTitle,te=w.useRef(null),S=w.useMemo(()=>ae(z,q,N,b,v,A,Z),[z,q,N,b,v,A,Z]),V=de(),i=pe({mode:"onBlur",reValidateMode:"onChange",defaultValues:G(e.people,o,y,p,S,b,v),values:G(e.people,o,y,p,S,b,v)}),se=i.handleSubmit(()=>{F()&&m()},()=>{F(),console.warn("Edit Profile form error")}),F=()=>{const f=i.getValues();let r=!0;return f.userItems.forEach((g,x)=>{const{role:D,department:a,nonZeniRole:h,manager:c}=g;if(p==="zeni_only"){const s=D.selectedOptions;(!s?.length||s?.length===1&&s?.includes("company_officer"))&&(i.setError(`${R}.${x}.role`,{type:"required"}),r=!1)}else{const s=h?.userRole.selectedRole;(s!=null&&h!=null?h.productsByUserRole[s].map($=>$.selectedOption).filter($=>$!=null):[]).length<1&&(i.setError(`${R}.${x}.nonZeniRole.userRole.selectedRole`,{type:"required"}),r=!1),s!=="investor_or_banker"&&a?.selectedOption==null&&(b||v||(i.setError(`${R}.${x}.department`,{type:"required"}),r=!1)),c?.selectedUser==null&&s!=="investor_or_banker"&&(i.setError(`${R}.${x}.manager`,{type:"required"}),r=!1)}}),r},ne=async(f,r)=>{const g=[],{userItems:x}=r,D=e.person?.userRole?.userRoleId;x.forEach(a=>{let h={};if(D!=null){if(p==="zeni_only")h={email:a.email,role:a.role.selectedOptions};else{const c=a.nonZeniRole?.userRole.selectedRole;let s=[];c==="admin"||c==="investor_or_banker"?s.push(c):s=c!=null?(a.nonZeniRole?.productsByUserRole[c]??[]).map(U=>Oe(U.selectedOption?.value)).filter(U=>U!=null):[],c==="employee"&&s.length===0&&s.push("reimbursements_user");const $=_e(s);h={email:a.email,role:s,departmentId:$?void 0:a.department?.selectedOption?.value,managerId:$?void 0:a.manager?.selectedUser}}g.push(h)}}),M(g)};w.useEffect(()=>{const f=i.watch((r,{name:g})=>{g!=null&&r!=null&&ne(g,r)});return()=>{f.unsubscribe()}});const oe=()=>{B(!0)},re={onOkClick:()=>{const f=e.person;E?.trackRemoveUserAccess(f.userRole.userRoles,f.userRole.userEmail),J?.(e.person)},onCancelClick:()=>{B(!1)}},W=ce(e.person?.update),_=e.person?.update,le=d.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return w.useEffect(()=>{_==null&&W==="removeUsers"&&(B(!1),O?.())},[_,W]),t.jsxs(t.Fragment,{children:[X===!0?t.jsx(ue,{titleComponent:t.jsx(ge,{children:d.deleteOverlay.title}),descriptionComponent:t.jsx(fe,{children:le}),primaryButtonText:d.deleteOverlay.remove,secondaryButtonText:d.deleteOverlay.cancel,action:re,proceedButtonVariant:"danger",isLoading:_==="removeUsers",isDisabled:_==="removeUsers",style:{background:V.colors.overlayColor},children:e.person?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(ze,{}),t.jsx(Le,{children:t.jsx(Ee,{src:e.person?.user.photo?.toString()??me,alt:e.person?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(he,{title:ee,backgroundColor:V.colors.grey4,style:{zIndex:4},onCloseClick:k,isTitleAlignLeft:j==="small"}),t.jsxs(Te,{"data-testid":L("edit-people-page-container"),windowSize:j,ref:te,children:[t.jsxs(Ue,{children:[t.jsx(ye,{personBasic:e.person?.user,styles:{height:n.sp6,width:n.sp6}}),t.jsxs(Be,{children:[t.jsx(Se,{children:e.person?.user?.firstName?t.jsxs(De,{children:[e.person?.user?.firstName??""," ",e.person?.user?.lastName??""]}):null}),t.jsx(Ne,{className:"delete-icon-wrapper","data-testid":L("edit-people-page-delete-icon-wrapper"),onClick:oe,children:t.jsx(be,{style:{padding:"2px 5px"},enterDelay:600,title:d.deleteOverlay.title,placement:"top",children:t.jsx(qe,{windowsize:j})})})]})]}),t.jsx(ve,{...i,children:t.jsx("form",{id:`${Y}_form`,onSubmit:se,children:t.jsx(Pe,{control:i.control,sectionId:R,deleteConfirmationIndex:H,updateDeleteConfirmationIndex:K,mode:p,isZeniTenant:T,classList:y,managersList:o,controllersList:I,customerRoleOptions:S,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isEdit:!0,person:e.person,analytics:E})})})]}),t.jsx(xe,{formId:`${Y}_form`,"data-testid":L("edit-people-page-footer"),primaryBtn:{label:d.invitePage.update,style:{width:C.buttonWidth.value(j)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:d.invitePage.cancel,style:{width:C.buttonWidth.value(j)},shouldResetOnCancel:!1,onClick:k},separatorStyle:{marginRight:n.sp4}})]})},G=(e,o,y,I,p,T,k)=>{const O=y.map(m=>({label:m.fullyQualifiedAccountingClassName??"",value:m.classId,hoverText:m.accountingClassNumber}));return{[R]:[{userIndex:0,email:e[0].email,role:I==="zeni_only"?{allOptions:we.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:I!=="zeni_only"?{userRole:{selectedRole:Ce(e[0]?.role),allRootRole:je(T,k)},productsByUserRole:Re(e[0]?.role,p)}:void 0,manager:{allUsers:o,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:O,selectedOption:O.find(m=>m.value===e[0]?.departmentId)}}]}},nt=(e,o)=>`${e}.${o}`,Te=l.div`
+import{J as ie,fR as ae,g as de,a9 as pe,aQ as ce,V as t,co as ue,ap as me,cp as ge,cq as fe,gO as he,cu as ye,o as n,bS as be,aP as U,ac as ve,aR as xe,y as P,F as $e,cA as we,fU as Re,fV as je,fW as Ce,b9 as Ie,p as W,cZ as Oe,u}from"./index-WEj6FS32.js";import{a as w}from"./sentry-B0WgNUxa.js";import{n as l}from"./mui-BTtN6lbG.js";import{FB as _e,bg as ke}from"./zeni-epic-state-DnAAAEmj.js";import{f as Pe}from"./AllUserItems-CzugF5fn-8WnbDsqH.js";import"./liveblocks-CrODURpx.js";import"./core-CIefpDlV.js";import"./recharts-BfU_srYC.js";import"./lottie-hIwSKdQS.js";import"./analytics-BvXI56dE.js";import"./lexical-Dp1JhPKz.js";import"./utils-DZQMbqmw.js";import"./LabeledUserSingleSelectWithSubtitlesField-CE332GjA-BafYQ_Pm.js";import"./RoleWithToolTip-CkpqxMzB-CgYpd1vG.js";import"./LabeledZeniRolesDropDownField-DU4-ho4X-DQBIg45w.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]="dc0dd4b9-b98c-471b-b7a9-2e6e64439920",e._sentryDebugIdIdentifier="sentry-dbid-dc0dd4b9-b98c-471b-b7a9-2e6e64439920")}catch{}})();const C={containerPaddingTop:new P(u[3],u[3]),containerPaddingLeft:new P(u[3],u[6],u[6]),containerPaddingRight:new P(u[3],u[6],u[8]),buttonWidth:new P(85,85)},Y="editPeoplePage",R="userItems",d=$e.getLocalizedStrings().peoplePage,st=({peopleDetails:e,managersList:o,classList:y,controllersList:I,mode:p,isZeniTenant:T,onCloseClick:O,onResetClick:_,onSaveClick:m,onDeleteUser:M,onPeopleLocalDataUpdated:Q,analytics:E,isReimbursementDisabled:z,isZeniAccountsDisabled:q,isChargeCardDisabled:N,isTreasuryDisabled:Z,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isLiteRoleDisabled:A})=>{const j=ie(),[X,B]=w.useState(!1),[H,K]=w.useState(-1),ee=p==="zeni_only"?d.invitePage.editZeniTitle:d.invitePage.editTitle,te=w.useRef(null),S=w.useMemo(()=>ae(z,q,N,b,v,A,Z),[z,q,N,b,v,A,Z]),V=de(),i=pe({mode:"onBlur",reValidateMode:"onChange",defaultValues:G(e.people,o,y,p,S,b,v),values:G(e.people,o,y,p,S,b,v)}),se=i.handleSubmit(()=>{F()&&m()},()=>{F(),console.warn("Edit Profile form error")}),F=()=>{const g=i.getValues();let r=!0;return g.userItems.forEach((f,x)=>{const{role:D,department:a,nonZeniRole:h,manager:c}=f;if(p==="zeni_only"){const s=D.selectedOptions;(!s?.length||s?.length===1&&s?.includes("company_officer"))&&(i.setError(`${R}.${x}.role`,{type:"required"}),r=!1)}else{const s=h?.userRole.selectedRole;(s!=null&&h!=null?h.productsByUserRole[s].map($=>$.selectedOption).filter($=>$!=null):[]).length<1&&(i.setError(`${R}.${x}.nonZeniRole.userRole.selectedRole`,{type:"required"}),r=!1),s!=="investor_or_banker"&&a?.selectedOption==null&&(b||v||(i.setError(`${R}.${x}.department`,{type:"required"}),r=!1)),c?.selectedUser==null&&s!=="investor_or_banker"&&(i.setError(`${R}.${x}.manager`,{type:"required"}),r=!1)}}),r},ne=async(g,r)=>{const f=[],{userItems:x}=r,D=e.person?.userRole?.userRoleId;x.forEach(a=>{let h={};if(D!=null){if(p==="zeni_only")h={email:a.email,role:a.role.selectedOptions};else{const c=a.nonZeniRole?.userRole.selectedRole;let s=[];c==="admin"||c==="investor_or_banker"?s.push(c):s=c!=null?(a.nonZeniRole?.productsByUserRole[c]??[]).map(L=>_e(L.selectedOption?.value)).filter(L=>L!=null):[],c==="employee"&&s.length===0&&s.push("reimbursements_user");const $=ke(s);h={email:a.email,role:s,departmentId:$?void 0:a.department?.selectedOption?.value,managerId:$?void 0:a.manager?.selectedUser}}f.push(h)}}),Q(f)};w.useEffect(()=>{const g=i.watch((r,{name:f})=>{f!=null&&r!=null&&ne(f,r)});return()=>{g.unsubscribe()}});const oe=()=>{B(!0)},re={onOkClick:()=>{const g=e.person;E?.trackRemoveUserAccess(g.userRole.userRoles,g.userRole.userEmail),M?.(e.person)},onCancelClick:()=>{B(!1)}},J=ce(e.person?.update),k=e.person?.update,le=d.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return w.useEffect(()=>{k==null&&J==="removeUsers"&&(B(!1),_?.())},[k,J]),t.jsxs(t.Fragment,{children:[X===!0?t.jsx(ue,{titleComponent:t.jsx(fe,{children:d.deleteOverlay.title}),descriptionComponent:t.jsx(ge,{children:le}),primaryButtonText:d.deleteOverlay.remove,secondaryButtonText:d.deleteOverlay.cancel,action:re,proceedButtonVariant:"danger",isLoading:k==="removeUsers",isDisabled:k==="removeUsers",style:{background:V.colors.overlayColor},children:e.person?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(ze,{}),t.jsx(Ue,{children:t.jsx(Ee,{src:e.person?.user.photo?.toString()??me,alt:e.person?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(he,{title:ee,backgroundColor:V.colors.grey4,style:{zIndex:4},onCloseClick:O,isTitleAlignLeft:j==="small"}),t.jsxs(Te,{"data-testid":U("edit-people-page-container"),windowSize:j,ref:te,children:[t.jsxs(Le,{children:[t.jsx(ye,{personBasic:e.person?.user,styles:{height:n.sp6,width:n.sp6}}),t.jsxs(Be,{children:[t.jsx(Se,{children:e.person?.user?.firstName?t.jsxs(De,{children:[e.person?.user?.firstName??""," ",e.person?.user?.lastName??""]}):null}),t.jsx(Ne,{className:"delete-icon-wrapper","data-testid":U("edit-people-page-delete-icon-wrapper"),onClick:oe,children:t.jsx(be,{style:{padding:"2px 5px"},enterDelay:600,title:d.deleteOverlay.title,placement:"top",children:t.jsx(qe,{windowsize:j})})})]})]}),t.jsx(ve,{...i,children:t.jsx("form",{id:`${Y}_form`,onSubmit:se,children:t.jsx(Pe,{control:i.control,sectionId:R,deleteConfirmationIndex:H,updateDeleteConfirmationIndex:K,mode:p,isZeniTenant:T,classList:y,managersList:o,controllersList:I,customerRoleOptions:S,isBankingOnlyTenant:b,isCardsOnlyTenant:v,isEdit:!0,person:e.person,analytics:E})})})]}),t.jsx(xe,{formId:`${Y}_form`,"data-testid":U("edit-people-page-footer"),primaryBtn:{label:d.invitePage.update,style:{width:C.buttonWidth.value(j)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:d.invitePage.cancel,style:{width:C.buttonWidth.value(j)},shouldResetOnCancel:!1,onClick:O},separatorStyle:{marginRight:n.sp4}})]})},G=(e,o,y,I,p,T,O)=>{const _=y.map(m=>({label:m.fullyQualifiedAccountingClassName??"",value:m.classId,hoverText:m.accountingClassNumber}));return{[R]:[{userIndex:0,email:e[0].email,role:I==="zeni_only"?{allOptions:we.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:I!=="zeni_only"?{userRole:{selectedRole:Ce(e[0]?.role),allRootRole:je(T,O)},productsByUserRole:Re(e[0]?.role,p)}:void 0,manager:{allUsers:o,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:_,selectedOption:_.find(m=>m.value===e[0]?.departmentId)}}]}},nt=(e,o)=>`${e}.${o}`,Te=l.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -17,12 +17,12 @@ import{Q as ie,fR as ae,g as de,a9 as pe,aQ as ce,V as t,co as ue,ap as me,cp as
   flex: 1;
 `,Se=l.div``,De=l(Ie)`
   color: ${e=>e.theme.colors.primary};
-`,Ue=l.div`
+`,Le=l.div`
   display: flex;
   gap: ${n.sp2};
   align-items: center;
   margin: ${n.sp0} ${n.sp1};
-`,Le=l.div`
+`,Ue=l.div`
   position: absolute;
   top: -26px;
 `,Ee=l.img`
@@ -39,13 +39,13 @@ import{Q as ie,fR as ae,g as de,a9 as pe,aQ as ce,V as t,co as ue,ap as me,cp as
   width: ${n.sp9};
   border-radius: 50% 50% 0 0;
   background-color: ${e=>e.theme.colors.grey5};
-`,qe=l(ke)`
+`,qe=l(Oe)`
   width: ${n.sp3};
   height: ${n.sp3};
   cursor: pointer;
-  color: ${e=>e.windowsize==="small"?Q.important:e.theme.colors.hero};
+  color: ${e=>e.windowsize==="small"?W.important:e.theme.colors.hero};
   &:hover {
-    color: ${Q.important};
+    color: ${W.important};
   }
 `,Ne=l.div`
   width: ${n.sp3};

package/dist/assets/{EditReimbursementDetailPage-xWwm-k8T-Hs0cdO6C.js → EditReimbursementDetailPage-C7BPmFMR-DTPMhwLH.js}

@@ -1,4 +1,4 @@
-import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi as ro,gj as lo,V as t,gE as so,ac as ln,co as di,cp as sn,cq as dn,aP as H,o as i,y as d,bB as Ti,bo as co,dt as uo,gk as mo,gv as cn,gq as Di,aR as un,ao as mn,gr as po,gF as Ve,ez as Ke,f1 as ci,gG as Bt,F as fe,T as xt,gH as ho,p as j,x as pn,aq as ui,u as a,bx as go,gt as yo,cF as bo,eH as mi,gI as Mt,fg as Se,cJ as pi,fj as $e,cI as nt,ej as fo,ff as hn,b as Rt,cM as gn,cL as tt,er as Te,ai as hi,gJ as wo,fy as xo,cE as So,aV as ji,fs as $o,bw as vo,ba as yn,e as Co,ei as ko,b7 as Ft,gl as Io,bU as bn,a as gi,d as fn,c_ as wn,ch as Et,eU as To,b9 as Do,d2 as jo,fm as Oo,al as yi,r as Oi,bS as xn,b1 as Pi,cZ as Po,am as Lo,cQ as Sn,aN as Ro,gK as $n,gL as si,ga as Li,gM as At,cN as Ao,gf as zo,bJ as Bo,cY as Mo}from"./index-DVgY55Ab.js";import{a as S,P as kt}from"./sentry-DMXY90dB.js";import{n}from"./mui-CR-wYMmN.js";import{a as Fo}from"./liveblocks-B14TpO3l.js";import{FI as Eo,bL as it,bP as vn,bo as Cn,bm as Ri,FJ as Ai,bh as bi}from"./zeni-epic-state-BXMuLX_S.js";import kn from"./InvoiceUploadSection-CTqSftrm-CyVrgEkl.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-K0xUavli-THytCXMe.js";import{S as Uo}from"./CurrencySelectField-iXGB-cNy-BRjQHy5W.js";import{e as _o}from"./BankAccountSection-DNYhcdas-Ddz8QKzl.js";import{W as Vo,A as Ho}from"./BankAccountWarningSection-B6AIe7nT-BcHAPM_q.js";import{o as qo}from"./radio-default-CiSgisfh-CInIhD3e.js";import"./core-C5wq1_Bk.js";import"./lottie-BIQaRIZs.js";import"./recharts-C3mrSjO2.js";import"./analytics-EizVTK6x.js";import"./lexical-xuKHFvUb.js";import"./utils-BCuN6woZ.js";import"./AttachmentView-CwbFyo5O-DSfNvuAU.js";import"./uploadReceipts-DJRtId-4-CHJq-raT.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]="34e06540-d6a1-44ff-8e47-bbcdbae3451d",e._sentryDebugIdIdentifier="sentry-dbid-34e06540-d6a1-44ff-8e47-bbcdbae3451d")}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 w=Re(),s=wt(),y=Mt(),$=`dashboard_${s.currentTenant?.companyId}`,P=ft(),{formState:{errors:I},getValues:L,trigger:q}=nt(),R=Go.strings.empty,T=L(Me(p,"distanceInMiles")),B=Bi.largeLabelWidth.value(w),te=L(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??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(w),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: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 ${P.colors.grey3}`,borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},fullWidthSelect:!0},Me(p,"class"))})]})},It=n.div`
+import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,J as Re,gg as ao,gi as ro,gj as lo,V as t,gE as so,ac as ln,co as di,cp as sn,cq as dn,aP as H,o as i,y as d,bB as Ti,bo as co,dt as uo,gk as mo,gv as cn,gq as Di,aR as un,ao as mn,gr as po,gF as _e,ez as Ke,f1 as ci,gG as Bt,F as fe,T as xt,gH as ho,p as j,x as pn,aq as ui,u as a,bx as go,gt as yo,cF as bo,eH as mi,gI as Mt,fg as Se,cJ as pi,fj as $e,cI as nt,ej as fo,ff as hn,b as Rt,cM as gn,cL as tt,er as Te,ai as hi,gJ as wo,fy as xo,cE as So,aV as ji,fs as $o,bw as vo,ba as yn,e as Co,ei as ko,b7 as Ft,gl as Io,bU as bn,a as gi,d as fn,c_ as wn,ch as Et,eU as To,b9 as Do,d2 as jo,fm as Oo,al as yi,r as Oi,bS as xn,b1 as Pi,cZ as Po,am as Lo,cQ as Sn,aN as Ro,gK as $n,gL as si,ga as Li,gM as At,cN as Ao,gf as zo,bJ as Bo,cY as Mo}from"./index-WEj6FS32.js";import{a as S,P as kt}from"./sentry-B0WgNUxa.js";import{n}from"./mui-BTtN6lbG.js";import{a as Fo}from"./liveblocks-CrODURpx.js";import{FI as Eo,bL as it,bP as vn,bo as Cn,bm as Ri,FJ as Ai,bh as bi}from"./zeni-epic-state-DnAAAEmj.js";import kn from"./InvoiceUploadSection-CW4hHmAi-DKFSw8te.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-CoS6DIi_-DTDCa09f.js";import{S as Uo}from"./CurrencySelectField-DY0HeU0G-CSYPXeIb.js";import{e as Vo}from"./BankAccountSection-Bm8vdxFd-DKKdvH8R.js";import{W as _o,A as Ho}from"./BankAccountWarningSection-M3w6kP33-ChP5wvhC.js";import{o as qo}from"./radio-default-CiSgisfh-CzTG_UVX.js";import"./core-CIefpDlV.js";import"./lottie-hIwSKdQS.js";import"./recharts-BfU_srYC.js";import"./analytics-BvXI56dE.js";import"./lexical-Dp1JhPKz.js";import"./utils-DZQMbqmw.js";import"./AttachmentView-CfacSLcU-gwYezuYM.js";import"./uploadReceipts-DJRtId-4-B1jpX457.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]="38186de4-67f5-44b2-9118-a662ad946739",e._sentryDebugIdIdentifier="sentry-dbid-38186de4-67f5-44b2-9118-a662ad946739")}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 w=Re(),s=wt(),y=Mt(),$=`dashboard_${s.currentTenant?.companyId}`,P=ft(),{formState:{errors:I},getValues:L,trigger:q}=nt(),R=Go.strings.empty,T=L(Me(p,"distanceInMiles")),B=Bi.largeLabelWidth.value(w),te=L(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),_={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(w),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:Y?.classId,allOptions:Ke(k,[])},style:{width:"100%"},customStyleConfig:_,registerOptions:{required:!0,validate:z=>z?.selectedOption==null?!1:r.find(ae=>ae.classId===z?.selectedOption)?.isDeleted===!0?Ce.deletedClassError:!0}},style:{borderBottom:`1px solid ${P.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};
@@ -146,7 +146,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   width: ${i.sp3};
   height: ${i.sp3};
   color: inherit;
-`,he=(e,o)=>`${e}.${o}`,Pt={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:w,reimbursementId:s,tentativeMerchantName:y,allCurrencies:$,uncategorizedAccounts:P})=>{const I=Re(),L=wt(),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),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=Pt.largeLabelWidth.value(I),ce=Pt.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=>[P.expense?.qboId,P.income?.qboId].includes(h),Oe=c.find(h=>h.classId===o.class),me={valueContainer:h=>({...h,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})},Pe=h=>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:Pt.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: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=>Pe(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:Oe?.classId,allOptions:Ke(w,[])},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}`,Pt={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:w,reimbursementId:s,tentativeMerchantName:y,allCurrencies:$,uncategorizedAccounts:P})=>{const I=Re(),L=wt(),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),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),_=he(m,"account"),z=Te(T,_);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(_)},[F?.selectedOption,Y?.isDeleted,r,_,te]);const ae=o.isCategoryUpdateSelected!=null&&o.recommendedAccount!=null&&!o.isCategoryFirstTimeAutofilled&&!ca(o.recommendations,o.account),le=o.isRetainedCategorySelected!=null&&o.retainedAccount!=null,U=Pt.largeLabelWidth.value(I),ce=Pt.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=>[P.expense?.qboId,P.income?.qboId].includes(h),Oe=c.find(h=>h.classId===o.class),me={valueContainer:h=>({...h,padding:`2px ${i.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})},Pe=h=>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:Pt.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: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=>Pe(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:Oe?.classId,allOptions:Ke(w,[])},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`
   position: relative;
 `,ut=n(mi)`
   color: ${e=>e.theme.colors.primary};
@@ -163,7 +163,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Xe=(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:w,duplicateLineDetails:s,remiStatus:y,sectionId:$,isDisabled:P,isReimbursementCommentingEnabled:I,isAddReimbursementDisabled:L,style:q,autoFields:R=[],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=Re(),ce=wt(),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,Oe]=S.useState(!1),me=De(Xe($,"reimbursementType"));return t.jsxs(xa,{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(wa,{windowSize:U,children:[t.jsx(fa,{windowSize:U,children:G.deleteConfirmation}),t.jsxs(ha,{children:[t.jsx(Oi,{label:G.buttons.cancel,onClick:()=>Oe(!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(Oi,{label:G.buttons.remove,onClick:()=>{T?.trackReimbursementDeleteReimbursementLine(e.lineId,B),V?.(e.lineId??"1"),Oe(!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:()=>Oe(!0),"data-testid":H("delete-remi-button",e.lineId),children:t.jsx(xn,{enterDelay:600,title:G.deleteReimbursement,placement:"top-end",children:t.jsx(ba,{})})}):null]}),w.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:P!=null,haveBorderRadius:s?.duplicateLineId==null,children:[t.jsx(Pi,{isDisabled:P!=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:Xe($,"reimbursementType"),id:`${Xe($,"reimbursementType")}.${G.outOfPocketKey}`,value:G.outOfPocketKey}}),t.jsx(Ca,{}),t.jsx(Pi,{isDisabled:P!=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:Xe($,"reimbursementType"),id:`${Xe($,"reimbursementType")}.${G.mileageKey}`,value:G.mileageKey}})]})}),t.jsx(Ia,{}),me===G.outOfPocketKey?t.jsx(ma,{lineIndex:p,reimbursementId:B,uncategorizedAccounts:oe,isReimbursementCommentingEnabled:I,isDisabled:P,outOfPocket:{transactionDate:e.outOfPocket.transactionDate!=null?it(e.outOfPocket.transactionDate.toDateString()):void 0,account:e.outOfPocket.account.selectedOption,isConvertedCurrencyLoading:o?.fetchState==="In-Progress",isRecommendationLoading:r==="In-Progress",homeCurrencyDetails:e.homeCurrencyConversions,class:e.outOfPocket.class.selectedOption,amount:{amount:e.outOfPocket.amount?.amount??0,currencyCode:e.outOfPocket.amount?.currencyCode??"USD",currencySymbol:e.outOfPocket.amount?.currencySymbol??"$"},memo:e.outOfPocket.memo,merchant:e.outOfPocket.merchant.selectedOption,recommendations:e.outOfPocket.recommendations,recommendedAccount:e.outOfPocket.recommendedAccount,isCategoryUpdateSelected:e.outOfPocket.isCategoryUpdateSelected,isCategoryFirstTimeAutofilled:e.outOfPocket.isCategoryFirstTimeAutofilled,retainedAccount:e.outOfPocket.retainedAccount,isRetainedCategorySelected:e.outOfPocket.isRetainedCategorySelected},sectionId:Xe($,"outOfPocket"),accountList:C,classList:m,autoFields:R,merchantList:v,tentativeMerchantName:te,allCurrencies:z,isAddReimbursementDisabled:L,accountsHierarchyList:ae,classHierarchyList:le}):t.jsx(Jo,{lineIndex:p,reimbursementId:B,isReimbursementCommentingEnabled:I,isDisabled:P,mileage:{transactionDate:e.mileage.transactionDate!=null?it(e.mileage.transactionDate.toDateString()):void 0,class:e.mileage.class.selectedOption,distanceInMiles:e.mileage.distanceInMiles,amount:{amount:e.mileage.amount?.amount??0,currencyCode:e.mileage.amount?.currencyCode??"USD",currencySymbol:e.mileage.amount?.currencySymbol??"$"},memo:e.mileage.memo},classList:m,sectionId:Xe($,"mileage"),companyMileageConfigInfo:ne,defaultCurrency:l,isAddReimbursementDisabled:L,classHierarchyList:le})]})]})},ha=n.div``,ga=n.div`
+`,Xe=(e,o)=>`${e}.${o}`,Ve={paddingTop:new d(a[5],a[4]),marginBottom:new d(a[3],a[3]),labelPaddingLeft:new d(a[3],a[4]),buttonWidth:new d(70,70),containerRightMargin:new d(a[3],a[8]),containerLeftMargin:new d(a[3],a[6]),deleteConfirmationTextMarginBottom:new d(a[2],a[0])},G=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,pa=({lineData:e,currencyConversionState:o,recommendationFetchState:r,remiStage:c,lineIndex:p,accountList:C,classList:m,merchantList:v,hasFile:f,defaultCurrency:l,hasMultipleLineItems:k,fileRequiredLineIds:w,duplicateLineDetails:s,remiStatus:y,sectionId:$,isDisabled:P,isReimbursementCommentingEnabled:I,isAddReimbursementDisabled:L,style:q,autoFields:R=[],analytics:T,reimbursementId:B,tentativeMerchantName:te,companyMileageConfigInfo:ne,uncategorizedAccounts:oe,removeDuplicateReimbursementForLine:J,scrollToSection:K,onDuplicateLineClick:F,onRemoveReimbursement:Y,clearTentativeNameForLine:_,allCurrencies:z,accountsHierarchyList:ae,classHierarchyList:le})=>{const U=Re(),ce=wt(),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,Oe]=S.useState(!1),me=De(Xe($,"reimbursementType"));return t.jsxs(xa,{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(wa,{windowSize:U,children:[t.jsx(fa,{windowSize:U,children:G.deleteConfirmation}),t.jsxs(ha,{children:[t.jsx(Oi,{label:G.buttons.cancel,onClick:()=>Oe(!1),style:{width:Ve.buttonWidth.value(U),marginLeft:U==="small"?i.sp0:i.sp4,marginRight:i.sp3},size:"small",variant:"secondary","data-testid":H("delete-remi-button",G.buttons.cancel)}),t.jsx(Oi,{label:G.buttons.remove,onClick:()=>{T?.trackReimbursementDeleteReimbursementLine(e.lineId,B),_?.(e.lineId??"1"),Oe(!1),J(e.lineId),Y(p)},style:{width:Ve.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:()=>Oe(!0),"data-testid":H("delete-remi-button",e.lineId),children:t.jsx(xn,{enterDelay:600,title:G.deleteReimbursement,placement:"top-end",children:t.jsx(ba,{})})}):null]}),w.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:P!=null,haveBorderRadius:s?.duplicateLineId==null,children:[t.jsx(Pi,{isDisabled:P!=null||L?"disabled":void 0,isContainerClickable:!0,label:{label:G.outOfPocket},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ve.labelPaddingLeft.value(U),borderTopLeftRadius:"inherit"},showOutline:!(I&&B!=null),radioField:{name:Xe($,"reimbursementType"),id:`${Xe($,"reimbursementType")}.${G.outOfPocketKey}`,value:G.outOfPocketKey}}),t.jsx(Ca,{}),t.jsx(Pi,{isDisabled:P!=null||L?"disabled":void 0,isContainerClickable:!0,label:{label:G.mileage},style:{padding:`${i.sp3} ${i.sp0}`,paddingLeft:Ve.labelPaddingLeft.value(U),borderTopRightRadius:"inherit"},showOutline:!(I&&B!=null),radioField:{name:Xe($,"reimbursementType"),id:`${Xe($,"reimbursementType")}.${G.mileageKey}`,value:G.mileageKey}})]})}),t.jsx(Ia,{}),me===G.outOfPocketKey?t.jsx(ma,{lineIndex:p,reimbursementId:B,uncategorizedAccounts:oe,isReimbursementCommentingEnabled:I,isDisabled:P,outOfPocket:{transactionDate:e.outOfPocket.transactionDate!=null?it(e.outOfPocket.transactionDate.toDateString()):void 0,account:e.outOfPocket.account.selectedOption,isConvertedCurrencyLoading:o?.fetchState==="In-Progress",isRecommendationLoading:r==="In-Progress",homeCurrencyDetails:e.homeCurrencyConversions,class:e.outOfPocket.class.selectedOption,amount:{amount:e.outOfPocket.amount?.amount??0,currencyCode:e.outOfPocket.amount?.currencyCode??"USD",currencySymbol:e.outOfPocket.amount?.currencySymbol??"$"},memo:e.outOfPocket.memo,merchant:e.outOfPocket.merchant.selectedOption,recommendations:e.outOfPocket.recommendations,recommendedAccount:e.outOfPocket.recommendedAccount,isCategoryUpdateSelected:e.outOfPocket.isCategoryUpdateSelected,isCategoryFirstTimeAutofilled:e.outOfPocket.isCategoryFirstTimeAutofilled,retainedAccount:e.outOfPocket.retainedAccount,isRetainedCategorySelected:e.outOfPocket.isRetainedCategorySelected},sectionId:Xe($,"outOfPocket"),accountList:C,classList:m,autoFields:R,merchantList:v,tentativeMerchantName:te,allCurrencies:z,isAddReimbursementDisabled:L,accountsHierarchyList:ae,classHierarchyList:le}):t.jsx(Jo,{lineIndex:p,reimbursementId:B,isReimbursementCommentingEnabled:I,isDisabled:P,mileage:{transactionDate:e.mileage.transactionDate!=null?it(e.mileage.transactionDate.toDateString()):void 0,class:e.mileage.class.selectedOption,distanceInMiles:e.mileage.distanceInMiles,amount:{amount:e.mileage.amount?.amount??0,currencyCode:e.mileage.amount?.currencyCode??"USD",currencySymbol:e.mileage.amount?.currencySymbol??"$"},memo:e.mileage.memo},classList:m,sectionId:Xe($,"mileage"),companyMileageConfigInfo:ne,defaultCurrency:l,isAddReimbursementDisabled:L,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"};
@@ -187,7 +187,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   height: ${i.sp3};
   cursor: pointer;
 `,fa=n.div`
-  margin-bottom: ${e=>_e.deleteConfirmationTextMarginBottom.valuePx(e.windowSize)};
+  margin-bottom: ${e=>Ve.deleteConfirmationTextMarginBottom.valuePx(e.windowSize)};
 `,wa=n(yi)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
@@ -196,9 +196,9 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
 `,xa=n.div`
   display: flex;
   flex-direction: column;
-  padding-top: ${e=>_e.paddingTop.valuePx(e.windowSize)};
-  margin-right: ${e=>_e.containerRightMargin.valuePx(e.windowSize)};
-  margin-left: ${e=>_e.containerLeftMargin.valuePx(e.windowSize)};
+  padding-top: ${e=>Ve.paddingTop.valuePx(e.windowSize)};
+  margin-right: ${e=>Ve.containerRightMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>Ve.containerLeftMargin.valuePx(e.windowSize)};
   .deleteIconWrapper {
     ${e=>e.windowSize==="small"&&`
     display: block;
@@ -225,7 +225,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${i.sp2};
-  margin-bottom: ${e=>_e.marginBottom.valuePx(e.windowSize)};
+  margin-bottom: ${e=>Ve.marginBottom.valuePx(e.windowSize)};
 `,Ca=n.div`
   background-color: ${e=>e.theme.colors.grey3};
   min-width: 1px;
@@ -258,9 +258,9 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
 `,Oa=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])},Pa={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:w,lineData:s,currencyConversionState:y,authParams:$,uploadInvoiceEndPoint:P,accountList:I,classList:L,merchantList:q,remiStage:R,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:Oe,setShowBankAccountPage:me,setRefByLineId:Pe,setCurrentLineIdForUpload:pe,onDuplicateLineClick:ve,setUploadedReceiptPayload:Ge,removeDuplicateReimbursementForLine:h,onReceiptsUpload:ee,scrollToSection:ot,onRemoveReimbursement:at,onAddReimbursement:Ne,clearTentativeNameForLine:Le,onReplaceClick:Je,onDeleteBankAccount:Ae,updateInvoiceUploadFetchState:He,removeFileFromLine:qe,allCurrencies:Ye,accountsHierarchyList:Qe,classHierarchyList:de})=>{const{formState:{errors:rt}}=nt(),lt=S.useRef(null);S.useEffect(()=>(Pe(O=>({...O,[`L${s.lineId}`]:lt.current})),()=>{Pe(O=>({...O,[`L${s.lineId}`]:null}))}),[s.lineId,Pe]);const Q=Re(),ze=R==="draft"?_.newReimbursementTitle:_.editReimbursementTitle,N=E.largeLabelWidth.value(Q),we=O=>O.outOfPocket.account.selectedOption==null&&(O.outOfPocket.amount==null||O.outOfPocket.amount.amount==0)&&(O.outOfPocket.class.selectedOption==null||O.outOfPocket.class.selectedOption===je)&&(O.outOfPocket.memo===""||O.outOfPocket.memo==null)&&O.outOfPocket.merchant.selectedOption==null&&O.outOfPocket.transactionDate==null,st=F.map(O=>O.bankAccountId),St=s.reimbursementType===_.outOfPocketKey&&jn(s)>=75&&le==null;return t.jsxs(Qa,{ref:k,windowSize:Q,children:[t.jsx(Za,{ref:O=>{O!=null&&(lt.current=O)},windowSize:Q,bottomSeperator:J!==1,showSkipAutoFill:w,isFirstItem:l===0,children:t.jsx(kn,{customError:St?_.requireReceipt:void 0,analytics:se,showAutofill:!1,uploadInvoiceEndPoint:P,authParams:$,entityId:V?"":void 0,file:le,style:{width:"auto",padding:0,height:f?E.firstOrLastItemHeight.valuePx(Q):E.itemHeight.valuePx(Q),margin:Q==="small"?i.sp0:void 0},updateInvoiceUploadFetchState:He,onInvoiceUpload:O=>{s.reimbursementType===_.outOfPocketKey&&!we(s)?(pe(Number(s.lineId)),Ge(O),Je?.()):ee(O,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:Q,children:[l===0&&Q!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(Wa,{children:ze}),t.jsx(Xa,{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:Q,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:J>1,clearTentativeNameForLine:Le,tentativeMerchantName:ue,hasFile:le!=null,companyMileageConfigInfo:De,defaultCurrency:K,remiStage:R,remiStatus:ae,fileRequiredLineIds:Y,allCurrencies:Ye,isReimbursementCommentingEnabled:B,isAddReimbursementDisabled:V,accountsHierarchyList:Qe,classHierarchyList:de,duplicateLineDetails:z[s.lineId],removeDuplicateReimbursementForLine:h}),J!==1&&J===l+1&&t.jsxs(t.Fragment,{children:[t.jsxs(_a,{windowSize:Q,children:[t.jsx(Va,{children:_.total}),oe?t.jsx(Ha,{windowSize:Q,children:t.jsx(qa,{children:t.jsx(xt,{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:Q,onClick:()=>{V===!1&&Ne()},isDisabled:V,"data-testid":H("add-reimbursement-row"),children:[t.jsx(Wi,{}),t.jsx(Ni,{children:_.addReimbursement})]}),Oe?t.jsxs(t.Fragment,{children:[t.jsx(Ua,{windowSize:Q,children:_.receivePaymentTo}),t.jsx(Ka,{windowSize:Q,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:O=>On(F,O),onClickCreateBankAccount:()=>me(!0),getLabelForId:O=>Ln(F,O),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:V?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:ge,allOptions:st},registerOptions:{required:!0,validate:O=>!!O.selectedOption}},isFunctional:!0})}),t.jsxs(Ja,{shouldDisplay:F.length===0,windowSize:Q,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]})]})]})},On=(e,o)=>{const r=Pn(e,o);return r==null?`${Dt.bankRoutingNumber} ${_.emptyValue}
-  ${Dt.bankAccountNumber} ${_.emptyValue}`:`${Dt.bankRoutingNumber} ${r.bankRoutingNumberAch??_.emptyValue}, ${r.bankName??_.emptyValue}
-  ${Dt.bankAccountNumber} ${r.bankAccountNumber??_.emptyValue}`},Pn=(e,o)=>e.find(r=>r.bankAccountId===o),Ln=(e,o)=>{const r=Pn(e,o);return r==null?_.selectBankAccount:r.bankAccountName?r.bankAccountName:r.maskedAccountNumber?r.maskedAccountNumber:r.bankName&&r.bankAccountNumber?`${r.bankName} ${_.accountNameConnector}${r.bankAccountNumber.slice(r.bankAccountNumber.length-4)}`:_.selectBankAccount},Ra=n(mi)`
+`,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])},Pa={total:new gi("largeMedium","h6Medium")},{spendManagement:{reimbursement:{reimbursementDetail:V},billPay:{vendorCreation:{achDetails:Dt}}},common:{currency:{currencyCode:jt}}}=fe.getLocalizedStrings(),jn=e=>{let o=0,r=jt;if("recommendationFetchState"in e&&e.recommendationFetchState!=null){const c=e;o=c.outOfPocket.amount??0,r=c.outOfPocket.currencyCode??jt}else{const c=e;o=c.outOfPocket.amount?.amount??0,r=c.outOfPocket.amount?.currencyCode??jt}return(e.homeCurrencyConversions?.currencyCode??jt)!==r&&(o=e.homeCurrencyConversions?.amount??0),o},La=({remiUploadStatus:e,progressSectionObj:o,reimbursementId:r,createDate:c,scheduleDate:p,paymentDate:C,hasDuplicateLine:m,approvedDate:v,isFirstOrLastListItem:f,index:l,reimbursementSectionRef:k,showSkipAutoFill:w,lineData:s,currencyConversionState:y,authParams:$,uploadInvoiceEndPoint:P,accountList:I,classList:L,merchantList:q,remiStage:R,autoFieldsByLineId:T,isReimbursementCommentingEnabled:B,isAutoFieldsExist:te,totalAmount:ne,showTotalAmountLoader:oe,totalNumberOfLines:J,defaultCurrency:K,bankAccounts:F,fileRequiredLineIds:Y,isAddReimbursementDisabled:_,duplicateLineByLineId:z,remiStatus:ae,file:le,uncategorizedAccounts:U,reportTitle:ce,recommendationFetchState:Ee,tentativeMerchantName:ue,paymentTo:ge,analytics:se,companyMileageConfigInfo:De,loggedInUserDepartmentId:je,isSignedInUserReimbursementCreator:Oe,setShowBankAccountPage:me,setRefByLineId:Pe,setCurrentLineIdForUpload:pe,onDuplicateLineClick:ve,setUploadedReceiptPayload:Ge,removeDuplicateReimbursementForLine:h,onReceiptsUpload:ee,scrollToSection:ot,onRemoveReimbursement:at,onAddReimbursement:Ne,clearTentativeNameForLine:Le,onReplaceClick:Je,onDeleteBankAccount:Ae,updateInvoiceUploadFetchState:He,removeFileFromLine:qe,allCurrencies:Ye,accountsHierarchyList:Qe,classHierarchyList:de})=>{const{formState:{errors:rt}}=nt(),lt=S.useRef(null);S.useEffect(()=>(Pe(O=>({...O,[`L${s.lineId}`]:lt.current})),()=>{Pe(O=>({...O,[`L${s.lineId}`]:null}))}),[s.lineId,Pe]);const Q=Re(),ze=R==="draft"?V.newReimbursementTitle:V.editReimbursementTitle,N=E.largeLabelWidth.value(Q),we=O=>O.outOfPocket.account.selectedOption==null&&(O.outOfPocket.amount==null||O.outOfPocket.amount.amount==0)&&(O.outOfPocket.class.selectedOption==null||O.outOfPocket.class.selectedOption===je)&&(O.outOfPocket.memo===""||O.outOfPocket.memo==null)&&O.outOfPocket.merchant.selectedOption==null&&O.outOfPocket.transactionDate==null,st=F.map(O=>O.bankAccountId),St=s.reimbursementType===V.outOfPocketKey&&jn(s)>=75&&le==null;return t.jsxs(Qa,{ref:k,windowSize:Q,children:[t.jsx(Za,{ref:O=>{O!=null&&(lt.current=O)},windowSize:Q,bottomSeperator:J!==1,showSkipAutoFill:w,isFirstItem:l===0,children:t.jsx(kn,{customError:St?V.requireReceipt:void 0,analytics:se,showAutofill:!1,uploadInvoiceEndPoint:P,authParams:$,entityId:_?"":void 0,file:le,style:{width:"auto",padding:0,height:f?E.firstOrLastItemHeight.valuePx(Q):E.itemHeight.valuePx(Q),margin:Q==="small"?i.sp0:void 0},updateInvoiceUploadFetchState:He,onInvoiceUpload:O=>{s.reimbursementType===V.outOfPocketKey&&!we(s)?(pe(Number(s.lineId)),Ge(O),Je?.()):ee(O,Number(s.lineId),!0)},dropFilePlaceholder:{upload:V.dropReceipt.upload,receipt:V.dropReceipt.receipt},showInfoText:!1,showTitlebar:!0,showTitlebarIcon:!_,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:Q,children:[l===0&&Q!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(Wa,{children:ze}),t.jsx(Xa,{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:V.banner})]}),m&&t.jsxs(Ba,{size:Q,children:[t.jsx(Aa,{}),t.jsxs(Fa,{children:[t.jsx(Ma,{children:V.thereSeems}),t.jsx(Ea,{children:V.pleaseFind})]})]}),t.jsx(Dn,{isReimbursementCommentingEnabled:B,sectionId:zt,reportTitle:ce,reimbursementId:r})]}):null,t.jsx(pa,{analytics:se,reimbursementId:r,onDuplicateLineClick:ve,uncategorizedAccounts:U,sectionId:`${fi}.${l}`,scrollToSection:ot,lineIndex:l,lineData:s,accountList:I,classList:L,merchantList:q,autoFields:s.lineId!=null?T[s.lineId]:[],currencyConversionState:y,recommendationFetchState:Ee,onRemoveReimbursement:at,hasMultipleLineItems:J>1,clearTentativeNameForLine:Le,tentativeMerchantName:ue,hasFile:le!=null,companyMileageConfigInfo:De,defaultCurrency:K,remiStage:R,remiStatus:ae,fileRequiredLineIds:Y,allCurrencies:Ye,isReimbursementCommentingEnabled:B,isAddReimbursementDisabled:_,accountsHierarchyList:Qe,classHierarchyList:de,duplicateLineDetails:z[s.lineId],removeDuplicateReimbursementForLine:h}),J!==1&&J===l+1&&t.jsxs(t.Fragment,{children:[t.jsxs(Va,{windowSize:Q,children:[t.jsx(_a,{children:V.total}),oe?t.jsx(Ha,{windowSize:Q,children:t.jsx(qa,{children:t.jsx(xt,{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:Q,onClick:()=>{_===!1&&Ne()},isDisabled:_,"data-testid":H("add-reimbursement-row"),children:[t.jsx(Wi,{}),t.jsx(Ni,{children:V.addReimbursement})]}),Oe?t.jsxs(t.Fragment,{children:[t.jsx(Ua,{windowSize:Q,children:V.receivePaymentTo}),t.jsx(Ka,{windowSize:Q,shouldDisplay:F.length>0,children:t.jsx(gn,{label:{label:V.yourBankAccount,width:N},style:{width:"auto"},singleSelectField:{singleSelect:{name:bt,placeholder:tt(V.yourBankAccount),showValueEyeIcon:!_,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:Ae,getTooltipInfo:O=>On(F,O),onClickCreateBankAccount:()=>me(!0),getLabelForId:O=>Ln(F,O),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:_?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:ge,allOptions:st},registerOptions:{required:!0,validate:O=>!!O.selectedOption}},isFunctional:!0})}),t.jsxs(Ja,{shouldDisplay:F.length===0,windowSize:Q,hasError:Te(rt,bt),onClick:()=>{_===!1&&me(!0)},isDisabled:_,"data-testid":H("remi-add-bank-account-container"),children:[t.jsx(Wi,{}),t.jsx(Ni,{children:V.addBankAccount})]})]}):null]})]})]})},On=(e,o)=>{const r=Pn(e,o);return r==null?`${Dt.bankRoutingNumber} ${V.emptyValue}
+  ${Dt.bankAccountNumber} ${V.emptyValue}`:`${Dt.bankRoutingNumber} ${r.bankRoutingNumberAch??V.emptyValue}, ${r.bankName??V.emptyValue}
+  ${Dt.bankAccountNumber} ${r.bankAccountNumber??V.emptyValue}`},Pn=(e,o)=>e.find(r=>r.bankAccountId===o),Ln=(e,o)=>{const r=Pn(e,o);return r==null?V.selectBankAccount:r.bankAccountName?r.bankAccountName:r.maskedAccountNumber?r.maskedAccountNumber:r.bankName&&r.bankAccountNumber?`${r.bankName} ${V.accountNameConnector}${r.bankAccountNumber.slice(r.bankAccountNumber.length-4)}`:V.selectBankAccount},Ra=n(mi)`
   color: ${e=>e.theme.colors.primary};
   width: ${i.sp3};
   height: ${i.sp3};
@@ -307,7 +307,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   margin-bottom: ${e=>E.paymentToMarginBottom.valuePx(e.windowSize)};
   margin-left: ${e=>E.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>E.reimbursementSectionRightMargin.valuePx(e.windowSize)};
-`,_a=n.div`
+`,Va=n.div`
   padding: ${i.sp3};
   display: flex;
   align-items: center;
@@ -321,7 +321,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   margin-right: ${e=>E.reimbursementSectionRightMargin.valuePx(e.windowSize)};
   margin-bottom: ${e=>E.totalMarginBottom.valuePx(e.windowSize)};
   justify-content: space-between;
-`,Va=n(bn)`
+`,_a=n(bn)`
   display: flex;
   width: 176px;
   color: ${e=>e.theme.colors.primary};
@@ -407,7 +407,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   margin-top: ${e=>E.marginTop.valuePx(e.windowSize)};
 `,Xa=n.div`
   padding: ${i.sp2} ${i.sp8} ${i.sp0} ${i.sp6};
-`,er={total:new gi("largeMedium","h6Medium")},Z={largeLabelWidth:new d(120,120,220),marginBottom:new d(a[5],a[4]),addBankAccountMarginBottom:new d(a[5],a[5]),marginTop:new d(a[0],78),paymentToMarginTop:new d(0,a[4]),totalMarginBottom:new d(a[3],a[3]),rightMargin:new d(a[3],a[8]),leftMargin:new d(a[3],a[6]),paymentToMarginBottom:new d(12,a[3])},et=fe.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,tr=({remiDetails:e,isUserAdmin:o,authParams:r,uploadInvoiceEndPoint:c,showSkipAutoFill:p,isReimbursementCommentingEnabled:C,isAutoFieldsExist:m,totalAmount:v,defaultCurrency:f,hasDuplicateLine:l,bankAccounts:k,fileRequiredLineIds:w,companyMileageConfigInfo:s,analytics:y,reimbursementId:$,currencyConversionStatus:P,setShowSkipAutoFill:I,setShowBankAccountPage:L,removeDuplicateReimbursementForLine:q,onReceiptsUpload:R,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:Oe,remiStage:me,remiStatus:Pe}=e,pe=!V||me==="pending_approval"&&Pe!=="rejected"&&o||me==="pending_approval"&&Pe==="rejected",ve=pe?e.paymentToBankAccountDetail!=null?[e.paymentToBankAccountDetail]:[]:k,Ge=ve.map(N=>N.bankAccountId),h=Re(),ee=Z.largeLabelWidth.value(h),ot=e.whatForSection.reportTitle,at=e.accountList.accounts,Ne=e.accountsHierarchyList,Le=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],we=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(we,{shouldFocus:!1})}),T(Number(we.lineId)),I(!0),setTimeout(()=>zi(De.current,le?.current),50)},[Qe,de]=S.useState({}),rt=S.useCallback(N=>{const we=Qe[`L${N}`];we!=null&&zi(we,le?.current)},[Qe,le]),lt=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,Q=e.reimbursementInfo?.paymentDate!=null?it(vn(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,ze=e.reimbursementInfo?.expectedDepositDate??Q;return t.jsxs(ar,{windowSize:h,showSkipAutoFill:p,children:[se.map((N,we)=>t.jsx(La,{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===we||we===0,index:we,reimbursementSectionRef:De,remiStage:me,remiStatus:Pe,authParams:r,file:N.file,uploadInvoiceEndPoint:c,showSkipAutoFill:p,lineData:N,currencyConversionState:P[N.lineId],recommendationFetchState:e.lineDetailSection[N.lineId]?.recommendationFetchState,setCurrentLineIdForUpload:T,setUploadedReceiptPayload:te,onReplaceClick:oe,onReceiptsUpload:R,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:Oe[N.lineId],companyMileageConfigInfo:s,defaultCurrency:f,setShowBankAccountPage:L,paymentTo:e.paymentTo,bankAccounts:ve,onDeleteBankAccount:F,analytics:y,fileRequiredLineIds:w,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(Zt,{children:[h!=="small"?t.jsx(Yt,{windowSize:h}):null,t.jsx(Qt,{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(xt,{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(Zt,{children:[h!=="small"?t.jsx(Yt,{windowSize:h}):null,t.jsx(Qt,{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(Qt,{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=>On(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`
+`,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:w,companyMileageConfigInfo:s,analytics:y,reimbursementId:$,currencyConversionStatus:P,setShowSkipAutoFill:I,setShowBankAccountPage:L,removeDuplicateReimbursementForLine:q,onReceiptsUpload:R,setCurrentLineIdForUpload:T,onDuplicateLineClick:B,setUploadedReceiptPayload:te,removeFileFromLine:ne,onReplaceClick:oe,updateInvoiceUploadFetchState:J,clearTentativeNameForLine:K,onDeleteBankAccount:F,uncategorizedAccounts:Y,isSignedInUserReimbursementCreator:_,duplicateLineByLineId:z,showTotalAmountLoader:ae,scrollContainerRef:le})=>{const{control:U,formState:{errors:ce}}=nt(),{fields:Ee,append:ue,remove:ge}=fo({name:fi,control:U}),se=Ee,De=S.useRef(null),je=N=>{setTimeout(()=>{ge(N)})},{tentativeMerchantNameByLineId:Oe,remiStage:me,remiStatus:Pe}=e,pe=!_||me==="pending_approval"&&Pe!=="rejected"&&o||me==="pending_approval"&&Pe==="rejected",ve=pe?e.paymentToBankAccountDetail!=null?[e.paymentToBankAccountDetail]:[]:k,Ge=ve.map(N=>N.bankAccountId),h=Re(),ee=Z.largeLabelWidth.value(h),ot=e.whatForSection.reportTitle,at=e.accountList.accounts,Ne=e.accountsHierarchyList,Le=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],we=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(we,{shouldFocus:!1})}),T(Number(we.lineId)),I(!0),setTimeout(()=>zi(De.current,le?.current),50)},[Qe,de]=S.useState({}),rt=S.useCallback(N=>{const we=Qe[`L${N}`];we!=null&&zi(we,le?.current)},[Qe,le]),lt=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,Q=e.reimbursementInfo?.paymentDate!=null?it(vn(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,ze=e.reimbursementInfo?.expectedDepositDate??Q;return t.jsxs(ar,{windowSize:h,showSkipAutoFill:p,children:[se.map((N,we)=>t.jsx(La,{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===we||we===0,index:we,reimbursementSectionRef:De,remiStage:me,remiStatus:Pe,authParams:r,file:N.file,uploadInvoiceEndPoint:c,showSkipAutoFill:p,lineData:N,currencyConversionState:P[N.lineId],recommendationFetchState:e.lineDetailSection[N.lineId]?.recommendationFetchState,setCurrentLineIdForUpload:T,setUploadedReceiptPayload:te,onReplaceClick:oe,onReceiptsUpload:R,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:Oe[N.lineId],companyMileageConfigInfo:s,defaultCurrency:f,setShowBankAccountPage:L,paymentTo:e.paymentTo,bankAccounts:ve,onDeleteBankAccount:F,analytics:y,fileRequiredLineIds:w,allCurrencies:e.allCurrencies,loggedInUserDepartmentId:e.loggedInUserDepartmentId,isAddReimbursementDisabled:pe,accountsHierarchyList:Ne,classHierarchyList:Le,isSignedInUserReimbursementCreator:_},N.lineId)),se.length===1&&t.jsxs(t.Fragment,{children:[t.jsxs(Zt,{children:[h!=="small"?t.jsx(Yt,{windowSize:h}):null,t.jsx(Qt,{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(xt,{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(Zt,{children:[h!=="small"?t.jsx(Yt,{windowSize:h}):null,t.jsx(Qt,{windowSize:h,children:t.jsxs(ur,{windowSize:h,onClick:()=>{pe===!1&&Ye()},isDisabled:pe,"data-testid":H("add-reimbursement-container"),children:[t.jsx(Vi,{}),t.jsx(Ui,{children:et.addReimbursement})]})})]}),t.jsxs(Zt,{children:[h!=="small"?t.jsx(Yt,{windowSize:h}):null,_?t.jsxs(Qt,{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=>On(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(Vi,{}),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:_e(Ke(o,[])),selectedOption:C},account:{allOptions:_e(Bt(e,[])),selectedOption:void 0},amount:{amount:0,currencyCode:c.currencyCode,currencySymbol:c.currencySymbol,currency:{allOptions:p.map(m=>({label:`${m.currencyCode} - ${m.currency}`,value:m.currencyCode,countryCode:ci(m.countryCode)})),selectedOption:c.currencyCode??fe.getLocalizedStrings().common.currency.currencyCode}},memo:void 0,merchant:{allOptions:r.map(m=>m.id).filter(m=>!!m),selectedOption:void 0},recommendations:[],isCategoryUpdateSelected:!1,isCategoryFirstTimeAutofilled:!1,isRetainedCategorySelected:!1}),nr=(e,o,r)=>({transactionDate:void 0,class:{allOptions:_e(Ke(e,[])),selectedOption:r},distanceInMiles:void 0,amount:{amount:0,currencyCode:o.currencyCode,currencySymbol:o.currencySymbol},memo:void 0}),or=n.div`
   margin-left: ${e=>Z.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>Z.rightMargin.valuePx(e.windowSize)};
   margin-bottom: ${e=>Z.addBankAccountMarginBottom.valuePx(e.windowSize)};
@@ -497,14 +497,14 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   margin-bottom: ${e=>Z.addBankAccountMarginBottom.valuePx(e.windowSize)};
 `,Ui=n(Et)`
   color: inherit;
-`,_i=n(wn)`
+`,Vi=n(wn)`
   margin-right: ${i.sp2};
   width: ${i.sp3};
   height: ${i.sp3};
 `,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:w})=>{const s=ft(),y=Re(),$=an({mode:"onBlur",reValidateMode:"onChange",defaultValues:S.useMemo(()=>pr(C),[C])}),P=S.useCallback(K=>{p?.(K),w()},[w,p]),I=r.link_account_no_microdeposit,{open:L}=xo({token:I.linkToken??null,onSuccess:P});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(),w()},onCancelClick:()=>{R(!1)}},ne=async(K,F)=>{const Y=F[Lt].bankRoutingNumber;l(F),K===`${Lt}.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"&&w()},[e?.fetchState,w,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:w,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:J},style:{width:"unset",rowGap:y==="small"?i.sp2:void 0}}),t.jsxs(br,{windowSize:y,children:[t.jsx(fr,{}),t.jsx(xr,{children:t.jsx(Sr,{children:T.or})})]}),t.jsx(wr,{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(),w())}}})]})},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])},_i="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:w})=>{const s=ft(),y=Re(),$=an({mode:"onBlur",reValidateMode:"onChange",defaultValues:S.useMemo(()=>pr(C),[C])}),P=S.useCallback(K=>{p?.(K),w()},[w,p]),I=r.link_account_no_microdeposit,{open:L}=xo({token:I.linkToken??null,onSuccess:P});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(),w()},onCancelClick:()=>{R(!1)}},ne=async(K,F)=>{const Y=F[Lt].bankRoutingNumber;l(F),K===`${Lt}.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"&&w()},[e?.fetchState,w,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(_o,{header:T.addBankAccount,isDirty:$.formState.isDirty,onBackClick:w,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:J},style:{width:"unset",rowGap:y==="small"?i.sp2:void 0}}),t.jsxs(br,{windowSize:y,children:[t.jsx(fr,{}),t.jsx(xr,{children:t.jsx(Sr,{children:T.or})})]}),t.jsx(wr,{windowSize:y,children:T.saveAccountManually})]}),t.jsx(Cr,{size:y,children:t.jsx(ln,{...$,children:t.jsxs("form",{id:Hi(_i),onSubmit:oe,children:[e?.fetchState==="Error"&&e.error?.code===409?t.jsx(Ho,{warningText:T.accountExistWarning}):null,t.jsx(Vo,{bankAccountToCreate:C,fetchBankNameByRoutingStatus:m,sectionId:Lt})]})})})]}),t.jsx(un,{formId:Hi(_i),primaryBtn:{label:T.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:Fe.buttonWidth.value(y)},isDisabled:v!=null},cancelBtn:{label:B.cancel,style:{width:Fe.buttonWidth.value(y)},shouldResetOnCancel:!1,onClick:()=>{$.formState.isDirty?R(!0):(R(!1),$.reset(),w())}}})]})},gr=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -616,7 +616,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   height: ${i.sp4};
   min-width: ${i.sp4};
   color: ${j.success};
-`,X={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:Ot},texts:{comments:Pr},strings:{empty:Lr}},collaboration:{threads:{placeholder:{addANewComment:Rr,replyAComment:Ar},tooltip:{resolveComment:zr,unResolveComment:Br}}},dateFormat:Xi}=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,w=l.merchant,s=l.recommendations;return{lineIndex:C,lineId:e?.lineId??String(C+1),reimbursementType:e?.type??b.outOfPocketKey,file:e?.file,homeCurrencyConversions:{amount:e?.homeCurrencyConversions?.amount??0,currencyCode:e?.homeCurrencyConversions?.currencyCode??m.currencyCode,currencySymbol:e?.homeCurrencyConversions?.currencySymbol??m.currencySymbol},outOfPocket:{recommendedAccount:l.recommendedAccount,isCategoryUpdateSelected:l.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:l.isCategoryFirstTimeAutofilled??!1,retainedAccount:l.retainedAccount,isRetainedCategorySelected:l.isRetainedCategorySelected??!1,recommendations:s??[],transactionDate:l?.transactionDate?.toDate()??void 0,class:{allOptions:Ve(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:w?.id?w?.id:w?.name?w?.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(P=>P.classId===l.mileage.class.selectedOption),w=m.find(P=>P.qboId===l.outOfPocket.account.selectedOption||P.accountId===l.outOfPocket.account.selectedOption),s=v.find(P=>P.classId===l.outOfPocket.class.selectedOption),y=o.find(P=>P.id===l.outOfPocket.merchant.selectedOption),$=C.find(P=>P.currencyCode===l.outOfPocket.amount?.currency.selectedOption)?.currencySymbol;f[l.lineId]={fileId:l.file?.fileId,lineId:l.lineId,type:l.reimbursementType,homeCurrencyConversions:l.homeCurrencyConversions??{amount:0,currencyCode:"USD",currencySymbol:"$"},mileage:{description:l.mileage.memo??"",lineDetail:{class:k},transactionDate:l.mileage.transactionDate!=null?it(l.mileage.transactionDate.toDateString()):void 0,amount:l.mileage.amount?.amount??0,currencyCode:l.mileage.amount?.currencyCode??$,currencySymbol:l.mileage.amount?.currencySymbol??$,distanceMileage:{unit:"miles",value:l.mileage.distanceInMiles??0}},outOfPocket:{description:l.outOfPocket.memo??"",lineDetail:{class:s,account:w},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:w,bankAccounts:s,isSignedInUserReimbursementCreator:y,uncategorizedAccounts:$,bankAccountToCreate:P,fetchBankNameByRoutingStatus:I,onUserBankDetailsUpdated:L,onFetchBankName:q,onSaveBankAccount:R,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:Oe,onAddNewRule:me,onFetchLinkTokenClick:Pe,onEstablishConnectionClick:pe,deleteBankAccount:ve,onBackClickFromBankAccountPage:Ge,initialOpenThreadRequest:h})=>{const ee=S.useRef(null),ot=S.useRef(null),at=li(e.uploadStatus),Ne=ft(),Le=wt(),[Je,Ae]=S.useState(!1),[He,qe]=S.useState(!1),[Ye,Qe]=S.useState("save"),[de,rt]=S.useState(ii(e.lineDetailSection,e.currencyConversionStatus)),[lt,Q]=S.useState(!1),[ze,N]=S.useState(null),[we,st]=S.useState(!1),St=`dashboard_${Le.currentTenant?.companyId}`,O=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}=O.formState,Mn=async(g,D)=>{const{lineInfo:u}=D,x=Number(g.split(".")[1]);if(g.includes("reportTitle")||g.includes("memo"))return;if(g.includes("reimbursementType")){const M=u[x].mileage,W=u[x].outOfPocket;u[x]={...u[x],outOfPocket:{transactionDate:W.transactionDate??void 0,class:{allOptions:W.class.allOptions??Ve(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(xe=>({label:`${xe.currencyCode} - ${xe.currency}`,value:xe.currencyCode,countryCode:ci(xe.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??Ot},memo:M.memo??void 0}}}else if(g.includes("mileage.distanceInMiles")){const{distanceInMiles:M}=u[x].mileage,W=c?.mileageUnitAmount??0;u[x].mileage={...u[x].mileage,amount:{amount:M!=null?M*W:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol}}}else if(g.includes("outOfPocket.amount")&&u[x].lineId){const M=u[x].outOfPocket.amount,W=e.allCurrencies.find(xe=>xe.currencyCode===M?.currency.selectedOption)?.currencySymbol;if(M?.currencyCode!==M?.currency.selectedOption){const xe=M?.currency?.allOptions||[];u[x].outOfPocket.amount={currency:{allOptions:xe,selectedOption:M?.currency?.selectedOption},amount:u[x].outOfPocket?.amount?.amount??0,currencyCode:M?.currency.selectedOption??We,currencySymbol:W??Ot}}if(M?.currency.selectedOption!==We)Q(!0),Hn(u[x].lineId,We);else{const xe={};u.forEach(Jt=>{xe[Jt.lineId]={lineId:Jt.lineId,homeCurrencyConversions:Jt.homeCurrencyConversions}}),u[x].homeCurrencyConversions={amount:M.amount??0,currencyCode:M?.currency.selectedOption??We,currencySymbol:W??Ot};const ki=ii(xe,e.currencyConversionStatus);de!==ki&&rt(ki)}}else if(g.includes("outOfPocket.isRetainedCategorySelected"))u[x].outOfPocket.isRetainedCategorySelected===!0&&(u[x].outOfPocket.isCategoryUpdateSelected=!1,u[x].outOfPocket.account.selectedOption=u[x].outOfPocket.retainedAccount?.qboId);else if(g.includes("outOfPocket.isCategoryUpdateSelected"))if(u[x].outOfPocket.isCategoryUpdateSelected===!0)u[x].outOfPocket.account.selectedOption=u[x].outOfPocket.recommendedAccount?.qboId,u[x].outOfPocket.isRetainedCategorySelected=!1;else{const M=u[x].lineId,W=e.editRemiInitialDetails.lineDetailSection[M]?.lineDetail?.account?.qboId;u[x].outOfPocket.account.selectedOption=W,u[x].outOfPocket.isRetainedCategorySelected=!1}else g.includes("outOfPocket.account")&&(u[x].outOfPocket.recommendations.length>0&&(u[x].outOfPocket.recommendedAccount=u[x].outOfPocket.recommendations[0].account),u[x].outOfPocket.recommendedAccount?.qboId!=null&&u[x].outOfPocket.account.selectedOption===u[x].outOfPocket.recommendedAccount?.qboId?u[x].outOfPocket.isCategoryUpdateSelected=!0:u[x].outOfPocket.isCategoryUpdateSelected=!1,u[x].outOfPocket.retainedAccount?.qboId!=null&&u[x].outOfPocket.account.selectedOption===u[x].outOfPocket.retainedAccount?.qboId?u[x].outOfPocket.isRetainedCategorySelected=!0:u[x].outOfPocket.isRetainedCategorySelected=!1,u[x].outOfPocket.isCategoryFirstTimeAutofilled=!1);const 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[x].lineId,W=u[x].outOfPocket.merchant.selectedOption??"";u[x].outOfPocket.merchant.allOptions.find(xe=>xe===W)!=null?J(W,M):K(W,M)}},wi=S.useMemo(()=>Ii((g,D)=>Mn(g,D),300),[e.accountList.fetchState,e.classList.fetchState,e.merchantList.fetchState]);S.useEffect(()=>{const g=O.watch((D,{name:u})=>{u!=null&&D!=null&&wi(u,D)});return()=>{g.unsubscribe()}},[wi,O]),S.useEffect(()=>{const g=Eo(Object.values(e.currencyConversionStatus)),D=g.fetchState==="In-Progress"||g.fetchState==="Error";Q(D)},[e.currencyConversionStatus]),S.useEffect(()=>{for(const D in e.currencyConversionStatus){const u=e.lineDetailSection[D],x=e.lineDetailSection[D];e.currencyConversionStatus[D].fetchState==="Completed"&&x!=null&&u.type!==b.mileageKey&&!rn(u?.homeCurrencyConversions,x.homeCurrencyConversions)&&U({amount:u?.homeCurrencyConversions?.amount??0,currencyCode:u?.homeCurrencyConversions?.currencyCode??We,currencySymbol:u?.homeCurrencyConversions?.currencySymbol??Ot},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,xi]=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"?(O.reset(ti(e,r,s),{keepDefaultValues:!0}),Ae(!1),ht(!1)):e.uploadStatus==="Error"&&Ae(!1))},[at,e.uploadStatus,O,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,x)=>{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{Qe("save");const g=O.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"):O.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 Qn=g=>{const D=Yn();return O.handleSubmit(()=>{D&&(Qe("submit"),v?.trackReimbursementSubmitReimbursement(e.createTime?.format(Xi.analytics.MMMDashDDDashYYYYFormat)??bi().format(Xi.analytics.MMMDashDDDashYYYYFormat),r.currencyCode,de,f),B(),xi(!0))})(g)},Zn=()=>{const g=O.getValues(),D=ni(g,e.merchantList.merchants,r,de,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);ae?.(D),V()},Xn=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:Le.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("."),x=parseInt(u[2]);if(isNaN(x)){st(!1);return}const Ct=`${x+1}`,M=e.lineDetailSection[x+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,{...O,children:[t.jsx("form",{id:tn(en),onSubmit:g=>Qn(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:xi,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(Qr,{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(Xr,{children:Vt})]}):null,t.jsx(kn,{showAutofill:Be,analytics:v,onSkipAutofill:()=>{v?.trackReimbursementSkipAutofill(),ht(!1)},uploadInvoiceEndPoint:p,authParams:o,style:{width:X.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:X.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: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: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:Xn,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:Oe,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:X.footerButtonWidth.value(A)},reverseSpinnerColor:!1},primaryBtn:{label:Fr(y,m,e,A),isDisabled:!y,style:{width:y?X.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:we,allowComposer:!0,drawerTitle:Pr,threads:yt,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:ze?.companyId??Lr,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: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(Yr,{windowSize:A,children:t.jsx(hr,{bankAccountCreationState:k,setShowBankAccountPage:Nt,plaidConnectionDetails:l,onFetchLinkTokenClick:Pe,onEstablishConnectionClick:pe,onSaveHandler:R,bankAccountToCreate:P,bankNameByRouting:w,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`
+`,X={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:Ot},texts:{comments:Pr},strings:{empty:Lr}},collaboration:{threads:{placeholder:{addANewComment:Rr,replyAComment:Ar},tooltip:{resolveComment:zr,unResolveComment:Br}}},dateFormat:Xi}=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,w=l.merchant,s=l.recommendations;return{lineIndex:C,lineId:e?.lineId??String(C+1),reimbursementType:e?.type??b.outOfPocketKey,file:e?.file,homeCurrencyConversions:{amount:e?.homeCurrencyConversions?.amount??0,currencyCode:e?.homeCurrencyConversions?.currencyCode??m.currencyCode,currencySymbol:e?.homeCurrencyConversions?.currencySymbol??m.currencySymbol},outOfPocket:{recommendedAccount:l.recommendedAccount,isCategoryUpdateSelected:l.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:l.isCategoryFirstTimeAutofilled??!1,retainedAccount:l.retainedAccount,isRetainedCategorySelected:l.isRetainedCategorySelected??!1,recommendations:s??[],transactionDate:l?.transactionDate?.toDate()??void 0,class:{allOptions:_e(Ke(r,[])),selectedOption:l?.lineDetail?.class?.classId??f},account:{allOptions:_e(Bt(o,s)),selectedOption:l.lineDetail?.account?.qboId??l.lineDetail?.account?.accountId},amount:{amount:l?.amount??0,currencyCode:l?.currencyCode??m.currencyCode,currencySymbol:l?.currencySymbol??m.currencySymbol,currency:{allOptions:v.map(y=>({label:`${y.currencyCode} - ${y.currency}`,value:y.currencyCode,countryCode:ci(y.countryCode)})),selectedOption:l?.currencyCode??m.currencyCode??We}},memo:l?.description??void 0,merchant:{allOptions:c.map(y=>y.id).filter(y=>!!y),selectedOption:w?.id?w?.id:w?.name?w?.name:e?.lineId!=null?p[e?.lineId]:void 0}},mileage:{transactionDate:k?.transactionDate?.toDate(),class:{allOptions:_e(Ke(r,[])),selectedOption:k?.lineDetail?.class?.classId},distanceInMiles:k?.distanceMileage?.value,amount:{amount:k?.amount??0,currencyCode:k?.currencyCode??m.currencyCode,currencySymbol:k?.currencySymbol??m.currencySymbol},memo:k?.description}}},ti=(e,o,r)=>{const c=[];return Object.values(e.lineDetailSection).forEach((p,C)=>{p?.lineId!=null&&c.push(Mr(p,e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,e.tentativeMerchantNameByLineId,C,o,e.allCurrencies,e.loggedInUserDepartmentId))}),c.length===0&&c.push(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(P=>P.classId===l.mileage.class.selectedOption),w=m.find(P=>P.qboId===l.outOfPocket.account.selectedOption||P.accountId===l.outOfPocket.account.selectedOption),s=v.find(P=>P.classId===l.outOfPocket.class.selectedOption),y=o.find(P=>P.id===l.outOfPocket.merchant.selectedOption),$=C.find(P=>P.currencyCode===l.outOfPocket.amount?.currency.selectedOption)?.currencySymbol;f[l.lineId]={fileId:l.file?.fileId,lineId:l.lineId,type:l.reimbursementType,homeCurrencyConversions:l.homeCurrencyConversions??{amount:0,currencyCode:"USD",currencySymbol:"$"},mileage:{description:l.mileage.memo??"",lineDetail:{class:k},transactionDate:l.mileage.transactionDate!=null?it(l.mileage.transactionDate.toDateString()):void 0,amount:l.mileage.amount?.amount??0,currencyCode:l.mileage.amount?.currencyCode??$,currencySymbol:l.mileage.amount?.currencySymbol??$,distanceMileage:{unit:"miles",value:l.mileage.distanceInMiles??0}},outOfPocket:{description:l.outOfPocket.memo??"",lineDetail:{class:s,account:w},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:w,bankAccounts:s,isSignedInUserReimbursementCreator:y,uncategorizedAccounts:$,bankAccountToCreate:P,fetchBankNameByRoutingStatus:I,onUserBankDetailsUpdated:L,onFetchBankName:q,onSaveBankAccount:R,fetchDuplicateReimbursement:T,clearDuplicateReimbursementDetail:B,clearRemiSaveStatus:te,removeDuplicateReimbursementForLine:ne,onDuplicateLineClick:oe,onExistingMerchantChange:J,onNewMerchantChange:K,onReceiptsUpload:F,saveRemiDetails:Y,submitRemiDetails:_,discardReimbursementDetailsFromLocalStore:z,onReimbursementDetailsChanged:ae,updateReimbursementType:le,onHomeCurrencyConversionUpdate:U,redirectToReimbursementListScreen:ce,redirectToReimbursementDetailScreen:Ee,deleteReimbursement:ue,removeFileFromLine:ge,onZeniLogoClick:se,onAmountChanged:De,updateInvoiceUploadFetchState:je,clearTentativeNameForLine:Oe,onAddNewRule:me,onFetchLinkTokenClick:Pe,onEstablishConnectionClick:pe,deleteBankAccount:ve,onBackClickFromBankAccountPage:Ge,initialOpenThreadRequest:h})=>{const ee=S.useRef(null),ot=S.useRef(null),at=li(e.uploadStatus),Ne=ft(),Le=wt(),[Je,Ae]=S.useState(!1),[He,qe]=S.useState(!1),[Ye,Qe]=S.useState("save"),[de,rt]=S.useState(ii(e.lineDetailSection,e.currencyConversionStatus)),[lt,Q]=S.useState(!1),[ze,N]=S.useState(null),[we,st]=S.useState(!1),St=`dashboard_${Le.currentTenant?.companyId}`,O=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}=O.formState,Mn=async(g,D)=>{const{lineInfo:u}=D,x=Number(g.split(".")[1]);if(g.includes("reportTitle")||g.includes("memo"))return;if(g.includes("reimbursementType")){const M=u[x].mileage,W=u[x].outOfPocket;u[x]={...u[x],outOfPocket:{transactionDate:W.transactionDate??void 0,class:{allOptions:W.class.allOptions??_e(Ke(e.classHierarchyList,[])),selectedOption:W.class.selectedOption??void 0},account:{allOptions:W.account.allOptions??_e(Bt(e.accountsHierarchyList,[])),selectedOption:W.account.selectedOption??void 0},amount:W.amount??{amount:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol,currency:{allOptions:e.allCurrencies.map(xe=>({label:`${xe.currencyCode} - ${xe.currency}`,value:xe.currencyCode,countryCode:ci(xe.countryCode)})),selectedOption:r.currencyCode??We}},memo:W.memo??void 0,merchant:W.merchant??void 0,recommendations:W.recommendations??[],recommendedAccount:W.recommendedAccount??void 0,isCategoryUpdateSelected:W.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:W.isCategoryFirstTimeAutofilled??!1,retainedAccount:W.retainedAccount??void 0,isRetainedCategorySelected:W.isRetainedCategorySelected??!1},mileage:{transactionDate:M.transactionDate??void 0,class:{allOptions:M.class.allOptions??_e(Ke(e.classHierarchyList,[])),selectedOption:M.class.selectedOption??e.loggedInUserDepartmentId},distanceInMiles:M.distanceInMiles,amount:{amount:M?.amount?.amount??0,currencyCode:M?.amount?.currencyCode??We,currencySymbol:M?.amount?.currencySymbol??Ot},memo:M.memo??void 0}}}else if(g.includes("mileage.distanceInMiles")){const{distanceInMiles:M}=u[x].mileage,W=c?.mileageUnitAmount??0;u[x].mileage={...u[x].mileage,amount:{amount:M!=null?M*W:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol}}}else if(g.includes("outOfPocket.amount")&&u[x].lineId){const M=u[x].outOfPocket.amount,W=e.allCurrencies.find(xe=>xe.currencyCode===M?.currency.selectedOption)?.currencySymbol;if(M?.currencyCode!==M?.currency.selectedOption){const xe=M?.currency?.allOptions||[];u[x].outOfPocket.amount={currency:{allOptions:xe,selectedOption:M?.currency?.selectedOption},amount:u[x].outOfPocket?.amount?.amount??0,currencyCode:M?.currency.selectedOption??We,currencySymbol:W??Ot}}if(M?.currency.selectedOption!==We)Q(!0),Hn(u[x].lineId,We);else{const xe={};u.forEach(Jt=>{xe[Jt.lineId]={lineId:Jt.lineId,homeCurrencyConversions:Jt.homeCurrencyConversions}}),u[x].homeCurrencyConversions={amount:M.amount??0,currencyCode:M?.currency.selectedOption??We,currencySymbol:W??Ot};const ki=ii(xe,e.currencyConversionStatus);de!==ki&&rt(ki)}}else if(g.includes("outOfPocket.isRetainedCategorySelected"))u[x].outOfPocket.isRetainedCategorySelected===!0&&(u[x].outOfPocket.isCategoryUpdateSelected=!1,u[x].outOfPocket.account.selectedOption=u[x].outOfPocket.retainedAccount?.qboId);else if(g.includes("outOfPocket.isCategoryUpdateSelected"))if(u[x].outOfPocket.isCategoryUpdateSelected===!0)u[x].outOfPocket.account.selectedOption=u[x].outOfPocket.recommendedAccount?.qboId,u[x].outOfPocket.isRetainedCategorySelected=!1;else{const M=u[x].lineId,W=e.editRemiInitialDetails.lineDetailSection[M]?.lineDetail?.account?.qboId;u[x].outOfPocket.account.selectedOption=W,u[x].outOfPocket.isRetainedCategorySelected=!1}else g.includes("outOfPocket.account")&&(u[x].outOfPocket.recommendations.length>0&&(u[x].outOfPocket.recommendedAccount=u[x].outOfPocket.recommendations[0].account),u[x].outOfPocket.recommendedAccount?.qboId!=null&&u[x].outOfPocket.account.selectedOption===u[x].outOfPocket.recommendedAccount?.qboId?u[x].outOfPocket.isCategoryUpdateSelected=!0:u[x].outOfPocket.isCategoryUpdateSelected=!1,u[x].outOfPocket.retainedAccount?.qboId!=null&&u[x].outOfPocket.account.selectedOption===u[x].outOfPocket.retainedAccount?.qboId?u[x].outOfPocket.isRetainedCategorySelected=!0:u[x].outOfPocket.isRetainedCategorySelected=!1,u[x].outOfPocket.isCategoryFirstTimeAutofilled=!1);const 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[x].lineId,W=u[x].outOfPocket.merchant.selectedOption??"";u[x].outOfPocket.merchant.allOptions.find(xe=>xe===W)!=null?J(W,M):K(W,M)}},wi=S.useMemo(()=>Ii((g,D)=>Mn(g,D),300),[e.accountList.fetchState,e.classList.fetchState,e.merchantList.fetchState]);S.useEffect(()=>{const g=O.watch((D,{name:u})=>{u!=null&&D!=null&&wi(u,D)});return()=>{g.unsubscribe()}},[wi,O]),S.useEffect(()=>{const g=Eo(Object.values(e.currencyConversionStatus)),D=g.fetchState==="In-Progress"||g.fetchState==="Error";Q(D)},[e.currencyConversionStatus]),S.useEffect(()=>{for(const D in e.currencyConversionStatus){const u=e.lineDetailSection[D],x=e.lineDetailSection[D];e.currencyConversionStatus[D].fetchState==="Completed"&&x!=null&&u.type!==b.mileageKey&&!rn(u?.homeCurrencyConversions,x.homeCurrencyConversions)&&U({amount:u?.homeCurrencyConversions?.amount??0,currencyCode:u?.homeCurrencyConversions?.currencyCode??We,currencySymbol:u?.homeCurrencyConversions?.currencySymbol??Ot},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),[Vn,dt]=S.useState(!1),[_n,xi]=S.useState(!1),[Ut,Vt]=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"?(O.reset(ti(e,r,s),{keepDefaultValues:!0}),Ae(!1),ht(!1)):e.uploadStatus==="Error"&&Ae(!1))},[at,e.uploadStatus,O,e,Je,Ae,Be,r,s,v]),S.useEffect(()=>{e.uploadStatus==="In-Progress"&&Be===!1&&Ae(!0)},[e.uploadStatus,Ae,Be]);const _t=e.remiStage==="draft"?b.newReimbursementTitle:b.editReimbursementTitle,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());Vt(g),F(Wt,gt,!0)}},onCancelClick:()=>{if(dt(!1),ye.secondaryButtonText===b.buttons.no){const g=Ut.filter(D=>D!==gt.toString());Vt(g),F(Wt,gt,!1)}}},Si=()=>{zn||bo(Bn)?($t({title:b.discardTitle,description:b.discardDescription,primaryButtonText:b.buttons.discard,secondaryButtonText:b.buttons.cancel}),dt(!0)):(z(f),ce?.())},Kn=()=>{$t({title:e.remiStage==="draft"?b.deleteDraftTitle:b.deleteReportTitle,description:b.deleteAlertDescription,primaryButtonText:b.buttons.delete,secondaryButtonText:b.buttons.cancel}),dt(!0)},Gn=g=>{Wn(g),$t({title:b.deleteBankAccountTitle,description:b.deleteBankAccountDescription,primaryButtonText:b.buttons.delete,secondaryButtonText:b.buttons.cancel}),dt(!0)},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,x)=>{u.type===b.outOfPocketKey&&jn(u)>=75&&u.file==null&&(D.push(u.lineId),g=!1)}),Vt(D),g},$i=()=>{if(m&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected")Si();else{Qe("save");const g=O.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"):O.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 Qn=g=>{const D=Yn();return O.handleSubmit(()=>{D&&(Qe("submit"),v?.trackReimbursementSubmitReimbursement(e.createTime?.format(Xi.analytics.MMMDashDDDashYYYYFormat)??bi().format(Xi.analytics.MMMDashDDDashYYYYFormat),r.currencyCode,de,f),B(),xi(!0))})(g)},Zn=()=>{const g=O.getValues(),D=ni(g,e.merchantList.merchants,r,de,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);ae?.(D),_()},Xn=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:Le.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("."),x=parseInt(u[2]);if(isNaN(x)){st(!1);return}const Ct=`${x+1}`,M=e.lineDetailSection[x+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,{...O,children:[t.jsx("form",{id:tn(en),onSubmit:g=>Qn(g),children:t.jsxs(hl,{windowSize:A,ref:ot,children:[Vn?t.jsx(di,{titleComponent:t.jsx(dn,{children:ye.title}),descriptionComponent:t.jsx(sn,{children:ye.description}),primaryButtonText:ye.primaryButtonText,secondaryButtonText:ye.secondaryButtonText,action: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,_n?t.jsx(Ir,{reimbursementId:f,submitFetchState:e.saveStatus?.fetchState??"Not-Started",duplicateReimbursementStatus:e.duplicateReimbursementStatus.fetchState,hasDuplicateLine:qt,numberOfDuplicateLines:Ci,setShowDuplicatePopup:xi,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(Qr,{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(Xr,{children:_t})]}):null,t.jsx(kn,{showAutofill:Be,analytics:v,onSkipAutofill:()=>{v?.trackReimbursementSkipAutofill(),ht(!1)},uploadInvoiceEndPoint:p,authParams:o,style:{width:X.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:X.navBarWidth.valuePercentage(A)},"data-testid":H("edit-reimbursement-detail-page-right-nav-bar"),source:"EditReimbursementDetailPage",title:_t,leftSideComponent:t.jsx(t.Fragment,{}),rightSideComponent:Be!=!0?t.jsxs(ul,{children:[C&&f!=null?t.jsxs(ml,{isDisabled:Ze,"data-testid":H("remi-comment-button"),onClick:Ze?()=>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: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:_t}),t.jsx(mo,{progressSectionObj:Xn,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(_r,{}),t.jsxs(rl,{children:[t.jsx(al,{children:b.thereSeems}),t.jsx(ll,{children:b.pleaseFind})]})]}):null,t.jsx(Dn,{isReimbursementCommentingEnabled:C,sectionId:zt,reimbursementId:e.remiId,reportTitle:e.whatForSection.reportTitle})]}):null,t.jsx(tr,{onDuplicateLineClick:oe,reimbursementId:f,remiDetails:e,uploadInvoiceEndPoint:p,authParams:o,showSkipAutoFill:Be,setShowSkipAutoFill:ht,isReimbursementCommentingEnabled:C,isAutoFieldsExist:Ht,totalAmount:de,removeFileFromLine:ge,onReplaceClick:Jn,onReceiptsUpload:F,currencyConversionStatus:e.currencyConversionStatus,setCurrentLineIdForUpload:Fn,setUploadedReceiptPayload:Un,updateInvoiceUploadFetchState:je,clearTentativeNameForLine:Oe,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:X.footerButtonWidth.value(A)},reverseSpinnerColor:!1},primaryBtn:{label:Fr(y,m,e,A),isDisabled:!y,style:{width:y?X.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(Vr,{onClick:()=>qe(!He)})}):null})]})}),style:{minHeight:62}})})]}),C&&f!=null?t.jsx(Fo,{id:St,children:t.jsx(po,{isDrawerOpen:we,allowComposer:!0,drawerTitle:Pr,threads:yt,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:ze?.companyId??Lr,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: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(Yr,{windowSize:A,children:t.jsx(hr,{bankAccountCreationState:k,setShowBankAccountPage:Nt,plaidConnectionDetails:l,onFetchLinkTokenClick:Pe,onEstablishConnectionClick:pe,onSaveHandler:R,bankAccountToCreate:P,bankNameByRouting:w,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`
   position: relative;
   height: 100vh;
   overflow-y: scroll;
@@ -635,7 +635,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
 `,Ur=n.div`
   display: flex;
   justify-content: flex-end;
-`,_r=n(wo)`
+`,Vr=n(wo)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${i.sp5};
@@ -643,7 +643,7 @@ import{aQ as li,g as ft,aw as wt,a9 as an,ay as Ii,aD as rn,Q as Re,gg as ao,gi
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Vr=n(Mo)`
+`,_r=n(Mo)`
   width: ${i.sp4};
   height: ${i.sp4};
   color: ${j.brandColorGoldDark};

package/dist/assets/EntityDetailPage-BraBJ2k1-Wq1E4JPl.js

@@ -0,0 +1,18 @@
+import{g as b,F as T,aV as x,V as i,ax as C,o,G as p}from"./index-WEj6FS32.js";import{n as a}from"./mui-BTtN6lbG.js";import{R as v}from"./TrendWithTransactions-D4m4sVkf-DJ-5Yugx.js";import"./sentry-B0WgNUxa.js";import"./liveblocks-CrODURpx.js";import"./core-CIefpDlV.js";import"./recharts-BfU_srYC.js";import"./zeni-epic-state-DnAAAEmj.js";import"./lottie-hIwSKdQS.js";import"./analytics-BvXI56dE.js";import"./lexical-Dp1JhPKz.js";import"./utils-DZQMbqmw.js";import"./TrendChart-ClyJQTBF-TLthRW_O.js";import"./chartTypes-n3TS0IBf-DRx7aLxA.js";import"./toCOABalancesWithID-BzzH0Io4-q6KiTxht.js";import"./toChartData-Bl-lEYbQ-Cv_10vbn.js";import"./NoDataChart-BbyxZE2g-CtN5BYbf.js";import"./InsightsSection-D7g00fg7-Bl1k6KMG.js";import"./NavigationDots-BdcVrwsL-D_WEvn6f.js";import"./TransactionList-BYXPQXN1-C2WkgSOj.js";import"./BoxItem-Cr0Y9YBV-C2AawtqJ.js";import"./commonDimensions-6BcP8EhU-CPpjZ-C4.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="78e212c3-cb54-43db-8fcf-a6d3bdcffb06",t._sentryDebugIdIdentifier="sentry-dbid-78e212c3-cb54-43db-8fcf-a6d3bdcffb06")}catch{}})();const w=a.div`
+  display: flex;
+  margin: ${o.sp0} ${o.sp0} ${o.sp0} ${o.sp0};
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: ${t=>t.theme.colors.grey5};
+`,k=a.div`
+  padding-left: ${o.sp0};
+  position: fixed;
+  width: 100%;
+  z-index: 20;
+  position: -webkit-sticky;
+  position: sticky;
+  top: ${o.sp0};
+`,D=a.div`
+  flex: 1 1 auto;
+`;function J({firstMonthOfFY:t,selectedEntity:e,trendWithTransactionsReport:r,autoCompleteData:c,autoCompleteActions:l,analytics:s,onTransactionItemClick:m,onTrendSelectedPeriodChange:f}){const u=b(),{dateFormat:{analytics:g}}=T.getLocalizedStrings(),y=new x(u.colors.graphColor12),h=(d,n)=>{d==="Chart"&&n!=null&&s?.trackSpendIncomeTrend(e.type==="vendor"?p.Event.spendTrend:p.Event.incomeTrend,"Search",e.type,e.name,n?.addTimePeriod.startDate.format(g.MMMYYFormat)),d==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),f?.(n)};return i.jsxs(w,{children:[i.jsx(k,{children:i.jsx(C,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:c,autoCompleteActions:l},source:"EntityDetailPage"})}),e!=null&&r!=null&&i.jsx(D,{children:i.jsx(v,{firstMonthOfFY:t,trendWithTransactionsReport:r,isDetailPage:!1,graphColor:y,page:"EntityDetailPage",onTransactionItemClick:m,onTimePeriodChange:h})})]})}export{J as default};