@zeniai/web-app-ui 4.14.35-prod → 4.14.36-dev

package/dist/assets/VideoPlayer-BRAgZThr-Bcaasp-U.js

@@ -0,0 +1,77 @@
+import{J as F,V as o,m as B,e as k}from"./index-T6cemxxv.js";import{a as e}from"./sentry-BoIfGJBF.js";import{n,k as S}from"./mui-GaW5Gk_e.js";import{r as j}from"./core-BSWMBnrJ.js";import{s as x}from"./media-player-2gWGctcr.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new t.Error().stack;i&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[i]="0ca3e1ac-22d2-41f0-b656-fb81f20b9b3f",t._sentryDebugIdIdentifier="sentry-dbid-0ca3e1ac-22d2-41f0-b656-fb81f20b9b3f")}catch{}})();const A=t=>e.createElement("svg",{width:208,height:208,viewBox:"0 0 208 208",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("g",{filter:"url(#filter0_f_251_38441)"},e.createElement("circle",{cx:104,cy:104,r:44,fill:"url(#paint0_linear_251_38441)"}),e.createElement("circle",{cx:104,cy:104,r:50,stroke:"url(#paint1_linear_251_38441)",strokeWidth:12})),e.createElement("g",{filter:"url(#filter1_d_251_38441)"},e.createElement("circle",{cx:104,cy:104,r:41.1429,fill:"#FAFAFA"}),e.createElement("circle",{cx:104,cy:104,r:43.1429,stroke:"url(#paint2_linear_251_38441)",strokeWidth:4})),e.createElement("g",{clipPath:"url(#clip0_251_38441)"},e.createElement("path",{d:"M120.16 102.411L96.2853 90.4684C96.0134 90.3343 95.7118 90.2718 95.409 90.2867C95.1062 90.3016 94.8122 90.3935 94.5548 90.5536C94.2974 90.7138 94.0851 90.9369 93.938 91.202C93.7908 91.467 93.7137 91.7652 93.7139 92.0684V115.931C93.7137 116.234 93.7908 116.533 93.938 116.798C94.0851 117.063 94.2974 117.286 94.5548 117.446C94.8122 117.606 95.1062 117.698 95.409 117.713C95.7118 117.728 96.0134 117.665 96.2853 117.531L120.16 105.588C120.456 105.442 120.706 105.216 120.88 104.935C121.055 104.654 121.147 104.33 121.147 104C121.147 103.669 121.055 103.345 120.88 103.065C120.706 102.784 120.456 102.558 120.16 102.411Z",fill:"black"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_f_251_38441",x:0,y:0,width:208,height:208,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e.createElement("feGaussianBlur",{stdDeviation:24,result:"effect1_foregroundBlur_251_38441"})),e.createElement("filter",{id:"filter1_d_251_38441",x:54.8569,y:58.8571,width:98.2856,height:98.2857,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dy:4}),e.createElement("feGaussianBlur",{stdDeviation:2}),e.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_251_38441"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_251_38441",result:"shape"})),e.createElement("linearGradient",{id:"paint0_linear_251_38441",x1:119.671,y1:119.671,x2:87.9755,y2:87.9758,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("linearGradient",{id:"paint1_linear_251_38441",x1:119.671,y1:119.671,x2:87.9755,y2:87.9758,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("linearGradient",{id:"paint2_linear_251_38441",x1:118.653,y1:118.653,x2:89.0159,y2:89.0164,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#7135FF"}),e.createElement("stop",{offset:.27204,stopColor:"#A050E4"}),e.createElement("stop",{offset:.364594,stopColor:"#B85ED7"}),e.createElement("stop",{offset:.546546,stopColor:"#CF6CC9"}),e.createElement("stop",{offset:.732127,stopColor:"#EE609C"}),e.createElement("stop",{offset:.85586,stopColor:"#EB61A0"}),e.createElement("stop",{offset:1,stopColor:"#EE609C"})),e.createElement("clipPath",{id:"clip0_251_38441"},e.createElement("rect",{width:27.4286,height:27.4286,fill:"white",transform:"translate(93.7139 90.2849)"}))));function R({src:t,autoPlay:i=!0,config:c,controls:m=!0,height:_="100%",isModalOpen:r,loop:u=!1,muted:h=!1,showPlayButton:d=!1,style:b,thumbnail:s,width:w="100%",onEnded:v,onModalClose:E,onPlay:g}){const f=F(),[a,l]=e.useState(!1);e.useEffect(()=>{r===!0&&i?l(!0):r===!1&&l(!1)},[r,i]);const p={};c?.youtube&&(p.youtube=c.youtube);const C=()=>{l(!1),v?.(),r!=null&&E?.()},y=()=>{l(!0),g?.()};return r!=null?r?j.createPortal(o.jsx(O,{windowSize:f,role:"presentation",children:o.jsx(B,{onClickAway:()=>{l(!1),E?.()},children:o.jsx(P,{windowSize:f,"data-testid":"video-player-modal",children:o.jsxs(z,{children:[d&&!a&&o.jsxs(o.Fragment,{children:[s!=null&&s!==""&&o.jsx(G,{src:s,alt:"Video thumbnail"}),o.jsx(U,{onClick:()=>{l(!0),g?.()},children:o.jsx(D,{windowSize:f})})]}),(!d||a)&&o.jsx(x,{src:t,playing:a,controls:m,muted:h,loop:u,width:"100%",height:"100%",onEnded:C,onPlay:y,config:p})]})})})}),document.body):null:o.jsx(x,{src:t,playing:a,controls:m,muted:h,loop:u,width:w,height:_,style:b,light:!(!d||a)&&(s??!0),onEnded:C,onPlay:y,config:p})}const I=S`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,U=n.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+  transition: transform 0.2s ease;
+  z-index: 1;
+
+  &:hover {
+    transform: translate(-50%, -50%) scale(1.05);
+  }
+
+  // The code below handles play button animation effects.
+  svg {
+    display: block;
+
+    g:nth-of-type(1),
+    g:nth-of-type(2) {
+      transform-origin: 104px 104px;
+      animation: ${I} 3s linear infinite;
+    }
+
+    g:nth-of-type(3) {
+      transform-origin: 104px 104px;
+    }
+  }
+`,D=n(A)`
+  width: auto;
+  height: auto;
+`,G=n.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+`,O=n.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1300;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: ${k.overlayDark};
+`,P=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  background: ${t=>t.theme.colors.grey3};
+  border-radius: 25px;
+  position: relative;
+  width: min(calc(100vw - 96px), calc((100vh - 96px) * 16 / 9));
+  aspect-ratio: 16 / 9;
+  padding: 0;
+  border: 3px solid ${t=>t.theme.colors.grey2};
+  box-sizing: content-box;
+`,z=n.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 22px;
+  overflow: hidden;
+`;export{A as I,R as N};

package/dist/assets/{VideoPopup-BqvZ-XIh-BNEOF87i.js → VideoPopup-C_SkBI9U-xDIm2hVu.js}

@@ -1,4 +1,4 @@
-import{e as s,V as t,k as a,b as l,f as c,o,x as d}from"./index-Djco7rZW.js";import{n}from"./mui-Xyv5fYYp.js";import{N as f}from"./VideoPlayer-VAzOGCDL-Gj554Pzr.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="e19f8cdf-d8c0-4fe1-9c9a-7282b1501d2e",e._sentryDebugIdIdentifier="sentry-dbid-e19f8cdf-d8c0-4fe1-9c9a-7282b1501d2e")}catch{}})();const r={width:new d(300,770,770),height:new d(195,500,500)},h=n.div`
+import{J as s,V as t,m as a,a6 as l,e as c,o,b as d}from"./index-T6cemxxv.js";import{n}from"./mui-GaW5Gk_e.js";import{N as h}from"./VideoPlayer-BRAgZThr-Bcaasp-U.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="68446784-397a-41e9-954f-4d9e9a926d26",e._sentryDebugIdIdentifier="sentry-dbid-68446784-397a-41e9-954f-4d9e9a926d26")}catch{}})();const r={width:new d(300,770,770),height:new d(195,500,500)},f=n.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -28,4 +28,4 @@ import{e as s,V as t,k as a,b as l,f as c,o,x as d}from"./index-Djco7rZW.js";imp
   position: relative;
   width: 100%;
   height: 100%;
-`;function y(e){const i=s();return t.jsx(h,{windowSize:i,role:"presentation",children:t.jsx(a,{onClickAway:()=>e.onCancelClick(),children:t.jsx(p,{windowSize:i,"data-testid":l("video-popup"),children:t.jsx(w,{children:t.jsx(f,{src:e.videoUrl,controls:!0,width:"100%",height:"100%"})})})})})}export{y as C};
+`;function y(e){const i=s();return t.jsx(f,{windowSize:i,role:"presentation",children:t.jsx(a,{onClickAway:()=>e.onCancelClick(),children:t.jsx(p,{windowSize:i,"data-testid":l("video-popup"),children:t.jsx(w,{children:t.jsx(h,{src:e.videoUrl,controls:!0,width:"100%",height:"100%"})})})})})}export{y as C};

package/dist/assets/WiseConfirmationScreen-DSWFe61l.js

@@ -0,0 +1,12 @@
+import{j as o}from"./pdf-DWoGjGSw.js";import{a as l}from"./sentry-BoIfGJBF.js";import{o as u,i as h,u as y,N as b}from"./core-BSWMBnrJ.js";import{GK as I,ct as w,u_ as j}from"./zeni-epic-state-BtVcBgvu.js";import{je as f,jC as x,e as S,jF as _}from"./index-T6cemxxv.js";import{n as c}from"./mui-GaW5Gk_e.js";import"./lottie-DOxhyevU.js";import"./liveblocks--WiFaeN0.js";import"./recharts-BQ8VH5gX.js";import"./dnd-DJrh3JTW.js";import"./analytics-BZz0SPy3.js";import"./plaid-CNcdZ4gc.js";import"./utils-BGRwbgi2.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="34462347-7857-4108-a18b-4d34a67413db",e._sentryDebugIdIdentifier="sentry-dbid-34462347-7857-4108-a18b-4d34a67413db")}catch{}})();const W=()=>{const[e]=u(),t=e.get("code")??"",s=e.get("state")??"",g=e.get("profileId")??"",[n,p]=l.useState(!1),a=h(),i=y(m=>I(m)),r=f.getSignedInUser(),d=f.getSignedInUserTenantWithId(s);if(r==null||d==null)return o.jsx(b,{to:"/signin/auth",replace:!0});if(r==null)throw Error("Can't access this page without signing in...");return w(r.userId,r.zeniSessionId,d?.tenantId),l.useEffect(()=>{n||(p(!0),a(j(t,g,s)))},[n,a]),i.fetchState==="Error"?o.jsx(D,{children:o.jsx(E,{children:i.error?.message??""})}):(i.fetchState==="Completed"&&window.close(),o.jsx(x,{fetchState:"In-Progress"}))},D=c.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+`,E=c(_.StandardRegular)`
+  display: flex;
+  color: ${S.important};
+`;export{W as default};

package/dist/assets/ZeniAccountDetailPage-Dp-eo-Vq-DUr2L7qz.js

@@ -0,0 +1,300 @@
+import{T as Ae,J as H,t as Te,y as pe,a7 as Pe,V as t,a4 as P,bg as B,o,a_ as Be,j as S,bK as O,bL as R,bM as V,A as Le,dG as Ne,e as f,dL as He,a6 as k,f as he,x as w,O as X,b6 as Me,ba as Ee,ab as Ie,b as j,gc as Ue,eC as ae,u as h,s as Z,ar as We,aj as Oe,gL as Re,l as Ve,gM as Ye,aA as Fe,gf as Ge,cn as _e,W as Je,H as Ke,bB as Xe}from"./index-T6cemxxv.js";import{a as l}from"./sentry-BoIfGJBF.js";import{n as a}from"./mui-GaW5Gk_e.js";import{Fy as Ze,bG as Y}from"./zeni-epic-state-BtVcBgvu.js";import{$ as qe}from"./BoxItem-DRwx0M5a-D-Rn9DzO.js";import{w as Qe}from"./downloadPdf-CUUx8PWn-Z4ddkC82.js";import{H as et}from"./DepositAccTransactionItem-BY_OvuKg-CegBl9NF.js";import{U as tt}from"./ZeniAccountNavBarPieces-DhjBxfEr-obkuSya3.js";import{g as ot}from"./MoreMenuButton-CJue6xR9-DxdJkjEQ.js";import{R as at,N as it,E as nt,X as rt,Y as lt,F as ct,O as st}from"./recharts-BQ8VH5gX.js";import"./pdf-DWoGjGSw.js";import"./core-BSWMBnrJ.js";import"./lottie-DOxhyevU.js";import"./liveblocks--WiFaeN0.js";import"./dnd-DJrh3JTW.js";import"./analytics-BZz0SPy3.js";import"./plaid-CNcdZ4gc.js";import"./utils-BGRwbgi2.js";import"./commonDimensions-BMnB1-xU-CcNkFk9x.js";import"./spend-limit-D6SyboD4-D6KSyTVe.js";import"./dollar-round-D18u7nlm-qWQy8tOr.js";import"./money-2cg1MuG4-ZZWEE1BS.js";import"./page-summary-D7_VQHwN-C4mva4td.js";import"./transaction-placeholder-CpOwZAMG-DpSw-x8s.js";import"./unlock-BPWn2I5L-C7FVhrTq.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]="fcaae128-ba31-4cfe-a5a4-ec0454b150f1",e._sentryDebugIdIdentifier="sentry-dbid-fcaae128-ba31-4cfe-a5a4-ec0454b150f1")}catch{}})();const dt=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",pt={tickLabelText:new Ke("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new j(h[3],h[8]),accountDetailHeaderPaddingBottom:new j(h[3],h[6]),accountDetailHeaderPaddingLeft:new j(h[3],h[8]),accountDetailContentMarginTop:new j(h[5],h[7]),areaChartHeight:new j(114,209),accountDetailHeaderGap:new j(18,100,184),accBtnsGap:new j(0,h[11]),styledNoTransactionIconSize:new j(60,120)},{common:N,spendManagement:ht}=X.getLocalizedStrings(),{zeniAccounts:i}=ht,G=X.getLocalizedStrings().dateFormat,ut=X.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Gt,{children:e}),ue=l.memo(({accountHistory:e})=>{const d=H(),n=pe(),[m,$]=l.useState(),b=l.useMemo(()=>e.accountHistoryWithBalance.map(r=>({...r,date:r.date.toISOString()})),[e.accountHistoryWithBalance]),x=l.useCallback(r=>{let p="",c="";return r&&r[0]&&(c=P("0,0[.]00",r[0].payload?.balance?.available),p=Y(r[0].payload?.date).format(G.visual.DMMMYYYYFormat)),t.jsxs(Yt,{children:[t.jsx(re,{children:p}),t.jsx(re,{isSublabel:!0,children:c})]})},[]),g=l.useCallback(r=>{const{x:p,y:c}=r,{value:v}=r.payload;let z=!1;e.accountHistoryWithBalance.length>360&&(z=!0);const D=z?Y(v).format(G.visual.MMMformat):Y(v).format(G.visual.MMMDFormat);return t.jsx(St,{translateX:p,translateY:c,children:t.jsx(Bt,{windowSize:d,dy:20,dx:-25,children:D})})},[e.accountHistoryWithBalance.length,d]),C=l.useCallback(({cx:r,cy:p,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==r||m?.y!==p)&&$({x:r,y:p}),t.jsx(Ft,{cx:r,cy:p,strokeWidth:1,r:h[1]})),[m]),y=l.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(co,{children:t.jsx(so,{children:N.texts.noData})}):t.jsx(Et,{children:t.jsx(at,{height:u.areaChartHeight.value(d),width:"99%",children:t.jsxs(it,{data:b,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Lt,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Nt,{offset:"0%",stopColor:f.brandColorJade,stopOpacity:1}),t.jsx(Ht,{offset:"100%",stopColor:f.brandColorJade,stopOpacity:.03})]})}),t.jsx(nt,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(rt,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:r=>g(r),padding:{right:h[4]},interval:y}),t.jsx(lt,{tick:!1,axisLine:!1}),t.jsx(ct,{position:m,content:({payload:r})=>x(r),cursor:{strokeDasharray:"3",stroke:f.brandColorJade}}),t.jsx(st,{activeDot:C,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:f.brandColorJade,fill:"url(#colorUv)"})]})})})});ue.displayName="AccountBalanceGraph";const me=l.memo(({zeniAccountDetail:e,getToolTipContent:d,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:b,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:C})=>{const y=H(),r=l.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(wt,{windowSize:y,children:[t.jsx(mt,{getToolTipContent:d,zeniAccountDetail:e}),t.jsxs(Dt,{children:[t.jsx(ue,{accountHistory:r}),t.jsxs(Mt,{windowSize:y,children:[t.jsxs(Ot,{onClick:n,"data-testid":k("view-account-detail-button"),children:[t.jsx(oo,{}),y==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Rt,{"data-testid":k("download-bank-verification-letter"),onClick:()=>Qe(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[b?t.jsx(he,{size:"Standard",start:!0}):t.jsx(ao,{}),y==="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(ft,{windowSize:y,children:[t.jsxs($t,{children:[t.jsx(Xt,{children:i.zeniAccountDetail.transactions}),C?t.jsxs(Zt,{onClick:g,"data-testid":k("view-all-account-transactions"),children:[t.jsx(Qt,{children:i.zeniAccountDetail.viewAll}),t.jsx(qt,{})]}):null]}),t.jsx(bt,{children:e.transactionList.map((p,c)=>t.jsx(et,{data:p,boxType:qe(c,e.transactionList.length)},p.id))})]}):t.jsxs(xt,{children:[t.jsx(gt,{windowSize:y}),t.jsx(yt,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const Mo=({authParams:e,downloadEndPoint:d,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:b,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:C,onCloseAccountClick:y,onEditNameClick:r,onReloadZeniAccountDetailPage:p})=>{const c=Ae({mode:"all"}),{setFocus:v}=c,[z,D]=l.useState(!1),[M,E]=l.useState(!1),[q,xe]=l.useState(!1),Q=H(),ee=Te(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||Ze(ee.loggedInUserRoleMap);l.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]),l.useEffect(()=>{q===!0&&setTimeout(()=>{xe(!1)},800)},[q]);const ge=n.transactionList.length>4,I=pe(),[ye,fe]=l.useState(!1),[$e,U]=l.useState(!1),W=n.accountUpdateStatus.editName.fetchState,oe=Pe(W),je={onOkClick:()=>{y?.(),D(!1)},onCancelClick:()=>{D(!1)}},we={onOkClick:()=>{},onCancelClick:()=>{c.reset(),E(!1)}};l.useEffect(()=>{oe==="In-Progress"&&W==="Completed"&&(E(!1),c.reset())},[oe,W,c]),l.useEffect(()=>{M&&v(F)},[M,v]);const be={pageName:"detailPage",onOptionSelection:s=>{s==="closeAccount"?D(!0):s==="editNickName"?E(!0):s==="payBill"?U(!0):g(s,n.accountDetail)}},ke=n.accountDetail?.accountName??"",A=n.accountSummary,Ce=c.handleSubmit(s=>{r?.(s.checkingAccountNickName)}),ve={onOkClick:()=>{g("payBill"),U(!1)},onCancelClick:()=>{U(!1)}},De=s=>{switch(s){case"totalBalance":case"insuredBalance":default:return"320px";case"totalInterest":return"280px"}},Se=l.useCallback(s=>{let T=null;switch(s){case"insuredBalance":T=t.jsx(t.Fragment,{});break;case"totalInterest":T=t.jsx(lo,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":T=t.jsxs(no,{children:[t.jsx(io,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(_,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(K,{children:P("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(_,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(K,{children:P("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(_,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(K,{children:P("0,0[.]00",A?.totalBalance.available)})]})]})}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(ro,{})})})},[A,Q]),ze=t.jsx(tt,{zeniBankProps:be,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(jt,{children:[t.jsx(Be,{title:ke,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:C,showMenuIcon:!1,backgroundColor:I.colors.grey4,style:{zIndex:3,...S.largeSemiBold.cssObject},rightSideComponent:ze,source:"ZeniAccountDetailPage"}),z?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:ve,secondaryButtonWidth:130,primaryButtonWidth:130}):null,M?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(Le,{...c,children:t.jsx("form",{id:ie,onSubmit:Ce,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(Ne,{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:He(c.formState.errors,F)===!0?f.importantLight:I.colors.background,border:`1px solid ${I.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:d,getToolTipContent:Se,onAccountDetailClick:x,onViewAllTransactionClick:b,setShowLoader:fe,showLoader:ye,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(zt,{children:[t.jsx(At,{onClick:p,"data-testid":k("account-detail-reload"),children:t.jsx(Pt,{})}),t.jsx(Tt,{children:ut.reloadPage.label})]}):t.jsx(dt,{children:t.jsx(he,{size:"ExtraLarge",start:!0})})]})},mt=({zeniAccountDetail:e,getToolTipContent:d})=>{const n=H(),[m,$]=l.useState(!1),[,b]=Ue(),[x,g]=l.useState(!1);return l.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(kt,{children:[t.jsxs(Ct,{children:[t.jsx(Vt,{children:t.jsxs(le,{children:[ne(i.zeniAccountList.totalAvailableBalance),d("totalBalance")]})}),t.jsx(Kt,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles:S.h2Regular.cssObject,decimalStyles:S.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(Jt,{"data-testid":k("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(to,{}):t.jsx(eo,{onClick:()=>{b(e.accountDetail?.accountNumber??""),g(!0)},"data-testid":k("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(_t,{"data-testid":k("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(vt,{children:[t.jsxs(le,{children:[ne(i.common.totalYieldEarned),d("totalInterest")]}),t.jsxs(It,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:S.largeRegular.cssObject,decimalStyles:S.smallRegular.cssObject}),t.jsx(Ut,{}),t.jsx(Wt,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},xt=a.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,gt=a(Re)`
+  width: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
+  height: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
+  margin-top: 128px;
+  margin-bottom: ${o.sp3};
+`,yt=a(Z)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,ft=a.div`
+  margin-top: ${e=>u.accountDetailContentMarginTop.valuePx(e.windowSize)};
+  margin-right: ${e=>u.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
+  margin-left: ${e=>u.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
+  margin-bottom: ${o.sp0};
+  &:last-child {
+    margin-bottom: ${o.sp8};
+  }
+`,$t=a.div`
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: ${o.sp3};
+`,jt=a.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,wt=a.div`
+  display: flex;
+  gap: ${e=>`${u.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=>u.accountDetailHeaderPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>u.accountDetailHeaderPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>u.accountDetailHeaderPaddingLeft.valuePx(e.windowSize)};
+  justify-content: space-between;
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,bt=a.div`
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+`,kt=a.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: column;
+  justify-content: space-between;
+`,Ct=a.div``,vt=a.div``,Dt=a.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex: 1;
+  flex-direction: column;
+  justify-content: flex-end;
+`,St=a.g`
+  transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
+`,zt=a.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,At=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};
+    }
+  }
+`,Tt=a(Ie)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Pt=a(Ee)`
+  height: ${o.sp5};
+  width: ${o.sp5};
+  margin: ${o.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Bt=a.text`
+  fill: ${e=>e.theme.colors.hero};
+  ${e=>`${pt.tickLabelText.style(e.windowSize)}`};
+`,Lt=a.linearGradient``,Nt=a.stop``,Ht=a.stop``,Mt=a.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${e=>u.accBtnsGap.valuePx(e.windowSize)};
+  justify-content: ${e=>e.windowSize==="small"?"space-between":"flex-end"};
+  align-items: center;
+`,Et=a.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-left: -${o.sp8};
+  .recharts-cartesian-grid {
+    .recharts-cartesian-grid-horizontal {
+      line:last-child {
+        display: none;
+      }
+    }
+  }
+`,It=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+`,Ut=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;
+`,Wt=a(Je)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp1};
+`,Ot=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};
+`,Rt=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};
+`,Vt=a(w)`
+  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: ${f.blackColor};
+`,Ft=a.circle`
+  stroke: ${e=>e.theme.colors.brandColorJade};
+  fill: ${e=>e.theme.colors.grey5};
+`,re=a(w)`
+  color: ${e=>e.isSublabel===!0?f.neutralGrey1Light:f.brandColorPearl};
+`,le=a.div`
+  display: flex;
+  gap: ${o.sp1};
+`,Gt=a(w)`
+  color: ${e=>e.theme.colors.hero};
+`,ce=a(Ve)`
+  text-transform: capitalize;
+  color: ${e=>`${e.windowSize==="small"?e.theme.colors.hero:e.theme.colors.champion}`};
+  display: flex;
+  align-items: center;
+`,_t=a(_e)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-left: ${o.sp2};
+  margin-right: ${o.sp2};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,Jt=a(Ye)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-left: ${o.sp2};
+  margin-right: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,Kt=a.div`
+  display: flex;
+  align-items: baseline;
+  color: ${e=>e.theme.colors.primary};
+`,se=a(Z)`
+  margin-left: ${o.sp2};
+`,de=a(w)`
+  margin-left: ${o.sp2};
+`,Xt=a(We)`
+  color: ${e=>e.theme.colors.primary};
+`,Zt=a.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  &:hover {
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,qt=a(Oe)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.grey1};
+`,Qt=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};
+    }
+  }
+`,eo=a(Ge)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,to=a(Fe)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${f.success};
+`,oo=a(e=>l.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.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"}),l.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),l.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"})))`
+  width: ${o.sp4};
+  min-width: ${o.sp4};
+  height: ${o.sp4};
+`,ao=a(ot)`
+  width: ${o.sp4};
+  min-width: ${o.sp4};
+  height: ${o.sp4};
+`,io=a(w)`
+  margin-bottom: ${o.sp2};
+  display: flex;
+`,no=a(w)`
+  padding: 12px ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  border-radius: ${o.sp1};
+`,_=a(w)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+  margin-top: ${o.sp2};
+  display: flex;
+  justify-content: space-between;
+`,J=a.div`
+  color: ${e=>e.theme.colors.hero};
+`,K=a.div`
+  color: ${f.primaryDark};
+`,ro=a(Me)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,lo=a(w)`
+  padding: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,co=a.div`
+  height: -webkit-fill-available;
+  align-self: center;
+`,so=a(Xe)`
+  opacity: 0.25;
+`;export{Mo as default};