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

package/dist/assets/TreasuryTransferOrReviewPage-C8-tbCUQ-Ckqtt7Wk.js

@@ -1,506 +0,0 @@
-import{X as ge,K as $t,j as o,$ as P,gR as bt,B as xe,a0 as W,i as _e,h as Ke,a4 as et,o as t,C as f,a3 as De,k as St,am as vt,u as jt,a2 as J,bx as At,cS as tt,J as R,l as z,f_ as kt,d as S,Z as Tt,g as ot,w as X,m as Y,e_ as Pt,a as Ct,c7 as zt,F as Dt,fG as Lt,s as c,br as rt,c_ as nt,bL as it,cD as Ft,cu as Mt,fa as Rt,f2 as Bt,d6 as Ot,M as It,f3 as Et,dt as _t,c0 as Nt,b$ as Vt,aR as Wt,bd as Xt,fc as Yt,fl as Gt,ab as qt}from"./index-Dv7T7Q4q.js";import{n as r,b as x}from"./vendor-CnQcJ2Lu.js";import{V as at}from"./PortfolioDetails-BkGNpmoO-kzJ3Imwc.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-yIAXBrrM-3MHYMecV.js";const Jt=xe.getLocalizedStrings().spendManagement.treasury,F=[0,125e4,25e5,35e5,5e6],Zt=1e3;function Ht({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:Zt,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:Qt(l)}),o.jsx(ro,{children:F.map((h,i)=>o.jsx(no,{onClick:()=>v(h),"data-testid":P("slider-label",h.toString()),style:{left:Ut(i)},children:o.jsx(io,{isSelected:l>=h,children:Kt(h)})},h))})]})}const Qt=e=>{const a=qt("0,0.[00]a",e,"$").toUpperCase();return`${Jt.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%"}},Kt=e=>Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:2}).format(e),eo=r.input`
-  width: 100%;
-  &[type="range"]::-webkit-slider-runnable-track {
-    height: 2px;
-    cursor: pointer;
-    background-color: ${e=>e.theme.colors.grey3};
-  }
-
-  &[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-  }
-
-  &[type="range"]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    height: ${t.sp5};
-    width: ${t.sp5};
-    border-radius: 100%;
-    margin-top: -${t.sp3}; // Centers thumb on the track
-    box-shadow: ${t.sp0} ${t.sp0} 2px ${S.blackColor};
-    background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/slider-icon-${e.theme.mode==="dark"?"light":"dark"}.svg)`};
-    background-repeat: no-repeat;
-    cursor: pointer;
-  }
-`,to=r.div`
-  position: relative;
-  width: 70%;
-  margin-left: 30px;
-  margin-right: 30px;
-  margin-bottom: 20px;
-  margin-top: ${t.sp5};
-  min-height: ${t.sp8};
-`,oo=r.div`
-  position: absolute;
-  height: 2px;
-  margin-top: -${t.sp2};
-  background-color: ${e=>e.theme.colors.hero};
-`,ro=r.div`
-  position: absolute;
-  bottom: ${t.sp0};
-  top: ${t.sp5};
-  width: 100%;
-  display: flex;
-  justify-content: center;
-`,no=r.span`
-  position: absolute;
-  cursor: pointer;
-  transform: translateX(-50%);
-`,io=r(X)`
-  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
-  white-space: nowrap;
-`,ao=r(X)`
-  position: absolute;
-  top: -${t.sp5};
-  white-space: nowrap;
-  color: ${S.primaryDark};
-  background-color: ${S.success};
-  display: flex;
-  border-radius: ${t.sp1};
-  justify-content: center;
-  align-items: center;
-  padding: 2px ${t.sp2};
-`,Z={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}}}}=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(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(Jo,{}),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(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(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(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=J(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(Ne,{"data-testid":P("nav-bar-close-transfer-review"),onClick:l})})}),o.jsx(Ro,{windowSize:m,children:E.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(Lo,{}),o.jsx(Yo,{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(vo,{children:[o.jsxs(Co,{children:[o.jsx(Do,{}),o.jsxs(jo,{children:[o.jsx(Ao,{children:e.error?.title}),o.jsx(ko,{children:e.error?.message})]})]}),o.jsx(zo,{children:o.jsx(Ne,{"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: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}}})]})},N=(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(_o,{src:go(l.logo),isOptionSelected:u,isForReview:d,loading:"lazy"}):o.jsx(No,{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(Eo,{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(Ke,{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(X)`
-  color: ${e=>e.theme.colors.hero};
-`,ce=r(Y)`
-  display: flex;
-  align-items: center;
-`,$o=r.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-  padding: ${e=>`${Z.elementsContainerPadding.valuePx(e.windowSize)}`};
-  gap: ${t.sp4};
-  ${e=>e.windowSize==="small"&&`
-    width: auto;
-  `}
-`,bo=r.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  justify-content: space-between;
-  align-items: ${e=>e.windowSize==="small"?"stretch":"center"};
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-`,de=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${t.sp1};
-  padding: ${t.sp2} ${t.sp3};
-  background-color: ${e=>e.theme.colors.grey4};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-radius: ${t.sp2};
-  width: ${e=>e.windowSize==="small"?"auto":"288px"};
-`,So=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};
-`,vo=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`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${t.sp2};
-`,Ao=r(it)`
-  color: ${S.important};
-`,ko=r(Y)`
-  color: ${S.important};
-`,To=r.div`
-  margin-top: ${t.sp3};
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: space-between;
-  padding: ${t.sp3} ${t.sp4};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${t.sp2};
-  box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,Po=r.div`
-  height: auto;
-  padding-left: ${e=>`${Z.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${Z.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Co=r.div`
-  display: flex;
-  align-items: flex-start;
-`,zo=r.div``,Do=r(nt)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${S.important};
-`,Ne=r(De)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Lo=r.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ue=r(X)`
-  color: ${e=>e.theme.colors.hero};
-`,Fo=r.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${t.sp3};
-  padding-bottom: ${e=>`${Z.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
-`,Mo=r.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-  top: ${t.sp0};
-  padding: ${e=>`${Z.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
-  z-index: 2;
-  background-color: transparent;
-`,Ro=r(ot)`
-  ${e=>`${Ce.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};
-  `}
-`,Bo=r(X)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${t.sp2};
-`,Oo=r.span`
-  margin-left: ${t.sp2};
-`,Ae=r.div``,Io=r(Xt)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-  margin-left: ${t.sp1};
-`,Eo=r.div`
-  width: ${t.sp1};
-  height: ${t.sp1};
-  min-width: ${t.sp1};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,_o=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};
-`,No=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};
-`,Vo=r(Gt)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-  margin-right: ${t.sp2};
-`,Ve=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};
-`,We=r(Yt)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-  margin-right: ${t.sp2};
-`,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};
-`,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};
-  `}
-`,Yo=r(Y)`
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${t.sp3};
-`,Go=r(Wt)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,qo=r(Nt)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${e=>e.theme.colors.hero};
-  align-self: center;
-`,Jo=r(Vt)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${e=>e.theme.colors.hero};
-  align-self: center;
-`,pe=r.div`
-  width: 1px;
-  height: 25px;
-  background-color: ${e=>e.theme.colors.grey1};
-  position: absolute;
-  right: 50%;
-  bottom: -25px;
-`,{common:ke,spendManagement:{treasury:M,zeniAccounts:{zeniAccountList:Zo},billPay:{insufficientFunds:Xe}}}=xe.getLocalizedStrings(),st="amount",Ho="transferTo",Qo="transferFrom",_="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 Uo({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,Q]=x.useState(e.treasuryTransferMoneyLocalData.amount?.amount??0),O=a.reduce((s,y)=>{const j=y.yield;return Math.max(s,j)},0),[U,K]=x.useState(he(B,O)),b=l.link_account_no_microdeposit,[D,we]=x.useState(b.linkToken??null),[ee,Le]=x.useState(!1),[Fe,Me]=x.useState(!1),ye=e.transferMoneyPartiesFetchState,Re=J(ye),$e=e.treasuryTransferMoneyLocalData.fromAccount?.id,be=e.treasuryTransferMoneyLocalData.toAccount?.id,Be=J($e),Oe=J(be),Se=e.transferMoneyParties.map(s=>s.id),ve=J(Se),dt=x.useCallback(s=>{v?.(s),Me(!1),Le(!1)},[v]),ut=x.useCallback((s,y)=>{s!=null&&console.log("Plaid Connection Error",s,y)},[]),{open:te,ready:G}=Pt({token:D,onSuccess:dt,onExit:ut}),q=x.useCallback(s=>{s.preventDefault(),s.stopPropagation(),G?te():Le(!0)},[te,G]),I=Ct({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Ye(e,n,q),[e,n])}),{isValid:pt}=I.formState;x.useEffect(()=>{b.fetchStatus.fetchState==="Completed"&&b.linkToken!=null&&b.linkToken!==D&&we(b.linkToken)},[b.fetchStatus.fetchState,b.linkToken,D]),x.useEffect(()=>{b.linkToken===D&&b.fetchStatus.fetchState==="Completed"&&G&&Me(!0)},[G,D,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,q))},[G,D,b.fetchStatus.fetchState,Re,ye,Be,Oe,be,$e,ve,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 j={...y},oe=j[_].transferFrom.selectedOption,re=j[_].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 Ee={amount:j[_].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};Q(Ee.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(()=>{K(he(B,O))},[B,O]);const gt=I.handleSubmit(()=>{pt&&w()}),{fromAccount:xt,toAccount:Ie,amount:L}=e.treasuryTransferMoneyLocalData,wt=s=>{if(!s||!L.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(L,j))return Xe.addMoney}else if(y?.accountBalance?.available&&z.checkIfLowBalance(L,y.accountBalance.available))return Xe.addMoney;return""};return o.jsxs(o.Fragment,{children:[T?o.jsx(Ko,{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(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(_,Qo),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(s,y)=>N(e.transferMoneyParties,s,y,s===e.treasuryAccount.id,!1),valueToSubLabels:(s,y)=>V(e.transferMoneyParties,e.treasuryAccount,s,y,!0,!1,L),defaultValue:{selectedOption:xt?.id,allOptions:fe(e,!0,n,!0,q,!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(_,Ho),style:{position:"relative"},capitalizeOptions:!0,placeholder:M.transferDrawer.selectAccount,valueToLogo:(s,y)=>N(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(_,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__",W("0,0.[00]a",{amount:d,currencySymbol:"$"})).replace("__rate__",O.toString())}),o.jsx(Ht,{interestRate:O,transferAmount:B,setYieldEarned:K,setTransferAmount:Q})]}):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:U,currencySymbol:"$"})}`})}),o.jsx(wr,{windowSize:i}),o.jsx($r,{children:`${M.transferDrawer.calculator.footerText.forTotalDeposit} ${W("0,0",{amount:B,currencySymbol:"$"})}`})]}),p?o.jsxs(Je,{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(Je,{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,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:Zo.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}}}},Ko=r.div`
-  margin-top: ${t.sp3};
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: space-between;
-  padding: ${t.sp3} ${t.sp4};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${t.sp2};
-  box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,er=r.form`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,tr=r.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: ${t.sp3} ${t.sp4};
-  background-color: ${S.importantLight};
-  border-radius: ${t.sp2};
-`,or=r.div`
-  display: flex;
-  align-items: flex-start;
-`,rr=r.div``,nr=r(nt)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${S.important};
-`,ir=r.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${t.sp2};
-`,ar=r(it)`
-  color: ${S.important};
-`,sr=r(Y)`
-  color: ${S.important};
-`,lr=r(rt)`
-  color: ${e=>e.theme.colors.primary};
-  margin: ${t.sp5} ${t.sp0} ${t.sp3} ${t.sp0};
-  ${e=>e.windowSize==="small"&&`
-    margin-top: ${t.sp1};
-    margin-bottom: ${t.sp1};
-  `}
-`,Ge=r(Ft)`
-  border-radius: ${t.sp2};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-`,cr=r.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-`,Pe=r.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,ze=r.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${t.sp2};
-  padding-left: ${({size:e})=>g.rowContentSelectPaddingLeft.valuePx(e)};
-  justify-content: space-between;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .select-control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-  &:focus-within {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  ${({size:e})=>e==="small"&&`   
-    .select-value-container {
-      margin-right: ${t.sp1} !important;
-    }
-  `}
-`,dr=r(ze)`
-  padding: ${({size:e})=>g.portfolioContainerPadding.valuePx(e)};
-  padding-top: ${t.sp2};
-`,ur=r(De)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,pr=r.div`
-  margin-bottom: ${t.sp6};
-  width: 90%;
-`,hr=r.div`
-  background-color: ${e=>e.theme.colors.background};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  border-top: none;
-  min-height: 182px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-`,mr=r(Y)`
-  color: ${e=>e.theme.colors.hero};
-  margin: ${e=>e.windowSize==="small"?t.sp3:`${t.sp3} ${t.sp8}`};
-  white-space: pre-line;
-  text-align: center;
-`,fr=r.div`
-  ${e=>me.yieldEarned.style(e.windowSize)}
-  color: ${S.success};
-  white-space: nowrap;
-`,gr=r.div`
-  display: flex;
-  align-items: center;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  justify-content: space-between;
-  padding: ${t.sp2} ${t.sp3};
-  background-color: ${e=>e.theme.colors.grey3};
-  border-bottom-right-radius: ${t.sp1};
-  border-bottom-left-radius: ${t.sp1};
-`,xr=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`,qe=r.div`
-  ${e=>me.calculatorFooterText.style(e.windowSize)}
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-`,Je=r.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 6px;
-  align-self: ${e=>e.windowSize==="small"?"flex-end":"center"};
-  &:hover {
-    .calculatorFooterLeftText {
-      color: ${e=>e.theme.colors.primary};
-    }
-    .calculatorFooterArrowIcon {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,wr=r.div`
-  display: ${e=>e.windowSize==="small"?"none":"block"};
-  width: ${t.sp1};
-  height: ${t.sp1};
-  min-width: ${t.sp1};
-  margin: 0 ${t.sp2};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,yr=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"};
-`,$r=r(It)`
-  color: ${e=>e.theme.colors.hero};
-`,br=r(Et)`
-  cursor: pointer;
-  width: 12px;
-  height: 12px;
-  min-width: 12px;
-  min-height: 12px;
-  color: ${e=>e.theme.colors.hero};
-`,Sr=r(_t)`
-  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])},vr={formTitle:new R("h6Regular","h5Regular")},{common:Ze,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:Q,fetchState:O}=a,U=Q.find(ee=>$t(ee.allocation,B))??{allocation:{},riskLevel:"Conservative",riskScore:0,optionIndex:0},K=()=>O==="Completed"&&(e.treasuryTransferMoneyLocalData.fromAccount!=null||e.treasuryTransferMoneyLocalData.toAccount!=null||e.treasuryTransferMoneyLocalData.amount.amount>0),{fromAccount:b,toAccount:D,amount:we}=e.treasuryTransferMoneyLocalData;return o.jsx(kr,{windowSize:p,children:e.fetchState==="Completed"?o.jsxs(He,{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(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,`"${D?.label}".`]})}),o.jsxs(Cr,{windowSize:p,children:[o.jsx(_e,{variant:"secondary",label:k.transferDrawer.anotherTransfer,"data-testid":P("another-transfer-button","treasury"),onClick:()=>{v()},style:{minWidth:200}}),o.jsx(_e,{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:U,onCancelClick:h}):o.jsxs(o.Fragment,{children:[o.jsxs(He,{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(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(jr,{children:k.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?o.jsx(Uo,{onSaveChangesToLocalStore:m,transferDetails:e,onReviewClick:$,fundDetails:C,portfolioAllocation:U,isFirstTransfer:d,maxInsuredAmount:n,plaidConnectionDetails:l,onEstablishConnectionClick:T,onFetchLinkTokenClick:A}):o.jsx(Ke,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),K()?o.jsx(et,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:ct(lt),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:Ze.review},cancelBtn:{label:Ze.cancel,onClick:()=>{h()}}}):null]})})},jr=r(Y)`
-  color: ${e=>e.theme.colors.hero};
-`,Ar=r(X)`
-  color: ${e=>e.theme.colors.hero};
-`,kr=r.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100vh;
-  width: 100%;
-`,Tr=r(St)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,Pr=r(vt)`
-  display: inline;
-`,He=r.div`
-  height: ${e=>e.isTransferCompleted?"100%":"auto"};
-  padding-left: ${e=>`${H.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${H.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,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)}`};
-`,zr=r.div`
-  height: 80%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: ${e=>`${t.sp0} ${H.successContentMargin.valuePx(e.windowSize)}`};
-  align-items: center;
-`,Qe=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}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Ue=r(De)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Dr=r(Tt)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${t.sp3};
-  margin-bottom: ${t.sp0};
-  margin-right: ${t.sp3};
-`,Lr=r(ot)`
-  ${e=>`${vr.formTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${t.sp3};
-  margin-bottom: ${t.sp2};
-`;export{Xr as default};

package/dist/assets/VerifyDevice-CSIkEBig-Ddd729RU.js

@@ -1,67 +0,0 @@
-import{a2 as v,a as $,B as b,j as t,bn as w,F as C,bo as F,bp as S,i as d,o as n,bq as V,m as h,ap as m,w as k}from"./index-Dv7T7Q4q.js";import{b as p,n as r}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const l="otpInputField",Y=e=>{const x=e.verifyOtpFetchState==="In-Progress",[f,c]=p.useState(!1),a=v(e.verifyOtpFetchState),i=$({mode:"all",reValidateMode:"onChange",defaultValues:{[l]:""}}),s=i.watch(l),u=()=>{e.onCancelVerifyDevice()},y=()=>{s.length===6&&e.onVerifyOtp(s)},o=b.getLocalizedStrings().commonSetUp.twoFactorAuthentication,g=o.footerHelperText.replace(/<button_text>/,o.verify);return p.useEffect(()=>{a==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(c(!0),i.setValue(l,""))},[a,e.verifyOtpFetchState,i]),t.jsx(w,{open:!0,onClose:e.onCancelVerifyDevice,children:t.jsx(O,{children:t.jsx(C,{...i,children:t.jsxs(A,{children:[t.jsxs(z,{children:[t.jsx(D,{children:o.verifyDeviceTitle}),t.jsx(E,{children:o.verifyDeviceDescription}),t.jsx(P,{children:F(e.phoneNumber+"")})]}),t.jsx(B,{children:t.jsx(S,{value:s,valueLength:6,onChange:j=>i.setValue(l,j)})}),f===!0?t.jsx(I,{children:o.invalidCode}):null,t.jsxs(N,{children:[t.jsx(R,{children:o.codeNotReceived}),t.jsx(L,{onClick:()=>{e.onResendOtp(),c(!1),i.setValue(l,"")},children:o.resend})]}),t.jsxs(H,{children:[t.jsxs(M,{children:[t.jsx(d,{label:o.cancel,onClick:u,style:{width:82}}),t.jsx(d,{variant:"primary",label:o.verify,onClick:y,style:{width:82},loading:x,disabled:s.length!==6})]}),t.jsx(T,{children:g})]})]})})})})},O=r.div`
-  display: flex;
-  flex-direction: column;
-  width: 456px;
-  padding: ${n.sp5} ${n.sp6};
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${n.sp2};
-`,D=r(V)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,E=r(h)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,P=r(h)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-`,B=r.div`
-  display: flex;
-  justify-content: center;
-`,I=r(m)`
-  color: ${e=>e.theme.colors.important};
-  text-align: center;
-`,N=r.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: ${n.sp1};
-`,R=r(m)`
-  color: ${e=>e.theme.colors.grey1};
-`,L=r.button`
-  color: ${e=>e.theme.colors.link};
-  cursor: pointer;
-  background: none;
-  border: none;
-  padding: 0;
-  font: inherit;
-
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,M=r.div`
-  display: flex;
-  justify-content: center;
-  column-gap: ${n.sp3};
-`,T=r(k)`
-  color: ${e=>e.theme.colors.hero};
-  text-align: center;
-`,z=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${n.sp2};
-`,A=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${n.sp3};
-`,H=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${n.sp2};
-  margin-top: ${n.sp2};
-`;export{Y as default};

package/dist/assets/ZeniAccountNavBarPieces-C0pq95hS-PD9j7rFy.js

@@ -1,14 +0,0 @@
-import{Y as P,fn as $,l as j,B,j as i,$ as O,go as p,gT as u,o as s,gq as w}from"./index-Dv7T7Q4q.js";import{n as d}from"./vendor-CnQcJ2Lu.js";const o=B.getLocalizedStrings().spendManagement.zeniAccounts,m=[{value:"editNickName",label:o.moveMoney.editNickName},{value:"accountStatement",label:o.moveMoney.accountStatement}],y={value:"payBill",label:o.moveMoney.payBills},g={value:"transfer",label:o.moveMoney.transfer},v={value:"sendMoney",label:o.moveMoney.sendMoney,isNew:!0},M={value:"checkDeposit",label:o.moveMoney.checkDeposit},z=[y,g,v,M],A=[v,g,y,M],D=({zeniBankProps:e,isBillPayEnabled:h,isExpressPayEnabled:f,analytics:x,onSettingsClick:b})=>{const l=P(),a=l.loggedInUserRoleMap.deposit_accounts_user===!0||$(l),k=j.hasBillPayAccess(l.loggedInUserRoleMap),S=m.filter(t=>t.value==="accountStatement"),c=h===!0?z:A,r=f===!0?c:c.filter(t=>t.value!=="sendMoney"),N=k?r:r.filter(t=>t.value!=="payBill");return i.jsxs(E,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="listPage"&&!a?i.jsx(C,{onClick:b,"data-testid":O("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&i.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!0,options:a?S:m,title:o.moveMoney.title}),a?null:i.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!1,options:N,title:o.moveMoney.title,onMenuOpen:()=>x?.trackAccountsListPageClicked("Move Money")})]})},C=d(w)`
-  cursor: pointer;
-  min-width: ${s.sp4};
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,E=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
-`;export{D as T};