@zeniai/web-cockpit-ui 1.14.12-qa → 1.14.13-dev

package/dist/assets/TransferDrawerPage-cUyg27nq-BPk1VE3B.js

@@ -1,362 +0,0 @@
-import{j as t,X as de,_ as A,gN as it,M as I,a0 as q,K as Ce,gX as lt,c as Ye,a4 as we,o as a,C as c,a3 as We,k as st,ao as ct,Z as dt,c0 as xe,v as $e,e as ue,a2 as pe,eX as ut,a as Ve,l as ft,c3 as pt,ab as mt,a1 as ht,g as G,F as Ne,f4 as Se,f5 as ve,fD as gt,bs as De,fy as wt,gY as xt,q as o,cW as $t,bH as Xe,bm as Dt,cz as bt,b4 as Tt,m as Ze,f0 as yt,dp as Ct,bo as qe,f7 as St,f9 as vt}from"./index-BP54u7bE.js";import{b as u,n as r}from"./vendor-CnQcJ2Lu.js";import{v as kt}from"./ZeniTransferAmountSlider-di46G5TN-Crpvkv3z.js";import{r as At}from"./AccountInfoPageContent-Ca328DM4-Cb8-F3Q9.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"./downloadPdf-CDvgLzWC-CFICoubl.js";import"./commonDimensions-BtmBVXgZ-BqS_uHfS.js";const{common:ce,spendManagement:{zeniAccounts:{zeniAccountList:b}}}=I.getLocalizedStrings(),Ue="amount",Pt="transferTo",ke="transferFrom",k="transferDetails",Ge="transferDetailPage",me=(e,n)=>`${e}.${n}`,Ke=e=>`${e}_form`,p={largeLabelWidth:new c(120,120,160),rowContentPaddingLeft:new c(o[3],o[4]),labeleMarginLeft:new c(o[0],o[0]),labelMarginRight:new c(o[3],o[3]),labeleMarginBottom:new c(o[2],o[0]),labeledFieldPaddingLeft:new c(o[3],o[0]),labeledFieldPaddingRight:new c(o[3],o[2]),labeledFieldPaddingTop:new c(o[3],o[3]),labeledFieldPaddingBottom:new c(o[3],o[2]),infoLabelPaddingRight:new c(o[0],o[3]),infoLabelMarginTop:new c(o[1],o[0]),controllerWrapperFlex:new c(1,o[0])};function Lt({plaidConnectionDetails:e,transferDetails:n,zeniAccountsConfigDetail:g,isCalculatorOpen:$,showAnnualYieldEarned:T,transferAmount:w,yieldEarned:d,totalBalance:f,maxInsuredAmount:l,setIsCalculatorOpen:y,setShowAnnualYieldEarned:C,setTransferAmount:S,setYieldEarned:F,setTotalBalance:M,onSaveChangesToLocalStore:K,onBackClick:R,onEstablishConnectionClick:O,fireTrackTransferBetweenAccountsFormClicked:_,onFetchLinkTokenClick:J,onReviewClick:H}){const i=de(),E=p.largeLabelWidth.value(i),[Y,j]=u.useState(!1),m=e.link_account_no_microdeposit,[v,W]=u.useState(m.linkToken??null),[x,z]=u.useState(!1),[V,N]=u.useState(!1),Q=n.transferMoneyPartiesFetchState,oe=pe(Q),X=n.transferDetailLocalData.transferFrom?.id,ee=n.transferDetailLocalData.transferTo?.id,ie=pe(X),be=pe(ee),Je=u.useCallback(s=>{O?.(s),R(),N(!1),z(!1)},[R,O]),He=u.useCallback((s,h)=>{s!=null&&console.log("Plaid Connection Error",s,h)},[]),{open:Z,ready:te}=ut({token:v,onSuccess:Je,onExit:He}),le=u.useCallback(s=>{s.preventDefault(),s.stopPropagation(),te?Z():z(!0)},[Z,te]),P=Ve({mode:"all",reValidateMode:"onBlur",defaultValues:u.useMemo(()=>Ae(n,le),[n])});u.useEffect(()=>{m.fetchStatus.fetchState==="Completed"&&m.linkToken!=null&&m.linkToken!==v&&W(m.linkToken)},[m.fetchStatus.fetchState,m.linkToken,v]),u.useEffect(()=>{m.linkToken===v&&m.fetchStatus.fetchState==="Completed"&&te&&N(!0)},[te,v,m.fetchStatus,m.linkToken,m.fetchStatus.fetchState]),u.useEffect(()=>{V&&x&&Z()},[V,Z,x]),u.useEffect(()=>{(ft.zeniDate(new Date().toISOString()).isAfter(m.expiration)||m.linkToken==null)&&J?.("link_account_no_microdeposit")},[]),u.useEffect(()=>{(oe==="In-Progress"&&Q==="Completed"||ie!==X||be!==ee)&&P.reset(Ae(n,()=>Z()))},[te,v,m.fetchStatus.fetchState,oe,Q,ie,be,ee,X,P,n,Z]);const{isValid:Qe}=P.formState,et=async(s,h)=>{if(s!=null){const B={...h},se={amount:{amount:B[k].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:n.transferMoneyParties.find(ae=>ae.id===B[k].transferFrom.selectedOption),transferTo:n.transferMoneyParties.find(ae=>ae.id===B[k].transferTo.selectedOption)};K(se)}};u.useEffect(()=>{const s=P.watch((h,{name:B})=>{if(B!=null&&h!=null){const se=h[k]?.amount??0,ae=h[k]?.transferFrom,rt=h[k]?.transferTo,nt=n.transferMoneyParties.find(fe=>fe.id===ae?.selectedOption),ot=n.transferMoneyParties.find(fe=>fe.id===rt?.selectedOption);nt?.accType==="paymentAccount"&&ot?.accType==="depositAccount"&&se!==0?(y(!0),C(!0)):C(!1),S(se)}});return()=>{s.unsubscribe()}},[P,n.transferMoneyParties]),u.useEffect(()=>{const s=P.watch((h,{name:B})=>{B!=null&&h!=null&&pt(()=>et(B,h))});return()=>{s.unsubscribe()}}),u.useEffect(()=>{n.reviewTransferDetail.error!=null?j(!0):j(!1)},[n.reviewTransferDetail.error]);const tt=P.handleSubmit(()=>{Qe&&(_("Review","Amount Details"),H())});u.useEffect(()=>{n.transferDetailLocalData.transferTo?.accType==="depositAccount"&&n.transferDetailLocalData.transferTo.accountBalance?.available?.amount===0&&n.transferDetailLocalData.transferFrom?.id==null&&P.setValue(`${k}.${ke}`,{selectedOption:n.primaryPaymentAccount?.paymentAccountId,allOptions:re(n,!0,le,!0,!0)})},[n.transferDetailLocalData.transferTo?.id]);const Te=g.zeniAccountsConfigDetail.depositProductConfig.depositProducts,ye=Te[Te.length-1].annualPercentageYield.toString(),at=mt(ht(l),l,ce.currency.currencySymbol).toUpperCase();return t.jsx(t.Fragment,{children:m.fetchStatus.fetchState==="Completed"?t.jsxs(t.Fragment,{children:[Y?t.jsx(zt,{children:t.jsxs(Ft,{children:[t.jsxs(Mt,{children:[t.jsx(Et,{}),t.jsxs(It,{children:[t.jsx(Ot,{children:n.reviewTransferDetail.error?.title}),t.jsx(_t,{children:n.reviewTransferDetail.error?.message})]})]}),t.jsx(Rt,{children:t.jsx(ta,{"data-testid":A("amount-details-error-close"),onClick:()=>{_("Cross","Amount Details"),j(!1)},style:{width:a.sp3,height:a.sp3,color:G.heroLight}})})]})}):null,t.jsx(Yt,{children:q("0,0.[00]",n.transferDetailLocalData.amount)}),t.jsx(Ne,{...P,children:t.jsxs(Bt,{id:Ke(Ge),onSubmit:tt,children:[t.jsxs(Qt,{children:[t.jsx(Fe,{size:i,children:t.jsx(Pe,{label:{label:ce.labels.transferFrom,width:E,style:{marginLeft:p.labeleMarginLeft.valuePx(i),marginBottom:p.labeleMarginBottom.valuePx(i),marginRight:p.labelMarginRight.valuePx(i)}},errorInfoLabel:b.transferDrawer.transferFromError,style:{paddingTop:p.labeledFieldPaddingTop.valuePx(i),paddingBottom:p.labeledFieldPaddingBottom.valuePx(i),paddingLeft:p.labeledFieldPaddingLeft.valuePx(i),paddingRight:p.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(i),marginTop:p.infoLabelMarginTop.valuePx(i)},singleSelectPickerField:{name:me(k,ke),placeholder:b.transferDrawer.transferFromPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(s,h)=>ve(n.transferMoneyParties,s,h),valueToSubLabels:(s,h)=>Se(n.transferMoneyParties,s,h,!1),defaultValue:{selectedOption:n.transferDetailLocalData.transferFrom?.id,allOptions:re(n,!0,le,!0,!0)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})}),t.jsx(Be,{}),t.jsx(Fe,{size:i,children:t.jsx(ea,{size:i,children:t.jsx(Pe,{label:{label:ce.labels.transferTo,width:E,style:{marginLeft:p.labeleMarginLeft.valuePx(i),marginBottom:p.labeleMarginBottom.valuePx(i),marginRight:p.labelMarginRight.valuePx(i)}},errorInfoLabel:b.transferDrawer.transferToError,style:{paddingTop:p.labeledFieldPaddingTop.valuePx(i),paddingBottom:p.labeledFieldPaddingBottom.valuePx(i),paddingLeft:p.labeledFieldPaddingLeft.valuePx(i),paddingRight:p.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:p.infoLabelPaddingRight.valuePx(i),marginTop:p.infoLabelMarginTop.valuePx(i)},singleSelectPickerField:{name:me(k,Pt),placeholder:b.transferDrawer.transferToPlaceholder,capitalizeOptions:!0,style:{position:"relative"},valueToLogo:(s,h)=>ve(n.transferMoneyParties,s,h),valueToSubLabels:(s,h)=>Se(n.transferMoneyParties,s,h,!1),defaultValue:{selectedOption:n.transferDetailLocalData.transferTo?.id,allOptions:re(n,!1,le)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})})}),t.jsx(Be,{}),t.jsx(gt,{showAdditionalInfoLabel:!1,label:{label:ce.labels.amount,width:E},additionalInfoLabel:b.transferDrawer.amountError,formattedTextField:{type:"number",name:me(k,Ue),defaultValue:n.transferDetailLocalData.amount.amount===0?void 0:n.transferDetailLocalData.amount.amount,placeholder:b.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto"}})]}),t.jsxs(Xt,{children:[$?t.jsxs(Wt,{children:[t.jsx(Vt,{children:b.transferDrawer.calculator.heading.replace("__rate__",ye).replace("__amount__",at)}),t.jsx(kt,{minStep:.01,currentAccountBalance:n.transferDetailLocalData.transferTo?.accountBalance?.available?.amount??0,transferAmount:w,zeniAccountsConfigDetail:g,setYieldEarned:F,setTotalBalance:M})]}):null,t.jsxs(Zt,{windowSize:i,children:[t.jsx(Gt,{windowSize:i,children:T?t.jsxs(t.Fragment,{children:[t.jsxs(qt,{children:[t.jsx(Le,{children:`${b.transferDrawer.calculator.footerText.annualYieldEarned} ${q("0,0",{amount:d,currencySymbol:"$"})}`}),t.jsx(De,{variant:"small-description",display:"flex",data:b.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,placement:i==="small"?"bottom":"right",children:t.jsx(Nt,{})})]}),t.jsx(Ut,{windowSize:i}),t.jsx(Kt,{children:`${b.transferDrawer.calculator.footerText.forTotalBalance} ${q("0,0",{amount:f,currencySymbol:"$"})}`})]}):t.jsx(Le,{children:b.transferDrawer.calculator.footerText.earnUptoText.replace("__rate__",ye)})}),$?t.jsxs(ze,{windowSize:i,onClick:()=>y(!1),"data-testid":A("calculator-footer-close"),children:[t.jsx(je,{className:"calculatorFooterLeftText",children:b.transferDrawer.calculator.footerText.hide}),t.jsx(Jt,{className:"calculatorFooterArrowIcon"})]}):t.jsxs(ze,{windowSize:i,onClick:()=>y(!0),"data-testid":A("calculator-footer-show"),children:[t.jsx(je,{className:"calculatorFooterLeftText",children:b.transferDrawer.calculator.footerText.showYieldCalculator}),t.jsx(Ht,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]}):t.jsx(Ye,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})})}const re=(e,n,g,$=!1,T=!1)=>{const w=e.transferMoneyParties.map(d=>{const f={label:d.label,value:d.id};return $&&(n?f.isDisabled=d.id===e?.transferDetailLocalData?.transferTo?.id||d.accType==="paymentAccount"&&e.transferDetailLocalData.transferTo?.accType==="paymentAccount":f.isDisabled=d.id===e.transferDetailLocalData.transferFrom?.id||d.accType==="paymentAccount"&&e.transferDetailLocalData.transferFrom?.accType==="paymentAccount"),f});if(T){const d={label:b.transferDrawer.selectAddAccount,value:"",type:"button",onClick:g};w.push(d)}return w},Ae=(e,n)=>({transferDetails:{[Ue]:e.transferDetailLocalData.amount.amount===0?void 0:e.transferDetailLocalData.amount.amount,transferFrom:{allOptions:re(e,!0,n,!0,!0),selectedOption:e.transferDetailLocalData.transferFrom?.id!=null?e.transferDetailLocalData.transferFrom?.id:jt(e)},transferTo:{allOptions:re(e,!1,n,!0,!1),selectedOption:e.transferDetailLocalData.transferTo?.id}}}),jt=e=>e.transferDetailLocalData.transferTo?.accType==="depositAccount"&&e.transferDetailLocalData.transferTo?.accountBalance?.available?.amount===0?e.primaryPaymentAccount?.paymentAccountId:void 0,zt=r.div`
-  margin-top: ${a.sp3};
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: space-between;
-  padding: ${a.sp3} ${a.sp4};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${a.sp2};
-  box-shadow: ${e=>`${a.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,Bt=r.form`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Ft=r.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: ${a.sp3} ${a.sp4};
-  background-color: ${G.importantLight};
-  border-radius: ${a.sp2};
-`,Mt=r.div`
-  display: flex;
-  align-items: flex-start;
-`,Rt=r.div``,Et=r($t)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${G.important};
-`,It=r.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${a.sp2};
-`,Ot=r(Xe)`
-  color: ${G.important};
-`,_t=r(ue)`
-  color: ${G.important};
-`,Yt=r(Dt)`
-  color: ${e=>e.theme.colors.primary};
-  margin: ${a.sp5} ${a.sp0} ${a.sp3} ${a.sp0};
-`,Pe=r(bt)`
-  border-radius: ${a.sp2};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,Wt=r.div`
-  background-color: ${e=>e.theme.colors.background};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-top: none;
-  min-height: 182px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-`,Vt=r(ue)`
-  color: ${e=>e.theme.colors.hero};
-  margin: ${a.sp3} ${a.sp8};
-  margin-bottom: ${a.sp3};
-  margin-top: ${a.sp3};
-  white-space: pre-line;
-`,Le=r(Xe)`
-  color: ${G.success};
-  white-space: nowrap;
-`,Nt=r(Tt)`
-  width: ${a.sp3};
-  color: ${e=>e.theme.colors.hero};
-  height: ${a.sp3};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Xt=r.div`
-  margin-bottom: ${a.sp6};
-  width: 90%;
-`,Zt=r.div`
-  display: flex;
-  align-items: center;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  justify-content: space-between;
-  padding: ${a.sp2} ${a.sp3};
-  background-color: ${e=>e.theme.colors.grey3};
-  border-bottom-right-radius: ${a.sp1};
-  border-bottom-left-radius: ${a.sp1};
-`,qt=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,je=r($e)`
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-`,ze=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 6px;
-  align-self: ${e=>e.windowSize==="small"?"flex-end":"center"};
-  &:hover {
-    .calculatorFooterLeftText {
-      color: ${e=>e.theme.colors.primary};
-    }
-    .calculatorFooterArrowIcon {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ut=r.div`
-  display: ${e=>e.windowSize==="small"?"none":"block"};
-  width: ${a.sp1};
-  height: ${a.sp1};
-  min-width: ${a.sp1};
-  margin: 0 ${a.sp2};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,Gt=r.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  width: ${e=>e.windowSize==="small"?"100%":"unset"};
-`,Kt=r(Ze)`
-  color: ${e=>e.theme.colors.hero};
-`,Jt=r(yt)`
-  cursor: pointer;
-  width: 12px;
-  height: 12px;
-  min-width: 12px;
-  min-height: 12px;
-  color: ${e=>e.theme.colors.hero};
-`,Ht=r(Ct)`
-  cursor: pointer;
-  width: 12px;
-  height: 12px;
-  min-width: 12px;
-  min-height: 12px;
-  color: ${e=>e.theme.colors.hero};
-`,Qt=r.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${a.sp2};
-`,Be=r.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Fe=r.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${a.sp2};
-  padding-left: ${e=>p.rowContentPaddingLeft.valuePx(e.size)};
-  justify-content: space-between;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .select-control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-  &:focus-within {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-`,ea=r.div`
-  width: 100%;
-  display: flex;
-  flex-grow: ${e=>p.controllerWrapperFlex.value(e.size)};
-  align-items: flex-start;
-`,ta=r(We)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  min-height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ne={navBarContainerPaddingXaxis:new c(10,19),containerPaddingLeft:new c(16,40,56),containerPaddingRight:new c(16,40,56),successContentMargin:new c(o[3],o[12]),buttonTrayGap:new c(o[4],o[5])},D=I.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,aa=({transferDetails:e,isCalculatorOpen:n,showAnnualYieldEarned:g,transferAmount:$,yieldEarned:T,totalBalance:w,maxInsuredAmount:d,zeniAccountsConfigDetail:f,fireTrackTransferBetweenAccountsFormClicked:l,onSaveChangesToLocalStore:y,onTransferClick:C,onDismissClick:S,onAnotherTransferClick:F,onEstablishConnectionClick:M,onBackClick:K,onFetchLinkTokenClick:R,plaidConnectionDetails:O,showReviewContent:_,setShowReviewContent:J,setCurrentDrawerContent:H,clearReviewTransferDetail:i,onReviewClick:E,setIsCalculatorOpen:Y,setShowAnnualYieldEarned:j,setTransferAmount:m,setYieldEarned:v,setTotalBalance:W})=>{const x=de(),z=e.reviewTransferDetail,V=e.transferDetailLocalData.transferFrom?.accType==="depositAccount"&&e.transferDetailLocalData.transferTo?.accType==="depositAccount",N=()=>e.transferDetailLocalData.transferFrom?.id!=null||e.transferDetailLocalData.transferTo?.id!=null||e.transferDetailLocalData.amount.amount>0;return t.jsx(oa,{windowSize:x,children:e.fetchState==="Completed"?t.jsxs(Re,{windowSize:x,isTransferCompleted:!0,children:[t.jsx(Ee,{windowSize:x,children:t.jsx(Ie,{"data-testid":A("cross-transfer-success-close-button"),onClick:()=>{l("Cross","Transfer Success"),S?.()}})}),t.jsxs(sa,{windowSize:x,children:[t.jsx(it,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),t.jsx(ia,{children:V?t.jsxs(t.Fragment,{children:[D.transferDrawer.internal.transferSuccessMsgPrefix,t.jsx(Me,{children:q("0,0.[00]",e.transferDetailLocalData.amount)}),D.transferDrawer.internal.transferSuccessMsgMidfix,`"${e.transferDetailLocalData.transferFrom?.label}"`,D.transferDrawer.internal.transferSuccessMsgMidfix2,`"${e.transferDetailLocalData.transferTo?.label}".`]}):t.jsxs(t.Fragment,{children:[D.transferDrawer.external.transferSuccessMsgPrefix,t.jsx(Me,{children:q("0,0.[00]",e.transferDetailLocalData.amount)}),D.transferDrawer.external.transferSuccessMsgMidfix,`"${e.transferDetailLocalData.transferFrom?.label}"`,D.transferDrawer.external.transferSuccessMsgMidfix1,`"${e.transferDetailLocalData.transferTo?.label}".`,z.reviewTransferMoney.isShowDailyAchLimitWarning?null:D.transferDrawer.external.transferSuccessMsgMidfix2]})}),t.jsxs(la,{windowSize:x,children:[t.jsx(Ce,{variant:"secondary",label:D.transferDrawer.anotherTransferBtn,"data-testid":A("another-transfer-button"),onClick:()=>{l("Another Transfer","Transfer Success"),W(0),Y(!1),v(0),j(!1),F()},style:{minWidth:200}}),t.jsx(Ce,{variant:"primary",label:D.transferDrawer.backToChecking,"data-testid":A("back-to-checking-button"),onClick:()=>{l("Back to Checking","Transfer Success"),S?.()},style:{minWidth:200}})]})]})]}):_?t.jsx(lt,{transferDetails:e,setCurrentDrawerContent:H,setShowReviewContent:J,onTransferClick:C,clearReviewTransferDetail:i,reviewTransferDetail:z,fireTrackTransferBetweenAccountsFormClicked:l}):t.jsxs(t.Fragment,{children:[t.jsxs(Re,{windowSize:x,isTransferCompleted:!1,children:[t.jsx(Ee,{windowSize:x,children:t.jsx(Ie,{"data-testid":A("cross-amount-details-close-button"),onClick:()=>{l("Cross","Amount Details"),S?.()}})}),x==="small"?t.jsx(ca,{windowSize:x,children:D.transferDrawer.title}):t.jsx(da,{children:D.transferDrawer.title}),x==="small"?t.jsx(na,{children:D.transferDrawer.subTitle}):t.jsx(ra,{children:D.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?t.jsx(Lt,{isCalculatorOpen:n,showAnnualYieldEarned:g,transferAmount:$,yieldEarned:T,totalBalance:w,onBackClick:K,onSaveChangesToLocalStore:y,plaidConnectionDetails:O,transferDetails:e,zeniAccountsConfigDetail:f,onEstablishConnectionClick:M,onFetchLinkTokenClick:R,onReviewClick:E,setIsCalculatorOpen:Y,setShowAnnualYieldEarned:j,setTransferAmount:m,setYieldEarned:v,setTotalBalance:W,fireTrackTransferBetweenAccountsFormClicked:l,maxInsuredAmount:d}):t.jsx(Ye,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),N()?t.jsx(we,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:Ke(Ge),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:I.getLocalizedStrings().common.review,isLoading:z.fetchState==="In-Progress"},cancelBtn:{label:D.transferDrawer.cancelBtn,onClick:()=>{l("Cancel","Amount Details"),S?.()}}}):null]})})},ra=r(ue)`
-  color: ${e=>e.theme.colors.hero};
-`,na=r($e)`
-  color: ${e=>e.theme.colors.hero};
-`,oa=r.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100vh;
-  width: 100%;
-`,ia=r(st)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,Me=r(ct)`
-  display: inline;
-`,Re=r.div`
-  height: ${e=>e.isTransferCompleted?"100%":"auto"};
-  padding-left: ${e=>`${ne.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${ne.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,la=r.div`
-  display: flex;
-  justify-content: center;
-  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
-  margin-top: ${a.sp6};
-  gap: ${e=>`${ne.buttonTrayGap.valuePx(e.windowSize)}`};
-`,sa=r.div`
-  height: 80%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: ${e=>`${a.sp0} ${ne.successContentMargin.valuePx(e.windowSize)}`};
-  align-items: center;
-`,Ee=r.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${a.sp0};
-  padding: ${e=>`${ne.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${a.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Ie=r(We)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  min-height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ca=r(dt)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${a.sp3};
-  margin-bottom: ${a.sp0};
-  margin-right: ${a.sp3};
-`,da=r(xe)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${a.sp3};
-  margin-bottom: ${a.sp2};
-`,U={accountRowLeftRightPadding:new c(o[3],o[3]),zeniAccountListPaddingBottom:new c(o[3],o[6]),navBarContainerPaddingXaxis:new c(10,19),containerPaddingLeft:new c(o[3],o[6],o[8]),containerPaddingRight:new c(o[3],o[6],o[8])},Oe="wireTransferDetailPage",_e=e=>`${e}_form`,ua=I.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList.transferDrawer,he=I.getLocalizedStrings().common,fa=e=>t.jsx(Ca,{color:St(e)}),pa=({depositAccountListView:e,setCurrentDrawerContent:n,selectedAccount:g,setShowWireAccountInfo:$,setSelectedAccount:T,fireTrackTransferBetweenAccountsFormClicked:w})=>{const d=Ve({mode:"all",reValidateMode:"onChange",defaultValues:{selectedAccountId:g?.id}}),f=de();return u.useEffect(()=>{const l=d.watch(()=>{const y=e.depositAccounts.find(C=>C.id===d.getValues("selectedAccountId"));T(y)});return()=>{l.unsubscribe()}}),e.fetchState!="Completed"?t.jsx(wt,{fetchState:e.fetchState}):t.jsxs(t.Fragment,{children:[t.jsxs(ma,{windowSize:f,children:[t.jsx(Ta,{windowSize:f,children:t.jsx(De,{style:{marginTop:a.sp1},title:he.navBar.back,enterDelay:600,placement:"bottom",children:t.jsx(ba,{"data-testid":A("select-zeni-account-back-button"),onClick:()=>{w("Back","Select Account for Split Transfer"),n("achTransfer")}})})}),t.jsx(ya,{windowSize:f,children:ua.selectYour}),t.jsx(Ne,{...d,children:t.jsx("form",{id:_e(Oe),onSubmit:d.handleSubmit(()=>{w("Next","Select Account for Split Transfer"),$(!0)}),children:t.jsx(Da,{windowSize:f,children:e.depositAccounts.map((l,y)=>t.jsx($a,{isClickEnabled:!0,windowSize:f,"data-testid":A("deposit-account-click",l.id),onClick:()=>d.setValue("selectedAccountId",l.id),children:t.jsxs(ha,{children:[t.jsx(xt,{name:"selectedAccountId",id:l.id,value:l.id,radioSize:"small",style:{marginRight:8}}),fa(y),t.jsxs(ga,{children:[t.jsx(xa,{windowSize:f,children:l.accountName}),t.jsx(wa,{children:q("0,0[.]00",l.accountBalance?.available)})]})]})},l.id))})})})]}),g!=null?t.jsx(we,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},formId:_e(Oe),cancelBtn:{label:he.cancel,onClick:()=>{w("Cancel","Select Account for Split Transfer"),n("achTransfer")},style:{width:93}},primaryBtn:{label:he.next,style:{width:93}}}):null]})},ma=r.div`
-  height: auto;
-  padding-left: ${e=>`${U.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${U.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,ha=r.div`
-  display: flex;
-  align-items: center;
-  width: 100%;
-`,ga=r.div`
-  max-width: calc(100% - 30px);
-  width: calc(100% - ${a.sp6});
-  white-space: nowrap;
-  overflow: hidden;
-  position: relative;
-  top: 2px;
-`,wa=r(Ze)`
-  color: ${e=>e.theme.colors.grey1};
-  position: relative;
-  top: -${a.sp1};
-`,xa=r($e)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: ${`calc(100% - ${a.sp3})`};
-  text-transform: capitalize;
-  overflow: hidden;
-`,$a=r.div`
-  padding-left: ${e=>U.accountRowLeftRightPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>U.accountRowLeftRightPadding.valuePx(e.windowSize)};
-  background: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal} `};
-  border-radius: ${a.sp2};
-  margin-bottom: ${a.sp3};
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  box-sizing: border-box;
-  max-height: ${a.sp8};
-  cursor: ${e=>e.isClickEnabled?"pointer":"default"};
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.isClickEnabled?e.theme.colors.champion:e.theme.colors.hero};
-  }
-`,Da=r.div`
-  padding-bottom: ${e=>U.zeniAccountListPaddingBottom.valuePx(e.windowSize)};
-`,ba=r(qe)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  min-height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ta=r.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-  top: ${a.sp0};
-  padding: ${e=>`${U.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${a.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ya=r(xe)`
-  color: ${e=>e.theme.colors.primary};
-  padding: ${a.sp3} ${a.sp0} ${a.sp5} ${a.sp0};
-`,Ca=r(vt)`
-  min-width: ${a.sp5};
-  width: ${a.sp5};
-  height: ${a.sp5};
-  margin-right: ${a.sp2};
-  padding: 12px ${a.sp0};
-  box-sizing: content-box;
-`,{common:{navBar:{back:Sa}}}=I.getLocalizedStrings(),L={pageTitleMarginXAxis:new c(o[0],o[8]),navBarContainerPaddingXaxis:new c(10,19),pageContentPaddingLeftRight:new c(o[3],o[0]),navBarContainerMarginLeftRight:new c(o[0],o[8]),descriptionMarginLeftRight:new c(o[0],o[8]),accountInfoPageWrapperMarginLeft:new c(o[0],o[8]),accountInfoPageWrapperMarginRight:new c(o[0],o[5]),accountInfoPageWrapperMarginBottom:new c(o[5],o[8])},ge=I.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList.transferDrawer,va=({authParams:e,downloadAccountDetailEndPoint:n,depositAccount:g,zeniAccountsConfigDetail:$,currentTenant:T,onDismissClick:w,fireTrackTransferBetweenAccountsFormClicked:d,setShowWireAccountInfo:f})=>{const l=de();return t.jsxs(t.Fragment,{children:[t.jsxs(Aa,{windowSize:l,children:[t.jsx(La,{windowSize:l,children:t.jsx(De,{title:Sa,enterDelay:600,placement:"bottom",children:t.jsx(Pa,{"data-testid":A("wire-transfer-account-info-back-button"),onClick:()=>{d("Back","Wire Transfer Details"),f(!1)}})})}),t.jsx(Ba,{windowSize:l,children:ge.wireInstruction.replace("__accountName__",g.accountName)}),t.jsx(ja,{windowSize:l,children:t.jsx(za,{children:ge.wireTransferDescriptionLine1})}),t.jsx(ka,{windowSize:l,children:t.jsx(At,{authParams:e,downloadAccountDetailEndPoint:n,currentTab:"wireDetails",zeniAccountsConfigDetail:$,currentTenant:T,depositAccount:g})})]}),t.jsx(we,{style:{zIndex:4,paddingTop:a.sp3,paddingBottom:a.sp3},cancelBtn:{label:""},primaryBtn:{label:ge.backToChecking,onClick:()=>{d("Back to Checking","Wire Transfer Details"),w()}},showCancel:!1,showPrimaryButton:!0})]})},ka=r.div`
-  margin-left: ${e=>`${L.accountInfoPageWrapperMarginLeft.valuePx(e.windowSize)}`};
-  margin-right: ${e=>`${L.accountInfoPageWrapperMarginRight.valuePx(e.windowSize)}`};
-  margin-bottom: ${e=>`${L.accountInfoPageWrapperMarginBottom.valuePx(e.windowSize)}`};
-`,Aa=r.div`
-  height: auto;
-  padding: ${e=>`${a.sp0} ${L.pageContentPaddingLeftRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Pa=r(qe)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  min-height: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,La=r.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-  top: ${a.sp0};
-  padding: ${e=>`${L.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${a.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-  margin: ${e=>`${a.sp0} ${L.navBarContainerMarginLeftRight.valuePx(e.windowSize)}`};
-`,ja=r(ue)`
-  color: ${e=>e.theme.colors.hero};
-  margin-left: ${e=>L.descriptionMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>L.descriptionMarginLeftRight.valuePx(e.windowSize)};
-  margin-bottom: ${a.sp7};
-`,za=r.div``,Ba=r(xe)`
-  color: ${e=>e.theme.colors.primary};
-  padding: ${a.sp3} ${a.sp0} ${a.sp2} ${a.sp0};
-  margin: ${e=>`${a.sp0} ${L.pageTitleMarginXAxis.valuePx(e.windowSize)} `};
-`,Fa=({zeniAccountsConfigDetail:e,depositAccountListView:n,downloadAccountDetailEndPoint:g,authParams:$,selectedAccountId:T,currentTenant:w,setCurrentDrawerContent:d,fireTrackTransferBetweenAccountsFormClicked:f,onDismissClick:l})=>{const[y,C]=u.useState(!1),[S,F]=u.useState(n.depositAccounts.find(M=>M.id===T));return y&&S!=null?t.jsx(va,{downloadAccountDetailEndPoint:g,authParams:$,currentTenant:w,zeniAccountsConfigDetail:e,depositAccount:S,onDismissClick:l,setShowWireAccountInfo:C,fireTrackTransferBetweenAccountsFormClicked:f}):t.jsx(pa,{depositAccountListView:n,setCurrentDrawerContent:d,selectedAccount:S,setShowWireAccountInfo:C,setSelectedAccount:F,fireTrackTransferBetweenAccountsFormClicked:f})},Ga=({transferDetails:e,zeniAccountsConfigDetail:n,depositAccountListView:g,maxInsuredAmount:$,currentTenant:T,showReviewContent:w,currentDrawerContent:d,downloadAccountDetailEndPoint:f,authParams:l,analytics:y,setCurrentDrawerContent:C,setShowReviewContent:S,onSaveChangesToLocalStore:F,onTransferClick:M,onReviewClick:K,onDismissClick:R,onAnotherTransferClick:O,onEstablishConnectionClick:_,onBackClick:J,clearReviewTransferDetail:H,onFetchLinkTokenClick:i,plaidConnectionDetails:E})=>{const[Y,j]=u.useState(!1),[m,v]=u.useState(!1),[W,x]=u.useState(0),[z,V]=u.useState(0),[N,Q]=u.useState(0),oe=()=>{const X=(ee,ie)=>y.trackTransferBetweenAccountsFormClicked(ee,ie,e.transferDetailLocalData.transferFrom?.label,e.transferDetailLocalData.transferTo?.label,e.transferDetailLocalData.amount.amount,e.reviewTransferDetail.reviewTransferMoney.isShowDailyAchLimitWarning,e.reviewTransferDetail.reviewTransferMoney.transferSchedules.length,e.transferDetailLocalData.transferFrom?.accType==="paymentAccount"&&e.transferDetailLocalData.transferTo?.accType==="depositAccount"&&n.zeniAccountsConfigDetail.depositProductConfig.depositProducts?.[0].range?.[1]!=null&&e.transferDetailLocalData.amount.amount>n.zeniAccountsConfigDetail.depositProductConfig.depositProducts[0].range[1]);return d==="achTransfer"?t.jsx(aa,{transferDetails:e,isCalculatorOpen:Y,showAnnualYieldEarned:m,transferAmount:W,yieldEarned:z,totalBalance:N,zeniAccountsConfigDetail:n,fireTrackTransferBetweenAccountsFormClicked:X,onSaveChangesToLocalStore:F,onTransferClick:M,onDismissClick:R,onAnotherTransferClick:O,onEstablishConnectionClick:_,onBackClick:J,onFetchLinkTokenClick:i,plaidConnectionDetails:E,setCurrentDrawerContent:C,clearReviewTransferDetail:H,onReviewClick:K,setShowReviewContent:S,showReviewContent:w,setIsCalculatorOpen:j,setShowAnnualYieldEarned:v,setTransferAmount:x,setYieldEarned:V,setTotalBalance:Q,maxInsuredAmount:$}):t.jsx(Fa,{zeniAccountsConfigDetail:n,depositAccountListView:g,selectedAccountId:e.transferDetailLocalData.transferTo?.id,currentTenant:T,downloadAccountDetailEndPoint:f,authParams:l,fireTrackTransferBetweenAccountsFormClicked:X,setCurrentDrawerContent:C,onDismissClick:R})};return t.jsx(Ma,{children:oe()})},Ma=r.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`;export{Ga as default};

package/dist/assets/TreasurySetupPage-BoVhd65r-CXuNgzdi.js

@@ -1,152 +0,0 @@
-import{d2 as qe,u as Ge,X as pe,a2 as me,a as he,c3 as fe,M as ge,a8 as le,j as t,cI as Ke,g as Je,C as r,aV as Xe,c as Ye,F as ye,c_ as Qe,aR as Ze,q as n,l as et,K as tt,bs as it,_ as ot,cd as nt,c9 as at,a4 as st,o as i,e as xe,c0 as lt,a3 as rt,Q as ct,h as dt}from"./index-BP54u7bE.js";import{b as l,n as o}from"./vendor-CnQcJ2Lu.js";import{D as ut}from"./HelpButton-BdhMFvtG-BdXfZX0U.js";import{Y as pt}from"./LabeledDocumentField-TFmz23mS-Dg7dpofQ.js";import{P as mt}from"./DocumentSecurityBanner-Bxg3ctYZ-CgQ3FYOu.js";import{r as ht}from"./verification-CW6uEyev-DdkqedMU.js";import{K as re}from"./SetUpDefaultSection-DsyZbNsv-BU4fjsR8.js";import{f as ft}from"./SpendMgmtSetupAccountSection-BkUIdz9m-B2ewL4T_.js";import gt from"./PortfolioAllocationFormPage-D3FP_MRr-BcOrWJml.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-MtSyJ1AS-C61rImN5.js";import"./ChargeCardUtils-DC2v2EHU-B8YRIRH7.js";import"./CreditCardPaymentPlgSection-CAsn4Ae6-CZm-m7f1.js";import"./ChaseOverlay-B-Sx71yo-CVGS055Q.js";import"./PortfolioDetails-Dtz3YEPu-CbnH_B-R.js";import"./treasuryColorHelper-EG8VpBia-BgT0ZOn3.js";const ce=(e,s)=>`${e}.${s}`,S={labelWidth:new r(145,155),largeLabelDocumentWidth:new r(210,252),marginBottom:new r(n[2],n[0]),navBarContainerPaddingYaxis:new r(10,n[3]),containerPaddingLeft:new r(n[3],n[6],n[8]),containerPaddingRight:new r(n[3],n[6],n[8])},yt={stepTitle:new ct("h6Regular","h5Regular")},we=ge.getLocalizedStrings(),{common:de}=we,p=we.commonSetUp.businessVerification,ee=p.sourceOfFundOptions,b="additionalVerificationFields",xt=({companyOfficer:e,companyDetails:s,updateStatus:h,fileProps:f,isDetailsSubmitted:g,onClose:F,onAdditionalVerificationFieldsChanged:B,onSendForVerificationClick:W,onCloseOverlay:$})=>{const c=pe(),_=S.labelWidth.value(c),k=S.largeLabelDocumentWidth.value(c),M=me(h.fetchState),C=he({mode:"all",reValidateMode:"onChange",defaultValues:l.useMemo(()=>({[b]:{sourceOfFunds:{selectedOption:s?.sourceOfFunds??"",allOptions:Object.keys(ee)},formationDocument:s?.companyFiles.find(a=>a.documentType==="company_formation_document")}}),[s?.sourceOfFunds,s?.companyFiles])}),U=a=>ee[a]??a,O=s?.deleteFileStatusById??{},A=s?.updateFileStatusById??{},N=Object.values(O??{}).filter(a=>a!=null),R=et.reduceAllFetchState(N),H=C.handleSubmit(()=>{R.fetchState!=="In-Progress"&&W(e?.officerType??"Officer_1")}),q=async(a,x)=>{B(x[b])};return l.useEffect(()=>{const a=C.watch((x,{name:T})=>{T!=null&&x!=null&&fe(()=>q(T,x))});return()=>{a.unsubscribe()}}),M==="In-Progress"&&h.fetchState==="Completed"||g===!0?t.jsxs(Pt,{children:[t.jsxs(Ft,{children:[t.jsx(ht,{}),t.jsx(St,{windowSize:c,children:p.submittedTitle}),t.jsx(kt,{children:p.submittedDescription})]}),t.jsx(tt,{label:p.submittedButton,onClick:$,variant:"primary"})]}):t.jsxs(wt,{windowSize:c,children:[t.jsx(bt,{windowSize:c,children:t.jsx(it,{title:"Back",enterTouchDelay:600,placement:"bottom",children:t.jsx(vt,{"data-testid":ot("nav-bar-back-portfolio-allocation"),onClick:$||F})})}),t.jsxs($t,{windowSize:c,children:[t.jsx(Ot,{windowSize:c,children:p.verifyBusinessDetails}),t.jsx(At,{children:t.jsxs(Tt,{children:[t.jsx(Et,{}),t.jsx(Dt,{})]})})]}),t.jsx(be,{children:p.verifyBusinessDetailsDescription}),t.jsx(ye,{...C,children:t.jsxs("form",{id:b,onSubmit:H,children:[t.jsxs(Ct,{children:[t.jsx(mt,{}),t.jsx(pt,{name:ce(b,"formationDocument"),sizeLimit:nt,filesEndPoint:f.filesEndPoint,authParams:f.authParams,label:{label:p.formationDocumentLabel,width:k,style:{marginBottom:S.marginBottom.valuePx(c)}},style:{width:"auto"},file:s?.companyFiles.find(a=>a.documentType==="company_formation_document"),filemetadataPayload:{documentType:"company_formation_document",purposeId:"business_verification",documentSide:"front"},acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],registerOptions:{required:!0},additionalInfoLabel:p.formationDocumentError.replace("_product_type_","business verification"),updateFilesEntity:f.updateFilesEntity,onEditFileName:f.onEditFileName,onDeleteFile:f.onDeleteFile,deleteFileStatusById:O,updateFileStatusById:A}),t.jsx(jt,{}),t.jsx(at,{label:{label:p.sourceOfFundsLabel,width:_},style:{width:"auto"},additionalInfoLabel:p.sourceOfFundsAdditionalInfo,singleSelectField:{singleSelect:{name:ce(b,"sourceOfFunds"),placeholder:p.sourceOfFundsPlaceholder,showValueEyeIcon:!1,showEyeIconOnSelect:!1,getLabelForId:U,showTickMark:!1,sortOptions:!1},defaultValue:{selectedOption:s?.sourceOfFunds??"",allOptions:Object.keys(ee)},registerOptions:{required:!0,validate:a=>!!a?.selectedOption}},isFunctional:!0,errorInfoLabel:p.sourceOfFundsError.replace("_product_type_","business verification")})]}),t.jsx(st,{formId:b,primaryBtn:{label:de.footer.submit,style:{width:"auto",minWidth:c==="small"?"auto":"83px"},isLoading:h.fetchState==="In-Progress"},cancelBtn:{label:de.footer.back,style:{width:c==="small"?"auto":"83px"},onClick:F},style:{position:"absolute",width:"100%",paddingTop:i.sp2,paddingBottom:i.sp2}})]})})]})},wt=o.div`
-  height: auto;
-  padding-left: ${e=>`${S.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${S.containerPaddingRight.valuePx(e.windowSize)}`};
-  flex: 1;
-  overflow-y: auto;
-  background-color: ${e=>e.theme.colors.grey4};
-`,bt=o.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-  top: ${i.sp0};
-  padding: ${e=>`${S.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${i.sp0}`};
-  z-index: 2;
-`,vt=o(rt)`
-  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};
-  }
-`,St=o(lt)`
-  color: ${e=>e.theme.colors.primary};
-  white-space: pre-line;
-  text-align: center;
-`,be=o(xe)`
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${i.sp3};
-  white-space: pre-line;
-`,kt=o(be)`
-  margin-top: ${i.sp0};
-  text-align: center;
-`,Ct=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};
-`,jt=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Pt=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${i.sp5};
-  margin: auto;
-`,Ft=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${i.sp3};
-`,$t=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${i.sp3};
-  width: 100%;
-`,Ot=o(dt)`
-  ${e=>`${yt.stepTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  text-align: left;
-`,At=o.div`
-  display: flex;
-  align-items: center;
-  gap: ${i.sp2};
-  overflow: hidden;
-`,Tt=o.div`
-  display: flex;
-  width: 100%;
-  gap: ${i.sp3};
-`,Et=o.div`
-  width: 50%;
-  height: 2px;
-  background-color: ${e=>e.theme.colors.primary};
-  border-radius: ${i.sp2};
-  flex-shrink: 0;
-`,Dt=o.div`
-  width: 50%;
-  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%);
-    }
-  }
-`,Lt=e=>l.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M5.62069 7.42676H2.09973",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M21.8994 7.42676H10.1617",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M13.8383 16.6963H2.09973",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M21.8994 16.6963H18.3793",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),l.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}),l.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})),m={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,n[5],n[5]),sectionRowGap:new r(n[5],n[9],n[9]),iconWidthHeight:new r(20,n[4]),subTitlePaddingTop:new r(12,n[3]),subTitlePaddingBottom:new r(n[3],n[3]),overlayWidth:new r(100,100,59)},zt="treasurySetUpPage",V="payAccount",{commonSetUp:It,spendManagement:Vt}=ge.getLocalizedStrings(),{zeniAccounts:Bt,treasury:v}=Vt,{setUp:I}=It,mi=({isDisabled:e,meetingUrl:s,treasurySetupView:h,currentTenant:f,businessVerificationDetails:g,connectedAccountProvider:F,filesEndPoint:B,authParams:W,accountsPromoConfig:$,isAccountsEnabled:c,showTreasurySetupOverlay:_,setShowTreasurySetupOverlay:k,onFetchLinkTokenClick:M,onEnableTreasuryClick:C,onUpdatePrimaryFundingAccount:U,onUpdateTreasuryClick:O,onBusinessVerificationSectionClick:A,onUpdatePaymentAccountStatus:N,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:H,onEstablishConnectionSuccess:q,onClickMenuIcon:a,onEditFileName:x,onDeleteFile:T,updateFilesEntity:ve,onAdditionalVerificationFieldsChanged:Se,onSendForVerificationClick:ke,onUpdateFundAllocation:Ce,onConfirmFundAllocation:je,onSignUpClick:Pe,onNavigateToDashboard:Fe})=>{const j=qe().analytics,E=Ge(),d=pe(),[G,K]=l.useState("portfolio-allocation"),[te,$e]=l.useState(!1),{fetchState:ie,companyTreasuryInfo:D,isRefreshingViewInBackground:oe,updateStatus:Oe,plaidConnectionDetails:Ae,allBankAccounts:Te,selectedCompanyOfficer:Ee,primaryFundingAccount:w,allFundingAccounts:ne,currentAllocation:De,portfolioAllocationUpdateStatus:J,isAtomicAccountExists:Le}=h,ae=me(J.fetchState),L=f.company?.companyBillPayInfo?.businessVerificationStatus,ze=L?.code==="pending_review"||L?.code==="verified",{companyDetailsLocalData:Ie}=g,X=he({mode:"all",reValidateMode:"onChange",defaultValues:l.useMemo(()=>ue(h),[h]),values:ue(h)}),Ve=X.handleSubmit(P=>{C()}),Be=async(P,z)=>{const u=z[V];if(P.includes(V)){if(P.includes("fundingAccount")){if(u.fundingAccount.selectedOption!=null&&w?.id!=u.fundingAccount.selectedOption){const y=ne.find(Z=>Z.id===u.fundingAccount.selectedOption);y!=null&&U(u.fundingAccount.selectedOption,y.accType)}}else if(u.account.selectedOption!=null&&w?.id!=null&&w?.zeniAccountId!=u.account.selectedOption){const y=u.account.allOptions.find(Z=>Z.value===u.account.selectedOption);y!=null&&typeof y.label=="string"&&j.trackConnectBankLink(y.value,y.label,"zeni_treasury"),O(u.account.selectedOption,w.id,w.accType)}}};l.useEffect(()=>{const P=X.watch((z,{name:u})=>{u!=null&&z!=null&&fe(()=>Be(u,z))});return()=>{P.unsubscribe()}}),l.useEffect(()=>{ae==="In-Progress"&&J.fetchState==="Completed"&&G==="portfolio-allocation"&&k(!1)},[ae,J.fetchState]);const se=D?.businessVerificationStatus?.code==="verified",We=D?.businessVerificationStatus?.code==="pending_review",_e=se||We,Me=ie==="In-Progress"||ie==="Not-Started",Ue=v.setup.setupSubTitle,Y=E.mode==="light"?new le(E.colors.brandColorJadeLight):new le(E.colors.brandColorJadeDark),Ne=()=>{$e(!0),k(!0),K("portfolio-allocation")},Re=()=>{je(),te||(j.trackTreasuryVerificationNavigation("next",L?.code??""),ze?K("additional-verification"):A(!0))},Q=()=>{k(!1)},He=()=>{j.trackTreasuryVerificationNavigation("back",L?.code??""),K("portfolio-allocation")};return t.jsxs(_t,{children:[t.jsxs(Ke,{anchor:"right",open:_,onClose:Q,PaperProps:{style:{width:m.overlayWidth.valuePercentage(d),boxShadow:"none"}},style:{backgroundColor:Je.drawerBackground},transitionDuration:250,children:[G==="portfolio-allocation"&&t.jsx(gt,{onBackClick:Q,onNextClick:Re,treasurySetupView:h,onUpdateFundAllocation:Ce,isReadOnly:Le&&De!=null,isEditMode:te,isOnSetup:!0}),G==="additional-verification"&&t.jsx(xt,{updateStatus:Oe,companyOfficer:Ee,companyDetails:Ie,isDetailsSubmitted:_e,fileProps:{authParams:W,filesEndPoint:B,onEditFileName:x,onDeleteFile:T,updateFilesEntity:ve},onClose:He,onCloseOverlay:Q,onAdditionalVerificationFieldsChanged:Se,onSendForVerificationClick:ke})]}),t.jsx(Xe,{title:v.setup.setupTitle,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:Fe,showMenuIcon:d==="medium-compact"||d==="small",onClickMenuIcon:a,source:"treasury"}),t.jsxs(Wt,{windowSize:d,children:[t.jsx(Mt,{windowSize:d,children:Ue}),Me?t.jsx(Ut,{children:t.jsx(Ye,{size:"ExtraLarge",start:!0})}):t.jsx(ye,{...X,children:t.jsx("form",{id:Rt(zt),onSubmit:Ve,children:t.jsxs(Nt,{windowSize:d,children:[t.jsx(re,{onClick:Ne,title:v.setup.title,subTitle:v.setup.subTitle,header:v.setup.header,icon:{element:t.jsx(Lt,{width:m.iconWidthHeight.valuePx(d),height:m.iconWidthHeight.valuePx(d)}),color:Y},isLoading:oe,isActiveWhileLoading:!0}),t.jsx(re,{onClick:()=>A(!1),title:I.businessVerificationTitle,subTitle:I.businessVerificationSubTitle,header:I.businessVerificationHeader,icon:{element:t.jsx(Qe,{width:m.iconWidthHeight.valuePx(d),height:m.iconWidthHeight.valuePx(d)}),color:Y},status:D?.businessVerificationStatus,isLoading:oe,isActiveWhileLoading:!0,additionalInfo:D?.businessVerificationStatus?.code==="pending_review"?I.businessVerificationAdditionalInfo:void 0}),t.jsx(ft,{connectedAccountProvider:F,plaidConnectionDetails:Ae,allBankAccounts:Te,sectionId:V,isDisabled:e,header:Bt.accountSectionHeader,onFetchLinkTokenClick:M,onEstablishConnectionClick:H,onUpdatePaymentAccountStatus:N,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionSuccess:q,icon:{element:t.jsx(Ze,{width:m.iconWidthHeight.valuePx(d),height:m.iconWidthHeight.valuePx(d)}),color:Y},analytics:j,productType:"zeni_treasury",onSignUpClick:Pe,primaryFundingAccount:w,isAccountsEnabled:c,allFundingAccounts:ne,pageName:v.setup.setupPageName,accountsPromoConfig:$})]})})})]}),t.jsx(ut,{isFooterRendered:se,meetingUrl:s,analytics:j,productType:"zeni_treasury"})]})};function ue(e){const{allBankAccounts:s,allFundingAccounts:h,primaryFundingAccount:f}=e;return{[V]:{fundingAccount:{selectedOption:f?.id,allOptions:h.map(g=>({label:g.label,value:g.id,isRecommended:g.accType==="depositAccount"}))},account:{selectedOption:f?.zeniAccountId,allOptions:s.map(g=>({label:g.accountName,value:g.accountId}))}}}}const Wt=o.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>m.setupDetailsRowGap.valuePx(e.windowSize)};
-`,_t=o.div`
-  display: flex;
-  min-height: 100%;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Mt=o(xe)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>m.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>m.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>m.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,Ut=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};
-`,Nt=o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>m.sectionRowGap.valuePx(e.windowSize)};
-`,Rt=e=>`${e}_form`;export{mi as default,Rt as uniqueName};