@zeniai/web-components 3.16.40 → 3.16.41

package/dist/TreasuryTransferOrReviewPage-UwL3-CQw.cjs

@@ -0,0 +1,576 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),r=require("@emotion/styled"),t=require("./index-DiGCN0Sk.cjs"),S=require("react"),T=require("@zeniai/client-epic-state"),Ge=require("./PortfolioDetails-DsxpK2D_.cjs"),ct=t.appLocale.getLocalizedStrings().spendManagement.treasury,k=[0,125e4,25e5,35e5,5e6],lt=1e3;function dt({interestRate:e=4.35,transferAmount:i,setYieldEarned:l,setTransferAmount:n}){const d=t.useToolkitContext().analytics,[u,p]=S.useState(i);S.useEffect(()=>{p(i)},[i]);const $=m=>{const s=parseFloat(m.target.value),f=ce(s,e);p(s),l(f),n(s),d.trackTreasuryCalculatorClick("fund transfer",s)},b=m=>{const s=ce(m,e);p(m),n(m),l(s),d.trackTreasuryCalculatorClick("fund transfer",m)};return o.jsxRuntimeExports.jsxs(gt,{sliderValue:u,children:[o.jsxRuntimeExports.jsx(mt,{sliderValue:u,type:"range",min:k[0],max:k[k.length-1],step:lt,value:u,onChange:$}),o.jsxRuntimeExports.jsx(ht,{style:{width:`${Math.min(u/k[k.length-1]*92.5,92.5)}%`}}),o.jsxRuntimeExports.jsx(jt,{sliderValue:u,style:{left:`calc(${Math.min(Math.max(u/k[k.length-1]*100,5),95)}% - 50px)`},children:pt(u)}),o.jsxRuntimeExports.jsx(St,{children:k.map((m,s)=>o.jsxRuntimeExports.jsx(ft,{onClick:()=>b(m),"data-testid":t.generateDataTestId("slider-label",m.toString()),style:{left:ut(s)},children:o.jsxRuntimeExports.jsx(yt,{isSelected:u>=m,children:xt(m)})},m))})]})}const pt=e=>{const i=t.amountValueToString("0,0.[00]a",e,"$").toUpperCase();return`${ct.transferDrawer.calculator.sliderTooltipText} ${i}`};function ce(e,i){const n=i/100,c=e*Math.pow(1+n/12,12);return Math.floor(c-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%"}},xt=e=>Intl.NumberFormat("en",{notation:"compact",maximumFractionDigits:2}).format(e),mt=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.Space.sp5};
+    width: ${t.Space.sp5};
+    border-radius: 100%;
+    margin-top: -${t.Space.sp3}; // Centers thumb on the track
+    box-shadow: ${t.Space.sp0} ${t.Space.sp0} 2px ${t.Colors.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;
+  }
+`,gt=r.div`
+  position: relative;
+  width: 70%;
+  margin-left: 30px;
+  margin-right: 30px;
+  margin-bottom: 20px;
+  margin-top: ${t.Space.sp5};
+  min-height: ${t.Space.sp8};
+`,ht=r.div`
+  position: absolute;
+  height: 2px;
+  margin-top: -${t.Space.sp2};
+  background-color: ${e=>e.theme.colors.hero};
+`,St=r.div`
+  position: absolute;
+  bottom: ${t.Space.sp0};
+  top: ${t.Space.sp5};
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`,ft=r.span`
+  position: absolute;
+  cursor: pointer;
+  transform: translateX(-50%);
+`,yt=r(t.SmallRegular)`
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
+  white-space: nowrap;
+`,jt=r(t.SmallRegular)`
+  position: absolute;
+  top: -${t.Space.sp5};
+  white-space: nowrap;
+  color: ${t.Colors.primaryDark};
+  background-color: ${t.Colors.success};
+  display: flex;
+  border-radius: ${t.Space.sp1};
+  justify-content: center;
+  align-items: center;
+  padding: 2px ${t.Space.sp2};
+`,q={navBarContainerPaddingXaxis:new t.ResponsiveSized(10,19),containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8]),reviewContentWrapperPaddingBottom:new t.ResponsiveSized(t.sp[5],t.sp[8]),elementsContainerPadding:new t.ResponsiveSized(t.sp[3],t.sp[4])},Re={pageTitle:new t.ResponsiveSizedStyle("h6Regular","h5Regular"),integerStyles:new t.ResponsiveSizedStyle("h5Regular","h2Regular"),decimalStyles:new t.ResponsiveSizedStyle("extraLargeMedium","h5Medium")},{common:{edit:$t,footer:{back:wt}},dateFormat:{visual:{DMMMYYYYFormat:bt}},spendManagement:{treasury:{transferDrawer:P},billPay:{insufficientFunds:{lowBalance:Rt,addOrSwitchInitiateTransfer:vt,lowBalanceIn:Et}}}}=t.appLocale.getLocalizedStrings(),At=({fromAccount:e,themeContext:i,toAccount:l,transferDetails:n})=>{const c=t.useWindowSizeContext();if(c==="small"){const d=Ft(e,l,n.treasuryAccount.id);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(se,{style:d.topAccount?.id===n.treasuryAccount.id?{borderColor:i.colors.grey1,position:"relative"}:{},windowSize:c,children:[o.jsxRuntimeExports.jsx(ie,{children:d.topAccountLabel}),o.jsxRuntimeExports.jsxs(ne,{windowSize:c,children:[z(n.transferMoneyParties,d.topAccount?.id??"",!0,d.topAccount?.id===n.treasuryAccount.id,!0),o.jsxRuntimeExports.jsxs(oe,{windowSize:c,children:[d.topAccount?.label,o.jsxRuntimeExports.jsx(re,{children:I(n.transferMoneyParties,n.treasuryAccount,d.topAccount?.id??"",!0,!0,!0)})]})]}),te(d.topAccount,n.treasuryAccount.id,c,!1)?o.jsxRuntimeExports.jsx(ae,{}):null]}),d.arrowDirection==="up"?o.jsxRuntimeExports.jsx(uo,{}):o.jsxRuntimeExports.jsx(xo,{}),o.jsxRuntimeExports.jsxs(se,{style:d.bottomAccount?.id===n.treasuryAccount.id?{borderColor:i.colors.grey1,position:"relative"}:{},windowSize:c,children:[o.jsxRuntimeExports.jsx(ie,{children:d.bottomAccountLabel}),o.jsxRuntimeExports.jsxs(ne,{windowSize:c,children:[z(n.transferMoneyParties,d.bottomAccount?.id??"",!0,d.bottomAccount?.id===n.treasuryAccount.id,!0),o.jsxRuntimeExports.jsxs(oe,{windowSize:c,children:[d.bottomAccount?.label,o.jsxRuntimeExports.jsx(re,{children:I(n.transferMoneyParties,n.treasuryAccount,d.bottomAccount?.id??"",!0,!1,!0)})]})]}),te(d.bottomAccount,n.treasuryAccount.id,c,!0)?o.jsxRuntimeExports.jsx(ae,{}):null]})]})}else return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(se,{style:e?.id===n.treasuryAccount.id?{borderColor:i.colors.grey1,position:"relative"}:{},windowSize:c,children:[o.jsxRuntimeExports.jsx(ie,{children:"Transfer Funds From"}),o.jsxRuntimeExports.jsxs(ne,{windowSize:c,children:[z(n.transferMoneyParties,e?.id??"",!0,e?.id===n.treasuryAccount.id,!0),o.jsxRuntimeExports.jsxs(oe,{windowSize:c,children:[e?.label,o.jsxRuntimeExports.jsx(re,{children:I(n.transferMoneyParties,n.treasuryAccount,e?.id??"",!0,!0,!0)})]})]}),te(e,n.treasuryAccount.id,c,!1)?o.jsxRuntimeExports.jsx(ae,{}):null]}),o.jsxRuntimeExports.jsx(po,{}),o.jsxRuntimeExports.jsxs(se,{style:l?.id===n.treasuryAccount.id?{borderColor:i.colors.grey1,position:"relative"}:{},windowSize:c,children:[o.jsxRuntimeExports.jsx(ie,{children:"To"}),o.jsxRuntimeExports.jsxs(ne,{windowSize:c,children:[z(n.transferMoneyParties,l?.id??"",!0,l?.id===n.treasuryAccount.id,!0),o.jsxRuntimeExports.jsxs(oe,{windowSize:c,children:[l?.label,o.jsxRuntimeExports.jsx(re,{children:I(n.transferMoneyParties,n.treasuryAccount,l?.id??"",!0,!1,!0)})]})]}),te(l,n.treasuryAccount.id,c,!1)?o.jsxRuntimeExports.jsx(ae,{}):null]})]})},Tt=(e,i,l)=>{if(!e)return!0;if(e.id===i.id){const n=i.balance;return n?T.checkIfLowBalance(l,n):!0}if("accountBalance"in e){const n=e.accountBalance?.available;return n==null?!1:T.checkIfLowBalance(l,n)}return!1},Pt=({transferDetails:e,fundDetails:i,portfolioAllocation:l,isOnSetup:n,setShowReviewContent:c,onTransferClick:d,onCancelClick:u})=>{const p=t.useWindowSizeContext(),$=o.useTheme(),b=t.usePrevious(e.fetchState),[m,s]=S.useState(!1);S.useEffect(()=>{b==="In-Progress"&&e.fetchState==="Error"&&e.error!=null?s(!0):s(!1)},[e.error]);const{fromAccount:f,toAccount:v,amount:x}=e.treasuryTransferMoneyLocalData,E=Tt(f,e.treasuryAccount,x);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(Vt,{windowSize:p,children:[o.jsxRuntimeExports.jsx(Xt,{windowSize:p,children:o.jsxRuntimeExports.jsx(t.Tooltip,{title:"Close",enterTouchDelay:600,placement:"bottom",children:o.jsxRuntimeExports.jsx(Le,{"data-testid":t.generateDataTestId("nav-bar-close-transfer-review"),onClick:u})})}),o.jsxRuntimeExports.jsx(Zt,{windowSize:p,children:n===!0?P.stepTitle:P.reviewAndConfirm}),n===!0&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Jt,{windowSize:p,children:o.jsxRuntimeExports.jsx(Ut,{children:o.jsxRuntimeExports.jsxs(Kt,{children:[o.jsxRuntimeExports.jsx(Fe,{}),o.jsxRuntimeExports.jsx(Fe,{}),o.jsxRuntimeExports.jsx(Qt,{})]})})}),p==="small"?o.jsxRuntimeExports.jsx(lo,{children:P.subTitle}):o.jsxRuntimeExports.jsx(ze,{children:P.subTitle})]}),o.jsxRuntimeExports.jsx(co,{windowSize:p,children:o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:x,alwaysShowDecimal:!0,integerStyles:Re.integerStyles.styleObject(p),decimalStyles:Re.decimalStyles.styleObject(p)})}),n!==!0&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Gt,{}),o.jsxRuntimeExports.jsx(ze,{children:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[P.review.prefix,`"${v?.label}" `,P.success.midfix,` "${f?.label}" `,P.review.suffix.replace("__date__",T.zeniDate(T.getNextNthWorkingDay(T.dateNow().toDate(),[0,6],1).toDateString()).format(bt))]})})]}),E?o.jsxRuntimeExports.jsx(t.WarningBanner,{variant:"low-balance",style:{marginTop:t.Space.sp3,marginBottom:t.Space.sp3},title:Et.replace("__account__",f?.id===e.treasuryAccount.id?f?.label??"":`${f?.label??""} ${f?.maskedAccountNumber??""}`),description:vt}):null,m?o.jsxRuntimeExports.jsx(Wt,{children:o.jsxRuntimeExports.jsxs(It,{children:[o.jsxRuntimeExports.jsxs(qt,{children:[o.jsxRuntimeExports.jsx(Yt,{}),o.jsxRuntimeExports.jsxs(Ot,{children:[o.jsxRuntimeExports.jsx(Nt,{children:e.error?.title}),o.jsxRuntimeExports.jsx(_t,{children:e.error?.message})]})]}),o.jsxRuntimeExports.jsx(Dt,{children:o.jsxRuntimeExports.jsx(Le,{"data-testid":t.generateDataTestId("close-error-transfer-review"),onClick:()=>{s(!1)},style:{width:t.Space.sp3,height:t.Space.sp3,color:t.Colors.heroLight}})})]})}):null,o.jsxRuntimeExports.jsx(Ht,{windowSize:p,children:o.jsxRuntimeExports.jsxs(Bt,{windowSize:p,children:[o.jsxRuntimeExports.jsx(Mt,{windowSize:p,children:o.jsxRuntimeExports.jsx(At,{fromAccount:f,themeContext:$,toAccount:v,transferDetails:e})}),o.jsxRuntimeExports.jsx(zt,{children:o.jsxRuntimeExports.jsx(Ge.PortfolioAllocationDetails,{isInReview:!0,isSetup:!1,fundDetails:i,allocation:l,amount:kt(e),fundAllocations:Lt(e),page:"transfer review"})})]})})]}),o.jsxRuntimeExports.jsx(t.Footer,{style:n!==!0?{zIndex:4,paddingTop:t.Space.sp3,paddingBottom:t.Space.sp0}:{zIndex:4},helperText:n!==!0?P.review.footNote:void 0,helperStyle:{padding:`${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp3} ${t.Space.sp0}`},cancelBtn:{label:n===!0?wt:$t,onClick:()=>{s(!1),c(!1)},style:{minWidth:94}},primaryBtn:{label:P.transferBtn,onClick:d,isLoading:e.fetchState==="In-Progress",isDisabled:E,style:{minWidth:94}}})]})},z=(e,i,l,n,c)=>{if(n===!0)return o.jsxRuntimeExports.jsx(Be,{isOptionSelected:l,isForReview:c,children:o.jsxRuntimeExports.jsx(Me,{color:t.Colors.brandColorGoldDark})});if(i==="")return o.jsxRuntimeExports.jsx(ao,{isForReview:c,children:o.jsxRuntimeExports.jsx(t.SvgAddRound,{})});const d=e.find(p=>p.id===i),u=e.findIndex(p=>p.id===i);if(d!=null){if(d.accType==="depositAccount")return o.jsxRuntimeExports.jsx(Be,{isOptionSelected:l,isForReview:c,children:o.jsxRuntimeExports.jsx(Me,{color:t.getAccountsColorMappingFromIndex(u)})});if(d.accType==="paymentAccount")return d.logo!==void 0&&(d.logo.base64||d.logo.url)?o.jsxRuntimeExports.jsx(no,{src:Ct(d.logo),isOptionSelected:l,isForReview:c,loading:"lazy"}):o.jsxRuntimeExports.jsx(so,{isOptionSelected:l,isForReview:c,children:o.jsxRuntimeExports.jsx(io,{})})}return null},I=(e,i,l,n,c,d,u)=>{if(!l)return null;if(l===i.id)return(d||!n)&&i.balance?o.jsxRuntimeExports.jsx(fe,{children:t.amountToString("0,0[.]00",i.balance)}):null;const p=e.find(b=>b.id===l);let $=!1;return c===!0&&u!=null&&p?.accountBalance?.available?.amount!=null&&($=T.checkIfLowBalance(u,p.accountBalance.available)),n===!0&&!d?o.jsxRuntimeExports.jsx(to,{children:p?.maskedAccountNumber}):o.jsxRuntimeExports.jsxs(eo,{className:"option-sublabel",children:[o.jsxRuntimeExports.jsx(fe,{children:p?.maskedAccountNumber}),p?.accountBalance?.available?o.jsxRuntimeExports.jsx(ro,{className:"dot"}):null,p?.accountBalance?.available?o.jsxRuntimeExports.jsxs(fe,{children:[t.amountToString("0,0[.]00",p.accountBalance.available),$?o.jsxRuntimeExports.jsx(oo,{children:Rt}):null]}):null,p?.balanceFetchStatus?.fetchState==="In-Progress"?o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):null]})},Ct=e=>e.base64!==void 0?`${t.JPEG_IMAGE_BASE_64}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",kt=e=>{const{fromAccount:i}=e.treasuryTransferMoneyLocalData;if(i?.id!==e.treasuryAccount.id)return e.treasuryTransferMoneyLocalData.amount},Lt=e=>{const{fromAccount:i}=e.treasuryTransferMoneyLocalData;if(i?.id===e.treasuryAccount.id)return e.treasuryAccount.fundAllocations},Ft=(e,i,l)=>e?.id===l?{topAccount:i,bottomAccount:e,topAccountLabel:"To",bottomAccountLabel:"Transfer Funds From",arrowDirection:"up"}:{topAccount:e,bottomAccount:i,topAccountLabel:"Transfer Funds From",bottomAccountLabel:"To",arrowDirection:"down"},te=(e,i,l,n)=>l==="small"?e?.id===i&&n:e?.id===i,oe=r.div`
+  display: flex;
+  flex-direction: column;
+`,re=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,ne=r(t.StandardRegular)`
+  display: flex;
+  align-items: center;
+`,Bt=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.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  padding: ${e=>`${q.elementsContainerPadding.valuePx(e.windowSize)}`};
+  gap: ${t.Space.sp4};
+  ${e=>e.windowSize==="small"&&`
+    width: auto;
+  `}
+`,Mt=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};
+`,se=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.Space.sp1};
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  width: ${e=>e.windowSize==="small"?"auto":"288px"};
+`,zt=r.div`
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  border-radius: ${t.Space.sp2};
+`,It=r.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  background-color: ${t.Colors.importantLight};
+  border-radius: ${t.Space.sp2};
+`,Ot=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${t.Space.sp2};
+`,Nt=r(t.StandardMedium)`
+  color: ${t.Colors.important};
+`,_t=r(t.StandardRegular)`
+  color: ${t.Colors.important};
+`,Wt=r.div`
+  margin-top: ${t.Space.sp3};
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: space-between;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.Space.sp2};
+  box-shadow: ${e=>`${t.Space.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
+`,Vt=r.div`
+  height: auto;
+  padding-left: ${e=>`${q.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${q.containerPaddingRight.valuePx(e.windowSize)}`};
+  margin-bottom: auto;
+`,qt=r.div`
+  display: flex;
+  align-items: flex-start;
+`,Dt=r.div``,Yt=r(t.SvgAlertRound)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.important};
+`,Le=r(t.SvgClose)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-height: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Gt=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ie=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Ht=r.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.Space.sp3};
+  padding-bottom: ${e=>`${q.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
+`,Xt=r.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${t.Space.sp0};
+  padding: ${e=>`${q.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.Space.sp0}`};
+  z-index: 2;
+  background-color: transparent;
+`,Zt=r(t.StyledText)`
+  ${e=>`${Re.pageTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  padding: ${t.Space.sp3} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp0};
+  ${e=>e.windowSize==="small"&&`
+    padding-bottom: ${t.Space.sp0};
+  `}
+`,Jt=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.Space.sp3};
+  width: 100%;
+  margin-bottom: ${t.Space.sp3};
+`,Ut=r.div`
+  display: flex;
+  align-items: center;
+`,Kt=r.div`
+  display: flex;
+  width: 100%;
+  gap: ${t.Space.sp3};
+`,Fe=r.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.Space.sp2};
+`,Qt=r.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${t.Space.sp2};
+`,eo=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${t.Space.sp2};
+`,to=r.span`
+  margin-left: ${t.Space.sp2};
+`,fe=r.div``,oo=r(t.ExtraSmallRegularSp)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+  margin-left: ${t.Space.sp1};
+`,ro=r.div`
+  width: ${t.Space.sp1};
+  height: ${t.Space.sp1};
+  min-width: ${t.Space.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+`,no=r.img`
+  display: flex;
+  width: ${e=>e.isForReview?t.Space.sp6:e.isOptionSelected?t.Space.sp4:t.Space.sp5};
+  height: ${e=>e.isForReview?t.Space.sp6:e.isOptionSelected?t.Space.sp4:t.Space.sp5};
+  min-width: ${e=>e.isForReview?t.Space.sp6:e.isOptionSelected?t.Space.sp4:t.Space.sp5};
+  margin-right: ${t.Space.sp2};
+`,so=r.div`
+  min-width: ${e=>e.isForReview?t.Space.sp6:e.isOptionSelected?t.Space.sp4:t.Space.sp5};
+  width: ${e=>e.isForReview?t.Space.sp6:e.isOptionSelected?t.Space.sp4:t.Space.sp5};
+  height: ${e=>e.isForReview?t.Space.sp6:e.isOptionSelected?t.Space.sp4:t.Space.sp5};
+  margin-right: ${t.Space.sp2};
+`,io=r(t.SvgExternalAccount)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${t.Space.sp2};
+`,Be=r.div`
+  min-width: ${e=>e.isForReview?t.Space.sp6:e.isOptionSelected?t.Space.sp4:t.Space.sp5};
+  width: ${e=>e.isForReview?t.Space.sp6:e.isOptionSelected?t.Space.sp4:t.Space.sp5};
+  height: ${e=>e.isForReview?t.Space.sp6:e.isOptionSelected?t.Space.sp4:t.Space.sp5};
+  margin-right: ${t.Space.sp2};
+`,Me=r(t.SvgZeniBrandCheckingAcc)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+  margin-right: ${t.Space.sp2};
+`,ao=r.div`
+  width: ${e=>e.isForReview?t.Space.sp6:t.Space.sp4};
+  height: ${e=>e.isForReview?t.Space.sp6:t.Space.sp4};
+  margin-right: 12px;
+  margin-left: ${t.Space.sp1};
+  color: ${e=>e.theme.colors.hero};
+`,co=r(t.H2Regular)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.Space.sp2} ${t.Space.sp0} ${t.Space.sp3} ${t.Space.sp0};
+  ${e=>e.windowSize==="small"&&`
+    margin-top: ${t.Space.sp1};
+    margin-bottom: ${t.Space.sp1};
+  `}
+`,ze=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${t.Space.sp3};
+`,lo=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,po=r(t.SvgArrowTailRight)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,uo=r(t.SvgArrowTailTop)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  align-self: center;
+`,xo=r(t.SvgArrowTailBottom)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  align-self: center;
+`,ae=r.div`
+  width: 1px;
+  height: 25px;
+  background-color: ${e=>e.theme.colors.grey1};
+  position: absolute;
+  right: 50%;
+  bottom: -25px;
+`,{common:ye,spendManagement:{treasury:L,zeniAccounts:{zeniAccountList:mo},billPay:{insufficientFunds:je}}}=t.appLocale.getLocalizedStrings(),He="amount",go="transferTo",ho="transferFrom",M="transferDetails",Xe="transferDetailPage",$e=(e,i)=>`${e}.${i}`,Ze=e=>`${e}_form`,h={largeLabelWidth:new t.ResponsiveSized(120,120,160),rowContentPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labeleMarginLeft:new t.ResponsiveSized(t.sp[0],t.sp[0]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[3]),labeleMarginBottom:new t.ResponsiveSized(t.sp[2],t.sp[0]),labeledFieldPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[0]),labeledFieldPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[2]),labeledFieldPaddingTop:new t.ResponsiveSized(t.sp[3],t.sp[3]),labeledFieldPaddingBottom:new t.ResponsiveSized(t.sp[3],t.sp[2]),infoLabelPaddingRight:new t.ResponsiveSized(t.sp[0],t.sp[3]),infoLabelMarginTop:new t.ResponsiveSized(t.sp[1],t.sp[0]),controllerWrapperFlex:new t.ResponsiveSized(1,t.sp[0]),portfolioContainerPadding:new t.ResponsiveSized(t.sp[3],t.sp[4]),rowContentSelectPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),formFieldPaddingLeft:new t.ResponsiveSized(0,t.sp[2]),formFieldPaddingRight:new t.ResponsiveSized(0,t.sp[2])},le={yieldEarned:new t.ResponsiveSizedStyle("smallMedium","standardMedium"),calculatorFooterText:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular"),integerStyles:new t.ResponsiveSizedStyle("h5Regular","h2Regular"),decimalStyles:new t.ResponsiveSizedStyle("extraLargeMedium","h5Medium")};function So({transferDetails:e,fundDetails:i,portfolioAllocation:l,isFirstTransfer:n,maxInsuredAmount:c,plaidConnectionDetails:d,isOnSetup:u,onSaveChangesToLocalStore:p,onReviewClick:$,onEstablishConnectionClick:b,onFetchLinkTokenClick:m}){const s=t.useWindowSizeContext(),f=h.largeLabelWidth.value(s),[v,x]=S.useState(!1),[E,O]=S.useState(!1),[y,N]=S.useState(e.treasuryTransferMoneyLocalData.amount?.amount??0),F=i.reduce((a,g)=>{const R=g.yield;return Math.max(a,R)},0),[pe,Y]=S.useState(ce(y,F)),j=d.link_account_no_microdeposit,[C,ue]=S.useState(j.linkToken??null),[G,H]=S.useState(!1),[X,Ee]=S.useState(!1),xe=e.transferMoneyPartiesFetchState,Ae=t.usePrevious(xe),me=e.treasuryTransferMoneyLocalData.fromAccount?.id,ge=e.treasuryTransferMoneyLocalData.toAccount?.id,Te=t.usePrevious(me),Pe=t.usePrevious(ge),he=e.transferMoneyParties.map(a=>a.id),Se=t.usePrevious(he),Je=S.useCallback(a=>{b?.(a),Ee(!1),H(!1)},[b]),Ue=S.useCallback((a,g)=>{a!=null&&console.log("Plaid Connection Error",a,g)},[]),{open:Z,ready:_}=o.usePlaidLink({token:C,onSuccess:Je,onExit:Ue}),W=S.useCallback(a=>{a.preventDefault(),a.stopPropagation(),_?Z():H(!0)},[Z,_]),B=o.useForm({mode:"all",reValidateMode:"onChange",defaultValues:S.useMemo(()=>Oe(e,n,u??!1,W),[e,n])}),{isValid:Ke}=B.formState,{setError:Qe,clearErrors:et}=B;S.useEffect(()=>{j.fetchStatus.fetchState==="Completed"&&j.linkToken!=null&&j.linkToken!==C&&ue(j.linkToken)},[j.fetchStatus.fetchState,j.linkToken,C]),S.useEffect(()=>{j.linkToken===C&&j.fetchStatus.fetchState==="Completed"&&_&&Ee(!0)},[_,C,j.fetchStatus,j.linkToken,j.fetchStatus.fetchState]),S.useEffect(()=>{X&&G&&Z()},[X,Z,G]),S.useEffect(()=>{(T.zeniDate(new Date().toISOString()).isAfter(j.expiration)||j.linkToken==null)&&m?.("link_account_no_microdeposit")},[]),S.useEffect(()=>{const a=Se!=null&&JSON.stringify(Se)!==JSON.stringify(he);(Ae==="In-Progress"&&xe==="Completed"||Te!==me||Pe!==ge||a)&&B.reset(Oe(e,n,u??!1,W))},[_,C,j.fetchStatus.fetchState,Ae,xe,Te,Pe,ge,me,Se,he,B,e,n,u,W]);const tt=()=>e.transferMoneyParties.find(a=>a.id!==e.treasuryAccount.id&&a.accType==="depositAccount"),ot=()=>{const a=e.primaryPaymentAccount?.paymentAccountId;return e.transferMoneyParties.find(g=>g.id===a)},rt=async(a,g)=>{if(a!=null){const R={...g},J=R[M].transferFrom.selectedOption,U=R[M].transferTo.selectedOption;let K=e.transferMoneyParties.find(ee=>ee.id===J),Q=e.transferMoneyParties.find(ee=>ee.id===U);J===e.treasuryAccount.id&&(K=e.treasuryAccount),U===e.treasuryAccount.id&&(Q=e.treasuryAccount);const ke={amount:R[M].amount??0,currencyCode:"USD",currencySymbol:"$"};a.includes("transferFrom")?J===e.treasuryAccount.id?U===e.treasuryAccount.id&&(Q=tt()):Q=e.treasuryAccount:a.includes("transferTo")&&(U===e.treasuryAccount.id?J===e.treasuryAccount.id&&(K=ot()):K=e.treasuryAccount);const at={amount:ke,fromAccount:K,toAccount:Q};N(ke.amount),p(at)}};S.useEffect(()=>{const a=B.watch((g,{name:R})=>{R!=null&&g!=null&&o.defer(()=>rt(R,g))});return()=>{a.unsubscribe()}}),S.useEffect(()=>{Y(ce(y,F))},[y,F]);const nt=()=>{if(V?.id==null||V.id===""||!A.amount)return!1;if(V.id===e.treasuryAccount.id){const a=e.treasuryAccount.balance;if(a&&T.checkIfLowBalance(A,a))return!0}else{const a=e.transferMoneyParties.find(g=>g.id===V.id);if(a?.accountBalance?.available&&T.checkIfLowBalance(A,a.accountBalance.available))return!0}return!1},st=B.handleSubmit(()=>{if(nt()){Qe("transferDetails.transferFrom",{type:"lowBalance",message:je.addMoney});return}et("transferDetails.transferFrom"),Ke&&$()}),{fromAccount:V,toAccount:Ce,amount:A}=e.treasuryTransferMoneyLocalData,it=a=>{if(!a||!A.amount)return"";const g=e.transferMoneyParties.find(R=>R.id===a);if(a===e.treasuryAccount.id){const R=e.treasuryAccount.balance;if(R&&T.checkIfLowBalance(A,R))return je.addMoney}else if(g?.accountBalance?.available&&T.checkIfLowBalance(A,g.accountBalance.available))return je.addMoney;return""};return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[v?o.jsxRuntimeExports.jsx(fo,{children:o.jsxRuntimeExports.jsxs(jo,{children:[o.jsxRuntimeExports.jsxs($o,{children:[o.jsxRuntimeExports.jsx(bo,{}),o.jsxRuntimeExports.jsxs(Ro,{children:[o.jsxRuntimeExports.jsx(vo,{children:e.error?.title}),o.jsxRuntimeExports.jsx(Eo,{children:e.error?.message})]})]}),o.jsxRuntimeExports.jsx(wo,{children:o.jsxRuntimeExports.jsx(Co,{"data-testid":t.generateDataTestId("amount-details-error-close"),onClick:()=>{x(!1)},style:{width:t.Space.sp3,height:t.Space.sp3,color:t.Colors.heroLight}})})]})}):null,o.jsxRuntimeExports.jsx(Ao,{windowSize:s,children:o.jsxRuntimeExports.jsx(t.AmountBalance,{amount:A,integerStyles:le.integerStyles.styleObject(s),decimalStyles:le.decimalStyles.styleObject(s),alwaysShowDecimal:!0})}),o.jsxRuntimeExports.jsx(o.FormProvider,{...B,children:o.jsxRuntimeExports.jsxs(yo,{id:Ze(Xe),onSubmit:st,children:[o.jsxRuntimeExports.jsxs(To,{children:[o.jsxRuntimeExports.jsx(ve,{size:s,children:o.jsxRuntimeExports.jsx(Ne,{label:{label:ye.labels.transferFrom,width:f,style:{marginLeft:h.labeleMarginLeft.valuePx(s),marginBottom:h.labeleMarginBottom.valuePx(s),marginRight:h.labelMarginRight.valuePx(s)}},style:{paddingTop:h.labeledFieldPaddingTop.valuePx(s),paddingBottom:h.labeledFieldPaddingBottom.valuePx(s),paddingLeft:h.labeledFieldPaddingLeft.valuePx(s),paddingRight:h.labeledFieldPaddingRight.valuePx(s),border:"none",width:"100%",outline:"none",padding:0,display:s==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:h.infoLabelPaddingRight.valuePx(s),marginTop:h.infoLabelMarginTop.valuePx(s),color:t.Colors.brandColorGoldDark},singleSelectPickerField:{name:$e(M,ho),style:{position:"relative"},capitalizeOptions:!0,placeholder:L.transferDrawer.selectAccount,valueToLogo:(a,g)=>z(e.transferMoneyParties,a,g,a===e.treasuryAccount.id,!1),valueToSubLabels:(a,g)=>I(e.transferMoneyParties,e.treasuryAccount,a,g,!0,!1,A),defaultValue:{selectedOption:V?.id,allOptions:de(e,!0,n,!0,W,!1)},textAlignment:"right",registerOptions:{required:!0,validate:a=>a!=null&&!!a.selectedOption}},valueToAdditionalLabel:it})}),!n&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(we,{}),o.jsxRuntimeExports.jsx(ve,{size:s,children:o.jsxRuntimeExports.jsx(Ne,{label:{label:ye.labels.transferTo,width:f,style:{marginLeft:h.labeleMarginLeft.valuePx(s),marginBottom:h.labeleMarginBottom.valuePx(s),marginRight:h.labelMarginRight.valuePx(s)}},style:{paddingTop:h.labeledFieldPaddingTop.valuePx(s),paddingBottom:h.labeledFieldPaddingBottom.valuePx(s),paddingLeft:h.labeledFieldPaddingLeft.valuePx(s),paddingRight:h.labeledFieldPaddingRight.valuePx(s),border:"none",width:"100%",outline:"none",padding:0,display:s==="small"?"flex":"inherit"},infoLabelStyle:{textAlign:s==="small"?"left":"right",paddingRight:h.infoLabelPaddingRight.valuePx(s),marginTop:h.infoLabelMarginTop.valuePx(s),color:t.Colors.brandColorGoldDark},singleSelectPickerField:{name:$e(M,go),style:{position:"relative"},capitalizeOptions:!0,placeholder:L.transferDrawer.selectAccount,valueToLogo:(a,g)=>z(e.transferMoneyParties,a,g,a===e.treasuryAccount.id,!1),valueToSubLabels:(a,g)=>I(e.transferMoneyParties,e.treasuryAccount,a,g,!1,!1),defaultValue:{selectedOption:Ce?.id,allOptions:de(e,!1,n,!0,W,!1)},textAlignment:"right",registerOptions:{required:!0,validate:a=>a!=null&&!!a.selectedOption}}})})]}),o.jsxRuntimeExports.jsx(we,{}),o.jsxRuntimeExports.jsx(t.LabeledFormattedTextField,{showAdditionalInfoLabel:!1,label:{label:ye.labels.amount,width:f},style:{padding:t.Space.sp2,paddingLeft:t.Space.sp0,paddingRight:h.formFieldPaddingRight.valuePx(s),width:"auto"},formattedTextField:{type:"number",name:$e(M,He),defaultValue:A.amount===0?void 0:A.amount,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:a=>!!a&&a>0},placeholder:L.transferDrawer.amountPlaceholder,autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1}}),n&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(we,{}),o.jsxRuntimeExports.jsx(Po,{size:s,children:o.jsxRuntimeExports.jsx(Ge.PortfolioAllocationDetails,{isInReview:!0,fundDetails:i,allocation:l,isSetup:!1,amount:A,page:"fund transfer"})})]})]}),!n&&Ce?.accType==="treasuryAccount"&&o.jsxRuntimeExports.jsxs(ko,{children:[E?o.jsxRuntimeExports.jsxs(Lo,{children:[o.jsxRuntimeExports.jsx(Fo,{windowSize:s,children:L.transferDrawer.calculator.heading.replace("__amount__",t.amountToString("0,0.[00]a",{amount:c,currencySymbol:"$"})).replace("__rate__",F.toString())}),o.jsxRuntimeExports.jsx(dt,{interestRate:F,transferAmount:y,setYieldEarned:Y,setTransferAmount:N})]}):null,o.jsxRuntimeExports.jsxs(Mo,{windowSize:s,children:[o.jsxRuntimeExports.jsxs(Oo,{windowSize:s,children:[o.jsxRuntimeExports.jsx(zo,{children:o.jsxRuntimeExports.jsx(Bo,{windowSize:s,children:`${L.transferDrawer.calculator.footerText.annualYieldEarned} ${t.amountToString("0,0",{amount:pe,currencySymbol:"$"})}`})}),o.jsxRuntimeExports.jsx(Io,{windowSize:s}),o.jsxRuntimeExports.jsx(No,{children:`${L.transferDrawer.calculator.footerText.forTotalDeposit} ${t.amountToString("0,0",{amount:y,currencySymbol:"$"})}`})]}),E?o.jsxRuntimeExports.jsxs(We,{windowSize:s,onClick:()=>O(!1),"data-testid":t.generateDataTestId("calculator-footer-close"),children:[o.jsxRuntimeExports.jsx(_e,{className:"calculatorFooterLeftText",windowSize:s,children:L.transferDrawer.calculator.footerText.hide}),o.jsxRuntimeExports.jsx(_o,{className:"calculatorFooterArrowIcon"})]}):o.jsxRuntimeExports.jsxs(We,{windowSize:s,onClick:()=>O(!0),"data-testid":t.generateDataTestId("calculator-footer-show"),children:[o.jsxRuntimeExports.jsx(_e,{className:"calculatorFooterLeftText",windowSize:s,children:L.transferDrawer.calculator.footerText.showYieldCalculator}),o.jsxRuntimeExports.jsx(Wo,{className:"calculatorFooterArrowIcon"})]})]})]})]})})]})}const de=(e,i,l,n=!0,c,d=!1,u,p)=>{const $=e.treasuryTransferMoneyLocalData.fromAccount?.id,b=e.treasuryTransferMoneyLocalData.toAccount?.id,m=e.transferMoneyParties.find(x=>x.id===$)||e.treasuryAccount,s=e.transferMoneyParties.find(x=>x.id===b)||e.treasuryAccount;let f=e.transferMoneyParties;i||(f=f.filter(x=>x.accType!=="paymentAccount"));const v=f.map(x=>{const E={label:x.label,value:x.id};return n&&(i?E.isDisabled=x.id===b||x.accType==="paymentAccount"&&s?.accType==="paymentAccount":E.isDisabled=x.id===$||x.accType==="paymentAccount"&&m?.accType==="paymentAccount"),E});if(!l){const x={label:"Treasury",value:e.treasuryAccount.id,isDisabled:!1};n&&(i?x.isDisabled=!1:x.isDisabled=e.treasuryAccount.id===$),i?v.push(x):v.unshift(x)}if(d&&c){const x={label:mo.transferDrawer.selectAddAccount,value:"",type:"button",onClick:c};v.push(x)}return v},Ie=e=>{let i=-1,l;return e.transferMoneyParties.forEach(n=>{const c=n.accountBalance?.available?.amount??0;c>i&&(i=c,l=n.id)}),l},Oe=(e,i,l,n)=>{const{fromAccount:c,toAccount:d,amount:u}=e.treasuryTransferMoneyLocalData,p=()=>l?Ie(e):c!=null?c.id:Ie(e);return{transferDetails:{[He]:u.amount===0?void 0:u.amount,transferFrom:{allOptions:de(e,!0,i,!0,n,!1),selectedOption:p()},transferTo:{allOptions:de(e,!1,i,!0,n,!1),selectedOption:d?.id}}}},fo=r.div`
+  margin-top: ${t.Space.sp3};
+  display: flex;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: space-between;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${t.Space.sp2};
+  box-shadow: ${e=>`${t.Space.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
+`,yo=r.form`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,jo=r.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  background-color: ${t.Colors.importantLight};
+  border-radius: ${t.Space.sp2};
+`,$o=r.div`
+  display: flex;
+  align-items: flex-start;
+`,wo=r.div``,bo=r(t.SvgAlertRound)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${t.Colors.important};
+`,Ro=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${t.Space.sp2};
+`,vo=r(t.StandardMedium)`
+  color: ${t.Colors.important};
+`,Eo=r(t.StandardRegular)`
+  color: ${t.Colors.important};
+`,Ao=r(t.H2Regular)`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.Space.sp5} ${t.Space.sp0} ${t.Space.sp3} ${t.Space.sp0};
+  ${e=>e.windowSize==="small"&&`
+    margin-top: ${t.Space.sp1};
+    margin-bottom: ${t.Space.sp1};
+  `}
+`,Ne=r(t.LabeledSingleSelectPickerField)`
+  border-radius: ${t.Space.sp2};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+`,To=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.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+`,we=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ve=r.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${t.Space.sp2};
+  padding-left: ${({size:e})=>h.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.Space.sp1} !important;
+    }
+  `}
+`,Po=r(ve)`
+  padding: ${({size:e})=>h.portfolioContainerPadding.valuePx(e)};
+  padding-top: ${t.Space.sp2};
+`,Co=r(t.SvgClose)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-height: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ko=r.div`
+  margin-bottom: ${t.Space.sp6};
+  width: 90%;
+`,Lo=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;
+`,Fo=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${e=>e.windowSize==="small"?t.Space.sp3:`${t.Space.sp3} ${t.Space.sp8}`};
+  white-space: pre-line;
+  text-align: center;
+`,Bo=r.div`
+  ${e=>le.yieldEarned.style(e.windowSize)}
+  color: ${t.Colors.success};
+  white-space: nowrap;
+`,Mo=r.div`
+  display: flex;
+  align-items: center;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  justify-content: space-between;
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-bottom-right-radius: ${t.Space.sp1};
+  border-bottom-left-radius: ${t.Space.sp1};
+`,zo=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,_e=r.div`
+  ${e=>le.calculatorFooterText.style(e.windowSize)}
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+`,We=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};
+    }
+  }
+`,Io=r.div`
+  display: ${e=>e.windowSize==="small"?"none":"block"};
+  width: ${t.Space.sp1};
+  height: ${t.Space.sp1};
+  min-width: ${t.Space.sp1};
+  margin: 0 ${t.Space.sp2};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+`,Oo=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"};
+`,No=r(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,_o=r(t.SvgArrowTop)`
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  min-height: 12px;
+  color: ${e=>e.theme.colors.hero};
+`,Wo=r(t.SvgArrowBottom)`
+  cursor: pointer;
+  width: 12px;
+  height: 12px;
+  min-width: 12px;
+  min-height: 12px;
+  color: ${e=>e.theme.colors.hero};
+`,D={navBarContainerPaddingXaxis:new t.ResponsiveSized(10,19),containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8]),successContentMargin:new t.ResponsiveSized(t.sp[3],t.sp[12]),buttonTrayGap:new t.ResponsiveSized(t.sp[4],t.sp[5])},Vo={formTitle:new t.ResponsiveSizedStyle("h6Regular","h5Regular")},{common:be,spendManagement:{treasury:w}}=t.appLocale.getLocalizedStrings(),qo=({transferDetails:e,treasurySetupView:i,showReviewContent:l,maxInsuredAmount:n,isFirstTransfer:c,plaidConnectionDetails:d,isOnSetup:u,onSaveChangesToLocalStore:p,onTransferClick:$,onAnotherTransferClick:b,onCancelClick:m,onBackClick:s,setShowReviewContent:f,onReviewClick:v,onEstablishConnectionClick:x,onFetchLinkTokenClick:E,onSkipClick:O})=>{const y=t.useWindowSizeContext(),{fundsData:N,currentAllocation:F,fundAllocationOptions:pe,fetchState:Y}=i,j=pe.find(X=>o.isEqual(X.allocation,F))??{allocation:{},riskLevel:"Conservative",riskScore:0,optionIndex:0},C=()=>Y==="Completed"&&(e.treasuryTransferMoneyLocalData.fromAccount!=null||e.treasuryTransferMoneyLocalData.toAccount!=null||e.treasuryTransferMoneyLocalData.amount.amount>0),{fromAccount:ue,toAccount:G,amount:H}=e.treasuryTransferMoneyLocalData;return o.jsxRuntimeExports.jsx(Go,{windowSize:y,children:e.fetchState==="Completed"?o.jsxRuntimeExports.jsxs(Ve,{windowSize:y,isTransferCompleted:!0,children:[o.jsxRuntimeExports.jsx(qe,{windowSize:y,children:o.jsxRuntimeExports.jsx(De,{"data-testid":t.generateDataTestId("cross-transfer-success-close-button"),onClick:()=>{m()}})}),o.jsxRuntimeExports.jsxs(Jo,{windowSize:y,children:[o.jsxRuntimeExports.jsx(t.MoneyTransferSuccessAnimation,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),o.jsxRuntimeExports.jsx(Ho,{children:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[w.transferDrawer.success.prefix,o.jsxRuntimeExports.jsx(Xo,{children:t.amountToString("0,0.[00]",H)}),w.transferDrawer.success.midfix,`"${ue?.label}"`,w.transferDrawer.success.midfix2,`"${G?.label}".`]})}),o.jsxRuntimeExports.jsxs(Zo,{windowSize:y,children:[o.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",label:w.transferDrawer.anotherTransfer,"data-testid":t.generateDataTestId("another-transfer-button","treasury"),onClick:()=>{b?.()},style:{minWidth:200}}),o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:w.transferDrawer.backToTreasury,"data-testid":t.generateDataTestId("back-to-treasury-button"),onClick:()=>{m()},style:{minWidth:200}})]})]})]}):l?o.jsxRuntimeExports.jsx(Pt,{transferDetails:e,setShowReviewContent:f,onTransferClick:$,fundDetails:N,portfolioAllocation:j,isOnSetup:u,onCancelClick:m}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(Ve,{windowSize:y,isTransferCompleted:!1,children:[o.jsxRuntimeExports.jsx(qe,{windowSize:y,children:o.jsxRuntimeExports.jsx(De,{"data-testid":t.generateDataTestId("cross-amount-details-close-button"),onClick:()=>{m()}})}),y==="small"?o.jsxRuntimeExports.jsx(Uo,{windowSize:y,children:u===!0?w.transferDrawer.stepTitle:c?w.transferDrawer.title:w.transferDrawer.transferBetweenAccounts}):o.jsxRuntimeExports.jsx(Ko,{windowSize:y,children:u===!0?w.transferDrawer.stepTitle:c?w.transferDrawer.title:w.transferDrawer.transferBetweenAccounts}),u===!0&&o.jsxRuntimeExports.jsx(Qo,{windowSize:y,children:o.jsxRuntimeExports.jsx(er,{children:o.jsxRuntimeExports.jsxs(tr,{children:[o.jsxRuntimeExports.jsx(Ye,{}),o.jsxRuntimeExports.jsx(Ye,{}),o.jsxRuntimeExports.jsx(or,{})]})})}),y==="small"?o.jsxRuntimeExports.jsx(Yo,{children:w.transferDrawer.subTitle}):o.jsxRuntimeExports.jsx(Do,{children:w.transferDrawer.subTitle}),e.transferMoneyPartiesFetchState==="Completed"?o.jsxRuntimeExports.jsx(So,{onSaveChangesToLocalStore:p,transferDetails:e,onReviewClick:v,fundDetails:N,portfolioAllocation:j,isOnSetup:u,isFirstTransfer:c,maxInsuredAmount:n,plaidConnectionDetails:d,onEstablishConnectionClick:x,onFetchLinkTokenClick:E}):o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 500px)"}})]}),C()?o.jsxRuntimeExports.jsx(t.Footer,{style:{zIndex:4,paddingTop:t.Space.sp3,paddingBottom:t.Space.sp3},formId:Ze(Xe),helperStyle:{paddingTop:t.Space.sp0,paddingBottom:t.Space.sp0},leftSideComponent:u===!0&&O?o.jsxRuntimeExports.jsx(rr,{onClick:O,"data-testid":t.generateDataTestId("skip-transfer-link"),children:w.transferDrawer.skip}):null,primaryBtn:{label:be.review},cancelBtn:{label:u===!0?be.footer.back:be.cancel,onClick:()=>{u===!0?s():m()}}}):null]})})},Do=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Yo=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Go=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100vh;
+  width: 100%;
+`,Ho=r(t.LargeRegular)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,Xo=r(t.LargeSemiBold)`
+  display: inline;
+`,Ve=r.div`
+  height: ${e=>e.isTransferCompleted?"100%":"auto"};
+  padding-left: ${e=>`${D.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${D.containerPaddingRight.valuePx(e.windowSize)}`};
+  margin-bottom: auto;
+`,Zo=r.div`
+  display: flex;
+  justify-content: center;
+  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
+  margin-top: ${t.Space.sp6};
+  gap: ${e=>`${D.buttonTrayGap.valuePx(e.windowSize)}`};
+`,Jo=r.div`
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: ${e=>`${t.Space.sp0} ${D.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.Space.sp0};
+  padding: ${e=>`${D.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.Space.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,De=r(t.SvgClose)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-height: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Uo=r(t.H6Regular)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.Space.sp3};
+  margin-bottom: ${t.Space.sp0};
+  margin-right: ${t.Space.sp3};
+`,Ko=r(t.StyledText)`
+  ${e=>`${Vo.formTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${t.Space.sp3};
+  margin-bottom: ${t.Space.sp2};
+`,Qo=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.Space.sp3};
+  width: 100%;
+  margin-bottom: ${t.Space.sp3};
+`,er=r.div`
+  display: flex;
+  align-items: center;
+`,tr=r.div`
+  display: flex;
+  width: 100%;
+  gap: ${t.Space.sp3};
+`,Ye=r.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.Space.sp2};
+`,or=r.div`
+  width: 33.33%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${t.Space.sp2};
+`,rr=r(t.SmallRegular)`
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  color: ${e=>e.theme.colors.hero};
+  text-decoration: none;
+  margin-left: ${t.Space.sp6};
+  &:before {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 1px;
+    width: 100%;
+    background: ${e=>e.theme.colors.grey2};
+    z-index: 0;
+    pointer-events: none;
+  }
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;exports.default=qo;

package/dist/TrendChart-BLkEjRto.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./vendor-.pnpm-DHyNpoQL.cjs"),D=require("react"),p=require("@zeniai/client-epic-state"),i=require("./index-DiGCN0Sk.cjs"),x=require("./chartTypes-BxWbB5-g.cjs"),E=require("@emotion/styled"),B=require("./toCOABalancesWithID-BJYg4vV-.cjs"),$=require("./toChartData-DkDcWweM.cjs"),k=E.div`
+  display: flex;
+`,q=E.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${i.Space.sp1};
+  flex-direction: column;
+  padding: ${i.Space.sp3};
+  background-color: ${t=>t.theme.colors.black};
+`,w=E(i.StandardRegular)`
+  color: ${t=>t.color??i.Colors.neutralGrey2Light};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,K=({active:t,payload:e,trendType:r})=>{const n=[];return e?.forEach(l=>{const s=l.name;if(l&&t&&l.value!==0){const m=l.payload,h=l.color,d=s!=null&&m.record[s]!=null?m.record[s].amount:void 0;n.push({barName:r,value:d,color:h})}}),n},Y=t=>{const e=K(t);return e.length?a.jsxRuntimeExports.jsx(k,{children:a.jsxRuntimeExports.jsx(q,{children:e.map((r,n)=>a.jsxRuntimeExports.jsx(w,{color:r.color,children:`${r.barName}: ${x.currencyFormatter(r.value)}`},r.barName+n))})}):null},M=D.memo(Y),V=(t,e,r,n)=>{let l=[];if(n!=null){const s=Z(n,r);s!=null&&s.length>0&&(l=B.balancesToCOABalancesWithKey("trend","actual",s))}if(l.length>0){const s=x.getChartValueKey("trend","actual"),m={};return m[s]=l,$.toChartData(t,e,s,m)}else return},Z=(t,e)=>{if(t!=null)switch(e){case"month":return t.monthly;case"quarter":return t.quarterly;case"year":return t.yearly;case"free_range":throw new Error("free_range dates are not supported!")}},R=[x.getChartValueKey("trend","actual")];function z({firstMonthOfFY:t,trendReport:e,timeframe:r,selectedTimePeriod:n,graphColor:l,width:s,height:m,onTimeframeSelectionChanged:h}){const d=D.useRef(!1),j=n!=null?O(t,n,r):void 0,b=i.appLocale.getLocalizedStrings().reports.trend[e?.balancesKind];D.useEffect(()=>{d.current=!0},[]);const v=V(t,R,r,e),S=g=>{const f=[];return R.forEach(o=>{f.push(a.jsxRuntimeExports.jsx(a.Bar,{name:o,isAnimationActive:d.current,dataKey:c=>{const u=c.record;return(u[o]!=null&&u[o].amount!=null?u[o].amount:void 0)?.amount??0},maxBarSize:36,fill:g.toString(),"data-testid":i.generateDataTestId(o,"bar")},o))}),f};return v==null?null:a.jsxRuntimeExports.jsx(I,{chartData:v,timeframe:r,selectedLabel:j,barElements:S(l),customToolTipContent:({active:g,payload:f})=>a.jsxRuntimeExports.jsx(M,{active:g,payload:f,trendType:b}),width:s,height:m,onTimeframeSelectionChanged:h})}const I=({chartData:t,timeframe:e,selectedLabel:r,barElements:n,customToolTipContent:l,width:s,height:m,onTimeframeSelectionChanged:h})=>{const d=a.useTheme(),[j,b]=D.useState([void 0,void 0]),v=t.timeseries,S=x.getCurrencySymbol(t),g=v.map(o=>o.label);D.useEffect(()=>{if(r!=null){const o=x.getXAxisSelectionRange(r.label,g,1);b(o)}else b([void 0,void 0])},[e,r]);const f=o=>{if(o?.activePayload==null||o?.activePayload.length===0)return;const c=o.activePayload[0];if(c?.payload?.record?.[x.getChartValueKey("trend","actual")]?.amount==null)return;const u=c.payload.record[x.getChartValueKey("trend","actual")].amount;if(u!=null&&u.amount===0||c?.payload?.timeLabel?.label==null)return;const C=c.payload.timeLabel.label,L=c.payload.timeLabel.startDate,T=c.payload.timeLabel.endDate,A=x.getXAxisSelectionRange(C,g,1);b(A),h?.(e,{startDate:L,endDate:T})};return a.jsxRuntimeExports.jsx("div",{style:{width:s,height:m},"data-testid":i.generateDataTestId("simple-bar-chart"),children:a.jsxRuntimeExports.jsx(a.AutoSizer,{children:({height:o,width:c})=>a.jsxRuntimeExports.jsxs(a.BarChart,{"data-testid":i.generateDataTestId("bar-chart"),width:c,height:o,data:t.recordByTimeseries,barCategoryGap:"30%",margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto",cursor:"pointer"},onClick:f,children:[a.jsxRuntimeExports.jsx(a.CartesianGrid,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:d.colors.grey3}),a.jsxRuntimeExports.jsx(a.XAxis,{dataKey:u=>u.timeLabel.label,type:"category",axisLine:{stroke:d.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:d.colors.hero,...i.textStyles.extraSmallRegular.cssObject}}),a.jsxRuntimeExports.jsx(a.YAxis,{type:"number",axisLine:!1,tickLine:!1,tick:{color:d.colors.hero,...i.textStyles.extraSmallRegular.cssObject},tickFormatter:u=>i.amountValueToString("0,0.[00]a",u,S)}),a.jsxRuntimeExports.jsx(a.Tooltip$1,{cursor:!1,content:l,allowEscapeViewBox:{x:!1,y:!0}}),r!=null&&a.jsxRuntimeExports.jsx(a.ReferenceArea,{x1:j[0],x2:j[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),n]})})})},{dateFormat:y}=i.appLocale.getLocalizedStrings(),O=(t,e,r)=>{let n="";switch(r){case"week":e.startDate.month()!==e.endDate.month()?n=`${p.formatZeniDate(e.startDate,y.visual.MMMYYFormat,t)} - ${p.formatZeniDate(e.endDate,y.visual.MMMYYFormat,t)}`:n=`${p.formatZeniDate(e.startDate,y.visual.Dformat,t)} - ${p.formatZeniDate(e.endDate,y.visual.MMMDCommaYYYYformat,t)}`;break;case"month":n=`${p.formatZeniDate(e.startDate,y.visual.MMMYYFormat,t)}`;break;case"quarter":n=`${i.appLocale.getLocalizedStrings().quarterPrefix}${p.formatZeniDate(e.startDate,y.visual.QYYformat,t)}`;break;case"year":n=`${p.formatZeniDate(e.startDate,y.visual.YYYYformat,t)}`;break;case"free_range":throw new Error("free_range dates are not supported!")}return{label:n,startDate:e.startDate,endDate:e.endDate}};exports.default=z;