@zeniai/web-cockpit-ui 1.14.16-qa → 1.14.17-dev

package/dist/assets/{VendorsAccountsSection-BLwMi5AB-CCLynqTL.js → VendorsAccountsSection-oYghWvs6-YBKazVEG.js}

@@ -1,4 +1,4 @@
-import{X as ie,u as oe,M as te,C as c,g3 as w,a8 as T,j as i,hj as g,hi as m,o as n,Q as re,g as ne,dv as se,v as le,q as a}from"./index-BS9BhstZ.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const s={labelWidth:new c(270,340,350),sectionWidth:new c(343,580,726),iconContainerMaxWidthHeight:new c(a[6],a[7]),iconContainerMarginRight:new c(12,a[3]),iconPadding:new c(10,12),rowGap:new c(a[2],a[3]),elementsMarginLeftRight:new c(a[3],a[4]),controlWidth:n.sp6},k={title:new re("standardMedium","largeMedium")},de=l.div`
+import{e as ie,u as oe,M as te,C as c,g6 as w,a8 as T,j as i,hg as g,hf as m,o as n,X as re,g as ne,dz as se,d as le,q as a}from"./index-CnrHU8WN.js";import{n as l}from"./vendor-CnQcJ2Lu.js";const s={labelWidth:new c(270,340,350),sectionWidth:new c(343,580,726),iconContainerMaxWidthHeight:new c(a[6],a[7]),iconContainerMarginRight:new c(12,a[3]),iconPadding:new c(10,12),rowGap:new c(a[2],a[3]),elementsMarginLeftRight:new c(a[3],a[4]),controlWidth:n.sp6},k={title:new re("standardMedium","largeMedium")},de=l.div`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>s.rowGap.valuePx(e.windowSize)};
@@ -52,10 +52,10 @@ import{X as ie,u as oe,M as te,C as c,g3 as w,a8 as T,j as i,hj as g,hi as m,o a
 `,y=l(se)`
   width: ${n.sp4};
   height: ${n.sp4};
-`,j=l.div`
+`,A=l.div`
   display: flex;
   flex-direction: column;
-`,A=l.div`
+`,j=l.div`
   display: flex;
   flex-direction: column;
   margin-left: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
@@ -65,4 +65,4 @@ import{X as ie,u as oe,M as te,C as c,g3 as w,a8 as T,j as i,hj as g,hi as m,o a
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${n.sp2};
-`,z=(e,u)=>`${e}.${u}`;function xe({sectionId:e,vendorAccountMappingSection:u,isAccruedExpensesFeatureEnabled:I,showTitle:L=!0}){const r=ie(),d=oe(),{accruedExpensesAccountHierarchy:O,accruedExpensesAccountList:_,accruedExpensesRecommendations:E,fixedAssetsAccountHierarchy:B,fixedAssetsAccountList:M,fixedAssetsRecommendations:R,prepaidExpensesAccountHierarchy:F,prepaidExpensesAccountList:C,prepaidExpensesRecommendations:P,selectedAccruedExpensesAccountIds:W,selectedFixedAssetsAccountIds:q,selectedPrepaidExpensesAccountIds:H}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=s.labelWidth.value(r),V=w(F,P,"Accounts"),D=w(B,R,"Accounts"),G=w(O,E,"Accounts"),J=P[0]?.account?.reason??"",Q=t.tooltip.replace("__based__",J).replace("__account__",t.vendorSection.prepaidExpenseAccount),N=R[0]?.account?.reason??"",X=t.tooltip.replace("__based__",N).replace("__account__",t.vendorSection.fixedAssetsAccount),K=E[0]?.account?.reason??"",U=t.tooltip.replace("__based__",K).replace("__account__",t.vendorSection.accruedExpensesAccount),Y=C.filter(o=>H.includes(o.accountId)??!1),Z=M.filter(o=>q.includes(o.accountId)??!1),ee=_.filter(o=>W.includes(o.accountId)??!1),x={valueContainer:o=>({...o,padding:`2px ${n.sp3}`,overflow:"unset"}),multiValue:o=>({...o,margin:0})},h=d.mode==="light"?new T(d.colors.brandColorJadeLight):new T(d.colors.brandColorJadeDark);return i.jsxs(de,{windowSize:r,children:[L?i.jsx(ae,{windowSize:r,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:r,children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.prepaidExpenseTitle}),i.jsx(v,{children:t.vendorSection.prepaidExpenseSubTitle})]})]}),i.jsx(j,{children:i.jsx(A,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.prepaidExpenselabel,width:p},groupedMultiSelectField:{name:z(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:V,selectedOptions:Y.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:Q,sticky:!1},valueToId:o=>m(o,C)}})})}),i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.FixedAssetsTitle}),i.jsx(v,{children:t.vendorSection.fixedAssetsSubTitle})]})]}),i.jsx(j,{children:i.jsx(A,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.fixedAssetslabel,width:p},groupedMultiSelectField:{name:z(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:D,selectedOptions:Z.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:X,sticky:!1},valueToId:o=>m(o,M)}})})}),I?i.jsxs(i.Fragment,{children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.AccruedExpensesTitle}),i.jsx(v,{children:t.vendorSection.accruedExpensesSubTitle})]})]}),i.jsx(j,{children:i.jsx(A,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.accruedExpenseslabel,width:p},groupedMultiSelectField:{name:z(e,"accruedExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:G,selectedOptions:ee.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:U,sticky:!1},valueToId:o=>m(o,_)}})})})]}):null]})]})}export{xe as h};
+`,z=(e,u)=>`${e}.${u}`;function xe({sectionId:e,vendorAccountMappingSection:u,isAccruedExpensesFeatureEnabled:I,showTitle:L=!0}){const r=ie(),d=oe(),{accruedExpensesAccountHierarchy:O,accruedExpensesAccountList:_,accruedExpensesRecommendations:M,fixedAssetsAccountHierarchy:B,fixedAssetsAccountList:E,fixedAssetsRecommendations:R,prepaidExpensesAccountHierarchy:W,prepaidExpensesAccountList:C,prepaidExpensesRecommendations:P,selectedAccruedExpensesAccountIds:q,selectedFixedAssetsAccountIds:F,selectedPrepaidExpensesAccountIds:V}=u,t=te.getLocalizedStrings().uncategorizedAccountsMapping,p=s.labelWidth.value(r),H=w(W,P,"Accounts"),D=w(B,R,"Accounts"),G=w(O,M,"Accounts"),J=P[0]?.account?.reason??"",X=t.tooltip.replace("__based__",J).replace("__account__",t.vendorSection.prepaidExpenseAccount),N=R[0]?.account?.reason??"",K=t.tooltip.replace("__based__",N).replace("__account__",t.vendorSection.fixedAssetsAccount),Q=M[0]?.account?.reason??"",U=t.tooltip.replace("__based__",Q).replace("__account__",t.vendorSection.accruedExpensesAccount),Y=C.filter(o=>V.includes(o.accountId)??!1),Z=E.filter(o=>F.includes(o.accountId)??!1),ee=_.filter(o=>q.includes(o.accountId)??!1),x={valueContainer:o=>({...o,padding:`2px ${n.sp3}`,overflow:"unset"}),multiValue:o=>({...o,margin:0})},h=d.mode==="light"?new T(d.colors.brandColorJadeLight):new T(d.colors.brandColorJadeDark);return i.jsxs(de,{windowSize:r,children:[L?i.jsx(ae,{windowSize:r,children:t.vendorSection.heading}):null,i.jsxs(ce,{windowSize:r,children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.prepaidExpenseTitle}),i.jsx(v,{children:t.vendorSection.prepaidExpenseSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.prepaidExpenselabel,width:p},groupedMultiSelectField:{name:z(e,"prepaidExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:H,selectedOptions:Y.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:X,sticky:!1},valueToId:o=>m(o,C)}})})}),i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.FixedAssetsTitle}),i.jsx(v,{children:t.vendorSection.fixedAssetsSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.fixedAssetslabel,width:p},groupedMultiSelectField:{name:z(e,"fixedAssetsAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:D,selectedOptions:Z.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:K,sticky:!1},valueToId:o=>m(o,E)}})})}),I?i.jsxs(i.Fragment,{children:[i.jsxs(f,{windowSize:r,children:[i.jsx(b,{windowSize:r,iconColor:h,isDarkMode:d.mode==="dark",children:i.jsx(y,{})}),i.jsxs(S,{children:[i.jsx($,{windowSize:r,children:t.vendorSection.AccruedExpensesTitle}),i.jsx(v,{children:t.vendorSection.accruedExpensesSubTitle})]})]}),i.jsx(A,{children:i.jsx(j,{windowSize:r,children:i.jsx(g,{label:{label:t.vendorSection.accruedExpenseslabel,width:p},groupedMultiSelectField:{name:z(e,"accruedExpensesAccount"),treeViewStructure:!0,groupType:"Accounts",registerOptions:{required:!1},defaultValue:{allOptions:G,selectedOptions:ee.map(o=>o.qboId).filter(o=>o!=null)},placeholder:t.placeholder.accountPlaceholders,style:{borderBottom:`1px solid ${d.colors.grey3}`,borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},customStyleConfig:x,tooltip:{text:U,sticky:!1},valueToId:o=>m(o,_)}})})})]}):null]})]})}export{xe as h};

package/dist/assets/VerifyDevice-XUExnmR9-Dvl0QizA.js

@@ -0,0 +1,67 @@
+import{a2 as v,a as $,M as b,j as t,bn as w,F as C,bo as F,bp as S,J as d,o as n,bq as V,n as h,ap as m,d as k}from"./index-CnrHU8WN.js";import{b as p,n as r}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const l="otpInputField",Y=e=>{const x=e.verifyOtpFetchState==="In-Progress",[f,c]=p.useState(!1),a=v(e.verifyOtpFetchState),i=$({mode:"all",reValidateMode:"onChange",defaultValues:{[l]:""}}),s=i.watch(l),u=()=>{e.onCancelVerifyDevice()},y=()=>{s.length===6&&e.onVerifyOtp(s)},o=b.getLocalizedStrings().commonSetUp.twoFactorAuthentication,g=o.footerHelperText.replace(/<button_text>/,o.verify);return p.useEffect(()=>{a==="In-Progress"&&e.verifyOtpFetchState==="Error"&&(c(!0),i.setValue(l,""))},[a,e.verifyOtpFetchState,i]),t.jsx(w,{open:!0,onClose:e.onCancelVerifyDevice,children:t.jsx(O,{children:t.jsx(C,{...i,children:t.jsxs(H,{children:[t.jsxs(A,{children:[t.jsx(D,{children:o.verifyDeviceTitle}),t.jsx(E,{children:o.verifyDeviceDescription}),t.jsx(M,{children:F(e.phoneNumber+"")})]}),t.jsx(P,{children:t.jsx(S,{value:s,valueLength:6,onChange:j=>i.setValue(l,j)})}),f===!0?t.jsx(R,{children:o.invalidCode}):null,t.jsxs(I,{children:[t.jsx(N,{children:o.codeNotReceived}),t.jsx(L,{onClick:()=>{e.onResendOtp(),c(!1),i.setValue(l,"")},children:o.resend})]}),t.jsxs(J,{children:[t.jsxs(T,{children:[t.jsx(d,{label:o.cancel,onClick:u,style:{width:82}}),t.jsx(d,{variant:"primary",label:o.verify,onClick:y,style:{width:82},loading:x,disabled:s.length!==6})]}),t.jsx(z,{children:g})]})]})})})})},O=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 456px;
+  padding: ${n.sp5} ${n.sp6};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${n.sp2};
+`,D=r(V)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,E=r(h)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,M=r(h)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,P=r.div`
+  display: flex;
+  justify-content: center;
+`,R=r(m)`
+  color: ${e=>e.theme.colors.important};
+  text-align: center;
+`,I=r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: ${n.sp1};
+`,N=r(m)`
+  color: ${e=>e.theme.colors.grey1};
+`,L=r.button`
+  color: ${e=>e.theme.colors.link};
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,T=r.div`
+  display: flex;
+  justify-content: center;
+  column-gap: ${n.sp3};
+`,z=r(k)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,A=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: ${n.sp2};
+`,H=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: ${n.sp3};
+`,J=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  row-gap: ${n.sp2};
+  margin-top: ${n.sp2};
+`;export{Y as default};

package/dist/assets/{WarningsDrawerPage-3h7UME3Y-DNttzlAa.js → WarningsDrawerPage-B1his2AN-wDPc6ygf.js}

@@ -1,5 +1,5 @@
-import{X as C,l as B,M as D,j as s,eM as j,eQ as S,K as M,f as E,o as n,C as $,Q as L,h as P,a3 as z,c0 as N,g as w,k as A,ay as Q,eA as R,q as g}from"./index-BS9BhstZ.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const e=D.getLocalizedStrings(),h={navBarHeight:new $(62,62,62),navBarPaddingLeft:new $(g[3],g[3],g[8]),navBarPaddingRight:new $(g[3],g[3],g[8]),navBarPaddingTop:new $(12,12,g[3]),navBarPaddingBottom:new $(12,12,19)},T={title:new L("largeMedium","largeSemiBold")},$e=({companyView:r,allUsers:a,onRetryBankAccountConnection:o,onCloseClick:d})=>{const l=C(),I=r!=null?B.getAuditWarningsCount(r):0,x=r?.onboardingInfo?.bankAccountLinked,v=r?.onboardingInfo?.qboLinked,y=r?.onboardingInfo?.identityVerified,k=r?.onboardingInfo?.businessVerified,f=r?.onboardingInfo?.accountingConnectionCreationMode==="zeni_user",u=[];if(x!=null){const i=a.find(p=>p.userId===x.userIds[0]),{errorMessage:c,successMessage:m}=O(x,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,onClickRetry:o})}if(v!=null){const i=a.find(p=>p.userId===v.userIds[0]),{errorMessage:c,successMessage:m}=q(v,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`})}if(y!=null){const i=a.find(p=>p.userId===y.userIds[0]),{errorMessage:c,successMessage:m}=F(y,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${y.status}`})}if(k!=null){const i=a.find(p=>p.userId===k.userIds[0]),{errorMessage:c,successMessage:m}=G(k,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${k.status}`})}return s.jsxs(V,{children:[s.jsx(H,{windowSize:l,children:s.jsx(K,{children:s.jsxs(_,{windowSize:l,children:[s.jsx(J,{windowSize:l,children:r?.name}),s.jsx(se,{onClick:d})]})})}),s.jsxs(X,{children:[s.jsx(Y,{children:I>0?s.jsxs(b,{children:[s.jsx(b,{children:j(e.cockpit.review.warningsDrawer.issueFound)}),s.jsx(ie,{children:`${e.common.strings.openingBrace}${I}${e.common.strings.closingBrace}`})]}):s.jsx(b,{children:`${e.common.no} 
-              ${j(e.cockpit.review.warningsDrawer.issueFound)}`})}),u.map((i,c)=>s.jsx(U,{isStepInError:i.status==="Error",children:s.jsxs(W,{children:[s.jsx(Z,{children:i.status==="Complete"?s.jsx(oe,{}):i.status==="Error"?s.jsx(S,{}):s.jsx(ne,{})}),s.jsxs(ee,{children:[s.jsx(re,{isStepInError:i.status==="Error",children:i.message}),i.status==="Error"?s.jsx(M,{label:e.common.retry,onClick:i.onClickRetry,loading:r?.retryBankAccountConnectionFetchState.fetchState==="In-Progress",variant:"light_transparent",style:{padding:`${n.sp1} ${n.sp3}`,borderRadius:n.sp1},textStyle:{...E.extraSmallMedium.cssObject}}):null]})]})},c))]})]})},O=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.bankAccountLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${a===!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=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.qboLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${a===!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}},F=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!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=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!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}},G=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!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=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!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}},V=t.div`
+import{e as C,l as B,M as S,j as s,eQ as j,eU as D,J as M,v as E,o as n,C as $,X as L,h as P,a3 as z,c4 as N,g as w,L as A,az as R,eE as T,q as g}from"./index-CnrHU8WN.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const e=S.getLocalizedStrings(),h={navBarHeight:new $(62,62,62),navBarPaddingLeft:new $(g[3],g[3],g[8]),navBarPaddingRight:new $(g[3],g[3],g[8]),navBarPaddingTop:new $(12,12,g[3]),navBarPaddingBottom:new $(12,12,19)},O={title:new L("largeMedium","largeSemiBold")},$e=({companyView:r,allUsers:a,onRetryBankAccountConnection:o,onCloseClick:d})=>{const l=C(),I=r!=null?B.getAuditWarningsCount(r):0,x=r?.onboardingInfo?.bankAccountLinked,v=r?.onboardingInfo?.qboLinked,y=r?.onboardingInfo?.identityVerified,k=r?.onboardingInfo?.businessVerified,f=r?.onboardingInfo?.accountingConnectionCreationMode==="zeni_user",u=[];if(x!=null){const i=a.find(p=>p.userId===x.userIds[0]),{errorMessage:c,successMessage:m}=Q(x,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.linkBankAccount} ${e.common.strings.hyphen} ${e.common.incompleteText}`,onClickRetry:o})}if(v!=null){const i=a.find(p=>p.userId===v.userIds[0]),{errorMessage:c,successMessage:m}=q(v,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.onboarding.header.connectToQBO} ${e.common.strings.hyphen} ${e.common.incompleteText}`})}if(y!=null){const i=a.find(p=>p.userId===y.userIds[0]),{errorMessage:c,successMessage:m}=F(y,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyc} ${e.common.strings.hyphen} ${y.status}`})}if(k!=null){const i=a.find(p=>p.userId===k.userIds[0]),{errorMessage:c,successMessage:m}=G(k,f,i);u.push({status:c!=null?"Error":m!=null?"Complete":"Incomplete",userInfo:i,message:c??m??`${e.cockpit.review.warningsDrawer.kyb} ${e.common.strings.hyphen} ${k.status}`})}return s.jsxs(V,{children:[s.jsx(H,{windowSize:l,children:s.jsx(J,{children:s.jsxs(_,{windowSize:l,children:[s.jsx(K,{windowSize:l,children:r?.name}),s.jsx(se,{onClick:d})]})})}),s.jsxs(U,{children:[s.jsx(X,{children:I>0?s.jsxs(b,{children:[s.jsx(b,{children:j(e.cockpit.review.warningsDrawer.issueFound)}),s.jsx(ie,{children:`${e.common.strings.openingBrace}${I}${e.common.strings.closingBrace}`})]}):s.jsx(b,{children:`${e.common.no} 
+              ${j(e.cockpit.review.warningsDrawer.issueFound)}`})}),u.map((i,c)=>s.jsx(W,{isStepInError:i.status==="Error",children:s.jsxs(Y,{children:[s.jsx(Z,{children:i.status==="Complete"?s.jsx(oe,{}):i.status==="Error"?s.jsx(D,{}):s.jsx(ne,{})}),s.jsxs(ee,{children:[s.jsx(re,{isStepInError:i.status==="Error",children:i.message}),i.status==="Error"?s.jsx(M,{label:e.common.retry,onClick:i.onClickRetry,loading:r?.retryBankAccountConnectionFetchState.fetchState==="In-Progress",variant:"light_transparent",style:{padding:`${n.sp1} ${n.sp3}`,borderRadius:n.sp1},textStyle:{...E.extraSmallMedium.cssObject}}):null]})]})},c))]})]})},Q=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.bankAccountLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.linkBankAccount}  ${e.common.strings.hyphen} ${a===!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=(r,a,o)=>{const d=r.error===!0?r.errorDetails!=null?r.errorDetails.summary:e.cockpit.review.errors.qboLinked:null,l=r.completed===!0?o!=null?`${e.cockpit.onboarding.header.connectToQBO}  ${e.common.strings.hyphen} ${a===!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}},F=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!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=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyc} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!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}},G=(r,a,o)=>{const d=r.status==="Error"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.common.failed.toLocaleLowerCase()} ${e.common.strings.hyphen} ${a===!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=r.status==="Complete"?o!=null?`${e.cockpit.review.warningsDrawer.kyb} ${e.cockpit.review.warningsDrawer.identity} ${e.common.strings.hyphen} ${a===!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}},V=t.div`
   display: flex;
   flex-direction: column;
   padding-top: ${n.sp3};
@@ -11,13 +11,13 @@ import{X as C,l as B,M as D,j as s,eM as j,eQ as S,K as M,f as E,o as n,C as $,Q
   z-index: 1;
   top: ${n.sp0};
   width: 100%;
-`,K=t.div`
+`,J=t.div`
   position: relative;
-`,X=t.div`
+`,U=t.div`
   display: flex;
   flex-direction: column;
   margin: ${n.sp3} ${n.sp8} 102px ${n.sp8};
-`,Y=t(N)`
+`,X=t(N)`
   color: ${r=>r.theme.colors.primary};
   margin-bottom: ${n.sp3};
   margin-right: ${n.sp6};
@@ -34,15 +34,15 @@ import{X as C,l as B,M as D,j as s,eM as j,eQ as S,K as M,f as E,o as n,C as $,Q
   padding-top: ${r=>h.navBarPaddingTop.valuePx(r.windowSize)};
   padding-bottom: ${r=>h.navBarPaddingBottom.valuePx(r.windowSize)};
   height: 100%;
-`,J=t(P)`
-  ${r=>`${T.title.style(r.windowSize)}`};
+`,K=t(P)`
+  ${r=>`${O.title.style(r.windowSize)}`};
   display: flex;
   flex: 1 1 auto;
   color: ${r=>r.theme.colors.primary};
   align-items: center;
   justify-content: center;
   overflow: hidden;
-`,U=t.div`
+`,W=t.div`
   display: flex;
   background-color: ${r=>r.isStepInError?w.alertLight:r.theme.colors.grey5};
   border: ${r=>`1px solid ${r.theme.colors.grey3}`};
@@ -50,7 +50,7 @@ import{X as C,l as B,M as D,j as s,eM as j,eQ as S,K as M,f as E,o as n,C as $,Q
   margin-bottom: ${n.sp3};
   border-color: ${r=>r.isStepInError?w.brandColorGold:r.theme.colors.grey2};
   flex-direction: column;
-`,W=t.div`
+`,Y=t.div`
   display: flex;
   margin: 12px ${n.sp3} 12px ${n.sp3};
   align-items: center;
@@ -66,11 +66,11 @@ import{X as C,l as B,M as D,j as s,eM as j,eQ as S,K as M,f as E,o as n,C as $,Q
   color: ${r=>r.isStepInError?w.brandColorGoldDark:r.theme.colors.primary};
   margin-left: ${n.sp2};
   align-items: center;
-`,oe=t(Q)`
+`,oe=t(R)`
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${w.success};
-`,ne=t(R)`
+`,ne=t(T)`
   width: ${n.sp4};
   height: ${n.sp4};
   color: ${r=>r.theme.colors.hero};

package/dist/assets/{ZeniAccountDetailPage-Dn70Xhjm-D4MEKJZT.js → ZeniAccountDetailPage-B21kawRR-cYQnKtb2.js}

@@ -1,4 +1,4 @@
-import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs as L,o,aV as Le,f as D,bO as W,bQ as F,bR as G,F as Ne,cA as He,g as y,co as Me,_ as v,c as ue,v as w,b4 as Ee,be as Ie,a6 as Oe,C as j,fc as Ue,cO as ae,q as p,gQ as Re,as as We,b6 as Fe,av as Ge,au as Ve,b7 as Ye,at as Je,e as Z,gR as Xe,am as Ke,af as Qe,gS as Ze,k as _e,gT as qe,ay as et,fe as tt,cv as ot,m as at,Q as it,bH as nt}from"./index-BS9BhstZ.js";import{b as r,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as lt}from"./BoxItem-BcQH7ATF-CU__oRAt.js";import{w as rt}from"./downloadPdf-C3XpsGeN-DqiveqBb.js";import{H as ct}from"./DepositAccTransactionItem-BH6np-wq-C9S2eFCv.js";import{T as st}from"./ZeniAccountNavBarPieces-Cl1zQVNd-Hw2Z1YcK.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-PPvas5dK-BGZQSqLq.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 Te,e as M,Y as Pe,l as P,u as pe,a2 as Be,j as t,M as q,a0 as B,bx as L,o,aW as Le,v as z,bS as R,bU as F,bV as Y,F as Ne,cE as He,g as y,cs as Me,$ as C,m as ue,d as b,b5 as Ee,bf as Ie,a6 as Ue,C as j,ff as We,cS as ae,q as p,gU as Oe,at as Re,b7 as Fe,aw as Ye,av as Ve,b8 as Ge,au as Je,n as Z,gV as Xe,am as Ke,af as qe,gW as Ze,L as _e,gX as Qe,az as et,fh as tt,cz as ot,B as at,X as it,bL as nt}from"./index-CnrHU8WN.js";import{b as l,n as a}from"./vendor-CnQcJ2Lu.js";import{$ as rt}from"./BoxItem-CQlEDklH-QYh8SK8x.js";import{w as lt}from"./downloadPdf-CNrmv_yZ-BgWfIYNz.js";import{H as ct}from"./DepositAccTransactionItem-Dy6qzuSL-bj1K9hi4.js";import{T as st}from"./ZeniAccountNavBarPieces-5yZFq-zt-jLGGdcn1.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-NUQEpowf-g8lux_Te.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,7 +8,7 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs 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",V="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}=Q.getLocalizedStrings(),{zeniAccounts:i}=ht,Y=Q.getLocalizedStrings().dateFormat,mt=Q.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Jt,{children:e}),he=r.memo(({accountHistory:e})=>{const h=M(),n=pe(),[m,$]=r.useState(),b=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(Y.visual.DMMMYYYYFormat)),t.jsxs(Vt,{children:[t.jsx(le,{children:d}),t.jsx(le,{isSublabel:!0,children:c})]})},[]),g=r.useCallback(l=>{const{x:d,y:c}=l,{value:C}=l.payload;let z=!1;e.accountHistoryWithBalance.length>360&&(z=!0);const S=z?P.zeniDate(C).format(Y.visual.MMMformat):P.zeniDate(C).format(Y.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=r.useCallback(({cx:l,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==l||m?.y!==d)&&$({x:l,y:d}),t.jsx(Yt,{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(Re,{height:u.areaChartHeight.value(h),width:"99%",children:t.jsxs(We,{data:b,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(Ve,{tick:!1,axisLine:!1}),t.jsx(Ye,{position:m,content:({payload:l})=>x(l),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(Je,{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:b,setShowLoader:x,onViewAllTransactionClick:g,showViewAllTransactions:k})=>{const f=M(),l=r.useMemo(()=>e.accountHistory,[e.accountHistory]);return t.jsxs(t.Fragment,{children:[t.jsxs(bt,{windowSize:f,children:[t.jsx(xt,{getToolTipContent:h,zeniAccountDetail:e}),t.jsxs(Dt,{children:[t.jsx(he,{accountHistory:l}),t.jsxs(Et,{windowSize:f,children:[t.jsxs(Wt,{onClick:n,"data-testid":v("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":v("download-bank-verification-letter"),onClick:()=>rt(`${m}/bank-verification-letter`,`${i.zeniAccountDetail.bankLetterPdf}${e.accountDetail?.accountLast4}.pdf`,$,x),children:[b?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(Zt,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(_t,{onClick:g,"data-testid":v("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:b,onAccountDetailClick:x,handleMoveMoneyOptionSelection:g,onBackClick:k,onCloseAccountClick:f,onEditNameClick:l,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:C}=c,[z,S]=r.useState(!1),[E,I]=r.useState(!1),[_,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(()=>{_===!0&&setTimeout(()=>{xe(!1)},800)},[_]);const ge=n.transactionList.length>4,O=pe(),[fe,ye]=r.useState(!1),[$e,U]=r.useState(!1),R=n.accountUpdateStatus.editName.fetchState,oe=Be(R),je=s=>{s==="closeAccount"?S(!0):s==="editNickName"?I(!0):s==="payBill"?U(!0):g(s,n.accountDetail)},we={onOkClick:()=>{f?.(),S(!1)},onCancelClick:()=>{S(!1)}},be={onOkClick:()=>{},onCancelClick:()=>{c.reset(),I(!1)}};r.useEffect(()=>{oe==="In-Progress"&&R==="Completed"&&(I(!1),c.reset())},[oe,R,c]),r.useEffect(()=>{E&&C(V)},[E,C]);const ke={pageName:"detailPage",onOptionSelection:je},ve=n.accountDetail?.accountName??"",A=n.accountSummary,Ce=c.handleSubmit(s=>{l?.(s.checkingAccountNickName)}),Se={onOkClick:()=>{g("payBill"),U(!1)},onCancelClick:()=>{U(!1)}},De=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},ze=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(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(K,{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:T,children:t.jsx(ro,{})})})},[A,q]),Ae=t.jsx(st,{zeniBankProps:ke,isBillPayEnabled:m,isExpressPayEnabled:$});return t.jsxs(wt,{children:[t.jsx(Le,{title:ve,subTitle:n?.accountDetail?.maskedAccountNumber??"",onBackClick:k,showMenuIcon:!1,backgroundColor:O.colors.grey4,style:{zIndex:3,...D.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),z?t.jsx(W,{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:we}):null,$e?t.jsx(W,{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(W,{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:be,containerStyle:{width:"100%"},isLoading:n.accountUpdateStatus.editName.fetchState==="In-Progress",children:t.jsx(Ne,{...c,children:t.jsx("form",{id:ie,onSubmit:Ce,style:{height:o.sp8,width:"80%",marginBottom:o.sp5},children:t.jsx(He,{type:"text",name:V,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,V)===!0?y.importantLight:O.colors.background,border:`1px solid ${O.colors.background}`},registerOptions:{required:!0,validate:s=>!!s}})})})}):null,n.fetchState==="Completed"?t.jsx(me,{authParams:e,downloadEndPoint:h,getToolTipContent:ze,onAccountDetailClick:x,onViewAllTransactionClick:b,setShowLoader:ye,showLoader:fe,showViewAllTransactions:ge,zeniAccountDetail:n}):n.fetchState==="Error"?t.jsxs(At,{children:[t.jsx(Tt,{onClick:d,"data-testid":v("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),[,b]=Ue(),[x,g]=r.useState(!1),k=()=>{b(e.accountDetail?.accountNumber??""),g(!0)};return r.useEffect(()=>{x===!0&&setTimeout(()=>{g(!1)},800)},[x]),t.jsxs(vt,{children:[t.jsxs(Ct,{children:[t.jsx(Gt,{children:t.jsxs(re,{children:[ne(i.zeniAccountList.totalAvailableBalance),h("totalBalance")]})}),t.jsx(Qt,{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(Kt,{"data-testid":v("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":v("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(Xt,{"data-testid":v("show-account-number"),onClick:()=>{$(!0)}})})})]})]}),t.jsxs(St,{children:[t.jsxs(re,{children:[ne(i.common.totalYieldEarned),h("totalInterest")]}),t.jsxs(Ot,{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(Ut,{}),t.jsx(Rt,{children:`${i.common.currentAverageYield} ${e.accountDetail?.annualPercentageYield}`})]})]})]})},gt=a.div`
+`,ie="editNickName-form",V="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}=q.getLocalizedStrings(),{zeniAccounts:i}=ht,G=q.getLocalizedStrings().dateFormat,mt=q.getLocalizedStrings().peoplePage,ne=e=>t.jsx(Jt,{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=P.zeniDate(r[0].payload?.date).format(G.visual.DMMMYYYYFormat)),t.jsxs(Vt,{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 D=!1;e.accountHistoryWithBalance.length>360&&(D=!0);const S=D?P.zeniDate(v).format(G.visual.MMMformat):P.zeniDate(v).format(G.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=l.useCallback(({cx:r,cy:d,dataKey:c})=>(c==="balance.available.amount"&&(m?.x!==r||m?.y!==d)&&$({x:r,y:d}),t.jsx(Gt,{cx:r,cy:d,strokeWidth:1,r:p[1]})),[m]),f=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: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(Ye,{dataKey:"date",stroke:n.colors.grey3,tickSize:0,reversed:!0,tick:r=>g(r),padding:{right:p[4]},interval:f}),t.jsx(Ve,{tick:!1,axisLine:!1}),t.jsx(Ge,{position:m,content:({payload:r})=>x(r),cursor:{strokeDasharray:"3",stroke:y.brandColorJade}}),t.jsx(Je,{activeDot:k,fillOpacity:1,dot:!1,type:"monotone",dataKey:"balance.available.amount",stroke:y.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 f=M(),r=l.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:r}),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:()=>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,{}),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(Zt,{children:i.zeniAccountDetail.transactions}),k?t.jsxs(_t,{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(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:r,onReloadZeniAccountDetailPage:d})=>{const c=Te({mode:"all"}),{setFocus:v}=c,[D,S]=l.useState(!1),[E,I]=l.useState(!1),[_,xe]=l.useState(!1),Q=M(),ee=Pe(),te=ee.loggedInUserRoleMap.deposit_accounts_user===!0||P.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(()=>{_===!0&&setTimeout(()=>{xe(!1)},800)},[_]);const ge=n.transactionList.length>4,U=pe(),[fe,ye]=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:()=>{f?.(),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(V)},[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)}},ze=s=>{switch(s){case"totalBalance":return"320px";case"insuredBalance":return"320px";case"totalInterest":return"280px";default:return"320px"}},De=l.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(ro,{children:[t.jsx(no,{children:i.zeniAccountList.balanceTooltip.base}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.balance}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.current)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.processing}),t.jsx(K,{children:B("0,0[.]00",A?.totalBalance.hold)})]}),t.jsxs(J,{children:[t.jsx(X,{children:i.zeniAccountList.balanceTooltip.available}),t.jsx(K,{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(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,...z.largeSemiBold.cssObject},rightSideComponent:Ae,source:"ZeniAccountDetailPage"}),D?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:V,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,V)===!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,$]=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(qt,{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(Kt,{"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(Xt,{"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:z.largeRegular.cssObject,decimalStyles:z.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;
@@ -33,11 +33,11 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   display: flex;
   justify-content: space-between;
   margin-bottom: ${o.sp3};
-`,wt=a.div`
+`,bt=a.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,bt=a.div`
+`,wt=a.div`
   display: flex;
   gap: ${e=>`${u.accountDetailHeaderGap.valuePx(e.windowSize)}`};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
@@ -51,18 +51,18 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
 `,kt=a.div`
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${o.sp2};
-`,vt=a.div`
+`,Ct=a.div`
   display: flex;
   gap: ${o.sp3};
   flex-direction: column;
   justify-content: space-between;
-`,Ct=a.div``,St=a.div``,Dt=a.div`
+`,vt=a.div``,St=a.div``,zt=a.div`
   display: flex;
   gap: ${o.sp3};
   flex: 1;
   flex-direction: column;
   justify-content: flex-end;
-`,zt=a.g`
+`,Dt=a.g`
   transform: ${e=>`translate(${e.translateX}px, ${e.translateY}px)`};
 `,At=a.div`
   display: flex;
@@ -89,7 +89,7 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Pt=a(Oe)`
+`,Pt=a(Ue)`
   margin-top: ${o.sp3};
   color: ${e=>e.theme.colors.hero};
 `,Bt=a(Ie)`
@@ -120,11 +120,11 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
       }
     }
   }
-`,Ot=a.div`
+`,Ut=a.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
-`,Ut=a.div`
+`,Wt=a.div`
   align-self: center;
   background-color: ${e=>e.theme.colors.grey1};
   border-radius: 50%;
@@ -132,10 +132,10 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   height: ${o.sp1};
   margin: ${o.sp0} ${o.sp1};
   margin-top: 2px;
-`,Rt=a(at)`
+`,Ot=a(at)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${o.sp1};
-`,Wt=a.div`
+`,Rt=a.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -165,7 +165,7 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
     }
   }
   margin-right: ${o.sp3};
-`,Gt=a(w)`
+`,Yt=a(b)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
 `,Vt=a.div`
@@ -180,15 +180,15 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   border-radius: ${o.sp1};
   padding: ${o.sp0} ${o.sp2};
   background-color: ${y.blackColor};
-`,Yt=a.circle`
+`,Gt=a.circle`
   stroke: ${e=>e.theme.colors.brandColorJade};
   fill: ${e=>e.theme.colors.grey5};
-`,le=a(w)`
+`,re=a(b)`
   color: ${e=>e.isSublabel===!0?y.neutralGrey1Light:y.brandColorPearl};
-`,re=a.div`
+`,le=a.div`
   display: flex;
   gap: ${o.sp1};
-`,Jt=a(w)`
+`,Jt=a(b)`
   color: ${e=>e.theme.colors.hero};
 `,ce=a(_e)`
   text-transform: capitalize;
@@ -202,19 +202,19 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   margin-right: ${o.sp2};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,Kt=a(qe)`
+`,Kt=a(Qe)`
   height: ${o.sp3};
   width: ${o.sp3};
   margin-left: ${o.sp2};
   margin-right: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,Qt=a.div`
+`,qt=a.div`
   display: flex;
   align-items: baseline;
   color: ${e=>e.theme.colors.primary};
 `,se=a(Z)`
   margin-left: ${o.sp2};
-`,de=a(w)`
+`,de=a(b)`
   margin-left: ${o.sp2};
 `,Zt=a(Ke)`
   color: ${e=>e.theme.colors.primary};
@@ -231,7 +231,7 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,qt=a(Qe)`
+`,Qt=a(qe)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.grey1};
@@ -266,14 +266,14 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   width: ${o.sp4};
   min-width: ${o.sp4};
   height: ${o.sp4};
-`,no=a(w)`
+`,no=a(b)`
   margin-bottom: ${o.sp2};
   display: flex;
-`,lo=a(w)`
+`,ro=a(b)`
   padding: 12px ${o.sp3};
   color: ${e=>e.theme.colors.hero};
   border-radius: ${o.sp1};
-`,J=a(w)`
+`,J=a(b)`
   color: ${e=>e.theme.colors.brandColorPearl};
   margin-top: ${o.sp2};
   display: flex;
@@ -282,14 +282,14 @@ import{a as Te,X as M,w as Pe,l as P,u as pe,a2 as Be,j as t,M as Q,a0 as B,bs a
   color: ${e=>e.theme.colors.hero};
 `,K=a.div`
   color: ${y.primaryDark};
-`,ro=a(Ee)`
+`,lo=a(Ee)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,co=a(w)`
+`,co=a(b)`
   padding: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
 `,so=a.div`