@zeniai/web-cockpit-ui 1.14.21-qa → 1.14.22-dev

package/dist/assets/{TreasuryTransferOrReviewPage-BZ5sPJAg-NdyyZMx2.js → TreasuryTransferOrReviewPage-BGfIlPXx-DSEBAJOM.js}

@@ -1,4 +1,4 @@
-import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4 as et,o as t,C as f,a3 as De,T as St,am as jt,u as vt,a2 as K,bA as At,cU as tt,b as R,l as z,f$ as kt,g as S,Y as Tt,h as ot,c as W,k as G,f2 as Pt,a as Ct,c9 as zt,F as Dt,fH as Lt,s as c,bu as rt,d0 as nt,bN as it,cF as Ft,cw as Mt,gW as Rt,f9 as Bt,d5 as Ot,n as It,fa as Et,ds as Nt,c2 as _t,c1 as Vt,aR as Yt,bd as Wt,gY as Gt,fm as Xt,ab as qt}from"./index-CteHikkY.js";import{n as r,b as w}from"./vendor-rkTZJa59.js";import{V as at}from"./PortfolioDetails-Dm2r3i6b-BwrtFocU.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./treasuryColorHelper-99Jkq8AE-BBbuwlCb.js";const Kt=we.getLocalizedStrings().spendManagement.treasury,F=[0,125e4,25e5,35e5,5e6],Ut=1e3;function Ht({interestRate:e=4.35,transferAmount:a,setYieldEarned:u,setTransferAmount:n}){const d=Ot().analytics,[l,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)},j=h=>{const i=he(h,e);m(h),n(h),u(i),d.trackTreasuryCalculatorClick("fund transfer",h)};return o.jsxs(to,{sliderValue:l,children:[o.jsx(eo,{sliderValue:l,type:"range",min:F[0],max:F[F.length-1],step:Ut,value:l,onChange:x}),o.jsx(oo,{style:{width:`${Math.min(l/F[F.length-1]*92.5,92.5)}%`}}),o.jsx(ao,{sliderValue:l,style:{left:`calc(${Math.min(Math.max(l/F[F.length-1]*100,5),95)}% - 50px)`},children:Jt(l)}),o.jsx(ro,{children:F.map((h,i)=>o.jsx(no,{onClick:()=>j(h),"data-testid":P("slider-label",h.toString()),style:{left:Qt(i)},children:o.jsx(io,{isSelected:l>=h,children:Zt(h)})},h))})]})}const Jt=e=>{const a=qt("0,0.[00]a",e,"$").toUpperCase();return`${Kt.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 Qt=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),eo=r.input`
+import{e as ge,K as $t,j as o,_ as P,gU as bt,M as xe,$ as W,J as Ee,m as Ze,a3 as et,o as t,C as f,a2 as Le,L as St,al as vt,u as jt,a1 as U,bA as At,cU as tt,X as R,l as z,g1 as kt,g as S,s as Tt,h as ot,i as X,n as Y,f1 as Pt,a as Ct,c9 as zt,F as Lt,fJ as Dt,q as c,bu as rt,d0 as nt,bN as it,cF as Ft,cw as Mt,fd as Rt,f5 as Bt,d5 as Ot,B as It,f6 as Nt,ds as Et,c2 as _t,c1 as Vt,aQ as Wt,bd as Xt,ff as Yt,fo as Gt,aa as Jt}from"./index-P_4M6V8j.js";import{n as r,b as x}from"./vendor-rkTZJa59.js";import{U as at}from"./PortfolioDetails-BFqRNjFs-DdtIdWXw.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./treasuryColorHelper-CkjbPhqI-PraXB90r.js";const Ut=xe.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=Ot().analytics,[l,m]=x.useState(a);x.useEffect(()=>{m(a)},[a]);const w=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(to,{sliderValue:l,children:[o.jsx(eo,{sliderValue:l,type:"range",min:F[0],max:F[F.length-1],step:qt,value:l,onChange:w}),o.jsx(oo,{style:{width:`${Math.min(l/F[F.length-1]*92.5,92.5)}%`}}),o.jsx(ao,{sliderValue:l,style:{left:`calc(${Math.min(Math.max(l/F[F.length-1]*100,5),95)}% - 50px)`},children:Ht(l)}),o.jsx(ro,{children:F.map((h,i)=>o.jsx(no,{onClick:()=>v(h),"data-testid":P("slider-label",h.toString()),style:{left:Qt(i)},children:o.jsx(io,{isSelected:l>=h,children:Zt(h)})},h))})]})}const Ht=e=>{const a=Jt("0,0.[00]a",e,"$").toUpperCase();return`${Ut.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 Qt=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),eo=r.input`
   width: 100%;
   &[type="range"]::-webkit-slider-runnable-track {
     height: 2px;
@@ -46,10 +46,10 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   position: absolute;
   cursor: pointer;
   transform: translateX(-50%);
-`,io=r(W)`
+`,io=r(X)`
   color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
   white-space: nowrap;
-`,ao=r(W)`
+`,ao=r(X)`
   position: absolute;
   top: -${t.sp5};
   white-space: nowrap;
@@ -60,12 +60,12 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   justify-content: center;
   align-items: center;
   padding: 2px ${t.sp2};
-`,U={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])},Ce={pageTitle:new R("h6Regular","h5Regular"),integerStyles:new R("h5Regular","h2Regular"),decimalStyles:new R("extraLargeMedium","h5Medium")},{common:{edit:so},dateFormat:{visual:{DMMMYYYYFormat:lo}},spendManagement:{treasury:{transferDrawer:E},billPay:{insufficientFunds:{lowBalance:co,addOrSwitchInitiateTransfer:uo,lowBalanceIn:po}}}}=we.getLocalizedStrings(),ho=({fromAccount:e,themeContext:a,toAccount:u,transferDetails:n})=>{const d=ge();if(d==="small"){const l=yo(e,u,n.treasuryAccount.id);return o.jsxs(o.Fragment,{children:[o.jsxs(de,{style:l.topAccount?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(ue,{children:l.topAccountLabel}),o.jsxs(ce,{windowSize:d,children:[_(n.transferMoneyParties,l.topAccount?.id??"",!0,l.topAccount?.id===n.treasuryAccount.id,!0),o.jsxs(se,{windowSize:d,children:[l.topAccount?.label,o.jsx(le,{children:V(n.transferMoneyParties,n.treasuryAccount,l.topAccount?.id??"",!0,!0,!0)})]})]}),ae(l.topAccount,n.treasuryAccount.id,d,!1)?o.jsx(pe,{}):null]}),l.arrowDirection==="up"?o.jsx(qo,{}):o.jsx(Ko,{}),o.jsxs(de,{style:l.bottomAccount?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(ue,{children:l.bottomAccountLabel}),o.jsxs(ce,{windowSize:d,children:[_(n.transferMoneyParties,l.bottomAccount?.id??"",!0,l.bottomAccount?.id===n.treasuryAccount.id,!0),o.jsxs(se,{windowSize:d,children:[l.bottomAccount?.label,o.jsx(le,{children:V(n.transferMoneyParties,n.treasuryAccount,l.bottomAccount?.id??"",!0,!1,!0)})]})]}),ae(l.bottomAccount,n.treasuryAccount.id,d,!0)?o.jsx(pe,{}):null]})]})}else return o.jsxs(o.Fragment,{children:[o.jsxs(de,{style:e?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(ue,{children:"Transfer Funds From"}),o.jsxs(ce,{windowSize:d,children:[_(n.transferMoneyParties,e?.id??"",!0,e?.id===n.treasuryAccount.id,!0),o.jsxs(se,{windowSize:d,children:[e?.label,o.jsx(le,{children:V(n.transferMoneyParties,n.treasuryAccount,e?.id??"",!0,!0,!0)})]})]}),ae(e,n.treasuryAccount.id,d,!1)?o.jsx(pe,{}):null]}),o.jsx(Xo,{}),o.jsxs(de,{style:u?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(ue,{children:"To"}),o.jsxs(ce,{windowSize:d,children:[_(n.transferMoneyParties,u?.id??"",!0,u?.id===n.treasuryAccount.id,!0),o.jsxs(se,{windowSize:d,children:[u?.label,o.jsx(le,{children:V(n.transferMoneyParties,n.treasuryAccount,u?.id??"",!0,!1,!0)})]})]}),ae(u,n.treasuryAccount.id,d,!1)?o.jsx(pe,{}):null]})]})},mo=(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},fo=({transferDetails:e,fundDetails:a,portfolioAllocation:u,setShowReviewContent:n,onTransferClick:d,onCancelClick:l})=>{const m=ge(),x=vt(),j=K(e.fetchState),[h,i]=w.useState(!1);w.useEffect(()=>{j==="In-Progress"&&e.fetchState==="Error"&&e.error!=null?i(!0):i(!1)},[e.error]);const{fromAccount:$,toAccount:T,amount:A}=e.treasuryTransferMoneyLocalData,p=mo($,e.treasuryAccount,A);return o.jsxs(o.Fragment,{children:[o.jsxs(Po,{windowSize:m,children:[o.jsx(Mo,{windowSize:m,children:o.jsx(At,{title:"Close",enterTouchDelay:600,placement:"bottom",children:o.jsx(_e,{"data-testid":P("nav-bar-close-transfer-review"),onClick:l})})}),o.jsx(Ro,{windowSize:m,children:E.reviewAndConfirm}),o.jsx(Wo,{windowSize:m,children:o.jsx(tt,{amount:A,alwaysShowDecimal:!0,integerStyles:Ce.integerStyles.styleObject(m),decimalStyles:Ce.decimalStyles.styleObject(m)})}),o.jsx(Lo,{}),o.jsx(Go,{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(lo))]})}),p?o.jsx(kt,{variant:"low-balance",style:{marginTop:t.sp3,marginBottom:t.sp3},title:po.replace("__account__",$?.id===e.treasuryAccount.id?$?.label??"":`${$?.label??""} ${$?.maskedAccountNumber??""}`),description:uo}):null,h?o.jsx(To,{children:o.jsxs(jo,{children:[o.jsxs(Co,{children:[o.jsx(Do,{}),o.jsxs(vo,{children:[o.jsx(Ao,{children:e.error?.title}),o.jsx(ko,{children:e.error?.message})]})]}),o.jsx(zo,{children:o.jsx(_e,{"data-testid":P("close-error-transfer-review"),onClick:()=>{i(!1)},style:{width:t.sp3,height:t.sp3,color:S.heroLight}})})]})}):null,o.jsx(Fo,{windowSize:m,children:o.jsxs($o,{windowSize:m,children:[o.jsx(bo,{windowSize:m,children:o.jsx(ho,{fromAccount:$,themeContext:x,toAccount:T,transferDetails:e})}),o.jsx(So,{children:o.jsx(at,{isInReview:!0,isSetup:!1,fundDetails:a,allocation:u,amount:wo(e),fundAllocations:xo(e),page:"transfer review"})})]})})]}),o.jsx(et,{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:so,onClick:()=>{i(!1),n(!1)},style:{minWidth:94}},primaryBtn:{label:E.transferBtn,onClick:d,isLoading:e.fetchState==="In-Progress",isDisabled:p,style:{minWidth:94}}})]})},_=(e,a,u,n,d)=>{if(n===!0)return o.jsx(Ve,{isOptionSelected:u,isForReview:d,children:o.jsx(Ye,{color:S.brandColorGoldDark})});if(a==="")return o.jsx(Yo,{isForReview:d,children:o.jsx(Mt,{})});const l=e.find(x=>x.id===a),m=e.findIndex(x=>x.id===a);if(l!=null){if(l.accType==="depositAccount")return o.jsx(Ve,{isOptionSelected:u,isForReview:d,children:o.jsx(Ye,{color:Rt(m)})});if(l.accType==="paymentAccount")return l.logo!==void 0&&(l.logo.base64||l.logo.url)?o.jsx(No,{src:go(l.logo),isOptionSelected:u,isForReview:d,loading:"lazy"}):o.jsx(_o,{isOptionSelected:u,isForReview:d,children:o.jsx(Vo,{})})}return null},V=(e,a,u,n,d,l,m)=>{if(!u)return null;if(u===a.id)return(l||!n)&&a.balance?o.jsx(Ae,{children:Y("0,0[.]00",a.balance)}):null;const x=e.find(h=>h.id===u);let j=!1;return d===!0&&m!=null&&x?.accountBalance?.available?.amount!=null&&(j=z.checkIfLowBalance(m,x.accountBalance.available)),n===!0&&!l?o.jsx(Oo,{children:x?.maskedAccountNumber}):o.jsxs(Bo,{className:"option-sublabel",children:[o.jsx(Ae,{children:x?.maskedAccountNumber}),x?.accountBalance?.available?o.jsx(Eo,{className:"dot"}):null,x?.accountBalance?.available?o.jsxs(Ae,{children:[Y("0,0[.]00",x.accountBalance.available),j?o.jsx(Io,{children:co}):null]}):null,x?.balanceFetchStatus?.fetchState==="In-Progress"?o.jsx(Ze,{size:"Small",start:!0}):null]})},go=e=>e.base64!==void 0?`${Bt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",wo=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id!==e.treasuryAccount.id)return e.treasuryTransferMoneyLocalData.amount},xo=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id===e.treasuryAccount.id)return e.treasuryAccount.fundAllocations},yo=(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"},ae=(e,a,u,n)=>u==="small"?e?.id===a&&n:e?.id===a,se=r.div`
+`,q={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])},Ce={pageTitle:new R("h6Regular","h5Regular"),integerStyles:new R("h5Regular","h2Regular"),decimalStyles:new R("extraLargeMedium","h5Medium")},{common:{edit:so},dateFormat:{visual:{DMMMYYYYFormat:lo}},spendManagement:{treasury:{transferDrawer:N},billPay:{insufficientFunds:{lowBalance:co,addOrSwitchInitiateTransfer:uo,lowBalanceIn:po}}}}=xe.getLocalizedStrings(),ho=({fromAccount:e,themeContext:a,toAccount:u,transferDetails:n})=>{const d=ge();if(d==="small"){const l=yo(e,u,n.treasuryAccount.id);return o.jsxs(o.Fragment,{children:[o.jsxs(de,{style:l.topAccount?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(ue,{children:l.topAccountLabel}),o.jsxs(ce,{windowSize:d,children:[_(n.transferMoneyParties,l.topAccount?.id??"",!0,l.topAccount?.id===n.treasuryAccount.id,!0),o.jsxs(se,{windowSize:d,children:[l.topAccount?.label,o.jsx(le,{children:V(n.transferMoneyParties,n.treasuryAccount,l.topAccount?.id??"",!0,!0,!0)})]})]}),ae(l.topAccount,n.treasuryAccount.id,d,!1)?o.jsx(pe,{}):null]}),l.arrowDirection==="up"?o.jsx(Jo,{}):o.jsx(Uo,{}),o.jsxs(de,{style:l.bottomAccount?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(ue,{children:l.bottomAccountLabel}),o.jsxs(ce,{windowSize:d,children:[_(n.transferMoneyParties,l.bottomAccount?.id??"",!0,l.bottomAccount?.id===n.treasuryAccount.id,!0),o.jsxs(se,{windowSize:d,children:[l.bottomAccount?.label,o.jsx(le,{children:V(n.transferMoneyParties,n.treasuryAccount,l.bottomAccount?.id??"",!0,!1,!0)})]})]}),ae(l.bottomAccount,n.treasuryAccount.id,d,!0)?o.jsx(pe,{}):null]})]})}else return o.jsxs(o.Fragment,{children:[o.jsxs(de,{style:e?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(ue,{children:"Transfer Funds From"}),o.jsxs(ce,{windowSize:d,children:[_(n.transferMoneyParties,e?.id??"",!0,e?.id===n.treasuryAccount.id,!0),o.jsxs(se,{windowSize:d,children:[e?.label,o.jsx(le,{children:V(n.transferMoneyParties,n.treasuryAccount,e?.id??"",!0,!0,!0)})]})]}),ae(e,n.treasuryAccount.id,d,!1)?o.jsx(pe,{}):null]}),o.jsx(Go,{}),o.jsxs(de,{style:u?.id===n.treasuryAccount.id?{borderColor:a.colors.grey1,position:"relative"}:{},windowSize:d,children:[o.jsx(ue,{children:"To"}),o.jsxs(ce,{windowSize:d,children:[_(n.transferMoneyParties,u?.id??"",!0,u?.id===n.treasuryAccount.id,!0),o.jsxs(se,{windowSize:d,children:[u?.label,o.jsx(le,{children:V(n.transferMoneyParties,n.treasuryAccount,u?.id??"",!0,!1,!0)})]})]}),ae(u,n.treasuryAccount.id,d,!1)?o.jsx(pe,{}):null]})]})},mo=(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},fo=({transferDetails:e,fundDetails:a,portfolioAllocation:u,setShowReviewContent:n,onTransferClick:d,onCancelClick:l})=>{const m=ge(),w=jt(),v=U(e.fetchState),[h,i]=x.useState(!1);x.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=mo($,e.treasuryAccount,A);return o.jsxs(o.Fragment,{children:[o.jsxs(Po,{windowSize:m,children:[o.jsx(Mo,{windowSize:m,children:o.jsx(At,{title:"Close",enterTouchDelay:600,placement:"bottom",children:o.jsx(_e,{"data-testid":P("nav-bar-close-transfer-review"),onClick:l})})}),o.jsx(Ro,{windowSize:m,children:N.reviewAndConfirm}),o.jsx(Xo,{windowSize:m,children:o.jsx(tt,{amount:A,alwaysShowDecimal:!0,integerStyles:Ce.integerStyles.styleObject(m),decimalStyles:Ce.decimalStyles.styleObject(m)})}),o.jsx(Do,{}),o.jsx(Yo,{children:o.jsxs(o.Fragment,{children:[N.review.prefix,`"${T?.label}" `,N.success.midfix,` "${$?.label}" `,N.review.suffix.replace("__date__",z.zeniDate(z.getNextNthWorkingDay(z.dateNow().toDate(),[0,6],1).toDateString()).format(lo))]})}),p?o.jsx(kt,{variant:"low-balance",style:{marginTop:t.sp3,marginBottom:t.sp3},title:po.replace("__account__",$?.id===e.treasuryAccount.id?$?.label??"":`${$?.label??""} ${$?.maskedAccountNumber??""}`),description:uo}):null,h?o.jsx(To,{children:o.jsxs(vo,{children:[o.jsxs(Co,{children:[o.jsx(Lo,{}),o.jsxs(jo,{children:[o.jsx(Ao,{children:e.error?.title}),o.jsx(ko,{children:e.error?.message})]})]}),o.jsx(zo,{children:o.jsx(_e,{"data-testid":P("close-error-transfer-review"),onClick:()=>{i(!1)},style:{width:t.sp3,height:t.sp3,color:S.heroLight}})})]})}):null,o.jsx(Fo,{windowSize:m,children:o.jsxs($o,{windowSize:m,children:[o.jsx(bo,{windowSize:m,children:o.jsx(ho,{fromAccount:$,themeContext:w,toAccount:T,transferDetails:e})}),o.jsx(So,{children:o.jsx(at,{isInReview:!0,isSetup:!1,fundDetails:a,allocation:u,amount:xo(e),fundAllocations:wo(e),page:"transfer review"})})]})})]}),o.jsx(et,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:N.review.footNote,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:so,onClick:()=>{i(!1),n(!1)},style:{minWidth:94}},primaryBtn:{label:N.transferBtn,onClick:d,isLoading:e.fetchState==="In-Progress",isDisabled:p,style:{minWidth:94}}})]})},_=(e,a,u,n,d)=>{if(n===!0)return o.jsx(Ve,{isOptionSelected:u,isForReview:d,children:o.jsx(We,{color:S.brandColorGoldDark})});if(a==="")return o.jsx(Wo,{isForReview:d,children:o.jsx(Mt,{})});const l=e.find(w=>w.id===a),m=e.findIndex(w=>w.id===a);if(l!=null){if(l.accType==="depositAccount")return o.jsx(Ve,{isOptionSelected:u,isForReview:d,children:o.jsx(We,{color:Rt(m)})});if(l.accType==="paymentAccount")return l.logo!==void 0&&(l.logo.base64||l.logo.url)?o.jsx(Eo,{src:go(l.logo),isOptionSelected:u,isForReview:d,loading:"lazy"}):o.jsx(_o,{isOptionSelected:u,isForReview:d,children:o.jsx(Vo,{})})}return null},V=(e,a,u,n,d,l,m)=>{if(!u)return null;if(u===a.id)return(l||!n)&&a.balance?o.jsx(Ae,{children:W("0,0[.]00",a.balance)}):null;const w=e.find(h=>h.id===u);let v=!1;return d===!0&&m!=null&&w?.accountBalance?.available?.amount!=null&&(v=z.checkIfLowBalance(m,w.accountBalance.available)),n===!0&&!l?o.jsx(Oo,{children:w?.maskedAccountNumber}):o.jsxs(Bo,{className:"option-sublabel",children:[o.jsx(Ae,{children:w?.maskedAccountNumber}),w?.accountBalance?.available?o.jsx(No,{className:"dot"}):null,w?.accountBalance?.available?o.jsxs(Ae,{children:[W("0,0[.]00",w.accountBalance.available),v?o.jsx(Io,{children:co}):null]}):null,w?.balanceFetchStatus?.fetchState==="In-Progress"?o.jsx(Ze,{size:"Small",start:!0}):null]})},go=e=>e.base64!==void 0?`${Bt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",xo=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id!==e.treasuryAccount.id)return e.treasuryTransferMoneyLocalData.amount},wo=e=>{const{fromAccount:a}=e.treasuryTransferMoneyLocalData;if(a?.id===e.treasuryAccount.id)return e.treasuryAccount.fundAllocations},yo=(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"},ae=(e,a,u,n)=>u==="small"?e?.id===a&&n:e?.id===a,se=r.div`
   display: flex;
   flex-direction: column;
-`,le=r(W)`
+`,le=r(X)`
   color: ${e=>e.theme.colors.hero};
-`,ce=r(G)`
+`,ce=r(Y)`
   display: flex;
   align-items: center;
 `,$o=r.div`
@@ -76,7 +76,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   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=>`${U.elementsContainerPadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${q.elementsContainerPadding.valuePx(e.windowSize)}`};
   gap: ${t.sp4};
   ${e=>e.windowSize==="small"&&`
     width: auto;
@@ -102,20 +102,20 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   background-color: ${e=>e.theme.colors.grey4};
   border: 1px solid ${e=>e.theme.colors.grey1};
   border-radius: ${t.sp2};
-`,jo=r.div`
+`,vo=r.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
   padding: ${t.sp3} ${t.sp4};
   background-color: ${S.importantLight};
   border-radius: ${t.sp2};
-`,vo=r.div`
+`,jo=r.div`
   display: flex;
   flex-direction: column;
   margin-left: ${t.sp2};
 `,Ao=r(it)`
   color: ${S.important};
-`,ko=r(G)`
+`,ko=r(Y)`
   color: ${S.important};
 `,To=r.div`
   margin-top: ${t.sp3};
@@ -128,17 +128,17 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
 `,Po=r.div`
   height: auto;
-  padding-left: ${e=>`${U.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${U.containerPaddingRight.valuePx(e.windowSize)}`};
+  padding-left: ${e=>`${q.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${q.containerPaddingRight.valuePx(e.windowSize)}`};
   margin-bottom: auto;
 `,Co=r.div`
   display: flex;
   align-items: flex-start;
-`,zo=r.div``,Do=r(nt)`
+`,zo=r.div``,Lo=r(nt)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${S.important};
-`,_e=r(De)`
+`,_e=r(Le)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -147,19 +147,19 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Lo=r.div`
+`,Do=r.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,ue=r(W)`
+`,ue=r(X)`
   color: ${e=>e.theme.colors.hero};
 `,Fo=r.div`
   display: flex;
   flex-direction: column;
   padding-top: ${t.sp3};
-  padding-bottom: ${e=>`${U.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
+  padding-bottom: ${e=>`${q.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
 `,Mo=r.div`
   display: flex;
   flex-direction: row;
@@ -167,7 +167,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   align-items: center;
   width: 100%;
   top: ${t.sp0};
-  padding: ${e=>`${U.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  padding: ${e=>`${q.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
   z-index: 2;
   background-color: transparent;
 `,Ro=r(ot)`
@@ -177,7 +177,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   ${e=>e.windowSize==="small"&&`
     padding-bottom: ${t.sp0};
   `}
-`,Bo=r(W)`
+`,Bo=r(X)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   flex-direction: row;
@@ -185,16 +185,16 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   gap: ${t.sp2};
 `,Oo=r.span`
   margin-left: ${t.sp2};
-`,Ae=r.div``,Io=r(Wt)`
+`,Ae=r.div``,Io=r(Xt)`
   color: ${e=>e.theme.colors.brandColorGoldDark};
   margin-left: ${t.sp1};
-`,Eo=r.div`
+`,No=r.div`
   width: ${t.sp1};
   height: ${t.sp1};
   min-width: ${t.sp1};
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
-`,No=r.img`
+`,Eo=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};
@@ -205,7 +205,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   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};
-`,Vo=r(Xt)`
+`,Vo=r(Gt)`
   min-width: inherit;
   width: inherit;
   height: inherit;
@@ -215,37 +215,37 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   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};
-`,Ye=r(Gt)`
+`,We=r(Yt)`
   min-width: inherit;
   width: inherit;
   height: inherit;
   margin-right: ${t.sp2};
-`,Yo=r.div`
+`,Wo=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};
-`,Wo=r(rt)`
+`,Xo=r(rt)`
   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};
   `}
-`,Go=r(G)`
+`,Yo=r(Y)`
   color: ${e=>e.theme.colors.hero};
   margin-top: ${t.sp3};
-`,Xo=r(Yt)`
+`,Go=r(Wt)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
-`,qo=r(_t)`
+`,Jo=r(_t)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
   align-self: center;
-`,Ko=r(Vt)`
+`,Uo=r(Vt)`
   width: ${t.sp4};
   height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
@@ -257,7 +257,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   position: absolute;
   right: 50%;
   bottom: -25px;
-`,{common:ke,spendManagement:{treasury:M,zeniAccounts:{zeniAccountList:Uo},billPay:{insufficientFunds:We}}}=we.getLocalizedStrings(),st="amount",Ho="transferTo",Jo="transferFrom",N="transferDetails",lt="transferDetailPage",Te=(e,a)=>`${e}.${a}`,ct=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:l,onSaveChangesToLocalStore:m,onReviewClick:x,onEstablishConnectionClick:j,onFetchLinkTokenClick:h}){const i=ge(),$=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((s,y)=>{const v=y.yield;return Math.max(s,v)},0),[Q,Z]=w.useState(he(B,O)),b=l.link_account_no_microdeposit,[D,xe]=w.useState(b.linkToken??null),[ee,Le]=w.useState(!1),[Fe,Me]=w.useState(!1),ye=e.transferMoneyPartiesFetchState,Re=K(ye),$e=e.treasuryTransferMoneyLocalData.fromAccount?.id,be=e.treasuryTransferMoneyLocalData.toAccount?.id,Be=K($e),Oe=K(be),Se=e.transferMoneyParties.map(s=>s.id),je=K(Se),dt=w.useCallback(s=>{j?.(s),Me(!1),Le(!1)},[j]),ut=w.useCallback((s,y)=>{s!=null&&console.log("Plaid Connection Error",s,y)},[]),{open:te,ready:X}=Pt({token:D,onSuccess:dt,onExit:ut}),q=w.useCallback(s=>{s.preventDefault(),s.stopPropagation(),X?te():Le(!0)},[te,X]),I=Ct({mode:"all",reValidateMode:"onChange",defaultValues:w.useMemo(()=>Ge(e,n,q),[e,n])}),{isValid:pt}=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"&&X&&Me(!0)},[X,D,b.fetchStatus,b.linkToken,b.fetchStatus.fetchState]),w.useEffect(()=>{Fe&&ee&&te()},[Fe,te,ee]),w.useEffect(()=>{(z.zeniDate(new Date().toISOString()).isAfter(b.expiration)||b.linkToken==null)&&h?.("link_account_no_microdeposit")},[]),w.useEffect(()=>{const s=je!=null&&JSON.stringify(je)!==JSON.stringify(Se);(Re==="In-Progress"&&ye==="Completed"||Be!==$e||Oe!==be||s)&&I.reset(Ge(e,n,q))},[X,D,b.fetchStatus.fetchState,Re,ye,Be,Oe,be,$e,je,Se,I,e,n,q]);const ht=()=>e.transferMoneyParties.find(s=>s.id!==e.treasuryAccount.id&&s.accType==="depositAccount"),mt=()=>{const s=e.primaryPaymentAccount?.paymentAccountId;return e.transferMoneyParties.find(y=>y.id===s)},ft=async(s,y)=>{if(s!=null){const v={...y},oe=v[N].transferFrom.selectedOption,re=v[N].transferTo.selectedOption;let ne=e.transferMoneyParties.find(ve=>ve.id===oe),ie=e.transferMoneyParties.find(ve=>ve.id===re);oe===e.treasuryAccount.id&&(ne=e.treasuryAccount),re===e.treasuryAccount.id&&(ie=e.treasuryAccount);const Ee={amount:v[N].amount??0,currencyCode:"USD",currencySymbol:"$"};s.includes("transferFrom")?oe===e.treasuryAccount.id?re===e.treasuryAccount.id&&(ie=ht()):ie=e.treasuryAccount:s.includes("transferTo")&&(re===e.treasuryAccount.id?oe===e.treasuryAccount.id&&(ne=mt()):ne=e.treasuryAccount);const yt={amount:Ee,fromAccount:ne,toAccount:ie};J(Ee.amount),m(yt)}};w.useEffect(()=>{const s=I.watch((y,{name:v})=>{v!=null&&y!=null&&zt(()=>ft(v,y))});return()=>{s.unsubscribe()}}),w.useEffect(()=>{Z(he(B,O))},[B,O]);const gt=I.handleSubmit(()=>{pt&&x()}),{fromAccount:wt,toAccount:Ie,amount:L}=e.treasuryTransferMoneyLocalData,xt=s=>{if(!s||!L.amount)return"";const y=e.transferMoneyParties.find(v=>v.id===s);if(s===e.treasuryAccount.id){const v=e.treasuryAccount.balance;if(v&&z.checkIfLowBalance(L,v))return We.addMoney}else if(y?.accountBalance?.available&&z.checkIfLowBalance(L,y.accountBalance.available))return We.addMoney;return""};return o.jsxs(o.Fragment,{children:[T?o.jsx(Zo,{children:o.jsxs(tr,{children:[o.jsxs(or,{children:[o.jsx(nr,{}),o.jsxs(ir,{children:[o.jsx(ar,{children:e.error?.title}),o.jsx(sr,{children:e.error?.message})]})]}),o.jsx(rr,{children:o.jsx(ur,{"data-testid":P("amount-details-error-close"),onClick:()=>{A(!1)},style:{width:t.sp3,height:t.sp3,color:S.heroLight}})})]})}):null,o.jsx(lr,{windowSize:i,children:o.jsx(tt,{amount:L,integerStyles:me.integerStyles.styleObject(i),decimalStyles:me.decimalStyles.styleObject(i),alwaysShowDecimal:!0})}),o.jsx(Dt,{...I,children:o.jsxs(er,{id:ct(lt),onSubmit:gt,children:[o.jsxs(cr,{children:[o.jsx(ze,{size:i,children:o.jsx(Xe,{label:{label:ke.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:Te(N,Jo),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(s,y)=>_(e.transferMoneyParties,s,y,s===e.treasuryAccount.id,!1),valueToSubLabels:(s,y)=>V(e.transferMoneyParties,e.treasuryAccount,s,y,!0,!1,L),defaultValue:{selectedOption:wt?.id,allOptions:fe(e,!0,n,!0,q,!0)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}},valueToAdditionalLabel:xt})}),!n&&o.jsxs(o.Fragment,{children:[o.jsx(Pe,{}),o.jsx(ze,{size:i,children:o.jsx(Xe,{label:{label:ke.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:Te(N,Ho),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(s,y)=>_(e.transferMoneyParties,s,y,s===e.treasuryAccount.id,!1),valueToSubLabels:(s,y)=>V(e.transferMoneyParties,e.treasuryAccount,s,y,!1,!1),defaultValue:{selectedOption:Ie?.id,allOptions:fe(e,!1,n,!0,q,!1)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})})]}),o.jsx(Pe,{}),o.jsx(Lt,{showAdditionalInfoLabel:!1,label:{label:ke.labels.amount,width:$},style:{padding:t.sp2,paddingLeft:t.sp0,paddingRight:g.formFieldPaddingRight.valuePx(i),width:"auto"},formattedTextField:{type:"number",name:Te(N,st),defaultValue:L.amount===0?void 0:L.amount,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},placeholder:M.transferDrawer.amountPlaceholder,autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1}}),n&&o.jsxs(o.Fragment,{children:[o.jsx(Pe,{}),o.jsx(dr,{size:i,children:o.jsx(at,{isInReview:!0,fundDetails:a,allocation:u,isSetup:!1,amount:L,page:"fund transfer"})})]})]}),!n&&Ie?.accType==="treasuryAccount"&&o.jsxs(pr,{children:[p?o.jsxs(hr,{children:[o.jsx(mr,{windowSize:i,children:M.transferDrawer.calculator.heading.replace("__amount__",Y("0,0.[00]a",{amount:d,currencySymbol:"$"})).replace("__rate__",O.toString())}),o.jsx(Ht,{interestRate:O,transferAmount:B,setYieldEarned:Z,setTransferAmount:J})]}):null,o.jsxs(gr,{windowSize:i,children:[o.jsxs(yr,{windowSize:i,children:[o.jsx(wr,{children:o.jsx(fr,{windowSize:i,children:`${M.transferDrawer.calculator.footerText.annualYieldEarned} ${Y("0,0",{amount:Q,currencySymbol:"$"})}`})}),o.jsx(xr,{windowSize:i}),o.jsx($r,{children:`${M.transferDrawer.calculator.footerText.forTotalDeposit} ${Y("0,0",{amount:B,currencySymbol:"$"})}`})]}),p?o.jsxs(Ke,{windowSize:i,onClick:()=>C(!1),"data-testid":P("calculator-footer-close"),children:[o.jsx(qe,{className:"calculatorFooterLeftText",windowSize:i,children:M.transferDrawer.calculator.footerText.hide}),o.jsx(br,{className:"calculatorFooterArrowIcon"})]}):o.jsxs(Ke,{windowSize:i,onClick:()=>C(!0),"data-testid":P("calculator-footer-show"),children:[o.jsx(qe,{className:"calculatorFooterLeftText",windowSize:i,children:M.transferDrawer.calculator.footerText.showYieldCalculator}),o.jsx(Sr,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]})}const fe=(e,a,u,n=!0,d,l=!1,m,x)=>{const j=e.treasuryTransferMoneyLocalData.fromAccount?.id,h=e.treasuryTransferMoneyLocalData.toAccount?.id,i=e.transferMoneyParties.find(p=>p.id===j)||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===j||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===j),a?A.push(p):A.unshift(p)}if(l&&d){const p={label:Uo.transferDrawer.selectAddAccount,value:"",type:"button",onClick:d};A.push(p)}return A},Ge=(e,a,u)=>{const{fromAccount:n,toAccount:d,amount:l}=e.treasuryTransferMoneyLocalData;return{transferDetails:{[st]:l.amount===0?void 0:l.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}}}},Zo=r.div`
+`,{common:ke,spendManagement:{treasury:M,zeniAccounts:{zeniAccountList:qo},billPay:{insufficientFunds:Xe}}}=xe.getLocalizedStrings(),st="amount",Ko="transferTo",Ho="transferFrom",E="transferDetails",lt="transferDetailPage",Te=(e,a)=>`${e}.${a}`,ct=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:l,onSaveChangesToLocalStore:m,onReviewClick:w,onEstablishConnectionClick:v,onFetchLinkTokenClick:h}){const i=ge(),$=g.largeLabelWidth.value(i),[T,A]=x.useState(!1),[p,C]=x.useState(!1),[B,H]=x.useState(e.treasuryTransferMoneyLocalData.amount?.amount??0),O=a.reduce((s,y)=>{const j=y.yield;return Math.max(s,j)},0),[Q,Z]=x.useState(he(B,O)),b=l.link_account_no_microdeposit,[L,we]=x.useState(b.linkToken??null),[ee,De]=x.useState(!1),[Fe,Me]=x.useState(!1),ye=e.transferMoneyPartiesFetchState,Re=U(ye),$e=e.treasuryTransferMoneyLocalData.fromAccount?.id,be=e.treasuryTransferMoneyLocalData.toAccount?.id,Be=U($e),Oe=U(be),Se=e.transferMoneyParties.map(s=>s.id),ve=U(Se),dt=x.useCallback(s=>{v?.(s),Me(!1),De(!1)},[v]),ut=x.useCallback((s,y)=>{s!=null&&console.log("Plaid Connection Error",s,y)},[]),{open:te,ready:G}=Pt({token:L,onSuccess:dt,onExit:ut}),J=x.useCallback(s=>{s.preventDefault(),s.stopPropagation(),G?te():De(!0)},[te,G]),I=Ct({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Ye(e,n,J),[e,n])}),{isValid:pt}=I.formState;x.useEffect(()=>{b.fetchStatus.fetchState==="Completed"&&b.linkToken!=null&&b.linkToken!==L&&we(b.linkToken)},[b.fetchStatus.fetchState,b.linkToken,L]),x.useEffect(()=>{b.linkToken===L&&b.fetchStatus.fetchState==="Completed"&&G&&Me(!0)},[G,L,b.fetchStatus,b.linkToken,b.fetchStatus.fetchState]),x.useEffect(()=>{Fe&&ee&&te()},[Fe,te,ee]),x.useEffect(()=>{(z.zeniDate(new Date().toISOString()).isAfter(b.expiration)||b.linkToken==null)&&h?.("link_account_no_microdeposit")},[]),x.useEffect(()=>{const s=ve!=null&&JSON.stringify(ve)!==JSON.stringify(Se);(Re==="In-Progress"&&ye==="Completed"||Be!==$e||Oe!==be||s)&&I.reset(Ye(e,n,J))},[G,L,b.fetchStatus.fetchState,Re,ye,Be,Oe,be,$e,ve,Se,I,e,n,J]);const ht=()=>e.transferMoneyParties.find(s=>s.id!==e.treasuryAccount.id&&s.accType==="depositAccount"),mt=()=>{const s=e.primaryPaymentAccount?.paymentAccountId;return e.transferMoneyParties.find(y=>y.id===s)},ft=async(s,y)=>{if(s!=null){const j={...y},oe=j[E].transferFrom.selectedOption,re=j[E].transferTo.selectedOption;let ne=e.transferMoneyParties.find(je=>je.id===oe),ie=e.transferMoneyParties.find(je=>je.id===re);oe===e.treasuryAccount.id&&(ne=e.treasuryAccount),re===e.treasuryAccount.id&&(ie=e.treasuryAccount);const Ne={amount:j[E].amount??0,currencyCode:"USD",currencySymbol:"$"};s.includes("transferFrom")?oe===e.treasuryAccount.id?re===e.treasuryAccount.id&&(ie=ht()):ie=e.treasuryAccount:s.includes("transferTo")&&(re===e.treasuryAccount.id?oe===e.treasuryAccount.id&&(ne=mt()):ne=e.treasuryAccount);const yt={amount:Ne,fromAccount:ne,toAccount:ie};H(Ne.amount),m(yt)}};x.useEffect(()=>{const s=I.watch((y,{name:j})=>{j!=null&&y!=null&&zt(()=>ft(j,y))});return()=>{s.unsubscribe()}}),x.useEffect(()=>{Z(he(B,O))},[B,O]);const gt=I.handleSubmit(()=>{pt&&w()}),{fromAccount:xt,toAccount:Ie,amount:D}=e.treasuryTransferMoneyLocalData,wt=s=>{if(!s||!D.amount)return"";const y=e.transferMoneyParties.find(j=>j.id===s);if(s===e.treasuryAccount.id){const j=e.treasuryAccount.balance;if(j&&z.checkIfLowBalance(D,j))return Xe.addMoney}else if(y?.accountBalance?.available&&z.checkIfLowBalance(D,y.accountBalance.available))return Xe.addMoney;return""};return o.jsxs(o.Fragment,{children:[T?o.jsx(Zo,{children:o.jsxs(tr,{children:[o.jsxs(or,{children:[o.jsx(nr,{}),o.jsxs(ir,{children:[o.jsx(ar,{children:e.error?.title}),o.jsx(sr,{children:e.error?.message})]})]}),o.jsx(rr,{children:o.jsx(ur,{"data-testid":P("amount-details-error-close"),onClick:()=>{A(!1)},style:{width:t.sp3,height:t.sp3,color:S.heroLight}})})]})}):null,o.jsx(lr,{windowSize:i,children:o.jsx(tt,{amount:D,integerStyles:me.integerStyles.styleObject(i),decimalStyles:me.decimalStyles.styleObject(i),alwaysShowDecimal:!0})}),o.jsx(Lt,{...I,children:o.jsxs(er,{id:ct(lt),onSubmit:gt,children:[o.jsxs(cr,{children:[o.jsx(ze,{size:i,children:o.jsx(Ge,{label:{label:ke.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:Te(E,Ho),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(s,y)=>_(e.transferMoneyParties,s,y,s===e.treasuryAccount.id,!1),valueToSubLabels:(s,y)=>V(e.transferMoneyParties,e.treasuryAccount,s,y,!0,!1,D),defaultValue:{selectedOption:xt?.id,allOptions:fe(e,!0,n,!0,J,!0)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}},valueToAdditionalLabel:wt})}),!n&&o.jsxs(o.Fragment,{children:[o.jsx(Pe,{}),o.jsx(ze,{size:i,children:o.jsx(Ge,{label:{label:ke.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:Te(E,Ko),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(s,y)=>_(e.transferMoneyParties,s,y,s===e.treasuryAccount.id,!1),valueToSubLabels:(s,y)=>V(e.transferMoneyParties,e.treasuryAccount,s,y,!1,!1),defaultValue:{selectedOption:Ie?.id,allOptions:fe(e,!1,n,!0,J,!1)},textAlignment:"right",registerOptions:{required:!0,validate:s=>s!=null&&!!s.selectedOption}}})})]}),o.jsx(Pe,{}),o.jsx(Dt,{showAdditionalInfoLabel:!1,label:{label:ke.labels.amount,width:$},style:{padding:t.sp2,paddingLeft:t.sp0,paddingRight:g.formFieldPaddingRight.valuePx(i),width:"auto"},formattedTextField:{type:"number",name:Te(E,st),defaultValue:D.amount===0?void 0:D.amount,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:s=>!!s&&s>0},placeholder:M.transferDrawer.amountPlaceholder,autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1}}),n&&o.jsxs(o.Fragment,{children:[o.jsx(Pe,{}),o.jsx(dr,{size:i,children:o.jsx(at,{isInReview:!0,fundDetails:a,allocation:u,isSetup:!1,amount:D,page:"fund transfer"})})]})]}),!n&&Ie?.accType==="treasuryAccount"&&o.jsxs(pr,{children:[p?o.jsxs(hr,{children:[o.jsx(mr,{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:Z,setTransferAmount:H})]}):null,o.jsxs(gr,{windowSize:i,children:[o.jsxs(yr,{windowSize:i,children:[o.jsx(xr,{children:o.jsx(fr,{windowSize:i,children:`${M.transferDrawer.calculator.footerText.annualYieldEarned} ${W("0,0",{amount:Q,currencySymbol:"$"})}`})}),o.jsx(wr,{windowSize:i}),o.jsx($r,{children:`${M.transferDrawer.calculator.footerText.forTotalDeposit} ${W("0,0",{amount:B,currencySymbol:"$"})}`})]}),p?o.jsxs(Ue,{windowSize:i,onClick:()=>C(!1),"data-testid":P("calculator-footer-close"),children:[o.jsx(Je,{className:"calculatorFooterLeftText",windowSize:i,children:M.transferDrawer.calculator.footerText.hide}),o.jsx(br,{className:"calculatorFooterArrowIcon"})]}):o.jsxs(Ue,{windowSize:i,onClick:()=>C(!0),"data-testid":P("calculator-footer-show"),children:[o.jsx(Je,{className:"calculatorFooterLeftText",windowSize:i,children:M.transferDrawer.calculator.footerText.showYieldCalculator}),o.jsx(Sr,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]})}const fe=(e,a,u,n=!0,d,l=!1,m,w)=>{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(l&&d){const p={label:qo.transferDrawer.selectAddAccount,value:"",type:"button",onClick:d};A.push(p)}return A},Ye=(e,a,u)=>{const{fromAccount:n,toAccount:d,amount:l}=e.treasuryTransferMoneyLocalData;return{transferDetails:{[st]:l.amount===0?void 0:l.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}}}},Zo=r.div`
   margin-top: ${t.sp3};
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
@@ -291,7 +291,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   margin-left: ${t.sp2};
 `,ar=r(it)`
   color: ${S.important};
-`,sr=r(G)`
+`,sr=r(Y)`
   color: ${S.important};
 `,lr=r(rt)`
   color: ${e=>e.theme.colors.primary};
@@ -300,7 +300,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
     margin-top: ${t.sp1};
     margin-bottom: ${t.sp1};
   `}
-`,Xe=r(Ft)`
+`,Ge=r(Ft)`
   border-radius: ${t.sp2};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
 `,cr=r.div`
@@ -350,7 +350,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
 `,dr=r(ze)`
   padding: ${({size:e})=>g.portfolioContainerPadding.valuePx(e)};
   padding-top: ${t.sp2};
-`,ur=r(De)`
+`,ur=r(Le)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -371,7 +371,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   justify-content: center;
   align-items: center;
   flex-direction: column;
-`,mr=r(G)`
+`,mr=r(Y)`
   color: ${e=>e.theme.colors.hero};
   margin: ${e=>e.windowSize==="small"?t.sp3:`${t.sp3} ${t.sp8}`};
   white-space: pre-line;
@@ -389,15 +389,15 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   background-color: ${e=>e.theme.colors.grey3};
   border-bottom-right-radius: ${t.sp1};
   border-bottom-left-radius: ${t.sp1};
-`,wr=r.div`
+`,xr=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`,qe=r.div`
+`,Je=r.div`
   ${e=>me.calculatorFooterText.style(e.windowSize)}
   color: ${e=>e.theme.colors.hero};
   cursor: pointer;
-`,Ke=r.div`
+`,Ue=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -411,7 +411,7 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,xr=r.div`
+`,wr=r.div`
   display: ${e=>e.windowSize==="small"?"none":"block"};
   width: ${t.sp1};
   height: ${t.sp1};
@@ -426,23 +426,23 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   width: ${e=>e.windowSize==="small"?"100%":"unset"};
 `,$r=r(It)`
   color: ${e=>e.theme.colors.hero};
-`,br=r(Et)`
+`,br=r(Nt)`
   cursor: pointer;
   width: 12px;
   height: 12px;
   min-width: 12px;
   min-height: 12px;
   color: ${e=>e.theme.colors.hero};
-`,Sr=r(Nt)`
+`,Sr=r(Et)`
   cursor: pointer;
   width: 12px;
   height: 12px;
   min-width: 12px;
   min-height: 12px;
   color: ${e=>e.theme.colors.hero};
-`,H={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])},jr={formTitle:new R("h6Regular","h5Regular")},{common:Ue,spendManagement:{treasury:k}}=we.getLocalizedStrings(),Wr=({transferDetails:e,treasurySetupView:a,showReviewContent:u,maxInsuredAmount:n,isFirstTransfer:d,plaidConnectionDetails:l,onSaveChangesToLocalStore:m,onTransferClick:x,onAnotherTransferClick:j,onCancelClick:h,setShowReviewContent:i,onReviewClick:$,onEstablishConnectionClick:T,onFetchLinkTokenClick:A})=>{const p=ge(),{fundsData:C,currentAllocation:B,fundAllocationOptions:J,fetchState:O}=a,Q=J.find(ee=>$t(ee.allocation,B))??{allocation:{},riskLevel:"Conservative",riskScore:0,optionIndex:0},Z=()=>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(kr,{windowSize:p,children:e.fetchState==="Completed"?o.jsxs(He,{windowSize:p,isTransferCompleted:!0,children:[o.jsx(Je,{windowSize:p,children:o.jsx(Qe,{"data-testid":P("cross-transfer-success-close-button"),onClick:()=>{h()}})}),o.jsxs(zr,{windowSize:p,children:[o.jsx(bt,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),o.jsx(Tr,{children:o.jsxs(o.Fragment,{children:[k.transferDrawer.success.prefix,o.jsx(Pr,{children:Y("0,0.[00]",xe)}),k.transferDrawer.success.midfix,`"${b?.label}"`,k.transferDrawer.success.midfix2,`"${D?.label}".`]})}),o.jsxs(Cr,{windowSize:p,children:[o.jsx(Ne,{variant:"secondary",label:k.transferDrawer.anotherTransfer,"data-testid":P("another-transfer-button","treasury"),onClick:()=>{j()},style:{minWidth:200}}),o.jsx(Ne,{variant:"primary",label:k.transferDrawer.backToTreasury,"data-testid":P("back-to-treasury-button"),onClick:()=>{h()},style:{minWidth:200}})]})]})]}):u?o.jsx(fo,{transferDetails:e,setShowReviewContent:i,onTransferClick:x,fundDetails:C,portfolioAllocation:Q,onCancelClick:h}):o.jsxs(o.Fragment,{children:[o.jsxs(He,{windowSize:p,isTransferCompleted:!1,children:[o.jsx(Je,{windowSize:p,children:o.jsx(Qe,{"data-testid":P("cross-amount-details-close-button"),onClick:()=>{h()}})}),p==="small"?o.jsx(Dr,{windowSize:p,children:d?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}):o.jsx(Lr,{windowSize:p,children:d?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}),p==="small"?o.jsx(Ar,{children:k.transferDrawer.subTitle}):o.jsx(vr,{children:k.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?o.jsx(Qo,{onSaveChangesToLocalStore:m,transferDetails:e,onReviewClick:$,fundDetails:C,portfolioAllocation:Q,isFirstTransfer:d,maxInsuredAmount:n,plaidConnectionDetails:l,onEstablishConnectionClick:T,onFetchLinkTokenClick:A}):o.jsx(Ze,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),Z()?o.jsx(et,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:ct(lt),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:Ue.review},cancelBtn:{label:Ue.cancel,onClick:()=>{h()}}}):null]})})},vr=r(G)`
+`,K={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])},vr={formTitle:new R("h6Regular","h5Regular")},{common:qe,spendManagement:{treasury:k}}=xe.getLocalizedStrings(),Xr=({transferDetails:e,treasurySetupView:a,showReviewContent:u,maxInsuredAmount:n,isFirstTransfer:d,plaidConnectionDetails:l,onSaveChangesToLocalStore:m,onTransferClick:w,onAnotherTransferClick:v,onCancelClick:h,setShowReviewContent:i,onReviewClick:$,onEstablishConnectionClick:T,onFetchLinkTokenClick:A})=>{const p=ge(),{fundsData:C,currentAllocation:B,fundAllocationOptions:H,fetchState:O}=a,Q=H.find(ee=>$t(ee.allocation,B))??{allocation:{},riskLevel:"Conservative",riskScore:0,optionIndex:0},Z=()=>O==="Completed"&&(e.treasuryTransferMoneyLocalData.fromAccount!=null||e.treasuryTransferMoneyLocalData.toAccount!=null||e.treasuryTransferMoneyLocalData.amount.amount>0),{fromAccount:b,toAccount:L,amount:we}=e.treasuryTransferMoneyLocalData;return o.jsx(kr,{windowSize:p,children:e.fetchState==="Completed"?o.jsxs(Ke,{windowSize:p,isTransferCompleted:!0,children:[o.jsx(He,{windowSize:p,children:o.jsx(Qe,{"data-testid":P("cross-transfer-success-close-button"),onClick:()=>{h()}})}),o.jsxs(zr,{windowSize:p,children:[o.jsx(bt,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),o.jsx(Tr,{children:o.jsxs(o.Fragment,{children:[k.transferDrawer.success.prefix,o.jsx(Pr,{children:W("0,0.[00]",we)}),k.transferDrawer.success.midfix,`"${b?.label}"`,k.transferDrawer.success.midfix2,`"${L?.label}".`]})}),o.jsxs(Cr,{windowSize:p,children:[o.jsx(Ee,{variant:"secondary",label:k.transferDrawer.anotherTransfer,"data-testid":P("another-transfer-button","treasury"),onClick:()=>{v()},style:{minWidth:200}}),o.jsx(Ee,{variant:"primary",label:k.transferDrawer.backToTreasury,"data-testid":P("back-to-treasury-button"),onClick:()=>{h()},style:{minWidth:200}})]})]})]}):u?o.jsx(fo,{transferDetails:e,setShowReviewContent:i,onTransferClick:w,fundDetails:C,portfolioAllocation:Q,onCancelClick:h}):o.jsxs(o.Fragment,{children:[o.jsxs(Ke,{windowSize:p,isTransferCompleted:!1,children:[o.jsx(He,{windowSize:p,children:o.jsx(Qe,{"data-testid":P("cross-amount-details-close-button"),onClick:()=>{h()}})}),p==="small"?o.jsx(Lr,{windowSize:p,children:d?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}):o.jsx(Dr,{windowSize:p,children:d?k.transferDrawer.title:k.transferDrawer.transferBetweenAccounts}),p==="small"?o.jsx(Ar,{children:k.transferDrawer.subTitle}):o.jsx(jr,{children:k.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?o.jsx(Qo,{onSaveChangesToLocalStore:m,transferDetails:e,onReviewClick:$,fundDetails:C,portfolioAllocation:Q,isFirstTransfer:d,maxInsuredAmount:n,plaidConnectionDetails:l,onEstablishConnectionClick:T,onFetchLinkTokenClick:A}):o.jsx(Ze,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),Z()?o.jsx(et,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:ct(lt),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:qe.review},cancelBtn:{label:qe.cancel,onClick:()=>{h()}}}):null]})})},jr=r(Y)`
   color: ${e=>e.theme.colors.hero};
-`,Ar=r(W)`
+`,Ar=r(X)`
   color: ${e=>e.theme.colors.hero};
 `,kr=r.div`
   display: flex;
@@ -454,37 +454,37 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
 `,Tr=r(St)`
   color: ${e=>e.theme.colors.primary};
   text-align: center;
-`,Pr=r(jt)`
+`,Pr=r(vt)`
   display: inline;
-`,He=r.div`
+`,Ke=r.div`
   height: ${e=>e.isTransferCompleted?"100%":"auto"};
-  padding-left: ${e=>`${H.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${H.containerPaddingRight.valuePx(e.windowSize)}`};
+  padding-left: ${e=>`${K.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${K.containerPaddingRight.valuePx(e.windowSize)}`};
   margin-bottom: auto;
 `,Cr=r.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)}`};
+  gap: ${e=>`${K.buttonTrayGap.valuePx(e.windowSize)}`};
 `,zr=r.div`
   height: 80%;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin: ${e=>`${t.sp0} ${H.successContentMargin.valuePx(e.windowSize)}`};
+  margin: ${e=>`${t.sp0} ${K.successContentMargin.valuePx(e.windowSize)}`};
   align-items: center;
-`,Je=r.div`
+`,He=r.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}`};
+  padding: ${e=>`${K.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Qe=r(De)`
+`,Qe=r(Le)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${t.sp4};
@@ -493,14 +493,14 @@ import{e as ge,M as $t,j as o,Z as P,gV as bt,B as we,a0 as Y,K as Ne,p as Ze,a4
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Dr=r(Tt)`
+`,Lr=r(Tt)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${t.sp3};
   margin-bottom: ${t.sp0};
   margin-right: ${t.sp3};
-`,Lr=r(ot)`
-  ${e=>`${jr.formTitle.style(e.windowSize)}`};
+`,Dr=r(ot)`
+  ${e=>`${vr.formTitle.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   margin-top: ${t.sp3};
   margin-bottom: ${t.sp2};
-`;export{Wr as default};
+`;export{Xr as default};

package/dist/assets/{TrendChart-_IpSJoUH-DXWWW8tE.js → TrendChart-BAMRDfp7-BazRtItt.js}

@@ -1,16 +1,16 @@
-import{B as $,j as n,l as u,u as A,Z as Y,aj as B,b6 as z,b7 as F,aw as P,$ as w,av as R,ab as O,b8 as q,ax as N,ba as _,o as L,g as G,k as K}from"./index-CteHikkY.js";import{b as D,f as Q,n as k}from"./vendor-rkTZJa59.js";import{d as V,g as T,p as v,u as W}from"./chartTypes-BTkUFFIf-PQ5t5G6G.js";import{o as X}from"./toCOABalancesWithID-B0nbXcq3-CrfKiUyi.js";import{V as H}from"./toChartData-CZR7pH0W-Dm5lu3KI.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const I=k.div`
+import{M as w,j as n,l as u,u as Z,_ as Y,ai as z,b6 as B,b7 as F,av as P,v as k,au as R,aa as O,b8 as _,aw as q,ba as G,o as L,g as K,n as N}from"./index-P_4M6V8j.js";import{b as v,f as V,n as $}from"./vendor-rkTZJa59.js";import{d as W,g as M,p as D,u as J}from"./chartTypes-sx4859ds-GbS6VOEl.js";import{o as Q}from"./toCOABalancesWithID-D49XFhoj-DjL9meL6.js";import{V as X}from"./toChartData-C9pHl0xA-CKVc0-Yj.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const H=$.div`
   display: flex;
-`,J=k.div`
+`,I=$.div`
   flex: display;
   opacity: 0.85;
   border-radius: ${L.sp1};
   flex-direction: column;
   padding: ${L.sp3};
   background-color: ${e=>e.theme.colors.black};
-`,U=k(K)`
-  color: ${e=>e.color??G.neutralGrey2Light};
+`,U=$(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(s=>{const l=s.name;if(s&&e&&s.value!==0){const d=s.payload,y=s.color,m=l!=null&&d.record[l]!=null?d.record[l].amount:void 0;r.push({barName:a,value:m,color:y})}}),r},te=e=>{const t=ee(e);return t.length?n.jsx(I,{children:n.jsx(J,{children:t.map((a,r)=>n.jsx(U,{color:a.color,children:`${a.barName}: ${W(a.value)}`},a.barName+r))})}):null},ae=Q.memo(te),re=(e,t,a,r)=>{let s=[];if(r!=null){const l=oe(r,a);l!=null&&l.length>0&&(s=X("trend","actual",l))}if(s.length>0){const l=v("trend","actual"),d={};return d[l]=s,H(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!")}},E=[v("trend","actual")];function xe({firstMonthOfFY:e,trendReport:t,timeframe:a,selectedTimePeriod:r,graphColor:s,width:l,height:d,onTimeframeSelectionChanged:y}){const m=D.useRef(!1),g=r!=null?ne(e,r,a):void 0,b=$.getLocalizedStrings().reports.trend[t?.balancesKind];D.useEffect(()=>{m.current=!0},[]);const x=re(e,E,a,t),j=p=>{const h=[];return E.forEach(o=>{h.push(n.jsx(_,{name:o,isAnimationActive:m.current,dataKey:i=>{const c=i.record;return(c[o]!=null&&c[o].amount!=null?c[o].amount:void 0)?.amount??0},maxBarSize:36,fill:p.toString(),"data-testid":Y(o,"bar")},o))}),h};return x==null?null:n.jsx(le,{chartData:x,timeframe:a,selectedLabel:g,barElements:j(s),customToolTipContent:({active:p,payload:h})=>n.jsx(ae,{active:p,payload:h,trendType:b}),width:l,height:d,onTimeframeSelectionChanged:y})}const le=({chartData:e,timeframe:t,selectedLabel:a,barElements:r,customToolTipContent:s,width:l,height:d,onTimeframeSelectionChanged:y})=>{const m=A(),[g,b]=D.useState([void 0,void 0]),x=e.timeseries,j=V(e),p=x.map(o=>o.label);D.useEffect(()=>{if(a!=null){const o=T(a.label,p,1);b(o)}else b([void 0,void 0])},[t,a]);const h=o=>{if(o?.activePayload==null||o?.activePayload.length===0)return;const i=o.activePayload[0];if(i?.payload?.record?.[v("trend","actual")]?.amount==null)return;const c=i.payload.record[v("trend","actual")].amount;if(c!=null&&c.amount===0||i?.payload?.timeLabel?.label==null)return;const M=i.payload.timeLabel.label,S=i.payload.timeLabel.startDate,C=i.payload.timeLabel.endDate,Z=T(M,p,1);b(Z),y?.(t,{startDate:S,endDate:C})};return n.jsx("div",{style:{width:l,height:d},"data-testid":Y("simple-bar-chart"),children:n.jsx(B,{children:({height:o,width:i})=>n.jsxs(z,{"data-testid":Y("bar-chart"),width:i,height:o,data:e.recordByTimeseries,barCategoryGap:"30%",margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto",cursor:"pointer"},onClick:h,children:[n.jsx(F,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:m.colors.grey3}),n.jsx(P,{dataKey:c=>c.timeLabel.label,type:"category",axisLine:{stroke:m.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:m.colors.hero,...w.extraSmallRegular.cssObject}}),n.jsx(R,{type:"number",axisLine:!1,tickLine:!1,tick:{color:m.colors.hero,...w.extraSmallRegular.cssObject},tickFormatter:c=>O("0,0.[00]a",c,j)}),n.jsx(q,{cursor:!1,content:s,allowEscapeViewBox:{x:!1,y:!0}}),a!=null&&n.jsx(N,{x1:g[0],x2:g[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),r]})})})},{dateFormat:f}=$.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=`${$.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(s=>{const l=s.name;if(s&&e&&s.value!==0){const d=s.payload,y=s.color,m=l!=null&&d.record[l]!=null?d.record[l].amount:void 0;r.push({barName:a,value:m,color:y})}}),r},te=e=>{const t=ee(e);return t.length?n.jsx(H,{children:n.jsx(I,{children:t.map((a,r)=>n.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 s=[];if(r!=null){const l=oe(r,a);l!=null&&l.length>0&&(s=Q("trend","actual",l))}if(s.length>0){const l=D("trend","actual"),d={};return d[l]=s,X(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!")}},T=[D("trend","actual")];function xe({firstMonthOfFY:e,trendReport:t,timeframe:a,selectedTimePeriod:r,graphColor:s,width:l,height:d,onTimeframeSelectionChanged:y}){const m=v.useRef(!1),b=r!=null?ne(e,r,a):void 0,g=w.getLocalizedStrings().reports.trend[t?.balancesKind];v.useEffect(()=>{m.current=!0},[]);const x=re(e,T,a,t),j=p=>{const h=[];return T.forEach(o=>{h.push(n.jsx(G,{name:o,isAnimationActive:m.current,dataKey:i=>{const c=i.record;return(c[o]!=null&&c[o].amount!=null?c[o].amount:void 0)?.amount??0},maxBarSize:36,fill:p.toString(),"data-testid":Y(o,"bar")},o))}),h};return x==null?null:n.jsx(le,{chartData:x,timeframe:a,selectedLabel:b,barElements:j(s),customToolTipContent:({active:p,payload:h})=>n.jsx(ae,{active:p,payload:h,trendType:g}),width:l,height:d,onTimeframeSelectionChanged:y})}const le=({chartData:e,timeframe:t,selectedLabel:a,barElements:r,customToolTipContent:s,width:l,height:d,onTimeframeSelectionChanged:y})=>{const m=Z(),[b,g]=v.useState([void 0,void 0]),x=e.timeseries,j=W(e),p=x.map(o=>o.label);v.useEffect(()=>{if(a!=null){const o=M(a.label,p,1);g(o)}else g([void 0,void 0])},[t,a]);const h=o=>{if(o?.activePayload==null||o?.activePayload.length===0)return;const i=o.activePayload[0];if(i?.payload?.record?.[D("trend","actual")]?.amount==null)return;const c=i.payload.record[D("trend","actual")].amount;if(c!=null&&c.amount===0||i?.payload?.timeLabel?.label==null)return;const E=i.payload.timeLabel.label,S=i.payload.timeLabel.startDate,C=i.payload.timeLabel.endDate,A=M(E,p,1);g(A),y?.(t,{startDate:S,endDate:C})};return n.jsx("div",{style:{width:l,height:d},"data-testid":Y("simple-bar-chart"),children:n.jsx(z,{children:({height:o,width:i})=>n.jsxs(B,{"data-testid":Y("bar-chart"),width:i,height:o,data:e.recordByTimeseries,barCategoryGap:"30%",margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto",cursor:"pointer"},onClick:h,children:[n.jsx(F,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:m.colors.grey3}),n.jsx(P,{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(R,{type:"number",axisLine:!1,tickLine:!1,tick:{color:m.colors.hero,...k.extraSmallRegular.cssObject},tickFormatter:c=>O("0,0.[00]a",c,j)}),n.jsx(_,{cursor:!1,content:s,allowEscapeViewBox:{x:!1,y:!0}}),a!=null&&n.jsx(q,{x1:b[0],x2:b[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),r]})})})},{dateFormat:f}=w.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=`${w.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};

package/dist/assets/{TrendWithTransactions-BqGV_CQg-DBpBbNzJ.js → TrendWithTransactions-CgbouMHP-BeJkYy2u.js}

@@ -1,4 +1,4 @@
-import{e as D,j as i,p as R,o as t,B as F,C as c,Z as S,aj as E,am as Y,c6 as q,s as a,k as K,a3 as V}from"./index-CteHikkY.js";import{b as k,n}from"./vendor-rkTZJa59.js";import W from"./TrendChart-_IpSJoUH-DXWWW8tE.js";import{C as Z}from"./NoDataChart-DHDhwnCE-CDUxuuOv.js";import{B as _}from"./InsightsSection-R-m-A1rt-DREvFYeH.js";import{p as Q}from"./TransactionList-BIMzvzrT-_or9xEGN.js";const X=n.div`
+import{e as k,j as i,m as R,o as t,M as F,C as c,_ as S,ai as q,al as Y,c6 as E,q as a,n as _,a2 as K}from"./index-P_4M6V8j.js";import{b as D,n}from"./vendor-rkTZJa59.js";import V from"./TrendChart-BAMRDfp7-BazRtItt.js";import{C as W}from"./NoDataChart-C4KqN3ua-6H0vHNsB.js";import{F as J}from"./InsightsSection-C8Oi6wcZ-D3wuyBHx.js";import{p as X}from"./TransactionList-CEfjoVPA-DR1uAuMl.js";const Z=n.div`
   display: inline-block;
 `,G=n.div`
   background-color: ${e=>e.theme.colors.grey3};
@@ -12,21 +12,21 @@ import{e as D,j as i,p as R,o as t,B as F,C as c,Z as S,aj as E,am as Y,c6 as q,
     background-color: ${e=>e.theme.colors.grey2};
     color: ${e=>e.theme.colors.primary};
   }
-`,J=n.div`
+`,Q=n.div`
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
-`,U=n(K)`
+`,U=n(_)`
   margin-right: ${t.sp2};
-`,ee=n(V)`
+`,ee=n(K)`
   width: ${t.sp3};
   height: ${t.sp3};
   color: inherit;
   &:hover {
     color: inherit;
   }
-`;function ie({selectedTimeframeTick:e,onTimeFilterClosed:r}){const l=()=>{r?.()};return i.jsx(X,{children:i.jsx(G,{onClick:l,"data-testid":S("time-filter-indicator"),children:i.jsxs(J,{children:[i.jsx(U,{children:te(e)}),i.jsx(ee,{preserveAspectRatio:"none"})]})})})}const te=e=>{const r=e.startDate,l=F.getLocalizedStrings();return`${r.format(l.dateFormat.visual.MMMYYFormat)}`},re={filterMarginLeft:new c(a[3],a[8])},ne=n.div`
+`;function ie({selectedTimeframeTick:e,onTimeFilterClosed:r}){const l=()=>{r?.()};return i.jsx(Z,{children:i.jsx(G,{onClick:l,"data-testid":S("time-filter-indicator"),children:i.jsxs(Q,{children:[i.jsx(U,{children:te(e)}),i.jsx(ee,{preserveAspectRatio:"none"})]})})})}const te=e=>{const r=e.startDate,l=F.getLocalizedStrings();return`${r.format(l.dateFormat.visual.MMMYYFormat)}`},re={filterMarginLeft:new c(a[3],a[8])},ne=n.div`
   display: flex;
   flex: 1 1 auto;
   width: 100%;
@@ -45,7 +45,7 @@ import{e as D,j as i,p as R,o as t,B as F,C as c,Z as S,aj as E,am as Y,c6 as q,
   justify-content: center;
   align-items: center;
   margin-top: ${t.sp8};
-`;function de({firstMonthOfFY:e,selectedTimePeriod:r,showSelectedPeriodTags:l,fetchState:s,transactions:d,isDetailPage:g,onTransactionItemClick:m,onSelectedTimePeriodClear:p,onLoadPreviousTransactionsClick:T,onTransactionListHeightChanged:u}){const w=s==="In-Progress"||s==="Not-Started",$=d.length===0&&w,v=d.length>0&&w,M=g!==!0&&l!==!0?{isLoading:v&&(s==="In-Progress"||s==="Not-Started"),onLoadPreviousClick:(y,C)=>{T?.(y,C)}}:void 0,h=D();return i.jsx(ne,{"data-testid":S("trend-transactions-list-container"),children:$===!1?i.jsxs(i.Fragment,{children:[g===!1&&l===!0&&r!=null&&i.jsx(oe,{windowSize:h,children:i.jsx(ie,{selectedTimeframeTick:r,onTimeFilterClosed:p})}),r!=null&&i.jsx(ae,{"data-testid":S("trend-transactions-list"),children:i.jsx(Q,{firstMonthOfFY:e,timeframe:"quarter",timePeriod:r,transactions:d,isFirstLotLoading:w&&!v,componentName:"trend.transactions.list",onTransactionItemClick:m,showLoadPrevious:M,onListInnerElementHeightChanged:u})})]}):i.jsx(se,{children:i.jsx(R,{size:"Standard",start:!0})})})}const o={headingMarginLeftRight:new c(a[3],a[8]),headingMarginTop:new c(a[3],a[6]),headingMarginTopDetail:new c(0,0),headingMarginBottom:new c(a[4],a[5]),chartMarginLeftRight:new c(a[3],a[8]),smallHeadingMarginTop:new c(a[7],a[5]),smallHeadingMarginBottom:new c(a[4],a[3])},j={trendChartHeight:360,emptyTrendChartHeight:new c(360,432),selectedTimeHeight:136,loaderTrendChartHeight:new c(470,470)},le=n.div`
+`;function de({firstMonthOfFY:e,selectedTimePeriod:r,showSelectedPeriodTags:l,fetchState:s,transactions:d,isDetailPage:g,onTransactionItemClick:m,onSelectedTimePeriodClear:p,onLoadPreviousTransactionsClick:T,onTransactionListHeightChanged:u}){const w=s==="In-Progress"||s==="Not-Started",$=d.length===0&&w,v=d.length>0&&w,M=g!==!0&&l!==!0?{isLoading:v&&(s==="In-Progress"||s==="Not-Started"),onLoadPreviousClick:(y,C)=>{T?.(y,C)}}:void 0,h=k();return i.jsx(ne,{"data-testid":S("trend-transactions-list-container"),children:$===!1?i.jsxs(i.Fragment,{children:[g===!1&&l===!0&&r!=null&&i.jsx(oe,{windowSize:h,children:i.jsx(ie,{selectedTimeframeTick:r,onTimeFilterClosed:p})}),r!=null&&i.jsx(ae,{"data-testid":S("trend-transactions-list"),children:i.jsx(X,{firstMonthOfFY:e,timeframe:"quarter",timePeriod:r,transactions:d,isFirstLotLoading:w&&!v,componentName:"trend.transactions.list",onTransactionItemClick:m,showLoadPrevious:M,onListInnerElementHeightChanged:u})})]}):i.jsx(se,{children:i.jsx(R,{size:"Standard",start:!0})})})}const o={headingMarginLeftRight:new c(a[3],a[8]),headingMarginTop:new c(a[3],a[6]),headingMarginTopDetail:new c(0,0),headingMarginBottom:new c(a[4],a[5]),chartMarginLeftRight:new c(a[3],a[8]),smallHeadingMarginTop:new c(a[7],a[5]),smallHeadingMarginBottom:new c(a[4],a[3])},j={trendChartHeight:360,emptyTrendChartHeight:new c(360,432),selectedTimeHeight:136,loaderTrendChartHeight:new c(470,470)},le=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -63,7 +63,7 @@ import{e as D,j as i,p as R,o as t,B as F,C as c,Z as S,aj as E,am as Y,c6 as q,
   height: 360px;
   margin: ${e=>`${t.sp0} ${o.chartMarginLeftRight.valuePx(e.windowSize)}`};
   margin-bottom: ${e=>e.bottomMarginNeeded===!0?t.sp8:t.sp0};
-`,he=n(q)`
+`,he=n(E)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${e=>o.headingMarginTop.valuePx(e.windowSize)};
   margin-left: ${e=>o.headingMarginLeftRight.valuePx(e.windowSize)};
@@ -113,4 +113,4 @@ import{e as D,j as i,p as R,o as t,B as F,C as c,Z as S,aj as E,am as Y,c6 as q,
   align-items: center;
   height: ${e=>j.loaderTrendChartHeight.valuePx(e.windowSize)};
   margin-top: ${t.sp8};
-`;function Le({firstMonthOfFY:e,trendWithTransactionsReport:r,graphColor:l,isDetailPage:s,initialTransactionListHeight:d=5,page:g,onTransactionItemClick:m,onTimePeriodChange:p}){const T=r.fetchState!=="Completed",u=r.selectedPeriod??{timeframe:"quarter",timePeriod:r.transactionTimePeriod},w="month",$=u?.timeframe==="month",v=r.trendReport?.dataAvailable==null,M=()=>r.trendReport?.fetchState==="In-Progress"&&r.fetchState==="Completed",h=r.trendReport?.trendReport,y=()=>{p?.("TransactionList")},C=(f,x)=>{const L={timeframe:x,addTimePeriod:f,currentTimePeriod:r.selectedPeriod?.timePeriod};p?.("TransactionListLoadMore",L)},P=D(),[B,I]=k.useState(d),z=k.useRef(null),b=()=>{const f=h?.insights!=null&&h?.insights.length>0;return i.jsxs(i.Fragment,{children:[v?M()?i.jsx(Pe,{windowSize:P,children:i.jsx(R,{size:"Standard",start:!0})}):i.jsx(fe,{children:i.jsx(Z,{title:F.getLocalizedStrings().chartCard.no_data_available})}):i.jsx(ge,{windowSize:P,"data-testid":S("trend-with-transactions-chart",g),bottomMarginNeeded:!f,children:i.jsx(E,{children:({height:x,width:L})=>i.jsx(i.Fragment,{children:i.jsx(W,{firstMonthOfFY:e,trendReport:h,timeframe:w,selectedTimePeriod:$===!0?u?.timePeriod:void 0,graphColor:l,onTimeframeSelectionChanged:(N,A)=>{p?.("Chart",{timeframe:N,addTimePeriod:A})},width:L,height:x})})})}),h?.insights!=null&&h?.insights.length>0&&i.jsx(ce,{ref:z,children:i.jsx(_,{insights:h?.insights})})]})},H=f=>i.jsx(i.Fragment,{children:i.jsx(de,{firstMonthOfFY:f.firstMonthOfFY,selectedTimePeriod:u?.timePeriod,showSelectedPeriodTags:$,isDetailPage:s,fetchState:r.transactionView?.fetchState??"Not-Started",transactions:r.transactionView?.transactions??[],onTransactionItemClick:m,onLoadPreviousTransactionsClick:C,onSelectedTimePeriodClear:y,onTransactionListHeightChanged:x=>{I(x)}})}),O=f=>{const x=z.current!=null?z.current.clientHeight:56;return(v===!0?j.emptyTrendChartHeight.value(P):j.trendChartHeight)+($===!0?j.selectedTimeHeight:0)+x+f};return i.jsx(le,{page:g,isDetailPage:s,children:T===!0?i.jsx(ve,{isDetailPage:s,children:i.jsx(R,{size:"Standard",start:!0})}):i.jsxs(i.Fragment,{children:[i.jsx(je,{windowSize:P,report:r,isDetailPage:s,page:g}),i.jsx(xe,{windowSize:P,height:O(B),children:s===!0?i.jsxs(i.Fragment,{children:[i.jsx(we,{children:i.jsx(b,{})}),i.jsx(H,{firstMonthOfFY:e})]}):i.jsxs(i.Fragment,{children:[i.jsx(ue,{page:g,children:i.jsx(b,{})}),i.jsx($e,{children:i.jsx(H,{firstMonthOfFY:e})})]})})]})})}const je=({windowSize:e,report:r,isDetailPage:l,page:s})=>{const d=r.trendReport?.trendReport;if(d==null)return null;const g=d?.balancesKind==="income"?d.customer.name:d.vendor.name,m=F.getLocalizedStrings().reports.trend[d?.balancesKind];if(l)return i.jsx(pe,{windowSize:e,children:m});const p=g+" "+m;return s==="vendorDetailPage"?i.jsx(me,{windowSize:e,children:m}):i.jsx(he,{windowSize:e,children:p})};export{Le as R};
+`;function Le({firstMonthOfFY:e,trendWithTransactionsReport:r,graphColor:l,isDetailPage:s,initialTransactionListHeight:d=5,page:g,onTransactionItemClick:m,onTimePeriodChange:p}){const T=r.fetchState!=="Completed",u=r.selectedPeriod??{timeframe:"quarter",timePeriod:r.transactionTimePeriod},w="month",$=u?.timeframe==="month",v=r.trendReport?.dataAvailable==null,M=()=>r.trendReport?.fetchState==="In-Progress"&&r.fetchState==="Completed",h=r.trendReport?.trendReport,y=()=>{p?.("TransactionList")},C=(f,x)=>{const L={timeframe:x,addTimePeriod:f,currentTimePeriod:r.selectedPeriod?.timePeriod};p?.("TransactionListLoadMore",L)},P=k(),[I,O]=D.useState(d),z=D.useRef(null),b=()=>{const f=h?.insights!=null&&h?.insights.length>0;return i.jsxs(i.Fragment,{children:[v?M()?i.jsx(Pe,{windowSize:P,children:i.jsx(R,{size:"Standard",start:!0})}):i.jsx(fe,{children:i.jsx(W,{title:F.getLocalizedStrings().chartCard.no_data_available})}):i.jsx(ge,{windowSize:P,"data-testid":S("trend-with-transactions-chart",g),bottomMarginNeeded:!f,children:i.jsx(q,{children:({height:x,width:L})=>i.jsx(i.Fragment,{children:i.jsx(V,{firstMonthOfFY:e,trendReport:h,timeframe:w,selectedTimePeriod:$===!0?u?.timePeriod:void 0,graphColor:l,onTimeframeSelectionChanged:(B,A)=>{p?.("Chart",{timeframe:B,addTimePeriod:A})},width:L,height:x})})})}),h?.insights!=null&&h?.insights.length>0&&i.jsx(ce,{ref:z,children:i.jsx(J,{insights:h?.insights})})]})},H=f=>i.jsx(i.Fragment,{children:i.jsx(de,{firstMonthOfFY:f.firstMonthOfFY,selectedTimePeriod:u?.timePeriod,showSelectedPeriodTags:$,isDetailPage:s,fetchState:r.transactionView?.fetchState??"Not-Started",transactions:r.transactionView?.transactions??[],onTransactionItemClick:m,onLoadPreviousTransactionsClick:C,onSelectedTimePeriodClear:y,onTransactionListHeightChanged:x=>{O(x)}})}),N=f=>{const x=z.current!=null?z.current.clientHeight:56;return(v===!0?j.emptyTrendChartHeight.value(P):j.trendChartHeight)+($===!0?j.selectedTimeHeight:0)+x+f};return i.jsx(le,{page:g,isDetailPage:s,children:T===!0?i.jsx(ve,{isDetailPage:s,children:i.jsx(R,{size:"Standard",start:!0})}):i.jsxs(i.Fragment,{children:[i.jsx(je,{windowSize:P,report:r,isDetailPage:s,page:g}),i.jsx(xe,{windowSize:P,height:N(I),children:s===!0?i.jsxs(i.Fragment,{children:[i.jsx(we,{children:i.jsx(b,{})}),i.jsx(H,{firstMonthOfFY:e})]}):i.jsxs(i.Fragment,{children:[i.jsx(ue,{page:g,children:i.jsx(b,{})}),i.jsx($e,{children:i.jsx(H,{firstMonthOfFY:e})})]})})]})})}const je=({windowSize:e,report:r,isDetailPage:l,page:s})=>{const d=r.trendReport?.trendReport;if(d==null)return null;const g=d?.balancesKind==="income"?d.customer.name:d.vendor.name,m=F.getLocalizedStrings().reports.trend[d?.balancesKind];if(l)return i.jsx(pe,{windowSize:e,children:m});const p=g+" "+m;return s==="vendorDetailPage"?i.jsx(me,{windowSize:e,children:m}):i.jsx(he,{windowSize:e,children:p})};export{Le as R};