@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/EditReimbursementDetailPage-CC2BjMkR-UcYvbITo.js

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