@zeniai/web-cockpit-ui 1.14.21-qa → 1.14.22-dev

package/dist/assets/{ZeniAccountDetailPage-C6q8N5tU-DESMj8H1.js → ZeniAccountDetailPage-DHl0vyQ0-D4m750Dj.js}

@@ -1,4 +1,4 @@
-import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA as L,o,aW as Le,$ as z,bU as R,bW as F,bX as G,F as Ne,cG as He,g as y,cu as Me,Z as C,p as ue,c as b,b5 as Ee,bf as Ie,a6 as Ue,C as j,go as We,cU as ae,s as p,g_ as Oe,at as Re,b7 as Fe,aw as Ge,av as Ye,b8 as Ve,au as Xe,k as _,g$ as Je,am as Ze,af as Ke,h0 as _e,T as qe,h1 as Qe,az as et,gr as tt,cB as ot,n as at,b as it,bN as nt}from"./index-CteHikkY.js";import{b as r,n as a}from"./vendor-rkTZJa59.js";import{$ as lt}from"./BoxItem-DfMMtLK3-DwhF3MEP.js";import{w as rt}from"./downloadPdf-CDKlyJb--BC8IkHL1.js";import{H as ct}from"./DepositAccTransactionItem-iLxnaDON-Cu2Jt3BR.js";import{L as st}from"./ZeniAccountNavBarPieces-DcmtDKVQ-xec3gYAK.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./commonDimensions-Dw8Sh6Gv-7gi8Z3Gt.js";const dt=e=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M21.5348 3H2.31522C1.80976 3 1.4 3.44579 1.4 3.99569V19.9353C1.4 20.4852 1.80976 20.931 2.31522 20.931H21.5348C22.0402 20.931 22.45 20.4852 22.45 19.9353V3.99569C22.45 3.44579 22.0402 3 21.5348 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 10.8126H19.62",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M16 13.6245H18.28",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M13.8276 15.9677C13.4452 15.3772 12.177 14.948 10.5892 14.3603C10.1412 14.1934 10.2143 13.0237 10.413 12.8053C10.7291 12.463 10.9691 12.0577 11.1174 11.6161C11.2657 11.1744 11.3189 10.7064 11.2735 10.2428C11.3006 9.95383 11.2662 9.66242 11.1723 9.3878C11.0785 9.11317 10.9275 8.86159 10.7292 8.64967C10.5309 8.43776 10.2899 8.27033 10.0222 8.15847C9.75438 8.04661 9.4659 7.99286 9.1758 8.00076C8.8857 7.99286 8.59723 8.04661 8.32945 8.15847C8.06166 8.27033 7.82067 8.43776 7.6224 8.64967C7.42412 8.86159 7.27309 9.11317 7.17927 9.3878C7.08544 9.66242 7.05098 9.95383 7.07814 10.2428C7.03273 10.7064 7.08592 11.1744 7.23421 11.6161C7.38251 12.0577 7.62255 12.463 7.93858 12.8053C8.13728 13.0237 8.21039 14.1934 7.76237 14.3603C6.17647 14.948 4.90644 15.3772 4.52402 15.9677",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),pt=a.div`
+import{a as Pe,e as M,Y as Te,l as T,u as pe,a1 as Be,j as t,M as _,$ as B,bA as L,o,aW as Le,v as D,bU as R,bW as F,bX as Y,F as Ne,cG as He,g as f,cu as Me,_ as C,m as ue,i as b,b5 as Ee,bf as Ie,a5 as Ue,C as j,fi as We,cU as ae,q as p,gX as Oe,as as Re,b7 as Fe,av as Ye,au as Ge,b8 as Ve,at as Xe,n as q,gY as Je,al as Ze,ae as _e,gZ as qe,L as Ke,g_ as Qe,ay as et,fk as tt,cB as ot,B as at,X as it,bN as nt}from"./index-P_4M6V8j.js";import{b as l,n as a}from"./vendor-rkTZJa59.js";import{$ as rt}from"./BoxItem-Bf9DDBGl-B4tzyane.js";import{w as lt}from"./downloadPdf-CLTp2aZt-DDw4mfQ_.js";import{H as ct}from"./DepositAccTransactionItem-CQX9MBK--x7S3np6v.js";import{T as st}from"./ZeniAccountNavBarPieces-CpKh4Vxw-CQBSadEV.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./commonDimensions-DbTYS1hy-sQ0jQuuT.js";const dt=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"})),pt=a.div`
   display: flex;
   width: 100%;
   height: 100vh;
@@ -8,17 +8,17 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
   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",Y="checkingAccountNickName",ut={tickLabelText:new it("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new j(p[3],p[8]),accountDetailHeaderPaddingBottom:new j(p[3],p[6]),accountDetailHeaderPaddingLeft:new j(p[3],p[8]),accountDetailContentMarginTop:new j(p[5],p[7]),areaChartHeight:new j(114,209),accountDetailHeaderGap:new j(18,100,184),accBtnsGap:new j(0,p[11]),styledNoTransactionIconSize:new j(60,120)},{common:H,spendManagement:ht}=K.getLocalizedStrings(),{zeniAccounts:i}=ht,V=K.getLocalizedStrings().dateFormat,mt=K.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Xt,{children:e}),he=r.memo(({accountHistory:e})=>{const h=M(),n=pe(),[m,$]=r.useState(),w=r.useMemo(()=>e.accountHistoryWithBalance.map(l=>({...l,date:l.date.toISOString()})),[e.accountHistoryWithBalance]),x=r.useCallback(l=>{let d="",c="";return l&&l[0]&&(c=B("0,0[.]00",l[0].payload?.balance?.available),d=P.zeniDate(l[0].payload?.date).format(V.visual.DMMMYYYYFormat)),t.jsxs(Yt,{children:[t.jsx(le,{children:d}),t.jsx(le,{isSublabel:!0,children:c})]})},[]),g=r.useCallback(l=>{const{x:d,y:c}=l,{value:v}=l.payload;let D=!1;e.accountHistoryWithBalance.length>360&&(D=!0);const S=D?P.zeniDate(v).format(V.visual.MMMformat):P.zeniDate(v).format(V.visual.MMMDFormat);return t.jsx(Dt,{translateX:d,translateY:c,children:t.jsx(Lt,{windowSize:h,dy:20,dx:-25,children:S})})},[e.accountHistoryWithBalance.length,h]),k=r.useCallback(({cx:l,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==l||m?.y!==d)&&$({x:l,y:d}),t.jsx(Vt,{cx:l,cy:d,strokeWidth:1,r:p[1]})),[m]),f=r.useMemo(()=>{const l=e.accountHistoryWithBalance.length;return l<=0?0:l>360?Math.floor(l/12):Math.floor(l/7)},[e.accountHistoryWithBalance.length]);return e.fetchState!=="Completed"?null:e.fetchState==="Completed"&&e.accountHistoryWithBalance.length===0?t.jsx(so,{children:t.jsx(po,{children:H.texts.noData})}):t.jsx(It,{children:t.jsx(Oe,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(Re,{data:w,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Nt,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Ht,{offset:"0%",stopColor:y.brandColorJade,stopOpacity:1}),t.jsx(Mt,{offset:"100%",stopColor:y.brandColorJade,stopOpacity:.03})]})}),t.jsx(Fe,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Ge,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:l=>g(l),padding:{right:p[4]},interval:f}),t.jsx(Ye,{tick:!1,axisLine:!1}),t.jsx(Ve,{position:m,content:({payload:l})=>x(l),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(Xe,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=r.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:w,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const f=M(),l=r.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(wt,{windowSize:f,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(zt,{children:[t.jsx(he,{accountHistory:l}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Rt,{onClick:n,"data-testid":C("view-account-detail-button"),children:[t.jsx(ao,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Ft,{"data-testid":C("download-bank-verification-letter"),onClick:()=>rt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[w?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(io,{}),f==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.bankLetter}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.bankLetter})]})]})]})]}),e.transactionList.length>0?t.jsxs($t,{windowSize:f,children:[t.jsxs(jt,{children:[t.jsx(_t,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(qt,{onClick:g,"data-testid":C("view-all-account-transactions"),children:[t.jsx(eo,{children:i.zeniAccountDetail.viewAll}),t.jsx(Qt,{})]}):null]}),t.jsx(kt,{children:e.transactionList.map((d,c)=>t.jsx(ct,{data:d,boxType:lt(c,e.transactionList.length)},d.id))})]}):t.jsxs(gt,{children:[t.jsx(ft,{windowSize:f}),t.jsx(yt,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const So=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:w,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:f,onEditNameClick:l,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:v}=c,[D,S]=r.useState(!1),[E,I]=r.useState(!1),[q,xe]=r.useState(!1),Q=M(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||P.hasAnyFinOpRole(ee.loggedInUserRoleMap);r.useEffect(()=>{const s=setTimeout(()=>{n.fetchState==="Completed"&&n.accountDetail?.accountBalance.available.amount===0&&!te&&g("transfer",n.accountDetail)},500);return()=>{clearTimeout(s)}},[n.accountDetail?.id,n.fetchState,te]),r.useEffect(()=>{q===!0&&setTimeout(()=>{xe(!1)},800)},[q]);const ge=n.transactionList.length>4,U=pe(),[fe,ye]=r.useState(!1),[$e,W]=r.useState(!1),O=n.accountUpdateStatus.editName.fetchState,oe=Be(O),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?W(!0):g(s,n.accountDetail)},be={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},we={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};r.useEffect(()=>{oe==="In-Progress"&&O==="Completed"&&(I(!1),c.reset())},[oe,O,c]),r.useEffect(()=>{E&&v(Y)},[E,v]);const ke={pageName:"detailPage",onOptionSelection:je},Ce=n.accountDetail?.accountName??"",A=n.accountSummary,ve=c.handleSubmit(s=>{l?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),W(!1)},onCancelClick:()=>{W(!1)}},ze=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},De=r.useCallback(s=>{let T=null;switch(s){case"insuredBalance":T=t.jsx(t.Fragment,{});break;case"totalInterest":T=t.jsx(co,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":T=t.jsxs(lo,{children:[t.jsx(no,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(X,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(Z,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(X,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(Z,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(X,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(Z,{children:B("0,0[.]00",A?.totalBalance.available)})]})]});break}return t.jsx(N,{children:t.jsx(L,{style:{textAlign:"left",padding:o.sp1},maxWidth:ze(s),display:"flex",placement:Q==="small"?"bottom":"top",title:T,children:t.jsx(ro,{})})})},[A,Q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(bt,{children:[t.jsx(Le,{title:Ce,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:U.colors.grey4,style:{zIndex:3,...z.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),D?t.jsx(R,{titleComponent:t.jsx(G,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(F,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${H.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:be}):null,$e?t.jsx(R,{titleComponent:t.jsx(G,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(F,{children:i.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:i.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:i.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Se,secondaryButtonWidth:130,primaryButtonWidth:130}):null,E?t.jsx(R,{titleComponent:t.jsx(G,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(F,{children:i.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:i.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:i.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:ie,action:we,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(Ne,{...c,children:t.jsx("form",{id:ie,onSubmit:ve,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:Y,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Me(c.formState.errors,Y)===!0?y.importantLight:U.colors.background,border:`1px solid ${U.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:De,onAccountDetailClick:x,onViewAllTransactionClick:w,setShowLoader:ye,showLoader:fe,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(At,{children:[t.jsx(Tt,{onClick:d,"data-testid":C("account-detail-reload"),children:t.jsx(Bt,{})}),t.jsx(Pt,{children:mt.reloadPage.label})]}):t.jsx(pt,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},xt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=M(),[m,$]=r.useState(!1),[,w]=We(),[x,g]=r.useState(!1),k=()=>{w(e.accountDetail?.accountNumber??""),g(!0)};return r.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(Ct,{children:[t.jsxs(vt,{children:[t.jsx(Gt,{children:t.jsxs(re,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("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:z.h2Regular.cssObject,decimalStyles:z.h5Medium.cssObject})}):null}),m?t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.accountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(Zt,{"data-testid":C("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?H.copyToClipBoard.copied:H.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(oo,{}):t.jsx(to,{onClick:k,"data-testid":C("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Jt,{"data-testid":C("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(re,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ut,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:z.largeRegular.cssObject,decimalStyles:z.smallRegular.cssObject}),t.jsx(Wt,{}),t.jsx(Ot,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},gt=a.div`
+`,ie="editNickName-form",G="checkingAccountNickName",ut={tickLabelText:new it("extraSmallRegular","smallRegular")},u={accountDetailHeaderPaddingRight:new j(p[3],p[8]),accountDetailHeaderPaddingBottom:new j(p[3],p[6]),accountDetailHeaderPaddingLeft:new j(p[3],p[8]),accountDetailContentMarginTop:new j(p[5],p[7]),areaChartHeight:new j(114,209),accountDetailHeaderGap:new j(18,100,184),accBtnsGap:new j(0,p[11]),styledNoTransactionIconSize:new j(60,120)},{common:H,spendManagement:ht}=_.getLocalizedStrings(),{zeniAccounts:i}=ht,V=_.getLocalizedStrings().dateFormat,mt=_.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Xt,{children:e}),he=l.memo(({accountHistory:e})=>{const h=M(),n=pe(),[m,$]=l.useState(),w=l.useMemo(()=>e.accountHistoryWithBalance.map(r=>({...r,date:r.date.toISOString()})),[e.accountHistoryWithBalance]),x=l.useCallback(r=>{let d="",c="";return r&&r[0]&&(c=B("0,0[.]00",r[0].payload?.balance?.available),d=T.zeniDate(r[0].payload?.date).format(V.visual.DMMMYYYYFormat)),t.jsxs(Gt,{children:[t.jsx(re,{children:d}),t.jsx(re,{isSublabel:!0,children:c})]})},[]),g=l.useCallback(r=>{const{x:d,y:c}=r,{value:v}=r.payload;let z=!1;e.accountHistoryWithBalance.length>360&&(z=!0);const S=z?T.zeniDate(v).format(V.visual.MMMformat):T.zeniDate(v).format(V.visual.MMMDFormat);return t.jsx(zt,{translateX:d,translateY:c,children:t.jsx(Lt,{windowSize:h,dy:20,dx:-25,children:S})})},[e.accountHistoryWithBalance.length,h]),k=l.useCallback(({cx:r,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==r||m?.y!==d)&&$({x:r,y:d}),t.jsx(Vt,{cx:r,cy:d,strokeWidth:1,r:p[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(so,{children:t.jsx(po,{children:H.texts.noData})}):t.jsx(It,{children:t.jsx(Oe,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(Re,{data:w,margin:{top:0,right:0,bottom:0,left:0},children:[t.jsx("defs",{children:t.jsxs(Nt,{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx(Ht,{offset:"0%",stopColor:f.brandColorJade,stopOpacity:1}),t.jsx(Mt,{offset:"100%",stopColor:f.brandColorJade,stopOpacity:.03})]})}),t.jsx(Fe,{vertical:!1,strokeWidth:2,stroke:n.colors.grey3}),t.jsx(Ye,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:r=>g(r),padding:{right:p[4]},interval:y}),t.jsx(Ge,{tick:!1,axisLine:!1}),t.jsx(Ve,{position:m,content:({payload:r})=>x(r),cursor:{strokeDasharray:"3",stroke:f.brandColorJade}}),t.jsx(Xe,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:f.brandColorJade,fill:"url(#colorUv)"})]})})})});he.displayName="AccountBalanceGraph";const me=l.memo(({zeniAccountDetail:e,getToolTipContent:h,onAccountDetailClick:n,downloadEndPoint:m,authParams:$,showLoader:w,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const y=M(),r=l.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(wt,{windowSize:y,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(Dt,{children:[t.jsx(he,{accountHistory:r}),t.jsxs(Et,{windowSize:y,children:[t.jsxs(Rt,{onClick:n,"data-testid":C("view-account-detail-button"),children:[t.jsx(ao,{}),y==="small"?t.jsx(de,{className:"btnText",children:i.zeniAccountDetail.accDetails}):t.jsx(se,{className:"btnText",children:i.zeniAccountDetail.accDetails})]}),t.jsxs(Ft,{"data-testid":C("download-bank-verification-letter"),onClick:()=>lt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[w?t.jsx(ue,{size:"Standard",start:!0}):t.jsx(io,{}),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($t,{windowSize:y,children:[t.jsxs(jt,{children:[t.jsx(qt,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(Kt,{onClick:g,"data-testid":C("view-all-account-transactions"),children:[t.jsx(eo,{children:i.zeniAccountDetail.viewAll}),t.jsx(Qt,{})]}):null]}),t.jsx(kt,{children:e.transactionList.map((d,c)=>t.jsx(ct,{data:d,boxType:rt(c,e.transactionList.length)},d.id))})]}):t.jsxs(gt,{children:[t.jsx(yt,{windowSize:y}),t.jsx(ft,{children:i.zeniAccountDetail.noTransactionText})]})]})});me.displayName="AccountDetailScreen";const So=({authParams:e,downloadEndPoint:h,zeniAccountDetail:n,isBillPayEnabled:m,isExpressPayEnabled:$,onViewAllTransactionClick:w,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:y,onEditNameClick:r,onReloadZeniAccountDetailPage:d})=>{const c=Pe({mode:"all"}),{setFocus:v}=c,[z,S]=l.useState(!1),[E,I]=l.useState(!1),[K,xe]=l.useState(!1),Q=M(),ee=Te(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||T.hasAnyFinOpRole(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(()=>{K===!0&&setTimeout(()=>{xe(!1)},800)},[K]);const ge=n.transactionList.length>4,U=pe(),[ye,fe]=l.useState(!1),[$e,W]=l.useState(!1),O=n.accountUpdateStatus.editName.fetchState,oe=Be(O),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?W(!0):g(s,n.accountDetail)},be={onOkClick:()=>{y?.(),S(!1)},onCancelClick:()=>{S(!1)}},we={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};l.useEffect(()=>{oe==="In-Progress"&&O==="Completed"&&(I(!1),c.reset())},[oe,O,c]),l.useEffect(()=>{E&&v(G)},[E,v]);const ke={pageName:"detailPage",onOptionSelection:je},Ce=n.accountDetail?.accountName??"",A=n.accountSummary,ve=c.handleSubmit(s=>{r?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),W(!1)},onCancelClick:()=>{W(!1)}},De=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},ze=l.useCallback(s=>{let P=null;switch(s){case"insuredBalance":P=t.jsx(t.Fragment,{});break;case"totalInterest":P=t.jsx(co,{children:i.zeniAccountList.yieldTooltip});break;case"totalBalance":P=t.jsxs(ro,{children:[t.jsx(no,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(X,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(Z,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(X,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(Z,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(X,{children:[t.jsx(J,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(Z,{children:B("0,0[.]00",A?.totalBalance.available)})]})]});break}return t.jsx(N,{children:t.jsx(L,{style:{textAlign:"left",padding:o.sp1},maxWidth:De(s),display:"flex",placement:Q==="small"?"bottom":"top",title:P,children:t.jsx(lo,{})})})},[A,Q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(bt,{children:[t.jsx(Le,{title:Ce,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:U.colors.grey4,style:{zIndex:3,...D.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),z?t.jsx(R,{titleComponent:t.jsx(Y,{children:i.zeniAccountDetail.closeAccountPopUp.title}),descriptionComponent:t.jsx(F,{children:`${i.zeniAccountDetail.closeAccountPopUp.description}${n.accountDetail?.maskedAccountNumber}${H.strings.dot}`}),primaryButtonText:i.zeniAccountDetail.closeAccountPopUp.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:i.zeniAccountDetail.closeAccountPopUp.secondaryButtonText,action:be}):null,$e?t.jsx(R,{titleComponent:t.jsx(Y,{children:i.zeniAccountList.billPayupPopUpInfo.title}),descriptionComponent:t.jsx(F,{children:i.zeniAccountList.billPayupPopUpInfo.description}),primaryButtonText:i.zeniAccountList.billPayupPopUpInfo.primaryButtonText,secondaryButtonText:i.zeniAccountList.billPayupPopUpInfo.secondaryButtonText,action:Se,secondaryButtonWidth:130,primaryButtonWidth:130}):null,E?t.jsx(R,{titleComponent:t.jsx(Y,{children:i.zeniAccountDetail.editNamePopUp.title}),descriptionComponent:t.jsx(F,{children:i.zeniAccountDetail.editNamePopUp.description}),primaryButtonText:i.zeniAccountDetail.editNamePopUp.primaryButtonText,secondaryButtonText:i.zeniAccountDetail.editNamePopUp.secondaryButtonText,formId:ie,action:we,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(Ne,{...c,children:t.jsx("form",{id:ie,onSubmit:ve,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:G,defaultValue:n.accountDetail?.accountName,placeholder:n.accountDetail?.accountName??"",style:{display:"flex",flexGrow:1,cursor:"inherit",height:o.sp7,textAlign:"left",width:"100%",background:Me(c.formState.errors,G)===!0?f.importantLight:U.colors.background,border:`1px solid ${U.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:ze,onAccountDetailClick:x,onViewAllTransactionClick:w,setShowLoader:fe,showLoader:ye,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(At,{children:[t.jsx(Pt,{onClick:d,"data-testid":C("account-detail-reload"),children:t.jsx(Bt,{})}),t.jsx(Tt,{children:mt.reloadPage.label})]}):t.jsx(pt,{children:t.jsx(ue,{size:"ExtraLarge",start:!0})})]})},xt=({zeniAccountDetail:e,getToolTipContent:h})=>{const n=M(),[m,$]=l.useState(!1),[,w]=We(),[x,g]=l.useState(!1),k=()=>{w(e.accountDetail?.accountNumber??""),g(!0)};return l.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(Ct,{children:[t.jsxs(vt,{children:[t.jsx(Yt,{children:t.jsxs(le,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(_t,{windowSize:n,children:e.accountDetail?.accountBalance.available?t.jsx(t.Fragment,{children:t.jsx(ae,{amount:e.accountDetail?.accountBalance.available,integerStyles:D.h2Regular.cssObject,decimalStyles:D.h5Medium.cssObject})}):null}),m?t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.accountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.hide,enterDelay:600,children:t.jsx(Zt,{"data-testid":C("hide-account-number"),onClick:()=>{$(!1)}})})}),t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"right",title:x?H.copyToClipBoard.copied:H.copyToClipBoard.copy,enterDelay:600,children:x===!0?t.jsx(oo,{}):t.jsx(to,{onClick:k,"data-testid":C("copy-account-number")})})})]}):t.jsxs(ce,{windowSize:n,children:[e.accountDetail?.maskedAccountNumber,t.jsx(N,{children:t.jsx(L,{display:"flex",placement:"top",title:i.zeniAccountDetail.show,enterDelay:600,children:t.jsx(Jt,{"data-testid":C("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(le,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ut,{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(ae,{amount:e.accountSummary?.totalInterest.available,integerStyles:D.largeRegular.cssObject,decimalStyles:D.smallRegular.cssObject}),t.jsx(Wt,{}),t.jsx(Ot,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},gt=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,ft=a(_e)`
+`,yt=a(qe)`
   width: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   height: ${e=>u.styledNoTransactionIconSize.valuePx(e.windowSize)};
   margin-top: 128px;
   margin-bottom: ${o.sp3};
-`,yt=a(_)`
+`,ft=a(q)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
 `,$t=a.div`
@@ -56,13 +56,13 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
   gap: ${o.sp3};
   flex-direction: column;
   justify-content: space-between;
-`,vt=a.div``,St=a.div``,zt=a.div`
+`,vt=a.div``,St=a.div``,Dt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex: 1;
   flex-direction: column;
   justify-content: flex-end;
-`,Dt=a.g`
+`,zt=a.g`
   transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
 `,At=a.div`
   display: flex;
@@ -71,7 +71,7 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,Tt=a.div`
+`,Pt=a.div`
   height: ${o.sp12};
   width: ${o.sp12};
   background: ${e=>e.theme.colors.background};
@@ -89,7 +89,7 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Pt=a(Ue)`
+`,Tt=a(Ue)`
   margin-top: ${o.sp3};
   color: ${e=>e.theme.colors.hero};
 `,Bt=a(Ie)`
@@ -165,10 +165,10 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
     }
   }
   margin-right: ${o.sp3};
-`,Gt=a(b)`
+`,Yt=a(b)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
-`,Yt=a.div`
+`,Gt=a.div`
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -179,18 +179,18 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
   min-width: 66px;
   border-radius: ${o.sp1};
   padding: ${o.sp0} ${o.sp2};
-  background-color: ${y.blackColor};
+  background-color: ${f.blackColor};
 `,Vt=a.circle`
   stroke: ${e=>e.theme.colors.brandColorJade};
   fill: ${e=>e.theme.colors.grey5};
-`,le=a(b)`
-  color: ${e=>e.isSublabel===!0?y.neutralGrey1Light:y.brandColorPearl};
-`,re=a.div`
+`,re=a(b)`
+  color: ${e=>e.isSublabel===!0?f.neutralGrey1Light:f.brandColorPearl};
+`,le=a.div`
   display: flex;
   gap: ${o.sp1};
 `,Xt=a(b)`
   color: ${e=>e.theme.colors.hero};
-`,ce=a(qe)`
+`,ce=a(Ke)`
   text-transform: capitalize;
   color: ${e=>`${e.windowSize==="small"?e.theme.colors.hero:e.theme.colors.champion}`};
   display: flex;
@@ -208,17 +208,17 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
   margin-left: ${o.sp2};
   margin-right: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,Kt=a.div`
+`,_t=a.div`
   display: flex;
   align-items: baseline;
   color: ${e=>e.theme.colors.primary};
-`,se=a(_)`
+`,se=a(q)`
   margin-left: ${o.sp2};
 `,de=a(b)`
   margin-left: ${o.sp2};
-`,_t=a(Ze)`
+`,qt=a(Ze)`
   color: ${e=>e.theme.colors.primary};
-`,qt=a.div`
+`,Kt=a.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -231,11 +231,11 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Qt=a(Ke)`
+`,Qt=a(_e)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.grey1};
-`,eo=a(_)`
+`,eo=a(q)`
   color: ${e=>e.theme.colors.hero};
   margin-right: ${o.sp2};
 `,N=a.div`
@@ -257,7 +257,7 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
 `,oo=a(et)`
   height: ${o.sp3};
   width: ${o.sp3};
-  color: ${y.success};
+  color: ${f.success};
 `,ao=a(dt)`
   width: ${o.sp4};
   min-width: ${o.sp4};
@@ -269,7 +269,7 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
 `,no=a(b)`
   margin-bottom: ${o.sp2};
   display: flex;
-`,lo=a(b)`
+`,ro=a(b)`
   padding: 12px ${o.sp3};
   color: ${e=>e.theme.colors.hero};
   border-radius: ${o.sp1};
@@ -281,8 +281,8 @@ import{a as Te,e as M,w as Pe,l as P,u as pe,a2 as Be,j as t,B as K,a0 as B,bA a
 `,J=a.div`
   color: ${e=>e.theme.colors.hero};
 `,Z=a.div`
-  color: ${y.primaryDark};
-`,ro=a(Ee)`
+  color: ${f.primaryDark};
+`,lo=a(Ee)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.hero};