@zeniai/web-cockpit-ui 1.14.1-pune → 1.14.2-dev

package/dist/assets/BankConnectionsSettingsPage-BOreBo5b-D37lKtbY.js

@@ -1,379 +0,0 @@
-import{u as ae,X as we,a as He,c2 as qe,j as t,aW as Je,M as J,o as i,d as q,bJ as Ge,F as Ye,bs as Qe,C as f,f as Ze,q as A,an as Xe,v as Ie,Q as Ke,cf as et,a1 as de,a7 as K,eX as tt,l as Q,cn as nt,aQ as Le,f3 as Oe,f4 as it,f5 as ot,bB as $e,p as h,eY as ee,eZ as te,_ as ne,bU as ie,Y as at,b4 as lt,dG as Fe,g as V,w as v,f2 as ct,fg as st,fh as rt,aA as dt,fi as ut}from"./index-D3N9MvRr.js";import{b,n}from"./vendor-CnQcJ2Lu.js";import{a as pt}from"./SetUpAccountSection-BBZNI1Xl-DXELzEMu.js";import{r as ht}from"./mui-C5LQ0bMa.js";import{M as mt}from"./ChaseOverlay-KLet3F9X-CdWRAKXV.js";import{R as gt,z as wt}from"./SpendMgmtSetupAccountSection-DG4ozkeT-CetbNb1Y.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./SetUpDefaultSection--9Qh-utY-c-mUbFLs.js";import"./ChargeCardUtils-B3JEziD7-BDgvm4V8.js";import"./CreditCardPaymentPlgSection-DoMaCnIZ-CNIK2scQ.js";const{settings:{bankConnectionHeader:G}}=J.getLocalizedStrings().common,ft={value:G.productType,width:new f(100,19)},xt={value:G.primaryAccount,width:new f(100,36)},yt={value:G.linkAccount,width:new f(100,22)},St={value:G.status,width:new f(12,12)},bt={value:G.balance,width:new f(12,13)},P=[ft,xt,yt,St,bt],{common:{settings:ue,strings:{empty:vt,hyphen:$t}}}=J.getLocalizedStrings(),Z={paymentAccountIconSize:new f(h[6],h[7])},zt=()=>null,kt=({paymentAccount:e,bankAccountList:a,balanceFetchStatus:L,onRemoveConnection:O})=>{const s=ae(),d=we(),[$,z]=b.useState(!1),w=e?.providerVerificationStatus,c=s.mode==="light"?new K(s.colors.brandColorJadeLight):new K(s.colors.brandColorJadeDark),F={element:t.jsx(Bt,{windowSize:d}),color:c},M=a.find(l=>l.accountId===e.zeniAccountId),R=()=>{z(l=>!l)};return t.jsxs(jt,{onMouseEnter:R,onMouseLeave:R,children:[t.jsxs(At,{windowSize:d,wrapperWidth:P[0].width,children:[t.jsx(Ct,{children:ue.otherAccount.title}),t.jsx(Tt,{children:ue.otherAccount.subTitle})]}),t.jsxs(Pt,{windowSize:d,wrapperWidth:P[1].width,children:[pt(F,d,s.mode==="dark",e,!0),t.jsxs(Wt,{children:[t.jsx(Dt,{children:t.jsx(Vt,{windowSize:d,children:e.institutionDetails.institutionName})}),t.jsx(Mt,{windowSize:d,children:t.jsxs(Ut,{children:[t.jsx(Et,{children:e.accountSubType?.name}),t.jsx(Nt,{children:e.maskedAccountNumber})]})})]})]}),t.jsx(_t,{windowSize:d,wrapperWidth:P[2].width,children:M?.accountName??vt}),t.jsx(It,{windowSize:d,wrapperWidth:P[3].width,children:w!=null?t.jsx(ee,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:w.name,textColor:te(w.code)}):$t}),t.jsxs(Lt,{windowSize:d,wrapperWidth:P[4].width,children:[t.jsx(Ot,{className:"balanceLabel",isRemoveHovered:$,children:ne("0,0.[00]",e.balances?.available)}),e.balances?.lastRefreshTime?t.jsx(Ft,{className:"balanceLabel",isRemoveHovered:$,children:ie(e.balances?.lastRefreshTime)}):L?.fetchState==="In-Progress"?t.jsx(q,{size:"Small",start:!0}):null,$&&t.jsx(Rt,{children:t.jsx(Fe,{moreIconType:"plain",options:[{label:ue.otherAccount.remove,value:"remove"}],customStyleConfig:{valueContainer:()=>({height:i.sp3,".more-icon":{width:i.sp3,height:i.sp3,color:s.colors.primary}}),container:()=>({marginLeft:i.sp0,position:"relative"}),control:()=>({background:"transparent"}),menu:()=>({position:"absolute",right:0,borderRadius:i.sp1,marginTop:i.sp2,background:s.colors.grey5,width:"162px",border:`1px solid ${s.colors.grey3}`,boxShadow:`${i.sp0} 1px 2px ${i.sp0} ${V.boxShadowElevation}`}),option:()=>({height:i.sp6,paddingLeft:i.sp3,paddingRight:i.sp3,display:"flex",alignItems:"center",color:V.important,":hover":{color:V.important,backgroundColor:s.colors.background}})},menuPlacement:"bottom",onOptionSelection:l=>{l==="remove"&&O(e.paymentAccountId)},valueToIcon:zt})})]})]})},jt=n.div`
-  display: flex;
-  padding: ${i.sp4};
-  padding-right: ${i.sp8};
-  position: relative;
-`,At=n.div`
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  align-items: flex-start;
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,Ct=n(A)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-`,Tt=n(v)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-`,Pt=n.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,_t=n(A)`
-  display: flex;
-  align-items: center;
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,It=n(A)`
-  display: flex;
-  align-items: center;
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,Lt=n.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  justify-content: flex-end;
-  align-items: flex-end;
-`,Ot=n(A)`
-  color: ${e=>e.theme.colors.hero};
-`,Ft=n(v)`
-  color: ${e=>e.theme.colors.hero};
-`,Rt=n.div`
-  position: absolute;
-  right: ${i.sp4};
-`,Bt=n(ut)`
-  margin-right: ${i.sp3};
-  width: ${e=>Z.paymentAccountIconSize.valuePx(e.windowSize)};
-  height: ${e=>Z.paymentAccountIconSize.valuePx(e.windowSize)};
-  min-width: ${e=>Z.paymentAccountIconSize.valuePx(e.windowSize)};
-  min-height: ${e=>Z.paymentAccountIconSize.valuePx(e.windowSize)};
-`,Wt=n.div`
-  white-space: nowrap;
-  overflow: hidden;
-  width: 100%;
-`,Dt=n.div`
-  display: flex;
-  gap: ${i.sp2};
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-`,Mt=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"start":"center"};
-`,Et=n(v)`
-  text-transform: capitalize;
-  color: inherit;
-`,Nt=n(v)`
-  margin-left: ${i.sp1};
-`,Vt=n(A)`
-  max-width: ${`calc(100% - ${i.sp3})`};
-  text-transform: capitalize;
-  overflow: hidden;
-`,Ut=n.div`
-  display: flex;
-`,{common:{settings:X,strings:{empty:Ht}}}=J.getLocalizedStrings(),qt=()=>null,Jt=({paymentAccount:e,bankAccountList:a,balanceFetchStatus:L,onRemoveConnection:O})=>{const s=ae(),d=e?.providerVerificationStatus,$=a.find(z=>z.accountId===e.zeniAccountId);return t.jsxs(Gt,{children:[t.jsxs(Yt,{children:[t.jsx(Qt,{children:`${X.otherAccount.title} ${X.otherAccount.subTitleSmall}`}),t.jsx(Fe,{moreIconType:"plain",options:[{label:X.otherAccount.remove,value:"remove"}],customStyleConfig:{valueContainer:()=>({height:i.sp3,".more-icon":{width:i.sp3,height:i.sp3,color:s.colors.primary}}),container:()=>({marginLeft:i.sp0,position:"relative"}),control:()=>({background:"transparent"}),menu:()=>({position:"absolute",right:0,width:"158px",border:`1px solid ${s.colors.grey3}`,boxShadow:`${i.sp0} 1px 2px ${i.sp0} ${V.boxShadowElevation}`}),option:()=>({color:s.colors.important,":hover":{color:s.colors.important,backgroundColor:s.colors.background}})},menuPlacement:"bottom",onOptionSelection:z=>{z==="remove"&&O(e.paymentAccountId)},valueToIcon:qt})]}),t.jsxs(Zt,{children:[t.jsxs(ln,{children:[t.jsx(cn,{children:t.jsx(dn,{children:e.institutionDetails.institutionName})}),t.jsxs(un,{children:[t.jsx(sn,{children:e.accountSubType?.name}),t.jsx(rn,{children:e.maskedAccountNumber}),t.jsx(tn,{children:d!=null?t.jsx(ee,{style:{width:"max-content",padding:0},tagTitle:d.name,textColor:te(d.code)}):null})]})]}),t.jsxs(nn,{children:[t.jsx(on,{className:"balanceLabel",children:ne("0,0.[00]",e.balances?.available)}),e.balances?.lastRefreshTime?t.jsx(an,{className:"balanceLabel",children:ie(e.balances?.lastRefreshTime)}):L?.fetchState==="In-Progress"?t.jsx(q,{size:"ExtraSmall",start:!0}):null]})]}),t.jsxs(Xt,{children:[t.jsx(Kt,{children:X.bankConnectionHeader.linkAccount}),t.jsx(en,{children:$?.accountName??Ht})]})]})},Gt=n.div`
-  display: flex;
-  flex-direction: column;
-  padding: ${i.sp3};
-`,Yt=n.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  align-items: flex-start;
-  width: 100%;
-  margin-bottom: ${i.sp3};
-  justify-content: space-between;
-`,Qt=n(A)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-`,Zt=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: ${i.sp3};
-`,Xt=n.div`
-  display: flex;
-  align-items: center;
-`,Kt=n(v)`
-  color: ${e=>e.theme.colors.grey1};
-  margin-right: ${i.sp2};
-`,en=n(v)`
-  color: ${e=>e.theme.colors.hero};
-`,tn=n(A)`
-  display: flex;
-  align-items: center;
-  margin-left: ${i.sp2};
-`,nn=n.div`
-  display: flex;
-  align-items: flex-end;
-  flex-direction: column;
-`,on=n(A)`
-  color: ${e=>e.theme.colors.hero};
-`,an=n(v)`
-  color: ${e=>e.theme.colors.hero};
-`,ln=n.div``,cn=n.div`
-  display: flex;
-  gap: ${i.sp2};
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-`,sn=n(v)`
-  text-transform: capitalize;
-`,rn=n(v)`
-  margin-left: ${i.sp1};
-`,dn=n(A)`
-  max-width: ${`calc(100% - ${i.sp3})`};
-  text-transform: capitalize;
-  overflow: hidden;
-`,un=n.div`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  align-items: center;
-`,{common:{settings:ze,strings:{hyphen:pe}},commonSetUp:{setUp:ke}}=J.getLocalizedStrings(),g={containerPadding:new f(h[3],h[4]),containerRightPadding:new f(h[3],h[8]),iconContainerMaxWidthHeight:new f(h[6],h[7]),iconWidthHeight:new f(20,h[4]),iconPadding:new f(h[1],12),productTypeContainerMarginBottom:new f(h[3],h[0]),linkAccountContainerMarginTop:new f(h[3],h[0]),productTypeIconSize:new f(h[3],h[4])},pn="bankConnectionsSettingsPage",hn=({productType:e,windowSize:a})=>{switch(e){case"bill_pay":return t.jsx(In,{windowSize:a});case"reimbursement":return t.jsx(Ln,{windowSize:a});case"zeni_accounts":return t.jsx(On,{windowSize:a});case"zeni_treasury":return t.jsx(Rn,{windowSize:a});case"charge_cards":default:return t.jsx(Fn,{windowSize:a})}},mn=({analytics:e,allBankAccounts:a,setupView:L,connectedAccountProvider:O,onFetchLinkTokenClick:s,onUpdatePaymentAccountStatus:d,onEstablishConnectionClick:$,onEstablishConnectionSuccess:z})=>{const w=ae(),c=we(),{trigger:F,formState:{errors:M}}=et(),{plaidConnectionDetails:R,allFundingAccounts:l,primaryFundingAccount:o,productType:r}=L,x=R.link_account,C=R.update_account,[W,N]=b.useState(void 0),[le,Y]=b.useState(!1),ce=()=>{Y(!0)},k=W==="update_account"?C:x,[m,B]=b.useState(k.linkToken??null),[j,T]=b.useState(!1),E=x.fetchStatus.fetchState==="In-Progress"||x.updateStatus.fetchState==="In-Progress";let S,_,u,y=!1;o!=null&&(o.accType==="depositAccount"?S={code:"verified",name:"Verified"}:(S=o.providerVerificationStatus,_=o?.institutionDetails,u=S?.code,y=o?.isLoginRequired??!1));const fe=de(x.updateStatus.fetchState),se=de(C.updateStatus.fetchState),Re=de(C.fetchStatus.fetchState),Be=w.mode==="light"?new K(w.colors.brandColorJadeLight):new K(w.colors.brandColorJadeDark),We=b.useCallback((p,D)=>{e.trackConnectBankSuccess(r,"Settings");const ve=D.accounts.find(Ue=>Ue.id===o?.providerAccountId)??D.accounts[0];o?.id!=null&&W==="update_account"&&ve?.verification_status!=null&&!y?d(ve?.verification_status,o.id,"update_account",I(r),r):$(p,I(r),r),N(void 0),T(!1)},[e,r,o?.id,o?.providerAccountId,W,y,d,$]),De=b.useCallback((p,D)=>{p!=null&&(e.trackConnectBankFailure(r,p.error_code+" "+p.error_message,"Settings"),p.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&o?.id!=null&&d("verification_failed",o.id,"update_account",I(r),r),console.log("Plaid Connection Error",p,D)),N(void 0),T(!1)},[e,r,o?.id,d]),{open:re,ready:xe}=tt({token:m,onSuccess:We,onExit:De});b.useEffect(()=>{(fe==="In-Progress"&&x.updateStatus.fetchState==="Completed"||se==="In-Progress"&&C.updateStatus.fetchState==="Completed")&&u!=="verified"&&u!=="manually_verified"&&u!=="automatically_verified"&&u!=="database_matched"&&(s("link_account",I(r)),z(I(r),r))},[x.updateStatus.fetchState,z,s,o?.providerVerificationStatus?.code,o?.id,fe,se,C.updateStatus.fetchState,u,r]),b.useEffect(()=>{(Q.isVerifiedStatusCode(u??"")||u==="verification_failed")&&!j&&W!=null&&k.linkToken===m&&k.fetchStatus.fetchState==="Completed"&&xe&&T(!0)},[xe,m,k.fetchStatus.fetchState,k.linkToken,u,W,j]);const ye=me(pn,"primaryAccountSection"),Me=nt(M,ye);b.useEffect(()=>{k.fetchStatus.fetchState==="Completed"&&k.linkToken!=null&&k.linkToken!==m&&B(k.linkToken)},[k.fetchStatus.fetchState,k.linkToken,m]),b.useEffect(()=>{j&&re()},[j,re]),b.useEffect(()=>{!o?.zeniAccountId&&!Me&&F(ye)},[o?.id]),b.useEffect(()=>{(u==null||u==="verification_failed"||u==="verification_expired"||Q.isVerifiedStatusCode(u))&&(Q.zeniDate(new Date().toISOString()).isAfter(x.expiration)||x.linkToken==null)&&s("link_account",I(r))},[]);const Ee=()=>{e.trackConnectBankGetBalance(r,"Settings"),N("update_account"),s("update_account",I(r),o?.id)},Se=`${o?.accountSubType?.name!=null?o?.accountSubType?.name.substring(0,1).toUpperCase().concat(o?.accountSubType?.name.substring(1)):""} ${o?.maskedAccountNumber??""}`.trim(),be=_?.zeniInstitutionId.toLowerCase()==="chase",Ne=l.findIndex(p=>p.id===o?.id),Ve={element:t.jsx(Le,{width:g.iconWidthHeight.valuePx(c)}),color:Be};return t.jsxs(gn,{windowSize:c,children:[le===!0?ht.createPortal(t.jsx(mt,{connectedAccountProvider:O,action:{onBackClick:()=>Y(!1)}}),document.body):null,t.jsxs(wn,{windowSize:c,wrapperWidth:P[0].width,children:[t.jsx(xn,{windowSize:c,isDarkMode:w.mode==="dark",children:t.jsx(hn,{productType:r,windowSize:c})}),t.jsx(fn,{children:ze.productNameByType[r]})]}),t.jsx(yn,{windowSize:c,wrapperWidth:P[1].width,children:t.jsxs(kn,{windowSize:c,children:[o!=null&&c!=="small"?t.jsx(zn,{isDisabled:y,children:gt(Ve,c,w.mode==="dark",o,Ne,!1)}):null,t.jsxs(jn,{windowSize:c,className:"fundingAccount",children:[t.jsx(Oe,{style:{display:c==="small"?"block":"inherit",width:"-webkit-fill-available",color:w.colors.hero},customStyleConfig:{menu:()=>({width:c==="small"?"auto":510})},controlProperty:{controlHeight:h[4],fontWeight:$e.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:c==="small"?240:300},customPlaceholder:{color:w.colors.hero,weight:$e.medium},name:me(r,"primaryAccountSection"),placeholder:ke.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(p,D)=>ot(l,p,D),valueToSubLabels:(p,D)=>it(l,p,D,!1),defaultValue:{selectedOption:o?.id,allOptions:l.map(p=>({label:p.label,value:p.id,isRecommended:p.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,showEmptyState:!1,isDisabled:E?"disabled":void 0,showLoadingIcon:E,onClickCreateOption:()=>{e.trackConnectBank(r,"Settings"),N("link_account"),x.linkToken==null||Q.zeniDate(new Date().toISOString()).isAfter(x.expiration)?s("link_account",I(r)):m!==x.linkToken?B(x.linkToken):j?re():T(!0)}}),t.jsxs(Sn,{isDisabled:y,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(bn,{children:Se}),c!=="small"&&(u!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification"||y||be)?t.jsx($n,{}):null]}):null,c==="small"&&S!=null?t.jsx(ee,{style:{width:"max-content",padding:i.sp0,marginLeft:i.sp2},tagTitle:S.name,textColor:te(S.code)}):null,u!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification"||y||be?t.jsx(wt,{productType:r,isUpdateLinkClicked:W==="update_account",isLoginRequired:y,isPendingVerification:u!=="verification_failed"&&o?.providerVerificationStatus?.code==="pending_manual_verification",fetchAndUpdateStatues:{fetchStatus:C.fetchStatus,updateStatus:C.updateStatus,linkFetchStatus:x.fetchStatus,linkUpdateStatus:x.updateStatus,prevFetchState:Re,prevUpdateState:se},onUpdateLinkTokenClick:Ee,onChaseInfoClick:ce}):null]})]}),c==="small"?t.jsxs(Cn,{children:[o?.accountBalance?.available?t.jsx(je,{className:"balanceLabel",children:ne("0,0[.]00",o?.accountBalance?.available)}):t.jsx(he,{children:pe}),o?.accountBalance?.lastRefreshTime?t.jsx(Ae,{className:"balanceLabel",children:ie(o?.accountBalance?.lastRefreshTime)}):o?.balanceFetchStatus.fetchState==="In-Progress"?t.jsx(q,{size:"Small",start:!0}):null]}):null]})}),t.jsxs(Pn,{windowSize:c,isDisabled:y,wrapperWidth:P[2].width,onClick:p=>p.stopPropagation(),"data-testid":at("bank-account-section",r),className:"qboLinkAcc",children:[c==="small"?t.jsx(vn,{children:ze.bankConnectionHeader.linkAccount}):null,t.jsx(_n,{isDisabled:y?"disabled":void 0,name:me(r,"bankAccountSection"),placeholder:ke.zeniCashAccountPlaceholder,defaultValue:{selectedOption:o?.zeniAccountId??"",allOptions:a.map(p=>({label:p.accountName,value:p.accountId}))},controlProperty:{highlightOnHover:!0},isOptionRemovable:!1,textAlignment:"left",registerOptions:{required:!1},style:{width:c==="small"?"calc(100% - 135px)":"100%",marginLeft:c==="small"?i.sp0:`-${i.sp3}`}})]}),c!=="small"?t.jsx(Tn,{windowSize:c,wrapperWidth:P[3].width,children:S!=null?t.jsx(ee,{style:{width:"max-content",padding:0},tagTitle:S.name,textColor:te(S.code)}):t.jsx(he,{children:pe})}):null,c!=="small"?t.jsxs(An,{windowSize:c,wrapperWidth:P[4].width,children:[o?.accountBalance?.available?t.jsx(je,{className:"balanceLabel",children:ne("0,0[.]00",o?.accountBalance?.available)}):t.jsx(he,{children:pe}),o?.accountBalance?.lastRefreshTime?t.jsx(Ae,{className:"balanceLabel",children:ie(o?.accountBalance?.lastRefreshTime)}):o?.balanceFetchStatus.fetchState==="In-Progress"?t.jsx(q,{size:"Small",start:!0}):null]}):null]})},gn=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  padding: ${e=>g.containerPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>g.containerRightPadding.valuePx(e.windowSize)};
-`,he=n.div`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  align-items: flex-end;
-  justify-content: flex-end;
-`,wn=n.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  margin-bottom: ${e=>g.productTypeContainerMarginBottom.valuePx(e.windowSize)};
-  padding-right: ${i.sp3};
-`,fn=n(A)`
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,xn=n.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  align-self: ${e=>e.windowSize==="small"?"flex-start":"unset"};
-  padding: ${e=>g.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.windowSize==="small"?e.isDarkMode?e.theme.colors.brandColorJadeLight:e.theme.colors.brandColorJadeDark:e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
-  border-radius: ${i.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${e=>e.windowSize==="small"?e.isDarkMode?e.theme.colors.brandColorOnyx:V.neutralGrey5Light:e.isDarkMode?V.neutralGrey5Light:e.theme.colors.brandColorOnyx};
-  max-width: ${e=>g.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>g.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${i.sp2};
-`,yn=n.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,Sn=n(v)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.isDisabled?e.theme.colors.grey1:"inherit"};
-  flex-wrap: wrap;
-`,bn=n.div`
-  display: flex;
-`,je=n(A)`
-  display: flex;
-  justify-content: flex-end;
-`,Ae=n(v)`
-  color: ${e=>e.theme.colors.hero};
-`,vn=n(v)`
-  color: ${e=>e.theme.colors.grey1};
-  width: 135px;
-`,$n=n.div`
-  display: inline-block;
-  border-radius: ${i.sp2};
-  margin: ${i.sp0} ${i.sp2};
-  width: ${i.sp1};
-  height: ${i.sp1};
-  cursor: inherit;
-  background-color: ${e=>e.theme.colors.grey1};
-`,zn=n.div`
-  display: flex;
-  opacity: ${e=>e.isDisabled?.8:1};
-`,kn=n.div`
-  display: flex;
-  justify-content: flex-start;
-`,jn=n.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.windowSize==="small"?"64%":"100%"};
-`,An=n.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-end;
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,Cn=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: center;
-  width: 36%;
-`,Tn=n.div`
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,Pn=n.div`
-  display: flex;
-  align-items: center;
-  opacity: ${e=>e.isDisabled?.4:1};
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  margin-top: ${e=>g.linkAccountContainerMarginTop.valuePx(e.windowSize)};
-`,_n=n(Oe)`
-  border-radius: ${i.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  color: ${e=>e.theme.colors.hero};
-  ${Ie.smallRegular.css};
-`,In=n(dt)`
-  width: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-`,Ln=n(rt)`
-  width: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-`,On=n(Le)`
-  width: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-`,Fn=n(ct)`
-  width: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-`,Rn=n(st)`
-  width: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>g.productTypeIconSize.valuePx(e.windowSize)};
-`,me=(e,a)=>`${e}.${a}`,I=e=>{switch(e){case"zeni_accounts":return"account_setup";case"bill_pay":return"bill_pay_setup";case"charge_cards":return"charge_card_setup";case"reimbursement":return"reimbursement_setup";case"zeni_treasury":return"treasury_setup"}},{settings:{bankConnectionListHeader:ge,title:Bn,infoText:Wn}}=J.getLocalizedStrings().common,oe={pageContentPadding:new f(h[4],h[8]),subtitleSectionWidth:new f(343,580,1200),subTitleBottomMargin:new f(h[0],h[5])},Dn={qboLinkAcc:new Ke("smallRegular","standardRegular")},Mn="bankConnectionsSettingsPage",U="bankAccountSection",H="primaryAccountSection",En="bill_pay",Nn="reimbursement",Vn="zeni_accounts",Un="charge_cards",Hn="zeni_treasury",Ce=e=>t.jsx(Gn,{children:P.map(a=>t.jsx(Yn,{actualDataValue:a.value,wrapperWidth:a.width,windowSize:e,children:t.jsx(Qn,{children:a.value})},a.value))}),bi=({analytics:e,bankSetupView:a,connectedAccountProvider:L,onBackClick:O,onUpdateAccountClick:s,onFetchLinkTokenClick:d,onUpdatePaymentAccountStatus:$,onUpdatePaymentAccountLoginStatus:z,onEstablishConnectionClick:w,onEstablishConnectionSuccess:c,onClickMenuIcon:F,onUpdatePrimaryFundingAccount:M,onRemoveConnection:R})=>{const l=ae(),o=we(),{allFundingAccounts:r,primaryConnection:x}=a,C=He({mode:"all",reValidateMode:"onChange",defaultValues:_e(a),values:_e(a)}),W=C.handleSubmit(m=>{}),N=async(m,B)=>{const j=m.split("."),T=j[0],E=j[1],S=x.find(_=>_.productType===T);if(T!=null&&E!=null){const _=B[T][E];if(E==="primaryAccountSection"){const u=r.find(y=>y.id===_.selectedOption)?.accType;_.selectedOption!=null&&u!=null&&M(_.selectedOption,I(T),u)}else if(E==="bankAccountSection"&&S!=null&&S.primaryFundingAccount!=null&&_.selectedOption!=null){const u=S.primaryFundingAccount?.id,y=S.primaryFundingAccount?.accType;u!=null&&y!=null&&s(_.selectedOption,u,T,I(T),y)}}};b.useEffect(()=>{const m=C.watch((B,{name:j})=>{j!=null&&B!=null&&qe(()=>N(j,B))});return()=>{m.unsubscribe()}});const le=a.fetchState==="In-Progress"||a.fetchState==="Not-Started",Y=a.fetchState==="Completed"&&a.allFundingAccounts.length===0,ce=o==="small"?Jt:kt,k=()=>le?t.jsx(Kn,{children:t.jsx(q,{size:"ExtraLarge",start:!0})}):Y?t.jsx(Ge,{message:"No bank connections added."}):t.jsxs(qn,{windowSize:o,children:[t.jsx(Pe,{children:ge.primary}),o!=="small"?Ce(o):null,t.jsx(Ye,{...C,children:t.jsx("form",{id:ai(Mn),onSubmit:W,children:t.jsx(ei,{windowSize:o,children:a.primaryConnection.map(m=>m!=null?t.jsx(Te,{windowSize:o,children:t.jsx(mn,{analytics:e,allBankAccounts:a.allBankAccounts,setupView:m,connectedAccountProvider:L,onFetchLinkTokenClick:d,onUpdatePaymentAccountStatus:$,onUpdatePaymentAccountLoginStatus:z,onEstablishConnectionClick:w,onEstablishConnectionSuccess:c})},m.productType):null)})})}),a.otherPaymentAccounts.length>0?t.jsxs(Zn,{children:[t.jsx(Pe,{children:ge.other}),t.jsx(ii,{children:t.jsx(Qe,{display:"flex",placement:"right",maxWidth:"340px",title:ge.otherToolTip,style:{padding:`12px ${i.sp3}`},children:t.jsx(oi,{})})})]}):null,o!=="small"&&a.otherPaymentAccounts.length>0?Ce(o):null,a.otherPaymentAccounts.map(m=>{const B=r.find(j=>j.id===m.paymentAccountId)?.balanceFetchStatus;return t.jsx(Te,{windowSize:o,children:t.jsx(ce,{paymentAccount:m,bankAccountList:a.allBankAccounts,balanceFetchStatus:B,onRemoveConnection:R})},m.paymentAccountId)})]});return t.jsxs(Jn,{children:[t.jsx(Je,{source:"BankConnectionsSettingsPage",title:Bn.bankConnections,backgroundColor:l.colors.grey4,style:{zIndex:3},onBackClick:O,showBackButton:!1,showMenuIcon:o==="medium-compact"||o==="small",onClickMenuIcon:F}),t.jsxs(Xn,{windowSize:o,children:[t.jsx(ti,{windowSize:o,children:t.jsx(ni,{windowSize:o,children:Wn.bankConnections})}),k()]})]})},qn=n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding-left: ${e=>oe.pageContentPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>oe.pageContentPadding.valuePx(e.windowSize)};
-`,Jn=n.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  row-gap: ${i.sp3};
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Gn=n(v)`
-  top: ${i.sp0};
-  left: ${i.sp0};
-  min-height: ${i.sp8};
-  width: auto;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: ${i.sp3} ${i.sp8} ${i.sp3} ${i.sp4};
-  background-color: ${e=>e.theme.colors.grey4};
-  justify-content: space-between;
-  position: sticky;
-`,Yn=n.div`
-  color: ${e=>e.theme.colors.grey1};
-  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  display: flex;
-  align-items: center;
-  gap: ${i.sp1};
-  left: ${i.sp0};
-  justify-content: ${e=>e.actualDataValue==="Balance"?"flex-end":"flex-start"};
-  position: static;
-  z-index: 0;
-  padding-left: ${i.sp0};
-  box-sizing: border-box;
-  overflow: hidden;
-`,Qn=n(v)`
-  display: flex;
-  gap: 5px;
-`,Zn=n.div`
-  display: flex;
-  align-items: center;
-`,Te=n.div`
-  display: flex;
-  min-height: 96px;
-  justify-content: center;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  border-radius: ${i.sp2};
-  box-sizing: border-box;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${i.sp2};
-  margin-bottom: ${i.sp5};
-  color: ${e=>e.theme.colors.hero};
-  .fundingAccount
-    .single-select-field__control
-    .select-value-container
-    .single-select-field__single-value {
-    color: ${e=>e.theme.colors.hero};
-    ${Ie.standardRegular.css};
-  }
-  .qboLinkAcc
-    .single-select-field__control
-    .select-value-container
-    .single-select-field__single-value {
-    color: ${e=>e.theme.colors.hero};
-    ${e=>`${Dn.qboLinkAcc.style(e.windowSize)}`};
-  }
-  &:hover {
-    border: ${e=>`1px solid  ${e.theme.colors.primary}`};
-    color: ${e=>e.theme.colors.primary};
-    .balanceLabel {
-      color: ${e=>e.theme.colors.primary};
-    }
-    .single-select-field__control
-      .select-value-container
-      .single-select-field__single-value {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Xn=n.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,Kn=n.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};
-`,ei=n.div`
-  display: flex;
-  flex-direction: column;
-`,Pe=n(Xe)`
-  color: ${e=>e.theme.colors.primary};
-  margin-right: ${i.sp1};
-  padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp2};
-`,ti=n(Ze)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: ${e=>oe.subtitleSectionWidth.valuePx(e.windowSize)};
-  margin-bottom: ${e=>oe.subTitleBottomMargin.valuePx(e.windowSize)};
-`,ni=n(A)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-`,ii=n.div`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,oi=n(lt)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,_e=e=>{const{primaryConnection:a,allBankAccounts:L,allFundingAccounts:O}=e,s=L.map(l=>({label:l.accountName,value:l.accountId})),d=O.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"})),$=a.find(l=>l.productType==="bill_pay"),z=a.find(l=>l.productType==="reimbursement"),w=a.find(l=>l.productType==="zeni_accounts"),c=a.find(l=>l.productType==="charge_cards"),F=a.find(l=>l.productType==="zeni_treasury"),M=w?.allFundingAccounts.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))??[],R=F?.allFundingAccounts.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="paymentAccount"}))??[];return{[En]:{[U]:{selectedOption:$?.primaryFundingAccount?.zeniAccountId,allOptions:s},[H]:{selectedOption:$?.primaryFundingAccount?.id,allOptions:d}},[Nn]:{[U]:{selectedOption:z?.primaryFundingAccount?.zeniAccountId,allOptions:s},[H]:{selectedOption:z?.primaryFundingAccount?.id,allOptions:d}},[Vn]:{[U]:{selectedOption:w?.primaryFundingAccount?.zeniAccountId,allOptions:s},[H]:{selectedOption:w?.primaryFundingAccount?.id,allOptions:M}},[Hn]:{[U]:{selectedOption:F?.primaryFundingAccount?.zeniAccountId,allOptions:s},[H]:{selectedOption:F?.primaryFundingAccount?.id,allOptions:R}},[Un]:{[U]:{selectedOption:c?.primaryFundingAccount?.zeniAccountId,allOptions:s},[H]:{selectedOption:c?.primaryFundingAccount?.id,allOptions:d}}}},ai=e=>`${e}_form`;export{bi as default,ai as formUniqueName};

package/dist/assets/BillPaySetUpPage-DjpCUZaT-Ddup2DO2.js

@@ -1,42 +0,0 @@
-import{u as $e,X as Oe,a1 as I,a as De,c2 as Re,M as Ue,a7 as Q,j as t,cH as He,Y as ze,g as Le,C as u,aW as qe,d as Me,F as Ne,cZ as Ge,aQ as Ke,c_ as Je,bs as Xe,c$ as Qe,a3 as Ye,o as L,p as a,q as Ze,b4 as et}from"./index-D3N9MvRr.js";import{b as m,n as g}from"./vendor-CnQcJ2Lu.js";import{P as tt}from"./HelpButton-D5ZYyQMh-CbYd0zN7.js";import"./SetUpAccountSection-BBZNI1Xl-DXELzEMu.js";import{K as H}from"./SetUpDefaultSection--9Qh-utY-c-mUbFLs.js";import{p as it}from"./SpendMgmtSetupAccountSection-DG4ozkeT-CetbNb1Y.js";import{g as nt}from"./UploadAdditionalDocumentOverlay-B3tUNhKj-DN4WILBU.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-Dh8meV6d-Bpx3vewx.js";import"./ChaseOverlay-KLet3F9X-CdWRAKXV.js";import"./ChargeCardUtils-B3JEziD7-BDgvm4V8.js";import"./CreditCardPaymentPlgSection-DoMaCnIZ-CNIK2scQ.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)},Y="billPaySetUpPage",E="billPayAccount",Vt=({billPaySetupView:e,isDisabled:w,billpayApprovalView:W,meetingUrl:v,showIntlWiseWidget:r,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:Pe,updateFilesEntity:xe,onCompanyOfficerUpdated:we,onSendForVerificationClick:ve,onSignUpClick:Ce})=>{const C=$e(),i=Oe(),[k,S]=m.useState(!1),M=m.useRef(null),{fetchState:p,updateStatus:b,accountUpdateStatus:ke,plaidConnectionDetails:_,allBankAccounts:Ae,companyBillPayInfo:A,isRefreshingViewInBackground:Te,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:N}=e,h=A?.internationalWireOnboardingStatus,T=h==null||h.code==="onboarding_status_not_started",{fetchState:G,allApprovalRules:j,approvalRulesStatus:je}=W,$=_.link_account.updateStatus,O=_.update_account.updateStatus,V=I(p),K=I(b.fetchState),J=I($.fetchState),X=I(O.fetchState),P=De({mode:"all",reValidateMode:"onChange",defaultValues:m.useMemo(()=>z(e),[e]),values:z(e)});m.useEffect(()=>{!k&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&S(!0),k&&V==="In-Progress"&&p==="Completed"&&S(!1)},[s,p,V]),m.useEffect(()=>{(V==="In-Progress"&&p==="Completed"||J==="In-Progress"&&$.fetchState==="Completed"||X==="In-Progress"&&O.fetchState==="Completed")&&P.reset(z(e))},[V,p,P,e,J,$.fetchState,X,O.fetchState]);const Ve=P.handleSubmit(x=>{y.trackEnableBillPay(),ge()}),Be=async(x,F)=>{const o=F[E];if(x.includes(E)){if(x.includes("fundingAccount")){if(o.fundingAccount.selectedOption!=null&&l?.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&&l?.id!=null&&l?.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,l.id,l.accType)}}};m.useEffect(()=>{const x=P.watch((F,{name:o})=>{o!=null&&F!=null&&Re(()=>Be(o,F))});return()=>{x.unsubscribe()}}),m.useEffect(()=>{K==="In-Progress"&&b.fetchState==="Completed"&&q()},[q,K,b.fetchState]);const{commonSetUp:Fe,spendManagement:Ie}=Ue.getLocalizedStrings(),{setUp:d}=Fe,{billPaySetup:c}=Ie.billPay,D=A?.isBusinessVerified===!0&&(l?.accType==="depositAccount"||l?.providerVerificationStatus?.code==="verified"||l?.providerVerificationStatus?.code==="manually_verified"||l?.providerVerificationStatus?.code==="automatically_verified"||l?.providerVerificationStatus?.code==="database_matched"),R=A?.isBillPayEnabled===!0,Ee=D?d.setupVerifiedSubTitle:c.setupSubTitle,We=p==="In-Progress"||p==="Not-Started"||G==="In-Progress"||G==="Not-Started",B=C.mode==="light"?new Q(C.colors.brandColorJadeLight):new Q(C.colors.brandColorJadeDark),_e=()=>{!k&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?S(!0):ce?.()};return t.jsxs(at,{ref:M,children:[t.jsx(He,{anchor:"right",PaperProps:{style:{width:n.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:k,onClose:()=>S(!1),style:{backgroundColor:Le.drawerBackground},transitionDuration:250,"data-testid":ze("bill-pay-setup-drawer"),children:t.jsx(nt,{authParams:oe,filesEndPoint:ne,updateStatus:b,onEditFileName:be,onDeleteFile:Pe,updateFilesEntity:xe,companyOfficer:s,onClose:()=>S(!1),onCompanyOfficerUpdated:we,onSendForVerificationClick:ve})}),t.jsx(qe,{title:c.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(st,{windowSize:i,children:[t.jsx(ct,{windowSize:i,children:Ee}),We?t.jsx(rt,{children:t.jsx(Me,{size:"ExtraLarge",start:!0})}):t.jsxs(ot,{children:[t.jsx(Ne,{...P,children:t.jsx("form",{id:Z(Y),onSubmit:Ve,children:t.jsxs(dt,{windowSize:i,children:[t.jsx(H,{onClick:_e,title:d.businessVerificationTitle,subTitle:d.businessVerificationSubTitle,header:d.businessVerificationHeader,icon:{element:t.jsx(Ge,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},status:A?.businessVerificationStatus,isLoading:Te,isActiveWhileLoading:!0}),t.jsx(it,{connectedAccountProvider:ee,primaryFundingAccount:l,allFundingAccounts:N,plaidConnectionDetails:_,allBankAccounts:Ae,sectionId:E,isDisabled:w,onFetchLinkTokenClick:re,onEstablishConnectionClick:de,onUpdatePaymentAccountStatus:fe,onUpdatePaymentAccountLoginStatus:me,onEstablishConnectionSuccess:ue,icon:{element:t.jsx(Ke,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},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:c.approvalSubTitle,header:j.length>0?d.approvalHeader:d.setupApprovalHeader,icon:{element:t.jsx(Je,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},style:{paddingBottom:n.lastSectionPaddingBottom.valuePx(i)},onClick:se,status:j.length>0?je:void 0})]})})}),r===!0?t.jsx(H,{title:T?c.enableInternationalWireTitle:c.internationWireTitle,subTitle:c.internationalWireSubTitle2,header:c.internationalWireHeader,icon:{element:t.jsx(Qe,{width:n.iconWidthHeight.valuePx(i),height:n.iconWidthHeight.valuePx(i)}),color:B},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(Xe,{title:h.code==="verification_pending"?c.tooltipTexts.pendingInternationalVerificationText:c.tooltipTexts.internationalVerificationFailed,children:t.jsx(lt,{})}):void 0,shouldHover:!0,showRightArrow:T}):null]})]}),D&&!R&&j.length>0?t.jsx(Ye,{formId:Z(Y),primaryBtn:{label:c.enableBillPay,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:b.fetchState==="In-Progress"||ke.fetchState==="In-Progress",isDisabled:w!=null},showCancel:!1,helperText:c.terms,cancelBtn:{label:""},style:{padding:`12px ${L.sp3}`}}):null,t.jsx(tt,{isFooterRendered:D&&!R,meetingUrl:v,analytics:y,productType:"bill_pay"})]})},ot=g.div``,at=g.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-  height: 100vh;
-  overflow-y: auto;
-`,lt=g(et)`
-  width: ${L.sp3};
-  height: ${L.sp3};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ct=g(Ze)`
-  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"};
-`,st=g.div`
-  display: flex;
-  justify-content: flex-start;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>n.setupDetailsRowGap.valuePx(e.windowSize)};
-`,rt=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};
-`,dt=g.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>n.sectionRowGap.valuePx(e.windowSize)};
-`,z=e=>{const{allBankAccounts:w,allFundingAccounts:W,primaryFundingAccount:v}=e;return{[E]:{fundingAccount:{selectedOption:v?.id,allOptions:W.map(r=>({label:r.label,value:r.id,isRecommended:r.accType==="depositAccount"}))},account:{selectedOption:v?.zeniAccountId,allOptions:w.map(r=>({label:r.accountName,value:r.accountId}))}}}},Z=e=>`${e}_form`;export{Vt as default,Z as uniqueName};

package/dist/assets/BillsBulkReviewDrawerPage-DjunAUW0-B6U5Is6f.js

@@ -1 +0,0 @@
-import{M,j as b,bM as V,bO as q,bP as W,jh as z,l as H,aa as X}from"./index-D3N9MvRr.js";import{b as _}from"./vendor-CnQcJ2Lu.js";import{m as Y}from"./ReviewOverlay-DcBe94Sd-BykmGHu4.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:n,spendManagement:{billPay:C}}=M.getLocalizedStrings(),o=C.bulkActions;let x;const ce=({billsReviewView:t,analytics:r,onProceedForBulkActionClick:l,onCloseReviewItem:e,onCloseOverlay:c})=>{const{fetchState:m,bulkSubmissionFetchState:a,bulkOperationTypeSelected:i,currentTab:g,currentSubTab:h}=t,u=i==="review",[P,w]=_.useState(!1),[s,v]=_.useState(j(t,u)),[p,E]=_.useState(u),[B,T]=_.useState(0),[f,k]=_.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});_.useEffect(()=>(u&&(x=setInterval(()=>{v(d=>d.map((S,L)=>(clearInterval(x),L===B?{...S,reviewStatus:{isLoading:!1,code:"valid"}}:S))),T(d=>d+1)},1e3)),B===s.length&&p&&(E(!1),clearInterval(x)),!u&&t.fetchState==="Completed"&&v(j(t,!1)),()=>{clearInterval(x)}),[s.length,B,p,t.fetchState,u,t]);const R=s.length,y=s.filter(d=>d.reviewStatus.code!=="error").length,A=()=>{const{title:d,description:S}=G(y);k({type:"reject",title:d,description:S,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),r.trackBillPayBulkSubmit(i,g,h),w(!0)},F={onOkClick:d=>{w(!1),r.trackBillPayBulkPopupConfirm(i,g,h,Z(t)),l("reject",d)},onCancelClick:()=>{w(!1)}},{title:N,description:$}=J(m,y,R,p),I=t.fetchState==="Completed"&&y===0,U=()=>{r.trackBillPayBulkSubmit(i,g,h),l(i)},D={label:I?n.texts.close:i==="send_for_approval"?n.footer.submit:n.footer.approve,isDisabled:m!=="Completed"||i==="reject"&&a==="In-Progress",isLoading:a==="In-Progress"&&(i==="send_for_approval"||i==="approve"),onClick:I?c:U,style:i==="send_for_approval"?{minWidth:"92px"}:{}},O={label:i==="send_for_approval"?n.texts.goBack:n.footer.reject,isDisabled:i!=="reject"&&a==="In-Progress",isLoading:i==="reject"&&a==="In-Progress",reverseSpinnerColor:!1,onClick:i==="send_for_approval"?c:A,style:i==="approve"?{minWidth:"92px"}:{}};return b.jsxs(b.Fragment,{children:[P?b.jsx(V,{titleComponent:b.jsx(W,{children:f.title}),descriptionComponent:b.jsx(q,{children:f.description}),primaryButtonText:f.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:f.secondaryButtonText,action:F,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(Y,{title:N,description:{content:$,isError:t.fetchState==="Completed"&&y===0},reviewItems:s,onCloseReviewItem:e,onCloseOverlay:c,showFooter:t.fetchState==="Completed"&&!p,footerProps:{primaryButton:D,cancelButton:O,hideCancel:I}})]})},j=(t,r)=>{const l=t.fetchState==="In-Progress";return t.billsForReview.map(e=>({id:e.transactionId,leftSideText:{title:e.vendorName?e.vendorName:C.billDetails.newBillTitle,subTitle:`${C.billDetails.invoiceNo} ${e.invoiceNumber?e.invoiceNumber:n.strings.hyphen}`},rightSideText:{title:X("0,0.[00]",e.amount?.amount,e.amount?.currencySymbol),showThunderIcon:e.reviewErrors?.length===1&&H.isBillConditionallyValid(e.reviewErrors[0].reviewErrorCode),subTitle:K(e.reviewStatus==="warning",e.reviewErrors?.map(c=>c.reviewInfoMessage)),additonalInfo:e.reviewErrors!=null&&e.reviewErrors.length>1?o.reviewPage.removeOrProceed:void 0},reviewStatus:{isLoading:r?!0:l,code:e.reviewErrors?.length===1&&e.reviewErrors[0].reviewErrorCode==="ERR_INSUFFICIENT_FUNDS"?"low-balance":e.reviewStatus??""}}))},Z=t=>{const r=t.billsForReview;let l=[];return r.forEach(e=>{l=z([...l,e.isRecurring?"recurring":"one-time"])}),l},G=t=>{const{this_:r,these:l,bill:e,bills:c,payment:m,payments:a}=n.texts;return t>1?{title:o.popUps.reject.title.replace("<_payment_>",o.payments),description:o.popUps.reject.description.replaceAll("<_this_>",l).replaceAll("<_payment_>",a).replaceAll("<_bill_>",c)}:{title:o.popUps.reject.title.replace("<_payment_>",o.payment),description:o.popUps.reject.description.replaceAll("<_this_>",r).replaceAll("<_payment_>",m).replaceAll("<_bill_>",e)}},J=(t,r,l,e)=>{const{has:c,have:m,bill:a,bills:i,are:g,is:h,do_:u,does:P}=n.texts,w=r>1,s=l>1;let v="",p="";return t==="Completed"&&!e?(v=o.reviewPage.billsReviewed.title.replace("<_bill_>",s?C.bulkActions.bills:o.bill).replace("<_has_>",s?m:c),r===0?p=o.reviewPage.billsReviewed.descriptionError.replace("<_bill_>",s?i:a).replace("<_do_>",s?u:P):p=`${r}/${l} ${o.reviewPage.billsReviewed.description.replace("<_bill_>",l>1?i:a).replace("<_is_>",w?g:h)}`):(v=o.reviewPage.billsReviewing.title.replace("<_bill_>",s?i:a),p=o.reviewPage.billsReviewing.description.replace("<_bill_>",s?i:a)),{title:v,description:p}},K=(t,r)=>{if(r?.length!=null){if(r.length>1)return r.join(` ${n.strings.dividerDot} `);if(r.length===1)return t?r[0]+`${n.strings.colon} ${o.reviewPage.removeOrProceed}`:r[0]}return""};export{ce as default,Z as getBillsUniqueType};

package/dist/assets/BusinessVerificationPage-CZGOzc9Z-D6-Ww27c.js

@@ -1,140 +0,0 @@
-import{u as et,X as tt,a1 as we,j as i,M as Te,i as G,a as it,cg as at,l as L,z as st,c2 as nt,aa as ot,a0 as rt,K as lt,aW as ct,Y as dt,c3 as mt,bM as pt,bO as ut,bP as ft,d as yt,F as ht,a3 as gt,o as r,C as N,f as $e,fC as xt,fa as Ce,cv as St,b$ as wt,a2 as Ct,q as ke,Q as bt,h as vt,p as k}from"./index-D3N9MvRr.js";import{b as P,n as d}from"./vendor-CnQcJ2Lu.js";import{o as Dt,G as Tt}from"./CompanyOfficerDetailsSection-DWqEolPc-hNs6b-3g.js";import{r as $t}from"./verification-CW6uEyev-DdkqedMU.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./LabeledAddressValueField-_LY7c-ZC-Dc-9_BK1.js";import"./LabeledCreatableSingleSelectField-paSeI8_R-DbZOk4k7.js";import"./LabeledDocumentField-DiMgPKtR-CSKmqw6B.js";import"./DocumentSecurityBanner-B0Qt1FLC-B14Aeb97.js";const x={width:new N(343,580,726),titleWidth:new N(343,580,726,826),subTitlePaddingTop:new N(12,k[3]),subTitlePaddingBottom:new N(k[3],k[3]),verificationDetailsRowGap:new N(12,k[5],k[5]),termsPaddingLeftRight:new N(k[0],k[3])},kt={stepTitle:new bt("h6Regular","h5Regular")},be="businessVerificationPage",b="companyDetails",v="companyOfficerDetails",{commonSetUp:{businessVerification:s},common:{settings:It,currency:Nt,footer:ve,strings:{empty:Pt}}}=Te.getLocalizedStrings(),pi=({businessVerificationDetails:t,allNationalityCountries:A,verficationDetailsFetchState:O,isRefreshingViewInBackground:_,filesEndPoint:o,authParams:z,productType:y,allIndustries:B,companyTitles:E,maxInsuredAmount:p,isDisabled:I,isSettings:n=!1,isOverlay:h=!1,analytics:g,isStepInProgress:S=!1,onAddressClick:J,onRegisteredAddressClick:Ne,onBackClick:j,onGetOtp:Pe,onVerifyOtp:Oe,onResendOtp:je,onSendForVerificationClick:Fe,onEditFileName:ee,onCompanyDetailsChanged:Ve,updateFilesEntity:te,onDeleteFile:ie,onDeleteFileList:Le,onCompanyOfficerUpdated:Ae,saveNewAddressInLocalStore:ae,onSaveDetailsClick:_e,onClickMenuIcon:ze})=>{const Be=et(),m=tt(),{updateStatus:R,companyView:F,companyDetailsLocalData:l,companyOfficerLocalData:w}=t,Ee=we(R.fetchState),U=F?.company.company.featuresActivationInfo.connectedAccountProvider,Re=U==="unit"?i.jsxs(Bt,{children:[s.terms.term1,i.jsx(G,{href:s.terms.consentUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.consent}),s.terms.term2,i.jsx(G,{href:s.terms.depositUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.depositTerms}),s.terms.term3,i.jsx(G,{href:s.terms.privacyPolicyUrl,onZeniLinkClick:()=>(g?.trackBillPayAgreement(),!0),linkText:s.terms.privacy}),s.terms.term4,i.jsx(G,{href:s.terms.tosUrl,onZeniLinkClick:()=>(g?.trackBillPayPrivacyPolicy(),!0),linkText:s.terms.tos}),s.terms.term5]}):s.terms.termsForStripe,[Ue,W]=P.useState(!1),[M,se]=P.useState("save"),[Z,Me]=P.useState(!1),u=it({mode:"all",reValidateMode:"onChange",defaultValues:Ot(t,B,E,A)}),{isValid:Ge}=u.formState,q=F?.company.company.companyBillPayInfo,K=F?.company.company.companyTreasuryInfo,V=y==="zeni_treasury"?K?.companyVerificationStatus:q?.companyVerificationStatus,D=Object.values(w).findIndex(e=>e?.isSelectedForVerification===!0),T=`Officer_${D<0?1:D+1}`,We=()=>{const e=w[T],a=e?.email,c=e?.birthday?.toString(),f=e?.ownershipInCompany,C=e?.firstName,$=e?.lastName,re=e?.titleAtCompany,le=e?.documentTypeSelectedForVerification,ce=e?.phone,de=e?.addressStatus?.addressToCreate,me=de!=null?L.getFormattedAddress(de):void 0,pe=l?.companyDescription,Y=l?.companyLegalName,ue=l?.companyIndustry,fe=l?.phone,ye=l?.website,he=l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0,H=l?.primaryContactLocalData,ge=H?.firstName,xe=H?.lastName,Se=H?.email;a!=null&&f!=null&&C!=null&&$!=null&&c!=null&&re!=null&&ce!=null&&me!=null&&le!=null&&pe!=null&&Y!=null&&fe!=null&&ye!=null&&ue!=null&&Y!=null&&he!=null&&ge!=null&&xe!=null&&Se!=null&&g?.trackBusinessVerificationSend({email:a,birthday:c.toString(),companyOwnership:f,firstName:C,lastName:$,companyRole:re,phone:ce,formattedAddress:me,documentTypeForVerification:le},{companyDescription:pe,legalName:Y,phone:fe,website:ye.toString(),industry:ue,formattedAddress:he},{firstName:ge,lastName:xe,email:Se},y,n?"Settings":void 0)},Ze=()=>{const e=w[T],a=l?.primaryContactLocalData,c=e?.email??"",f=!!e?.firstName&&!!e?.lastName,C=a?.email??"",$=!!a?.firstName&&!!a?.lastName;return c&&!f?((!e?.firstName||!e?.lastName)&&u.trigger(`${v}.${D<0?0:D}.name`,{shouldFocus:!0}),!1):C&&!$?((!a?.firstName||!a?.lastName)&&u.trigger(`${b}.primaryContactName`,{shouldFocus:!0}),!1):!0},qe=()=>{const e=w[T],a=l?.primaryContactLocalData,c=e?.email,f=a?.email;if(c){if(!f)return(a?.firstName||a?.lastName)&&u.trigger(`${b}.primaryContactEmail`,{shouldFocus:!0}),!1}else if(e?.firstName||e?.lastName||e?.birthday||e?.nationalityCountryCode||e?.ownershipInCompany||e?.phone||e?.ssn||e?.titleAtCompany||e?.addressStatus?.addressToCreate||e?.fileIds!=null&&e?.fileIds.length>0||X!=null&&X?.length>0)return u.trigger(`${v}.${D<0?0:D}.email`,{shouldFocus:!0}),!1;return!0},Ke=u.handleSubmit(()=>{if(M!=="verification"&&se("verification"),U==="unit"&&w[T]?.isPhoneVerified!==!0){u.setError(`${v}.${D}.phone`,{type:"custom"});return}const e=at(Object.values(w).map(c=>Object.values(c?.deleteFileStatusById??{}).filter(f=>f!=null))),a=Object.values(l?.deleteFileStatusById??{}).filter(c=>c!=null);L.reduceAllFetchState(e.concat(a)).fetchState!=="In-Progress"&&Ge&&(We(),Fe?.(T))}),Xe=async(e,a)=>{e.includes(b)?Ve?.(a[b]):e.includes(v)&&Ae?.(a[v])},Qe=P.useCallback(st((e,a)=>{Xe(e,a)},300),[]);P.useEffect(()=>{const e=u.watch((a,{name:c})=>{c!=null&&a!=null&&nt(()=>Qe(c,a))});return()=>{e.unsubscribe()}});const ne=we(t.companyDetailsLocalData?.addressStatus);P.useEffect(()=>{t.companyDetailsLocalData?.addressStatus?.addressToCreate!=null&&t.companyDetailsLocalData?.registeredAddressStatus?.addressToCreate==null&&ne==null&&(ae?.("company_registered_address",t.companyDetailsLocalData?.addressStatus?.addressToCreate),u.setValue(`${b}.registeredAddress`,t.companyDetailsLocalData?.addressStatus?.addressToCreate))},[t.companyDetailsLocalData?.addressStatus,t.companyDetailsLocalData?.registeredAddressStatus,ne,ae,u]);const oe=F?.companyOfficers.slice(0,10).sort((e,a)=>e.user.createTime?.isAfter(a.user.createTime)===!0?1:-1),X=oe?.map(e=>e.user),Ye=oe?.map(e=>e.role),He={onOkClick:()=>{W(!1),j();const e=[],a=F?.company.company.incInfo.fileIds??[];u.getValues(`${b}.fileIds`).forEach(c=>{a.includes(c)||e.push(c)}),Ye?.forEach((c,f)=>{const C=c?.fileIds??[];u.getValues(`${v}.${f}.fileIds`).forEach($=>{C.includes($)||e.push($)})}),e.length!==0&&Le?.(e)},onCancelClick:()=>{W(!1)}},Je=ot(rt(p),p,Nt.currencySymbol).toUpperCase(),Q=V?.code==="pending_review"||V?.code==="verified";return y==="zeni_treasury"&&Ee==="In-Progress"&&R.fetchState==="Completed"?i.jsxs(qt,{children:[i.jsxs(Kt,{children:[i.jsx($t,{}),i.jsx(Xt,{windowSize:m,children:s.submittedTitle}),i.jsx(Zt,{isReadonly:!1,children:s.submittedDescription})]}),i.jsx(lt,{label:s.submittedButton,onClick:j,variant:"primary"})]}):i.jsxs(jt,{isSettings:n,children:[i.jsx(ct,{title:h&&S===!0?Pt:s.header,backgroundColor:Be.colors.grey5,style:{zIndex:Z?1:4},onBackClick:()=>{mt(u.formState.dirtyFields)?W(!0):j()},showBackButton:!n&&!h,showMenuIcon:n?m==="medium-compact"||m==="small":!1,onClickMenuIcon:ze,rightSideComponent:h?i.jsx(Qt,{"data-testid":dt("nav-bar-close-business-verification-overlay"),onClick:()=>{j()}}):null,source:"BusinessVerificationPage"}),Ue===!0?i.jsx(pt,{titleComponent:i.jsx(ft,{children:s.discardTitle}),descriptionComponent:i.jsx(ut,{children:s.discardDescription}),primaryButtonText:s.discard,secondaryButtonText:s.cancel,action:He}):null,i.jsxs(Lt,{windowSize:m,children:[(!h||S===!1)&&i.jsx(Vt,{windowSize:m,children:n?It.infoText.businessVerification:s.title}),O==="In-Progress"||O==="Not-Started"?i.jsx(At,{children:i.jsx(yt,{size:"ExtraLarge",start:!0})}):i.jsx(ht,{...u,children:i.jsxs("form",{id:De(be),onSubmit:Ke,children:[h&&S===!0&&i.jsxs(Ft,{children:[i.jsxs(Et,{windowSize:m,children:[i.jsx(Rt,{windowSize:m,children:Q?s.businessVerificationDetails:s.verifyBusinessDetails}),!Q&&i.jsx(Ut,{children:i.jsxs(Mt,{children:[i.jsx(Gt,{}),i.jsx(Wt,{})]})})]}),i.jsx(Ie,{isReadonly:Q,children:s.verifyBusinessDetailsDescription})]}),i.jsxs(_t,{children:[i.jsx(Dt,{companyOfficerData:w,allNationalityCountries:A,allOfficers:X??[],sectionId:v,isRefreshingViewInBackground:_,connectedAccountProvider:U,productType:"business_verification",updateFilesEntity:te,onEditFileName:ee,onOfficerAddressClick:J,onDeleteFile:ie,isDisabled:I,filesEndPoint:o,authParams:z,isPopupOpen:Z,openPopup:Me,onGetOtp:Pe,onVerifyOtp:Oe,onResendOtp:je,companyTitles:E,isForTreasury:y==="zeni_treasury",isOverlay:h}),i.jsx(Tt,{companyDetails:l,businessVerificationProps:{companyVerificationStatus:V,isRefreshingViewInBackground:_},productType:"business_verification",showTreasuryFields:y==="zeni_treasury",sectionId:b,isDisabled:V?.code==="pending_review"||V?.code==="verified"?"readonly":I,fileProps:{authParams:z,filesEndPoint:o,onEditFileName:ee,onDeleteFile:ie,updateFilesEntity:te},onCompanyAddressClick:J,onRegisteredAddressClick:Ne,connectedAccountProvider:U,allIndustries:B})]}),y==="zeni_accounts"?i.jsx(zt,{windowSize:m,children:s.threadText.replace("__amount__",Je)}):null]})})]}),O==="Completed"&&(y==="zeni_treasury"?K?.companyVerificationStatus?.code!=="pending_review"&&K?.companyVerificationStatus?.code!=="verified":q?.businessVerificationStatus?.code!=="pending_review"&&q?.businessVerificationStatus?.code!=="verified")?i.jsx(gt,{formId:De(be),primaryBtn:{label:S?ve.submit:s.sendForVerificationButton,style:{width:"auto",minWidth:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="verification"&&R.fetchState==="In-Progress",isDisabled:I!=null},containerStyle:{width:m==="small"?x.width.valuePx(m):"auto",justifyContent:m==="small"?"space-between":"center"},helperStyle:{width:m==="small"?x.width.valuePx(m):"auto",paddingLeft:x.termsPaddingLeftRight.valuePx(m),paddingRight:x.termsPaddingLeftRight.valuePx(m),textAlign:m==="small"?"center":"initial"},showCancel:!0,cancelBtn:{reverseSpinnerColor:!1,label:S?ve.back:s.saveDetailsButton,style:{width:m==="small"?"auto":S?"83px":"181px"},isLoading:M==="save"&&R.fetchState==="In-Progress",onClick:()=>{if(S)j();else{const e=w[T],a=l?.primaryContactLocalData;M!=="save"&&se("save");const c=e?.email??"",f=Ze(),C=qe();f&&C&&(g?.trackBusinessVerificationSave({email:c,birthday:e?.birthday?.toString(),companyOwnership:e?.ownershipInCompany,firstName:e?.firstName,lastName:e?.lastName,companyRole:e?.titleAtCompany,phone:e?.phone,formattedAddress:e?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(e?.addressStatus?.addressToCreate):void 0,documentTypeForVerification:e?.documentTypeSelectedForVerification},{companyDescription:l?.companyDescription,legalName:l?.companyLegalName,phone:l?.phone,website:l?.website?.toString(),industry:l?.companyIndustry??"",formattedAddress:l?.addressStatus?.addressToCreate!=null?L.getFormattedAddress(l?.addressStatus?.addressToCreate):void 0},{firstName:a?.firstName,lastName:a?.lastName,email:a?.email},y,n?"Settings":void 0),_e?.(T))}}},helperText:Re,style:{padding:`12px ${r.sp3}`,zIndex:Z?0:4}}):null]})},Ot=(t,A,O,_)=>{const{companyDetailsLocalData:o,companyOfficerLocalData:z,companyView:y}=t,B=Te.getLocalizedStrings().companyPassport,E=y?.companyOfficers!=null&&y?.companyOfficers.length>0;return{[b]:{companyDescription:o?.companyDescription??"",ein:o?.companyFiles.find(p=>p.documentType==="tax_ein"),companyId:o?.companyId??"",syncToken:o?.syncToken,companyLegalName:o?.companyLegalName??"",companyWebsite:o?.website?.toString()??"",companyAddress:o?.addressStatus?.addressToCreate,registeredAddress:o?.registeredAddressStatus?.addressToCreate,companyIndustry:{selectedOption:o?.companyIndustry,allOptions:A?.map(p=>p.code)},companyPhone:o?.phone??"",companyTaxId:o?.taxIdOrEIN??"",primaryContactName:{firstName:o?.primaryContactLocalData?.firstName??"",lastName:o?.primaryContactLocalData?.lastName??""},primaryContactEmail:o?.primaryContactLocalData?.email??"",primaryContactUserId:o?.primaryContactLocalData?.userId,primaryContactSyncToken:o?.primaryContactLocalData?.syncToken,fileIds:o?.companyFiles.map(p=>p.fileId)??[],certificateOfIncorporation:o?.companyFiles.find(p=>p.documentType==="certificate_of_incorporation"),incDate:o?.incDate?.toDate(),typeOfIncorporation:{selectedOption:o?.typeOfIncorporation,allOptions:B.companyIncInfo.allTypesOfIncorporation},sourceOfFunds:{selectedOption:o?.sourceOfFunds??"",allOptions:Object.keys(s.sourceOfFundOptions)},formationDocument:o?.companyFiles.find(p=>p.documentType==="company_formation_document")},[v]:Object.values(z).map((p,I)=>{const n=p,h=xt(n?.documentTypeSelectedForVerification);return{userId:n?.userId,officerType:n?.officerType??`Officer_${I+1}`,name:{firstName:n?.firstName,lastName:n?.lastName},email:n?.email,fileIds:n?.fileIds??[],dob:n?.birthday?.toDate(),nationalityCountryCode:St(n?.nationalityCountryCode,_.map(g=>g.countryCode)),ssn:n?.ssn,role:{selectedOption:n?.titleAtCompany,allOptions:O?.map(g=>g.code)},phone:n?.phone??"",ownership:n?.ownershipInCompany,officerAddress:n?.addressStatus?.addressToCreate,selectDocument:{front:Ce(!0,n?.userFiles??[],h),back:Ce(!1,n?.userFiles??[],h),selectDocumentType:h},isSelectedForVerification:!E&&I===0?!0:n?.isSelectedForVerification??!1,userVerificationStatus:n?.userVerificationStatus,treasuryUserVerificationStatus:n?.treasuryUserVerificationStatus,syncToken:n?.syncToken,isPhoneVerified:n?.isPhoneVerified,otpChallenge:n?.otpChallenge}})}},De=t=>`${t}_form`,jt=d.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  row-gap: ${r.sp3};
-  background-color: ${t=>t.isSettings?"unset":t.theme.colors.grey5};
-`,Ft=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  gap: ${r.sp1};
-  width: 100%;
-  padding-bottom: ${r.sp3};
-`,Vt=d(ke)`
-  color: ${t=>t.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${t=>x.titleWidth.valuePx(t.windowSize)};
-  padding-top: ${t=>x.subTitlePaddingTop.valuePx(t.windowSize)};
-  padding-bottom: ${t=>x.subTitlePaddingBottom.valuePx(t.windowSize)};
-  text-align: ${t=>t.windowSize==="small"?"initial":"center"};
-`,Lt=d.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  padding-bottom: ${r.sp9};
-  row-gap: ${t=>x.verificationDetailsRowGap.valuePx(t.windowSize)};
-`,At=d.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${t=>t.theme.colors.grey4};
-`,_t=d.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${r.sp11};
-`,zt=d($e)`
-  margin-top: ${r.sp2};
-  padding: ${r.sp2} ${r.sp2};
-  text-align: center;
-  color: ${t=>t.theme.colors.grey1};
-  width: ${t=>x.width.valuePx(t.windowSize)};
-`,Bt=d($e)`
-  text-align: center;
-  max-width: 750px;
-  color: ${t=>t.theme.colors.hero};
-`,Et=d.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${r.sp3};
-  width: 100%;
-`,Rt=d(vt)`
-  ${t=>`${kt.stepTitle.style(t.windowSize)}`};
-  color: ${t=>t.theme.colors.primary};
-  text-align: left;
-`,Ut=d.div`
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  gap: ${r.sp2};
-`,Mt=d.div`
-  display: flex;
-  width: 100%;
-  gap: ${r.sp3};
-`,Gt=d.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${t=>t.theme.colors.primary};
-  border-radius: ${r.sp2};
-  flex-shrink: 0;
-`,Wt=d.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${t=>t.theme.colors.grey3};
-  border-radius: ${r.sp2};
-  flex-shrink: 0;
-  position: relative;
-  overflow: hidden;
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    background-color: ${t=>t.theme.colors.primary};
-    animation: fillProgress 1s ease-in-out forwards;
-  }
-
-  @keyframes fillProgress {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(0%);
-    }
-  }
-`,Ie=d(ke)`
-  color: ${t=>t.theme.colors.hero};
-  margin-top: ${t=>t.isReadonly?r.sp0:r.sp3};
-  white-space: pre-line;
-`,Zt=d(Ie)`
-  margin-top: ${r.sp0};
-  text-align: center;
-`,qt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${r.sp5};
-  margin: auto;
-`,Kt=d.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${r.sp3};
-`,Xt=d(wt)`
-  color: ${t=>t.theme.colors.primary};
-  white-space: pre-line;
-  text-align: center;
-`,Qt=d(Ct)`
-  cursor: pointer;
-  color: ${t=>t.theme.colors.hero};
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-height: ${r.sp4};
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`;export{pi as default,De as uniqueName};