@zeniai/web-cockpit-ui 1.15.63-qa → 1.15.64-dev

package/dist/assets/ZeniAccountDetailPage-Dp-eo-Vq-Bhjoyj-p.js

@@ -0,0 +1,300 @@
+import{aa as Te,J as H,ax as Pe,d as pe,aS as Be,V as t,aP as P,bV as B,o,bE as Le,b as D,cr as O,cs as R,ct as V,ad as Ne,es as He,p as y,ex as Ie,aR as C,T as ue,aj as j,O as X,bM as Me,bQ as Ee,aV as Ue,y as b,h1 as We,fl as ae,u,am as Z,hB as Oe,b9 as Re,b1 as Ve,hC as Ge,a as Fe,hD as Ye,h as Je,h4 as _e,d7 as Ke,an as Xe,H as Ze,ck as qe}from"./index-DqZ19at7.js";import{a as r}from"./sentry-DO9J0OD9.js";import{n as a}from"./mui-ZYC_cKE8.js";import{G1 as Qe,bL as G}from"./zeni-epic-state-C5Hzx540.js";import{$ as et}from"./BoxItem-DRwx0M5a-DCS0EEq5.js";import{w as tt}from"./downloadPdf-CUUx8PWn-CpeF1exC.js";import{H as ot}from"./DepositAccTransactionItem-BY_OvuKg-1GMqn4-W.js";import{U as at}from"./ZeniAccountNavBarPieces-DhjBxfEr-Cs_0mVt4.js";import{U as it,F as nt,I as lt,X as rt,Y as ct,J as st,G as dt}from"./recharts-CPKKNFMD.js";import"./liveblocks-BTMi-6jm.js";import"./core-ChNxRm0V.js";import"./lottie-DePu4yCn.js";import"./analytics-Bkw5onLf.js";import"./lexical-1Ygrq4RW.js";import"./utils-CXoyjNuY.js";import"./commonDimensions-BMnB1-xU-BEplFlGz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="ca6cd8e7-6cbf-4545-8303-f3b41a77d9e8",e._sentryDebugIdIdentifier="sentry-dbid-ca6cd8e7-6cbf-4545-8303-f3b41a77d9e8")}catch{}})();const pt=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M21.5348 3H2.31522C1.80976 3 1.4 3.44579 1.4 3.99569V19.9353C1.4 20.4852 1.80976 20.931 2.31522 20.931H21.5348C22.0402 20.931 22.45 20.4852 22.45 19.9353V3.99569C22.45 3.44579 22.0402 3 21.5348 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M13.8276 15.9677C13.4452 15.3772 12.177 14.948 10.5892 14.3603C10.1412 14.1934 10.2143 13.0237 10.413 12.8053C10.7291 12.463 10.9691 12.0577 11.1174 11.6161C11.2657 11.1744 11.3189 10.7064 11.2735 10.2428C11.3006 9.95383 11.2662 9.66242 11.1723 9.3878C11.0785 9.11317 10.9275 8.86159 10.7292 8.64967C10.5309 8.43776 10.2899 8.27033 10.0222 8.15847C9.75438 8.04661 9.4659 7.99286 9.1758 8.00076C8.8857 7.99286 8.59723 8.04661 8.32945 8.15847C8.06166 8.27033 7.82067 8.43776 7.6224 8.64967C7.42412 8.86159 7.27309 9.11317 7.17927 9.3878C7.08544 9.66242 7.05098 9.95383 7.07814 10.2428C7.03273 10.7064 7.08592 11.1744 7.23421 11.6161C7.38251 12.0577 7.62255 12.463 7.93858 12.8053C8.13728 13.0237 8.21039 14.1934 7.76237 14.3603C6.17647 14.948 4.90644 15.3772 4.52402 15.9677",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),ut=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};
+`,ie="editNickName-form",F="checkingAccountNickName",ht={tickLabelText:new Ze("extraSmallRegular","smallRegular")},h={accountDetailHeaderPaddingRight:new b(u[3],u[8]),accountDetailHeaderPaddingBottom:new b(u[3],u[6]),accountDetailHeaderPaddingLeft:new b(u[3],u[8]),accountDetailContentMarginTop:new b(u[5],u[7]),areaChartHeight:new b(114,209),accountDetailHeaderGap:new b(18,100,184),accBtnsGap:new b(0,u[11]),styledNoTransactionIconSize:new b(60,120)},{common:N,spendManagement:mt}=X.getLocalizedStrings(),{zeniAccounts:i}=mt,Y=X.getLocalizedStrings().dateFormat,xt=X.getLocalizedStrings().peoplePage,ne=e=>t.jsx(_t,{children:e}),he=r.memo(({accountHistory:e})=>{const d=H(),n=pe(),[m,$]=r.useState(),w=r.useMemo(()=>e.accountHistoryWithBalance.map(l=>({...l,date:l.date.toISOString()})),[e.accountHistoryWithBalance]),x=r.useCallback(l=>{let p="",c="";return l&&l[0]&&(c=P("0,0[.]00",l[0].payload?.balance?.available),p=G(l[0].payload?.date).format(Y.visual.DMMMYYYYFormat)),t.jsxs(Yt,{children:[t.jsx(le,{children:p}),t.jsx(le,{isSublabel:!0,children:c})]})},[]),g=r.useCallback(l=>{const{x:p,y:c}=l,{value:v}=l.payload;let A=!1;e.accountHistoryWithBalance.length>360&&(A=!0);const S=A?G(v).format(Y.visual.MMMformat):G(v).format(Y.visual.MMMDFormat);return t.jsx(zt,{translateX:p,translateY:c,children:t.jsx(Nt,{windowSize:d,dy:20,dx:-25,children:S})})},[e.accountHistoryWithBalance.length,d]),k=r.useCallback(({cx:l,cy:p,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==l||m?.y!==p)&&$({x:l,y:p}),t.jsx(Jt,{cx:l,cy:p,strokeWidth:1,r:u[1]})),[m]),f=r.useMemo(()=>{const l=e.accountHistoryWithBalance.length;return l<=0?0:l>360?Math.floor(l/12):Math.floor(l/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(po,{children:t.jsx(uo,{children:N.texts.noData})}):t.jsx(Ut,{children:t.jsx(it,{height:h.areaChartHeight.value(d),width:"99%",children:t.jsxs(nt,{data:w,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Ht,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(It,{offset:"0%",stopColor:y.brandColorJade,stopOpacity:1}),t.jsx(Mt,{offset:"100%",stopColor:y.brandColorJade,stopOpacity:.03})]})}),t.jsx(lt,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(rt,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:l=>g(l),padding:{right:u[4]},interval:f}),t.jsx(ct,{tick:!1,axisLine:!1}),t.jsx(st,{position:m,content:({payload:l})=>x(l),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(dt,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=r.memo(({zeniAccountDetail:e,getToolTipContent:d,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:w,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const f=H(),l=r.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(kt,{windowSize:f,children:[t.jsx(gt,{getToolTipContent:d,zeniAccountDetail:e}),t.jsxs(At,{children:[t.jsx(he,{accountHistory:l}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Vt,{onClick:n,"data-testid":C("view-account-detail-button"),children:[t.jsx(io,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Gt,{"data-testid":C("download-bank-verification-letter"),onClick:()=>tt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[w?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(no,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.bankLetter}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.bankLetter})]})]})]})]}),e.transactionList.length>0?t.jsxs(bt,{windowSize:f,children:[t.jsxs(jt,{children:[t.jsx(qt,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(Qt,{onClick:g,"data-testid":C("view-all-account-transactions"),children:[t.jsx(to,{children:i.zeniAccountDetail.viewAll}),t.jsx(eo,{})]}):null]}),t.jsx(Ct,{children:e.transactionList.map((p,c)=>t.jsx(ot,{data:p,boxType:et(c,e.transactionList.length)},p.id))})]}):t.jsxs(ft,{children:[t.jsx(yt,{windowSize:f}),t.jsx($t,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const zo=({authParams:e,downloadEndPoint:d,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:w,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:f,onEditNameClick:l,onReloadZeniAccountDetailPage:p})=>{const c=Te({mode:"all"}),{setFocus:v}=c,[A,S]=r.useState(!1),[I,M]=r.useState(!1),[q,xe]=r.useState(!1),Q=H(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||Qe(ee.loggedInUserRoleMap);r.useEffect(()=>{const s=setTimeout(()=>{n.fetchState==="Completed"&&n.accountDetail?.accountBalance.available.amount===0&&!te&&g("transfer",n.accountDetail)},500);return()=>{clearTimeout(s)}},[n.accountDetail?.id,n.fetchState,te]),r.useEffect(()=>{q===!0&&setTimeout(()=>{xe(!1)},800)},[q]);const ge=n.transactionList.length>4,E=pe(),[fe,ye]=r.useState(!1),[$e,U]=r.useState(!1),W=n.accountUpdateStatus.editName.fetchState,oe=Be(W),be=s=>{s==="closeAccount"?S(!0):s==="editNickName"?M(!0):s==="payBill"?U(!0):g(s,n.accountDetail)},je={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},we={onOkClick:()=>{},onCancelClick:()=>{c.reset(),M(!1)}};r.useEffect(()=>{oe==="In-Progress"&&W==="Completed"&&(M(!1),c.reset())},[oe,W,c]),r.useEffect(()=>{I&&v(F)},[I,v]);const ke={pageName:"detailPage",onOptionSelection:be},Ce=n.accountDetail?.accountName??"",z=n.accountSummary,ve=c.handleSubmit(s=>{l?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),U(!1)},onCancelClick:()=>{U(!1)}},De=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},Ae=r.useCallback(s=>{let T=null;switch(s){case"insuredBalance":T=t.jsx(t.Fragment,{});break;case"totalInterest":T=t.jsx(so,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":T=t.jsxs(ro,{children:[t.jsx(lo,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(J,{children:[t.jsx(_,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(K,{children:P("0,0[.]00",z?.totalBalance.current)})]}),t.jsxs(J,{children:[t.jsx(_,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(K,{children:P("0,0[.]00",z?.totalBalance.hold)})]}),t.jsxs(J,{children:[t.jsx(_,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(K,{children:P("0,0[.]00",z?.totalBalance.available)})]})]});break}return t.jsx(L,{children:t.jsx(B,{style:{textAlign:"left",padding:o.sp1},maxWidth:De(s),display:"flex",placement:Q==="small"?"bottom":"top",title:T,children:t.jsx(co,{})})})},[z,Q]),ze=t.jsx(at,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(wt,{children:[t.jsx(Le,{title:Ce,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:E.colors.grey4,style:{zIndex:3,...D.largeSemiBold.cssObject},rightSideComponent:ze,source:"ZeniAccountDetailPage"}),A?t.jsx(O,{titleComponent:t.jsx(V,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(R,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${N.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:je}):null,$e?t.jsx(O,{titleComponent:t.jsx(V,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(R,{children:i.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:i.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:i.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Se,secondaryButtonWidth:130,primaryButtonWidth:130}):null,I?t.jsx(O,{titleComponent:t.jsx(V,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(R,{children:i.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:i.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:i.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:ie,action:we,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(Ne,{...c,children:t.jsx("form",{id:ie,onSubmit:ve,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:F,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Ie(c.formState.errors,F)===!0?y.importantLight:E.colors.background,border:`1px solid ${E.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:d,getToolTipContent:Ae,onAccountDetailClick:x,onViewAllTransactionClick:w,setShowLoader:ye,showLoader:fe,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(Tt,{children:[t.jsx(Pt,{onClick:p,"data-testid":C("account-detail-reload"),children:t.jsx(Lt,{})}),t.jsx(Bt,{children:xt.reloadPage.label})]}):t.jsx(ut,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},gt=({zeniAccountDetail:e,getToolTipContent:d})=>{const n=H(),[m,$]=r.useState(!1),[,w]=We(),[x,g]=r.useState(!1),k=()=>{w(e.accountDetail?.accountNumber??""),g(!0)};return r.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(vt,{children:[t.jsxs(St,{children:[t.jsx(Ft,{children:t.jsxs(re,{children:[ne(i.zeniAccountList.totalAvailableBalance),d("totalBalance")]})}),t.jsx(Zt,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles:D.h2Regular.cssObject,decimalStyles:D.h5Medium.cssObject})}):null}),m?t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.accountNumber,t.jsx(L,{children:t.jsx(B,{display:"flex",placement:"top",title:i.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(Xt,{"data-testid":C("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(L,{children:t.jsx(B,{display:"flex",placement:"right",title:x?N.copyToClipBoard.copied:N.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(ao,{}):t.jsx(oo,{onClick:k,"data-testid":C("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(L,{children:t.jsx(B,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Kt,{"data-testid":C("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(Dt,{children:[t.jsxs(re,{children:[ne(i.common.totalYieldEarned),d("totalInterest")]}),t.jsxs(Wt,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject}),t.jsx(Ot,{}),t.jsx(Rt,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},ft=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,yt=a(Ge)`
+  width: ${e=>h.styledNoTransactionIconSize.valuePx(e.windowSize)};
+  height: ${e=>h.styledNoTransactionIconSize.valuePx(e.windowSize)};
+  margin-top: 128px;
+  margin-bottom: ${o.sp3};
+`,$t=a(Z)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,bt=a.div`
+  margin-top: ${e=>h.accountDetailContentMarginTop.valuePx(e.windowSize)};
+  margin-right: ${e=>h.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
+  margin-left: ${e=>h.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
+  margin-bottom: ${o.sp0};
+  &:last-child {
+    margin-bottom: ${o.sp8};
+  }
+`,jt=a.div`
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: ${o.sp3};
+`,wt=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,kt=a.div`
+  display: flex;
+  gap: ${e=>`${h.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=>h.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>h.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>h.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
+  justify-content: space-between;
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Ct=a.div`
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+`,vt=a.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: column;
+  justify-content: space-between;
+`,St=a.div``,Dt=a.div``,At=a.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex: 1;
+  flex-direction: column;
+  justify-content: flex-end;
+`,zt=a.g`
+  transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
+`,Tt=a.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Pt=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};
+    }
+  }
+`,Bt=a(Ue)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Lt=a(Ee)`
+  height: ${o.sp5};
+  width: ${o.sp5};
+  margin: ${o.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Nt=a.text`
+  fill: ${e=>e.theme.colors.hero};
+  ${e=>`${ht.tickLabelText.style(e.windowSize)}`};
+`,Ht=a.linearGradient``,It=a.stop``,Mt=a.stop``,Et=a.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${e=>h.accBtnsGap.valuePx(e.windowSize)};
+  justify-content: ${e=>e.windowSize==="small"?"space-between":"flex-end"};
+  align-items: center;
+`,Ut=a.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-left: -${o.sp8};
+  .recharts-cartesian-grid {
+    .recharts-cartesian-grid-horizontal {
+      line:last-child {
+        display: none;
+      }
+    }
+  }
+`,Wt=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+`,Ot=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;
+`,Rt=a(Xe)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp1};
+`,Vt=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};
+`,Gt=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};
+`,Ft=a(j)`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+`,Yt=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};
+`,Jt=a.circle`
+  stroke: ${e=>e.theme.colors.brandColorJade};
+  fill: ${e=>e.theme.colors.grey5};
+`,le=a(j)`
+  color: ${e=>e.isSublabel===!0?y.neutralGrey1Light:y.brandColorPearl};
+`,re=a.div`
+  display: flex;
+  gap: ${o.sp1};
+`,_t=a(j)`
+  color: ${e=>e.theme.colors.hero};
+`,ce=a(Fe)`
+  text-transform: capitalize;
+  color: ${e=>`${e.windowSize==="small"?e.theme.colors.hero:e.theme.colors.champion}`};
+  display: flex;
+  align-items: center;
+`,Kt=a(Ke)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-left: ${o.sp2};
+  margin-right: ${o.sp2};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,Xt=a(Ye)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-left: ${o.sp2};
+  margin-right: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,Zt=a.div`
+  display: flex;
+  align-items: baseline;
+  color: ${e=>e.theme.colors.primary};
+`,se=a(Z)`
+  margin-left: ${o.sp2};
+`,de=a(j)`
+  margin-left: ${o.sp2};
+`,qt=a(Re)`
+  color: ${e=>e.theme.colors.primary};
+`,Qt=a.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  &:hover {
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,eo=a(Ve)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.grey1};
+`,to=a(Z)`
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${o.sp2};
+`,L=a.div`
+  display: flex;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,oo=a(_e)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ao=a(Je)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${y.success};
+`,io=a(pt)`
+  width: ${o.sp4};
+  min-width: ${o.sp4};
+  height: ${o.sp4};
+`,no=a(Oe)`
+  width: ${o.sp4};
+  min-width: ${o.sp4};
+  height: ${o.sp4};
+`,lo=a(j)`
+  margin-bottom: ${o.sp2};
+  display: flex;
+`,ro=a(j)`
+  padding: 12px ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  border-radius: ${o.sp1};
+`,J=a(j)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+  margin-top: ${o.sp2};
+  display: flex;
+  justify-content: space-between;
+`,_=a.div`
+  color: ${e=>e.theme.colors.hero};
+`,K=a.div`
+  color: ${y.primaryDark};
+`,co=a(Me)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,so=a(j)`
+  padding: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,po=a.div`
+  height: -webkit-fill-available;
+  align-self: center;
+`,uo=a(qe)`
+  opacity: 0.25;
+`;export{zo as default};