@zeniai/web-app-ui 4.14.38-qa → 4.14.39-dev

package/dist/assets/{BankAccountSection-EZtscP2z-CnmlGLJZ.js → BankAccountSection-Di4sF52j-BobhPzIF.js}

@@ -1,4 +1,4 @@
-import{X as R,cc as P,a7 as A,e5 as B,O as S,x as n,V as t,cd as f,cf as w,c6 as T,al as L,o as g,eA as D,eC as V,E as z,j as a,L as q,l as H}from"./index-DBW4633P.js";import{a as C}from"./sentry-DINNQYpi.js";import{n as u}from"./mui-C_CXevf3.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="f2290d08-9457-4ad8-aa16-b9408d703e31",e._sentryDebugIdIdentifier="sentry-dbid-f2290d08-9457-4ad8-aa16-b9408d703e31")}catch{}})();const E=u.div`
+import{e as R,cc as P,a7 as A,dX as B,O as S,x as n,V as t,cd as f,cf as w,c6 as T,al as L,o as g,eq as D,es as V,b as z,m as a,L as q,l as H}from"./index-BngCC-zG.js";import{a as C}from"./sentry-CHlUi953.js";import{n as u}from"./mui-DyGc7Pg8.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="63a198e2-9748-4032-ad45-168c770aa5b4",e._sentryDebugIdIdentifier="sentry-dbid-63a198e2-9748-4032-ad45-168c770aa5b4")}catch{}})();const W=u.div`
   color: ${e=>e.theme.colors.primary};
   align-items: center;
   justify-content: flex-end;
@@ -6,7 +6,7 @@ import{X as R,cc as P,a7 as A,e5 as B,O as S,x as n,V as t,cd as f,cf as w,c6 as
   padding: 0 ${g.sp3};
   pointer-events: initial;
   min-height: 100%;
-`,W=u(H)`
+`,_=u(H)`
   color: ${e=>e.theme.colors.grey1};
   height: 100%;
   width: 100%;
@@ -16,7 +16,7 @@ import{X as R,cc as P,a7 as A,e5 as B,O as S,x as n,V as t,cd as f,cf as w,c6 as
   align-items: center;
   user-select: none;
   margin-right: ${g.sp2};
-`,_=e=>{const{placeholder:i,loaderSize:o="Small",style:s}=e;return t.jsxs(E,{style:s,children:[i!=null?t.jsxs(W,{children:[i," "]}):null,t.jsx(q,{size:o,start:!0,style:{display:"flex"}})]})},r={width:new n(343,580,726),height:new n(a[6],a[6]),controlHeight:new n(a[6],a[6]),paddingTopBottom:new n(a[2],a[2]),marginRight:new n(a[2],a[2]),labelMarginLeft:new n(a[3],a[4]),labelMarginRight:new n(a[3],a[4]),labelMarginTop:new n(a[2],a[2])};function F({isDisabled:e,label:i,loader:o,style:s}){const h=R();return t.jsxs(O,{size:h,isDisabled:e!=null,style:s,"data-testid":z("labeled-item-with-loader",i.label),children:[t.jsx(T,{isDisabled:e,label:i.label,style:{marginLeft:r.labelMarginLeft.value(h),marginRight:r.labelMarginRight.value(h),marginTop:r.labelMarginTop.value(h),width:i.width??"auto"}}),t.jsx(_,{...o,style:{minHeight:r.controlHeight.value(h),display:"flex",flexGrow:1,...o.style}})]})}const O=u.div`
+`,E=e=>{const{placeholder:i,loaderSize:o="Small",style:s}=e;return t.jsxs(W,{style:s,children:[i!=null?t.jsxs(_,{children:[i," "]}):null,t.jsx(q,{size:o,start:!0,style:{display:"flex"}})]})},r={width:new n(343,580,726),height:new n(a[6],a[6]),controlHeight:new n(a[6],a[6]),paddingTopBottom:new n(a[2],a[2]),marginRight:new n(a[2],a[2]),labelMarginLeft:new n(a[3],a[4]),labelMarginRight:new n(a[3],a[4]),labelMarginTop:new n(a[2],a[2])};function F({isDisabled:e,label:i,loader:o,style:s}){const h=R();return t.jsxs(O,{size:h,isDisabled:e!=null,style:s,"data-testid":z("labeled-item-with-loader",i.label),children:[t.jsx(T,{isDisabled:e,label:i.label,style:{marginLeft:r.labelMarginLeft.value(h),marginRight:r.labelMarginRight.value(h),marginTop:r.labelMarginTop.value(h),width:i.width??"auto"}}),t.jsx(E,{...o,style:{minHeight:r.controlHeight.value(h),display:"flex",flexGrow:1,...o.style}})]})}const O=u.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;

package/dist/assets/{BankAccountWarningSection-DCfyIUlu-DWGOWwU8.js → BankAccountWarningSection-Cled-2cR-CypxFFmY.js}

@@ -1,11 +1,11 @@
-import{X as w,V as a,E as u,bo as $,o as e,x as t,bx as b,N as x,d as y,O as k,e as l,eB as v,l as z,j as n}from"./index-DBW4633P.js";import{n as o}from"./mui-C_CXevf3.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new i.Error().stack;r&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[r]="a9d70f65-078a-4002-bfdc-841b01e2ff88",i._sentryDebugIdIdentifier="sentry-dbid-a9d70f65-078a-4002-bfdc-841b01e2ff88")}catch{}})();const{common:{navBar:{back:j}}}=k.getLocalizedStrings(),d={navBarContainerPadding:new t(10,n[3]),customTitleMarginBottom:new t(n[0],n[3]),customTitleMarginLeft:new t(n[3],n[6]),customTitleMarginRight:new t(n[5],n[8])},P={formTitle:new x("h6Medium","h5Medium")},R=({header:i,isDirty:r,isMagicLink:g,onBackClick:m,setShowConfirmationPopup:p})=>{const s=w();return a.jsxs(a.Fragment,{children:[s==="small"?a.jsxs(B,{windowSize:s,children:[g?null:a.jsx(h,{onClick:()=>r?p?.(!0):m?.(),"data-testid":u("bank-account-page-back-click-mobile")}),a.jsx(f,{windowSize:s,children:i})]}):a.jsx(S,{children:g?null:a.jsx($,{title:j,enterDelay:600,placement:"bottom",children:a.jsx(h,{onClick:()=>r?p?.(!0):m?.(),"data-testid":u("bank-account-page-back-click")})})}),s!=="small"?a.jsx(f,{windowSize:s,children:i}):null]})},f=o(y)`
+import{e as w,V as a,b as u,bo as $,o as e,x as t,bx as f,d as x,M as y,O as k,f as l,er as v,l as z,m as n}from"./index-BngCC-zG.js";import{n as o}from"./mui-DyGc7Pg8.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new i.Error().stack;r&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[r]="a306c00b-685f-432f-b519-260c996a57ba",i._sentryDebugIdIdentifier="sentry-dbid-a306c00b-685f-432f-b519-260c996a57ba")}catch{}})();const{common:{navBar:{back:j}}}=k.getLocalizedStrings(),d={navBarContainerPadding:new t(10,n[3]),customTitleMarginBottom:new t(n[0],n[3]),customTitleMarginLeft:new t(n[3],n[6]),customTitleMarginRight:new t(n[5],n[8])},P={formTitle:new x("h6Medium","h5Medium")},R=({header:i,isDirty:r,isMagicLink:c,onBackClick:m,setShowConfirmationPopup:p})=>{const s=w();return a.jsxs(a.Fragment,{children:[s==="small"?a.jsxs(C,{windowSize:s,children:[c?null:a.jsx(b,{onClick:()=>r?p?.(!0):m?.(),"data-testid":u("bank-account-page-back-click-mobile")}),a.jsx(h,{windowSize:s,children:i})]}):a.jsx(S,{children:c?null:a.jsx($,{title:j,enterDelay:600,placement:"bottom",children:a.jsx(b,{onClick:()=>r?p?.(!0):m?.(),"data-testid":u("bank-account-page-back-click")})})}),s!=="small"?a.jsx(h,{windowSize:s,children:i}):null]})},h=o(y)`
   ${i=>`${P.formTitle.style(i.windowSize)}`};
   color: ${i=>i.theme.colors.primary};
   margin-bottom: ${i=>d.customTitleMarginBottom.valuePx(i.windowSize)};
   margin-top: ${e.sp3};
   margin-left: ${i=>d.customTitleMarginLeft.valuePx(i.windowSize)};
   margin-right: ${i=>d.customTitleMarginRight.valuePx(i.windowSize)};
-`,h=o(b)`
+`,b=o(f)`
   cursor: pointer;
   color: ${i=>i.theme.colors.hero};
   width: 20px;
@@ -15,7 +15,7 @@ import{X as w,V as a,E as u,bo as $,o as e,x as t,bx as b,N as x,d as y,O as k,e
   }
 `,S=o.div`
   margin: ${e.sp3} ${e.sp8} ${e.sp3} ${e.sp6};
-`,B=o.div`
+`,C=o.div`
   display: flex;
   align-items: center;
   position: absolute;
@@ -26,25 +26,25 @@ import{X as w,V as a,E as u,bo as $,o as e,x as t,bx as b,N as x,d as y,O as k,e
   padding-left: ${e.sp0};
   z-index: 2;
   background-color: ${i=>i.theme.colors.grey4};
-`,c={marginBottom:new t(n[5],n[3]),marginRight:new t(n[3],n[8]),marginLeft:new t(n[3],n[6])},_=({warningText:i})=>{const r=w();return a.jsxs(T,{size:r,children:[a.jsx(D,{children:a.jsx(M,{})}),a.jsx(C,{children:i})]})},T=o.div`
+`,g={marginBottom:new t(n[5],n[3]),marginRight:new t(n[3],n[8]),marginLeft:new t(n[3],n[6])},_=({warningText:i})=>{const r=w();return a.jsxs(T,{size:r,children:[a.jsx(M,{children:a.jsx(B,{})}),a.jsx(D,{children:i})]})},T=o.div`
   display: flex;
   background-color: ${l.alertLight};
   border: 1px solid ${l.brandColorGoldDark};
   border-radius: ${e.sp2};
   color: ${l.alertDark};
-  margin-bottom: ${i=>c.marginBottom.valuePx(i.size)};
+  margin-bottom: ${i=>g.marginBottom.valuePx(i.size)};
   padding: ${e.sp3} ${e.sp4} ${e.sp3} ${e.sp4};
-  margin-right: ${i=>c.marginRight.valuePx(i.size)};
-  margin-left: ${i=>c.marginLeft.valuePx(i.size)};
-`,C=o(z)`
+  margin-right: ${i=>g.marginRight.valuePx(i.size)};
+  margin-left: ${i=>g.marginLeft.valuePx(i.size)};
+`,D=o(z)`
   display: flex;
   flex-grow: 1;
   color: ${l.brandColorGoldDark};
-`,D=o.div`
+`,M=o.div`
   display: flex;
   align-items: center;
   margin-right: ${e.sp2};
-`,M=o(v)`
+`,B=o(v)`
   width: ${e.sp4};
   height: ${e.sp4};
   color: ${l.brandColorGoldDark};

package/dist/assets/{BankConnectionsSettingsPage-CQWy9jvt-6r8YHtRG.js → BankConnectionsSettingsPage-Ccnzq7st-DGOhp4FX.js}

@@ -1,21 +1,21 @@
-import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H as Ze,l as M,L as se,bN as Ke,M as et,bo as tt,j as k,at as nt,w as Ue,N as it,m as Ce,cc as ot,a7 as G,ad as he,e5 as at,aU as Me,fd as je,fe as ct,ff as Ve,bu as Ie,fg as lt,fh as st,fi as me,fj as fe,fk as ze,a5 as ge,bG as we,E as rt,b6 as dt,df as He,e as K,C as E,fl as ut,fm as pt,fn as ht,aD as mt,fo as ft}from"./index-DBW4633P.js";import{a as r}from"./sentry-DINNQYpi.js";import{n}from"./mui-C_CXevf3.js";import{r as Te}from"./core-5sxMy3sZ.js";import{u as _e}from"./plaid-Yyr3DBd8.js";import{cf as gt,cg as ee,bG as Le}from"./zeni-epic-state-a7Sj5mjO.js";import{a as wt}from"./SetUpAccountSection-DYRWWXcL-Bt4sXwAD.js";import"./liveblocks-BsQBjN-0.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="ac1790c6-93c7-4d51-97bf-3377f3fe03da",e._sentryDebugIdIdentifier="sentry-dbid-ac1790c6-93c7-4d51-97bf-3377f3fe03da")}catch{}})();const{settings:{bankConnectionHeader:ae}}=re.getLocalizedStrings().common,V=[{value:ae.productType,width:new _(100,19)},{value:ae.primaryAccount,width:new _(100,36)},{value:ae.linkAccount,width:new _(100,22)},{value:ae.status,width:new _(12,12)},{value:ae.balance,width:new _(12,13)}],{common:{settings:Oe,strings:{hyphen:ye}},commonSetUp:{setUp:Fe}}=re.getLocalizedStrings(),j={containerPadding:new _(k[3],k[4]),containerRightPadding:new _(k[3],k[8]),iconContainerMaxWidthHeight:new _(k[6],k[7]),iconWidthHeight:new _(20,k[4]),iconPadding:new _(k[1],12),productTypeContainerMarginBottom:new _(k[3],k[0]),linkAccountContainerMarginTop:new _(k[3],k[0]),productTypeIconSize:new _(k[3],k[4])},St=({productType:e,windowSize:d})=>{switch(e){case"bill_pay":return t.jsx(Bt,{windowSize:d,children:t.jsx(mt,{})});case"reimbursement":return t.jsx(Rt,{windowSize:d,children:t.jsx(ht,{})});case"zeni_accounts":return t.jsx(Dt,{windowSize:d,children:t.jsx(Me,{})});case"zeni_treasury":return t.jsx(Wt,{windowSize:d,children:t.jsx(pt,{})});default:return t.jsx(Nt,{windowSize:d,children:t.jsx(ut,{})})}},xt=({allBankAccounts:e,setupView:d,connectedAccountProvider:H,onFetchLinkTokenClick:B,onUpdatePaymentAccountStatus:z,onEstablishConnectionClick:T,onEstablishConnectionSuccess:R})=>{const C=xe(),c=Ae(),m=Ce().analytics,{trigger:w,formState:{errors:D}}=ot(),{plaidConnectionDetails:N,allFundingAccounts:o,primaryFundingAccount:a,productType:s}=d,u=N.link_account,p=N.update_account,[v,W]=r.useState(void 0),[$,S]=r.useState(!1),b=v==="update_account"?p:u,[A,q]=r.useState(b.linkToken??null),[O,P]=r.useState(!1),h=u.fetchStatus.fetchState==="In-Progress"||u.updateStatus.fetchState==="In-Progress";let f,F,l,g=!1;a!=null&&(a.accType==="depositAccount"?f={code:"verified",name:"Verified"}:(f=a.providerVerificationStatus,F=a?.institutionDetails,l=f?.code,g=a?.isLoginRequired??!1));const U=G(u.updateStatus.fetchState),X=G(p.updateStatus.fetchState),I=G(p.fetchStatus.fetchState),J=C.mode==="light"?new he(C.colors.brandColorJadeLight):new he(C.colors.brandColorJadeDark),Q=r.useCallback((x,Y)=>{m.trackConnectBankSuccess(s,"Settings");const Pe=Y.accounts.find(Ge=>Ge.id===a?.providerAccountId)??Y.accounts[0];a?.id==null||v!=="update_account"||Pe?.verification_status==null||g?T(x,y(s),s):z(Pe?.verification_status,a.id,"update_account",y(s),s),W(void 0),P(!1)},[m,s,a?.id,a?.providerAccountId,v,g,z,T]),te=r.useCallback((x,Y)=>{x!=null&&(m.trackConnectBankFailure(s,x.error_code+" "+x.error_message,"Settings"),x.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&a?.id!=null&&z("verification_failed",a.id,"update_account",y(s),s),console.log("Plaid Connection Error",x,Y)),W(void 0),P(!1)},[m,s,a?.id,z]),{open:ne,ready:ie}=_e({token:A,onSuccess:Q,onExit:te});r.useEffect(()=>{(U==="In-Progress"&&u.updateStatus.fetchState==="Completed"||X==="In-Progress"&&p.updateStatus.fetchState==="Completed")&&(gt(l??"")||(B("link_account",y(s)),R(y(s),s)))},[u.updateStatus.fetchState,R,B,a?.providerVerificationStatus?.code,a?.id,U,X,p.updateStatus.fetchState,l,s]),r.useEffect(()=>{(ee(l??"")||l==="verification_failed")&&!O&&v!=null&&b.linkToken===A&&b.fetchStatus.fetchState==="Completed"&&ie&&P(!0)},[ie,A,b.fetchStatus.fetchState,b.linkToken,l,v,O]);const L=be("bankConnectionsSettingsPage","primaryAccountSection"),Z=at(D,L);r.useEffect(()=>{b.fetchStatus.fetchState==="Completed"&&b.linkToken!=null&&b.linkToken!==A&&q(b.linkToken)},[b.fetchStatus.fetchState,b.linkToken,A]),r.useEffect(()=>{O&&ne()},[O,ne]),r.useEffect(()=>{!a?.zeniAccountId&&!Z&&w(L)},[a?.id]),r.useEffect(()=>{(l==null||l==="verification_failed"||l==="verification_expired"||ee(l))&&(Le(new Date().toISOString()).isAfter(u.expiration)||u.linkToken==null)&&B("link_account",y(s))},[]);const oe=`${a?.accountSubType?.name!=null?a?.accountSubType?.name.substring(0,1).toUpperCase().concat(a?.accountSubType?.name.substring(1)):""} ${a?.maskedAccountNumber??""}`.trim(),de=F?.zeniInstitutionId.toLowerCase()==="chase",qe=o.findIndex(x=>x.id===a?.id),Je={element:t.jsx(Me,{width:j.iconWidthHeight.valuePx(c)}),color:J};return t.jsxs(yt,{windowSize:c,children:[$===!0?Te.createPortal(t.jsx(je,{connectedAccountProvider:H,action:{onBackClick:()=>S(!1)}}),document.body):null,t.jsxs(vt,{windowSize:c,wrapperWidth:V[0].width,children:[t.jsx(kt,{windowSize:c,isDarkMode:C.mode==="dark",children:t.jsx(St,{productType:s,windowSize:c})}),t.jsx(bt,{children:Oe.productNameByType[s]})]}),t.jsx($t,{windowSize:c,wrapperWidth:V[1].width,children:t.jsxs(_t,{windowSize:c,children:[a!=null&&c!=="small"?t.jsx(Tt,{isDisabled:g,children:ct(Je,c,C.mode==="dark",a,qe,!1)}):null,t.jsxs(Pt,{windowSize:c,className:"fundingAccount",children:[t.jsx(Ve,{style:{display:c==="small"?"block":"inherit",width:"-webkit-fill-available",color:C.colors.hero},customStyleConfig:{menu:()=>({width:c==="small"?"auto":510})},controlProperty:{controlHeight:k[4],fontWeight:Ie.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:c==="small"?240:300},customPlaceholder:{color:C.colors.hero,weight:Ie.medium},name:be(s,"primaryAccountSection"),placeholder:Fe.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(x,Y)=>st(o,x,Y),valueToSubLabels:(x,Y)=>lt(o,x,Y,!1),defaultValue:{selectedOption:a?.id,allOptions:o.map(x=>({label:x.label,value:x.id,isRecommended:x.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,showEmptyState:!1,isDisabled:h?"disabled":void 0,showLoadingIcon:h,onClickCreateOption:()=>{m.trackConnectBank(s,"Settings"),W("link_account"),u.linkToken==null||Le(new Date().toISOString()).isAfter(u.expiration)?B("link_account",y(s)):A!==u.linkToken?q(u.linkToken):O?ne():P(!0)}}),t.jsxs(At,{isDisabled:g,children:[oe?t.jsxs(t.Fragment,{children:[t.jsx(Ct,{children:oe}),c!=="small"&&(l!=="verification_failed"&&a?.providerVerificationStatus?.code==="pending_manual_verification"||g||de)?t.jsx(zt,{}):null]}):null,c==="small"&&f!=null?t.jsx(me,{style:{width:"max-content",padding:i.sp0,marginLeft:i.sp2},tagTitle:f.name,textColor:fe(f.code)}):null,l!=="verification_failed"&&a?.providerVerificationStatus?.code==="pending_manual_verification"||g||de?t.jsx(ze,{productType:s,isUpdateLinkClicked:v==="update_account",isLoginRequired:g,isPendingVerification:l!=="verification_failed"&&a?.providerVerificationStatus?.code==="pending_manual_verification",fetchAndUpdateStatues:{fetchStatus:p.fetchStatus,updateStatus:p.updateStatus,linkFetchStatus:u.fetchStatus,linkUpdateStatus:u.updateStatus,prevFetchState:I,prevUpdateState:X},onUpdateLinkTokenClick:()=>{m.trackConnectBankGetBalance(s,"Settings"),W("update_account"),B("update_account",y(s),a?.id)},onChaseInfoClick:()=>{S(!0)}}):null]})]}),c==="small"?t.jsxs(Lt,{children:[a?.accountBalance?.available?t.jsx(Ee,{className:"balanceLabel",children:ge("0,0[.]00",a?.accountBalance?.available)}):t.jsx(ve,{children:ye}),a?.accountBalance?.lastRefreshTime?t.jsx(Be,{className:"balanceLabel",children:we(a?.accountBalance?.lastRefreshTime)}):a?.balanceFetchStatus.fetchState==="In-Progress"?t.jsx(se,{size:"Small",start:!0}):null]}):null]})}),t.jsxs(Ft,{windowSize:c,isDisabled:g,wrapperWidth:V[2].width,onClick:x=>x.stopPropagation(),"data-testid":rt("bank-account-section",s),className:"qboLinkAcc",children:[c==="small"?t.jsx(jt,{children:Oe.bankConnectionHeader.linkAccount}):null,t.jsx(Et,{isDisabled:g?"disabled":void 0,name:be(s,"bankAccountSection"),placeholder:Fe.zeniCashAccountPlaceholder,defaultValue:{selectedOption:a?.zeniAccountId??"",allOptions:e.map(x=>({label:x.accountName,value:x.accountId}))},controlProperty:{highlightOnHover:!0},isOptionRemovable:!1,textAlignment:"left",registerOptions:{required:!1},style:{width:c==="small"?"calc(100% - 135px)":"100%",marginLeft:c==="small"?i.sp0:`-${i.sp3}`}})]}),c!=="small"?t.jsx(Ot,{windowSize:c,wrapperWidth:V[3].width,children:f!=null?t.jsx(me,{style:{width:"max-content",padding:0},tagTitle:f.name,textColor:fe(f.code)}):t.jsx(ve,{children:ye})}):null,c!=="small"?t.jsxs(It,{windowSize:c,wrapperWidth:V[4].width,children:[a?.accountBalance?.available?t.jsx(Ee,{className:"balanceLabel",children:ge("0,0[.]00",a?.accountBalance?.available)}):t.jsx(ve,{children:ye}),a?.accountBalance?.lastRefreshTime?t.jsx(Be,{className:"balanceLabel",children:we(a?.accountBalance?.lastRefreshTime)}):a?.balanceFetchStatus.fetchState==="In-Progress"?t.jsx(se,{size:"Small",start:!0}):null]}):null]})},yt=n.div`
+import{y as xe,e as Ae,T as Ye,c8 as Ke,V as t,a_ as Qe,o as i,O as re,x as _,H as Xe,l as M,L as se,bN as Ze,A as et,bo as tt,m as k,at as nt,w as Ue,d as it,h as Ce,cc as ot,a7 as G,ad as he,dX as at,aU as Me,f3 as ze,f4 as ct,f5 as Ve,bu as Ie,f6 as lt,f7 as st,f8 as me,f9 as ge,fa as je,a5 as fe,bG as we,b as rt,b6 as dt,dc as He,f as Z,C as F,fb as ut,fc as pt,fd as ht,aD as mt,fe as gt}from"./index-BngCC-zG.js";import{a as r}from"./sentry-CHlUi953.js";import{n}from"./mui-DyGc7Pg8.js";import{r as Te}from"./core-CVVdXRky.js";import{u as _e}from"./plaid-xWfKHEqu.js";import{cg as ft,ch as ee,bG as Le}from"./zeni-epic-state-D8D2Skiq.js";import{a as wt}from"./SetUpAccountSection-CctbMmoK-BIwzDeUn.js";import"./pdf-BxqSCr4b.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./utils-BpkJZQMI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="31149293-b528-430e-8e35-3e01a8dc2c3b",e._sentryDebugIdIdentifier="sentry-dbid-31149293-b528-430e-8e35-3e01a8dc2c3b")}catch{}})();const{settings:{bankConnectionHeader:ae}}=re.getLocalizedStrings().common,V=[{value:ae.productType,width:new _(100,19)},{value:ae.primaryAccount,width:new _(100,36)},{value:ae.linkAccount,width:new _(100,22)},{value:ae.status,width:new _(12,12)},{value:ae.balance,width:new _(12,13)}],{common:{settings:Oe,strings:{hyphen:ye}},commonSetUp:{setUp:Ee}}=re.getLocalizedStrings(),z={containerPadding:new _(k[3],k[4]),containerRightPadding:new _(k[3],k[8]),iconContainerMaxWidthHeight:new _(k[6],k[7]),iconWidthHeight:new _(20,k[4]),iconPadding:new _(k[1],12),productTypeContainerMarginBottom:new _(k[3],k[0]),linkAccountContainerMarginTop:new _(k[3],k[0]),productTypeIconSize:new _(k[3],k[4])},St=({productType:e,windowSize:d})=>{switch(e){case"bill_pay":return t.jsx(Bt,{windowSize:d,children:t.jsx(mt,{})});case"reimbursement":return t.jsx(Rt,{windowSize:d,children:t.jsx(ht,{})});case"zeni_accounts":return t.jsx(Dt,{windowSize:d,children:t.jsx(Me,{})});case"zeni_treasury":return t.jsx(Wt,{windowSize:d,children:t.jsx(pt,{})});default:return t.jsx(Nt,{windowSize:d,children:t.jsx(ut,{})})}},xt=({allBankAccounts:e,setupView:d,connectedAccountProvider:H,onFetchLinkTokenClick:B,onUpdatePaymentAccountStatus:j,onEstablishConnectionClick:T,onEstablishConnectionSuccess:R})=>{const C=xe(),c=Ae(),m=Ce().analytics,{trigger:w,formState:{errors:D}}=ot(),{plaidConnectionDetails:N,allFundingAccounts:o,primaryFundingAccount:a,productType:s}=d,u=N.link_account,p=N.update_account,[b,W]=r.useState(void 0),[$,S]=r.useState(!1),v=b==="update_account"?p:u,[A,q]=r.useState(v.linkToken??null),[O,P]=r.useState(!1),h=u.fetchStatus.fetchState==="In-Progress"||u.updateStatus.fetchState==="In-Progress";let g,E,l,f=!1;a!=null&&(a.accType==="depositAccount"?g={code:"verified",name:"Verified"}:(g=a.providerVerificationStatus,E=a?.institutionDetails,l=g?.code,f=a?.isLoginRequired??!1));const U=G(u.updateStatus.fetchState),K=G(p.updateStatus.fetchState),I=G(p.fetchStatus.fetchState),J=C.mode==="light"?new he(C.colors.brandColorJadeLight):new he(C.colors.brandColorJadeDark),Q=r.useCallback((x,Y)=>{m.trackConnectBankSuccess(s,"Settings");const Pe=Y.accounts.find(Ge=>Ge.id===a?.providerAccountId)??Y.accounts[0];a?.id==null||b!=="update_account"||Pe?.verification_status==null||f?T(x,y(s),s):j(Pe?.verification_status,a.id,"update_account",y(s),s),W(void 0),P(!1)},[m,s,a?.id,a?.providerAccountId,b,f,j,T]),te=r.useCallback((x,Y)=>{x!=null&&(m.trackConnectBankFailure(s,x.error_code+" "+x.error_message,"Settings"),x.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&a?.id!=null&&j("verification_failed",a.id,"update_account",y(s),s),console.log("Plaid Connection Error",x,Y)),W(void 0),P(!1)},[m,s,a?.id,j]),{open:ne,ready:ie}=_e({token:A,onSuccess:Q,onExit:te});r.useEffect(()=>{(U==="In-Progress"&&u.updateStatus.fetchState==="Completed"||K==="In-Progress"&&p.updateStatus.fetchState==="Completed")&&(ft(l??"")||(B("link_account",y(s)),R(y(s),s)))},[u.updateStatus.fetchState,R,B,a?.providerVerificationStatus?.code,a?.id,U,K,p.updateStatus.fetchState,l,s]),r.useEffect(()=>{(ee(l??"")||l==="verification_failed")&&!O&&b!=null&&v.linkToken===A&&v.fetchStatus.fetchState==="Completed"&&ie&&P(!0)},[ie,A,v.fetchStatus.fetchState,v.linkToken,l,b,O]);const L=ve("bankConnectionsSettingsPage","primaryAccountSection"),X=at(D,L);r.useEffect(()=>{v.fetchStatus.fetchState==="Completed"&&v.linkToken!=null&&v.linkToken!==A&&q(v.linkToken)},[v.fetchStatus.fetchState,v.linkToken,A]),r.useEffect(()=>{O&&ne()},[O,ne]),r.useEffect(()=>{!a?.zeniAccountId&&!X&&w(L)},[a?.id]),r.useEffect(()=>{(l==null||l==="verification_failed"||l==="verification_expired"||ee(l))&&(Le(new Date().toISOString()).isAfter(u.expiration)||u.linkToken==null)&&B("link_account",y(s))},[]);const oe=`${a?.accountSubType?.name!=null?a?.accountSubType?.name.substring(0,1).toUpperCase().concat(a?.accountSubType?.name.substring(1)):""} ${a?.maskedAccountNumber??""}`.trim(),de=E?.zeniInstitutionId.toLowerCase()==="chase",qe=o.findIndex(x=>x.id===a?.id),Je={element:t.jsx(Me,{width:z.iconWidthHeight.valuePx(c)}),color:J};return t.jsxs(yt,{windowSize:c,children:[$===!0?Te.createPortal(t.jsx(ze,{connectedAccountProvider:H,action:{onBackClick:()=>S(!1)}}),document.body):null,t.jsxs(bt,{windowSize:c,wrapperWidth:V[0].width,children:[t.jsx(kt,{windowSize:c,isDarkMode:C.mode==="dark",children:t.jsx(St,{productType:s,windowSize:c})}),t.jsx(vt,{children:Oe.productNameByType[s]})]}),t.jsx($t,{windowSize:c,wrapperWidth:V[1].width,children:t.jsxs(_t,{windowSize:c,children:[a!=null&&c!=="small"?t.jsx(Tt,{isDisabled:f,children:ct(Je,c,C.mode==="dark",a,qe,!1)}):null,t.jsxs(Pt,{windowSize:c,className:"fundingAccount",children:[t.jsx(Ve,{style:{display:c==="small"?"block":"inherit",width:"-webkit-fill-available",color:C.colors.hero},customStyleConfig:{menu:()=>({width:c==="small"?"auto":510})},controlProperty:{controlHeight:k[4],fontWeight:Ie.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:c==="small"?240:300},customPlaceholder:{color:C.colors.hero,weight:Ie.medium},name:ve(s,"primaryAccountSection"),placeholder:Ee.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(x,Y)=>st(o,x,Y),valueToSubLabels:(x,Y)=>lt(o,x,Y,!1),defaultValue:{selectedOption:a?.id,allOptions:o.map(x=>({label:x.label,value:x.id,isRecommended:x.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,showEmptyState:!1,isDisabled:h?"disabled":void 0,showLoadingIcon:h,onClickCreateOption:()=>{m.trackConnectBank(s,"Settings"),W("link_account"),u.linkToken==null||Le(new Date().toISOString()).isAfter(u.expiration)?B("link_account",y(s)):A!==u.linkToken?q(u.linkToken):O?ne():P(!0)}}),t.jsxs(At,{isDisabled:f,children:[oe?t.jsxs(t.Fragment,{children:[t.jsx(Ct,{children:oe}),c!=="small"&&(l!=="verification_failed"&&a?.providerVerificationStatus?.code==="pending_manual_verification"||f||de)?t.jsx(jt,{}):null]}):null,c==="small"&&g!=null?t.jsx(me,{style:{width:"max-content",padding:i.sp0,marginLeft:i.sp2},tagTitle:g.name,textColor:ge(g.code)}):null,l!=="verification_failed"&&a?.providerVerificationStatus?.code==="pending_manual_verification"||f||de?t.jsx(je,{productType:s,isUpdateLinkClicked:b==="update_account",isLoginRequired:f,isPendingVerification:l!=="verification_failed"&&a?.providerVerificationStatus?.code==="pending_manual_verification",fetchAndUpdateStatues:{fetchStatus:p.fetchStatus,updateStatus:p.updateStatus,linkFetchStatus:u.fetchStatus,linkUpdateStatus:u.updateStatus,prevFetchState:I,prevUpdateState:K},onUpdateLinkTokenClick:()=>{m.trackConnectBankGetBalance(s,"Settings"),W("update_account"),B("update_account",y(s),a?.id)},onChaseInfoClick:()=>{S(!0)}}):null]})]}),c==="small"?t.jsxs(Lt,{children:[a?.accountBalance?.available?t.jsx(Fe,{className:"balanceLabel",children:fe("0,0[.]00",a?.accountBalance?.available)}):t.jsx(be,{children:ye}),a?.accountBalance?.lastRefreshTime?t.jsx(Be,{className:"balanceLabel",children:we(a?.accountBalance?.lastRefreshTime)}):a?.balanceFetchStatus.fetchState==="In-Progress"?t.jsx(se,{size:"Small",start:!0}):null]}):null]})}),t.jsxs(Et,{windowSize:c,isDisabled:f,wrapperWidth:V[2].width,onClick:x=>x.stopPropagation(),"data-testid":rt("bank-account-section",s),className:"qboLinkAcc",children:[c==="small"?t.jsx(zt,{children:Oe.bankConnectionHeader.linkAccount}):null,t.jsx(Ft,{isDisabled:f?"disabled":void 0,name:ve(s,"bankAccountSection"),placeholder:Ee.zeniCashAccountPlaceholder,defaultValue:{selectedOption:a?.zeniAccountId??"",allOptions:e.map(x=>({label:x.accountName,value:x.accountId}))},controlProperty:{highlightOnHover:!0},isOptionRemovable:!1,textAlignment:"left",registerOptions:{required:!1},style:{width:c==="small"?"calc(100% - 135px)":"100%",marginLeft:c==="small"?i.sp0:`-${i.sp3}`}})]}),c!=="small"?t.jsx(Ot,{windowSize:c,wrapperWidth:V[3].width,children:g!=null?t.jsx(me,{style:{width:"max-content",padding:0},tagTitle:g.name,textColor:ge(g.code)}):t.jsx(be,{children:ye})}):null,c!=="small"?t.jsxs(It,{windowSize:c,wrapperWidth:V[4].width,children:[a?.accountBalance?.available?t.jsx(Fe,{className:"balanceLabel",children:fe("0,0[.]00",a?.accountBalance?.available)}):t.jsx(be,{children:ye}),a?.accountBalance?.lastRefreshTime?t.jsx(Be,{className:"balanceLabel",children:we(a?.accountBalance?.lastRefreshTime)}):a?.balanceFetchStatus.fetchState==="In-Progress"?t.jsx(se,{size:"Small",start:!0}):null]}):null]})},yt=n.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  padding: ${e=>j.containerPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>j.containerRightPadding.valuePx(e.windowSize)};
-`,ve=n.div`
+  padding: ${e=>z.containerPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>z.containerRightPadding.valuePx(e.windowSize)};
+`,be=n.div`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
-`,vt=n.div`
+`,bt=n.div`
   display: flex;
   align-items: center;
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  margin-bottom: ${e=>j.productTypeContainerMarginBottom.valuePx(e.windowSize)};
+  margin-bottom: ${e=>z.productTypeContainerMarginBottom.valuePx(e.windowSize)};
   padding-right: ${i.sp3};
-`,bt=n(M)`
+`,vt=n(M)`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -25,35 +25,35 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   justify-content: center;
   align-items: center;
   align-self: ${e=>e.windowSize==="small"?"flex-start":"unset"};
-  padding: ${e=>j.iconPadding.valuePx(e.windowSize)};
+  padding: ${e=>z.iconPadding.valuePx(e.windowSize)};
   background: ${e=>e.windowSize==="small"?e.isDarkMode?e.theme.colors.brandColorJadeLight:e.theme.colors.brandColorJadeDark:e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
   border-radius: ${i.sp11};
   width: fit-content;
   height: fit-content;
-  color: ${e=>e.windowSize==="small"?e.isDarkMode?e.theme.colors.brandColorOnyx:K.neutralGrey5Light:e.isDarkMode?K.neutralGrey5Light:e.theme.colors.brandColorOnyx};
-  max-width: ${e=>j.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>j.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  color: ${e=>e.windowSize==="small"?e.isDarkMode?e.theme.colors.brandColorOnyx:Z.neutralGrey5Light:e.isDarkMode?Z.neutralGrey5Light:e.theme.colors.brandColorOnyx};
+  max-width: ${e=>z.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>z.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   margin-right: ${i.sp2};
 `,$t=n.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,At=n(E)`
+`,At=n(F)`
   display: flex;
   align-items: center;
   color: ${e=>e.isDisabled?e.theme.colors.grey1:"inherit"};
   flex-wrap: wrap;
 `,Ct=n.div`
   display: flex;
-`,Ee=n(M)`
+`,Fe=n(M)`
   display: flex;
   justify-content: flex-end;
-`,Be=n(E)`
+`,Be=n(F)`
   color: ${e=>e.theme.colors.hero};
-`,jt=n(E)`
+`,zt=n(F)`
   color: ${e=>e.theme.colors.grey1};
   width: 135px;
-`,zt=n.div`
+`,jt=n.div`
   display: inline-block;
   border-radius: ${i.sp2};
   margin: ${i.sp0} ${i.sp2};
@@ -85,20 +85,20 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   width: 36%;
 `,Ot=n.div`
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,Ft=n.div`
+`,Et=n.div`
   display: flex;
   align-items: center;
   opacity: ${e=>e.isDisabled?.4:1};
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-  margin-top: ${e=>j.linkAccountContainerMarginTop.valuePx(e.windowSize)};
-`,Et=n(Ve)`
+  margin-top: ${e=>z.linkAccountContainerMarginTop.valuePx(e.windowSize)};
+`,Ft=n(Ve)`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   color: ${e=>e.theme.colors.hero};
   ${Ue.smallRegular.css};
 `,Bt=n.div`
-  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  width: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -107,8 +107,8 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
     height: 100%;
   }
 `,Rt=n.div`
-  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  width: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -117,8 +117,8 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
     height: 100%;
   }
 `,Dt=n.div`
-  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  width: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -127,8 +127,8 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
     height: 100%;
   }
 `,Nt=n.div`
-  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  width: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -137,8 +137,8 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
     height: 100%;
   }
 `,Wt=n.div`
-  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
-  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  width: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -146,7 +146,7 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
     width: 100%;
     height: 100%;
   }
-`,be=(e,d)=>`${e}.${d}`,y=e=>{switch(e){case"zeni_accounts":return"account_setup";case"bill_pay":return"bill_pay_setup";case"charge_cards":return"charge_card_setup";case"reimbursement":return"reimbursement_setup";case"zeni_treasury":return"treasury_setup";case"other_connection":return"other_connection_setup"}},{common:{settings:ke,strings:{empty:Ut,hyphen:Mt}}}=re.getLocalizedStrings(),ue={paymentAccountIconSize:new _(k[6],k[7])},Vt=()=>null,Ht=({paymentAccount:e,bankAccountList:d,balanceFetchStatus:H,connectedAccountProvider:B,onRemoveConnection:z,onFetchLinkTokenClick:T,onEstablishConnectionClick:R,onEstablishConnectionSuccess:C,onUpdatePaymentAccountStatus:c})=>{const m=xe(),w=Ae(),D=Ce().analytics,[N,o]=r.useState(!1),[a,s]=r.useState(!1),u=e.plaidConnectionDetails.link_account,p=e.plaidConnectionDetails.update_account,[v,W]=r.useState(void 0),$=v==="update_account"?p:u,[S,b]=r.useState($.linkToken??null),[A,q]=r.useState(!1),O=G(u.updateStatus.fetchState),P=G(p.updateStatus.fetchState),h=G(p.fetchStatus.fetchState),f=e?.providerVerificationStatus,F=e?.isLoginRequired??!1,l="other_connection",g=f?.code,U=r.useCallback((L,Z)=>{D.trackConnectBankSuccess(l,"Settings");const oe=Z.accounts.find(de=>de.id===e.providerAccountId)??Z.accounts[0];e.paymentAccountId==null||v!=="update_account"||oe?.verification_status==null||F?R(L,y(l),l):c(oe?.verification_status,e.paymentAccountId,"update_account",y(l),l),W(void 0),q(!1)},[D,l,e.paymentAccountId,e.providerAccountId,v,F,c,R]),X=r.useCallback((L,Z)=>{L!=null&&(D.trackConnectBankFailure(l,L.error_code+" "+L.error_message,"Settings"),L.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e.paymentAccountId!=null&&c("verification_failed",e.paymentAccountId,"update_account",y(l),l),console.log("Plaid Connection Error",L,Z)),W(void 0),q(!1)},[D,l,e.paymentAccountId,c]),{open:I,ready:J}=_e({token:S,onSuccess:U,onExit:X});r.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==S&&b($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,S]),r.useEffect(()=>{A&&I()},[A,I]),r.useEffect(()=>{(O==="In-Progress"&&u.updateStatus.fetchState==="Completed"||P==="In-Progress"&&p.updateStatus.fetchState==="Completed")&&(ee(g??"")||(T("link_account",y(l)),C(y(l),l)))},[u.updateStatus.fetchState,C,T,e?.providerVerificationStatus?.code,e?.paymentAccountId,O,P,p.updateStatus.fetchState,g,l]),r.useEffect(()=>{(ee(g??"")||g==="verification_failed")&&!A&&v!=null&&$.linkToken===S&&$.fetchStatus.fetchState==="Completed"&&J&&q(!0)},[J,S,$.fetchStatus.fetchState,$.linkToken,g,v,A]);const Q=m.mode==="light"?new he(m.colors.brandColorJadeLight):new he(m.colors.brandColorJadeDark),te={element:t.jsx(on,{windowSize:w,children:t.jsx(ft,{})}),color:Q},ne=d.find(L=>L.accountId===e.zeniAccountId),ie=()=>{o(L=>!L)};return t.jsxs(qt,{onMouseEnter:ie,onMouseLeave:ie,children:[a===!0?Te.createPortal(t.jsx(je,{connectedAccountProvider:B,action:{onBackClick:()=>s(!1)}}),document.body):null,t.jsxs(Jt,{windowSize:w,wrapperWidth:V[0].width,children:[t.jsx(Gt,{children:ke.otherAccount.title}),t.jsx(Yt,{children:ke.otherAccount.subTitle})]}),t.jsxs(Xt,{windowSize:w,wrapperWidth:V[1].width,children:[wt(te,w,m.mode==="dark",e,!0),t.jsxs(an,{children:[t.jsx(cn,{children:t.jsx(dn,{windowSize:w,children:e.institutionDetails.institutionName})}),t.jsxs(ln,{windowSize:w,children:[t.jsxs(un,{children:[t.jsx(sn,{children:e.accountSubType?.name}),t.jsx(rn,{children:e.maskedAccountNumber}),F&&t.jsx(pn,{})]}),F&&t.jsx(ze,{productType:"other_connection",isUpdateLinkClicked:v==="update_account",isLoginRequired:F,isPendingVerification:!1,fetchAndUpdateStatues:{fetchStatus:p.fetchStatus,updateStatus:p.updateStatus,linkFetchStatus:u.fetchStatus,linkUpdateStatus:u.updateStatus,prevFetchState:h,prevUpdateState:P},onUpdateLinkTokenClick:()=>{D.trackConnectBankGetBalance(l,"Settings"),W("update_account"),T("update_account",y(l),e.paymentAccountId)},onChaseInfoClick:()=>{s(!0)}})]})]})]}),t.jsx(Qt,{windowSize:w,wrapperWidth:V[2].width,children:ne?.accountName??Ut}),t.jsx(Zt,{windowSize:w,wrapperWidth:V[3].width,children:f!=null?t.jsx(me,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:f.name,textColor:fe(f.code)}):Mt}),t.jsxs(Kt,{windowSize:w,wrapperWidth:V[4].width,children:[t.jsx(en,{className:"balanceLabel",isRemoveHovered:N,children:ge("0,0.[00]",e.balances?.available)}),e.balances?.lastRefreshTime?t.jsx(tn,{className:"balanceLabel",isRemoveHovered:N,children:we(e.balances?.lastRefreshTime)}):H?.fetchState==="In-Progress"?t.jsx(se,{size:"Small",start:!0}):null,N&&t.jsx(nn,{children:t.jsx(He,{moreIconType:"plain",options:[{label:ke.otherAccount.remove,value:"remove"}],customStyleConfig:{valueContainer:()=>({height:i.sp3,".more-icon":{width:i.sp3,height:i.sp3,color:m.colors.primary}}),container:()=>({marginLeft:i.sp0,position:"relative"}),control:()=>({background:"transparent"}),menu:()=>({position:"absolute",right:0,borderRadius:i.sp1,marginTop:i.sp2,background:m.colors.grey5,width:"162px",border:`1px solid ${m.colors.grey3}`,boxShadow:`${i.sp0} 1px 2px ${i.sp0} ${K.boxShadowElevation}`}),option:()=>({height:i.sp6,paddingLeft:i.sp3,paddingRight:i.sp3,display:"flex",alignItems:"center",color:K.important,":hover":{color:K.important,backgroundColor:m.colors.background}})},menuPlacement:"bottom",onOptionSelection:L=>{L==="remove"&&z(e.paymentAccountId)},valueToIcon:Vt})})]})]})},qt=n.div`
+`,ve=(e,d)=>`${e}.${d}`,y=e=>{switch(e){case"zeni_accounts":return"account_setup";case"bill_pay":return"bill_pay_setup";case"charge_cards":return"charge_card_setup";case"reimbursement":return"reimbursement_setup";case"zeni_treasury":return"treasury_setup";case"other_connection":return"other_connection_setup"}},{common:{settings:ke,strings:{empty:Ut,hyphen:Mt}}}=re.getLocalizedStrings(),ue={paymentAccountIconSize:new _(k[6],k[7])},Vt=()=>null,Ht=({paymentAccount:e,bankAccountList:d,balanceFetchStatus:H,connectedAccountProvider:B,onRemoveConnection:j,onFetchLinkTokenClick:T,onEstablishConnectionClick:R,onEstablishConnectionSuccess:C,onUpdatePaymentAccountStatus:c})=>{const m=xe(),w=Ae(),D=Ce().analytics,[N,o]=r.useState(!1),[a,s]=r.useState(!1),u=e.plaidConnectionDetails.link_account,p=e.plaidConnectionDetails.update_account,[b,W]=r.useState(void 0),$=b==="update_account"?p:u,[S,v]=r.useState($.linkToken??null),[A,q]=r.useState(!1),O=G(u.updateStatus.fetchState),P=G(p.updateStatus.fetchState),h=G(p.fetchStatus.fetchState),g=e?.providerVerificationStatus,E=e?.isLoginRequired??!1,l="other_connection",f=g?.code,U=r.useCallback((L,X)=>{D.trackConnectBankSuccess(l,"Settings");const oe=X.accounts.find(de=>de.id===e.providerAccountId)??X.accounts[0];e.paymentAccountId==null||b!=="update_account"||oe?.verification_status==null||E?R(L,y(l),l):c(oe?.verification_status,e.paymentAccountId,"update_account",y(l),l),W(void 0),q(!1)},[D,l,e.paymentAccountId,e.providerAccountId,b,E,c,R]),K=r.useCallback((L,X)=>{L!=null&&(D.trackConnectBankFailure(l,L.error_code+" "+L.error_message,"Settings"),L.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e.paymentAccountId!=null&&c("verification_failed",e.paymentAccountId,"update_account",y(l),l),console.log("Plaid Connection Error",L,X)),W(void 0),q(!1)},[D,l,e.paymentAccountId,c]),{open:I,ready:J}=_e({token:S,onSuccess:U,onExit:K});r.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==S&&v($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,S]),r.useEffect(()=>{A&&I()},[A,I]),r.useEffect(()=>{(O==="In-Progress"&&u.updateStatus.fetchState==="Completed"||P==="In-Progress"&&p.updateStatus.fetchState==="Completed")&&(ee(f??"")||(T("link_account",y(l)),C(y(l),l)))},[u.updateStatus.fetchState,C,T,e?.providerVerificationStatus?.code,e?.paymentAccountId,O,P,p.updateStatus.fetchState,f,l]),r.useEffect(()=>{(ee(f??"")||f==="verification_failed")&&!A&&b!=null&&$.linkToken===S&&$.fetchStatus.fetchState==="Completed"&&J&&q(!0)},[J,S,$.fetchStatus.fetchState,$.linkToken,f,b,A]);const Q=m.mode==="light"?new he(m.colors.brandColorJadeLight):new he(m.colors.brandColorJadeDark),te={element:t.jsx(on,{windowSize:w,children:t.jsx(gt,{})}),color:Q},ne=d.find(L=>L.accountId===e.zeniAccountId),ie=()=>{o(L=>!L)};return t.jsxs(qt,{onMouseEnter:ie,onMouseLeave:ie,children:[a===!0?Te.createPortal(t.jsx(ze,{connectedAccountProvider:B,action:{onBackClick:()=>s(!1)}}),document.body):null,t.jsxs(Jt,{windowSize:w,wrapperWidth:V[0].width,children:[t.jsx(Gt,{children:ke.otherAccount.title}),t.jsx(Yt,{children:ke.otherAccount.subTitle})]}),t.jsxs(Kt,{windowSize:w,wrapperWidth:V[1].width,children:[wt(te,w,m.mode==="dark",e,!0),t.jsxs(an,{children:[t.jsx(cn,{children:t.jsx(dn,{windowSize:w,children:e.institutionDetails.institutionName})}),t.jsxs(ln,{windowSize:w,children:[t.jsxs(un,{children:[t.jsx(sn,{children:e.accountSubType?.name}),t.jsx(rn,{children:e.maskedAccountNumber}),E&&t.jsx(pn,{})]}),E&&t.jsx(je,{productType:"other_connection",isUpdateLinkClicked:b==="update_account",isLoginRequired:E,isPendingVerification:!1,fetchAndUpdateStatues:{fetchStatus:p.fetchStatus,updateStatus:p.updateStatus,linkFetchStatus:u.fetchStatus,linkUpdateStatus:u.updateStatus,prevFetchState:h,prevUpdateState:P},onUpdateLinkTokenClick:()=>{D.trackConnectBankGetBalance(l,"Settings"),W("update_account"),T("update_account",y(l),e.paymentAccountId)},onChaseInfoClick:()=>{s(!0)}})]})]})]}),t.jsx(Qt,{windowSize:w,wrapperWidth:V[2].width,children:ne?.accountName??Ut}),t.jsx(Xt,{windowSize:w,wrapperWidth:V[3].width,children:g!=null?t.jsx(me,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:g.name,textColor:ge(g.code)}):Mt}),t.jsxs(Zt,{windowSize:w,wrapperWidth:V[4].width,children:[t.jsx(en,{className:"balanceLabel",isRemoveHovered:N,children:fe("0,0.[00]",e.balances?.available)}),e.balances?.lastRefreshTime?t.jsx(tn,{className:"balanceLabel",isRemoveHovered:N,children:we(e.balances?.lastRefreshTime)}):H?.fetchState==="In-Progress"?t.jsx(se,{size:"Small",start:!0}):null,N&&t.jsx(nn,{children:t.jsx(He,{moreIconType:"plain",options:[{label:ke.otherAccount.remove,value:"remove"}],customStyleConfig:{valueContainer:()=>({height:i.sp3,".more-icon":{width:i.sp3,height:i.sp3,color:m.colors.primary}}),container:()=>({marginLeft:i.sp0,position:"relative"}),control:()=>({background:"transparent"}),menu:()=>({position:"absolute",right:0,borderRadius:i.sp1,marginTop:i.sp2,background:m.colors.grey5,width:"162px",border:`1px solid ${m.colors.grey3}`,boxShadow:`${i.sp0} 1px 2px ${i.sp0} ${Z.boxShadowElevation}`}),option:()=>({height:i.sp6,paddingLeft:i.sp3,paddingRight:i.sp3,display:"flex",alignItems:"center",color:Z.important,":hover":{color:Z.important,backgroundColor:m.colors.background}})},menuPlacement:"bottom",onOptionSelection:L=>{L==="remove"&&j(e.paymentAccountId)},valueToIcon:Vt})})]})]})},qt=n.div`
   display: flex;
   padding: ${i.sp4};
   padding-right: ${i.sp8};
@@ -161,11 +161,11 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   color: ${e=>e.theme.colors.grey1};
   display: flex;
   align-items: center;
-`,Yt=n(E)`
+`,Yt=n(F)`
   color: ${e=>e.theme.colors.grey1};
   display: flex;
   align-items: center;
-`,Xt=n.div`
+`,Kt=n.div`
   display: flex;
   align-items: center;
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
@@ -173,11 +173,11 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   display: flex;
   align-items: center;
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,Zt=n(M)`
+`,Xt=n(M)`
   display: flex;
   align-items: center;
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
-`,Kt=n.div`
+`,Zt=n.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
@@ -185,7 +185,7 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   align-items: flex-end;
 `,en=n(M)`
   color: ${e=>e.theme.colors.hero};
-`,tn=n(E)`
+`,tn=n(F)`
   color: ${e=>e.theme.colors.hero};
 `,nn=n.div`
   position: absolute;
@@ -210,10 +210,10 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   display: flex;
   flex-direction: ${e=>e.windowSize==="large"||e.windowSize==="extra-large"?"row":"column"};
   align-items: ${e=>e.windowSize==="large"||e.windowSize==="extra-large"?"center":"start"};
-`,sn=n(E)`
+`,sn=n(F)`
   text-transform: capitalize;
   color: inherit;
-`,rn=n(E)`
+`,rn=n(F)`
   margin-left: ${i.sp1};
 `,dn=n(M)`
   max-width: ${`calc(100% - ${i.sp3})`};
@@ -230,7 +230,7 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   height: ${i.sp1};
   cursor: inherit;
   background-color: ${e=>e.theme.colors.grey1};
-`,{common:{settings:pe,strings:{empty:hn}}}=re.getLocalizedStrings(),mn=()=>null,fn=({paymentAccount:e,bankAccountList:d,balanceFetchStatus:H,connectedAccountProvider:B,onRemoveConnection:z,onFetchLinkTokenClick:T,onEstablishConnectionClick:R,onEstablishConnectionSuccess:C,onUpdatePaymentAccountStatus:c})=>{const m=xe(),w=Ce().analytics,[D,N]=r.useState(!1),o=e.plaidConnectionDetails.link_account,a=e.plaidConnectionDetails.update_account,[s,u]=r.useState(void 0),p=s==="update_account"?a:o,[v,W]=r.useState(p.linkToken??null),[$,S]=r.useState(!1),b=G(o.updateStatus.fetchState),A=G(a.updateStatus.fetchState),q=G(a.fetchStatus.fetchState),O=e?.providerVerificationStatus,P=e?.isLoginRequired??!1,h="other_connection",f=O?.code,F=r.useCallback((I,J)=>{w.trackConnectBankSuccess(h,"Settings");const Q=J.accounts.find(te=>te.id===e.providerAccountId)??J.accounts[0];e.paymentAccountId==null||s!=="update_account"||Q?.verification_status==null||P?R(I,y(h),h):c(Q?.verification_status,e.paymentAccountId,"update_account",y(h),h),u(void 0),S(!1)},[w,h,e.paymentAccountId,e.providerAccountId,s,P,c,R]),l=r.useCallback((I,J)=>{I!=null&&(w.trackConnectBankFailure(h,I.error_code+" "+I.error_message,"Settings"),I.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e.paymentAccountId!=null&&c("verification_failed",e.paymentAccountId,"update_account",y(h),h),console.log("Plaid Connection Error",I,J)),u(void 0),S(!1)},[w,h,e.paymentAccountId,c]),{open:g,ready:U}=_e({token:v,onSuccess:F,onExit:l});r.useEffect(()=>{p.fetchStatus.fetchState==="Completed"&&p.linkToken!=null&&p.linkToken!==v&&W(p.linkToken)},[p.fetchStatus.fetchState,p.linkToken,v]),r.useEffect(()=>{$&&g()},[$,g]),r.useEffect(()=>{(b==="In-Progress"&&o.updateStatus.fetchState==="Completed"||A==="In-Progress"&&a.updateStatus.fetchState==="Completed")&&(ee(f??"")||(T("link_account",y(h)),C(y(h),h)))},[o.updateStatus.fetchState,C,T,e?.providerVerificationStatus?.code,e?.paymentAccountId,b,A,a.updateStatus.fetchState,f,h]),r.useEffect(()=>{(ee(f??"")||f==="verification_failed")&&!$&&s!=null&&p.linkToken===v&&p.fetchStatus.fetchState==="Completed"&&U&&S(!0)},[U,v,p.fetchStatus.fetchState,p.linkToken,f,s,$]);const X=d.find(I=>I.accountId===e.zeniAccountId);return t.jsxs(gn,{children:[D===!0?Te.createPortal(t.jsx(je,{connectedAccountProvider:B,action:{onBackClick:()=>N(!1)}}),document.body):null,t.jsxs(wn,{children:[t.jsx(Sn,{children:`${pe.otherAccount.title} ${pe.otherAccount.subTitleSmall}`}),t.jsx(He,{moreIconType:"plain",options:[{label:pe.otherAccount.remove,value:"remove"}],customStyleConfig:{valueContainer:()=>({height:i.sp3,".more-icon":{width:i.sp3,height:i.sp3,color:m.colors.primary}}),container:()=>({marginLeft:i.sp0,position:"relative"}),control:()=>({background:"transparent"}),menu:()=>({position:"absolute",right:0,width:"158px",border:`1px solid ${m.colors.grey3}`,boxShadow:`${i.sp0} 1px 2px ${i.sp0} ${K.boxShadowElevation}`}),option:()=>({color:m.colors.important,":hover":{color:m.colors.important,backgroundColor:m.colors.background}})},menuPlacement:"bottom",onOptionSelection:I=>{I==="remove"&&z(e.paymentAccountId)},valueToIcon:mn})]}),t.jsxs(xn,{children:[t.jsxs(jn,{children:[t.jsx(zn,{children:t.jsx(Pn,{children:e.institutionDetails.institutionName})}),t.jsxs(In,{children:[t.jsx(Tn,{children:e.accountSubType?.name}),t.jsx(_n,{children:e.maskedAccountNumber}),t.jsx(kn,{children:O!=null?t.jsx(me,{style:{width:"max-content",padding:0},tagTitle:O.name,textColor:fe(O.code)}):null}),P&&t.jsx(ze,{productType:"other_connection",isUpdateLinkClicked:s==="update_account",isLoginRequired:P,isPendingVerification:!1,fetchAndUpdateStatues:{fetchStatus:a.fetchStatus,updateStatus:a.updateStatus,linkFetchStatus:o.fetchStatus,linkUpdateStatus:o.updateStatus,prevFetchState:q,prevUpdateState:A},onUpdateLinkTokenClick:()=>{w.trackConnectBankGetBalance(h,"Settings"),u("update_account"),T("update_account",y(h),e.paymentAccountId)},onChaseInfoClick:()=>{N(!0)}})]})]}),t.jsxs($n,{children:[t.jsx(An,{className:"balanceLabel",children:ge("0,0.[00]",e.balances?.available)}),e.balances?.lastRefreshTime?t.jsx(Cn,{className:"balanceLabel",children:we(e.balances?.lastRefreshTime)}):H?.fetchState==="In-Progress"?t.jsx(se,{size:"ExtraSmall",start:!0}):null]})]}),t.jsxs(yn,{children:[t.jsx(vn,{children:pe.bankConnectionHeader.linkAccount}),t.jsx(bn,{children:X?.accountName??hn})]})]})},gn=n.div`
+`,{common:{settings:pe,strings:{empty:hn}}}=re.getLocalizedStrings(),mn=()=>null,gn=({paymentAccount:e,bankAccountList:d,balanceFetchStatus:H,connectedAccountProvider:B,onRemoveConnection:j,onFetchLinkTokenClick:T,onEstablishConnectionClick:R,onEstablishConnectionSuccess:C,onUpdatePaymentAccountStatus:c})=>{const m=xe(),w=Ce().analytics,[D,N]=r.useState(!1),o=e.plaidConnectionDetails.link_account,a=e.plaidConnectionDetails.update_account,[s,u]=r.useState(void 0),p=s==="update_account"?a:o,[b,W]=r.useState(p.linkToken??null),[$,S]=r.useState(!1),v=G(o.updateStatus.fetchState),A=G(a.updateStatus.fetchState),q=G(a.fetchStatus.fetchState),O=e?.providerVerificationStatus,P=e?.isLoginRequired??!1,h="other_connection",g=O?.code,E=r.useCallback((I,J)=>{w.trackConnectBankSuccess(h,"Settings");const Q=J.accounts.find(te=>te.id===e.providerAccountId)??J.accounts[0];e.paymentAccountId==null||s!=="update_account"||Q?.verification_status==null||P?R(I,y(h),h):c(Q?.verification_status,e.paymentAccountId,"update_account",y(h),h),u(void 0),S(!1)},[w,h,e.paymentAccountId,e.providerAccountId,s,P,c,R]),l=r.useCallback((I,J)=>{I!=null&&(w.trackConnectBankFailure(h,I.error_code+" "+I.error_message,"Settings"),I.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e.paymentAccountId!=null&&c("verification_failed",e.paymentAccountId,"update_account",y(h),h),console.log("Plaid Connection Error",I,J)),u(void 0),S(!1)},[w,h,e.paymentAccountId,c]),{open:f,ready:U}=_e({token:b,onSuccess:E,onExit:l});r.useEffect(()=>{p.fetchStatus.fetchState==="Completed"&&p.linkToken!=null&&p.linkToken!==b&&W(p.linkToken)},[p.fetchStatus.fetchState,p.linkToken,b]),r.useEffect(()=>{$&&f()},[$,f]),r.useEffect(()=>{(v==="In-Progress"&&o.updateStatus.fetchState==="Completed"||A==="In-Progress"&&a.updateStatus.fetchState==="Completed")&&(ee(g??"")||(T("link_account",y(h)),C(y(h),h)))},[o.updateStatus.fetchState,C,T,e?.providerVerificationStatus?.code,e?.paymentAccountId,v,A,a.updateStatus.fetchState,g,h]),r.useEffect(()=>{(ee(g??"")||g==="verification_failed")&&!$&&s!=null&&p.linkToken===b&&p.fetchStatus.fetchState==="Completed"&&U&&S(!0)},[U,b,p.fetchStatus.fetchState,p.linkToken,g,s,$]);const K=d.find(I=>I.accountId===e.zeniAccountId);return t.jsxs(fn,{children:[D===!0?Te.createPortal(t.jsx(ze,{connectedAccountProvider:B,action:{onBackClick:()=>N(!1)}}),document.body):null,t.jsxs(wn,{children:[t.jsx(Sn,{children:`${pe.otherAccount.title} ${pe.otherAccount.subTitleSmall}`}),t.jsx(He,{moreIconType:"plain",options:[{label:pe.otherAccount.remove,value:"remove"}],customStyleConfig:{valueContainer:()=>({height:i.sp3,".more-icon":{width:i.sp3,height:i.sp3,color:m.colors.primary}}),container:()=>({marginLeft:i.sp0,position:"relative"}),control:()=>({background:"transparent"}),menu:()=>({position:"absolute",right:0,width:"158px",border:`1px solid ${m.colors.grey3}`,boxShadow:`${i.sp0} 1px 2px ${i.sp0} ${Z.boxShadowElevation}`}),option:()=>({color:m.colors.important,":hover":{color:m.colors.important,backgroundColor:m.colors.background}})},menuPlacement:"bottom",onOptionSelection:I=>{I==="remove"&&j(e.paymentAccountId)},valueToIcon:mn})]}),t.jsxs(xn,{children:[t.jsxs(zn,{children:[t.jsx(jn,{children:t.jsx(Pn,{children:e.institutionDetails.institutionName})}),t.jsxs(In,{children:[t.jsx(Tn,{children:e.accountSubType?.name}),t.jsx(_n,{children:e.maskedAccountNumber}),t.jsx(kn,{children:O!=null?t.jsx(me,{style:{width:"max-content",padding:0},tagTitle:O.name,textColor:ge(O.code)}):null}),P&&t.jsx(je,{productType:"other_connection",isUpdateLinkClicked:s==="update_account",isLoginRequired:P,isPendingVerification:!1,fetchAndUpdateStatues:{fetchStatus:a.fetchStatus,updateStatus:a.updateStatus,linkFetchStatus:o.fetchStatus,linkUpdateStatus:o.updateStatus,prevFetchState:q,prevUpdateState:A},onUpdateLinkTokenClick:()=>{w.trackConnectBankGetBalance(h,"Settings"),u("update_account"),T("update_account",y(h),e.paymentAccountId)},onChaseInfoClick:()=>{N(!0)}})]})]}),t.jsxs($n,{children:[t.jsx(An,{className:"balanceLabel",children:fe("0,0.[00]",e.balances?.available)}),e.balances?.lastRefreshTime?t.jsx(Cn,{className:"balanceLabel",children:we(e.balances?.lastRefreshTime)}):H?.fetchState==="In-Progress"?t.jsx(se,{size:"ExtraSmall",start:!0}):null]})]}),t.jsxs(yn,{children:[t.jsx(bn,{children:pe.bankConnectionHeader.linkAccount}),t.jsx(vn,{children:K?.accountName??hn})]})]})},fn=n.div`
   display: flex;
   flex-direction: column;
   padding: ${i.sp3};
@@ -254,10 +254,10 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
 `,yn=n.div`
   display: flex;
   align-items: center;
-`,vn=n(E)`
+`,bn=n(F)`
   color: ${e=>e.theme.colors.grey1};
   margin-right: ${i.sp2};
-`,bn=n(E)`
+`,vn=n(F)`
   color: ${e=>e.theme.colors.hero};
 `,kn=n(M)`
   display: flex;
@@ -269,17 +269,17 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   flex-direction: column;
 `,An=n(M)`
   color: ${e=>e.theme.colors.hero};
-`,Cn=n(E)`
+`,Cn=n(F)`
   color: ${e=>e.theme.colors.hero};
-`,jn=n.div``,zn=n.div`
+`,zn=n.div``,jn=n.div`
   display: flex;
   gap: ${i.sp2};
   align-items: center;
   white-space: nowrap;
   overflow: hidden;
-`,Tn=n(E)`
+`,Tn=n(F)`
   text-transform: capitalize;
-`,_n=n(E)`
+`,_n=n(F)`
   margin-left: ${i.sp1};
 `,Pn=n(M)`
   max-width: ${`calc(100% - ${i.sp3})`};
@@ -291,7 +291,7 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   align-items: center;
   flex-wrap: wrap;
   gap: ${i.sp2};
-`,{settings:{bankConnectionListHeader:$e,title:Ln,infoText:On}}=re.getLocalizedStrings().common,Se={pageContentPadding:new _(k[4],k[8]),subtitleSectionWidth:new _(343,580,1200),subTitleBottomMargin:new _(k[0],k[5])},Fn={qboLinkAcc:new it("smallRegular","standardRegular")},ce="bankAccountSection",le="primaryAccountSection",En="bill_pay",Bn="reimbursement",Rn="zeni_accounts",Dn="charge_cards",Nn="zeni_treasury",Re=e=>t.jsx(Mn,{children:V.map(d=>t.jsx(Vn,{actualDataValue:d.value,wrapperWidth:d.width,windowSize:e,children:t.jsx(Hn,{children:d.value})},d.value))}),fi=({bankSetupView:e,connectedAccountProvider:d,onBackClick:H,onUpdateAccountClick:B,onFetchLinkTokenClick:z,onUpdatePaymentAccountStatus:T,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:C,onEstablishConnectionSuccess:c,onClickMenuIcon:m,onUpdatePrimaryFundingAccount:w,onRemoveConnection:D})=>{const N=xe(),o=Ae(),{allFundingAccounts:a,primaryConnection:s}=e,u=Ye({mode:"all",reValidateMode:"onChange",defaultValues:We(e),values:We(e)}),p=u.handleSubmit(S=>{});r.useEffect(()=>{const S=u.watch((b,{name:A})=>{A!=null&&b!=null&&Xe(()=>(async(q,O)=>{const P=q.split("."),h=P[0],f=P[1],F=s.find(l=>l.productType===h);if(h!=null&&f!=null){const l=O[h][f];if(f==="primaryAccountSection"){const g=a.find(U=>U.id===l.selectedOption)?.accType;l.selectedOption!=null&&g!=null&&w(l.selectedOption,y(h),g)}else if(f==="bankAccountSection"&&F!=null&&F.primaryFundingAccount!=null&&l.selectedOption!=null){const g=F.primaryFundingAccount?.id,U=F.primaryFundingAccount?.accType;g!=null&&U!=null&&B(l.selectedOption,g,h,y(h),U)}}})(A,b))});return()=>{S.unsubscribe()}});const v=e.fetchState==="In-Progress"||e.fetchState==="Not-Started",W=e.fetchState==="Completed"&&e.allFundingAccounts.length===0,$=o==="small"?fn:Ht;return t.jsxs(Un,{children:[t.jsx(Qe,{source:"BankConnectionsSettingsPage",title:Ln.bankConnections,backgroundColor:N.colors.grey4,style:{zIndex:3},onBackClick:H,showBackButton:!1,showMenuIcon:o==="medium-compact"||o==="small",onClickMenuIcon:m}),t.jsxs(Jn,{windowSize:o,children:[t.jsx(Xn,{windowSize:o,children:t.jsx(Qn,{windowSize:o,children:On.bankConnections})}),v?t.jsx(Gn,{children:t.jsx(se,{size:"ExtraLarge",start:!0})}):W?t.jsx(Ke,{message:"No bank connections added."}):t.jsxs(Wn,{windowSize:o,children:[t.jsx(Ne,{children:$e.primary}),o!=="small"?Re(o):null,t.jsx(et,{...u,children:t.jsx("form",{id:ei("bankConnectionsSettingsPage"),onSubmit:p,children:t.jsx(Yn,{windowSize:o,children:e.primaryConnection.map(S=>S!=null?t.jsx(De,{windowSize:o,children:t.jsx(xt,{allBankAccounts:e.allBankAccounts,setupView:S,connectedAccountProvider:d,onFetchLinkTokenClick:z,onUpdatePaymentAccountStatus:T,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:C,onEstablishConnectionSuccess:c})},S.productType):null)})})}),e.otherPaymentAccounts.length>0?t.jsxs(qn,{children:[t.jsx(Ne,{children:$e.other}),t.jsx(Zn,{children:t.jsx(tt,{display:"flex",placement:"right",maxWidth:"340px",title:$e.otherToolTip,style:{padding:`12px ${i.sp3}`},children:t.jsx(Kn,{})})})]}):null,o!=="small"&&e.otherPaymentAccounts.length>0?Re(o):null,e.otherPaymentAccounts.map(S=>{const b=a.find(A=>A.id===S.paymentAccountId)?.balanceFetchStatus;return t.jsx(De,{windowSize:o,children:t.jsx($,{paymentAccount:S,bankAccountList:e.allBankAccounts,balanceFetchStatus:b,connectedAccountProvider:d,onRemoveConnection:D,onFetchLinkTokenClick:z,onEstablishConnectionClick:C,onUpdatePaymentAccountStatus:T,onEstablishConnectionSuccess:c})},S.paymentAccountId)})]})]})]})},Wn=n.div`
+`,{settings:{bankConnectionListHeader:$e,title:Ln,infoText:On}}=re.getLocalizedStrings().common,Se={pageContentPadding:new _(k[4],k[8]),subtitleSectionWidth:new _(343,580,1200),subTitleBottomMargin:new _(k[0],k[5])},En={qboLinkAcc:new it("smallRegular","standardRegular")},ce="bankAccountSection",le="primaryAccountSection",Fn="bill_pay",Bn="reimbursement",Rn="zeni_accounts",Dn="charge_cards",Nn="zeni_treasury",Re=e=>t.jsx(Mn,{children:V.map(d=>t.jsx(Vn,{actualDataValue:d.value,wrapperWidth:d.width,windowSize:e,children:t.jsx(Hn,{children:d.value})},d.value))}),gi=({bankSetupView:e,connectedAccountProvider:d,onBackClick:H,onUpdateAccountClick:B,onFetchLinkTokenClick:j,onUpdatePaymentAccountStatus:T,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:C,onEstablishConnectionSuccess:c,onClickMenuIcon:m,onUpdatePrimaryFundingAccount:w,onRemoveConnection:D})=>{const N=xe(),o=Ae(),{allFundingAccounts:a,primaryConnection:s}=e,u=Ye({mode:"all",reValidateMode:"onChange",defaultValues:We(e),values:We(e)}),p=u.handleSubmit(S=>{});r.useEffect(()=>{const S=u.watch((v,{name:A})=>{A!=null&&v!=null&&Ke(()=>(async(q,O)=>{const P=q.split("."),h=P[0],g=P[1],E=s.find(l=>l.productType===h);if(h!=null&&g!=null){const l=O[h][g];if(g==="primaryAccountSection"){const f=a.find(U=>U.id===l.selectedOption)?.accType;l.selectedOption!=null&&f!=null&&w(l.selectedOption,y(h),f)}else if(g==="bankAccountSection"&&E!=null&&E.primaryFundingAccount!=null&&l.selectedOption!=null){const f=E.primaryFundingAccount?.id,U=E.primaryFundingAccount?.accType;f!=null&&U!=null&&B(l.selectedOption,f,h,y(h),U)}}})(A,v))});return()=>{S.unsubscribe()}});const b=e.fetchState==="In-Progress"||e.fetchState==="Not-Started",W=e.fetchState==="Completed"&&e.allFundingAccounts.length===0,$=o==="small"?gn:Ht;return t.jsxs(Un,{children:[t.jsx(Qe,{source:"BankConnectionsSettingsPage",title:Ln.bankConnections,backgroundColor:N.colors.grey4,style:{zIndex:3},onBackClick:H,showBackButton:!1,showMenuIcon:o==="medium-compact"||o==="small",onClickMenuIcon:m}),t.jsxs(Jn,{windowSize:o,children:[t.jsx(Kn,{windowSize:o,children:t.jsx(Qn,{windowSize:o,children:On.bankConnections})}),b?t.jsx(Gn,{children:t.jsx(se,{size:"ExtraLarge",start:!0})}):W?t.jsx(Ze,{message:"No bank connections added."}):t.jsxs(Wn,{windowSize:o,children:[t.jsx(Ne,{children:$e.primary}),o!=="small"?Re(o):null,t.jsx(et,{...u,children:t.jsx("form",{id:ei("bankConnectionsSettingsPage"),onSubmit:p,children:t.jsx(Yn,{windowSize:o,children:e.primaryConnection.map(S=>S!=null?t.jsx(De,{windowSize:o,children:t.jsx(xt,{allBankAccounts:e.allBankAccounts,setupView:S,connectedAccountProvider:d,onFetchLinkTokenClick:j,onUpdatePaymentAccountStatus:T,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:C,onEstablishConnectionSuccess:c})},S.productType):null)})})}),e.otherPaymentAccounts.length>0?t.jsxs(qn,{children:[t.jsx(Ne,{children:$e.other}),t.jsx(Xn,{children:t.jsx(tt,{display:"flex",placement:"right",maxWidth:"340px",title:$e.otherToolTip,style:{padding:`12px ${i.sp3}`},children:t.jsx(Zn,{})})})]}):null,o!=="small"&&e.otherPaymentAccounts.length>0?Re(o):null,e.otherPaymentAccounts.map(S=>{const v=a.find(A=>A.id===S.paymentAccountId)?.balanceFetchStatus;return t.jsx(De,{windowSize:o,children:t.jsx($,{paymentAccount:S,bankAccountList:e.allBankAccounts,balanceFetchStatus:v,connectedAccountProvider:d,onRemoveConnection:D,onFetchLinkTokenClick:j,onEstablishConnectionClick:C,onUpdatePaymentAccountStatus:T,onEstablishConnectionSuccess:c})},S.paymentAccountId)})]})]})]})},Wn=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -304,7 +304,7 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   row-gap: ${i.sp3};
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,Mn=n(E)`
+`,Mn=n(F)`
   top: ${i.sp0};
   left: ${i.sp0};
   min-height: ${i.sp8};
@@ -331,7 +331,7 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   padding-left: ${i.sp0};
   box-sizing: border-box;
   overflow: hidden;
-`,Hn=n(E)`
+`,Hn=n(F)`
   display: flex;
   gap: 5px;
 `,qn=n.div`
@@ -363,7 +363,7 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
     .select-value-container
     .single-select-field__single-value {
     color: ${e=>e.theme.colors.hero};
-    ${e=>`${Fn.qboLinkAcc.style(e.windowSize)}`};
+    ${e=>`${En.qboLinkAcc.style(e.windowSize)}`};
   }
   &:hover {
     border: ${e=>`1px solid  ${e.theme.colors.primary}`};
@@ -399,7 +399,7 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   color: ${e=>e.theme.colors.primary};
   margin-right: ${i.sp1};
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp2};
-`,Xn=n(Ze)`
+`,Kn=n(Xe)`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -409,7 +409,7 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
-`,Zn=n.div`
+`,Xn=n.div`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   &:hover {
@@ -418,8 +418,8 @@ import{y as xe,X as Ae,P as Ye,c8 as Xe,V as t,a_ as Qe,o as i,O as re,x as _,H
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Kn=n(dt)`
+`,Zn=n(dt)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,We=e=>{const{primaryConnection:d,allBankAccounts:H,allFundingAccounts:B}=e,z=H.map(o=>({label:o.accountName,value:o.accountId})),T=B.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"})),R=d.find(o=>o.productType==="bill_pay"),C=d.find(o=>o.productType==="reimbursement"),c=d.find(o=>o.productType==="zeni_accounts"),m=d.find(o=>o.productType==="charge_cards"),w=d.find(o=>o.productType==="zeni_treasury"),D=c?.allFundingAccounts.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))??[],N=w?.allFundingAccounts.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="paymentAccount"}))??[];return{[En]:{[ce]:{selectedOption:R?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:R?.primaryFundingAccount?.id,allOptions:T}},[Bn]:{[ce]:{selectedOption:C?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:C?.primaryFundingAccount?.id,allOptions:T}},[Rn]:{[ce]:{selectedOption:c?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:c?.primaryFundingAccount?.id,allOptions:D}},[Nn]:{[ce]:{selectedOption:w?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:w?.primaryFundingAccount?.id,allOptions:N}},[Dn]:{[ce]:{selectedOption:m?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:m?.primaryFundingAccount?.id,allOptions:T}}}},ei=e=>`${e}_form`;export{fi as default,ei as formUniqueName};
+`,We=e=>{const{primaryConnection:d,allBankAccounts:H,allFundingAccounts:B}=e,j=H.map(o=>({label:o.accountName,value:o.accountId})),T=B.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"})),R=d.find(o=>o.productType==="bill_pay"),C=d.find(o=>o.productType==="reimbursement"),c=d.find(o=>o.productType==="zeni_accounts"),m=d.find(o=>o.productType==="charge_cards"),w=d.find(o=>o.productType==="zeni_treasury"),D=c?.allFundingAccounts.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))??[],N=w?.allFundingAccounts.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="paymentAccount"}))??[];return{[Fn]:{[ce]:{selectedOption:R?.primaryFundingAccount?.zeniAccountId,allOptions:j},[le]:{selectedOption:R?.primaryFundingAccount?.id,allOptions:T}},[Bn]:{[ce]:{selectedOption:C?.primaryFundingAccount?.zeniAccountId,allOptions:j},[le]:{selectedOption:C?.primaryFundingAccount?.id,allOptions:T}},[Rn]:{[ce]:{selectedOption:c?.primaryFundingAccount?.zeniAccountId,allOptions:j},[le]:{selectedOption:c?.primaryFundingAccount?.id,allOptions:D}},[Nn]:{[ce]:{selectedOption:w?.primaryFundingAccount?.zeniAccountId,allOptions:j},[le]:{selectedOption:w?.primaryFundingAccount?.id,allOptions:N}},[Dn]:{[ce]:{selectedOption:m?.primaryFundingAccount?.zeniAccountId,allOptions:j},[le]:{selectedOption:m?.primaryFundingAccount?.id,allOptions:T}}}},ei=e=>`${e}_form`;export{gi as default,ei as formUniqueName};