@zeniai/web-cockpit-ui 1.14.75-dev → 1.14.76-dev

package/dist/assets/EditPeoplePage-6lvgaJQi-Df2Mb0kP.js

@@ -0,0 +1,55 @@
+import{q as ae,F as de,g4 as pe,d as ce,aa as ue,aP as me,j as s,cE as ge,aq as he,cF as fe,cG as ye,g_ as ve,aM as U,cK as xe,o as r,c6 as $e,ad as be,aQ as we,y as _,g7 as Re,g8 as je,g9 as Ce,cP as Pe,l as Y,b9 as Oe,p as M,db as ke,u as c}from"./index-CN7UAWAg.js";import{b,n}from"./vendor-Bs1fkIUX.js";import{f as Ie}from"./AllUserItems-DMlj0bT0-gvuqGIhf.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./LabeledUserSingleSelectWithSubtitlesField-B0y_IMnV-GTOhW6B-.js";import"./RoleWithToolTip-Ckorto5Y-CV42dy1h.js";import"./LabeledZeniRolesDropDownField-CEwtGHuw-Bl11WCzt.js";const C={containerPaddingTop:new _(c[3],c[3]),containerPaddingLeft:new _(c[3],c[6],c[6]),containerPaddingRight:new _(c[3],c[6],c[8]),buttonWidth:new _(85,85)},W="editPeoplePage",w="userItems",a=de.getLocalizedStrings().peoplePage,He=({peopleDetails:e,managersList:u,classList:R,controllersList:P,mode:d,isZeniTenant:T,onCloseClick:O,onResetClick:k,onSaveClick:m,onDeleteUser:Q,onPeopleLocalDataUpdated:K,analytics:z,isReimbursementDisabled:D,isZeniAccountsDisabled:N,isChargeCardDisabled:Z,isTreasuryDisabled:q,isBankingOnlyTenant:y,isCardsOnlyTenant:v,isLiteRoleDisabled:F})=>{const j=ae(),[X,E]=b.useState(!1),[H,ee]=b.useState(-1),se=d==="zeni_only"?a.invitePage.editZeniTitle:a.invitePage.editTitle,te=b.useRef(null),S=b.useMemo(()=>pe(D,N,Z,y,v,F,q),[D,N,Z,y,v,F,q]),G=ce(),l=ue({mode:"onBlur",reValidateMode:"onChange",defaultValues:J(e.people,u,R,d,S,y,v),values:J(e.people,u,R,d,S,y,v)}),re=l.handleSubmit(()=>{A()&&m()},()=>{A(),console.warn("Edit Profile form error")}),A=()=>{const g=l.getValues();let o=!0;return g.userItems.forEach((h,x)=>{const{role:L,department:i,nonZeniRole:f,manager:p}=h;if(d==="zeni_only"){const t=L.selectedOptions;(!t?.length||t?.length===1&&t?.includes("company_officer"))&&(l.setError(`${w}.${x}.role`,{type:"required"}),o=!1)}else{const t=f?.userRole.selectedRole;(t!=null&&f!=null?f.productsByUserRole[t].map($=>$.selectedOption).filter($=>$!=null):[]).length<1&&(l.setError(`${w}.${x}.nonZeniRole.userRole.selectedRole`,{type:"required"}),o=!1),t!=="investor_or_banker"&&i?.selectedOption==null&&(y||v||(l.setError(`${w}.${x}.department`,{type:"required"}),o=!1)),p?.selectedUser==null&&t!=="investor_or_banker"&&(l.setError(`${w}.${x}.manager`,{type:"required"}),o=!1)}}),o},oe=async(g,o)=>{const h=[],{userItems:x}=o,L=e.person?.userRole?.userRoleId;x.forEach(i=>{let f={};if(L!=null){if(d==="zeni_only")f={email:i.email,role:i.role.selectedOptions};else{const p=i.nonZeniRole?.userRole.selectedRole;let t=[];p==="admin"||p==="investor_or_banker"?t.push(p):t=p!=null?(i.nonZeniRole?.productsByUserRole[p]??[]).map(B=>Y.toUserRoleTypeStrict(B.selectedOption?.value)).filter(B=>B!=null):[],p==="employee"&&t.length===0&&t.push("reimbursements_user");const $=Y.hasInvestorBankerLevelAccess(t);f={email:i.email,role:t,departmentId:$?void 0:i.department?.selectedOption?.value,managerId:$?void 0:i.manager?.selectedUser}}h.push(f)}}),K(h)};b.useEffect(()=>{const g=l.watch((o,{name:h})=>{h!=null&&o!=null&&oe(h,o)});return()=>{g.unsubscribe()}});const ne=()=>{E(!0)},le={onOkClick:()=>{const g=e.person;z?.trackRemoveUserAccess(g.userRole.userRoles,g.userRole.userEmail),Q?.(e.person)},onCancelClick:()=>{E(!1)}},V=me(e.person?.update),I=e.person?.update,ie=a.deleteOverlay.description.replace("‘_user-name_’",`"${e.person?.user?.firstName} ${e.person?.user?.lastName}"`);return b.useEffect(()=>{I==null&&V==="removeUsers"&&(E(!1),k?.())},[I,V]),s.jsxs(s.Fragment,{children:[X===!0?s.jsx(ge,{titleComponent:s.jsx(ye,{children:a.deleteOverlay.title}),descriptionComponent:s.jsx(fe,{children:ie}),primaryButtonText:a.deleteOverlay.remove,secondaryButtonText:a.deleteOverlay.cancel,action:le,proceedButtonVariant:"danger",isLoading:I==="removeUsers",isDisabled:I==="removeUsers",style:{background:G.colors.overlayColor},children:e.person?.user!=null?s.jsxs(s.Fragment,{children:[s.jsx(ze,{}),s.jsx(Be,{children:s.jsx(Ue,{src:e.person?.user.photo?.toString()??he,alt:e.person?.user.userId,loading:"lazy"})})]}):null}):null,s.jsx(ve,{title:se,backgroundColor:G.colors.grey4,style:{zIndex:4},onCloseClick:O,isTitleAlignLeft:j==="small"}),s.jsxs(_e,{"data-testid":U("edit-people-page-container"),windowSize:j,ref:te,children:[s.jsxs(Le,{children:[s.jsx(xe,{personBasic:e.person?.user,styles:{height:r.sp6,width:r.sp6}}),s.jsxs(Te,{children:[s.jsx(Ee,{children:e.person?.user?.firstName?s.jsxs(Se,{children:[e.person?.user?.firstName??""," ",e.person?.user?.lastName??""]}):null}),s.jsx(Ne,{className:"delete-icon-wrapper","data-testid":U("edit-people-page-delete-icon-wrapper"),onClick:ne,children:s.jsx($e,{style:{padding:"2px 5px"},enterDelay:600,title:a.deleteOverlay.title,placement:"top",children:s.jsx(De,{windowsize:j})})})]})]}),s.jsx(be,{...l,children:s.jsx("form",{id:`${W}_form`,onSubmit:re,children:s.jsx(Ie,{control:l.control,sectionId:w,deleteConfirmationIndex:H,updateDeleteConfirmationIndex:ee,mode:d,isZeniTenant:T,classList:R,managersList:u,controllersList:P,customerRoleOptions:S,isBankingOnlyTenant:y,isCardsOnlyTenant:v,isEdit:!0,person:e.person,analytics:z})})})]}),s.jsx(we,{formId:`${W}_form`,"data-testid":U("edit-people-page-footer"),primaryBtn:{label:a.invitePage.update,style:{width:C.buttonWidth.value(j)},isLoading:e.updatePersonState.fetchState==="In-Progress",isDisabled:e.updatePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:a.invitePage.cancel,style:{width:C.buttonWidth.value(j)},shouldResetOnCancel:!1,onClick:O},separatorStyle:{marginRight:r.sp4}})]})},J=(e,u,R,P,d,T,O)=>{const k=R.map(m=>({label:m.fullyQualifiedAccountingClassName??"",value:m.classId,hoverText:m.accountingClassNumber}));return{[w]:[{userIndex:0,email:e[0].email,role:P==="zeni_only"?{allOptions:Pe.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:P!=="zeni_only"?{userRole:{selectedRole:Ce(e[0]?.role),allRootRole:je(T,O)},productsByUserRole:Re(e[0]?.role,d)}:void 0,manager:{allUsers:u,selectedUser:e[0]?.managerId?e[0]?.managerId:"no_manager"},department:{allOptions:k,selectedOption:k.find(m=>m.value===e[0]?.departmentId)}}]}},es=(e,u)=>`${e}.${u}`,_e=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  padding-left: ${e=>`${C.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${C.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+  padding-top: ${e=>`${C.containerPaddingTop.valuePx(e.windowSize)}`};
+  gap: ${r.sp2};
+`,Te=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 5px;
+  flex: 1;
+`,Ee=n.div``,Se=n(Oe)`
+  color: ${e=>e.theme.colors.primary};
+`,Le=n.div`
+  display: flex;
+  gap: ${r.sp2};
+  align-items: center;
+  margin: ${r.sp0} ${r.sp1};
+`,Be=n.div`
+  position: absolute;
+  top: -26px;
+`,Ue=n.img`
+  height: 60px;
+  width: 60px;
+  border-radius: 50%;
+  color: ${e=>e.theme.colors.hero};
+`,ze=n.div`
+  position: absolute;
+  top: 1%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  height: 62px;
+  width: ${r.sp9};
+  border-radius: 50% 50% 0 0;
+  background-color: ${e=>e.theme.colors.grey5};
+`,De=n(ke)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  cursor: pointer;
+  color: ${e=>e.windowsize==="small"?M.important:e.theme.colors.hero};
+  &:hover {
+    color: ${M.important};
+  }
+`,Ne=n.div`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  cursor: pointer;
+  position: relative;
+`;export{He as default,es as uniqueName};

package/dist/assets/{EditReimbursementDetailPage-Q2e7iDtu-BBcP7tRA.js → EditReimbursementDetailPage-B85brpdt-BYguIPkd.js}

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

package/dist/assets/{EntityDetailPage-XsEIg05w-Cod5Z1f6.js → EntityDetailPage-Ds03l_Nm-BYieYjCl.js}

@@ -1,4 +1,4 @@
-import{d as y,F as T,aU as C,j as o,ay as v,o as t,G as m}from"./index-CUpJHznP.js";import{n as a}from"./vendor-Bs1fkIUX.js";import{R as k}from"./TrendWithTransactions-DoCnDpHm-CdDHaHZ9.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./TrendChart-D5CYCZnh-DAyWGjcL.js";import"./chartTypes-D3stzk-w-BOvyI3x_.js";import"./toCOABalancesWithID-iOGWxWc5-CwkpaTeT.js";import"./toChartData-BEJwj1pL-BUKCXEQF.js";import"./NoDataChart-BnAshBnb-UHLHtstu.js";import"./InsightsSection-B0Rg5beY-u8CdyXOx.js";import"./NavigationDots-CyCjbpW--DGfBQuMJ.js";import"./TransactionList-JHbSuP08-BE5oUWHj.js";import"./BoxItem-BFUJgt2x-BC0-eR6w.js";import"./commonDimensions-DP_SFwFq-B4nonWMr.js";const $=a.div`
+import{d as y,F as T,aU as C,j as o,ay as v,o as t,D as m}from"./index-CN7UAWAg.js";import{n as a}from"./vendor-Bs1fkIUX.js";import{R as k}from"./TrendWithTransactions-COtEkfX9-BcCvtDz-.js";import"./mui-Ty75qFQF.js";import"./analytics-BbBRZ6cw.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-CK1x27Ua.js";import"./TrendChart-BV_FYo44-Dbzn5dy8.js";import"./chartTypes-D3rvsvls-DmtOpgie.js";import"./toCOABalancesWithID-CHHSLp5k-D9n1b9Hs.js";import"./toChartData-CBhPep_F-DbHa5eNf.js";import"./NoDataChart-CetZJAul-Dliv4FgS.js";import"./InsightsSection-4aveyVKo-DnKJf3sJ.js";import"./NavigationDots-yYEq4mai-Bct7I6H1.js";import"./TransactionList-CixEJAgS-CGekhIG9.js";import"./BoxItem-CoguTodA-DItO3xcr.js";import"./commonDimensions-DTY9_AOp-DlMPlh2t.js";const $=a.div`
   display: flex;
   margin: ${t.sp0} ${t.sp0} ${t.sp0} ${t.sp0};
   flex-direction: column;
@@ -13,6 +13,6 @@ import{d as y,F as T,aU as C,j as o,ay as v,o as t,G as m}from"./index-CUpJHznP.
   position: -webkit-sticky;
   position: sticky;
   top: ${t.sp0};
-`,E=a.div`
+`,D=a.div`
   flex: 1 1 auto;
-`;function B({firstMonthOfFY:i,selectedEntity:e,trendWithTransactionsReport:n,autoCompleteData:d,autoCompleteActions:l,analytics:s,onTransactionItemClick:c,onTrendSelectedPeriodChange:h}){const u=y(),{dateFormat:{analytics:f}}=T.getLocalizedStrings(),g=new C(u.colors.graphColor12),x=(p,r)=>{p==="Chart"&&r!=null&&s?.trackSpendIncomeTrend(e.type==="vendor"?m.Event.spendTrend:m.Event.incomeTrend,"Search",e.type,e.name,r?.addTimePeriod.startDate.format(f.MMMYYFormat)),p==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),h?.(r)};return o.jsxs($,{children:[o.jsx(j,{children:o.jsx(v,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:d,autoCompleteActions:l},source:"EntityDetailPage"})}),e!=null&&n!=null&&o.jsx(E,{children:o.jsx(k,{firstMonthOfFY:i,trendWithTransactionsReport:n,isDetailPage:!1,graphColor:g,page:"EntityDetailPage",onTransactionItemClick:c,onTimePeriodChange:x})})]})}export{B as default};
+`;function G({firstMonthOfFY:i,selectedEntity:e,trendWithTransactionsReport:n,autoCompleteData:d,autoCompleteActions:l,analytics:s,onTransactionItemClick:c,onTrendSelectedPeriodChange:h}){const u=y(),{dateFormat:{analytics:f}}=T.getLocalizedStrings(),g=new C(u.colors.graphColor12),x=(p,r)=>{p==="Chart"&&r!=null&&s?.trackSpendIncomeTrend(e.type==="vendor"?m.Event.spendTrend:m.Event.incomeTrend,"Search",e.type,e.name,r?.addTimePeriod.startDate.format(f.MMMYYFormat)),p==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),h?.(r)};return o.jsxs($,{children:[o.jsx(j,{children:o.jsx(v,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:d,autoCompleteActions:l},source:"EntityDetailPage"})}),e!=null&&n!=null&&o.jsx(D,{children:o.jsx(k,{firstMonthOfFY:i,trendWithTransactionsReport:n,isDetailPage:!1,graphColor:g,page:"EntityDetailPage",onTransactionItemClick:c,onTimePeriodChange:x})})]})}export{G as default};