@zeniai/web-components 3.16.99 → 3.17.2

package/dist/ExpressPayPage-CwpKyVeN.cjs

@@ -0,0 +1,168 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-.pnpm-D0ILHvHB.cjs"),Y=require("react"),a=require("@emotion/styled"),F=require("@zeniai/client-epic-state"),e=require("./index-gTpRqqAW.cjs"),Ne=require("./LabeledDocumentField-BSybi4uV.cjs"),Q=require("./LabeledText-BhHEFarC.cjs"),We={progressBarWidth:new e.ResponsiveSized(343,726)},Ve=({pageIndex:t})=>{const o=e.useWindowSizeContext(),i=n.useTheme(),d=e.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.expressPay.progressBar,x=[d.stateOne,d.stateTwo,d.stateThree];return o==="small"?n.jsxRuntimeExports.jsxs(He,{children:[n.jsxRuntimeExports.jsx(e.VerticalProgressBar,{coloredSectionCount:t,stretchedSection:1,totalSections:2,barColor:i.colors.brandColorJade,isFrozen:!1,topMargin:8}),n.jsxRuntimeExports.jsx(Ye,{children:x.map((m,s)=>n.jsxRuntimeExports.jsx(Je,{isLast:s==x.length-1,isRelevant:s<=t,perSectionHeight:100/x.length,children:n.jsxRuntimeExports.jsx(Re,{children:m})},s))})]}):n.jsxRuntimeExports.jsxs(qe,{windowSize:o,children:[n.jsxRuntimeExports.jsx(e.ProgressBar,{coloredSectionCount:t,totalSections:2,barColor:i.colors.brandColorJade,isFrozen:!1}),n.jsxRuntimeExports.jsx(_e,{children:x.map((m,s)=>n.jsxRuntimeExports.jsx(Ue,{stateIndex:s,isRelevant:s<=t,children:n.jsxRuntimeExports.jsx(Re,{children:m})},m))})]})},qe=a.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: ${e.Space.sp3};
+  position: relative;
+  width: ${t=>We.progressBarWidth.valuePx(t.windowSize)};
+`,He=a.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  height: 136px;
+  margin-top: ${e.Space.sp3};
+  margin-left: ${e.Space.sp2};
+  margin-bottom: ${e.Space.sp5};
+  align-self: flex-start;
+`,_e=a.div`
+  display: flex;
+  margin: ${e.Space.sp3} ${e.Space.sp0};
+  justify-content: space-between;
+  height: ${e.Space.sp6};
+`,Ue=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: ${t=>t.stateIndex===0?"left":t.stateIndex===1?"center":"right"};
+  color: ${t=>t.isRelevant?t.theme.colors.primary:t.theme.colors.grey2};
+`,Re=a(e.StandardRegularSp)``,Ye=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin: -${e.Space.sp2} ${e.Space.sp3} ${e.Space.sp3} ${e.Space.sp3};
+  justify-content: space-between;
+  height: 186px;
+`,Je=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: relative;
+  height: ${t=>`${t.perSectionHeight}%`};
+  color: ${t=>t.isRelevant?t.theme.colors.primary:t.theme.colors.grey2};
+`,T={containerWidth:new e.ResponsiveSized(343,580,726),labelWidth:new e.ResponsiveSized(120,160,160),largeLabelWidth:new e.ResponsiveSized(150,228,228),largeLabelPickerWidth:new e.ResponsiveSized(100,180,180),paddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[2]),marginTop:new e.ResponsiveSized(e.sp[2],e.sp[0]),paddingRight:new e.ResponsiveSized(e.sp[2],e.sp[3]),labelMarginLeftPicker:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginRightPicker:new e.ResponsiveSized(e.sp[3],e.sp[4]),labelMarginTopPicker:new e.ResponsiveSized(e.sp[2],e.sp[2]),labeledFieldPaddingLeft:new e.ResponsiveSized(e.sp[0],e.sp[0]),labeledFieldPaddingRight:new e.ResponsiveSized(e.sp[2],e.sp[2]),labeledFieldPaddingTop:new e.ResponsiveSized(e.sp[2],e.sp[2]),labeledFieldPaddingBottom:new e.ResponsiveSized(e.sp[2],e.sp[2]),infoLabelPaddingRight:new e.ResponsiveSized(e.sp[0],e.sp[3]),infoLabelMarginTop:new e.ResponsiveSized(e.sp[1],e.sp[0])},B=(t,o)=>`${t}.${o}`,Xe=({sectionId:t,paymentDetails:o,allPaymentMethods:i,paymentToOptions:d,withdrawFromList:x,internationalVerificationStatus:m,fileProps:s,receiptFile:P,deleteFileStatusById:v,updateFileStatusById:R,onClickAddAccount:w})=>{const p=e.useWindowSizeContext(),{spendManagement:y,dateFormat:E,common:l}=e.appLocale.getLocalizedStrings(),S=y.billPay.billDetails,J=E.visual.defaultInput,ie=y.zeniAccounts.expressPay,oe=l.documents,V=T.largeLabelWidth.value(p),[h,X]=Y.useState(!1),q=i.filter(r=>r.method.includes(o?.withdrawFrom?.accType??"depositAccount")&&r.method.includes(F.NEW_INTERNATIONAL_METHOD_SUBTEXT)===!1),$=r=>d.find(u=>u.id===r),L=r=>e.getPaymentToLabelInfo($(r)),se=()=>{let r=[];return o?.paymentType?.method.includes("wire")===!0?r=d.filter(u=>!!u.bankRoutingNumberWireTransfer).map(u=>u.id):r=d.filter(u=>!!u.bankRoutingNumberAch).map(u=>u.id),r},re=r=>{const u=$(r),j=e.appLocale.getLocalizedStrings().spendManagement.billPay;return o?.paymentType?.method.includes("ach")===!0?n.jsxRuntimeExports.jsxs(me,{children:[n.jsxRuntimeExports.jsxs(W,{children:[n.jsxRuntimeExports.jsx(M,{children:j.vendorCreation.achDetails.bankRoutingNumber}),n.jsxRuntimeExports.jsx(N,{children:u?.bankRoutingNumberAch??j.vendorCreation.emptyPlaceholderString})]}),n.jsxRuntimeExports.jsxs(W,{children:[n.jsxRuntimeExports.jsx(M,{children:j.vendorCreation.achDetails.bankName}),n.jsxRuntimeExports.jsx(N,{children:u?.bankName??j.vendorCreation.emptyPlaceholderString})]}),n.jsxRuntimeExports.jsxs(W,{children:[n.jsxRuntimeExports.jsx(M,{children:j.vendorCreation.achDetails.bankAccountNumber}),n.jsxRuntimeExports.jsx(N,{children:u?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):o?.paymentType?.method.includes("wire")===!0?o.paymentType?.method.includes("international")===!0?n.jsxRuntimeExports.jsx(me,{children:u?.piLabels.map(H=>n.jsxRuntimeExports.jsxs(W,{children:[n.jsxRuntimeExports.jsxs(M,{children:[H.name,j.paymentDetails.colon]}),n.jsxRuntimeExports.jsx(N,{children:H.value})]},H.name))}):n.jsxRuntimeExports.jsxs(me,{children:[n.jsxRuntimeExports.jsxs(W,{children:[n.jsxRuntimeExports.jsx(M,{children:j.vendorCreation.wireDetails.bankRoutingNumber}),n.jsxRuntimeExports.jsx(N,{children:u?.bankRoutingNumberWireTransfer??j.vendorCreation.emptyPlaceholderString})]}),n.jsxRuntimeExports.jsxs(W,{children:[n.jsxRuntimeExports.jsx(M,{children:j.vendorCreation.achDetails.bankName}),n.jsxRuntimeExports.jsx(N,{children:u?.bankName??j.vendorCreation.emptyPlaceholderString})]}),n.jsxRuntimeExports.jsxs(W,{children:[n.jsxRuntimeExports.jsx(M,{children:j.vendorCreation.wireDetails.accountNumber}),n.jsxRuntimeExports.jsx(N,{children:u?.bankAccountNumber??j.vendorCreation.emptyPlaceholderString})]})]}):""};return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Ze,{children:S.paymentDetailsTitle}),n.jsxRuntimeExports.jsxs(Ge,{windowSize:p,children:[n.jsxRuntimeExports.jsx(e.LabeledSingleSelectPickerField,{label:{label:S.withdrawFrom,width:V,style:{marginLeft:T.labelMarginLeftPicker.valuePx(p),marginTop:T.labelMarginTopPicker.valuePx(p),marginRight:T.labelMarginRightPicker.valuePx(p),width:T.largeLabelPickerWidth.value(p)}},style:{paddingTop:T.labeledFieldPaddingTop.valuePx(p),paddingBottom:T.labeledFieldPaddingBottom.valuePx(p),paddingLeft:T.labeledFieldPaddingLeft.valuePx(p),paddingRight:T.labeledFieldPaddingRight.valuePx(p),border:"none",width:"auto",display:p==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:p==="small"?"left":"right",paddingRight:T.infoLabelPaddingRight.valuePx(p),marginTop:T.infoLabelMarginTop.valuePx(p)},singleSelectPickerField:{name:B(t,"withdrawFrom"),placeholder:e.getPlaceholderTextWithPrefix(S.withdrawFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(r,u)=>e.getOptionIcon(x,r,u),valueToSubLabels:(r,u)=>e.getSubLabels(x,r,u,!1),defaultValue:{selectedOption:o?.withdrawFrom?.id,allOptions:x.map(r=>({label:r.label,value:r.id}))},textAlignment:"right",registerOptions:{required:!0,validate:r=>r!=null&&!!r.selectedOption}}}),n.jsxRuntimeExports.jsx(U,{}),n.jsxRuntimeExports.jsx(e.LabeledFormattedTextField,{showAdditionalInfoLabel:!1,label:{label:S.amount,width:V},formattedTextField:{type:"number",name:B(t,"amount"),defaultValue:o?.recipientAmount??0,placeholder:e.getPlaceholderTextWithPrefix(S.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"}}),n.jsxRuntimeExports.jsx(U,{}),n.jsxRuntimeExports.jsx(e.LabeledPaymentMethodSingleSelectField,{label:{label:S.paymentMethod,width:T.labelWidth.value(p)},style:{width:"auto"},disableOutline:!0,paymentSingleSelectField:{name:B(t,"paymentMethod"),placeholder:S.billTypeMethodPlaceholder,defaultValue:o?.paymentType,allPaymentMethods:q,isAdmin:!0,internationalVerificationStatus:m,registerOptions:{required:!0,validate:r=>r!=null},onInternationalWireVerifyClick:()=>{}}}),n.jsxRuntimeExports.jsx(U,{}),n.jsxRuntimeExports.jsx(e.LabeledDatePickerField,{label:{label:S.paymentDate,width:T.labelWidth.value(p)},style:{paddingBottom:T.paddingBottom.valuePx(p),width:"auto"},dateField:{name:B(t,"paymentDate"),placeholder:S.paymentDate,dateFormat:J,autoComplete:"off",minDate:F.dateNow(),registerOptions:{required:!0}}}),n.jsxRuntimeExports.jsx(U,{}),n.jsxRuntimeExports.jsx(e.LabeledSingleSelectField,{label:{label:S.paymentTo,width:V},style:{width:"auto"},isFunctional:!0,singleSelectField:{singleSelect:{name:B(t,"paymentTo"),placeholder:S.selectAccount,getTooltipInfo:re,menuPlacement:"top",maxMenuHeight:308,isOptionRemovable:!1,showEyeIconOnSelect:!1,showVerifiedIcon:!0,onClickCreateBankAccount:w,showAddBankAccountOption:!0,showCollectPaymentDetailsOption:!1,getLabelForId:L},defaultValue:{selectedOption:o?.paymentType!=null?o?.paymentTo?.id:"",allOptions:o?.paymentType!=null?se():[]},registerOptions:{required:!0,validate:r=>r?.selectedOption!=null}}}),n.jsxRuntimeExports.jsx(U,{}),n.jsxRuntimeExports.jsx(Ne.LabeledDocumentField,{name:B(t,"receipt"),sizeLimit:e.SizeLimit10MB,deleteFileStatusById:v,updateFileStatusById:R,filesEndPoint:s.filesEndPoint,authParams:s.authParams,label:{label:ie.reciept,width:V},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:h,updateFilesEntity:s.updateFilesEntity,onEditFileName:s.onEditFileName,onDeleteFile:s.onDeleteFile,onFileSizeError:r=>X(r),isOptional:!0,style:P!=null?{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}:void 0},B(t,"receipt")),P==null?n.jsxRuntimeExports.jsx(Ke,{windowSize:p,isError:h,children:oe.formatDocumentText10MB}):null,n.jsxRuntimeExports.jsx(U,{})]})]})},Ze=a(e.LargeSemiBold)`
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp3};
+`,Ge=a.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+  width: ${t=>T.containerWidth.valuePx(t.windowSize)};
+`,U=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,M=a.div`
+  box-sizing: border-box;
+  text-align: left;
+  flex: 1 0 50%;
+  color: ${e.Colors.heroDark};
+`,N=a.div`
+  box-sizing: border-box;
+  text-align: right;
+  word-break: break-word;
+  color: ${t=>t.theme.colors.brandColorPearl};
+`,me=a.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${e.Space.sp1};
+`,W=a.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+`,Ke=a(e.ExtraSmallRegular)`
+  padding: ${e.Space.sp1} ${e.Space.sp4};
+  background: ${t=>t.theme.colors.grey4};
+  border-radius: ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp2} ${e.Space.sp2};
+  text-align: ${t=>t.windowSize==="small"?"initial":"right"};
+  color: ${t=>t.isError?e.Colors.important:t.theme.colors.grey1};
+`,Qe={paddingTopBottom:new e.ResponsiveSized(e.sp[3],e.sp[3]),paddingLeftRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),paddingLeftRightSubPage:new e.ResponsiveSized(e.sp[3],e.sp[8]),marginLeftSubtitle:new e.ResponsiveSized(e.sp[3],e.sp[8]),marginRightSubtitle:new e.ResponsiveSized(e.sp[5],e.sp[8]),marginTopSubtitle:new e.ResponsiveSized(e.sp[4],e.sp[3]),largeLabelWidth:new e.ResponsiveSized(150,210,210),paddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[2]),customTitleMarginBottom:new e.ResponsiveSized(e.sp[0],e.sp[3]),customTitleMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[8])},D=(t,o)=>`${t}.${o}`,De=({sectionId:t,vendorTypeList:o,formLocalData:i,vendorSearchAutoCompleteData:d,vendorSearchAutoCompleteActions:x})=>{const m=e.useWindowSizeContext(),s=e.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.expressPay,P=Qe.largeLabelWidth.value(m),v=Y.useRef();Y.useEffect(()=>{d?.entityAutoCompleteView.fetchState==="Completed"&&v.current?.(et(d?.entityAutoCompleteView))},[d?.entityAutoCompleteView.fetchState]);const w={vendorSearchAutoCompleteData:d,loadOptions:(l,S)=>{x?.onAutoCompleteInputChange?.(l,"vendor"),v.current=S}},p=w?.vendorSearchAutoCompleteData?.autoCompleteText!=null&&(w?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="In-Progress"||w?.vendorSearchAutoCompleteData?.entityAutoCompleteView.fetchState==="Not-Started"),y={defaultOptions:Ce(i?.vendorId,i?.vendorName,d?.entityAutoCompleteView),selectedOption:i?.vendorId??i?.vendorName??""},E={valueContainer:l=>({...l,padding:`2px ${m==="small"?e.Space.sp2:e.Space.sp3} !important`,overflow:"unset"}),singleValue:l=>({...l,margin:0}),placeholder:l=>({...l,fontWeight:"normal"})};return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(tt,{children:s.recipientSectionTitle}),n.jsxRuntimeExports.jsx(nt,{children:n.jsxRuntimeExports.jsxs(it,{children:[n.jsxRuntimeExports.jsx(e.LabeledCreatableAutoCompleteSingleSelectField,{label:{label:s.recipientName,width:P},addIconInCreateLabel:!0,autoCompleteSingleSelectField:{name:D(t,"recipient"),placeholder:m==="small"?s.placeholders.recipientNameMobile:s.placeholders.recipientName,valueToId:l=>l,defaultValue:{...y},style:{width:"100%"},customStyleConfig:E,registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption},loadOptions:w?.loadOptions,isOptionsLoading:p,makeCreateOptionSticky:!0,entity:"recipient"},style:{justifyContent:"space-between"},fullWidthSelect:!0},D(t,"recipient")),n.jsxRuntimeExports.jsx(Ee,{}),n.jsxRuntimeExports.jsx(e.LabeledSingleSelectField,{label:{label:s.recipientType,width:P},singleSelectField:{singleSelect:{name:D(t,"recipientType"),placeholder:s.placeholders.recipientType,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:l=>o.find(S=>S.code===l)?.name??"",showTickMark:!1,maxMenuHeight:250},defaultValue:{selectedOption:i?.vendorType,allOptions:o.map(l=>l.code)},registerOptions:{required:!0,validate:l=>!!l.selectedOption}},isFunctional:!0}),n.jsxRuntimeExports.jsx(Ee,{}),n.jsxRuntimeExports.jsx(e.LabeledTextField,{showAdditionalInfoLabel:!1,label:{label:s.recipientEmail,width:P},text:{type:"email",name:D(t,"recipientEmail"),placeholder:s.placeholders.recipientEmail,options:{required:!0}},style:{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}})]})})]})},Ce=(t,o,i)=>{if(t==null)return[];const d=i?.vendor?.find(x=>x.id===t);return d!=null||t!=null?[{label:d?.name??o??t??"",value:t??o??""}]:[]},et=t=>t?.vendor.map(i=>({label:i.name,value:i.zeniId,zeniId:i.zeniId}))??[],tt=a(e.LargeSemiBold)`
+  color: ${t=>t.theme.colors.primary};
+  margin-bottom: ${e.Space.sp3};
+`,nt=a.div`
+  display: flex;
+  flex-direction: column;
+`,it=a.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+`,Ee=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ne={containerWidth:new e.ResponsiveSized(343,580,726),largeLabelWidth:new e.ResponsiveSized(150,215,215),reviewContainerMarginLeft:new e.ResponsiveSized(e.sp[3],e.sp[6]),reviewContainerMarginRight:new e.ResponsiveSized(e.sp[3],e.sp[8])},ot=({vendorName:t,reviewDetails:o,paymentToOptions:i,style:d})=>{const x=e.useWindowSizeContext(),m=ne.largeLabelWidth.value(x),{billPay:s}=e.appLocale.getLocalizedStrings().spendManagement,{dateFormat:P,common:v}=e.appLocale.getLocalizedStrings(),R=s.billDetails,w=o?.paymentType,p=P.visual.MMMDCommaYYYYformat,y={amount:o?.amount?.amount??0,currencyCode:v.currency.currencyCode,currencySymbol:v.currency.currencySymbol},E=e.getPaymentToLabelInfo(i.find(J=>J.id===o?.paymentToAccountId)),l=o?.paymentDate,S=e.paymentMethodValueToPaymentMethodLabel(w?.method??"");return n.jsxRuntimeExports.jsx(ct,{children:n.jsxRuntimeExports.jsxs(pt,{windowSize:x,style:d,children:[n.jsxRuntimeExports.jsxs(mt,{children:[n.jsxRuntimeExports.jsx(ee,{children:R.pay}),n.jsxRuntimeExports.jsx(ee,{children:n.jsxRuntimeExports.jsx(e.AmountBalance,{amount:y,integerStyles:e.textStyles.largeSemiBold.cssObject})}),n.jsxRuntimeExports.jsx(ee,{children:R.to}),n.jsxRuntimeExports.jsx(ee,{children:t})]}),n.jsxRuntimeExports.jsxs(ut,{windowSize:x,children:[n.jsxRuntimeExports.jsx(Q.LabeledText,{label:{label:R.withdrawFrom,width:m},style:{width:"auto",gap:e.sp[3]},value:o?.withdrawFrom!=null?e.getWithdrawFromReadOnlyLabel(o.withdrawFrom,x):v.strings.empty}),n.jsxRuntimeExports.jsx(xe,{}),n.jsxRuntimeExports.jsx(Q.LabeledText,{label:{label:R.paymentMethod,width:m},style:{width:"auto"},value:e.paymentMethodValueToPaymentMethodLabel(w?.method??"")}),n.jsxRuntimeExports.jsx(xe,{}),l!=null?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Q.LabeledText,{label:{label:R.paymentDate,width:m},style:{width:"auto"},value:l.format(p),additionalInfoLabel:`${R.estimatedArrival}${F.zeniDate(F.getNextNthWorkingDay(l.toDate(),[0,6],w?.maxPeriod.value??0).toDateString()).format(p)} - (${S.length>0?`${S} `:""}${R.deliveryTimeLabel} = ${w?.maxPeriod.value??"0"} ${R.deliveryTimeUnits})`}),n.jsxRuntimeExports.jsx(xe,{})]}):null,n.jsxRuntimeExports.jsx(Q.LabeledText,{label:{label:R.paymentTo,width:m},style:{width:"auto"},value:E??""})]}),n.jsxRuntimeExports.jsx(rt,{children:n.jsxRuntimeExports.jsxs(lt,{windowSize:x,children:[n.jsxRuntimeExports.jsx(at,{children:n.jsxRuntimeExports.jsx(st,{children:s.paymentDetails.total})}),n.jsxRuntimeExports.jsx(dt,{children:n.jsxRuntimeExports.jsx(e.AmountBalance,{amount:F.toAmount(y.amount,y.currencyCode,y.currencySymbol),integerStyles:e.textStyles.h6Medium.cssObject,decimalStyles:e.textStyles.standardMedium.cssObject})})]})})]})})},st=a.div``,rt=a.div`
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+`,lt=a.div`
+  width: 100%;
+  padding: ${e.Space.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${t=>t.theme.colors.grey3};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  border-radius: ${e.Space.sp2};
+  color: ${t=>t.theme.colors.hero};
+  margin-bottom: ${e.Space.sp2};
+`,at=a(e.H6SemiBold)`
+  gap: ${e.Space.sp1};
+  display: flex;
+  width: 100%;
+  color: ${t=>t.theme.colors.primary};
+  align-items: center;
+`,dt=a(e.H6SemiBold)`
+  display: flex;
+  width: calc(100% - 176px);
+  justify-content: flex-end;
+  color: ${t=>t.theme.colors.primary};
+`,ct=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`,pt=a.div`
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  margin-left: ${t=>ne.reviewContainerMarginLeft.valuePx(t.windowSize)};
+  margin-right: ${t=>ne.reviewContainerMarginRight.valuePx(t.windowSize)};
+`,ut=a.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${t=>t.theme.colors.grey5};
+  border: 1px solid ${t=>t.theme.colors.grey3};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+  margin-bottom: ${e.Space.sp3};
+  margin-top: ${e.Space.sp3};
+  width: ${t=>ne.containerWidth.valuePx(t.windowSize)};
+`,xe=a.div`
+  display: flex;
+  flex: 1;
+  background-color: ${t=>t.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,mt=a.div`
+  display: flex;
+`,ee=a(e.LargeSemiBold)`
+  display: flex;
+  color: ${t=>t.theme.colors.primary};
+  margin-right: ${e.Space.sp1};
+`,Te="expressPayPage",$e=t=>`${t}_form`,I="recipientDetails",C="paymentDetails",te={buttonWidth:new e.ResponsiveSized(160,140),largeButtonWidth:new e.ResponsiveSized(166,166)},xt=({expressPayDetails:t,fileProps:o,analytics:i,accountId:d,onClickAddAccount:x,onSaveVendor:m,onVendorSelected:s,updateSelectedVendorForCreate:P,onBackClick:v,saveVendorDetailLocalData:R,saveExpressPayLocalData:w,resetVendorSaveStatus:p,onSchedulePayment:y,initializeVendorAddress:E,vendorSearchAutoCompleteData:l,vendorSearchAutoCompleteActions:S,onEditFileName:J,onDeleteFile:ie,updateFilesEntity:oe})=>{const{vendorViewDetails:V,expressPayLocalData:h,vendorTypeList:X,allPaymentMethods:q,paymentToOptions:$,withdrawFromList:L,internationalWireOnboardingStatus:se,deleteFileStatusById:re,updateFileStatusById:r,submitStatus:u,receiptFile:j,vendorSaveStatus:H}=t,[b,Z]=Y.useState(0),ze=n.useTheme(),G=e.useWindowSizeContext(),{common:he,spendManagement:Fe}=e.appLocale.getLocalizedStrings(),le=he.footer,ge=he.currency,ae=Fe.zeniAccounts.expressPay,{editVendorState:de,newVendorState:ye}=V,k=h?.vendorId!=null?de?.vendorDetailLocalData:ye?.vendorDetailLocalData,Se=Object.assign({},de??ye),Ie=k?.vendorName,be=L.find(c=>c.id===d),K=n.useForm({mode:"onBlur",reValidateMode:"onChange",defaultValues:Pe(X,L,$,be,q,k,h,j,l?.entityAutoCompleteView),values:Pe(X,L,$,be,q,k,h,j,l?.entityAutoCompleteView)}),fe=e.usePrevious(Se.saveStatus?.fetchState),je=e.usePrevious(u);Y.useEffect(()=>{const c=K.watch((f,{name:g})=>{g!=null&&f!=null&&n.defer(()=>Le(g,f))});return()=>{c.unsubscribe()}}),Y.useEffect(()=>{fe==="In-Progress"&&H==="Completed"&&(b===0?(Z(1),p?.(h?.vendorId)):b===1&&Z(2)),je==="In-Progress"&&u==="Completed"&&v(h?.vendorId)},[fe,H,b,p,h?.vendorId,je,u,v]);const Le=async(c,f)=>{if(c!=="recipientDetails.recipientEmail")if(c==="recipientDetails.recipient"){const g=f[I].recipient.selectedOption,z=l?.entityAutoCompleteView.vendor.find(_=>_.zeniId===g);ke(f),E(),k?.vendorId!==g&&z!=null&&(s?.(g),pe(f,!1,$,g))}else if(c.includes("recipient"))ce(f);else{const g=f[C].paymentMethod?.method,z=h?.paymentType?.method,_=g!=null&&z!=null&&(g.toLowerCase().includes("ach")&&z.toLowerCase().includes("wire")||g.toLowerCase().includes("wire")&&z.toLowerCase().includes("ach"));pe(f,_,$,h?.vendorId)}},ke=c=>{const f=c[I].recipient.selectedOption,g=l?.entityAutoCompleteView.vendor.find(z=>z.id===f)!=null;if(f!=null&&g===!0){P?.(f),pe(c,!1,$,f);return}ce(c,!0)},ce=(c,f)=>{const g=k?.vendorId,z=l?.entityAutoCompleteView.vendor.find(ue=>ue.zeniId===g)!=null,_=ht(c,z===!0?g:void 0,k,f);R?.(_,g)},pe=(c,f,g,z)=>{const ue=(()=>{let O=[];return c[C].paymentMethod?.method.includes("wire")===!0?O=g.filter(A=>!!A.bankRoutingNumberWireTransfer).map(A=>A.id):O=g.filter(A=>!!A.bankRoutingNumberAch).map(A=>A.id),O})(),Be=g.find(O=>O.id===c[C]?.paymentTo?.selectedOption),Me={vendorId:z,amount:{amount:c[C].amount,currencyCode:ge.currencyCode,currencySymbol:ge.currencySymbol},paymentDate:c[C].paymentDate?F.zeniDate(c[C].paymentDate.toString()):F.dateNow(),paymentType:c[C]?.paymentMethod!=null?c[C]?.paymentMethod:void 0,paymentToAccountId:f?ue[0]:Be?.id,withdrawFrom:L.find(O=>O.id===c[C]?.withdrawFrom?.selectedOption),receiptFileId:c[C].receipt?.fileId};w?.(Me)},we=K.handleSubmit(()=>{if(b===0||b===1){i.trackExpressPayNextClick(b===0?"Recipient Details":"Payment Details");const c=K.getValues();ce(c),m(h?.vendorId)}else i.trackExpressPayScheduleClick(),y()}),Oe=()=>{b===2?Z(1):v(h?.vendorId)},Ae=()=>{b===0?v(h?.vendorId):Z(b===1?0:1)},ve={withdrawFrom:h?.withdrawFrom,paymentTo:h?.paymentToAccountId!=null?$.find(c=>c.id===h?.paymentToAccountId):void 0,paymentDate:h?.paymentDate,paymentType:h?.paymentType??q?.[0],recipientAmount:h?.amount?.amount};return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(e.NavBar,{title:ae.pageTitle,onBackClick:Ae,backgroundColor:ze.colors.grey4,hideSearchBtn:!0,source:"ExpressPayPage"}),n.jsxRuntimeExports.jsxs(gt,{windowSize:G,children:[n.jsxRuntimeExports.jsx(Ve,{pageIndex:b}),n.jsxRuntimeExports.jsx(n.FormProvider,{...K,children:n.jsxRuntimeExports.jsx("form",{id:Te,onSubmit:we,children:b===0?n.jsxRuntimeExports.jsx(De,{sectionId:I,vendorTypeList:X,formLocalData:k,vendorSearchAutoCompleteData:l,vendorSearchAutoCompleteActions:S}):b===1?n.jsxRuntimeExports.jsx(Xe,{sectionId:C,paymentDetails:ve,paymentToOptions:$,allPaymentMethods:q,withdrawFromList:L,internationalVerificationStatus:se,fileProps:{...o,onEditFileName:J,onDeleteFile:ie,updateFilesEntity:oe},deleteFileStatusById:re,updateFileStatusById:r,receiptFile:j,onClickAddAccount:()=>{const c=ve?.paymentType;c!=null&&x(c)}}):b===2?n.jsxRuntimeExports.jsx(ot,{reviewDetails:h,paymentToOptions:$,vendorName:Ie}):null})})]}),n.jsxRuntimeExports.jsx(e.Footer,{formId:$e(Te),style:{width:"100%"},primaryBtn:{label:b===2?F.dateNow().isSame(h?.paymentDate,"date")?ae.sendMoney:ae.schedulePayment:le.next,isLoading:b===0||b===1?Se.saveStatus?.fetchState==="In-Progress":u==="In-Progress",style:{width:b===2?te.largeButtonWidth.value(G):te.buttonWidth.value(G),whiteSpace:"nowrap"},isDisabled:!1,onClick:()=>{we()}},cancelBtn:{label:b===2?le.edit:le.cancel,style:{width:b===2?te.largeButtonWidth.value(G):te.buttonWidth.value(G),whiteSpace:"nowrap"},shouldResetOnCancel:!1,onClick:Oe}})]})},Pe=(t,o,i,d,x,m,s,P,v)=>{const w=(()=>{let y=[];return s?.paymentType?.method.includes("wire")===!0?y=i.filter(E=>!!E.bankRoutingNumberWireTransfer).map(E=>E.id):y=i.filter(E=>!!E.bankRoutingNumberAch).map(E=>E.id),y})();return{[I]:{recipient:{defaultOptions:Ce(m?.vendorId,m?.vendorName,v),selectedOption:m?.vendorId??m?.vendorName??""},recipientEmail:m?.contacts?.[0]?.email??"",recipientName:m?.vendorName??"",recipientType:{allOptions:t.map(y=>y.code),selectedOption:m?.vendorType}},[C]:{paymentMethod:s?.paymentType??x?.[0],withdrawFrom:{selectedOption:s?.withdrawFrom?.id??d?.id??o[0]?.id,allOptions:o.map(y=>({label:y.label,value:y.id}))},amount:s?.amount.amount??0,paymentDate:s?.paymentDate?.toDate()??F.getNextNthWorkingDay(F.dateNow().toDate(),[0,6],0),paymentTo:{allOptions:s?.paymentType!=null?w:[],selectedOption:s?.paymentToAccountId??w[0]},receipt:P}}};function ht(t,o,i,d){const x=t[I].recipient.defaultOptions.find(s=>s.value===t[I].recipient.selectedOption);return{vendorType:d===!0?void 0:t[I].recipientType.selectedOption,vendorId:o,vendorName:x?.label??i?.vendorName,contacts:d===!0?[]:[{fullName:"",email:t[I].recipientEmail,phone:""}],bankAccountIds:d===!0?[]:i?.bankAccountIds??[],paymentInstrumentIds:d===!0?[]:i?.paymentInstrumentIds??[],vendorOwner:d===!0?void 0:i?.vendorOwner,isVendor1099:i?.isVendor1099,documentIds:i?.documentIds??[],fileIdsToBeDeleted:i?.fileIdsToBeDeleted??[],countryCode:d===!0?void 0:i?.countryCode,currencyCode:i?.currencyCode,currencySymbol:d===!0?void 0:i?.currencySymbol,deleteFileStatusById:i?.deleteFileStatusById??{},updateFileStatusById:i?.updateFileStatusById??{},recommendedCategory:i?.recommendedCategory,recommendedClass:i?.recommendedClass,isCategoryUpdateSelected:i?.isCategoryUpdateSelected??!1,isClassUpdateSelected:i?.isClassUpdateSelected??!1,isCategoryRecommendationPrefilled:i?.isCategoryRecommendationPrefilled??!0,isClassRecommendationPrefilled:i?.isClassRecommendationPrefilled??!0}}const gt=a.div`
+  display: flex;
+  flex-wrap: wrap;
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+  background-color: ${t=>t.theme.colors.grey4};
+  margin-top: ${t=>t.windowSize==="small"?e.Space.sp3:0};
+`;exports.default=xt;exports.formUniqueName=$e;

package/dist/FeaturePreviewPage-6iN0e-cU.js

@@ -0,0 +1,114 @@
+import { u as v, b as s, j as e } from "./vendor-.pnpm-B2klaOGU.js";
+import l from "@emotion/styled";
+import { u as f, a as k, C as n, aP as z, R as p, aQ as y, aR as C, D as m } from "./index-BEMjPEfs.js";
+const i = {
+  popupWidth: new p(200, 468, 468, 468),
+  buttonWidth: new p(140, 160, 160, 160),
+  popupContainerLeft: new p(m[0], m[0], 255),
+  popupContainerWidth: new p(100, 100, 85)
+}, x = l.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${(a) => a.theme.colors.grey4};
+`, _ = l.img`
+  width: 100%;
+  height: 100%;
+`, 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 L({
+  menuItem: a,
+  onDemoClick: g,
+  onGoBack: d
+}) {
+  const t = v(), o = f(), u = `${W[o === "small" ? "mobile" : "normal"][a]}-${t.mode}.png`, { featurePreview: r } = k.getLocalizedStrings(), c = 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), w = {
+    onOkClick: () => {
+      g();
+    },
+    onCancelClick: () => {
+      d();
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(x, { children: [
+    /* @__PURE__ */ e.jsx(_, { src: u, alt: "feature-preview", loading: "lazy" }),
+    /* @__PURE__ */ e.jsx(
+      z,
+      {
+        titleComponent: /* @__PURE__ */ e.jsx(C, { children: c.title }),
+        descriptionComponent: /* @__PURE__ */ e.jsx(y, { children: c.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 ${t.colors.grey1}`,
+          minWidth: i.popupWidth.valuePx(o)
+        }
+      }
+    )
+  ] });
+}
+export {
+  L as default
+};

package/dist/FeaturePreviewPage-CQ2I8jt9.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-.pnpm-D0ILHvHB.cjs"),r=require("@emotion/styled"),o=require("./index-gTpRqqAW.cjs"),t={popupWidth:new o.ResponsiveSized(200,468,468,468),buttonWidth:new o.ResponsiveSized(140,160,160,160),popupContainerLeft:new o.ResponsiveSized(o.sp[0],o.sp[0],255),popupContainerWidth:new o.ResponsiveSized(100,100,85)},h=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  width: 100%;
+  flex-direction: column;
+  background-color: ${s=>s.theme.colors.grey4};
+`,b=r.img`
+  width: 100%;
+  height: 100%;
+`,v={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 w({menuItem:s,onDemoClick:c,onGoBack:m}){const a=e.useTheme(),i=o.useWindowSizeContext(),l=`${v[i==="small"?"mobile":"normal"][s]}-${a.mode}.png`,{featurePreview:n}=o.appLocale.getLocalizedStrings(),p=n.popups[s],g=a.mode==="light"?new e.Color(o.Colors.backgroundGradient1Light):new e.Color(o.Colors.backgroundGradient1Dark),d=a.mode==="light"?new e.Color(o.Colors.backgroundGradient2Light):new e.Color(o.Colors.backgroundGradient2Dark),u={onOkClick:()=>{c()},onCancelClick:()=>{m()}};return e.jsxRuntimeExports.jsxs(h,{children:[e.jsxRuntimeExports.jsx(b,{src:l,alt:"feature-preview",loading:"lazy"}),e.jsxRuntimeExports.jsx(o.ConfirmationPopup,{titleComponent:e.jsxRuntimeExports.jsx(o.ConfirmationPopUpTitle,{children:p.title}),descriptionComponent:e.jsxRuntimeExports.jsx(o.ConfirmationPopUpDescription,{children:p.text}),primaryButtonText:n.scheduleDemo,secondaryButtonText:n.goBack,action:u,primaryButtonWidth:t.buttonWidth.value(i),secondaryButtonWidth:t.buttonWidth.value(i),style:{background:`radial-gradient(50% 50% at 50% 50%, ${g} 0%, ${d} 100%)`,backdropFilter:"blur(2px)",width:t.popupContainerWidth.valuePercentage(i),left:t.popupContainerLeft.value(i)},containerStyle:{border:`1px solid ${a.colors.grey1}`,minWidth:t.popupWidth.valuePx(i)}})]})}exports.default=w;