@zeniai/web-cockpit-ui 1.14.69-prod → 1.14.70-dev

package/dist/assets/EditReimbursementDetailPage-DKGgXOY7-DLqEBdT-.js

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