@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/EditReimbursementDetailPage-BrQ60mqq-BxmG6xVG.js

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