@zeniai/web-components 3.16.91 → 3.16.93

package/dist/ZeniAccountDetailPage-CFPcROaK.cjs

@@ -0,0 +1,300 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),r=require("react"),s=require("@emotion/styled"),y=require("recharts"),v=require("@zeniai/client-epic-state"),e=require("./index-CwWJYVG_.cjs"),he=require("./BoxItem-DBUw6CmO.cjs"),ge=require("./downloadPdf-BSG76tOl.cjs"),je=require("./DepositAccTransactionItem-BcuJMd8A.cjs"),Se=require("./ZeniAccountNavBarPieces-DTheWynN.cjs"),fe=require("./MoreMenuButton-DUyMHpfm.cjs");function ye(t){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(p,n,d.get?d:{enumerable:!0,get:()=>t[n]})}}return p.default=t,Object.freeze(p)}const b=ye(r),Re=t=>b.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},b.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"}),b.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),b.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),b.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"})),$e=s.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${t=>t.theme.colors.grey5};
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  background-color: ${t=>t.theme.colors.grey4};
+`,Y="editNickName-form",L="checkingAccountNickName",be={tickLabelText:new e.ResponsiveSizedStyle("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new e.ResponsiveSized(e.sp[3],e.sp[8]),accountDetailHeaderPaddingBottom:new e.ResponsiveSized(e.sp[3],e.sp[6]),accountDetailHeaderPaddingLeft:new e.ResponsiveSized(e.sp[3],e.sp[8]),accountDetailContentMarginTop:new e.ResponsiveSized(e.sp[5],e.sp[7]),areaChartHeight:new e.ResponsiveSized(114,209),accountDetailHeaderGap:new e.ResponsiveSized(18,100,184),accBtnsGap:new e.ResponsiveSized(0,e.sp[11]),styledNoTransactionIconSize:new e.ResponsiveSized(60,120)},{common:k,spendManagement:Ce}=e.appLocale.getLocalizedStrings(),{zeniAccounts:i}=Ce,I=e.appLocale.getLocalizedStrings().dateFormat,Ee=e.appLocale.getLocalizedStrings().peoplePage,q=t=>o.jsxRuntimeExports.jsx(it,{children:t}),K=r.memo(({accountHistory:t})=>{const p=e.useWindowSizeContext(),n=o.useTheme(),[d,j]=r.useState(),S=r.useMemo(()=>t.accountHistoryWithBalance.map(a=>({...a,date:a.date.toISOString()})),[t.accountHistoryWithBalance]),m=r.useCallback(a=>{let x="",c="";return a&&a[0]&&(c=e.amountToString("0,0[.]00",a[0].payload?.balance?.available),x=v.zeniDate(a[0].payload?.date).format(I.visual.DMMMYYYYFormat)),o.jsxRuntimeExports.jsxs(st,{children:[o.jsxRuntimeExports.jsx(V,{children:x}),o.jsxRuntimeExports.jsx(V,{isSublabel:!0,children:c})]})},[]),h=r.useCallback(a=>{const{x,y:c}=a,{value:R}=a.payload;let C=!1;t.accountHistoryWithBalance.length>360&&(C=!0);const $=C?v.zeniDate(R).format(I.visual.MMMformat):v.zeniDate(R).format(I.visual.MMMDFormat);return o.jsxRuntimeExports.jsx(He,{translateX:x,translateY:c,children:o.jsxRuntimeExports.jsx(Ye,{windowSize:p,dy:20,dx:-25,children:$})})},[t.accountHistoryWithBalance.length,p]),f=r.useCallback(({cx:a,cy:x,dataKey:c})=>(c==="balance.available.amount"&&(d?.x!==a||d?.y!==x)&&j({x:a,y:x}),o.jsxRuntimeExports.jsx(nt,{cx:a,cy:x,strokeWidth:1,r:e.sp[1]})),[d]),g=r.useMemo(()=>{const a=t.accountHistoryWithBalance.length;return a<=0?0:a>360?Math.floor(a/12):Math.floor(a/7)},[t.accountHistoryWithBalance.length]);return t.fetchState!=="Completed"?null:t.fetchState==="Completed"&&t.accountHistoryWithBalance.length===0?o.jsxRuntimeExports.jsx(Rt,{children:o.jsxRuntimeExports.jsx($t,{children:k.texts.noData})}):o.jsxRuntimeExports.jsx(Ze,{children:o.jsxRuntimeExports.jsx(y.ResponsiveContainer,{height:u.areaChartHeight.value(p),width:"99%",children:o.jsxRuntimeExports.jsxs(y.AreaChart,{data:S,margin:{top:0,right:0,bottom:0,left:0},children:[o.jsxRuntimeExports.jsx("defs",{children:o.jsxRuntimeExports.jsxs(qe,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[o.jsxRuntimeExports.jsx(Ve,{offset:"0%",stopColor:e.Colors.brandColorJade,stopOpacity:1}),o.jsxRuntimeExports.jsx(_e,{offset:"100%",stopColor:e.Colors.brandColorJade,stopOpacity:.03})]})}),o.jsxRuntimeExports.jsx(y.CartesianGrid,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),o.jsxRuntimeExports.jsx(y.XAxis,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:a=>h(a),padding:{right:e.sp[4]},interval:g}),o.jsxRuntimeExports.jsx(y.YAxis,{tick:!1,axisLine:!1}),o.jsxRuntimeExports.jsx(y.Tooltip,{position:d,content:({payload:a})=>m(a),cursor:{strokeDasharray:"3",stroke:e.Colors.brandColorJade}}),o.jsxRuntimeExports.jsx(y.Area,{activeDot:f,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:e.Colors.brandColorJade,fill:"url(#colorUv)"})]})})})});K.displayName="AccountBalanceGraph";const Q=r.memo(({zeniAccountDetail:t,getToolTipContent:p,onAccountDetailClick:n,downloadEndPoint:d,authParams:j,showLoader:S,setShowLoader:m,onViewAllTransactionClick:h,showViewAllTransactions:f})=>{const g=e.useWindowSizeContext(),a=r.useMemo(()=>t.accountHistory,[t.accountHistory]);return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(Ne,{windowSize:g,children:[o.jsxRuntimeExports.jsx(ve,{getToolTipContent:p,zeniAccountDetail:t}),o.jsxRuntimeExports.jsxs(Ue,{children:[o.jsxRuntimeExports.jsx(K,{accountHistory:a}),o.jsxRuntimeExports.jsxs(Je,{windowSize:g,children:[o.jsxRuntimeExports.jsxs(et,{onClick:n,"data-testid":e.generateDataTestId("view-account-detail-button"),children:[o.jsxRuntimeExports.jsx(ht,{}),g==="small"?o.jsxRuntimeExports.jsx(X,{className:"btnText",children:i.zeniAccountDetail.accDetails}):o.jsxRuntimeExports.jsx(Z,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),o.jsxRuntimeExports.jsxs(tt,{"data-testid":e.generateDataTestId("download-bank-verification-letter"),onClick:()=>ge.downloadPdf(`${d}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${t.accountDetail?.accountLast4}.pdf`,j,m),children:[S?o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"Standard",start:!0}):o.jsxRuntimeExports.jsx(gt,{}),g==="small"?o.jsxRuntimeExports.jsx(X,{className:"btnText",children:i.zeniAccountDetail.bankLetter}):o.jsxRuntimeExports.jsx(Z,{className:"btnText",children:i.zeniAccountDetail.bankLetter})]})]})]})]}),t.transactionList.length>0?o.jsxRuntimeExports.jsxs(Pe,{windowSize:g,children:[o.jsxRuntimeExports.jsxs(Ae,{children:[o.jsxRuntimeExports.jsx(lt,{children:i.zeniAccountDetail.transactions}),f?o.jsxRuntimeExports.jsxs(pt,{onClick:h,"data-testid":e.generateDataTestId("view-all-account-transactions"),children:[o.jsxRuntimeExports.jsx(xt,{children:i.zeniAccountDetail.viewAll}),o.jsxRuntimeExports.jsx(dt,{})]}):null]}),o.jsxRuntimeExports.jsx(Le,{children:t.transactionList.map((x,c)=>o.jsxRuntimeExports.jsx(je.DepositAccTransactionItem,{data:x,boxType:he.boxType(c,t.transactionList.length)},x.id))})]}):o.jsxRuntimeExports.jsxs(Te,{children:[o.jsxRuntimeExports.jsx(ke,{windowSize:g}),o.jsxRuntimeExports.jsx(Be,{children:i.zeniAccountDetail.noTransactionText})]})]})});Q.displayName="AccountDetailScreen";const we=({authParams:t,downloadEndPoint:p,zeniAccountDetail:n,isBillPayEnabled:d,isExpressPayEnabled:j,onViewAllTransactionClick:S,onAccountDetailClick:m,handleMoveMoneyOptionSelection:h,onBackClick:f,onCloseAccountClick:g,onEditNameClick:a,onReloadZeniAccountDetailPage:x})=>{const c=o.useForm({mode:"all"}),{setFocus:R}=c,[C,$]=r.useState(!1),[B,P]=r.useState(!1),[H,ee]=r.useState(!1),W=e.useWindowSizeContext(),O=e.useGlobalInfoContext(),F=O.loggedInUserRoleMap.deposit_accounts_user===!0||v.hasAnyFinOpRole(O.loggedInUserRoleMap);r.useEffect(()=>{const l=setTimeout(()=>{n.fetchState==="Completed"&&n.accountDetail?.accountBalance.available.amount===0&&!F&&h("transfer",n.accountDetail)},500);return()=>{clearTimeout(l)}},[n.accountDetail?.id,n.fetchState,F]),r.useEffect(()=>{H===!0&&setTimeout(()=>{ee(!1)},800)},[H]);const te=n.transactionList.length>4,A=o.useTheme(),[oe,se]=r.useState(!1),[ne,D]=r.useState(!1),N=n.accountUpdateStatus.editName.fetchState,G=e.usePrevious(N),ie=l=>{l==="closeAccount"?$(!0):l==="editNickName"?P(!0):l==="payBill"?D(!0):h(l,n.accountDetail)},ae={onOkClick:()=>{g?.(),$(!1)},onCancelClick:()=>{$(!1)}},re={onOkClick:()=>{},onCancelClick:()=>{c.reset(),P(!1)}};r.useEffect(()=>{G==="In-Progress"&&N==="Completed"&&(P(!1),c.reset())},[G,N,c]),r.useEffect(()=>{B&&R(L)},[B,R]);const ce={pageName:"detailPage",onOptionSelection:ie},le=n.accountDetail?.accountName??"",E=n.accountSummary,pe=c.handleSubmit(l=>{a?.(l.checkingAccountNickName)}),de={onOkClick:()=>{h("payBill"),D(!1)},onCancelClick:()=>{D(!1)}},xe=l=>{switch(l){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},ue=r.useCallback(l=>{let w=null;switch(l){case"insuredBalance":w=o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{});break;case"totalInterest":w=o.jsxRuntimeExports.jsx(yt,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":w=o.jsxRuntimeExports.jsxs(St,{children:[o.jsxRuntimeExports.jsx(jt,{children:i.zeniAccountList.balanceTooltip.base}),o.jsxRuntimeExports.jsxs(z,{children:[o.jsxRuntimeExports.jsx(M,{children:i.zeniAccountList.balanceTooltip.balance}),o.jsxRuntimeExports.jsx(U,{children:e.amountToString("0,0[.]00",E?.totalBalance.current)})]}),o.jsxRuntimeExports.jsxs(z,{children:[o.jsxRuntimeExports.jsx(M,{children:i.zeniAccountList.balanceTooltip.processing}),o.jsxRuntimeExports.jsx(U,{children:e.amountToString("0,0[.]00",E?.totalBalance.hold)})]}),o.jsxRuntimeExports.jsxs(z,{children:[o.jsxRuntimeExports.jsx(M,{children:i.zeniAccountList.balanceTooltip.available}),o.jsxRuntimeExports.jsx(U,{children:e.amountToString("0,0[.]00",E?.totalBalance.available)})]})]});break}return o.jsxRuntimeExports.jsx(T,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{style:{textAlign:"left",padding:e.Space.sp1},maxWidth:xe(l),display:"flex",placement:W==="small"?"bottom":"top",title:w,children:o.jsxRuntimeExports.jsx(ft,{})})})},[E,W]),me=o.jsxRuntimeExports.jsx(Se.ZeniAccountNavBarPieces,{zeniBankProps:ce,isBillPayEnabled:d,isExpressPayEnabled:j});return o.jsxRuntimeExports.jsxs(De,{children:[o.jsxRuntimeExports.jsx(e.NavBar,{title:le,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:f,showMenuIcon:!1,backgroundColor:A.colors.grey4,style:{zIndex:3,...e.textStyles.largeSemiBold.cssObject},rightSideComponent:me,source:"ZeniAccountDetailPage"}),C?o.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${k.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:ae}):null,ne?o.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:i.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:i.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:i.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:de,secondaryButtonWidth:130,primaryButtonWidth:130}):null,B?o.jsxRuntimeExports.jsx(e.ConfirmationPopup,{titleComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpTitle,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:o.jsxRuntimeExports.jsx(e.ConfirmationPopUpDescription,{children:i.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:i.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:i.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:Y,action:re,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:o.jsxRuntimeExports.jsx(o.FormProvider,{...c,children:o.jsxRuntimeExports.jsx("form",{id:Y,onSubmit:pe,style:{height:e.Space.sp8,width:"80%",marginBottom:e.Space.sp5},children:o.jsxRuntimeExports.jsx(e.TextField,{type:"text",name:L,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:e.Space.sp7,textAlign:"left",width:"100%",background:o.has(c.formState.errors,L)===!0?e.Colors.importantLight:A.colors.background,border:`1px solid ${A.colors.background}`},registerOptions:{required:!0,validate:l=>!!l}})})})}):null,n.fetchState==="Completed"?o.jsxRuntimeExports.jsx(Q,{authParams:t,downloadEndPoint:p,getToolTipContent:ue,onAccountDetailClick:m,onViewAllTransactionClick:S,setShowLoader:se,showLoader:oe,showViewAllTransactions:te,zeniAccountDetail:n}):n.fetchState==="Error"?o.jsxRuntimeExports.jsxs(We,{children:[o.jsxRuntimeExports.jsx(Oe,{onClick:x,"data-testid":e.generateDataTestId("account-detail-reload"),children:o.jsxRuntimeExports.jsx(Ge,{})}),o.jsxRuntimeExports.jsx(Fe,{children:Ee.reloadPage.label})]}):o.jsxRuntimeExports.jsx($e,{children:o.jsxRuntimeExports.jsx(e.ActivityIndicator,{size:"ExtraLarge",start:!0})})]})},ve=({zeniAccountDetail:t,getToolTipContent:p})=>{const n=e.useWindowSizeContext(),[d,j]=r.useState(!1),[,S]=e.useCopyToClipboard(),[m,h]=r.useState(!1),f=()=>{S(t.accountDetail?.accountNumber??""),h(!0)};return r.useEffect(()=>{m===!0&&setTimeout(()=>{h(!1)},800)},[m]),o.jsxRuntimeExports.jsxs(Ie,{children:[o.jsxRuntimeExports.jsxs(ze,{children:[o.jsxRuntimeExports.jsx(ot,{children:o.jsxRuntimeExports.jsxs(_,{children:[q(i.zeniAccountList.totalAvailableBalance),p("totalBalance")]})}),o.jsxRuntimeExports.jsx(ct,{windowSize:n,children:t.accountDetail?.accountBalance.available?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsx(e.AmountBalance,{amount:t.accountDetail?.accountBalance.available,integerStyles:e.textStyles.h2Regular.cssObject,decimalStyles:e.textStyles.h5Medium.cssObject})}):null}),d?o.jsxRuntimeExports.jsxs(J,{windowSize:n,children:[t.accountDetail?.accountNumber,o.jsxRuntimeExports.jsx(T,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{display:"flex",placement:"top",title:i.zeniAccountDetail.hide,enterDelay:600,children:o.jsxRuntimeExports.jsx(rt,{"data-testid":e.generateDataTestId("hide-account-number"),onClick:()=>{j(!1)}})})}),o.jsxRuntimeExports.jsx(T,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{display:"flex",placement:"right",title:m?k.copyToClipBoard.copied:k.copyToClipBoard.copy,enterDelay:600,children:m===!0?o.jsxRuntimeExports.jsx(mt,{}):o.jsxRuntimeExports.jsx(ut,{onClick:f,"data-testid":e.generateDataTestId("copy-account-number")})})})]}):o.jsxRuntimeExports.jsxs(J,{windowSize:n,children:[t.accountDetail?.maskedAccountNumber,o.jsxRuntimeExports.jsx(T,{children:o.jsxRuntimeExports.jsx(e.Tooltip,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:o.jsxRuntimeExports.jsx(at,{"data-testid":e.generateDataTestId("show-account-number"),onClick:()=>{j(!0)}})})})]})]}),o.jsxRuntimeExports.jsxs(Me,{children:[o.jsxRuntimeExports.jsxs(_,{children:[q(i.common.totalYieldEarned),p("totalInterest")]}),o.jsxRuntimeExports.jsxs(Xe,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[o.jsxRuntimeExports.jsx(e.AmountBalance,{amount:t.accountSummary?.totalInterest.available,integerStyles:e.textStyles.largeRegular.cssObject,decimalStyles:e.textStyles.smallRegular.cssObject}),o.jsxRuntimeExports.jsx(Ke,{}),o.jsxRuntimeExports.jsx(Qe,{children:`${i.common.currentAverageYield} ${t.accountDetail?.annualPercentageYield}`})]})]})]})},Te=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,ke=s(e.SvgNoTransaction)`
+  width: ${t=>u.styledNoTransactionIconSize.valuePx(t.windowSize)};
+  height: ${t=>u.styledNoTransactionIconSize.valuePx(t.windowSize)};
+  margin-top: 128px;
+  margin-bottom: ${e.Space.sp3};
+`,Be=s(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  text-align: center;
+`,Pe=s.div`
+  margin-top: ${t=>u.accountDetailContentMarginTop.valuePx(t.windowSize)};
+  margin-right: ${t=>u.accountDetailHeaderPaddingRight.valuePx(t.windowSize)};
+  margin-left: ${t=>u.accountDetailHeaderPaddingLeft.valuePx(t.windowSize)};
+  margin-bottom: ${e.Space.sp0};
+  &:last-child {
+    margin-bottom: ${e.Space.sp8};
+  }
+`,Ae=s.div`
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: ${e.Space.sp3};
+`,De=s.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,Ne=s.div`
+  display: flex;
+  gap: ${t=>`${u.accountDetailHeaderGap.valuePx(t.windowSize)}`};
+  flex-direction: ${t=>t.windowSize==="small"?"column":"row"};
+  background: ${t=>t.theme.colors.grey4};
+  padding-top: ${e.Space.sp6};
+  padding-right: ${t=>u.accountDetailHeaderPaddingRight.valuePx(t.windowSize)};
+  padding-bottom: ${t=>u.accountDetailHeaderPaddingBottom.valuePx(t.windowSize)};
+  padding-left: ${t=>u.accountDetailHeaderPaddingLeft.valuePx(t.windowSize)};
+  justify-content: space-between;
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+`,Le=s.div`
+  box-shadow: ${t=>`${e.Space.sp0} 2px ${e.Space.sp1} ${t.theme.colors.dropShadowNormal}`};
+  border-radius: ${e.Space.sp2};
+`,Ie=s.div`
+  display: flex;
+  gap: ${e.Space.sp3};
+  flex-direction: column;
+  justify-content: space-between;
+`,ze=s.div``,Me=s.div``,Ue=s.div`
+  display: flex;
+  gap: ${e.Space.sp3};
+  flex: 1;
+  flex-direction: column;
+  justify-content: flex-end;
+`,He=s.g`
+  transform: ${t=>`translate(${t.translateX}px, ${t.translateY}px)`};
+`,We=s.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Oe=s.div`
+  height: ${e.Space.sp12};
+  width: ${e.Space.sp12};
+  background: ${t=>t.theme.colors.background};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${e.Space.sp5};
+    color: ${t=>t.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+`,Fe=s(e.SmallRegularSp)`
+  margin-top: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+`,Ge=s(e.SvgReload)`
+  height: ${e.Space.sp5};
+  width: ${e.Space.sp5};
+  margin: ${e.Space.sp5};
+  color: ${t=>t.theme.colors.grey1};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,Ye=s.text`
+  fill: ${t=>t.theme.colors.hero};
+  ${t=>`${be.tickLabelText.style(t.windowSize)}`};
+`,qe=s.linearGradient``,Ve=s.stop``,_e=s.stop``,Je=s.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${t=>u.accBtnsGap.valuePx(t.windowSize)};
+  justify-content: ${t=>t.windowSize==="small"?"space-between":"flex-end"};
+  align-items: center;
+`,Ze=s.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-left: -${e.Space.sp8};
+  .recharts-cartesian-grid {
+    .recharts-cartesian-grid-horizontal {
+      line:last-child {
+        display: none;
+      }
+    }
+  }
+`,Xe=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+`,Ke=s.div`
+  align-self: center;
+  background-color: ${t=>t.theme.colors.grey1};
+  border-radius: 50%;
+  width: ${e.Space.sp1};
+  height: ${e.Space.sp1};
+  margin: ${e.Space.sp0} ${e.Space.sp1};
+  margin-top: 2px;
+`,Qe=s(e.ExtraSmallRegular)`
+  color: ${t=>t.theme.colors.primary};
+  margin-top: ${e.Space.sp1};
+`,et=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    .btnText {
+      color: ${t=>t.theme.colors.primary};
+    }
+    svg {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+  margin-left: ${e.Space.sp3};
+`,tt=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    .btnText {
+      color: ${t=>t.theme.colors.primary};
+    }
+    svg {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+  margin-right: ${e.Space.sp3};
+`,ot=s(e.SmallRegular)`
+  display: flex;
+  color: ${t=>t.theme.colors.hero};
+`,st=s.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  position: relative;
+  top: -22px;
+  right: 103px;
+  min-height: ${e.Space.sp6};
+  min-width: 66px;
+  border-radius: ${e.Space.sp1};
+  padding: ${e.Space.sp0} ${e.Space.sp2};
+  background-color: ${e.Colors.blackColor};
+`,nt=s.circle`
+  stroke: ${t=>t.theme.colors.brandColorJade};
+  fill: ${t=>t.theme.colors.grey5};
+`,V=s(e.SmallRegular)`
+  color: ${t=>t.isSublabel===!0?e.Colors.neutralGrey1Light:e.Colors.brandColorPearl};
+`,_=s.div`
+  display: flex;
+  gap: ${e.Space.sp1};
+`,it=s(e.SmallRegular)`
+  color: ${t=>t.theme.colors.hero};
+`,J=s(e.LargeRegular)`
+  text-transform: capitalize;
+  color: ${t=>`${t.windowSize==="small"?t.theme.colors.hero:t.theme.colors.champion}`};
+  display: flex;
+  align-items: center;
+`,at=s(e.SvgVisibleOn)`
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  margin-left: ${e.Space.sp2};
+  margin-right: ${e.Space.sp2};
+  cursor: pointer;
+  color: ${t=>t.theme.colors.hero};
+`,rt=s(e.SvgVisibleOff)`
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  margin-left: ${e.Space.sp2};
+  margin-right: ${e.Space.sp2};
+  color: ${t=>t.theme.colors.hero};
+`,ct=s.div`
+  display: flex;
+  align-items: baseline;
+  color: ${t=>t.theme.colors.primary};
+`,Z=s(e.StandardRegular)`
+  margin-left: ${e.Space.sp2};
+`,X=s(e.SmallRegular)`
+  margin-left: ${e.Space.sp2};
+`,lt=s(e.LargeSemiBold)`
+  color: ${t=>t.theme.colors.primary};
+`,pt=s.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  &:hover {
+    div {
+      color: ${t=>t.theme.colors.primary};
+    }
+
+    svg {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+`,dt=s(e.SvgArrowRight)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.grey1};
+`,xt=s(e.StandardRegular)`
+  color: ${t=>t.theme.colors.hero};
+  margin-right: ${e.Space.sp2};
+`,T=s.div`
+  display: flex;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+    svg {
+      color: ${t=>t.theme.colors.primary};
+    }
+  }
+`,ut=s(e.SvgCopy)`
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,mt=s(e.SvgTickRoundFill)`
+  height: ${e.Space.sp3};
+  width: ${e.Space.sp3};
+  color: ${e.Colors.success};
+`,ht=s(Re)`
+  width: ${e.Space.sp4};
+  min-width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+`,gt=s(fe.SvgBankLetter)`
+  width: ${e.Space.sp4};
+  min-width: ${e.Space.sp4};
+  height: ${e.Space.sp4};
+`,jt=s(e.SmallRegular)`
+  margin-bottom: ${e.Space.sp2};
+  display: flex;
+`,St=s(e.SmallRegular)`
+  padding: 12px ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+  border-radius: ${e.Space.sp1};
+`,z=s(e.SmallRegular)`
+  color: ${t=>t.theme.colors.brandColorPearl};
+  margin-top: ${e.Space.sp2};
+  display: flex;
+  justify-content: space-between;
+`,M=s.div`
+  color: ${t=>t.theme.colors.hero};
+`,U=s.div`
+  color: ${e.Colors.primaryDark};
+`,ft=s(e.SvgInfo)`
+  width: ${e.Space.sp3};
+  height: ${e.Space.sp3};
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`,yt=s(e.SmallRegular)`
+  padding: ${e.Space.sp2};
+  color: ${t=>t.theme.colors.hero};
+`,Rt=s.div`
+  height: -webkit-fill-available;
+  align-self: center;
+`,$t=s(e.StandardMedium)`
+  opacity: 0.25;
+`;exports.default=we;