@zeniai/web-components 3.16.66 → 3.16.67

package/dist/EditReimbursementDetailPage-CmBouY8h.cjs

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