@zeniai/web-cockpit-ui 1.14.38-qa → 1.14.39-dev

package/dist/assets/{ZeniAccountListViewPage-CgOxwjk1-loQXKfEe.js → ZeniAccountListViewPage-STT7H2Nw-BroPoovh.js}

@@ -1,4 +1,4 @@
-import{e as K,a as Ie,a2 as _e,u as De,ab as Ee,B as Q,a1 as Fe,j as t,bV as W,g as o,F as Ge,o as n,cH as Ne,cv as Ue,bX as ne,bY as ie,gU as Re,a0 as G,bp as fe,aX as Oe,v as C,r as We,t as Ye,T as Ve,bv as qe,b6 as ye,w as b,Y as Ze,l as He,bJ as Je,cV as F,$ as N,C as j,n as X,fd as Ke,J as Qe,y as Xe,k as et,cx as tt,bO as nt,fE as it,q as u,dM as ot,fm as rt,gV as st,K as at,ff as ct,bg as lt,a6 as dt}from"./index-CfctPHbv.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-BkN8_5Zi-BBFYIr9g.js";import{v as ht}from"./ZeniTransferAmountSlider-BtI1L6UN-GWCIzf4e.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.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:v})=>{const s=K(),S=(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:S(m.features.yield,{yieldPercentage:B}),id:"yield"},{icon:t.jsx(Ct,{}),title:S(m.features.insured,{insuredAmount:f}),id:"insured"},{icon:t.jsx(vt,{}),title:m.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:t.jsx(St,{}),title:m.features.automation,id:"automation"}];return t.jsxs($t,{style:v,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`
+import{e as K,a as Ie,a2 as _e,u as De,ab as Ee,B as Q,a1 as Fe,j as t,bV as W,g as o,F as Ge,o as n,cH as Ne,cv as Re,bX as ne,bY as ie,gV as Ue,a0 as G,bp as fe,aX as Oe,v as C,r as We,t as Ye,T as Ve,bv as qe,b6 as ye,w as b,Y as Ze,l as He,bJ as Je,cV as F,$ as N,C as j,n as X,fe as Ke,J as Qe,y as Xe,k as et,cx as tt,bO as nt,fF as it,q as u,dM as ot,fn as rt,gW as st,K as at,fg as ct,bg as lt,a6 as dt}from"./index-C7jkqxrR.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-ZNlC5aGd-BNisBi0x.js";import{v as ht}from"./ZeniTransferAmountSlider-BL2-PVj4-Bi0ukH0F.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.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:v})=>{const s=K(),S=(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:S(m.features.yield,{yieldPercentage:B}),id:"yield"},{icon:t.jsx(Ct,{}),title:S(m.features.insured,{insuredAmount:f}),id:"insured"},{icon:t.jsx(vt,{}),title:m.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:t.jsx(St,{}),title:m.features.automation,id:"automation"}];return t.jsxs($t,{style:v,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;
@@ -177,7 +177,7 @@ import{e as K,a as Ie,a2 as _e,u as De,ab as Ee,B as Q,a1 as Fe,j as t,bV as W,g
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${o.brandColorGoldDark};
-`,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(Ot,{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:v,onZeniAccountRowClick:s,onReloadTransactions:S,handleAddInternalAccountClick:P,onAddFundClick:B,onTreasuryGetStartedClick:f,treasuryYieldPercentage:L,treasuryInsuredAmount:c,showTreasuryPromo:T})=>{const{depositAccountsSelectorView:M,fetchState:A,summary:$}=e,p=K(),I=Ze(),y=I.loggedInUserRoleMap.deposit_accounts_user===!0||He.hasAnyFinOpRole(I.loggedInUserRoleMap),_=r=>{v.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(H,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),t.jsx(J,{children:G("0,0[.]00",$?.totalBalance.current)})]}),t.jsxs(Z,{children:[t.jsx(H,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),t.jsx(J,{children:G("0,0[.]00",$?.totalBalance.hold)})]}),t.jsxs(Z,{children:[t.jsx(H,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),t.jsx(J,{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:Ke(r)});return Je({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(Ht,{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(Wt,{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:()=>{v.trackAccountsListPageClicked("Move Money"),f?.()}})}),t.jsxs(Nt,{windowSize:p,children:[M.depositAccounts.map((r,k)=>t.jsxs(Jt,{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(Kt,{children:[t.jsx(Qt,{windowSize:p,children:r.accountName}),t.jsxs(Xt,{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:S})})},Mt=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(Ot,{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:v,onZeniAccountRowClick:s,onReloadTransactions:S,handleAddInternalAccountClick:P,onAddFundClick:B,onTreasuryGetStartedClick:f,treasuryYieldPercentage:L,treasuryInsuredAmount:c,showTreasuryPromo:T})=>{const{depositAccountsSelectorView:M,fetchState:A,summary:$}=e,p=K(),I=Ze(),y=I.loggedInUserRoleMap.deposit_accounts_user===!0||He.hasAnyFinOpRole(I.loggedInUserRoleMap),_=r=>{v.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(H,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),t.jsx(J,{children:G("0,0[.]00",$?.totalBalance.current)})]}),t.jsxs(Z,{children:[t.jsx(H,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),t.jsx(J,{children:G("0,0[.]00",$?.totalBalance.hold)})]}),t.jsxs(Z,{children:[t.jsx(H,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),t.jsx(J,{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,{})})})},R=r=>t.jsx(Rt,{color:Ke(r)});return Je({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(Ut,{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(Ht,{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(Wt,{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:()=>{v.trackAccountsListPageClicked("Move Money"),f?.()}})}),t.jsxs(Nt,{windowSize:p,children:[M.depositAccounts.map((r,k)=>t.jsxs(Jt,{isClickEnabled:!0,windowSize:p,onClick:()=>s?.(r.id,r.accountName),"data-testid":N("deposit-account-clicked",r.id),children:[t.jsxs(qt,{children:[R(k),t.jsxs(Kt,{children:[t.jsx(Qt,{windowSize:p,children:r.accountName}),t.jsxs(Xt,{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:S})})},Mt=i.div`
   display: block;
   height: 100%;
 `,It=i.div`
@@ -214,12 +214,12 @@ import{e as K,a as Ie,a2 as _e,u as De,ab as Ee,B as Q,a1 as Fe,j as t,bV as W,g
     ${x.bankAccListBottomMargin.valuePx(e.windowSize)} ${n.sp0}`};
   width: 100%;
   padding: ${e=>`${n.sp0}  ${x.containerSidePadding.valuePx(e.windowSize)}`};
-`,Ut=i(ct)`
+`,Rt=i(ct)`
   min-width: ${n.sp7};
   width: ${n.sp7};
   height: ${n.sp7};
   margin-right: 12px;
-`,Rt=i.div`
+`,Ut=i.div`
   ${e=>e.windowSize!=="small"?`
         width: 50%;
 `:null}
@@ -387,7 +387,7 @@ import{e as K,a as Ie,a2 as _e,u as De,ab as Ee,B as Q,a1 as Fe,j as t,bV as W,g
   color: ${o.primaryDark};
 `,$n=i.div`
   margin-top: ${n.sp4};
-`,{common:wn,spendManagement:{zeniAccounts:l}}=Q.getLocalizedStrings(),we="checkingAccountCreation-form",Rn=({zeniAccountListView:e,analytics:a,maxInsuredAmount:w,isBillPayEnabled:v,isExpressPayEnabled:s,onBackClick:S,onZeniAccountClick:P,onSettingsClick:B,handleMoveMoneyOptionSelection:f,onReloadTransactions:L,onCreateCheckingClick:c,onClickMenuIcon:T,onTreasuryGetStartedClick:M,showTreasuryPromo:A,treasuryYieldPercentage:$,treasuryInsuredAmount:p})=>{const I=K(),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,O)=>{P(h,O)},ve={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))}},Se={onOkClick:()=>{},onCancelClick:()=>{a.trackAccountsListPageClicked("Add Business Account Cancel"),y.reset(),r(!1)}},Le={onOkClick:()=>{const h=e.depositAccountsSelectorView.depositAccounts.find(O=>O.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:v,isExpressPayEnabled:s,zeniBankProps:ve,analytics:a});return t.jsxs(fn,{children:[U?t.jsx(W,{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: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(W,{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(Sn,{})})]}),t.jsxs(vn,{children:[l.zeniAccountList.transferDrawer.calculator.footerText.for,Intl.NumberFormat("en",{currency:"USD",notation:"compact",style:"currency",minimumFractionDigits:0}).format(Ae)]})]})]})}):null,ke?t.jsx(W,{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(Oe,{title:l.zeniAccountList.tabsById.zeniAccounts,onBackClick:S,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`
+`,{common:wn,spendManagement:{zeniAccounts:l}}=Q.getLocalizedStrings(),we="checkingAccountCreation-form",Un=({zeniAccountListView:e,analytics:a,maxInsuredAmount:w,isBillPayEnabled:v,isExpressPayEnabled:s,onBackClick:S,onZeniAccountClick:P,onSettingsClick:B,handleMoveMoneyOptionSelection:f,onReloadTransactions:L,onCreateCheckingClick:c,onClickMenuIcon:T,onTreasuryGetStartedClick:M,showTreasuryPromo:A,treasuryYieldPercentage:$,treasuryInsuredAmount:p})=>{const I=K(),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(),[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,O)=>{P(h,O)},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(O=>O.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,wn.currency.currencySymbol).toUpperCase(),Me=t.jsx(mt,{onSettingsClick:B,isBillPayEnabled:v,isExpressPayEnabled:s,zeniBankProps:ve,analytics:a});return t.jsxs(fn,{children:[R?t.jsx(W,{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:z.colors.grey5,border:`1px solid ${z.colors.grey2}`},registerOptions:{required:!0,validate:h=>!!h}})})})}):null,k?t.jsx(W,{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(Ue,{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(Sn,{})})]}),t.jsxs(vn,{children:[l.zeniAccountList.transferDrawer.calculator.footerText.for,Intl.NumberFormat("en",{currency:"USD",notation:"compact",style:"currency",minimumFractionDigits:0}).format(Ae)]})]})]})}):null,ke?t.jsx(W,{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(Oe,{title:l.zeniAccountList.tabsById.zeniAccounts,onBackClick:S,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;
@@ -438,4 +438,4 @@ import{e as K,a as Ie,a2 as _e,u as De,ab as Ee,B as Q,a1 as Fe,j as t,bV as W,g
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;export{Rn as default};
+`;export{Un as default};

package/dist/assets/{ZeniAccountNavBarPieces-BkN8_5Zi-BBFYIr9g.js → ZeniAccountNavBarPieces-ZNlC5aGd-BNisBi0x.js}

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

package/dist/assets/{ZeniAccountPromoPage-DrMHkTuM-TsJAmqcK.js → ZeniAccountPromoPage-DeVBZrVx-DUJkUAQ8.js}

@@ -1,4 +1,4 @@
-import{u as ce,e as v,a2 as ae,Y as xe,fq as me,j as i,aX as pe,B as I,T as ue,o,c8 as he,r as q,K as L,$ as W,c as j,c7 as ge,ab as z,a1 as k,a6 as K,aU as we,C as x,g as A,c9 as je,a7 as $e,ap as ye,q as Y,J as $,y as C,n as T,M as Se}from"./index-CfctPHbv.js";import{b as D,n}from"./vendor-rkTZJa59.js";import{x as fe}from"./MeetingCalenderPopup-BJgsd-6e-BJbKD0GQ.js";import{M as B}from"./usp-line-BBd1wKwW-u-VMxix8.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const h={amountColumnHeight:new x(240,340),bankRectBoxHeight:new x(240,340),bankRectBoxMinWidth:new x(130,180),iconInnerColumnGap:new x(Y[5],50),iconInnerRowMaxWidth:new x(291,414),midContainerGap:new x(0,0,0,Y[11]),styledLogoHeight:new x(13,21),styledLogoWidth:new x(54,87)},R={insuredAmountStr:new $("extraSmallRegular","smallRegular"),title:new $("smallRegular","largeRegular"),uninsuredAmountStr:new $("largeRegular","h6Regular"),yAxisAmount:new $("h6Regular","extraSmallRegular")},be=n.div`
+import{u as ce,e as v,a2 as ae,Y as xe,fr as me,j as i,aX as pe,B as I,T as ue,o,c8 as he,r as K,K as L,$ as W,c as j,c7 as ge,ab as z,a1 as k,a6 as q,aU as we,C as x,g as A,c9 as je,a7 as $e,ap as ye,q as Y,J as $,y as C,n as T,M as Se}from"./index-C7jkqxrR.js";import{b as D,n}from"./vendor-rkTZJa59.js";import{x as fe}from"./MeetingCalenderPopup-YiB2ETli-CqKaSUHn.js";import{M as B}from"./usp-line-BBd1wKwW-u-VMxix8.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";const h={amountColumnHeight:new x(240,340),bankRectBoxHeight:new x(240,340),bankRectBoxMinWidth:new x(130,180),iconInnerColumnGap:new x(Y[5],50),iconInnerRowMaxWidth:new x(291,414),midContainerGap:new x(0,0,0,Y[11]),styledLogoHeight:new x(13,21),styledLogoWidth:new x(54,87)},R={insuredAmountStr:new $("extraSmallRegular","smallRegular"),title:new $("smallRegular","largeRegular"),uninsuredAmountStr:new $("largeRegular","h6Regular"),yAxisAmount:new $("h6Regular","extraSmallRegular")},be=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -61,7 +61,7 @@ import{u as ce,e as v,a2 as ae,Y as xe,fq as me,j as i,aX as pe,B as I,T as ue,o
   color: ${e=>e.theme.colors.champion};
 `,S=n($e)`
   color: ${e=>e.theme.colors.champion};
-`,f=n(K)`
+`,f=n(q)`
   color: ${e=>e.theme.colors.champion};
 `,b=n(je)`
   color: ${e=>e.theme.colors.champion};
@@ -75,7 +75,7 @@ import{u as ce,e as v,a2 as ae,Y as xe,fq as me,j as i,aX as pe,B as I,T as ue,o
   color: ${A.graphColor11};
 `,ee=n(B)`
   color: ${A.success};
-`,Be=n(K)`
+`,Be=n(q)`
   margin: ${e=>e.windowSize==="small"?o.sp1:`auto ${o.sp5}`};
   color: ${e=>e.theme.colors.grey1};
 `,Re=n.div`
@@ -162,7 +162,7 @@ import{u as ce,e as v,a2 as ae,Y as xe,fq as me,j as i,aX as pe,B as I,T as ue,o
 `,Fe=n(T)`
   color: ${e=>e.theme.colors.brandColorRuby};
   padding-right: 12px;
-`,Ge=n(q)`
+`,Ge=n(K)`
   color: ${e=>e.theme.colors.grey5};
   padding-right: 12px;
   padding-top: 20px;
@@ -181,4 +181,4 @@ import{u as ce,e as v,a2 as ae,Y as xe,fq as me,j as i,aX as pe,B as I,T as ue,o
   height: ${e=>h.styledLogoHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,r=I.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo,w=I.getLocalizedStrings().common,d=I.getLocalizedStrings().commonSetUp.businessVerification.terms,ie=({maxInsuredAmountString:e})=>{const s=v();return i.jsxs(Te,{windowSize:s,children:[i.jsxs(Ie,{windowSize:s,children:[i.jsx(_e,{children:i.jsxs(Ue,{windowSize:s,children:[i.jsxs(G,{children:[i.jsx(Z,{windowSize:s,children:r.iconTexts.title}),i.jsxs(E,{windowSize:s,isBankRect:!0,children:[i.jsxs(J,{children:[i.jsx(De,{windowSize:s,children:r.iconTexts.unInsuredAmount}),i.jsx(Fe,{children:r.iconTexts.unInsured})]}),i.jsxs(Le,{children:[i.jsx(We,{windowSize:s,children:r.iconTexts.insuredAmount}),i.jsx(Ye,{children:r.iconTexts.insured})]})]})]}),i.jsxs(G,{children:[i.jsx(Z,{windowSize:s,children:i.jsx(Ze,{windowSize:s})}),i.jsx(E,{windowSize:s,isBankRect:!1,children:i.jsxs(J,{children:[i.jsx(Ge,{children:e}),i.jsx(Ee,{children:r.iconTexts.fdicCovered})]})})]})]})}),i.jsx(Me,{children:r.iconTexts.footNote})]}),i.jsx(He,{windowSize:s,children:r.iconTexts.yAxisAmounts.map((l,t)=>i.jsx(Je,{windowSize:s,children:l},t))})]})},qe=({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(V,{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(f,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(O,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(f,{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(f,{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(f,{children:r.expertSupport.regular})]})]})]})]})},Ke=({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(V,{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(S,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(y,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(O,{})}),i.jsxs(u,{children:[i.jsx(S,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(y,{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(S,{children:r.noHiddenFee.bold}),i.jsx(y,{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(S,{children:r.expertSupport.bold}),i.jsx(y,{children:r.expertSupport.regular})]})]})]}),i.jsx(ie,{maxInsuredAmountString:a})]})},ti=({meetingUrl:e,maxAnnualPercentageYield:s,maxInsuredAmount:l,analytics:t,zeniAccountSetupView:g,exampleBankBalance:a,onSetupButtonClick:ne,onBackClick:oe,onClickMenuIcon:re,onSetupZeniAccountSuccess:_})=>{const se=ce(),c=v(),{zeniAccountTermsDetails:P}=g,U=ae(P?.fetchStatus.fetchState),[te,H]=D.useState(!1),le=()=>{t.trackAccountsPromoPageClicked("Schedule Demo"),H(!0)};D.useEffect(()=>{U==="In-Progress"&&P?.fetchStatus.fetchState==="Completed"&&_?.()},[U,_,P?.fetchStatus]);const M=xe(),de=M.loggedInUserRoleMap.deposit_accounts_user===!0||me(M);return i.jsxs(be,{children:[i.jsx(pe,{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(fe,{onCancelClick:()=>{H(!1)},meetingUrl:e}):null,i.jsxs(ze,{windowSize:c,children:[c==="small"?i.jsxs(ve,{children:[r.promoText1,w.strings.colon,i.jsx(ue,{style:{marginTop:o.sp2},children:r.promoText2})]}):i.jsxs(ke,{children:[i.jsxs(he,{children:[r.promoText1,w.strings.colon]}),i.jsx(q,{style:{marginTop:o.sp2},children:r.promoText2})]}),c==="small"||c==="medium-compact"||c==="medium-regular"?i.jsx(qe,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:a}):i.jsx(Ke,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:a}),de?null:i.jsxs(Ae,{children:[i.jsxs(Ce,{windowSize:c,children:[i.jsx(L,{variant:"secondary",label:r.scheduleDemoButton,onClick:le,"data-testid":W("accounts-promo-schedule-demo-button")}),i.jsx(Be,{windowSize:c,children:r.orText}),i.jsx(L,{variant:"primary",label:r.setupAccountsButton,loading:!1,onClick:ne,"data-testid":W("accounts-promo-setup-accounts-button")})]}),i.jsx(Re,{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(Pe,{children:i.jsx(F,{children:r.disclaimer})})]})]})]})};export{ti as default};
+`,r=I.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountsPromo,w=I.getLocalizedStrings().common,d=I.getLocalizedStrings().commonSetUp.businessVerification.terms,ie=({maxInsuredAmountString:e})=>{const s=v();return i.jsxs(Te,{windowSize:s,children:[i.jsxs(Ie,{windowSize:s,children:[i.jsx(_e,{children:i.jsxs(Ue,{windowSize:s,children:[i.jsxs(G,{children:[i.jsx(Z,{windowSize:s,children:r.iconTexts.title}),i.jsxs(E,{windowSize:s,isBankRect:!0,children:[i.jsxs(J,{children:[i.jsx(De,{windowSize:s,children:r.iconTexts.unInsuredAmount}),i.jsx(Fe,{children:r.iconTexts.unInsured})]}),i.jsxs(Le,{children:[i.jsx(We,{windowSize:s,children:r.iconTexts.insuredAmount}),i.jsx(Ye,{children:r.iconTexts.insured})]})]})]}),i.jsxs(G,{children:[i.jsx(Z,{windowSize:s,children:i.jsx(Ze,{windowSize:s})}),i.jsx(E,{windowSize:s,isBankRect:!1,children:i.jsxs(J,{children:[i.jsx(Ge,{children:e}),i.jsx(Ee,{children:r.iconTexts.fdicCovered})]})})]})]})}),i.jsx(Me,{children:r.iconTexts.footNote})]}),i.jsx(He,{windowSize:s,children:r.iconTexts.yAxisAmounts.map((l,t)=>i.jsx(Je,{windowSize:s,children:l},t))})]})},Ke=({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(V,{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(f,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,children:[i.jsx(p,{children:i.jsx(O,{})}),i.jsxs(u,{children:[i.jsx(b,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(f,{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(f,{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(f,{children:r.expertSupport.regular})]})]})]})]})},qe=({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(V,{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(S,{children:r.earnUptoText.bold.replace("__rate__",e.toString())}),i.jsx(y,{children:r.earnUptoText.regular})]})]}),i.jsxs(m,{windowSize:t,style:{width:"330px",minHeight:"83px"},children:[i.jsx(p,{children:i.jsx(O,{})}),i.jsxs(u,{children:[i.jsx(S,{children:r.insuranceText.bold.replace("__amount__",g)}),i.jsx(y,{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(S,{children:r.noHiddenFee.bold}),i.jsx(y,{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(S,{children:r.expertSupport.bold}),i.jsx(y,{children:r.expertSupport.regular})]})]})]}),i.jsx(ie,{maxInsuredAmountString:a})]})},ti=({meetingUrl:e,maxAnnualPercentageYield:s,maxInsuredAmount:l,analytics:t,zeniAccountSetupView:g,exampleBankBalance:a,onSetupButtonClick:ne,onBackClick:oe,onClickMenuIcon:re,onSetupZeniAccountSuccess:_})=>{const se=ce(),c=v(),{zeniAccountTermsDetails:P}=g,U=ae(P?.fetchStatus.fetchState),[te,H]=D.useState(!1),le=()=>{t.trackAccountsPromoPageClicked("Schedule Demo"),H(!0)};D.useEffect(()=>{U==="In-Progress"&&P?.fetchStatus.fetchState==="Completed"&&_?.()},[U,_,P?.fetchStatus]);const M=xe(),de=M.loggedInUserRoleMap.deposit_accounts_user===!0||me(M);return i.jsxs(be,{children:[i.jsx(pe,{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(fe,{onCancelClick:()=>{H(!1)},meetingUrl:e}):null,i.jsxs(ze,{windowSize:c,children:[c==="small"?i.jsxs(ve,{children:[r.promoText1,w.strings.colon,i.jsx(ue,{style:{marginTop:o.sp2},children:r.promoText2})]}):i.jsxs(ke,{children:[i.jsxs(he,{children:[r.promoText1,w.strings.colon]}),i.jsx(K,{style:{marginTop:o.sp2},children:r.promoText2})]}),c==="small"||c==="medium-compact"||c==="medium-regular"?i.jsx(Ke,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:a}):i.jsx(qe,{maxAnnualPercentageYield:s,maxInsuredAmount:l,exampleBankBalance:a}),de?null:i.jsxs(Ae,{children:[i.jsxs(Ce,{windowSize:c,children:[i.jsx(L,{variant:"secondary",label:r.scheduleDemoButton,onClick:le,"data-testid":W("accounts-promo-schedule-demo-button")}),i.jsx(Be,{windowSize:c,children:r.orText}),i.jsx(L,{variant:"primary",label:r.setupAccountsButton,loading:!1,onClick:ne,"data-testid":W("accounts-promo-setup-accounts-button")})]}),i.jsx(Re,{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(Pe,{children:i.jsx(F,{children:r.disclaimer})})]})]})]})};export{ti as default};

package/dist/assets/{ZeniAccountSetupPage-BCpKadR1-BILWbvOC.js → ZeniAccountSetupPage-UlF7qoFd-Bt_j1YxN.js}

@@ -1,4 +1,4 @@
-import{u as Se,e as we,a2 as O,a as be,ca as Ae,B as xe,a8 as U,j as t,cP as Ce,g as Pe,C as d,aX as ke,m as Fe,F as ve,dO as je,aS as Te,a4 as ze,o as Ee,q as a,t as Ve}from"./index-CfctPHbv.js";import{b as f,n as S}from"./vendor-rkTZJa59.js";import{D as De}from"./HelpButton-Dmp2RZDD-DwUAgvCm.js";import{q as $e}from"./SetUpDefaultSection-Ax1FuH_A-CXbulKHe.js";import{f as Ie}from"./SpendMgmtSetupAccountSection-BSuY_zqo-toxWOw_s.js";import{g as Oe}from"./UploadAdditionalDocumentOverlay-DOy8Wvxm-DMrdpbVK.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-BJgsd-6e-BJbKD0GQ.js";import"./ChargeCardUtils-Vw0LoIey-D4s3SYDn.js";import"./CreditCardPaymentPlgSection-BGu0Am-e-CBMCjf_k.js";import"./ChaseOverlay-Cm-3BKNK-B-yxpnKo.js";const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,a[5],a[5]),sectionRowGap:new d(a[5],a[9],a[9]),iconWidthHeight:new d(20,a[4]),subTitlePaddingTop:new d(12,a[3]),subTitlePaddingBottom:new d(a[3],a[3]),overlayWidth:new d(100,100,59)},B="zeniAccountSetUpPage",k="payAccount",{common:Ue,commonSetUp:_,spendManagement:Be}=xe.getLocalizedStrings(),{zeniAccounts:q}=Be,{zeniAccountSetUp:z}=q,{setUp:E}=_,st=({isDisabled:e,meetingUrl:F,zeniAccountSetUpView:p,analytics:l,connectedAccountProvider:s,filesEndPoint:W,authParams:H,accountsPromoConfig:Z,onFetchLinkTokenClick:M,onBackClick:N,onEnableZeniAccountClick:G,onUpdatePrimaryFundingAccount:J,onUpdateZeniAccountClick:X,onBusinessVerificationSectionClick:K,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionClick:ee,onEstablishConnectionSuccess:te,onClickMenuIcon:ne,onEnableZeniAccountSuccess:w,onEditFileName:ie,onDeleteFile:oe,updateFilesEntity:ce,onCompanyOfficerUpdated:ae,onSendForVerificationClick:se})=>{const b=Se(),i=we(),[A,g]=f.useState(!1),{fetchState:h,companyBillPayInfo:V,isRefreshingViewInBackground:le,updateStatus:r,accountUpdateStatus:re,plaidConnectionDetails:ue,allBankAccounts:de,companyZeniAccountInfo:pe,selectedCompanyOfficer:o,primaryFundingAccount:m,allFundingAccounts:D}=p,$=O(h),x=O(r.fetchState),v=be({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>L(p),[p]),values:L(p)}),me=v.handleSubmit(y=>{l.trackEnableZeniAccounts(),G()}),fe=async(y,P)=>{const n=P[k];if(y.includes(k)){if(y.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&m?.id!=n.fundingAccount.selectedOption){const u=D.find(T=>T.id===n.fundingAccount.selectedOption);u!=null&&J(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&m?.id!=null&&m?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(T=>T.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&l.trackConnectBankLink(u.value,u.label,"zeni_accounts"),X(n.account.selectedOption,m.id,m.accType)}}};f.useEffect(()=>{!A&&o?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&o.areAdditionalDocumentsRequestedForVerification&&!o.areAdditionalDocumentsSubmittedForVerification&&o.userVerificationStatus?.code==="require_info"&&g(!0),A&&$==="In-Progress"&&h==="Completed"&&g(!1)},[o,h,$]),f.useEffect(()=>{const y=v.watch((P,{name:n})=>{n!=null&&P!=null&&Ae(()=>fe(n,P))});return()=>{y.unsubscribe()}}),f.useEffect(()=>{x==="In-Progress"&&r.fetchState==="Completed"&&w()},[w,x,r.fetchState]);const C=pe?.isZeniAccountEnabled===!0,j=V?.isBusinessVerified===!0,ge=h==="In-Progress"||h==="Not-Started";f.useEffect(()=>{x==="In-Progress"&&r.fetchState==="Completed"&&w()},[w,x,r.fetchState]);const he=j?_.setUp.setupVerifiedSubTitle:z.setupSubTitle,I=b.mode==="light"?new U(b.colors.brandColorJadeLight):new U(b.colors.brandColorJadeDark),ye=()=>{!A&&o?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&o.areAdditionalDocumentsRequestedForVerification&&!o.areAdditionalDocumentsSubmittedForVerification&&o.userVerificationStatus?.code==="require_info"?g(!0):K?.()};return t.jsxs(Re,{children:[t.jsx(Ce,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>g(!1),style:{backgroundColor:Pe.drawerBackground},transitionDuration:250,children:t.jsx(Oe,{authParams:H,filesEndPoint:W,updateStatus:r,onEditFileName:ie,onDeleteFile:oe,updateFilesEntity:ce,companyOfficer:o,onClose:()=>g(!1),onCompanyOfficerUpdated:ae,onSendForVerificationClick:se})}),t.jsx(ke,{title:z.setupTitle,backgroundColor:b.colors.grey4,style:{zIndex:3},onBackClick:N,showMenuIcon:!C&&(i==="medium-compact"||i==="small"),onClickMenuIcon:ne,source:"ZeniAccountSetupPage"}),t.jsxs(Le,{windowSize:i,children:[t.jsx(_e,{windowSize:i,children:he}),ge?t.jsx(qe,{children:t.jsx(Fe,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...v,children:t.jsx("form",{id:R(B),onSubmit:me,children:t.jsxs(We,{windowSize:i,children:[t.jsx($e,{onClick:ye,title:E.businessVerificationTitle,subTitle:E.businessVerificationSubTitle,header:E.businessVerificationHeader,icon:{element:t.jsx(je,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:I},status:V?.businessVerificationStatus,isLoading:le,isActiveWhileLoading:!0}),t.jsx(Ie,{connectedAccountProvider:s,plaidConnectionDetails:ue,allBankAccounts:de,sectionId:k,isDisabled:e,header:q.accountSectionHeader,onFetchLinkTokenClick:M,onEstablishConnectionClick:ee,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionSuccess:te,icon:{element:t.jsx(Te,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:I},analytics:l,productType:"zeni_accounts",primaryFundingAccount:m,isAccountsEnabled:C,allFundingAccounts:D,pageName:"Zeni Account Setup",accountsPromoConfig:Z})]})})})]}),j&&!C?t.jsx(ze,{formId:R(B),primaryBtn:{label:z.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:r.fetchState==="In-Progress"||re.fetchState==="In-Progress",isDisabled:e!=null},showCancel:!1,cancelBtn:{label:Ue.strings.empty},style:{padding:`12px ${Ee.sp3}`}}):null,t.jsx(De,{isFooterRendered:j&&!C,meetingUrl:F,analytics:l,productType:"zeni_accounts"})]})},L=e=>{const{allBankAccounts:F,allFundingAccounts:p,primaryFundingAccount:l}=e;return{[k]:{fundingAccount:{selectedOption:l?.id,allOptions:p.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:l?.zeniAccountId,allOptions:F.map(s=>({label:s.accountName,value:s.accountId}))}}}},Le=S.div`
+import{u as Se,e as we,a2 as O,a as be,ca as Ae,B as xe,a8 as U,j as t,cP as Ce,g as Pe,C as d,aX as ke,m as Fe,F as ve,dO as je,aS as Te,a4 as ze,o as Ee,q as a,t as Ve}from"./index-C7jkqxrR.js";import{b as f,n as S}from"./vendor-rkTZJa59.js";import{D as De}from"./HelpButton-B3uWY2LR-OlttS1C0.js";import{q as $e}from"./SetUpDefaultSection-Bw-ODNSn-XyoiRDtn.js";import{f as Ie}from"./SpendMgmtSetupAccountSection-BQP4OHws-IXpe5hj1.js";import{g as Oe}from"./UploadAdditionalDocumentOverlay-CGX4As30-PMvLbAD2.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./MeetingCalenderPopup-YiB2ETli-CqKaSUHn.js";import"./ChargeCardUtils-DtlGBAOG-CnFwGz8i.js";import"./CreditCardPaymentPlgSection-DkQpCIiA-CI4n-74w.js";import"./ChaseOverlay-D9_jipgQ-C9IApPhh.js";const c={titleWidth:new d(343,580,726,826),setupDetailsRowGap:new d(12,a[5],a[5]),sectionRowGap:new d(a[5],a[9],a[9]),iconWidthHeight:new d(20,a[4]),subTitlePaddingTop:new d(12,a[3]),subTitlePaddingBottom:new d(a[3],a[3]),overlayWidth:new d(100,100,59)},B="zeniAccountSetUpPage",k="payAccount",{common:Ue,commonSetUp:_,spendManagement:Be}=xe.getLocalizedStrings(),{zeniAccounts:q}=Be,{zeniAccountSetUp:z}=q,{setUp:E}=_,st=({isDisabled:e,meetingUrl:F,zeniAccountSetUpView:p,analytics:l,connectedAccountProvider:s,filesEndPoint:W,authParams:H,accountsPromoConfig:Z,onFetchLinkTokenClick:M,onBackClick:N,onEnableZeniAccountClick:G,onUpdatePrimaryFundingAccount:J,onUpdateZeniAccountClick:X,onBusinessVerificationSectionClick:K,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionClick:ee,onEstablishConnectionSuccess:te,onClickMenuIcon:ne,onEnableZeniAccountSuccess:w,onEditFileName:ie,onDeleteFile:oe,updateFilesEntity:ce,onCompanyOfficerUpdated:ae,onSendForVerificationClick:se})=>{const b=Se(),i=we(),[A,g]=f.useState(!1),{fetchState:h,companyBillPayInfo:V,isRefreshingViewInBackground:le,updateStatus:r,accountUpdateStatus:re,plaidConnectionDetails:ue,allBankAccounts:de,companyZeniAccountInfo:pe,selectedCompanyOfficer:o,primaryFundingAccount:m,allFundingAccounts:D}=p,$=O(h),x=O(r.fetchState),v=be({mode:"all",reValidateMode:"onChange",defaultValues:f.useMemo(()=>L(p),[p]),values:L(p)}),me=v.handleSubmit(y=>{l.trackEnableZeniAccounts(),G()}),fe=async(y,P)=>{const n=P[k];if(y.includes(k)){if(y.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&m?.id!=n.fundingAccount.selectedOption){const u=D.find(T=>T.id===n.fundingAccount.selectedOption);u!=null&&J(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&m?.id!=null&&m?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(T=>T.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&l.trackConnectBankLink(u.value,u.label,"zeni_accounts"),X(n.account.selectedOption,m.id,m.accType)}}};f.useEffect(()=>{!A&&o?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&o.areAdditionalDocumentsRequestedForVerification&&!o.areAdditionalDocumentsSubmittedForVerification&&o.userVerificationStatus?.code==="require_info"&&g(!0),A&&$==="In-Progress"&&h==="Completed"&&g(!1)},[o,h,$]),f.useEffect(()=>{const y=v.watch((P,{name:n})=>{n!=null&&P!=null&&Ae(()=>fe(n,P))});return()=>{y.unsubscribe()}}),f.useEffect(()=>{x==="In-Progress"&&r.fetchState==="Completed"&&w()},[w,x,r.fetchState]);const C=pe?.isZeniAccountEnabled===!0,j=V?.isBusinessVerified===!0,ge=h==="In-Progress"||h==="Not-Started";f.useEffect(()=>{x==="In-Progress"&&r.fetchState==="Completed"&&w()},[w,x,r.fetchState]);const he=j?_.setUp.setupVerifiedSubTitle:z.setupSubTitle,I=b.mode==="light"?new U(b.colors.brandColorJadeLight):new U(b.colors.brandColorJadeDark),ye=()=>{!A&&o?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&o.areAdditionalDocumentsRequestedForVerification&&!o.areAdditionalDocumentsSubmittedForVerification&&o.userVerificationStatus?.code==="require_info"?g(!0):K?.()};return t.jsxs(Re,{children:[t.jsx(Ce,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:A,onClose:()=>g(!1),style:{backgroundColor:Pe.drawerBackground},transitionDuration:250,children:t.jsx(Oe,{authParams:H,filesEndPoint:W,updateStatus:r,onEditFileName:ie,onDeleteFile:oe,updateFilesEntity:ce,companyOfficer:o,onClose:()=>g(!1),onCompanyOfficerUpdated:ae,onSendForVerificationClick:se})}),t.jsx(ke,{title:z.setupTitle,backgroundColor:b.colors.grey4,style:{zIndex:3},onBackClick:N,showMenuIcon:!C&&(i==="medium-compact"||i==="small"),onClickMenuIcon:ne,source:"ZeniAccountSetupPage"}),t.jsxs(Le,{windowSize:i,children:[t.jsx(_e,{windowSize:i,children:he}),ge?t.jsx(qe,{children:t.jsx(Fe,{size:"ExtraLarge",start:!0})}):t.jsx(ve,{...v,children:t.jsx("form",{id:R(B),onSubmit:me,children:t.jsxs(We,{windowSize:i,children:[t.jsx($e,{onClick:ye,title:E.businessVerificationTitle,subTitle:E.businessVerificationSubTitle,header:E.businessVerificationHeader,icon:{element:t.jsx(je,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:I},status:V?.businessVerificationStatus,isLoading:le,isActiveWhileLoading:!0}),t.jsx(Ie,{connectedAccountProvider:s,plaidConnectionDetails:ue,allBankAccounts:de,sectionId:k,isDisabled:e,header:q.accountSectionHeader,onFetchLinkTokenClick:M,onEstablishConnectionClick:ee,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:Y,onEstablishConnectionSuccess:te,icon:{element:t.jsx(Te,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:I},analytics:l,productType:"zeni_accounts",primaryFundingAccount:m,isAccountsEnabled:C,allFundingAccounts:D,pageName:"Zeni Account Setup",accountsPromoConfig:Z})]})})})]}),j&&!C?t.jsx(ze,{formId:R(B),primaryBtn:{label:z.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:r.fetchState==="In-Progress"||re.fetchState==="In-Progress",isDisabled:e!=null},showCancel:!1,cancelBtn:{label:Ue.strings.empty},style:{padding:`12px ${Ee.sp3}`}}):null,t.jsx(De,{isFooterRendered:j&&!C,meetingUrl:F,analytics:l,productType:"zeni_accounts"})]})},L=e=>{const{allBankAccounts:F,allFundingAccounts:p,primaryFundingAccount:l}=e;return{[k]:{fundingAccount:{selectedOption:l?.id,allOptions:p.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:l?.zeniAccountId,allOptions:F.map(s=>({label:s.accountName,value:s.accountId}))}}}},Le=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;

package/dist/assets/{ZeniCopyright-juRAWlbw-CPXEOl77.js → ZeniCopyright-CjbWU9Dc-BLwz2UDU.js}

@@ -1 +1 @@
-import{B as r,j as e}from"./index-CfctPHbv.js";function a(){const t=new Date().getFullYear(),n=r.getLocalizedStrings().common.zeniIncText.replace("__year__",t.toString());return e.jsx(e.Fragment,{children:n})}export{a};
+import{B as r,j as e}from"./index-C7jkqxrR.js";function a(){const t=new Date().getFullYear(),n=r.getLocalizedStrings().common.zeniIncText.replace("__year__",t.toString());return e.jsx(e.Fragment,{children:n})}export{a};

package/dist/assets/{ZeniTransferAmountSlider-BtI1L6UN-GWCIzf4e.js → ZeniTransferAmountSlider-BL2-PVj4-Bi0ukH0F.js}

@@ -1,4 +1,4 @@
-import{j as g,B as E,$ as L,o as i,g as j,w as S}from"./index-CfctPHbv.js";import{b,n as m}from"./vendor-rkTZJa59.js";const M=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList;function O({zeniAccountsConfigDetail:o,transferAmount:x,minStep:p,currentAccountBalance:w,setYieldEarned:$,setTotalBalance:k}){const[l,A]=b.useState(0),{depositProductConfig:h}=o.zeniAccountsConfigDetail,c=b.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>e.annualPercentageYield):[],[h?.depositProducts]),n=b.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>{const[t,r]=e.range;return r==null&&t!=null?t+25e5:r??0}):[],[h?.depositProducts]),z=e=>{const t=parseFloat(e.target.value),{returnedYield:r,totalAmount:u}=P(t);A(t),$(r),k(u)},D=e=>`${C(e)}${M.transferDrawer.calculator.sliderTooltipText}`,C=e=>e===0?c[0]:e>0&&e<1?c[1]:e>=1&&e<2?c[2]:e>=2&&e<3?c[3]:c[4],P=e=>{const t=C(e),[r,u]=e.toLocaleString().split(".",2).map(a=>parseInt(a));if(e>=0&&e<1){const a=(n[1]-n[0])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=1&&e<2){const a=(n[2]-n[1])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=2&&e<3){const a=(n[3]-n[2])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=3&&e<4){const a=(n[4]-n[3])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else return{returnedYield:f(5e6,t),totalAmount:5e6}},T=e=>{const{returnedYield:t,totalAmount:r}=P(e);A(e),k(r),$(t)},Y=b.useCallback((e,t,r,u)=>{let a=0,s=0,v=0,y=0;if(e<r[0])a=t[0];else{for(let d=0;d<r.length-1;d++)if(e>=r[d]&&e<r[d+1]){a=t[d+1],s=(r[d+1]-r[d])*u,v=e-r[d],y=v/s*u+d;break}e>=r[r.length-1]&&(a=t[t.length-1],y=r.length-1)}A(y),$(f(e,a))},[$]);return b.useEffect(()=>{const e=x+w;k(e),Y(e,c,n,p)},[x,w,k,c,p,$,n,Y]),g.jsxs(V,{sliderValue:l,children:[g.jsx(I,{sliderValue:l,type:"range",min:0,max:c.length-1,step:p,value:l,onChange:z}),g.jsx(H,{style:{width:`calc(${l/(c.length-1)*100}% - ${l*7.5}px)`}}),g.jsx(G,{sliderValue:l,style:{left:`calc(${l/(c.length-1)*100}% - ${l*10+20}px)`},children:D(l)}),g.jsx(N,{children:n.map((e,t)=>g.jsx(Q,{onClick:()=>T(t),"data-testid":L("slider-label",e.toString()),style:{left:B(t)},children:g.jsx(X,{isSelected:l>=t,children:F(e)})},t))})]})}const f=(o,x)=>{const p=x/100,w=o*Math.pow(1+p/12,12);return Math.floor(w-o)},B=o=>{switch(o){case 0:return"3%";case 1:return"28%";case 2:return"50.2%";case 3:return"74.5%";case 4:return"98%";default:return"100%"}},F=o=>o===25e4?`<${Intl.NumberFormat("en",{notation:"compact"}).format(o)}`:o===5e6?M.transferDrawer.calculator.greaterThanTwoAndHalfMillion:Intl.NumberFormat("en",{notation:"compact"}).format(o),I=m.input`
+import{j as g,B as E,$ as L,o as i,g as j,w as S}from"./index-C7jkqxrR.js";import{b,n as m}from"./vendor-rkTZJa59.js";const M=E.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList;function O({zeniAccountsConfigDetail:o,transferAmount:x,minStep:p,currentAccountBalance:w,setYieldEarned:$,setTotalBalance:k}){const[l,A]=b.useState(0),{depositProductConfig:h}=o.zeniAccountsConfigDetail,c=b.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>e.annualPercentageYield):[],[h?.depositProducts]),n=b.useMemo(()=>h?.depositProducts!=null?h?.depositProducts.map(e=>{const[t,r]=e.range;return r==null&&t!=null?t+25e5:r??0}):[],[h?.depositProducts]),z=e=>{const t=parseFloat(e.target.value),{returnedYield:r,totalAmount:u}=P(t);A(t),$(r),k(u)},D=e=>`${C(e)}${M.transferDrawer.calculator.sliderTooltipText}`,C=e=>e===0?c[0]:e>0&&e<1?c[1]:e>=1&&e<2?c[2]:e>=2&&e<3?c[3]:c[4],P=e=>{const t=C(e),[r,u]=e.toLocaleString().split(".",2).map(a=>parseInt(a));if(e>=0&&e<1){const a=(n[1]-n[0])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=1&&e<2){const a=(n[2]-n[1])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=2&&e<3){const a=(n[3]-n[2])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else if(e>=3&&e<4){const a=(n[4]-n[3])*p,s=n[r]+a*(u??0);return{returnedYield:f(s,t),totalAmount:s}}else return{returnedYield:f(5e6,t),totalAmount:5e6}},T=e=>{const{returnedYield:t,totalAmount:r}=P(e);A(e),k(r),$(t)},Y=b.useCallback((e,t,r,u)=>{let a=0,s=0,v=0,y=0;if(e<r[0])a=t[0];else{for(let d=0;d<r.length-1;d++)if(e>=r[d]&&e<r[d+1]){a=t[d+1],s=(r[d+1]-r[d])*u,v=e-r[d],y=v/s*u+d;break}e>=r[r.length-1]&&(a=t[t.length-1],y=r.length-1)}A(y),$(f(e,a))},[$]);return b.useEffect(()=>{const e=x+w;k(e),Y(e,c,n,p)},[x,w,k,c,p,$,n,Y]),g.jsxs(V,{sliderValue:l,children:[g.jsx(I,{sliderValue:l,type:"range",min:0,max:c.length-1,step:p,value:l,onChange:z}),g.jsx(H,{style:{width:`calc(${l/(c.length-1)*100}% - ${l*7.5}px)`}}),g.jsx(G,{sliderValue:l,style:{left:`calc(${l/(c.length-1)*100}% - ${l*10+20}px)`},children:D(l)}),g.jsx(N,{children:n.map((e,t)=>g.jsx(Q,{onClick:()=>T(t),"data-testid":L("slider-label",e.toString()),style:{left:B(t)},children:g.jsx(X,{isSelected:l>=t,children:F(e)})},t))})]})}const f=(o,x)=>{const p=x/100,w=o*Math.pow(1+p/12,12);return Math.floor(w-o)},B=o=>{switch(o){case 0:return"3%";case 1:return"28%";case 2:return"50.2%";case 3:return"74.5%";case 4:return"98%";default:return"100%"}},F=o=>o===25e4?`<${Intl.NumberFormat("en",{notation:"compact"}).format(o)}`:o===5e6?M.transferDrawer.calculator.greaterThanTwoAndHalfMillion:Intl.NumberFormat("en",{notation:"compact"}).format(o),I=m.input`
   width: 100%;
   &[type="range"]::-webkit-slider-runnable-track {
     height: 2px;