@zeniai/web-cockpit-ui 1.15.58-qa → 1.15.59-dev

package/dist/assets/{ZeniAccountDetailPage-DlCJ5UGq-D5M3rInN.js → ZeniAccountDetailPage-DQB7sXU9-CETOq0EN.js}

@@ -1,4 +1,4 @@
-import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as ye,aS as Ve,aQ as B,bX as N,o,bE as Je,w as T,ct as J,cu as _,cv as X,ae as _e,eu as Xe,p as y,ez as Ke,ac as S,L as be,gz as Ze,x as $,ak as C,O as H,bM as Qe,dx as qe,bQ as et,aV as tt,u,h7 as ot,fn as se,an as oe,hL as at,b9 as it,b1 as nt,hM as lt,n as rt,hN as st,y as ct,hb as dt,d9 as pt,ao as ut,N as ht,cl as mt}from"./index-uV9C0lq0.js";import{a as n}from"./sentry-rcvLxAzW.js";import{n as a}from"./mui-CgOsYmSB.js";import{GO as xt,bL as K}from"./zeni-epic-state-D5MWzrZ6.js";import{$ as gt}from"./BoxItem-Yk1jfFWZ-DzXp7dNR.js";import{w as ft}from"./downloadPdf-CkATqzUx-Dc-uQGNf.js";import{Y as yt}from"./DepositAccTransactionItem-DnL2eweO-BVp_XIJO.js";import{J as bt}from"./ZeniAccountNavBarPieces-DAcKYXqh-C3pU1dfO.js";import{U as $t,F as wt,I as jt,X as Ct,Y as kt,J as vt,G as St}from"./recharts-B5a8DAKj.js";import"./liveblocks-PPyiYwu4.js";import"./core-DpPwA1EY.js";import"./lottie-CwowL814.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.js";import"./commonDimensions-Bno19oYe-Ckn-nRQz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="8344ef93-7347-4ac1-88f2-19542039cb1d",e._sentryDebugIdIdentifier="sentry-dbid-8344ef93-7347-4ac1-88f2-19542039cb1d")}catch{}})();const Dt=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.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"}),n.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.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"})),At=a.div`
+import{ay as fe,V as t,gv as Re,aa as We,e as H,a9 as Ge,bQ as Ve,gw as Ye,g as ye,aS as Fe,aQ as B,c0 as N,o,bE as Je,w as T,cy as J,cz as _,cA as X,ae as _e,eE as Xe,d as y,eJ as Ze,ac as S,L as be,bU as qe,x as $,ak as C,O as M,bM as Ke,dE as Qe,bT as et,aV as tt,u,hb as ot,fx as se,an as oe,hP as at,b9 as it,b1 as nt,hQ as lt,n as rt,hR as st,y as ct,hf as dt,dg as pt,ao as ut,N as ht,cq as mt}from"./index-aCBnCBoN.js";import{a as n}from"./sentry-DzaNjvx0.js";import{n as a}from"./mui-BosmckWV.js";import{GO as xt,bL as Z}from"./zeni-epic-state-BNpJ2txa.js";import{$ as gt}from"./BoxItem-CvCo0wr6-DKAIvhWo.js";import{w as ft}from"./downloadPdf-BuPJ6cfr-Dyz4TLVR.js";import{Y as yt}from"./DepositAccTransactionItem-7kYotKov-BnPXoaAG.js";import{J as bt}from"./ZeniAccountNavBarPieces-CHUTFAWG-DBX2rB9H.js";import{U as $t,F as wt,I as jt,X as Ct,Y as kt,J as vt,G as St}from"./recharts-CimMNwCJ.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";import"./commonDimensions-CVpc-NCw-D6CVEqC_.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="8466db3c-13b9-4419-85a4-83d6980a68ef",e._sentryDebugIdIdentifier="sentry-dbid-8466db3c-13b9-4419-85a4-83d6980a68ef")}catch{}})();const At=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.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"}),n.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.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"})),Dt=a.div`
   display: flex;
   width: 100%;
   height: 100vh;
@@ -8,7 +8,7 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
   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};
-`,ce="editNickName-form",Z="checkingAccountNickName",zt={tickLabelText:new ht("extraSmallRegular","smallRegular")},m={accountDetailHeaderPaddingRight:new $(u[3],u[8]),accountDetailHeaderPaddingBottom:new $(u[3],u[6]),accountDetailHeaderPaddingLeft:new $(u[3],u[8]),accountDetailContentMarginTop:new $(u[5],u[7]),areaChartHeight:new $(114,209),accountDetailHeaderGap:new $(18,100,184),accBtnsGap:new $(0,u[11]),styledNoTransactionIconSize:new $(60,120)},{common:E,spendManagement:Tt}=H.getLocalizedStrings(),{zeniAccounts:l}=Tt,Q=H.getLocalizedStrings().dateFormat,Pt=H.getLocalizedStrings().peoplePage,Lt=H.getLocalizedStrings(),{common:{texts:{comments:Bt},strings:{empty:Nt}},collaboration:{threads:{placeholder:{addANewComment:It,replyAComment:Et},tooltip:{resolveComment:Mt,unResolveComment:Ht}}}}=Lt,Ut={drawerSectionPaddingLeftRight:new $(u[4],u[5])},de=e=>t.jsx(bo,{children:e}),$e=n.memo(({accountHistory:e})=>{const c=M(),i=ye(),[h,x]=n.useState(),k=n.useMemo(()=>e.accountHistoryWithBalance.map(r=>({...r,date:r.date.toISOString()})),[e.accountHistoryWithBalance]),g=n.useCallback(r=>{let d="",f="";return r&&r[0]&&(f=B("0,0[.]00",r[0].payload?.balance?.available),d=K(r[0].payload?.date).format(Q.visual.DMMMYYYYFormat)),t.jsxs(fo,{children:[t.jsx(ue,{children:d}),t.jsx(ue,{isSublabel:!0,children:f})]})},[]),w=n.useCallback(r=>{const{x:d,y:f}=r,{value:p}=r.payload;let v=!1;e.accountHistoryWithBalance.length>360&&(v=!0);const U=v?K(p).format(Q.visual.MMMformat):K(p).format(Q.visual.MMMDFormat);return t.jsx(qt,{translateX:d,translateY:f,children:t.jsx(io,{windowSize:c,dy:20,dx:-25,children:U})})},[e.accountHistoryWithBalance.length,c]),b=n.useCallback(({cx:r,cy:d,dataKey:f})=>(f==="balance.available.amount"&&(h?.x!==r||h?.y!==d)&&x({x:r,y:d}),t.jsx(yo,{cx:r,cy:d,strokeWidth:1,r:u[1]})),[h]),A=n.useMemo(()=>{const r=e.accountHistoryWithBalance.length;return r<=0?0:r>360?Math.floor(r/12):Math.floor(r/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(Io,{children:t.jsx(Eo,{children:E.texts.noData})}):t.jsx(co,{children:t.jsx($t,{height:m.areaChartHeight.value(c),width:"99%",children:t.jsxs(wt,{data:k,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(no,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(lo,{offset:"0%",stopColor:y.brandColorJade,stopOpacity:1}),t.jsx(ro,{offset:"100%",stopColor:y.brandColorJade,stopOpacity:.03})]})}),t.jsx(jt,{vertical:!1,strokeWidth:2,stroke:i.colors.grey3}),t.jsx(Ct,{dataKey:"date",stroke:i.colors.grey3,tickSize:0,reversed:!0,tick:r=>w(r),padding:{right:u[4]},interval:A}),t.jsx(kt,{tick:!1,axisLine:!1}),t.jsx(vt,{position:h,content:({payload:r})=>g(r),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(St,{activeDot:b,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.brandColorJade,fill:"url(#colorUv)"})]})})})});$e.displayName="AccountBalanceGraph";const we=n.memo(({zeniAccountDetail:e,getToolTipContent:c,onAccountDetailClick:i,depositAccountId:h,downloadEndPoint:x,authParams:k,isCheckingCommentingEnabled:g=!1,showLoader:w,setShowLoader:b,onViewAllTransactionClick:A,showViewAllTransactions:r})=>{const d=M(),f=n.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(Jt,{windowSize:d,children:[t.jsx(Ot,{getToolTipContent:c,zeniAccountDetail:e}),t.jsxs(Qt,{children:[t.jsx($e,{accountHistory:f}),t.jsxs(so,{windowSize:d,children:[t.jsxs(mo,{onClick:i,"data-testid":S("view-account-detail-button"),children:[t.jsx(zo,{}),d==="small"?t.jsx(ge,{className:"btnText",children:l.zeniAccountDetail.accDetails}):t.jsx(xe,{className:"btnText",children:l.zeniAccountDetail.accDetails})]}),t.jsxs(xo,{"data-testid":S("download-bank-verification-letter"),onClick:()=>ft(`${x}/bank-verification-letter`,`${l.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,k,b),children:[w?t.jsx(be,{size:"Standard",start:!0}):t.jsx(To,{}),d==="small"?t.jsx(ge,{className:"btnText",children:l.zeniAccountDetail.bankLetter}):t.jsx(xe,{className:"btnText",children:l.zeniAccountDetail.bankLetter})]})]})]})]}),e.transactionList.length>0?t.jsxs(Yt,{windowSize:d,children:[t.jsxs(Ft,{children:[t.jsx(Co,{children:l.zeniAccountDetail.transactions}),r?t.jsxs(ko,{onClick:A,"data-testid":S("view-all-account-transactions"),children:[t.jsx(So,{children:l.zeniAccountDetail.viewAll}),t.jsx(vo,{})]}):null]}),t.jsx(_t,{children:e.transactionList.map((p,v)=>t.jsx(yt,{data:p,boxType:gt(v,e.transactionList.length),depositAccountId:h,isCheckingCommentingEnabled:g},p.id))})]}):t.jsxs(Rt,{children:[t.jsx(Wt,{windowSize:d}),t.jsx(Gt,{children:l.zeniAccountDetail.noTransactionText})]})]})});we.displayName="AccountDetailScreen";const pe=({authParams:e,downloadEndPoint:c,zeniAccountDetail:i,isBillPayEnabled:h,isCheckingCommentingEnabled:x=!1,isExpressPayEnabled:k,onViewAllTransactionClick:g,onAccountDetailClick:w,handleMoveMoneyOptionSelection:b,onBackClick:A,onCloseAccountClick:r,onEditNameClick:d,onReloadZeniAccountDetailPage:f})=>{const p=We({mode:"all"}),{setFocus:v}=p,[U,O]=n.useState(!1),[R,W]=n.useState(!1),[ae,je]=n.useState(!1),D=M(),z=fe(),Ce=Ge().analytics,{setOpenThread:ie}=n.useContext(Ye),{threads:G,isLoading:ne}=Fe(),[ke,Y]=n.useState(!1),ve=n.useMemo(()=>G.filter(s=>s.resolved===!1),[G]).length,Se=n.useCallback((s,j)=>{ie(j),Y(!1)},[ie]),le=z.loggedInUserRoleMap.deposit_accounts_user===!0||xt(z.loggedInUserRoleMap);n.useEffect(()=>{const s=setTimeout(()=>{i.fetchState==="Completed"&&i.accountDetail?.accountBalance.available.amount===0&&!le&&b("transfer",i.accountDetail)},500);return()=>{clearTimeout(s)}},[i.accountDetail?.id,i.fetchState,le]),n.useEffect(()=>{ae===!0&&setTimeout(()=>{je(!1)},800)},[ae]);const De=i.transactionList.length>4,P=ye(),[Ae,ze]=n.useState(!1),[Te,F]=n.useState(!1),V=i.accountUpdateStatus.editName.fetchState,re=Ve(V),Pe=s=>{s==="closeAccount"?O(!0):s==="editNickName"?W(!0):s==="payBill"?F(!0):b(s,i.accountDetail)},Le={onOkClick:()=>{r?.(),O(!1)},onCancelClick:()=>{O(!1)}},Be={onOkClick:()=>{},onCancelClick:()=>{p.reset(),W(!1)}};n.useEffect(()=>{re==="In-Progress"&&V==="Completed"&&(W(!1),p.reset())},[re,V,p]),n.useEffect(()=>{R&&v(Z)},[R,v]);const Ne={pageName:"detailPage",onOptionSelection:Pe},Ie=i.accountDetail?.accountName??"",L=i.accountSummary,Ee=p.handleSubmit(s=>{d?.(s.checkingAccountNickName)}),Me={onOkClick:()=>{b("payBill"),F(!1)},onCancelClick:()=>{F(!1)}},He=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},Ue=n.useCallback(s=>{let j=null;switch(s){case"insuredBalance":j=t.jsx(t.Fragment,{});break;case"totalInterest":j=t.jsx(No,{children:l.zeniAccountList.yieldTooltip});break;case"totalBalance":j=t.jsxs(Lo,{children:[t.jsx(Po,{children:l.zeniAccountList.balanceTooltip.base}),t.jsxs(q,{children:[t.jsx(ee,{children:l.zeniAccountList.balanceTooltip.balance}),t.jsx(te,{children:B("0,0[.]00",L?.totalBalance.current)})]}),t.jsxs(q,{children:[t.jsx(ee,{children:l.zeniAccountList.balanceTooltip.processing}),t.jsx(te,{children:B("0,0[.]00",L?.totalBalance.hold)})]}),t.jsxs(q,{children:[t.jsx(ee,{children:l.zeniAccountList.balanceTooltip.available}),t.jsx(te,{children:B("0,0[.]00",L?.totalBalance.available)})]})]});break}return t.jsx(I,{children:t.jsx(N,{style:{textAlign:"left",padding:o.sp1},maxWidth:He(s),display:"flex",placement:D==="small"?"bottom":"top",title:j,children:t.jsx(Bo,{})})})},[L,D]),Oe=t.jsx(bt,{zeniBankProps:Ne,isBillPayEnabled:h,isCheckingCommentingEnabled:x,isExpressPayEnabled:k,isThreadsLoading:ne,threadsCount:ve,onCommentIconClick:()=>{Y(!0),Ce.trackCommentActivity("checking","clicked",z.currentTenant?.companyName??Nt,z.controllersList.controllers.map(s=>qe(s)),void 0,void 0,"page icon")}});return t.jsxs(Vt,{children:[t.jsx(Je,{title:Ie,subTitle:i?.accountDetail?.maskedAccountNumber??"",onBackClick:A,showMenuIcon:!1,backgroundColor:P.colors.grey4,style:{zIndex:3,...T.largeSemiBold.cssObject},rightSideComponent:Oe,source:"ZeniAccountDetailPage"}),U?t.jsx(J,{titleComponent:t.jsx(X,{children:l.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(_,{children:`${l.zeniAccountDetail.closeAccountPopUp.description}${i.accountDetail?.maskedAccountNumber}${E.strings.dot}`}),primaryButtonText:l.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:l.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:Le}):null,Te?t.jsx(J,{titleComponent:t.jsx(X,{children:l.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(_,{children:l.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:l.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:l.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Me,secondaryButtonWidth:130,primaryButtonWidth:130}):null,R?t.jsx(J,{titleComponent:t.jsx(X,{children:l.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(_,{children:l.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:l.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:l.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:ce,action:Be,containerStyle:{width:"100%"},isLoading:i.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(_e,{...p,children:t.jsx("form",{id:ce,onSubmit:Ee,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(Xe,{type:"text",name:Z,defaultValue:i.accountDetail?.accountName,placeholder:i.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Ke(p.formState.errors,Z)===!0?y.importantLight:P.colors.background,border:`1px solid ${P.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,i.fetchState==="Completed"?t.jsx(we,{authParams:e,depositAccountId:i.accountDetail?.id,downloadEndPoint:c,getToolTipContent:Ue,isCheckingCommentingEnabled:x,onAccountDetailClick:w,onViewAllTransactionClick:g,setShowLoader:ze,showLoader:Ae,showViewAllTransactions:De,zeniAccountDetail:i}):i.fetchState==="Error"?t.jsxs(eo,{children:[t.jsx(to,{onClick:f,"data-testid":S("account-detail-reload"),children:t.jsx(ao,{})}),t.jsx(oo,{children:Pt.reloadPage.label})]}):t.jsx(At,{children:t.jsx(be,{size:"ExtraLarge",start:!0})}),x?t.jsx(Ze,{isDrawerOpen:ke,allowComposer:!1,drawerTitle:Bt,threads:G,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:z.currentTenant?.companyId,isGlobalComment:!1,tab:"checking"},isLoading:ne,textOverrides:{composerPlaceholder:It,replyComposerPlaceholder:Et,threadResolve:Mt,threadUnResolve:Ht},onThreadClick:(s,j)=>Se(s,j),onCloseAllThreadsDrawer:()=>Y(!1),drawerSectionStyle:{width:D==="small"?"100%":"400px",boxSizing:D==="small"?"border-box":"content-box",padding:`${o.sp0} ${Ut.drawerSectionPaddingLeftRight.valuePx(D)}`,backgroundColor:P.colors.background},collapsibleThreadStyle:{width:D==="small"?"100%":"360px"}}):null]})},qo=e=>{const c=fe().currentTenant?.companyId,i=e.zeniAccountDetail.accountDetail?.id;if(!(e.isCheckingCommentingEnabled===!0&&c!=null&&i!=null))return t.jsx(pe,{...e});const h=`dashboard_${c}`;return t.jsx(Re,{roomId:h,filter:{application:"dashboard",companyId:c,tab:"checking",groupId:i,isGlobalComment:!1},children:t.jsx(pe,{...e})})},Ot=({zeniAccountDetail:e,getToolTipContent:c})=>{const i=M(),[h,x]=n.useState(!1),[,k]=ot(),[g,w]=n.useState(!1),b=()=>{k(e.accountDetail?.accountNumber??""),w(!0)};return n.useEffect(()=>{g===!0&&setTimeout(()=>{w(!1)},800)},[g]),t.jsxs(Xt,{children:[t.jsxs(Kt,{children:[t.jsx(go,{children:t.jsxs(he,{children:[de(l.zeniAccountList.totalAvailableBalance),c("totalBalance")]})}),t.jsx(jo,{windowSize:i,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(se,{amount:e.accountDetail?.accountBalance.available,integerStyles:T.h2Regular.cssObject,decimalStyles:T.h5Medium.cssObject})}):null}),h?t.jsxs(me,{windowSize:i,children:[e.accountDetail?.accountNumber,t.jsx(I,{children:t.jsx(N,{display:"flex",placement:"top",title:l.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(wo,{"data-testid":S("hide-account-number"),onClick:()=>{x(!1)}})})}),t.jsx(I,{children:t.jsx(N,{display:"flex",placement:"right",title:g?E.copyToClipBoard.copied:E.copyToClipBoard.copy,enterDelay:600,children:g===!0?t.jsx(Ao,{}):t.jsx(Do,{onClick:b,"data-testid":S("copy-account-number")})})})]}):t.jsxs(me,{windowSize:i,children:[e.accountDetail?.maskedAccountNumber,t.jsx(I,{children:t.jsx(N,{display:"flex",placement:"top",title:l.zeniAccountDetail.show,enterDelay:600,children:t.jsx($o,{"data-testid":S("show-account-number"),onClick:()=>{x(!0)}})})})]})]}),t.jsxs(Zt,{children:[t.jsxs(he,{children:[de(l.common.totalYieldEarned),c("totalInterest")]}),t.jsxs(po,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(se,{amount:e.accountSummary?.totalInterest.available,integerStyles:T.largeRegular.cssObject,decimalStyles:T.smallRegular.cssObject}),t.jsx(uo,{}),t.jsx(ho,{children:`${l.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},Rt=a.div`
+`,ce="editNickName-form",q="checkingAccountNickName",zt={tickLabelText:new ht("extraSmallRegular","smallRegular")},m={accountDetailHeaderPaddingRight:new $(u[3],u[8]),accountDetailHeaderPaddingBottom:new $(u[3],u[6]),accountDetailHeaderPaddingLeft:new $(u[3],u[8]),accountDetailContentMarginTop:new $(u[5],u[7]),areaChartHeight:new $(114,209),accountDetailHeaderGap:new $(18,100,184),accBtnsGap:new $(0,u[11]),styledNoTransactionIconSize:new $(60,120)},{common:I,spendManagement:Tt}=M.getLocalizedStrings(),{zeniAccounts:l}=Tt,K=M.getLocalizedStrings().dateFormat,Pt=M.getLocalizedStrings().peoplePage,Lt=M.getLocalizedStrings(),{common:{texts:{comments:Bt},strings:{empty:Nt}},collaboration:{threads:{placeholder:{addANewComment:Et,replyAComment:It},tooltip:{resolveComment:Ht,unResolveComment:Mt}}}}=Lt,Ut={drawerSectionPaddingLeftRight:new $(u[4],u[5])},de=e=>t.jsx(bo,{children:e}),$e=n.memo(({accountHistory:e})=>{const c=H(),i=ye(),[h,x]=n.useState(),k=n.useMemo(()=>e.accountHistoryWithBalance.map(r=>({...r,date:r.date.toISOString()})),[e.accountHistoryWithBalance]),g=n.useCallback(r=>{let d="",f="";return r&&r[0]&&(f=B("0,0[.]00",r[0].payload?.balance?.available),d=Z(r[0].payload?.date).format(K.visual.DMMMYYYYFormat)),t.jsxs(fo,{children:[t.jsx(ue,{children:d}),t.jsx(ue,{isSublabel:!0,children:f})]})},[]),w=n.useCallback(r=>{const{x:d,y:f}=r,{value:p}=r.payload;let v=!1;e.accountHistoryWithBalance.length>360&&(v=!0);const U=v?Z(p).format(K.visual.MMMformat):Z(p).format(K.visual.MMMDFormat);return t.jsx(Qt,{translateX:d,translateY:f,children:t.jsx(io,{windowSize:c,dy:20,dx:-25,children:U})})},[e.accountHistoryWithBalance.length,c]),b=n.useCallback(({cx:r,cy:d,dataKey:f})=>(f==="balance.available.amount"&&(h?.x!==r||h?.y!==d)&&x({x:r,y:d}),t.jsx(yo,{cx:r,cy:d,strokeWidth:1,r:u[1]})),[h]),D=n.useMemo(()=>{const r=e.accountHistoryWithBalance.length;return r<=0?0:r>360?Math.floor(r/12):Math.floor(r/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(Eo,{children:t.jsx(Io,{children:I.texts.noData})}):t.jsx(co,{children:t.jsx($t,{height:m.areaChartHeight.value(c),width:"99%",children:t.jsxs(wt,{data:k,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(no,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(lo,{offset:"0%",stopColor:y.brandColorJade,stopOpacity:1}),t.jsx(ro,{offset:"100%",stopColor:y.brandColorJade,stopOpacity:.03})]})}),t.jsx(jt,{vertical:!1,strokeWidth:2,stroke:i.colors.grey3}),t.jsx(Ct,{dataKey:"date",stroke:i.colors.grey3,tickSize:0,reversed:!0,tick:r=>w(r),padding:{right:u[4]},interval:D}),t.jsx(kt,{tick:!1,axisLine:!1}),t.jsx(vt,{position:h,content:({payload:r})=>g(r),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(St,{activeDot:b,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.brandColorJade,fill:"url(#colorUv)"})]})})})});$e.displayName="AccountBalanceGraph";const we=n.memo(({zeniAccountDetail:e,getToolTipContent:c,onAccountDetailClick:i,depositAccountId:h,downloadEndPoint:x,authParams:k,isCheckingCommentingEnabled:g=!1,showLoader:w,setShowLoader:b,onViewAllTransactionClick:D,showViewAllTransactions:r})=>{const d=H(),f=n.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(Jt,{windowSize:d,children:[t.jsx(Ot,{getToolTipContent:c,zeniAccountDetail:e}),t.jsxs(Kt,{children:[t.jsx($e,{accountHistory:f}),t.jsxs(so,{windowSize:d,children:[t.jsxs(mo,{onClick:i,"data-testid":S("view-account-detail-button"),children:[t.jsx(zo,{}),d==="small"?t.jsx(ge,{className:"btnText",children:l.zeniAccountDetail.accDetails}):t.jsx(xe,{className:"btnText",children:l.zeniAccountDetail.accDetails})]}),t.jsxs(xo,{"data-testid":S("download-bank-verification-letter"),onClick:()=>ft(`${x}/bank-verification-letter`,`${l.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,k,b),children:[w?t.jsx(be,{size:"Standard",start:!0}):t.jsx(To,{}),d==="small"?t.jsx(ge,{className:"btnText",children:l.zeniAccountDetail.bankLetter}):t.jsx(xe,{className:"btnText",children:l.zeniAccountDetail.bankLetter})]})]})]})]}),e.transactionList.length>0?t.jsxs(Vt,{windowSize:d,children:[t.jsxs(Yt,{children:[t.jsx(Co,{children:l.zeniAccountDetail.transactions}),r?t.jsxs(ko,{onClick:D,"data-testid":S("view-all-account-transactions"),children:[t.jsx(So,{children:l.zeniAccountDetail.viewAll}),t.jsx(vo,{})]}):null]}),t.jsx(_t,{children:e.transactionList.map((p,v)=>t.jsx(yt,{data:p,boxType:gt(v,e.transactionList.length),depositAccountId:h,isCheckingCommentingEnabled:g},p.id))})]}):t.jsxs(Rt,{children:[t.jsx(Wt,{windowSize:d}),t.jsx(Gt,{children:l.zeniAccountDetail.noTransactionText})]})]})});we.displayName="AccountDetailScreen";const pe=({authParams:e,downloadEndPoint:c,zeniAccountDetail:i,isBillPayEnabled:h,isCheckingCommentingEnabled:x=!1,isExpressPayEnabled:k,onViewAllTransactionClick:g,onAccountDetailClick:w,handleMoveMoneyOptionSelection:b,onBackClick:D,onCloseAccountClick:r,onEditNameClick:d,onReloadZeniAccountDetailPage:f})=>{const p=We({mode:"all"}),{setFocus:v}=p,[U,O]=n.useState(!1),[R,W]=n.useState(!1),[ae,je]=n.useState(!1),A=H(),z=fe(),Ce=Ge().analytics,{setOpenThread:ie}=n.useContext(Ve),{threads:G,isLoading:ne}=Ye(),[ke,V]=n.useState(!1),ve=n.useMemo(()=>G.filter(s=>s.resolved===!1),[G]).length,Se=n.useCallback((s,j)=>{ie(j),V(!1)},[ie]),le=z.loggedInUserRoleMap.deposit_accounts_user===!0||xt(z.loggedInUserRoleMap);n.useEffect(()=>{const s=setTimeout(()=>{i.fetchState==="Completed"&&i.accountDetail?.accountBalance.available.amount===0&&!le&&b("transfer",i.accountDetail)},500);return()=>{clearTimeout(s)}},[i.accountDetail?.id,i.fetchState,le]),n.useEffect(()=>{ae===!0&&setTimeout(()=>{je(!1)},800)},[ae]);const Ae=i.transactionList.length>4,P=ye(),[De,ze]=n.useState(!1),[Te,Y]=n.useState(!1),F=i.accountUpdateStatus.editName.fetchState,re=Fe(F),Pe=s=>{s==="closeAccount"?O(!0):s==="editNickName"?W(!0):s==="payBill"?Y(!0):b(s,i.accountDetail)},Le={onOkClick:()=>{r?.(),O(!1)},onCancelClick:()=>{O(!1)}},Be={onOkClick:()=>{},onCancelClick:()=>{p.reset(),W(!1)}};n.useEffect(()=>{re==="In-Progress"&&F==="Completed"&&(W(!1),p.reset())},[re,F,p]),n.useEffect(()=>{R&&v(q)},[R,v]);const Ne={pageName:"detailPage",onOptionSelection:Pe},Ee=i.accountDetail?.accountName??"",L=i.accountSummary,Ie=p.handleSubmit(s=>{d?.(s.checkingAccountNickName)}),He={onOkClick:()=>{b("payBill"),Y(!1)},onCancelClick:()=>{Y(!1)}},Me=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},Ue=n.useCallback(s=>{let j=null;switch(s){case"insuredBalance":j=t.jsx(t.Fragment,{});break;case"totalInterest":j=t.jsx(No,{children:l.zeniAccountList.yieldTooltip});break;case"totalBalance":j=t.jsxs(Lo,{children:[t.jsx(Po,{children:l.zeniAccountList.balanceTooltip.base}),t.jsxs(Q,{children:[t.jsx(ee,{children:l.zeniAccountList.balanceTooltip.balance}),t.jsx(te,{children:B("0,0[.]00",L?.totalBalance.current)})]}),t.jsxs(Q,{children:[t.jsx(ee,{children:l.zeniAccountList.balanceTooltip.processing}),t.jsx(te,{children:B("0,0[.]00",L?.totalBalance.hold)})]}),t.jsxs(Q,{children:[t.jsx(ee,{children:l.zeniAccountList.balanceTooltip.available}),t.jsx(te,{children:B("0,0[.]00",L?.totalBalance.available)})]})]});break}return t.jsx(E,{children:t.jsx(N,{style:{textAlign:"left",padding:o.sp1},maxWidth:Me(s),display:"flex",placement:A==="small"?"bottom":"top",title:j,children:t.jsx(Bo,{})})})},[L,A]),Oe=t.jsx(bt,{zeniBankProps:Ne,isBillPayEnabled:h,isCheckingCommentingEnabled:x,isExpressPayEnabled:k,isThreadsLoading:ne,threadsCount:ve,onCommentIconClick:()=>{V(!0),Ce.trackCommentActivity("checking","clicked",z.currentTenant?.companyName??Nt,z.controllersList.controllers.map(s=>Qe(s)),void 0,void 0,"page icon")}});return t.jsxs(Ft,{children:[t.jsx(Je,{title:Ee,subTitle:i?.accountDetail?.maskedAccountNumber??"",onBackClick:D,showMenuIcon:!1,backgroundColor:P.colors.grey4,style:{zIndex:3,...T.largeSemiBold.cssObject},rightSideComponent:Oe,source:"ZeniAccountDetailPage"}),U?t.jsx(J,{titleComponent:t.jsx(X,{children:l.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(_,{children:`${l.zeniAccountDetail.closeAccountPopUp.description}${i.accountDetail?.maskedAccountNumber}${I.strings.dot}`}),primaryButtonText:l.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:l.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:Le}):null,Te?t.jsx(J,{titleComponent:t.jsx(X,{children:l.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(_,{children:l.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:l.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:l.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:He,secondaryButtonWidth:130,primaryButtonWidth:130}):null,R?t.jsx(J,{titleComponent:t.jsx(X,{children:l.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(_,{children:l.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:l.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:l.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:ce,action:Be,containerStyle:{width:"100%"},isLoading:i.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(_e,{...p,children:t.jsx("form",{id:ce,onSubmit:Ie,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(Xe,{type:"text",name:q,defaultValue:i.accountDetail?.accountName,placeholder:i.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Ze(p.formState.errors,q)===!0?y.importantLight:P.colors.background,border:`1px solid ${P.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,i.fetchState==="Completed"?t.jsx(we,{authParams:e,depositAccountId:i.accountDetail?.id,downloadEndPoint:c,getToolTipContent:Ue,isCheckingCommentingEnabled:x,onAccountDetailClick:w,onViewAllTransactionClick:g,setShowLoader:ze,showLoader:De,showViewAllTransactions:Ae,zeniAccountDetail:i}):i.fetchState==="Error"?t.jsxs(eo,{children:[t.jsx(to,{onClick:f,"data-testid":S("account-detail-reload"),children:t.jsx(ao,{})}),t.jsx(oo,{children:Pt.reloadPage.label})]}):t.jsx(Dt,{children:t.jsx(be,{size:"ExtraLarge",start:!0})}),x?t.jsx(qe,{isDrawerOpen:ke,allowComposer:!1,drawerTitle:Bt,threads:G,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:z.currentTenant?.companyId,isGlobalComment:!1,tab:"checking"},isLoading:ne,textOverrides:{composerPlaceholder:Et,replyComposerPlaceholder:It,threadResolve:Ht,threadUnResolve:Mt},onThreadClick:(s,j)=>Se(s,j),onCloseAllThreadsDrawer:()=>V(!1),drawerSectionStyle:{width:A==="small"?"100%":"400px",boxSizing:A==="small"?"border-box":"content-box",padding:`${o.sp0} ${Ut.drawerSectionPaddingLeftRight.valuePx(A)}`,backgroundColor:P.colors.background},collapsibleThreadStyle:{width:A==="small"?"100%":"360px"}}):null]})},Qo=e=>{const c=fe().currentTenant?.companyId,i=e.zeniAccountDetail.accountDetail?.id;if(!(e.isCheckingCommentingEnabled===!0&&c!=null&&i!=null))return t.jsx(pe,{...e});const h=`dashboard_${c}`;return t.jsx(Re,{roomId:h,filter:{application:"dashboard",companyId:c,tab:"checking",groupId:i,isGlobalComment:!1},children:t.jsx(pe,{...e})})},Ot=({zeniAccountDetail:e,getToolTipContent:c})=>{const i=H(),[h,x]=n.useState(!1),[,k]=ot(),[g,w]=n.useState(!1),b=()=>{k(e.accountDetail?.accountNumber??""),w(!0)};return n.useEffect(()=>{g===!0&&setTimeout(()=>{w(!1)},800)},[g]),t.jsxs(Xt,{children:[t.jsxs(Zt,{children:[t.jsx(go,{children:t.jsxs(he,{children:[de(l.zeniAccountList.totalAvailableBalance),c("totalBalance")]})}),t.jsx(jo,{windowSize:i,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(se,{amount:e.accountDetail?.accountBalance.available,integerStyles:T.h2Regular.cssObject,decimalStyles:T.h5Medium.cssObject})}):null}),h?t.jsxs(me,{windowSize:i,children:[e.accountDetail?.accountNumber,t.jsx(E,{children:t.jsx(N,{display:"flex",placement:"top",title:l.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(wo,{"data-testid":S("hide-account-number"),onClick:()=>{x(!1)}})})}),t.jsx(E,{children:t.jsx(N,{display:"flex",placement:"right",title:g?I.copyToClipBoard.copied:I.copyToClipBoard.copy,enterDelay:600,children:g===!0?t.jsx(Do,{}):t.jsx(Ao,{onClick:b,"data-testid":S("copy-account-number")})})})]}):t.jsxs(me,{windowSize:i,children:[e.accountDetail?.maskedAccountNumber,t.jsx(E,{children:t.jsx(N,{display:"flex",placement:"top",title:l.zeniAccountDetail.show,enterDelay:600,children:t.jsx($o,{"data-testid":S("show-account-number"),onClick:()=>{x(!0)}})})})]})]}),t.jsxs(qt,{children:[t.jsxs(he,{children:[de(l.common.totalYieldEarned),c("totalInterest")]}),t.jsxs(po,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(se,{amount:e.accountSummary?.totalInterest.available,integerStyles:T.largeRegular.cssObject,decimalStyles:T.smallRegular.cssObject}),t.jsx(uo,{}),t.jsx(ho,{children:`${l.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},Rt=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -21,7 +21,7 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
 `,Gt=a(oe)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
-`,Yt=a.div`
+`,Vt=a.div`
   margin-top: ${e=>m.accountDetailContentMarginTop.valuePx(e.windowSize)};
   margin-right: ${e=>m.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
   margin-left: ${e=>m.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
@@ -29,11 +29,11 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
   &:last-child {
     margin-bottom: ${o.sp8};
   }
-`,Ft=a.div`
+`,Yt=a.div`
   display: flex;
   justify-content: space-between;
   margin-bottom: ${o.sp3};
-`,Vt=a.div`
+`,Ft=a.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -56,13 +56,13 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
   gap: ${o.sp3};
   flex-direction: column;
   justify-content: space-between;
-`,Kt=a.div``,Zt=a.div``,Qt=a.div`
+`,Zt=a.div``,qt=a.div``,Kt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex: 1;
   flex-direction: column;
   justify-content: flex-end;
-`,qt=a.g`
+`,Qt=a.g`
   transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
 `,eo=a.div`
   display: flex;
@@ -238,7 +238,7 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
 `,So=a(oe)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${o.sp2};
-`,I=a.div`
+`,E=a.div`
   display: flex;
   &:hover {
     color: ${e=>e.theme.colors.primary};
@@ -246,7 +246,7 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Do=a(dt)`
+`,Ao=a(dt)`
   height: ${o.sp3};
   width: ${o.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -254,11 +254,11 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ao=a(ct)`
+`,Do=a(ct)`
   height: ${o.sp3};
   width: ${o.sp3};
   color: ${y.success};
-`,zo=a(Dt)`
+`,zo=a(At)`
   width: ${o.sp4};
   min-width: ${o.sp4};
   height: ${o.sp4};
@@ -273,7 +273,7 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
   padding: 12px ${o.sp3};
   color: ${e=>e.theme.colors.hero};
   border-radius: ${o.sp1};
-`,q=a(C)`
+`,Q=a(C)`
   color: ${e=>e.theme.colors.brandColorPearl};
   margin-top: ${o.sp2};
   display: flex;
@@ -282,7 +282,7 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
   color: ${e=>e.theme.colors.hero};
 `,te=a.div`
   color: ${y.primaryDark};
-`,Bo=a(Qe)`
+`,Bo=a(Ke)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -292,9 +292,9 @@ import{ay as fe,V as t,gn as Re,aa as We,K as M,a9 as Ge,go as Ye,gq as Fe,f as
 `,No=a(C)`
   padding: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,Io=a.div`
+`,Eo=a.div`
   height: -webkit-fill-available;
   align-self: center;
-`,Eo=a(mt)`
+`,Io=a(mt)`
   opacity: 0.25;
-`;export{qo as default};
+`;export{Qo as default};

package/dist/assets/{ZeniAccountListViewPage-DTiBd3Ze-DvMCmuRh.js → ZeniAccountListViewPage-BwXKgf6g-DrDKS22-.js}

@@ -1,4 +1,4 @@
-import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as t,ct as H,p as s,ae as ot,o as n,eu as it,ez as rt,cu as ge,cv as xe,hF as st,aQ as G,bX as Ie,bE as at,w as _,gN as ct,O as ce,as as lt,an as dt,n as pt,c3 as ut,bM as Be,ak as P,hG as mt,cg as ht,fn as O,ac as U,x as S,ao as le,gR as gt,a9 as xt,hH as wt,dx as $t,hI as yt,h5 as ft,d3 as kt,cl as bt,gc as Ct,h9 as jt,gz as At,u as g,dR as zt,fQ as vt,hJ as St,a as Lt,N as Tt,M as Pt,ap as It,h6 as Bt,bQ as Mt,aV as _t}from"./index-uV9C0lq0.js";import{a as c}from"./sentry-rcvLxAzW.js";import{n as o}from"./mui-CgOsYmSB.js";import{a as Dt}from"./liveblocks-PPyiYwu4.js";import{GO as Et}from"./zeni-epic-state-D5MWzrZ6.js";import{r as Nt}from"./auto-transfer-rule-mbafm5D3-keRK9wSo.js";import{o as Ft}from"./shield-DOlUxcFf-DrUeUva_.js";import{J as Rt}from"./ZeniAccountNavBarPieces-DAcKYXqh-C3pU1dfO.js";import{v as Gt}from"./ZeniTransferAmountSlider-CX1FGWrl-Sctz6Ol2.js";import"./core-DpPwA1EY.js";import"./lottie-CwowL814.js";import"./recharts-B5a8DAKj.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="5754d05e-e1b5-481c-b5fa-b53e9bb6983c",e._sentryDebugIdIdentifier="sentry-dbid-5754d05e-e1b5-481c-b5fa-b53e9bb6983c")}catch{}})();const Ot=e=>c.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.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"}),c.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"}),c.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:w,promoPage:we}}}=ce.getLocalizedStrings(),Ut=({yieldPercentage:e=4.35,insuredAmount:i=5e5,onGetStartedClick:u,style:m})=>{const r=V(),k=(a,z)=>Object.entries(z).reduce((L,[I,j])=>L.replace(new RegExp(`__${I}__`,"g"),j),a),$=a=>`$${Intl.NumberFormat("en",{notation:"compact"}).format(a)}`,C=`${e}%`,A=$(i),y=[{icon:t.jsx(Xt,{}),title:k(w.features.yield,{yieldPercentage:C}),id:"yield"},{icon:t.jsx(Ht,{}),title:k(w.features.insured,{insuredAmount:A}),id:"insured"},{icon:t.jsx(en,{}),title:w.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:t.jsx(tn,{}),title:w.features.automation,id:"automation"}];return t.jsxs(Vt,{style:m,children:[t.jsx(Wt,{}),r!=="small"&&t.jsxs(t.Fragment,{children:[t.jsx(Yt,{}),t.jsx(Zt,{})]}),t.jsx(qt,{windowSize:r,children:r==="small"?t.jsxs(t.Fragment,{children:[t.jsxs(Jt,{children:[t.jsx($e,{windowSize:r,children:t.jsx(ye,{windowSize:r})}),t.jsx(fe,{children:w.title})]}),t.jsx(ke,{windowSize:r,children:y.map(a=>t.jsxs(be,{windowSize:r,children:[t.jsx(Ce,{children:a.icon}),t.jsxs(je,{children:[a.title,a.showAsterisk===!0&&t.jsx(Ae,{children:"*"})]})]},a.id))}),t.jsx(Qt,{children:t.jsx(ze,{children:t.jsx(ve,{variant:"primary",label:w.button,onClick:u,size:"small",style:{padding:`${n.sp1} 12px`}})})}),t.jsx(Se,{windowSize:r,children:t.jsxs(Le,{windowSize:r,children:[w.disclaimer.split("__termsLink__")[0],t.jsx(Te,{href:we.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:w.termsLink}),w.disclaimer.split("__termsLink__")[1]]})})]}):t.jsxs(t.Fragment,{children:[t.jsx($e,{windowSize:r,children:t.jsx(ye,{windowSize:r})}),t.jsxs(Kt,{windowSize:r,children:[t.jsx(fe,{children:w.title}),t.jsx(ke,{windowSize:r,children:y.map(a=>t.jsxs(be,{windowSize:r,children:[t.jsx(Ce,{children:a.icon}),t.jsxs(je,{children:[a.title,a.showAsterisk===!0&&t.jsx(Ae,{children:"*"})]})]},a.id))}),t.jsx(Se,{windowSize:r,children:t.jsxs(Le,{windowSize:r,children:[w.disclaimer.split("__termsLink__")[0],t.jsx(Te,{href:we.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:w.termsLink}),w.disclaimer.split("__termsLink__")[1]]})})]}),t.jsx(ze,{children:t.jsx(ve,{variant:"primary",label:w.button,onClick:u,size:"small",style:{padding:`${n.sp1} 12px`}})})]})})]})},Vt=o.div`
+import{e as V,ay as W,g as Qe,bQ as Ke,aa as Xe,aS as et,a_ as tt,aR as nt,V as t,cy as X,d as s,ae as ot,o as n,eE as it,eJ as rt,cz as ge,cA as xe,hJ as st,aQ as G,c0 as Ie,bE as at,w as _,gR as ct,O as ce,as as lt,an as dt,n as pt,c8 as ut,bM as Be,ak as P,hK as mt,cl as ht,fx as O,ac as U,x as S,ao as le,gV as gt,a9 as xt,hL as wt,dE as $t,hM as ft,h9 as yt,da as kt,cq as bt,gk as Ct,hd as jt,bU as At,u as g,d$ as zt,fY as vt,hN as St,a as Lt,N as Tt,M as Pt,ap as It,ha as Bt,bT as Mt,aV as _t}from"./index-aCBnCBoN.js";import{a as c}from"./sentry-DzaNjvx0.js";import{n as o}from"./mui-BosmckWV.js";import{a as Dt}from"./liveblocks-CEY7tsth.js";import{GO as Et}from"./zeni-epic-state-BNpJ2txa.js";import{r as Ft}from"./auto-transfer-rule-mbafm5D3-Ba30im8q.js";import{o as Nt}from"./shield-DOlUxcFf-Cva3YFBn.js";import{J as Rt}from"./ZeniAccountNavBarPieces-CHUTFAWG-DBX2rB9H.js";import{v as Gt}from"./ZeniTransferAmountSlider-C77DEl-C-CZljZWCZ.js";import"./core-Cjh03OPu.js";import"./lottie-BmLFYENY.js";import"./recharts-CimMNwCJ.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="50f7b4a1-ab9d-40fd-a187-6b0629f6cc29",e._sentryDebugIdIdentifier="sentry-dbid-50f7b4a1-ab9d-40fd-a187-6b0629f6cc29")}catch{}})();const Ot=e=>c.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.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"}),c.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"}),c.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:w,promoPage:we}}}=ce.getLocalizedStrings(),Ut=({yieldPercentage:e=4.35,insuredAmount:i=5e5,onGetStartedClick:u,style:m})=>{const r=V(),k=(a,z)=>Object.entries(z).reduce((L,[I,j])=>L.replace(new RegExp(`__${I}__`,"g"),j),a),$=a=>`$${Intl.NumberFormat("en",{notation:"compact"}).format(a)}`,C=`${e}%`,A=$(i),f=[{icon:t.jsx(Kt,{}),title:k(w.features.yield,{yieldPercentage:C}),id:"yield"},{icon:t.jsx(Xt,{}),title:k(w.features.insured,{insuredAmount:A}),id:"insured"},{icon:t.jsx(en,{}),title:w.features.liquidity,showAsterisk:!0,id:"liquidity"},{icon:t.jsx(tn,{}),title:w.features.automation,id:"automation"}];return t.jsxs(Vt,{style:m,children:[t.jsx(Wt,{}),r!=="small"&&t.jsxs(t.Fragment,{children:[t.jsx(Yt,{}),t.jsx(Zt,{})]}),t.jsx(Jt,{windowSize:r,children:r==="small"?t.jsxs(t.Fragment,{children:[t.jsxs(qt,{children:[t.jsx($e,{windowSize:r,children:t.jsx(fe,{windowSize:r})}),t.jsx(ye,{children:w.title})]}),t.jsx(ke,{windowSize:r,children:f.map(a=>t.jsxs(be,{windowSize:r,children:[t.jsx(Ce,{children:a.icon}),t.jsxs(je,{children:[a.title,a.showAsterisk===!0&&t.jsx(Ae,{children:"*"})]})]},a.id))}),t.jsx(Ht,{children:t.jsx(ze,{children:t.jsx(ve,{variant:"primary",label:w.button,onClick:u,size:"small",style:{padding:`${n.sp1} 12px`}})})}),t.jsx(Se,{windowSize:r,children:t.jsxs(Le,{windowSize:r,children:[w.disclaimer.split("__termsLink__")[0],t.jsx(Te,{href:we.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:w.termsLink}),w.disclaimer.split("__termsLink__")[1]]})})]}):t.jsxs(t.Fragment,{children:[t.jsx($e,{windowSize:r,children:t.jsx(fe,{windowSize:r})}),t.jsxs(Qt,{windowSize:r,children:[t.jsx(ye,{children:w.title}),t.jsx(ke,{windowSize:r,children:f.map(a=>t.jsxs(be,{windowSize:r,children:[t.jsx(Ce,{children:a.icon}),t.jsxs(je,{children:[a.title,a.showAsterisk===!0&&t.jsx(Ae,{children:"*"})]})]},a.id))}),t.jsx(Se,{windowSize:r,children:t.jsxs(Le,{windowSize:r,children:[w.disclaimer.split("__termsLink__")[0],t.jsx(Te,{href:we.zeniTermsOfServiceLink,target:"_blank",rel:"noopener noreferrer",children:w.termsLink}),w.disclaimer.split("__termsLink__")[1]]})})]}),t.jsx(ze,{children:t.jsx(ve,{variant:"primary",label:w.button,onClick:u,size:"small",style:{padding:`${n.sp1} 12px`}})})]})})]})},Vt=o.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -59,7 +59,7 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: contain;
-`,qt=o.div`
+`,Jt=o.div`
   position: relative;
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
@@ -74,17 +74,17 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
   width: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
   height: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
   flex-shrink: 0;
-`,Jt=o.div`
+`,qt=o.div`
   display: flex;
   align-items: center;
   gap: ${n.sp2};
-`,Qt=o.div`
+`,Ht=o.div`
   display: flex;
   justify-content: flex-start;
   align-items: center;
   margin-top: ${n.sp2};
   margin-left: ${n.sp7};
-`,ye=o(vt)`
+`,fe=o(vt)`
   width: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
   height: ${e=>e.windowSize==="small"?n.sp6:n.sp9};
   color: ${s.brandColorGoldDark};
@@ -93,12 +93,12 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
     stroke: ${s.brandColorGoldDark};
     stroke-width: 1px;
   }
-`,Kt=o.div`
+`,Qt=o.div`
   display: flex;
   flex-direction: column;
   gap: ${n.sp1};
   flex: 1;
-`,fe=o(St)`
+`,ye=o(St)`
   color: ${s.brandColorGoldDark};
   margin-bottom: ${n.sp1};
 `,ke=o.div`
@@ -157,7 +157,7 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
     color: ${s.primaryLight};
     text-decoration-color: ${s.primaryLight};
   }
-`,Xt=o(Ot)`
+`,Kt=o(Ot)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${s.brandColorGoldDark};
@@ -165,7 +165,7 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
   & path {
     stroke: currentColor;
   }
-`,Ht=o(Ft)`
+`,Xt=o(Nt)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${s.brandColorGoldDark};
@@ -173,20 +173,20 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${s.brandColorGoldDark};
-`,tn=o(Nt)`
+`,tn=o(Ft)`
   width: ${n.sp3};
   height: ${n.sp3};
   color: ${s.brandColorGoldDark};
-`,nn=e=>c.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.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"}),c.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"})),f={bankAccListBottomMargin:new S(g[7],g[6]),containerWidth:new S(96,67),containerTopMargin:new S(g[4],g[6]),BankAccListTopMargin:new S(g[4],g[8]),containerSidePadding:new S(g[3],g[0]),accountRowTopBottomPadding:new S(g[3],g[4]),accountRowBottomMargin:new S(g[3],g[5]),totalInsuredAndYieldContainerTopMargin:new S(g[3],g[0])},on={bankAccountName:new Tt("standardRegular","largeMedium")},x=ce.getLocalizedStrings(),{common:{strings:{empty:ee}},collaboration:{commentOnField:rn}}=x,sn=o.div`
+`,nn=e=>c.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.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"}),c.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"})),y={bankAccListBottomMargin:new S(g[7],g[6]),containerWidth:new S(96,67),containerTopMargin:new S(g[4],g[6]),BankAccListTopMargin:new S(g[4],g[8]),containerSidePadding:new S(g[3],g[0]),accountRowTopBottomPadding:new S(g[3],g[4]),accountRowBottomMargin:new S(g[3],g[5]),totalInsuredAndYieldContainerTopMargin:new S(g[3],g[0])},on={bankAccountName:new Tt("standardRegular","largeMedium")},x=ce.getLocalizedStrings(),{common:{strings:{empty:ee}},collaboration:{commentOnField:rn}}=x,sn=o.div`
   position: relative;
-`,te=e=>t.jsx(fn,{children:e}),an=({depositAccount:e,index:i,isAccountAnalyst:u,windowSize:m,getAccIconByType:r,onAddFundBtnClick:k,isCheckingCommentingEnabled:$=!1,isCheckingThreadsLoading:C=!1,unresolvedCheckingThreadsCount:A=0,onZeniAccountRowClick:y})=>{const a=W(),z=gt(),L=xt().analytics,I=c.useCallback(j=>{j.stopPropagation();const v=`dashboard_${a.currentTenant?.companyId}`;z?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:v,companyId:a.currentTenant?.companyId??ee,companyName:a.currentTenant?.companyName??ee,entityId:e.id,entityType:wt({tab:"checking",key:"details"}),groupId:e.id,accountName:e.accountName}),L.trackCommentActivity("checking","clicked",a.currentTenant?.companyName??ee,a.controllersList.controllers.map(b=>$t(b)),void 0,void 0,rn)},[L,z?.sharedFunctions?.subtreeFunctions,e.accountName,e.id,a.controllersList.controllers,a.currentTenant?.companyId,a.currentTenant?.companyName]);return t.jsxs(sn,{children:[t.jsxs(vn,{isClickEnabled:!0,windowSize:m,onClick:()=>y?.(e.id,e.accountName),"data-testid":U("deposit-account-clicked",e.id),children:[t.jsxs(jn,{children:[r(i),t.jsxs(Sn,{children:[t.jsx(Ln,{windowSize:m,children:e.accountName}),t.jsxs(Tn,{windowSize:m,children:[t.jsx(gn,{children:t.jsx(Pn,{children:e.maskedAccountNumber})}),t.jsxs(xn,{children:[m==="small"?null:t.jsx(In,{}),t.jsx(Bn,{windowSize:m,children:x.spendManagement.zeniAccounts.zeniAccountList.active})]})]})]})]}),t.jsxs(Mn,{children:[t.jsx(O,{amount:e.accountBalance.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),u?null:t.jsx(un,{onClick:j=>{j.stopPropagation(),k(e)},"data-testid":U("add-fund",e.id),children:t.jsx(mn,{children:x.spendManagement.zeniAccounts.zeniAccountList.addFundBtnText})})]})]}),$&&A>0?t.jsx(yt,{isLoading:C,count:A,style:{position:"absolute",float:"right",right:"-12px",top:n.sp1},openThread:I}):null]})},cn=({fetchState:e,onReloadTransactions:i})=>e==="Error"?t.jsxs(Nn,{children:[t.jsx(Fn,{onClick:i,"data-testid":U("zeni-account-list-reload"),children:t.jsx(Rn,{})}),t.jsx(Gn,{children:x.peoplePage.reloadPage.label})]}):t.jsx(Ct,{fetchState:e,styles:{margin:"auto"}}),ln=({zeniAccountListView:e,zeniAccountsConfigDetail:i,maxInsuredAmountString:u,analytics:m,onZeniAccountRowClick:r,onReloadTransactions:k,handleAddInternalAccountClick:$,onAddFundClick:C,onTreasuryGetStartedClick:A,treasuryYieldPercentage:y,treasuryInsuredAmount:a,showTreasuryPromo:z,isCheckingCommentingEnabled:L=!1})=>{const{depositAccountsSelectorView:I,fetchState:j,summary:v}=e,b=V(),B=W(),Y=c.useMemo(()=>({application:"dashboard",companyId:B.currentTenant?.companyId,tab:"checking",isGlobalComment:!1}),[B.currentTenant?.companyId]),{threads:M,isLoading:R}=mt(Y,"both",!1),E=c.useMemo(()=>{const l=new Map;for(const h of M){if(h.resolved!==!1)continue;const T=h.metadata.groupId;T==null||T===""||l.set(T,(l.get(T)??0)+1)}return l},[M]),Z=B.loggedInUserRoleMap.deposit_accounts_user===!0||Et(B.loggedInUserRoleMap),q=l=>{m.trackAccountsListPageClicked("Add Funds",l.accountName,"active"),C("transfer",l)},N=l=>{switch(l){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"290px";default:return"320px"}},D=l=>{let h=t.jsx(t.Fragment,{});switch(l){case"insuredBalance":h=t.jsx(oe,{style:{width:"300px"},children:x.spendManagement.zeniAccounts.zeniAccountList.insuranceTooltip.replace("__amount__",u)});break;case"totalInterest":h=t.jsx(oe,{children:x.spendManagement.zeniAccounts.zeniAccountList.yieldTooltip});break;case"totalBalance":h=t.jsxs(oe,{style:{paddingTop:"12px",paddingBottom:"12px"},children:[t.jsx(Yn,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.base}),t.jsxs(ie,{children:[t.jsx(re,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),t.jsx(se,{children:G("0,0[.]00",v?.totalBalance.current)})]}),t.jsxs(ie,{children:[t.jsx(re,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),t.jsx(se,{children:G("0,0[.]00",v?.totalBalance.hold)})]}),t.jsxs(ie,{children:[t.jsx(re,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),t.jsx(se,{children:G("0,0[.]00",v?.totalBalance.available)})]})]});break}return t.jsx(Un,{children:t.jsx(Ie,{style:{textAlign:"left",padding:n.sp1},maxWidth:N(l),display:"flex",placement:b==="small"?"bottom":"top",title:h,children:l==="insuredBalance"?t.jsx(Wn,{}):t.jsx(Vn,{})})})},J=l=>t.jsx($n,{color:ft(l)});return ht({componentName:"checking.list",enabled:j==="Completed"}),t.jsx(dn,{children:j==="Completed"?t.jsxs(On,{windowSize:b,children:[t.jsxs(hn,{windowSize:b,children:[t.jsxs(yn,{windowSize:b,children:[t.jsxs(ne,{children:[te(x.spendManagement.zeniAccounts.zeniAccountList.totalAvailableBalance),D("totalBalance")]}),t.jsx(O,{amount:v?.totalBalance.available})]}),t.jsxs(pn,{windowSize:b,children:[t.jsxs(An,{children:[t.jsxs(ne,{children:[te(x.spendManagement.zeniAccounts.zeniAccountList.insuredFund),D("insuredBalance")]}),t.jsx(O,{amount:v?.insuredBalance.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),t.jsx(Cn,{children:x.spendManagement.zeniAccounts.zeniAccountList.insuranceInfo.replace("__amount__",u)})]}),t.jsxs(zn,{children:[t.jsxs(ne,{children:[te(x.spendManagement.zeniAccounts.common.totalYieldEarned),D("totalInterest")]}),t.jsx(O,{amount:v?.totalInterest.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),t.jsxs(kn,{children:[x.spendManagement.zeniAccounts.zeniAccountList.currentAverageYield,t.jsx(bn,{children:i.zeniAccountsConfigDetail.annualPercentageYield})]})]})]})]}),z===!0&&t.jsx(Zn,{windowSize:b,children:t.jsx(Ut,{yieldPercentage:y,insuredAmount:a,onGetStartedClick:()=>{m.trackAccountsListPageClicked("Move Money"),A?.()}})}),t.jsxs(wn,{windowSize:b,children:[I.depositAccounts.map((l,h)=>t.jsx(an,{depositAccount:l,index:h,isAccountAnalyst:Z,windowSize:b,getAccIconByType:J,onAddFundBtnClick:q,isCheckingCommentingEnabled:L,unresolvedCheckingThreadsCount:E.get(l.id)??0,isCheckingThreadsLoading:R,onZeniAccountRowClick:r},l.id)),t.jsxs(_n,{onClick:$,"data-testid":U("add-new-internal-zeni-account"),children:[t.jsx(Dn,{}),t.jsx(En,{children:x.spendManagement.zeniAccounts.zeniAccountList.addAccountText})]})]})]}):t.jsx(cn,{fetchState:j,onReloadTransactions:k})})},dn=o.div`
+`,te=e=>t.jsx(yn,{children:e}),an=({depositAccount:e,index:i,isAccountAnalyst:u,windowSize:m,getAccIconByType:r,onAddFundBtnClick:k,isCheckingCommentingEnabled:$=!1,isCheckingThreadsLoading:C=!1,unresolvedCheckingThreadsCount:A=0,onZeniAccountRowClick:f})=>{const a=W(),z=gt(),L=xt().analytics,I=c.useCallback(j=>{j.stopPropagation();const v=`dashboard_${a.currentTenant?.companyId}`;z?.sharedFunctions?.subtreeFunctions.openAllThreadsDrawer({roomId:v,companyId:a.currentTenant?.companyId??ee,companyName:a.currentTenant?.companyName??ee,entityId:e.id,entityType:wt({tab:"checking",key:"details"}),groupId:e.id,accountName:e.accountName}),L.trackCommentActivity("checking","clicked",a.currentTenant?.companyName??ee,a.controllersList.controllers.map(b=>$t(b)),void 0,void 0,rn)},[L,z?.sharedFunctions?.subtreeFunctions,e.accountName,e.id,a.controllersList.controllers,a.currentTenant?.companyId,a.currentTenant?.companyName]);return t.jsxs(sn,{children:[t.jsxs(vn,{isClickEnabled:!0,windowSize:m,onClick:()=>f?.(e.id,e.accountName),"data-testid":U("deposit-account-clicked",e.id),children:[t.jsxs(jn,{children:[r(i),t.jsxs(Sn,{children:[t.jsx(Ln,{windowSize:m,children:e.accountName}),t.jsxs(Tn,{windowSize:m,children:[t.jsx(gn,{children:t.jsx(Pn,{children:e.maskedAccountNumber})}),t.jsxs(xn,{children:[m==="small"?null:t.jsx(In,{}),t.jsx(Bn,{windowSize:m,children:x.spendManagement.zeniAccounts.zeniAccountList.active})]})]})]})]}),t.jsxs(Mn,{children:[t.jsx(O,{amount:e.accountBalance.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),u?null:t.jsx(un,{onClick:j=>{j.stopPropagation(),k(e)},"data-testid":U("add-fund",e.id),children:t.jsx(mn,{children:x.spendManagement.zeniAccounts.zeniAccountList.addFundBtnText})})]})]}),$&&A>0?t.jsx(ft,{isLoading:C,count:A,style:{position:"absolute",float:"right",right:"-12px",top:n.sp1},openThread:I}):null]})},cn=({fetchState:e,onReloadTransactions:i})=>e==="Error"?t.jsxs(Fn,{children:[t.jsx(Nn,{onClick:i,"data-testid":U("zeni-account-list-reload"),children:t.jsx(Rn,{})}),t.jsx(Gn,{children:x.peoplePage.reloadPage.label})]}):t.jsx(Ct,{fetchState:e,styles:{margin:"auto"}}),ln=({zeniAccountListView:e,zeniAccountsConfigDetail:i,maxInsuredAmountString:u,analytics:m,onZeniAccountRowClick:r,onReloadTransactions:k,handleAddInternalAccountClick:$,onAddFundClick:C,onTreasuryGetStartedClick:A,treasuryYieldPercentage:f,treasuryInsuredAmount:a,showTreasuryPromo:z,isCheckingCommentingEnabled:L=!1})=>{const{depositAccountsSelectorView:I,fetchState:j,summary:v}=e,b=V(),B=W(),Y=c.useMemo(()=>({application:"dashboard",companyId:B.currentTenant?.companyId,tab:"checking",isGlobalComment:!1}),[B.currentTenant?.companyId]),{threads:M,isLoading:R}=mt(Y,"both",!1),E=c.useMemo(()=>{const l=new Map;for(const h of M){if(h.resolved!==!1)continue;const T=h.metadata.groupId;T==null||T===""||l.set(T,(l.get(T)??0)+1)}return l},[M]),Z=B.loggedInUserRoleMap.deposit_accounts_user===!0||Et(B.loggedInUserRoleMap),J=l=>{m.trackAccountsListPageClicked("Add Funds",l.accountName,"active"),C("transfer",l)},F=l=>{switch(l){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"290px";default:return"320px"}},D=l=>{let h=t.jsx(t.Fragment,{});switch(l){case"insuredBalance":h=t.jsx(oe,{style:{width:"300px"},children:x.spendManagement.zeniAccounts.zeniAccountList.insuranceTooltip.replace("__amount__",u)});break;case"totalInterest":h=t.jsx(oe,{children:x.spendManagement.zeniAccounts.zeniAccountList.yieldTooltip});break;case"totalBalance":h=t.jsxs(oe,{style:{paddingTop:"12px",paddingBottom:"12px"},children:[t.jsx(Yn,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.base}),t.jsxs(ie,{children:[t.jsx(re,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.balance}),t.jsx(se,{children:G("0,0[.]00",v?.totalBalance.current)})]}),t.jsxs(ie,{children:[t.jsx(re,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.processing}),t.jsx(se,{children:G("0,0[.]00",v?.totalBalance.hold)})]}),t.jsxs(ie,{children:[t.jsx(re,{children:x.spendManagement.zeniAccounts.zeniAccountList.balanceTooltip.available}),t.jsx(se,{children:G("0,0[.]00",v?.totalBalance.available)})]})]});break}return t.jsx(Un,{children:t.jsx(Ie,{style:{textAlign:"left",padding:n.sp1},maxWidth:F(l),display:"flex",placement:b==="small"?"bottom":"top",title:h,children:l==="insuredBalance"?t.jsx(Wn,{}):t.jsx(Vn,{})})})},q=l=>t.jsx($n,{color:yt(l)});return ht({componentName:"checking.list",enabled:j==="Completed"}),t.jsx(dn,{children:j==="Completed"?t.jsxs(On,{windowSize:b,children:[t.jsxs(hn,{windowSize:b,children:[t.jsxs(fn,{windowSize:b,children:[t.jsxs(ne,{children:[te(x.spendManagement.zeniAccounts.zeniAccountList.totalAvailableBalance),D("totalBalance")]}),t.jsx(O,{amount:v?.totalBalance.available})]}),t.jsxs(pn,{windowSize:b,children:[t.jsxs(An,{children:[t.jsxs(ne,{children:[te(x.spendManagement.zeniAccounts.zeniAccountList.insuredFund),D("insuredBalance")]}),t.jsx(O,{amount:v?.insuredBalance.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),t.jsx(Cn,{children:x.spendManagement.zeniAccounts.zeniAccountList.insuranceInfo.replace("__amount__",u)})]}),t.jsxs(zn,{children:[t.jsxs(ne,{children:[te(x.spendManagement.zeniAccounts.common.totalYieldEarned),D("totalInterest")]}),t.jsx(O,{amount:v?.totalInterest.available,integerStyles:_.largeMedium.cssObject,decimalStyles:_.smallMedium.cssObject}),t.jsxs(kn,{children:[x.spendManagement.zeniAccounts.zeniAccountList.currentAverageYield,t.jsx(bn,{children:i.zeniAccountsConfigDetail.annualPercentageYield})]})]})]})]}),z===!0&&t.jsx(Zn,{windowSize:b,children:t.jsx(Ut,{yieldPercentage:f,insuredAmount:a,onGetStartedClick:()=>{m.trackAccountsListPageClicked("Move Money"),A?.()}})}),t.jsxs(wn,{windowSize:b,children:[I.depositAccounts.map((l,h)=>t.jsx(an,{depositAccount:l,index:h,isAccountAnalyst:Z,windowSize:b,getAccIconByType:q,onAddFundBtnClick:J,isCheckingCommentingEnabled:L,unresolvedCheckingThreadsCount:E.get(l.id)??0,isCheckingThreadsLoading:R,onZeniAccountRowClick:r},l.id)),t.jsxs(_n,{onClick:$,"data-testid":U("add-new-internal-zeni-account"),children:[t.jsx(Dn,{}),t.jsx(En,{children:x.spendManagement.zeniAccounts.zeniAccountList.addAccountText})]})]})]}):t.jsx(cn,{fetchState:j,onReloadTransactions:k})})},dn=o.div`
   display: block;
   height: 100%;
 `,pn=o.div`
   display: flex;
   justify-content: space-between;
   gap: ${n.sp5};
-  margin: ${e=>`${f.totalInsuredAndYieldContainerTopMargin.valuePx(e.windowSize)} ${n.sp0} ${n.sp0} ${n.sp0}`};
+  margin: ${e=>`${y.totalInsuredAndYieldContainerTopMargin.valuePx(e.windowSize)} ${n.sp0} ${n.sp0} ${n.sp0}`};
 `,un=o.button`
   cursor: pointer;
   border-radius: ${n.sp1};
@@ -199,35 +199,35 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
 `,mn=o(It)`
   color: ${e=>e.theme.colors.hero};
 `,hn=o.div`
-  margin: ${e=>f.containerTopMargin.valuePx(e.windowSize)}
+  margin: ${e=>y.containerTopMargin.valuePx(e.windowSize)}
     ${n.sp0} ${n.sp0} ${n.sp0};
   display: flex;
   justify-content: space-between;
   width: 100%;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  padding: ${e=>`${n.sp0} ${f.containerSidePadding.valuePx(e.windowSize)} ${n.sp0} ${f.containerSidePadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${n.sp0} ${y.containerSidePadding.valuePx(e.windowSize)} ${n.sp0} ${y.containerSidePadding.valuePx(e.windowSize)}`};
 `,gn=o.div`
   display: flex;
 `,xn=o.div`
   display: flex;
   align-items: center;
 `,wn=o.div`
-  margin: ${e=>`${f.BankAccListTopMargin.valuePx(e.windowSize)} ${n.sp0} 
-    ${f.bankAccListBottomMargin.valuePx(e.windowSize)} ${n.sp0}`};
+  margin: ${e=>`${y.BankAccListTopMargin.valuePx(e.windowSize)} ${n.sp0} 
+    ${y.bankAccListBottomMargin.valuePx(e.windowSize)} ${n.sp0}`};
   width: 100%;
-  padding: ${e=>`${n.sp0}  ${f.containerSidePadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${n.sp0}  ${y.containerSidePadding.valuePx(e.windowSize)}`};
 `,$n=o(Bt)`
   min-width: ${n.sp7};
   width: ${n.sp7};
   height: ${n.sp7};
   margin-right: 12px;
-`,yn=o.div`
+`,fn=o.div`
   ${e=>e.windowSize!=="small"?`
         width: 50%;
 `:null}
 `,ne=o.div`
   display: flex;
-`,fn=o(P)`
+`,yn=o(P)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${n.sp1};
 `,kn=o(le)`
@@ -241,15 +241,15 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
   align-items: center;
   width: calc(100% - 96px);
 `,An=o.div``,zn=o.div``,vn=o.div`
-  padding-left: ${e=>f.accountRowTopBottomPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>f.accountRowTopBottomPadding.valuePx(e.windowSize)};
-  padding-top: ${e=>f.accountRowTopBottomPadding.valuePx(e.windowSize)};
-  padding-bottom: ${e=>f.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-left: ${e=>y.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>y.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-top: ${e=>y.accountRowTopBottomPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>y.accountRowTopBottomPadding.valuePx(e.windowSize)};
   background: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal} `};
   border-radius: ${n.sp2};
-  margin-bottom: ${e=>f.accountRowBottomMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>y.accountRowBottomMargin.valuePx(e.windowSize)};
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -314,14 +314,14 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${e=>e.theme.colors.hero};
-`,En=o(bt)``,Nn=o.div`
+`,En=o(bt)``,Fn=o.div`
   display: flex;
   width: 100%;
   height: calc(100% - 60px);
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,Fn=o.div`
+`,Nn=o.div`
   height: ${n.sp12};
   width: ${n.sp12};
   background: ${e=>e.theme.colors.background};
@@ -348,7 +348,7 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
   color: ${e=>e.theme.colors.hero};
 `,On=o.div`
   max-width: 726px;
-  width: ${e=>f.containerWidth.valuePercentage(e.windowSize)};
+  width: ${e=>y.containerWidth.valuePercentage(e.windowSize)};
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -389,7 +389,7 @@ import{K as V,ay as W,f as Ke,go as Xe,aa as He,aS as et,a_ as tt,aR as nt,V as
   color: ${s.primaryDark};
 `,Zn=o.div`
   margin-top: ${n.sp4};
-`,qn=ce.getLocalizedStrings(),{common:ae,spendManagement:{zeniAccounts:p},collaboration:{threads:{placeholder:{addANewComment:Jn,replyAComment:Qn},tooltip:{resolveComment:Kn,unResolveComment:Xn}}}}=qn,Hn={drawerSectionPaddingLeftRight:new S(g[4],g[5])},eo=({roomId:e,threadData:i,isThreadsOpen:u,onClose:m,onThreadClick:r,backgroundColor:k})=>{const $=V();return!u||i?.groupId==null||i.groupId===""?null:t.jsx(Dt,{id:e,children:t.jsx(to,{threadData:i,isThreadsOpen:u,onClose:m,onThreadClick:r,windowSize:$,backgroundColor:k})})},to=({threadData:e,isThreadsOpen:i,onClose:u,onThreadClick:m,windowSize:r,backgroundColor:k})=>{const $=W(),C=c.useMemo(()=>({application:"dashboard",companyId:$.currentTenant?.companyId,tab:"checking",groupId:e?.groupId,isGlobalComment:!1}),[$.currentTenant?.companyId,e?.groupId]),{threads:A,isLoading:y}=jt({filter:C});return t.jsx(At,{isDrawerOpen:i,allowComposer:!1,drawerTitle:ae.texts.comments,threads:A,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:$.currentTenant?.companyId??ae.strings.empty,isGlobalComment:!1,tab:"checking"},isLoading:y,textOverrides:{composerPlaceholder:Jn,replyComposerPlaceholder:Qn,threadResolve:Kn,threadUnResolve:Xn},onThreadClick:(a,z)=>m(a,z),onCloseAllThreadsDrawer:u,drawerSectionStyle:{width:r==="small"?"100%":"400px",boxSizing:r==="small"?"border-box":"content-box",padding:`${n.sp0} ${Hn.drawerSectionPaddingLeftRight.valuePx(r)}`,backgroundColor:k},collapsibleThreadStyle:{width:r==="small"?"100%":"360px"}})},Pe="checkingAccountCreation-form",So=({zeniAccountListView:e,analytics:i,maxInsuredAmount:u,isBillPayEnabled:m,isCheckingCommentingEnabled:r=!1,isExpressPayEnabled:k,onBackClick:$,onZeniAccountClick:C,onSettingsClick:A,handleMoveMoneyOptionSelection:y,onReloadTransactions:a,onCreateCheckingClick:z,onClickMenuIcon:L,onTreasuryGetStartedClick:I,showTreasuryPromo:j,treasuryYieldPercentage:v,treasuryInsuredAmount:b})=>{const B=V(),Y=W(),M=Ke(),{setRequestToOpenThread:R}=c.useContext(Xe),[E,Z]=c.useState(null),[q,N]=c.useState(!1),D=c.useCallback(d=>{Z({...d}),N(!0)},[]),J=c.useCallback((d,F)=>{N(!1),R({threadId:F,companyId:d.companyId,entityType:d.entityType});const he=d.groupId;he!=null&&C(he,E?.accountName??"")},[E?.accountName,C,R]),l=c.useMemo(()=>({openAllThreadsDrawer:D}),[D]),h=He({mode:"all"}),T=e.newCheckingAccount.fetchState,de=et(T);c.useEffect(()=>{de==="In-Progress"&&T==="Completed"&&(Q(!1),K(!0),h.reset())},[de,T,h]);const[Me,Q]=c.useState(!1),[_e,K]=c.useState(!1),[De,X]=c.useState(!1),[Ee,Ne]=c.useState(0),[Fe,Re]=c.useState(0),Ge=(d,F)=>{C(d,F)},Oe={pageName:"listPage",onOptionSelection:d=>{d==="payBill"?(i.trackAccountsListPageClicked("Pay Someone"),X(!0)):(d==="sendMoney"?i.trackSendMoneyClick():d==="checkDeposit"?i.trackAccountsListPageClicked("Deposit a Check"):d==="transfer"&&i.trackAccountsListPageClicked("Transfer Between Accounts"),y(d))}},Ue={onOkClick:()=>{},onCancelClick:()=>{i.trackAccountsListPageClicked("Add Business Account Cancel"),h.reset(),Q(!1)}},Ve={onOkClick:()=>{const d=e.depositAccountsSelectorView.depositAccounts.find(F=>F.id===e.newCheckingAccount.accountId);i.trackAccountsListPageClicked("Add Business Account Add Funds"),y("transfer",d),K(!1)},onCancelClick:()=>{i.trackAccountsListPageClicked("Add Business Account Not Now"),K(!1)}},We={onOkClick:()=>{i.trackAccountsListPageClicked("Proceed on Bills pop up"),y("payBill"),X(!1)},onCancelClick:()=>{i.trackAccountsListPageClicked("Not Now on Bills pop up"),X(!1)}},Ye=h.handleSubmit(d=>{i.trackAccountsListPageClicked("Add Business Account Create"),z?.(d.checkingAccountNickName)}),pe=e.zeniAccountsConfig.zeniAccountsConfigDetail.depositProductConfig.depositProducts,Ze=pe[pe.length-1].annualPercentageYield.toString(),ue=tt(nt(u),u,ae.currency.currencySymbol).toUpperCase(),qe=t.jsx(Rt,{onSettingsClick:A,isBillPayEnabled:m,isExpressPayEnabled:k,zeniBankProps:Oe,analytics:i}),me=t.jsxs(no,{children:[Me?t.jsx(H,{titleComponent:t.jsx(xe,{children:p.zeniAccountList.createPopUpInfo.title}),descriptionComponent:t.jsx(ge,{children:p.zeniAccountList.createPopUpInfo.description}),primaryButtonText:p.zeniAccountList.createPopUpInfo.primaryButtonText,isLoading:e.newCheckingAccount.fetchState==="In-Progress",formId:Pe,secondaryButtonText:p.zeniAccountList.createPopUpInfo.secondaryButtonText,style:{background:s.overlayLight},action:Ue,children:t.jsx(ot,{...h,children:t.jsx("form",{id:Pe,onSubmit:Ye,style:{height:n.sp8,width:"80%",marginBottom:n.sp5},children:t.jsx(it,{type:"text",name:"checkingAccountNickName",placeholder:p.zeniAccountList.createPopUpInfo.placeholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:n.sp7,textAlign:"left",width:"100%",background:rt(h.formState.errors,"checkingAccountNickName")===!0?s.importantLight:M.colors.grey5,border:`1px solid ${M.colors.grey2}`},registerOptions:{required:!0,validate:d=>!!d}})})})}):null,_e?t.jsx(H,{titleComponent:t.jsx(t.Fragment,{}),descriptionComponent:t.jsx(t.Fragment,{}),primaryButtonText:p.zeniAccountList.addFundsPopUpInfo.primaryButtonText,secondaryButtonText:p.zeniAccountList.addFundsPopUpInfo.secondaryButtonText,action:Ve,primaryButtonWidth:130,secondaryButtonWidth:130,containerStyle:{minWidth:352,maxWidth:544,width:"90%"},children:t.jsxs(io,{children:[t.jsx(st,{width:150,height:150,shouldDisplay:!0,animationInLoop:1,styles:{marginBottom:-n.sp4}}),t.jsx(ro,{children:p.zeniAccountList.addFundsPopUpInfo.title}),t.jsx(so,{children:p.zeniAccountList.addFundsPopUpInfo.description.replace("__rate__",Ze).replace("__amount__",ue)}),t.jsx(Gt,{transferAmount:5e5,currentAccountBalance:0,zeniAccountsConfigDetail:e.zeniAccountsConfig,minStep:.1,setTotalBalance:Re,setYieldEarned:Ne}),t.jsxs(ao,{children:[t.jsxs(lo,{children:[p.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarned,t.jsx(co,{children:G("0,0",{amount:Ee,currencySymbol:"$"})}),t.jsx(Ie,{variant:"small-description",maxWidth:"280px",data:p.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,display:"flex",placement:"left",children:t.jsx(uo,{})})]}),t.jsxs(po,{children:[p.zeniAccountList.transferDrawer.calculator.footerText.for,Intl.NumberFormat("en",{currency:"USD",notation:"compact",style:"currency",minimumFractionDigits:0}).format(Fe)]})]})]})}):null,De?t.jsx(H,{titleComponent:t.jsx(xe,{children:p.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(ge,{children:p.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:p.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:p.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:We,primaryButtonWidth:130,secondaryButtonWidth:130}):null,t.jsx(at,{title:p.zeniAccountList.tabsById.zeniAccounts,onBackClick:$,showMenuIcon:B==="medium-compact"||B==="small",backgroundColor:M.colors.grey4,style:{zIndex:3,..._.largeSemiBold.cssObject},rightSideComponent:qe,onClickMenuIcon:L,hideSearchBtn:!0,source:"ZeniAccountListViewPage"}),t.jsx(oo,{isLoading:e.fetchState==="In-Progress",children:t.jsx(ln,{zeniAccountsConfigDetail:e.zeniAccountsConfig,zeniAccountListView:e,onZeniAccountRowClick:Ge,onAddFundClick:y,handleAddInternalAccountClick:()=>{i.trackAccountsListPageClicked("Add Business Account"),Q(!0)},analytics:i,onReloadTransactions:a,maxInsuredAmountString:ue,onTreasuryGetStartedClick:I,treasuryYieldPercentage:v,treasuryInsuredAmount:b,showTreasuryPromo:j,isCheckingCommentingEnabled:r})})]}),Je=`dashboard_${Y.currentTenant?.companyId}`,Qe=c.useMemo(()=>({sharedFunctions:{subtreeFunctions:l},sharedRef:void 0}),[l]);return r?t.jsxs(ct,{sharedItems:Qe,children:[me,t.jsx(eo,{roomId:Je,threadData:E,isThreadsOpen:q,onClose:()=>N(!1),onThreadClick:J,backgroundColor:M.colors.background})]}):me},no=o.div`
+`,Jn=ce.getLocalizedStrings(),{common:ae,spendManagement:{zeniAccounts:p},collaboration:{threads:{placeholder:{addANewComment:qn,replyAComment:Hn},tooltip:{resolveComment:Qn,unResolveComment:Kn}}}}=Jn,Xn={drawerSectionPaddingLeftRight:new S(g[4],g[5])},eo=({roomId:e,threadData:i,isThreadsOpen:u,onClose:m,onThreadClick:r,backgroundColor:k})=>{const $=V();return!u||i?.groupId==null||i.groupId===""?null:t.jsx(Dt,{id:e,children:t.jsx(to,{threadData:i,isThreadsOpen:u,onClose:m,onThreadClick:r,windowSize:$,backgroundColor:k})})},to=({threadData:e,isThreadsOpen:i,onClose:u,onThreadClick:m,windowSize:r,backgroundColor:k})=>{const $=W(),C=c.useMemo(()=>({application:"dashboard",companyId:$.currentTenant?.companyId,tab:"checking",groupId:e?.groupId,isGlobalComment:!1}),[$.currentTenant?.companyId,e?.groupId]),{threads:A,isLoading:f}=jt({filter:C});return t.jsx(At,{isDrawerOpen:i,allowComposer:!1,drawerTitle:ae.texts.comments,threads:A,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:$.currentTenant?.companyId??ae.strings.empty,isGlobalComment:!1,tab:"checking"},isLoading:f,textOverrides:{composerPlaceholder:qn,replyComposerPlaceholder:Hn,threadResolve:Qn,threadUnResolve:Kn},onThreadClick:(a,z)=>m(a,z),onCloseAllThreadsDrawer:u,drawerSectionStyle:{width:r==="small"?"100%":"400px",boxSizing:r==="small"?"border-box":"content-box",padding:`${n.sp0} ${Xn.drawerSectionPaddingLeftRight.valuePx(r)}`,backgroundColor:k},collapsibleThreadStyle:{width:r==="small"?"100%":"360px"}})},Pe="checkingAccountCreation-form",So=({zeniAccountListView:e,analytics:i,maxInsuredAmount:u,isBillPayEnabled:m,isCheckingCommentingEnabled:r=!1,isExpressPayEnabled:k,onBackClick:$,onZeniAccountClick:C,onSettingsClick:A,handleMoveMoneyOptionSelection:f,onReloadTransactions:a,onCreateCheckingClick:z,onClickMenuIcon:L,onTreasuryGetStartedClick:I,showTreasuryPromo:j,treasuryYieldPercentage:v,treasuryInsuredAmount:b})=>{const B=V(),Y=W(),M=Qe(),{setRequestToOpenThread:R}=c.useContext(Ke),[E,Z]=c.useState(null),[J,F]=c.useState(!1),D=c.useCallback(d=>{Z({...d}),F(!0)},[]),q=c.useCallback((d,N)=>{F(!1),R({threadId:N,companyId:d.companyId,entityType:d.entityType});const he=d.groupId;he!=null&&C(he,E?.accountName??"")},[E?.accountName,C,R]),l=c.useMemo(()=>({openAllThreadsDrawer:D}),[D]),h=Xe({mode:"all"}),T=e.newCheckingAccount.fetchState,de=et(T);c.useEffect(()=>{de==="In-Progress"&&T==="Completed"&&(H(!1),Q(!0),h.reset())},[de,T,h]);const[Me,H]=c.useState(!1),[_e,Q]=c.useState(!1),[De,K]=c.useState(!1),[Ee,Fe]=c.useState(0),[Ne,Re]=c.useState(0),Ge=(d,N)=>{C(d,N)},Oe={pageName:"listPage",onOptionSelection:d=>{d==="payBill"?(i.trackAccountsListPageClicked("Pay Someone"),K(!0)):(d==="sendMoney"?i.trackSendMoneyClick():d==="checkDeposit"?i.trackAccountsListPageClicked("Deposit a Check"):d==="transfer"&&i.trackAccountsListPageClicked("Transfer Between Accounts"),f(d))}},Ue={onOkClick:()=>{},onCancelClick:()=>{i.trackAccountsListPageClicked("Add Business Account Cancel"),h.reset(),H(!1)}},Ve={onOkClick:()=>{const d=e.depositAccountsSelectorView.depositAccounts.find(N=>N.id===e.newCheckingAccount.accountId);i.trackAccountsListPageClicked("Add Business Account Add Funds"),f("transfer",d),Q(!1)},onCancelClick:()=>{i.trackAccountsListPageClicked("Add Business Account Not Now"),Q(!1)}},We={onOkClick:()=>{i.trackAccountsListPageClicked("Proceed on Bills pop up"),f("payBill"),K(!1)},onCancelClick:()=>{i.trackAccountsListPageClicked("Not Now on Bills pop up"),K(!1)}},Ye=h.handleSubmit(d=>{i.trackAccountsListPageClicked("Add Business Account Create"),z?.(d.checkingAccountNickName)}),pe=e.zeniAccountsConfig.zeniAccountsConfigDetail.depositProductConfig.depositProducts,Ze=pe[pe.length-1].annualPercentageYield.toString(),ue=tt(nt(u),u,ae.currency.currencySymbol).toUpperCase(),Je=t.jsx(Rt,{onSettingsClick:A,isBillPayEnabled:m,isExpressPayEnabled:k,zeniBankProps:Oe,analytics:i}),me=t.jsxs(no,{children:[Me?t.jsx(X,{titleComponent:t.jsx(xe,{children:p.zeniAccountList.createPopUpInfo.title}),descriptionComponent:t.jsx(ge,{children:p.zeniAccountList.createPopUpInfo.description}),primaryButtonText:p.zeniAccountList.createPopUpInfo.primaryButtonText,isLoading:e.newCheckingAccount.fetchState==="In-Progress",formId:Pe,secondaryButtonText:p.zeniAccountList.createPopUpInfo.secondaryButtonText,style:{background:s.overlayLight},action:Ue,children:t.jsx(ot,{...h,children:t.jsx("form",{id:Pe,onSubmit:Ye,style:{height:n.sp8,width:"80%",marginBottom:n.sp5},children:t.jsx(it,{type:"text",name:"checkingAccountNickName",placeholder:p.zeniAccountList.createPopUpInfo.placeholder,style:{display:"flex",flexGrow:1,cursor:"inherit",height:n.sp7,textAlign:"left",width:"100%",background:rt(h.formState.errors,"checkingAccountNickName")===!0?s.importantLight:M.colors.grey5,border:`1px solid ${M.colors.grey2}`},registerOptions:{required:!0,validate:d=>!!d}})})})}):null,_e?t.jsx(X,{titleComponent:t.jsx(t.Fragment,{}),descriptionComponent:t.jsx(t.Fragment,{}),primaryButtonText:p.zeniAccountList.addFundsPopUpInfo.primaryButtonText,secondaryButtonText:p.zeniAccountList.addFundsPopUpInfo.secondaryButtonText,action:Ve,primaryButtonWidth:130,secondaryButtonWidth:130,containerStyle:{minWidth:352,maxWidth:544,width:"90%"},children:t.jsxs(io,{children:[t.jsx(st,{width:150,height:150,shouldDisplay:!0,animationInLoop:1,styles:{marginBottom:-n.sp4}}),t.jsx(ro,{children:p.zeniAccountList.addFundsPopUpInfo.title}),t.jsx(so,{children:p.zeniAccountList.addFundsPopUpInfo.description.replace("__rate__",Ze).replace("__amount__",ue)}),t.jsx(Gt,{transferAmount:5e5,currentAccountBalance:0,zeniAccountsConfigDetail:e.zeniAccountsConfig,minStep:.1,setTotalBalance:Re,setYieldEarned:Fe}),t.jsxs(ao,{children:[t.jsxs(lo,{children:[p.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarned,t.jsx(co,{children:G("0,0",{amount:Ee,currencySymbol:"$"})}),t.jsx(Ie,{variant:"small-description",maxWidth:"280px",data:p.zeniAccountList.transferDrawer.calculator.footerText.annualYieldEarnedTooltipText,display:"flex",placement:"left",children:t.jsx(uo,{})})]}),t.jsxs(po,{children:[p.zeniAccountList.transferDrawer.calculator.footerText.for,Intl.NumberFormat("en",{currency:"USD",notation:"compact",style:"currency",minimumFractionDigits:0}).format(Ne)]})]})]})}):null,De?t.jsx(X,{titleComponent:t.jsx(xe,{children:p.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(ge,{children:p.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:p.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:p.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:We,primaryButtonWidth:130,secondaryButtonWidth:130}):null,t.jsx(at,{title:p.zeniAccountList.tabsById.zeniAccounts,onBackClick:$,showMenuIcon:B==="medium-compact"||B==="small",backgroundColor:M.colors.grey4,style:{zIndex:3,..._.largeSemiBold.cssObject},rightSideComponent:Je,onClickMenuIcon:L,hideSearchBtn:!0,source:"ZeniAccountListViewPage"}),t.jsx(oo,{isLoading:e.fetchState==="In-Progress",children:t.jsx(ln,{zeniAccountsConfigDetail:e.zeniAccountsConfig,zeniAccountListView:e,onZeniAccountRowClick:Ge,onAddFundClick:f,handleAddInternalAccountClick:()=>{i.trackAccountsListPageClicked("Add Business Account"),H(!0)},analytics:i,onReloadTransactions:a,maxInsuredAmountString:ue,onTreasuryGetStartedClick:I,treasuryYieldPercentage:v,treasuryInsuredAmount:b,showTreasuryPromo:j,isCheckingCommentingEnabled:r})})]}),qe=`dashboard_${Y.currentTenant?.companyId}`,He=c.useMemo(()=>({sharedFunctions:{subtreeFunctions:l},sharedRef:void 0}),[l]);return r?t.jsxs(ct,{sharedItems:He,children:[me,t.jsx(eo,{roomId:qe,threadData:E,isThreadsOpen:J,onClose:()=>F(!1),onThreadClick:q,backgroundColor:M.colors.background})]}):me},no=o.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;

package/dist/assets/{ZeniAccountNavBarPieces-DAcKYXqh-C3pU1dfO.js → ZeniAccountNavBarPieces-CHUTFAWG-DBX2rB9H.js}

@@ -1,4 +1,4 @@
-import{ay as j,f_ as N,V as o,bq as B,ac as y,hc as m,hK as f,O as I,o as i,gB as O,he as z}from"./index-uV9C0lq0.js";import{n as c}from"./mui-CgOsYmSB.js";import{bP as A}from"./zeni-epic-state-D5MWzrZ6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="15daacc9-0362-453b-8de6-0647a7854d0b",e._sentryDebugIdIdentifier="sentry-dbid-15daacc9-0362-453b-8de6-0647a7854d0b")}catch{}})();const n=I.getLocalizedStrings().spendManagement.zeniAccounts,h=[{value:"editNickName",label:n.moveMoney.editNickName},{value:"accountStatement",label:n.moveMoney.accountStatement}],b={value:"payBill",label:n.moveMoney.payBills},v={value:"transfer",label:n.moveMoney.transfer},M={value:"sendMoney",label:n.moveMoney.sendMoney,isNew:!0},x={value:"checkDeposit",label:n.moveMoney.checkDeposit},E=[b,v,M,x],L=[M,v,b,x],J=({zeniBankProps:e,isBillPayEnabled:s,isCheckingCommentingEnabled:p=!1,isExpressPayEnabled:$,isThreadsLoading:l=!1,analytics:k,onCommentIconClick:w,onSettingsClick:P,threadsCount:C=0})=>{const r=j(),d=r.loggedInUserRoleMap.deposit_accounts_user===!0||N(r),S=A(r.loggedInUserRoleMap),D=h.filter(t=>t.value==="accountStatement"),u=s===!0?E:L,g=$===!0?u:u.filter(t=>t.value!=="sendMoney"),_=S?g:g.filter(t=>t.value!=="payBill");return o.jsxs(U,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="detailPage"&&p===!0?o.jsxs(q,{isDisabled:l,"data-testid":y("zeni-checking-comment-button"),onClick:l?()=>null:t=>{t.preventDefault(),t.stopPropagation(),w?.()},children:[o.jsx(B,{count:l?void 0:C,isLoading:l,style:{left:"12px"}}),o.jsx(K,{})]}):null,e.pageName==="listPage"&&!d?o.jsx(T,{onClick:P,"data-testid":y("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&o.jsx(m,{entity:"zeni_accounts",onOptionSelection:t=>{const a=f(t);a!=null&&e.onOptionSelection(a)},isMoreOption:!0,options:d?D:h,title:n.moveMoney.title,customStyleConfig:{container:t=>({...t,marginLeft:0})}}),d?null:o.jsx(m,{entity:"zeni_accounts",onOptionSelection:t=>{const a=f(t);a!=null&&e.onOptionSelection(a)},isMoreOption:!1,options:_,title:n.moveMoney.title,onMenuOpen:()=>k?.trackAccountsListPageClicked("Move Money")})]})},T=c(z)`
+import{ay as j,g6 as N,V as o,bq as _,ac as y,hg as m,hO as f,O as I,o as i,bV as z,hi as A}from"./index-aCBnCBoN.js";import{n as r}from"./mui-BosmckWV.js";import{bP as B}from"./zeni-epic-state-BNpJ2txa.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="785053f7-424a-4ce8-bc00-9263ae9469bd",e._sentryDebugIdIdentifier="sentry-dbid-785053f7-424a-4ce8-bc00-9263ae9469bd")}catch{}})();const n=I.getLocalizedStrings().spendManagement.zeniAccounts,b=[{value:"editNickName",label:n.moveMoney.editNickName},{value:"accountStatement",label:n.moveMoney.accountStatement}],h={value:"payBill",label:n.moveMoney.payBills},v={value:"transfer",label:n.moveMoney.transfer},M={value:"sendMoney",label:n.moveMoney.sendMoney,isNew:!0},x={value:"checkDeposit",label:n.moveMoney.checkDeposit},E=[h,v,M,x],L=[M,v,h,x],J=({zeniBankProps:e,isBillPayEnabled:s,isCheckingCommentingEnabled:p=!1,isExpressPayEnabled:$,isThreadsLoading:l=!1,analytics:k,onCommentIconClick:w,onSettingsClick:C,threadsCount:O=0})=>{const c=j(),d=c.loggedInUserRoleMap.deposit_accounts_user===!0||N(c),P=B(c.loggedInUserRoleMap),S=b.filter(t=>t.value==="accountStatement"),u=s===!0?E:L,g=$===!0?u:u.filter(t=>t.value!=="sendMoney"),D=P?g:g.filter(t=>t.value!=="payBill");return o.jsxs(U,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="detailPage"&&p===!0?o.jsxs(V,{isDisabled:l,"data-testid":y("zeni-checking-comment-button"),onClick:l?()=>null:t=>{t.preventDefault(),t.stopPropagation(),w?.()},children:[o.jsx(_,{count:l?void 0:O,isLoading:l,style:{left:"12px"}}),o.jsx(R,{})]}):null,e.pageName==="listPage"&&!d?o.jsx(T,{onClick:C,"data-testid":y("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&o.jsx(m,{entity:"zeni_accounts",onOptionSelection:t=>{const a=f(t);a!=null&&e.onOptionSelection(a)},isMoreOption:!0,options:d?S:b,title:n.moveMoney.title,customStyleConfig:{container:t=>({...t,marginLeft:0})}}),d?null:o.jsx(m,{entity:"zeni_accounts",onOptionSelection:t=>{const a=f(t);a!=null&&e.onOptionSelection(a)},isMoreOption:!1,options:D,title:n.moveMoney.title,onMenuOpen:()=>k?.trackAccountsListPageClicked("Move Money")})]})},T=r(A)`
   cursor: pointer;
   min-width: ${i.sp4};
   width: ${i.sp4};
@@ -7,12 +7,12 @@ import{ay as j,f_ as N,V as o,bq as B,ac as y,hc as m,hK as f,O as I,o as i,gB a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,U=c.div`
+`,U=r.div`
   display: flex;
   flex-direction: row;
   align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
   gap: ${i.sp3};
-`,q=c.div`
+`,V=r.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -24,7 +24,7 @@ import{ay as j,f_ as N,V as o,bq as B,ac as y,hc as m,hK as f,O as I,o as i,gB a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,K=c(O)`
+`,R=r(z)`
   display: flex;
   width: ${i.sp4};
   height: ${i.sp4};