@zeniai/web-cockpit-ui 1.15.67-qa → 1.15.68-dev

package/dist/assets/ZeniAccountDetailPage-GcwTJdB8-BH5nfFTv.js

@@ -0,0 +1,300 @@
+import{ay as fe,V as t,gv as Re,aa as We,e as H,a9 as Ge,bQ as Ve,gw as Fe,g as ye,aS as Ye,aQ as B,c1 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 Ke,ac as S,L as be,bU as Ze,x as $,ak as C,O as M,bM as qe,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-DMG72kst.js";import{a as n}from"./sentry-DA3cfNtR.js";import{n as a}from"./mui-PTGaeBGX.js";import{GO as xt,bL as K}from"./zeni-epic-state-qJAZZeEy.js";import{$ as gt}from"./BoxItem-Bxa1M4QU-C6dqF4Ox.js";import{w as ft}from"./downloadPdf-Dsuxeias-COKJ0VCh.js";import{Y as yt}from"./DepositAccTransactionItem-CyFi1P_L-BmUq2dbW.js";import{K as bt}from"./ZeniAccountNavBarPieces-BrSIfL36-H4nUIkPW.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-qzs3V2Ze.js";import"./liveblocks-BPjePRRW.js";import"./core--0SFXVg4.js";import"./lottie-x1a70pv5.js";import"./analytics-BdPgTZIq.js";import"./lexical-RPR5fwFX.js";import"./utils-ZYxK6Sqs.js";import"./commonDimensions-Oz1tdAcx-DwbBmI-Z.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]="018b1525-3ecd-4e9f-ab03-1f38dd446d98",e._sentryDebugIdIdentifier="sentry-dbid-018b1525-3ecd-4e9f-ab03-1f38dd446d98")}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`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  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:I,spendManagement:Tt}=M.getLocalizedStrings(),{zeniAccounts:l}=Tt,q=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=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(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: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=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(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(Vt,{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=H(),z=fe(),Ce=Ge().analytics,{setOpenThread:ie}=n.useContext(Ve),{threads:G,isLoading:ne}=Fe(),[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 De=i.transactionList.length>4,P=ye(),[Ae,ze]=n.useState(!1),[Te,F]=n.useState(!1),Y=i.accountUpdateStatus.editName.fetchState,re=Ye(Y),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"&&Y==="Completed"&&(W(!1),p.reset())},[re,Y,p]),n.useEffect(()=>{R&&v(Z)},[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"),F(!1)},onCancelClick:()=>{F(!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: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:()=>{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(Yt,{children:[t.jsx(Je,{title:Ee,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}${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: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:Et,replyComposerPlaceholder:It,threadResolve:Ht,threadUnResolve:Mt},onThreadClick:(s,j)=>Se(s,j),onCloseAllThreadsDrawer:()=>V(!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=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(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(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(Ao,{}):t.jsx(Do,{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(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`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,Wt=a(lt)`
+  width: ${e=>m.styledNoTransactionIconSize.valuePx(e.windowSize)};
+  height: ${e=>m.styledNoTransactionIconSize.valuePx(e.windowSize)};
+  margin-top: 128px;
+  margin-bottom: ${o.sp3};
+`,Gt=a(oe)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,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)};
+  margin-bottom: ${o.sp0};
+  &:last-child {
+    margin-bottom: ${o.sp8};
+  }
+`,Ft=a.div`
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: ${o.sp3};
+`,Yt=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,Jt=a.div`
+  display: flex;
+  gap: ${e=>`${m.accountDetailHeaderGap.valuePx(e.windowSize)}`};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  background: ${e=>e.theme.colors.grey4};
+  padding-top: ${o.sp6};
+  padding-right: ${e=>m.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>m.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>m.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
+  justify-content: space-between;
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,_t=a.div`
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+`,Xt=a.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: column;
+  justify-content: space-between;
+`,Kt=a.div``,Zt=a.div``,qt=a.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex: 1;
+  flex-direction: column;
+  justify-content: flex-end;
+`,Qt=a.g`
+  transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
+`,eo=a.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,to=a.div`
+  height: ${o.sp12};
+  width: ${o.sp12};
+  background: ${e=>e.theme.colors.background};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${o.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,oo=a(tt)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ao=a(et)`
+  height: ${o.sp5};
+  width: ${o.sp5};
+  margin: ${o.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,io=a.text`
+  fill: ${e=>e.theme.colors.hero};
+  ${e=>`${zt.tickLabelText.style(e.windowSize)}`};
+`,no=a.linearGradient``,lo=a.stop``,ro=a.stop``,so=a.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${e=>m.accBtnsGap.valuePx(e.windowSize)};
+  justify-content: ${e=>e.windowSize==="small"?"space-between":"flex-end"};
+  align-items: center;
+`,co=a.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-left: -${o.sp8};
+  .recharts-cartesian-grid {
+    .recharts-cartesian-grid-horizontal {
+      line:last-child {
+        display: none;
+      }
+    }
+  }
+`,po=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+`,uo=a.div`
+  align-self: center;
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+  width: ${o.sp1};
+  height: ${o.sp1};
+  margin: ${o.sp0} ${o.sp1};
+  margin-top: 2px;
+`,ho=a(ut)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp1};
+`,mo=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    .btnText {
+      color: ${e=>e.theme.colors.primary};
+    }
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  margin-left: ${o.sp3};
+`,xo=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    .btnText {
+      color: ${e=>e.theme.colors.primary};
+    }
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  margin-right: ${o.sp3};
+`,go=a(C)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,fo=a.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  position: relative;
+  top: -22px;
+  right: 103px;
+  min-height: ${o.sp6};
+  min-width: 66px;
+  border-radius: ${o.sp1};
+  padding: ${o.sp0} ${o.sp2};
+  background-color: ${y.blackColor};
+`,yo=a.circle`
+  stroke: ${e=>e.theme.colors.brandColorJade};
+  fill: ${e=>e.theme.colors.grey5};
+`,ue=a(C)`
+  color: ${e=>e.isSublabel===!0?y.neutralGrey1Light:y.brandColorPearl};
+`,he=a.div`
+  display: flex;
+  gap: ${o.sp1};
+`,bo=a(C)`
+  color: ${e=>e.theme.colors.hero};
+`,me=a(rt)`
+  text-transform: capitalize;
+  color: ${e=>`${e.windowSize==="small"?e.theme.colors.hero:e.theme.colors.champion}`};
+  display: flex;
+  align-items: center;
+`,$o=a(pt)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-left: ${o.sp2};
+  margin-right: ${o.sp2};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,wo=a(st)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-left: ${o.sp2};
+  margin-right: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,jo=a.div`
+  display: flex;
+  align-items: baseline;
+  color: ${e=>e.theme.colors.primary};
+`,xe=a(oe)`
+  margin-left: ${o.sp2};
+`,ge=a(C)`
+  margin-left: ${o.sp2};
+`,Co=a(it)`
+  color: ${e=>e.theme.colors.primary};
+`,ko=a.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  &:hover {
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,vo=a(nt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.grey1};
+`,So=a(oe)`
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${o.sp2};
+`,E=a.div`
+  display: flex;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Do=a(dt)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ao=a(ct)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${y.success};
+`,zo=a(Dt)`
+  width: ${o.sp4};
+  min-width: ${o.sp4};
+  height: ${o.sp4};
+`,To=a(at)`
+  width: ${o.sp4};
+  min-width: ${o.sp4};
+  height: ${o.sp4};
+`,Po=a(C)`
+  margin-bottom: ${o.sp2};
+  display: flex;
+`,Lo=a(C)`
+  padding: 12px ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  border-radius: ${o.sp1};
+`,Q=a(C)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+  margin-top: ${o.sp2};
+  display: flex;
+  justify-content: space-between;
+`,ee=a.div`
+  color: ${e=>e.theme.colors.hero};
+`,te=a.div`
+  color: ${y.primaryDark};
+`,Bo=a(qe)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,No=a(C)`
+  padding: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,Eo=a.div`
+  height: -webkit-fill-available;
+  align-self: center;
+`,Io=a(mt)`
+  opacity: 0.25;
+`;export{Qo as default};