@zeniai/web-components 3.17.21 → 3.17.23

package/dist/EditReimbursementDetailPage-z_gbJlZD.cjs

@@ -0,0 +1,865 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DLVCFIC_.cjs"),y=require("react"),n=require("@emotion/styled"),Ho=require("@liveblocks/react"),Q=require("@zeniai/client-epic-state"),t=require("./index-DU9PIUCs.cjs"),mo=require("./InvoiceUploadSection-B23zDloo.cjs"),F=require("./types-UmwfBRaY.cjs"),Uo=require("./LabeledCreatableSingleSelectField-CUsm7YIk.cjs"),Go=require("./CurrencySelectField-D9kR4Bma.cjs"),Yo=require("react-plaid-link"),Jo=require("./BankAccountSection-CH8OR3h5.cjs"),_t=require("./BankAccountWarningSection-BJvHJfev.cjs"),Zo=require("./radio-default-DMFqASmF.cjs"),Ie=(e,r)=>`${e}.${r}`,Kt={largeLabelWidth:new t.ResponsiveSized(120,120,160),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),paddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4])},{spendManagement:{reimbursement:{reimbursementDetail:ve}},dateFormat:Qo,common:Xo}=t.appLocale.getLocalizedStrings(),en=({lineIndex:e,mileage:r,classList:i,defaultCurrency:l,sectionId:u,isReimbursementCommentingEnabled:j,isDisabled:d,isAddReimbursementDisabled:v,companyMileageConfigInfo:g,reimbursementId:s,classHierarchyList:w})=>{const f=t.useWindowSizeContext(),a=t.useGlobalInfoContext(),x=t.useComponentConnectContext(),b=`dashboard_${a.currentTenant?.companyId}`,T=o.useTheme(),{formState:{errors:R},getValues:E,trigger:_}=o.useFormContext(),k=Xo.strings.empty,$=E(Ie(u,"distanceInMiles")),O=Kt.largeLabelWidth.value(f),X=E(Ie(u,"class")),te=i.find(P=>P.classId===X?.selectedOption),oe=Ie(u,"class"),U=o.has(R,oe);y.useEffect(()=>{X?.selectedOption!=null&&(te?.isDeleted===!0||U)&&_(oe)},[X?.selectedOption,te?.isDeleted,i,oe,_]);const K={application:"dashboard",companyId:a.currentTenant?.companyId,tab:"reimbursement",entityId:s},B=P=>i.filter(Y=>Y.classId===P)[0]?.accountingClassNumber,G=i.find(P=>P.classId===r.class),V={valueContainer:P=>({...P,padding:`2px ${t.Space.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})};return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:j&&s!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.mileage.transactionDate`}),roomId:b,companyId:a.currentTenant?.companyId??k,companyName:a.currentTenant?.companyName??k,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("transactionDate",e,"mileage")}`},fieldThreadTargetElement:x?.sharedRef?.contentWrapperRef,children:o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{isDisabled:d,label:{label:ve.transactionDate,width:O},style:{paddingBottom:Kt.paddingBottom.valuePx(f),width:"auto"},dateField:{name:Ie(u,"transactionDate"),placeholder:ve.datePlaceholder,defaultValue:r?.transactionDate,dateFormat:Qo.visual.defaultInput,autoComplete:"off",maxDate:Q.dateNow(),registerOptions:{required:!0,validate:P=>!!P}}})}),o.jsxRuntimeExports.jsx(lt,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:j&&s!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.mileage.distanceInMiles`}),roomId:b,companyId:a.currentTenant?.companyId??k,companyName:a.currentTenant?.companyName??k,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("distanceInMiles",e,"mileage")}`},fieldThreadTargetElement:x?.sharedRef?.contentWrapperRef,children:o.jsxRuntimeExports.jsx(t.LabeledFormattedTextField,{isDisabled:v?"disabled":void 0,style:{width:"auto"},label:{label:ve.distanceInMiles,width:O},formattedTextField:{type:"number",name:Ie(u,"distanceInMiles"),placeholder:ve.addMiles,defaultValue:r.distanceInMiles,registerOptions:{required:!0,validate:P=>P!=null?P>0:!0,min:.01},returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,decimalScale:2}})}),o.jsxRuntimeExports.jsx(lt,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:j&&s!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.mileage.amount`}),roomId:b,companyId:a.currentTenant?.companyId??k,companyName:a.currentTenant?.companyName??k,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("amount",e,"mileage")}`},fieldThreadTargetElement:x?.sharedRef?.contentWrapperRef,children:o.jsxRuntimeExports.jsx(t.LabeledFormattedTextField,{isDisabled:"disabled",label:{label:ve.amount,width:O},formattedTextField:{type:"number",name:Ie(`${u}.amount`,"amount"),defaultValue:r.amount?.amount,placeholder:t.getPlaceholderTextWithPrefix(ve.amount),returnValueType:"floatValue",prefix:r.amount?.currencySymbol,allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:P=>P!=null?P>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},additionalInfoLabel:$!=null&&g?.mileageUnitAmount!=null?`${l.currencySymbol}${g?.mileageUnitAmount} per mile x ${$}`:void 0})}),o.jsxRuntimeExports.jsx(lt,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:j&&s!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.mileage.memo`}),roomId:b,companyId:a.currentTenant?.companyId??k,companyName:a.currentTenant?.companyName??k,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("memo",e,"mileage")}`},fieldThreadTargetElement:x?.sharedRef?.contentWrapperRef,children:o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:d,label:{label:ve.memo,width:O},style:{width:"auto"},text:{type:"text",name:Ie(u,"memo"),placeholder:t.getPlaceholderTextWithPrefix(ve.memo),defaultValue:r.memo,autoComplete:"off",options:{pattern:t.NON_HYPHEN_SINGLE_CHARACTER_PATTERN}}})}),o.jsxRuntimeExports.jsx(lt,{}),o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:j&&s!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.mileage.class`}),roomId:b,companyId:a.currentTenant?.companyId??k,companyName:a.currentTenant?.companyName??k,entityId:s,dashboardOptionType:"reimbursement",filterMetaData:{...K,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("class",e,"mileage")}`},fieldThreadTargetElement:x?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${t.Space.sp2} ${t.Space.sp2}`},children:o.jsxRuntimeExports.jsx(t.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isLoading:!1,label:{label:ve.department,width:O},additionalLabelInfo:te?.isDeleted===!0&&o.has(R,Ie(u,"class"))?ve.deletedClassError:void 0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:Ie(u,"class"),placeholder:t.getPlaceholderTextWithPrefix(ve.department),valueToId:P=>B(P),defaultValue:{selectedOption:G?.classId,allOptions:t.getGroupedClassOptions(w,[])},style:{width:"100%"},customStyleConfig:V,registerOptions:{required:!0,validate:P=>P?.selectedOption==null?!1:i.find(Y=>Y.classId===P?.selectedOption)?.isDeleted===!0?ve.deletedClassError:!0}},style:{borderBottom:`1px solid ${T.colors.grey3}`,borderBottomLeftRadius:t.Space.sp2,borderBottomRightRadius:t.Space.sp2},fullWidthSelect:!0},Ie(u,"class"))})]})},lt=n.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ht={amounWidth:new t.ResponsiveSized(50,30),currencyWidth:new t.ResponsiveSized(50,70)};function tn({name:e,placeHolder:r,defaultValue:i,isDisabled:l,showAmountCurrencyError:u,style:j,allCurrencies:d}){const[v,g]=y.useState(!1),{getValues:s,formState:{errors:w}}=o.useFormContext(),f=o.useTheme(),a=t.useWindowSizeContext(),x=l!=null,b=s(e),T=`${b?.amount} ${b?.currency?.selectedOption}`,R=o.has(w,e)&&o.get(w,`${e}.amount`)!=null,E=o.has(w,e)&&o.get(w,`${e}.currency`)!=null,_=u===!0?R||E:!1,k=!_&&v===!1;return y.useEffect(()=>{k===!1&&g(!0)},[k]),o.jsxRuntimeExports.jsx(o.ClickAwayListener,{onClickAway:()=>x===!1&&!_&&g(!1),children:o.jsxRuntimeExports.jsx(nn,{style:j,isDisabled:x,tabIndex:k&&!x?0:void 0,onClick:()=>x===!1&&g(!0),"data-testid":t.generateDataTestId("currency-amount-field",e),children:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[b?.amount!=null?o.jsxRuntimeExports.jsx(Ut,{className:"amount-field",isVisible:k,children:T}):o.jsxRuntimeExports.jsx(Ut,{className:"amount-field amount-placeholder",isVisible:k,children:r?.name}),o.jsxRuntimeExports.jsxs(on,{isVisible:!k,children:[o.jsxRuntimeExports.jsx(t.FormattedTextField,{type:"number",name:`${e}.amount`,defaultValue:i?.amount,placeholder:r?.amount,returnValueType:"floatValue",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:$=>$!=null?$>0:!0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,isDisabled:l,style:{display:"flex",flexGrow:1,width:Ht.amounWidth.valuePercentage(a),cursor:"inherit"},bgColor:f.colors.background,isFieldError:R,shouldHighlightZeroAmount:!0}),k?null:o.jsxRuntimeExports.jsx(rn,{}),o.jsxRuntimeExports.jsx(Go.CurrencySelectField,{name:`${e}.currency`,registerOptions:{validate:$=>$!=null&&$.selectedOption!=null},defaultValue:{allOptions:d.map($=>({label:a==="small"?$.currencyCode:`${$.currencyCode} - ${$.currency}`,value:$.currencyCode,countryCode:$.countryCode})),selectedOption:i?.currencyCode},controlStyle:{justifyContent:"flex-start",backgroundColor:f.colors.background},isDisabled:l,style:{width:Ht.currencyWidth.valuePercentage(a),flexGrow:1},isOptionRemovable:!1})]})]})})})}const on=n.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  width: 100%;
+  input {
+    text-align: left;
+  }
+`,nn=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;
+  }
+`,rn=n.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  min-width: ${t.Space.sp3};
+`,Ut=n(t.StandardRegularSp)`
+  display: ${e=>e.isVisible?"flex":"none"};
+  padding: 0 ${t.Space.sp3};
+  border-radius: ${t.Space.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};
+  }
+`,Ae={width:new t.ResponsiveSized(343,580,726),height:new t.ResponsiveSized(t.sp[6],t.sp[6]),controlHeight:new t.ResponsiveSized(t.sp[6],t.sp[6]),paddingTopBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginTop:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[2]),labelMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[2])},xo={infoLabel:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function sn({isDisabled:e,label:r,currencyAmountField:i,style:l,errorInfoLabel:u,isAdditionalInfoLabelLoading:j,showAdditionalLabelTooltip:d=!1,additionalLabelTooltip:v,additionalInfoLabel:g,showAdditionalInfoLabel:s=!0}){const w=t.useWindowSizeContext(),{formState:{errors:f}}=o.useFormContext(),a=o.has(f,i.name)&&o.get(f,`${i.name}.amount`)!=null,x=o.has(f,i.name)&&o.get(f,`${i.name}.currency`)!=null,b=i.showAmountCurrencyError===!0?a||x:!1,T=a||x||b,R=()=>{if(j===!0)return o.jsxRuntimeExports.jsx(un,{children:o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0})});if(s&&g||b){let E=null;return d===!0&&s&&g&&(E=o.jsxRuntimeExports.jsx(t.Tooltip,{placement:w==="small"?"bottom":"right",maxWidth:"364px",title:o.jsxRuntimeExports.jsx(dn,{children:v??""}),children:o.jsxRuntimeExports.jsx(mn,{children:o.jsxRuntimeExports.jsx(xn,{})})})),o.jsxRuntimeExports.jsxs(pn,{size:w,isError:b,hasToolTip:d,children:[E,g]})}};return o.jsxRuntimeExports.jsxs(an,{size:w,style:l,isDisabled:e!=null,isAmountError:a,isCurrencyError:x,"data-testid":t.generateDataTestId("labeled-currency-amount-field",i.name),children:[o.jsxRuntimeExports.jsx(t.Label,{isDisabled:e,label:r.label,htmlFor:i.name,style:{marginLeft:Ae.labelMarginLeft.value(w),marginRight:Ae.labelMarginRight.value(w),marginTop:Ae.labelMarginTop.value(w),width:r.width??"auto"}}),o.jsxRuntimeExports.jsxs(cn,{labelWidth:r.width,children:[o.jsxRuntimeExports.jsx(tn,{...i,isDisabled:e,style:{flexGrow:1,height:Ae.controlHeight.value(w)}}),T?o.jsxRuntimeExports.jsx(ln,{size:w,hasError:T,children:u}):null,R()]})]})}const an=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>Ae.width.valuePx(e.size)};
+  min-height: ${e=>Ae.height.valuePx(e.size)};
+  padding-right: ${e=>Ae.marginRight.valuePx(e.size)};
+  padding-top: ${e=>Ae.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>Ae.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?t.Colors.importantLight:e.theme.colors.background};
+    }
+
+    input:nth-of-type(2) {
+      background-color: ${e=>e.isCurrencyError?t.Colors.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?t.Colors.importantLight:e.theme.colors.background};
+  }
+
+  input:nth-of-type(2) {
+    background-color: ${e=>e.isCurrencyError?t.Colors.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?t.Colors.importantLight:e.theme.colors.background};
+    }
+
+    input:nth-of-type(2) {
+      background-color: ${e=>e.isCurrencyError?t.Colors.importantLight:e.theme.colors.background};
+    }
+  }
+`,ln=n.label`
+  color: ${e=>e.hasError===!0?t.Colors.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
+  width: auto;
+  ${e=>`${xo.infoLabel.style(e.size)}`};
+  padding-right: ${t.Space.sp3};
+  text-align: right;
+`,cn=n.div`
+  display: flex;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  justify-content: flex-end;
+  flex-direction: column;
+  position: relative;
+`,dn=n(t.SmallRegular)`
+  padding: 12px;
+  color: ${e=>e.theme.colors.grey1};
+  background: ${e=>e.theme.colors.overlayColor};
+  border-radius: ${t.Space.sp1};
+`,un=n.div`
+  padding-right: ${t.Space.sp3};
+  padding-top: ${t.Space.sp1};
+  display: flex;
+  justify-content: flex-end;
+`,pn=n.label`
+  display: flex;
+  justify-content: flex-end;
+  color: ${e=>e.isError?t.Colors.important:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.isError?t.Colors.importantDark:e.theme.colors.primary};
+  }
+  ${e=>`${xo.infoLabel.style(e.size)}`};
+  padding-right: ${t.Space.sp3};
+  text-align: right;
+  margin-top: ${e=>e.hasToolTip===!0?t.Space.sp1:t.Space.sp0};
+`,mn=n.div`
+  display: flex;
+  margin-right: ${t.Space.sp2};
+  margin-top: 2px;
+  align-items: center;
+`,xn=n(t.SvgInfo)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: inherit;
+`,me=(e,r)=>`${e}.${r}`,mt={largeLabelWidth:new t.ResponsiveSized(120,120,160),smallLabelWidth:new t.ResponsiveSized(85,85,160),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),paddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),autoFillIconLeft:new t.ResponsiveSized(-t.sp[2],-t.sp[4])},{dateFormat:hn,common:ho,spendManagement:{reimbursement:{reimbursementDetail:ee}}}=t.appLocale.getLocalizedStrings(),{strings:{empty:re}}=ho,gn=(e,r)=>{const i=e.slice(1);let l=!1;return i.forEach(u=>{u.account?.qboId!=null&&u.account?.qboId===r&&(l=!0)}),l},yn=e=>e.charAt(0).toLowerCase()+e.slice(1),fn=({lineIndex:e,outOfPocket:r,accountList:i,classList:l,merchantList:u,isAddReimbursementDisabled:j,sectionId:d,isReimbursementCommentingEnabled:v,isDisabled:g,autoFields:s=[],accountsHierarchyList:w,classHierarchyList:f,reimbursementId:a,tentativeMerchantName:x,allCurrencies:b,uncategorizedAccounts:T})=>{const R=t.useWindowSizeContext(),E=t.useGlobalInfoContext(),_=t.useComponentConnectContext(),k=o.useTheme(),{formState:{errors:$},getValues:O,trigger:X}=o.useFormContext(),te=O(me(d,"class")),oe=l.find(p=>p.classId===te?.selectedOption),U=me(d,"class"),K=o.has($,U),B=O(me(d,"account")),G=i.find(p=>p.qboId===B?.selectedOption||p.accountId===B?.selectedOption),V=me(d,"account"),P=o.has($,V);y.useEffect(()=>{te?.selectedOption!=null&&(oe?.isDeleted===!0||K)&&X(U)},[te?.selectedOption,oe?.isDeleted,l,U,X]),y.useEffect(()=>{B?.selectedOption!=null&&(G?.isDeleted===!0||P)&&X(V)},[B?.selectedOption,G?.isDeleted,i,V,X]);const ae=r.isCategoryUpdateSelected!=null&&r.recommendedAccount!=null&&!r.isCategoryFirstTimeAutofilled&&!gn(r.recommendations,r.account),Y=r.isRetainedCategorySelected!=null&&r.retainedAccount!=null,N=mt.largeLabelWidth.value(R),le=mt.smallLabelWidth.value(R),ze=u.map(p=>p.id??re),ce={application:"dashboard",companyId:E.currentTenant?.companyId,tab:"reimbursement",entityId:a},xe=`dashboard_${E.currentTenant?.companyId}`,ie=p=>u.find(fe=>fe.id===p)?.name??p,we=i.find(p=>p.qboId===r.account),Re=p=>[T.expense?.qboId,T.income?.qboId].includes(p),$e=l.find(p=>p.classId===r.class),de={valueContainer:p=>({...p,padding:`2px ${t.Space.sp3} !important`,overflow:"unset"}),singleValue:()=>({margin:0})},Ce=p=>i.filter(pe=>pe.qboId===p)[0]?.qboId,ue=p=>l.filter(pe=>pe.classId===p)[0]?.accountingClassNumber,ye=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.tooltip.category.replace("__based__",yn(r?.recommendedAccount?.reason??re)),We=t.getGroupedAccountOptions(w,r.recommendations);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[x!=null||s.includes("merchant")?o.jsxRuntimeExports.jsx(Ye,{children:o.jsxRuntimeExports.jsx(Ze,{windowSize:R,children:o.jsxRuntimeExports.jsx(Je,{})})}):null,o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:v&&a!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.out_of_pocket.merchant`}),roomId:xe,companyId:E.currentTenant?.companyId??re,companyName:E.currentTenant?.companyName??re,entityId:a,dashboardOptionType:"reimbursement",filterMetaData:{...ce,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("merchant",e,"out_of_pocket")}`},fieldThreadTargetElement:_?.sharedRef?.contentWrapperRef,children:o.jsxRuntimeExports.jsx(Uo.LabeledCreatableSingleSelectField,{isDisabled:g!=null||j?"disabled":void 0,label:{label:ee.merchant,width:N},style:{width:"auto"},creatableSingleSelectField:{name:me(d,"merchant"),placeholder:ee.merchantPlaceholder,defaultValue:{selectedOption:r.merchant??re,allOptions:ze},registerOptions:{required:!0,validate:p=>!!p.selectedOption}},isOptionRemovable:!0,addIconInCreateLabel:!0,getLabelForId:ie})}),o.jsxRuntimeExports.jsx(ct,{}),s.includes("transactionDate")?o.jsxRuntimeExports.jsx(Ye,{children:o.jsxRuntimeExports.jsx(Ze,{windowSize:R,children:o.jsxRuntimeExports.jsx(Je,{})})}):null,o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:v&&a!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.out_of_pocket.transactionDate`}),roomId:xe,companyId:E.currentTenant?.companyId??re,companyName:E.currentTenant?.companyName??re,entityId:a,dashboardOptionType:"reimbursement",filterMetaData:{...ce,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("transactionDate",e,"out_of_pocket")}`},fieldThreadTargetElement:_?.sharedRef?.contentWrapperRef,children:o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{isDisabled:g,label:{label:ee.transactionDate,width:N},style:{paddingBottom:mt.paddingBottom.valuePx(R),width:"auto"},dateField:{name:me(d,"transactionDate"),placeholder:ee.datePlaceholder,defaultValue:r?.transactionDate,dateFormat:hn.visual.defaultInput,autoComplete:"off",maxDate:Q.dateNow(),registerOptions:{required:!0,validate:p=>!!p}}})}),o.jsxRuntimeExports.jsx(ct,{}),s.includes("amount")?o.jsxRuntimeExports.jsx(Ye,{children:o.jsxRuntimeExports.jsx(Ze,{windowSize:R,isTwoLined:!0,children:o.jsxRuntimeExports.jsx(Je,{})})}):null,o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:v&&a!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.out_of_pocket.amount`}),roomId:xe,companyId:E.currentTenant?.companyId??re,companyName:E.currentTenant?.companyName??re,entityId:a,dashboardOptionType:"reimbursement",filterMetaData:{...ce,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("amount",e,"out_of_pocket")}`},fieldThreadTargetElement:_?.sharedRef?.contentWrapperRef,children:o.jsxRuntimeExports.jsx(sn,{isDisabled:g!=null||j?"disabled":void 0,label:{label:ee.amount,width:le},style:{width:"auto"},currencyAmountField:{style:{height:t.Space.sp6},name:`${d}.amount`,defaultValue:{amount:r.amount.amount,currencyCode:r.amount.currencyCode,currencySymbol:r.amount.currencySymbol},placeHolder:{amount:ee.addAmount,name:ee.addAmount},allCurrencies:b,showAmountCurrencyError:!0},showAdditionalInfoLabel:!0,showAdditionalLabelTooltip:!0,additionalLabelTooltip:ee.amountExchangeRateTooltip,isAdditionalInfoLabelLoading:r.isConvertedCurrencyLoading===!0,additionalInfoLabel:!o.isEqual(r.homeCurrencyDetails,r.amount)&&r.amount.currencyCode!==ho.currency.currencyCode&&r.homeCurrencyDetails?.amount!==0?`${t.amountToString("0,0[.]00",r.homeCurrencyDetails)} ${r.homeCurrencyDetails?.currencyCode}`:void 0})}),o.jsxRuntimeExports.jsx(ct,{}),s.includes("memo")?o.jsxRuntimeExports.jsx(Ye,{children:o.jsxRuntimeExports.jsx(Ze,{windowSize:R,children:o.jsxRuntimeExports.jsx(Je,{})})}):null,o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:v&&a!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.out_of_pocket.memo`}),roomId:xe,companyId:E.currentTenant?.companyId??re,companyName:E.currentTenant?.companyName??re,entityId:a,dashboardOptionType:"reimbursement",filterMetaData:{...ce,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("memo",e,"out_of_pocket")}`},fieldThreadTargetElement:_?.sharedRef?.contentWrapperRef,children:o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:g,label:{label:ee.memo,width:N},style:{width:"auto"},text:{type:"text",name:me(d,"memo"),placeholder:t.getPlaceholderTextWithPrefix(ee.memo),defaultValue:r.memo,autoComplete:"off",options:{pattern:t.NON_HYPHEN_SINGLE_CHARACTER_PATTERN}}})}),o.jsxRuntimeExports.jsx(ct,{}),s.includes("account")?o.jsxRuntimeExports.jsx(Ye,{children:o.jsxRuntimeExports.jsx(Ze,{windowSize:R,children:o.jsxRuntimeExports.jsx(Je,{})})}):null,o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:v&&a!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.out_of_pocket.account`}),roomId:xe,companyId:E.currentTenant?.companyId??re,companyName:E.currentTenant?.companyName??re,entityId:a,dashboardOptionType:"reimbursement",filterMetaData:{...ce,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("account",e,"out_of_pocket")}`},fieldThreadTargetElement:_?.sharedRef?.contentWrapperRef,children:o.jsxRuntimeExports.jsx(t.LabeledGroupSingleSelectWithRecommendationCheckboxField,{label:{label:ee.category,width:N},additionalLabelInfo:G?.isDeleted===!0&&o.has($,me(d,"account"))?ee.deletedCategoryError:void 0,groupedSingleSelectField:{shouldShowChevronIcon:ae||Y,name:me(d,"account"),placeholder:ee.categoryPlaceholder,valueToId:p=>Ce(p),defaultValue:{selectedOption:we?.qboId??we?.accountId,allOptions:We},style:{width:"100%"},customStyleConfig:de,registerOptions:{required:!0,validate:p=>p?.selectedOption==null?!1:i.find(pe=>pe.qboId===p?.selectedOption||pe.accountId===p?.selectedOption)?.isDeleted===!0?ee.deletedCategoryError:!0}},disableCurrentOption:Re,style:{borderBottom:`1px solid ${k.colors.grey3}`,minHeight:t.Space.sp6,boxSizing:"initial"},fullWidthSelect:!0,isLoading:r.isRecommendationLoading,recommendationCheckboxField:ae?{tooltipProps:{text:ye},label:{label:r.recommendedAccount?.accountName??re},checkBoxField:{name:me(d,"isCategoryUpdateSelected"),defaultChecked:!!r.isCategoryUpdateSelected}}:void 0,retainCheckboxField:Y?{label:{label:r.retainedAccount?.accountName??re},checkBoxField:{name:me(d,"isRetainedCategorySelected"),defaultChecked:!!r.isRetainedCategorySelected}}:void 0},me(d,"account"))}),s.includes("class")?o.jsxRuntimeExports.jsx(Ye,{children:o.jsxRuntimeExports.jsx(Ze,{windowSize:R,children:o.jsxRuntimeExports.jsx(Je,{})})}):null,o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:v&&a!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:`${e}.out_of_pocket.class`}),roomId:xe,companyId:E.currentTenant?.companyId??re,companyName:E.currentTenant?.companyName??re,entityId:a,dashboardOptionType:"reimbursement",filterMetaData:{...ce,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("class",e,"out_of_pocket")}`},fieldThreadTargetElement:_?.sharedRef?.contentWrapperRef,style:{borderRadius:`0 0 ${t.Space.sp2} ${t.Space.sp2}`},children:o.jsxRuntimeExports.jsx(t.LabeledGroupSingleSelectWithRecommendationCheckboxField,{isLoading:!1,label:{label:ee.department,width:N},additionalLabelInfo:oe?.isDeleted===!0&&o.has($,me(d,"class"))?ee.deletedClassError:void 0,groupedSingleSelectField:{shouldShowChevronIcon:!1,name:me(d,"class"),placeholder:t.getPlaceholderTextWithPrefix(ee.department),valueToId:p=>ue(p),defaultValue:{selectedOption:$e?.classId,allOptions:t.getGroupedClassOptions(f,[])},style:{width:"100%"},customStyleConfig:de,registerOptions:{required:!0,validate:p=>p?.selectedOption==null?!1:l.find(pe=>pe.classId===p?.selectedOption)?.isDeleted===!0?ee.deletedClassError:!0}},style:{borderBottom:`1px solid ${k.colors.grey3}`,borderBottomLeftRadius:t.Space.sp2,borderBottomRightRadius:t.Space.sp2},fullWidthSelect:!0},me(d,"class"))})]})},Ye=n.span`
+  position: relative;
+`,Je=n(t.SvgAutofill3)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Ze=n.div`
+  z-index: 2;
+  left: ${e=>mt.autoFillIconLeft.valuePx(e.windowSize)};
+  position: absolute;
+  top: ${e=>e.isTwoLined===!0?t.Space.sp5:"22px"};
+`,ct=n.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ke=(e,r)=>`${e}.${r}`,Be={paddingTop:new t.ResponsiveSized(t.sp[5],t.sp[4]),marginBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),labelPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),buttonWidth:new t.ResponsiveSized(70,70),containerRightMargin:new t.ResponsiveSized(t.sp[3],t.sp[8]),containerLeftMargin:new t.ResponsiveSized(t.sp[3],t.sp[6]),deleteConfirmationTextMarginBottom:new t.ResponsiveSized(t.sp[2],t.sp[0])},H=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,Sn=({lineData:e,currencyConversionState:r,recommendationFetchState:i,remiStage:l,lineIndex:u,accountList:j,classList:d,merchantList:v,hasFile:g,defaultCurrency:s,hasMultipleLineItems:w,fileRequiredLineIds:f,duplicateLineDetails:a,remiStatus:x,sectionId:b,isDisabled:T,isReimbursementCommentingEnabled:R,isAddReimbursementDisabled:E,style:_,autoFields:k=[],analytics:$,reimbursementId:O,tentativeMerchantName:X,companyMileageConfigInfo:te,uncategorizedAccounts:oe,removeDuplicateReimbursementForLine:U,scrollToSection:K,onDuplicateLineClick:B,onRemoveReimbursement:G,clearTentativeNameForLine:V,allCurrencies:P,accountsHierarchyList:ae,classHierarchyList:Y})=>{const N=t.useWindowSizeContext(),le=t.useGlobalInfoContext(),ze=t.useComponentConnectContext(),ce=t.appLocale.getLocalizedStrings().common.strings.empty,xe={application:"dashboard",companyId:le.currentTenant?.companyId,tab:"reimbursement",entityId:O},ie=`dashboard_${le.currentTenant?.companyId}`,{getValues:we}=o.useFormContext(),[Re,$e]=y.useState(!1),de=we(Ke(b,"reimbursementType"));return o.jsxRuntimeExports.jsxs(Cn,{style:_,windowSize:N,children:[o.jsxRuntimeExports.jsxs(vn,{hasFile:g,windowSize:N,showDeleteConfirmation:Re,children:[o.jsxRuntimeExports.jsx(En,{windowSize:N,children:w?`#${u+1} ${H.reimbursement}`:H.reimbursement}),Re?o.jsxRuntimeExports.jsxs($n,{windowSize:N,children:[o.jsxRuntimeExports.jsx(Rn,{windowSize:N,children:H.deleteConfirmation}),o.jsxRuntimeExports.jsxs(bn,{children:[o.jsxRuntimeExports.jsx(t.Button,{label:H.buttons.cancel,onClick:()=>$e(!1),style:{width:Be.buttonWidth.value(N),marginLeft:N==="small"?t.Space.sp0:t.Space.sp4,marginRight:t.Space.sp3},size:"small",variant:"secondary","data-testid":t.generateDataTestId("delete-remi-button",H.buttons.cancel)}),o.jsxRuntimeExports.jsx(t.Button,{label:H.buttons.remove,onClick:()=>{$?.trackReimbursementDeleteReimbursementLine(e.lineId,O),V?.(e.lineId??"1"),$e(!1),U(e.lineId),G(u)},style:{width:Be.buttonWidth.value(N)},size:"small",variant:"danger","data-testid":t.generateDataTestId("delete-remi-button",H.buttons.remove)})]})]}):w&&(l==="draft"||x==="rejected")?o.jsxRuntimeExports.jsx(jn,{className:"deleteIconWrapper",windowSize:N,onClick:()=>$e(!0),"data-testid":t.generateDataTestId("delete-remi-button",e.lineId),children:o.jsxRuntimeExports.jsx(t.Tooltip,{enterDelay:600,title:H.deleteReimbursement,placement:"top-end",children:o.jsxRuntimeExports.jsx(wn,{})})}):null]}),f.includes(e.lineId)?o.jsxRuntimeExports.jsx(t.WarningBanner,{title:H.missingReceipt,description:H.missingReceiptDescription,style:{marginBottom:t.Space.sp3}}):null,o.jsxRuntimeExports.jsxs(kn,{windowSize:N,children:[a?.duplicateLineId!=null?o.jsxRuntimeExports.jsxs(Tn,{children:[H.thisExpense," ",a.isDuplicateWithinTransaction?o.jsxRuntimeExports.jsx(Gt,{"data-testid":t.generateDataTestId("view-duplicate-transaction-expense"),onClick:()=>($?.trackReimbursementViewDuplicateExpense(!0,O),K(a.duplicateLineId)),children:H.viewOriginalExpense}):o.jsxRuntimeExports.jsx(Gt,{"data-testid":t.generateDataTestId("view-duplicate-expense"),onClick:()=>{a.duplicateTransactionId!=null&&a.duplicateLineId!=null&&($?.trackReimbursementViewDuplicateExpense(!1,O),B(a.duplicateTransactionId,a.duplicateLineId))},children:H.viewOriginalExpense})]}):null,o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:R&&O!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:de===H.mileageKey?`${u}.mileage.reimbursementType`:`${u}.out_of_pocket.reimbursementType`}),roomId:ie,companyId:le.currentTenant?.companyId??ce,companyName:le.currentTenant?.companyName??ce,entityId:O,dashboardOptionType:"reimbursement",filterMetaData:{...xe,entityType:`reimbursement.details.${F.uniqueReimbursementTabKey("reimbursementType",u,de===H.mileageKey?"mileage":"out_of_pocket")}`},fieldThreadTargetElement:ze?.sharedRef?.contentWrapperRef,style:{borderRadius:a?.duplicateLineId!=null?"0 0 0 0":`${t.Space.sp2} ${t.Space.sp2} 0 0`},children:o.jsxRuntimeExports.jsxs(Pn,{isDisabled:T!=null,haveBorderRadius:a?.duplicateLineId==null,children:[o.jsxRuntimeExports.jsx(t.LabeledRadioField,{isDisabled:T!=null||E?"disabled":void 0,isContainerClickable:!0,label:{label:H.outOfPocket},style:{padding:`${t.Space.sp3} ${t.Space.sp0}`,paddingLeft:Be.labelPaddingLeft.value(N),borderTopLeftRadius:"inherit"},showOutline:!(R&&O!=null),radioField:{name:Ke(b,"reimbursementType"),id:`${Ke(b,"reimbursementType")}.${H.outOfPocketKey}`,value:H.outOfPocketKey}}),o.jsxRuntimeExports.jsx(In,{}),o.jsxRuntimeExports.jsx(t.LabeledRadioField,{isDisabled:T!=null||E?"disabled":void 0,isContainerClickable:!0,label:{label:H.mileage},style:{padding:`${t.Space.sp3} ${t.Space.sp0}`,paddingLeft:Be.labelPaddingLeft.value(N),borderTopRightRadius:"inherit"},showOutline:!(R&&O!=null),radioField:{name:Ke(b,"reimbursementType"),id:`${Ke(b,"reimbursementType")}.${H.mileageKey}`,value:H.mileageKey}})]})}),o.jsxRuntimeExports.jsx(On,{}),de===H.outOfPocketKey?o.jsxRuntimeExports.jsx(fn,{lineIndex:u,reimbursementId:O,uncategorizedAccounts:oe,isReimbursementCommentingEnabled:R,isDisabled:T,outOfPocket:{transactionDate:e.outOfPocket.transactionDate!=null?Q.zeniDate(e.outOfPocket.transactionDate.toDateString()):void 0,account:e.outOfPocket.account.selectedOption,isConvertedCurrencyLoading:r?.fetchState==="In-Progress",isRecommendationLoading:i==="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:Ke(b,"outOfPocket"),accountList:j,classList:d,autoFields:k,merchantList:v,tentativeMerchantName:X,allCurrencies:P,isAddReimbursementDisabled:E,accountsHierarchyList:ae,classHierarchyList:Y}):o.jsxRuntimeExports.jsx(en,{lineIndex:u,reimbursementId:O,isReimbursementCommentingEnabled:R,isDisabled:T,mileage:{transactionDate:e.mileage.transactionDate!=null?Q.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:d,sectionId:Ke(b,"mileage"),companyMileageConfigInfo:te,defaultCurrency:s,isAddReimbursementDisabled:E,classHierarchyList:Y})]})]})},bn=n.div``,vn=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: ${t.Space.sp3};
+  align-items: center;
+`,jn=n.div`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+  display: none;
+  color: ${e=>e.windowSize==="small"?t.Colors.important:e.theme.colors.hero};
+  &:hover {
+    color: ${t.Colors.important};
+  }
+`,Gt=n.span`
+  border-bottom: 1px solid currentColor;
+  cursor: pointer;
+`,wn=n(t.SvgDelete)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  cursor: pointer;
+`,Rn=n.div`
+  margin-bottom: ${e=>Be.deleteConfirmationTextMarginBottom.valuePx(e.windowSize)};
+`,$n=n(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+`,Cn=n.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e=>Be.paddingTop.valuePx(e.windowSize)};
+  margin-right: ${e=>Be.containerRightMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>Be.containerLeftMargin.valuePx(e.windowSize)};
+  .deleteIconWrapper {
+    ${e=>e.windowSize==="small"&&`
+    display: block;
+  `}
+  }
+  &:hover {
+    .deleteIconWrapper {
+      display: block;
+    }
+  }
+`,Tn=n(t.ExtraSmallRegular)`
+  padding: ${t.Space.sp2} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp4};
+  background-color: ${t.Colors.alertLight};
+  color: ${t.Colors.brandColorGoldDark};
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+`,En=n(t.LargeSemiBold)`
+  color: ${e=>e.theme.colors.primary};
+  display: ${e=>e.windowSize==="small"?"none":"unset"};
+`,kn=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=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin-bottom: ${e=>Be.marginBottom.valuePx(e.windowSize)};
+`,In=n.div`
+  background-color: ${e=>e.theme.colors.grey3};
+  min-width: 1px;
+  max-width: 1px;
+`,Pn=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"};
+`,On=n.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,zn=(e,r)=>`${e}.${r}`,Qe={labelWidth:new t.ResponsiveSized(120,160,160),paddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),paddingTop:new t.ResponsiveSized(12,t.sp[3]),marginBottom:new t.ResponsiveSized(12,t.sp[3]),containerRightMargin:new t.ResponsiveSized(t.sp[3],t.sp[8]),containerLeftMargin:new t.ResponsiveSized(t.sp[3],t.sp[6])},go=({isReimbursementCommentingEnabled:e,sectionId:r,isDisabled:i,reportTitle:l,reimbursementId:u,style:j})=>{const d=t.useWindowSizeContext(),v=t.useGlobalInfoContext(),g=t.useComponentConnectContext(),s=`dashboard_${v.currentTenant?.companyId}`,w=t.appLocale.getLocalizedStrings(),f=w.spendManagement.reimbursement.reimbursementDetail,a=w.common.strings.empty,x=Qe.labelWidth.value(d);return o.jsxRuntimeExports.jsxs(An,{style:j,windowSize:d,children:[o.jsxRuntimeExports.jsx(Ln,{windowSize:d,children:f.whatFor}),o.jsxRuntimeExports.jsx(Bn,{children:o.jsxRuntimeExports.jsx(t.FieldThread,{isThreadAllowed:e&&u!=null,dashboardTabKey:t.toDashboardTabKeys({type:"details",key:"whatFor"}),roomId:s,companyId:v.currentTenant?.companyId??a,companyName:v.currentTenant?.companyName??a,entityId:u,dashboardOptionType:"reimbursement",filterMetaData:{application:"dashboard",companyId:v.currentTenant?.companyId,tab:"reimbursement",entityId:u,entityType:"reimbursement.details.whatFor"},fieldThreadTargetElement:g?.sharedRef?.contentWrapperRef,style:{borderRadius:t.Space.sp2},children:o.jsxRuntimeExports.jsx(t.LabeledTextField,{isDisabled:i,label:{label:f.reportTitle,width:x},text:{type:"text",name:zn(r,"reportTitle"),placeholder:f.lunchWithClient,defaultValue:l,autoComplete:"off",options:{required:!0,validate:b=>!!b}},style:{width:"auto",borderRadius:t.Space.sp2}})})})]})},An=n.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${e=>Qe.paddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>Qe.paddingBottom.valuePx(e.windowSize)};
+  margin-right: ${e=>Qe.containerRightMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>Qe.containerLeftMargin.valuePx(e.windowSize)};
+`,Bn=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=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+`,Ln=n(t.LargeSemiBold)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${e=>Qe.marginBottom.valuePx(e.windowSize)};
+`,L={largeLabelWidth:new t.ResponsiveSized(120,120,220),marginTop:new t.ResponsiveSized(28,8),paymentToMarginTop:new t.ResponsiveSized(0,t.sp[4]),marginBottom:new t.ResponsiveSized(t.sp[5],t.sp[4]),paymentToMarginBottom:new t.ResponsiveSized(12,t.sp[3]),totalMarginBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),reimbursementSectionLeftMargin:new t.ResponsiveSized(t.sp[3],t.sp[6]),reimbursementSectionRightMargin:new t.ResponsiveSized(t.sp[3],t.sp[8]),invoiceSectionLeftMargin:new t.ResponsiveSized(t.sp[3],t.sp[8]),invoiceSectionRightMargin:new t.ResponsiveSized(t.sp[3],t.sp[6]),rightSectionWidth:new t.ResponsiveSized(100,58),firstOrLastItemHeight:new t.ResponsiveSized(390,760),itemHeight:new t.ResponsiveSized(390,459),duplicateBannerWrapperMarginTop:new t.ResponsiveSized(t.sp[5],t.sp[3]),duplicateBannerWrapperMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),duplicateBannerWrapperMarginBottom:new t.ResponsiveSized(t.sp[5],t.sp[3]),duplicateBannerWrapperMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[6])},Mn={total:new t.ResponsiveSizedStyle("largeMedium","h6Medium")},{spendManagement:{reimbursement:{reimbursementDetail:q},billPay:{vendorCreation:{achDetails:dt}}},common:{currency:{currencyCode:ut}}}=t.appLocale.getLocalizedStrings(),yo=e=>{let r=0,i=ut;if("recommendationFetchState"in e&&e.recommendationFetchState!=null){const l=e;r=l.outOfPocket.amount??0,i=l.outOfPocket.currencyCode??ut}else{const l=e;r=l.outOfPocket.amount?.amount??0,i=l.outOfPocket.amount?.currencyCode??ut}return(e.homeCurrencyConversions?.currencyCode??ut)!==i&&(r=e.homeCurrencyConversions?.amount??0),r},Fn=({remiUploadStatus:e,progressSectionObj:r,reimbursementId:i,createDate:l,scheduleDate:u,paymentDate:j,hasDuplicateLine:d,approvedDate:v,isFirstOrLastListItem:g,index:s,reimbursementSectionRef:w,showSkipAutoFill:f,lineData:a,currencyConversionState:x,authParams:b,uploadInvoiceEndPoint:T,accountList:R,classList:E,merchantList:_,remiStage:k,autoFieldsByLineId:$,isReimbursementCommentingEnabled:O,isAutoFieldsExist:X,totalAmount:te,showTotalAmountLoader:oe,totalNumberOfLines:U,defaultCurrency:K,bankAccounts:B,fileRequiredLineIds:G,isAddReimbursementDisabled:V,duplicateLineByLineId:P,remiStatus:ae,file:Y,uncategorizedAccounts:N,reportTitle:le,recommendationFetchState:ze,tentativeMerchantName:ce,paymentTo:xe,analytics:ie,companyMileageConfigInfo:we,loggedInUserDepartmentId:Re,isSignedInUserReimbursementCreator:$e,setShowBankAccountPage:de,setRefByLineId:Ce,setCurrentLineIdForUpload:ue,onDuplicateLineClick:ye,setUploadedReceiptPayload:We,removeDuplicateReimbursementForLine:p,onReceiptsUpload:fe,scrollToSection:pe,onRemoveReimbursement:Le,onAddReimbursement:Te,clearTentativeNameForLine:Ne,onReplaceClick:Ee,onDeleteBankAccount:Me,updateInvoiceUploadFetchState:Fe,removeFileFromLine:De,allCurrencies:qe,accountsHierarchyList:ne,classHierarchyList:Ue})=>{const{formState:{errors:Xe}}=o.useFormContext(),Ve=y.useRef(null);y.useEffect(()=>(Ce(z=>({...z,[`L${a.lineId}`]:Ve.current})),()=>{Ce(z=>({...z,[`L${a.lineId}`]:null}))}),[a.lineId,Ce]);const D=t.useWindowSizeContext(),et=k==="draft"?q.newReimbursementTitle:q.editReimbursementTitle,M=L.largeLabelWidth.value(D),se=z=>z.outOfPocket.account.selectedOption==null&&(z.outOfPocket.amount==null||z.outOfPocket.amount.amount==0)&&(z.outOfPocket.class.selectedOption==null||z.outOfPocket.class.selectedOption===Re)&&(z.outOfPocket.memo===""||z.outOfPocket.memo==null)&&z.outOfPocket.merchant.selectedOption==null&&z.outOfPocket.transactionDate==null,rt=B.map(z=>z.bankAccountId),Se=a.reimbursementType===q.outOfPocketKey&&yo(a)>=75&&Y==null;return o.jsxRuntimeExports.jsxs(nr,{ref:w,windowSize:D,children:[o.jsxRuntimeExports.jsx(rr,{ref:z=>{z!=null&&(Ve.current=z)},windowSize:D,bottomSeperator:U!==1,showSkipAutoFill:f,isFirstItem:s===0,children:o.jsxRuntimeExports.jsx(mo.default,{customError:Se?q.requireReceipt:void 0,analytics:ie,showAutofill:!1,uploadInvoiceEndPoint:T,authParams:b,entityId:V?"":void 0,file:Y,style:{width:"auto",padding:0,height:g?L.firstOrLastItemHeight.valuePx(D):L.itemHeight.valuePx(D),margin:D==="small"?t.Space.sp0:void 0},updateInvoiceUploadFetchState:Fe,onInvoiceUpload:z=>{a.reimbursementType===q.outOfPocketKey&&!se(a)?(ue(Number(a.lineId)),We(z),Ee?.()):fe(z,Number(a.lineId),!0)},dropFilePlaceholder:{upload:q.dropReceipt.upload,receipt:q.dropReceipt.receipt},showInfoText:!1,showTitlebar:!0,showTitlebarIcon:!V,pdfTitle:U>1?`#${s+1} Receipt`:"Receipt",onDeleteClick:()=>{Fe?.("In-Progress"),setTimeout(()=>De?.(Number(a.lineId)))},onReplaceClick:()=>{ue(Number(a.lineId)),Ee?.()},allowMultiFiles:U===s+1,type:"reimbursement"})}),o.jsxRuntimeExports.jsxs(or,{windowSize:D,children:[s===0&&D!=="small"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Un,{children:et}),o.jsxRuntimeExports.jsx(ir,{children:o.jsxRuntimeExports.jsx(t.ProgressBarSectionMemo,{progressSectionObj:r,createDate:l,paymentDate:j,scheduleDate:u,approvedDate:v,isBillUploaded:i!=null?!0:e==="Completed"})}),X&&o.jsxRuntimeExports.jsxs(Dn,{children:[o.jsxRuntimeExports.jsx(Wn,{}),o.jsxRuntimeExports.jsx(Hn,{children:q.banner})]}),d&&o.jsxRuntimeExports.jsxs(qn,{size:D,children:[o.jsxRuntimeExports.jsx(Nn,{}),o.jsxRuntimeExports.jsxs(_n,{children:[o.jsxRuntimeExports.jsx(Vn,{children:q.thereSeems}),o.jsxRuntimeExports.jsx(Kn,{children:q.pleaseFind})]})]}),o.jsxRuntimeExports.jsx(go,{isReimbursementCommentingEnabled:O,sectionId:F.whatForSectionId,reportTitle:le,reimbursementId:i})]}):null,o.jsxRuntimeExports.jsx(Sn,{analytics:ie,reimbursementId:i,onDuplicateLineClick:ye,uncategorizedAccounts:N,sectionId:`${F.lineInfoSectionId}.${s}`,scrollToSection:pe,lineIndex:s,lineData:a,accountList:R,classList:E,merchantList:_,autoFields:a.lineId!=null?$[a.lineId]:[],currencyConversionState:x,recommendationFetchState:ze,onRemoveReimbursement:Le,hasMultipleLineItems:U>1,clearTentativeNameForLine:Ne,tentativeMerchantName:ce,hasFile:Y!=null,companyMileageConfigInfo:we,defaultCurrency:K,remiStage:k,remiStatus:ae,fileRequiredLineIds:G,allCurrencies:qe,isReimbursementCommentingEnabled:O,isAddReimbursementDisabled:V,accountsHierarchyList:ne,classHierarchyList:Ue,duplicateLineDetails:P[a.lineId],removeDuplicateReimbursementForLine:p}),U!==1&&U===s+1&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(Yn,{windowSize:D,children:[o.jsxRuntimeExports.jsx(Jn,{children:q.total}),oe?o.jsxRuntimeExports.jsx(Zn,{windowSize:D,children:o.jsxRuntimeExports.jsx(Qn,{children:o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",start:!0,style:{display:"flex"}})})}):o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:Q.toAmount(te,"USD","$"),integerStyles:t.textStyles.h6Regular.cssObject,decimalStyles:t.textStyles.standardRegular.cssObject})]}),o.jsxRuntimeExports.jsxs(er,{windowSize:D,onClick:()=>{V===!1&&Te()},isDisabled:V,"data-testid":t.generateDataTestId("add-reimbursement-row"),children:[o.jsxRuntimeExports.jsx(Jt,{}),o.jsxRuntimeExports.jsx(Yt,{children:q.addReimbursement})]}),$e?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Gn,{windowSize:D,children:q.receivePaymentTo}),o.jsxRuntimeExports.jsx(Xn,{windowSize:D,shouldDisplay:B.length>0,children:o.jsxRuntimeExports.jsx(t.LabeledSingleSelectField,{label:{label:q.yourBankAccount,width:M},style:{width:"auto"},singleSelectField:{singleSelect:{name:F.paymentAtSectionId,placeholder:t.getPlaceholderTextWithPrefix(q.yourBankAccount),showValueEyeIcon:!V,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:Me,getTooltipInfo:z=>fo(B,z),onClickCreateBankAccount:()=>de(!0),getLabelForId:z=>bo(B,z),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:V?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:xe,allOptions:rt},registerOptions:{required:!0,validate:z=>!!z.selectedOption}},isFunctional:!0})}),o.jsxRuntimeExports.jsxs(tr,{shouldDisplay:B.length===0,windowSize:D,hasError:o.has(Xe,F.paymentAtSectionId),onClick:()=>{V===!1&&de(!0)},isDisabled:V,"data-testid":t.generateDataTestId("remi-add-bank-account-container"),children:[o.jsxRuntimeExports.jsx(Jt,{}),o.jsxRuntimeExports.jsx(Yt,{children:q.addBankAccount})]})]}):null]})]})]})},fo=(e,r)=>{const i=So(e,r);return i==null?`${dt.bankRoutingNumber} ${q.emptyValue}
+  ${dt.bankAccountNumber} ${q.emptyValue}`:`${dt.bankRoutingNumber} ${i.bankRoutingNumberAch??q.emptyValue}, ${i.bankName??q.emptyValue}
+  ${dt.bankAccountNumber} ${i.bankAccountNumber??q.emptyValue}`},So=(e,r)=>e.find(i=>i.bankAccountId===r),bo=(e,r)=>{const i=So(e,r);return i==null?q.selectBankAccount:i.bankAccountName?i.bankAccountName:i.maskedAccountNumber?i.maskedAccountNumber:i.bankName&&i.bankAccountNumber?`${i.bankName} ${q.accountNameConnector}${i.bankAccountNumber.slice(i.bankAccountNumber.length-4)}`:q.selectBankAccount},Wn=n(t.SvgAutofill3)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Nn=n(t.SvgAlertRound)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.brandColorGoldDark};
+`,Dn=n.div`
+  display: flex;
+  gap: ${t.Space.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${t.Space.sp3};
+  border-radius: ${t.Space.sp2};
+  align-items: center;
+  margin: 0 ${t.Space.sp8} 0 ${t.Space.sp6};
+`,qn=n.div`
+  display: flex;
+  gap: ${t.Space.sp2};
+  padding: ${t.Space.sp3};
+  border-radius: ${t.Space.sp2};
+  align-items: start;
+  margin-top: ${e=>L.duplicateBannerWrapperMarginTop.valuePx(e.size)};
+  margin-right: ${e=>L.duplicateBannerWrapperMarginRight.valuePx(e.size)};
+  margin-bottom: ${e=>L.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
+  margin-left: ${e=>L.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
+  background-color: ${t.Colors.alertLight};
+  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+`,Vn=n(t.StandardMedium)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,_n=n.div`
+  width: 100%;
+`,Kn=n(t.StandardRegular)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Hn=n.span`
+  color: ${e=>e.theme.colors.hero};
+`,Un=n(t.H5Medium)`
+  letter-spacing: -0.02em;
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.Space.sp3} ${t.Space.sp8} ${t.Space.sp3} ${t.Space.sp6};
+`,Gn=n(t.LargeSemiBold)`
+  letter-spacing: -0.02em;
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${e=>L.paymentToMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>L.paymentToMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>L.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>L.reimbursementSectionRightMargin.valuePx(e.windowSize)};
+`,Yn=n.div`
+  padding: ${t.Space.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: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>L.totalMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>L.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>L.reimbursementSectionRightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>L.totalMarginBottom.valuePx(e.windowSize)};
+  justify-content: space-between;
+`,Jn=n(t.H6Medium)`
+  display: flex;
+  width: 176px;
+  color: ${e=>e.theme.colors.primary};
+`,Zn=n(t.StyledText)`
+  display: flex;
+  width: calc(100% - 176px);
+  justify-content: flex-end;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Mn.total.style(e.windowSize)}`};
+`,Qn=n.div`
+  padding-right: ${t.Space.sp3};
+  height: 30px;
+  display: flex;
+  justify-content: flex-end;
+`,Xn=n.div`
+  margin-left: ${e=>L.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>L.reimbursementSectionRightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${t.Space.sp3};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: ${e=>e.shouldDisplay?"unset":"none"};
+`,er=n.div`
+  padding: ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid
+    ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.hero};
+  border-radius: ${t.Space.sp2};
+  color: ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.hero};
+  cursor: ${e=>e.isDisabled?"default":"pointer"};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.hasError===!0?t.Colors.important:e.theme.colors.primary};
+    border: 1px solid
+      ${e=>e.isDisabled?e.theme.colors.grey3:e.hasError===!0?t.Colors.important:e.theme.colors.primary};
+  }
+  margin-top: ${e=>L.totalMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>L.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>L.reimbursementSectionRightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>L.marginBottom.valuePx(e.windowSize)};
+`,tr=n.div`
+  padding: ${t.Space.sp3};
+  display: ${e=>e.shouldDisplay?"flex":"none"};
+  align-items: center;
+  justify-content: center;
+  border: 1px solid
+    ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.hero};
+  border-radius: ${t.Space.sp2};
+  color: ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.hasError===!0?t.Colors.important:e.theme.colors.primary};
+    border: 1px solid
+      ${e=>e.isDisabled?e.theme.colors.grey3:e.hasError===!0?t.Colors.important:e.theme.colors.primary};
+  }
+  margin-left: ${e=>L.reimbursementSectionLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>L.reimbursementSectionRightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>L.marginBottom.valuePx(e.windowSize)};
+`,Yt=n(t.StandardMedium)`
+  color: inherit;
+`,Jt=n(t.SvgAddRound)`
+  margin-right: ${t.Space.sp2};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,or=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>L.rightSectionWidth.valuePercentage(e.windowSize)};
+`,nr=n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+`,rr=n.div`
+  height: 100%;
+  background: ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  width: ${e=>e.windowSize==="small"?"auto":"42%"};
+  margin-left: ${e=>L.invoiceSectionLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>L.invoiceSectionRightMargin.valuePx(e.windowSize)};
+  visibility: ${e=>e.showSkipAutoFill?"hidden":"unset"};
+  margin-bottom: ${e=>e.bottomSeperator===!0&&e.windowSize!=="small"?e.isFirstItem?"102px":t.Space.sp10:0};
+  margin-top: ${e=>L.marginTop.valuePx(e.windowSize)};
+`,ir=n.div`
+  padding: ${t.Space.sp2} ${t.Space.sp8} ${t.Space.sp0} ${t.Space.sp6};
+`,sr={total:new t.ResponsiveSizedStyle("largeMedium","h6Medium")},J={largeLabelWidth:new t.ResponsiveSized(120,120,220),marginBottom:new t.ResponsiveSized(t.sp[5],t.sp[4]),addBankAccountMarginBottom:new t.ResponsiveSized(t.sp[5],t.sp[5]),marginTop:new t.ResponsiveSized(t.sp[0],78),paymentToMarginTop:new t.ResponsiveSized(0,t.sp[4]),totalMarginBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),rightMargin:new t.ResponsiveSized(t.sp[3],t.sp[8]),leftMargin:new t.ResponsiveSized(t.sp[3],t.sp[6]),paymentToMarginBottom:new t.ResponsiveSized(12,t.sp[3])},He=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,ar=({remiDetails:e,isUserAdmin:r,authParams:i,uploadInvoiceEndPoint:l,showSkipAutoFill:u,isReimbursementCommentingEnabled:j,isAutoFieldsExist:d,totalAmount:v,defaultCurrency:g,hasDuplicateLine:s,bankAccounts:w,fileRequiredLineIds:f,companyMileageConfigInfo:a,analytics:x,reimbursementId:b,currencyConversionStatus:T,setShowSkipAutoFill:R,setShowBankAccountPage:E,removeDuplicateReimbursementForLine:_,onReceiptsUpload:k,setCurrentLineIdForUpload:$,onDuplicateLineClick:O,setUploadedReceiptPayload:X,removeFileFromLine:te,onReplaceClick:oe,updateInvoiceUploadFetchState:U,clearTentativeNameForLine:K,onDeleteBankAccount:B,uncategorizedAccounts:G,isSignedInUserReimbursementCreator:V,duplicateLineByLineId:P,showTotalAmountLoader:ae,scrollContainerRef:Y})=>{const{control:N,formState:{errors:le}}=o.useFormContext(),{fields:ze,append:ce,remove:xe}=o.useFieldArray({name:F.lineInfoSectionId,control:N}),ie=ze,we=y.useRef(null),Re=M=>{setTimeout(()=>{xe(M)})},{tentativeMerchantNameByLineId:$e,remiStage:de,remiStatus:Ce}=e,ue=!V||de==="pending_approval"&&Ce!=="rejected"&&r||de==="pending_approval"&&Ce==="rejected",ye=ue?e.paymentToBankAccountDetail!=null?[e.paymentToBankAccountDetail]:[]:w,We=ye.map(M=>M.bankAccountId),p=t.useWindowSizeContext(),fe=J.largeLabelWidth.value(p),pe=e.whatForSection.reportTitle,Le=e.accountList.accounts,Te=e.accountsHierarchyList,Ne=e.classHierarchyList,Ee=e.classList.classes,Me=e.merchantList.merchants,Fe=e.addRemiAutoFieldsByLineId,De=Math.max(...Object.keys(e.editRemiInitialDetails?.lineDetailSection??{}).map(M=>Number(M)),0),qe=()=>{const M=ie[ie.length-1],se=vo(ie.length,Number(M.lineId)>De?String(Number(M.lineId)+1):String(De+1),Te,Ne,Me,g,e.allCurrencies,e.loggedInUserDepartmentId);setTimeout(()=>{ce(se,{shouldFocus:!1})}),$(Number(se.lineId)),R(!0),setTimeout(()=>F.scrollToTargetAdjusted(we.current,Y?.current),50)},[ne,Ue]=y.useState({}),Xe=y.useCallback(M=>{const se=ne[`L${M}`];se!=null&&F.scrollToTargetAdjusted(se,Y?.current)},[ne,Y]),Ve=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,D=e.reimbursementInfo?.paymentDate!=null?Q.zeniDate(Q.getNextNthWorkingDay(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,et=e.reimbursementInfo?.expectedDepositDate??D;return o.jsxRuntimeExports.jsxs(ur,{windowSize:p,showSkipAutoFill:u,children:[ie.map((M,se)=>o.jsxRuntimeExports.jsx(Fn,{removeDuplicateReimbursementForLine:_,onDuplicateLineClick:O,scrollToSection:Xe,setRefByLineId:Ue,duplicateLineByLineId:P,reimbursementId:b,remiUploadStatus:e.uploadStatus,uncategorizedAccounts:G,progressSectionObj:Ve,createDate:e.createTime,paymentDate:et,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isFirstOrLastListItem:ie.length-1===se||se===0,index:se,reimbursementSectionRef:we,remiStage:de,remiStatus:Ce,authParams:i,file:M.file,uploadInvoiceEndPoint:l,showSkipAutoFill:u,lineData:M,currencyConversionState:T[M.lineId],recommendationFetchState:e.lineDetailSection[M.lineId]?.recommendationFetchState,setCurrentLineIdForUpload:$,setUploadedReceiptPayload:X,onReplaceClick:oe,onReceiptsUpload:k,removeFileFromLine:te,isReimbursementCommentingEnabled:j,isAutoFieldsExist:d,reportTitle:pe,accountList:Le,classList:Ee,merchantList:Me,autoFieldsByLineId:Fe,onRemoveReimbursement:Re,onAddReimbursement:qe,totalAmount:v,showTotalAmountLoader:ae,hasDuplicateLine:s,totalNumberOfLines:ie.length,updateInvoiceUploadFetchState:U,clearTentativeNameForLine:K,tentativeMerchantName:$e[M.lineId],companyMileageConfigInfo:a,defaultCurrency:g,setShowBankAccountPage:E,paymentTo:e.paymentTo,bankAccounts:ye,onDeleteBankAccount:B,analytics:x,fileRequiredLineIds:f,allCurrencies:e.allCurrencies,loggedInUserDepartmentId:e.loggedInUserDepartmentId,isAddReimbursementDisabled:ue,accountsHierarchyList:Te,classHierarchyList:Ne,isSignedInUserReimbursementCreator:V},M.lineId)),ie.length===1&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(Tt,{children:[p!=="small"?o.jsxRuntimeExports.jsx($t,{windowSize:p}):null,o.jsxRuntimeExports.jsx(Ct,{windowSize:p,children:o.jsxRuntimeExports.jsxs(pr,{windowSize:p,children:[o.jsxRuntimeExports.jsx(mr,{children:He.total}),ae?o.jsxRuntimeExports.jsx(hr,{windowSize:p,children:o.jsxRuntimeExports.jsx(gr,{children:o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",start:!0,style:{display:"flex"}})})}):o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:Q.toAmount(v,Q.defaultVendorCurrency.currencyCode,Q.defaultVendorCurrency.currencySymbol),integerStyles:t.textStyles.h6Regular.cssObject,decimalStyles:t.textStyles.standardRegular.cssObject})]})})]}),o.jsxRuntimeExports.jsxs(Tt,{children:[p!=="small"?o.jsxRuntimeExports.jsx($t,{windowSize:p}):null,o.jsxRuntimeExports.jsx(Ct,{windowSize:p,children:o.jsxRuntimeExports.jsxs(yr,{windowSize:p,onClick:()=>{ue===!1&&qe()},isDisabled:ue,"data-testid":t.generateDataTestId("add-reimbursement-container"),children:[o.jsxRuntimeExports.jsx(Qt,{}),o.jsxRuntimeExports.jsx(Zt,{children:He.addReimbursement})]})})]}),o.jsxRuntimeExports.jsxs(Tt,{children:[p!=="small"?o.jsxRuntimeExports.jsx($t,{windowSize:p}):null,V?o.jsxRuntimeExports.jsxs(Ct,{windowSize:p,children:[o.jsxRuntimeExports.jsx(xr,{windowSize:p,children:He.receivePaymentTo}),o.jsxRuntimeExports.jsx(dr,{windowSize:p,shouldDisplay:ye.length>0,children:o.jsxRuntimeExports.jsx(t.LabeledSingleSelectField,{label:{label:He.yourBankAccount,width:fe},style:{width:"auto"},singleSelectField:{singleSelect:{name:F.paymentAtSectionId,placeholder:t.getPlaceholderTextWithPrefix(He.yourBankAccount),showValueEyeIcon:!ue,menuPlacement:"top",maxMenuHeight:308,showEyeIconOnSelect:!1,onDelete:B,getTooltipInfo:M=>fo(ye,M),onClickCreateBankAccount:()=>E(!0),getLabelForId:M=>bo(ye,M),isOptionRemovable:!1,showDeleteIcon:!0,showAddBankAccountOption:!0,isDisabled:ue?"readonly":void 0,showTickMark:!1,alwaysShowEyeTooltip:!0},defaultValue:{selectedOption:e.paymentTo,allOptions:We},registerOptions:{required:!0,validate:M=>!!M.selectedOption}},isFunctional:!0})}),o.jsxRuntimeExports.jsxs(fr,{shouldDisplay:ye.length===0,windowSize:p,onClick:()=>{ue===!1&&E(!0)},hasError:o.has(le,F.paymentAtSectionId),isDisabled:ue,"data-testid":t.generateDataTestId("remi-add-bank-account-container"),children:[o.jsxRuntimeExports.jsx(Qt,{}),o.jsxRuntimeExports.jsx(Zt,{children:He.addBankAccount})]})]}):null]})]})]})},vo=(e,r,i,l,u,j,d,v)=>{const g=lr(i,l,u,j,d,v);return{lineIndex:e,lineId:r,reimbursementType:He.outOfPocketKey,file:void 0,outOfPocket:g,mileage:cr(l,j,v)}},lr=(e,r,i,l,u,j)=>({transactionDate:void 0,class:{allOptions:t.filterDeletedOptions(t.getGroupedClassOptions(r,[])),selectedOption:j},account:{allOptions:t.filterDeletedOptions(t.getGroupedAccountOptions(e,[])),selectedOption:void 0},amount:{amount:0,currencyCode:l.currencyCode,currencySymbol:l.currencySymbol,currency:{allOptions:u.map(d=>({label:`${d.currencyCode} - ${d.currency}`,value:d.currencyCode,countryCode:t.toAlpha2CountryCodeSupportedByProvider(d.countryCode)})),selectedOption:l.currencyCode??t.appLocale.getLocalizedStrings().common.currency.currencyCode}},memo:void 0,merchant:{allOptions:i.map(d=>d.id).filter(d=>!!d),selectedOption:void 0},recommendations:[],isCategoryUpdateSelected:!1,isCategoryFirstTimeAutofilled:!1,isRetainedCategorySelected:!1}),cr=(e,r,i)=>({transactionDate:void 0,class:{allOptions:t.filterDeletedOptions(t.getGroupedClassOptions(e,[])),selectedOption:i},distanceInMiles:void 0,amount:{amount:0,currencyCode:r.currencyCode,currencySymbol:r.currencySymbol},memo:void 0}),dr=n.div`
+  margin-left: ${e=>J.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>J.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>J.addBankAccountMarginBottom.valuePx(e.windowSize)};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  display: ${e=>e.shouldDisplay?"inherit":"none"};
+`,$t=n.div`
+  width: ${e=>e.windowSize==="small"?"100%":"42%"};
+`,Ct=n.div`
+  width: ${e=>e.windowSize==="small"?"100%":"58%"};
+`,ur=n.div`
+  display: ${e=>e.windowSize==="small"&&e.showSkipAutoFill?"none":"flex"};
+  flex-direction: column;
+  margin-top: ${e=>J.marginTop.valuePx(e.windowSize)};
+`,pr=n.div`
+  padding: ${t.Space.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: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${e=>J.totalMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>J.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>J.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>J.totalMarginBottom.valuePx(e.windowSize)};
+`,mr=n(t.H6Medium)`
+  display: flex;
+  width: 176px;
+  color: ${e=>e.theme.colors.primary};
+`,xr=n(t.LargeSemiBold)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${e=>J.paymentToMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${e=>J.paymentToMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>J.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>J.rightMargin.valuePx(e.windowSize)};
+`,hr=n(t.StyledText)`
+  display: flex;
+  width: calc(100% - 176px);
+  justify-content: flex-end;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${sr.total.style(e.windowSize)}`};
+`,gr=n.div`
+  padding-right: ${t.Space.sp3};
+  height: 30px;
+  display: flex;
+  justify-content: flex-end;
+`,yr=n.div`
+  padding: ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid
+    ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.hero};
+  border-radius: ${t.Space.sp2};
+
+  color: ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.hero};
+  cursor: ${e=>e.isDisabled?"default":"pointer"};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.hasError===!0?t.Colors.important:e.theme.colors.primary};
+    border: 1px solid
+      ${e=>e.isDisabled?e.theme.colors.grey3:e.hasError===!0?t.Colors.important:e.theme.colors.primary};
+  }
+  margin-top: ${e=>J.totalMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>J.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>J.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>J.marginBottom.valuePx(e.windowSize)};
+`,fr=n.div`
+  padding: ${t.Space.sp3};
+  display: ${e=>e.shouldDisplay?"flex":"none"};
+  align-items: center;
+  justify-content: center;
+  border: 1px solid
+    ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.hero};
+  border-radius: ${t.Space.sp2};
+  color: ${e=>e.hasError===!0?t.Colors.important:e.theme.colors.hero};
+  cursor: ${e=>e.isDisabled?"default":"pointer"};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.hasError===!0?t.Colors.important:e.theme.colors.primary};
+    border: 1px solid
+      ${e=>e.isDisabled?e.theme.colors.grey3:e.hasError===!0?t.Colors.important:e.theme.colors.primary};
+  }
+  margin-left: ${e=>J.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>J.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>J.addBankAccountMarginBottom.valuePx(e.windowSize)};
+`,Zt=n(t.StandardMedium)`
+  color: inherit;
+`,Qt=n(t.SvgAddRound)`
+  margin-right: ${t.Space.sp2};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Tt=n.div`
+  display: flex;
+  width: 100%;
+`,Oe={buttonWidth:new t.ResponsiveSized(140,140),paddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[6]),paddingRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),marginbottom:new t.ResponsiveSized(t.sp[4],t.sp[5]),subTitleMarginbottom:new t.ResponsiveSized(t.sp[2],t.sp[3]),orSeperatorTopBottomMargin:new t.ResponsiveSized(t.sp[6],44),iconWidthHeight:new t.ResponsiveSized(20,t.sp[4])},Xt="userBankAccountPage",xt="bankAccountSection",Sr=e=>({[xt]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName}}),eo=e=>`${e}_form`,br=({bankAccountCreationState:e,setShowBankAccountPage:r,plaidConnectionDetails:i,onFetchLinkTokenClick:l,onEstablishConnectionClick:u,bankAccountToCreate:j,fetchBankNameByRoutingStatus:d,isDisabled:v,onSaveHandler:g,onUserBankDetailsUpdated:s,onFetchBankName:w,onBackClick:f})=>{const a=o.useTheme(),x=t.useWindowSizeContext(),b=o.useForm({mode:"onBlur",reValidateMode:"onChange",defaultValues:y.useMemo(()=>Sr(j),[j])}),T=y.useCallback(K=>{u?.(K),f()},[f,u]),R=i.link_account_no_microdeposit,{open:E}=Yo.usePlaidLink({token:R.linkToken??null,onSuccess:T});y.useEffect(()=>{(Q.zeniDate(new Date().toISOString()).isAfter(R.expiration)||R.linkToken==null)&&l?.("link_account_no_microdeposit")},[]);const[_,k]=y.useState(!1),$=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,O=t.appLocale.getLocalizedStrings().common.footer,X={onOkClick:()=>{k(!1),b.reset(),f()},onCancelClick:()=>{k(!1)}},te=async(K,B)=>{const G=B[xt].bankRoutingNumber;s(B),K===`${xt}.bankRoutingNumber`&&G?.length===9&&t.DIGITS_PATTERN.test(G)===!0&&w?.(G)};y.useEffect(()=>{const K=b.watch((B,{name:G})=>{G!=null&&B!=null&&o.defer(()=>te(G,B))});return()=>{K.unsubscribe()}}),y.useEffect(()=>{e?.fetchState==="Completed"&&f()},[e?.fetchState,f,r]);const oe=b.handleSubmit(K=>{d.fetchState!=="In-Progress"&&g()}),U=a.mode==="light"?new o.Color(a.colors.brandColorJadeLight):new o.Color(a.colors.brandColorJadeDark);return o.jsxRuntimeExports.jsxs(vr,{children:[o.jsxRuntimeExports.jsxs(Er,{windowSize:x,children:[_===!0?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:$.discardTitle}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:$.discardDescription}),primaryButtonText:$.buttons.delete,secondaryButtonText:$.buttons.cancel,action:X}):null,o.jsxRuntimeExports.jsx(_t.BankAccountPageNavSection,{header:$.addBankAccount,isDirty:b.formState.isDirty,onBackClick:f,setShowConfirmationPopup:k}),o.jsxRuntimeExports.jsx(jr,{}),o.jsxRuntimeExports.jsxs(kr,{size:x,children:[o.jsxRuntimeExports.jsx(t.SetUpDefaultSection,{onClick:()=>{b.reset(),E()},title:$.connectYourBank,subTitle:$.loginToBank,header:$.setupAchPayments,icon:{element:o.jsxRuntimeExports.jsx(t.SvgBankBuilding,{width:Oe.iconWidthHeight.valuePx(x),height:Oe.iconWidthHeight.valuePx(x)}),color:U},style:{width:"unset",rowGap:x==="small"?t.Space.sp2:void 0}}),o.jsxRuntimeExports.jsxs(wr,{windowSize:x,children:[o.jsxRuntimeExports.jsx(Rr,{}),o.jsxRuntimeExports.jsx(Cr,{children:o.jsxRuntimeExports.jsx(Tr,{children:$.or})})]}),o.jsxRuntimeExports.jsx($r,{windowSize:x,children:$.saveAccountManually})]}),o.jsxRuntimeExports.jsx(Ir,{size:x,children:o.jsxRuntimeExports.jsx(o.FormProvider,{...b,children:o.jsxRuntimeExports.jsxs("form",{id:eo(Xt),onSubmit:oe,children:[e?.fetchState==="Error"&&e.error?.code===409?o.jsxRuntimeExports.jsx(_t.BankAccountWarningSection,{warningText:$.accountExistWarning}):null,o.jsxRuntimeExports.jsx(Jo.BankAccountSection,{bankAccountToCreate:j,fetchBankNameByRoutingStatus:d,sectionId:xt})]})})})]}),o.jsxRuntimeExports.jsx(t.Footer,{formId:eo(Xt),primaryBtn:{label:$.saveAccount,isLoading:e.fetchState==="In-Progress",style:{width:Oe.buttonWidth.value(x)},isDisabled:v!=null},cancelBtn:{label:O.cancel,style:{width:Oe.buttonWidth.value(x)},shouldResetOnCancel:!1,onClick:()=>{b.formState.isDirty?k(!0):(k(!1),b.reset(),f())}}})]})},vr=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,jr=n.div`
+  margin: ${t.Space.sp2} 0;
+  position: relative;
+`,wr=n.div`
+  margin: ${e=>Oe.orSeperatorTopBottomMargin.valuePx(e.windowSize)} 0;
+  position: relative;
+`,Rr=n.div`
+  background: ${e=>e.theme.colors.grey2};
+  height: 1px;
+`,$r=n(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${e=>Oe.subTitleMarginbottom.valuePx(e.windowSize)};
+`,Cr=n.div`
+  display: flex;
+  justify-content: center;
+`,Tr=n(t.SmallRegular)`
+  background: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  border-radius: ${t.Space.sp5};
+  width: 43px;
+  height: 25px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${e=>e.theme.colors.grey1};
+  top: -11px;
+  position: absolute;
+`,Er=n.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+`,kr=n.div`
+  padding-left: ${e=>Oe.paddingLeft.valuePx(e.size)};
+  padding-right: ${e=>Oe.paddingRight.valuePx(e.size)};
+`,Ir=n.div`
+  padding-left: ${e=>Oe.paddingLeft.valuePx(e.size)};
+  padding-right: ${e=>Oe.paddingRight.valuePx(e.size)};
+  padding-bottom: ${t.Space.sp3};
+`,je={containerWidth:new t.ResponsiveSized(343,544),confirmationPopUpTitleMarginTop:new t.ResponsiveSized(t.sp[6],t.sp[7]),confirmationPopUpTitlePaddingLeftRight:new t.ResponsiveSized(t.sp[5],t.sp[8]),submitButtonWidth:new t.ResponsiveSized(145,156),cancelButtonWidth:new t.ResponsiveSized(121,121),errorLineItemGap:new t.ResponsiveSized(t.sp[2],12),styledCloseIconRight:new t.ResponsiveSized(t.sp[3],t.sp[8])},{footer:to}=t.appLocale.getLocalizedStrings().common,ge=t.appLocale.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail.duplicatePopUpInfo,oo=({fetchState:e})=>{switch(e){case"Not-Started":return o.jsxRuntimeExports.jsx(ro,{});case"In-Progress":return o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}});case"Completed":return o.jsxRuntimeExports.jsx(jo,{});default:return o.jsxRuntimeExports.jsx(ro,{})}},Pr=e=>{switch(e){case"Not-Started":return ge.detectDuplicates;case"In-Progress":return ge.detectingDuplicates;case"Completed":return ge.noDuplicatesFound;default:return ge.detectDuplicates}},Or=({submitFetchState:e,duplicateReimbursementStatus:r,hasDuplicateLine:i,numberOfDuplicateLines:l,setShowDuplicatePopup:u,analytics:j,reimbursementId:d,submitReport:v,fetchDuplicateReimbursement:g,clearDuplicateReimbursementDetail:s,clearRemiSaveStatus:w})=>{const f=t.useWindowSizeContext(),[a,x]=y.useState(!0),b=t.usePrevious(e),T=t.usePrevious(r);y.useEffect(()=>{setTimeout(()=>{a&&(x(!1),r==="Not-Started"&&g())},2e3)},[r,g,a]),y.useEffect(()=>{b==="In-Progress"&&e==="Completed"&&(s(),u(!1))},[e,b,u,s]),y.useEffect(()=>{T==="In-Progress"&&r==="Completed"&&!i&&v()},[T,r,i,v]);const R=r==="Error"||e==="Error";return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[R?o.jsxRuntimeExports.jsx(zr,{size:f}):null,o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{action:{onOkClick:()=>{R?(s(),e==="Error"&&w(),x(!0)):(j?.trackReimbursementReviewDuplicateReportReimbursement(l,d),u(!1),t.scrollToTop())},onCancelClick:()=>{R?(s(),e==="Error"&&w(),u(!1)):(j?.trackReimbursementSubmitAnywayDuplicateReimbursement(l,d),v())}},shouldClickAway:R,isSecondaryLoading:e==="In-Progress",secondaryButtonVariant:"secondary",primaryButtonText:R?to.resubmit:ge.primaryButtonText,secondaryButtonText:R?to.cancel:ge.secondaryButtonText,primaryButtonWidth:R?je.cancelButtonWidth.value(f):je.submitButtonWidth.value(f),secondaryButtonWidth:R?je.cancelButtonWidth.value(f):je.submitButtonWidth.value(f),descriptionComponent:o.jsxRuntimeExports.jsx(Lr,{size:f,children:o.jsxRuntimeExports.jsxs(Ar,{hasDuplicate:i,duplicateReimbursementStatus:r,children:[o.jsxRuntimeExports.jsxs(kt,{isDisabled:!1,isSuccess:!a,children:[a?o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0,style:{alignItems:"center",display:"flex"}}):o.jsxRuntimeExports.jsx(jo,{}),o.jsxRuntimeExports.jsx(Et,{isDisabled:!1,children:a?ge.reviewingExpenses:ge.reviewedAllExpenses})]}),i||r==="Error"?o.jsxRuntimeExports.jsxs(so,{size:f,children:[o.jsxRuntimeExports.jsx(no,{}),o.jsxRuntimeExports.jsx(io,{children:r==="Error"?ge.failedToDetect:`${l} ${ge.duplicateExpensesFound}`})]}):o.jsxRuntimeExports.jsxs(kt,{isDisabled:r==="Not-Started",isSuccess:r==="Completed"&&l===0,children:[o.jsxRuntimeExports.jsx(oo,{fetchState:r}),o.jsxRuntimeExports.jsx(Et,{isDisabled:r==="Not-Started",children:Pr(r)})]}),e==="Error"?o.jsxRuntimeExports.jsxs(so,{size:f,children:[o.jsxRuntimeExports.jsx(no,{}),o.jsxRuntimeExports.jsx(io,{children:ge.failedToSubmit})]}):i||r==="Error"?null:o.jsxRuntimeExports.jsxs(kt,{isDisabled:e==="Not-Started",isSuccess:e==="Completed",children:[o.jsxRuntimeExports.jsx(oo,{fetchState:e}),o.jsxRuntimeExports.jsx(Et,{isDisabled:e==="Not-Started",children:e==="Not-Started"?ge.submitReport:ge.submittingReport})]})]})}),titleComponent:o.jsxRuntimeExports.jsx(Br,{size:f,children:ge.title}),showFooter:i||R,containerStyle:{width:je.containerWidth.value(f),maxWidth:"unset"}})]})},zr=n(t.SvgClose)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  position: fixed;
+  top: 19px;
+  right: ${e=>je.styledCloseIconRight.valuePx(e.size)};
+  z-index: 11;
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,no=n(t.SvgHighImportanceFill)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-width: ${t.Space.sp4};
+  color: ${t.Colors.brandColorGoldDark};
+`,ro=n(Zo.SvgRadioDefault)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  min-width: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.grey3};
+`,Et=n.div`
+  color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
+  text-align: left;
+`,io=n.div`
+  color: ${t.Colors.brandColorGoldDark};
+`,kt=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.isSuccess?t.Space.sp2:t.Space.sp3};
+  border: 1px solid
+    ${e=>e.isDisabled?e.theme.colors.grey3:e.theme.colors.primary};
+  padding: ${t.Space.sp3};
+  border-radius: ${t.Space.sp2};
+`,Ar=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.Space.sp3};
+  margin-bottom: ${e=>e.hasDuplicate||e.duplicateReimbursementStatus==="Error"?0:t.Space.sp3};
+`,so=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>je.errorLineItemGap.valuePx(e.size)};
+  border: 1px solid ${e=>e.theme.colors.brandColorGold};
+  background-color: ${t.Colors.alertLight};
+  padding: ${t.Space.sp3};
+  border-radius: ${t.Space.sp2};
+  text-align: left;
+`,Br=n(t.H6Regular)`
+  margin-top: ${e=>je.confirmationPopUpTitleMarginTop.valuePx(e.size)};
+  padding-left: ${e=>je.confirmationPopUpTitlePaddingLeftRight.valuePx(e.size)};
+  padding-right: ${e=>je.confirmationPopUpTitlePaddingLeftRight.valuePx(e.size)};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+  width: ${e=>e.size==="small"?"max-content":"-webkit-fill-available"};
+`,Lr=n(t.StandardRegularSp)`
+  color: ${e=>e.theme.colors.hero};
+  padding-left: ${e=>je.confirmationPopUpTitlePaddingLeftRight.valuePx(e.size)};
+  padding-right: ${e=>je.confirmationPopUpTitlePaddingLeftRight.valuePx(e.size)};
+  margin-bottom: ${t.Space.sp5};
+  margin-top: ${t.Space.sp4};
+  white-space: pre-line;
+  width: -webkit-fill-available;
+`,jo=n(t.SvgTickRoundFill)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-width: ${t.Space.sp4};
+  color: ${t.Colors.success};
+`,Z={rightMargin:new t.ResponsiveSized(t.sp[3],t.sp[8]),leftMargin:new t.ResponsiveSized(t.sp[3],t.sp[6]),bottomMargin:new t.ResponsiveSized(56,56),closeMarginTop:new t.ResponsiveSized(0,19),closeMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),rightSectionWidth:new t.ResponsiveSized(100,58),leftSectionWidth:new t.ResponsiveSized(100,42),footerButtonWidth:new t.ResponsiveSized(120,165),right:new t.ResponsiveSized(t.sp[3],t.sp[0]),actionsContainerRight:new t.ResponsiveSized(t.sp[0],t.sp[6]),otherActionsContainerBottom:new t.ResponsiveSized(58,44),duplicateBannerWrapperMarginTop:new t.ResponsiveSized(t.sp[5],t.sp[3]),duplicateBannerWrapperMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[8]),duplicateBannerWrapperMarginBottom:new t.ResponsiveSized(t.sp[5],t.sp[3]),duplicateBannerWrapperMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[6]),navBarWidth:new t.ResponsiveSized(100,58)},{spendManagement:{reimbursement:{reimbursementDetail:h,bulkActions:ao}},common:{currency:{currencyCode:Pe,currencySymbol:pt},texts:{comments:Mr},strings:{empty:Fr}},collaboration:{threads:{placeholder:{addANewComment:Wr,replyAComment:Nr},tooltip:{resolveComment:Dr,unResolveComment:qr}}},dateFormat:lo}=t.appLocale.getLocalizedStrings(),co="editReimbursementDetailPage",Lt=e=>`${e}_form`,Vr=(e,r,i,l,u,j,d,v,g)=>{const s=e.outOfPocket,w=e.mileage,f=s.merchant,a=s.recommendations;return{lineIndex:j,lineId:e?.lineId??String(j+1),reimbursementType:e?.type??h.outOfPocketKey,file:e?.file,homeCurrencyConversions:{amount:e?.homeCurrencyConversions?.amount??0,currencyCode:e?.homeCurrencyConversions?.currencyCode??d.currencyCode,currencySymbol:e?.homeCurrencyConversions?.currencySymbol??d.currencySymbol},outOfPocket:{recommendedAccount:s.recommendedAccount,isCategoryUpdateSelected:s.isCategoryUpdateSelected??!1,isCategoryFirstTimeAutofilled:s.isCategoryFirstTimeAutofilled??!1,retainedAccount:s.retainedAccount,isRetainedCategorySelected:s.isRetainedCategorySelected??!1,recommendations:a??[],transactionDate:s?.transactionDate?.toDate()??void 0,class:{allOptions:t.filterDeletedOptions(t.getGroupedClassOptions(i,[])),selectedOption:s?.lineDetail?.class?.classId??g},account:{allOptions:t.filterDeletedOptions(t.getGroupedAccountOptions(r,a)),selectedOption:s.lineDetail?.account?.qboId??s.lineDetail?.account?.accountId},amount:{amount:s?.amount??0,currencyCode:s?.currencyCode??d.currencyCode,currencySymbol:s?.currencySymbol??d.currencySymbol,currency:{allOptions:v.map(x=>({label:`${x.currencyCode} - ${x.currency}`,value:x.currencyCode,countryCode:t.toAlpha2CountryCodeSupportedByProvider(x.countryCode)})),selectedOption:s?.currencyCode??d.currencyCode??Pe}},memo:s?.description??void 0,merchant:{allOptions:l.map(x=>x.id).filter(x=>!!x),selectedOption:f?.id?f?.id:f?.name?f?.name:e?.lineId!=null?u[e?.lineId]:void 0}},mileage:{transactionDate:w?.transactionDate?.toDate(),class:{allOptions:t.filterDeletedOptions(t.getGroupedClassOptions(i,[])),selectedOption:w?.lineDetail?.class?.classId},distanceInMiles:w?.distanceMileage?.value,amount:{amount:w?.amount??0,currencyCode:w?.currencyCode??d.currencyCode,currencySymbol:w?.currencySymbol??d.currencySymbol},memo:w?.description}}},It=(e,r,i)=>{const l=[];return Object.values(e.lineDetailSection).forEach((u,j)=>{u?.lineId!=null&&l.push(Vr(u,e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,e.tentativeMerchantNameByLineId,j,r,e.allCurrencies,e.loggedInUserDepartmentId))}),l.length===0&&l.push(vo(0,"1",e.accountsHierarchyList,e.classHierarchyList,e.merchantList.merchants,r,e.allCurrencies,e.loggedInUserDepartmentId)),{[F.whatForSectionId]:{reportTitle:e.whatForSection.reportTitle},[F.lineInfoSectionId]:l,[F.paymentAtSectionId]:{selectedOption:e.paymentTo,allOptions:i.map(u=>u.bankAccountId)}}},Pt=(e,r)=>{const i=l=>l.lineId==null||r[l.lineId]?.fetchState==="In-Progress"?0:(r[l.lineId]?.fetchState==="Completed",l.type===h.mileageKey?l?.mileage?.amount??0:l?.outOfPocket?.currencyCode!==Pe&&l.homeCurrencyConversions?.amount!==l?.outOfPocket?.amount?l.homeCurrencyConversions?.amount??0:l?.outOfPocket?.amount??0);return Object.values(e).reduce((l,u)=>l+i(u),0)},Ot=(e,r,i,l,u,j,d,v)=>{const g={};return e.lineInfo.forEach(s=>{const w=v.find(T=>T.classId===s.mileage.class.selectedOption),f=d.find(T=>T.qboId===s.outOfPocket.account.selectedOption||T.accountId===s.outOfPocket.account.selectedOption),a=v.find(T=>T.classId===s.outOfPocket.class.selectedOption),x=r.find(T=>T.id===s.outOfPocket.merchant.selectedOption),b=j.find(T=>T.currencyCode===s.outOfPocket.amount?.currency.selectedOption)?.currencySymbol;g[s.lineId]={fileId:s.file?.fileId,lineId:s.lineId,type:s.reimbursementType,homeCurrencyConversions:s.homeCurrencyConversions??{amount:0,currencyCode:"USD",currencySymbol:"$"},mileage:{description:s.mileage.memo??"",lineDetail:{class:w},transactionDate:s.mileage.transactionDate!=null?Q.zeniDate(s.mileage.transactionDate.toDateString()):void 0,amount:s.mileage.amount?.amount??0,currencyCode:s.mileage.amount?.currencyCode??b,currencySymbol:s.mileage.amount?.currencySymbol??b,distanceMileage:{unit:"miles",value:s.mileage.distanceInMiles??0}},outOfPocket:{description:s.outOfPocket.memo??"",lineDetail:{class:a,account:f},transactionDate:s.outOfPocket.transactionDate!=null?Q.zeniDate(s.outOfPocket.transactionDate.toDateString()):void 0,amount:s.outOfPocket.amount?.amount??0,currencyCode:s.outOfPocket.amount?.currency.selectedOption??b,currencySymbol:b,merchant:s.outOfPocket.merchant.selectedOption!=null?{id:x?.id??"",name:x?.name??s.outOfPocket.merchant.selectedOption}:void 0,recommendations:s.outOfPocket.recommendations,recommendedAccount:s.outOfPocket.recommendedAccount,isCategoryUpdateSelected:s.outOfPocket.isCategoryUpdateSelected,isCategoryFirstTimeAutofilled:s.outOfPocket.isCategoryFirstTimeAutofilled,isRetainedCategorySelected:s.outOfPocket.isRetainedCategorySelected,retainedAccount:s.outOfPocket.retainedAccount}}}),{whatForSection:{reportTitle:e.whatFor.reportTitle},updatesByLineId:g,totalAmount:{amount:l,...i},currencyConversionStateByLineId:u,paymentTo:e.paymentTo.selectedOption}},_r=({remiDetails:e,authParams:r,defaultCurrency:i,companyMileageConfigInfo:l,uploadInvoiceEndPoint:u,isReimbursementCommentingEnabled:j,isUserAdmin:d,analytics:v,reimbursementId:g,plaidConnectionDetails:s,bankAccountCreationState:w,bankNameByRouting:f,bankAccounts:a,isSignedInUserReimbursementCreator:x,uncategorizedAccounts:b,bankAccountToCreate:T,fetchBankNameByRoutingStatus:R,onUserBankDetailsUpdated:E,onFetchBankName:_,onSaveBankAccount:k,fetchDuplicateReimbursement:$,clearDuplicateReimbursementDetail:O,clearRemiSaveStatus:X,removeDuplicateReimbursementForLine:te,onDuplicateLineClick:oe,onExistingMerchantChange:U,onNewMerchantChange:K,onReceiptsUpload:B,saveRemiDetails:G,submitRemiDetails:V,discardReimbursementDetailsFromLocalStore:P,onReimbursementDetailsChanged:ae,updateReimbursementType:Y,onHomeCurrencyConversionUpdate:N,redirectToReimbursementListScreen:le,redirectToReimbursementDetailScreen:ze,deleteReimbursement:ce,removeFileFromLine:xe,onZeniLogoClick:ie,onAmountChanged:we,updateInvoiceUploadFetchState:Re,clearTentativeNameForLine:$e,onAddNewRule:de,onFetchLinkTokenClick:Ce,onEstablishConnectionClick:ue,deleteBankAccount:ye,onBackClickFromBankAccountPage:We})=>{const p=y.useRef(null),fe=y.useRef(null),pe=t.usePrevious(e.uploadStatus),Le=o.useTheme(),Te=t.useGlobalInfoContext(),[Ne,Ee]=y.useState(!1),[Me,Fe]=y.useState(!1),[De,qe]=y.useState("save"),[ne,Ue]=y.useState(Pt(e.lineDetailSection,e.currencyConversionStatus)),[Xe,Ve]=y.useState(!1),[D,et]=y.useState(null),[M,se]=y.useState(!1),rt=`dashboard_${Te.currentTenant?.companyId}`,Se=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:y.useMemo(()=>It(e,i,a),[e,i,a]),values:y.useMemo(()=>It(e,i,a),[e,i,a]),resetOptions:{keepErrors:!0},shouldFocusError:!0}),{isDirty:z,dirtyFields:wo}=Se.formState,Ro=async(m,C)=>{const{lineInfo:c}=C,S=Number(m.split(".")[1]);if(m.includes("reportTitle")||m.includes("memo"))return;if(m.includes("reimbursementType")){const A=c[S].mileage,W=c[S].outOfPocket;c[S]={...c[S],outOfPocket:{transactionDate:W.transactionDate??void 0,class:{allOptions:W.class.allOptions??t.filterDeletedOptions(t.getGroupedClassOptions(e.classHierarchyList,[])),selectedOption:W.class.selectedOption??void 0},account:{allOptions:W.account.allOptions??t.filterDeletedOptions(t.getGroupedAccountOptions(e.accountsHierarchyList,[])),selectedOption:W.account.selectedOption??void 0},amount:W.amount??{amount:0,currencyCode:i.currencyCode,currencySymbol:i.currencySymbol,currency:{allOptions:e.allCurrencies.map(be=>({label:`${be.currencyCode} - ${be.currency}`,value:be.currencyCode,countryCode:t.toAlpha2CountryCodeSupportedByProvider(be.countryCode)})),selectedOption:i.currencyCode??Pe}},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:A.transactionDate??void 0,class:{allOptions:A.class.allOptions??t.filterDeletedOptions(t.getGroupedClassOptions(e.classHierarchyList,[])),selectedOption:A.class.selectedOption??e.loggedInUserDepartmentId},distanceInMiles:A.distanceInMiles,amount:{amount:A?.amount?.amount??0,currencyCode:A?.amount?.currencyCode??Pe,currencySymbol:A?.amount?.currencySymbol??pt},memo:A.memo??void 0}}}else if(m.includes("mileage.distanceInMiles")){const{distanceInMiles:A}=c[S].mileage,W=l?.mileageUnitAmount??0;c[S].mileage={...c[S].mileage,amount:{amount:A!=null?A*W:0,currencyCode:i.currencyCode,currencySymbol:i.currencySymbol}}}else if(m.includes("outOfPocket.amount")&&c[S].lineId){const A=c[S].outOfPocket.amount,W=e.allCurrencies.find(be=>be.currencyCode===A?.currency.selectedOption)?.currencySymbol;if(A?.currencyCode!==A?.currency.selectedOption){const be=A?.currency?.allOptions||[];c[S].outOfPocket.amount={currency:{allOptions:be,selectedOption:A?.currency?.selectedOption},amount:c[S].outOfPocket?.amount?.amount??0,currencyCode:A?.currency.selectedOption??Pe,currencySymbol:W??pt}}if(A?.currency.selectedOption!==Pe)Ve(!0),Oo(c[S].lineId,Pe);else{const be={};c.forEach(Rt=>{be[Rt.lineId]={lineId:Rt.lineId,homeCurrencyConversions:Rt.homeCurrencyConversions}}),c[S].homeCurrencyConversions={amount:A.amount??0,currencyCode:A?.currency.selectedOption??Pe,currencySymbol:W??pt};const at=Pt(be,e.currencyConversionStatus);ne!==at&&Ue(at)}}else if(m.includes("outOfPocket.isRetainedCategorySelected"))c[S].outOfPocket.isRetainedCategorySelected===!0&&(c[S].outOfPocket.isCategoryUpdateSelected=!1,c[S].outOfPocket.account.selectedOption=c[S].outOfPocket.retainedAccount?.qboId);else if(m.includes("outOfPocket.isCategoryUpdateSelected"))if(c[S].outOfPocket.isCategoryUpdateSelected===!0)c[S].outOfPocket.account.selectedOption=c[S].outOfPocket.recommendedAccount?.qboId,c[S].outOfPocket.isRetainedCategorySelected=!1;else{const A=c[S].lineId,W=e.editRemiInitialDetails.lineDetailSection[A]?.lineDetail?.account?.qboId;c[S].outOfPocket.account.selectedOption=W,c[S].outOfPocket.isRetainedCategorySelected=!1}else m.includes("outOfPocket.account")&&(c[S].outOfPocket.recommendations.length>0&&(c[S].outOfPocket.recommendedAccount=c[S].outOfPocket.recommendations[0].account),c[S].outOfPocket.recommendedAccount?.qboId!=null&&c[S].outOfPocket.account.selectedOption===c[S].outOfPocket.recommendedAccount?.qboId?c[S].outOfPocket.isCategoryUpdateSelected=!0:c[S].outOfPocket.isCategoryUpdateSelected=!1,c[S].outOfPocket.retainedAccount?.qboId!=null&&c[S].outOfPocket.account.selectedOption===c[S].outOfPocket.retainedAccount?.qboId?c[S].outOfPocket.isRetainedCategorySelected=!0:c[S].outOfPocket.isRetainedCategorySelected=!1,c[S].outOfPocket.isCategoryFirstTimeAutofilled=!1);const st=Ot({...C,lineInfo:c},e.merchantList.merchants,i,ne,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);if(ae?.(st),m.includes("outOfPocket.merchant")){const A=c[S].lineId,W=c[S].outOfPocket.merchant.selectedOption??"";c[S].outOfPocket.merchant.allOptions.find(at=>at===W)!=null?U(W,A):K(W,A)}},Mt=y.useMemo(()=>o.debounce((m,C)=>Ro(m,C),300),[e.accountList.fetchState,e.classList.fetchState,e.merchantList.fetchState]);y.useEffect(()=>{const m=Se.watch((C,{name:c})=>{c!=null&&C!=null&&Mt(c,C)});return()=>{m.unsubscribe()}},[Mt,Se]),y.useEffect(()=>{const m=Q.reduceAnyFetchState(Object.values(e.currencyConversionStatus)),C=m.fetchState==="In-Progress"||m.fetchState==="Error";Ve(C)},[e.currencyConversionStatus]),y.useEffect(()=>{for(const C in e.currencyConversionStatus){const c=e.lineDetailSection[C],S=e.lineDetailSection[C];e.currencyConversionStatus[C].fetchState==="Completed"&&S!=null&&c.type!==h.mileageKey&&!o.isEqual(c?.homeCurrencyConversions,S.homeCurrencyConversions)&&N({amount:c?.homeCurrencyConversions?.amount??0,currencyCode:c?.homeCurrencyConversions?.currencyCode??Pe,currencySymbol:c?.homeCurrencyConversions?.currencySymbol??pt},C,g)}const m=Pt(e.lineDetailSection,e.currencyConversionStatus);ne!==m&&Ue(m)},[e.currencyConversionStatus,e.lineDetailSection]),y.useEffect(()=>{(e.saveStatus?.fetchState==="Completed"||e.deleteStatus.fetchState==="Completed")&&(P(g),le?.())},[e.saveStatus?.fetchState,e.deleteStatus.fetchState,g,P,le]);const I=t.useWindowSizeContext(),[ke,tt]=y.useState(g==null),[ot,$o]=y.useState(1),[Co,ht]=y.useState(!1),[To,Eo]=y.useState(""),[gt,ko]=y.useState(null),[Io,Ge]=y.useState(!1),[Po,Ft]=y.useState(!1),[yt,ft]=y.useState([]),[he,it]=y.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),Oo=y.useRef(o.debounce((m,C)=>we(m,C),500,{trailing:!0})).current;y.useEffect(()=>{pe==="In-Progress"&&(e.uploadStatus==="Completed"?(Se.reset(It(e,i,a),{keepDefaultValues:!0}),Ee(!1),tt(!1)):e.uploadStatus==="Error"&&Ee(!1))},[pe,e.uploadStatus,Se,e,Ne,Ee,ke,i,a,v]),y.useEffect(()=>{e.uploadStatus==="In-Progress"&&ke===!1&&Ee(!0)},[e.uploadStatus,Ee,ke]);const St=e.remiStage==="draft"?h.newReimbursementTitle:h.editReimbursementTitle,zo={onOkClick:()=>{if(Ge(!1),he.primaryButtonText===h.buttons.discard)P(g),e.remiStage==="draft"?le?.():ze?.();else if(he.primaryButtonText===h.buttons.delete)he.title===h.deleteBankAccountTitle?ye?.(To):ce?.();else if(he.primaryButtonText===h.buttons.yes&&gt!=null){const m=yt.filter(C=>C!==ot.toString());ft(m),B(gt,ot,!0)}},onCancelClick:()=>{if(Ge(!1),he.secondaryButtonText===h.buttons.no){const m=yt.filter(C=>C!==ot.toString());ft(m),B(gt,ot,!1)}}},Wt=()=>{z||t.formHasDirtyFields(wo)?(it({title:h.discardTitle,description:h.discardDescription,primaryButtonText:h.buttons.discard,secondaryButtonText:h.buttons.cancel}),Ge(!0)):(P(g),le?.())},Ao=()=>{it({title:e.remiStage==="draft"?h.deleteDraftTitle:h.deleteReportTitle,description:h.deleteAlertDescription,primaryButtonText:h.buttons.delete,secondaryButtonText:h.buttons.cancel}),Ge(!0)},Bo=m=>{Eo(m),it({title:h.deleteBankAccountTitle,description:h.deleteBankAccountDescription,primaryButtonText:h.buttons.delete,secondaryButtonText:h.buttons.cancel}),Ge(!0)},Lo=()=>{it({title:h.overwriteTitle,description:h.overwriteDescription,primaryButtonText:h.buttons.yes,secondaryButtonText:h.buttons.no}),Ge(!0)},Mo=()=>{let m=!0;const C=[];return Object.values(e.lineDetailSection).forEach((c,S)=>{c.type===h.outOfPocketKey&&yo(c)>=75&&c.file==null&&(C.push(c.lineId),m=!1)}),ft(C),m},Nt=()=>{if(d&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected")Wt();else{qe("save");const m=Se.getValues(),C=Ot(m,e.merchantList.merchants,i,ne,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);ae?.(C);const c=C.whatForSection?.reportTitle;c!=null&&c.length>0?G(e.remiStatus==="rejected"?"pending_approval":"draft"):Se.trigger(`${F.whatForSectionId}.reportTitle`,{shouldFocus:!0})}};let bt=!1;Object.values(e.addRemiAutoFieldsByLineId).forEach(m=>{m.length>0&&(bt=!0)});let Dt=[];if(e.remiId==null){const m=ne??0;m>0&&(Dt=e.approvalRules.allApprovalRules?.filter(C=>{const c=C.criteria[0].range;if(c.max!=null){if(c.min.amount<m&&c.max.amount>=m)return C}else if(c.min.amount<m)return C;return null}).map(C=>({...C,stepsWithStatus:C.steps.map(c=>({...c,actorsActivity:[],isOriginalApprovalStep:!0})),isRealTimeApprovalEnabled:!1})))}const Fo=m=>{const C=Mo();return Se.handleSubmit(()=>{C&&(qe("submit"),v?.trackReimbursementSubmitReimbursement(e.createTime?.format(lo.analytics.MMMDashDDDashYYYYFormat)??Q.dateNow().format(lo.analytics.MMMDashDDDashYYYYFormat),i.currencyCode,ne,g),O(),Ft(!0))})(m)},Wo=()=>{const m=Se.getValues(),C=Ot(m,e.merchantList.merchants,i,ne,e.currencyConversionStatus,e.allCurrencies,e.accountList.accounts,e.classList.classes);ae?.(C),V()},No=e.reimbursementInfo?.billStatus.code=="approved"&&e.reimbursementInfo?.billPaymentStatus.code?e.reimbursementInfo?.billPaymentStatus:e.reimbursementInfo?.billStatus,Do=e.reimbursementInfo?.paymentDate!=null?Q.zeniDate(Q.getNextNthWorkingDay(e.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,qo=e.reimbursementInfo?.expectedDepositDate??Do,Vo=g!=null&&e.remiStage==="draft",qt=F.getNumberOfDuplicateLines(e.duplicateLineByLineId),vt=e.duplicateReimbursementStatus.fetchState==="Completed"&&qt>0,{requestToOpenThread:jt,setRequestToOpenThread:Vt,setOpenThread:wt}=y.useContext(t.ThreadsContext),{threads:nt,isLoading:_e}=t.useFilteredThreads({application:"dashboard",companyId:Te.currentTenant?.companyId,tab:"reimbursement",entityId:g,isGlobalComment:!1},"both",!1);y.useEffect(()=>{jt?.threadId!=null&&nt.length>0&&!_e&&(wt(jt.threadId),Vt(null))},[jt,nt,_e,wt,Vt]);const _o=y.useMemo(()=>g==null?[]:nt.filter(m=>m.resolved===!1&&!m.id.includes(t.NEW_THREAD_SUFFIX)),[nt,g]).length,Ko=(m,C)=>{wt(C);const c=m.entityType.split("."),S=parseInt(c[2]);if(isNaN(S)){se(!1);return}const st=`${S+1}`,A=e.lineDetailSection[S+1].type;c.includes(h.mileageKey)&&A===h.outOfPocketKey?Y(Q.toReimbursementTypeCode(h.mileageKey),st,g):c.includes(h.outOfPocketKey)&&A===h.mileageKey&&Y(Q.toReimbursementTypeCode(h.outOfPocketKey),st,g),se(!1)};return o.jsxRuntimeExports.jsx(Hr,{ref:p,children:o.jsxRuntimeExports.jsx(t.ComponentConnectProvider,{sharedItems:{sharedFunctions:void 0,sharedRef:{contentWrapperRef:fe.current??null}},children:o.jsxRuntimeExports.jsxs(o.FormProvider,{...Se,children:[o.jsxRuntimeExports.jsx("form",{id:Lt(co),onSubmit:m=>Fo(m),children:o.jsxRuntimeExports.jsxs(vi,{windowSize:I,ref:fe,children:[Io?o.jsxRuntimeExports.jsx(t.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpTitle,{children:he.title}),descriptionComponent:o.jsxRuntimeExports.jsx(t.ConfirmationPopUpDescription,{children:he.description}),primaryButtonText:he.primaryButtonText,secondaryButtonText:he.secondaryButtonText,action:zo,proceedButtonVariant:he.title===h.deleteBankAccountTitle||he.title===h.deleteDraftTitle||he.title===h.deleteReportTitle||he.title===h.discardTitle?"danger":"primary",isEditPopup:he.title===h.deleteBankAccountTitle}):null,Po?o.jsxRuntimeExports.jsx(Or,{reimbursementId:g,submitFetchState:e.saveStatus?.fetchState??"Not-Started",duplicateReimbursementStatus:e.duplicateReimbursementStatus.fetchState,hasDuplicateLine:vt,numberOfDuplicateLines:qt,setShowDuplicatePopup:Ft,submitReport:Wo,fetchDuplicateReimbursement:$,clearDuplicateReimbursementDetail:O,clearRemiSaveStatus:X,analytics:v}):null,Ne?o.jsxRuntimeExports.jsx(po,{windowSize:I}):null,ke?o.jsxRuntimeExports.jsxs(po,{windowSize:I,"data-testid":t.generateDataTestId("skip-autofill-section"),children:[I==="small"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(ri,{children:o.jsxRuntimeExports.jsx(Bt,{partOfSkipAutoFill:!0,size:I,onClick:()=>tt(!1),"data-testid":t.generateDataTestId("close-invoice-upload"),children:o.jsxRuntimeExports.jsx(At,{withOverlay:!0,children:o.jsxRuntimeExports.jsx(zt,{})})})}),o.jsxRuntimeExports.jsx(si,{children:St})]}):null,o.jsxRuntimeExports.jsx(mo.default,{showAutofill:ke,analytics:v,onSkipAutofill:()=>{v?.trackReimbursementSkipAutofill(),tt(!1)},uploadInvoiceEndPoint:u,authParams:r,style:{width:Z.leftSectionWidth.valuePercentage(I),boxSizing:"border-box",backgroundColor:I==="small"?Le.colors.grey4:"unset",padding:I==="small"?`${t.Space.sp5} ${t.Space.sp3}`:`78px ${t.Space.sp6} 15px ${t.Space.sp8}`,margin:I==="small"?t.Space.sp0:void 0},onInvoiceUpload:m=>B(m,ot,!0),dropFilePlaceholder:{upload:h.dropReceipt.upload,single:h.dropReceipt.single,or:h.dropReceipt.or,multiple:h.dropReceipt.multiple,receipts:h.dropReceipt.receipts},updateInvoiceUploadFetchState:Re,showInfoText:!1,allowMultiFiles:ke,type:"reimbursement"}),I!=="small"?o.jsxRuntimeExports.jsx(ii,{children:o.jsxRuntimeExports.jsx(Bt,{partOfSkipAutoFill:!0,onClick:()=>tt(!1),"data-testid":t.generateDataTestId("close-invoice-upload"),children:o.jsxRuntimeExports.jsx(At,{withOverlay:!0,children:o.jsxRuntimeExports.jsx(zt,{})})})}):null]}):null,o.jsxRuntimeExports.jsxs(gi,{windowSize:I,"data-testid":t.generateDataTestId("edit-reimbursement-detail-page-nav-bar-container"),children:[I!=="small"?o.jsxRuntimeExports.jsx(t.NavBar,{style:{width:"42%"},"data-testid":t.generateDataTestId("edit-reimbursement-detail-page-left-nav-bar"),title:"",leftSideComponent:o.jsxRuntimeExports.jsx(yi,{"data-testid":t.generateDataTestId("zeni-logo-spend-management-reimbursement-detail-page"),onClick:ie}),enableTitleOnScroll:!1,scrollableContent:p,backgroundColor:Le.colors.background,keepBackgroundOnScroll:!0,source:"EditReimbursementDetailPage"}):null,I!=="small"?o.jsxRuntimeExports.jsx(Ur,{}):null,o.jsxRuntimeExports.jsx(t.NavBar,{style:{width:Z.navBarWidth.valuePercentage(I)},"data-testid":t.generateDataTestId("edit-reimbursement-detail-page-right-nav-bar"),source:"EditReimbursementDetailPage",title:St,leftSideComponent:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}),rightSideComponent:ke!=!0?o.jsxRuntimeExports.jsxs(fi,{children:[j&&g!=null?o.jsxRuntimeExports.jsxs(Si,{isDisabled:_e,"data-testid":t.generateDataTestId("remi-comment-button"),onClick:_e?()=>null:m=>{m.preventDefault(),m.stopPropagation(),et({roomId:rt,companyId:Te.currentTenant?.companyId??"",companyName:Te.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:g}),se(!0),v?.trackCommentActivity("reimbursement","clicked",Te.currentTenant?.companyName??"",Te.controllersList.controllers.map(C=>t.getFullName(C)),void 0,void 0,"page icon")},children:[o.jsxRuntimeExports.jsx(t.CommentsAndNotesCount,{count:_e?void 0:_o,isLoading:_e,style:{left:"12px"}}),o.jsxRuntimeExports.jsx(bi,{})]}):null,o.jsxRuntimeExports.jsx(Bt,{size:I,onClick:()=>Wt(),"data-testid":t.generateDataTestId("close-nav-bar"),children:o.jsxRuntimeExports.jsx(At,{withOverlay:!1,children:o.jsxRuntimeExports.jsx(zt,{})})})]}):null,enableTitleOnScroll:I!=="small",scrollThreshold:64,scrollableContent:p,backgroundColor:Le.colors.grey4})]}),I==="small"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(hi,{children:St}),o.jsxRuntimeExports.jsx(t.VerticalProgressBarSectionMemo,{progressSectionObj:No,createDate:e.createTime,paymentDate:qo,scheduleDate:e.reimbursementInfo?.paymentDate,approvedDate:e.latestApprovedDate,isBillUploaded:g!=null?!0:e.uploadStatus==="Completed"}),bt&&o.jsxRuntimeExports.jsxs(ci,{children:[o.jsxRuntimeExports.jsx(li,{}),o.jsxRuntimeExports.jsx(di,{children:h.banner})]}),e.isProcessing?o.jsxRuntimeExports.jsx(t.WarningBanner,{variant:"warning",style:{margin:I==="small"?`${t.Space.sp5} ${t.Space.sp3}`:`${t.Space.sp3} ${t.Space.sp8} ${t.Space.sp3} ${t.Space.sp6}`},title:ao.duplicateWarning.title,description:ao.duplicateWarning.description}):vt?o.jsxRuntimeExports.jsxs(ui,{size:I,children:[o.jsxRuntimeExports.jsx(Zr,{}),o.jsxRuntimeExports.jsxs(mi,{children:[o.jsxRuntimeExports.jsx(pi,{children:h.thereSeems}),o.jsxRuntimeExports.jsx(xi,{children:h.pleaseFind})]})]}):null,o.jsxRuntimeExports.jsx(go,{isReimbursementCommentingEnabled:j,sectionId:F.whatForSectionId,reimbursementId:e.remiId,reportTitle:e.whatForSection.reportTitle})]}):null,o.jsxRuntimeExports.jsx(ar,{onDuplicateLineClick:oe,reimbursementId:g,remiDetails:e,uploadInvoiceEndPoint:u,authParams:r,showSkipAutoFill:ke,setShowSkipAutoFill:tt,isReimbursementCommentingEnabled:j,isAutoFieldsExist:bt,totalAmount:ne,removeFileFromLine:xe,onReplaceClick:Lo,onReceiptsUpload:B,currencyConversionStatus:e.currencyConversionStatus,setCurrentLineIdForUpload:$o,setUploadedReceiptPayload:ko,updateInvoiceUploadFetchState:Re,clearTentativeNameForLine:$e,defaultCurrency:i,companyMileageConfigInfo:l,isUserAdmin:d,setShowBankAccountPage:ht,bankAccounts:a,onDeleteBankAccount:Bo,analytics:v,fileRequiredLineIds:yt,isSignedInUserReimbursementCreator:x,uncategorizedAccounts:b,showTotalAmountLoader:Xe,duplicateLineByLineId:e.duplicateLineByLineId,hasDuplicateLine:vt,removeDuplicateReimbursementForLine:te,scrollContainerRef:p}),o.jsxRuntimeExports.jsxs(ji,{showSkipAutoFill:ke,windowSize:I,children:[I!=="small"?o.jsxRuntimeExports.jsx(uo,{}):null,o.jsxRuntimeExports.jsx(wi,{windowSize:I,children:o.jsxRuntimeExports.jsxs(Ri,{windowSize:I,children:[e.remiId!==void 0&&o.jsxRuntimeExports.jsx(t.ActivitySection,{amount:ne??0,activities:e.remiActivities,stage:e.remiStage??"draft",onAddNewRule:de,entity:"reimbursement",historicActivities:e.remiHistory.activities}),e.remiId==null&&ne!=null&&ne>0?o.jsxRuntimeExports.jsx(t.ActivitySection,{amount:ne??0,activities:Dt,stage:"draft",entity:"reimbursement",historicActivities:e.remiHistory.activities}):null]})})]}),o.jsxRuntimeExports.jsx($i,{}),o.jsxRuntimeExports.jsxs(ai,{showSkipAutoFill:ke,windowSize:I,children:[I!=="small"?o.jsxRuntimeExports.jsx(uo,{}):null,o.jsxRuntimeExports.jsx(Gr,{windowSize:I,onClick:m=>{m.stopPropagation(),Me===!0&&Fe(!1)},children:o.jsxRuntimeExports.jsx(t.Footer,{formId:Lt(co),separatorStyle:{marginRight:t.Space.sp4},showCancel:x,cancelBtn:{label:d&&e.remiStage==="pending_approval"&&e.remiStatus!=="rejected"?I==="small"?h.buttons.discard:h.buttons.discardChanges:I==="small"?h.buttons.save:h.buttons.saveChanges,isLoading:De==="save"&&e.saveStatus?.fetchState==="In-Progress",onClick:Nt,style:{width:Z.footerButtonWidth.value(I)},reverseSpinnerColor:!1},primaryBtn:{label:Kr(x,d,e,I),isDisabled:!x,style:{width:x?Z.footerButtonWidth.value(I):"auto"},type:x?"submit":"button",onClick:x?()=>null:Nt,isLoading:!x&&De==="save"&&e.saveStatus?.fetchState==="In-Progress"},rightSideComponent:o.jsxRuntimeExports.jsx(Yr,{children:o.jsxRuntimeExports.jsxs(ti,{windowSize:I,children:[Me?o.jsxRuntimeExports.jsx(o.ClickAwayListener,{onClickAway:()=>Fe(!1),children:o.jsxRuntimeExports.jsx(ei,{windowSize:I,"data-testid":t.generateDataTestId("remi-other-actions-container"),children:o.jsxRuntimeExports.jsx(oi,{onClick:Ao,"data-testid":t.generateDataTestId("delete-report-action"),children:h.buttons.deleteReport})})}):null,o.jsxRuntimeExports.jsx(Xr,{windowSize:I,children:Vo===!0?o.jsxRuntimeExports.jsx(Qr,{windowSize:I,"data-testid":t.generateDataTestId("more-details-button"),children:o.jsxRuntimeExports.jsx(Jr,{onClick:()=>Fe(!Me)})}):null})]})}),style:{minHeight:62}})})]}),j&&g!=null?o.jsxRuntimeExports.jsx(Ho.RoomProvider,{id:rt,children:o.jsxRuntimeExports.jsx(t.AllThreadsDrawer,{isDrawerOpen:M,allowComposer:!0,drawerTitle:Mr,threads:nt,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:D?.companyId??Fr,isGlobalComment:!1,tab:"reimbursement"},isLoading:_e,threadMetadata:D?{companyName:D.companyName,companyId:D.companyId,entityId:D.entityId,entityType:D.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:Wr,replyComposerPlaceholder:Nr,threadResolve:Dr,threadUnResolve:qr},onThreadClick:(m,C)=>Ko(m,C),onCloseAllThreadsDrawer:()=>se(!1),drawerSectionStyle:{width:"400px",backgroundColor:Le.colors.background}})}):null]})}),Co?o.jsxRuntimeExports.jsx(ni,{windowSize:I,children:o.jsxRuntimeExports.jsx(br,{bankAccountCreationState:w,setShowBankAccountPage:ht,plaidConnectionDetails:s,onFetchLinkTokenClick:Ce,onEstablishConnectionClick:ue,onSaveHandler:k,bankAccountToCreate:T,bankNameByRouting:f,fetchBankNameByRoutingStatus:R,onUserBankDetailsUpdated:E,onFetchBankName:_,onBackClick:()=>{We(),ht(!1)}})}):null]})})})},Kr=(e,r,i,l)=>e?i.reimbursementId!=null&&i.remiStage==="pending_approval"?h.buttons.resubmit:h.buttons.submit:r&&i.remiStage==="pending_approval"&&i.remiStatus!=="rejected"?l==="small"?h.buttons.discard:h.buttons.discardChanges:l==="small"?h.buttons.save:h.buttons.saveChanges,Hr=n.div`
+  position: relative;
+  height: 100vh;
+  overflow-y: scroll;
+`,Ur=n.div`
+  position: fixed;
+  top: 0;
+  left: 42vw;
+  width: 100%;
+  height: 100vh;
+  background: transparent;
+  box-shadow: 0 2px ${t.Space.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
+  pointer-events: none;
+  z-index: 3;
+`,Gr=n.div`
+  width: ${e=>Z.rightSectionWidth.valuePercentage(e.windowSize)};
+`,Yr=n.div`
+  display: flex;
+  justify-content: flex-end;
+`,Jr=n(t.SvgMoreRound)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp5};
+  height: ${t.Space.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Zr=n(t.SvgHighImportance)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.brandColorGoldDark};
+`,Qr=n.div`
+  display: flex;
+  margin-left: ${e=>e.windowSize==="small"?t.Space.sp4:t.Space.sp5};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Xr=n.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,ei=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: ${t.Space.sp1};
+  padding-bottom: ${t.Space.sp1};
+  position: absolute;
+  bottom: ${e=>Z.otherActionsContainerBottom.valuePx(e.windowSize)};
+  z-index: 3;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.Space.sp1};
+  right: ${e=>Z.right.valuePx(e.windowSize)};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.grey1} 3D`};
+`,ti=n.div`
+  width: 100%;
+  justify-content: flex-end;
+  position: ${e=>e.windowSize==="small"?"static":"relative"};
+  right: ${e=>Z.actionsContainerRight.valuePx(e.windowSize)};
+  height: 100%;
+  display: flex;
+`,oi=n(t.SmallRegular)`
+  display: flex;
+  align-items: center;
+  width: -webkit-fill-available;
+  padding-left: ${t.Space.sp3};
+  padding-right: ${t.Space.sp3};
+  height: ${t.Space.sp6};
+  box-sizing: border-box;
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,ni=n.div`
+  overflow-y: auto;
+  z-index: 5;
+  height: 100vh;
+  position: fixed;
+  background: ${e=>e.theme.colors.grey4};
+  width: ${e=>Z.rightSectionWidth.valuePercentage(e.windowSize)};
+  right: 0;
+  top: 0;
+`,ri=n.div`
+  background: ${e=>e.theme.colors.grey4};
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: end;
+`,ii=n.div`
+  width: 58%;
+`,si=n(t.H6Regular)`
+  padding: ${t.Space.sp3} ${t.Space.sp3} 0 ${t.Space.sp3};
+  background: ${e=>e.theme.colors.grey4};
+  color: ${e=>e.theme.colors.primary};
+`,ai=n.div`
+  display: ${e=>e.windowSize==="small"&&e.showSkipAutoFill?"none":"flex"};
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  z-index: 3;
+`,uo=n.div`
+  width: 42%;
+`,li=n(t.SvgAutofill3)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,ci=n.div`
+  display: flex;
+  gap: ${t.Space.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${t.Space.sp3};
+  border-radius: ${t.Space.sp2};
+  align-items: center;
+  margin: ${t.Space.sp3};
+`,di=n.span`
+  color: ${e=>e.theme.colors.hero};
+`,ui=n.div`
+  display: flex;
+  gap: ${t.Space.sp2};
+  padding: ${t.Space.sp3};
+  border-radius: ${t.Space.sp2};
+  align-items: start;
+  margin-top: ${e=>Z.duplicateBannerWrapperMarginTop.valuePx(e.size)};
+  margin-right: ${e=>Z.duplicateBannerWrapperMarginRight.valuePx(e.size)};
+  margin-bottom: ${e=>Z.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
+  margin-left: ${e=>Z.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
+  background-color: ${t.Colors.alertLight};
+  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+`,pi=n(t.StandardMedium)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,mi=n.div`
+  width: 100%;
+`,xi=n(t.StandardRegular)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,hi=n(t.H6Regular)`
+  letter-spacing: -0.02em;
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.Space.sp3};
+`,po=n.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  height: 100vh;
+  visibility: inherit;
+  width: 100%;
+  background-color: ${t.Colors.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;
+`,gi=n.div`
+  z-index: 3;
+  min-height: 62px;
+  height: 62px;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+  position: fixed;
+`,yi=n(t.SvgZeniIconOnly)`
+  display: flex;
+  color: ${e=>e.theme.colors.brandColorJade};
+  cursor: pointer;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,zt=n(t.SvgClose)`
+  cursor: pointer;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  float: right;
+  color: inherit;
+`,At=n.div`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.withOverlay?t.Colors.primaryDark:e.theme.colors.primary};
+  }
+`,fi=n.div`
+  margin-top: ${e=>Z.closeMarginTop.valuePx(e.windowSize)};
+  display: flex;
+  float: right;
+`,Si=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};
+  }
+`,bi=n(t.SvgComment)`
+  display: flex;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  align-items: center;
+  justify-content: center;
+`,Bt=n.div`
+  margin-top: ${e=>e.partOfSkipAutoFill===!0?Z.closeMarginTop.valuePx(e.size):0};
+  margin-left: ${t.Space.sp5};
+  margin-right: ${e=>e.partOfSkipAutoFill===!0?Z.closeMarginRight.valuePx(e.size):0};
+`,vi=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;
+`,ji=n.div`
+  display: ${e=>e.windowSize==="small"&&e.showSkipAutoFill?"none":"flex"};
+  width: 100%;
+  margin-bottom: ${e=>Z.bottomMargin.valuePx(e.windowSize)};
+`,wi=n.div`
+  width: ${e=>Z.rightSectionWidth.valuePercentage(e.windowSize)};
+`,Ri=n.div`
+  margin-left: ${e=>Z.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>Z.rightMargin.valuePx(e.windowSize)};
+`,$i=n.div`
+  display: flex;
+  flex-direction: column;
+  height: ${t.Space.sp11};
+`;exports.default=_r;exports.uniqueName=Lt;