@zeniai/web-cockpit-ui 1.13.96-dev → 1.13.97-dev

package/dist/assets/BillPaySetUpPage-B-DHUIqu-DsqPk0zS.js

@@ -1,42 +0,0 @@
-import{u as Oe,X as _e,a1 as V,a as De,c3 as Re,M as Ue,l as He,a7 as Y,j as t,cI as ze,Y as Le,g as qe,C as u,aV as Me,c as Ne,F as Ge,c_ as Ke,aQ as Je,c$ as Qe,bs as Ye,d0 as Xe,a3 as Ze,o as L,n as a,q as et,b4 as tt}from"./index-DyBH5SZv.js";import{b as m,n as g}from"./vendor-CnQcJ2Lu.js";import{F as it}from"./HelpButton-Dv3nbc1Z-CHaoZd0g.js";import"./SetUpAccountSection-BEJy78G6-Do1X3vVo.js";import{K as H}from"./SetUpDefaultSection-ul-q6U3w-CKVV_QFK.js";import{f as nt}from"./SpendMgmtSetupAccountSection-BtcwTlJT-Bsya0Qr3.js";import{g as ot}from"./UploadAdditionalDocumentOverlay-KkO_TLUT-n0LOLnpS.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-D_WPTVKr-DYqVpuuh.js";import"./ChaseOverlay-CI8lEzod-DNTlxx9v.js";import"./ChargeCardUtils-BvVm2SMq-B6pl3c2F.js";import"./CreditCardPaymentPlgSection-BhHsjqZA-DtxErSDc.js";const n={titleWidth:new u(343,580,726,826),setupDetailsRowGap:new u(12,a[5],a[5]),sectionRowGap:new u(a[5],a[9],a[9]),lastSectionPaddingBottom:new u(a[7],a[10],a[10]),iconWidthHeight:new u(20,a[4]),subTitlePaddingTop:new u(12,a[3]),subTitlePaddingBottom:new u(a[3],a[3]),overlayWidth:new u(100,100,59)},X="billPaySetUpPage",E="billPayAccount",It=({billPaySetupView:e,isDisabled:w,billpayApprovalView:$,meetingUrl:v,showIntlWiseWidget:s,connectedAccountProvider:ee,isAccountsEnabled:te,isLocalCurrencyEnabled:ie,analytics:y,filesEndPoint:ne,authParams:oe,accountsPromoConfig:ae,onBackClick:le,onBusinessVerificationSectionClick:ce,onSetupApprovalRulesSectionClick:se,onFetchLinkTokenClick:re,onEstablishConnectionClick:de,onEstablishConnectionSuccess:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAccountClick:he,onUpdatePaymentAccountStatus:fe,onUpdatePaymentAccountLoginStatus:me,onEnableBillPayClick:ge,onEnableBillPaySuccess:q,onClickMenuIcon:ye,onInternationPaymentSetUpClick:Se,onEditFileName:be,onDeleteFile:xe,updateFilesEntity:Pe,onCompanyOfficerUpdated:we,onSendForVerificationClick:ve,onSignUpClick:Ce})=>{const C=Oe(),i=_e(),[k,S]=m.useState(!1),M=m.useRef(null),{fetchState:p,updateStatus:b,accountUpdateStatus:ke,plaidConnectionDetails:W,allBankAccounts:Ae,companyBillPayInfo:A,isRefreshingViewInBackground:Te,selectedCompanyOfficer:c,primaryFundingAccount:r,allFundingAccounts:N}=e,h=A?.internationalWireOnboardingStatus,T=h==null||h.code==="onboarding_status_not_started",{fetchState:G,allApprovalRules:j,approvalRulesStatus:je}=$,O=W.link_account.updateStatus,_=W.update_account.updateStatus,F=V(p),K=V(b.fetchState),J=V(O.fetchState),Q=V(_.fetchState),x=De({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>z(e),[e]),values:z(e)});m.useEffect(()=>{!k&&c?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&c.areAdditionalDocumentsRequestedForVerification&&!c.areAdditionalDocumentsSubmittedForVerification&&c.userVerificationStatus?.code==="require_info"&&S(!0),k&&F==="In-Progress"&&p==="Completed"&&S(!1)},[c,p,F]),m.useEffect(()=>{(F==="In-Progress"&&p==="Completed"||J==="In-Progress"&&O.fetchState==="Completed"||Q==="In-Progress"&&_.fetchState==="Completed")&&x.reset(z(e))},[F,p,x,e,J,O.fetchState,Q,_.fetchState]);const Fe=x.handleSubmit(P=>{y.trackEnableBillPay(),ge()}),Ie=async(P,B)=>{const o=B[E];if(P.includes(E)){if(P.includes("fundingAccount")){if(o.fundingAccount.selectedOption!=null&&r?.id!=o.fundingAccount.selectedOption){const f=N.find(U=>U.id===o.fundingAccount.selectedOption);f!=null&&pe(o.fundingAccount.selectedOption,f.accType)}}else if(o.account.selectedOption!=null&&r?.id!=null&&r?.zeniAccountId!=o.account.selectedOption){const f=o.account.allOptions.find(U=>U.value===o.account.selectedOption);f!=null&&typeof f.label=="string"&&y.trackConnectBankLink(f.value,f.label,"bill_pay"),he(o.account.selectedOption,r.id,r.accType)}}};m.useEffect(()=>{const P=x.watch((B,{name:o})=>{o!=null&&B!=null&&Re(()=>Ie(o,B))});return()=>{P.unsubscribe()}}),m.useEffect(()=>{K==="In-Progress"&&b.fetchState==="Completed"&&q()},[q,K,b.fetchState]);const{commonSetUp:Be,spendManagement:Ve}=Ue.getLocalizedStrings(),{setUp:d}=Be,{billPaySetup:l}=Ve.billPay,D=A?.isBusinessVerified===!0&&(r?.accType==="depositAccount"||He.isVerifiedPaymentAccountProviderStatusCode(r?.providerVerificationStatus?.code??"")),R=A?.isBillPayEnabled===!0,Ee=D?d.setupVerifiedSubTitle:l.setupSubTitle,$e=p==="In-Progress"||p==="Not-Started"||G==="In-Progress"||G==="Not-Started",I=C.mode==="light"?new Y(C.colors.brandColorJadeLight):new Y(C.colors.brandColorJadeDark),We=()=>{!k&&c?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&c.areAdditionalDocumentsRequestedForVerification&&!c.areAdditionalDocumentsSubmittedForVerification&&c.userVerificationStatus?.code==="require_info"?S(!0):ce?.()};return t.jsxs(lt,{ref:M,children:[t.jsx(ze,{anchor:"right",PaperProps:{style:{width:n.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:k,onClose:()=>S(!1),style:{backgroundColor:qe.drawerBackground},transitionDuration:250,"data-testid":Le("bill-pay-setup-drawer"),children:t.jsx(ot,{authParams:oe,filesEndPoint:ne,updateStatus:b,onEditFileName:be,onDeleteFile:xe,updateFilesEntity:Pe,companyOfficer:c,onClose:()=>S(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:ve})}),t.jsx(Me,{title:l.setupTitle,style:{zIndex:3},onBackClick:le,showMenuIcon:!R&&(i==="medium-compact"||i==="small"),onClickMenuIcon:ye,scrollableContent:M,backgroundColor:C.colors.grey4,source:"BillPaySetUpPage"}),t.jsxs(rt,{windowSize:i,children:[t.jsx(st,{windowSize:i,children:Ee}),$e?t.jsx(dt,{children:t.jsx(Ne,{size:"ExtraLarge",start:!0})}):t.jsxs(at,{children:[t.jsx(Ge,{...x,children:t.jsx("form",{id:Z(X),onSubmit:Fe,children:t.jsxs(ut,{windowSize:i,children:[t.jsx(H,{onClick:We,title:d.businessVerificationTitle,subTitle:d.businessVerificationSubTitle,header:d.businessVerificationHeader,icon:{element:t.jsx(Ke,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:I},status:A?.businessVerificationStatus,isLoading:Te,isActiveWhileLoading:!0}),t.jsx(nt,{connectedAccountProvider:ee,primaryFundingAccount:r,allFundingAccounts:N,plaidConnectionDetails:W,allBankAccounts:Ae,sectionId:E,isDisabled:w,onFetchLinkTokenClick:re,onEstablishConnectionClick:de,onUpdatePaymentAccountStatus:fe,onUpdatePaymentAccountLoginStatus:me,onEstablishConnectionSuccess:ue,icon:{element:t.jsx(Je,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:I},analytics:y,productType:"bill_pay",isAccountsEnabled:te,onSignUpClick:Ce,pageName:"Bill Pay Setup",accountsPromoConfig:ae}),t.jsx(H,{title:j.length>0?d.approvalTitle:d.createApprovalTitle,subTitle:l.approvalSubTitle,header:j.length>0?d.approvalHeader:d.setupApprovalHeader,icon:{element:t.jsx(Qe,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:I},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},onClick:se,status:j.length>0?je:void 0})]})})}),s===!0?t.jsx(H,{title:T?l.enableInternationalWireTitle:l.internationWireTitle,subTitle:l.internationalWireSubTitle2,header:l.internationalWireHeader,icon:{element:t.jsx(Xe,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:I},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},isClickable:!0,onClick:()=>{T&&y.trackEnableIntlWire(ie),Se?.()},status:T?void 0:{name:h.name,code:h.code},statusInfoIcon:h?.code==="verification_pending"||h?.code==="verification_failed"?t.jsx(Ye,{title:h.code==="verification_pending"?l.tooltipTexts.pendingInternationalVerificationText:l.tooltipTexts.internationalVerificationFailed,children:t.jsx(ct,{})}):void 0,shouldHover:!0,showRightArrow:T}):null]})]}),D&&!R&&j.length>0?t.jsx(Ze,{formId:Z(X),primaryBtn:{label:l.enableBillPay,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:b.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:w!=null},showCancel:!1,helperText:l.terms,cancelBtn:{label:""},style:{padding:`12px ${L.sp3}`}}):null,t.jsx(it,{isFooterRendered:D&&!R,meetingUrl:v,analytics:y,productType:"bill_pay"})]})},at=g.div``,lt=g.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-  height: 100vh;
-  overflow-y: auto;
-`,ct=g(tt)`
-  width: ${L.sp3};
-  height: ${L.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,st=g(et)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>n.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>n.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>n.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,rt=g.div`
-  display: flex;
-  justify-content: flex-start;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>n.setupDetailsRowGap.valuePx(e.windowSize)};
-`,dt=g.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ut=g.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>n.sectionRowGap.valuePx(e.windowSize)};
-`,z=e=>{const{allBankAccounts:w,allFundingAccounts:$,primaryFundingAccount:v}=e;return{[E]:{fundingAccount:{selectedOption:v?.id,allOptions:$.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:v?.zeniAccountId,allOptions:w.map(s=>({label:s.accountName,value:s.accountId}))}}}},Z=e=>`${e}_form`;export{It as default,Z as uniqueName};