@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/ExpressPayPage-DYUtczg7-BDKERlx3.js

@@ -0,0 +1,168 @@
+import{i as ze,u as Z,a as q,a8 as Qe,bB as De,dt as et,j as t,cf as tt,aa as it,bC as at,R as g,b as a,mc as lt,md as nt,me as ot,dy as Ve,dv as rt,gl as dt,gZ as st,g_ as ct,dx as ke,hx as pt,mf as mt,dB as ut,gs as Ee,dC as ht,gt as Oe,gC as Ae,t as xe,gG as yt,s as p,bM as gt,bH as we,C as We,ai as xt,at as qe}from"./index-2CdI-B2B.js";import{a as Y}from"./core-tlHkQPPu.js";import{n as d}from"./mui-kiGMfX4-.js";import{bO as He,bj as oe,bT as _e,bK as ft,bp as bt}from"./zeni-epic-state-Bo1aGezX.js";import{c as wt}from"./LabeledDocumentField-BEg2KNOF-CXhVMSrJ.js";import{p as ie}from"./LabeledText-iHeu8MCf-BqC7UtSs.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const vt={progressBarWidth:new g(343,726)},St=({pageIndex:e})=>{const i=Z(),f=ze(),u=q.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,h=[u.stateOne,u.stateTwo,u.stateThree];return i==="small"?t.jsxs(Ct,{children:[t.jsx(lt,{coloredSectionCount:e,stretchedSection:1,totalSections:2,barColor:f.colors.brandColorJade,isFrozen:!1,topMargin:8}),t.jsx(Tt,{children:h.map((c,n)=>t.jsx(It,{isLast:n==h.length-1,isRelevant:n<=e,perSectionHeight:100/h.length,children:t.jsx(Be,{children:c})},n))})]}):t.jsxs(jt,{windowSize:i,children:[t.jsx(nt,{coloredSectionCount:e,totalSections:2,barColor:f.colors.brandColorJade,isFrozen:!1}),t.jsx(Pt,{children:h.map((c,n)=>t.jsx($t,{stateIndex:n,isRelevant:n<=e,children:t.jsx(Be,{children:c})},c))})]})},jt=d.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: ${a.sp3};
+  position: relative;
+  width: ${e=>vt.progressBarWidth.valuePx(e.windowSize)};
+`,Ct=d.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  height: 136px;
+  margin-top: ${a.sp3};
+  margin-left: ${a.sp2};
+  margin-bottom: ${a.sp5};
+  align-self: flex-start;
+`,Pt=d.div`
+  display: flex;
+  margin: ${a.sp3} ${a.sp0};
+  justify-content: space-between;
+  height: ${a.sp6};
+`,$t=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: ${e=>e.stateIndex===0?"left":e.stateIndex===1?"center":"right"};
+  color: ${e=>e.isRelevant?e.theme.colors.primary:e.theme.colors.grey2};
+`,Be=d(gt)``,Tt=d.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin: -${a.sp2} ${a.sp3} ${a.sp3} ${a.sp3};
+  justify-content: space-between;
+  height: 186px;
+`,It=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: relative;
+  height: ${e=>`${e.perSectionHeight}%`};
+  color: ${e=>e.isRelevant?e.theme.colors.primary:e.theme.colors.grey2};
+`,T={containerWidth:new g(343,580,726),labelWidth:new g(120,160,160),largeLabelWidth:new g(150,228,228),largeLabelPickerWidth:new g(100,180,180),paddingBottom:new g(p[3],p[2]),labelMarginLeftPicker:new g(p[3],p[4]),labelMarginRightPicker:new g(p[3],p[4]),labelMarginTopPicker:new g(p[2],p[2]),labeledFieldPaddingLeft:new g(p[0],p[0]),labeledFieldPaddingRight:new g(p[2],p[2]),labeledFieldPaddingTop:new g(p[2],p[2]),labeledFieldPaddingBottom:new g(p[2],p[2]),infoLabelPaddingRight:new g(p[0],p[3]),infoLabelMarginTop:new g(p[1],p[0])},z=(e,i)=>`${e}.${i}`,Ft=({sectionId:e,paymentDetails:i,allPaymentMethods:f,paymentToOptions:u,withdrawFromList:h,internationalVerificationStatus:c,fileProps:n,receiptFile:F,deleteFileStatusById:P,updateFileStatusById:b,onClickAddAccount:j})=>{const o=Z(),{spendManagement:k,dateFormat:M,common:r}=q.getLocalizedStrings(),w=k.billPay.billDetails,J=M.visual.defaultInput,de=k.zeniAccounts.expressPay,se=r.documents,H=T.largeLabelWidth.value(o),[y,G]=Y.useState(!1),_=f.filter(l=>l.method.includes(i?.withdrawFrom?.accType??"depositAccount")&&l.method.includes(ft)===!1),O=l=>u.find(m=>m.id===l);return t.jsxs(t.Fragment,{children:[t.jsx(Lt,{children:w.paymentDetailsTitle}),t.jsxs(Dt,{windowSize:o,children:[t.jsx(dt,{label:{label:w.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:z(e,"withdrawFrom"),placeholder:ke(w.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,m)=>ct(h,l,m),valueToSubLabels:(l,m)=>st(h,l,m,!1),defaultValue:{selectedOption:i?.withdrawFrom?.id,allOptions:h.map(l=>({label:l.label,value:l.id}))},textAlignment:"right",registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption}}}),t.jsx(U,{}),t.jsx(pt,{showAdditionalInfoLabel:!1,label:{label:w.amount,width:H},formattedTextField:{type:"number",name:z(e,"amount"),defaultValue:i?.recipientAmount??0,placeholder:ke(w.amount),returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>l!=null&&l!==0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,shouldHighlightZeroAmount:!0},style:{width:"auto"}}),t.jsx(U,{}),t.jsx(mt,{label:{label:w.paymentMethod,width:T.labelWidth.value(o)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:z(e,"paymentMethod"),placeholder:w.billTypeMethodPlaceholder,defaultValue:i?.paymentType,allPaymentMethods:_,isAdmin:!0,internationalVerificationStatus:c,registerOptions:{required:!0,validate:l=>l!=null},onInternationalWireVerifyClick:()=>{}}}),t.jsx(U,{}),t.jsx(ut,{label:{label:w.paymentDate,width:T.labelWidth.value(o)},style:{paddingBottom:T.paddingBottom.valuePx(o),width:"auto"},dateField:{name:z(e,"paymentDate"),placeholder:w.paymentDate,dateFormat:J,autoComplete:"off",minDate:oe(),registerOptions:{required:!0}}}),t.jsx(U,{}),t.jsx(Ve,{label:{label:w.paymentTo,width:H},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:z(e,"paymentTo"),placeholder:w.selectAccount,getTooltipInfo:l=>{const m=O(l),$=q.getLocalizedStrings().spendManagement.billPay;return i?.paymentType?.method.includes("ach")===!0?t.jsxs(fe,{children:[t.jsxs(W,{children:[t.jsx(V,{children:$.vendorCreation.achDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberAch??$.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(V,{children:$.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??$.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(V,{children:$.vendorCreation.achDetails.bankAccountNumber}),t.jsx(E,{children:m?.bankAccountNumber??$.vendorCreation.emptyPlaceholderString})]})]}):i?.paymentType?.method.includes("wire")===!0?i.paymentType?.method.includes("international")===!0?t.jsx(fe,{children:m?.piLabels.map(K=>t.jsxs(W,{children:[t.jsxs(V,{children:[K.name,$.paymentDetails.colon]}),t.jsx(E,{children:K.value})]},K.name))}):t.jsxs(fe,{children:[t.jsxs(W,{children:[t.jsx(V,{children:$.vendorCreation.wireDetails.bankRoutingNumber}),t.jsx(E,{children:m?.bankRoutingNumberWireTransfer??$.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(V,{children:$.vendorCreation.achDetails.bankName}),t.jsx(E,{children:m?.bankName??$.vendorCreation.emptyPlaceholderString})]}),t.jsxs(W,{children:[t.jsx(V,{children:$.vendorCreation.wireDetails.accountNumber}),t.jsx(E,{children:m?.bankAccountNumber??$.vendorCreation.emptyPlaceholderString})]})]}):""},menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:j,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:l=>Ee(O(l))},defaultValue:{selectedOption:i?.paymentType!=null?i?.paymentTo?.id:"",allOptions:i?.paymentType!=null?(()=>{let l=[];return l=i?.paymentType?.method.includes("wire")===!0?u.filter(m=>!!m.bankRoutingNumberWireTransfer).map(m=>m.id):u.filter(m=>!!m.bankRoutingNumberAch).map(m=>m.id),l})():[]},registerOptions:{required:!0,validate:l=>l?.selectedOption!=null}}}),t.jsx(U,{}),t.jsx(wt,{name:z(e,"receipt"),sizeLimit:ht,deleteFileStatusById:P,updateFileStatusById:b,filesEndPoint:n.filesEndPoint,authParams:n.authParams,label:{label:de.reciept,width:H},filemetadataPayload:{documentType:"id_document",purposeId:"business_verification_others",documentSide:"front"},file:F,acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!1},hasError:y,updateFilesEntity:n.updateFilesEntity,onEditFileName:n.onEditFileName,onDeleteFile:n.onDeleteFile,onFileSizeError:l=>G(l),isOptional:!0,style:F!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},z(e,"receipt")),F==null?t.jsx(kt,{windowSize:o,isError:y,children:se.formatDocumentText10MB}):null,t.jsx(U,{})]})]})},Lt=d(we)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,Dt=d.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  width: ${e=>T.containerWidth.valuePx(e.windowSize)};
+`,U=d.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,V=d.div`
+  box-sizing: border-box;
+  text-align: left;
+  flex: 1 0 50%;
+  color: ${We.heroDark};
+`,E=d.div`
+  box-sizing: border-box;
+  text-align: right;
+  word-break: break-word;
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,fe=d.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${a.sp1};
+`,W=d.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`,kt=d(xt)`
+  padding: ${a.sp1} ${a.sp4};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${a.sp0} ${a.sp0} ${a.sp2} ${a.sp2};
+  text-align: ${e=>e.windowSize==="small"?"initial":"right"};
+  color: ${e=>e.isError?We.important:e.theme.colors.grey1};
+`,Ot={largeLabelWidth:new g(150,210,210)},ae=(e,i)=>`${e}.${i}`,At=({sectionId:e,vendorTypeList:i,formLocalData:f,vendorSearchAutoCompleteData:u,vendorSearchAutoCompleteActions:h})=>{const c=Z(),n=q.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,F=Ot.largeLabelWidth.value(c),P=Y.useRef();Y.useEffect(()=>{u?.entityAutoCompleteView.fetchState==="Completed"&&P.current?.(Bt(u?.entityAutoCompleteView))},[u?.entityAutoCompleteView.fetchState]);const b=u,j=(r,w)=>{h?.onAutoCompleteInputChange?.(r,"vendor"),P.current=w},o=b?.autoCompleteText!=null&&(b?.entityAutoCompleteView.fetchState==="In-Progress"||b?.entityAutoCompleteView.fetchState==="Not-Started"),k={defaultOptions:Ue(f?.vendorId,f?.vendorName,u?.entityAutoCompleteView),selectedOption:f?.vendorId??f?.vendorName??""},M={valueContainer:r=>({...r,padding:`2px ${c==="small"?a.sp2:a.sp3} !important`,overflow:"unset"}),singleValue:r=>({...r,margin:0}),placeholder:r=>({...r,fontWeight:"normal"})};return t.jsxs(t.Fragment,{children:[t.jsx(Nt,{children:n.recipientSectionTitle}),t.jsx(Mt,{children:t.jsxs(Rt,{children:[t.jsx(ot,{label:{label:n.recipientName,width:F},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:ae(e,"recipient"),placeholder:c==="small"?n.placeholders.recipientNameMobile:n.placeholders.recipientName,valueToId:r=>r,defaultValue:{...k},style:{width:"100%"},customStyleConfig:M,registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption},loadOptions:j,isOptionsLoading:o,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},ae(e,"recipient")),t.jsx(Ne,{}),t.jsx(Ve,{label:{label:n.recipientType,width:F},singleSelectField:{singleSelect:{name:ae(e,"recipientType"),placeholder:n.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:r=>i.find(w=>w.code===r)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:f?.vendorType,allOptions:i.map(r=>r.code)},registerOptions:{required:!0,validate:r=>!!r.selectedOption}},isFunctional:!0}),t.jsx(Ne,{}),t.jsx(rt,{showAdditionalInfoLabel:!1,label:{label:n.recipientEmail,width:F},text:{type:"email",name:ae(e,"recipientEmail"),placeholder:n.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},Ue=(e,i,f)=>{if(e==null)return[];const u=f?.vendor?.find(h=>h.id===e);return u!=null||e!=null?[{label:u?.name??i??e??"",value:e??i??""}]:[]},Bt=e=>e?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],Nt=d(we)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,Mt=d.div`
+  display: flex;
+  flex-direction: column;
+`,Rt=d.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+`,Ne=d.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,re={containerWidth:new g(343,580,726),largeLabelWidth:new g(150,215,215),reviewContainerMarginLeft:new g(p[3],p[6]),reviewContainerMarginRight:new g(p[3],p[8])},zt=({vendorName:e,reviewDetails:i,paymentToOptions:f,style:u})=>{const h=Z(),c=re.largeLabelWidth.value(h),{billPay:n}=q.getLocalizedStrings().spendManagement,{dateFormat:F,common:P}=q.getLocalizedStrings(),b=n.billDetails,j=i?.paymentType,o=F.visual.MMMDCommaYYYYformat,k={amount:i?.amount?.amount??0,currencyCode:P.currency.currencyCode,currencySymbol:P.currency.currencySymbol},M=Ee(f.find(J=>J.id===i?.paymentToAccountId)),r=i?.paymentDate,w=Oe(j?.method??"");return t.jsx(_t,{children:t.jsxs(Ut,{windowSize:h,style:u,children:[t.jsxs(Jt,{children:[t.jsx(le,{children:b.pay}),t.jsx(le,{children:t.jsx(Ae,{amount:k,integerStyles:xe.largeSemiBold.cssObject})}),t.jsx(le,{children:b.to}),t.jsx(le,{children:e})]}),t.jsxs(Yt,{windowSize:h,children:[t.jsx(ie,{label:{label:b.withdrawFrom,width:c},style:{width:"auto",gap:p[3]},value:i?.withdrawFrom!=null?yt(i.withdrawFrom,h):P.strings.empty}),t.jsx(be,{}),t.jsx(ie,{label:{label:b.paymentMethod,width:c},style:{width:"auto"},value:Oe(j?.method??"")}),t.jsx(be,{}),r!=null?t.jsxs(t.Fragment,{children:[t.jsx(ie,{label:{label:b.paymentDate,width:c},style:{width:"auto"},value:r.format(o),additionalInfoLabel:`${b.estimatedArrival}${He(_e(r.toDate(),[0,6],j?.maxPeriod.value??0).toDateString()).format(o)} - (${w.length>0?`${w} `:""}${b.deliveryTimeLabel} = ${j?.maxPeriod.value??"0"} ${b.deliveryTimeUnits})`}),t.jsx(be,{})]}):null,t.jsx(ie,{label:{label:b.paymentTo,width:c},style:{width:"auto"},value:M??""})]}),t.jsx(Et,{children:t.jsxs(Wt,{windowSize:h,children:[t.jsx(qt,{children:t.jsx(Vt,{children:n.paymentDetails.total})}),t.jsx(Ht,{children:t.jsx(Ae,{amount:bt(k.amount,k.currencyCode,k.currencySymbol),integerStyles:xe.h6Medium.cssObject,decimalStyles:xe.standardMedium.cssObject})})]})})]})})},Vt=d.div``,Et=d.div`
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+`,Wt=d.div`
+  width: 100%;
+  padding: ${a.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${a.sp2};
+`,qt=d(qe)`
+  gap: ${a.sp1};
+  display: flex;
+  width: 100%;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+`,Ht=d(qe)`
+  display: flex;
+  width: calc(100% - 176px);
+  justify-content: flex-end;
+  color: ${e=>e.theme.colors.primary};
+`,_t=d.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,Ut=d.div`
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  margin-left: ${e=>re.reviewContainerMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>re.reviewContainerMarginRight.valuePx(e.windowSize)};
+`,Yt=d.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  margin-bottom: ${a.sp3};
+  margin-top: ${a.sp3};
+  width: ${e=>re.containerWidth.valuePx(e.windowSize)};
+`,be=d.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Jt=d.div`
+  display: flex;
+`,le=d(we)`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  margin-right: ${a.sp1};
+`,Me="expressPayPage",Gt=e=>`${e}_form`,N="recipientDetails",D="paymentDetails",ne={buttonWidth:new g(160,140),largeButtonWidth:new g(166,166)},di=({expressPayDetails:e,fileProps:i,analytics:f,accountId:u,onClickAddAccount:h,onSaveVendor:c,onVendorSelected:n,updateSelectedVendorForCreate:F,onBackClick:P,saveVendorDetailLocalData:b,saveExpressPayLocalData:j,resetVendorSaveStatus:o,onSchedulePayment:k,initializeVendorAddress:M,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:w,onEditFileName:J,onDeleteFile:de,updateFilesEntity:se})=>{const{vendorViewDetails:H,expressPayLocalData:y,vendorTypeList:G,allPaymentMethods:_,paymentToOptions:O,withdrawFromList:l,internationalWireOnboardingStatus:m,deleteFileStatusById:$,updateFileStatusById:K,submitStatus:Q,receiptFile:ce,vendorSaveStatus:ve}=e,[S,ee]=Y.useState(0),Ye=ze(),X=Z(),{common:Se,spendManagement:Je}=q.getLocalizedStrings(),pe=Se.footer,je=Se.currency,me=Je.zeniAccounts.expressPay,{editVendorState:ue,newVendorState:Ce}=H,R=y?.vendorId!=null?ue?.vendorDetailLocalData:Ce?.vendorDetailLocalData,Pe=Object.assign({},ue??Ce),Ge=R?.vendorName,$e=l.find(s=>s.id===u),te=Qe({mode:"onBlur",reValidateMode:"onChange",defaultValues:Re(G,l,O,$e,_,R,y,ce,r?.entityAutoCompleteView),values:Re(G,l,O,$e,_,R,y,ce,r?.entityAutoCompleteView)}),Te=De(Pe.saveStatus?.fetchState),Ie=De(Q);Y.useEffect(()=>{const s=te.watch((C,{name:x})=>{x!=null&&C!=null&&et(()=>Ke(x,C))});return()=>{s.unsubscribe()}}),Y.useEffect(()=>{Te==="In-Progress"&&ve==="Completed"&&(S===0?(ee(1),o?.(y?.vendorId)):S===1&&ee(2)),Ie==="In-Progress"&&Q==="Completed"&&P(y?.vendorId)},[Te,ve,S,o,y?.vendorId,Ie,Q,P]);const Ke=async(s,C)=>{if(s!=="recipientDetails.recipientEmail")if(s==="recipientDetails.recipient"){const x=C[N].recipient.selectedOption,A=r?.entityAutoCompleteView.vendor.find(L=>L.zeniId===x);Xe(C),M(),R?.vendorId!==x&&A!=null&&(n?.(x),ye(C,!1,O,x))}else if(s.includes("recipient"))he(C);else{const x=C[D].paymentMethod?.method,A=y?.paymentType?.method,L=x!=null&&A!=null&&(x.toLowerCase().includes("ach")&&A.toLowerCase().includes("wire")||x.toLowerCase().includes("wire")&&A.toLowerCase().includes("ach"));ye(C,L,O,y?.vendorId)}},Xe=s=>{const C=s[N].recipient.selectedOption,x=r?.entityAutoCompleteView.vendor.find(A=>A.id===C)!=null;if(C!=null&&x===!0)return F?.(C),void ye(s,!1,O,C);he(s,!0)},he=(s,C)=>{const x=R?.vendorId,A=function(L,ge,v,I){const B=L[N].recipient.defaultOptions.find(Ze=>Ze.value===L[N].recipient.selectedOption);return{vendorType:I===!0?void 0:L[N].recipientType.selectedOption,vendorId:ge,vendorName:B?.label??v?.vendorName,contacts:I===!0?[]:[{fullName:"",email:L[N].recipientEmail,phone:""}],bankAccountIds:I===!0?[]:v?.bankAccountIds??[],paymentInstrumentIds:I===!0?[]:v?.paymentInstrumentIds??[],vendorOwner:I===!0?void 0:v?.vendorOwner,isVendor1099:v?.isVendor1099,documentIds:v?.documentIds??[],fileIdsToBeDeleted:v?.fileIdsToBeDeleted??[],countryCode:I===!0?void 0:v?.countryCode,currencyCode:v?.currencyCode,currencySymbol:I===!0?void 0:v?.currencySymbol,deleteFileStatusById:v?.deleteFileStatusById??{},updateFileStatusById:v?.updateFileStatusById??{},recommendedCategory:v?.recommendedCategory,recommendedClass:v?.recommendedClass,isCategoryUpdateSelected:v?.isCategoryUpdateSelected??!1,isClassUpdateSelected:v?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:v?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:v?.isClassRecommendationPrefilled??!0}}(s,r?.entityAutoCompleteView.vendor.find(L=>L.zeniId===x)!=null?x:void 0,R,C);b?.(A,x)},ye=(s,C,x,A)=>{const L=(()=>{let I=[];return I=s[D].paymentMethod?.method.includes("wire")===!0?x.filter(B=>!!B.bankRoutingNumberWireTransfer).map(B=>B.id):x.filter(B=>!!B.bankRoutingNumberAch).map(B=>B.id),I})(),ge=x.find(I=>I.id===s[D]?.paymentTo?.selectedOption),v={vendorId:A,amount:{amount:s[D].amount,currencyCode:je.currencyCode,currencySymbol:je.currencySymbol},paymentDate:s[D].paymentDate?He(s[D].paymentDate.toString()):oe(),paymentType:s[D]?.paymentMethod!=null?s[D]?.paymentMethod:void 0,paymentToAccountId:C?L[0]:ge?.id,withdrawFrom:l.find(I=>I.id===s[D]?.withdrawFrom?.selectedOption),receiptFileId:s[D].receipt?.fileId};j?.(v)},Fe=te.handleSubmit(()=>{if(S===0||S===1){f.trackExpressPayNextClick(S===0?"Recipient Details":"Payment Details");const s=te.getValues();he(s),c(y?.vendorId)}else f.trackExpressPayScheduleClick(),k()}),Le={withdrawFrom:y?.withdrawFrom,paymentTo:y?.paymentToAccountId!=null?O.find(s=>s.id===y?.paymentToAccountId):void 0,paymentDate:y?.paymentDate,paymentType:y?.paymentType??_?.[0],recipientAmount:y?.amount?.amount};return t.jsxs(t.Fragment,{children:[t.jsx(tt,{title:me.pageTitle,onBackClick:()=>{S===0?P(y?.vendorId):ee(S===1?0:1)},backgroundColor:Ye.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),t.jsxs(Kt,{windowSize:X,children:[t.jsx(St,{pageIndex:S}),t.jsx(it,{...te,children:t.jsx("form",{id:Me,onSubmit:Fe,children:S===0?t.jsx(At,{sectionId:N,vendorTypeList:G,formLocalData:R,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:w}):S===1?t.jsx(Ft,{sectionId:D,paymentDetails:Le,paymentToOptions:O,allPaymentMethods:_,withdrawFromList:l,internationalVerificationStatus:m,fileProps:{...i,onEditFileName:J,onDeleteFile:de,updateFilesEntity:se},deleteFileStatusById:$,updateFileStatusById:K,receiptFile:ce,onClickAddAccount:()=>{const s=Le?.paymentType;s!=null&&h(s)}}):S===2?t.jsx(zt,{reviewDetails:y,paymentToOptions:O,vendorName:Ge}):null})})]}),t.jsx(at,{formId:Gt(Me),style:{width:"100%"},primaryBtn:{label:S===2?oe().isSame(y?.paymentDate,"date")?me.sendMoney:me.schedulePayment:pe.next,isLoading:S===0||S===1?Pe.saveStatus?.fetchState==="In-Progress":Q==="In-Progress",style:{width:S===2?ne.largeButtonWidth.value(X):ne.buttonWidth.value(X),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{Fe()}},cancelBtn:{label:S===2?pe.edit:pe.cancel,style:{width:S===2?ne.largeButtonWidth.value(X):ne.buttonWidth.value(X),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:()=>{S===2?ee(1):P(y?.vendorId)}}})]})},Re=(e,i,f,u,h,c,n,F,P)=>{const b=(()=>{let j=[];return j=n?.paymentType?.method.includes("wire")===!0?f.filter(o=>!!o.bankRoutingNumberWireTransfer).map(o=>o.id):f.filter(o=>!!o.bankRoutingNumberAch).map(o=>o.id),j})();return{[N]:{recipient:{defaultOptions:Ue(c?.vendorId,c?.vendorName,P),selectedOption:c?.vendorId??c?.vendorName??""},recipientEmail:c?.contacts?.[0]?.email??"",recipientName:c?.vendorName??"",recipientType:{allOptions:e.map(j=>j.code),selectedOption:c?.vendorType}},[D]:{paymentMethod:n?.paymentType??h?.[0],withdrawFrom:{selectedOption:n?.withdrawFrom?.id??u?.id??i[0]?.id,allOptions:i.map(j=>({label:j.label,value:j.id}))},amount:n?.amount.amount??0,paymentDate:n?.paymentDate?.toDate()??_e(oe().toDate(),[0,6],0),paymentTo:{allOptions:n?.paymentType!=null?b:[],selectedOption:n?.paymentToAccountId??b[0]},receipt:F}}},Kt=d.div`
+  display: flex;
+  flex-wrap: wrap;
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  margin-top: ${e=>e.windowSize==="small"?a.sp3:0};
+`;export{di as default,Gt as formUniqueName};

package/dist/assets/{FeaturePreviewPage-bAjG281t-DrnFeG_l.js → FeaturePreviewPage-Brau5064-B_mFzC9F.js}

@@ -1,11 +1,11 @@
-import{e as v,q as f,F as k,aS as s,p,V as e,cm as y,y as n,cn as _,co as x,u as c}from"./index-BsBAi_Kg.js";import{n as l}from"./mui-bYXq4XMS.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const i={popupWidth:new n(200,468,468,468),buttonWidth:new n(140,160,160,160),popupContainerLeft:new n(c[0],c[0],255),popupContainerWidth:new n(100,100,85)},z=l.div`
+import{i as w,u as f,a as k,bs as s,C as n,j as e,dc as y,R as p,dd as x,de as _,s as c}from"./index-2CdI-B2B.js";import{n as l}from"./mui-kiGMfX4-.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const i={popupWidth:new p(200,468,468,468),buttonWidth:new p(140,160,160,160),popupContainerLeft:new p(c[0],c[0],255),popupContainerWidth:new p(100,100,85)},z=l.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
   width: 100%;
   flex-direction: column;
-  background-color: ${t=>t.theme.colors.grey4};
-`,W=l.img`
+  background-color: ${a=>a.theme.colors.grey4};
+`,C=l.img`
   width: 100%;
   height: 100%;
-`,C={mobile:{dashboard:"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",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""},normal:{dashboard:"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",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""}};function q({menuItem:t,onDemoClick:g,onGoBack:d}){const a=v(),o=f(),u=`${C[o==="small"?"mobile":"normal"][t]}-${a.mode}.png`,{featurePreview:r}=k.getLocalizedStrings(),m=r.popups[t],h=a.mode==="light"?new s(p.backgroundGradient1Light):new s(p.backgroundGradient1Dark),b=a.mode==="light"?new s(p.backgroundGradient2Light):new s(p.backgroundGradient2Dark),w={onOkClick:()=>{g()},onCancelClick:()=>{d()}};return e.jsxs(z,{children:[e.jsx(W,{src:u,alt:"feature-preview",loading:"lazy"}),e.jsx(y,{titleComponent:e.jsx(x,{children:m.title}),descriptionComponent:e.jsx(_,{children:m.text}),primaryButtonText:r.scheduleDemo,secondaryButtonText:r.goBack,action:w,primaryButtonWidth:i.buttonWidth.value(o),secondaryButtonWidth:i.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${h} 0%, ${b} 100%)`,backdropFilter:"blur(2px)",width:i.popupContainerWidth.valuePercentage(o),left:i.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${a.colors.grey1}`,minWidth:i.popupWidth.valuePx(o)}})]})}export{q as default};
+`,W={mobile:{dashboard:"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",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-mobile",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""},normal:{dashboard:"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",people:"",rewards:"",cards:"",checking:"https://storage.googleapis.com/zeni-apis.appspot.com/images/accounts-view-normal",treasury:"",accounting:"",approval_rules:"",bank_connections:"",business_verification:"",company_details:"",integrations:"",my_profile:"",my_bank_connections:"",notifications:"",billing:"",performance:"",ai_accountant:"",ai_cfo:""}};function T({menuItem:a,onDemoClick:g,onGoBack:d}){const t=w(),o=f(),u=`${W[o==="small"?"mobile":"normal"][a]}-${t.mode}.png`,{featurePreview:r}=k.getLocalizedStrings(),m=r.popups[a],h=t.mode==="light"?new s(n.backgroundGradient1Light):new s(n.backgroundGradient1Dark),b=t.mode==="light"?new s(n.backgroundGradient2Light):new s(n.backgroundGradient2Dark),v={onOkClick:()=>{g()},onCancelClick:()=>{d()}};return e.jsxs(z,{children:[e.jsx(C,{src:u,alt:"feature-preview",loading:"lazy"}),e.jsx(y,{titleComponent:e.jsx(_,{children:m.title}),descriptionComponent:e.jsx(x,{children:m.text}),primaryButtonText:r.scheduleDemo,secondaryButtonText:r.goBack,action:v,primaryButtonWidth:i.buttonWidth.value(o),secondaryButtonWidth:i.buttonWidth.value(o),style:{background:`radial-gradient(50% 50% at 50% 50%, ${h} 0%, ${b} 100%)`,backdropFilter:"blur(2px)",width:i.popupContainerWidth.valuePercentage(o),left:i.popupContainerLeft.value(o)},containerStyle:{border:`1px solid ${t.colors.grey1}`,minWidth:i.popupWidth.valuePx(o)}})]})}export{T as default};

package/dist/assets/FollowStepsSection-Dhf67oqf-CptFWIJS.js

@@ -0,0 +1,390 @@
+import{j as l,u as M,a as K,dF as A,dN as W,i as Q,dL as Z,R as L,hB as _,b as o,bm as P,fD as ne,b3 as Y,ht as de,hu as ce,B as pe,C as u,s as b,hX as ue,dO as xe,dM as he,ak as fe,co as ye,t as H,eB as ve,cp as ge,cn as $e}from"./index-2CdI-B2B.js";import{n}from"./mui-kiGMfX4-.js";import{a as F}from"./core-tlHkQPPu.js";const w={width:new L(343,580,726),height:new L(b[6],b[6]),controlHeight:new L(b[6],b[6]),paddingLeftRight:new L(b[3],b[4]),paddingTop:new L(b[3],b[3]),paddingBottom:new L(b[3],b[2]),labelMarginRight:new L(b[3],b[4])};function we({isDisabled:e,label:r,firstText:t,secondText:p,style:k,isFieldError:j}){const x=M(),{formState:{errors:S}}=A(),f=W(S,t.name),$=W(S,p.name),s=Q();return l.jsxs(ke,{size:x,style:k,isDisabled:e!=null,isErrorFirstText:f,isErrorSecondText:$,"data-testid":P("labeled-multi-text-field",t.name),children:[l.jsx(Z,{isDisabled:e,label:r.label,style:{marginRight:w.labelMarginRight.value(x),width:r.width??"auto",color:s.colors.champion}}),l.jsxs(je,{labelWidth:r.width,children:[l.jsxs(te,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(_,{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:w.controlHeight.value(x),cursor:"inherit",backgroundColor:s.colors.grey3,borderRadius:o.sp1,color:s.colors.primary},hoverBgColor:s.colors.background,bgColor:s.colors.background,disabledColor:s.colors.background,isFieldError:j,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||f&&t.additionalErrorLabel?l.jsx(se,{isError:f,children:f?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(l.Fragment,{children:[l.jsxs(Se,{children:[l.jsx(oe,{}),l.jsx(Te,{}),l.jsx(oe,{})]}),l.jsxs(te,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(_,{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:w.controlHeight.value(x),cursor:"inherit",backgroundColor:s.colors.grey3,borderRadius:o.sp1,color:s.colors.primary},hoverBgColor:s.colors.background,bgColor:s.colors.background,disabledColor:s.colors.background,isFieldError:j,defaultValue:t.defaultValue}),l.jsx(se,{isError:$,children:p.additionalInfoLabel})]})]})]})]})}const ke=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>w.width.valuePx(e.size)};
+  min-height: ${e=>w.height.valuePx(e.size)};
+  padding-left: ${e=>w.paddingLeftRight.valuePx(e.size)};
+  padding-right: ${e=>w.paddingLeftRight.valuePx(e.size)};
+  padding-top: ${e=>w.paddingTop.valuePx(e.size)};
+  padding-bottom: ${e=>w.paddingBottom.valuePx(e.size)};
+  gap: ${o.sp3};
+
+  :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: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+
+    .firstField {
+      input {
+        background-color: ${e=>e.isErrorFirstText?u.importantLight:e.theme.colors.background};
+      }
+    }
+
+    .secondField {
+      input {
+        background-color: ${e=>e.isErrorSecondText?u.importantLight:e.theme.colors.background};
+      }
+    }
+  }
+  .firstField {
+    input {
+      background-color: ${e=>e.isErrorFirstText?u.importantLight:e.theme.colors.background};
+    }
+  }
+
+  .secondField {
+    input {
+      background-color: ${e=>e.isErrorSecondText?u.importantLight:e.theme.colors.background};
+    }
+  }
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+
+    .firstField {
+      input {
+        background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isErrorFirstText?u.importantLight:e.theme.colors.background};
+      }
+    }
+
+    .secondField {
+      input {
+        background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isErrorSecondText?u.importantLight:e.theme.colors.background};
+      }
+    }
+  }
+`,je=n.div`
+  display: flex;
+  width: 100%;
+  align-items: baseline;
+  flex-grow: 1;
+  gap: ${o.sp3};
+  input {
+    text-align: left;
+  }
+`,te=n.div`
+  width: inherit;
+  position: relative;
+`,Se=n.div`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+`,Te=n.div`
+  width: ${o.sp8};
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+`,oe=n.div`
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.primary};
+`,se=n(ue)`
+  display: flex;
+  color: ${e=>e.isError?u.important:e.theme.colors.hero};
+  white-space: pre-line;
+  margin-top: ${o.sp1};
+`;function Le({isDisabled:e,label:r,firstText:t,secondText:p,style:k,isFieldError:j}){const x=M(),{formState:{errors:S}}=A(),f=W(S,t.name),$=W(S,p.name),s=Q();return l.jsxs(Oe,{size:x,style:k,isDisabled:e!=null,isErrorFirstText:f,isErrorSecondText:$,children:[l.jsx(Z,{isDisabled:e,label:r.label,style:{marginRight:w.labelMarginRight.value(x),width:r.width??"auto",color:s.colors.champion}}),l.jsxs(Ie,{labelWidth:r.width,children:[p.hideField?null:l.jsxs(De,{children:[l.jsx(ie,{}),l.jsx(Ee,{isAdditionalLabel:(!!t.additionalInfoLabel&&t.isDisabled)===!0}),l.jsx(ie,{})]}),l.jsxs(Ce,{children:[l.jsxs(re,{className:"firstField",isDisabled:t.isDisabled,children:[l.jsx(_,{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:w.controlHeight.value(x),cursor:"inherit",backgroundColor:s.colors.grey3,borderRadius:o.sp1,color:s.colors.primary},hoverBgColor:s.colors.background,bgColor:s.colors.background,disabledColor:s.colors.background,isFieldError:j,defaultValue:t.defaultValue}),t.additionalInfoLabel&&t.isDisabled||f&&t.additionalErrorLabel?l.jsx(ae,{isError:f,children:f?t.additionalErrorLabel:t.additionalInfoLabel}):null]}),p.hideField?null:l.jsxs(re,{className:"secondField",isDisabled:p.isDisabled,children:[l.jsx(_,{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:w.controlHeight.value(x),cursor:"inherit",backgroundColor:s.colors.grey3,borderRadius:o.sp1,color:s.colors.primary},hoverBgColor:s.colors.background,bgColor:s.colors.background,disabledColor:s.colors.background,isFieldError:j,defaultValue:t.defaultValue}),l.jsx(ae,{isError:$,children:p.additionalInfoLabel})]})]})]})]})}const Oe=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>w.width.valuePx(e.size)};
+  min-height: ${e=>w.height.valuePx(e.size)};
+  padding-left: ${e=>w.paddingLeftRight.valuePx(e.size)};
+  padding-right: ${e=>w.paddingLeftRight.valuePx(e.size)};
+  padding-top: ${e=>w.paddingTop.valuePx(e.size)};
+  padding-bottom: ${e=>w.paddingBottom.valuePx(e.size)};
+  gap: ${o.sp3};
+
+  :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: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+
+    .firstField {
+      input {
+        background-color: ${e=>e.isErrorFirstText?u.importantLight:e.theme.colors.background};
+      }
+    }
+
+    .secondField {
+      margin-top: ${o.sp3};
+      input {
+        background-color: ${e=>e.isErrorSecondText?u.importantLight:e.theme.colors.background};
+      }
+    }
+  }
+  .firstField {
+    input {
+      background-color: ${e=>e.isErrorFirstText?u.importantLight:e.theme.colors.background};
+    }
+  }
+
+  .secondField {
+    margin-top: ${o.sp3};
+    input {
+      background-color: ${e=>e.isErrorSecondText?u.importantLight:e.theme.colors.background};
+    }
+  }
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+
+    .firstField {
+      input {
+        background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isErrorFirstText?u.importantLight:e.theme.colors.background};
+      }
+    }
+
+    .secondField {
+      margin-top: ${o.sp3};
+      input {
+        background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isErrorSecondText?u.importantLight:e.theme.colors.background};
+      }
+    }
+  }
+`,Ie=n.div`
+  display: flex;
+  width: 100%;
+  flex-grow: 1;
+  input {
+    text-align: left;
+  }
+`,Ce=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,re=n.div`
+  width: inherit;
+`,De=n.div`
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  margin-right: ${o.sp4};
+  margin-top: ${o.sp3};
+`,Ee=n.div`
+  width: 2px;
+  height: ${e=>e.isAdditionalLabel?o.sp10:o.sp7};
+  background-color: ${e=>e.theme.colors.primary};
+`,ie=n.div`
+  width: ${o.sp2};
+  height: ${o.sp2};
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.primary};
+`,ae=n(ue)`
+  display: flex;
+  color: ${e=>e.isError?u.important:e.theme.colors.hero};
+  white-space: pre-line;
+  margin-top: ${o.sp1};
+`;function dl(e){return M()==="small"?l.jsx(Le,{...e}):l.jsx(we,{...e})}const Ue=({allOptions:e,selectedValue:r,name:t,onSelectedValueChanged:p,valueToLabel:k,disable:j=!1,defaultMenuIsOpen:x,placeholderLabel:S})=>{const{formState:{errors:f}}=A(),$=W(f,t??""),s=Q(),[O,E]=F.useState(void 0),[m,U]=F.useState(x),C=F.useCallback(d=>({value:d,label:k(d)}),[k]);F.useEffect(()=>{const d=r==null?void 0:C(r);E(d?.label===""?void 0:d)},[r,k,C]);const B=s.colors.grey5,V=s.colors.grey5,D=H.smallRegular,q=H.extraSmallRegular,z={control:(d,{selectProps:v})=>({...d,border:0,height:b[6],backgroundColor:v.menuIsOpen===!0?s.colors.background:$===!0?u.importantLight:s.colors.background,boxShadow:V,":hover":{fill:s.colors.primary,backgroundColor:s.colors.background,borderColor:"none"},width:"auto",minHeight:"auto",cursor:"pointer"}),container:d=>({...d,backgroundColor:V,width:"100%"}),singleValue:(d,{data:v})=>({...d,alignItems:"center",margin:`${o.sp0}`,height:`${o.sp4}`,color:v.value==="require_approval"?u.alertDark:u.successDark,...H.standardRegular.cssObject,width:"100%",textOverflow:"ellipsis"}),valueContainer:(d,{selectProps:v})=>({...d,maxWidth:"100%",cursor:"pointer",...q,overflow:"visible",minWidth:"auto",padding:0,display:"flex",justifyContent:v.menuIsOpen===!1?"flex-end":"flex-start",alignItems:"center",flexWrap:"nowrap",paddingLeft:o.sp3,marginRight:o.sp3,width:" -webkit-fill-available"}),menu:d=>({...d,backgroundColor:B,borderRadius:4,boxShadow:`${o.sp0} 2px ${o.sp2} ${s.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,margin:0,width:"100%",WebkitJustifyContent:"unset",overflow:"hidden"}),menuList:d=>({...d,borderRadius:10}),placeholder:d=>({...d,width:"100%",height:b[4],...H.standardRegular.cssObject,color:$===!0?u.important:s.colors.grey1,display:"flex",justifyContent:"flex-start",alignItems:"center"}),option:(d,{isSelected:v,isFocused:R,isDisabled:a,data:h})=>({...d,...D,height:b[6],color:h.value==="require_approval"?u.alertDark:u.successDark,backgroundColor:v||R?s.colors.background:B,cursor:a?"not-allowed":"pointer",borderTop:h.topBorder===!0?`1px solid ${u.optionBorderLight}`:"none",":hover":{backgroundColor:s.colors.background},":first-div":{width:"100%"},"& label":{flex:1,paddingRight:"10px",cursor:a?"not-allowed":v?"default":"pointer"},zIndex:2}),input:(d,v)=>({color:s.colors.primary,overflow:"hidden",zIndex:2,height:b[4],width:v.selectProps.menuIsOpen?"auto":"0",position:"absolute",display:"flex",alignItems:"center",...H.standardRegular.cssObject})};return l.jsx(fe,{onClickAway:()=>{U(!1)},children:l.jsx(ye,{isMulti:!1,onChange:d=>{(v=>{p(v)})(d)},minMenuHeight:208,menuPlacement:"auto",menuShouldScrollIntoView:!1,defaultValue:O,value:O,placeholder:S,components:{Option:Re,DropdownIndicator:Me,IndicatorSeparator:Ae,SingleValue:ze},hideSelectedOptions:!1,styles:z,options:(I=e,I.map(d=>C(d))),isClearable:!1,isSearchable:!1,isDisabled:j,defaultMenuIsOpen:m,"data-testid":P("single-select",t)},ve())});var I},ze=({children:e,...r})=>l.jsx(ge.SingleValue,{...r,children:e}),Re=e=>{const{data:r,options:t,isFocused:p,label:k,isSelected:j}=e,x=t.find(f=>f.value===r.value),S=typeof r.label=="string"?r.label:r.value;return l.jsxs(ge.Option,{...e,children:[l.jsxs(Ne,{"data-testid":P("single-select-option",S),children:[l.jsxs(Fe,{children:[l.jsx("label",{children:k}),p===!0&&x?.id!=null&&l.jsx(Pe,{children:x.id})]}),j?l.jsx(Be,{children:l.jsx(Ve,{className:"tick-icon"})}):null]}),x.additionalInfo!==""&&l.jsx(l.Fragment,{children:x.additionalInfo})]})},Ne=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,Fe=n.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+`,Pe=n.div`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: flex-end;
+  padding: 1px 6px;
+  height: 20px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: ${o.sp1};
+  margin: 0 ${o.sp5} 0 ${o.sp3};
+`,Be=n.div`
+  display: flex;
+`,Ve=n($e)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.primary};
+`,Me=()=>null,Ae=()=>null,me=F.memo(({name:e,registerOptions:r,value:t,isDisabled:p,defaultMenuIsOpen:k,placeholderLabel:j})=>{const{control:x}=A(),S=t.allOptions.map($=>$.value??""),f=$=>t.allOptions.find(s=>s.value===$.value)?.value;return l.jsx(xe,{name:e,control:x,defaultValue:t,rules:r,"data-testid":P("single-select-field",e),render:({field:{value:$,onChange:s}})=>l.jsx(Ue,{allOptions:S,onSelectedValueChanged:O=>{s({allOptions:t.allOptions,selectedOption:f(O)})},valueToLabel:O=>(E=>t.allOptions.filter(U=>U.value===E)[0]?.label??"")(O),selectedValue:$.selectedOption,disable:p,name:e,defaultMenuIsOpen:k,placeholderLabel:j})})},(e,r)=>Y(e,r)),T={width:new L(343,580,726),height:new L(b[6],b[6]),paddingLeftRight:new L(b[3],b[4]),paddingTopBottom:new L(b[3],b[3]),labelMarginRight:new L(b[3],b[4])},G=(e,r)=>`${e}.${r}`;function qe({label:e,isDisabled:r,sectionId:t,style:p,approversPlaceholder:k,notifiersPlaceholder:j,userSelectPlaceholder:x,approveNotifyPlaceholder:S,allUserWithRoles:f,filteredApprovers:$,allAttributes:s,filteredAttributes:O,allAccountingClasses:E,stepsInfo:m,productType:U}){const C=M(),{commonSetUp:{approval:B}}=K.getLocalizedStrings(),V=$.length+O.length,D=f.map(a=>a.user),{control:q,setValue:z}=A(),{fields:I,replace:d}=ne({name:t,control:q});F.useEffect(()=>{const a=I.map(i=>{const{actors:c,stepType:y}=i;return{selectedUsers:c.selectedUsers.map(g=>g.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=m.map(i=>{const{actors:c,stepType:y}=i;return{selectedUsers:c.selectedUsers.map(g=>g.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!Y(a,h)){const i=m.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:D,allNonUsers:ee(s)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:le}}));d(i)}},[D,m,I,d,s]);const v=m[m.length-1],R=r!=null||V===0||v.actors.selectedUsers.length+v.actors.selectedNonUsers.length===0||!!v.stepType.selectedOption==0;return l.jsxs(He,{size:C,style:p,isDisabled:!1,isError:!1,children:[l.jsx(Z,{label:e.label,style:{marginRight:T.labelMarginRight.value(C),width:"auto"}}),m.map((a,h)=>l.jsxs(We,{labelWidth:e.width,children:[l.jsxs(Xe,{children:[h+1,"."]}),l.jsx(Ze,{children:l.jsx(me,{name:G(`${t}.${a.stepIndex}`,"stepType"),value:a.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&a.stepType.selectedOption==null,registerOptions:{required:!0,validate:i=>i!=null&&i.selectedOption!=null||r!=null},placeholderLabel:S})}),l.jsxs(Je,{children:[l.jsx(de,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:a.stepType.selectedOption==null?x:a.stepType.selectedOption==="require_approval"?k:j,name:G(`${t}.${a.stepIndex}`,"actors"),value:a.actors,operator:a.stepType!=null&&a.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:i=>i!=null&&(i.selectedUsers!=null&&i.selectedUsers.length>0||i.selectedNonUsers!=null&&i.selectedNonUsers.length>0)||r!=null},valueToSubtitle:i=>{const c=f.map(g=>g.role).find(g=>g?.userId===i),y=[];if(c!=null){const g=ce(c.userRoles,U);g.length>0&&y.push(g),c.accountingClassIDs.forEach(J=>{const N=E.find(X=>X.classId===J);N!=null&&N.className&&y.push(N.className)})}return y}}),a.stepIndex>0&&l.jsx(_e,{onClick:()=>(i=>{const c=m.filter((y,g)=>g!==i);z(t,c)})(h)})]})]},I[h]?.id||h)),l.jsx(Ge,{disabled:R,children:l.jsx(pe,{onClick:()=>{const a=m[m.length-1].stepIndex,h=be(a+1,D,s);z(t,[...m,h])},style:{padding:`${o.sp1} ${o.sp2}`,borderRadius:o.sp1},label:B.addStep,size:"small",disabled:R,"data-testid":P("add-step-button-web")})})]})}const be=(e,r,t)=>({stepIndex:e,actors:{allUsers:r,selectedUsers:[],allNonUsers:ee(t),selectedNonUsers:[]},stepType:{allOptions:le,selectedOption:void 0}}),ee=e=>{const r=K.getLocalizedStrings().commonSetUp.approval.nonUsers;return e.map(t=>({label:r[t].label,value:t,position:"top",subtitles:[r[t].subTitle]}))},le=[{label:"Require",value:"require_approval"},{label:"Notify",value:"send_notification"}],He=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>T.width.valuePx(e.size)};
+  min-height: ${e=>T.height.valuePx(e.size)};
+  padding-left: ${e=>T.paddingLeftRight.valuePx(e.size)};
+  padding-right: ${e=>T.paddingLeftRight.valuePx(e.size)};
+  padding-top: ${e=>T.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>T.paddingTopBottom.valuePx(e.size)};
+  gap: ${o.sp3};
+
+  :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: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+
+    input {
+      background-color: ${e=>e.isError?u.importantLight:e.theme.colors.background};
+    }
+  }
+  input {
+    background-color: ${e=>e.isError?u.importantLight:e.theme.colors.grey5};
+  }
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+    input {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?u.importantLight:e.theme.colors.background};
+    }
+  }
+`,We=n.div`
+  display: flex;
+  width: 100%;
+  align-items: baseline;
+  flex-grow: 1;
+  gap: ${o.sp3};
+`,_e=n(he)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${u.important};
+  }
+`,Ge=n.div`
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  &:hover {
+    > button > div {
+      color: ${e=>e.disabled?e.theme.colors.grey1:e.theme.colors.primary};
+    }
+  }
+`,Ze=n.div`
+  display: flex;
+  align-items: center;
+  width: 174px;
+`,Je=n.div`
+  flex: 2;
+  display: flex;
+  gap: ${o.sp3};
+  align-items: baseline;
+  max-height: 300px;
+`,Xe=n.div`
+  width: ${o.sp5};
+  color: ${e=>e.theme.colors.hero};
+`;function Ke({label:e,isDisabled:r,sectionId:t,style:p,approversPlaceholder:k,notifiersPlaceholder:j,userSelectPlaceholder:x,approveNotifyPlaceholder:S,allUserWithRoles:f,filteredApprovers:$,allAttributes:s,filteredAttributes:O,allAccountingClasses:E,stepsInfo:m,productType:U}){const C=M(),{commonSetUp:{approval:B}}=K.getLocalizedStrings(),V=$.length+O.length,D=f.map(a=>a.user),{control:q,setValue:z}=A(),{fields:I,replace:d}=ne({name:t,control:q});F.useEffect(()=>{const a=I.map(i=>{const{actors:c,stepType:y}=i;return{selectedUsers:c.selectedUsers.map(g=>g.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}}),h=m.map(i=>{const{actors:c,stepType:y}=i;return{selectedUsers:c.selectedUsers.map(g=>g.userId),selectedNonUsers:c.selectedNonUsers,selectedOption:y.selectedOption}});if(!Y(a,h)){const i=m.map((c,y)=>({actors:{selectedUsers:c.actors.selectedUsers,selectedNonUsers:c.actors.selectedNonUsers,allUsers:D,allNonUsers:ee(s)},stepIndex:y,stepType:{selectedOption:c.stepType.selectedOption,allOptions:le}}));d(i)}},[D,m,I,d,s]);const v=m[m.length-1],R=r!=null||V===0||v.actors.selectedUsers.length+v.actors.selectedNonUsers.length===0||!!v.stepType.selectedOption==0;return l.jsxs(Qe,{size:C,style:p,isDisabled:!1,isError:!1,children:[l.jsx(Z,{label:e.label,style:{marginRight:T.labelMarginRight.value(C),width:"auto"}}),m.map((a,h)=>l.jsxs(Ye,{labelWidth:e.width,children:[l.jsxs(rl,{children:[h+1,"."]}),l.jsxs(sl,{children:[l.jsx(me,{name:G(`${t}.${a.stepIndex}`,"stepType"),value:a.stepType,isDisabled:h===0,defaultMenuIsOpen:h===1&&a.stepType.selectedOption==null,registerOptions:{required:!0,validate:i=>i!=null&&i.selectedOption!=null||r!=null},placeholderLabel:S}),l.jsxs(tl,{children:[l.jsx(ol,{children:l.jsx(de,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!0,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:a.stepType.selectedOption==null?x:a.stepType.selectedOption==="require_approval"?k:j,name:G(`${t}.${a.stepIndex}`,"actors"),value:a.actors,operator:a.stepType!=null&&a.stepType.selectedOption==="require_approval"?"or":"and",registerOptions:{required:!0,validate:i=>i!=null&&(i.selectedUsers!=null&&i.selectedUsers.length>0||i.selectedNonUsers!=null&&i.selectedNonUsers.length>0)||r!=null},valueToSubtitle:i=>{const c=f.map(g=>g.role).find(g=>g?.userId===i),y=[];if(c!=null){const g=ce(c.userRoles,U);g.length>0&&y.push(g),c.accountingClassIDs.forEach(J=>{const N=E.find(X=>X.classId===J);N!=null&&N.className&&y.push(N.className)})}return y}})}),a.stepIndex>0&&l.jsx(el,{onClick:()=>(i=>{const c=m.filter((y,g)=>g!==i);z(t,c)})(h),"data-testid":P("delete-step",h.toString())})]})]})]},I[h]?.id||h)),l.jsx(ll,{disabled:R,children:l.jsx(pe,{onClick:()=>{const a=m[m.length-1].stepIndex,h=be(a+1,D,s);z(t,[...m,h])},style:{width:"100%"},label:B.addStep,size:"standard",variant:"light_transparent",disabled:R,"data-testid":P("add-step-button-small")})})]})}const Qe=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>T.width.valuePx(e.size)};
+  min-height: ${e=>T.height.valuePx(e.size)};
+  padding-left: ${e=>T.paddingLeftRight.valuePx(e.size)};
+  padding-right: ${e=>T.paddingLeftRight.valuePx(e.size)};
+  padding-top: ${e=>T.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>T.paddingTopBottom.valuePx(e.size)};
+  gap: ${o.sp3};
+
+  :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: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+
+    input {
+      background-color: ${e=>e.isError?u.importantLight:e.theme.colors.background};
+    }
+  }
+  input {
+    background-color: ${e=>e.isError?u.importantLight:e.theme.colors.grey5};
+  }
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+    input {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?u.importantLight:e.theme.colors.background};
+    }
+  }
+`,Ye=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  width: 100%;
+  max-width: 100%;
+  flex-grow: 1;
+  gap: ${o.sp2};
+`,el=n(he)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  margin-left: ${o.sp2};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${u.important};
+  }
+`,ll=n.div`
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+`,tl=n.div`
+  flex: 2;
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  width: 100%;
+`,ol=n.div`
+  display: flex;
+  width: 100%;
+  min-width: ${o.sp0};
+`,sl=n.div`
+  flex: 2;
+  display: flex;
+  flex-direction: column;
+  gap: ${o.sp2};
+  align-items: center;
+  max-width: 100%;
+  min-width: ${o.sp0};
+`,rl=n.div`
+  width: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+`;function cl(e){return M()==="small"?l.jsx(Ke,{...e}):l.jsx(qe,{...e})}export{cl as D,dl as K,le as h,ee as u};