@zeniai/web-cockpit-ui 1.13.83-qa → 1.13.84-dev

package/dist/assets/{TreasuryTransferOrReviewPage-8kYRXJ8--BXlfWwAt.js → TreasuryTransferOrReviewPage-DebuIwR3-C0bGE1CG.js}

@@ -1,4 +1,4 @@
-import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3 as He,o as t,C as f,a2 as Ce,k as $t,al as bt,u as St,a1 as pe,bs as vt,cN as Je,Q as R,l as z,fX as jt,g as S,Z as At,h as et,w as Y,q as X,eX as kt,a as Tt,c2 as Pt,F as Ct,fD as zt,p as c,bm as tt,cV as ot,bF as rt,cy as Dt,cp as Lt,f7 as Ft,e$ as Mt,d1 as Rt,f as Bt,f0 as Ot,dn as It,bX as Et,bW as _t,aP as Nt,bc as Vt,f9 as Wt,fi as Yt,aa as Xt}from"./index-C5RQ_I4f.js";import{n as r,b as w}from"./vendor-CnQcJ2Lu.js";import{E as nt}from"./PortfolioDetails-Cxr764um-DhzbvH6Q.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-X9PYqjk_-B0f97nM8.js";const Gt=we.getLocalizedStrings().spendManagement.treasury,F=[0,125e4,25e5,35e5,5e6],qt=1e3;function Kt({interestRate:e=4.35,transferAmount:a,setYieldEarned:u,setTransferAmount:n}){const d=Rt().analytics,[s,m]=w.useState(a);w.useEffect(()=>{m(a)},[a]);const x=h=>{const i=parseFloat(h.target.value),$=he(i,e);m(i),u($),n(i),d.trackTreasuryCalculatorClick("fund transfer",i)},v=h=>{const i=he(h,e);m(h),n(h),u(i),d.trackTreasuryCalculatorClick("fund transfer",h)};return o.jsxs(Jt,{sliderValue:s,children:[o.jsx(Ht,{sliderValue:s,type:"range",min:F[0],max:F[F.length-1],step:qt,value:s,onChange:x}),o.jsx(eo,{style:{width:`${Math.min(s/F[F.length-1]*92.5,92.5)}%`}}),o.jsx(no,{sliderValue:s,style:{left:`calc(${Math.min(Math.max(s/F[F.length-1]*100,5),95)}% - 50px)`},children:Qt(s)}),o.jsx(to,{children:F.map((h,i)=>o.jsx(oo,{onClick:()=>v(h),"data-testid":P("slider-label",h.toString()),style:{left:Ut(i)},children:o.jsx(ro,{isSelected:s>=h,children:Zt(h)})},h))})]})}const Qt=e=>{const a=Xt("0,0.[00]a",e,"$").toUpperCase();return`${Gt.transferDrawer.calculator.sliderTooltipText} ${a}`};function he(e,a){const u=a/100,n=e*Math.pow(1+u/12,12);return Math.floor(n-e)}const Ut=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%"}},Zt=e=>Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:2}).format(e),Ht=r.input`
+import{X as ge,J as xt,j as o,Y as P,gQ as yt,M as we,_ as W,K as Ie,d as Ze,a7 as Ue,o as t,C as m,a6 as Ce,k as $t,aq as bt,u as St,a5 as pe,bu as vt,cO as He,Q as R,l as z,f_ as jt,g as S,Z as At,h as et,v as Y,s as X,e_ as kt,a as Tt,c3 as Pt,F as Ct,fG as zt,p as c,bo as tt,cW as ot,ah as rt,cz as Dt,cq as Lt,fa as Ft,f2 as Mt,f as Rt,f3 as Bt,dq as Ot,bY as It,bX as Et,aP as _t,be as Nt,fc as Vt,fl as Wt,aJ as Yt}from"./index-C0q2xQ43.js";import{n as r,b as w}from"./vendor-CnQcJ2Lu.js";import{E as nt}from"./PortfolioDetails-A3P3vG57-BlNZUWBn.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-D2LtJllD-BWyq3ShU.js";const Xt=we.getLocalizedStrings().spendManagement.treasury,F=[0,125e4,25e5,35e5,5e6],qt=1e3;function Gt({interestRate:e=4.35,transferAmount:a,setYieldEarned:u,setTransferAmount:n}){const[s,d]=w.useState(a);w.useEffect(()=>{d(a)},[a]);const x=h=>{const f=parseFloat(h.target.value),i=he(f,e);d(f),u(i),n(f)},y=h=>{const f=he(h,e);d(h),n(h),u(f)};return o.jsxs(Ut,{sliderValue:s,children:[o.jsx(Zt,{sliderValue:s,type:"range",min:F[0],max:F[F.length-1],step:qt,value:s,onChange:x}),o.jsx(Ht,{style:{width:`${Math.min(s/F[F.length-1]*92.5,92.5)}%`}}),o.jsx(ro,{sliderValue:s,style:{left:`calc(${Math.min(Math.max(s/F[F.length-1]*100,5),95)}% - 50px)`},children:Qt(s)}),o.jsx(eo,{children:F.map((h,f)=>o.jsx(to,{onClick:()=>y(h),"data-testid":P("slider-label",h.toString()),style:{left:Kt(f)},children:o.jsx(oo,{isSelected:s>=h,children:Jt(h)})},h))})]})}const Qt=e=>{const a=Yt("0,0.[00]a",e,"$").toUpperCase();return`${Xt.transferDrawer.calculator.sliderTooltipText} ${a}`};function he(e,a){const u=a/100,n=e*Math.pow(1+u/12,12);return Math.floor(n-e)}const Kt=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%"}},Jt=e=>Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:2}).format(e),Zt=r.input`
   width: 100%;
   &[type="range"]::-webkit-slider-runnable-track {
     height: 2px;
@@ -22,7 +22,7 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
     background-repeat: no-repeat;
     cursor: pointer;
   }
-`,Jt=r.div`
+`,Ut=r.div`
   position: relative;
   width: 70%;
   margin-left: 30px;
@@ -30,26 +30,26 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   margin-bottom: 20px;
   margin-top: ${t.sp5};
   min-height: ${t.sp8};
-`,eo=r.div`
+`,Ht=r.div`
   position: absolute;
   height: 2px;
   margin-top: -${t.sp2};
   background-color: ${e=>e.theme.colors.hero};
-`,to=r.div`
+`,eo=r.div`
   position: absolute;
   bottom: ${t.sp0};
   top: ${t.sp5};
   width: 100%;
   display: flex;
   justify-content: center;
-`,oo=r.span`
+`,to=r.span`
   position: absolute;
   cursor: pointer;
   transform: translateX(-50%);
-`,ro=r(Y)`
+`,oo=r(Y)`
   color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
   white-space: nowrap;
-`,no=r(Y)`
+`,ro=r(Y)`
   position: absolute;
   top: -${t.sp5};
   white-space: nowrap;
@@ -60,7 +60,7 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   justify-content: center;
   align-items: center;
   padding: 2px ${t.sp2};
-`,K={navBarContainerPaddingXaxis:new f(10,19),containerPaddingLeft:new f(c[3],c[6],c[8]),containerPaddingRight:new f(c[3],c[6],c[8]),reviewContentWrapperPaddingBottom:new f(c[5],c[8]),elementsContainerPadding:new f(c[3],c[4])},Te={pageTitle:new R("h6Regular","h5Regular"),integerStyles:new R("h5Regular","h2Regular"),decimalStyles:new R("extraLargeMedium","h5Medium")},{common:{edit:io},dateFormat:{visual:{DMMMYYYYFormat:ao}},spendManagement:{treasury:{transferDrawer:E},billPay:{insufficientFunds:{lowBalance:so,addOrSwitchInitiateTransfer:lo,lowBalanceIn:co}}}}=we.getLocalizedStrings(),uo=({fromAccount:e,themeContext:a,toAccount:u,transferDetails:n})=>{const d=ge();if(d==="small"){const s=go(e,u,n.treasuryAccount.id);return o.jsxs(o.Fragment,{children:[o.jsxs(ce,{style:s.topAccount?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(de,{children:s.topAccountLabel}),o.jsxs(le,{windowSize:d,children:[N(n.transferMoneyParties,s.topAccount?.id??"",!0,s.topAccount?.id===n.treasuryAccount.id,!0),o.jsxs(ae,{windowSize:d,children:[s.topAccount?.label,o.jsx(se,{children:V(n.transferMoneyParties,n.treasuryAccount,s.topAccount?.id??"",!0,!0,!0)})]})]}),ie(s.topAccount,n.treasuryAccount.id,d,!1)?o.jsx(ue,{}):null]}),s.arrowDirection==="up"?o.jsx(Yo,{}):o.jsx(Xo,{}),o.jsxs(ce,{style:s.bottomAccount?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(de,{children:s.bottomAccountLabel}),o.jsxs(le,{windowSize:d,children:[N(n.transferMoneyParties,s.bottomAccount?.id??"",!0,s.bottomAccount?.id===n.treasuryAccount.id,!0),o.jsxs(ae,{windowSize:d,children:[s.bottomAccount?.label,o.jsx(se,{children:V(n.transferMoneyParties,n.treasuryAccount,s.bottomAccount?.id??"",!0,!1,!0)})]})]}),ie(s.bottomAccount,n.treasuryAccount.id,d,!0)?o.jsx(ue,{}):null]})]})}else return o.jsxs(o.Fragment,{children:[o.jsxs(ce,{style:e?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(de,{children:"Transfer Funds From"}),o.jsxs(le,{windowSize:d,children:[N(n.transferMoneyParties,e?.id??"",!0,e?.id===n.treasuryAccount.id,!0),o.jsxs(ae,{windowSize:d,children:[e?.label,o.jsx(se,{children:V(n.transferMoneyParties,n.treasuryAccount,e?.id??"",!0,!0,!0)})]})]}),ie(e,n.treasuryAccount.id,d,!1)?o.jsx(ue,{}):null]}),o.jsx(Wo,{}),o.jsxs(ce,{style:u?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(de,{children:"To"}),o.jsxs(le,{windowSize:d,children:[N(n.transferMoneyParties,u?.id??"",!0,u?.id===n.treasuryAccount.id,!0),o.jsxs(ae,{windowSize:d,children:[u?.label,o.jsx(se,{children:V(n.transferMoneyParties,n.treasuryAccount,u?.id??"",!0,!1,!0)})]})]}),ie(u,n.treasuryAccount.id,d,!1)?o.jsx(ue,{}):null]})]})},po=(e,a,u)=>{if(!e)return!0;if(e.id===a.id){const n=a.balance;return n?z.checkIfLowBalance(u,n):!0}if("accountBalance"in e){const n=e.accountBalance?.available;return n==null?!1:z.checkIfLowBalance(u,n)}return!1},ho=({transferDetails:e,fundDetails:a,portfolioAllocation:u,setShowReviewContent:n,onTransferClick:d,onCancelClick:s})=>{const m=ge(),x=St(),v=pe(e.fetchState),[h,i]=w.useState(!1);w.useEffect(()=>{v==="In-Progress"&&e.fetchState==="Error"&&e.error!=null?i(!0):i(!1)},[e.error]);const{fromAccount:$,toAccount:T,amount:A}=e.treasuryTransferMoneyLocalData,p=po($,e.treasuryAccount,A);return o.jsxs(o.Fragment,{children:[o.jsxs(Ao,{windowSize:m,children:[o.jsx(Do,{windowSize:m,children:o.jsx(vt,{title:"Close",enterTouchDelay:600,placement:"bottom",children:o.jsx(Ee,{"data-testid":P("nav-bar-close-transfer-review"),onClick:s})})}),o.jsx(Lo,{windowSize:m,children:E.reviewAndConfirm}),o.jsx(No,{windowSize:m,children:o.jsx(Je,{amount:A,alwaysShowDecimal:!0,integerStyles:Te.integerStyles.styleObject(m),decimalStyles:Te.decimalStyles.styleObject(m)})}),o.jsx(Co,{}),o.jsx(Vo,{children:o.jsxs(o.Fragment,{children:[E.review.prefix,`"${T?.label}" `,E.success.midfix,` "${$?.label}" `,E.review.suffix.replace("__date__",z.zeniDate(z.getNextNthWorkingDay(z.dateNow().toDate(),[0,6],1).toDateString()).format(ao))]})}),p?o.jsx(jt,{variant:"low-balance",style:{marginTop:t.sp3,marginBottom:t.sp3},title:co.replace("__account__",$?.id===e.treasuryAccount.id?$?.label??"":`${$?.label??""} ${$?.maskedAccountNumber??""}`),description:lo}):null,h?o.jsx(jo,{children:o.jsxs($o,{children:[o.jsxs(ko,{children:[o.jsx(Po,{}),o.jsxs(bo,{children:[o.jsx(So,{children:e.error?.title}),o.jsx(vo,{children:e.error?.message})]})]}),o.jsx(To,{children:o.jsx(Ee,{"data-testid":P("close-error-transfer-review"),onClick:()=>{i(!1)},style:{width:t.sp3,height:t.sp3,color:S.heroLight}})})]})}):null,o.jsx(zo,{windowSize:m,children:o.jsxs(wo,{windowSize:m,children:[o.jsx(xo,{windowSize:m,children:o.jsx(uo,{fromAccount:$,themeContext:x,toAccount:T,transferDetails:e})}),o.jsx(yo,{children:o.jsx(nt,{isInReview:!0,isSetup:!1,fundDetails:a,allocation:u,amount:fo(e),page:"transfer review"})})]})})]}),o.jsx(He,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:E.review.footNote,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:io,onClick:()=>{i(!1),n(!1)},style:{minWidth:94}},primaryBtn:{label:E.transferBtn,onClick:d,isLoading:e.fetchState==="In-Progress",isDisabled:p,style:{minWidth:94}}})]})},N=(e,a,u,n,d)=>{if(n===!0)return o.jsx(_e,{isOptionSelected:u,isForReview:d,children:o.jsx(Ne,{color:S.brandColorGoldDark})});if(a==="")return o.jsx(_o,{isForReview:d,children:o.jsx(Lt,{})});const s=e.find(x=>x.id===a),m=e.findIndex(x=>x.id===a);if(s!=null){if(s.accType==="depositAccount")return o.jsx(_e,{isOptionSelected:u,isForReview:d,children:o.jsx(Ne,{color:Ft(m)})});if(s.accType==="paymentAccount")return s.logo!==void 0&&(s.logo.base64||s.logo.url)?o.jsx(Oo,{src:mo(s.logo),isOptionSelected:u,isForReview:d,loading:"lazy"}):o.jsx(Io,{isOptionSelected:u,isForReview:d,children:o.jsx(Eo,{})})}return null},V=(e,a,u,n,d,s,m)=>{if(!u)return null;if(u===a.id)return(s||!n)&&a.balance?o.jsx(ve,{children:W("0,0[.]00",a.balance)}):null;const x=e.find(h=>h.id===u);let v=!1;return d===!0&&m!=null&&x?.accountBalance?.available?.amount!=null&&(v=z.checkIfLowBalance(m,x.accountBalance.available)),n===!0&&!s?o.jsx(Mo,{children:x?.maskedAccountNumber}):o.jsxs(Fo,{className:"option-sublabel",children:[o.jsx(ve,{children:x?.maskedAccountNumber}),x?.accountBalance?.available?o.jsx(Bo,{className:"dot"}):null,x?.accountBalance?.available?o.jsxs(ve,{children:[W("0,0[.]00",x.accountBalance.available),v?o.jsx(Ro,{children:so}):null]}):null,x?.balanceFetchStatus?.fetchState==="In-Progress"?o.jsx(Ze,{size:"Small",start:!0}):null]})},mo=e=>e.base64!==void 0?`${Mt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",fo=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id!==e.treasuryAccount.id)return e.treasuryTransferMoneyLocalData.amount},go=(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"},ie=(e,a,u,n)=>u==="small"?e?.id===a&&n:e?.id===a,ae=r.div`
+`,Q={navBarContainerPaddingXaxis:new m(10,19),containerPaddingLeft:new m(c[3],c[6],c[8]),containerPaddingRight:new m(c[3],c[6],c[8]),reviewContentWrapperPaddingBottom:new m(c[5],c[8]),elementsContainerPadding:new m(c[3],c[4])},Te={pageTitle:new R("h6Regular","h5Regular"),integerStyles:new R("h5Regular","h2Regular"),decimalStyles:new R("extraLargeMedium","h5Medium")},{common:{edit:no},dateFormat:{visual:{DMMMYYYYFormat:io}},spendManagement:{treasury:{transferDrawer:E},billPay:{insufficientFunds:{lowBalance:ao,addOrSwitchInitiateTransfer:so,lowBalanceIn:lo}}}}=we.getLocalizedStrings(),co=({fromAccount:e,themeContext:a,toAccount:u,transferDetails:n})=>{const s=ge();if(s==="small"){const d=fo(e,u,n.treasuryAccount.id);return o.jsxs(o.Fragment,{children:[o.jsxs(ce,{style:d.topAccount?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:s,children:[o.jsx(de,{children:d.topAccountLabel}),o.jsxs(le,{windowSize:s,children:[N(n.transferMoneyParties,d.topAccount?.id??"",!0,d.topAccount?.id===n.treasuryAccount.id,!0),o.jsxs(ae,{windowSize:s,children:[d.topAccount?.label,o.jsx(se,{children:V(n.transferMoneyParties,n.treasuryAccount,d.topAccount?.id??"",!0,!0,!0)})]})]}),ie(d.topAccount,n.treasuryAccount.id,s,!1)?o.jsx(ue,{}):null]}),d.arrowDirection==="up"?o.jsx(Wo,{}):o.jsx(Yo,{}),o.jsxs(ce,{style:d.bottomAccount?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:s,children:[o.jsx(de,{children:d.bottomAccountLabel}),o.jsxs(le,{windowSize:s,children:[N(n.transferMoneyParties,d.bottomAccount?.id??"",!0,d.bottomAccount?.id===n.treasuryAccount.id,!0),o.jsxs(ae,{windowSize:s,children:[d.bottomAccount?.label,o.jsx(se,{children:V(n.transferMoneyParties,n.treasuryAccount,d.bottomAccount?.id??"",!0,!1,!0)})]})]}),ie(d.bottomAccount,n.treasuryAccount.id,s,!0)?o.jsx(ue,{}):null]})]})}else return o.jsxs(o.Fragment,{children:[o.jsxs(ce,{style:e?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:s,children:[o.jsx(de,{children:"Transfer Funds From"}),o.jsxs(le,{windowSize:s,children:[N(n.transferMoneyParties,e?.id??"",!0,e?.id===n.treasuryAccount.id,!0),o.jsxs(ae,{windowSize:s,children:[e?.label,o.jsx(se,{children:V(n.transferMoneyParties,n.treasuryAccount,e?.id??"",!0,!0,!0)})]})]}),ie(e,n.treasuryAccount.id,s,!1)?o.jsx(ue,{}):null]}),o.jsx(Vo,{}),o.jsxs(ce,{style:u?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:s,children:[o.jsx(de,{children:"To"}),o.jsxs(le,{windowSize:s,children:[N(n.transferMoneyParties,u?.id??"",!0,u?.id===n.treasuryAccount.id,!0),o.jsxs(ae,{windowSize:s,children:[u?.label,o.jsx(se,{children:V(n.transferMoneyParties,n.treasuryAccount,u?.id??"",!0,!1,!0)})]})]}),ie(u,n.treasuryAccount.id,s,!1)?o.jsx(ue,{}):null]})]})},uo=(e,a,u)=>{if(!e)return!0;if(e.id===a.id){const n=a.balance;return n?z.checkIfLowBalance(u,n):!0}if("accountBalance"in e){const n=e.accountBalance?.available;return n==null?!1:z.checkIfLowBalance(u,n)}return!1},po=({transferDetails:e,fundDetails:a,portfolioAllocation:u,setShowReviewContent:n,onTransferClick:s,onCancelClick:d})=>{const x=ge(),y=St(),h=pe(e.fetchState),[f,i]=w.useState(!1);w.useEffect(()=>{h==="In-Progress"&&e.fetchState==="Error"&&e.error!=null?i(!0):i(!1)},[e.error]);const{fromAccount:v,toAccount:T,amount:A}=e.treasuryTransferMoneyLocalData,p=uo(v,e.treasuryAccount,A);return o.jsxs(o.Fragment,{children:[o.jsxs(jo,{windowSize:x,children:[o.jsx(zo,{windowSize:x,children:o.jsx(vt,{title:"Close",enterTouchDelay:600,placement:"bottom",children:o.jsx(Ee,{"data-testid":P("nav-bar-close-transfer-review"),onClick:d})})}),o.jsx(Do,{windowSize:x,children:E.reviewAndConfirm}),o.jsx(_o,{windowSize:x,children:o.jsx(He,{amount:A,alwaysShowDecimal:!0,integerStyles:Te.integerStyles.styleObject(x),decimalStyles:Te.decimalStyles.styleObject(x)})}),o.jsx(Po,{}),o.jsx(No,{children:o.jsxs(o.Fragment,{children:[E.review.prefix,`"${T?.label}" `,E.success.midfix,` "${v?.label}" `,E.review.suffix.replace("__date__",z.zeniDate(z.getNextNthWorkingDay(z.dateNow().toDate(),[0,6],1).toDateString()).format(io))]})}),p?o.jsx(jt,{variant:"low-balance",style:{marginTop:t.sp3,marginBottom:t.sp3},title:lo.replace("__account__",v?.id===e.treasuryAccount.id?v?.label??"":`${v?.label??""} ${v?.maskedAccountNumber??""}`),description:so}):null,f?o.jsx(vo,{children:o.jsxs(yo,{children:[o.jsxs(Ao,{children:[o.jsx(To,{}),o.jsxs($o,{children:[o.jsx(bo,{children:e.error?.title}),o.jsx(So,{children:e.error?.message})]})]}),o.jsx(ko,{children:o.jsx(Ee,{"data-testid":P("close-error-transfer-review"),onClick:()=>{i(!1)},style:{width:t.sp3,height:t.sp3,color:S.heroLight}})})]})}):null,o.jsx(Co,{windowSize:x,children:o.jsxs(go,{windowSize:x,children:[o.jsx(wo,{windowSize:x,children:o.jsx(co,{fromAccount:v,themeContext:y,toAccount:T,transferDetails:e})}),o.jsx(xo,{children:o.jsx(nt,{isInReview:!0,isSetup:!1,fundDetails:a,allocation:u,amount:mo(e),page:"transfer review"})})]})})]}),o.jsx(Ue,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:E.review.footNote,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:no,onClick:()=>{i(!1),n(!1)},style:{minWidth:94}},primaryBtn:{label:E.transferBtn,onClick:s,isLoading:e.fetchState==="In-Progress",isDisabled:p,style:{minWidth:94}}})]})},N=(e,a,u,n,s)=>{if(n===!0)return o.jsx(_e,{isOptionSelected:u,isForReview:s,children:o.jsx(Ne,{color:S.brandColorGoldDark})});if(a==="")return o.jsx(Eo,{isForReview:s,children:o.jsx(Lt,{})});const d=e.find(y=>y.id===a),x=e.findIndex(y=>y.id===a);if(d!=null){if(d.accType==="depositAccount")return o.jsx(_e,{isOptionSelected:u,isForReview:s,children:o.jsx(Ne,{color:Ft(x)})});if(d.accType==="paymentAccount")return d.logo!==void 0&&(d.logo.base64||d.logo.url)?o.jsx(Bo,{src:ho(d.logo),isOptionSelected:u,isForReview:s,loading:"lazy"}):o.jsx(Oo,{isOptionSelected:u,isForReview:s,children:o.jsx(Io,{})})}return null},V=(e,a,u,n,s,d,x)=>{if(!u)return null;if(u===a.id)return(d||!n)&&a.balance?o.jsx(ve,{children:W("0,0[.]00",a.balance)}):null;const y=e.find(f=>f.id===u);let h=!1;return s===!0&&x!=null&&y?.accountBalance?.available?.amount!=null&&(h=z.checkIfLowBalance(x,y.accountBalance.available)),n===!0&&!d?o.jsx(Fo,{children:y?.maskedAccountNumber}):o.jsxs(Lo,{className:"option-sublabel",children:[o.jsx(ve,{children:y?.maskedAccountNumber}),y?.accountBalance?.available?o.jsx(Ro,{className:"dot"}):null,y?.accountBalance?.available?o.jsxs(ve,{children:[W("0,0[.]00",y.accountBalance.available),h?o.jsx(Mo,{children:ao}):null]}):null,y?.balanceFetchStatus?.fetchState==="In-Progress"?o.jsx(Ze,{size:"Small",start:!0}):null]})},ho=e=>e.base64!==void 0?`${Mt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",mo=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id!==e.treasuryAccount.id)return e.treasuryTransferMoneyLocalData.amount},fo=(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"},ie=(e,a,u,n)=>u==="small"?e?.id===a&&n:e?.id===a,ae=r.div`
   display: flex;
   flex-direction: column;
 `,se=r(Y)`
@@ -68,7 +68,7 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
 `,le=r(X)`
   display: flex;
   align-items: center;
-`,wo=r.div`
+`,go=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -76,12 +76,12 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   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=>`${K.elementsContainerPadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${Q.elementsContainerPadding.valuePx(e.windowSize)}`};
   gap: ${t.sp4};
   ${e=>e.windowSize==="small"&&`
     width: auto;
   `}
-`,xo=r.div`
+`,wo=r.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   justify-content: space-between;
@@ -97,27 +97,27 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${t.sp2};
   width: ${e=>e.windowSize==="small"?"auto":"288px"};
-`,yo=r.div`
+`,xo=r.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};
-`,$o=r.div`
+`,yo=r.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   padding: ${t.sp3} ${t.sp4};
   background-color: ${S.importantLight};
   border-radius: ${t.sp2};
-`,bo=r.div`
+`,$o=r.div`
   display: flex;
   flex-direction: column;
   margin-left: ${t.sp2};
-`,So=r(rt)`
+`,bo=r(rt)`
   color: ${S.important};
-`,vo=r(X)`
+`,So=r(X)`
   color: ${S.important};
-`,jo=r.div`
+`,vo=r.div`
   margin-top: ${t.sp3};
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
@@ -126,15 +126,15 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
   border-radius: ${t.sp2};
   box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,Ao=r.div`
+`,jo=r.div`
   height: auto;
-  padding-left: ${e=>`${K.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${K.containerPaddingRight.valuePx(e.windowSize)}`};
+  padding-left: ${e=>`${Q.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${Q.containerPaddingRight.valuePx(e.windowSize)}`};
   margin-bottom: auto;
-`,ko=r.div`
+`,Ao=r.div`
   display: flex;
   align-items: flex-start;
-`,To=r.div``,Po=r(ot)`
+`,ko=r.div``,To=r(ot)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${S.important};
@@ -147,7 +147,7 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Co=r.div`
+`,Po=r.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
@@ -155,57 +155,57 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   max-height: 1px;
 `,de=r(Y)`
   color: ${e=>e.theme.colors.hero};
-`,zo=r.div`
+`,Co=r.div`
   display: flex;
   flex-direction: column;
   padding-top: ${t.sp3};
-  padding-bottom: ${e=>`${K.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
-`,Do=r.div`
+  padding-bottom: ${e=>`${Q.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
+`,zo=r.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: center;
   width: 100%;
   top: ${t.sp0};
-  padding: ${e=>`${K.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  padding: ${e=>`${Q.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
   z-index: 2;
   background-color: transparent;
-`,Lo=r(et)`
+`,Do=r(et)`
   ${e=>`${Te.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};
   `}
-`,Fo=r(Y)`
+`,Lo=r(Y)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: ${t.sp2};
-`,Mo=r.span`
+`,Fo=r.span`
   margin-left: ${t.sp2};
-`,ve=r.div``,Ro=r(Vt)`
+`,ve=r.div``,Mo=r(Nt)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
   margin-left: ${t.sp1};
-`,Bo=r.div`
+`,Ro=r.div`
   width: ${t.sp1};
   height: ${t.sp1};
   min-width: ${t.sp1};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,Oo=r.img`
+`,Bo=r.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};
-`,Io=r.div`
+`,Oo=r.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=r(Yt)`
+`,Io=r(Wt)`
   min-width: inherit;
   width: inherit;
   height: inherit;
@@ -215,37 +215,37 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   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};
-`,Ne=r(Wt)`
+`,Ne=r(Vt)`
   min-width: inherit;
   width: inherit;
   height: inherit;
   margin-right: ${t.sp2};
-`,_o=r.div`
+`,Eo=r.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};
-`,No=r(tt)`
+`,_o=r(tt)`
   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};
   `}
-`,Vo=r(X)`
+`,No=r(X)`
   color: ${e=>e.theme.colors.hero};
   margin-top: ${t.sp3};
-`,Wo=r(Nt)`
+`,Vo=r(_t)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
-`,Yo=r(Et)`
+`,Wo=r(It)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
   align-self: center;
-`,Xo=r(_t)`
+`,Yo=r(Et)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
@@ -257,7 +257,7 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   position: absolute;
   right: 50%;
   bottom: -25px;
-`,{common:je,spendManagement:{treasury:M,zeniAccounts:{zeniAccountList:Go},billPay:{insufficientFunds:Ve}}}=we.getLocalizedStrings(),it="amount",qo="transferTo",Ko="transferFrom",_="transferDetails",at="transferDetailPage",Ae=(e,a)=>`${e}.${a}`,st=e=>`${e}_form`,g={largeLabelWidth:new f(120,120,160),labeleMarginLeft:new f(c[0],c[0]),labelMarginRight:new f(c[3],c[3]),labeleMarginBottom:new f(c[2],c[0]),labeledFieldPaddingLeft:new f(c[3],c[0]),labeledFieldPaddingRight:new f(c[3],c[2]),labeledFieldPaddingTop:new f(c[3],c[3]),labeledFieldPaddingBottom:new f(c[3],c[2]),infoLabelPaddingRight:new f(c[0],c[3]),infoLabelMarginTop:new f(c[1],c[0]),portfolioContainerPadding:new f(c[3],c[4]),rowContentSelectPaddingLeft:new f(c[3],c[4]),formFieldPaddingRight:new f(0,c[2])},me={yieldEarned:new R("smallMedium","standardMedium"),calculatorFooterText:new R("extraSmallRegular","smallRegular"),integerStyles:new R("h5Regular","h2Regular"),decimalStyles:new R("extraLargeMedium","h5Medium")};function Qo({transferDetails:e,fundDetails:a,portfolioAllocation:u,isFirstTransfer:n,maxInsuredAmount:d,plaidConnectionDetails:s,onSaveChangesToLocalStore:m,onReviewClick:x,onEstablishConnectionClick:v,onFetchLinkTokenClick:h}){const i=ge(),$=g.largeLabelWidth.value(i),[T,A]=w.useState(!1),[p,C]=w.useState(!1),[B,U]=w.useState(e.treasuryTransferMoneyLocalData.amount?.amount??0),O=a.reduce((l,y)=>{const j=y.yield;return Math.max(l,j)},0),[Z,H]=w.useState(he(B,O)),b=s.link_account_no_microdeposit,[D,xe]=w.useState(b.linkToken??null),[J,ze]=w.useState(!1),[De,Le]=w.useState(!1),ye=e.transferMoneyPartiesFetchState,Fe=pe(ye),$e=e.treasuryTransferMoneyLocalData.fromAccount?.id,be=e.treasuryTransferMoneyLocalData.toAccount?.id,Me=pe($e),Re=pe(be),lt=w.useCallback(l=>{v?.(l),Le(!1),ze(!1)},[v]),ct=w.useCallback((l,y)=>{l!=null&&console.log("Plaid Connection Error",l,y)},[]),{open:ee,ready:G}=kt({token:D,onSuccess:lt,onExit:ct}),q=w.useCallback(l=>{l.preventDefault(),l.stopPropagation(),G?ee():ze(!0)},[ee,G]),I=Tt({mode:"all",reValidateMode:"onChange",defaultValues:w.useMemo(()=>We(e,n,q),[e,n])}),{isValid:dt}=I.formState;w.useEffect(()=>{b.fetchStatus.fetchState==="Completed"&&b.linkToken!=null&&b.linkToken!==D&&xe(b.linkToken)},[b.fetchStatus.fetchState,b.linkToken,D]),w.useEffect(()=>{b.linkToken===D&&b.fetchStatus.fetchState==="Completed"&&G&&Le(!0)},[G,D,b.fetchStatus,b.linkToken,b.fetchStatus.fetchState]),w.useEffect(()=>{De&&J&&ee()},[De,ee,J]),w.useEffect(()=>{(z.zeniDate(new Date().toISOString()).isAfter(b.expiration)||b.linkToken==null)&&h?.("link_account_no_microdeposit")},[]),w.useEffect(()=>{(Fe==="In-Progress"&&ye==="Completed"||Me!==$e||Re!==be)&&I.reset(We(e,n,q))},[G,D,b.fetchStatus.fetchState,Fe,ye,Me,Re,be,$e,I,e,n,q]);const ut=()=>e.transferMoneyParties.find(l=>l.id!==e.treasuryAccount.id&&l.accType==="depositAccount"),pt=()=>{const l=e.primaryPaymentAccount?.paymentAccountId;return e.transferMoneyParties.find(y=>y.id===l)},ht=async(l,y)=>{if(l!=null){const j={...y},te=j[_].transferFrom.selectedOption,oe=j[_].transferTo.selectedOption;let re=e.transferMoneyParties.find(Se=>Se.id===te),ne=e.transferMoneyParties.find(Se=>Se.id===oe);te===e.treasuryAccount.id&&(re=e.treasuryAccount),oe===e.treasuryAccount.id&&(ne=e.treasuryAccount);const Oe={amount:j[_].amount??0,currencyCode:"USD",currencySymbol:"$"};l.includes("transferFrom")?te===e.treasuryAccount.id?oe===e.treasuryAccount.id&&(ne=ut()):ne=e.treasuryAccount:l.includes("transferTo")&&(oe===e.treasuryAccount.id?te===e.treasuryAccount.id&&(re=pt()):re=e.treasuryAccount);const wt={amount:Oe,fromAccount:re,toAccount:ne};U(Oe.amount),m(wt)}};w.useEffect(()=>{const l=I.watch((y,{name:j})=>{j!=null&&y!=null&&Pt(()=>ht(j,y))});return()=>{l.unsubscribe()}}),w.useEffect(()=>{H(he(B,O))},[B,O]);const mt=I.handleSubmit(()=>{dt&&x()}),{fromAccount:ft,toAccount:Be,amount:L}=e.treasuryTransferMoneyLocalData,gt=l=>{if(!l||!L.amount)return"";const y=e.transferMoneyParties.find(j=>j.id===l);if(l===e.treasuryAccount.id){const j=e.treasuryAccount.balance;if(j&&z.checkIfLowBalance(L,j))return Ve.addMoney}else if(y?.accountBalance?.available&&z.checkIfLowBalance(L,y.accountBalance.available))return Ve.addMoney;return""};return o.jsxs(o.Fragment,{children:[T?o.jsx(Uo,{children:o.jsxs(Ho,{children:[o.jsxs(Jo,{children:[o.jsx(tr,{}),o.jsxs(or,{children:[o.jsx(rr,{children:e.error?.title}),o.jsx(nr,{children:e.error?.message})]})]}),o.jsx(er,{children:o.jsx(lr,{"data-testid":P("amount-details-error-close"),onClick:()=>{A(!1)},style:{width:t.sp3,height:t.sp3,color:S.heroLight}})})]})}):null,o.jsx(ir,{windowSize:i,children:o.jsx(Je,{amount:L,integerStyles:me.integerStyles.styleObject(i),decimalStyles:me.decimalStyles.styleObject(i),alwaysShowDecimal:!0})}),o.jsx(Ct,{...I,children:o.jsxs(Zo,{id:st(at),onSubmit:mt,children:[o.jsxs(ar,{children:[o.jsx(Pe,{size:i,children:o.jsx(Ye,{label:{label:je.labels.transferFrom,width:$,style:{marginLeft:g.labeleMarginLeft.valuePx(i),marginBottom:g.labeleMarginBottom.valuePx(i),marginRight:g.labelMarginRight.valuePx(i)}},style:{paddingTop:g.labeledFieldPaddingTop.valuePx(i),paddingBottom:g.labeledFieldPaddingBottom.valuePx(i),paddingLeft:g.labeledFieldPaddingLeft.valuePx(i),paddingRight:g.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:g.infoLabelPaddingRight.valuePx(i),marginTop:g.infoLabelMarginTop.valuePx(i),color:S.brandColorGoldDark},singleSelectPickerField:{name:Ae(_,Ko),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(l,y)=>N(e.transferMoneyParties,l,y,l===e.treasuryAccount.id,!1),valueToSubLabels:(l,y)=>V(e.transferMoneyParties,e.treasuryAccount,l,y,!0,!1,L),defaultValue:{selectedOption:ft?.id,allOptions:fe(e,!0,n,!0,q,!0)},textAlignment:"right",registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption}},valueToAdditionalLabel:gt})}),!n&&o.jsxs(o.Fragment,{children:[o.jsx(ke,{}),o.jsx(Pe,{size:i,children:o.jsx(Ye,{label:{label:je.labels.transferTo,width:$,style:{marginLeft:g.labeleMarginLeft.valuePx(i),marginBottom:g.labeleMarginBottom.valuePx(i),marginRight:g.labelMarginRight.valuePx(i)}},style:{paddingTop:g.labeledFieldPaddingTop.valuePx(i),paddingBottom:g.labeledFieldPaddingBottom.valuePx(i),paddingLeft:g.labeledFieldPaddingLeft.valuePx(i),paddingRight:g.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:g.infoLabelPaddingRight.valuePx(i),marginTop:g.infoLabelMarginTop.valuePx(i),color:S.brandColorGoldDark},singleSelectPickerField:{name:Ae(_,qo),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(l,y)=>N(e.transferMoneyParties,l,y,l===e.treasuryAccount.id,!1),valueToSubLabels:(l,y)=>V(e.transferMoneyParties,e.treasuryAccount,l,y,!1,!1),defaultValue:{selectedOption:Be?.id,allOptions:fe(e,!1,n,!0,q,!1)},textAlignment:"right",registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption}}})})]}),o.jsx(ke,{}),o.jsx(zt,{showAdditionalInfoLabel:!1,label:{label:je.labels.amount,width:$},style:{padding:t.sp2,paddingLeft:t.sp0,paddingRight:g.formFieldPaddingRight.valuePx(i),width:"auto"},formattedTextField:{type:"number",name:Ae(_,it),defaultValue:L.amount===0?void 0:L.amount,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>!!l&&l>0},placeholder:M.transferDrawer.amountPlaceholder,autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1}}),n&&o.jsxs(o.Fragment,{children:[o.jsx(ke,{}),o.jsx(sr,{size:i,children:o.jsx(nt,{isInReview:!0,fundDetails:a,allocation:u,isSetup:!1,amount:L,page:"fund transfer"})})]})]}),!n&&Be?.accType==="treasuryAccount"&&o.jsxs(cr,{children:[p?o.jsxs(dr,{children:[o.jsx(ur,{windowSize:i,children:M.transferDrawer.calculator.heading.replace("__amount__",W("0,0.[00]a",{amount:d,currencySymbol:"$"})).replace("__rate__",O.toString())}),o.jsx(Kt,{interestRate:O,transferAmount:B,setYieldEarned:H,setTransferAmount:U})]}):null,o.jsxs(hr,{windowSize:i,children:[o.jsxs(gr,{windowSize:i,children:[o.jsx(mr,{children:o.jsx(pr,{windowSize:i,children:`${M.transferDrawer.calculator.footerText.annualYieldEarned} ${W("0,0",{amount:Z,currencySymbol:"$"})}`})}),o.jsx(fr,{windowSize:i}),o.jsx(wr,{children:`${M.transferDrawer.calculator.footerText.forTotalDeposit} ${W("0,0",{amount:B,currencySymbol:"$"})}`})]}),p?o.jsxs(Ge,{windowSize:i,onClick:()=>C(!1),"data-testid":P("calculator-footer-close"),children:[o.jsx(Xe,{className:"calculatorFooterLeftText",windowSize:i,children:M.transferDrawer.calculator.footerText.hide}),o.jsx(xr,{className:"calculatorFooterArrowIcon"})]}):o.jsxs(Ge,{windowSize:i,onClick:()=>C(!0),"data-testid":P("calculator-footer-show"),children:[o.jsx(Xe,{className:"calculatorFooterLeftText",windowSize:i,children:M.transferDrawer.calculator.footerText.showYieldCalculator}),o.jsx(yr,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]})}const fe=(e,a,u,n=!0,d,s=!1,m,x)=>{const v=e.treasuryTransferMoneyLocalData.fromAccount?.id,h=e.treasuryTransferMoneyLocalData.toAccount?.id,i=e.transferMoneyParties.find(p=>p.id===v)||e.treasuryAccount,$=e.transferMoneyParties.find(p=>p.id===h)||e.treasuryAccount;let T=e.transferMoneyParties;a||(T=T.filter(p=>p.accType!=="paymentAccount"));const A=T.map(p=>{const C={label:p.label,value:p.id};return n&&(a?C.isDisabled=p.id===h||p.accType==="paymentAccount"&&$?.accType==="paymentAccount":C.isDisabled=p.id===v||p.accType==="paymentAccount"&&i?.accType==="paymentAccount"),C});if(!u){const p={label:"Treasury",value:e.treasuryAccount.id,isDisabled:!1};n&&(a?p.isDisabled=!1:p.isDisabled=e.treasuryAccount.id===v),a?A.push(p):A.unshift(p)}if(s&&d){const p={label:Go.transferDrawer.selectAddAccount,value:"",type:"button",onClick:d};A.push(p)}return A},We=(e,a,u)=>{const{fromAccount:n,toAccount:d,amount:s}=e.treasuryTransferMoneyLocalData;return{transferDetails:{[it]:s.amount===0?void 0:s.amount,transferFrom:{allOptions:fe(e,!0,a,!0,u,!0),selectedOption:n!=null?n.id:e.primaryPaymentAccount?.paymentAccountId},transferTo:{allOptions:fe(e,!1,a,!0,u,!1),selectedOption:d?.id}}}},Uo=r.div`
+`,{common:je,spendManagement:{treasury:M,zeniAccounts:{zeniAccountList:Xo},billPay:{insufficientFunds:Ve}}}=we.getLocalizedStrings(),it="amount",qo="transferTo",Go="transferFrom",_="transferDetails",at="transferDetailPage",Ae=(e,a)=>`${e}.${a}`,st=e=>`${e}_form`,g={largeLabelWidth:new m(120,120,160),labeleMarginLeft:new m(c[0],c[0]),labelMarginRight:new m(c[3],c[3]),labeleMarginBottom:new m(c[2],c[0]),labeledFieldPaddingLeft:new m(c[3],c[0]),labeledFieldPaddingRight:new m(c[3],c[2]),labeledFieldPaddingTop:new m(c[3],c[3]),labeledFieldPaddingBottom:new m(c[3],c[2]),infoLabelPaddingRight:new m(c[0],c[3]),infoLabelMarginTop:new m(c[1],c[0]),portfolioContainerPadding:new m(c[3],c[4]),rowContentSelectPaddingLeft:new m(c[3],c[4]),formFieldPaddingRight:new m(0,c[2])},me={yieldEarned:new R("smallMedium","standardMedium"),calculatorFooterText:new R("extraSmallRegular","smallRegular"),integerStyles:new R("h5Regular","h2Regular"),decimalStyles:new R("extraLargeMedium","h5Medium")};function Qo({transferDetails:e,fundDetails:a,portfolioAllocation:u,isFirstTransfer:n,maxInsuredAmount:s,plaidConnectionDetails:d,onSaveChangesToLocalStore:x,onReviewClick:y,onEstablishConnectionClick:h,onFetchLinkTokenClick:f}){const i=ge(),v=g.largeLabelWidth.value(i),[T,A]=w.useState(!1),[p,C]=w.useState(!1),[B,J]=w.useState(e.treasuryTransferMoneyLocalData.amount?.amount??0),O=a.reduce((l,$)=>{const j=$.yield;return Math.max(l,j)},0),[Z,U]=w.useState(he(B,O)),b=d.link_account_no_microdeposit,[D,xe]=w.useState(b.linkToken??null),[H,ze]=w.useState(!1),[De,Le]=w.useState(!1),ye=e.transferMoneyPartiesFetchState,Fe=pe(ye),$e=e.treasuryTransferMoneyLocalData.fromAccount?.id,be=e.treasuryTransferMoneyLocalData.toAccount?.id,Me=pe($e),Re=pe(be),lt=w.useCallback(l=>{h?.(l),Le(!1),ze(!1)},[h]),ct=w.useCallback((l,$)=>{l!=null&&console.log("Plaid Connection Error",l,$)},[]),{open:ee,ready:q}=kt({token:D,onSuccess:lt,onExit:ct}),G=w.useCallback(l=>{l.preventDefault(),l.stopPropagation(),q?ee():ze(!0)},[ee,q]),I=Tt({mode:"all",reValidateMode:"onChange",defaultValues:w.useMemo(()=>We(e,n,G),[e,n])}),{isValid:dt}=I.formState;w.useEffect(()=>{b.fetchStatus.fetchState==="Completed"&&b.linkToken!=null&&b.linkToken!==D&&xe(b.linkToken)},[b.fetchStatus.fetchState,b.linkToken,D]),w.useEffect(()=>{b.linkToken===D&&b.fetchStatus.fetchState==="Completed"&&q&&Le(!0)},[q,D,b.fetchStatus,b.linkToken,b.fetchStatus.fetchState]),w.useEffect(()=>{De&&H&&ee()},[De,ee,H]),w.useEffect(()=>{(z.zeniDate(new Date().toISOString()).isAfter(b.expiration)||b.linkToken==null)&&f?.("link_account_no_microdeposit")},[]),w.useEffect(()=>{(Fe==="In-Progress"&&ye==="Completed"||Me!==$e||Re!==be)&&I.reset(We(e,n,G))},[q,D,b.fetchStatus.fetchState,Fe,ye,Me,Re,be,$e,I,e,n,G]);const ut=()=>e.transferMoneyParties.find(l=>l.id!==e.treasuryAccount.id&&l.accType==="depositAccount"),pt=()=>{const l=e.primaryPaymentAccount?.paymentAccountId;return e.transferMoneyParties.find($=>$.id===l)},ht=async(l,$)=>{if(l!=null){const j={...$},te=j[_].transferFrom.selectedOption,oe=j[_].transferTo.selectedOption;let re=e.transferMoneyParties.find(Se=>Se.id===te),ne=e.transferMoneyParties.find(Se=>Se.id===oe);te===e.treasuryAccount.id&&(re=e.treasuryAccount),oe===e.treasuryAccount.id&&(ne=e.treasuryAccount);const Oe={amount:j[_].amount??0,currencyCode:"USD",currencySymbol:"$"};l.includes("transferFrom")?te===e.treasuryAccount.id?oe===e.treasuryAccount.id&&(ne=ut()):ne=e.treasuryAccount:l.includes("transferTo")&&(oe===e.treasuryAccount.id?te===e.treasuryAccount.id&&(re=pt()):re=e.treasuryAccount);const wt={amount:Oe,fromAccount:re,toAccount:ne};J(Oe.amount),x(wt)}};w.useEffect(()=>{const l=I.watch(($,{name:j})=>{j!=null&&$!=null&&Pt(()=>ht(j,$))});return()=>{l.unsubscribe()}}),w.useEffect(()=>{U(he(B,O))},[B,O]);const mt=I.handleSubmit(()=>{dt&&y()}),{fromAccount:ft,toAccount:Be,amount:L}=e.treasuryTransferMoneyLocalData,gt=l=>{if(!l||!L.amount)return"";const $=e.transferMoneyParties.find(j=>j.id===l);if(l===e.treasuryAccount.id){const j=e.treasuryAccount.balance;if(j&&z.checkIfLowBalance(L,j))return Ve.addMoney}else if($?.accountBalance?.available&&z.checkIfLowBalance(L,$.accountBalance.available))return Ve.addMoney;return""};return o.jsxs(o.Fragment,{children:[T?o.jsx(Ko,{children:o.jsxs(Zo,{children:[o.jsxs(Uo,{children:[o.jsx(er,{}),o.jsxs(tr,{children:[o.jsx(or,{children:e.error?.title}),o.jsx(rr,{children:e.error?.message})]})]}),o.jsx(Ho,{children:o.jsx(sr,{"data-testid":P("amount-details-error-close"),onClick:()=>{A(!1)},style:{width:t.sp3,height:t.sp3,color:S.heroLight}})})]})}):null,o.jsx(nr,{windowSize:i,children:o.jsx(He,{amount:L,integerStyles:me.integerStyles.styleObject(i),decimalStyles:me.decimalStyles.styleObject(i),alwaysShowDecimal:!0})}),o.jsx(Ct,{...I,children:o.jsxs(Jo,{id:st(at),onSubmit:mt,children:[o.jsxs(ir,{children:[o.jsx(Pe,{size:i,children:o.jsx(Ye,{label:{label:je.labels.transferFrom,width:v,style:{marginLeft:g.labeleMarginLeft.valuePx(i),marginBottom:g.labeleMarginBottom.valuePx(i),marginRight:g.labelMarginRight.valuePx(i)}},style:{paddingTop:g.labeledFieldPaddingTop.valuePx(i),paddingBottom:g.labeledFieldPaddingBottom.valuePx(i),paddingLeft:g.labeledFieldPaddingLeft.valuePx(i),paddingRight:g.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:g.infoLabelPaddingRight.valuePx(i),marginTop:g.infoLabelMarginTop.valuePx(i),color:S.brandColorGoldDark},singleSelectPickerField:{name:Ae(_,Go),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(l,$)=>N(e.transferMoneyParties,l,$,l===e.treasuryAccount.id,!1),valueToSubLabels:(l,$)=>V(e.transferMoneyParties,e.treasuryAccount,l,$,!0,!1,L),defaultValue:{selectedOption:ft?.id,allOptions:fe(e,!0,n,!0,G,!0)},textAlignment:"right",registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption}},valueToAdditionalLabel:gt})}),!n&&o.jsxs(o.Fragment,{children:[o.jsx(ke,{}),o.jsx(Pe,{size:i,children:o.jsx(Ye,{label:{label:je.labels.transferTo,width:v,style:{marginLeft:g.labeleMarginLeft.valuePx(i),marginBottom:g.labeleMarginBottom.valuePx(i),marginRight:g.labelMarginRight.valuePx(i)}},style:{paddingTop:g.labeledFieldPaddingTop.valuePx(i),paddingBottom:g.labeledFieldPaddingBottom.valuePx(i),paddingLeft:g.labeledFieldPaddingLeft.valuePx(i),paddingRight:g.labeledFieldPaddingRight.valuePx(i),border:"none",width:"100%",outline:"none",padding:0,display:i==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:i==="small"?"left":"right",paddingRight:g.infoLabelPaddingRight.valuePx(i),marginTop:g.infoLabelMarginTop.valuePx(i),color:S.brandColorGoldDark},singleSelectPickerField:{name:Ae(_,qo),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(l,$)=>N(e.transferMoneyParties,l,$,l===e.treasuryAccount.id,!1),valueToSubLabels:(l,$)=>V(e.transferMoneyParties,e.treasuryAccount,l,$,!1,!1),defaultValue:{selectedOption:Be?.id,allOptions:fe(e,!1,n,!0,G,!1)},textAlignment:"right",registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption}}})})]}),o.jsx(ke,{}),o.jsx(zt,{showAdditionalInfoLabel:!1,label:{label:je.labels.amount,width:v},style:{padding:t.sp2,paddingLeft:t.sp0,paddingRight:g.formFieldPaddingRight.valuePx(i),width:"auto"},formattedTextField:{type:"number",name:Ae(_,it),defaultValue:L.amount===0?void 0:L.amount,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>!!l&&l>0},placeholder:M.transferDrawer.amountPlaceholder,autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1}}),n&&o.jsxs(o.Fragment,{children:[o.jsx(ke,{}),o.jsx(ar,{size:i,children:o.jsx(nt,{isInReview:!0,fundDetails:a,allocation:u,isSetup:!1,amount:L,page:"fund transfer"})})]})]}),!n&&Be?.accType==="treasuryAccount"&&o.jsxs(lr,{children:[p?o.jsxs(cr,{children:[o.jsx(dr,{windowSize:i,children:M.transferDrawer.calculator.heading.replace("__amount__",W("0,0.[00]a",{amount:s,currencySymbol:"$"})).replace("__rate__",O.toString())}),o.jsx(Gt,{interestRate:O,transferAmount:B,setYieldEarned:U,setTransferAmount:J})]}):null,o.jsxs(pr,{windowSize:i,children:[o.jsxs(fr,{windowSize:i,children:[o.jsx(hr,{children:o.jsx(ur,{windowSize:i,children:`${M.transferDrawer.calculator.footerText.annualYieldEarned} ${W("0,0",{amount:Z,currencySymbol:"$"})}`})}),o.jsx(mr,{windowSize:i}),o.jsx(gr,{children:`${M.transferDrawer.calculator.footerText.forTotalDeposit} ${W("0,0",{amount:B,currencySymbol:"$"})}`})]}),p?o.jsxs(qe,{windowSize:i,onClick:()=>C(!1),"data-testid":P("calculator-footer-close"),children:[o.jsx(Xe,{className:"calculatorFooterLeftText",windowSize:i,children:M.transferDrawer.calculator.footerText.hide}),o.jsx(wr,{className:"calculatorFooterArrowIcon"})]}):o.jsxs(qe,{windowSize:i,onClick:()=>C(!0),"data-testid":P("calculator-footer-show"),children:[o.jsx(Xe,{className:"calculatorFooterLeftText",windowSize:i,children:M.transferDrawer.calculator.footerText.showYieldCalculator}),o.jsx(xr,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]})}const fe=(e,a,u,n=!0,s,d=!1,x,y)=>{const h=e.treasuryTransferMoneyLocalData.fromAccount?.id,f=e.treasuryTransferMoneyLocalData.toAccount?.id,i=e.transferMoneyParties.find(p=>p.id===h)||e.treasuryAccount,v=e.transferMoneyParties.find(p=>p.id===f)||e.treasuryAccount;let T=e.transferMoneyParties;a||(T=T.filter(p=>p.accType!=="paymentAccount"));const A=T.map(p=>{const C={label:p.label,value:p.id};return n&&(a?C.isDisabled=p.id===f||p.accType==="paymentAccount"&&v?.accType==="paymentAccount":C.isDisabled=p.id===h||p.accType==="paymentAccount"&&i?.accType==="paymentAccount"),C});if(!u){const p={label:"Treasury",value:e.treasuryAccount.id,isDisabled:!1};n&&(a?p.isDisabled=!1:p.isDisabled=e.treasuryAccount.id===h),a?A.push(p):A.unshift(p)}if(d&&s){const p={label:Xo.transferDrawer.selectAddAccount,value:"",type:"button",onClick:s};A.push(p)}return A},We=(e,a,u)=>{const{fromAccount:n,toAccount:s,amount:d}=e.treasuryTransferMoneyLocalData;return{transferDetails:{[it]:d.amount===0?void 0:d.amount,transferFrom:{allOptions:fe(e,!0,a,!0,u,!0),selectedOption:n!=null?n.id:e.primaryPaymentAccount?.paymentAccountId},transferTo:{allOptions:fe(e,!1,a,!0,u,!1),selectedOption:s?.id}}}},Ko=r.div`
   margin-top: ${t.sp3};
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
@@ -266,34 +266,34 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
   border-radius: ${t.sp2};
   box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,Zo=r.form`
+`,Jo=r.form`
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,Ho=r.div`
+`,Zo=r.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   padding: ${t.sp3} ${t.sp4};
   background-color: ${S.importantLight};
   border-radius: ${t.sp2};
-`,Jo=r.div`
+`,Uo=r.div`
   display: flex;
   align-items: flex-start;
-`,er=r.div``,tr=r(ot)`
+`,Ho=r.div``,er=r(ot)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${S.important};
-`,or=r.div`
+`,tr=r.div`
   display: flex;
   flex-direction: column;
   margin-left: ${t.sp2};
-`,rr=r(rt)`
+`,or=r(rt)`
   color: ${S.important};
-`,nr=r(X)`
+`,rr=r(X)`
   color: ${S.important};
-`,ir=r(tt)`
+`,nr=r(tt)`
   color: ${e=>e.theme.colors.primary};
   margin: ${t.sp5} ${t.sp0} ${t.sp3} ${t.sp0};
   ${e=>e.windowSize==="small"&&`
@@ -303,7 +303,7 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
 `,Ye=r(Dt)`
   border-radius: ${t.sp2};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,ar=r.div`
+`,ir=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -347,10 +347,10 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
       margin-right: ${t.sp1} !important;
     }
   `}
-`,sr=r(Pe)`
+`,ar=r(Pe)`
   padding: ${({size:e})=>g.portfolioContainerPadding.valuePx(e)};
   padding-top: ${t.sp2};
-`,lr=r(Ce)`
+`,sr=r(Ce)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -359,10 +359,10 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,cr=r.div`
+`,lr=r.div`
   margin-bottom: ${t.sp6};
   width: 90%;
-`,dr=r.div`
+`,cr=r.div`
   background-color: ${e=>e.theme.colors.background};
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-top: none;
@@ -371,16 +371,16 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   justify-content: center;
   align-items: center;
   flex-direction: column;
-`,ur=r(X)`
+`,dr=r(X)`
   color: ${e=>e.theme.colors.hero};
   margin: ${e=>e.windowSize==="small"?t.sp3:`${t.sp3} ${t.sp8}`};
   white-space: pre-line;
   text-align: center;
-`,pr=r.div`
+`,ur=r.div`
   ${e=>me.yieldEarned.style(e.windowSize)}
   color: ${S.success};
   white-space: nowrap;
-`,hr=r.div`
+`,pr=r.div`
   display: flex;
   align-items: center;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
@@ -389,7 +389,7 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   background-color: ${e=>e.theme.colors.grey3};
   border-bottom-right-radius: ${t.sp1};
   border-bottom-left-radius: ${t.sp1};
-`,mr=r.div`
+`,hr=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -397,7 +397,7 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   ${e=>me.calculatorFooterText.style(e.windowSize)}
   color: ${e=>e.theme.colors.hero};
   cursor: pointer;
-`,Ge=r.div`
+`,qe=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -411,7 +411,7 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,fr=r.div`
+`,mr=r.div`
   display: ${e=>e.windowSize==="small"?"none":"block"};
   width: ${t.sp1};
   height: ${t.sp1};
@@ -419,72 +419,72 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   margin: 0 ${t.sp2};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,gr=r.div`
+`,fr=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"};
-`,wr=r(Bt)`
+`,gr=r(Rt)`
   color: ${e=>e.theme.colors.hero};
-`,xr=r(Ot)`
+`,wr=r(Bt)`
   cursor: pointer;
   width: 12px;
   height: 12px;
   min-width: 12px;
   min-height: 12px;
   color: ${e=>e.theme.colors.hero};
-`,yr=r(It)`
+`,xr=r(Ot)`
   cursor: pointer;
   width: 12px;
   height: 12px;
   min-width: 12px;
   min-height: 12px;
   color: ${e=>e.theme.colors.hero};
-`,Q={navBarContainerPaddingXaxis:new f(10,19),containerPaddingLeft:new f(c[3],c[6],c[8]),containerPaddingRight:new f(c[3],c[6],c[8]),successContentMargin:new f(c[3],c[12]),buttonTrayGap:new f(c[4],c[5])},$r={formTitle:new R("h6Regular","h5Regular")},{common:qe,spendManagement:{treasury:k}}=we.getLocalizedStrings(),Nr=({transferDetails:e,treasurySetupView:a,showReviewContent:u,maxInsuredAmount:n,isFirstTransfer:d,plaidConnectionDetails:s,onSaveChangesToLocalStore:m,onTransferClick:x,onAnotherTransferClick:v,onCancelClick:h,setShowReviewContent:i,onReviewClick:$,onEstablishConnectionClick:T,onFetchLinkTokenClick:A})=>{const p=ge(),{fundsData:C,currentAllocation:B,fundAllocationOptions:U,fetchState:O}=a,Z=U.find(J=>xt(J.allocation,B))??{allocation:{},riskLevel:"Conservative",riskScore:0,optionIndex:0},H=()=>O==="Completed"&&(e.treasuryTransferMoneyLocalData.fromAccount!=null||e.treasuryTransferMoneyLocalData.toAccount!=null||e.treasuryTransferMoneyLocalData.amount.amount>0),{fromAccount:b,toAccount:D,amount:xe}=e.treasuryTransferMoneyLocalData;return o.jsx(vr,{windowSize:p,children:e.fetchState==="Completed"?o.jsxs(Ke,{windowSize:p,isTransferCompleted:!0,children:[o.jsx(Qe,{windowSize:p,children:o.jsx(Ue,{"data-testid":P("cross-transfer-success-close-button"),onClick:()=>{h()}})}),o.jsxs(Tr,{windowSize:p,children:[o.jsx(yt,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),o.jsx(jr,{children:o.jsxs(o.Fragment,{children:[k.transferDrawer.success.prefix,o.jsx(Ar,{children:W("0,0.[00]",xe)}),k.transferDrawer.success.midfix,`"${b?.label}"`,k.transferDrawer.success.midfix2,`"${D?.label}".`]})}),o.jsxs(kr,{windowSize:p,children:[o.jsx(Ie,{variant:"secondary",label:k.transferDrawer.anotherTransfer,"data-testid":P("another-transfer-button","treasury"),onClick:()=>{v()},style:{minWidth:200}}),o.jsx(Ie,{variant:"primary",label:k.transferDrawer.backToTreasury,"data-testid":P("back-to-treasury-button"),onClick:()=>{h()},style:{minWidth:200}})]})]})]}):u?o.jsx(ho,{transferDetails:e,setShowReviewContent:i,onTransferClick:x,fundDetails:C,portfolioAllocation:Z,onCancelClick:h}):o.jsxs(o.Fragment,{children:[o.jsxs(Ke,{windowSize:p,isTransferCompleted:!1,children:[o.jsx(Qe,{windowSize:p,children:o.jsx(Ue,{"data-testid":P("cross-amount-details-close-button"),onClick:()=>{h()}})}),p==="small"?o.jsx(Pr,{windowSize:p,children:d?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}):o.jsx(Cr,{windowSize:p,children:d?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}),p==="small"?o.jsx(Sr,{children:k.transferDrawer.subTitle}):o.jsx(br,{children:k.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?o.jsx(Qo,{onSaveChangesToLocalStore:m,transferDetails:e,onReviewClick:$,fundDetails:C,portfolioAllocation:Z,isFirstTransfer:d,maxInsuredAmount:n,plaidConnectionDetails:s,onEstablishConnectionClick:T,onFetchLinkTokenClick:A}):o.jsx(Ze,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),H()?o.jsx(He,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:st(at),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:qe.review},cancelBtn:{label:qe.cancel,onClick:()=>{h()}}}):null]})})},br=r(X)`
+`,K={navBarContainerPaddingXaxis:new m(10,19),containerPaddingLeft:new m(c[3],c[6],c[8]),containerPaddingRight:new m(c[3],c[6],c[8]),successContentMargin:new m(c[3],c[12]),buttonTrayGap:new m(c[4],c[5])},yr={formTitle:new R("h6Regular","h5Regular")},{common:Ge,spendManagement:{treasury:k}}=we.getLocalizedStrings(),_r=({transferDetails:e,treasurySetupView:a,showReviewContent:u,maxInsuredAmount:n,isFirstTransfer:s,plaidConnectionDetails:d,onSaveChangesToLocalStore:x,onTransferClick:y,onAnotherTransferClick:h,onCancelClick:f,setShowReviewContent:i,onReviewClick:v,onEstablishConnectionClick:T,onFetchLinkTokenClick:A})=>{const p=ge(),{fundsData:C,currentAllocation:B,fundAllocationOptions:J,fetchState:O}=a,Z=J.find(H=>xt(H.allocation,B))??{allocation:{},riskLevel:"Conservative",riskScore:0,optionIndex:0},U=()=>O==="Completed"&&(e.treasuryTransferMoneyLocalData.fromAccount!=null||e.treasuryTransferMoneyLocalData.toAccount!=null||e.treasuryTransferMoneyLocalData.amount.amount>0),{fromAccount:b,toAccount:D,amount:xe}=e.treasuryTransferMoneyLocalData;return o.jsx(Sr,{windowSize:p,children:e.fetchState==="Completed"?o.jsxs(Qe,{windowSize:p,isTransferCompleted:!0,children:[o.jsx(Ke,{windowSize:p,children:o.jsx(Je,{"data-testid":P("cross-transfer-success-close-button"),onClick:()=>{f()}})}),o.jsxs(kr,{windowSize:p,children:[o.jsx(yt,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),o.jsx(vr,{children:o.jsxs(o.Fragment,{children:[k.transferDrawer.success.prefix,o.jsx(jr,{children:W("0,0.[00]",xe)}),k.transferDrawer.success.midfix,`"${b?.label}"`,k.transferDrawer.success.midfix2,`"${D?.label}".`]})}),o.jsxs(Ar,{windowSize:p,children:[o.jsx(Ie,{variant:"secondary",label:k.transferDrawer.anotherTransfer,"data-testid":P("another-transfer-button","treasury"),onClick:()=>{h()},style:{minWidth:200}}),o.jsx(Ie,{variant:"primary",label:k.transferDrawer.backToTreasury,"data-testid":P("back-to-treasury-button"),onClick:()=>{f()},style:{minWidth:200}})]})]})]}):u?o.jsx(po,{transferDetails:e,setShowReviewContent:i,onTransferClick:y,fundDetails:C,portfolioAllocation:Z,onCancelClick:f}):o.jsxs(o.Fragment,{children:[o.jsxs(Qe,{windowSize:p,isTransferCompleted:!1,children:[o.jsx(Ke,{windowSize:p,children:o.jsx(Je,{"data-testid":P("cross-amount-details-close-button"),onClick:()=>{f()}})}),p==="small"?o.jsx(Tr,{windowSize:p,children:s?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}):o.jsx(Pr,{windowSize:p,children:s?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}),p==="small"?o.jsx(br,{children:k.transferDrawer.subTitle}):o.jsx($r,{children:k.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?o.jsx(Qo,{onSaveChangesToLocalStore:x,transferDetails:e,onReviewClick:v,fundDetails:C,portfolioAllocation:Z,isFirstTransfer:s,maxInsuredAmount:n,plaidConnectionDetails:d,onEstablishConnectionClick:T,onFetchLinkTokenClick:A}):o.jsx(Ze,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),U()?o.jsx(Ue,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:st(at),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:Ge.review},cancelBtn:{label:Ge.cancel,onClick:()=>{f()}}}):null]})})},$r=r(X)`
   color: ${e=>e.theme.colors.hero};
-`,Sr=r(Y)`
+`,br=r(Y)`
   color: ${e=>e.theme.colors.hero};
-`,vr=r.div`
+`,Sr=r.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
   overflow-x: hidden;
   height: 100vh;
   width: 100%;
-`,jr=r($t)`
+`,vr=r($t)`
   color: ${e=>e.theme.colors.primary};
   text-align: center;
-`,Ar=r(bt)`
+`,jr=r(bt)`
   display: inline;
-`,Ke=r.div`
+`,Qe=r.div`
   height: ${e=>e.isTransferCompleted?"100%":"auto"};
-  padding-left: ${e=>`${Q.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${Q.containerPaddingRight.valuePx(e.windowSize)}`};
+  padding-left: ${e=>`${K.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${K.containerPaddingRight.valuePx(e.windowSize)}`};
   margin-bottom: auto;
-`,kr=r.div`
+`,Ar=r.div`
   display: flex;
   justify-content: center;
   flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
   margin-top: ${t.sp6};
-  gap: ${e=>`${Q.buttonTrayGap.valuePx(e.windowSize)}`};
-`,Tr=r.div`
+  gap: ${e=>`${K.buttonTrayGap.valuePx(e.windowSize)}`};
+`,kr=r.div`
   height: 80%;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin: ${e=>`${t.sp0} ${Q.successContentMargin.valuePx(e.windowSize)}`};
+  margin: ${e=>`${t.sp0} ${K.successContentMargin.valuePx(e.windowSize)}`};
   align-items: center;
-`,Qe=r.div`
+`,Ke=r.div`
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   top: ${t.sp0};
-  padding: ${e=>`${Q.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  padding: ${e=>`${K.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Ue=r(Ce)`
+`,Je=r(Ce)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -493,14 +493,14 @@ import{X as ge,H as xt,j as o,Y as P,gN as yt,M as we,_ as W,K as Ie,d as Ze,a3
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Pr=r(At)`
+`,Tr=r(At)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${t.sp3};
   margin-bottom: ${t.sp0};
   margin-right: ${t.sp3};
-`,Cr=r(et)`
-  ${e=>`${$r.formTitle.style(e.windowSize)}`};
+`,Pr=r(et)`
+  ${e=>`${yr.formTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   margin-top: ${t.sp3};
   margin-bottom: ${t.sp2};
-`;export{Nr as default};
+`;export{_r as default};

package/dist/assets/{TrendChart-CnawkdG8-C1f54OIB.js → TrendChart-B3VgdtYY-DKvOx-kx.js}

@@ -1,6 +1,6 @@
-import{M as j,j as s,l as u,u as Z,Y,ai as z,b5 as B,b6 as F,au as P,v as w,at as R,aa as q,b7 as O,av as K,b9 as _,o as L,g as G,q as N}from"./index-C5RQ_I4f.js";import{b as v,f as V,n as $}from"./vendor-CnQcJ2Lu.js";import{d as W,g as M,p as k,u as Q}from"./chartTypes-om8APqYr-BLTaCwIq.js";import{o as X}from"./toCOABalancesWithID-D8CsJNcd-D3oEVThj.js";import{V as H}from"./toChartData-DUoI4wMR-BpwvMCd8.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const I=$.div`
+import{M as j,j as l,l as u,u as B,Y,ao as Z,b7 as z,b8 as F,aB as P,q as w,aA as R,aJ as q,b9 as O,aC as K,bb as _,o as L,g as G,s as N}from"./index-C0q2xQ43.js";import{b as v,f as V,n as $}from"./vendor-CnQcJ2Lu.js";import{d as W,g as M,p as k,u as J}from"./chartTypes-ChsIdl40-BE86tbr4.js";import{o as Q}from"./toCOABalancesWithID-Dy9J_UtA-GKQFY-wL.js";import{V as X}from"./toChartData-BdomEAJ--DBqHs0fD.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const H=$.div`
   display: flex;
-`,J=$.div`
+`,I=$.div`
   flex: display;
   opacity: 0.85;
   border-radius: ${L.sp1};
@@ -13,4 +13,4 @@ import{M as j,j as s,l as u,u as Z,Y,ai as z,b5 as B,b6 as F,au as P,v as w,at a
   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 c=i.payload,g=i.color,d=l!=null&&c.record[l]!=null?c.record[l].amount:void 0;r.push({barName:a,value:d,color:g})}}),r},te=e=>{const t=ee(e);return t.length?s.jsx(I,{children:s.jsx(J,{children:t.map((a,r)=>s.jsx(U,{color:a.color,children:`${a.barName}: ${Q(a.value)}`},a.barName+r))})}):null},ae=V.memo(te),re=(e,t,a,r)=>{let i=[];if(r!=null){const l=oe(r,a);l!=null&&l.length>0&&(i=X("trend","actual",l))}if(i.length>0){const l=k("trend","actual"),c={};return c[l]=i,H(e,t,l,c)}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!")}},T=[k("trend","actual")];function xe({firstMonthOfFY:e,trendReport:t,timeframe:a,selectedTimePeriod:r,graphColor:i,width:l,height:c,onTimeframeSelectionChanged:g}){const d=v.useRef(!1),b=r!=null?se(e,r,a):void 0,y=j.getLocalizedStrings().reports.trend[t?.balancesKind];v.useEffect(()=>{d.current=!0},[]);const x=re(e,T,a,t),D=p=>{const h=[];return T.forEach(o=>{h.push(s.jsx(_,{name:o,isAnimationActive:d.current,dataKey:m=>{const n=m.record;return(n[o]!=null&&n[o].amount!=null?n[o].amount:void 0)?.amount??0},maxBarSize:36,fill:p.toString(),"data-testid":Y(o,"bar")},o))}),h};return x==null?null:s.jsx(le,{chartData:x,timeframe:a,selectedLabel:b,barElements:D(i),customToolTipContent:({active:p,payload:h})=>s.jsx(ae,{active:p,payload:h,trendType:y}),width:l,height:c,onTimeframeSelectionChanged:g})}const le=({chartData:e,timeframe:t,selectedLabel:a,barElements:r,customToolTipContent:i,width:l,height:c,onTimeframeSelectionChanged:g})=>{const d=Z(),[b,y]=v.useState([void 0,void 0]),x=e.timeseries,D=W(e),p=x.map(o=>o.label);v.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 m=o.activePayload[0],n=m.payload.record[k("trend","actual")].amount;if(n!=null&&n.amount===0)return;const E=m.payload.timeLabel.label,S=m.payload.timeLabel.startDate,C=m.payload.timeLabel.endDate,A=M(E,p,1);y(A),g?.(t,{startDate:S,endDate:C})};return s.jsx("div",{style:{width:l,height:c},"data-testid":Y("simple-bar-chart"),children:s.jsx(z,{children:({height:o,width:m})=>s.jsxs(B,{"data-testid":Y("bar-chart"),width:m,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:[s.jsx(F,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:d.colors.grey3}),s.jsx(P,{dataKey:n=>n.timeLabel.label,type:"category",axisLine:{stroke:d.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:d.colors.hero,...w.extraSmallRegular.cssObject}}),s.jsx(R,{type:"number",axisLine:!1,tickLine:!1,tick:{color:d.colors.hero,...w.extraSmallRegular.cssObject},tickFormatter:n=>q("0,0.[00]a",n,D)}),s.jsx(O,{cursor:!1,content:i,allowEscapeViewBox:{x:!1,y:!0}}),a!=null&&s.jsx(K,{x1:b[0],x2:b[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),r]})})})},{dateFormat:f}=j.getLocalizedStrings(),se=(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=`${j.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};
+`,ee=({active:e,payload:t,trendType:a})=>{const r=[];return t?.forEach(i=>{const s=i.name;if(i&&e&&i.value!==0){const c=i.payload,g=i.color,d=s!=null&&c.record[s]!=null?c.record[s].amount:void 0;r.push({barName:a,value:d,color:g})}}),r},te=e=>{const t=ee(e);return t.length?l.jsx(H,{children:l.jsx(I,{children:t.map((a,r)=>l.jsx(U,{color:a.color,children:`${a.barName}: ${J(a.value)}`},a.barName+r))})}):null},ae=V.memo(te),re=(e,t,a,r)=>{let i=[];if(r!=null){const s=oe(r,a);s!=null&&s.length>0&&(i=Q("trend","actual",s))}if(i.length>0){const s=k("trend","actual"),c={};return c[s]=i,X(e,t,s,c)}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!")}},T=[k("trend","actual")];function xe({firstMonthOfFY:e,trendReport:t,timeframe:a,selectedTimePeriod:r,graphColor:i,width:s,height:c,onTimeframeSelectionChanged:g}){const d=v.useRef(!1),b=r!=null?le(e,r,a):void 0,y=j.getLocalizedStrings().reports.trend[t?.balancesKind];v.useEffect(()=>{d.current=!0},[]);const x=re(e,T,a,t),D=p=>{const h=[];return T.forEach(o=>{h.push(l.jsx(_,{name:o,isAnimationActive:d.current,dataKey:m=>{const n=m.record;return(n[o]!=null&&n[o].amount!=null?n[o].amount:void 0)?.amount??0},maxBarSize:36,fill:p.toString(),"data-testid":Y(o,"bar")},o))}),h};return x==null?null:l.jsx(se,{chartData:x,timeframe:a,selectedLabel:b,barElements:D(i),customToolTipContent:({active:p,payload:h})=>l.jsx(ae,{active:p,payload:h,trendType:y}),width:s,height:c,onTimeframeSelectionChanged:g})}const se=({chartData:e,timeframe:t,selectedLabel:a,barElements:r,customToolTipContent:i,width:s,height:c,onTimeframeSelectionChanged:g})=>{const d=B(),[b,y]=v.useState([void 0,void 0]),x=e.timeseries,D=W(e),p=x.map(o=>o.label);v.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 m=o.activePayload[0],n=m.payload.record[k("trend","actual")].amount;if(n!=null&&n.amount===0)return;const E=m.payload.timeLabel.label,S=m.payload.timeLabel.startDate,C=m.payload.timeLabel.endDate,A=M(E,p,1);y(A),g?.(t,{startDate:S,endDate:C})};return l.jsx("div",{style:{width:s,height:c},"data-testid":Y("simple-bar-chart"),children:l.jsx(Z,{children:({height:o,width:m})=>l.jsxs(z,{"data-testid":Y("bar-chart"),width:m,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:[l.jsx(F,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:d.colors.grey3}),l.jsx(P,{dataKey:n=>n.timeLabel.label,type:"category",axisLine:{stroke:d.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:d.colors.hero,...w.extraSmallRegular.cssObject}}),l.jsx(R,{type:"number",axisLine:!1,tickLine:!1,tick:{color:d.colors.hero,...w.extraSmallRegular.cssObject},tickFormatter:n=>q("0,0.[00]a",n,D)}),l.jsx(O,{cursor:!1,content:i,allowEscapeViewBox:{x:!1,y:!0}}),a!=null&&l.jsx(K,{x1:b[0],x2:b[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),r]})})})},{dateFormat:f}=j.getLocalizedStrings(),le=(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=`${j.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};