@zeniai/web-cockpit-ui 1.14.72-dev → 1.14.72-dev-betaSK01

package/dist/assets/TreasuryTransferOrReviewPage-Dzq-FxSM-DKViGoiZ.js

@@ -0,0 +1,576 @@
+import{q as ye,cu as Ct,j as r,cF as D,kZ as zt,O as $e,cG as W,n as We,Y as at,cK as nt,o as t,y as x,A as Be,s as Dt,d0 as Ft,x as Lt,cJ as K,eh as Mt,iv as st,b as O,ao as lt,iB as Rt,cD as Ot,j$ as Bt,h as j,ci as It,H as ct,c9 as B,cd as Y,iO as Et,c1 as _t,fk as Nt,c4 as Vt,jD as qt,u as d,la as _,eq as dt,iE as ut,eQ as pt,fS as Wt,fJ as Yt,i$ as Gt,iT as Jt,c0 as Xt,ce as Ut,iU as Zt,gC as Kt,f5 as Qt,f4 as Ht,dx as er,d_ as tr,j1 as rr,jc as or,cR as ir}from"./index-kF4u7Flm.js";import{n as o,b as y}from"./vendor-Bs1fkIUX.js";import{q as ht}from"./PortfolioDetails-D4yT8r35-BZAutCbg.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./treasuryColorHelper-13LJ_xhk-5-aGYtqD.js";const ar=$e.getLocalizedStrings().spendManagement.treasury,M=[0,125e4,25e5,35e5,5e6],nr=1e3;function sr({interestRate:e=4.35,transferAmount:a,setYieldEarned:u,setTransferAmount:i}){const l=Xt().analytics,[c,h]=y.useState(a);y.useEffect(()=>{h(a)},[a]);const p=f=>{const $=parseFloat(f.target.value),s=ge($,e);h($),u(s),i($),l.trackTreasuryCalculatorClick("fund transfer",$)},A=f=>{const $=ge(f,e);h(f),i(f),u($),l.trackTreasuryCalculatorClick("fund transfer",f)};return r.jsxs(pr,{sliderValue:c,children:[r.jsx(ur,{sliderValue:c,type:"range",min:M[0],max:M[M.length-1],step:nr,value:c,onChange:p}),r.jsx(hr,{style:{width:`${Math.min(c/M[M.length-1]*92.5,92.5)}%`}}),r.jsx(xr,{sliderValue:c,style:{left:`calc(${Math.min(Math.max(c/M[M.length-1]*100,5),95)}% - 50px)`},children:lr(c)}),r.jsx(mr,{children:M.map((f,$)=>r.jsx(fr,{onClick:()=>A(f),"data-testid":D("slider-label",f.toString()),style:{left:cr($)},children:r.jsx(gr,{isSelected:c>=f,children:dr(f)})},f))})]})}const lr=e=>{const a=ir("0,0.[00]a",e,"$").toUpperCase();return`${ar.transferDrawer.calculator.sliderTooltipText} ${a}`};function ge(e,a){const u=a/100,i=e*Math.pow(1+u/12,12);return Math.floor(i-e)}const cr=e=>{switch(e){case 0:return"3%";case 1:return"28%";case 2:return"50.2%";case 3:return"74.5%";case 4:return"98%";default:return"100%"}},dr=e=>Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:2}).format(e),ur=o.input`
+  width: 100%;
+  &[type="range"]::-webkit-slider-runnable-track {
+    height: 2px;
+    cursor: pointer;
+    background-color: ${e=>e.theme.colors.grey3};
+  }
+
+  &[type="range"] {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+
+  &[type="range"]::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    height: ${t.sp5};
+    width: ${t.sp5};
+    border-radius: 100%;
+    margin-top: -${t.sp3}; // Centers thumb on the track
+    box-shadow: ${t.sp0} ${t.sp0} 2px ${j.blackColor};
+    background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/slider-icon-${e.theme.mode==="dark"?"light":"dark"}.svg)`};
+    background-repeat: no-repeat;
+    cursor: pointer;
+  }
+`,pr=o.div`
+  position: relative;
+  width: 70%;
+  margin-left: 30px;
+  margin-right: 30px;
+  margin-bottom: 20px;
+  margin-top: ${t.sp5};
+  min-height: ${t.sp8};
+`,hr=o.div`
+  position: absolute;
+  height: 2px;
+  margin-top: -${t.sp2};
+  background-color: ${e=>e.theme.colors.hero};
+`,mr=o.div`
+  position: absolute;
+  bottom: ${t.sp0};
+  top: ${t.sp5};
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`,fr=o.span`
+  position: absolute;
+  cursor: pointer;
+  transform: translateX(-50%);
+`,gr=o(B)`
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
+  white-space: nowrap;
+`,xr=o(B)`
+  position: absolute;
+  top: -${t.sp5};
+  white-space: nowrap;
+  color: ${j.primaryDark};
+  background-color: ${j.success};
+  display: flex;
+  border-radius: ${t.sp1};
+  justify-content: center;
+  align-items: center;
+  padding: 2px ${t.sp2};
+`,Q={navBarContainerPaddingXaxis:new x(10,19),containerPaddingLeft:new x(d[3],d[6],d[8]),containerPaddingRight:new x(d[3],d[6],d[8]),reviewContentWrapperPaddingBottom:new x(d[5],d[8]),elementsContainerPadding:new x(d[3],d[4])},Re={pageTitle:new O("h6Regular","h5Regular"),integerStyles:new O("h5Regular","h2Regular"),decimalStyles:new O("extraLargeMedium","h5Medium")},{common:{edit:wr,footer:{back:yr}},dateFormat:{visual:{DMMMYYYYFormat:$r}},spendManagement:{treasury:{transferDrawer:F},billPay:{insufficientFunds:{lowBalance:br,addOrSwitchInitiateTransfer:vr,lowBalanceIn:Sr}}}}=$e.getLocalizedStrings(),jr=({fromAccount:e,themeContext:a,toAccount:u,transferDetails:i})=>{const l=ye();if(l==="small"){const c=zr(e,u,i.treasuryAccount.id);return r.jsxs(r.Fragment,{children:[r.jsxs(he,{style:c.topAccount?.id===i.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:l,children:[r.jsx(me,{children:c.topAccountLabel}),r.jsxs(pe,{windowSize:l,children:[V(i.transferMoneyParties,c.topAccount?.id??"",!0,c.topAccount?.id===i.treasuryAccount.id,!0),r.jsxs(de,{windowSize:l,children:[c.topAccount?.label,r.jsx(ue,{children:q(i.transferMoneyParties,i.treasuryAccount,c.topAccount?.id??"",!0,!0,!0)})]})]}),ce(c.topAccount,i.treasuryAccount.id,l,!1)?r.jsx(fe,{}):null]}),c.arrowDirection==="up"?r.jsx(lo,{}):r.jsx(co,{}),r.jsxs(he,{style:c.bottomAccount?.id===i.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:l,children:[r.jsx(me,{children:c.bottomAccountLabel}),r.jsxs(pe,{windowSize:l,children:[V(i.transferMoneyParties,c.bottomAccount?.id??"",!0,c.bottomAccount?.id===i.treasuryAccount.id,!0),r.jsxs(de,{windowSize:l,children:[c.bottomAccount?.label,r.jsx(ue,{children:q(i.transferMoneyParties,i.treasuryAccount,c.bottomAccount?.id??"",!0,!1,!0)})]})]}),ce(c.bottomAccount,i.treasuryAccount.id,l,!0)?r.jsx(fe,{}):null]})]})}else return r.jsxs(r.Fragment,{children:[r.jsxs(he,{style:e?.id===i.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:l,children:[r.jsx(me,{children:"Transfer Funds From"}),r.jsxs(pe,{windowSize:l,children:[V(i.transferMoneyParties,e?.id??"",!0,e?.id===i.treasuryAccount.id,!0),r.jsxs(de,{windowSize:l,children:[e?.label,r.jsx(ue,{children:q(i.transferMoneyParties,i.treasuryAccount,e?.id??"",!0,!0,!0)})]})]}),ce(e,i.treasuryAccount.id,l,!1)?r.jsx(fe,{}):null]}),r.jsx(so,{}),r.jsxs(he,{style:u?.id===i.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:l,children:[r.jsx(me,{children:"To"}),r.jsxs(pe,{windowSize:l,children:[V(i.transferMoneyParties,u?.id??"",!0,u?.id===i.treasuryAccount.id,!0),r.jsxs(de,{windowSize:l,children:[u?.label,r.jsx(ue,{children:q(i.transferMoneyParties,i.treasuryAccount,u?.id??"",!0,!1,!0)})]})]}),ce(u,i.treasuryAccount.id,l,!1)?r.jsx(fe,{}):null]})]})},Ar=(e,a,u)=>{if(!e)return!0;if(e.id===a.id){const i=a.balance;return i?_(u,i):!0}if("accountBalance"in e){const i=e.accountBalance?.available;return i==null?!1:_(u,i)}return!1},kr=({transferDetails:e,fundDetails:a,portfolioAllocation:u,isOnSetup:i,setShowReviewContent:l,onTransferClick:c,onCancelClick:h})=>{const p=ye(),A=Lt(),f=K(e.fetchState),[$,s]=y.useState(!1);y.useEffect(()=>{f==="In-Progress"&&e.fetchState==="Error"&&e.error!=null?s(!0):s(!1)},[e.error]);const{fromAccount:S,toAccount:P,amount:m}=e.treasuryTransferMoneyLocalData,C=Ar(S,e.treasuryAccount,m);return r.jsxs(r.Fragment,{children:[r.jsxs(Er,{windowSize:p,children:[r.jsx(Yr,{windowSize:p,children:r.jsx(Mt,{title:"Close",enterTouchDelay:600,placement:"bottom",children:r.jsx(Ye,{"data-testid":D("nav-bar-close-transfer-review"),onClick:h})})}),r.jsx(Gr,{windowSize:p,children:i===!0?F.stepTitle:F.reviewAndConfirm}),i===!0&&r.jsxs(r.Fragment,{children:[r.jsx(Jr,{windowSize:p,children:r.jsx(Xr,{children:r.jsxs(Ur,{children:[r.jsx(Ge,{}),r.jsx(Ge,{}),r.jsx(Zr,{})]})})}),p==="small"?r.jsx(no,{children:F.subTitle}):r.jsx(Ue,{children:F.subTitle})]}),r.jsx(ao,{windowSize:p,children:r.jsx(st,{amount:m,alwaysShowDecimal:!0,integerStyles:Re.integerStyles.styleObject(p),decimalStyles:Re.decimalStyles.styleObject(p)})}),i!==!0&&r.jsxs(r.Fragment,{children:[r.jsx(qr,{}),r.jsx(Ue,{children:r.jsxs(r.Fragment,{children:[F.review.prefix,`"${P?.label}" `,F.success.midfix,` "${S?.label}" `,F.review.suffix.replace("__date__",lt(Rt(Ot().toDate(),[0,6],1).toDateString()).format($r))]})})]}),C?r.jsx(Bt,{variant:"low-balance",style:{marginTop:t.sp3,marginBottom:t.sp3},title:Sr.replace("__account__",S?.id===e.treasuryAccount.id?S?.label??"":`${S?.label??""} ${S?.maskedAccountNumber??""}`),description:vr}):null,$?r.jsx(Ir,{children:r.jsxs(Mr,{children:[r.jsxs(_r,{children:[r.jsx(Vr,{}),r.jsxs(Rr,{children:[r.jsx(Or,{children:e.error?.title}),r.jsx(Br,{children:e.error?.message})]})]}),r.jsx(Nr,{children:r.jsx(Ye,{"data-testid":D("close-error-transfer-review"),onClick:()=>{s(!1)},style:{width:t.sp3,height:t.sp3,color:j.heroLight}})})]})}):null,r.jsx(Wr,{windowSize:p,children:r.jsxs(Dr,{windowSize:p,children:[r.jsx(Fr,{windowSize:p,children:r.jsx(jr,{fromAccount:S,themeContext:A,toAccount:P,transferDetails:e})}),r.jsx(Lr,{children:r.jsx(ht,{isInReview:!0,isSetup:!1,fundDetails:a,allocation:u,amount:Pr(e),fundAllocations:Cr(e),page:"transfer review"})})]})})]}),r.jsx(nt,{style:i!==!0?{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0}:{zIndex:4},helperText:i!==!0?F.review.footNote:void 0,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:i===!0?yr:wr,onClick:()=>{s(!1),l(!1)},style:{minWidth:94}},primaryBtn:{label:F.transferBtn,onClick:c,isLoading:e.fetchState==="In-Progress",isDisabled:C,style:{minWidth:94}}})]})},V=(e,a,u,i,l)=>{if(i===!0)return r.jsx(Je,{isOptionSelected:u,isForReview:l,children:r.jsx(Xe,{color:j.brandColorGoldDark})});if(a==="")return r.jsx(io,{isForReview:l,children:r.jsx(Yt,{})});const c=e.find(p=>p.id===a),h=e.findIndex(p=>p.id===a);if(c!=null){if(c.accType==="depositAccount")return r.jsx(Je,{isOptionSelected:u,isForReview:l,children:r.jsx(Xe,{color:Gt(h)})});if(c.accType==="paymentAccount")return c.logo!==void 0&&(c.logo.base64||c.logo.url)?r.jsx(to,{src:Tr(c.logo),isOptionSelected:u,isForReview:l,loading:"lazy"}):r.jsx(ro,{isOptionSelected:u,isForReview:l,children:r.jsx(oo,{})})}return null},q=(e,a,u,i,l,c,h)=>{if(!u)return null;if(u===a.id)return(c||!i)&&a.balance?r.jsx(Ce,{children:W("0,0[.]00",a.balance)}):null;const p=e.find(f=>f.id===u);let A=!1;return l===!0&&h!=null&&p?.accountBalance?.available?.amount!=null&&(A=_(h,p.accountBalance.available)),i===!0&&!c?r.jsx(Qr,{children:p?.maskedAccountNumber}):r.jsxs(Kr,{className:"option-sublabel",children:[r.jsx(Ce,{children:p?.maskedAccountNumber}),p?.accountBalance?.available?r.jsx(eo,{className:"dot"}):null,p?.accountBalance?.available?r.jsxs(Ce,{children:[W("0,0[.]00",p.accountBalance.available),A?r.jsx(Hr,{children:br}):null]}):null,p?.balanceFetchStatus?.fetchState==="In-Progress"?r.jsx(at,{size:"Small",start:!0}):null]})},Tr=e=>e.base64!==void 0?`${Jt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Pr=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id!==e.treasuryAccount.id)return e.treasuryTransferMoneyLocalData.amount},Cr=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id===e.treasuryAccount.id)return e.treasuryAccount.fundAllocations},zr=(e,a,u)=>e?.id===u?{topAccount:a,bottomAccount:e,topAccountLabel:"To",bottomAccountLabel:"Transfer Funds From",arrowDirection:"up"}:{topAccount:e,bottomAccount:a,topAccountLabel:"Transfer Funds From",bottomAccountLabel:"To",arrowDirection:"down"},ce=(e,a,u,i)=>u==="small"?e?.id===a&&i:e?.id===a,de=o.div`
+  display: flex;
+  flex-direction: column;
+`,ue=o(B)`
+  color: ${e=>e.theme.colors.hero};
+`,pe=o(Y)`
+  display: flex;
+  align-items: center;
+`,Dr=o.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=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+  padding: ${e=>`${Q.elementsContainerPadding.valuePx(e.windowSize)}`};
+  gap: ${t.sp4};
+  ${e=>e.windowSize==="small"&&`
+    width: auto;
+  `}
+`,Fr=o.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  justify-content: space-between;
+  align-items: ${e=>e.windowSize==="small"?"stretch":"center"};
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+`,he=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.sp1};
+  padding: ${t.sp2} ${t.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.sp2};
+  width: ${e=>e.windowSize==="small"?"auto":"288px"};
+`,Lr=o.div`
+  padding: ${t.sp2} ${t.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  border-radius: ${t.sp2};
+`,Mr=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${t.sp3} ${t.sp4};
+  background-color: ${j.importantLight};
+  border-radius: ${t.sp2};
+`,Rr=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${t.sp2};
+`,Or=o(pt)`
+  color: ${j.important};
+`,Br=o(Y)`
+  color: ${j.important};
+`,Ir=o.div`
+  margin-top: ${t.sp3};
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: space-between;
+  padding: ${t.sp3} ${t.sp4};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.sp2};
+  box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
+`,Er=o.div`
+  height: auto;
+  padding-left: ${e=>`${Q.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${Q.containerPaddingRight.valuePx(e.windowSize)}`};
+  margin-bottom: auto;
+`,_r=o.div`
+  display: flex;
+  align-items: flex-start;
+`,Nr=o.div``,Vr=o(ut)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${j.important};
+`,Ye=o(Be)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  min-height: ${t.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,qr=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,me=o(B)`
+  color: ${e=>e.theme.colors.hero};
+`,Wr=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.sp3};
+  padding-bottom: ${e=>`${Q.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
+`,Yr=o.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${t.sp0};
+  padding: ${e=>`${Q.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  z-index: 2;
+  background-color: transparent;
+`,Gr=o(ct)`
+  ${e=>`${Re.pageTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  padding: ${t.sp3} ${t.sp0} ${t.sp2} ${t.sp0};
+  ${e=>e.windowSize==="small"&&`
+    padding-bottom: ${t.sp0};
+  `}
+`,Jr=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.sp3};
+  width: 100%;
+  margin-bottom: ${t.sp3};
+`,Xr=o.div`
+  display: flex;
+  align-items: center;
+`,Ur=o.div`
+  display: flex;
+  width: 100%;
+  gap: ${t.sp3};
+`,Ge=o.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.sp2};
+`,Zr=o.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${t.sp2};
+`,Kr=o(B)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${t.sp2};
+`,Qr=o.span`
+  margin-left: ${t.sp2};
+`,Ce=o.div``,Hr=o(tr)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+  margin-left: ${t.sp1};
+`,eo=o.div`
+  width: ${t.sp1};
+  height: ${t.sp1};
+  min-width: ${t.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+`,to=o.img`
+  display: flex;
+  width: ${e=>e.isForReview?t.sp6:e.isOptionSelected?t.sp4:t.sp5};
+  height: ${e=>e.isForReview?t.sp6:e.isOptionSelected?t.sp4:t.sp5};
+  min-width: ${e=>e.isForReview?t.sp6:e.isOptionSelected?t.sp4:t.sp5};
+  margin-right: ${t.sp2};
+`,ro=o.div`
+  min-width: ${e=>e.isForReview?t.sp6:e.isOptionSelected?t.sp4:t.sp5};
+  width: ${e=>e.isForReview?t.sp6:e.isOptionSelected?t.sp4:t.sp5};
+  height: ${e=>e.isForReview?t.sp6:e.isOptionSelected?t.sp4:t.sp5};
+  margin-right: ${t.sp2};
+`,oo=o(or)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${t.sp2};
+`,Je=o.div`
+  min-width: ${e=>e.isForReview?t.sp6:e.isOptionSelected?t.sp4:t.sp5};
+  width: ${e=>e.isForReview?t.sp6:e.isOptionSelected?t.sp4:t.sp5};
+  height: ${e=>e.isForReview?t.sp6:e.isOptionSelected?t.sp4:t.sp5};
+  margin-right: ${t.sp2};
+`,Xe=o(rr)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${t.sp2};
+`,io=o.div`
+  width: ${e=>e.isForReview?t.sp6:t.sp4};
+  height: ${e=>e.isForReview?t.sp6:t.sp4};
+  margin-right: 12px;
+  margin-left: ${t.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,ao=o(dt)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.sp2} ${t.sp0} ${t.sp3} ${t.sp0};
+  ${e=>e.windowSize==="small"&&`
+    margin-top: ${t.sp1};
+    margin-bottom: ${t.sp1};
+  `}
+`,Ue=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${t.sp3};
+`,no=o(B)`
+  color: ${e=>e.theme.colors.hero};
+`,so=o(er)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,lo=o(Qt)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.hero};
+  align-self: center;
+`,co=o(Ht)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.hero};
+  align-self: center;
+`,fe=o.div`
+  width: 1px;
+  height: 25px;
+  background-color: ${e=>e.theme.colors.grey1};
+  position: absolute;
+  right: 50%;
+  bottom: -25px;
+`,{common:ze,spendManagement:{treasury:R,zeniAccounts:{zeniAccountList:uo},billPay:{insufficientFunds:De}}}=$e.getLocalizedStrings(),mt="amount",po="transferTo",ho="transferFrom",N="transferDetails",ft="transferDetailPage",Fe=(e,a)=>`${e}.${a}`,gt=e=>`${e}_form`,w={largeLabelWidth:new x(120,120,160),labeleMarginLeft:new x(d[0],d[0]),labelMarginRight:new x(d[3],d[3]),labeleMarginBottom:new x(d[2],d[0]),labeledFieldPaddingLeft:new x(d[3],d[0]),labeledFieldPaddingRight:new x(d[3],d[2]),labeledFieldPaddingTop:new x(d[3],d[3]),labeledFieldPaddingBottom:new x(d[3],d[2]),infoLabelPaddingRight:new x(d[0],d[3]),infoLabelMarginTop:new x(d[1],d[0]),portfolioContainerPadding:new x(d[3],d[4]),rowContentSelectPaddingLeft:new x(d[3],d[4]),formFieldPaddingRight:new x(0,d[2])},xe={yieldEarned:new O("smallMedium","standardMedium"),calculatorFooterText:new O("extraSmallRegular","smallRegular"),integerStyles:new O("h5Regular","h2Regular"),decimalStyles:new O("extraLargeMedium","h5Medium")};function mo({transferDetails:e,fundDetails:a,portfolioAllocation:u,isFirstTransfer:i,maxInsuredAmount:l,plaidConnectionDetails:c,isOnSetup:h,onSaveChangesToLocalStore:p,onReviewClick:A,onEstablishConnectionClick:f,onFetchLinkTokenClick:$}){const s=ye(),S=w.largeLabelWidth.value(s),[P,m]=y.useState(!1),[C,G]=y.useState(!1),[b,J]=y.useState(e.treasuryTransferMoneyLocalData.amount?.amount??0),I=a.reduce((n,g)=>{const T=g.yield;return Math.max(n,T)},0),[be,ee]=y.useState(ge(b,I)),v=c.link_account_no_microdeposit,[L,ve]=y.useState(v.linkToken??null),[te,re]=y.useState(!1),[oe,Ie]=y.useState(!1),Se=e.transferMoneyPartiesFetchState,Ee=K(Se),je=e.treasuryTransferMoneyLocalData.fromAccount?.id,Ae=e.treasuryTransferMoneyLocalData.toAccount?.id,_e=K(je),Ne=K(Ae),ke=e.transferMoneyParties.map(n=>n.id),Te=K(ke),xt=y.useCallback(n=>{f?.(n),Ie(!1),re(!1)},[f]),wt=y.useCallback((n,g)=>{n!=null&&console.log("Plaid Connection Error",n,g)},[]),{open:ie,ready:X}=Et({token:L,onSuccess:xt,onExit:wt}),U=y.useCallback(n=>{n.preventDefault(),n.stopPropagation(),X?ie():re(!0)},[ie,X]),E=_t({mode:"all",reValidateMode:"onChange",defaultValues:y.useMemo(()=>Ke(e,i,h??!1,U),[e,i])}),{isValid:yt}=E.formState,{setError:$t,clearErrors:bt}=E;y.useEffect(()=>{v.fetchStatus.fetchState==="Completed"&&v.linkToken!=null&&v.linkToken!==L&&ve(v.linkToken)},[v.fetchStatus.fetchState,v.linkToken,L]),y.useEffect(()=>{v.linkToken===L&&v.fetchStatus.fetchState==="Completed"&&X&&Ie(!0)},[X,L,v.fetchStatus,v.linkToken,v.fetchStatus.fetchState]),y.useEffect(()=>{oe&&te&&ie()},[oe,ie,te]),y.useEffect(()=>{(lt(new Date().toISOString()).isAfter(v.expiration)||v.linkToken==null)&&$?.("link_account_no_microdeposit")},[]),y.useEffect(()=>{const n=Te!=null&&JSON.stringify(Te)!==JSON.stringify(ke);(Ee==="In-Progress"&&Se==="Completed"||_e!==je||Ne!==Ae||n)&&E.reset(Ke(e,i,h??!1,U))},[X,L,v.fetchStatus.fetchState,Ee,Se,_e,Ne,Ae,je,Te,ke,E,e,i,h,U]);const vt=()=>e.transferMoneyParties.find(n=>n.id!==e.treasuryAccount.id&&n.accType==="depositAccount"),St=()=>{const n=e.primaryPaymentAccount?.paymentAccountId;return e.transferMoneyParties.find(g=>g.id===n)},jt=async(n,g)=>{if(n!=null){const T={...g},ae=T[N].transferFrom.selectedOption,ne=T[N].transferTo.selectedOption;let se=e.transferMoneyParties.find(Pe=>Pe.id===ae),le=e.transferMoneyParties.find(Pe=>Pe.id===ne);ae===e.treasuryAccount.id&&(se=e.treasuryAccount),ne===e.treasuryAccount.id&&(le=e.treasuryAccount);const qe={amount:T[N].amount??0,currencyCode:"USD",currencySymbol:"$"};n.includes("transferFrom")?ae===e.treasuryAccount.id?ne===e.treasuryAccount.id&&(le=vt()):le=e.treasuryAccount:n.includes("transferTo")&&(ne===e.treasuryAccount.id?ae===e.treasuryAccount.id&&(se=St()):se=e.treasuryAccount);const Pt={amount:qe,fromAccount:se,toAccount:le};J(qe.amount),p(Pt)}};y.useEffect(()=>{const n=E.watch((g,{name:T})=>{T!=null&&g!=null&&Nt(()=>jt(T,g))});return()=>{n.unsubscribe()}}),y.useEffect(()=>{ee(ge(b,I))},[b,I]);const At=()=>{if(Z?.id==null||Z.id===""||!z.amount)return!1;if(Z.id===e.treasuryAccount.id){const n=e.treasuryAccount.balance;if(n&&_(z,n))return!0}else{const n=e.transferMoneyParties.find(g=>g.id===Z.id);if(n?.accountBalance?.available&&_(z,n.accountBalance.available))return!0}return!1},kt=E.handleSubmit(()=>{if(At()){$t("transferDetails.transferFrom",{type:"lowBalance",message:De.addMoney});return}bt("transferDetails.transferFrom"),yt&&A()}),{fromAccount:Z,toAccount:Ve,amount:z}=e.treasuryTransferMoneyLocalData,Tt=n=>{if(!n||!z.amount)return"";const g=e.transferMoneyParties.find(T=>T.id===n);if(n===e.treasuryAccount.id){const T=e.treasuryAccount.balance;if(T&&_(z,T))return De.addMoney}else if(g?.accountBalance?.available&&_(z,g.accountBalance.available))return De.addMoney;return""};return r.jsxs(r.Fragment,{children:[P?r.jsx(fo,{children:r.jsxs(xo,{children:[r.jsxs(wo,{children:[r.jsx($o,{}),r.jsxs(bo,{children:[r.jsx(vo,{children:e.error?.title}),r.jsx(So,{children:e.error?.message})]})]}),r.jsx(yo,{children:r.jsx(To,{"data-testid":D("amount-details-error-close"),onClick:()=>{m(!1)},style:{width:t.sp3,height:t.sp3,color:j.heroLight}})})]})}):null,r.jsx(jo,{windowSize:s,children:r.jsx(st,{amount:z,integerStyles:xe.integerStyles.styleObject(s),decimalStyles:xe.decimalStyles.styleObject(s),alwaysShowDecimal:!0})}),r.jsx(Vt,{...E,children:r.jsxs(go,{id:gt(ft),onSubmit:kt,children:[r.jsxs(Ao,{children:[r.jsx(Oe,{size:s,children:r.jsx(Qe,{label:{label:ze.labels.transferFrom,width:S,style:{marginLeft:w.labeleMarginLeft.valuePx(s),marginBottom:w.labeleMarginBottom.valuePx(s),marginRight:w.labelMarginRight.valuePx(s)}},style:{paddingTop:w.labeledFieldPaddingTop.valuePx(s),paddingBottom:w.labeledFieldPaddingBottom.valuePx(s),paddingLeft:w.labeledFieldPaddingLeft.valuePx(s),paddingRight:w.labeledFieldPaddingRight.valuePx(s),border:"none",width:"100%",outline:"none",padding:0,display:s==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:w.infoLabelPaddingRight.valuePx(s),marginTop:w.infoLabelMarginTop.valuePx(s),color:j.brandColorGoldDark},singleSelectPickerField:{name:Fe(N,ho),style:{position:"relative"},capitalizeOptions:!0,placeholder:R.transferDrawer.selectAccount,valueToLogo:(n,g)=>V(e.transferMoneyParties,n,g,n===e.treasuryAccount.id,!1),valueToSubLabels:(n,g)=>q(e.transferMoneyParties,e.treasuryAccount,n,g,!0,!1,z),defaultValue:{selectedOption:Z?.id,allOptions:we(e,!0,i,!0,U,!1)},textAlignment:"right",registerOptions:{required:!0,validate:n=>n!=null&&!!n.selectedOption}},valueToAdditionalLabel:Tt})}),!i&&r.jsxs(r.Fragment,{children:[r.jsx(Le,{}),r.jsx(Oe,{size:s,children:r.jsx(Qe,{label:{label:ze.labels.transferTo,width:S,style:{marginLeft:w.labeleMarginLeft.valuePx(s),marginBottom:w.labeleMarginBottom.valuePx(s),marginRight:w.labelMarginRight.valuePx(s)}},style:{paddingTop:w.labeledFieldPaddingTop.valuePx(s),paddingBottom:w.labeledFieldPaddingBottom.valuePx(s),paddingLeft:w.labeledFieldPaddingLeft.valuePx(s),paddingRight:w.labeledFieldPaddingRight.valuePx(s),border:"none",width:"100%",outline:"none",padding:0,display:s==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:w.infoLabelPaddingRight.valuePx(s),marginTop:w.infoLabelMarginTop.valuePx(s),color:j.brandColorGoldDark},singleSelectPickerField:{name:Fe(N,po),style:{position:"relative"},capitalizeOptions:!0,placeholder:R.transferDrawer.selectAccount,valueToLogo:(n,g)=>V(e.transferMoneyParties,n,g,n===e.treasuryAccount.id,!1),valueToSubLabels:(n,g)=>q(e.transferMoneyParties,e.treasuryAccount,n,g,!1,!1),defaultValue:{selectedOption:Ve?.id,allOptions:we(e,!1,i,!0,U,!1)},textAlignment:"right",registerOptions:{required:!0,validate:n=>n!=null&&!!n.selectedOption}}})})]}),r.jsx(Le,{}),r.jsx(qt,{showAdditionalInfoLabel:!1,label:{label:ze.labels.amount,width:S},style:{padding:t.sp2,paddingLeft:t.sp0,paddingRight:w.formFieldPaddingRight.valuePx(s),width:"auto"},formattedTextField:{type:"number",name:Fe(N,mt),defaultValue:z.amount===0?void 0:z.amount,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:n=>!!n&&n>0},placeholder:R.transferDrawer.amountPlaceholder,autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1}}),i&&r.jsxs(r.Fragment,{children:[r.jsx(Le,{}),r.jsx(ko,{size:s,children:r.jsx(ht,{isInReview:!0,fundDetails:a,allocation:u,isSetup:!1,amount:z,page:"fund transfer"})})]})]}),!i&&Ve?.accType==="treasuryAccount"&&r.jsxs(Po,{children:[C?r.jsxs(Co,{children:[r.jsx(zo,{windowSize:s,children:R.transferDrawer.calculator.heading.replace("__amount__",W("0,0.[00]a",{amount:l,currencySymbol:"$"})).replace("__rate__",I.toString())}),r.jsx(sr,{interestRate:I,transferAmount:b,setYieldEarned:ee,setTransferAmount:J})]}):null,r.jsxs(Fo,{windowSize:s,children:[r.jsxs(Ro,{windowSize:s,children:[r.jsx(Lo,{children:r.jsx(Do,{windowSize:s,children:`${R.transferDrawer.calculator.footerText.annualYieldEarned} ${W("0,0",{amount:be,currencySymbol:"$"})}`})}),r.jsx(Mo,{windowSize:s}),r.jsx(Oo,{children:`${R.transferDrawer.calculator.footerText.forTotalDeposit} ${W("0,0",{amount:b,currencySymbol:"$"})}`})]}),C?r.jsxs(et,{windowSize:s,onClick:()=>G(!1),"data-testid":D("calculator-footer-close"),children:[r.jsx(He,{className:"calculatorFooterLeftText",windowSize:s,children:R.transferDrawer.calculator.footerText.hide}),r.jsx(Bo,{className:"calculatorFooterArrowIcon"})]}):r.jsxs(et,{windowSize:s,onClick:()=>G(!0),"data-testid":D("calculator-footer-show"),children:[r.jsx(He,{className:"calculatorFooterLeftText",windowSize:s,children:R.transferDrawer.calculator.footerText.showYieldCalculator}),r.jsx(Io,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]})}const we=(e,a,u,i=!0,l,c=!1,h,p)=>{const A=e.treasuryTransferMoneyLocalData.fromAccount?.id,f=e.treasuryTransferMoneyLocalData.toAccount?.id,$=e.transferMoneyParties.find(m=>m.id===A)||e.treasuryAccount,s=e.transferMoneyParties.find(m=>m.id===f)||e.treasuryAccount;let S=e.transferMoneyParties;a||(S=S.filter(m=>m.accType!=="paymentAccount"));const P=S.map(m=>{const C={label:m.label,value:m.id};return i&&(a?C.isDisabled=m.id===f||m.accType==="paymentAccount"&&s?.accType==="paymentAccount":C.isDisabled=m.id===A||m.accType==="paymentAccount"&&$?.accType==="paymentAccount"),C});if(!u){const m={label:"Treasury",value:e.treasuryAccount.id,isDisabled:!1};i&&(a?m.isDisabled=!1:m.isDisabled=e.treasuryAccount.id===A),a?P.push(m):P.unshift(m)}if(c&&l){const m={label:uo.transferDrawer.selectAddAccount,value:"",type:"button",onClick:l};P.push(m)}return P},Ze=e=>{let a=-1,u;return e.transferMoneyParties.forEach(i=>{const l=i.accountBalance?.available?.amount??0;l>a&&(a=l,u=i.id)}),u},Ke=(e,a,u,i)=>{const{fromAccount:l,toAccount:c,amount:h}=e.treasuryTransferMoneyLocalData,p=()=>u?Ze(e):l!=null?l.id:Ze(e);return{transferDetails:{[mt]:h.amount===0?void 0:h.amount,transferFrom:{allOptions:we(e,!0,a,!0,i,!1),selectedOption:p()},transferTo:{allOptions:we(e,!1,a,!0,i,!1),selectedOption:c?.id}}}},fo=o.div`
+  margin-top: ${t.sp3};
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: space-between;
+  padding: ${t.sp3} ${t.sp4};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.sp2};
+  box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
+`,go=o.form`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,xo=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${t.sp3} ${t.sp4};
+  background-color: ${j.importantLight};
+  border-radius: ${t.sp2};
+`,wo=o.div`
+  display: flex;
+  align-items: flex-start;
+`,yo=o.div``,$o=o(ut)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${j.important};
+`,bo=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${t.sp2};
+`,vo=o(pt)`
+  color: ${j.important};
+`,So=o(Y)`
+  color: ${j.important};
+`,jo=o(dt)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.sp5} ${t.sp0} ${t.sp3} ${t.sp0};
+  ${e=>e.windowSize==="small"&&`
+    margin-top: ${t.sp1};
+    margin-bottom: ${t.sp1};
+  `}
+`,Qe=o(Wt)`
+  border-radius: ${t.sp2};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,Ao=o.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=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+`,Le=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Oe=o.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${t.sp2};
+  padding-left: ${({size:e})=>w.rowContentSelectPaddingLeft.valuePx(e)};
+  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;
+  }
+
+  ${({size:e})=>e==="small"&&`   
+    .select-value-container {
+      margin-right: ${t.sp1} !important;
+    }
+  `}
+`,ko=o(Oe)`
+  padding: ${({size:e})=>w.portfolioContainerPadding.valuePx(e)};
+  padding-top: ${t.sp2};
+`,To=o(Be)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  min-height: ${t.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Po=o.div`
+  margin-bottom: ${t.sp6};
+  width: 90%;
+`,Co=o.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;
+`,zo=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${e=>e.windowSize==="small"?t.sp3:`${t.sp3} ${t.sp8}`};
+  white-space: pre-line;
+  text-align: center;
+`,Do=o.div`
+  ${e=>xe.yieldEarned.style(e.windowSize)}
+  color: ${j.success};
+  white-space: nowrap;
+`,Fo=o.div`
+  display: flex;
+  align-items: center;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  justify-content: space-between;
+  padding: ${t.sp2} ${t.sp3};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-bottom-right-radius: ${t.sp1};
+  border-bottom-left-radius: ${t.sp1};
+`,Lo=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,He=o.div`
+  ${e=>xe.calculatorFooterText.style(e.windowSize)}
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+`,et=o.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};
+    }
+  }
+`,Mo=o.div`
+  display: ${e=>e.windowSize==="small"?"none":"block"};
+  width: ${t.sp1};
+  height: ${t.sp1};
+  min-width: ${t.sp1};
+  margin: 0 ${t.sp2};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+`,Ro=o.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"};
+`,Oo=o(Ut)`
+  color: ${e=>e.theme.colors.hero};
+`,Bo=o(Zt)`
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  min-height: 12px;
+  color: ${e=>e.theme.colors.hero};
+`,Io=o(Kt)`
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  min-height: 12px;
+  color: ${e=>e.theme.colors.hero};
+`,H={navBarContainerPaddingXaxis:new x(10,19),containerPaddingLeft:new x(d[3],d[6],d[8]),containerPaddingRight:new x(d[3],d[6],d[8]),successContentMargin:new x(d[3],d[12]),buttonTrayGap:new x(d[4],d[5])},Eo={formTitle:new O("h6Regular","h5Regular")},{common:Me,spendManagement:{treasury:k}}=$e.getLocalizedStrings(),ui=({transferDetails:e,treasurySetupView:a,showReviewContent:u,maxInsuredAmount:i,isFirstTransfer:l,plaidConnectionDetails:c,isOnSetup:h,onSaveChangesToLocalStore:p,onTransferClick:A,onAnotherTransferClick:f,onCancelClick:$,onBackClick:s,setShowReviewContent:S,onReviewClick:P,onEstablishConnectionClick:m,onFetchLinkTokenClick:C,onSkipClick:G})=>{const b=ye(),{fundsData:J,currentAllocation:I,fundAllocationOptions:be,fetchState:ee}=a,v=be.find(oe=>Ct(oe.allocation,I))??{allocation:{},riskLevel:"Conservative",riskScore:0,optionIndex:0},L=()=>ee==="Completed"&&(e.treasuryTransferMoneyLocalData.fromAccount!=null||e.treasuryTransferMoneyLocalData.toAccount!=null||e.treasuryTransferMoneyLocalData.amount.amount>0),{fromAccount:ve,toAccount:te,amount:re}=e.treasuryTransferMoneyLocalData;return r.jsx(Vo,{windowSize:b,children:e.fetchState==="Completed"?r.jsxs(tt,{windowSize:b,isTransferCompleted:!0,children:[r.jsx(rt,{windowSize:b,children:r.jsx(ot,{"data-testid":D("cross-transfer-success-close-button"),onClick:()=>{$()}})}),r.jsxs(Go,{windowSize:b,children:[r.jsx(zt,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),r.jsx(qo,{children:r.jsxs(r.Fragment,{children:[k.transferDrawer.success.prefix,r.jsx(Wo,{children:W("0,0.[00]",re)}),k.transferDrawer.success.midfix,`"${ve?.label}"`,k.transferDrawer.success.midfix2,`"${te?.label}".`]})}),r.jsxs(Yo,{windowSize:b,children:[r.jsx(We,{variant:"secondary",label:k.transferDrawer.anotherTransfer,"data-testid":D("another-transfer-button","treasury"),onClick:()=>{f?.()},style:{minWidth:200}}),r.jsx(We,{variant:"primary",label:k.transferDrawer.backToTreasury,"data-testid":D("back-to-treasury-button"),onClick:()=>{$()},style:{minWidth:200}})]})]})]}):u?r.jsx(kr,{transferDetails:e,setShowReviewContent:S,onTransferClick:A,fundDetails:J,portfolioAllocation:v,isOnSetup:h,onCancelClick:$}):r.jsxs(r.Fragment,{children:[r.jsxs(tt,{windowSize:b,isTransferCompleted:!1,children:[r.jsx(rt,{windowSize:b,children:r.jsx(ot,{"data-testid":D("cross-amount-details-close-button"),onClick:()=>{$()}})}),b==="small"?r.jsx(Jo,{windowSize:b,children:h===!0?k.transferDrawer.stepTitle:l?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}):r.jsx(Xo,{windowSize:b,children:h===!0?k.transferDrawer.stepTitle:l?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}),h===!0&&r.jsx(Uo,{windowSize:b,children:r.jsx(Zo,{children:r.jsxs(Ko,{children:[r.jsx(it,{}),r.jsx(it,{}),r.jsx(Qo,{})]})})}),b==="small"?r.jsx(No,{children:k.transferDrawer.subTitle}):r.jsx(_o,{children:k.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?r.jsx(mo,{onSaveChangesToLocalStore:p,transferDetails:e,onReviewClick:P,fundDetails:J,portfolioAllocation:v,isOnSetup:h,isFirstTransfer:l,maxInsuredAmount:i,plaidConnectionDetails:c,onEstablishConnectionClick:m,onFetchLinkTokenClick:C}):r.jsx(at,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),L()?r.jsx(nt,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:gt(ft),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},leftSideComponent:h===!0&&G?r.jsx(Ho,{onClick:G,"data-testid":D("skip-transfer-link"),children:k.transferDrawer.skip}):null,primaryBtn:{label:Me.review},cancelBtn:{label:h===!0?Me.footer.back:Me.cancel,onClick:()=>{h===!0?s():$()}}}):null]})})},_o=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+`,No=o(B)`
+  color: ${e=>e.theme.colors.hero};
+`,Vo=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100vh;
+  width: 100%;
+`,qo=o(Dt)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,Wo=o(Ft)`
+  display: inline;
+`,tt=o.div`
+  height: ${e=>e.isTransferCompleted?"100%":"auto"};
+  padding-left: ${e=>`${H.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${H.containerPaddingRight.valuePx(e.windowSize)}`};
+  margin-bottom: auto;
+`,Yo=o.div`
+  display: flex;
+  justify-content: center;
+  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
+  margin-top: ${t.sp6};
+  gap: ${e=>`${H.buttonTrayGap.valuePx(e.windowSize)}`};
+`,Go=o.div`
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: ${e=>`${t.sp0} ${H.successContentMargin.valuePx(e.windowSize)}`};
+  align-items: center;
+`,rt=o.div`
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  top: ${t.sp0};
+  padding: ${e=>`${H.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ot=o(Be)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  min-height: ${t.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Jo=o(It)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.sp3};
+  margin-bottom: ${t.sp0};
+  margin-right: ${t.sp3};
+`,Xo=o(ct)`
+  ${e=>`${Eo.formTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.sp3};
+  margin-bottom: ${t.sp2};
+`,Uo=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.sp3};
+  width: 100%;
+  margin-bottom: ${t.sp3};
+`,Zo=o.div`
+  display: flex;
+  align-items: center;
+`,Ko=o.div`
+  display: flex;
+  width: 100%;
+  gap: ${t.sp3};
+`,it=o.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.sp2};
+`,Qo=o.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${t.sp2};
+`,Ho=o(B)`
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  margin-left: ${t.sp6};
+  &:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 1px;
+    width: 100%;
+    background: ${e=>e.theme.colors.grey2};
+    z-index: 0;
+    pointer-events: none;
+  }
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;export{ui as default};

package/dist/assets/TrendChart-B_5D-Zud-Cw_zgD-R.js

@@ -0,0 +1,16 @@
+import{O as w,j as s,ex as m,x as R,cF as j,cZ as z,dT as A,dU as O,db as P,C as k,da as B,cR as q,dV as _,dc as G,dX as K,o as L,h as N,cd as V}from"./index-kF4u7Flm.js";import{b as v,w as X,n as $}from"./vendor-Bs1fkIUX.js";import{d as W,g as T,p as D,u as Z}from"./chartTypes-DCvOVjlS-CF3jsUNb.js";import{o as Q}from"./toCOABalancesWithID-B3yVGPrV-Dj01dEre.js";import{V as U}from"./toChartData-DEW0iT7T-DaQT4Adc.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const H=$.div`
+  display: flex;
+`,I=$.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${L.sp1};
+  flex-direction: column;
+  padding: ${L.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,J=$(V)`
+  color: ${e=>e.color??N.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,ee=({active:e,payload:t,trendType:a})=>{const r=[];return t?.forEach(n=>{const l=n.name;if(n&&e&&n.value!==0){const d=n.payload,y=n.color,u=l!=null&&d.record[l]!=null?d.record[l].amount:void 0;r.push({barName:a,value:u,color:y})}}),r},te=e=>{const t=ee(e);return t.length?s.jsx(H,{children:s.jsx(I,{children:t.map((a,r)=>s.jsx(J,{color:a.color,children:`${a.barName}: ${Z(a.value)}`},a.barName+r))})}):null},ae=X.memo(te),re=(e,t,a,r)=>{let n=[];if(r!=null){const l=oe(r,a);l!=null&&l.length>0&&(n=Q("trend","actual",l))}if(n.length>0){const l=D("trend","actual"),d={};return d[l]=n,U(e,t,l,d)}else return},oe=(e,t)=>{if(e!=null)switch(t){case"month":return e.monthly;case"quarter":return e.quarterly;case"year":return e.yearly;case"free_range":throw new Error("free_range dates are not supported!")}},M=[D("trend","actual")];function be({firstMonthOfFY:e,trendReport:t,timeframe:a,selectedTimePeriod:r,graphColor:n,width:l,height:d,onTimeframeSelectionChanged:y}){const u=v.useRef(!1),x=r!=null?se(e,r,a):void 0,g=w.getLocalizedStrings().reports.trend[t?.balancesKind];v.useEffect(()=>{u.current=!0},[]);const b=re(e,M,a,t),Y=h=>{const f=[];return M.forEach(o=>{f.push(s.jsx(K,{name:o,isAnimationActive:u.current,dataKey:i=>{const c=i.record;return(c[o]!=null&&c[o].amount!=null?c[o].amount:void 0)?.amount??0},maxBarSize:36,fill:h.toString(),"data-testid":j(o,"bar")},o))}),f};return b==null?null:s.jsx(le,{chartData:b,timeframe:a,selectedLabel:x,barElements:Y(n),customToolTipContent:({active:h,payload:f})=>s.jsx(ae,{active:h,payload:f,trendType:g}),width:l,height:d,onTimeframeSelectionChanged:y})}const le=({chartData:e,timeframe:t,selectedLabel:a,barElements:r,customToolTipContent:n,width:l,height:d,onTimeframeSelectionChanged:y})=>{const u=R(),[x,g]=v.useState([void 0,void 0]),b=e.timeseries,Y=W(e),h=b.map(o=>o.label);v.useEffect(()=>{if(a!=null){const o=T(a.label,h,1);g(o)}else g([void 0,void 0])},[t,a]);const f=o=>{if(o?.activePayload==null||o?.activePayload.length===0)return;const i=o.activePayload[0];if(i?.payload?.record?.[D("trend","actual")]?.amount==null)return;const c=i.payload.record[D("trend","actual")].amount;if(c!=null&&c.amount===0||i?.payload?.timeLabel?.label==null)return;const S=i.payload.timeLabel.label,C=i.payload.timeLabel.startDate,E=i.payload.timeLabel.endDate,F=T(S,h,1);g(F),y?.(t,{startDate:C,endDate:E})};return s.jsx("div",{style:{width:l,height:d},"data-testid":j("simple-bar-chart"),children:s.jsx(z,{children:({height:o,width:i})=>s.jsxs(A,{"data-testid":j("bar-chart"),width:i,height:o,data:e.recordByTimeseries,barCategoryGap:"30%",margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto",cursor:"pointer"},onClick:f,children:[s.jsx(O,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:u.colors.grey3}),s.jsx(P,{dataKey:c=>c.timeLabel.label,type:"category",axisLine:{stroke:u.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:u.colors.hero,...k.extraSmallRegular.cssObject}}),s.jsx(B,{type:"number",axisLine:!1,tickLine:!1,tick:{color:u.colors.hero,...k.extraSmallRegular.cssObject},tickFormatter:c=>q("0,0.[00]a",c,Y)}),s.jsx(_,{cursor:!1,content:n,allowEscapeViewBox:{x:!1,y:!0}}),a!=null&&s.jsx(G,{x1:x[0],x2:x[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),r]})})})},{dateFormat:p}=w.getLocalizedStrings(),se=(e,t,a)=>{let r="";switch(a){case"week":t.startDate.month()!==t.endDate.month()?r=`${m(t.startDate,p.visual.MMMYYFormat,e)} - ${m(t.endDate,p.visual.MMMYYFormat,e)}`:r=`${m(t.startDate,p.visual.Dformat,e)} - ${m(t.endDate,p.visual.MMMDCommaYYYYformat,e)}`;break;case"month":r=`${m(t.startDate,p.visual.MMMYYFormat,e)}`;break;case"quarter":r=`${w.getLocalizedStrings().quarterPrefix}${m(t.startDate,p.visual.QYYformat,e)}`;break;case"year":r=`${m(t.startDate,p.visual.YYYYformat,e)}`;break;case"free_range":throw new Error("free_range dates are not supported!")}return{label:r,startDate:t.startDate,endDate:t.endDate}};export{be as default};