@zeniai/web-components 3.16.62 → 3.16.64

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