@zeniai/web-cockpit-ui 1.14.58-dev → 1.14.59-dev

package/dist/assets/TreasurySetupPage-DmIyCtnW-dsW9ITCo.js

@@ -1,146 +0,0 @@
-import{a9 as at,c as st,q as me,aP as ge,aa as ye,cS as we,F as xe,aU as ue,j as t,fn as rt,h as lt,y as f,bF as ct,m as dt,ad as Ce,e6 as ut,bA as pt,u as n,aX as ht,aO as ft,a as mt,c5 as gt,aM as yt,cY as wt,aQ as xt,o as i,am as be,L as Ct,A as bt,O as St,H as kt}from"./index-CU0svkHW.js";import{b as a,n as o}from"./vendor-Bs1fkIUX.js";import{D as Ot}from"./HelpButton-JzcF30dH-CB6SuxmB.js";import{r as Tt}from"./verification-CW6uEyev-CQXAdM_w.js";import{K as pe}from"./SetUpDefaultSection-BHYOBJ7g-BuIYblZ8.js";import{f as vt}from"./SpendMgmtSetupAccountSection-DiiBySox-BM3KKSU_.js";import It from"./PortfolioAllocationFormPage-B6dIZdSj-1TnuK3pg.js";import At from"./TreasuryTransferOrReviewPage-D_3AEXbX-D5VhmFuv.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./MeetingCalenderPopup-qui2SnEi-zaTm9eCM.js";import"./ChargeCardUtils-BlLiJhdJ-Dg7co2BP.js";import"./CreditCardPaymentPlgSection-zy5jp8oZ-C1FeG_GO.js";import"./ChaseOverlay-DY7W-VhR-lpJ0bMnw.js";import"./PortfolioDetails-DgBQTG2N-CH7_79Km.js";import"./treasuryColorHelper-73WJKkar-B6B4qh8C.js";const $t=(e,m)=>`${e}.${m}`,U={labelWidth:new f(145,155),navBarContainerPaddingYaxis:new f(10,n[3]),containerPaddingLeft:new f(n[3],n[6],n[8]),containerPaddingRight:new f(n[3],n[6],n[8])},Lt={stepTitle:new St("h6Regular","h5Regular")},Se=xe.getLocalizedStrings(),{common:Z,spendManagement:{treasury:{transferDrawer:{review:{footNoteForVerification:Pt}}}}}=Se,d=Se.commonSetUp.businessVerification,Q=d.sourceOfFundOptions,L="additionalVerificationFields",Et=({companyOfficer:e,companyDetails:m,updateStatus:b,isDetailsSubmitted:O,isTransferInitiated:s,transferDetails:A,onClose:E,onAdditionalVerificationFieldsChanged:H,onSendForVerificationClick:j,onCloseOverlay:g})=>{const p=me(),G=U.labelWidth.value(p),X=ge(b.fetchState),S=ye({mode:"all",reValidateMode:"onChange",defaultValues:a.useMemo(()=>({[L]:{sourceOfFunds:{selectedOption:m?.sourceOfFunds??"",allOptions:Object.keys(Q)}}}),[m?.sourceOfFunds])}),F=y=>Q[y]??y,q=S.handleSubmit(()=>{j(e?.officerType??"Officer_1",s)}),J=async(y,x)=>{H(x[L])};return a.useEffect(()=>{const y=S.watch((x,{name:D})=>{D!=null&&x!=null&&we(()=>J(D,x))});return()=>{y.unsubscribe()}}),X==="In-Progress"&&b.fetchState==="Completed"||O===!0?t.jsxs(_t,{children:[t.jsxs(zt,{children:[t.jsx(Tt,{}),t.jsx(Rt,{windowSize:p,children:s===!0?d.submittedTitleWithTransfer:d.submittedTitle}),t.jsx(Vt,{children:s===!0?d.submittedDescriptionWithTransfer.replace("__amount__",ht(ft(A?.treasuryTransferMoneyLocalData?.amount?.amount??0),A?.treasuryTransferMoneyLocalData?.amount?.amount??0,Z.currency.currencySymbol)).replace("__account__",A?.treasuryTransferMoneyLocalData?.fromAccount?.label??""):d.submittedDescription})]}),t.jsx(mt,{label:d.submittedButton,onClick:g,variant:"primary"})]}):t.jsxs(jt,{windowSize:p,children:[t.jsx(Ft,{windowSize:p,children:t.jsx(gt,{title:"Back",enterTouchDelay:600,placement:"bottom",children:t.jsx(Dt,{"data-testid":yt("nav-bar-back-portfolio-allocation"),onClick:g||E})})}),t.jsxs(Wt,{windowSize:p,children:[t.jsx(Bt,{windowSize:p,children:d.verifyBusinessDetails}),t.jsx(Mt,{children:t.jsxs(Ut,{children:[t.jsx(he,{}),t.jsx(he,{}),t.jsx(Ht,{})]})})]}),t.jsx(ke,{children:d.verifyBusinessDetailsDescription}),t.jsx(Ce,{...S,children:t.jsxs("form",{id:L,onSubmit:q,children:[t.jsx(Nt,{children:t.jsx(wt,{label:{label:d.sourceOfFundsLabel,width:G},style:{width:"auto"},additionalInfoLabel:d.sourceOfFundsAdditionalInfo,singleSelectField:{singleSelect:{name:$t(L,"sourceOfFunds"),placeholder:d.sourceOfFundsPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:F,showTickMark:!1,sortOptions:!1},defaultValue:{selectedOption:m?.sourceOfFunds??"",allOptions:Object.keys(Q)},registerOptions:{required:!0,validate:y=>!!y?.selectedOption}},isFunctional:!0,errorInfoLabel:d.sourceOfFundsError.replace("_product_type_","business verification")})}),t.jsx(xt,{formId:L,primaryBtn:{label:Z.footer.submit,style:{width:"auto",minWidth:p==="small"?"auto":"83px"},isLoading:b.fetchState==="In-Progress"},cancelBtn:{label:Z.footer.back,style:{width:p==="small"?"auto":"83px"},onClick:E},style:{position:"absolute",width:"100%",paddingTop:i.sp2,paddingBottom:i.sp2},helperText:s===!0?Pt:void 0,helperStyle:{padding:`${i.sp0} ${i.sp0} ${i.sp3} ${i.sp0}`}})]})})]})},jt=o.div`
-  height: auto;
-  padding-left: ${e=>`${U.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${U.containerPaddingRight.valuePx(e.windowSize)}`};
-  flex: 1;
-  overflow-y: auto;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Ft=o.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-  top: ${i.sp0};
-  padding: ${e=>`${U.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${i.sp0}`};
-  z-index: 2;
-`,Dt=o(bt)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${i.sp4};
-  height: ${i.sp4};
-  min-height: ${i.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Rt=o(Ct)`
-  color: ${e=>e.theme.colors.primary};
-  white-space: pre-line;
-  text-align: center;
-`,ke=o(be)`
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${i.sp3};
-  white-space: pre-line;
-`,Vt=o(ke)`
-  margin-top: ${i.sp0};
-  text-align: center;
-`,Nt=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  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.sp3};
-  margin-top: ${i.sp3};
-`,_t=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${i.sp5};
-  margin: auto;
-`,zt=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${i.sp3};
-`,Wt=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${i.sp3};
-  width: 100%;
-`,Bt=o(kt)`
-  ${e=>`${Lt.stepTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: left;
-`,Mt=o.div`
-  display: flex;
-  align-items: center;
-  gap: ${i.sp2};
-  overflow: hidden;
-`,Ut=o.div`
-  display: flex;
-  width: 100%;
-  gap: ${i.sp3};
-`,he=o.div`
-  width: 33.33%;
-  height: 2px;
-  background-color: ${e=>e.theme.colors.primary};
-  border-radius: ${i.sp2};
-  flex-shrink: 0;
-`,Ht=o.div`
-  width: 33.33%;
-  height: 2px;
-  background-color: ${e=>e.theme.colors.grey3};
-  border-radius: ${i.sp2};
-  flex-shrink: 0;
-  position: relative;
-  overflow: hidden;
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    background-color: ${e=>e.theme.colors.primary};
-    animation: fillProgress 1s ease-in-out forwards;
-  }
-
-  @keyframes fillProgress {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(0%);
-    }
-  }
-`,Gt=e=>a.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M5.62069 7.42676H2.09973",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M21.8994 7.42676H10.1617",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M13.8383 16.6963H2.09973",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M21.8994 16.6963H18.3793",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M5.62061 7.2989C5.62061 7.59707 5.67934 7.89233 5.79344 8.16781C5.90755 8.44329 6.0748 8.6936 6.28564 8.90444C6.49649 9.11528 6.74679 9.28253 7.02227 9.39664C7.29775 9.51075 7.59301 9.56948 7.89118 9.56948C8.18936 9.56948 8.48462 9.51075 8.7601 9.39664C9.03558 9.28253 9.28588 9.11528 9.49672 8.90444C9.70757 8.6936 9.87482 8.44329 9.98892 8.16781C10.103 7.89233 10.1618 7.59707 10.1618 7.2989C10.1618 6.6967 9.92254 6.11917 9.49672 5.69336C9.07091 5.26754 8.49338 5.02832 7.89118 5.02832C7.28899 5.02832 6.71146 5.26754 6.28564 5.69336C5.85983 6.11917 5.62061 6.6967 5.62061 7.2989Z",stroke:"currentColor",strokeWidth:1.5}),a.createElement("path",{d:"M13.8383 16.6983C13.8383 17.3005 14.0775 17.878 14.5033 18.3039C14.9291 18.7297 15.5066 18.9689 16.1088 18.9689C16.711 18.9689 17.2886 18.7297 17.7144 18.3039C18.1402 17.878 18.3794 17.3005 18.3794 16.6983C18.3794 16.0961 18.1402 15.5186 17.7144 15.0928C17.2886 14.667 16.711 14.4277 16.1088 14.4277C15.5066 14.4277 14.9291 14.667 14.5033 15.0928C14.0775 15.5186 13.8383 16.0961 13.8383 16.6983Z",stroke:"currentColor",strokeWidth:1.5})),u={titleWidth:new f(343,580,726,826),setupDetailsRowGap:new f(12,n[5],n[5]),sectionRowGap:new f(n[5],n[9],n[9]),iconWidthHeight:new f(20,n[4]),subTitlePaddingTop:new f(12,n[3]),subTitlePaddingBottom:new f(n[3],n[3]),overlayWidth:new f(100,100,59)},Xt="treasurySetUpPage",M="payAccount",P={VERIFIED:"verified",PENDING_REVIEW:"pending_review"},W={IN_PROGRESS:"In-Progress",COMPLETED:"Completed",NOT_STARTED:"Not-Started"},h={PORTFOLIO_ALLOCATION:"portfolio-allocation",TRANSFER:"transfer",ADDITIONAL_VERIFICATION:"additional-verification"},{commonSetUp:qt,spendManagement:Jt}=xe.getLocalizedStrings(),{zeniAccounts:Yt,treasury:k}=Jt,{setUp:B}=qt,Oi=({isDisabled:e,meetingUrl:m,currentTenant:b,businessVerificationDetails:O,connectedAccountProvider:s,accountsPromoConfig:A,isAccountsEnabled:E,showTreasurySetupOverlay:H,transactions:j,treasurySetupView:g,transferDetails:p,isFirstTransfer:G,maxInsuredAmount:X,setShowTreasurySetupOverlay:S,onFetchLinkTokenClick:F,onEnableTreasuryClick:q,onUpdatePrimaryFundingAccount:J,onUpdateTreasuryClick:y,onBusinessVerificationSectionClick:x,onUpdatePaymentAccountStatus:D,onUpdatePaymentAccountLoginStatus:Oe,onEstablishConnectionClick:ee,onEstablishConnectionSuccess:Te,onClickMenuIcon:ve,onAdditionalVerificationFieldsChanged:Ie,onSendForVerificationClick:Ae,onConfirmFundAllocation:$e,onSignUpClick:Le,onNavigateToDashboard:Pe,onUpdateFundAllocation:Ee,onTransferSaveChangesToLocalStore:je})=>{const T=at().analytics,R=st(),l=me(),[V,v]=a.useState(h.PORTFOLIO_ALLOCATION),[te,Fe]=a.useState(!1),[De,ie]=a.useState(!1),[Re,oe]=a.useState(!1),{fetchState:ne,companyTreasuryInfo:N,isRefreshingViewInBackground:ae,updateStatus:Ve,plaidConnectionDetails:se,allBankAccounts:Ne,selectedCompanyOfficer:_e,primaryFundingAccount:I,allFundingAccounts:re,currentAllocation:ze,portfolioAllocationUpdateStatus:Y,isAtomicAccountExists:We}=g,le=ge(Y.fetchState),$=b.company?.companyBillPayInfo?.businessVerificationStatus,ce=$?.code===P.PENDING_REVIEW||$?.code===P.VERIFIED,{companyDetailsLocalData:Be}=O,_=ye({mode:"all",reValidateMode:"onChange",defaultValues:a.useMemo(()=>fe(g),[g]),values:fe(g)}),Me=_.handleSubmit(r=>{q()}),Ue=(r,C)=>{if(r===C)return;const c=re.find(w=>w.id===r);c!=null&&J(r,c.accType)},He=(r,C,c)=>{if(I?.id==null||r===c)return;const w=C.find(nt=>nt.value===r);w!=null&&typeof w.label=="string"&&T.trackConnectBankLink(w.value,w.label,"zeni_treasury"),y(r,I.id,I.accType)},Ge=async(r,C)=>{if(!r.includes(M))return;const c=C[M];if(r.includes("fundingAccount")){const w=c.fundingAccount.selectedOption;w!=null&&Ue(w,I?.id)}else c.account.selectedOption!=null&&He(c.account.selectedOption,c.account.allOptions,I?.zeniAccountId)};a.useEffect(()=>{const r=_.watch((C,{name:c})=>{c!=null&&C!=null&&we(()=>Ge(c,C))});return()=>{r.unsubscribe()}},[_]),a.useEffect(()=>{le===W.IN_PROGRESS&&Y.fetchState===W.COMPLETED&&V===h.PORTFOLIO_ALLOCATION&&S(!1)},[le,Y.fetchState]);const de=N?.businessVerificationStatus?.code===P.VERIFIED,Xe=N?.businessVerificationStatus?.code===P.PENDING_REVIEW,qe=de||Xe,Je=ne===W.IN_PROGRESS||ne===W.NOT_STARTED,Ye=k.setup.setupSubTitle,K=R.mode==="light"?new ue(R.colors.brandColorJadeLight):new ue(R.colors.brandColorJadeDark),Ke=()=>{Fe(!0),S(!0),v(h.PORTFOLIO_ALLOCATION)},Ze=()=>{$e(),te||(T.trackTreasuryVerificationNavigation("next",$?.code??""),v(h.TRANSFER))},Qe=()=>{oe(!0),ie(!0)},et=()=>{oe(!1),ce?v(h.ADDITIONAL_VERIFICATION):x(!0,!1)},z=()=>{S(!1)},tt=()=>{T.trackTreasuryVerificationNavigation("back",$?.code??""),v(h.PORTFOLIO_ALLOCATION)},it=()=>{T.trackTreasuryVerificationNavigation("back",$?.code??""),v(h.TRANSFER)},ot=()=>{ce?v(h.ADDITIONAL_VERIFICATION):x(!0,!0)};return t.jsxs(Zt,{children:[t.jsxs(rt,{anchor:"right",open:H,onClose:z,PaperProps:{style:{width:u.overlayWidth.valuePercentage(l),boxShadow:"none"}},style:{backgroundColor:lt.drawerBackground},transitionDuration:250,children:[V===h.PORTFOLIO_ALLOCATION&&t.jsx(It,{treasurySetupView:g,onUpdateFundAllocation:Ee,onBackClick:z,onNextClick:Ze,isReadOnly:We&&ze!=null,isEditMode:te}),V===h.TRANSFER&&t.jsx(At,{isFirstTransfer:G,maxInsuredAmount:X,transferDetails:p,onSaveChangesToLocalStore:je,treasurySetupView:g,showReviewContent:De,setShowReviewContent:ie,plaidConnectionDetails:se,onReviewClick:Qe,onBackClick:tt,onCancelClick:z,onEstablishConnectionClick:ee,onFetchLinkTokenClick:F,onSkipClick:et,onTransferClick:ot,isOnSetup:!0}),V===h.ADDITIONAL_VERIFICATION&&t.jsx(Et,{updateStatus:Ve,companyOfficer:_e,companyDetails:Be,isDetailsSubmitted:qe,isTransferInitiated:Re,transferDetails:p,onClose:it,onCloseOverlay:z,onAdditionalVerificationFieldsChanged:Ie,onSendForVerificationClick:Ae})]}),t.jsx(ct,{title:k.setup.setupTitle,backgroundColor:R.colors.grey4,style:{zIndex:3},onBackClick:Pe,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:ve,source:"treasury"}),t.jsxs(Kt,{windowSize:l,children:[t.jsx(Qt,{windowSize:l,children:Ye}),Je?t.jsx(ei,{children:t.jsx(dt,{size:"ExtraLarge",start:!0})}):t.jsx(Ce,{..._,children:t.jsx("form",{id:ii(Xt),onSubmit:Me,children:t.jsxs(ti,{windowSize:l,children:[t.jsx(pe,{onClick:Ke,title:k.setup.title,subTitle:k.setup.subTitle,header:k.setup.header,icon:{element:t.jsx(Gt,{width:u.iconWidthHeight.valuePx(l),height:u.iconWidthHeight.valuePx(l)}),color:K},isLoading:ae,isActiveWhileLoading:!0}),t.jsx(pe,{onClick:()=>x(!1,!1),title:B.businessVerificationTitle,subTitle:B.businessVerificationSubTitle,header:B.businessVerificationHeader,icon:{element:t.jsx(ut,{width:u.iconWidthHeight.valuePx(l),height:u.iconWidthHeight.valuePx(l)}),color:K},status:N?.businessVerificationStatus,isLoading:ae,isActiveWhileLoading:!0,additionalInfo:N?.businessVerificationStatus?.code===P.PENDING_REVIEW?j!=null&&j.length>0?k.setup.verificationInProgress:B.businessVerificationAdditionalInfo:void 0}),t.jsx(vt,{connectedAccountProvider:s,plaidConnectionDetails:se,allBankAccounts:Ne,sectionId:M,isDisabled:e,header:Yt.accountSectionHeader,onFetchLinkTokenClick:F,onEstablishConnectionClick:ee,onUpdatePaymentAccountStatus:D,onUpdatePaymentAccountLoginStatus:Oe,onEstablishConnectionSuccess:Te,icon:{element:t.jsx(pt,{width:u.iconWidthHeight.valuePx(l),height:u.iconWidthHeight.valuePx(l)}),color:K},analytics:T,productType:"zeni_treasury",onSignUpClick:Le,primaryFundingAccount:I,isAccountsEnabled:E,allFundingAccounts:re,pageName:k.setup.setupPageName,accountsPromoConfig:A})]})})})]}),t.jsx(Ot,{isFooterRendered:de,meetingUrl:m,analytics:T,productType:"zeni_treasury"})]})};function fe(e){const{allBankAccounts:m,allFundingAccounts:b,primaryFundingAccount:O}=e;return{[M]:{fundingAccount:{selectedOption:O?.id,allOptions:b.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:O?.zeniAccountId,allOptions:m.map(s=>({label:s.accountName,value:s.accountId}))}}}}const Kt=o.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>u.setupDetailsRowGap.valuePx(e.windowSize)};
-`,Zt=o.div`
-  display: flex;
-  min-height: 100%;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Qt=o(be)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>u.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>u.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>u.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,ei=o.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};
-`,ti=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>u.sectionRowGap.valuePx(e.windowSize)};
-`,ii=e=>`${e}_form`;export{Oi as default,ii as uniqueName};