@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/BankAccountWarningSection-DGSw5Uvq-4-yHVJQf.js

@@ -0,0 +1,51 @@
+import{u as x,j as a,bm as $,cH as w,a as S,b as i,R as t,cS as v,d as b,e as f,C as s,S as k,ah as z,s as o}from"./index-2CdI-B2B.js";import{n}from"./mui-kiGMfX4-.js";const{common:{navBar:{back:j}}}=S.getLocalizedStrings(),l={navBarContainerPadding:new t(10,o[3]),customTitleMarginBottom:new t(o[0],o[3]),customTitleMarginLeft:new t(o[3],o[6]),customTitleMarginRight:new t(o[5],o[8])},y={formTitle:new b("h6Medium","h5Medium")},G=({header:e,isDirty:d,isMagicLink:g,onBackClick:m,setShowConfirmationPopup:p})=>{const r=x();return a.jsxs(a.Fragment,{children:[r==="small"?a.jsxs(P,{windowSize:r,children:[g?null:a.jsx(u,{onClick:()=>d?p?.(!0):m?.(),"data-testid":$("bank-account-page-back-click-mobile")}),a.jsx(h,{windowSize:r,children:e})]}):a.jsx(C,{children:g?null:a.jsx(w,{title:j,enterDelay:600,placement:"bottom",children:a.jsx(u,{onClick:()=>d?p?.(!0):m?.(),"data-testid":$("bank-account-page-back-click")})})}),r!=="small"?a.jsx(h,{windowSize:r,children:e}):null]})},h=n(f)`
+  ${e=>`${y.formTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${e=>l.customTitleMarginBottom.valuePx(e.windowSize)};
+  margin-top: ${i.sp3};
+  margin-left: ${e=>l.customTitleMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>l.customTitleMarginRight.valuePx(e.windowSize)};
+`,u=n(v)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: 20px;
+  height: 20px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,C=n.div`
+  margin: ${i.sp3} ${i.sp8} ${i.sp3} ${i.sp6};
+`,P=n.div`
+  display: flex;
+  align-items: center;
+  position: absolute;
+  top: ${i.sp0};
+  padding-top: ${e=>l.navBarContainerPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>l.navBarContainerPadding.valuePx(e.windowSize)};
+  padding-right: ${i.sp5};
+  padding-left: ${i.sp0};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,c={marginBottom:new t(o[5],o[3]),marginRight:new t(o[3],o[8]),marginLeft:new t(o[3],o[6])},F=({warningText:e})=>{const d=x();return a.jsxs(T,{size:d,children:[a.jsx(L,{children:a.jsx(M,{})}),a.jsx(B,{children:e})]})},T=n.div`
+  display: flex;
+  background-color: ${s.alertLight};
+  border: 1px solid ${s.brandColorGoldDark};
+  border-radius: ${i.sp2};
+  color: ${s.alertDark};
+  margin-bottom: ${e=>c.marginBottom.valuePx(e.size)};
+  padding: ${i.sp3} ${i.sp4} ${i.sp3} ${i.sp4};
+  margin-right: ${e=>c.marginRight.valuePx(e.size)};
+  margin-left: ${e=>c.marginLeft.valuePx(e.size)};
+`,B=n(z)`
+  display: flex;
+  flex-grow: 1;
+  color: ${s.brandColorGoldDark};
+`,L=n.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${i.sp2};
+`,M=n(k)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${s.brandColorGoldDark};
+`;export{F as j,G as u};

package/dist/assets/BankConnectionsSettingsPage-bk8eOcuj-7VKzOuZH.js

@@ -0,0 +1,425 @@
+import{i as xe,u as Ce,a8 as Ye,dt as Qe,j as t,cf as Xe,a as re,A as se,da as Ke,aa as Ze,cH as et,b as i,R as _,ai as tt,ah as U,bJ as nt,t as Me,d as it,a7 as Ae,dF as ot,bB as Y,bs as he,gV as je,dN as at,ca as Ue,gW as ze,gX as ct,gY as Ve,gZ as lt,g_ as st,cP as Ie,s as b,g$ as me,h0 as ge,h1 as Te,bn as fe,d5 as Se,bm as rt,cq as dt,f3 as He,C as Z,af as F,h2 as ut,h3 as pt,h4 as ht,bX as mt,h5 as gt}from"./index-2CdI-B2B.js";import{a as r,d as _e}from"./core-tlHkQPPu.js";import{n}from"./mui-kiGMfX4-.js";import{bM as ft,bN as ee,bO as Le}from"./zeni-epic-state-Bo1aGezX.js";import{o as St}from"./SetUpAccountSection-DQMufunh-D76vpY_K.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";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(),j={containerPadding:new _(b[3],b[4]),containerRightPadding:new _(b[3],b[8]),iconContainerMaxWidthHeight:new _(b[6],b[7]),iconWidthHeight:new _(20,b[4]),iconPadding:new _(b[1],12),productTypeContainerMarginBottom:new _(b[3],b[0]),linkAccountContainerMarginTop:new _(b[3],b[0]),productTypeIconSize:new _(b[3],b[4])},wt=({productType:e,windowSize:h})=>{switch(e){case"bill_pay":return t.jsx(Bt,{windowSize:h,children:t.jsx(mt,{})});case"reimbursement":return t.jsx(Rt,{windowSize:h,children:t.jsx(ht,{})});case"zeni_accounts":return t.jsx(Wt,{windowSize:h,children:t.jsx(Ue,{})});case"zeni_treasury":return t.jsx(Nt,{windowSize:h,children:t.jsx(pt,{})});default:return t.jsx(Dt,{windowSize:h,children:t.jsx(ut,{})})}},xt=({allBankAccounts:e,setupView:h,connectedAccountProvider:q,onFetchLinkTokenClick:B,onUpdatePaymentAccountStatus:z,onEstablishConnectionClick:T,onEstablishConnectionSuccess:R})=>{const A=xe(),c=Ce(),m=Ae().analytics,{trigger:S,formState:{errors:W}}=ot(),{plaidConnectionDetails:D,allFundingAccounts:o,primaryFundingAccount:a,productType:s}=h,d=D.link_account,u=D.update_account,[v,M]=r.useState(void 0),[$,w]=r.useState(!1),k=v==="update_account"?u:d,[C,H]=r.useState(k.linkToken??null),[O,P]=r.useState(!1),p=d.fetchStatus.fetchState==="In-Progress"||d.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 N=Y(d.updateStatus.fetchState),J=Y(u.updateStatus.fetchState),I=Y(u.fetchStatus.fetchState),G=A.mode==="light"?new he(A.colors.brandColorJadeLight):new he(A.colors.brandColorJadeDark),X=r.useCallback((x,Q)=>{m.trackConnectBankSuccess(s,"Settings");const Pe=Q.accounts.find(Ge=>Ge.id===a?.providerAccountId)??Q.accounts[0];a?.id==null||v!=="update_account"||Pe?.verification_status==null||f?T(x,y(s),s):z(Pe?.verification_status,a.id,"update_account",y(s),s),M(void 0),P(!1)},[m,s,a?.id,a?.providerAccountId,v,f,z,T]),te=r.useCallback((x,Q)=>{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,Q)),M(void 0),P(!1)},[m,s,a?.id,z]),{open:ne,ready:ie}=je({token:C,onSuccess:X,onExit:te});r.useEffect(()=>{(N==="In-Progress"&&d.updateStatus.fetchState==="Completed"||J==="In-Progress"&&u.updateStatus.fetchState==="Completed")&&(ft(l??"")||(B("link_account",y(s)),R(y(s),s)))},[d.updateStatus.fetchState,R,B,a?.providerVerificationStatus?.code,a?.id,N,J,u.updateStatus.fetchState,l,s]),r.useEffect(()=>{!ee(l??"")&&l!=="verification_failed"||O||v==null||k.linkToken!==C||k.fetchStatus.fetchState!=="Completed"||!ie||P(!0)},[ie,C,k.fetchStatus.fetchState,k.linkToken,l,v,O]);const L=ke("bankConnectionsSettingsPage","primaryAccountSection"),K=at(W,L);r.useEffect(()=>{k.fetchStatus.fetchState==="Completed"&&k.linkToken!=null&&k.linkToken!==C&&H(k.linkToken)},[k.fetchStatus.fetchState,k.linkToken,C]),r.useEffect(()=>{O&&ne()},[O,ne]),r.useEffect(()=>{a?.zeniAccountId||K||S(L)},[a?.id]),r.useEffect(()=>{l!=null&&l!=="verification_failed"&&l!=="verification_expired"&&!ee(l)||!Le(new Date().toISOString()).isAfter(d.expiration)&&d.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(Ue,{width:j.iconWidthHeight.valuePx(c)}),color:G};return t.jsxs(yt,{windowSize:c,children:[$===!0?_e.createPortal(t.jsx(ze,{connectedAccountProvider:q,action:{onBackClick:()=>w(!1)}}),document.body):null,t.jsxs(vt,{windowSize:c,wrapperWidth:V[0].width,children:[t.jsx(bt,{windowSize:c,isDarkMode:A.mode==="dark",children:t.jsx(wt,{productType:s,windowSize:c})}),t.jsx(kt,{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,A.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:A.colors.hero},customStyleConfig:{menu:()=>({width:c==="small"?"auto":510})},controlProperty:{controlHeight:b[4],fontWeight:Ie.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:c==="small"?240:300},customPlaceholder:{color:A.colors.hero,weight:Ie.medium},name:ke(s,"primaryAccountSection"),placeholder:Ee.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(x,Q)=>st(o,x,Q),valueToSubLabels:(x,Q)=>lt(o,x,Q,!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:p?"disabled":void 0,showLoadingIcon:p,onClickCreateOption:()=>{m.trackConnectBank(s,"Settings"),M("link_account"),d.linkToken==null||Le(new Date().toISOString()).isAfter(d.expiration)?B("link_account",y(s)):C!==d.linkToken?H(d.linkToken):O?ne():P(!0)}}),t.jsxs(Ct,{isDisabled:f,children:[oe?t.jsxs(t.Fragment,{children:[t.jsx(At,{children:oe}),c!=="small"&&(l!=="verification_failed"&&a?.providerVerificationStatus?.code==="pending_manual_verification"||f||de)?t.jsx(zt,{}):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(Te,{productType:s,isUpdateLinkClicked:v==="update_account",isLoginRequired:f,isPendingVerification:l!=="verification_failed"&&a?.providerVerificationStatus?.code==="pending_manual_verification",fetchAndUpdateStatues:{fetchStatus:u.fetchStatus,updateStatus:u.updateStatus,linkFetchStatus:d.fetchStatus,linkUpdateStatus:d.updateStatus,prevFetchState:I,prevUpdateState:J},onUpdateLinkTokenClick:()=>{m.trackConnectBankGetBalance(s,"Settings"),M("update_account"),B("update_account",y(s),a?.id)},onChaseInfoClick:()=>{w(!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(ve,{children:ye}),a?.accountBalance?.lastRefreshTime?t.jsx(Be,{className:"balanceLabel",children:Se(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(jt,{children:Oe.bankConnectionHeader.linkAccount}):null,t.jsx(Ft,{isDisabled:f?"disabled":void 0,name:ke(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(ve,{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(ve,{children:ye}),a?.accountBalance?.lastRefreshTime?t.jsx(Be,{className:"balanceLabel",children:Se(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`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+`,vt=n.div`
+  display: flex;
+  align-items: center;
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  margin-bottom: ${e=>j.productTypeContainerMarginBottom.valuePx(e.windowSize)};
+  padding-right: ${i.sp3};
+`,kt=n(U)`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,bt=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  align-self: ${e=>e.windowSize==="small"?"flex-start":"unset"};
+  padding: ${e=>j.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:Z.neutralGrey5Light:e.isDarkMode?Z.neutralGrey5Light:e.theme.colors.brandColorOnyx};
+  max-width: ${e=>j.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>j.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${i.sp2};
+`,$t=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+`,Ct=n(F)`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isDisabled?e.theme.colors.grey1:"inherit"};
+  flex-wrap: wrap;
+`,At=n.div`
+  display: flex;
+`,Fe=n(U)`
+  display: flex;
+  justify-content: flex-end;
+`,Be=n(F)`
+  color: ${e=>e.theme.colors.hero};
+`,jt=n(F)`
+  color: ${e=>e.theme.colors.grey1};
+  width: 135px;
+`,zt=n.div`
+  display: inline-block;
+  border-radius: ${i.sp2};
+  margin: ${i.sp0} ${i.sp2};
+  width: ${i.sp1};
+  height: ${i.sp1};
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,Tt=n.div`
+  display: flex;
+  opacity: ${e=>e.isDisabled?.8:1};
+`,_t=n.div`
+  display: flex;
+  justify-content: flex-start;
+`,Pt=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.windowSize==="small"?"64%":"100%"};
+`,It=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-end;
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+`,Lt=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+  width: 36%;
+`,Ot=n.div`
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+`,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)};
+`,Ft=n(Ve)`
+  border-radius: ${i.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  color: ${e=>e.theme.colors.hero};
+  ${Me.smallRegular.css};
+`,Bt=n.div`
+  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`,Rt=n.div`
+  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`,Wt=n.div`
+  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`,Dt=n.div`
+  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`,Nt=n.div`
+  width: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  height: ${e=>j.productTypeIconSize.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`,ke=(e,h)=>`${e}.${h}`,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:be,strings:{empty:Mt,hyphen:Ut}}}=re.getLocalizedStrings(),ue={paymentAccountIconSize:new _(b[6],b[7])},Vt=()=>null,Ht=({paymentAccount:e,bankAccountList:h,balanceFetchStatus:q,connectedAccountProvider:B,onRemoveConnection:z,onFetchLinkTokenClick:T,onEstablishConnectionClick:R,onEstablishConnectionSuccess:A,onUpdatePaymentAccountStatus:c})=>{const m=xe(),S=Ce(),W=Ae().analytics,[D,o]=r.useState(!1),[a,s]=r.useState(!1),d=e.plaidConnectionDetails.link_account,u=e.plaidConnectionDetails.update_account,[v,M]=r.useState(void 0),$=v==="update_account"?u:d,[w,k]=r.useState($.linkToken??null),[C,H]=r.useState(!1),O=Y(d.updateStatus.fetchState),P=Y(u.updateStatus.fetchState),p=Y(u.fetchStatus.fetchState),g=e?.providerVerificationStatus,E=e?.isLoginRequired??!1,l="other_connection",f=g?.code,N=r.useCallback((L,K)=>{W.trackConnectBankSuccess(l,"Settings");const oe=K.accounts.find(de=>de.id===e.providerAccountId)??K.accounts[0];e.paymentAccountId==null||v!=="update_account"||oe?.verification_status==null||E?R(L,y(l),l):c(oe?.verification_status,e.paymentAccountId,"update_account",y(l),l),M(void 0),H(!1)},[W,l,e.paymentAccountId,e.providerAccountId,v,E,c,R]),J=r.useCallback((L,K)=>{L!=null&&(W.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,K)),M(void 0),H(!1)},[W,l,e.paymentAccountId,c]),{open:I,ready:G}=je({token:w,onSuccess:N,onExit:J});r.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==w&&k($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,w]),r.useEffect(()=>{C&&I()},[C,I]),r.useEffect(()=>{(O==="In-Progress"&&d.updateStatus.fetchState==="Completed"||P==="In-Progress"&&u.updateStatus.fetchState==="Completed")&&(ee(f??"")||(T("link_account",y(l)),A(y(l),l)))},[d.updateStatus.fetchState,A,T,e?.providerVerificationStatus?.code,e?.paymentAccountId,O,P,u.updateStatus.fetchState,f,l]),r.useEffect(()=>{!ee(f??"")&&f!=="verification_failed"||C||v==null||$.linkToken!==w||$.fetchStatus.fetchState!=="Completed"||!G||H(!0)},[G,w,$.fetchStatus.fetchState,$.linkToken,f,v,C]);const X=m.mode==="light"?new he(m.colors.brandColorJadeLight):new he(m.colors.brandColorJadeDark),te={element:t.jsx(on,{windowSize:S,children:t.jsx(gt,{})}),color:X},ne=h.find(L=>L.accountId===e.zeniAccountId),ie=()=>{o(L=>!L)};return t.jsxs(qt,{onMouseEnter:ie,onMouseLeave:ie,children:[a===!0?_e.createPortal(t.jsx(ze,{connectedAccountProvider:B,action:{onBackClick:()=>s(!1)}}),document.body):null,t.jsxs(Jt,{windowSize:S,wrapperWidth:V[0].width,children:[t.jsx(Gt,{children:be.otherAccount.title}),t.jsx(Yt,{children:be.otherAccount.subTitle})]}),t.jsxs(Qt,{windowSize:S,wrapperWidth:V[1].width,children:[St(te,S,m.mode==="dark",e,!0),t.jsxs(an,{children:[t.jsx(cn,{children:t.jsx(dn,{windowSize:S,children:e.institutionDetails.institutionName})}),t.jsxs(ln,{windowSize:S,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(Te,{productType:"other_connection",isUpdateLinkClicked:v==="update_account",isLoginRequired:E,isPendingVerification:!1,fetchAndUpdateStatues:{fetchStatus:u.fetchStatus,updateStatus:u.updateStatus,linkFetchStatus:d.fetchStatus,linkUpdateStatus:d.updateStatus,prevFetchState:p,prevUpdateState:P},onUpdateLinkTokenClick:()=>{W.trackConnectBankGetBalance(l,"Settings"),M("update_account"),T("update_account",y(l),e.paymentAccountId)},onChaseInfoClick:()=>{s(!0)}})]})]})]}),t.jsx(Xt,{windowSize:S,wrapperWidth:V[2].width,children:ne?.accountName??Mt}),t.jsx(Kt,{windowSize:S,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)}):Ut}),t.jsxs(Zt,{windowSize:S,wrapperWidth:V[4].width,children:[t.jsx(en,{className:"balanceLabel",isRemoveHovered:D,children:fe("0,0.[00]",e.balances?.available)}),e.balances?.lastRefreshTime?t.jsx(tn,{className:"balanceLabel",isRemoveHovered:D,children:Se(e.balances?.lastRefreshTime)}):q?.fetchState==="In-Progress"?t.jsx(se,{size:"Small",start:!0}):null,D&&t.jsx(nn,{children:t.jsx(He,{moreIconType:"plain",options:[{label:be.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"&&z(e.paymentAccountId)},valueToIcon:Vt})})]})]})},qt=n.div`
+  display: flex;
+  padding: ${i.sp4};
+  padding-right: ${i.sp8};
+  position: relative;
+`,Jt=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  align-items: flex-start;
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+`,Gt=n(U)`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  align-items: center;
+`,Yt=n(F)`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  align-items: center;
+`,Qt=n.div`
+  display: flex;
+  align-items: center;
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+`,Xt=n(U)`
+  display: flex;
+  align-items: center;
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+`,Kt=n(U)`
+  display: flex;
+  align-items: center;
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+`,Zt=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  justify-content: flex-end;
+  align-items: flex-end;
+`,en=n(U)`
+  color: ${e=>e.theme.colors.hero};
+`,tn=n(F)`
+  color: ${e=>e.theme.colors.hero};
+`,nn=n.div`
+  position: absolute;
+  right: ${i.sp4};
+`,on=n.div`
+  margin-right: ${i.sp2};
+  width: ${e=>ue.paymentAccountIconSize.valuePx(e.windowSize)};
+  height: ${e=>ue.paymentAccountIconSize.valuePx(e.windowSize)};
+  min-width: ${e=>ue.paymentAccountIconSize.valuePx(e.windowSize)};
+  min-height: ${e=>ue.paymentAccountIconSize.valuePx(e.windowSize)};
+`,an=n.div`
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+`,cn=n.div`
+  display: flex;
+  gap: ${i.sp2};
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+`,ln=n.div`
+  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(F)`
+  text-transform: capitalize;
+  color: inherit;
+`,rn=n(F)`
+  margin-left: ${i.sp1};
+`,dn=n(U)`
+  max-width: ${`calc(100% - ${i.sp3})`};
+  text-transform: capitalize;
+  overflow: hidden;
+`,un=n.div`
+  display: flex;
+  align-items: center;
+`,pn=n.div`
+  display: inline-block;
+  border-radius: ${i.sp2};
+  margin: ${i.sp0} ${i.sp2};
+  width: ${i.sp1};
+  height: ${i.sp1};
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,{common:{settings:pe,strings:{empty:hn}}}=re.getLocalizedStrings(),mn=()=>null,gn=({paymentAccount:e,bankAccountList:h,balanceFetchStatus:q,connectedAccountProvider:B,onRemoveConnection:z,onFetchLinkTokenClick:T,onEstablishConnectionClick:R,onEstablishConnectionSuccess:A,onUpdatePaymentAccountStatus:c})=>{const m=xe(),S=Ae().analytics,[W,D]=r.useState(!1),o=e.plaidConnectionDetails.link_account,a=e.plaidConnectionDetails.update_account,[s,d]=r.useState(void 0),u=s==="update_account"?a:o,[v,M]=r.useState(u.linkToken??null),[$,w]=r.useState(!1),k=Y(o.updateStatus.fetchState),C=Y(a.updateStatus.fetchState),H=Y(a.fetchStatus.fetchState),O=e?.providerVerificationStatus,P=e?.isLoginRequired??!1,p="other_connection",g=O?.code,E=r.useCallback((I,G)=>{S.trackConnectBankSuccess(p,"Settings");const X=G.accounts.find(te=>te.id===e.providerAccountId)??G.accounts[0];e.paymentAccountId==null||s!=="update_account"||X?.verification_status==null||P?R(I,y(p),p):c(X?.verification_status,e.paymentAccountId,"update_account",y(p),p),d(void 0),w(!1)},[S,p,e.paymentAccountId,e.providerAccountId,s,P,c,R]),l=r.useCallback((I,G)=>{I!=null&&(S.trackConnectBankFailure(p,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(p),p),console.log("Plaid Connection Error",I,G)),d(void 0),w(!1)},[S,p,e.paymentAccountId,c]),{open:f,ready:N}=je({token:v,onSuccess:E,onExit:l});r.useEffect(()=>{u.fetchStatus.fetchState==="Completed"&&u.linkToken!=null&&u.linkToken!==v&&M(u.linkToken)},[u.fetchStatus.fetchState,u.linkToken,v]),r.useEffect(()=>{$&&f()},[$,f]),r.useEffect(()=>{(k==="In-Progress"&&o.updateStatus.fetchState==="Completed"||C==="In-Progress"&&a.updateStatus.fetchState==="Completed")&&(ee(g??"")||(T("link_account",y(p)),A(y(p),p)))},[o.updateStatus.fetchState,A,T,e?.providerVerificationStatus?.code,e?.paymentAccountId,k,C,a.updateStatus.fetchState,g,p]),r.useEffect(()=>{!ee(g??"")&&g!=="verification_failed"||$||s==null||u.linkToken!==v||u.fetchStatus.fetchState!=="Completed"||!N||w(!0)},[N,v,u.fetchStatus.fetchState,u.linkToken,g,s,$]);const J=h.find(I=>I.accountId===e.zeniAccountId);return t.jsxs(fn,{children:[W===!0?_e.createPortal(t.jsx(ze,{connectedAccountProvider:B,action:{onBackClick:()=>D(!1)}}),document.body):null,t.jsxs(Sn,{children:[t.jsx(wn,{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"&&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(bn,{children:O!=null?t.jsx(me,{style:{width:"max-content",padding:0},tagTitle:O.name,textColor:ge(O.code)}):null}),P&&t.jsx(Te,{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:H,prevUpdateState:C},onUpdateLinkTokenClick:()=>{S.trackConnectBankGetBalance(p,"Settings"),d("update_account"),T("update_account",y(p),e.paymentAccountId)},onChaseInfoClick:()=>{D(!0)}})]})]}),t.jsxs($n,{children:[t.jsx(Cn,{className:"balanceLabel",children:fe("0,0.[00]",e.balances?.available)}),e.balances?.lastRefreshTime?t.jsx(An,{className:"balanceLabel",children:Se(e.balances?.lastRefreshTime)}):q?.fetchState==="In-Progress"?t.jsx(se,{size:"ExtraSmall",start:!0}):null]})]}),t.jsxs(yn,{children:[t.jsx(vn,{children:pe.bankConnectionHeader.linkAccount}),t.jsx(kn,{children:J?.accountName??hn})]})]})},fn=n.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${i.sp3};
+`,Sn=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  align-items: flex-start;
+  width: 100%;
+  margin-bottom: ${i.sp3};
+  justify-content: space-between;
+`,wn=n(U)`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  align-items: center;
+`,xn=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: ${i.sp3};
+`,yn=n.div`
+  display: flex;
+  align-items: center;
+`,vn=n(F)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-right: ${i.sp2};
+`,kn=n(F)`
+  color: ${e=>e.theme.colors.hero};
+`,bn=n(U)`
+  display: flex;
+  align-items: center;
+  margin-left: ${i.sp2};
+`,$n=n.div`
+  display: flex;
+  align-items: flex-end;
+  flex-direction: column;
+`,Cn=n(U)`
+  color: ${e=>e.theme.colors.hero};
+`,An=n(F)`
+  color: ${e=>e.theme.colors.hero};
+`,jn=n.div``,zn=n.div`
+  display: flex;
+  gap: ${i.sp2};
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+`,Tn=n(F)`
+  text-transform: capitalize;
+`,_n=n(F)`
+  margin-left: ${i.sp1};
+`,Pn=n(U)`
+  max-width: ${`calc(100% - ${i.sp3})`};
+  text-transform: capitalize;
+  overflow: hidden;
+`,In=n.div`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: ${i.sp2};
+`,{settings:{bankConnectionListHeader:$e,title:Ln,infoText:On}}=re.getLocalizedStrings().common,we={pageContentPadding:new _(b[4],b[8]),subtitleSectionWidth:new _(343,580,1200),subTitleBottomMargin:new _(b[0],b[5])},En={qboLinkAcc:new it("smallRegular","standardRegular")},ce="bankAccountSection",le="primaryAccountSection",Fn="bill_pay",Bn="reimbursement",Rn="zeni_accounts",Wn="charge_cards",Dn="zeni_treasury",Re=e=>t.jsx(Un,{children:V.map(h=>t.jsx(Vn,{actualDataValue:h.value,wrapperWidth:h.width,windowSize:e,children:t.jsx(Hn,{children:h.value})},h.value))}),di=({bankSetupView:e,connectedAccountProvider:h,onBackClick:q,onUpdateAccountClick:B,onFetchLinkTokenClick:z,onUpdatePaymentAccountStatus:T,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:A,onEstablishConnectionSuccess:c,onClickMenuIcon:m,onUpdatePrimaryFundingAccount:S,onRemoveConnection:W})=>{const D=xe(),o=Ce(),{allFundingAccounts:a,primaryConnection:s}=e,d=Ye({mode:"all",reValidateMode:"onChange",defaultValues:Ne(e),values:Ne(e)}),u=d.handleSubmit(w=>{});r.useEffect(()=>{const w=d.watch((k,{name:C})=>{C!=null&&k!=null&&Qe(()=>(async(H,O)=>{const P=H.split("."),p=P[0],g=P[1],E=s.find(l=>l.productType===p);if(p!=null&&g!=null){const l=O[p][g];if(g==="primaryAccountSection"){const f=a.find(J=>J.id===l.selectedOption),N=f?.accType;l.selectedOption!=null&&N!=null&&S(l.selectedOption,y(p),N)}else if(g==="bankAccountSection"&&E!=null&&E.primaryFundingAccount!=null&&l.selectedOption!=null){const f=E.primaryFundingAccount?.id,N=E.primaryFundingAccount?.accType;f!=null&&N!=null&&B(l.selectedOption,f,p,y(p),N)}}})(C,k))});return()=>{w.unsubscribe()}});const v=e.fetchState==="In-Progress"||e.fetchState==="Not-Started",M=e.fetchState==="Completed"&&e.allFundingAccounts.length===0,$=o==="small"?gn:Ht;return t.jsxs(Mn,{children:[t.jsx(Xe,{source:"BankConnectionsSettingsPage",title:Ln.bankConnections,backgroundColor:D.colors.grey4,style:{zIndex:3},onBackClick:q,showBackButton:!1,showMenuIcon:o==="medium-compact"||o==="small",onClickMenuIcon:m}),t.jsxs(Jn,{windowSize:o,children:[t.jsx(Qn,{windowSize:o,children:t.jsx(Xn,{windowSize:o,children:On.bankConnections})}),v?t.jsx(Gn,{children:t.jsx(se,{size:"ExtraLarge",start:!0})}):M?t.jsx(Ke,{message:"No bank connections added."}):t.jsxs(Nn,{windowSize:o,children:[t.jsx(De,{children:$e.primary}),o!=="small"?Re(o):null,t.jsx(Ze,{...d,children:t.jsx("form",{id:ei("bankConnectionsSettingsPage"),onSubmit:u,children:t.jsx(Yn,{windowSize:o,children:e.primaryConnection.map(w=>w!=null?t.jsx(We,{windowSize:o,children:t.jsx(xt,{allBankAccounts:e.allBankAccounts,setupView:w,connectedAccountProvider:h,onFetchLinkTokenClick:z,onUpdatePaymentAccountStatus:T,onUpdatePaymentAccountLoginStatus:R,onEstablishConnectionClick:A,onEstablishConnectionSuccess:c})},w.productType):null)})})}),e.otherPaymentAccounts.length>0?t.jsxs(qn,{children:[t.jsx(De,{children:$e.other}),t.jsx(Kn,{children:t.jsx(et,{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(w=>{const k=a.find(C=>C.id===w.paymentAccountId)?.balanceFetchStatus;return t.jsx(We,{windowSize:o,children:t.jsx($,{paymentAccount:w,bankAccountList:e.allBankAccounts,balanceFetchStatus:k,connectedAccountProvider:h,onRemoveConnection:W,onFetchLinkTokenClick:z,onEstablishConnectionClick:A,onUpdatePaymentAccountStatus:T,onEstablishConnectionSuccess:c})},w.paymentAccountId)})]})]})]})},Nn=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding-left: ${e=>we.pageContentPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>we.pageContentPadding.valuePx(e.windowSize)};
+`,Mn=n.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${i.sp3};
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Un=n(F)`
+  top: ${i.sp0};
+  left: ${i.sp0};
+  min-height: ${i.sp8};
+  width: auto;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${i.sp3} ${i.sp8} ${i.sp3} ${i.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: space-between;
+  position: sticky;
+`,Vn=n.div`
+  color: ${e=>e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  display: flex;
+  align-items: center;
+  gap: ${i.sp1};
+  left: ${i.sp0};
+  justify-content: ${e=>e.actualDataValue==="Balance"?"flex-end":"flex-start"};
+  position: static;
+  z-index: 0;
+  padding-left: ${i.sp0};
+  box-sizing: border-box;
+  overflow: hidden;
+`,Hn=n(F)`
+  display: flex;
+  gap: 5px;
+`,qn=n.div`
+  display: flex;
+  align-items: center;
+`,We=n.div`
+  display: flex;
+  min-height: 96px;
+  justify-content: center;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: ${i.sp2};
+  box-sizing: border-box;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+  margin-bottom: ${i.sp5};
+  color: ${e=>e.theme.colors.hero};
+  .fundingAccount
+    .single-select-field__control
+    .select-value-container
+    .single-select-field__single-value {
+    color: ${e=>e.theme.colors.hero};
+    ${Me.standardRegular.css};
+  }
+  .qboLinkAcc
+    .single-select-field__control
+    .select-value-container
+    .single-select-field__single-value {
+    color: ${e=>e.theme.colors.hero};
+    ${e=>`${En.qboLinkAcc.style(e.windowSize)}`};
+  }
+  &:hover {
+    border: ${e=>`1px solid  ${e.theme.colors.primary}`};
+    color: ${e=>e.theme.colors.primary};
+    .balanceLabel {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .single-select-field__control
+      .select-value-container
+      .single-select-field__single-value {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Jn=n.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,Gn=n.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Yn=n.div`
+  display: flex;
+  flex-direction: column;
+`,De=n(nt)`
+  color: ${e=>e.theme.colors.primary};
+  margin-right: ${i.sp1};
+  padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp2};
+`,Qn=n(tt)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>we.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${e=>we.subTitleBottomMargin.valuePx(e.windowSize)};
+`,Xn=n(U)`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,Kn=n.div`
+  display: flex;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Zn=n(dt)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ne=e=>{const{primaryConnection:h,allBankAccounts:q,allFundingAccounts:B}=e,z=q.map(o=>({label:o.accountName,value:o.accountId})),T=B.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"})),R=h.find(o=>o.productType==="bill_pay"),A=h.find(o=>o.productType==="reimbursement"),c=h.find(o=>o.productType==="zeni_accounts"),m=h.find(o=>o.productType==="charge_cards"),S=h.find(o=>o.productType==="zeni_treasury"),W=c?.allFundingAccounts.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))??[],D=S?.allFundingAccounts.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="paymentAccount"}))??[];return{[Fn]:{[ce]:{selectedOption:R?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:R?.primaryFundingAccount?.id,allOptions:T}},[Bn]:{[ce]:{selectedOption:A?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:A?.primaryFundingAccount?.id,allOptions:T}},[Rn]:{[ce]:{selectedOption:c?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:c?.primaryFundingAccount?.id,allOptions:W}},[Dn]:{[ce]:{selectedOption:S?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:S?.primaryFundingAccount?.id,allOptions:D}},[Wn]:{[ce]:{selectedOption:m?.primaryFundingAccount?.zeniAccountId,allOptions:z},[le]:{selectedOption:m?.primaryFundingAccount?.id,allOptions:T}}}},ei=e=>`${e}_form`;export{di as default,ei as formUniqueName};