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

package/dist/assets/{ZeniAccountDetailPage-BU2TTiDP-DntPjYyg.js → ZeniAccountDetailPage-kwKoeRAb-yy2D4Oyh.js}

@@ -1,4 +1,4 @@
-import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs as L,o,aV as Le,f as D,bO as W,bQ as F,bR as G,F as Ne,cA as He,g as y,co as Me,_ as v,c as ue,v as w,b4 as Ee,be as Ie,a6 as Oe,C as j,fc as Ue,cO as ae,q as p,gQ as Re,as as We,b6 as Fe,av as Ge,au as Ve,b7 as Ye,at as Je,e as Z,gR as Xe,am as Ke,af as Qe,gS as Ze,k as _e,gT as qe,ay as et,fe as tt,cv as ot,m as at,Q as it,bH as nt}from"./index-BP54u7bE.js";import{b as r,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as lt}from"./BoxItem-Bcy7IYuZ-CuoCQ3AF.js";import{w as rt}from"./downloadPdf-CDvgLzWC-CFICoubl.js";import{H as ct}from"./DepositAccTransactionItem-Da0GWYei-C6IiAcvx.js";import{T as st}from"./ZeniAccountNavBarPieces-CeJHAl4O-B_tojQsK.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-BtmBVXgZ-BqS_uHfS.js";const dt=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M21.5348 3H2.31522C1.80976 3 1.4 3.44579 1.4 3.99569V19.9353C1.4 20.4852 1.80976 20.931 2.31522 20.931H21.5348C22.0402 20.931 22.45 20.4852 22.45 19.9353V3.99569C22.45 3.44579 22.0402 3 21.5348 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M13.8276 15.9677C13.4452 15.3772 12.177 14.948 10.5892 14.3603C10.1412 14.1934 10.2143 13.0237 10.413 12.8053C10.7291 12.463 10.9691 12.0577 11.1174 11.6161C11.2657 11.1744 11.3189 10.7064 11.2735 10.2428C11.3006 9.95383 11.2662 9.66242 11.1723 9.3878C11.0785 9.11317 10.9275 8.86159 10.7292 8.64967C10.5309 8.43776 10.2899 8.27033 10.0222 8.15847C9.75438 8.04661 9.4659 7.99286 9.1758 8.00076C8.8857 7.99286 8.59723 8.04661 8.32945 8.15847C8.06166 8.27033 7.82067 8.43776 7.6224 8.64967C7.42412 8.86159 7.27309 9.11317 7.17927 9.3878C7.08544 9.66242 7.05098 9.95383 7.07814 10.2428C7.03273 10.7064 7.08592 11.1744 7.23421 11.6161C7.38251 12.0577 7.62255 12.463 7.93858 12.8053C8.13728 13.0237 8.21039 14.1934 7.76237 14.3603C6.17647 14.948 4.90644 15.3772 4.52402 15.9677",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),pt=a.div`
+import{a as Te,X as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bx as L,o,aW as Le,v as z,bS as R,bU as F,bV as Y,F as Ne,cE as He,d as y,cs as Me,$ as C,h as ue,w,b5 as Ee,bf as Ie,a6 as Ue,C as j,ff as We,cS as ae,s as p,gU as Oe,at as Re,b7 as Fe,aw as Ye,av as Ge,b8 as Ve,au as Xe,m as _,gV as Je,am as Ze,af as Ke,gW as _e,k as qe,gX as Qe,az as et,fh as tt,cz as ot,M as at,J as it,bL as nt}from"./index-DYVNUtTS.js";import{b as r,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as lt}from"./BoxItem-nvtPdCwS-CiJFmSMj.js";import{w as rt}from"./downloadPdf-CHwWcCR1-BQYdnkG1.js";import{H as ct}from"./DepositAccTransactionItem-PNTL0e8v-Bf5t1weD.js";import{T as st}from"./ZeniAccountNavBarPieces-C0pq95hS-D_BEJJwy.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-UvndzJjv-DkCvzihA.js";const dt=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M21.5348 3H2.31522C1.80976 3 1.4 3.44579 1.4 3.99569V19.9353C1.4 20.4852 1.80976 20.931 2.31522 20.931H21.5348C22.0402 20.931 22.45 20.4852 22.45 19.9353V3.99569C22.45 3.44579 22.0402 3 21.5348 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M13.8276 15.9677C13.4452 15.3772 12.177 14.948 10.5892 14.3603C10.1412 14.1934 10.2143 13.0237 10.413 12.8053C10.7291 12.463 10.9691 12.0577 11.1174 11.6161C11.2657 11.1744 11.3189 10.7064 11.2735 10.2428C11.3006 9.95383 11.2662 9.66242 11.1723 9.3878C11.0785 9.11317 10.9275 8.86159 10.7292 8.64967C10.5309 8.43776 10.2899 8.27033 10.0222 8.15847C9.75438 8.04661 9.4659 7.99286 9.1758 8.00076C8.8857 7.99286 8.59723 8.04661 8.32945 8.15847C8.06166 8.27033 7.82067 8.43776 7.6224 8.64967C7.42412 8.86159 7.27309 9.11317 7.17927 9.3878C7.08544 9.66242 7.05098 9.95383 7.07814 10.2428C7.03273 10.7064 7.08592 11.1744 7.23421 11.6161C7.38251 12.0577 7.62255 12.463 7.93858 12.8053C8.13728 13.0237 8.21039 14.1934 7.76237 14.3603C6.17647 14.948 4.90644 15.3772 4.52402 15.9677",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),pt=a.div`
   display: flex;
   width: 100%;
   height: 100vh;
@@ -8,17 +8,17 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   background-color: ${e=>e.theme.colors.grey5};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
   background-color: ${e=>e.theme.colors.grey4};
-`,ie="editNickName-form",V="checkingAccountNickName",ut={tickLabelText:new it("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new j(p[3],p[8]),accountDetailHeaderPaddingBottom:new j(p[3],p[6]),accountDetailHeaderPaddingLeft:new j(p[3],p[8]),accountDetailContentMarginTop:new j(p[5],p[7]),areaChartHeight:new j(114,209),accountDetailHeaderGap:new j(18,100,184),accBtnsGap:new j(0,p[11]),styledNoTransactionIconSize:new j(60,120)},{common:H,spendManagement:ht}=Q.getLocalizedStrings(),{zeniAccounts:i}=ht,Y=Q.getLocalizedStrings().dateFormat,mt=Q.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Jt,{children:e}),he=r.memo(({accountHistory:e})=>{const h=M(),n=pe(),[m,$]=r.useState(),b=r.useMemo(()=>e.accountHistoryWithBalance.map(l=>({...l,date:l.date.toISOString()})),[e.accountHistoryWithBalance]),x=r.useCallback(l=>{let d="",c="";return l&&l[0]&&(c=B("0,0[.]00",l[0].payload?.balance?.available),d=P.zeniDate(l[0].payload?.date).format(Y.visual.DMMMYYYYFormat)),t.jsxs(Vt,{children:[t.jsx(le,{children:d}),t.jsx(le,{isSublabel:!0,children:c})]})},[]),g=r.useCallback(l=>{const{x:d,y:c}=l,{value:C}=l.payload;let z=!1;e.accountHistoryWithBalance.length>360&&(z=!0);const S=z?P.zeniDate(C).format(Y.visual.MMMformat):P.zeniDate(C).format(Y.visual.MMMDFormat);return t.jsx(zt,{translateX:d,translateY:c,children:t.jsx(Lt,{windowSize:h,dy:20,dx:-25,children:S})})},[e.accountHistoryWithBalance.length,h]),k=r.useCallback(({cx:l,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==l||m?.y!==d)&&$({x:l,y:d}),t.jsx(Yt,{cx:l,cy:d,strokeWidth:1,r:p[1]})),[m]),f=r.useMemo(()=>{const l=e.accountHistoryWithBalance.length;return l<=0?0:l>360?Math.floor(l/12):Math.floor(l/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(so,{children:t.jsx(po,{children:H.texts.noData})}):t.jsx(It,{children:t.jsx(Re,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(We,{data:b,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Nt,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Ht,{offset:"0%",stopColor:y.brandColorJade,stopOpacity:1}),t.jsx(Mt,{offset:"100%",stopColor:y.brandColorJade,stopOpacity:.03})]})}),t.jsx(Fe,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Ge,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:l=>g(l),padding:{right:p[4]},interval:f}),t.jsx(Ve,{tick:!1,axisLine:!1}),t.jsx(Ye,{position:m,content:({payload:l})=>x(l),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(Je,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=r.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:b,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const f=M(),l=r.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(bt,{windowSize:f,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(Dt,{children:[t.jsx(he,{accountHistory:l}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Wt,{onClick:n,"data-testid":v("view-account-detail-button"),children:[t.jsx(ao,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Ft,{"data-testid":v("download-bank-verification-letter"),onClick:()=>rt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[b?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(io,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.bankLetter}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.bankLetter})]})]})]})]}),e.transactionList.length>0?t.jsxs($t,{windowSize:f,children:[t.jsxs(jt,{children:[t.jsx(Zt,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(_t,{onClick:g,"data-testid":v("view-all-account-transactions"),children:[t.jsx(eo,{children:i.zeniAccountDetail.viewAll}),t.jsx(qt,{})]}):null]}),t.jsx(kt,{children:e.transactionList.map((d,c)=>t.jsx(ct,{data:d,boxType:lt(c,e.transactionList.length)},d.id))})]}):t.jsxs(gt,{children:[t.jsx(ft,{windowSize:f}),t.jsx(yt,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const So=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:b,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:f,onEditNameClick:l,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:C}=c,[z,S]=r.useState(!1),[E,I]=r.useState(!1),[_,xe]=r.useState(!1),q=M(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||P.hasAnyFinOpRole(ee.loggedInUserRoleMap);r.useEffect(()=>{const s=setTimeout(()=>{n.fetchState==="Completed"&&n.accountDetail?.accountBalance.available.amount===0&&!te&&g("transfer",n.accountDetail)},500);return()=>{clearTimeout(s)}},[n.accountDetail?.id,n.fetchState,te]),r.useEffect(()=>{_===!0&&setTimeout(()=>{xe(!1)},800)},[_]);const ge=n.transactionList.length>4,O=pe(),[fe,ye]=r.useState(!1),[$e,U]=r.useState(!1),R=n.accountUpdateStatus.editName.fetchState,oe=Be(R),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?U(!0):g(s,n.accountDetail)},we={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},be={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};r.useEffect(()=>{oe==="In-Progress"&&R==="Completed"&&(I(!1),c.reset())},[oe,R,c]),r.useEffect(()=>{E&&C(V)},[E,C]);const ke={pageName:"detailPage",onOptionSelection:je},ve=n.accountDetail?.accountName??"",A=n.accountSummary,Ce=c.handleSubmit(s=>{l?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),U(!1)},onCancelClick:()=>{U(!1)}},De=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},ze=r.useCallback(s=>{let T=null;switch(s){case"insuredBalance":T=t.jsx(t.Fragment,{});break;case"totalInterest":T=t.jsx(co,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":T=t.jsxs(lo,{children:[t.jsx(no,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.available)})]})]});break}return t.jsx(N,{children:t.jsx(L,{style:{textAlign:"left",padding:o.sp1},maxWidth:De(s),display:"flex",placement:q==="small"?"bottom":"top",title:T,children:t.jsx(ro,{})})})},[A,q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(wt,{children:[t.jsx(Le,{title:ve,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:O.colors.grey4,style:{zIndex:3,...D.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),z?t.jsx(W,{titleComponent:t.jsx(G,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(F,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${H.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:we}):null,$e?t.jsx(W,{titleComponent:t.jsx(G,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(F,{children:i.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:i.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:i.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Se,secondaryButtonWidth:130,primaryButtonWidth:130}):null,E?t.jsx(W,{titleComponent:t.jsx(G,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(F,{children:i.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:i.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:i.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:ie,action:be,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(Ne,{...c,children:t.jsx("form",{id:ie,onSubmit:Ce,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:V,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Me(c.formState.errors,V)===!0?y.importantLight:O.colors.background,border:`1px solid ${O.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:ze,onAccountDetailClick:x,onViewAllTransactionClick:b,setShowLoader:ye,showLoader:fe,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(At,{children:[t.jsx(Tt,{onClick:d,"data-testid":v("account-detail-reload"),children:t.jsx(Bt,{})}),t.jsx(Pt,{children:mt.reloadPage.label})]}):t.jsx(pt,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},xt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=M(),[m,$]=r.useState(!1),[,b]=Ue(),[x,g]=r.useState(!1),k=()=>{b(e.accountDetail?.accountNumber??""),g(!0)};return r.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(vt,{children:[t.jsxs(Ct,{children:[t.jsx(Gt,{children:t.jsxs(re,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(Qt,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles:D.h2Regular.cssObject,decimalStyles:D.h5Medium.cssObject})}):null}),m?t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.accountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(Kt,{"data-testid":v("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?H.copyToClipBoard.copied:H.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(oo,{}):t.jsx(to,{onClick:k,"data-testid":v("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Xt,{"data-testid":v("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(re,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ot,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject}),t.jsx(Ut,{}),t.jsx(Rt,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},gt=a.div`
+`,ie="editNickName-form",G="checkingAccountNickName",ut={tickLabelText:new it("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new j(p[3],p[8]),accountDetailHeaderPaddingBottom:new j(p[3],p[6]),accountDetailHeaderPaddingLeft:new j(p[3],p[8]),accountDetailContentMarginTop:new j(p[5],p[7]),areaChartHeight:new j(114,209),accountDetailHeaderGap:new j(18,100,184),accBtnsGap:new j(0,p[11]),styledNoTransactionIconSize:new j(60,120)},{common:H,spendManagement:ht}=K.getLocalizedStrings(),{zeniAccounts:i}=ht,V=K.getLocalizedStrings().dateFormat,mt=K.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Xt,{children:e}),he=r.memo(({accountHistory:e})=>{const h=M(),n=pe(),[m,$]=r.useState(),b=r.useMemo(()=>e.accountHistoryWithBalance.map(l=>({...l,date:l.date.toISOString()})),[e.accountHistoryWithBalance]),x=r.useCallback(l=>{let d="",c="";return l&&l[0]&&(c=B("0,0[.]00",l[0].payload?.balance?.available),d=P.zeniDate(l[0].payload?.date).format(V.visual.DMMMYYYYFormat)),t.jsxs(Gt,{children:[t.jsx(le,{children:d}),t.jsx(le,{isSublabel:!0,children:c})]})},[]),g=r.useCallback(l=>{const{x:d,y:c}=l,{value:v}=l.payload;let D=!1;e.accountHistoryWithBalance.length>360&&(D=!0);const S=D?P.zeniDate(v).format(V.visual.MMMformat):P.zeniDate(v).format(V.visual.MMMDFormat);return t.jsx(Dt,{translateX:d,translateY:c,children:t.jsx(Lt,{windowSize:h,dy:20,dx:-25,children:S})})},[e.accountHistoryWithBalance.length,h]),k=r.useCallback(({cx:l,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==l||m?.y!==d)&&$({x:l,y:d}),t.jsx(Vt,{cx:l,cy:d,strokeWidth:1,r:p[1]})),[m]),f=r.useMemo(()=>{const l=e.accountHistoryWithBalance.length;return l<=0?0:l>360?Math.floor(l/12):Math.floor(l/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(so,{children:t.jsx(po,{children:H.texts.noData})}):t.jsx(It,{children:t.jsx(Oe,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(Re,{data:b,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Nt,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Ht,{offset:"0%",stopColor:y.brandColorJade,stopOpacity:1}),t.jsx(Mt,{offset:"100%",stopColor:y.brandColorJade,stopOpacity:.03})]})}),t.jsx(Fe,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Ye,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:l=>g(l),padding:{right:p[4]},interval:f}),t.jsx(Ge,{tick:!1,axisLine:!1}),t.jsx(Ve,{position:m,content:({payload:l})=>x(l),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(Xe,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=r.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:b,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const f=M(),l=r.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(bt,{windowSize:f,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(zt,{children:[t.jsx(he,{accountHistory:l}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Rt,{onClick:n,"data-testid":C("view-account-detail-button"),children:[t.jsx(ao,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Ft,{"data-testid":C("download-bank-verification-letter"),onClick:()=>rt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[b?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(io,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.bankLetter}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.bankLetter})]})]})]})]}),e.transactionList.length>0?t.jsxs($t,{windowSize:f,children:[t.jsxs(jt,{children:[t.jsx(_t,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(qt,{onClick:g,"data-testid":C("view-all-account-transactions"),children:[t.jsx(eo,{children:i.zeniAccountDetail.viewAll}),t.jsx(Qt,{})]}):null]}),t.jsx(kt,{children:e.transactionList.map((d,c)=>t.jsx(ct,{data:d,boxType:lt(c,e.transactionList.length)},d.id))})]}):t.jsxs(gt,{children:[t.jsx(ft,{windowSize:f}),t.jsx(yt,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const So=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:b,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:f,onEditNameClick:l,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:v}=c,[D,S]=r.useState(!1),[E,I]=r.useState(!1),[q,xe]=r.useState(!1),Q=M(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||P.hasAnyFinOpRole(ee.loggedInUserRoleMap);r.useEffect(()=>{const s=setTimeout(()=>{n.fetchState==="Completed"&&n.accountDetail?.accountBalance.available.amount===0&&!te&&g("transfer",n.accountDetail)},500);return()=>{clearTimeout(s)}},[n.accountDetail?.id,n.fetchState,te]),r.useEffect(()=>{q===!0&&setTimeout(()=>{xe(!1)},800)},[q]);const ge=n.transactionList.length>4,U=pe(),[fe,ye]=r.useState(!1),[$e,W]=r.useState(!1),O=n.accountUpdateStatus.editName.fetchState,oe=Be(O),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?W(!0):g(s,n.accountDetail)},we={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},be={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};r.useEffect(()=>{oe==="In-Progress"&&O==="Completed"&&(I(!1),c.reset())},[oe,O,c]),r.useEffect(()=>{E&&v(G)},[E,v]);const ke={pageName:"detailPage",onOptionSelection:je},Ce=n.accountDetail?.accountName??"",A=n.accountSummary,ve=c.handleSubmit(s=>{l?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),W(!1)},onCancelClick:()=>{W(!1)}},ze=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},De=r.useCallback(s=>{let T=null;switch(s){case"insuredBalance":T=t.jsx(t.Fragment,{});break;case"totalInterest":T=t.jsx(co,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":T=t.jsxs(lo,{children:[t.jsx(no,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(X,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(Z,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(X,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(Z,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(X,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(Z,{children:B("0,0[.]00",A?.totalBalance.available)})]})]});break}return t.jsx(N,{children:t.jsx(L,{style:{textAlign:"left",padding:o.sp1},maxWidth:ze(s),display:"flex",placement:Q==="small"?"bottom":"top",title:T,children:t.jsx(ro,{})})})},[A,Q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(wt,{children:[t.jsx(Le,{title:Ce,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:U.colors.grey4,style:{zIndex:3,...z.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),D?t.jsx(R,{titleComponent:t.jsx(Y,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(F,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${H.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:we}):null,$e?t.jsx(R,{titleComponent:t.jsx(Y,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(F,{children:i.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:i.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:i.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Se,secondaryButtonWidth:130,primaryButtonWidth:130}):null,E?t.jsx(R,{titleComponent:t.jsx(Y,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(F,{children:i.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:i.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:i.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:ie,action:be,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(Ne,{...c,children:t.jsx("form",{id:ie,onSubmit:ve,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:G,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Me(c.formState.errors,G)===!0?y.importantLight:U.colors.background,border:`1px solid ${U.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:De,onAccountDetailClick:x,onViewAllTransactionClick:b,setShowLoader:ye,showLoader:fe,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(At,{children:[t.jsx(Tt,{onClick:d,"data-testid":C("account-detail-reload"),children:t.jsx(Bt,{})}),t.jsx(Pt,{children:mt.reloadPage.label})]}):t.jsx(pt,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},xt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=M(),[m,$]=r.useState(!1),[,b]=We(),[x,g]=r.useState(!1),k=()=>{b(e.accountDetail?.accountNumber??""),g(!0)};return r.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(Ct,{children:[t.jsxs(vt,{children:[t.jsx(Yt,{children:t.jsxs(re,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(Kt,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles:z.h2Regular.cssObject,decimalStyles:z.h5Medium.cssObject})}):null}),m?t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.accountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(Zt,{"data-testid":C("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?H.copyToClipBoard.copied:H.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(oo,{}):t.jsx(to,{onClick:k,"data-testid":C("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Jt,{"data-testid":C("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(re,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ut,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:z.largeRegular.cssObject,decimalStyles:z.smallRegular.cssObject}),t.jsx(Wt,{}),t.jsx(Ot,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},gt=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,ft=a(Ze)`
+`,ft=a(_e)`
   width: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   height: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   margin-top: 128px;
   margin-bottom: ${o.sp3};
-`,yt=a(Z)`
+`,yt=a(_)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
 `,$t=a.div`
@@ -51,18 +51,18 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
 `,kt=a.div`
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${o.sp2};
-`,vt=a.div`
+`,Ct=a.div`
   display: flex;
   gap: ${o.sp3};
   flex-direction: column;
   justify-content: space-between;
-`,Ct=a.div``,St=a.div``,Dt=a.div`
+`,vt=a.div``,St=a.div``,zt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex: 1;
   flex-direction: column;
   justify-content: flex-end;
-`,zt=a.g`
+`,Dt=a.g`
   transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
 `,At=a.div`
   display: flex;
@@ -89,7 +89,7 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Pt=a(Oe)`
+`,Pt=a(Ue)`
   margin-top: ${o.sp3};
   color: ${e=>e.theme.colors.hero};
 `,Bt=a(Ie)`
@@ -120,11 +120,11 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
       }
     }
   }
-`,Ot=a.div`
+`,Ut=a.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
-`,Ut=a.div`
+`,Wt=a.div`
   align-self: center;
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
@@ -132,10 +132,10 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   height: ${o.sp1};
   margin: ${o.sp0} ${o.sp1};
   margin-top: 2px;
-`,Rt=a(at)`
+`,Ot=a(at)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${o.sp1};
-`,Wt=a.div`
+`,Rt=a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -165,10 +165,10 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
     }
   }
   margin-right: ${o.sp3};
-`,Gt=a(w)`
+`,Yt=a(w)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,Vt=a.div`
+`,Gt=a.div`
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -180,7 +180,7 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   border-radius: ${o.sp1};
   padding: ${o.sp0} ${o.sp2};
   background-color: ${y.blackColor};
-`,Yt=a.circle`
+`,Vt=a.circle`
   stroke: ${e=>e.theme.colors.brandColorJade};
   fill: ${e=>e.theme.colors.grey5};
 `,le=a(w)`
@@ -188,37 +188,37 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
 `,re=a.div`
   display: flex;
   gap: ${o.sp1};
-`,Jt=a(w)`
+`,Xt=a(w)`
   color: ${e=>e.theme.colors.hero};
-`,ce=a(_e)`
+`,ce=a(qe)`
   text-transform: capitalize;
   color: ${e=>`${e.windowSize==="small"?e.theme.colors.hero:e.theme.colors.champion}`};
   display: flex;
   align-items: center;
-`,Xt=a(ot)`
+`,Jt=a(ot)`
   height: ${o.sp3};
   width: ${o.sp3};
   margin-left: ${o.sp2};
   margin-right: ${o.sp2};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,Kt=a(qe)`
+`,Zt=a(Qe)`
   height: ${o.sp3};
   width: ${o.sp3};
   margin-left: ${o.sp2};
   margin-right: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,Qt=a.div`
+`,Kt=a.div`
   display: flex;
   align-items: baseline;
   color: ${e=>e.theme.colors.primary};
-`,se=a(Z)`
+`,se=a(_)`
   margin-left: ${o.sp2};
 `,de=a(w)`
   margin-left: ${o.sp2};
-`,Zt=a(Ke)`
+`,_t=a(Ze)`
   color: ${e=>e.theme.colors.primary};
-`,_t=a.div`
+`,qt=a.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -231,11 +231,11 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,qt=a(Qe)`
+`,Qt=a(Ke)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.grey1};
-`,eo=a(Z)`
+`,eo=a(_)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${o.sp2};
 `,N=a.div`
@@ -262,7 +262,7 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   width: ${o.sp4};
   min-width: ${o.sp4};
   height: ${o.sp4};
-`,io=a(Xe)`
+`,io=a(Je)`
   width: ${o.sp4};
   min-width: ${o.sp4};
   height: ${o.sp4};
@@ -273,14 +273,14 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   padding: 12px ${o.sp3};
   color: ${e=>e.theme.colors.hero};
   border-radius: ${o.sp1};
-`,J=a(w)`
+`,X=a(w)`
   color: ${e=>e.theme.colors.brandColorPearl};
   margin-top: ${o.sp2};
   display: flex;
   justify-content: space-between;
-`,X=a.div`
+`,J=a.div`
   color: ${e=>e.theme.colors.hero};
-`,K=a.div`
+`,Z=a.div`
   color: ${y.primaryDark};
 `,ro=a(Ee)`
   width: ${o.sp3};

package/dist/assets/{ZeniAccountListViewPage-DbcnkYvX-rxgnFm8v.js → ZeniAccountListViewPage-15LxhIiI-3EkZXZhB.js}

@@ -1,4 +1,4 @@
-import{X as Q,a as Ie,a2 as _e,u as De,ab as Ee,M as X,a1 as Fe,j as t,bO as W,g as o,F as Ge,o as n,cA as Ue,co as Ne,bQ as ne,bR as ie,gN as Oe,a0 as G,bs as fe,aV as Re,f as z,Z as We,e as Ye,k as Ve,bB as Ze,b4 as ye,v as b,w as qe,l as Je,cO as F,_ as U,C as j,m as H,f7 as Ke,Q as Qe,h as Xe,n as He,cq as et,bH as tt,fy as nt,q as u,dI as it,fg as ot,gO as rt,K as st,f9 as at,be as ct,a6 as lt}from"./index-BP54u7bE.js";import{b as g,n as i}from"./vendor-CnQcJ2Lu.js";import{r as dt}from"./auto-transfer-rule-mbafm5D3-D6YoufI_.js";import{o as pt}from"./shield-DOlUxcFf-BCUrujod.js";import{T as ut}from"./ZeniAccountNavBarPieces-CeJHAl4O-B_tojQsK.js";import{v as mt}from"./ZeniTransferAmountSlider-di46G5TN-Crpvkv3z.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const 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}}}=X.getLocalizedStrings(),gt=({yieldPercentage:e=4.35,insuredAmount:a=5e5,onGetStartedClick:$,style:C})=>{const s=Q(),v=(c,T)=>Object.entries(T).reduce((M,[L,w])=>M.replace(new RegExp(`__${L}__`,"g"),w),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(wt,{}),s!=="small"&&t.jsxs(t.Fragment,{children:[t.jsx($t,{}),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:$,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(we,{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(we,{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:$,size:"small",style:{padding:`${n.sp1} 12px`}})})]})})]})},xt=i.div`
+import{X,a as Ie,a2 as _e,u as De,ab as Ee,B as H,a1 as Fe,j as t,bS as W,d as o,F as Ge,o as n,cE as Ne,cs as Re,bU as ne,bV as ie,gR as Ue,a0 as G,bx as fe,aW as Oe,v as z,Z as We,m as Ye,k as Ve,bF as Ze,b5 as ye,w as b,Y as qe,l as Je,cS as F,$ as N,C as j,M as K,fa as Qe,J as Xe,g as He,q as Ke,cu as et,bL as tt,fB as nt,s as u,dM as it,fj as ot,gS as rt,i as st,fc as at,bf as ct,a6 as lt}from"./index-DYVNUtTS.js";import{b as g,n as i}from"./vendor-CnQcJ2Lu.js";import{r as dt}from"./auto-transfer-rule-mbafm5D3-D6YoufI_.js";import{o as pt}from"./shield-DOlUxcFf-BCUrujod.js";import{T as ut}from"./ZeniAccountNavBarPieces-C0pq95hS-D_BEJJwy.js";import{v as mt}from"./ZeniTransferAmountSlider-Did4Chpj-CHnHwXGw.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const 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}}}=H.getLocalizedStrings(),gt=({yieldPercentage:e=4.35,insuredAmount:a=5e5,onGetStartedClick:$,style:C})=>{const s=X(),S=(c,T)=>Object.entries(T).reduce((M,[L,w])=>M.replace(new RegExp(`__${L}__`,"g"),w),c),P=c=>`$${Intl.NumberFormat("en",{notation:"compact"}).format(c)}`,B=`${e}%`,f=P(a),v=[{icon:t.jsx(At,{}),title:S(m.features.yield,{yieldPercentage:B}),id:"yield"},{icon:t.jsx(zt,{}),title:S(m.features.insured,{insuredAmount:f}),id:"insured"},{icon:t.jsx(Ct,{}),title:m.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:t.jsx(St,{}),title:m.features.automation,id:"automation"}];return t.jsxs(xt,{style:C,children:[t.jsx(wt,{}),s!=="small"&&t.jsxs(t.Fragment,{children:[t.jsx($t,{}),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:v.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:$,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(we,{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:v.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(we,{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:$,size:"small",style:{padding:`${n.sp1} 12px`}})})]})})]})},xt=i.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -143,7 +143,7 @@ import{X as Q,a as Ie,a2 as _e,u as De,ab as Ee,M as X,a1 as Fe,j as t,bO as W,g
   position: relative;
   margin-top: ${e=>e.windowSize==="small"?n.sp2:"0"};
   padding: ${e=>e.windowSize==="small"?`0 ${n.sp2}`:"0"};
-`,xe=i(H)`
+`,xe=i(K)`
   color: ${o.heroLight};
   white-space: pre-line;
   text-align: ${e=>e.windowSize==="small"?"center":"left"};
@@ -173,11 +173,11 @@ import{X as Q,a as Ie,a2 as _e,u as De,ab as Ee,M as X,a1 as Fe,j as t,bO as W,g
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${o.brandColorGoldDark};
-`,vt=i(dt)`
+`,St=i(dt)`
   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 Qe("standardRegular","largeMedium")},d=X.getLocalizedStrings(),Y=e=>t.jsx(Ot,{children:e}),Pt=({fetchState:e,onReloadTransactions:a})=>e==="Error"?t.jsxs(an,{children:[t.jsx(cn,{onClick:a,"data-testid":U("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:$,analytics:C,onZeniAccountRowClick:s,onReloadTransactions:v,handleAddInternalAccountClick:P,onAddFundClick:B,onTreasuryGetStartedClick:f,treasuryYieldPercentage:S,treasuryInsuredAmount:c,showTreasuryPromo:T})=>{const{depositAccountsSelectorView:M,fetchState:L,summary:w}=e,p=Q(),I=qe(),y=I.loggedInUserRoleMap.deposit_accounts_user===!0||Je.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__",$)});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(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),t.jsx(K,{children:G("0,0[.]00",w?.totalBalance.current)})]}),t.jsxs(q,{children:[t.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),t.jsx(K,{children:G("0,0[.]00",w?.totalBalance.hold)})]}),t.jsxs(q,{children:[t.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),t.jsx(K,{children:G("0,0[.]00",w?.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,{})})})},N=r=>t.jsx(Ut,{color:Ke(r)});return t.jsx(Tt,{children:L==="Completed"?t.jsxs(pn,{windowSize:p,children:[t.jsxs(Dt,{windowSize:p,children:[t.jsxs(Nt,{windowSize:p,children:[t.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.zeniAccountList.totalAvailableBalance),A("totalBalance")]}),t.jsx(F,{amount:w?.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:w?.insuredBalance.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),t.jsx(Yt,{children:d.spendManagement.zeniAccounts.zeniAccountList.insuranceInfo.replace("__amount__",$)})]}),t.jsxs(qt,{children:[t.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.common.totalYieldEarned),A("totalInterest")]}),t.jsx(F,{amount:w?.totalInterest.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),t.jsxs(Rt,{children:[d.spendManagement.zeniAccounts.zeniAccountList.currentAverageYield,t.jsx(Wt,{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(Jt,{isClickEnabled:!0,windowSize:p,onClick:()=>s?.(r.id,r.accountName),"data-testid":U("deposit-account-clicked",r.id),children:[t.jsxs(Vt,{children:[N(k),t.jsxs(Kt,{children:[t.jsx(Qt,{windowSize:p,children:r.accountName}),t.jsxs(Xt,{windowSize:p,children:[t.jsx(Et,{children:t.jsx(Ht,{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":U("add-fund",r.id),children:t.jsx(_t,{children:d.spendManagement.zeniAccounts.zeniAccountList.addFundBtnText})})]})]},r.id)),t.jsxs(on,{onClick:P,"data-testid":U("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`
+`,vt=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 Xe("standardRegular","largeMedium")},d=H.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:$,analytics:C,onZeniAccountRowClick:s,onReloadTransactions:S,handleAddInternalAccountClick:P,onAddFundClick:B,onTreasuryGetStartedClick:f,treasuryYieldPercentage:v,treasuryInsuredAmount:c,showTreasuryPromo:T})=>{const{depositAccountsSelectorView:M,fetchState:L,summary:w}=e,p=X(),I=qe(),y=I.loggedInUserRoleMap.deposit_accounts_user===!0||Je.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__",$)});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(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),t.jsx(Q,{children:G("0,0[.]00",w?.totalBalance.current)})]}),t.jsxs(q,{children:[t.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),t.jsx(Q,{children:G("0,0[.]00",w?.totalBalance.hold)})]}),t.jsxs(q,{children:[t.jsx(J,{children:d.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),t.jsx(Q,{children:G("0,0[.]00",w?.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:Qe(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:w?.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:w?.insuredBalance.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),t.jsx(Yt,{children:d.spendManagement.zeniAccounts.zeniAccountList.insuranceInfo.replace("__amount__",$)})]}),t.jsxs(qt,{children:[t.jsxs(V,{children:[Y(d.spendManagement.zeniAccounts.common.totalYieldEarned),A("totalInterest")]}),t.jsx(F,{amount:w?.totalInterest.available,integerStyles:z.largeMedium.cssObject,decimalStyles:z.smallMedium.cssObject}),t.jsxs(Ot,{children:[d.spendManagement.zeniAccounts.zeniAccountList.currentAverageYield,t.jsx(Wt,{children:a.zeniAccountsConfigDetail.annualPercentageYield})]})]})]})]}),T===!0&&t.jsx(xn,{windowSize:p,children:t.jsx(gt,{yieldPercentage:v,insuredAmount:c,onGetStartedClick:()=>{C.trackAccountsListPageClicked("Move Money"),f?.()}})}),t.jsxs(Gt,{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(Vt,{children:[R(k),t.jsxs(Qt,{children:[t.jsx(Xt,{windowSize:p,children:r.accountName}),t.jsxs(Ht,{windowSize:p,children:[t.jsx(Et,{children:t.jsx(Kt,{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:S})})},Tt=i.div`
   display: block;
   height: 100%;
 `,Mt=i.div`
@@ -194,7 +194,7 @@ import{X as Q,a as Ie,a2 as _e,u as De,ab as Ee,M as X,a1 as Fe,j as t,bO as W,g
   :hover {
     border: 1px solid ${e=>e.theme.colors.hero};
   }
-`,_t=i(He)`
+`,_t=i(Ke)`
   color: ${e=>e.theme.colors.hero};
 `,Dt=i.div`
   margin: ${e=>x.containerTopMargin.valuePx(e.windowSize)}
@@ -214,25 +214,25 @@ import{X as Q,a as Ie,a2 as _e,u as De,ab as Ee,M as X,a1 as Fe,j as t,bO as W,g
     ${x.bankAccListBottomMargin.valuePx(e.windowSize)} ${n.sp0}`};
   width: 100%;
   padding: ${e=>`${n.sp0}  ${x.containerSidePadding.valuePx(e.windowSize)}`};
-`,Ut=i(at)`
+`,Nt=i(at)`
   min-width: ${n.sp7};
   width: ${n.sp7};
   height: ${n.sp7};
   margin-right: 12px;
-`,Nt=i.div`
+`,Rt=i.div`
   ${e=>e.windowSize!=="small"?`
         width: 50%;
 `:null}
 `,V=i.div`
   display: flex;
-`,Ot=i(b)`
+`,Ut=i(b)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${n.sp1};
-`,Rt=i(H)`
+`,Ot=i(K)`
   color: ${e=>e.theme.colors.hero};
 `,Wt=i.span`
   margin-left: 2px;
-`,Yt=i(H)`
+`,Yt=i(K)`
   color: ${e=>e.theme.colors.hero};
 `,Vt=i.div`
   display: flex;
@@ -256,23 +256,23 @@ import{X as Q,a as Ie,a2 as _e,u as De,ab as Ee,M as X,a1 as Fe,j as t,bO as W,g
     border-color: ${e=>e.theme.colors.primary};
     color: ${e=>e.isClickEnabled?e.theme.colors.champion:e.theme.colors.hero};
   }
-`,Kt=i.div`
+`,Qt=i.div`
   max-width: calc(100% - 30px);
   width: calc(100% - 40px);
   white-space: nowrap;
   overflow: hidden;
-`,Qt=i(Xe)`
+`,Xt=i(He)`
   ${e=>`${Lt.bankAccountName.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   max-width: ${`calc(100% - ${n.sp3})`};
   text-transform: capitalize;
   overflow: hidden;
-`,Xt=i.div`
+`,Ht=i.div`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"start":"center"};
-`,Ht=i(b)`
+`,Kt=i(b)`
   margin-left: ${n.sp1};
 `,en=i.div`
   width: ${n.sp1};
@@ -366,7 +366,7 @@ import{X as Q,a as Ie,a2 as _e,u as De,ab as Ee,M as X,a1 as Fe,j as t,bO as W,g
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,hn=i(St)`
+`,hn=i(vt)`
   width: ${n.sp3};
   height: ${n.sp3};
 `,Z=i(b)`
@@ -383,11 +383,11 @@ import{X as Q,a as Ie,a2 as _e,u as De,ab as Ee,M as X,a1 as Fe,j as t,bO as W,g
   display: flex;
 `,J=i.div`
   color: ${e=>e.theme.colors.hero};
-`,K=i.div`
+`,Q=i.div`
   color: ${o.primaryDark};
 `,xn=i.div`
   margin-top: ${n.sp4};
-`,{common:wn,spendManagement:{zeniAccounts:l}}=X.getLocalizedStrings(),$e="checkingAccountCreation-form",Nn=({zeniAccountListView:e,analytics:a,maxInsuredAmount:$,isBillPayEnabled:C,isExpressPayEnabled:s,onBackClick:v,onZeniAccountClick:P,onSettingsClick:B,handleMoveMoneyOptionSelection:f,onReloadTransactions:S,onCreateCheckingClick:c,onClickMenuIcon:T,onTreasuryGetStartedClick:M,showTreasuryPromo:L,treasuryYieldPercentage:w,treasuryInsuredAmount:p})=>{const I=Q(),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(),[N,r]=g.useState(!1),[k,D]=g.useState(!1),[ke,O]=g.useState(!1),[je,be]=g.useState(0),[Ae,ze]=g.useState(0),Ce=(h,R)=>{P(h,R)},ve={pageName:"listPage",onOptionSelection:h=>{h==="payBill"?(a.trackAccountsListPageClicked("Pay Someone"),O(!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(R=>R.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"),O(!1)},onCancelClick:()=>{a.trackAccountsListPageClicked("Not Now on Bills pop up"),O(!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($),$,wn.currency.currencySymbol).toUpperCase(),Me=t.jsx(ut,{onSettingsClick:B,isBillPayEnabled:C,isExpressPayEnabled:s,zeniBankProps:ve,analytics:a});return t.jsxs($n,{children:[N?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:$e,secondaryButtonText:l.zeniAccountList.createPopUpInfo.secondaryButtonText,style:{background:o.overlayLight},action:Se,children:t.jsx(Ge,{...y,children:t.jsx("form",{id:$e,onSubmit:Be,style:{height:n.sp8,width:"80%",marginBottom:n.sp5},children:t.jsx(Ue,{type:"text",name:"checkingAccountNickName",placeholder:l.zeniAccountList.createPopUpInfo.placeholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:n.sp7,textAlign:"left",width:"100%",background:Ne(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(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(yn,{children:[t.jsx(Oe,{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(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(Re,{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:w,treasuryInsuredAmount:p,showTreasuryPromo:L})})]})},$n=i.div`
+`,{common:wn,spendManagement:{zeniAccounts:l}}=H.getLocalizedStrings(),$e="checkingAccountCreation-form",Rn=({zeniAccountListView:e,analytics:a,maxInsuredAmount:$,isBillPayEnabled:C,isExpressPayEnabled:s,onBackClick:S,onZeniAccountClick:P,onSettingsClick:B,handleMoveMoneyOptionSelection:f,onReloadTransactions:v,onCreateCheckingClick:c,onClickMenuIcon:T,onTreasuryGetStartedClick:M,showTreasuryPromo:L,treasuryYieldPercentage:w,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 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,O)=>{P(h,O)},Se={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))}},ve={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($),$,wn.currency.currencySymbol).toUpperCase(),Me=t.jsx(ut,{onSettingsClick:B,isBillPayEnabled:C,isExpressPayEnabled:s,zeniBankProps:Se,analytics:a});return t.jsxs($n,{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:$e,secondaryButtonText:l.zeniAccountList.createPopUpInfo.secondaryButtonText,style:{background:o.overlayLight},action:ve,children:t.jsx(Ge,{...y,children:t.jsx("form",{id:$e,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(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(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(Sn,{})})]}),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(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: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:v,maxInsuredAmountString:te,onTreasuryGetStartedClick:M,treasuryYieldPercentage:w,treasuryInsuredAmount:p,showTreasuryPromo:L})})]})},$n=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -431,11 +431,11 @@ import{X as Q,a as Ie,a2 as _e,u as De,ab as Ee,M as X,a1 as Fe,j as t,bO as W,g
 `,Cn=i(b)`
   color: ${e=>e.theme.colors.grey1};
   display: block;
-`,vn=i(ye)`
+`,Sn=i(ye)`
   width: ${n.sp3};
   color: ${e=>e.theme.colors.hero};
   height: ${n.sp3};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;export{Nn as default};
+`;export{Rn as default};

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

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