@zeniai/web-cockpit-ui 1.15.64-qa → 1.15.65-dev

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

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