@zeniai/web-cockpit-ui 1.14.83-dev → 1.14.84-dev

package/dist/assets/EditReimbursementDetailPage-BRYd6JMC-BudgCO3p.js

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