@zeniai/web-components 3.17.1 → 3.17.2

package/dist/WarningsDrawerPage-CdBraA01.cjs

@@ -0,0 +1,92 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./vendor-.pnpm-D0ILHvHB.cjs"),i=require("@emotion/styled"),f=require("@zeniai/client-epic-state"),o=require("./index-gTpRqqAW.cjs"),e=o.appLocale.getLocalizedStrings(),g={navBarHeight:new o.ResponsiveSized(62,62,62),navBarPaddingLeft:new o.ResponsiveSized(o.sp[3],o.sp[3],o.sp[8]),navBarPaddingRight:new o.ResponsiveSized(o.sp[3],o.sp[3],o.sp[8]),navBarPaddingTop:new o.ResponsiveSized(12,12,o.sp[3]),navBarPaddingBottom:new o.ResponsiveSized(12,12,19)},k={title:new o.ResponsiveSizedStyle("largeMedium","largeSemiBold")},b=({companyView:n,allUsers:c,onRetryBankAccountConnection:s,onCloseClick:d})=>{const l=o.useWindowSizeContext(),y=n!=null?f.getAuditWarningsCount(n):0,w=n?.onboardingInfo?.bankAccountLinked,v=n?.onboardingInfo?.qboLinked,$=n?.onboardingInfo?.identityVerified,x=n?.onboardingInfo?.businessVerified,h=n?.onboardingInfo?.accountingConnectionCreationMode==="zeni_user",u=[];if(w!=null){const t=c.find(p=>p.userId===w.userIds[0]),{errorMessage:a,successMessage:m}=j(w,h,t);u.push({status:a!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:t,message:a??m??`${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,onClickRetry:s})}if(v!=null){const t=c.find(p=>p.userId===v.userIds[0]),{errorMessage:a,successMessage:m}=R(v,h,t);u.push({status:a!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:t,message:a??m??`${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`})}if($!=null){const t=c.find(p=>p.userId===$.userIds[0]),{errorMessage:a,successMessage:m}=E($,h,t);u.push({status:a!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:t,message:a??m??`${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${$.status}`})}if(x!=null){const t=c.find(p=>p.userId===x.userIds[0]),{errorMessage:a,successMessage:m}=I(x,h,t);u.push({status:a!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:t,message:a??m??`${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${x.status}`})}return r.jsxRuntimeExports.jsxs(C,{children:[r.jsxRuntimeExports.jsx(D,{windowSize:l,children:r.jsxRuntimeExports.jsx(M,{children:r.jsxRuntimeExports.jsxs(P,{windowSize:l,children:[r.jsxRuntimeExports.jsx(B,{windowSize:l,children:n?.name}),r.jsxRuntimeExports.jsx(Q,{onClick:d})]})})}),r.jsxRuntimeExports.jsxs(z,{children:[r.jsxRuntimeExports.jsx(L,{children:y>0?r.jsxRuntimeExports.jsxs(S,{children:[r.jsxRuntimeExports.jsx(S,{children:o.capitaliseWords(e.cockpit.review.warningsDrawer.issueFound)}),r.jsxRuntimeExports.jsx(H,{children:`${e.common.strings.openingBrace}${y}${e.common.strings.closingBrace}`})]}):r.jsxRuntimeExports.jsx(S,{children:`${e.common.no} 
+              ${o.capitaliseWords(e.cockpit.review.warningsDrawer.issueFound)}`})}),u.map((t,a)=>r.jsxRuntimeExports.jsx(N,{isStepInError:t.status==="Error",children:r.jsxRuntimeExports.jsxs(T,{children:[r.jsxRuntimeExports.jsx(A,{children:t.status==="Complete"?r.jsxRuntimeExports.jsx(F,{}):t.status==="Error"?r.jsxRuntimeExports.jsx(o.SvgHighImportanceFilled,{}):r.jsxRuntimeExports.jsx(O,{})}),r.jsxRuntimeExports.jsxs(W,{children:[r.jsxRuntimeExports.jsx(q,{isStepInError:t.status==="Error",children:t.message}),t.status==="Error"?r.jsxRuntimeExports.jsx(o.Button,{label:e.common.retry,onClick:t.onClickRetry,loading:n?.retryBankAccountConnectionFetchState.fetchState==="In-Progress",variant:"light_transparent",style:{padding:`${o.Space.sp1} ${o.Space.sp3}`,borderRadius:o.Space.sp1},textStyle:{...o.textStyles.extraSmallMedium.cssObject}}):null]})]})},a))]})]})},j=(n,c,s)=>{const d=n.error===!0?n.errorDetails!=null?n.errorDetails.summary:e.cockpit.review.errors.bankAccountLinked:null,l=n.completed===!0?s!=null?`${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:e.cockpit.onboarding.header.linkBankAccount:null;return{errorMessage:d,successMessage:l}},R=(n,c,s)=>{const d=n.error===!0?n.errorDetails!=null?n.errorDetails.summary:e.cockpit.review.errors.qboLinked:null,l=n.completed===!0?s!=null?`${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.onboarding.header.connectToQBO}`:null;return{errorMessage:d,successMessage:l}},E=(n,c,s)=>{const d=n.status==="Error"?s!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()}`:null,l=n.status==="Complete"?s!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},I=(n,c,s)=>{const d=n.status==="Error"?s!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()}`:null,l=n.status==="Complete"?s!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${c===!0?`${e.common.via} ${e.common.cockpit} `:e.common.strings.empty}${e.common.by} ${s.firstName} ${s.lastName}`:`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity}`:null;return{errorMessage:d,successMessage:l}},C=i.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${o.Space.sp3};
+`,D=i.div`
+  min-height: ${n=>g.navBarHeight.valuePx(n.windowSize)};
+  position: sticky;
+  background-color: ${n=>n.theme.colors.grey4};
+  border-bottom: 1px solid transparent;
+  z-index: 1;
+  top: ${o.Space.sp0};
+  width: 100%;
+`,M=i.div`
+  position: relative;
+`,z=i.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${o.Space.sp3} ${o.Space.sp8} 102px ${o.Space.sp8};
+`,L=i(o.H5Regular)`
+  color: ${n=>n.theme.colors.primary};
+  margin-bottom: ${o.Space.sp3};
+  margin-right: ${o.Space.sp6};
+`,P=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  padding-right: ${n=>g.navBarPaddingRight.valuePx(n.windowSize)};
+  padding-left: ${n=>g.navBarPaddingLeft.valuePx(n.windowSize)};
+  padding-top: ${n=>g.navBarPaddingTop.valuePx(n.windowSize)};
+  padding-bottom: ${n=>g.navBarPaddingBottom.valuePx(n.windowSize)};
+  height: 100%;
+`,B=i(o.StyledText)`
+  ${n=>`${k.title.style(n.windowSize)}`};
+  display: flex;
+  flex: 1 1 auto;
+  color: ${n=>n.theme.colors.primary};
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+`,N=i.div`
+  display: flex;
+  background-color: ${n=>n.isStepInError?o.Colors.alertLight:n.theme.colors.grey5};
+  border: ${n=>`1px solid ${n.theme.colors.grey3}`};
+  border-radius: ${o.Space.sp2};
+  margin-bottom: ${o.Space.sp3};
+  border-color: ${n=>n.isStepInError?o.Colors.brandColorGold:n.theme.colors.grey2};
+  flex-direction: column;
+`,T=i.div`
+  display: flex;
+  margin: 12px ${o.Space.sp3} 12px ${o.Space.sp3};
+  align-items: center;
+`,A=i.div`
+  display: flex;
+`,W=i.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+`,q=i.div`
+  display: flex;
+  color: ${n=>n.isStepInError?o.Colors.brandColorGoldDark:n.theme.colors.primary};
+  margin-left: ${o.Space.sp2};
+  align-items: center;
+`,F=i(o.SvgTickRoundFill)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+  color: ${o.Colors.success};
+`,O=i(o.SvgQueryRound)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+  color: ${n=>n.theme.colors.hero};
+`,Q=i(o.SvgClose)`
+  width: ${o.Space.sp4};
+  height: ${o.Space.sp4};
+  cursor: pointer;
+  color: ${n=>n.theme.colors.hero};
+  &:hover {
+    color: ${n=>n.theme.colors.primary};
+  }
+`,S=i.div`
+  display: flex;
+`,H=i(o.LargeRegular)`
+  display: flex;
+  align-items: end;
+  color: ${o.Colors.brandColorGoldDark};
+  margin-left: ${o.Space.sp2};
+`;exports.default=b;

package/dist/WarningsDrawerPage-DBpVe7bB.js

@@ -0,0 +1,228 @@
+import { j as r } from "./vendor-.pnpm-B2klaOGU.js";
+import i from "@emotion/styled";
+import { getAuditWarningsCount as C } from "@zeniai/client-epic-state";
+import { u as j, a as D, he as I, ap as M, B as L, t as E, S as s, R as p, aw as P, J as R, b as B, H as z, C as w, ai as N, bc as T, gp as A, D as u } from "./index-BEMjPEfs.js";
+const e = D.getLocalizedStrings(), h = {
+  navBarHeight: new p(62, 62, 62),
+  navBarPaddingLeft: new p(u[3], u[3], u[8]),
+  navBarPaddingRight: new p(u[3], u[3], u[8]),
+  navBarPaddingTop: new p(12, 12, u[3]),
+  navBarPaddingBottom: new p(12, 12, 19)
+}, F = {
+  title: new P("largeMedium", "largeSemiBold")
+}, me = ({
+  companyView: n,
+  allUsers: c,
+  onRetryBankAccountConnection: o,
+  onCloseClick: d
+}) => {
+  const l = j(), S = n != null ? C(n) : 0, k = n?.onboardingInfo?.bankAccountLinked, x = n?.onboardingInfo?.qboLinked, f = n?.onboardingInfo?.identityVerified, v = n?.onboardingInfo?.businessVerified, y = n?.onboardingInfo?.accountingConnectionCreationMode === "zeni_user", $ = [];
+  if (k != null) {
+    const t = c.find(
+      (g) => g.userId === k.userIds[0]
+    ), { errorMessage: a, successMessage: m } = H(
+      k,
+      y,
+      t
+    );
+    $.push({
+      status: a != null ? "Error" : m != null ? "Complete" : "Incomplete",
+      userInfo: t,
+      message: a ?? m ?? `${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,
+      onClickRetry: o
+    });
+  }
+  if (x != null) {
+    const t = c.find(
+      (g) => g.userId === x.userIds[0]
+    ), { errorMessage: a, successMessage: m } = Q(
+      x,
+      y,
+      t
+    );
+    $.push({
+      status: a != null ? "Error" : m != null ? "Complete" : "Incomplete",
+      userInfo: t,
+      message: a ?? m ?? `${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`
+    });
+  }
+  if (f != null) {
+    const t = c.find(
+      (g) => g.userId === f.userIds[0]
+    ), { errorMessage: a, successMessage: m } = W(
+      f,
+      y,
+      t
+    );
+    $.push({
+      status: a != null ? "Error" : m != null ? "Complete" : "Incomplete",
+      userInfo: t,
+      message: a ?? m ?? `${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${f.status}`
+    });
+  }
+  if (v != null) {
+    const t = c.find(
+      (g) => g.userId === v.userIds[0]
+    ), { errorMessage: a, successMessage: m } = O(
+      v,
+      y,
+      t
+    );
+    $.push({
+      status: a != null ? "Error" : m != null ? "Complete" : "Incomplete",
+      userInfo: t,
+      message: a ?? m ?? `${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${v.status}`
+    });
+  }
+  return /* @__PURE__ */ r.jsxs(_, { children: [
+    /* @__PURE__ */ r.jsx(q, { windowSize: l, children: /* @__PURE__ */ r.jsx(J, { children: /* @__PURE__ */ r.jsxs(Y, { windowSize: l, children: [
+      /* @__PURE__ */ r.jsx(Z, { windowSize: l, children: n?.name }),
+      /* @__PURE__ */ r.jsx(re, { onClick: d })
+    ] }) }) }),
+    /* @__PURE__ */ r.jsxs(K, { children: [
+      /* @__PURE__ */ r.jsx(X, { children: S > 0 ? /* @__PURE__ */ r.jsxs(b, { children: [
+        /* @__PURE__ */ r.jsx(b, { children: I(
+          e.cockpit.review.warningsDrawer.issueFound
+        ) }),
+        /* @__PURE__ */ r.jsx(te, { children: `${e.common.strings.openingBrace}${S}${e.common.strings.closingBrace}` })
+      ] }) : /* @__PURE__ */ r.jsx(b, { children: `${e.common.no} 
+              ${I(
+        e.cockpit.review.warningsDrawer.issueFound
+      )}` }) }),
+      $.map((t, a) => /* @__PURE__ */ r.jsx(
+        G,
+        {
+          isStepInError: t.status === "Error",
+          children: /* @__PURE__ */ r.jsxs(V, { children: [
+            /* @__PURE__ */ r.jsx(U, { children: t.status === "Complete" ? /* @__PURE__ */ r.jsx(oe, {}) : t.status === "Error" ? /* @__PURE__ */ r.jsx(M, {}) : /* @__PURE__ */ r.jsx(se, {}) }),
+            /* @__PURE__ */ r.jsxs(ee, { children: [
+              /* @__PURE__ */ r.jsx(ne, { isStepInError: t.status === "Error", children: t.message }),
+              t.status === "Error" ? /* @__PURE__ */ r.jsx(
+                L,
+                {
+                  label: e.common.retry,
+                  onClick: t.onClickRetry,
+                  loading: n?.retryBankAccountConnectionFetchState.fetchState === "In-Progress",
+                  variant: "light_transparent",
+                  style: {
+                    padding: `${s.sp1} ${s.sp3}`,
+                    borderRadius: s.sp1
+                  },
+                  textStyle: {
+                    ...E.extraSmallMedium.cssObject
+                  }
+                }
+              ) : null
+            ] })
+          ] })
+        },
+        a
+      ))
+    ] })
+  ] });
+}, H = (n, c, o) => {
+  const d = n.error === !0 ? n.errorDetails != null ? n.errorDetails.summary : e.cockpit.review.errors.bankAccountLinked : null, l = n.completed === !0 ? o != null ? `${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : e.cockpit.onboarding.header.linkBankAccount : null;
+  return { errorMessage: d, successMessage: l };
+}, Q = (n, c, o) => {
+  const d = n.error === !0 ? n.errorDetails != null ? n.errorDetails.summary : e.cockpit.review.errors.qboLinked : null, l = n.completed === !0 ? o != null ? `${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.onboarding.header.connectToQBO}` : null;
+  return { errorMessage: d, successMessage: l };
+}, W = (n, c, o) => {
+  const d = n.status === "Error" ? o != null ? `${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()}` : null, l = n.status === "Complete" ? o != null ? `${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity}` : null;
+  return { errorMessage: d, successMessage: l };
+}, O = (n, c, o) => {
+  const d = n.status === "Error" ? o != null ? `${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()}` : null, l = n.status === "Complete" ? o != null ? `${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${c === !0 ? `${e.common.via} ${e.common.cockpit} ` : e.common.strings.empty}${e.common.by} ${o.firstName} ${o.lastName}` : `${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity}` : null;
+  return { errorMessage: d, successMessage: l };
+}, _ = i.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${s.sp3};
+`, q = i.div`
+  min-height: ${(n) => h.navBarHeight.valuePx(n.windowSize)};
+  position: sticky;
+  background-color: ${(n) => n.theme.colors.grey4};
+  border-bottom: 1px solid transparent;
+  z-index: 1;
+  top: ${s.sp0};
+  width: 100%;
+`, J = i.div`
+  position: relative;
+`, K = i.div`
+  display: flex;
+  flex-direction: column;
+  margin: ${s.sp3} ${s.sp8} 102px ${s.sp8};
+`, X = i(z)`
+  color: ${(n) => n.theme.colors.primary};
+  margin-bottom: ${s.sp3};
+  margin-right: ${s.sp6};
+`, Y = i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  padding-right: ${(n) => h.navBarPaddingRight.valuePx(n.windowSize)};
+  padding-left: ${(n) => h.navBarPaddingLeft.valuePx(n.windowSize)};
+  padding-top: ${(n) => h.navBarPaddingTop.valuePx(n.windowSize)};
+  padding-bottom: ${(n) => h.navBarPaddingBottom.valuePx(n.windowSize)};
+  height: 100%;
+`, Z = i(R)`
+  ${(n) => `${F.title.style(n.windowSize)}`};
+  display: flex;
+  flex: 1 1 auto;
+  color: ${(n) => n.theme.colors.primary};
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+`, G = i.div`
+  display: flex;
+  background-color: ${(n) => n.isStepInError ? w.alertLight : n.theme.colors.grey5};
+  border: ${(n) => `1px solid ${n.theme.colors.grey3}`};
+  border-radius: ${s.sp2};
+  margin-bottom: ${s.sp3};
+  border-color: ${(n) => n.isStepInError ? w.brandColorGold : n.theme.colors.grey2};
+  flex-direction: column;
+`, V = i.div`
+  display: flex;
+  margin: 12px ${s.sp3} 12px ${s.sp3};
+  align-items: center;
+`, U = i.div`
+  display: flex;
+`, ee = i.div`
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+`, ne = i.div`
+  display: flex;
+  color: ${(n) => n.isStepInError ? w.brandColorGoldDark : n.theme.colors.primary};
+  margin-left: ${s.sp2};
+  align-items: center;
+`, oe = i(T)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  color: ${w.success};
+`, se = i(A)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  color: ${(n) => n.theme.colors.hero};
+`, re = i(B)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  cursor: pointer;
+  color: ${(n) => n.theme.colors.hero};
+  &:hover {
+    color: ${(n) => n.theme.colors.primary};
+  }
+`, b = i.div`
+  display: flex;
+`, te = i(N)`
+  display: flex;
+  align-items: end;
+  color: ${w.brandColorGoldDark};
+  margin-left: ${s.sp2};
+`;
+export {
+  me as default
+};

package/dist/ZeniAccountDetailPage-CLvQvHeP.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-gTpRqqAW.cjs"),he=require("./BoxItem-DH_lDowf.cjs"),ge=require("./downloadPdf-3u48yAJC.cjs"),je=require("./DepositAccTransactionItem-CE_4R5le.cjs"),Se=require("./ZeniAccountNavBarPieces-BBkM5sxh.cjs"),fe=require("./MoreMenuButton-BcK9mc1G.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;