@zeniai/web-cockpit-ui 1.14.99-prod → 1.15.0-dev

package/dist/assets/EditReimbursementDetailPage-DLjRDR48-DAmxctvz.js

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