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

package/dist/assets/TreasuryTransferOrReviewPage-WB0pVkO6-BWBLW8Tp.js

@@ -0,0 +1,576 @@
+import{q as ye,aC as Pt,j as r,aM as D,hw as Ct,O as $e,aN as q,n as qe,P as at,aQ as nt,o as t,y as w,A as Oe,s as zt,b6 as Dt,c as Lt,aP as Q,c5 as Ft,ft as st,b as O,l as L,gG as Mt,h as j,ar as Rt,H as lt,ai as I,am as Y,fG as Bt,aa as Ot,cS as It,ad as Et,gm as _t,u as d,ce as ct,fB as dt,cw as ut,dm as Nt,dd as Vt,fS as Wt,fK as qt,a9 as Yt,an as Gt,fL as Xt,dM as Jt,cM as Ut,cL as Kt,bz as Qt,bX as Zt,fU as Ht,g1 as er,aX as tr}from"./index-MAXVX6UR.js";import{n as o,b as y}from"./vendor-Bs1fkIUX.js";import{q as pt}from"./PortfolioDetails-6ElQWU58-ByHc7XYH.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./treasuryColorHelper--7Rf6Fm8-BdEMhZbj.js";const rr=$e.getLocalizedStrings().spendManagement.treasury,R=[0,125e4,25e5,35e5,5e6],or=1e3;function ir({interestRate:e=4.35,transferAmount:a,setYieldEarned:u,setTransferAmount:i}){const l=Yt().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(cr,{sliderValue:c,children:[r.jsx(lr,{sliderValue:c,type:"range",min:R[0],max:R[R.length-1],step:or,value:c,onChange:p}),r.jsx(dr,{style:{width:`${Math.min(c/R[R.length-1]*92.5,92.5)}%`}}),r.jsx(mr,{sliderValue:c,style:{left:`calc(${Math.min(Math.max(c/R[R.length-1]*100,5),95)}% - 50px)`},children:ar(c)}),r.jsx(ur,{children:R.map((f,$)=>r.jsx(pr,{onClick:()=>A(f),"data-testid":D("slider-label",f.toString()),style:{left:nr($)},children:r.jsx(hr,{isSelected:c>=f,children:sr(f)})},f))})]})}const ar=e=>{const a=tr("0,0.[00]a",e,"$").toUpperCase();return`${rr.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 nr=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%"}},sr=e=>Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:2}).format(e),lr=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;
+  }
+`,cr=o.div`
+  position: relative;
+  width: 70%;
+  margin-left: 30px;
+  margin-right: 30px;
+  margin-bottom: 20px;
+  margin-top: ${t.sp5};
+  min-height: ${t.sp8};
+`,dr=o.div`
+  position: absolute;
+  height: 2px;
+  margin-top: -${t.sp2};
+  background-color: ${e=>e.theme.colors.hero};
+`,ur=o.div`
+  position: absolute;
+  bottom: ${t.sp0};
+  top: ${t.sp5};
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`,pr=o.span`
+  position: absolute;
+  cursor: pointer;
+  transform: translateX(-50%);
+`,hr=o(I)`
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
+  white-space: nowrap;
+`,mr=o(I)`
+  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};
+`,Z={navBarContainerPaddingXaxis:new w(10,19),containerPaddingLeft:new w(d[3],d[6],d[8]),containerPaddingRight:new w(d[3],d[6],d[8]),reviewContentWrapperPaddingBottom:new w(d[5],d[8]),elementsContainerPadding:new w(d[3],d[4])},Re={pageTitle:new O("h6Regular","h5Regular"),integerStyles:new O("h5Regular","h2Regular"),decimalStyles:new O("extraLargeMedium","h5Medium")},{common:{edit:fr,footer:{back:gr}},dateFormat:{visual:{DMMMYYYYFormat:wr}},spendManagement:{treasury:{transferDrawer:F},billPay:{insufficientFunds:{lowBalance:xr,addOrSwitchInitiateTransfer:yr,lowBalanceIn:$r}}}}=$e.getLocalizedStrings(),br=({fromAccount:e,themeContext:a,toAccount:u,transferDetails:i})=>{const l=ye();if(l==="small"){const c=Tr(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:W(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(ao,{}):r.jsx(no,{}),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:W(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:W(i.transferMoneyParties,i.treasuryAccount,e?.id??"",!0,!0,!0)})]})]}),ce(e,i.treasuryAccount.id,l,!1)?r.jsx(fe,{}):null]}),r.jsx(io,{}),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:W(i.transferMoneyParties,i.treasuryAccount,u?.id??"",!0,!1,!0)})]})]}),ce(u,i.treasuryAccount.id,l,!1)?r.jsx(fe,{}):null]})]})},vr=(e,a,u)=>{if(!e)return!0;if(e.id===a.id){const i=a.balance;return i?L.checkIfLowBalance(u,i):!0}if("accountBalance"in e){const i=e.accountBalance?.available;return i==null?!1:L.checkIfLowBalance(u,i)}return!1},Sr=({transferDetails:e,fundDetails:a,portfolioAllocation:u,isOnSetup:i,setShowReviewContent:l,onTransferClick:c,onCancelClick:h})=>{const p=ye(),A=Lt(),f=Q(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=vr(S,e.treasuryAccount,m);return r.jsxs(r.Fragment,{children:[r.jsxs(Br,{windowSize:p,children:[r.jsx(Vr,{windowSize:p,children:r.jsx(Ft,{title:"Close",enterTouchDelay:600,placement:"bottom",children:r.jsx(Ye,{"data-testid":D("nav-bar-close-transfer-review"),onClick:h})})}),r.jsx(Wr,{windowSize:p,children:i===!0?F.stepTitle:F.reviewAndConfirm}),i===!0&&r.jsxs(r.Fragment,{children:[r.jsx(qr,{windowSize:p,children:r.jsx(Yr,{children:r.jsxs(Gr,{children:[r.jsx(Ge,{}),r.jsx(Ge,{}),r.jsx(Xr,{})]})})}),p==="small"?r.jsx(oo,{children:F.subTitle}):r.jsx(Ue,{children:F.subTitle})]}),r.jsx(ro,{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(_r,{}),r.jsx(Ue,{children:r.jsxs(r.Fragment,{children:[F.review.prefix,`"${P?.label}" `,F.success.midfix,` "${S?.label}" `,F.review.suffix.replace("__date__",L.zeniDate(L.getNextNthWorkingDay(L.dateNow().toDate(),[0,6],1).toDateString()).format(wr))]})})]}),C?r.jsx(Mt,{variant:"low-balance",style:{marginTop:t.sp3,marginBottom:t.sp3},title:$r.replace("__account__",S?.id===e.treasuryAccount.id?S?.label??"":`${S?.label??""} ${S?.maskedAccountNumber??""}`),description:yr}):null,$?r.jsx(Rr,{children:r.jsxs(Dr,{children:[r.jsxs(Or,{children:[r.jsx(Er,{}),r.jsxs(Lr,{children:[r.jsx(Fr,{children:e.error?.title}),r.jsx(Mr,{children:e.error?.message})]})]}),r.jsx(Ir,{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(Nr,{windowSize:p,children:r.jsxs(Pr,{windowSize:p,children:[r.jsx(Cr,{windowSize:p,children:r.jsx(br,{fromAccount:S,themeContext:A,toAccount:P,transferDetails:e})}),r.jsx(zr,{children:r.jsx(pt,{isInReview:!0,isSetup:!1,fundDetails:a,allocation:u,amount:Ar(e),fundAllocations:kr(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?gr:fr,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(Xe,{isOptionSelected:u,isForReview:l,children:r.jsx(Je,{color:j.brandColorGoldDark})});if(a==="")return r.jsx(to,{isForReview:l,children:r.jsx(Vt,{})});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(Xe,{isOptionSelected:u,isForReview:l,children:r.jsx(Je,{color:Wt(h)})});if(c.accType==="paymentAccount")return c.logo!==void 0&&(c.logo.base64||c.logo.url)?r.jsx(Zr,{src:jr(c.logo),isOptionSelected:u,isForReview:l,loading:"lazy"}):r.jsx(Hr,{isOptionSelected:u,isForReview:l,children:r.jsx(eo,{})})}return null},W=(e,a,u,i,l,c,h)=>{if(!u)return null;if(u===a.id)return(c||!i)&&a.balance?r.jsx(Ce,{children:q("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=L.checkIfLowBalance(h,p.accountBalance.available)),i===!0&&!c?r.jsx(Ur,{children:p?.maskedAccountNumber}):r.jsxs(Jr,{className:"option-sublabel",children:[r.jsx(Ce,{children:p?.maskedAccountNumber}),p?.accountBalance?.available?r.jsx(Qr,{className:"dot"}):null,p?.accountBalance?.available?r.jsxs(Ce,{children:[q("0,0[.]00",p.accountBalance.available),A?r.jsx(Kr,{children:xr}):null]}):null,p?.balanceFetchStatus?.fetchState==="In-Progress"?r.jsx(at,{size:"Small",start:!0}):null]})},jr=e=>e.base64!==void 0?`${qt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Ar=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id!==e.treasuryAccount.id)return e.treasuryTransferMoneyLocalData.amount},kr=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id===e.treasuryAccount.id)return e.treasuryAccount.fundAllocations},Tr=(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(I)`
+  color: ${e=>e.theme.colors.hero};
+`,pe=o(Y)`
+  display: flex;
+  align-items: center;
+`,Pr=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=>`${Z.elementsContainerPadding.valuePx(e.windowSize)}`};
+  gap: ${t.sp4};
+  ${e=>e.windowSize==="small"&&`
+    width: auto;
+  `}
+`,Cr=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"};
+`,zr=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};
+`,Dr=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${t.sp3} ${t.sp4};
+  background-color: ${j.importantLight};
+  border-radius: ${t.sp2};
+`,Lr=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${t.sp2};
+`,Fr=o(ut)`
+  color: ${j.important};
+`,Mr=o(Y)`
+  color: ${j.important};
+`,Rr=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}`};
+`,Br=o.div`
+  height: auto;
+  padding-left: ${e=>`${Z.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${Z.containerPaddingRight.valuePx(e.windowSize)}`};
+  margin-bottom: auto;
+`,Or=o.div`
+  display: flex;
+  align-items: flex-start;
+`,Ir=o.div``,Er=o(dt)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${j.important};
+`,Ye=o(Oe)`
+  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};
+  }
+`,_r=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,me=o(I)`
+  color: ${e=>e.theme.colors.hero};
+`,Nr=o.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.sp3};
+  padding-bottom: ${e=>`${Z.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
+`,Vr=o.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${t.sp0};
+  padding: ${e=>`${Z.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  z-index: 2;
+  background-color: transparent;
+`,Wr=o(lt)`
+  ${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};
+  `}
+`,qr=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.sp3};
+  width: 100%;
+  margin-bottom: ${t.sp3};
+`,Yr=o.div`
+  display: flex;
+  align-items: center;
+`,Gr=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};
+`,Xr=o.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${t.sp2};
+`,Jr=o(I)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${t.sp2};
+`,Ur=o.span`
+  margin-left: ${t.sp2};
+`,Ce=o.div``,Kr=o(Zt)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+  margin-left: ${t.sp1};
+`,Qr=o.div`
+  width: ${t.sp1};
+  height: ${t.sp1};
+  min-width: ${t.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+`,Zr=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};
+`,Hr=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};
+`,eo=o(er)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${t.sp2};
+`,Xe=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};
+`,Je=o(Ht)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${t.sp2};
+`,to=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};
+`,ro=o(ct)`
+  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};
+`,oo=o(I)`
+  color: ${e=>e.theme.colors.hero};
+`,io=o(Qt)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,ao=o(Ut)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.hero};
+  align-self: center;
+`,no=o(Kt)`
+  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:B,zeniAccounts:{zeniAccountList:so},billPay:{insufficientFunds:De}}}=$e.getLocalizedStrings(),ht="amount",lo="transferTo",co="transferFrom",N="transferDetails",mt="transferDetailPage",Le=(e,a)=>`${e}.${a}`,ft=e=>`${e}_form`,x={largeLabelWidth:new w(120,120,160),labeleMarginLeft:new w(d[0],d[0]),labelMarginRight:new w(d[3],d[3]),labeleMarginBottom:new w(d[2],d[0]),labeledFieldPaddingLeft:new w(d[3],d[0]),labeledFieldPaddingRight:new w(d[3],d[2]),labeledFieldPaddingTop:new w(d[3],d[3]),labeledFieldPaddingBottom:new w(d[3],d[2]),infoLabelPaddingRight:new w(d[0],d[3]),infoLabelMarginTop:new w(d[1],d[0]),portfolioContainerPadding:new w(d[3],d[4]),rowContentSelectPaddingLeft:new w(d[3],d[4]),formFieldPaddingRight:new w(0,d[2])},we={yieldEarned:new O("smallMedium","standardMedium"),calculatorFooterText:new O("extraSmallRegular","smallRegular"),integerStyles:new O("h5Regular","h2Regular"),decimalStyles:new O("extraLargeMedium","h5Medium")};function uo({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=x.largeLabelWidth.value(s),[P,m]=y.useState(!1),[C,G]=y.useState(!1),[b,X]=y.useState(e.treasuryTransferMoneyLocalData.amount?.amount??0),E=a.reduce((n,g)=>{const T=g.yield;return Math.max(n,T)},0),[be,ee]=y.useState(ge(b,E)),v=c.link_account_no_microdeposit,[M,ve]=y.useState(v.linkToken??null),[te,re]=y.useState(!1),[oe,Ie]=y.useState(!1),Se=e.transferMoneyPartiesFetchState,Ee=Q(Se),je=e.treasuryTransferMoneyLocalData.fromAccount?.id,Ae=e.treasuryTransferMoneyLocalData.toAccount?.id,_e=Q(je),Ne=Q(Ae),ke=e.transferMoneyParties.map(n=>n.id),Te=Q(ke),gt=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:J}=Bt({token:M,onSuccess:gt,onExit:wt}),U=y.useCallback(n=>{n.preventDefault(),n.stopPropagation(),J?ie():re(!0)},[ie,J]),_=Ot({mode:"all",reValidateMode:"onChange",defaultValues:y.useMemo(()=>Qe(e,i,h??!1,U),[e,i])}),{isValid:xt}=_.formState,{setError:yt,clearErrors:$t}=_;y.useEffect(()=>{v.fetchStatus.fetchState==="Completed"&&v.linkToken!=null&&v.linkToken!==M&&ve(v.linkToken)},[v.fetchStatus.fetchState,v.linkToken,M]),y.useEffect(()=>{v.linkToken===M&&v.fetchStatus.fetchState==="Completed"&&J&&Ie(!0)},[J,M,v.fetchStatus,v.linkToken,v.fetchStatus.fetchState]),y.useEffect(()=>{oe&&te&&ie()},[oe,ie,te]),y.useEffect(()=>{(L.zeniDate(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)&&_.reset(Qe(e,i,h??!1,U))},[J,M,v.fetchStatus.fetchState,Ee,Se,_e,Ne,Ae,je,Te,ke,_,e,i,h,U]);const bt=()=>e.transferMoneyParties.find(n=>n.id!==e.treasuryAccount.id&&n.accType==="depositAccount"),vt=()=>{const n=e.primaryPaymentAccount?.paymentAccountId;return e.transferMoneyParties.find(g=>g.id===n)},St=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 We={amount:T[N].amount??0,currencyCode:"USD",currencySymbol:"$"};n.includes("transferFrom")?ae===e.treasuryAccount.id?ne===e.treasuryAccount.id&&(le=bt()):le=e.treasuryAccount:n.includes("transferTo")&&(ne===e.treasuryAccount.id?ae===e.treasuryAccount.id&&(se=vt()):se=e.treasuryAccount);const Tt={amount:We,fromAccount:se,toAccount:le};X(We.amount),p(Tt)}};y.useEffect(()=>{const n=_.watch((g,{name:T})=>{T!=null&&g!=null&&It(()=>St(T,g))});return()=>{n.unsubscribe()}}),y.useEffect(()=>{ee(ge(b,E))},[b,E]);const jt=()=>{if(K?.id==null||K.id===""||!z.amount)return!1;if(K.id===e.treasuryAccount.id){const n=e.treasuryAccount.balance;if(n&&L.checkIfLowBalance(z,n))return!0}else{const n=e.transferMoneyParties.find(g=>g.id===K.id);if(n?.accountBalance?.available&&L.checkIfLowBalance(z,n.accountBalance.available))return!0}return!1},At=_.handleSubmit(()=>{if(jt()){yt("transferDetails.transferFrom",{type:"lowBalance",message:De.addMoney});return}$t("transferDetails.transferFrom"),xt&&A()}),{fromAccount:K,toAccount:Ve,amount:z}=e.treasuryTransferMoneyLocalData,kt=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&&L.checkIfLowBalance(z,T))return De.addMoney}else if(g?.accountBalance?.available&&L.checkIfLowBalance(z,g.accountBalance.available))return De.addMoney;return""};return r.jsxs(r.Fragment,{children:[P?r.jsx(po,{children:r.jsxs(mo,{children:[r.jsxs(fo,{children:[r.jsx(wo,{}),r.jsxs(xo,{children:[r.jsx(yo,{children:e.error?.title}),r.jsx($o,{children:e.error?.message})]})]}),r.jsx(go,{children:r.jsx(jo,{"data-testid":D("amount-details-error-close"),onClick:()=>{m(!1)},style:{width:t.sp3,height:t.sp3,color:j.heroLight}})})]})}):null,r.jsx(bo,{windowSize:s,children:r.jsx(st,{amount:z,integerStyles:we.integerStyles.styleObject(s),decimalStyles:we.decimalStyles.styleObject(s),alwaysShowDecimal:!0})}),r.jsx(Et,{..._,children:r.jsxs(ho,{id:ft(mt),onSubmit:At,children:[r.jsxs(vo,{children:[r.jsx(Be,{size:s,children:r.jsx(Ze,{label:{label:ze.labels.transferFrom,width:S,style:{marginLeft:x.labeleMarginLeft.valuePx(s),marginBottom:x.labeleMarginBottom.valuePx(s),marginRight:x.labelMarginRight.valuePx(s)}},style:{paddingTop:x.labeledFieldPaddingTop.valuePx(s),paddingBottom:x.labeledFieldPaddingBottom.valuePx(s),paddingLeft:x.labeledFieldPaddingLeft.valuePx(s),paddingRight:x.labeledFieldPaddingRight.valuePx(s),border:"none",width:"100%",outline:"none",padding:0,display:s==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:x.infoLabelPaddingRight.valuePx(s),marginTop:x.infoLabelMarginTop.valuePx(s),color:j.brandColorGoldDark},singleSelectPickerField:{name:Le(N,co),style:{position:"relative"},capitalizeOptions:!0,placeholder:B.transferDrawer.selectAccount,valueToLogo:(n,g)=>V(e.transferMoneyParties,n,g,n===e.treasuryAccount.id,!1),valueToSubLabels:(n,g)=>W(e.transferMoneyParties,e.treasuryAccount,n,g,!0,!1,z),defaultValue:{selectedOption:K?.id,allOptions:xe(e,!0,i,!0,U,!1)},textAlignment:"right",registerOptions:{required:!0,validate:n=>n!=null&&!!n.selectedOption}},valueToAdditionalLabel:kt})}),!i&&r.jsxs(r.Fragment,{children:[r.jsx(Fe,{}),r.jsx(Be,{size:s,children:r.jsx(Ze,{label:{label:ze.labels.transferTo,width:S,style:{marginLeft:x.labeleMarginLeft.valuePx(s),marginBottom:x.labeleMarginBottom.valuePx(s),marginRight:x.labelMarginRight.valuePx(s)}},style:{paddingTop:x.labeledFieldPaddingTop.valuePx(s),paddingBottom:x.labeledFieldPaddingBottom.valuePx(s),paddingLeft:x.labeledFieldPaddingLeft.valuePx(s),paddingRight:x.labeledFieldPaddingRight.valuePx(s),border:"none",width:"100%",outline:"none",padding:0,display:s==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:x.infoLabelPaddingRight.valuePx(s),marginTop:x.infoLabelMarginTop.valuePx(s),color:j.brandColorGoldDark},singleSelectPickerField:{name:Le(N,lo),style:{position:"relative"},capitalizeOptions:!0,placeholder:B.transferDrawer.selectAccount,valueToLogo:(n,g)=>V(e.transferMoneyParties,n,g,n===e.treasuryAccount.id,!1),valueToSubLabels:(n,g)=>W(e.transferMoneyParties,e.treasuryAccount,n,g,!1,!1),defaultValue:{selectedOption:Ve?.id,allOptions:xe(e,!1,i,!0,U,!1)},textAlignment:"right",registerOptions:{required:!0,validate:n=>n!=null&&!!n.selectedOption}}})})]}),r.jsx(Fe,{}),r.jsx(_t,{showAdditionalInfoLabel:!1,label:{label:ze.labels.amount,width:S},style:{padding:t.sp2,paddingLeft:t.sp0,paddingRight:x.formFieldPaddingRight.valuePx(s),width:"auto"},formattedTextField:{type:"number",name:Le(N,ht),defaultValue:z.amount===0?void 0:z.amount,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:n=>!!n&&n>0},placeholder:B.transferDrawer.amountPlaceholder,autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1}}),i&&r.jsxs(r.Fragment,{children:[r.jsx(Fe,{}),r.jsx(So,{size:s,children:r.jsx(pt,{isInReview:!0,fundDetails:a,allocation:u,isSetup:!1,amount:z,page:"fund transfer"})})]})]}),!i&&Ve?.accType==="treasuryAccount"&&r.jsxs(Ao,{children:[C?r.jsxs(ko,{children:[r.jsx(To,{windowSize:s,children:B.transferDrawer.calculator.heading.replace("__amount__",q("0,0.[00]a",{amount:l,currencySymbol:"$"})).replace("__rate__",E.toString())}),r.jsx(ir,{interestRate:E,transferAmount:b,setYieldEarned:ee,setTransferAmount:X})]}):null,r.jsxs(Co,{windowSize:s,children:[r.jsxs(Lo,{windowSize:s,children:[r.jsx(zo,{children:r.jsx(Po,{windowSize:s,children:`${B.transferDrawer.calculator.footerText.annualYieldEarned} ${q("0,0",{amount:be,currencySymbol:"$"})}`})}),r.jsx(Do,{windowSize:s}),r.jsx(Fo,{children:`${B.transferDrawer.calculator.footerText.forTotalDeposit} ${q("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:B.transferDrawer.calculator.footerText.hide}),r.jsx(Mo,{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:B.transferDrawer.calculator.footerText.showYieldCalculator}),r.jsx(Ro,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]})}const xe=(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:so.transferDrawer.selectAddAccount,value:"",type:"button",onClick:l};P.push(m)}return P},Ke=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},Qe=(e,a,u,i)=>{const{fromAccount:l,toAccount:c,amount:h}=e.treasuryTransferMoneyLocalData,p=()=>u?Ke(e):l!=null?l.id:Ke(e);return{transferDetails:{[ht]:h.amount===0?void 0:h.amount,transferFrom:{allOptions:xe(e,!0,a,!0,i,!1),selectedOption:p()},transferTo:{allOptions:xe(e,!1,a,!0,i,!1),selectedOption:c?.id}}}},po=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}`};
+`,ho=o.form`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,mo=o.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${t.sp3} ${t.sp4};
+  background-color: ${j.importantLight};
+  border-radius: ${t.sp2};
+`,fo=o.div`
+  display: flex;
+  align-items: flex-start;
+`,go=o.div``,wo=o(dt)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${j.important};
+`,xo=o.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${t.sp2};
+`,yo=o(ut)`
+  color: ${j.important};
+`,$o=o(Y)`
+  color: ${j.important};
+`,bo=o(ct)`
+  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};
+  `}
+`,Ze=o(Nt)`
+  border-radius: ${t.sp2};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,vo=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};
+`,Fe=o.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Be=o.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${t.sp2};
+  padding-left: ${({size:e})=>x.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;
+    }
+  `}
+`,So=o(Be)`
+  padding: ${({size:e})=>x.portfolioContainerPadding.valuePx(e)};
+  padding-top: ${t.sp2};
+`,jo=o(Oe)`
+  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};
+  }
+`,Ao=o.div`
+  margin-bottom: ${t.sp6};
+  width: 90%;
+`,ko=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;
+`,To=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;
+`,Po=o.div`
+  ${e=>we.yieldEarned.style(e.windowSize)}
+  color: ${j.success};
+  white-space: nowrap;
+`,Co=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};
+`,zo=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,He=o.div`
+  ${e=>we.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};
+    }
+  }
+`,Do=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%;
+`,Lo=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"};
+`,Fo=o(Gt)`
+  color: ${e=>e.theme.colors.hero};
+`,Mo=o(Xt)`
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  min-height: 12px;
+  color: ${e=>e.theme.colors.hero};
+`,Ro=o(Jt)`
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  min-height: 12px;
+  color: ${e=>e.theme.colors.hero};
+`,H={navBarContainerPaddingXaxis:new w(10,19),containerPaddingLeft:new w(d[3],d[6],d[8]),containerPaddingRight:new w(d[3],d[6],d[8]),successContentMargin:new w(d[3],d[12]),buttonTrayGap:new w(d[4],d[5])},Bo={formTitle:new O("h6Regular","h5Regular")},{common:Me,spendManagement:{treasury:k}}=$e.getLocalizedStrings(),li=({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:X,currentAllocation:E,fundAllocationOptions:be,fetchState:ee}=a,v=be.find(oe=>Pt(oe.allocation,E))??{allocation:{},riskLevel:"Conservative",riskScore:0,optionIndex:0},M=()=>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(Eo,{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(Wo,{windowSize:b,children:[r.jsx(Ct,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),r.jsx(_o,{children:r.jsxs(r.Fragment,{children:[k.transferDrawer.success.prefix,r.jsx(No,{children:q("0,0.[00]",re)}),k.transferDrawer.success.midfix,`"${ve?.label}"`,k.transferDrawer.success.midfix2,`"${te?.label}".`]})}),r.jsxs(Vo,{windowSize:b,children:[r.jsx(qe,{variant:"secondary",label:k.transferDrawer.anotherTransfer,"data-testid":D("another-transfer-button","treasury"),onClick:()=>{f?.()},style:{minWidth:200}}),r.jsx(qe,{variant:"primary",label:k.transferDrawer.backToTreasury,"data-testid":D("back-to-treasury-button"),onClick:()=>{$()},style:{minWidth:200}})]})]})]}):u?r.jsx(Sr,{transferDetails:e,setShowReviewContent:S,onTransferClick:A,fundDetails:X,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(qo,{windowSize:b,children:h===!0?k.transferDrawer.stepTitle:l?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}):r.jsx(Yo,{windowSize:b,children:h===!0?k.transferDrawer.stepTitle:l?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}),h===!0&&r.jsx(Go,{windowSize:b,children:r.jsx(Xo,{children:r.jsxs(Jo,{children:[r.jsx(it,{}),r.jsx(it,{}),r.jsx(Uo,{})]})})}),b==="small"?r.jsx(Io,{children:k.transferDrawer.subTitle}):r.jsx(Oo,{children:k.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?r.jsx(uo,{onSaveChangesToLocalStore:p,transferDetails:e,onReviewClick:P,fundDetails:X,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)"}})]}),M()?r.jsx(nt,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:ft(mt),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},leftSideComponent:h===!0&&G?r.jsx(Ko,{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]})})},Oo=o(Y)`
+  color: ${e=>e.theme.colors.hero};
+`,Io=o(I)`
+  color: ${e=>e.theme.colors.hero};
+`,Eo=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100vh;
+  width: 100%;
+`,_o=o(zt)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,No=o(Dt)`
+  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;
+`,Vo=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)}`};
+`,Wo=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(Oe)`
+  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};
+  }
+`,qo=o(Rt)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.sp3};
+  margin-bottom: ${t.sp0};
+  margin-right: ${t.sp3};
+`,Yo=o(lt)`
+  ${e=>`${Bo.formTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.sp3};
+  margin-bottom: ${t.sp2};
+`,Go=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.sp3};
+  width: 100%;
+  margin-bottom: ${t.sp3};
+`,Xo=o.div`
+  display: flex;
+  align-items: center;
+`,Jo=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};
+`,Uo=o.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${t.sp2};
+`,Ko=o(I)`
+  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{li as default};

package/dist/assets/TrendChart-CWR5JV7S-Bu3AQa_8.js

@@ -0,0 +1,16 @@
+import{O as Y,j as n,l as u,c as Z,aM as w,b3 as z,bQ as A,bR as F,bh as O,C as k,bg as P,aX as B,bS as q,bi as _,bU as G,o as L,h as K,am as N}from"./index-MAXVX6UR.js";import{b as D,w as X,n as $}from"./vendor-Bs1fkIUX.js";import{d as Q,g as M,p as v,u as V}from"./chartTypes-DLnePN0T-B_54UqyM.js";import{o as W}from"./toCOABalancesWithID-D-AHYPZY-Bomk_rrT.js";import{V as U}from"./toChartData-BIN4xqGz-BcU_F8Ix.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";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=$(N)`
+  color: ${e=>e.color??K.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(i=>{const l=i.name;if(i&&e&&i.value!==0){const d=i.payload,b=i.color,m=l!=null&&d.record[l]!=null?d.record[l].amount:void 0;r.push({barName:a,value:m,color:b})}}),r},te=e=>{const t=ee(e);return t.length?n.jsx(H,{children:n.jsx(I,{children:t.map((a,r)=>n.jsx(J,{color:a.color,children:`${a.barName}: ${V(a.value)}`},a.barName+r))})}):null},ae=X.memo(te),re=(e,t,a,r)=>{let i=[];if(r!=null){const l=oe(r,a);l!=null&&l.length>0&&(i=W("trend","actual",l))}if(i.length>0){const l=v("trend","actual"),d={};return d[l]=i,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!")}},S=[v("trend","actual")];function xe({firstMonthOfFY:e,trendReport:t,timeframe:a,selectedTimePeriod:r,graphColor:i,width:l,height:d,onTimeframeSelectionChanged:b}){const m=D.useRef(!1),g=r!=null?ne(e,r,a):void 0,y=Y.getLocalizedStrings().reports.trend[t?.balancesKind];D.useEffect(()=>{m.current=!0},[]);const x=re(e,S,a,t),j=p=>{const h=[];return S.forEach(o=>{h.push(n.jsx(G,{name:o,isAnimationActive:m.current,dataKey:s=>{const c=s.record;return(c[o]!=null&&c[o].amount!=null?c[o].amount:void 0)?.amount??0},maxBarSize:36,fill:p.toString(),"data-testid":w(o,"bar")},o))}),h};return x==null?null:n.jsx(le,{chartData:x,timeframe:a,selectedLabel:g,barElements:j(i),customToolTipContent:({active:p,payload:h})=>n.jsx(ae,{active:p,payload:h,trendType:y}),width:l,height:d,onTimeframeSelectionChanged:b})}const le=({chartData:e,timeframe:t,selectedLabel:a,barElements:r,customToolTipContent:i,width:l,height:d,onTimeframeSelectionChanged:b})=>{const m=Z(),[g,y]=D.useState([void 0,void 0]),x=e.timeseries,j=Q(e),p=x.map(o=>o.label);D.useEffect(()=>{if(a!=null){const o=M(a.label,p,1);y(o)}else y([void 0,void 0])},[t,a]);const h=o=>{if(o?.activePayload==null||o?.activePayload.length===0)return;const s=o.activePayload[0];if(s?.payload?.record?.[v("trend","actual")]?.amount==null)return;const c=s.payload.record[v("trend","actual")].amount;if(c!=null&&c.amount===0||s?.payload?.timeLabel?.label==null)return;const T=s.payload.timeLabel.label,E=s.payload.timeLabel.startDate,C=s.payload.timeLabel.endDate,R=M(T,p,1);y(R),b?.(t,{startDate:E,endDate:C})};return n.jsx("div",{style:{width:l,height:d},"data-testid":w("simple-bar-chart"),children:n.jsx(z,{children:({height:o,width:s})=>n.jsxs(A,{"data-testid":w("bar-chart"),width:s,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:h,children:[n.jsx(F,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:m.colors.grey3}),n.jsx(O,{dataKey:c=>c.timeLabel.label,type:"category",axisLine:{stroke:m.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:m.colors.hero,...k.extraSmallRegular.cssObject}}),n.jsx(P,{type:"number",axisLine:!1,tickLine:!1,tick:{color:m.colors.hero,...k.extraSmallRegular.cssObject},tickFormatter:c=>B("0,0.[00]a",c,j)}),n.jsx(q,{cursor:!1,content:i,allowEscapeViewBox:{x:!1,y:!0}}),a!=null&&n.jsx(_,{x1:g[0],x2:g[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),r]})})})},{dateFormat:f}=Y.getLocalizedStrings(),ne=(e,t,a)=>{let r="";switch(a){case"week":t.startDate.month()!==t.endDate.month()?r=`${u.formatZeniDate(t.startDate,f.visual.MMMYYFormat,e)} - ${u.formatZeniDate(t.endDate,f.visual.MMMYYFormat,e)}`:r=`${u.formatZeniDate(t.startDate,f.visual.Dformat,e)} - ${u.formatZeniDate(t.endDate,f.visual.MMMDCommaYYYYformat,e)}`;break;case"month":r=`${u.formatZeniDate(t.startDate,f.visual.MMMYYFormat,e)}`;break;case"quarter":r=`${Y.getLocalizedStrings().quarterPrefix}${u.formatZeniDate(t.startDate,f.visual.QYYformat,e)}`;break;case"year":r=`${u.formatZeniDate(t.startDate,f.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{xe as default};