@zeniai/web-cockpit-ui 1.15.47-dev → 1.15.48-dev

package/dist/assets/{ExpressPayPage-DBxaDfRz-CvEgT1Dz.js → ExpressPayPage-c8oTCnBR-B1eI11Un.js}

@@ -1,4 +1,4 @@
-import{y as Be,J as Q,b as _,aa as et,aS as Fe,cI as tt,V as t,bE as it,ae as at,aT as nt,x as f,o as n,l4 as lt,l5 as ot,l6 as rt,cQ as Re,cN as dt,f5 as st,fJ as ct,fK as pt,cP as Ae,gh as mt,l7 as ut,cU as ht,cV as yt,fc as ze,fd as Oe,fm as ke,w as ge,u,fo as gt,bc as ft,b9 as be,p as Ee,ao as xt,at as We}from"./index-CGTxoCJp.js";import{a as J}from"./sentry-CuNQ_GI9.js";import{n as d}from"./mui-CD7xFf2d.js";import{bL as _e,bh as le,bZ as qe,bH as bt,bo as wt}from"./zeni-epic-state-BJYsNVul.js";import{Y as vt}from"./LabeledDocumentField-heF_7XXJ-Bpbc_iNk.js";import{S as te}from"./LabeledText-wJQ0djD--Dnw-us69.js";import"./liveblocks-Dn-9djA8.js";import"./core-CDOHNO2G.js";import"./recharts-CeYsUNdm.js";import"./lottie-BYfhMHcn.js";import"./analytics-BTo2lvc5.js";import"./lexical-BeF2ZgkW.js";import"./utils-i_tuliLj.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="c20c5553-917f-40f7-ab86-09f82d8988f8",e._sentryDebugIdIdentifier="sentry-dbid-c20c5553-917f-40f7-ab86-09f82d8988f8")}catch{}})();const St={progressBarWidth:new f(343,726)},jt=({pageIndex:e})=>{const i=Q(),a=Be(),s=_.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[s.stateOne,s.stateTwo,s.stateThree];return i==="small"?t.jsxs($t,{children:[t.jsx(lt,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx(Pt,{children:h.map((p,l)=>t.jsx(Dt,{isLast:l==h.length-1,isRelevant:l<=e,perSectionHeight:100/h.length,children:t.jsx(Le,{children:p})},l))})]}):t.jsxs(Ct,{windowSize:i,children:[t.jsx(ot,{coloredSectionCount:e,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1}),t.jsx(It,{children:h.map((p,l)=>t.jsx(Tt,{stateIndex:l,isRelevant:l<=e,children:t.jsx(Le,{children:p})},p))})]})},Ct=d.div`
+import{d as Re,J as Q,F as _,a9 as et,aR as Fe,cG as tt,V as t,bD as it,ac as at,aS as nt,y as f,o as n,kW as lt,kX as ot,kY as rt,cO as Ve,cL as dt,f3 as st,fH as ct,fI as pt,cN as ke,gf as mt,kZ as ut,cS as ht,cT as yt,fa as ze,fb as Ae,fk as Oe,b as ge,u,fm as gt,bb as ft,b8 as xe,p as Ee,am as bt,ar as We}from"./index-CbBDw148.js";import{a as U}from"./sentry-ClS5bwGc.js";import{n as d}from"./mui-BLUOobNq.js";import{bL as _e,bh as le,bP as He,bH as xt,bo as wt}from"./zeni-epic-state-W0HMFHDj.js";import{Y as vt}from"./LabeledDocumentField-CnRk5aKZ-DcxblEUp.js";import{S as te}from"./LabeledText-2EDpuXZ4-BVmqJGFx.js";import"./liveblocks-ivZsDCw2.js";import"./core-Ce1HnmCU.js";import"./recharts-J8hRG6fl.js";import"./lottie-solWV_WO.js";import"./analytics-hCfYtzJT.js";import"./lexical-Dk2CPrxk.js";import"./utils-DG8PAOHO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="08aa5a50-adf9-4eec-b589-4f9e4c438240",e._sentryDebugIdIdentifier="sentry-dbid-08aa5a50-adf9-4eec-b589-4f9e4c438240")}catch{}})();const St={progressBarWidth:new f(343,726)},jt=({pageIndex:e})=>{const i=Q(),a=Re(),s=_.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[s.stateOne,s.stateTwo,s.stateThree];return i==="small"?t.jsxs($t,{children:[t.jsx(lt,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx(Pt,{children:h.map((p,l)=>t.jsx(Dt,{isLast:l==h.length-1,isRelevant:l<=e,perSectionHeight:100/h.length,children:t.jsx(Le,{children:p})},l))})]}):t.jsxs(Ct,{windowSize:i,children:[t.jsx(ot,{coloredSectionCount:e,totalSections:2,barColor:a.colors.brandColorJade,isFrozen:!1}),t.jsx(It,{children:h.map((p,l)=>t.jsx(Tt,{stateIndex:l,isRelevant:l<=e,children:t.jsx(Le,{children:p})},p))})]})},Ct=d.div`
   display: flex;
   flex-direction: column;
   margin-top: ${n.sp3};
@@ -38,10 +38,10 @@ import{y as Be,J as Q,b as _,aa as et,aS as Fe,cI as tt,V as t,bE as it,ae as at
   position: relative;
   height: ${e=>`${e.perSectionHeight}%`};
   color: ${e=>e.isRelevant?e.theme.colors.primary:e.theme.colors.grey2};
-`,T={containerWidth:new f(343,580,726),labelWidth:new f(120,160,160),largeLabelWidth:new f(150,228,228),largeLabelPickerWidth:new f(100,180,180),paddingBottom:new f(u[3],u[2]),labelMarginLeftPicker:new f(u[3],u[4]),labelMarginRightPicker:new f(u[3],u[4]),labelMarginTopPicker:new f(u[2],u[2]),labeledFieldPaddingLeft:new f(u[0],u[0]),labeledFieldPaddingRight:new f(u[2],u[2]),labeledFieldPaddingTop:new f(u[2],u[2]),labeledFieldPaddingBottom:new f(u[2],u[2]),infoLabelPaddingRight:new f(u[0],u[3]),infoLabelMarginTop:new f(u[1],u[0])},R=(e,i)=>`${e}.${i}`,Ft=({sectionId:e,paymentDetails:i,allPaymentMethods:a,paymentToOptions:s,withdrawFromList:h,internationalVerificationStatus:p,fileProps:l,receiptFile:P,deleteFileStatusById:I,updateFileStatusById:x,onClickAddAccount:w})=>{const o=Q(),{spendManagement:F,dateFormat:y,common:C}=_.getLocalizedStrings(),$=F.billPay.billDetails,Z=y.visual.defaultInput,re=F.zeniAccounts.expressPay,de=C.documents,q=T.largeLabelWidth.value(o),[g,G]=J.useState(!1),H=a.filter(r=>r.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&r.method.includes(bt)===!1),A=r=>s.find(m=>m.id===r),L=r=>ze(A(r)),se=()=>{let r=[];return i?.paymentType?.method.includes("wire")===!0?r=s.filter(m=>!!m.bankRoutingNumberWireTransfer).map(m=>m.id):r=s.filter(m=>!!m.bankRoutingNumberAch).map(m=>m.id),r},ce=r=>{const m=A(r),j=_.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(fe,{children:[t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberAch??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.achDetails.bankAccountNumber}),t.jsx(E,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):i?.paymentType?.method.includes("wire")===!0?i.paymentType?.method.includes("international")===!0?t.jsx(fe,{children:m?.piLabels.map(U=>t.jsxs(W,{children:[t.jsxs(z,{children:[U.name,j.paymentDetails.colon]}),t.jsx(E,{children:U.value})]},U.name))}):t.jsxs(fe,{children:[t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberWireTransfer??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.wireDetails.accountNumber}),t.jsx(E,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):""};return t.jsxs(t.Fragment,{children:[t.jsx(At,{children:$.paymentDetailsTitle}),t.jsxs(Ot,{windowSize:o,children:[t.jsx(st,{label:{label:$.withdrawFrom,width:q,style:{marginLeft:T.labelMarginLeftPicker.valuePx(o),marginTop:T.labelMarginTopPicker.valuePx(o),marginRight:T.labelMarginRightPicker.valuePx(o),width:T.largeLabelPickerWidth.value(o)}},style:{paddingTop:T.labeledFieldPaddingTop.valuePx(o),paddingBottom:T.labeledFieldPaddingBottom.valuePx(o),paddingLeft:T.labeledFieldPaddingLeft.valuePx(o),paddingRight:T.labeledFieldPaddingRight.valuePx(o),border:"none",width:"auto",display:o==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:o==="small"?"left":"right",paddingRight:T.infoLabelPaddingRight.valuePx(o),marginTop:T.infoLabelMarginTop.valuePx(o)},singleSelectPickerField:{name:R(e,"withdrawFrom"),placeholder:Ae($.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(r,m)=>pt(h,r,m),valueToSubLabels:(r,m)=>ct(h,r,m,!1),defaultValue:{selectedOption:i?.withdrawFrom?.id,allOptions:h.map(r=>({label:r.label,value:r.id}))},textAlignment:"right",registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption}}}),t.jsx(Y,{}),t.jsx(mt,{showAdditionalInfoLabel:!1,label:{label:$.amount,width:q},formattedTextField:{type:"number",name:R(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:Ae($.amount),returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:r=>r!=null&&r!==0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,shouldHighlightZeroAmount:!0},style:{width:"auto"}}),t.jsx(Y,{}),t.jsx(ut,{label:{label:$.paymentMethod,width:T.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:R(e,"paymentMethod"),placeholder:$.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:H,isAdmin:!0,internationalVerificationStatus:p,registerOptions:{required:!0,validate:r=>r!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(Y,{}),t.jsx(ht,{label:{label:$.paymentDate,width:T.labelWidth.value(o)},style:{paddingBottom:T.paddingBottom.valuePx(o),width:"auto"},dateField:{name:R(e,"paymentDate"),placeholder:$.paymentDate,dateFormat:Z,autoComplete:"off",minDate:le(),registerOptions:{required:!0}}}),t.jsx(Y,{}),t.jsx(Re,{label:{label:$.paymentTo,width:q},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:R(e,"paymentTo"),placeholder:$.selectAccount,getTooltipInfo:ce,menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:w,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:L},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?se():[]},registerOptions:{required:!0,validate:r=>r?.selectedOption!=null}}}),t.jsx(Y,{}),t.jsx(vt,{name:R(e,"receipt"),sizeLimit:yt,deleteFileStatusById:I,updateFileStatusById:x,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:re.reciept,width:q},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:P,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:g,updateFilesEntity:l.updateFilesEntity,onEditFileName:l.onEditFileName,onDeleteFile:l.onDeleteFile,onFileSizeError:r=>G(r),isOptional:!0,style:P!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},R(e,"receipt")),P==null?t.jsx(kt,{windowSize:o,isError:g,children:de.formatDocumentText10MB}):null,t.jsx(Y,{})]})]})},At=d(be)`
+`,T={containerWidth:new f(343,580,726),labelWidth:new f(120,160,160),largeLabelWidth:new f(150,228,228),largeLabelPickerWidth:new f(100,180,180),paddingBottom:new f(u[3],u[2]),labelMarginLeftPicker:new f(u[3],u[4]),labelMarginRightPicker:new f(u[3],u[4]),labelMarginTopPicker:new f(u[2],u[2]),labeledFieldPaddingLeft:new f(u[0],u[0]),labeledFieldPaddingRight:new f(u[2],u[2]),labeledFieldPaddingTop:new f(u[2],u[2]),labeledFieldPaddingBottom:new f(u[2],u[2]),infoLabelPaddingRight:new f(u[0],u[3]),infoLabelMarginTop:new f(u[1],u[0])},V=(e,i)=>`${e}.${i}`,Ft=({sectionId:e,paymentDetails:i,allPaymentMethods:a,paymentToOptions:s,withdrawFromList:h,internationalVerificationStatus:p,fileProps:l,receiptFile:P,deleteFileStatusById:I,updateFileStatusById:b,onClickAddAccount:w})=>{const o=Q(),{spendManagement:F,dateFormat:y,common:C}=_.getLocalizedStrings(),$=F.billPay.billDetails,X=y.visual.defaultInput,re=F.zeniAccounts.expressPay,de=C.documents,H=T.largeLabelWidth.value(o),[g,Z]=U.useState(!1),Y=a.filter(r=>r.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&r.method.includes(xt)===!1),k=r=>s.find(m=>m.id===r),L=r=>ze(k(r)),se=()=>{let r=[];return i?.paymentType?.method.includes("wire")===!0?r=s.filter(m=>!!m.bankRoutingNumberWireTransfer).map(m=>m.id):r=s.filter(m=>!!m.bankRoutingNumberAch).map(m=>m.id),r},ce=r=>{const m=k(r),j=_.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(fe,{children:[t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberAch??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.achDetails.bankAccountNumber}),t.jsx(E,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):i?.paymentType?.method.includes("wire")===!0?i.paymentType?.method.includes("international")===!0?t.jsx(fe,{children:m?.piLabels.map(q=>t.jsxs(W,{children:[t.jsxs(z,{children:[q.name,j.paymentDetails.colon]}),t.jsx(E,{children:q.value})]},q.name))}):t.jsxs(fe,{children:[t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberWireTransfer??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??j.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(z,{children:j.vendorCreation.wireDetails.accountNumber}),t.jsx(E,{children:m?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):""};return t.jsxs(t.Fragment,{children:[t.jsx(kt,{children:$.paymentDetailsTitle}),t.jsxs(At,{windowSize:o,children:[t.jsx(st,{label:{label:$.withdrawFrom,width:H,style:{marginLeft:T.labelMarginLeftPicker.valuePx(o),marginTop:T.labelMarginTopPicker.valuePx(o),marginRight:T.labelMarginRightPicker.valuePx(o),width:T.largeLabelPickerWidth.value(o)}},style:{paddingTop:T.labeledFieldPaddingTop.valuePx(o),paddingBottom:T.labeledFieldPaddingBottom.valuePx(o),paddingLeft:T.labeledFieldPaddingLeft.valuePx(o),paddingRight:T.labeledFieldPaddingRight.valuePx(o),border:"none",width:"auto",display:o==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:o==="small"?"left":"right",paddingRight:T.infoLabelPaddingRight.valuePx(o),marginTop:T.infoLabelMarginTop.valuePx(o)},singleSelectPickerField:{name:V(e,"withdrawFrom"),placeholder:ke($.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(r,m)=>pt(h,r,m),valueToSubLabels:(r,m)=>ct(h,r,m,!1),defaultValue:{selectedOption:i?.withdrawFrom?.id,allOptions:h.map(r=>({label:r.label,value:r.id}))},textAlignment:"right",registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption}}}),t.jsx(J,{}),t.jsx(mt,{showAdditionalInfoLabel:!1,label:{label:$.amount,width:H},formattedTextField:{type:"number",name:V(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:ke($.amount),returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:r=>r!=null&&r!==0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,shouldHighlightZeroAmount:!0},style:{width:"auto"}}),t.jsx(J,{}),t.jsx(ut,{label:{label:$.paymentMethod,width:T.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:V(e,"paymentMethod"),placeholder:$.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:Y,isAdmin:!0,internationalVerificationStatus:p,registerOptions:{required:!0,validate:r=>r!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(J,{}),t.jsx(ht,{label:{label:$.paymentDate,width:T.labelWidth.value(o)},style:{paddingBottom:T.paddingBottom.valuePx(o),width:"auto"},dateField:{name:V(e,"paymentDate"),placeholder:$.paymentDate,dateFormat:X,autoComplete:"off",minDate:le(),registerOptions:{required:!0}}}),t.jsx(J,{}),t.jsx(Ve,{label:{label:$.paymentTo,width:H},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:V(e,"paymentTo"),placeholder:$.selectAccount,getTooltipInfo:ce,menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:w,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:L},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?se():[]},registerOptions:{required:!0,validate:r=>r?.selectedOption!=null}}}),t.jsx(J,{}),t.jsx(vt,{name:V(e,"receipt"),sizeLimit:yt,deleteFileStatusById:I,updateFileStatusById:b,filesEndPoint:l.filesEndPoint,authParams:l.authParams,label:{label:re.reciept,width:H},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:P,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:g,updateFilesEntity:l.updateFilesEntity,onEditFileName:l.onEditFileName,onDeleteFile:l.onDeleteFile,onFileSizeError:r=>Z(r),isOptional:!0,style:P!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},V(e,"receipt")),P==null?t.jsx(Ot,{windowSize:o,isError:g,children:de.formatDocumentText10MB}):null,t.jsx(J,{})]})]})},kt=d(xe)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${n.sp3};
-`,Ot=d.div`
+`,At=d.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -49,7 +49,7 @@ import{y as Be,J as Q,b as _,aa as et,aS as Fe,cI as tt,V as t,bE as it,ae as at
   box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${n.sp2};
   width: ${e=>T.containerWidth.valuePx(e.windowSize)};
-`,Y=d.div`
+`,J=d.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -73,19 +73,19 @@ import{y as Be,J as Q,b as _,aa as et,aS as Fe,cI as tt,V as t,bE as it,ae as at
   display: flex;
   justify-content: space-between;
   width: 100%;
-`,kt=d(xt)`
+`,Ot=d(bt)`
   padding: ${n.sp1} ${n.sp4};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${n.sp0} ${n.sp0} ${n.sp2} ${n.sp2};
   text-align: ${e=>e.windowSize==="small"?"initial":"right"};
   color: ${e=>e.isError?Ee.important:e.theme.colors.grey1};
-`,Lt={largeLabelWidth:new f(150,210,210)},ie=(e,i)=>`${e}.${i}`,Nt=({sectionId:e,vendorTypeList:i,formLocalData:a,vendorSearchAutoCompleteData:s,vendorSearchAutoCompleteActions:h})=>{const p=Q(),l=_.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,P=Lt.largeLabelWidth.value(p),I=J.useRef();J.useEffect(()=>{s?.entityAutoCompleteView.fetchState==="Completed"&&I.current?.(Mt(s?.entityAutoCompleteView))},[s?.entityAutoCompleteView.fetchState]);const x={vendorSearchAutoCompleteData:s,loadOptions:(y,C)=>{h?.onAutoCompleteInputChange?.(y,"vendor"),I.current=C}},w=x?.vendorSearchAutoCompleteData?.autoCompleteText!=null&&(x?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="In-Progress"||x?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="Not-Started"),o={defaultOptions:He(a?.vendorId,a?.vendorName,s?.entityAutoCompleteView),selectedOption:a?.vendorId??a?.vendorName??""},F={valueContainer:y=>({...y,padding:`2px ${p==="small"?n.sp2:n.sp3} !important`,overflow:"unset"}),singleValue:y=>({...y,margin:0}),placeholder:y=>({...y,fontWeight:"normal"})};return t.jsxs(t.Fragment,{children:[t.jsx(Vt,{children:l.recipientSectionTitle}),t.jsx(Bt,{children:t.jsxs(Rt,{children:[t.jsx(rt,{label:{label:l.recipientName,width:P},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ie(e,"recipient"),placeholder:p==="small"?l.placeholders.recipientNameMobile:l.placeholders.recipientName,valueToId:y=>y,defaultValue:{...o},style:{width:"100%"},customStyleConfig:F,registerOptions:{required:!0,validate:y=>y!=null&&!!y.selectedOption},loadOptions:x?.loadOptions,isOptionsLoading:w,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},ie(e,"recipient")),t.jsx(Ne,{}),t.jsx(Re,{label:{label:l.recipientType,width:P},singleSelectField:{singleSelect:{name:ie(e,"recipientType"),placeholder:l.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:y=>i.find(C=>C.code===y)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:a?.vendorType,allOptions:i.map(y=>y.code)},registerOptions:{required:!0,validate:y=>!!y.selectedOption}},isFunctional:!0}),t.jsx(Ne,{}),t.jsx(dt,{showAdditionalInfoLabel:!1,label:{label:l.recipientEmail,width:P},text:{type:"email",name:ie(e,"recipientEmail"),placeholder:l.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},He=(e,i,a)=>{if(e==null)return[];const s=a?.vendor?.find(h=>h.id===e);return s!=null||e!=null?[{label:s?.name??i??e??"",value:e??i??""}]:[]},Mt=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Vt=d(be)`
+`,Lt={largeLabelWidth:new f(150,210,210)},ie=(e,i)=>`${e}.${i}`,Nt=({sectionId:e,vendorTypeList:i,formLocalData:a,vendorSearchAutoCompleteData:s,vendorSearchAutoCompleteActions:h})=>{const p=Q(),l=_.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,P=Lt.largeLabelWidth.value(p),I=U.useRef();U.useEffect(()=>{s?.entityAutoCompleteView.fetchState==="Completed"&&I.current?.(Mt(s?.entityAutoCompleteView))},[s?.entityAutoCompleteView.fetchState]);const b={vendorSearchAutoCompleteData:s,loadOptions:(y,C)=>{h?.onAutoCompleteInputChange?.(y,"vendor"),I.current=C}},w=b?.vendorSearchAutoCompleteData?.autoCompleteText!=null&&(b?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="In-Progress"||b?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="Not-Started"),o={defaultOptions:Ye(a?.vendorId,a?.vendorName,s?.entityAutoCompleteView),selectedOption:a?.vendorId??a?.vendorName??""},F={valueContainer:y=>({...y,padding:`2px ${p==="small"?n.sp2:n.sp3} !important`,overflow:"unset"}),singleValue:y=>({...y,margin:0}),placeholder:y=>({...y,fontWeight:"normal"})};return t.jsxs(t.Fragment,{children:[t.jsx(Bt,{children:l.recipientSectionTitle}),t.jsx(Rt,{children:t.jsxs(Vt,{children:[t.jsx(rt,{label:{label:l.recipientName,width:P},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ie(e,"recipient"),placeholder:p==="small"?l.placeholders.recipientNameMobile:l.placeholders.recipientName,valueToId:y=>y,defaultValue:{...o},style:{width:"100%"},customStyleConfig:F,registerOptions:{required:!0,validate:y=>y!=null&&!!y.selectedOption},loadOptions:b?.loadOptions,isOptionsLoading:w,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},ie(e,"recipient")),t.jsx(Ne,{}),t.jsx(Ve,{label:{label:l.recipientType,width:P},singleSelectField:{singleSelect:{name:ie(e,"recipientType"),placeholder:l.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:y=>i.find(C=>C.code===y)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:a?.vendorType,allOptions:i.map(y=>y.code)},registerOptions:{required:!0,validate:y=>!!y.selectedOption}},isFunctional:!0}),t.jsx(Ne,{}),t.jsx(dt,{showAdditionalInfoLabel:!1,label:{label:l.recipientEmail,width:P},text:{type:"email",name:ie(e,"recipientEmail"),placeholder:l.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},Ye=(e,i,a)=>{if(e==null)return[];const s=a?.vendor?.find(h=>h.id===e);return s!=null||e!=null?[{label:s?.name??i??e??"",value:e??i??""}]:[]},Mt=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Bt=d(xe)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${n.sp3};
-`,Bt=d.div`
+`,Rt=d.div`
   display: flex;
   flex-direction: column;
-`,Rt=d.div`
+`,Vt=d.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -98,7 +98,7 @@ import{y as Be,J as Q,b as _,aa as et,aS as Fe,cI as tt,V as t,bE as it,ae as at
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,oe={containerWidth:new f(343,580,726),largeLabelWidth:new f(150,215,215),reviewContainerMarginLeft:new f(u[3],u[6]),reviewContainerMarginRight:new f(u[3],u[8])},zt=({vendorName:e,reviewDetails:i,paymentToOptions:a,style:s})=>{const h=Q(),p=oe.largeLabelWidth.value(h),{billPay:l}=_.getLocalizedStrings().spendManagement,{dateFormat:P,common:I}=_.getLocalizedStrings(),x=l.billDetails,w=i?.paymentType,o=P.visual.MMMDCommaYYYYformat,F={amount:i?.amount?.amount??0,currencyCode:I.currency.currencyCode,currencySymbol:I.currency.currencySymbol},y=ze(a.find(Z=>Z.id===i?.paymentToAccountId)),C=i?.paymentDate,$=Oe(w?.method??"");return t.jsx(Ut,{children:t.jsxs(Yt,{windowSize:h,style:s,children:[t.jsxs(Zt,{children:[t.jsx(ae,{children:x.pay}),t.jsx(ae,{children:t.jsx(ke,{amount:F,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ae,{children:x.to}),t.jsx(ae,{children:e})]}),t.jsxs(Jt,{windowSize:h,children:[t.jsx(te,{label:{label:x.withdrawFrom,width:p},style:{width:"auto",gap:u[3]},value:i?.withdrawFrom!=null?gt(i.withdrawFrom,h):I.strings.empty}),t.jsx(xe,{}),t.jsx(te,{label:{label:x.paymentMethod,width:p},style:{width:"auto"},value:Oe(w?.method??"")}),t.jsx(xe,{}),C!=null?t.jsxs(t.Fragment,{children:[t.jsx(te,{label:{label:x.paymentDate,width:p},style:{width:"auto"},value:C.format(o),additionalInfoLabel:`${x.estimatedArrival}${_e(qe(C.toDate(),[0,6],w?.maxPeriod.value??0).toDateString()).format(o)} - (${$.length>0?`${$} `:""}${x.deliveryTimeLabel} = ${w?.maxPeriod.value??"0"} ${x.deliveryTimeUnits})`}),t.jsx(xe,{})]}):null,t.jsx(te,{label:{label:x.paymentTo,width:p},style:{width:"auto"},value:y??""})]}),t.jsx(Wt,{children:t.jsxs(_t,{windowSize:h,children:[t.jsx(qt,{children:t.jsx(Et,{children:l.paymentDetails.total})}),t.jsx(Ht,{children:t.jsx(ke,{amount:wt(F.amount,F.currencyCode,F.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},Et=d.div``,Wt=d.div`
+`,oe={containerWidth:new f(343,580,726),largeLabelWidth:new f(150,215,215),reviewContainerMarginLeft:new f(u[3],u[6]),reviewContainerMarginRight:new f(u[3],u[8])},zt=({vendorName:e,reviewDetails:i,paymentToOptions:a,style:s})=>{const h=Q(),p=oe.largeLabelWidth.value(h),{billPay:l}=_.getLocalizedStrings().spendManagement,{dateFormat:P,common:I}=_.getLocalizedStrings(),b=l.billDetails,w=i?.paymentType,o=P.visual.MMMDCommaYYYYformat,F={amount:i?.amount?.amount??0,currencyCode:I.currency.currencyCode,currencySymbol:I.currency.currencySymbol},y=ze(a.find(X=>X.id===i?.paymentToAccountId)),C=i?.paymentDate,$=Ae(w?.method??"");return t.jsx(qt,{children:t.jsxs(Jt,{windowSize:h,style:s,children:[t.jsxs(Xt,{children:[t.jsx(ae,{children:b.pay}),t.jsx(ae,{children:t.jsx(Oe,{amount:F,integerStyles:ge.largeSemiBold.cssObject})}),t.jsx(ae,{children:b.to}),t.jsx(ae,{children:e})]}),t.jsxs(Ut,{windowSize:h,children:[t.jsx(te,{label:{label:b.withdrawFrom,width:p},style:{width:"auto",gap:u[3]},value:i?.withdrawFrom!=null?gt(i.withdrawFrom,h):I.strings.empty}),t.jsx(be,{}),t.jsx(te,{label:{label:b.paymentMethod,width:p},style:{width:"auto"},value:Ae(w?.method??"")}),t.jsx(be,{}),C!=null?t.jsxs(t.Fragment,{children:[t.jsx(te,{label:{label:b.paymentDate,width:p},style:{width:"auto"},value:C.format(o),additionalInfoLabel:`${b.estimatedArrival}${_e(He(C.toDate(),[0,6],w?.maxPeriod.value??0).toDateString()).format(o)} - (${$.length>0?`${$} `:""}${b.deliveryTimeLabel} = ${w?.maxPeriod.value??"0"} ${b.deliveryTimeUnits})`}),t.jsx(be,{})]}):null,t.jsx(te,{label:{label:b.paymentTo,width:p},style:{width:"auto"},value:y??""})]}),t.jsx(Wt,{children:t.jsxs(_t,{windowSize:h,children:[t.jsx(Ht,{children:t.jsx(Et,{children:l.paymentDetails.total})}),t.jsx(Yt,{children:t.jsx(Oe,{amount:wt(F.amount,F.currencyCode,F.currencySymbol),integerStyles:ge.h6Medium.cssObject,decimalStyles:ge.standardMedium.cssObject})})]})})]})})},Et=d.div``,Wt=d.div`
   display: flex;
   width: 100%;
   box-sizing: border-box;
@@ -113,29 +113,29 @@ import{y as Be,J as Q,b as _,aa as et,aS as Fe,cI as tt,V as t,bE as it,ae as at
   border-radius: ${n.sp2};
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${n.sp2};
-`,qt=d(We)`
+`,Ht=d(We)`
   gap: ${n.sp1};
   display: flex;
   width: 100%;
   color: ${e=>e.theme.colors.primary};
   align-items: center;
-`,Ht=d(We)`
+`,Yt=d(We)`
   display: flex;
   width: calc(100% - 176px);
   justify-content: flex-end;
   color: ${e=>e.theme.colors.primary};
-`,Ut=d.div`
+`,qt=d.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
-`,Yt=d.div`
+`,Jt=d.div`
   display: flex;
   flex-grow: 1;
   flex-direction: column;
   margin-left: ${e=>oe.reviewContainerMarginLeft.valuePx(e.windowSize)};
   margin-right: ${e=>oe.reviewContainerMarginRight.valuePx(e.windowSize)};
-`,Jt=d.div`
+`,Ut=d.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -145,19 +145,19 @@ import{y as Be,J as Q,b as _,aa as et,aS as Fe,cI as tt,V as t,bE as it,ae as at
   margin-bottom: ${n.sp3};
   margin-top: ${n.sp3};
   width: ${e=>oe.containerWidth.valuePx(e.windowSize)};
-`,xe=d.div`
+`,be=d.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Zt=d.div`
+`,Xt=d.div`
   display: flex;
-`,ae=d(be)`
+`,ae=d(xe)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
   margin-right: ${n.sp1};
-`,Me="expressPayPage",Gt=e=>`${e}_form`,k="recipientDetails",D="paymentDetails",ne={buttonWidth:new f(160,140),largeButtonWidth:new f(166,166)},mi=({expressPayDetails:e,fileProps:i,analytics:a,accountId:s,onClickAddAccount:h,onSaveVendor:p,onVendorSelected:l,updateSelectedVendorForCreate:P,onBackClick:I,saveVendorDetailLocalData:x,saveExpressPayLocalData:w,resetVendorSaveStatus:o,onSchedulePayment:F,initializeVendorAddress:y,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$,onEditFileName:Z,onDeleteFile:re,updateFilesEntity:de})=>{const{vendorViewDetails:q,expressPayLocalData:g,vendorTypeList:G,allPaymentMethods:H,paymentToOptions:A,withdrawFromList:L,internationalWireOnboardingStatus:se,deleteFileStatusById:ce,updateFileStatusById:r,submitStatus:m,receiptFile:j,vendorSaveStatus:U}=e,[v,X]=J.useState(0),Ue=Be(),K=Q(),{common:we,spendManagement:Ye}=_.getLocalizedStrings(),pe=we.footer,ve=we.currency,me=Ye.zeniAccounts.expressPay,{editVendorState:Se,newVendorState:je}=q,N=g?.vendorId!=null?Se?.vendorDetailLocalData:je?.vendorDetailLocalData,Ce=Object.assign({},Se??je),Je=N?.vendorName,$e=L.find(c=>c.id===s),ee=et({mode:"onBlur",reValidateMode:"onChange",defaultValues:Ve(G,L,A,$e,H,N,g,j,C?.entityAutoCompleteView),values:Ve(G,L,A,$e,H,N,g,j,C?.entityAutoCompleteView)}),Ie=Fe(Ce.saveStatus?.fetchState),Te=Fe(m);J.useEffect(()=>{const c=ee.watch((S,{name:b})=>{b!=null&&S!=null&&tt(()=>Ze(b,S))});return()=>{c.unsubscribe()}}),J.useEffect(()=>{Ie==="In-Progress"&&U==="Completed"&&(v===0?(X(1),o?.(g?.vendorId)):v===1&&X(2)),Te==="In-Progress"&&m==="Completed"&&I(g?.vendorId)},[Ie,U,v,o,g?.vendorId,Te,m,I]);const Ze=async(c,S)=>{if(c!=="recipientDetails.recipientEmail")if(c==="recipientDetails.recipient"){const b=S[k].recipient.selectedOption,O=C?.entityAutoCompleteView.vendor.find(M=>M.zeniId===b);Ge(S),y(),N?.vendorId!==b&&O!=null&&(l?.(b),he(S,!1,A,b))}else if(c.includes("recipient"))ue(S);else{const b=S[D].paymentMethod?.method,O=g?.paymentType?.method,M=b!=null&&O!=null&&(b.toLowerCase().includes("ach")&&O.toLowerCase().includes("wire")||b.toLowerCase().includes("wire")&&O.toLowerCase().includes("ach"));he(S,M,A,g?.vendorId)}},Ge=c=>{const S=c[k].recipient.selectedOption,b=C?.entityAutoCompleteView.vendor.find(O=>O.id===S)!=null;if(S!=null&&b===!0){P?.(S),he(c,!1,A,S);return}ue(c,!0)},ue=(c,S)=>{const b=N?.vendorId,O=C?.entityAutoCompleteView.vendor.find(ye=>ye.zeniId===b)!=null,M=Kt(c,O===!0?b:void 0,N,S);x?.(M,b)},he=(c,S,b,O)=>{const M=(()=>{let V=[];return c[D].paymentMethod?.method.includes("wire")===!0?V=b.filter(B=>!!B.bankRoutingNumberWireTransfer).map(B=>B.id):V=b.filter(B=>!!B.bankRoutingNumberAch).map(B=>B.id),V})(),ye=b.find(V=>V.id===c[D]?.paymentTo?.selectedOption),Xe={vendorId:O,amount:{amount:c[D].amount,currencyCode:ve.currencyCode,currencySymbol:ve.currencySymbol},paymentDate:c[D].paymentDate?_e(c[D].paymentDate.toString()):le(),paymentType:c[D]?.paymentMethod!=null?c[D]?.paymentMethod:void 0,paymentToAccountId:S?M[0]:ye?.id,withdrawFrom:L.find(V=>V.id===c[D]?.withdrawFrom?.selectedOption),receiptFileId:c[D].receipt?.fileId};w?.(Xe)},Pe=ee.handleSubmit(()=>{if(v===0||v===1){a.trackExpressPayNextClick(v===0?"Recipient Details":"Payment Details");const c=ee.getValues();ue(c),p(g?.vendorId)}else a.trackExpressPayScheduleClick(),F()}),Ke=()=>{v===2?X(1):I(g?.vendorId)},Qe=()=>{v===0?I(g?.vendorId):X(v===1?0:1)},De={withdrawFrom:g?.withdrawFrom,paymentTo:g?.paymentToAccountId!=null?A.find(c=>c.id===g?.paymentToAccountId):void 0,paymentDate:g?.paymentDate,paymentType:g?.paymentType??H?.[0],recipientAmount:g?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(it,{title:me.pageTitle,onBackClick:Qe,backgroundColor:Ue.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Qt,{windowSize:K,children:[t.jsx(jt,{pageIndex:v}),t.jsx(at,{...ee,children:t.jsx("form",{id:Me,onSubmit:Pe,children:v===0?t.jsx(Nt,{sectionId:k,vendorTypeList:G,formLocalData:N,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$}):v===1?t.jsx(Ft,{sectionId:D,paymentDetails:De,paymentToOptions:A,allPaymentMethods:H,withdrawFromList:L,internationalVerificationStatus:se,fileProps:{...i,onEditFileName:Z,onDeleteFile:re,updateFilesEntity:de},deleteFileStatusById:ce,updateFileStatusById:r,receiptFile:j,onClickAddAccount:()=>{const c=De?.paymentType;c!=null&&h(c)}}):v===2?t.jsx(zt,{reviewDetails:g,paymentToOptions:A,vendorName:Je}):null})})]}),t.jsx(nt,{formId:Gt(Me),style:{width:"100%"},primaryBtn:{label:v===2?le().isSame(g?.paymentDate,"date")?me.sendMoney:me.schedulePayment:pe.next,isLoading:v===0||v===1?Ce.saveStatus?.fetchState==="In-Progress":m==="In-Progress",style:{width:v===2?ne.largeButtonWidth.value(K):ne.buttonWidth.value(K),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Pe()}},cancelBtn:{label:v===2?pe.edit:pe.cancel,style:{width:v===2?ne.largeButtonWidth.value(K):ne.buttonWidth.value(K),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:Ke}})]})},Ve=(e,i,a,s,h,p,l,P,I)=>{const x=(()=>{let w=[];return l?.paymentType?.method.includes("wire")===!0?w=a.filter(o=>!!o.bankRoutingNumberWireTransfer).map(o=>o.id):w=a.filter(o=>!!o.bankRoutingNumberAch).map(o=>o.id),w})();return{[k]:{recipient:{defaultOptions:He(p?.vendorId,p?.vendorName,I),selectedOption:p?.vendorId??p?.vendorName??""},recipientEmail:p?.contacts?.[0]?.email??"",recipientName:p?.vendorName??"",recipientType:{allOptions:e.map(w=>w.code),selectedOption:p?.vendorType}},[D]:{paymentMethod:l?.paymentType??h?.[0],withdrawFrom:{selectedOption:l?.withdrawFrom?.id??s?.id??i[0]?.id,allOptions:i.map(w=>({label:w.label,value:w.id}))},amount:l?.amount.amount??0,paymentDate:l?.paymentDate?.toDate()??qe(le().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?x:[],selectedOption:l?.paymentToAccountId??x[0]},receipt:P}}};function Kt(e,i,a,s){const h=e[k].recipient.defaultOptions.find(p=>p.value===e[k].recipient.selectedOption);return{vendorType:s===!0?void 0:e[k].recipientType.selectedOption,vendorId:i,vendorName:h?.label??a?.vendorName,contacts:s===!0?[]:[{fullName:"",email:e[k].recipientEmail,phone:""}],bankAccountIds:s===!0?[]:a?.bankAccountIds??[],paymentInstrumentIds:s===!0?[]:a?.paymentInstrumentIds??[],vendorOwner:s===!0?void 0:a?.vendorOwner,isVendor1099:a?.isVendor1099,documentIds:a?.documentIds??[],fileIdsToBeDeleted:a?.fileIdsToBeDeleted??[],countryCode:s===!0?void 0:a?.countryCode,currencyCode:a?.currencyCode,currencySymbol:s===!0?void 0:a?.currencySymbol,deleteFileStatusById:a?.deleteFileStatusById??{},updateFileStatusById:a?.updateFileStatusById??{},recommendedCategory:a?.recommendedCategory,recommendedClass:a?.recommendedClass,isCategoryUpdateSelected:a?.isCategoryUpdateSelected??!1,isClassUpdateSelected:a?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:a?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:a?.isClassRecommendationPrefilled??!0}}const Qt=d.div`
+`,Me="expressPayPage",Zt=e=>`${e}_form`,O="recipientDetails",D="paymentDetails",ne={buttonWidth:new f(160,140),largeButtonWidth:new f(166,166)},mi=({expressPayDetails:e,fileProps:i,analytics:a,accountId:s,onClickAddAccount:h,onSaveVendor:p,onVendorSelected:l,updateSelectedVendorForCreate:P,onBackClick:I,saveVendorDetailLocalData:b,saveExpressPayLocalData:w,resetVendorSaveStatus:o,onSchedulePayment:F,initializeVendorAddress:y,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$,onEditFileName:X,onDeleteFile:re,updateFilesEntity:de})=>{const{vendorViewDetails:H,expressPayLocalData:g,vendorTypeList:Z,allPaymentMethods:Y,paymentToOptions:k,withdrawFromList:L,internationalWireOnboardingStatus:se,deleteFileStatusById:ce,updateFileStatusById:r,submitStatus:m,receiptFile:j,vendorSaveStatus:q}=e,[v,K]=U.useState(0),qe=Re(),G=Q(),{common:we,spendManagement:Je}=_.getLocalizedStrings(),pe=we.footer,ve=we.currency,me=Je.zeniAccounts.expressPay,{editVendorState:Se,newVendorState:je}=H,N=g?.vendorId!=null?Se?.vendorDetailLocalData:je?.vendorDetailLocalData,Ce=Object.assign({},Se??je),Ue=N?.vendorName,$e=L.find(c=>c.id===s),ee=et({mode:"onBlur",reValidateMode:"onChange",defaultValues:Be(Z,L,k,$e,Y,N,g,j,C?.entityAutoCompleteView),values:Be(Z,L,k,$e,Y,N,g,j,C?.entityAutoCompleteView)}),Ie=Fe(Ce.saveStatus?.fetchState),Te=Fe(m);U.useEffect(()=>{const c=ee.watch((S,{name:x})=>{x!=null&&S!=null&&tt(()=>Xe(x,S))});return()=>{c.unsubscribe()}}),U.useEffect(()=>{Ie==="In-Progress"&&q==="Completed"&&(v===0?(K(1),o?.(g?.vendorId)):v===1&&K(2)),Te==="In-Progress"&&m==="Completed"&&I(g?.vendorId)},[Ie,q,v,o,g?.vendorId,Te,m,I]);const Xe=async(c,S)=>{if(c!=="recipientDetails.recipientEmail")if(c==="recipientDetails.recipient"){const x=S[O].recipient.selectedOption,A=C?.entityAutoCompleteView.vendor.find(M=>M.zeniId===x);Ze(S),y(),N?.vendorId!==x&&A!=null&&(l?.(x),he(S,!1,k,x))}else if(c.includes("recipient"))ue(S);else{const x=S[D].paymentMethod?.method,A=g?.paymentType?.method,M=x!=null&&A!=null&&(x.toLowerCase().includes("ach")&&A.toLowerCase().includes("wire")||x.toLowerCase().includes("wire")&&A.toLowerCase().includes("ach"));he(S,M,k,g?.vendorId)}},Ze=c=>{const S=c[O].recipient.selectedOption,x=C?.entityAutoCompleteView.vendor.find(A=>A.id===S)!=null;if(S!=null&&x===!0){P?.(S),he(c,!1,k,S);return}ue(c,!0)},ue=(c,S)=>{const x=N?.vendorId,A=C?.entityAutoCompleteView.vendor.find(ye=>ye.zeniId===x)!=null,M=Gt(c,A===!0?x:void 0,N,S);b?.(M,x)},he=(c,S,x,A)=>{const M=(()=>{let B=[];return c[D].paymentMethod?.method.includes("wire")===!0?B=x.filter(R=>!!R.bankRoutingNumberWireTransfer).map(R=>R.id):B=x.filter(R=>!!R.bankRoutingNumberAch).map(R=>R.id),B})(),ye=x.find(B=>B.id===c[D]?.paymentTo?.selectedOption),Ke={vendorId:A,amount:{amount:c[D].amount,currencyCode:ve.currencyCode,currencySymbol:ve.currencySymbol},paymentDate:c[D].paymentDate?_e(c[D].paymentDate.toString()):le(),paymentType:c[D]?.paymentMethod!=null?c[D]?.paymentMethod:void 0,paymentToAccountId:S?M[0]:ye?.id,withdrawFrom:L.find(B=>B.id===c[D]?.withdrawFrom?.selectedOption),receiptFileId:c[D].receipt?.fileId};w?.(Ke)},Pe=ee.handleSubmit(()=>{if(v===0||v===1){a.trackExpressPayNextClick(v===0?"Recipient Details":"Payment Details");const c=ee.getValues();ue(c),p(g?.vendorId)}else a.trackExpressPayScheduleClick(),F()}),Ge=()=>{v===2?K(1):I(g?.vendorId)},Qe=()=>{v===0?I(g?.vendorId):K(v===1?0:1)},De={withdrawFrom:g?.withdrawFrom,paymentTo:g?.paymentToAccountId!=null?k.find(c=>c.id===g?.paymentToAccountId):void 0,paymentDate:g?.paymentDate,paymentType:g?.paymentType??Y?.[0],recipientAmount:g?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(it,{title:me.pageTitle,onBackClick:Qe,backgroundColor:qe.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Qt,{windowSize:G,children:[t.jsx(jt,{pageIndex:v}),t.jsx(at,{...ee,children:t.jsx("form",{id:Me,onSubmit:Pe,children:v===0?t.jsx(Nt,{sectionId:O,vendorTypeList:Z,formLocalData:N,vendorSearchAutoCompleteData:C,vendorSearchAutoCompleteActions:$}):v===1?t.jsx(Ft,{sectionId:D,paymentDetails:De,paymentToOptions:k,allPaymentMethods:Y,withdrawFromList:L,internationalVerificationStatus:se,fileProps:{...i,onEditFileName:X,onDeleteFile:re,updateFilesEntity:de},deleteFileStatusById:ce,updateFileStatusById:r,receiptFile:j,onClickAddAccount:()=>{const c=De?.paymentType;c!=null&&h(c)}}):v===2?t.jsx(zt,{reviewDetails:g,paymentToOptions:k,vendorName:Ue}):null})})]}),t.jsx(nt,{formId:Zt(Me),style:{width:"100%"},primaryBtn:{label:v===2?le().isSame(g?.paymentDate,"date")?me.sendMoney:me.schedulePayment:pe.next,isLoading:v===0||v===1?Ce.saveStatus?.fetchState==="In-Progress":m==="In-Progress",style:{width:v===2?ne.largeButtonWidth.value(G):ne.buttonWidth.value(G),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Pe()}},cancelBtn:{label:v===2?pe.edit:pe.cancel,style:{width:v===2?ne.largeButtonWidth.value(G):ne.buttonWidth.value(G),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:Ge}})]})},Be=(e,i,a,s,h,p,l,P,I)=>{const b=(()=>{let w=[];return l?.paymentType?.method.includes("wire")===!0?w=a.filter(o=>!!o.bankRoutingNumberWireTransfer).map(o=>o.id):w=a.filter(o=>!!o.bankRoutingNumberAch).map(o=>o.id),w})();return{[O]:{recipient:{defaultOptions:Ye(p?.vendorId,p?.vendorName,I),selectedOption:p?.vendorId??p?.vendorName??""},recipientEmail:p?.contacts?.[0]?.email??"",recipientName:p?.vendorName??"",recipientType:{allOptions:e.map(w=>w.code),selectedOption:p?.vendorType}},[D]:{paymentMethod:l?.paymentType??h?.[0],withdrawFrom:{selectedOption:l?.withdrawFrom?.id??s?.id??i[0]?.id,allOptions:i.map(w=>({label:w.label,value:w.id}))},amount:l?.amount.amount??0,paymentDate:l?.paymentDate?.toDate()??He(le().toDate(),[0,6],0),paymentTo:{allOptions:l?.paymentType!=null?b:[],selectedOption:l?.paymentToAccountId??b[0]},receipt:P}}};function Gt(e,i,a,s){const h=e[O].recipient.defaultOptions.find(p=>p.value===e[O].recipient.selectedOption);return{vendorType:s===!0?void 0:e[O].recipientType.selectedOption,vendorId:i,vendorName:h?.label??a?.vendorName,contacts:s===!0?[]:[{fullName:"",email:e[O].recipientEmail,phone:""}],bankAccountIds:s===!0?[]:a?.bankAccountIds??[],paymentInstrumentIds:s===!0?[]:a?.paymentInstrumentIds??[],vendorOwner:s===!0?void 0:a?.vendorOwner,isVendor1099:a?.isVendor1099,documentIds:a?.documentIds??[],fileIdsToBeDeleted:a?.fileIdsToBeDeleted??[],countryCode:s===!0?void 0:a?.countryCode,currencyCode:a?.currencyCode,currencySymbol:s===!0?void 0:a?.currencySymbol,deleteFileStatusById:a?.deleteFileStatusById??{},updateFileStatusById:a?.updateFileStatusById??{},recommendedCategory:a?.recommendedCategory,recommendedClass:a?.recommendedClass,isCategoryUpdateSelected:a?.isCategoryUpdateSelected??!1,isClassUpdateSelected:a?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:a?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:a?.isClassRecommendationPrefilled??!0}}const Qt=d.div`
   display: flex;
   flex-wrap: wrap;
   height: 100%;
@@ -165,4 +165,4 @@ import{y as Be,J as Q,b as _,aa as et,aS as Fe,cI as tt,V as t,bE as it,ae as at
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
   margin-top: ${e=>e.windowSize==="small"?n.sp3:0};
-`;export{mi as default,Gt as formUniqueName};
+`;export{mi as default,Zt as formUniqueName};

package/dist/assets/{FeaturePreviewPage-ezX4YJ8n-DZlh_My6.js → FeaturePreviewPage-DkiAajs2-DbJCCTbJ.js}

@@ -1,11 +1,11 @@
-import{y as _,J as w,b as y,aX as n,p as r,V as i,cs as v,x as p,ct as k,cu as x,u as g}from"./index-CGTxoCJp.js";import{n as d}from"./mui-CD7xFf2d.js";import"./sentry-CuNQ_GI9.js";import"./liveblocks-Dn-9djA8.js";import"./core-CDOHNO2G.js";import"./recharts-CeYsUNdm.js";import"./zeni-epic-state-BJYsNVul.js";import"./lottie-BYfhMHcn.js";import"./analytics-BTo2lvc5.js";import"./lexical-BeF2ZgkW.js";import"./utils-i_tuliLj.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="13ff9029-549d-46f9-9094-4c3826388984",e._sentryDebugIdIdentifier="sentry-dbid-13ff9029-549d-46f9-9094-4c3826388984")}catch{}})();const t={popupWidth:new p(200,468,468,468),buttonWidth:new p(140,160,160,160),popupContainerLeft:new p(g[0],g[0],255),popupContainerWidth:new p(100,100,85)},z=d.div`
+import{d as _,J as y,F as w,aW as n,p as r,V as i,cq as v,y as p,cr as k,cs as x,u as g}from"./index-CbBDw148.js";import{n as d}from"./mui-BLUOobNq.js";import"./sentry-ClS5bwGc.js";import"./liveblocks-ivZsDCw2.js";import"./core-Ce1HnmCU.js";import"./recharts-J8hRG6fl.js";import"./zeni-epic-state-W0HMFHDj.js";import"./lottie-solWV_WO.js";import"./analytics-hCfYtzJT.js";import"./lexical-Dk2CPrxk.js";import"./utils-DG8PAOHO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="d996ee82-c7e0-4284-91f0-a464d191cb54",e._sentryDebugIdIdentifier="sentry-dbid-d996ee82-c7e0-4284-91f0-a464d191cb54")}catch{}})();const t={popupWidth:new p(200,468,468,468),buttonWidth:new p(140,160,160,160),popupContainerLeft:new p(g[0],g[0],255),popupContainerWidth:new p(100,100,85)},z=d.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
   width: 100%;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-`,C=d.img`
+`,W=d.img`
   width: 100%;
   height: 100%;
-`,W={mobile:{home:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-mobile",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-mobile",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-mobile",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-mobile",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-mobile",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-mobile",users_and_roles:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_settings:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_cfo:"",command_center:"",task_checklist:"",transaction_categorization:"",je_schedules:"",missing_receipts:"",flux_analysis:"",reconciliation:""},normal:{home:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-normal",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-normal",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-normal",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-normal",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-normal",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-normal",users_and_roles:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_settings:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_cfo:"",command_center:"",task_checklist:"",transaction_categorization:"",je_schedules:"",missing_receipts:"",flux_analysis:"",reconciliation:""}};function O({menuItem:e,onDemoClick:s,onGoBack:m}){const a=_(),o=w(),u=`${W[o==="small"?"mobile":"normal"][e]}-${a.mode}.png`,{featurePreview:c}=y.getLocalizedStrings(),l=c.popups[e],h=a.mode==="light"?new n(r.backgroundGradient1Light):new n(r.backgroundGradient1Dark),b=a.mode==="light"?new n(r.backgroundGradient2Light):new n(r.backgroundGradient2Dark),f={onOkClick:()=>{s()},onCancelClick:()=>{m()}};return i.jsxs(z,{children:[i.jsx(C,{src:u,alt:"feature-preview",loading:"lazy"}),i.jsx(v,{titleComponent:i.jsx(x,{children:l.title}),descriptionComponent:i.jsx(k,{children:l.text}),primaryButtonText:c.scheduleDemo,secondaryButtonText:c.goBack,action:f,primaryButtonWidth:t.buttonWidth.value(o),secondaryButtonWidth:t.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${h} 0%, ${b} 100%)`,backdropFilter:"blur(2px)",width:t.popupContainerWidth.valuePercentage(o),left:t.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${a.colors.grey1}`,minWidth:t.popupWidth.valuePx(o)}})]})}export{O as default};
+`,C={mobile:{home:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-mobile",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-mobile",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-mobile",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-mobile",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-mobile",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-mobile",users_and_roles:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_settings:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_cfo:"",command_center:"",task_checklist:"",transaction_categorization:"",je_schedules:"",missing_receipts:"",flux_analysis:"",reconciliation:""},normal:{home:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dashboard-view-normal",reports:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reports-view-normal",forecast:"https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-view-normal",bills:"https://storage.googleapis.com/zeni-apis.appspot.com/images/bills-view-normal",reimbursements:"https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-view-normal",vendors:"https://storage.googleapis.com/zeni-apis.appspot.com/images/vendors-view-normal",users_and_roles:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_settings:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_cfo:"",command_center:"",task_checklist:"",transaction_categorization:"",je_schedules:"",missing_receipts:"",flux_analysis:"",reconciliation:""}};function V({menuItem:e,onDemoClick:s,onGoBack:m}){const a=_(),o=y(),u=`${C[o==="small"?"mobile":"normal"][e]}-${a.mode}.png`,{featurePreview:c}=w.getLocalizedStrings(),l=c.popups[e],h=a.mode==="light"?new n(r.backgroundGradient1Light):new n(r.backgroundGradient1Dark),b=a.mode==="light"?new n(r.backgroundGradient2Light):new n(r.backgroundGradient2Dark),f={onOkClick:()=>{s()},onCancelClick:()=>{m()}};return i.jsxs(z,{children:[i.jsx(W,{src:u,alt:"feature-preview",loading:"lazy"}),i.jsx(v,{titleComponent:i.jsx(x,{children:l.title}),descriptionComponent:i.jsx(k,{children:l.text}),primaryButtonText:c.scheduleDemo,secondaryButtonText:c.goBack,action:f,primaryButtonWidth:t.buttonWidth.value(o),secondaryButtonWidth:t.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${h} 0%, ${b} 100%)`,backdropFilter:"blur(2px)",width:t.popupContainerWidth.valuePercentage(o),left:t.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${a.colors.grey1}`,minWidth:t.popupWidth.valuePx(o)}})]})}export{V as default};

package/dist/assets/{FollowStepsSection-BCWwwk1I-Dr0Igucn.js → FollowStepsSection-GaWu1kt9-BRvlMtUk.js}

@@ -1,4 +1,4 @@
-import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as i,ac as M,eq as ce,aG as le,gd as pe,ge as ue,a as he,p as u,u as g,gK as ge,d1 as be,eH as ye,aq as ve,bJ as we,w as W,dp as $e,bK as fe,bI as ke}from"./index-CGTxoCJp.js";import{n as d}from"./mui-CD7xFf2d.js";import{a as V}from"./sentry-CuNQ_GI9.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="164611df-4174-4829-92a3-7758212ef6b1",e._sentryDebugIdIdentifier="sentry-dbid-164611df-4174-4829-92a3-7758212ef6b1")}catch{}})();const v={width:new L(343,580,726),height:new L(g[6],g[6]),controlHeight:new L(g[6],g[6]),paddingLeftRight:new L(g[3],g[4]),paddingTop:new L(g[3],g[3]),paddingBottom:new L(g[3],g[2]),labelMarginRight:new L(g[3],g[4])};function je({isDisabled:e,label:s,firstText:t,secondText:p,style:$,isFieldError:k}){const f=H(),{formState:{errors:j}}=q(),m=G(j,t.name),T=G(j,p.name),r=ee();return l.jsxs(Te,{size:f,style:$,isDisabled:e!=null,isErrorFirstText:m,isErrorSecondText:T,"data-testid":M("labeled-multi-text-field",t.name),children:[l.jsx(K,{isDisabled:e,label:s.label,style:{marginRight:v.labelMarginRight.value(f),width:s.width??"auto",color:r.colors.champion}}),l.jsxs(Oe,{labelWidth:s.width,children:[l.jsxs(ie,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(f),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||m&&t.additionalErrorLabel?l.jsx(oe,{isError:m,children:m?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(l.Fragment,{children:[l.jsxs(Ie,{children:[l.jsx(se,{}),l.jsx(Le,{}),l.jsx(se,{})]}),l.jsxs(ie,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(f),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(oe,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const Te=d.div`
+import{J as H,V as l,F as Y,cK as q,ew as G,d as ee,cP as Q,y as L,gj as Z,o as r,aQ as M,eo as ce,aE as le,gb as pe,gc as ue,i as he,p as u,u as g,gH as ge,c$ as be,eF as ye,ao as ve,bI as we,b as W,dm as $e,bJ as fe,bH as ke}from"./index-CbBDw148.js";import{n as d}from"./mui-BLUOobNq.js";import{a as V}from"./sentry-ClS5bwGc.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="2b97e409-d4c9-477d-9fdb-894cf866ff18",e._sentryDebugIdIdentifier="sentry-dbid-2b97e409-d4c9-477d-9fdb-894cf866ff18")}catch{}})();const v={width:new L(343,580,726),height:new L(g[6],g[6]),controlHeight:new L(g[6],g[6]),paddingLeftRight:new L(g[3],g[4]),paddingTop:new L(g[3],g[3]),paddingBottom:new L(g[3],g[2]),labelMarginRight:new L(g[3],g[4])};function je({isDisabled:e,label:s,firstText:t,secondText:p,style:$,isFieldError:k}){const f=H(),{formState:{errors:j}}=q(),m=G(j,t.name),T=G(j,p.name),i=ee();return l.jsxs(Te,{size:f,style:$,isDisabled:e!=null,isErrorFirstText:m,isErrorSecondText:T,"data-testid":M("labeled-multi-text-field",t.name),children:[l.jsx(Q,{isDisabled:e,label:s.label,style:{marginRight:v.labelMarginRight.value(f),width:s.width??"auto",color:i.colors.champion}}),l.jsxs(Oe,{labelWidth:s.width,children:[l.jsxs(re,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(f),cursor:"inherit",backgroundColor:i.colors.grey3,borderRadius:r.sp1,color:i.colors.primary},hoverBgColor:i.colors.background,bgColor:i.colors.background,disabledColor:i.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||m&&t.additionalErrorLabel?l.jsx(oe,{isError:m,children:m?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(l.Fragment,{children:[l.jsxs(Ie,{children:[l.jsx(se,{}),l.jsx(Le,{}),l.jsx(se,{})]}),l.jsxs(re,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(f),cursor:"inherit",backgroundColor:i.colors.grey3,borderRadius:r.sp1,color:i.colors.primary},hoverBgColor:i.colors.background,bgColor:i.colors.background,disabledColor:i.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(oe,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const Te=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -9,7 +9,7 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   padding-right: ${e=>v.paddingLeftRight.valuePx(e.size)};
   padding-top: ${e=>v.paddingTop.valuePx(e.size)};
   padding-bottom: ${e=>v.paddingBottom.valuePx(e.size)};
-  gap: ${i.sp3};
+  gap: ${r.sp3};
 
   :first-of-type {
     border-top-left-radius: inherit;
@@ -70,11 +70,11 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   width: 100%;
   align-items: baseline;
   flex-grow: 1;
-  gap: ${i.sp3};
+  gap: ${r.sp3};
   input {
     text-align: left;
   }
-`,ie=d.div`
+`,re=d.div`
   width: inherit;
   position: relative;
 `,Ie=d.div`
@@ -82,7 +82,7 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   display: flex;
   justify-content: center;
 `,Le=d.div`
-  width: ${i.sp8};
+  width: ${r.sp8};
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
 `,se=d.div`
@@ -94,8 +94,8 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   display: flex;
   color: ${e=>e.isError?u.important:e.theme.colors.hero};
   white-space: pre-line;
-  margin-top: ${i.sp1};
-`;function Se({isDisabled:e,label:s,firstText:t,secondText:p,style:$,isFieldError:k}){const f=H(),{formState:{errors:j}}=q(),m=G(j,t.name),T=G(j,p.name),r=ee();return l.jsxs(De,{size:f,style:$,isDisabled:e!=null,isErrorFirstText:m,isErrorSecondText:T,children:[l.jsx(K,{isDisabled:e,label:s.label,style:{marginRight:v.labelMarginRight.value(f),width:s.width??"auto",color:r.colors.champion}}),l.jsxs(Ee,{labelWidth:s.width,children:[p.hideField?null:l.jsxs(ze,{children:[l.jsx(de,{}),l.jsx(Ce,{isAdditionalLabel:(!!t.additionalInfoLabel&&t.isDisabled)===!0}),l.jsx(de,{})]}),l.jsxs(Ue,{children:[l.jsxs(ae,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(f),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||m&&t.additionalErrorLabel?l.jsx(ne,{isError:m,children:m?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(ae,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(f),cursor:"inherit",backgroundColor:r.colors.grey3,borderRadius:i.sp1,color:r.colors.primary},hoverBgColor:r.colors.background,bgColor:r.colors.background,disabledColor:r.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(ne,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const De=d.div`
+  margin-top: ${r.sp1};
+`;function Se({isDisabled:e,label:s,firstText:t,secondText:p,style:$,isFieldError:k}){const f=H(),{formState:{errors:j}}=q(),m=G(j,t.name),T=G(j,p.name),i=ee();return l.jsxs(De,{size:f,style:$,isDisabled:e!=null,isErrorFirstText:m,isErrorSecondText:T,children:[l.jsx(Q,{isDisabled:e,label:s.label,style:{marginRight:v.labelMarginRight.value(f),width:s.width??"auto",color:i.colors.champion}}),l.jsxs(Ee,{labelWidth:s.width,children:[p.hideField?null:l.jsxs(ze,{children:[l.jsx(de,{}),l.jsx(Ce,{isAdditionalLabel:(!!t.additionalInfoLabel&&t.isDisabled)===!0}),l.jsx(de,{})]}),l.jsxs(Ue,{children:[l.jsxs(ae,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(Z,{type:t.type,name:t.name,placeholder:t.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:t.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:t.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(f),cursor:"inherit",backgroundColor:i.colors.grey3,borderRadius:r.sp1,color:i.colors.primary},hoverBgColor:i.colors.background,bgColor:i.colors.background,disabledColor:i.colors.background,isFieldError:k,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||m&&t.additionalErrorLabel?l.jsx(ne,{isError:m,children:m?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(ae,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(Z,{type:p.type,name:p.name,placeholder:p.placeholder,prefix:"$",allowNegative:!1,isNumericString:!1,inputMode:"numeric",returnValueType:"floatValue",registerOptions:p.options,decimalScale:0,allowLeadingZeros:!1,thousandSeparator:!0,thousandsGroupStyle:"thousand",isDisabled:p.isDisabled?"disabled":void 0,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",height:v.controlHeight.value(f),cursor:"inherit",backgroundColor:i.colors.grey3,borderRadius:r.sp1,color:i.colors.primary},hoverBgColor:i.colors.background,bgColor:i.colors.background,disabledColor:i.colors.background,isFieldError:k,defaultValue:t.defaultValue}),l.jsx(ne,{isError:T,children:p.additionalInfoLabel})]})]})]})]})}const De=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -106,7 +106,7 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   padding-right: ${e=>v.paddingLeftRight.valuePx(e.size)};
   padding-top: ${e=>v.paddingTop.valuePx(e.size)};
   padding-bottom: ${e=>v.paddingBottom.valuePx(e.size)};
-  gap: ${i.sp3};
+  gap: ${r.sp3};
 
   :first-of-type {
     border-top-left-radius: inherit;
@@ -129,7 +129,7 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
     }
 
     .secondField {
-      margin-top: ${i.sp3};
+      margin-top: ${r.sp3};
       input {
         background-color: ${e=>e.isErrorSecondText?u.importantLight:e.theme.colors.background};
       }
@@ -142,7 +142,7 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   }
 
   .secondField {
-    margin-top: ${i.sp3};
+    margin-top: ${r.sp3};
     input {
       background-color: ${e=>e.isErrorSecondText?u.importantLight:e.theme.colors.background};
     }
@@ -159,7 +159,7 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
     }
 
     .secondField {
-      margin-top: ${i.sp3};
+      margin-top: ${r.sp3};
       input {
         background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isErrorSecondText?u.importantLight:e.theme.colors.background};
       }
@@ -182,23 +182,23 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   align-items: center;
   display: flex;
   flex-direction: column;
-  margin-right: ${i.sp4};
-  margin-top: ${i.sp3};
+  margin-right: ${r.sp4};
+  margin-top: ${r.sp3};
 `,Ce=d.div`
   width: 2px;
-  height: ${e=>e.isAdditionalLabel?i.sp10:i.sp7};
+  height: ${e=>e.isAdditionalLabel?r.sp10:r.sp7};
   background-color: ${e=>e.theme.colors.primary};
 `,de=d.div`
-  width: ${i.sp2};
-  height: ${i.sp2};
+  width: ${r.sp2};
+  height: ${r.sp2};
   border-radius: 50%;
   background-color: ${e=>e.theme.colors.primary};
 `,ne=d(ge)`
   display: flex;
   color: ${e=>e.isError?u.important:e.theme.colors.hero};
   white-space: pre-line;
-  margin-top: ${i.sp1};
-`;function ul(e){return H()==="small"?l.jsx(Se,{...e}):l.jsx(je,{...e})}const Ne=({allOptions:e,selectedValue:s,name:t,onSelectedValueChanged:p,valueToLabel:$,disable:k=!1,defaultMenuIsOpen:f,placeholderLabel:j})=>{const{formState:{errors:m}}=q(),T=G(m,t??""),r=ee(),[I,D]=V.useState(void 0),[b,A]=V.useState(f),C=n=>n.map(w=>N(w)),N=V.useCallback(n=>({value:n,label:$(n)}),[$]);V.useEffect(()=>{const n=s==null?void 0:N(s);D(n?.label===""?void 0:n)},[s,$,N]);const _=n=>{p(n)},S=r.colors.grey5,B=r.colors.grey5,R=W.smallRegular,E=W.extraSmallRegular,F={control:(n,{selectProps:w})=>({...n,border:0,height:g[6],backgroundColor:w.menuIsOpen===!0?r.colors.background:T===!0?u.importantLight:r.colors.background,boxShadow:B,":hover":{fill:r.colors.primary,backgroundColor:r.colors.background,borderColor:"none"},width:"auto",minHeight:"auto",cursor:"pointer"}),container:n=>({...n,backgroundColor:B,width:"100%"}),singleValue:(n,{data:w})=>({...n,alignItems:"center",margin:`${i.sp0}`,height:`${i.sp4}`,color:w.value==="require_approval"?u.alertDark:u.successDark,...W.standardRegular.cssObject,width:"100%",textOverflow:"ellipsis"}),valueContainer:(n,{selectProps:w})=>({...n,maxWidth:"100%",cursor:"pointer",...E,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:w.menuIsOpen===!1?"flex-end":"flex-start",alignItems:"center",flexWrap:"nowrap",paddingLeft:i.sp3,marginRight:i.sp3,width:" -webkit-fill-available"}),menu:n=>({...n,backgroundColor:S,borderRadius:4,boxShadow:`${i.sp0} 2px ${i.sp2} ${r.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,margin:0,width:"100%",WebkitJustifyContent:"unset",overflow:"hidden"}),menuList:n=>({...n,borderRadius:10}),placeholder:n=>({...n,width:"100%",height:g[4],...W.standardRegular.cssObject,color:T===!0?u.important:r.colors.grey1,display:"flex",justifyContent:"flex-start",alignItems:"center"}),option:(n,{isSelected:w,isFocused:U,isDisabled:z,data:o})=>({...n,...R,height:g[6],color:o.value==="require_approval"?u.alertDark:u.successDark,backgroundColor:w||U?r.colors.background:S,cursor:z?"not-allowed":"pointer",borderTop:o.topBorder===!0?`1px solid ${u.optionBorderLight}`:"none",":hover":{backgroundColor:r.colors.background},":first-div":{width:"100%"},"& label":{flex:1,paddingRight:"10px",cursor:z?"not-allowed":w?"default":"pointer"},zIndex:2}),input:(n,w)=>({color:r.colors.primary,overflow:"hidden",zIndex:2,height:g[4],width:w.selectProps.menuIsOpen?"auto":"0",position:"absolute",display:"flex",alignItems:"center",...W.standardRegular.cssObject})};return l.jsx(ve,{onClickAway:()=>{A(!1)},children:l.jsx(we,{isMulti:!1,onChange:n=>{_(n)},minMenuHeight:208,menuPlacement:"auto",menuShouldScrollIntoView:!1,defaultValue:I,value:I,placeholder:j,components:{Option:Fe,DropdownIndicator:qe,IndicatorSeparator:Ae,SingleValue:Re},hideSelectedOptions:!1,styles:F,options:C(e),isClearable:!1,isSearchable:!1,isDisabled:k,defaultMenuIsOpen:b,"data-testid":M("single-select",t)},$e())})},Re=({children:e,...s})=>l.jsx(fe.SingleValue,{...s,children:e}),Fe=e=>{const{data:s,options:t,isFocused:p,label:$,isSelected:k}=e,f=t.find(m=>m.value===s.value),j=typeof s.label=="string"?s.label:s.value;return l.jsxs(fe.Option,{...e,children:[l.jsxs(Pe,{"data-testid":M("single-select-option",j),children:[l.jsxs(Ve,{children:[l.jsx("label",{children:$}),p===!0&&f?.id!=null&&l.jsx(Me,{children:f.id})]}),k?l.jsx(Be,{children:l.jsx(He,{className:"tick-icon"})}):null]}),f.additionalInfo!==""&&l.jsx(l.Fragment,{children:f.additionalInfo})]})},Pe=d.div`
+  margin-top: ${r.sp1};
+`;function ul(e){return H()==="small"?l.jsx(Se,{...e}):l.jsx(je,{...e})}const Ne=({allOptions:e,selectedValue:s,name:t,onSelectedValueChanged:p,valueToLabel:$,disable:k=!1,defaultMenuIsOpen:f,placeholderLabel:j})=>{const{formState:{errors:m}}=q(),T=G(m,t??""),i=ee(),[I,D]=V.useState(void 0),[b,A]=V.useState(f),C=n=>n.map(w=>N(w)),N=V.useCallback(n=>({value:n,label:$(n)}),[$]);V.useEffect(()=>{const n=s==null?void 0:N(s);D(n?.label===""?void 0:n)},[s,$,N]);const _=n=>{p(n)},S=i.colors.grey5,B=i.colors.grey5,F=W.smallRegular,E=W.extraSmallRegular,R={control:(n,{selectProps:w})=>({...n,border:0,height:g[6],backgroundColor:w.menuIsOpen===!0?i.colors.background:T===!0?u.importantLight:i.colors.background,boxShadow:B,":hover":{fill:i.colors.primary,backgroundColor:i.colors.background,borderColor:"none"},width:"auto",minHeight:"auto",cursor:"pointer"}),container:n=>({...n,backgroundColor:B,width:"100%"}),singleValue:(n,{data:w})=>({...n,alignItems:"center",margin:`${r.sp0}`,height:`${r.sp4}`,color:w.value==="require_approval"?u.alertDark:u.successDark,...W.standardRegular.cssObject,width:"100%",textOverflow:"ellipsis"}),valueContainer:(n,{selectProps:w})=>({...n,maxWidth:"100%",cursor:"pointer",...E,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:w.menuIsOpen===!1?"flex-end":"flex-start",alignItems:"center",flexWrap:"nowrap",paddingLeft:r.sp3,marginRight:r.sp3,width:" -webkit-fill-available"}),menu:n=>({...n,backgroundColor:S,borderRadius:4,boxShadow:`${r.sp0} 2px ${r.sp2} ${i.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,margin:0,width:"100%",WebkitJustifyContent:"unset",overflow:"hidden"}),menuList:n=>({...n,borderRadius:10}),placeholder:n=>({...n,width:"100%",height:g[4],...W.standardRegular.cssObject,color:T===!0?u.important:i.colors.grey1,display:"flex",justifyContent:"flex-start",alignItems:"center"}),option:(n,{isSelected:w,isFocused:U,isDisabled:z,data:o})=>({...n,...F,height:g[6],color:o.value==="require_approval"?u.alertDark:u.successDark,backgroundColor:w||U?i.colors.background:S,cursor:z?"not-allowed":"pointer",borderTop:o.topBorder===!0?`1px solid ${u.optionBorderLight}`:"none",":hover":{backgroundColor:i.colors.background},":first-div":{width:"100%"},"& label":{flex:1,paddingRight:"10px",cursor:z?"not-allowed":w?"default":"pointer"},zIndex:2}),input:(n,w)=>({color:i.colors.primary,overflow:"hidden",zIndex:2,height:g[4],width:w.selectProps.menuIsOpen?"auto":"0",position:"absolute",display:"flex",alignItems:"center",...W.standardRegular.cssObject})};return l.jsx(ve,{onClickAway:()=>{A(!1)},children:l.jsx(we,{isMulti:!1,onChange:n=>{_(n)},minMenuHeight:208,menuPlacement:"auto",menuShouldScrollIntoView:!1,defaultValue:I,value:I,placeholder:j,components:{Option:Re,DropdownIndicator:qe,IndicatorSeparator:Ae,SingleValue:Fe},hideSelectedOptions:!1,styles:R,options:C(e),isClearable:!1,isSearchable:!1,isDisabled:k,defaultMenuIsOpen:b,"data-testid":M("single-select",t)},$e())})},Fe=({children:e,...s})=>l.jsx(fe.SingleValue,{...s,children:e}),Re=e=>{const{data:s,options:t,isFocused:p,label:$,isSelected:k}=e,f=t.find(m=>m.value===s.value),j=typeof s.label=="string"?s.label:s.value;return l.jsxs(fe.Option,{...e,children:[l.jsxs(Pe,{"data-testid":M("single-select-option",j),children:[l.jsxs(Ve,{children:[l.jsx("label",{children:$}),p===!0&&f?.id!=null&&l.jsx(Me,{children:f.id})]}),k?l.jsx(Be,{children:l.jsx(He,{className:"tick-icon"})}):null]}),f.additionalInfo!==""&&l.jsx(l.Fragment,{children:f.additionalInfo})]})},Pe=d.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -216,16 +216,16 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   padding: 1px 6px;
   height: 20px;
   border: 1px solid ${e=>e.theme.colors.primary};
-  border-radius: ${i.sp1};
-  margin: 0 ${i.sp5} 0 ${i.sp3};
+  border-radius: ${r.sp1};
+  margin: 0 ${r.sp5} 0 ${r.sp3};
 `,Be=d.div`
   display: flex;
 `,He=d(ke)`
-  width: ${i.sp3};
-  height: ${i.sp3};
+  width: ${r.sp3};
+  height: ${r.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.primary};
-`,qe=()=>null,Ae=()=>null,_e=({name:e,registerOptions:s,value:t,isDisabled:p,defaultMenuIsOpen:$,placeholderLabel:k})=>{const{control:f}=q(),j=t.allOptions.map(r=>r.value??""),m=r=>t.allOptions.filter(I=>I.value===r)[0]?.label??"",T=r=>t.allOptions.find(I=>I.value===r.value)?.value;return l.jsx(ye,{name:e,control:f,defaultValue:t,rules:s,"data-testid":M("single-select-field",e),render:({field:{value:r,onChange:I}})=>l.jsx(Ne,{allOptions:j,onSelectedValueChanged:D=>{I({allOptions:t.allOptions,selectedOption:T(D)})},valueToLabel:D=>m(D),selectedValue:r.selectedOption,disable:p,name:e,defaultMenuIsOpen:$,placeholderLabel:k})})},me=V.memo(_e,(e,s)=>le(e,s)),O={width:new L(343,580,726),height:new L(g[6],g[6]),paddingLeftRight:new L(g[3],g[4]),paddingTopBottom:new L(g[3],g[3]),labelMarginRight:new L(g[3],g[4])},J=(e,s)=>`${e}.${s}`;function We({label:e,isDisabled:s,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:f,approveNotifyPlaceholder:j,allUserWithRoles:m,filteredApprovers:T,allAttributes:r,filteredAttributes:I,allAccountingClasses:D,stepsInfo:b,productType:A}){const C=H(),{commonSetUp:{approval:N}}=Y.getLocalizedStrings(),_=T.length+I.length,S=m.map(o=>o.user),{control:B,setValue:R}=q(),{fields:E,replace:F}=ce({name:t,control:B}),n=()=>{const o=b[b.length-1].stepIndex,h=xe(o+1,S,r);R(t,[...b,h])},w=o=>{const h=b.filter((a,c)=>c!==o);R(t,h)};V.useEffect(()=>{const o=E.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(o,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:S,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));F(a)}},[S,b,E,F,r]);const U=b[b.length-1],z=s!=null||_===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(Ge,{size:C,style:p,isDisabled:!1,isError:!1,children:[l.jsx(K,{label:e.label,style:{marginRight:O.labelMarginRight.value(C),width:"auto"}}),b.map((o,h)=>l.jsxs(Ze,{labelWidth:e.width,children:[l.jsxs(Ye,{children:[h+1,"."]}),l.jsx(Qe,{children:l.jsx(me,{name:J(`${t}.${o.stepIndex}`,"stepType"),value:o.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&o.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||s!=null},placeholderLabel:j})}),l.jsxs(Xe,{children:[l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:o.stepType.selectedOption==null?f:o.stepType.selectedOption==="require_approval"?$:k,name:J(`${t}.${o.stepIndex}`,"actors"),value:o.actors,operator:o.stepType!=null&&o.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||s!=null},valueToSubtitle:a=>{const c=m.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,A);x.length>0&&y.push(x),c.accountingClassIDs.forEach(Q=>{const P=D.find(X=>X.classId===Q);P!=null&&P.className&&y.push(P.className)})}return y}}),o.stepIndex>0&&l.jsx(Je,{onClick:()=>w(h)})]})]},E[h]?.id||h)),l.jsx(Ke,{disabled:z,children:l.jsx(he,{onClick:n,style:{padding:`${i.sp1} ${i.sp2}`,borderRadius:i.sp1},label:N.addStep,size:"small",disabled:z,"data-testid":M("add-step-button-web")})})]})}const xe=(e,s,t)=>({stepIndex:e,actors:{allUsers:s,selectedUsers:[],allNonUsers:te(t),selectedNonUsers:[]},stepType:{allOptions:re,selectedOption:void 0}}),te=e=>{const s=Y.getLocalizedStrings().commonSetUp.approval.nonUsers;return e.map(t=>({label:s[t].label,value:t,position:"top",subtitles:[s[t].subTitle]}))},re=[{label:"Require",value:"require_approval"},{label:"Notify",value:"send_notification"}],Ge=d.div`
+`,qe=()=>null,Ae=()=>null,_e=({name:e,registerOptions:s,value:t,isDisabled:p,defaultMenuIsOpen:$,placeholderLabel:k})=>{const{control:f}=q(),j=t.allOptions.map(i=>i.value??""),m=i=>t.allOptions.filter(I=>I.value===i)[0]?.label??"",T=i=>t.allOptions.find(I=>I.value===i.value)?.value;return l.jsx(ye,{name:e,control:f,defaultValue:t,rules:s,"data-testid":M("single-select-field",e),render:({field:{value:i,onChange:I}})=>l.jsx(Ne,{allOptions:j,onSelectedValueChanged:D=>{I({allOptions:t.allOptions,selectedOption:T(D)})},valueToLabel:D=>m(D),selectedValue:i.selectedOption,disable:p,name:e,defaultMenuIsOpen:$,placeholderLabel:k})})},me=V.memo(_e,(e,s)=>le(e,s)),O={width:new L(343,580,726),height:new L(g[6],g[6]),paddingLeftRight:new L(g[3],g[4]),paddingTopBottom:new L(g[3],g[3]),labelMarginRight:new L(g[3],g[4])},J=(e,s)=>`${e}.${s}`;function We({label:e,isDisabled:s,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:f,approveNotifyPlaceholder:j,allUserWithRoles:m,filteredApprovers:T,allAttributes:i,filteredAttributes:I,allAccountingClasses:D,stepsInfo:b,productType:A}){const C=H(),{commonSetUp:{approval:N}}=Y.getLocalizedStrings(),_=T.length+I.length,S=m.map(o=>o.user),{control:B,setValue:F}=q(),{fields:E,replace:R}=ce({name:t,control:B}),n=()=>{const o=b[b.length-1].stepIndex,h=xe(o+1,S,i);F(t,[...b,h])},w=o=>{const h=b.filter((a,c)=>c!==o);F(t,h)};V.useEffect(()=>{const o=E.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(o,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:S,allNonUsers:te(i)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:ie}}));R(a)}},[S,b,E,R,i]);const U=b[b.length-1],z=s!=null||_===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(Ge,{size:C,style:p,isDisabled:!1,isError:!1,children:[l.jsx(Q,{label:e.label,style:{marginRight:O.labelMarginRight.value(C),width:"auto"}}),b.map((o,h)=>l.jsxs(Ze,{labelWidth:e.width,children:[l.jsxs(Ye,{children:[h+1,"."]}),l.jsx(Ke,{children:l.jsx(me,{name:J(`${t}.${o.stepIndex}`,"stepType"),value:o.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&o.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||s!=null},placeholderLabel:j})}),l.jsxs(Xe,{children:[l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:o.stepType.selectedOption==null?f:o.stepType.selectedOption==="require_approval"?$:k,name:J(`${t}.${o.stepIndex}`,"actors"),value:o.actors,operator:o.stepType!=null&&o.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||s!=null},valueToSubtitle:a=>{const c=m.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,A);x.length>0&&y.push(x),c.accountingClassIDs.forEach(K=>{const P=D.find(X=>X.classId===K);P!=null&&P.className&&y.push(P.className)})}return y}}),o.stepIndex>0&&l.jsx(Je,{onClick:()=>w(h)})]})]},E[h]?.id||h)),l.jsx(Qe,{disabled:z,children:l.jsx(he,{onClick:n,style:{padding:`${r.sp1} ${r.sp2}`,borderRadius:r.sp1},label:N.addStep,size:"small",disabled:z,"data-testid":M("add-step-button-web")})})]})}const xe=(e,s,t)=>({stepIndex:e,actors:{allUsers:s,selectedUsers:[],allNonUsers:te(t),selectedNonUsers:[]},stepType:{allOptions:ie,selectedOption:void 0}}),te=e=>{const s=Y.getLocalizedStrings().commonSetUp.approval.nonUsers;return e.map(t=>({label:s[t].label,value:t,position:"top",subtitles:[s[t].subTitle]}))},ie=[{label:"Require",value:"require_approval"},{label:"Notify",value:"send_notification"}],Ge=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -236,7 +236,7 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   padding-right: ${e=>O.paddingLeftRight.valuePx(e.size)};
   padding-top: ${e=>O.paddingTopBottom.valuePx(e.size)};
   padding-bottom: ${e=>O.paddingTopBottom.valuePx(e.size)};
-  gap: ${i.sp3};
+  gap: ${r.sp3};
 
   :first-of-type {
     border-top-left-radius: inherit;
@@ -272,16 +272,16 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   width: 100%;
   align-items: baseline;
   flex-grow: 1;
-  gap: ${i.sp3};
+  gap: ${r.sp3};
 `,Je=d(be)`
-  width: ${i.sp3};
-  height: ${i.sp3};
+  width: ${r.sp3};
+  height: ${r.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${u.important};
   }
-`,Ke=d.div`
+`,Qe=d.div`
   width: 100%;
   display: flex;
   justify-content: flex-end;
@@ -290,20 +290,20 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
       color: ${e=>e.disabled?e.theme.colors.grey1:e.theme.colors.primary};
     }
   }
-`,Qe=d.div`
+`,Ke=d.div`
   display: flex;
   align-items: center;
   width: 174px;
 `,Xe=d.div`
   flex: 2;
   display: flex;
-  gap: ${i.sp3};
+  gap: ${r.sp3};
   align-items: baseline;
   max-height: 300px;
 `,Ye=d.div`
-  width: ${i.sp5};
+  width: ${r.sp5};
   color: ${e=>e.theme.colors.hero};
-`;function el({label:e,isDisabled:s,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:f,approveNotifyPlaceholder:j,allUserWithRoles:m,filteredApprovers:T,allAttributes:r,filteredAttributes:I,allAccountingClasses:D,stepsInfo:b,productType:A}){const C=H(),{commonSetUp:{approval:N}}=Y.getLocalizedStrings(),_=T.length+I.length,S=m.map(o=>o.user),{control:B,setValue:R}=q(),{fields:E,replace:F}=ce({name:t,control:B}),n=()=>{const o=b[b.length-1].stepIndex,h=xe(o+1,S,r);R(t,[...b,h])},w=o=>{const h=b.filter((a,c)=>c!==o);R(t,h)};V.useEffect(()=>{const o=E.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(o,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:S,allNonUsers:te(r)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:re}}));F(a)}},[S,b,E,F,r]);const U=b[b.length-1],z=s!=null||_===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(ll,{size:C,style:p,isDisabled:!1,isError:!1,children:[l.jsx(K,{label:e.label,style:{marginRight:O.labelMarginRight.value(C),width:"auto"}}),b.map((o,h)=>l.jsxs(tl,{labelWidth:e.width,children:[l.jsxs(dl,{children:[h+1,"."]}),l.jsxs(al,{children:[l.jsx(me,{name:J(`${t}.${o.stepIndex}`,"stepType"),value:o.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&o.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||s!=null},placeholderLabel:j}),l.jsxs(sl,{children:[l.jsx(ol,{children:l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:o.stepType.selectedOption==null?f:o.stepType.selectedOption==="require_approval"?$:k,name:J(`${t}.${o.stepIndex}`,"actors"),value:o.actors,operator:o.stepType!=null&&o.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||s!=null},valueToSubtitle:a=>{const c=m.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,A);x.length>0&&y.push(x),c.accountingClassIDs.forEach(Q=>{const P=D.find(X=>X.classId===Q);P!=null&&P.className&&y.push(P.className)})}return y}})}),o.stepIndex>0&&l.jsx(rl,{onClick:()=>w(h),"data-testid":M("delete-step",h.toString())})]})]})]},E[h]?.id||h)),l.jsx(il,{disabled:z,children:l.jsx(he,{onClick:n,style:{width:"100%"},label:N.addStep,size:"standard",variant:"light_transparent",disabled:z,"data-testid":M("add-step-button-small")})})]})}const ll=d.div`
+`;function el({label:e,isDisabled:s,sectionId:t,style:p,approversPlaceholder:$,notifiersPlaceholder:k,userSelectPlaceholder:f,approveNotifyPlaceholder:j,allUserWithRoles:m,filteredApprovers:T,allAttributes:i,filteredAttributes:I,allAccountingClasses:D,stepsInfo:b,productType:A}){const C=H(),{commonSetUp:{approval:N}}=Y.getLocalizedStrings(),_=T.length+I.length,S=m.map(o=>o.user),{control:B,setValue:F}=q(),{fields:E,replace:R}=ce({name:t,control:B}),n=()=>{const o=b[b.length-1].stepIndex,h=xe(o+1,S,i);F(t,[...b,h])},w=o=>{const h=b.filter((a,c)=>c!==o);F(t,h)};V.useEffect(()=>{const o=E.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=b.map(a=>{const{actors:c,stepType:y}=a;return{selectedUsers:c.selectedUsers.map(x=>x.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!le(o,h)){const a=b.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:S,allNonUsers:te(i)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:ie}}));R(a)}},[S,b,E,R,i]);const U=b[b.length-1],z=s!=null||_===0||U.actors.selectedUsers.length+U.actors.selectedNonUsers.length===0||!U.stepType.selectedOption;return l.jsxs(ll,{size:C,style:p,isDisabled:!1,isError:!1,children:[l.jsx(Q,{label:e.label,style:{marginRight:O.labelMarginRight.value(C),width:"auto"}}),b.map((o,h)=>l.jsxs(tl,{labelWidth:e.width,children:[l.jsxs(dl,{children:[h+1,"."]}),l.jsxs(al,{children:[l.jsx(me,{name:J(`${t}.${o.stepIndex}`,"stepType"),value:o.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&o.stepType.selectedOption==null,registerOptions:{required:!0,validate:a=>a!=null&&a.selectedOption!=null||s!=null},placeholderLabel:j}),l.jsxs(sl,{children:[l.jsx(ol,{children:l.jsx(pe,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:o.stepType.selectedOption==null?f:o.stepType.selectedOption==="require_approval"?$:k,name:J(`${t}.${o.stepIndex}`,"actors"),value:o.actors,operator:o.stepType!=null&&o.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:a=>a!=null&&(a.selectedUsers!=null&&a.selectedUsers.length>0||a.selectedNonUsers!=null&&a.selectedNonUsers.length>0)||s!=null},valueToSubtitle:a=>{const c=m.map(x=>x.role).find(x=>x?.userId===a),y=[];if(c!=null){const x=ue(c.userRoles,A);x.length>0&&y.push(x),c.accountingClassIDs.forEach(K=>{const P=D.find(X=>X.classId===K);P!=null&&P.className&&y.push(P.className)})}return y}})}),o.stepIndex>0&&l.jsx(il,{onClick:()=>w(h),"data-testid":M("delete-step",h.toString())})]})]})]},E[h]?.id||h)),l.jsx(rl,{disabled:z,children:l.jsx(he,{onClick:n,style:{width:"100%"},label:N.addStep,size:"standard",variant:"light_transparent",disabled:z,"data-testid":M("add-step-button-small")})})]})}const ll=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -314,7 +314,7 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   padding-right: ${e=>O.paddingLeftRight.valuePx(e.size)};
   padding-top: ${e=>O.paddingTopBottom.valuePx(e.size)};
   padding-bottom: ${e=>O.paddingTopBottom.valuePx(e.size)};
-  gap: ${i.sp3};
+  gap: ${r.sp3};
 
   :first-of-type {
     border-top-left-radius: inherit;
@@ -352,17 +352,17 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
   width: 100%;
   max-width: 100%;
   flex-grow: 1;
-  gap: ${i.sp2};
-`,rl=d(be)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  margin-left: ${i.sp2};
+  gap: ${r.sp2};
+`,il=d(be)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  margin-left: ${r.sp2};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${u.important};
   }
-`,il=d.div`
+`,rl=d.div`
   width: 100%;
   display: flex;
   justify-content: flex-end;
@@ -375,16 +375,16 @@ import{J as H,V as l,b as Y,cM as q,ey as G,y as ee,cR as K,x as L,gl as Z,o as
 `,ol=d.div`
   display: flex;
   width: 100%;
-  min-width: ${i.sp0};
+  min-width: ${r.sp0};
 `,al=d.div`
   flex: 2;
   display: flex;
   flex-direction: column;
-  gap: ${i.sp2};
+  gap: ${r.sp2};
   align-items: center;
   max-width: 100%;
-  min-width: ${i.sp0};
+  min-width: ${r.sp0};
 `,dl=d.div`
-  width: ${i.sp4};
+  width: ${r.sp4};
   color: ${e=>e.theme.colors.hero};
-`;function hl(e){return H()==="small"?l.jsx(el,{...e}):l.jsx(We,{...e})}export{ul as b,hl as f,re as l,te as o};
+`;function hl(e){return H()==="small"?l.jsx(el,{...e}):l.jsx(We,{...e})}export{ul as b,hl as f,ie as l,te as o};