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

package/dist/assets/{ZeniAccountListViewPage-CqUvXrvR-Cc02Six5.js → ZeniAccountListViewPage-BC1yUQbd-DA-thvu8.js}

@@ -1,4 +1,4 @@
-import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g as o,F as Ge,o as n,cG as Ne,cu as Re,bW as ne,bX as ie,gV as Ue,a0 as G,bA as fe,aW as We,$ as z,Y as Oe,k as Ye,T as Ve,bt as Ze,b5 as ye,c as b,w as qe,l as Xe,cU as F,Z as N,C as j,n as Q,gW as He,b as Je,h as Ke,m as Qe,cw as et,bN as tt,fC as nt,s as u,dM as it,fk as ot,gX as rt,K as st,gY as at,bf as ct,a6 as lt}from"./index-CteHikkY.js";import{b as g,n as i}from"./vendor-rkTZJa59.js";import{r as dt}from"./auto-transfer-rule-mbafm5D3-DsDlaCxy.js";import{o as pt}from"./shield-DOlUxcFf-bFVWRY1X.js";import{L as ut}from"./ZeniAccountNavBarPieces-DcmtDKVQ-xec3gYAK.js";import{v as mt}from"./ZeniTransferAmountSlider-BZb23ypm-CNSeiXW5.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const ht=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"})),{spendManagement:{treasury:{promoBanner:m,promoPage:oe}}}=K.getLocalizedStrings(),gt=({yieldPercentage:e=4.35,insuredAmount:a=5e5,onGetStartedClick:w,style:C})=>{const s=J(),v=(c,T)=>Object.entries(T).reduce((M,[L,$])=>M.replace(new RegExp(`__${L}__`,"g"),$),c),P=c=>`$${Intl.NumberFormat("en",{notation:"compact"}).format(c)}`,B=`${e}%`,f=P(a),S=[{icon:t.jsx(At,{}),title:v(m.features.yield,{yieldPercentage:B}),id:"yield"},{icon:t.jsx(zt,{}),title:v(m.features.insured,{insuredAmount:f}),id:"insured"},{icon:t.jsx(Ct,{}),title:m.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:t.jsx(vt,{}),title:m.features.automation,id:"automation"}];return t.jsxs(xt,{style:C,children:[t.jsx($t,{}),s!=="small"&&t.jsxs(t.Fragment,{children:[t.jsx(wt,{}),t.jsx(ft,{})]}),t.jsx(yt,{windowSize:s,children:s==="small"?t.jsxs(t.Fragment,{children:[t.jsxs(kt,{children:[t.jsx(re,{windowSize:s,children:t.jsx(se,{windowSize:s})}),t.jsx(ae,{children:m.title})]}),t.jsx(ce,{windowSize:s,children:S.map(c=>t.jsxs(le,{windowSize:s,children:[t.jsx(de,{children:c.icon}),t.jsxs(pe,{children:[c.title,c.showAsterisk===!0&&t.jsx(ue,{children:"*"})]})]},c.id))}),t.jsx(jt,{children:t.jsx(me,{children:t.jsx(he,{variant:"primary",label:m.button,onClick:w,size:"small",style:{padding:`${n.sp1} 12px`}})})}),t.jsx(ge,{windowSize:s,children:t.jsxs(xe,{windowSize:s,children:[m.disclaimer.split("__termsLink__")[0],t.jsx($e,{href:oe.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:m.termsLink}),m.disclaimer.split("__termsLink__")[1]]})})]}):t.jsxs(t.Fragment,{children:[t.jsx(re,{windowSize:s,children:t.jsx(se,{windowSize:s})}),t.jsxs(bt,{windowSize:s,children:[t.jsx(ae,{children:m.title}),t.jsx(ce,{windowSize:s,children:S.map(c=>t.jsxs(le,{windowSize:s,children:[t.jsx(de,{children:c.icon}),t.jsxs(pe,{children:[c.title,c.showAsterisk===!0&&t.jsx(ue,{children:"*"})]})]},c.id))}),t.jsx(ge,{windowSize:s,children:t.jsxs(xe,{windowSize:s,children:[m.disclaimer.split("__termsLink__")[0],t.jsx($e,{href:oe.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:m.termsLink}),m.disclaimer.split("__termsLink__")[1]]})})]}),t.jsx(me,{children:t.jsx(he,{variant:"primary",label:m.button,onClick:w,size:"small",style:{padding:`${n.sp1} 12px`}})})]})})]})},xt=i.div`
+import{e as X,a as Ie,a1 as _e,u as De,aa as Ee,M as Q,a0 as Fe,j as t,bU as O,g as o,F as Ge,o as n,cG as Ne,cu as Ue,bW as ne,bX as ie,gU as Re,$ as G,bA as fe,aW as We,v as C,s as Oe,n as Ye,L as Ve,bt as qe,b5 as ye,i as b,Y as Ze,l as Je,bI as He,cU as F,_ as N,C as j,B as K,fd as Xe,X as Qe,h as Ke,r as et,cw as tt,bN as nt,fE as it,q as u,dM as ot,fm as rt,gV as st,J as at,ff as ct,bf as lt,a5 as dt}from"./index-P_4M6V8j.js";import{b as g,n as i}from"./vendor-rkTZJa59.js";import{r as pt}from"./auto-transfer-rule-mbafm5D3-DsDlaCxy.js";import{o as ut}from"./shield-DOlUxcFf-bFVWRY1X.js";import{T as mt}from"./ZeniAccountNavBarPieces-CpKh4Vxw-CQBSadEV.js";import{v as ht}from"./ZeniTransferAmountSlider-BqyHxYBn-DOVMp_BS.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const gt=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"})),{spendManagement:{treasury:{promoBanner:m,promoPage:oe}}}=Q.getLocalizedStrings(),xt=({yieldPercentage:e=4.35,insuredAmount:a=5e5,onGetStartedClick:w,style:S})=>{const s=X(),v=(c,T)=>Object.entries(T).reduce((M,[A,$])=>M.replace(new RegExp(`__${A}__`,"g"),$),c),P=c=>`$${Intl.NumberFormat("en",{notation:"compact"}).format(c)}`,B=`${e}%`,f=P(a),L=[{icon:t.jsx(zt,{}),title:v(m.features.yield,{yieldPercentage:B}),id:"yield"},{icon:t.jsx(Ct,{}),title:v(m.features.insured,{insuredAmount:f}),id:"insured"},{icon:t.jsx(St,{}),title:m.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:t.jsx(vt,{}),title:m.features.automation,id:"automation"}];return t.jsxs($t,{style:S,children:[t.jsx(wt,{}),s!=="small"&&t.jsxs(t.Fragment,{children:[t.jsx(ft,{}),t.jsx(yt,{})]}),t.jsx(kt,{windowSize:s,children:s==="small"?t.jsxs(t.Fragment,{children:[t.jsxs(jt,{children:[t.jsx(re,{windowSize:s,children:t.jsx(se,{windowSize:s})}),t.jsx(ae,{children:m.title})]}),t.jsx(ce,{windowSize:s,children:L.map(c=>t.jsxs(le,{windowSize:s,children:[t.jsx(de,{children:c.icon}),t.jsxs(pe,{children:[c.title,c.showAsterisk===!0&&t.jsx(ue,{children:"*"})]})]},c.id))}),t.jsx(bt,{children:t.jsx(me,{children:t.jsx(he,{variant:"primary",label:m.button,onClick:w,size:"small",style:{padding:`${n.sp1} 12px`}})})}),t.jsx(ge,{windowSize:s,children:t.jsxs(xe,{windowSize:s,children:[m.disclaimer.split("__termsLink__")[0],t.jsx($e,{href:oe.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:m.termsLink}),m.disclaimer.split("__termsLink__")[1]]})})]}):t.jsxs(t.Fragment,{children:[t.jsx(re,{windowSize:s,children:t.jsx(se,{windowSize:s})}),t.jsxs(At,{windowSize:s,children:[t.jsx(ae,{children:m.title}),t.jsx(ce,{windowSize:s,children:L.map(c=>t.jsxs(le,{windowSize:s,children:[t.jsx(de,{children:c.icon}),t.jsxs(pe,{children:[c.title,c.showAsterisk===!0&&t.jsx(ue,{children:"*"})]})]},c.id))}),t.jsx(ge,{windowSize:s,children:t.jsxs(xe,{windowSize:s,children:[m.disclaimer.split("__termsLink__")[0],t.jsx($e,{href:oe.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:m.termsLink}),m.disclaimer.split("__termsLink__")[1]]})})]}),t.jsx(me,{children:t.jsx(he,{variant:"primary",label:m.button,onClick:w,size:"small",style:{padding:`${n.sp1} 12px`}})})]})})]})},$t=i.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -7,7 +7,7 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   border-radius: ${n.sp2};
   overflow: hidden;
   width: 100%;
-`,$t=i.div`
+`,wt=i.div`
   position: absolute;
   top: ${n.sp0};
   left: ${n.sp0};
@@ -33,7 +33,7 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
       rgba(199, 116, 25, 0.1) ${n.sp3}
     );
   }
-`,wt=i.div`
+`,ft=i.div`
   position: absolute;
   top: ${n.sp0};
   right: ${n.sp0};
@@ -46,7 +46,7 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   background-repeat: no-repeat;
   background-position: top right;
   background-size: contain;
-`,ft=i.div`
+`,yt=i.div`
   position: absolute;
   bottom: -${n.sp1};
   left: -${n.sp1};
@@ -59,7 +59,7 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: contain;
-`,yt=i.div`
+`,kt=i.div`
   position: relative;
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
@@ -74,17 +74,17 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   width: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
   height: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
   flex-shrink: 0;
-`,kt=i.div`
+`,jt=i.div`
   display: flex;
   align-items: center;
   gap: ${n.sp2};
-`,jt=i.div`
+`,bt=i.div`
   display: flex;
   justify-content: flex-start;
   align-items: center;
   margin-top: ${n.sp2};
   margin-left: ${n.sp7};
-`,se=i(ot)`
+`,se=i(rt)`
   width: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
   height: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
   color: ${o.brandColorGoldDark};
@@ -93,12 +93,12 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
     stroke: ${o.brandColorGoldDark};
     stroke-width: 1px;
   }
-`,bt=i.div`
+`,At=i.div`
   display: flex;
   flex-direction: column;
   gap: ${n.sp1};
   flex: 1;
-`,ae=i(rt)`
+`,ae=i(st)`
   color: ${o.brandColorGoldDark};
   margin-bottom: ${n.sp1};
 `,ce=i.div`
@@ -130,7 +130,7 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   display: flex;
   align-items: center;
   flex-shrink: 0;
-`,he=i(st)`
+`,he=i(at)`
   background: ${o.brandColorGoldDark};
   border-color: ${o.brandColorGoldDark};
   color: ${o.neutralGrey5Light};
@@ -143,7 +143,7 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   position: relative;
   margin-top: ${e=>e.windowSize==="small"?n.sp2:"0"};
   padding: ${e=>e.windowSize==="small"?`0 ${n.sp2}`:"0"};
-`,xe=i(Q)`
+`,xe=i(K)`
   color: ${o.heroLight};
   white-space: pre-line;
   text-align: ${e=>e.windowSize==="small"?"center":"left"};
@@ -157,7 +157,7 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
     color: ${o.primaryLight};
     text-decoration-color: ${o.primaryLight};
   }
-`,At=i(ht)`
+`,zt=i(gt)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${o.brandColorGoldDark};
@@ -165,27 +165,27 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   & path {
     stroke: currentColor;
   }
-`,zt=i(pt)`
+`,Ct=i(ut)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${o.brandColorGoldDark};
-`,Ct=i(it)`
+`,St=i(ot)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${o.brandColorGoldDark};
-`,vt=i(dt)`
+`,vt=i(pt)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${o.brandColorGoldDark};
-`,St=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"})),x={bankAccListBottomMargin:new j(u[7],u[6]),containerWidth:new j(96,67),containerTopMargin:new j(u[4],u[6]),BankAccListTopMargin:new j(u[4],u[8]),containerSidePadding:new j(u[3],u[0]),accountRowTopBottomPadding:new j(u[3],u[4]),accountRowBottomMargin:new j(u[3],u[5]),totalInsuredAndYieldContainerTopMargin:new j(u[3],u[0])},Lt={bankAccountName:new Je("standardRegular","largeMedium")},d=K.getLocalizedStrings(),Y=e=>t.jsx(Ut,{children:e}),Pt=({fetchState:e,onReloadTransactions:a})=>e==="Error"?t.jsxs(an,{children:[t.jsx(cn,{onClick:a,"data-testid":N("zeni-account-list-reload"),children:t.jsx(ln,{})}),t.jsx(dn,{children:d.peoplePage.reloadPage.label})]}):t.jsx(nt,{fetchState:e,styles:{margin:"auto"}}),Bt=({zeniAccountListView:e,zeniAccountsConfigDetail:a,maxInsuredAmountString:w,analytics:C,onZeniAccountRowClick:s,onReloadTransactions:v,handleAddInternalAccountClick:P,onAddFundClick:B,onTreasuryGetStartedClick:f,treasuryYieldPercentage:S,treasuryInsuredAmount:c,showTreasuryPromo:T})=>{const{depositAccountsSelectorView:M,fetchState:L,summary:$}=e,p=J(),I=qe(),y=I.loggedInUserRoleMap.deposit_accounts_user===!0||Xe.hasAnyFinOpRole(I.loggedInUserRoleMap),_=r=>{C.trackAccountsListPageClicked("Add Funds",r.accountName,"active"),B("transfer",r)},E=r=>{switch(r){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"290px";default:return"320px"}},A=r=>{let k=t.jsx(t.Fragment,{});switch(r){case"insuredBalance":k=t.jsx(Z,{style:{width:"300px"},children:d.spendManagement.zeniAccounts.zeniAccountList.insuranceTooltip.replace("__amount__",w)});break;case"totalInterest":k=t.jsx(Z,{children:d.spendManagement.zeniAccounts.zeniAccountList.yieldTooltip});break;case"totalBalance":k=t.jsxs(Z,{style:{paddingTop:"12px",paddingBottom:"12px"},children:[t.jsx(gn,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.base}),t.jsxs(q,{children:[t.jsx(X,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),t.jsx(H,{children:G("0,0[.]00",$?.totalBalance.current)})]}),t.jsxs(q,{children:[t.jsx(X,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),t.jsx(H,{children:G("0,0[.]00",$?.totalBalance.hold)})]}),t.jsxs(q,{children:[t.jsx(X,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),t.jsx(H,{children:G("0,0[.]00",$?.totalBalance.available)})]})]});break}return t.jsx(un,{children:t.jsx(fe,{style:{textAlign:"left",padding:n.sp1},maxWidth:E(r),display:"flex",placement:p==="small"?"bottom":"top",title:k,children:r==="insuredBalance"?t.jsx(hn,{}):t.jsx(mn,{})})})},R=r=>t.jsx(Nt,{color:He(r)});return t.jsx(Tt,{children:L==="Completed"?t.jsxs(pn,{windowSize:p,children:[t.jsxs(Dt,{windowSize:p,children:[t.jsxs(Rt,{windowSize:p,children:[t.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.zeniAccountList.totalAvailableBalance),A("totalBalance")]}),t.jsx(F,{amount:$?.totalBalance.available})]}),t.jsxs(Mt,{windowSize:p,children:[t.jsxs(Zt,{children:[t.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.zeniAccountList.insuredFund),A("insuredBalance")]}),t.jsx(F,{amount:$?.insuredBalance.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),t.jsx(Yt,{children:d.spendManagement.zeniAccounts.zeniAccountList.insuranceInfo.replace("__amount__",w)})]}),t.jsxs(qt,{children:[t.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.common.totalYieldEarned),A("totalInterest")]}),t.jsx(F,{amount:$?.totalInterest.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),t.jsxs(Wt,{children:[d.spendManagement.zeniAccounts.zeniAccountList.currentAverageYield,t.jsx(Ot,{children:a.zeniAccountsConfigDetail.annualPercentageYield})]})]})]})]}),T===!0&&t.jsx(xn,{windowSize:p,children:t.jsx(gt,{yieldPercentage:S,insuredAmount:c,onGetStartedClick:()=>{C.trackAccountsListPageClicked("Move Money"),f?.()}})}),t.jsxs(Gt,{windowSize:p,children:[M.depositAccounts.map((r,k)=>t.jsxs(Xt,{isClickEnabled:!0,windowSize:p,onClick:()=>s?.(r.id,r.accountName),"data-testid":N("deposit-account-clicked",r.id),children:[t.jsxs(Vt,{children:[R(k),t.jsxs(Ht,{children:[t.jsx(Jt,{windowSize:p,children:r.accountName}),t.jsxs(Kt,{windowSize:p,children:[t.jsx(Et,{children:t.jsx(Qt,{children:r.maskedAccountNumber})}),t.jsxs(Ft,{children:[p==="small"?null:t.jsx(en,{}),t.jsx(tn,{windowSize:p,children:d.spendManagement.zeniAccounts.zeniAccountList.active})]})]})]})]}),t.jsxs(nn,{children:[t.jsx(F,{amount:r.accountBalance.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),y?null:t.jsx(It,{onClick:D=>{D.stopPropagation(),_(r)},"data-testid":N("add-fund",r.id),children:t.jsx(_t,{children:d.spendManagement.zeniAccounts.zeniAccountList.addFundBtnText})})]})]},r.id)),t.jsxs(on,{onClick:P,"data-testid":N("add-new-internal-zeni-account"),children:[t.jsx(rn,{}),t.jsx(sn,{children:d.spendManagement.zeniAccounts.zeniAccountList.addAccountText})]})]})]}):t.jsx(Pt,{fetchState:L,onReloadTransactions:v})})},Tt=i.div`
+`,Lt=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"})),x={bankAccListBottomMargin:new j(u[7],u[6]),containerWidth:new j(96,67),containerTopMargin:new j(u[4],u[6]),BankAccListTopMargin:new j(u[4],u[8]),containerSidePadding:new j(u[3],u[0]),accountRowTopBottomPadding:new j(u[3],u[4]),accountRowBottomMargin:new j(u[3],u[5]),totalInsuredAndYieldContainerTopMargin:new j(u[3],u[0])},Pt={bankAccountName:new Qe("standardRegular","largeMedium")},d=Q.getLocalizedStrings(),Y=e=>t.jsx(Wt,{children:e}),Bt=({fetchState:e,onReloadTransactions:a})=>e==="Error"?t.jsxs(cn,{children:[t.jsx(ln,{onClick:a,"data-testid":N("zeni-account-list-reload"),children:t.jsx(dn,{})}),t.jsx(pn,{children:d.peoplePage.reloadPage.label})]}):t.jsx(it,{fetchState:e,styles:{margin:"auto"}}),Tt=({zeniAccountListView:e,zeniAccountsConfigDetail:a,maxInsuredAmountString:w,analytics:S,onZeniAccountRowClick:s,onReloadTransactions:v,handleAddInternalAccountClick:P,onAddFundClick:B,onTreasuryGetStartedClick:f,treasuryYieldPercentage:L,treasuryInsuredAmount:c,showTreasuryPromo:T})=>{const{depositAccountsSelectorView:M,fetchState:A,summary:$}=e,p=X(),I=Ze(),y=I.loggedInUserRoleMap.deposit_accounts_user===!0||Je.hasAnyFinOpRole(I.loggedInUserRoleMap),_=r=>{S.trackAccountsListPageClicked("Add Funds",r.accountName,"active"),B("transfer",r)},E=r=>{switch(r){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"290px";default:return"320px"}},z=r=>{let k=t.jsx(t.Fragment,{});switch(r){case"insuredBalance":k=t.jsx(q,{style:{width:"300px"},children:d.spendManagement.zeniAccounts.zeniAccountList.insuranceTooltip.replace("__amount__",w)});break;case"totalInterest":k=t.jsx(q,{children:d.spendManagement.zeniAccounts.zeniAccountList.yieldTooltip});break;case"totalBalance":k=t.jsxs(q,{style:{paddingTop:"12px",paddingBottom:"12px"},children:[t.jsx(xn,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.base}),t.jsxs(Z,{children:[t.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),t.jsx(H,{children:G("0,0[.]00",$?.totalBalance.current)})]}),t.jsxs(Z,{children:[t.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),t.jsx(H,{children:G("0,0[.]00",$?.totalBalance.hold)})]}),t.jsxs(Z,{children:[t.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),t.jsx(H,{children:G("0,0[.]00",$?.totalBalance.available)})]})]});break}return t.jsx(mn,{children:t.jsx(fe,{style:{textAlign:"left",padding:n.sp1},maxWidth:E(r),display:"flex",placement:p==="small"?"bottom":"top",title:k,children:r==="insuredBalance"?t.jsx(gn,{}):t.jsx(hn,{})})})},U=r=>t.jsx(Ut,{color:Xe(r)});return He({componentName:"checking.list",enabled:A==="Completed"}),t.jsx(Mt,{children:A==="Completed"?t.jsxs(un,{windowSize:p,children:[t.jsxs(Et,{windowSize:p,children:[t.jsxs(Rt,{windowSize:p,children:[t.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.zeniAccountList.totalAvailableBalance),z("totalBalance")]}),t.jsx(F,{amount:$?.totalBalance.available})]}),t.jsxs(It,{windowSize:p,children:[t.jsxs(Zt,{children:[t.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.zeniAccountList.insuredFund),z("insuredBalance")]}),t.jsx(F,{amount:$?.insuredBalance.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(Vt,{children:d.spendManagement.zeniAccounts.zeniAccountList.insuranceInfo.replace("__amount__",w)})]}),t.jsxs(Jt,{children:[t.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.common.totalYieldEarned),z("totalInterest")]}),t.jsx(F,{amount:$?.totalInterest.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsxs(Ot,{children:[d.spendManagement.zeniAccounts.zeniAccountList.currentAverageYield,t.jsx(Yt,{children:a.zeniAccountsConfigDetail.annualPercentageYield})]})]})]})]}),T===!0&&t.jsx($n,{windowSize:p,children:t.jsx(xt,{yieldPercentage:L,insuredAmount:c,onGetStartedClick:()=>{S.trackAccountsListPageClicked("Move Money"),f?.()}})}),t.jsxs(Nt,{windowSize:p,children:[M.depositAccounts.map((r,k)=>t.jsxs(Ht,{isClickEnabled:!0,windowSize:p,onClick:()=>s?.(r.id,r.accountName),"data-testid":N("deposit-account-clicked",r.id),children:[t.jsxs(qt,{children:[U(k),t.jsxs(Xt,{children:[t.jsx(Qt,{windowSize:p,children:r.accountName}),t.jsxs(Kt,{windowSize:p,children:[t.jsx(Ft,{children:t.jsx(en,{children:r.maskedAccountNumber})}),t.jsxs(Gt,{children:[p==="small"?null:t.jsx(tn,{}),t.jsx(nn,{windowSize:p,children:d.spendManagement.zeniAccounts.zeniAccountList.active})]})]})]})]}),t.jsxs(on,{children:[t.jsx(F,{amount:r.accountBalance.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),y?null:t.jsx(_t,{onClick:D=>{D.stopPropagation(),_(r)},"data-testid":N("add-fund",r.id),children:t.jsx(Dt,{children:d.spendManagement.zeniAccounts.zeniAccountList.addFundBtnText})})]})]},r.id)),t.jsxs(rn,{onClick:P,"data-testid":N("add-new-internal-zeni-account"),children:[t.jsx(sn,{}),t.jsx(an,{children:d.spendManagement.zeniAccounts.zeniAccountList.addAccountText})]})]})]}):t.jsx(Bt,{fetchState:A,onReloadTransactions:v})})},Mt=i.div`
   display: block;
   height: 100%;
-`,Mt=i.div`
+`,It=i.div`
   display: flex;
   justify-content: space-between;
   gap: ${n.sp5};
   margin: ${e=>`${x.totalInsuredAndYieldContainerTopMargin.valuePx(e.windowSize)} ${n.sp0} ${n.sp0} ${n.sp0}`};
-`,It=i.button`
+`,_t=i.button`
   cursor: pointer;
   border-radius: ${n.sp1};
   background-color: ${e=>e.theme.colors.grey5};
@@ -194,9 +194,9 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   :hover {
     border: 1px solid ${e=>e.theme.colors.hero};
   }
-`,_t=i(Qe)`
+`,Dt=i(et)`
   color: ${e=>e.theme.colors.hero};
-`,Dt=i.div`
+`,Et=i.div`
   margin: ${e=>x.containerTopMargin.valuePx(e.windowSize)}
     ${n.sp0} ${n.sp0} ${n.sp0};
   display: flex;
@@ -204,17 +204,17 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   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)}`};
-`,Et=i.div`
-  display: flex;
 `,Ft=i.div`
   display: flex;
-  align-items: center;
 `,Gt=i.div`
+  display: flex;
+  align-items: center;
+`,Nt=i.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)}`};
-`,Nt=i(at)`
+`,Ut=i(ct)`
   min-width: ${n.sp7};
   width: ${n.sp7};
   height: ${n.sp7};
@@ -225,20 +225,20 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
 `:null}
 `,V=i.div`
   display: flex;
-`,Ut=i(b)`
+`,Wt=i(b)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${n.sp1};
-`,Wt=i(Q)`
+`,Ot=i(K)`
   color: ${e=>e.theme.colors.hero};
-`,Ot=i.span`
+`,Yt=i.span`
   margin-left: 2px;
-`,Yt=i(Q)`
+`,Vt=i(K)`
   color: ${e=>e.theme.colors.hero};
-`,Vt=i.div`
+`,qt=i.div`
   display: flex;
   align-items: center;
   width: calc(100% - 96px);
-`,Zt=i.div``,qt=i.div``,Xt=i.div`
+`,Zt=i.div``,Jt=i.div``,Ht=i.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)};
@@ -256,13 +256,13 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
     border-color: ${e=>e.theme.colors.primary};
     color: ${e=>e.isClickEnabled?e.theme.colors.champion:e.theme.colors.hero};
   }
-`,Ht=i.div`
+`,Xt=i.div`
   max-width: calc(100% - 30px);
   width: calc(100% - 40px);
   white-space: nowrap;
   overflow: hidden;
-`,Jt=i(Ke)`
-  ${e=>`${Lt.bankAccountName.style(e.windowSize)}`};
+`,Qt=i(Ke)`
+  ${e=>`${Pt.bankAccountName.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   max-width: ${`calc(100% - ${n.sp3})`};
   text-transform: capitalize;
@@ -272,24 +272,24 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
   color: ${e=>e.theme.colors.hero};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"start":"center"};
-`,Qt=i(b)`
+`,en=i(b)`
   margin-left: ${n.sp1};
-`,en=i.div`
+`,tn=i.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};
-`,tn=i(b)`
+`,nn=i(b)`
   color: ${o.success};
   border-radius: 50px;
-`,nn=i.div`
+`,on=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: center;
-`,on=i.div`
+`,rn=i.div`
   padding: ${n.sp3};
   display: flex;
   align-items: center;
@@ -307,19 +307,19 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
     color: ${e=>e.theme.colors.primary};
     border: 1px solid ${e=>e.theme.colors.primary};
   }
-`,rn=i(et)`
+`,sn=i(tt)`
   margin-right: ${n.sp2};
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${e=>e.theme.colors.hero};
-`,sn=i(tt)``,an=i.div`
+`,an=i(nt)``,cn=i.div`
   display: flex;
   width: 100%;
   height: calc(100% - 60px);
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,cn=i.div`
+`,ln=i.div`
   height: ${n.sp12};
   width: ${n.sp12};
   background: ${e=>e.theme.colors.background};
@@ -334,24 +334,24 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,ln=i(ct)`
+`,dn=i(lt)`
   height: ${n.sp5};
   width: ${n.sp5};
   color: ${e=>e.theme.colors.grey1};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,dn=i(lt)`
+`,pn=i(dt)`
   margin-top: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
-`,pn=i.div`
+`,un=i.div`
   max-width: 726px;
   width: ${e=>x.containerWidth.valuePercentage(e.windowSize)};
   display: flex;
   flex-direction: column;
   align-items: center;
   margin: auto;
-`,un=i.div`
+`,mn=i.div`
   display: flex;
   &:hover {
     color: ${e=>e.theme.colors.primary};
@@ -359,76 +359,76 @@ import{e as J,a as Ie,a2 as _e,u as De,ab as Ee,B as K,a1 as Fe,j as t,bU as O,g
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,mn=i(ye)`
+`,hn=i(ye)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,hn=i(St)`
+`,gn=i(Lt)`
   width: ${n.sp3};
   height: ${n.sp3};
-`,Z=i(b)`
+`,q=i(b)`
   padding: ${n.sp2} ${n.sp3};
   color: ${e=>e.theme.colors.hero};
   border-radius: ${n.sp1};
-`,q=i(b)`
+`,Z=i(b)`
   color: ${e=>e.theme.colors.brandColorPearl};
   margin-top: ${n.sp2};
   display: flex;
   justify-content: space-between;
-`,gn=i(b)`
+`,xn=i(b)`
   margin-bottom: ${n.sp2};
   display: flex;
-`,X=i.div`
+`,J=i.div`
   color: ${e=>e.theme.colors.hero};
 `,H=i.div`
   color: ${o.primaryDark};
-`,xn=i.div`
+`,$n=i.div`
   margin-top: ${n.sp4};
-`,{common:$n,spendManagement:{zeniAccounts:l}}=K.getLocalizedStrings(),we="checkingAccountCreation-form",Rn=({zeniAccountListView:e,analytics:a,maxInsuredAmount:w,isBillPayEnabled:C,isExpressPayEnabled:s,onBackClick:v,onZeniAccountClick:P,onSettingsClick:B,handleMoveMoneyOptionSelection:f,onReloadTransactions:S,onCreateCheckingClick:c,onClickMenuIcon:T,onTreasuryGetStartedClick:M,showTreasuryPromo:L,treasuryYieldPercentage:$,treasuryInsuredAmount:p})=>{const I=J(),y=Ie({mode:"all"}),_=e.newCheckingAccount.fetchState,E=_e(_);g.useEffect(()=>{E==="In-Progress"&&_==="Completed"&&(r(!1),D(!0),y.reset())},[E,_,y]);const A=De(),[R,r]=g.useState(!1),[k,D]=g.useState(!1),[ke,U]=g.useState(!1),[je,be]=g.useState(0),[Ae,ze]=g.useState(0),Ce=(h,W)=>{P(h,W)},ve={pageName:"listPage",onOptionSelection:h=>{h==="payBill"?(a.trackAccountsListPageClicked("Pay Someone"),U(!0)):(h==="sendMoney"?a.trackSendMoneyClick():h==="checkDeposit"?a.trackAccountsListPageClicked("Deposit a Check"):h==="transfer"&&a.trackAccountsListPageClicked("Transfer Between Accounts"),f(h))}},Se={onOkClick:()=>{},onCancelClick:()=>{a.trackAccountsListPageClicked("Add Business Account Cancel"),y.reset(),r(!1)}},Le={onOkClick:()=>{const h=e.depositAccountsSelectorView.depositAccounts.find(W=>W.id===e.newCheckingAccount.accountId);a.trackAccountsListPageClicked("Add Business Account Add Funds"),f("transfer",h),D(!1)},onCancelClick:()=>{a.trackAccountsListPageClicked("Add Business Account Not Now"),D(!1)}},Pe={onOkClick:()=>{a.trackAccountsListPageClicked("Proceed on Bills pop up"),f("payBill"),U(!1)},onCancelClick:()=>{a.trackAccountsListPageClicked("Not Now on Bills pop up"),U(!1)}},Be=y.handleSubmit(h=>{a.trackAccountsListPageClicked("Add Business Account Create"),c?.(h.checkingAccountNickName)}),ee=e.zeniAccountsConfig.zeniAccountsConfigDetail.depositProductConfig.depositProducts,Te=ee[ee.length-1].annualPercentageYield.toString(),te=Ee(Fe(w),w,$n.currency.currencySymbol).toUpperCase(),Me=t.jsx(ut,{onSettingsClick:B,isBillPayEnabled:C,isExpressPayEnabled:s,zeniBankProps:ve,analytics:a});return t.jsxs(wn,{children:[R?t.jsx(O,{titleComponent:t.jsx(ie,{children:l.zeniAccountList.createPopUpInfo.title}),descriptionComponent:t.jsx(ne,{children:l.zeniAccountList.createPopUpInfo.description}),primaryButtonText:l.zeniAccountList.createPopUpInfo.primaryButtonText,isLoading:e.newCheckingAccount.fetchState==="In-Progress",formId:we,secondaryButtonText:l.zeniAccountList.createPopUpInfo.secondaryButtonText,style:{background:o.overlayLight},action:Se,children:t.jsx(Ge,{...y,children:t.jsx("form",{id:we,onSubmit:Be,style:{height:n.sp8,width:"80%",marginBottom:n.sp5},children:t.jsx(Ne,{type:"text",name:"checkingAccountNickName",placeholder:l.zeniAccountList.createPopUpInfo.placeholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:n.sp7,textAlign:"left",width:"100%",background:Re(y.formState.errors,"checkingAccountNickName")===!0?o.importantLight:A.colors.grey5,border:`1px solid ${A.colors.grey2}`},registerOptions:{required:!0,validate:h=>!!h}})})})}):null,k?t.jsx(O,{titleComponent:t.jsx(t.Fragment,{}),descriptionComponent:t.jsx(t.Fragment,{}),primaryButtonText:l.zeniAccountList.addFundsPopUpInfo.primaryButtonText,secondaryButtonText:l.zeniAccountList.addFundsPopUpInfo.secondaryButtonText,action:Le,primaryButtonWidth:130,secondaryButtonWidth:130,containerStyle:{minWidth:352,maxWidth:544,width:"90%"},children:t.jsxs(yn,{children:[t.jsx(Ue,{width:150,height:150,shouldDisplay:!0,animationInLoop:1,styles:{marginBottom:-n.sp4}}),t.jsx(kn,{children:l.zeniAccountList.addFundsPopUpInfo.title}),t.jsx(jn,{children:l.zeniAccountList.addFundsPopUpInfo.description.replace("__rate__",Te).replace("__amount__",te)}),t.jsx(mt,{transferAmount:5e5,currentAccountBalance:0,zeniAccountsConfigDetail:e.zeniAccountsConfig,minStep:.1,setTotalBalance:ze,setYieldEarned:be}),t.jsxs(bn,{children:[t.jsxs(zn,{children:[l.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarned,t.jsx(An,{children:G("0,0",{amount:je,currencySymbol:"$"})}),t.jsx(fe,{variant:"small-description",maxWidth:"280px",data:l.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,display:"flex",placement:"left",children:t.jsx(vn,{})})]}),t.jsxs(Cn,{children:[l.zeniAccountList.transferDrawer.calculator.footerText.for,Intl.NumberFormat("en",{currency:"USD",notation:"compact",style:"currency",minimumFractionDigits:0}).format(Ae)]})]})]})}):null,ke?t.jsx(O,{titleComponent:t.jsx(ie,{children:l.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(ne,{children:l.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:l.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:l.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Pe,primaryButtonWidth:130,secondaryButtonWidth:130}):null,t.jsx(We,{title:l.zeniAccountList.tabsById.zeniAccounts,onBackClick:v,showMenuIcon:I==="medium-compact"||I==="small",backgroundColor:A.colors.grey4,style:{zIndex:3,...z.largeSemiBold.cssObject},rightSideComponent:Me,onClickMenuIcon:T,hideSearchBtn:!0,source:"ZeniAccountListViewPage"}),t.jsx(fn,{isLoading:e.fetchState==="In-Progress",children:t.jsx(Bt,{zeniAccountsConfigDetail:e.zeniAccountsConfig,zeniAccountListView:e,onZeniAccountRowClick:Ce,onAddFundClick:f,handleAddInternalAccountClick:()=>{a.trackAccountsListPageClicked("Add Business Account"),r(!0)},analytics:a,onReloadTransactions:S,maxInsuredAmountString:te,onTreasuryGetStartedClick:M,treasuryYieldPercentage:$,treasuryInsuredAmount:p,showTreasuryPromo:L})})]})},wn=i.div`
+`,{common:wn,spendManagement:{zeniAccounts:l}}=Q.getLocalizedStrings(),we="checkingAccountCreation-form",Rn=({zeniAccountListView:e,analytics:a,maxInsuredAmount:w,isBillPayEnabled:S,isExpressPayEnabled:s,onBackClick:v,onZeniAccountClick:P,onSettingsClick:B,handleMoveMoneyOptionSelection:f,onReloadTransactions:L,onCreateCheckingClick:c,onClickMenuIcon:T,onTreasuryGetStartedClick:M,showTreasuryPromo:A,treasuryYieldPercentage:$,treasuryInsuredAmount:p})=>{const I=X(),y=Ie({mode:"all"}),_=e.newCheckingAccount.fetchState,E=_e(_);g.useEffect(()=>{E==="In-Progress"&&_==="Completed"&&(r(!1),D(!0),y.reset())},[E,_,y]);const z=De(),[U,r]=g.useState(!1),[k,D]=g.useState(!1),[ke,R]=g.useState(!1),[je,be]=g.useState(0),[Ae,ze]=g.useState(0),Ce=(h,W)=>{P(h,W)},Se={pageName:"listPage",onOptionSelection:h=>{h==="payBill"?(a.trackAccountsListPageClicked("Pay Someone"),R(!0)):(h==="sendMoney"?a.trackSendMoneyClick():h==="checkDeposit"?a.trackAccountsListPageClicked("Deposit a Check"):h==="transfer"&&a.trackAccountsListPageClicked("Transfer Between Accounts"),f(h))}},ve={onOkClick:()=>{},onCancelClick:()=>{a.trackAccountsListPageClicked("Add Business Account Cancel"),y.reset(),r(!1)}},Le={onOkClick:()=>{const h=e.depositAccountsSelectorView.depositAccounts.find(W=>W.id===e.newCheckingAccount.accountId);a.trackAccountsListPageClicked("Add Business Account Add Funds"),f("transfer",h),D(!1)},onCancelClick:()=>{a.trackAccountsListPageClicked("Add Business Account Not Now"),D(!1)}},Pe={onOkClick:()=>{a.trackAccountsListPageClicked("Proceed on Bills pop up"),f("payBill"),R(!1)},onCancelClick:()=>{a.trackAccountsListPageClicked("Not Now on Bills pop up"),R(!1)}},Be=y.handleSubmit(h=>{a.trackAccountsListPageClicked("Add Business Account Create"),c?.(h.checkingAccountNickName)}),ee=e.zeniAccountsConfig.zeniAccountsConfigDetail.depositProductConfig.depositProducts,Te=ee[ee.length-1].annualPercentageYield.toString(),te=Ee(Fe(w),w,wn.currency.currencySymbol).toUpperCase(),Me=t.jsx(mt,{onSettingsClick:B,isBillPayEnabled:S,isExpressPayEnabled:s,zeniBankProps:Se,analytics:a});return t.jsxs(fn,{children:[U?t.jsx(O,{titleComponent:t.jsx(ie,{children:l.zeniAccountList.createPopUpInfo.title}),descriptionComponent:t.jsx(ne,{children:l.zeniAccountList.createPopUpInfo.description}),primaryButtonText:l.zeniAccountList.createPopUpInfo.primaryButtonText,isLoading:e.newCheckingAccount.fetchState==="In-Progress",formId:we,secondaryButtonText:l.zeniAccountList.createPopUpInfo.secondaryButtonText,style:{background:o.overlayLight},action:ve,children:t.jsx(Ge,{...y,children:t.jsx("form",{id:we,onSubmit:Be,style:{height:n.sp8,width:"80%",marginBottom:n.sp5},children:t.jsx(Ne,{type:"text",name:"checkingAccountNickName",placeholder:l.zeniAccountList.createPopUpInfo.placeholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:n.sp7,textAlign:"left",width:"100%",background:Ue(y.formState.errors,"checkingAccountNickName")===!0?o.importantLight:z.colors.grey5,border:`1px solid ${z.colors.grey2}`},registerOptions:{required:!0,validate:h=>!!h}})})})}):null,k?t.jsx(O,{titleComponent:t.jsx(t.Fragment,{}),descriptionComponent:t.jsx(t.Fragment,{}),primaryButtonText:l.zeniAccountList.addFundsPopUpInfo.primaryButtonText,secondaryButtonText:l.zeniAccountList.addFundsPopUpInfo.secondaryButtonText,action:Le,primaryButtonWidth:130,secondaryButtonWidth:130,containerStyle:{minWidth:352,maxWidth:544,width:"90%"},children:t.jsxs(kn,{children:[t.jsx(Re,{width:150,height:150,shouldDisplay:!0,animationInLoop:1,styles:{marginBottom:-n.sp4}}),t.jsx(jn,{children:l.zeniAccountList.addFundsPopUpInfo.title}),t.jsx(bn,{children:l.zeniAccountList.addFundsPopUpInfo.description.replace("__rate__",Te).replace("__amount__",te)}),t.jsx(ht,{transferAmount:5e5,currentAccountBalance:0,zeniAccountsConfigDetail:e.zeniAccountsConfig,minStep:.1,setTotalBalance:ze,setYieldEarned:be}),t.jsxs(An,{children:[t.jsxs(Cn,{children:[l.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarned,t.jsx(zn,{children:G("0,0",{amount:je,currencySymbol:"$"})}),t.jsx(fe,{variant:"small-description",maxWidth:"280px",data:l.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,display:"flex",placement:"left",children:t.jsx(vn,{})})]}),t.jsxs(Sn,{children:[l.zeniAccountList.transferDrawer.calculator.footerText.for,Intl.NumberFormat("en",{currency:"USD",notation:"compact",style:"currency",minimumFractionDigits:0}).format(Ae)]})]})]})}):null,ke?t.jsx(O,{titleComponent:t.jsx(ie,{children:l.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(ne,{children:l.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:l.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:l.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Pe,primaryButtonWidth:130,secondaryButtonWidth:130}):null,t.jsx(We,{title:l.zeniAccountList.tabsById.zeniAccounts,onBackClick:v,showMenuIcon:I==="medium-compact"||I==="small",backgroundColor:z.colors.grey4,style:{zIndex:3,...C.largeSemiBold.cssObject},rightSideComponent:Me,onClickMenuIcon:T,hideSearchBtn:!0,source:"ZeniAccountListViewPage"}),t.jsx(yn,{isLoading:e.fetchState==="In-Progress",children:t.jsx(Tt,{zeniAccountsConfigDetail:e.zeniAccountsConfig,zeniAccountListView:e,onZeniAccountRowClick:Ce,onAddFundClick:f,handleAddInternalAccountClick:()=>{a.trackAccountsListPageClicked("Add Business Account"),r(!0)},analytics:a,onReloadTransactions:L,maxInsuredAmountString:te,onTreasuryGetStartedClick:M,treasuryYieldPercentage:$,treasuryInsuredAmount:p,showTreasuryPromo:A})})]})},fn=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
   width: 100%;
-`,fn=i.div`
+`,yn=i.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%"};
-`,yn=i.div`
+`,kn=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: ${n.sp4};
-`,kn=i(Oe)`
+`,jn=i(Oe)`
   padding-left: ${n.sp8};
   padding-right: ${n.sp8};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,jn=i(Ye)`
+`,bn=i(Ye)`
   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;
-`,bn=i.div`
+`,An=i.div`
   min-height: ${n.sp10};
   display: flex;
   flex-direction: column;
   align-items: center;
-`,An=i.span`
-  font-weight: ${Ze.medium};
+`,zn=i.span`
+  font-weight: ${qe.medium};
   margin-left: ${n.sp1};
-`,zn=i(Ve)`
+`,Cn=i(Ve)`
   color: ${o.success};
   display: flex;
   align-items: center;
-`,Cn=i(b)`
+`,Sn=i(b)`
   color: ${e=>e.theme.colors.grey1};
   display: block;
 `,vn=i(ye)`

package/dist/assets/ZeniAccountNavBarPieces-CpKh4Vxw-CQBSadEV.js

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