@zeniai/web-app-ui 4.14.35-qa → 4.14.36-next

package/dist/assets/ZeniAccountListViewPage-S-XmAYqD-BeIhS-QI.js

@@ -0,0 +1,441 @@
+import{J as K,T as Ie,a7 as Me,y as _e,ag as De,a5 as Ee,V as i,bK as W,e as o,A as Ge,o as n,dG as Fe,dL as Ne,bL as ne,bM as te,gI as Re,a4 as F,bg as ye,a_ as Ue,j as z,O as Q,I as Oe,s as We,l as Ye,bm as Ve,b6 as fe,x as j,t as Ze,bz as qe,eC as G,a6 as N,b,W as X,ga as Je,H as He,B as Ke,k as Qe,ch as Xe,bB as ei,u as m,f2 as ii,gJ as ni,i as ti,gb as oi,ba as ri,ab as si}from"./index-EqHxd201.js";import{a as g}from"./sentry-Q4kep6XN.js";import{n as t}from"./mui-2NnLxiU2.js";import{Fy as ai}from"./zeni-epic-state-DHqVwJ2L.js";import{m as ci}from"./BusyIndication-DizZe0Gu-LbAFsXLH.js";import{r as li}from"./auto-transfer-rule-mbafm5D3-B6zvDgGa.js";import{t as di}from"./clock-CJkylEKt-DCVHdJv4.js";import{o as pi}from"./shield-DOlUxcFf-DhZp-_BM.js";import{U as mi}from"./ZeniAccountNavBarPieces-DhjBxfEr-VVB6yev1.js";import{v as ui}from"./ZeniTransferAmountSlider-BNYgPwHs-CW1ejaod.js";import"./pdf-CmlsF1Bq.js";import"./core-B0aIoG8L.js";import"./lottie-C-63nSQ2.js";import"./liveblocks-BGLG0ZRF.js";import"./recharts-DLbOXl5Z.js";import"./dnd-CeLShHIc.js";import"./analytics-JKNMIPCj.js";import"./plaid-AStGMBRC.js";import"./utils-Yz1HF93N.js";import"./MoreMenuButton-CJue6xR9-BjKpSdxL.js";import"./spend-limit-D6SyboD4-BmY4osYa.js";import"./dollar-round-D18u7nlm-CHRr1bf9.js";import"./money-2cg1MuG4-B1T8Uy6t.js";import"./page-summary-D7_VQHwN-BOd9yG8Y.js";import"./transaction-placeholder-CpOwZAMG-BgSxR8pp.js";import"./unlock-BPWn2I5L-C-h2dTWL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="82dcbde3-d6b7-45e7-8719-dec70e7194a3",e._sentryDebugIdIdentifier="sentry-dbid-82dcbde3-d6b7-45e7-8719-dec70e7194a3")}catch{}})();const{spendManagement:{treasury:{promoBanner:u,promoPage:oe}}}=Q.getLocalizedStrings(),hi=({yieldPercentage:e=4.35,insuredAmount:r=5e5,onGetStartedClick:y,style:C})=>{const s=K(),S=(l,I)=>Object.entries(I).reduce((M,[A,w])=>M.replace(new RegExp(`__${A}__`,"g"),w),l),B=`${e}%`,T=(v=r,`$${Intl.NumberFormat("en",{notation:"compact"}).format(v)}`),f=[{icon:i.jsx(ji,{}),title:S(u.features.yield,{yieldPercentage:B}),id:"yield"},{icon:i.jsx(Ai,{}),title:S(u.features.insured,{insuredAmount:T}),id:"insured"},{icon:i.jsx(zi,{}),title:u.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:i.jsx(Ci,{}),title:u.features.automation,id:"automation"}];var v;return i.jsxs(gi,{style:C,children:[i.jsx(xi,{}),s!=="small"&&i.jsxs(i.Fragment,{children:[i.jsx(wi,{}),i.jsx($i,{})]}),i.jsx(yi,{windowSize:s,children:s==="small"?i.jsxs(i.Fragment,{children:[i.jsxs(fi,{children:[i.jsx(re,{windowSize:s,children:i.jsx(se,{windowSize:s})}),i.jsx(ae,{children:u.title})]}),i.jsx(ce,{windowSize:s,children:f.map(l=>i.jsxs(le,{windowSize:s,children:[i.jsx(de,{children:l.icon}),i.jsxs(pe,{children:[l.title,l.showAsterisk===!0&&i.jsx(me,{children:"*"})]})]},l.id))}),i.jsx(ki,{children:i.jsx(ue,{children:i.jsx(he,{variant:"primary",label:u.button,onClick:y,size:"small",style:{padding:`${n.sp1} 12px`}})})}),i.jsx(ge,{windowSize:s,children:i.jsxs(xe,{windowSize:s,children:[u.disclaimer.split("__termsLink__")[0],i.jsx(we,{href:oe.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:u.termsLink}),u.disclaimer.split("__termsLink__")[1]]})})]}):i.jsxs(i.Fragment,{children:[i.jsx(re,{windowSize:s,children:i.jsx(se,{windowSize:s})}),i.jsxs(bi,{windowSize:s,children:[i.jsx(ae,{children:u.title}),i.jsx(ce,{windowSize:s,children:f.map(l=>i.jsxs(le,{windowSize:s,children:[i.jsx(de,{children:l.icon}),i.jsxs(pe,{children:[l.title,l.showAsterisk===!0&&i.jsx(me,{children:"*"})]})]},l.id))}),i.jsx(ge,{windowSize:s,children:i.jsxs(xe,{windowSize:s,children:[u.disclaimer.split("__termsLink__")[0],i.jsx(we,{href:oe.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:u.termsLink}),u.disclaimer.split("__termsLink__")[1]]})})]}),i.jsx(ue,{children:i.jsx(he,{variant:"primary",label:u.button,onClick:y,size:"small",style:{padding:`${n.sp1} 12px`}})})]})})]})},gi=t.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background: ${o.neutralGrey5Light};
+  border: 1px solid ${o.brandColorGold};
+  border-radius: ${n.sp2};
+  overflow: hidden;
+  width: 100%;
+`,xi=t.div`
+  position: absolute;
+  top: ${n.sp0};
+  left: ${n.sp0};
+  right: ${n.sp0};
+  bottom: ${n.sp0};
+  background: ${o.brandColorGold};
+  opacity: 0.2;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: ${n.sp0};
+    left: ${n.sp0};
+    right: ${n.sp0};
+    bottom: ${n.sp0};
+    background: ${o.brandColorGoldDark};
+    opacity: 0.45;
+    background-image: repeating-linear-gradient(
+      45deg,
+      transparent,
+      transparent ${n.sp2},
+      rgba(199, 116, 25, 0.1) ${n.sp2},
+      rgba(199, 116, 25, 0.1) ${n.sp3}
+    );
+  }
+`,wi=t.div`
+  position: absolute;
+  top: ${n.sp0};
+  right: ${n.sp0};
+  width: 200px;
+  height: 150px;
+  z-index: 0;
+  pointer-events: none;
+  overflow: hidden;
+  background-image: url("https://storage.googleapis.com/zeni-apis.appspot.com/images/treasury-promo-right-pattern.png");
+  background-repeat: no-repeat;
+  background-position: top right;
+  background-size: contain;
+`,$i=t.div`
+  position: absolute;
+  bottom: -${n.sp1};
+  left: -${n.sp1};
+  width: 150px;
+  height: 100px;
+  z-index: 0;
+  pointer-events: none;
+  overflow: hidden;
+  background-image: url("https://storage.googleapis.com/zeni-apis.appspot.com/images/treasury-promo-left-pattern.png");
+  background-repeat: no-repeat;
+  background-position: bottom left;
+  background-size: contain;
+`,yi=t.div`
+  position: relative;
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"stretch":"center"};
+  gap: ${e=>e.windowSize==="small"?n.sp2:"12px"};
+  padding: ${e=>e.windowSize==="small"?n.sp3:`${n.sp3} ${n.sp4}`};
+  z-index: 1;
+`,re=t.div`
+  display: flex;
+  align-self: flex-start;
+  justify-content: center;
+  width: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
+  height: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
+  flex-shrink: 0;
+`,fi=t.div`
+  display: flex;
+  align-items: center;
+  gap: ${n.sp2};
+`,ki=t.div`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: ${n.sp2};
+  margin-left: ${n.sp7};
+`,se=t(ii)`
+  width: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
+  height: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
+  color: ${o.brandColorGoldDark};
+
+  & path {
+    stroke: ${o.brandColorGoldDark};
+    stroke-width: 1px;
+  }
+`,bi=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n.sp1};
+  flex: 1;
+`,ae=t(ni)`
+  color: ${o.brandColorGoldDark};
+  margin-bottom: ${n.sp1};
+`,ce=t.div`
+  display: ${e=>e.windowSize==="small"?"flex":"grid"};
+  ${e=>e.windowSize==="small"?`
+      flex-direction: column;
+      gap: ${n.sp2};
+      margin-left: ${n.sp7};
+    `:`
+      grid-template-columns: 1fr 1fr;
+      gap: ${n.sp1};
+    `}
+`,le=t.div`
+  display: flex;
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
+  gap: ${n.sp1};
+`,de=t.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${n.sp3};
+  height: ${n.sp3};
+  flex-shrink: 0;
+`,pe=t(j)`
+  color: ${o.primaryLight};
+`,me=t.span`
+  color: ${o.primaryLight};
+`,ue=t.div`
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+`,he=t(ti)`
+  background: ${o.brandColorGoldDark};
+  border-color: ${o.brandColorGoldDark};
+  color: ${o.neutralGrey5Light};
+  :hover {
+    background: ${o.brandColorGoldDark};
+    border-color: ${o.brandColorGoldDark};
+    color: ${o.neutralGrey5Light};
+  }
+`,ge=t.div`
+  position: relative;
+  margin-top: ${e=>e.windowSize==="small"?n.sp2:"0"};
+  padding: ${e=>e.windowSize==="small"?`0 ${n.sp2}`:"0"};
+`,xe=t(X)`
+  color: ${o.heroLight};
+  white-space: pre-line;
+  text-align: ${e=>e.windowSize==="small"?"center":"left"};
+`,we=t.a`
+  color: ${o.heroLight};
+  text-decoration: underline;
+  text-decoration-color: ${o.neutralGrey2Light};
+  cursor: pointer;
+
+  &:hover {
+    color: ${o.primaryLight};
+    text-decoration-color: ${o.primaryLight};
+  }
+`,ji=t(e=>g.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},g.createElement("path",{d:"M23.0041 11.8483C23.0373 14.1699 22.335 16.4424 20.9979 18.3405C19.6607 20.2386 17.7572 21.665 15.5599 22.4153C13.3627 23.1656 10.9844 23.2014 8.76551 22.5175C6.54667 21.8337 4.60111 20.4653 3.20741 18.6083C1.81371 16.7513 1.04335 14.5009 1.00664 12.1794C0.969926 9.85784 1.66875 7.58422 3.00303 5.68407C4.33732 3.78392 6.23864 2.3547 8.43475 1.60106C10.6309 0.84741 13.0091 0.807991 15.229 1.48844",stroke:"#757D7E",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M7.17736 14.8498L12.3225 8.44116C12.431 8.30616 12.5835 8.21419 12.7532 8.1815C12.9228 8.14882 13.0985 8.17753 13.2493 8.26255L16.2512 9.95329C16.4047 10.0398 16.5839 10.0678 16.7561 10.0324C16.9283 9.99691 17.0819 9.90029 17.1889 9.76018L21.3745 4.27979",stroke:"#757D7E",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{d:"M18.4739 4.60986L21.3623 4.13001L21.845 7.03577",stroke:"#757D7E",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${o.brandColorGoldDark};
+
+  & path {
+    stroke: currentColor;
+  }
+`,Ai=t(pi)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${o.brandColorGoldDark};
+`,zi=t(di)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${o.brandColorGoldDark};
+`,Ci=t(li)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${o.brandColorGoldDark};
+`,x={bankAccListBottomMargin:new b(m[7],m[6]),containerWidth:new b(96,67),containerTopMargin:new b(m[4],m[6]),BankAccListTopMargin:new b(m[4],m[8]),containerSidePadding:new b(m[3],m[0]),accountRowTopBottomPadding:new b(m[3],m[4]),accountRowBottomMargin:new b(m[3],m[5]),totalInsuredAndYieldContainerTopMargin:new b(m[3],m[0])},Si={bankAccountName:new He("standardRegular","largeMedium")},d=Q.getLocalizedStrings(),Y=e=>i.jsx(Ni,{children:e}),vi=({fetchState:e,onReloadTransactions:r})=>e==="Error"?i.jsxs(rn,{children:[i.jsx(sn,{onClick:r,"data-testid":N("zeni-account-list-reload"),children:i.jsx(an,{})}),i.jsx(cn,{children:d.peoplePage.reloadPage.label})]}):i.jsx(ci,{fetchState:e,styles:{margin:"auto"}}),Li=({zeniAccountListView:e,zeniAccountsConfigDetail:r,maxInsuredAmountString:y,analytics:C,onZeniAccountRowClick:s,onReloadTransactions:S,handleAddInternalAccountClick:B,onAddFundClick:T,onTreasuryGetStartedClick:f,treasuryYieldPercentage:v,treasuryInsuredAmount:l,showTreasuryPromo:I})=>{const{depositAccountsSelectorView:M,fetchState:A,summary:w}=e,p=K(),_=Ze(),k=_.loggedInUserRoleMap.deposit_accounts_user===!0||ai(_.loggedInUserRoleMap),D=a=>{switch(a){case"totalBalance":case"insuredBalance":default:return"320px";case"totalInterest":return"290px"}},L=a=>{let $=i.jsx(i.Fragment,{});switch(a){case"insuredBalance":$=i.jsx(Z,{style:{width:"300px"},children:d.spendManagement.zeniAccounts.zeniAccountList.insuranceTooltip.replace("__amount__",y)});break;case"totalInterest":$=i.jsx(Z,{children:d.spendManagement.zeniAccounts.zeniAccountList.yieldTooltip});break;case"totalBalance":$=i.jsxs(Z,{style:{paddingTop:"12px",paddingBottom:"12px"},children:[i.jsx(un,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.base}),i.jsxs(q,{children:[i.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),i.jsx(H,{children:F("0,0[.]00",w?.totalBalance.current)})]}),i.jsxs(q,{children:[i.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),i.jsx(H,{children:F("0,0[.]00",w?.totalBalance.hold)})]}),i.jsxs(q,{children:[i.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),i.jsx(H,{children:F("0,0[.]00",w?.totalBalance.available)})]})]})}return i.jsx(dn,{children:i.jsx(ye,{style:{textAlign:"left",padding:n.sp1},maxWidth:D(a),display:"flex",placement:p==="small"?"bottom":"top",title:$,children:a==="insuredBalance"?i.jsx(mn,{}):i.jsx(pn,{})})})},E=a=>i.jsx(Gi,{color:Je(a)});return qe({componentName:"checking.list",enabled:A==="Completed"}),i.jsx(Pi,{children:A==="Completed"?i.jsxs(ln,{windowSize:p,children:[i.jsxs(Mi,{windowSize:p,children:[i.jsxs(Fi,{windowSize:p,children:[i.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.zeniAccountList.totalAvailableBalance),L("totalBalance")]}),i.jsx(G,{amount:w?.totalBalance.available})]}),i.jsxs(Bi,{windowSize:p,children:[i.jsxs(Yi,{children:[i.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.zeniAccountList.insuredFund),L("insuredBalance")]}),i.jsx(G,{amount:w?.insuredBalance.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),i.jsx(Oi,{children:d.spendManagement.zeniAccounts.zeniAccountList.insuranceInfo.replace("__amount__",y)})]}),i.jsxs(Vi,{children:[i.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.common.totalYieldEarned),L("totalInterest")]}),i.jsx(G,{amount:w?.totalInterest.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),i.jsxs(Ri,{children:[d.spendManagement.zeniAccounts.zeniAccountList.currentAverageYield,i.jsx(Ui,{children:r.zeniAccountsConfigDetail.annualPercentageYield})]})]})]})]}),I===!0&&i.jsx(hn,{windowSize:p,children:i.jsx(hi,{yieldPercentage:v,insuredAmount:l,onGetStartedClick:()=>{C.trackAccountsListPageClicked("Move Money"),f?.()}})}),i.jsxs(Ei,{windowSize:p,children:[M.depositAccounts.map((a,$)=>i.jsxs(Zi,{isClickEnabled:!0,windowSize:p,onClick:()=>s?.(a.id,a.accountName),"data-testid":N("deposit-account-clicked",a.id),children:[i.jsxs(Wi,{children:[E($),i.jsxs(qi,{children:[i.jsx(Ji,{windowSize:p,children:a.accountName}),i.jsxs(Hi,{windowSize:p,children:[i.jsx(_i,{children:i.jsx(Ki,{children:a.maskedAccountNumber})}),i.jsxs(Di,{children:[p==="small"?null:i.jsx(Qi,{}),i.jsx(Xi,{windowSize:p,children:d.spendManagement.zeniAccounts.zeniAccountList.active})]})]})]})]}),i.jsxs(en,{children:[i.jsx(G,{amount:a.accountBalance.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),k?null:i.jsx(Ti,{onClick:R=>{R.stopPropagation(),(P=>{C.trackAccountsListPageClicked("Add Funds",P.accountName,"active"),T("transfer",P)})(a)},"data-testid":N("add-fund",a.id),children:i.jsx(Ii,{children:d.spendManagement.zeniAccounts.zeniAccountList.addFundBtnText})})]})]},a.id)),i.jsxs(nn,{onClick:B,"data-testid":N("add-new-internal-zeni-account"),children:[i.jsx(tn,{}),i.jsx(on,{children:d.spendManagement.zeniAccounts.zeniAccountList.addAccountText})]})]})]}):i.jsx(vi,{fetchState:A,onReloadTransactions:S})})},Pi=t.div`
+  display: block;
+  height: 100%;
+`,Bi=t.div`
+  display: flex;
+  justify-content: space-between;
+  gap: ${n.sp5};
+  margin: ${e=>`${x.totalInsuredAndYieldContainerTopMargin.valuePx(e.windowSize)} ${n.sp0} ${n.sp0} ${n.sp0}`};
+`,Ti=t.button`
+  cursor: pointer;
+  border-radius: ${n.sp1};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  padding: 1px 6px;
+  :hover {
+    border: 1px solid ${e=>e.theme.colors.hero};
+  }
+`,Ii=t(Qe)`
+  color: ${e=>e.theme.colors.hero};
+`,Mi=t.div`
+  margin: ${e=>x.containerTopMargin.valuePx(e.windowSize)}
+    ${n.sp0} ${n.sp0} ${n.sp0};
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  padding: ${e=>`${n.sp0} ${x.containerSidePadding.valuePx(e.windowSize)} ${n.sp0} ${x.containerSidePadding.valuePx(e.windowSize)}`};
+`,_i=t.div`
+  display: flex;
+`,Di=t.div`
+  display: flex;
+  align-items: center;
+`,Ei=t.div`
+  margin: ${e=>`${x.BankAccListTopMargin.valuePx(e.windowSize)} ${n.sp0} 
+    ${x.bankAccListBottomMargin.valuePx(e.windowSize)} ${n.sp0}`};
+  width: 100%;
+  padding: ${e=>`${n.sp0}  ${x.containerSidePadding.valuePx(e.windowSize)}`};
+`,Gi=t(oi)`
+  min-width: ${n.sp7};
+  width: ${n.sp7};
+  height: ${n.sp7};
+  margin-right: 12px;
+`,Fi=t.div`
+  ${e=>e.windowSize!=="small"?`
+        width: 50%;
+`:null}
+`,V=t.div`
+  display: flex;
+`,Ni=t(j)`
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${n.sp1};
+`,Ri=t(X)`
+  color: ${e=>e.theme.colors.hero};
+`,Ui=t.span`
+  margin-left: 2px;
+`,Oi=t(X)`
+  color: ${e=>e.theme.colors.hero};
+`,Wi=t.div`
+  display: flex;
+  align-items: center;
+  width: calc(100% - 96px);
+`,Yi=t.div``,Vi=t.div``,Zi=t.div`
+  padding-left: ${e=>x.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>x.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-top: ${e=>x.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>x.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal} `};
+  border-radius: ${n.sp2};
+  margin-bottom: ${e=>x.accountRowBottomMargin.valuePx(e.windowSize)};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  cursor: ${e=>e.isClickEnabled?"pointer":"default"};
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.isClickEnabled?e.theme.colors.champion:e.theme.colors.hero};
+  }
+`,qi=t.div`
+  max-width: calc(100% - 30px);
+  width: calc(100% - 40px);
+  white-space: nowrap;
+  overflow: hidden;
+`,Ji=t(Ke)`
+  ${e=>`${Si.bankAccountName.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  max-width: ${`calc(100% - ${n.sp3})`};
+  text-transform: capitalize;
+  overflow: hidden;
+`,Hi=t.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"start":"center"};
+`,Ki=t(j)`
+  margin-left: ${n.sp1};
+`,Qi=t.div`
+  width: ${n.sp1};
+  height: ${n.sp1};
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.grey1};
+  margin-left: ${n.sp2};
+  margin-right: ${n.sp2};
+`,Xi=t(j)`
+  color: ${o.success};
+  border-radius: 50px;
+`,en=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+`,nn=t.div`
+  padding: ${n.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid ${e=>e.theme.colors.hero};
+  border-radius: ${n.sp2};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  margin-top: ${n.sp4};
+  pointer-events: ${e=>e.isLoading===!0?"none":"auto"};
+  &:hover {
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+    color: ${e=>e.theme.colors.primary};
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,tn=t(Xe)`
+  margin-right: ${n.sp2};
+  width: ${n.sp4};
+  height: ${n.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,on=t(ei)``,rn=t.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,sn=t.div`
+  height: ${n.sp12};
+  width: ${n.sp12};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${n.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,an=t(ri)`
+  height: ${n.sp5};
+  width: ${n.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,cn=t(si)`
+  margin-top: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ln=t.div`
+  max-width: 726px;
+  width: ${e=>x.containerWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: auto;
+`,dn=t.div`
+  display: flex;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,pn=t(fe)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,mn=t(e=>g.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},g.createElement("path",{d:"M1.50005 3.41819V11.3868C1.49582 13.9724 2.27853 16.4989 3.74542 18.6344C5.2123 20.77 7.29478 22.4147 9.71941 23.3528L10.8398 23.7848C11.5863 24.0717 12.4137 24.0717 13.1602 23.7848L14.2806 23.3528C16.7052 22.4147 18.7877 20.77 20.2546 18.6344C21.7215 16.4989 22.5042 13.9724 22.4999 11.3868V3.41819C22.5025 3.11029 22.4157 2.80819 22.2499 2.54802C22.0842 2.28785 21.8466 2.08063 21.5655 1.95114C18.5518 0.635546 15.2915 -0.0291648 12 0.000981362C8.70855 -0.0291648 5.44817 0.635546 2.43455 1.95114C2.15343 2.08063 1.91579 2.28785 1.75007 2.54802C1.58435 2.80819 1.49755 3.11029 1.50005 3.41819Z",fill:"#36B37E"}),g.createElement("path",{d:"M16.5194 8.42881L11.3671 13.3387C11.3022 13.4007 11.2254 13.4489 11.1414 13.4802C11.0573 13.5116 10.9677 13.5256 10.8781 13.5212C10.7897 13.517 10.703 13.4951 10.6232 13.4568C10.5434 13.4185 10.4721 13.3646 10.4135 13.2982L8.06814 10.6339",stroke:"#FAFAFA",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
+  width: ${n.sp3};
+  height: ${n.sp3};
+`,Z=t(j)`
+  padding: ${n.sp2} ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  border-radius: ${n.sp1};
+`,q=t(j)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+  margin-top: ${n.sp2};
+  display: flex;
+  justify-content: space-between;
+`,un=t(j)`
+  margin-bottom: ${n.sp2};
+  display: flex;
+`,J=t.div`
+  color: ${e=>e.theme.colors.hero};
+`,H=t.div`
+  color: ${o.primaryDark};
+`,hn=t.div`
+  margin-top: ${n.sp4};
+`,{common:gn,spendManagement:{zeniAccounts:c}}=Q.getLocalizedStrings(),$e="checkingAccountCreation-form",Qn=({zeniAccountListView:e,analytics:r,maxInsuredAmount:y,isBillPayEnabled:C,isExpressPayEnabled:s,onBackClick:S,onZeniAccountClick:B,onSettingsClick:T,handleMoveMoneyOptionSelection:f,onReloadTransactions:v,onCreateCheckingClick:l,onClickMenuIcon:I,onTreasuryGetStartedClick:M,showTreasuryPromo:A,treasuryYieldPercentage:w,treasuryInsuredAmount:p})=>{const _=K(),k=Ie({mode:"all"}),D=e.newCheckingAccount.fetchState,L=Me(D);g.useEffect(()=>{L==="In-Progress"&&D==="Completed"&&($(!1),P(!0),k.reset())},[L,D,k]);const E=_e(),[a,$]=g.useState(!1),[R,P]=g.useState(!1),[ke,U]=g.useState(!1),[be,je]=g.useState(0),[Ae,ze]=g.useState(0),Ce={pageName:"listPage",onOptionSelection:h=>{h==="payBill"?(r.trackAccountsListPageClicked("Pay Someone"),U(!0)):(h==="sendMoney"?r.trackSendMoneyClick():h==="checkDeposit"?r.trackAccountsListPageClicked("Deposit a Check"):h==="transfer"&&r.trackAccountsListPageClicked("Transfer Between Accounts"),f(h))}},Se={onOkClick:()=>{},onCancelClick:()=>{r.trackAccountsListPageClicked("Add Business Account Cancel"),k.reset(),$(!1)}},ve={onOkClick:()=>{const h=e.depositAccountsSelectorView.depositAccounts.find(O=>O.id===e.newCheckingAccount.accountId);r.trackAccountsListPageClicked("Add Business Account Add Funds"),f("transfer",h),P(!1)},onCancelClick:()=>{r.trackAccountsListPageClicked("Add Business Account Not Now"),P(!1)}},Le={onOkClick:()=>{r.trackAccountsListPageClicked("Proceed on Bills pop up"),f("payBill"),U(!1)},onCancelClick:()=>{r.trackAccountsListPageClicked("Not Now on Bills pop up"),U(!1)}},Pe=k.handleSubmit(h=>{r.trackAccountsListPageClicked("Add Business Account Create"),l?.(h.checkingAccountNickName)}),ee=e.zeniAccountsConfig.zeniAccountsConfigDetail.depositProductConfig.depositProducts,Be=ee[ee.length-1].annualPercentageYield.toString(),ie=De(Ee(y),y,gn.currency.currencySymbol).toUpperCase(),Te=i.jsx(mi,{onSettingsClick:T,isBillPayEnabled:C,isExpressPayEnabled:s,zeniBankProps:Ce,analytics:r});return i.jsxs(xn,{children:[a?i.jsx(W,{titleComponent:i.jsx(te,{children:c.zeniAccountList.createPopUpInfo.title}),descriptionComponent:i.jsx(ne,{children:c.zeniAccountList.createPopUpInfo.description}),primaryButtonText:c.zeniAccountList.createPopUpInfo.primaryButtonText,isLoading:e.newCheckingAccount.fetchState==="In-Progress",formId:$e,secondaryButtonText:c.zeniAccountList.createPopUpInfo.secondaryButtonText,style:{background:o.overlayLight},action:Se,children:i.jsx(Ge,{...k,children:i.jsx("form",{id:$e,onSubmit:Pe,style:{height:n.sp8,width:"80%",marginBottom:n.sp5},children:i.jsx(Fe,{type:"text",name:"checkingAccountNickName",placeholder:c.zeniAccountList.createPopUpInfo.placeholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:n.sp7,textAlign:"left",width:"100%",background:Ne(k.formState.errors,"checkingAccountNickName")===!0?o.importantLight:E.colors.grey5,border:`1px solid ${E.colors.grey2}`},registerOptions:{required:!0,validate:h=>!!h}})})})}):null,R?i.jsx(W,{titleComponent:i.jsx(i.Fragment,{}),descriptionComponent:i.jsx(i.Fragment,{}),primaryButtonText:c.zeniAccountList.addFundsPopUpInfo.primaryButtonText,secondaryButtonText:c.zeniAccountList.addFundsPopUpInfo.secondaryButtonText,action:ve,primaryButtonWidth:130,secondaryButtonWidth:130,containerStyle:{minWidth:352,maxWidth:544,width:"90%"},children:i.jsxs($n,{children:[i.jsx(Re,{width:150,height:150,shouldDisplay:!0,animationInLoop:1,styles:{marginBottom:-n.sp4}}),i.jsx(yn,{children:c.zeniAccountList.addFundsPopUpInfo.title}),i.jsx(fn,{children:c.zeniAccountList.addFundsPopUpInfo.description.replace("__rate__",Be).replace("__amount__",ie)}),i.jsx(ui,{transferAmount:5e5,currentAccountBalance:0,zeniAccountsConfigDetail:e.zeniAccountsConfig,minStep:.1,setTotalBalance:ze,setYieldEarned:je}),i.jsxs(kn,{children:[i.jsxs(jn,{children:[c.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarned,i.jsx(bn,{children:F("0,0",{amount:be,currencySymbol:"$"})}),i.jsx(ye,{variant:"small-description",maxWidth:"280px",data:c.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,display:"flex",placement:"left",children:i.jsx(zn,{})})]}),i.jsxs(An,{children:[c.zeniAccountList.transferDrawer.calculator.footerText.for,Intl.NumberFormat("en",{currency:"USD",notation:"compact",style:"currency",minimumFractionDigits:0}).format(Ae)]})]})]})}):null,ke?i.jsx(W,{titleComponent:i.jsx(te,{children:c.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:i.jsx(ne,{children:c.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:c.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:c.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Le,primaryButtonWidth:130,secondaryButtonWidth:130}):null,i.jsx(Ue,{title:c.zeniAccountList.tabsById.zeniAccounts,onBackClick:S,showMenuIcon:_==="medium-compact"||_==="small",backgroundColor:E.colors.grey4,style:{zIndex:3,...z.largeSemiBold.cssObject},rightSideComponent:Te,onClickMenuIcon:I,hideSearchBtn:!0,source:"ZeniAccountListViewPage"}),i.jsx(wn,{isLoading:e.fetchState==="In-Progress",children:i.jsx(Li,{zeniAccountsConfigDetail:e.zeniAccountsConfig,zeniAccountListView:e,onZeniAccountRowClick:(h,O)=>{B(h,O)},onAddFundClick:f,handleAddInternalAccountClick:()=>{r.trackAccountsListPageClicked("Add Business Account"),$(!0)},analytics:r,onReloadTransactions:v,maxInsuredAmountString:ie,onTreasuryGetStartedClick:M,treasuryYieldPercentage:w,treasuryInsuredAmount:p,showTreasuryPromo:A})})]})},xn=t.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,wn=t.div`
+  display: ${e=>e.isLoading?"flex":"block"};
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  min-height: ${e=>e.isLoading?`calc(100vh - ${n.sp10})`:"100vh"};
+  height: ${e=>e.isLoading?`calc(100vh - ${n.sp10})`:"100%"};
+`,$n=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: ${n.sp4};
+`,yn=t(Oe)`
+  padding-left: ${n.sp8};
+  padding-right: ${n.sp8};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,fn=t(We)`
+  color: ${e=>e.theme.colors.hero};
+  padding-left: ${n.sp6};
+  padding-right: ${n.sp6};
+  margin-bottom: ${n.sp3};
+  margin-top: ${n.sp3};
+  white-space: pre-line;
+`,kn=t.div`
+  min-height: ${n.sp10};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,bn=t.span`
+  font-weight: ${Ve.medium};
+  margin-left: ${n.sp1};
+`,jn=t(Ye)`
+  color: ${o.success};
+  display: flex;
+  align-items: center;
+`,An=t(j)`
+  color: ${e=>e.theme.colors.grey1};
+  display: block;
+`,zn=t(fe)`
+  width: ${n.sp3};
+  color: ${e=>e.theme.colors.hero};
+  height: ${n.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;export{Qn as default};

package/dist/assets/ZeniAccountNavBarPieces-DhjBxfEr-VVB6yev1.js

@@ -0,0 +1,14 @@
+import{t as N,fc as O,V as a,a6 as _,gK as u,O as I,o as r,gj as P}from"./index-EqHxd201.js";import{n as g}from"./mui-2NnLxiU2.js";import{bK as j}from"./zeni-epic-state-DHqVwJ2L.js";import{w as y}from"./MoreMenuButton-CJue6xR9-BjKpSdxL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="6f383e61-6804-4466-a12b-4abfae605afd",e._sentryDebugIdIdentifier="sentry-dbid-6f383e61-6804-4466-a12b-4abfae605afd")}catch{}})();const n=I.getLocalizedStrings().spendManagement.zeniAccounts,f=[{value:"editNickName",label:n.moveMoney.editNickName},{value:"accountStatement",label:n.moveMoney.accountStatement}],m={value:"payBill",label:n.moveMoney.payBills},b={value:"transfer",label:n.moveMoney.transfer},v={value:"sendMoney",label:n.moveMoney.sendMoney,isNew:!0},M={value:"checkDeposit",label:n.moveMoney.checkDeposit},z=[m,b,v,M],D=[v,b,m,M],U=({zeniBankProps:e,isBillPayEnabled:i,isExpressPayEnabled:c,analytics:h,onSettingsClick:k})=>{const l=N(),s=l.loggedInUserRoleMap.deposit_accounts_user===!0||O(l),w=j(l.loggedInUserRoleMap),x=f.filter(t=>t.value==="accountStatement"),d=i===!0?z:D,p=c===!0?d:d.filter(t=>t.value!=="sendMoney"),S=w?p:p.filter(t=>t.value!=="payBill");return a.jsxs(B,{isTopAlign:e.pageName==="detailPage",children:[e.pageName!=="listPage"||s?e.pageName==="detailPage"&&a.jsx(y,{entity:"zeni_accounts",onOptionSelection:t=>{const o=u(t);o!=null&&e.onOptionSelection(o)},isMoreOption:!0,options:s?x:f,title:n.moveMoney.title}):a.jsx($,{onClick:k,"data-testid":_("zeni-accounts-settings-button")}),s?null:a.jsx(y,{entity:"zeni_accounts",onOptionSelection:t=>{const o=u(t);o!=null&&e.onOptionSelection(o)},isMoreOption:!1,options:S,title:n.moveMoney.title,onMenuOpen:()=>h?.trackAccountsListPageClicked("Move Money")})]})},$=g(P)`
+  cursor: pointer;
+  min-width: ${r.sp4};
+  width: ${r.sp4};
+  height: ${r.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,B=g.div`
+  display: flex;
+  flex-direction: row;
+  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
+`;export{U};

package/dist/assets/{ZeniAccountPromoPage-JrcedQYB-pQRwMLaX.js → ZeniAccountPromoPage-BgYCHYLO-LBXK2GgO.js}

@@ -1,4 +1,4 @@
-import{y as de,e as v,a7 as ae,_ as ce,fm as xe,V as i,a_ as me,eY as pe,n as ue,o,c3 as he,D as Z,a as D,b as L,c as j,O as R,c2 as ge,ag as z,a6 as k,ab as N,aW as we,x,f as A,bM as je,ac as ye,au as $e,m as W,d as y,M as C,H as T,r as fe}from"./index-C-nTPjDF.js";import{a as Y}from"./sentry-Dd2vHz0L.js";import{n}from"./mui-BOwjqiG-.js";import{M as B}from"./usp-line-BBd1wKwW-iHFFix1h.js";import"./pdf-BrZAvZ1o.js";import"./zeni-epic-state-ChDcaYf9.js";import"./core-C_Me9Mw3.js";import"./lottie-DyM2Y4mu.js";import"./liveblocks-WO1k1bbB.js";import"./recharts-B22vzlMp.js";import"./dnd-BRZ99wCN.js";import"./analytics-CkXlMwul.js";import"./plaid-CyY87P8r.js";import"./utils-CInzYuJw.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="da8d27e0-f77c-4a84-b800-b409c8f107fb",e._sentryDebugIdIdentifier="sentry-dbid-da8d27e0-f77c-4a84-b800-b409c8f107fb")}catch{}})();const h={amountColumnHeight:new x(240,340),bankRectBoxHeight:new x(240,340),bankRectBoxMinWidth:new x(130,180),iconInnerColumnGap:new x(W[5],50),iconInnerRowMaxWidth:new x(291,414),midContainerGap:new x(0,0,0,W[11]),styledLogoHeight:new x(13,21),styledLogoWidth:new x(54,87)},_={insuredAmountStr:new y("extraSmallRegular","smallRegular"),title:new y("smallRegular","largeRegular"),uninsuredAmountStr:new y("largeRegular","h6Regular"),yAxisAmount:new y("h6Regular","extraSmallRegular")},Se=n.div`
+import{y as de,J as v,a7 as ce,t as ae,fc as xe,V as i,a_ as me,eO as pe,l as ue,o,bY as he,I as O,i as D,a6 as W,F as j,O as _,bX as ge,ag as z,a5 as k,ab as Z,aW as we,b as x,e as A,bG as je,ac as ye,au as $e,u as L,H as y,B as C,W as T,d as fe}from"./index-EqHxd201.js";import{a as Y}from"./sentry-Q4kep6XN.js";import{n}from"./mui-2NnLxiU2.js";import{M as B}from"./usp-line-BBd1wKwW-DXXOUebn.js";import"./pdf-CmlsF1Bq.js";import"./zeni-epic-state-DHqVwJ2L.js";import"./core-B0aIoG8L.js";import"./lottie-C-63nSQ2.js";import"./liveblocks-BGLG0ZRF.js";import"./recharts-DLbOXl5Z.js";import"./dnd-CeLShHIc.js";import"./analytics-JKNMIPCj.js";import"./plaid-AStGMBRC.js";import"./utils-Yz1HF93N.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="12b9efc1-81e5-4933-90e1-cc3625f4e3f3",e._sentryDebugIdIdentifier="sentry-dbid-12b9efc1-81e5-4933-90e1-cc3625f4e3f3")}catch{}})();const h={amountColumnHeight:new x(240,340),bankRectBoxHeight:new x(240,340),bankRectBoxMinWidth:new x(130,180),iconInnerColumnGap:new x(L[5],50),iconInnerRowMaxWidth:new x(291,414),midContainerGap:new x(0,0,0,L[11]),styledLogoHeight:new x(13,21),styledLogoWidth:new x(54,87)},I={insuredAmountStr:new y("extraSmallRegular","smallRegular"),title:new y("smallRegular","largeRegular"),uninsuredAmountStr:new y("largeRegular","h6Regular"),yAxisAmount:new y("h6Regular","extraSmallRegular")},Se=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -19,7 +19,7 @@ import{y as de,e as v,a7 as ae,_ as ce,fm as xe,V as i,a_ as me,eY as pe,n as ue
   margin: auto;
   padding: ${o.sp5} ${o.sp0};
   color: ${e=>e.theme.colors.primary};
-`,O=n.div`
+`,N=n.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"||e.windowSize==="medium-regular"?"column":"row"};
   align-items: center;
@@ -34,7 +34,7 @@ import{y as de,e as v,a7 as ae,_ as ce,fm as xe,V as i,a_ as me,eY as pe,n as ue
   flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
   align-items: center;
   justify-content: center;
-`,q=n.div`
+`,X=n.div`
   width: ${e=>e.windowSize==="small"?"auto":"330px"};
   display: flex;
   flex-direction: column;
@@ -61,21 +61,21 @@ import{y as de,e as v,a7 as ae,_ as ce,fm as xe,V as i,a_ as me,eY as pe,n as ue
   color: ${e=>e.theme.colors.champion};
 `,f=n(ye)`
   color: ${e=>e.theme.colors.champion};
-`,S=n(N)`
+`,S=n(Z)`
   color: ${e=>e.theme.colors.champion};
 `,b=n(je)`
   color: ${e=>e.theme.colors.champion};
 `,p=n.div``,u=n.div`
   padding-left: ${o.sp3};
-`,K=n(B)`
+`,q=n(B)`
   color: ${A.graphColor16Dark};
-`,Q=n(B)`
+`,K=n(B)`
   color: ${A.graphColor19Dark};
-`,X=n(B)`
+`,Q=n(B)`
   color: ${A.graphColor11};
 `,ee=n(B)`
   color: ${A.success};
-`,Te=n(N)`
+`,Te=n(Z)`
   margin: ${e=>e.windowSize==="small"?o.sp1:`auto ${o.sp5}`};
   color: ${e=>e.theme.colors.grey1};
 `,Be=n.div`
@@ -84,19 +84,19 @@ import{y as de,e as v,a7 as ae,_ as ce,fm as xe,V as i,a_ as me,eY as pe,n as ue
   width: 100%;
   justify-content: center;
   align-items: center;
-`,_e=n.div`
+`,Ie=n.div`
   display: inline-block;
 `,F=n(we)`
   display: inline;
   margin: ${o.sp3} auto ${o.sp0} auto;
   max-width: 731px;
   color: ${e=>e.theme.colors.hero};
-`,Ie=n.div`
+`,Re=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   max-width: ${e=>h.iconInnerRowMaxWidth.valuePx(e.windowSize)};
-`,Re=n.div`
+`,_e=n.div`
   display: flex;
   justify-content: flex-end;
 `,Pe=n.div`
@@ -115,7 +115,7 @@ import{y as de,e as v,a7 as ae,_ as ce,fm as xe,V as i,a_ as me,eY as pe,n as ue
   justify-content: space-between;
   align-items: flex-start;
   padding-left: ${o.sp2};
-`,V=n.div`
+`,J=n.div`
   width: 100%;
   min-width: ${e=>h.bankRectBoxMinWidth.valuePx(e.windowSize)};
   height: ${e=>h.bankRectBoxHeight.valuePx(e.windowSize)};
@@ -130,7 +130,7 @@ import{y as de,e as v,a7 as ae,_ as ce,fm as xe,V as i,a_ as me,eY as pe,n as ue
   margin-top: ${o.sp2};
   border-top: 1px solid ${e=>e.theme.colors.grey2};
   color: ${e=>e.theme.colors.primary};
-`,E=n.div`
+`,V=n.div`
   width: 100%;
   height: 298px;
   display: flex;
@@ -150,35 +150,35 @@ import{y as de,e as v,a7 as ae,_ as ce,fm as xe,V as i,a_ as me,eY as pe,n as ue
 `,De=n(C)`
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
-  ${e=>`${_.insuredAmountStr.style(e.windowSize)}`};
-`,Le=n(T)`
+  ${e=>`${I.insuredAmountStr.style(e.windowSize)}`};
+`,We=n(T)`
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
-`,We=n(C)`
+`,Le=n(C)`
   color: ${e=>e.theme.colors.brandColorRuby};
   padding-right: 12px;
   padding-top: 20px;
-  ${e=>`${_.uninsuredAmountStr.style(e.windowSize)}`};
+  ${e=>`${I.uninsuredAmountStr.style(e.windowSize)}`};
 `,Ye=n(T)`
   color: ${e=>e.theme.colors.brandColorRuby};
   padding-right: 12px;
-`,Fe=n(Z)`
+`,Fe=n(O)`
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
   padding-top: 20px;
 `,Ge=n(T)`
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
-`,Ve=n(C)`
-  ${e=>`${_.yAxisAmount.style(e.windowSize)}`};
+`,Je=n(C)`
+  ${e=>`${I.yAxisAmount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
-`,J=n(C)`
+`,E=n(C)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${o.sp3};
-  ${e=>`${_.title.style(e.windowSize)}`};
-`,Ee=n(fe)`
+  ${e=>`${I.title.style(e.windowSize)}`};
+`,Ve=n(fe)`
   width: ${e=>h.styledLogoWidth.valuePx(e.windowSize)};
   height: ${e=>h.styledLogoHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,r=R.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo,w=R.getLocalizedStrings().common,d=R.getLocalizedStrings().commonSetUp.businessVerification.terms,ie=({maxInsuredAmountString:e})=>{const s=v();return i.jsxs(Ce,{windowSize:s,children:[i.jsxs(Ie,{windowSize:s,children:[i.jsx(Re,{children:i.jsxs(Pe,{windowSize:s,children:[i.jsxs(G,{children:[i.jsx(J,{windowSize:s,children:r.iconTexts.title}),i.jsxs(V,{windowSize:s,isBankRect:!0,children:[i.jsxs(E,{children:[i.jsx(We,{windowSize:s,children:r.iconTexts.unInsuredAmount}),i.jsx(Ye,{children:r.iconTexts.unInsured})]}),i.jsxs(Me,{children:[i.jsx(De,{windowSize:s,children:r.iconTexts.insuredAmount}),i.jsx(Le,{children:r.iconTexts.insured})]})]})]}),i.jsxs(G,{children:[i.jsx(J,{windowSize:s,children:i.jsx(Ee,{windowSize:s})}),i.jsx(V,{windowSize:s,isBankRect:!1,children:i.jsxs(E,{children:[i.jsx(Fe,{children:e}),i.jsx(Ge,{children:r.iconTexts.fdicCovered})]})})]})]})}),i.jsx(He,{children:r.iconTexts.footNote})]}),i.jsx(Ue,{windowSize:s,children:r.iconTexts.yAxisAmounts.map((l,t)=>i.jsx(Ve,{windowSize:s,children:l},t))})]})},Je=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=z(k(s),s,w.currency.currencySymbol).toUpperCase();let c=g;return s>l&&(c=z(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(O,{windowSize:t,children:[i.jsx(ie,{maxInsuredAmountString:c}),i.jsxs(q,{windowSize:t,children:[i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(X,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(S,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(K,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(S,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.noHiddenFee.bold}),i.jsx(S,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(Q,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.expertSupport.bold}),i.jsx(S,{children:r.expertSupport.regular})]})]})]})]})},Ze=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=z(k(s),s,w.currency.currencySymbol).toUpperCase();let c=g;return s>l&&(c=z(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(O,{windowSize:t,children:[i.jsxs(q,{windowSize:t,children:[i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(X,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx($,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(K,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx($,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.noHiddenFee.bold}),i.jsx($,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(Q,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.expertSupport.bold}),i.jsx($,{children:r.expertSupport.regular})]})]})]}),i.jsx(ie,{maxInsuredAmountString:c})]})},di=({meetingUrl:e,maxAnnualPercentageYield:s,maxInsuredAmount:l,analytics:t,zeniAccountSetupView:g,exampleBankBalance:c,onSetupButtonClick:ne,onBackClick:oe,onClickMenuIcon:re,onSetupZeniAccountSuccess:P})=>{const se=de(),a=v(),{zeniAccountTermsDetails:I}=g,U=ae(I?.fetchStatus.fetchState),[te,H]=Y.useState(!1);Y.useEffect(()=>{U==="In-Progress"&&I?.fetchStatus.fetchState==="Completed"&&P?.()},[U,P,I?.fetchStatus]);const M=ce(),le=M.loggedInUserRoleMap.deposit_accounts_user===!0||xe(M);return i.jsxs(Se,{children:[i.jsx(me,{title:r.title,backgroundColor:se.colors.grey5,onBackClick:oe,showBackButton:!0,showMenuIcon:a==="small"||a==="medium-compact",onClickMenuIcon:re,source:"ZeniAccountPromoPage"}),te===!0?i.jsx(pe,{onCancelClick:()=>{H(!1)},meetingUrl:e}):null,i.jsxs(be,{windowSize:a,children:[a==="small"?i.jsxs(ke,{children:[r.promoText1,w.strings.colon,i.jsx(ue,{style:{marginTop:o.sp2},children:r.promoText2})]}):i.jsxs(ze,{children:[i.jsxs(he,{children:[r.promoText1,w.strings.colon]}),i.jsx(Z,{style:{marginTop:o.sp2},children:r.promoText2})]}),a==="small"||a==="medium-compact"||a==="medium-regular"?i.jsx(Je,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:c}):i.jsx(Ze,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:c}),le?null:i.jsxs(ve,{children:[i.jsxs(Ae,{windowSize:a,children:[i.jsx(D,{variant:"secondary",label:r.scheduleDemoButton,onClick:()=>{t.trackAccountsPromoPageClicked("Schedule Demo"),H(!0)},"data-testid":L("accounts-promo-schedule-demo-button")}),i.jsx(Te,{windowSize:a,children:r.orText}),i.jsx(D,{variant:"primary",label:r.setupAccountsButton,loading:!1,onClick:ne,"data-testid":L("accounts-promo-setup-accounts-button")})]}),i.jsx(Be,{children:i.jsxs(F,{children:[r.terms.terms1,i.jsx(j,{href:d.consentUrl,linkText:d.consent}),d.term2,i.jsx(j,{href:d.depositUrl,linkText:d.depositTerms}),d.term3,i.jsx(j,{href:d.privacyPolicyUrl,linkText:d.privacy}),d.term4,i.jsx(j,{href:d.tosUrl,linkText:d.tos}),d.term5,r.terms.terms3]})}),i.jsx(_e,{children:i.jsx(F,{children:r.disclaimer})})]})]})]})};export{di as default};
+`,r=_.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo,w=_.getLocalizedStrings().common,d=_.getLocalizedStrings().commonSetUp.businessVerification.terms,ie=({maxInsuredAmountString:e})=>{const s=v();return i.jsxs(Ce,{windowSize:s,children:[i.jsxs(Re,{windowSize:s,children:[i.jsx(_e,{children:i.jsxs(Pe,{windowSize:s,children:[i.jsxs(G,{children:[i.jsx(E,{windowSize:s,children:r.iconTexts.title}),i.jsxs(J,{windowSize:s,isBankRect:!0,children:[i.jsxs(V,{children:[i.jsx(Le,{windowSize:s,children:r.iconTexts.unInsuredAmount}),i.jsx(Ye,{children:r.iconTexts.unInsured})]}),i.jsxs(Me,{children:[i.jsx(De,{windowSize:s,children:r.iconTexts.insuredAmount}),i.jsx(We,{children:r.iconTexts.insured})]})]})]}),i.jsxs(G,{children:[i.jsx(E,{windowSize:s,children:i.jsx(Ve,{windowSize:s})}),i.jsx(J,{windowSize:s,isBankRect:!1,children:i.jsxs(V,{children:[i.jsx(Fe,{children:e}),i.jsx(Ge,{children:r.iconTexts.fdicCovered})]})})]})]})}),i.jsx(He,{children:r.iconTexts.footNote})]}),i.jsx(Ue,{windowSize:s,children:r.iconTexts.yAxisAmounts.map((l,t)=>i.jsx(Je,{windowSize:s,children:l},t))})]})},Ee=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=z(k(s),s,w.currency.currencySymbol).toUpperCase();let a=g;return s>l&&(a=z(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(N,{windowSize:t,children:[i.jsx(ie,{maxInsuredAmountString:a}),i.jsxs(X,{windowSize:t,children:[i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(Q,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(S,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(q,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(S,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.noHiddenFee.bold}),i.jsx(S,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(K,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.expertSupport.bold}),i.jsx(S,{children:r.expertSupport.regular})]})]})]})]})},Oe=({maxAnnualPercentageYield:e,maxInsuredAmount:s,exampleBankBalance:l})=>{const t=v(),g=z(k(s),s,w.currency.currencySymbol).toUpperCase();let a=g;return s>l&&(a=z(k(l),l,w.currency.currencySymbol).toUpperCase()),i.jsxs(N,{windowSize:t,children:[i.jsxs(X,{windowSize:t,children:[i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(Q,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx($,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(q,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx($,{children:r.insuranceText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(ee,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.noHiddenFee.bold}),i.jsx($,{children:r.noHiddenFee.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(K,{})}),i.jsxs(u,{children:[i.jsx(f,{children:r.expertSupport.bold}),i.jsx($,{children:r.expertSupport.regular})]})]})]}),i.jsx(ie,{maxInsuredAmountString:a})]})},di=({meetingUrl:e,maxAnnualPercentageYield:s,maxInsuredAmount:l,analytics:t,zeniAccountSetupView:g,exampleBankBalance:a,onSetupButtonClick:ne,onBackClick:oe,onClickMenuIcon:re,onSetupZeniAccountSuccess:P})=>{const se=de(),c=v(),{zeniAccountTermsDetails:R}=g,U=ce(R?.fetchStatus.fetchState),[te,H]=Y.useState(!1);Y.useEffect(()=>{U==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&P?.()},[U,P,R?.fetchStatus]);const M=ae(),le=M.loggedInUserRoleMap.deposit_accounts_user===!0||xe(M);return i.jsxs(Se,{children:[i.jsx(me,{title:r.title,backgroundColor:se.colors.grey5,onBackClick:oe,showBackButton:!0,showMenuIcon:c==="small"||c==="medium-compact",onClickMenuIcon:re,source:"ZeniAccountPromoPage"}),te===!0?i.jsx(pe,{onCancelClick:()=>{H(!1)},meetingUrl:e}):null,i.jsxs(be,{windowSize:c,children:[c==="small"?i.jsxs(ke,{children:[r.promoText1,w.strings.colon,i.jsx(ue,{style:{marginTop:o.sp2},children:r.promoText2})]}):i.jsxs(ze,{children:[i.jsxs(he,{children:[r.promoText1,w.strings.colon]}),i.jsx(O,{style:{marginTop:o.sp2},children:r.promoText2})]}),c==="small"||c==="medium-compact"||c==="medium-regular"?i.jsx(Ee,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:a}):i.jsx(Oe,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:a}),le?null:i.jsxs(ve,{children:[i.jsxs(Ae,{windowSize:c,children:[i.jsx(D,{variant:"secondary",label:r.scheduleDemoButton,onClick:()=>{t.trackAccountsPromoPageClicked("Schedule Demo"),H(!0)},"data-testid":W("accounts-promo-schedule-demo-button")}),i.jsx(Te,{windowSize:c,children:r.orText}),i.jsx(D,{variant:"primary",label:r.setupAccountsButton,loading:!1,onClick:ne,"data-testid":W("accounts-promo-setup-accounts-button")})]}),i.jsx(Be,{children:i.jsxs(F,{children:[r.terms.terms1,i.jsx(j,{href:d.consentUrl,linkText:d.consent}),d.term2,i.jsx(j,{href:d.depositUrl,linkText:d.depositTerms}),d.term3,i.jsx(j,{href:d.privacyPolicyUrl,linkText:d.privacy}),d.term4,i.jsx(j,{href:d.tosUrl,linkText:d.tos}),d.term5,r.terms.terms3]})}),i.jsx(Ie,{children:i.jsx(F,{children:r.disclaimer})})]})]})]})};export{di as default};