@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/AppDrawerContent-XR9dBd-C-BYsZG5_k.js

@@ -0,0 +1,92 @@
+import{t as le,aE as re,aF as de,aG as D,aH as ce,V as n,aI as pe,aJ as ue,aK as me,aL as be,_ as fe,aM as he,o as a,aN as ge,r as m,ap as b}from"./index-DorX0WX8.js";import{a as o,b as xe}from"./sentry-tRTnR5ia.js";import{n as l}from"./mui-gZ2J-2YO.js";import{bm as Ee}from"./zeni-epic-state-DiMW9axO.js";import{v as ye}from"./DashboardSidebarBackgroundAnimation-CcTStx9W-CLXLQ3Wl.js";import"./pdf-BNA4Ou8X.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.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]="6754e24f-6510-4edf-9efd-22ddb9d74c26",e._sentryDebugIdIdentifier="sentry-dbid-6754e24f-6510-4edf-9efd-22ddb9d74c26")}catch{}})();const Ce=o.memo(function({animationEnabled:e=!1}){const[i,s]=m("DashboardSidebarBottomNewYear",e),[t,r]=o.useState(null);return o.useEffect(()=>{i!=null&&!s&&r(i)},[i,s]),e&&t!=null?n.jsx(we,{children:n.jsx(b,{style:{display:"flex",width:"70px",height:"140px"},animationData:t,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})}):null}),we=l.div`
+  position: absolute;
+  z-index: 0;
+  bottom: -${a.sp3};
+  display: flex;
+  height: auto;
+  right: ${a.sp0};
+`,Ae=o.memo(function({animationEnabled:e=!1}){const[i,s]=m("DashboardSidebarBottomChristmas",e),[t,r]=o.useState(null);return o.useEffect(()=>{i!=null&&!s&&r(i)},[i,s]),e&&t!=null?n.jsx(ve,{children:n.jsx(b,{style:{display:"flex",width:"240px",height:"98px"},animationData:t,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})}):null}),ve=l.div`
+  position: absolute;
+  z-index: 0;
+  bottom: ${a.sp0};
+  display: flex;
+  height: auto;
+  right: ${a.sp0};
+  width: 100%;
+`,Se=o.memo(function({animationEnabled:e=!1}){const[i,s]=m("DashboardSidebarBottomHalloween",e),[t,r]=o.useState(null);return i!=null&&t==null&&!s&&r(i),e&&t!=null?n.jsx(je,{children:n.jsx(b,{style:{display:"flex",width:"60px",height:"60px",marginLeft:"20%",marginTop:"10%"},animationData:t,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})}):null}),je=l.div`
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+  bottom: ${a.sp0};
+  display: flex;
+  height: 135px;
+  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/halloween-bg.svg);
+  background-size: auto;
+  background-repeat: no-repeat;
+  background-position-y: bottom;
+  left: 0;
+`,ke=o.memo(function({animationEnabled:e=!1}){const[i,s]=m("DashboardSidebarBottomThanksgiving",e),[t,r]=o.useState(null);return o.useEffect(()=>{i!=null&&!s&&r(i)},[i,s]),e&&t!=null?n.jsx(De,{children:n.jsx(b,{style:{display:"flex",width:"100px",height:"100px",marginLeft:"45%"},animationData:t,play:!0,loop:!0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}})}):null}),De=l.div`
+  position: absolute;
+  z-index: 0;
+  bottom: ${a.sp0};
+  display: flex;
+  height: auto;
+  right: ${a.sp0};
+`,$e=o.memo(function({christmasAnimationEnabled:e=!1,halloweenAnimationEnabled:i=!1,newYearAnimationEnabled:s=!1,thanksGivingAnimationEnabled:t=!1}){return i?n.jsx(Se,{animationEnabled:i}):t?n.jsx(ke,{animationEnabled:t}):e?n.jsx(Ae,{animationEnabled:e}):s?n.jsx(Ce,{animationEnabled:s}):null}),Te=l.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  padding-left: ${a.sp4};
+  width: 240px;
+  position: relative;
+  overflow: hidden;
+  box-shadow: ${e=>e.isOnDashboard?"none":`inset -2px 0 ${a.sp1} -2px ${e.theme.colors.dropShadowNormal}`};
+`,Ie=l.div`
+  padding-left: ${a.sp3};
+`,Me=l.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  padding: 0 ${a.sp1} 0 12px;
+  overflow-y: auto;
+  overflow-x: visible;
+  min-height: 0;
+  margin-top: ${a.sp4};
+
+  /* Hide scrollbar for WebKit browsers (Chrome, Safari, Edge) */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* Hide scrollbar for Firefox */
+  scrollbar-width: none;
+
+  /* Hide scrollbar for IE and Edge */
+  -ms-overflow-style: none;
+`,Ve=l.div`
+  margin: ${a.sp0} ${a.sp0} ${a.sp3} ${a.sp0};
+  width: fit-content;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+  z-index: 1;
+`,Pe=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  margin-left: ${a.sp2};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  z-index: 1;
+`,Ye=l(ge)`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  align-items: center;
+  justify-content: center;
+`;function We({currentTenantId:e,tenants:i,isVendorsTabVisible:s,isZeniAccountEnabled:t,isTreasuryEnabled:r,isTreasuryPopupVisible:$,isChargeCardEnabled:T,rewardsConfiguration:I,selectedMenu:M,isTenantDropdownDisabled:V,isSettings:c=!1,isAiCfo:P=!1,isOnDashboard:Y,isAiCfoAccessEnabled:F,isNotificationsTabVisible:z,isSettingsFeatureEnabled:E,signedInUser:f,aiCfoView:R,currentTenant:y,christmasAnimationEnabled:h=!1,halloweenAnimationEnabled:C=!1,newYearAnimationEnabled:w=!1,thanksGivingAnimationEnabled:A=!1,notificationCountDetails:p,isExpenseAutomationEnabledForUser:B,isTaskManagerAccessEnabled:N,treasuryYieldPercentage:U,onNotificationIconClick:_,handleLogOutClick:L,handleMenuChange:G,onZeniLogoClick:H,handlePopupClose:O,handleBackClick:v,handleCockpitClick:K,handleMyProfileClick:S,handleReferralsClick:Z,handleTenantSelect:J,onDeleteChatSession:W,updateCurrentChatSessionId:q}){const[d,Q]=o.useState(c&&E),g=xe.useRef("noAnimation"),j=Ee(f),X=le(),{useFeatureGate:k,useDynamicConfig:ee}=re(),{configValue:x}=ee(de.expenseAutomationEnablementZeniUsers),ne=x.expenseAutomationEnabledCompanies!=null&&Array.isArray(x.expenseAutomationEnabledCompanies)?x.expenseAutomationEnabledCompanies:[],{isFeatureEnabled:ie}=k(D.isReimbursementCommentingEnabled),{isFeatureEnabled:ae}=k(D.isBillPayCommentingEnabled),te=ce();o.useEffect(()=>{c!==d&&Q(c)},[c,d]);const u=p?.fetchStatus.fetchState==="Not-Started"||p?.fetchStatus.fetchState==="In-Progress",se=g.current,oe=j||ie&&ae&&!X.loggedInUserRole.includes("investor_or_banker");return n.jsxs(Te,{isOnDashboard:Y,children:[n.jsxs(Ie,{children:[n.jsx(pe,{onClick:H,halloweenAnimationEnabled:C,thanksGivingAnimationEnabled:A,christmasAnimationEnabled:h,newYearAnimationEnabled:w}),n.jsx(ue,{currentTenantId:e??"",tenants:i,isDisabled:V,isZeniUser:j,expenseAutomationEnabledCompanies:ne,onTenantSelect:J})]}),n.jsx(Me,{children:n.jsx(me,{className:se,signedInUser:f,selectedMenu:M,currentTenant:y,isVendorsTabVisible:s,rewardsConfiguration:I,isSetting:d,isAiCfo:P,isAiCfoAccessEnabled:F,aiCfoView:R,isZeniAccountEnabled:t,isTreasuryEnabled:r,isTreasuryPopupVisible:$,treasuryYieldPercentage:U,isChargeCardEnabled:T,isNotificationsTabVisible:z,isPerformanceEnabledForUser:te,isExpenseAutomationEnabledForUser:B,isTaskManagerAccessEnabled:N,onSelectionChanged:G,onDeleteChatSession:W,updateCurrentChatSessionId:q,onBackClick:()=>{g.current="slide-in-left-to-right",d&&v&&v()},onPopupClose:O})}),n.jsx(ye,{christmasAnimationEnabled:h}),n.jsxs(Ve,{children:[n.jsx(be,{signedInUser:f,onLogOutClick:L,onMyProfileClick:()=>{g.current="slide-in-right-to-left",S&&S()},onReferralsClick:Z,onCockpitClick:K,currentTenant:y,isSettingsFeatureEnabled:E}),oe?n.jsx(fe,{controller:p!=null,children:n.jsxs(Pe,{isDisabled:u,onClick:u?void 0:_,children:[n.jsx(he,{count:u?void 0:p?.count,type:"important",isLoading:u,style:{left:"12px"}}),n.jsx(Ye,{})]})}):null]}),n.jsx($e,{halloweenAnimationEnabled:C,thanksGivingAnimationEnabled:A,christmasAnimationEnabled:h,newYearAnimationEnabled:w})]},d.toString())}export{We as default};

package/dist/assets/ApprovalRulesSettingsPage-6unABLlP-C91QTWWo.js

@@ -0,0 +1,47 @@
+import{y as U,J as F,t as J,O as p,ad as y,V as t,a_ as V,f as E,eP as b,cW as S,b as d,o as k,W as G,j,u as i}from"./index-DorX0WX8.js";import{n as l}from"./mui-gZ2J-2YO.js";import{Fc as N,Fd as O}from"./zeni-epic-state-DiMW9axO.js";import"./sentry-tRTnR5ia.js";import"./pdf-BNA4Ou8X.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="d7df3503-9957-485a-960a-3c9108257bbf",e._sentryDebugIdIdentifier="sentry-dbid-d7df3503-9957-485a-960a-3c9108257bbf")}catch{}})();const a={sectionRowGap:new d(i[4],i[8],i[8]),lastSectionPaddingBottom:new d(i[7],i[10],i[10]),iconWidthHeight:new d(20,i[4]),subtitleSectionWidth:new d(343,580,1200)},me=({billpayApprovalView:e,remiApproverView:n,currentTenant:c,onBackClick:P,onClickMenuIcon:R,onSetupApprovalRulesBillPaySectionClick:I,onSetupApprovalRulesRemiSectionClick:T})=>{const r=U(),o=F(),u=J(),{fetchState:g,allApprovalRules:m,approvalRulesStatus:z}=e,{fetchState:h,allApprovalRules:f,approvalRulesStatus:C}=n,{commonSetUp:A,spendManagement:$}=p.getLocalizedStrings(),w=p.getLocalizedStrings().common.settings,x=p.getLocalizedStrings().common.headers,{billPay:B,reimbursement:W}=$,{billPaySetup:M}=B,{reimbursementSetup:D}=W,{setUp:s}=A,L=g==="In-Progress"||h==="In-Progress"||g==="Not-Started"||h==="Not-Started",v=r.mode==="light"?new y(r.colors.brandColorJadeLight):new y(r.colors.brandColorJadeDark),_=N(c,u.loggedInUserRoleMap),H=O(c,u.loggedInUserRoleMap);return t.jsxs(K,{children:[t.jsx(V,{source:"ApprovalRulesSettingsPage",title:w.title.approvalRules,backgroundColor:r.colors.grey4,style:{zIndex:3},onBackClick:P,showBackButton:!1,showMenuIcon:o==="medium-compact"||o==="small",onClickMenuIcon:R}),t.jsx(Q,{windowSize:o,children:L?t.jsx(X,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):t.jsxs(q,{children:[t.jsx(Z,{windowSize:o,children:t.jsx(ee,{windowSize:o,children:w.infoText.approvalRules})}),t.jsxs(Y,{windowSize:o,children:[_===!0&&t.jsx(b,{title:m.length>0?s.approvalTitle:s.createApprovalTitle,subTitle:M.approvalSubTitle,header:x.bills,icon:{element:t.jsx(S,{width:a.iconWidthHeight.valuePx(o),height:a.iconWidthHeight.valuePx(o)}),color:v},onClick:I,status:m.length>0?z:void 0}),H===!0&&t.jsx(b,{title:f.length>0?s.approvalTitle:s.createApprovalTitle,subTitle:D.approvalSubTitle,header:x.reimbursements,icon:{element:t.jsx(S,{height:a.iconWidthHeight.valuePx(o)}),color:v},style:{paddingBottom:a.lastSectionPaddingBottom.valuePx(o)},onClick:T,status:f.length>0?C:void 0})]})]})})]})},q=l.div`
+  width: 100%;
+  margin: auto;
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,K=l.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  row-gap: ${k.sp3};
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Q=l.div`
+  display: flex;
+  height: 100%;
+  overflow-y: auto;
+  justify-content: center;
+`,X=l.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};
+`,Y=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>a.sectionRowGap.valuePx(e.windowSize)};
+`,Z=l(G)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>a.subtitleSectionWidth.valuePx(e.windowSize)};
+  margin-bottom: ${k.sp5};
+`,ee=l.div`
+  display: flex;
+  align-items: center;
+
+  color: ${e=>e.theme.colors.hero};
+  font-family: ${j.largeMedium.fontFamily};
+  ${j.standardRegular.css};
+`;export{me as default};

package/dist/assets/ArAgingChart-DePiNxcV-B7MRrlOq.js

@@ -0,0 +1,24 @@
+import{V as u,O as x,cr as w,y as P,an as N,u as v,j as S,ag as T,cs as I,ct as K,e as y,o as j,s as X}from"./index-DorX0WX8.js";import{a as k,b as U}from"./sentry-tRTnR5ia.js";import{n as C}from"./mui-gZ2J-2YO.js";import{l as L,_ as R,h as W,m as Z,u as D}from"./chartTypes-BZL6U2-d-UPGybQZE.js";import{ck as B,EY as O}from"./zeni-epic-state-DiMW9axO.js";import{S as V,E as A,X as G,Y as M,F as _,K as F}from"./recharts-BKvR8EI0.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="0ef98a4d-3a56-4e81-9bc5-17afc3618afa",e._sentryDebugIdIdentifier="sentry-dbid-0ef98a4d-3a56-4e81-9bc5-17afc3618afa")}catch{}})();const q=C.div`
+  display: flex;
+`,H=C.div`
+  flex: display;
+  opacity: 0.85;
+  border-radius: ${j.sp1};
+  flex-direction: column;
+  padding: ${j.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,E=C(X)`
+  color: ${e=>e.color??y.neutralGrey2Light};
+  text-align: left;
+`,J=C.div`
+  margin: ${j.sp2} ${j.sp0} ${j.sp2} ${j.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${y.neutralGrey3Dark};
+`,Q=({barLabelsWithValues:e})=>u.jsx(q,{children:u.jsxs(H,{children:[u.jsx(E,{color:e[0].color,children:`${e[0].barName}: ${D(e[0].actual)}`}),u.jsx(J,{}),u.jsx(E,{children:`${x.getLocalizedStrings().chartCard.total}: ${D(e[1].actual)}`})]})}),Y=U.memo(e=>{const s=(({active:o,payload:a,barName:r})=>{const c=[];if(a!=null&&o===!0){const i=a.filter(h=>h.name==r)[0],n=i.payload,d=i.color,t=r!=null&&n.record[r]!=null?n.record[r].amount:void 0,l={amount:0,currencyCode:"",currencySymbol:""};let m;for(m in n.record){const h=n.record[m].amount;l.amount+=n.record[m].amount?.amount??0,l.currencyCode=h!=null?h.currencyCode:l.currencyCode,l.currencySymbol=h!=null?h.currencySymbol:l.currencySymbol}const p=Z(r);c.push({barName:p,actual:t,color:d}),c.push({barName:x.getLocalizedStrings().chartCard.total,actual:l,color:y.brandColorPearl})}return c})({...e});return s.length===0?null:u.jsx(Q,{barLabelsWithValues:s})});function $(e){const s=[];for(const o in e)s.push(o);return s.sort((o,a)=>(e[a].amount?.amount??0)-(e[o].amount?.amount??0)),s}const ee=e=>{const s=e.agingPeriods.map(a=>x.getLocalizedStrings().reports.aging.duration[a]),o=[];return{recordByDurations:e.agingPeriods.map(a=>{const r={};e.agingBalances.forEach(n=>{const d=L(n.vendor?.name??"",a);r[d]={amount:n.apAgingBalances.find(t=>t.period===a)?.balance}});const c=x.getLocalizedStrings().reports.aging.duration[a];if(Object.keys(r).length>5){const n=function(h){const g=I(h,(f,b)=>[f.amount?.amount??0,b]);return g.sort((f,b)=>b[0]-f[0]),g.slice(0,4).reduce((f,b)=>({...f,[b[1]]:!0}),{})}(r),d=w(r,(h,g)=>n[g]===!0),t=w(r,(h,g)=>n[g]!==!0),l=Object.keys(t).reduce((h,g)=>h+(t[g].amount?.amount??0),0),m=Object.keys(t)[0];d[L("Other",a)]={...t[m],amount:{amount:l,currencyCode:t[m].amount?.currencyCode??B.currencyCode,currencySymbol:t[m].amount?.currencySymbol??B.currencySymbol}};const p=$(d);return o.push(...p),{label:c,record:d}}const i=$(r);return o.push(...i),{label:c,record:r}}),durationLabels:s,orderedKeys:Array.from(o)}},te=C.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+`,re=({active:e,payload:s,mouseOverBarName:o})=>s?.find(a=>a.name===o)!=null&&o!=null&&e===!0?u.jsx(Y,{active:e,payload:s,barName:o}):null;function pe({report:e,width:s,height:o,isDetailPage:a}){const r=k.useRef(!1),[c,i]=k.useState(void 0);k.useEffect(()=>{r.current=!0},[]);const n=ee(e),d=(t,l)=>u.jsx(F,{name:t,animationDuration:l?500:void 0,style:{cursor:"pointer"},dataKey:m=>{const p=m.record;return(p[t]?.amount!=null?p[t].amount:void 0)?.amount??0},stackId:"a",fill:ae(t,n),onMouseEnter:()=>{c!==t&&i(t)},onMouseLeave:()=>{c!=null&&i(void 0)}},t);return n==null?null:u.jsx(oe,{chartData:n,barElements:(()=>{const t=[];return n?.orderedKeys.forEach(l=>{const m=a===!0&&!r.current;t.push(d(l,m))}),t})(),width:s,height:o,isDetailPage:a===!0,customToolTipContent:u.jsx(re,{mouseOverBarName:c})})}const oe=({chartData:e,barElements:s,customToolTipContent:o,width:a,height:r,isDetailPage:c})=>{const i=P(),n=R(e);return u.jsx(te,{width:a,height:r,children:u.jsx(N,{children:({height:d,width:t})=>u.jsxs(V,{width:t,height:d,stackOffset:"sign",data:e.recordByDurations,barCategoryGap:"25%",maxBarSize:c?v[8]:v[3],margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[u.jsx(A,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:i.colors.grey3}),u.jsx(G,{dataKey:l=>l.label,type:"category",axisLine:{stroke:i.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:i.colors.hero,...S.extraSmallRegular.cssObject}}),u.jsx(M,{type:"number",axisLine:!1,tickLine:!1,tick:{color:i.colors.hero,...S.extraSmallRegular.cssObject},tickFormatter:l=>T("0,0.[00]a",l,n)}),u.jsx(_,{wrapperStyle:{zIndex:2},cursor:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),s]})})})};function ae(e,s){const o=W(e),a=x.getLocalizedStrings().reports.aging.duration[o],r=s?.recordByDurations.find(c=>c.label===a)?.record;if(r?.[e]!=null){const c=r[e].amount?.amount??0;let i=1;switch(K(r,n=>{(n.amount?.amount??0)>c&&i++}),i){case 1:return y.graphColor24;case 2:return y.graphColor33;case 3:return y.graphColor18;case 4:return y.graphColor12;default:return y.graphColor01}}return y.graphColor01}function z(e){const s=[];for(const o in e)s.push(o);return s.sort((o,a)=>(e[a].amount?.amount??0)-(e[o].amount?.amount??0)),s}const ne=e=>{const s=e.agingPeriods.map(a=>x.getLocalizedStrings().reports.aging.duration[a]),o=[];return{recordByDurations:e.agingPeriods.map(a=>{const r={};e.agingBalances.forEach(n=>{const d=L(n.customer?.name??"",a),t=n.arAgingBalances.find(l=>l.period===a);r[d]={amount:n.children.length>0?t?.totalBalance:t?.balance}});const c=x.getLocalizedStrings().reports.aging.duration[a];if(Object.keys(r).length>5){const n=function(h){const g=I(h,(f,b)=>[f.amount?.amount??0,b]);return g.sort((f,b)=>b[0]-f[0]),g.slice(0,4).reduce((f,b)=>({...f,[b[1]]:!0}),{})}(r),d=w(r,(h,g)=>n[g]===!0),t=w(r,(h,g)=>n[g]!==!0),l=Object.keys(t).reduce((h,g)=>h+(t[g].amount?.amount??0),0),m=Object.keys(t)[0];d[L("Other",a)]={...t[m],amount:{amount:l,currencyCode:t[m].amount?.currencyCode??O.currencyCode,currencySymbol:t[m].amount?.currencySymbol??O.currencySymbol}};const p=z(d);return o.push(...p),{label:c,record:d}}const i=z(r);return o.push(...i),{label:c,record:r}}),durationLabels:s,orderedKeys:Array.from(o)}},se=C.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+`,ce=({active:e,payload:s,mouseOverBarName:o})=>s?.find(a=>a.name===o)!=null&&o!=null&&e===!0?u.jsx(Y,{active:e,payload:s,barName:o}):null;function fe({report:e,width:s,height:o,isDetailPage:a}){const r=k.useRef(!1),[c,i]=k.useState(void 0);k.useEffect(()=>{r.current=!0},[]);const n=ne(e),d=(t,l)=>u.jsx(F,{name:t,animationDuration:l?500:void 0,style:{cursor:"pointer"},dataKey:m=>{const p=m.record;return(p[t]?.amount!=null?p[t].amount:void 0)?.amount??0},stackId:"a",fill:le(t,n),onMouseEnter:()=>{c!==t&&i(t)},onMouseLeave:()=>{c!=null&&i(void 0)}},t);return n==null?null:u.jsx(ie,{chartData:n,barElements:(()=>{const t=[];return n?.orderedKeys.forEach(l=>{const m=a===!0&&!r.current;t.push(d(l,m))}),t})(),width:s,height:o,isDetailPage:a===!0,customToolTipContent:u.jsx(ce,{mouseOverBarName:c})})}const ie=({chartData:e,barElements:s,customToolTipContent:o,width:a,height:r,isDetailPage:c})=>{const i=P(),n=R(e);return u.jsx(se,{width:a,height:r,children:u.jsx(N,{children:({height:d,width:t})=>u.jsxs(V,{width:t,height:d,stackOffset:"sign",data:e.recordByDurations,barCategoryGap:"25%",maxBarSize:c?v[8]:v[3],margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[u.jsx(A,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:i.colors.grey3}),u.jsx(G,{dataKey:l=>l.label,type:"category",axisLine:{stroke:i.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:i.colors.hero,...S.extraSmallRegular.cssObject}}),u.jsx(M,{type:"number",axisLine:!1,tickLine:!1,tick:{color:i.colors.hero,...S.extraSmallRegular.cssObject},tickFormatter:l=>T("0,0.[00]a",l,n)}),u.jsx(_,{wrapperStyle:{zIndex:2},cursor:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),s]})})})};function le(e,s){const o=W(e),a=x.getLocalizedStrings().reports.aging.duration[o],r=s?.recordByDurations.find(c=>c.label===a)?.record;if(r?.[e]!=null){const c=r[e].amount?.amount??0;let i=1;switch(K(r,n=>{(n.amount?.amount??0)>c&&i++}),i){case 1:return y.graphColor24;case 2:return y.graphColor33;case 3:return y.graphColor18;case 4:return y.graphColor12;default:return y.graphColor01}}return y.graphColor01}export{pe as L,fe as k};

package/dist/assets/{ArAgingDetailPage-Cl5P98Kf-9j3wejr9.js → ArAgingDetailPage-DiJ6PePf-YRaFOXlC.js}

@@ -1,4 +1,4 @@
-import{y as Z,K as Q,V as o,ba as W,aZ as X,bI as ee,a_ as oe,O as C,o as F,ab as te,x as A,a$ as re,bE as ae,bF as ne,bG as ie,u}from"./index-onESlw0k.js";import{a as D}from"./sentry-CZ5rBRIL.js";import{n as a}from"./mui-B0LS8eOU.js";import{m as se}from"./BusyIndication-BYTP8DO9-DM831bTM.js";import{L as le,D as ce}from"./EntitySummarySection-Po9-k_zM-D4BVYzOO.js";import"./pdf-DEiLcZtJ.js";import"./zeni-epic-state-Cr-rO4HZ.js";import"./core-BROwB3xg.js";import"./lottie-CyO1eRs4.js";import"./liveblocks-Bdti0GEu.js";import"./recharts-C5uMntUw.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./plaid-CnBboaBy.js";import"./utils-0wrLfZK3.js";import"./agingReportHelper-ovKP-qSS-CbeRQDiP.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="6b5ff81d-cd91-46ae-933f-cdf21f3cc250",e._sentryDebugIdIdentifier="sentry-dbid-6b5ff81d-cd91-46ae-933f-cdf21f3cc250")}catch{}})();const b={wrapperContainerMarginTop:new A(u[4],u[0]),wrapperContaineHorizontalrMargin:new A(u[0],u[8])},{common:de,reports:{common:me,aging:{agingDetail:ge}},dateFormat:T}=C.getLocalizedStrings();function Oe(e){const l=Z(),c=Q(),{arAgingDetail:t,downloadParams:f,reportDate:n,analytics:d,onReload:N,onBackClick:O,onColumnSortConfigChanged:_,updateDownloadStateHandler:y,onTransactionClick:E,sidePanelIsOpen:Y,sidePanelIsFullView:L,panelContent:R}=e,{authParams:I,downloadEndPoint:S,timezone:k}=f,{fetchState:m,invoices:v,arAgingDetailUIState:P,customer:r,totalBalances:B}=t,{sortKey:h,sortOrder:w,downloadState:g}=P,[$,j]=D.useState(!1),H=D.useCallback((i,p)=>{t.customer!=null&&d.trackArAgingDetailReportSortChange(i,p,n.format(T.analytics.YYYYDashMMDashDDFormat),t.customer.id,t.customer.name),_(i,p)},[t.customer,_,d,n]);if(D.useEffect(()=>{$&&g!=="In-Progress"&&(j(!1),y("In-Progress"),async function(){const i={companyName:f.companyName,sortKey:h,sortOrder:w,statementFileType:"excel",reportId:"accounts_receivable_aging",entityId:r?.id??"",timezone:k,reportDate:n};await async function(p,V,J){const U=`${p}?query=${encodeURIComponent(JSON.stringify(pe(J)))}`,z=C.getLocalizedStrings(),M=z.reports.aging.arAging.arAging,x=z.download;try{const s=await ae({urlEndPoint:U,authParams:V,fileType:"excel"});if(s.ok){const q=ne(s.headers,x.defaultFileName),G=await s.arrayBuffer();ie(G,q)}else console.error(`${x.errorMessages.fileDownloadError.replace("__feature__",M)} ${s.statusText}`)}catch(s){console.error(`${x.errorMessages.fileDownloadError.replace("__feature__",M)} ${JSON.stringify(s)}`)}}(S,I,i),y("Completed"),t.customer!=null&&d.trackApAgingDetailReportDownload(h,w,n.format(T.analytics.YYYYDashMMDashDDFormat),t.customer.id,t.customer.name)}())},[I,S,f.companyName,g,$,n,h,w,k,y,r?.id,t.customer,d]),m==="Error")return o.jsxs(fe,{children:[o.jsx(ye,{onClick:N,children:o.jsx(W,{})}),o.jsx(he,{children:me.failed})]});if(m==="In-Progress"||m==="Not-Started")return o.jsx(se,{fetchState:m});const K=o.jsx(re,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:!1,isDownloading:g==="In-Progress"}],onDownloadClick:async i=>{if(i==="excel"){if(g==="In-Progress")return void console.log("Download is already in progress!");j(!0)}}}}});return o.jsx(X,{isOpen:Y??!1,isFullView:L??!1,panelContent:R,headerContent:o.jsxs(o.Fragment,{children:[o.jsx(oe,{title:de.strings.empty,backgroundColor:l.colors.grey5,onBackClick:O,rightSideComponent:K,downloadPresent:!0,source:"ArAgingDetailPage"}),o.jsx(ce,{totalBalances:B,entityName:r?.name??"",entityLogo:r?.logo,reportId:"accounts_receivable_aging",reportDate:n})]}),listContent:o.jsx(we,{children:o.jsx(xe,{windowSize:c,children:o.jsx(De,{windowSize:c,children:v.length===0||r==null?o.jsx(ee,{message:ge.noDataText}):o.jsx(ue,{windowSize:c,children:o.jsx(le,{uiState:P,invoices:v,entityName:r.name,entityLogo:r.logo,onColumnSortConfigChanged:H,onTransactionClick:E})})})})})})}function pe(e){return{statement_file_type:e.statementFileType,report_id:e.reportId,company_name:e.companyName,locale_id:C.getAppLocaleID(),sort_key:e.sortKey,sort_order:e.sortOrder,entity_id:e.entityId,report_date:e.reportDate,timezone:e.timezone}}const ue=a.div`
+import{y as G,J as Q,V as o,ba as W,aZ as X,bH as ee,a_ as oe,O as C,o as F,ab as te,b as A,a$ as re,bD as ae,bE as ne,bF as ie,u}from"./index-DorX0WX8.js";import{a as D}from"./sentry-tRTnR5ia.js";import{n as a}from"./mui-gZ2J-2YO.js";import{m as se}from"./BusyIndication-Nz8htndZ-ChVc54FQ.js";import{L as le,D as ce}from"./EntitySummarySection-BgjWn9vX-ChJDfPvK.js";import"./pdf-BNA4Ou8X.js";import"./zeni-epic-state-DiMW9axO.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";import"./agingReportHelper-ovKP-qSS-CbeRQDiP.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="337aacd9-19d2-468e-9e5e-4ecf16a1b0a1",e._sentryDebugIdIdentifier="sentry-dbid-337aacd9-19d2-468e-9e5e-4ecf16a1b0a1")}catch{}})();const b={wrapperContainerMarginTop:new A(u[4],u[0]),wrapperContaineHorizontalrMargin:new A(u[0],u[8])},{common:de,reports:{common:me,aging:{agingDetail:ge}},dateFormat:T}=C.getLocalizedStrings();function Oe(e){const l=G(),c=Q(),{arAgingDetail:t,downloadParams:f,reportDate:n,analytics:d,onReload:N,onBackClick:O,onColumnSortConfigChanged:_,updateDownloadStateHandler:y,onTransactionClick:E,sidePanelIsOpen:Y,sidePanelIsFullView:L,panelContent:R}=e,{authParams:S,downloadEndPoint:k,timezone:I}=f,{fetchState:m,invoices:v,arAgingDetailUIState:P,customer:r,totalBalances:B}=t,{sortKey:h,sortOrder:w,downloadState:g}=P,[$,j]=D.useState(!1),H=D.useCallback((i,p)=>{t.customer!=null&&d.trackArAgingDetailReportSortChange(i,p,n.format(T.analytics.YYYYDashMMDashDDFormat),t.customer.id,t.customer.name),_(i,p)},[t.customer,_,d,n]);if(D.useEffect(()=>{$&&g!=="In-Progress"&&(j(!1),y("In-Progress"),async function(){const i={companyName:f.companyName,sortKey:h,sortOrder:w,statementFileType:"excel",reportId:"accounts_receivable_aging",entityId:r?.id??"",timezone:I,reportDate:n};await async function(p,K,V){const U=`${p}?query=${encodeURIComponent(JSON.stringify(pe(V)))}`,z=C.getLocalizedStrings(),M=z.reports.aging.arAging.arAging,x=z.download;try{const s=await ae({urlEndPoint:U,authParams:K,fileType:"excel"});if(s.ok){const q=ne(s.headers,x.defaultFileName),Z=await s.arrayBuffer();ie(Z,q)}else console.error(`${x.errorMessages.fileDownloadError.replace("__feature__",M)} ${s.statusText}`)}catch(s){console.error(`${x.errorMessages.fileDownloadError.replace("__feature__",M)} ${JSON.stringify(s)}`)}}(k,S,i),y("Completed"),t.customer!=null&&d.trackApAgingDetailReportDownload(h,w,n.format(T.analytics.YYYYDashMMDashDDFormat),t.customer.id,t.customer.name)}())},[S,k,f.companyName,g,$,n,h,w,I,y,r?.id,t.customer,d]),m==="Error")return o.jsxs(fe,{children:[o.jsx(ye,{onClick:N,children:o.jsx(W,{})}),o.jsx(he,{children:me.failed})]});if(m==="In-Progress"||m==="Not-Started")return o.jsx(se,{fetchState:m});const J=o.jsx(re,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:!1,isDownloading:g==="In-Progress"}],onDownloadClick:async i=>{if(i==="excel"){if(g==="In-Progress")return void console.log("Download is already in progress!");j(!0)}}}}});return o.jsx(X,{isOpen:Y??!1,isFullView:L??!1,panelContent:R,headerContent:o.jsxs(o.Fragment,{children:[o.jsx(oe,{title:de.strings.empty,backgroundColor:l.colors.grey5,onBackClick:O,rightSideComponent:J,downloadPresent:!0,source:"ArAgingDetailPage"}),o.jsx(ce,{totalBalances:B,entityName:r?.name??"",entityLogo:r?.logo,reportId:"accounts_receivable_aging",reportDate:n})]}),listContent:o.jsx(we,{children:o.jsx(xe,{windowSize:c,children:o.jsx(De,{windowSize:c,children:v.length===0||r==null?o.jsx(ee,{message:ge.noDataText}):o.jsx(ue,{windowSize:c,children:o.jsx(le,{uiState:P,invoices:v,entityName:r.name,entityLogo:r.logo,onColumnSortConfigChanged:H,onTransactionClick:E})})})})})})}function pe(e){return{statement_file_type:e.statementFileType,report_id:e.reportId,company_name:e.companyName,locale_id:C.getAppLocaleID(),sort_key:e.sortKey,sort_order:e.sortOrder,entity_id:e.entityId,report_date:e.reportDate,timezone:e.timezone}}const ue=a.div`
   height: 100%;
   display: flex;
   flex-direction: column;

package/dist/assets/{AttachmentView-DQKnQgQK-DgYnMof2.js → AttachmentView-ENg9Osic-C_h00Xvo.js}

@@ -1,4 +1,4 @@
-import{K as F,O as w,y as U,V as l,fW as B,fT as j,fU as V,bi as _,P as C,eM as R,o as a,at as O,fX as S,c as k,ci as M}from"./index-onESlw0k.js";import{a as e}from"./sentry-CZ5rBRIL.js";import{n as r}from"./mui-B0LS8eOU.js";import"./pdf-DEiLcZtJ.js";import"./zeni-epic-state-Cr-rO4HZ.js";import"./core-BROwB3xg.js";import"./lottie-CyO1eRs4.js";import"./liveblocks-Bdti0GEu.js";import"./recharts-C5uMntUw.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./plaid-CnBboaBy.js";import"./utils-0wrLfZK3.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new t.Error().stack;i&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[i]="47bee2f5-2dcb-4f8c-bdce-404b5c24b42a",t._sentryDebugIdIdentifier="sentry-dbid-47bee2f5-2dcb-4f8c-bdce-404b5c24b42a")}catch{}})();const $=r.div`
+import{J as b,O as w,y as U,V as l,fT as B,fQ as j,fR as R,bg as _,a6 as C,eK as V,o as a,at as O,fU as S,e as k,cg as M}from"./index-DorX0WX8.js";import{a as e}from"./sentry-tRTnR5ia.js";import{n as r}from"./mui-gZ2J-2YO.js";import"./pdf-BNA4Ou8X.js";import"./zeni-epic-state-DiMW9axO.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new t.Error().stack;i&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[i]="3703d789-6f3d-4ed1-abb6-349cf977c3ef",t._sentryDebugIdIdentifier="sentry-dbid-3703d789-6f3d-4ed1-abb6-349cf977c3ef")}catch{}})();const $=r.div`
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -56,13 +56,13 @@ import{K as F,O as w,y as U,V as l,fW as B,fT as j,fU as V,bi as _,P as C,eM as
   margin-bottom: ${a.sp4};
   height: 256px;
   width: 256px;
-`,m1=({type:t="bill",file:i,noAttachmentText:d,showTitlebar:p,showTitlebarIcon:m,pdfTitle:f,allowMultiFiles:h,title:v,onReplaceClick:H,onDeleteClick:c,openSizeLimitPopup:L,onUploadAttachment:E})=>{const s=F(),[Z,o]=e.useState(!1),D=w.getLocalizedStrings().spendManagement.billPay.billDetails,u=w.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,b=U(),y=e.useRef(null),x=t==="bill"||t==="w9";return l.jsxs(T,{windowSize:s,children:[v??null,i?.contentType=="application/pdf"&&i.fileDownloadUrl!=null?l.jsx(B,{fileUrl:i.fileDownloadUrl.href,isFullScreen:!1,showTitlebar:p,showTitlebarIcon:m,pdfTitle:f,onDeleteClick:c,onReplaceClick:H,onUploadAttachment:E,setShowFullScreenView:o,allowMultiFiles:h,openSizeLimitPopup:L}):i?.contentType!="image/jpeg"&&i?.contentType!="image/jpg"&&i?.contentType!="image/png"&&i?.contentType!="image/heic"&&i?.contentType!="image/heif"||i?.fileDownloadUrl==null?l.jsx(A,{children:l.jsxs(l.Fragment,{children:[b.mode==="light"?x?l.jsx(z,{}):l.jsx(P,{}):x?l.jsx(G,{}):l.jsx(W,{}),l.jsx(I,{children:d??D.noBillAttached})]})}):l.jsxs(l.Fragment,{children:[l.jsx(j,{fileRef:y,name:"invoice",onFileChange:n=>{if(n.target.files!=null){const g=n.target.files[0];E?.([g],[g.name])}},multiple:h,sizeLimit:V,onFileSizeError:n=>L?.(n)}),l.jsx($,{onClick:()=>o(!0),windowSize:s,"data-testid":C("attachment-container",i?.fileId),children:l.jsxs(N,{children:[p===!0?l.jsxs(K,{children:[l.jsx(X,{children:f}),m===!0?l.jsxs(q,{className:"actionIcons",children:[l.jsx(_,{enterDelay:600,display:"flex",title:u.replace,placement:"top-end",children:l.jsx(J,{onClick:n=>{n.stopPropagation(),y.current?.click()},"data-testid":C("replace-attachment",i?.fileId)})}),s==="small"?l.jsx(Y,{onClick:n=>{n.stopPropagation(),c?.()},"data-testid":C("delete-attachment",i?.fileId)}):l.jsx(_,{enterDelay:600,display:"flex",title:u.delete,placement:"top",children:l.jsx(Q,{onClick:n=>{n.stopPropagation(),c?.()},"data-testid":C("delete-attachment",i?.fileId)})})]}):null]}):null,l.jsx("img",{src:i?.fileDownloadUrl.href,alt:"invoice"})]})})]}),Z&&i?.fileDownloadUrl!=null?l.jsx(R,{title:i.fileName,file:i,onCrossClick:()=>{o(!1)},setShowFullScreenView:o}):null]})},N=r.div`
+`,m1=({type:t="bill",file:i,noAttachmentText:d,showTitlebar:p,showTitlebarIcon:m,pdfTitle:f,allowMultiFiles:h,title:v,onReplaceClick:H,onDeleteClick:c,openSizeLimitPopup:L,onUploadAttachment:E})=>{const s=b(),[Z,o]=e.useState(!1),D=w.getLocalizedStrings().spendManagement.billPay.billDetails,u=w.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail,F=U(),y=e.useRef(null),x=t==="bill"||t==="w9";return l.jsxs(T,{windowSize:s,children:[v??null,i?.contentType=="application/pdf"&&i.fileDownloadUrl!=null?l.jsx(B,{fileUrl:i.fileDownloadUrl.href,isFullScreen:!1,showTitlebar:p,showTitlebarIcon:m,pdfTitle:f,onDeleteClick:c,onReplaceClick:H,onUploadAttachment:E,setShowFullScreenView:o,allowMultiFiles:h,openSizeLimitPopup:L}):i?.contentType!="image/jpeg"&&i?.contentType!="image/jpg"&&i?.contentType!="image/png"&&i?.contentType!="image/heic"&&i?.contentType!="image/heif"||i?.fileDownloadUrl==null?l.jsx(A,{children:l.jsxs(l.Fragment,{children:[F.mode==="light"?x?l.jsx(z,{}):l.jsx(P,{}):x?l.jsx(G,{}):l.jsx(W,{}),l.jsx(I,{children:d??D.noBillAttached})]})}):l.jsxs(l.Fragment,{children:[l.jsx(j,{fileRef:y,name:"invoice",onFileChange:n=>{if(n.target.files!=null){const g=n.target.files[0];E?.([g],[g.name])}},multiple:h,sizeLimit:R,onFileSizeError:n=>L?.(n)}),l.jsx($,{onClick:()=>o(!0),windowSize:s,"data-testid":C("attachment-container",i?.fileId),children:l.jsxs(N,{children:[p===!0?l.jsxs(J,{children:[l.jsx(K,{children:f}),m===!0?l.jsxs(Q,{className:"actionIcons",children:[l.jsx(_,{enterDelay:600,display:"flex",title:u.replace,placement:"top-end",children:l.jsx(q,{onClick:n=>{n.stopPropagation(),y.current?.click()},"data-testid":C("replace-attachment",i?.fileId)})}),s==="small"?l.jsx(Y,{onClick:n=>{n.stopPropagation(),c?.()},"data-testid":C("delete-attachment",i?.fileId)}):l.jsx(_,{enterDelay:600,display:"flex",title:u.delete,placement:"top",children:l.jsx(X,{onClick:n=>{n.stopPropagation(),c?.()},"data-testid":C("delete-attachment",i?.fileId)})})]}):null]}):null,l.jsx("img",{src:i?.fileDownloadUrl.href,alt:"invoice"})]})})]}),Z&&i?.fileDownloadUrl!=null?l.jsx(V,{title:i.fileName,file:i,onCrossClick:()=>{o(!1)},setShowFullScreenView:o}):null]})},N=r.div`
   width: 100%;
   overflow-y: auto;
   ::-webkit-scrollbar {
     display: none;
   }
-`,K=r.div`
+`,J=r.div`
   position: sticky;
   background: ${t=>t.theme.colors.grey3};
   width: 100%;
@@ -73,10 +73,10 @@ import{K as F,O as w,y as U,V as l,fW as B,fT as j,fU as V,bi as _,P as C,eM as
   align-items: center;
   padding-bottom: ${a.sp3};
   cursor: default;
-`,X=r(O)``,q=r.div`
+`,K=r(O)``,Q=r.div`
   display: none;
   flex-direction: row;
-`,J=r(S)`
+`,q=r(S)`
   margin-right: 26px;
   width: ${a.sp3};
   height: ${a.sp3};
@@ -85,7 +85,7 @@ import{K as F,O as w,y as U,V as l,fW as B,fT as j,fU as V,bi as _,P as C,eM as
   :hover {
     color: ${t=>t.theme.colors.primary};
   }
-`,Q=r(M)`
+`,X=r(M)`
   width: ${a.sp3};
   height: ${a.sp3};
   cursor: pointer;

package/dist/assets/{BankAccountSection-DxW0EB-K-B_vSxptX.js → BankAccountSection-oL-aN0I_-51rG79cf.js}

@@ -1,4 +1,4 @@
-import{K as R,c5 as M,a7 as A,dN as B,O as S,x as n,V as t,c6 as f,c8 as w,b$ as T,al as L,o as g,eg as D,ei as V,P as z,u as a,L as q,l as H}from"./index-onESlw0k.js";import{a as C}from"./sentry-CZ5rBRIL.js";import{n as u}from"./mui-B0LS8eOU.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]="54575cd9-6a17-46a8-85ce-1965a9d55d9b",e._sentryDebugIdIdentifier="sentry-dbid-54575cd9-6a17-46a8-85ce-1965a9d55d9b")}catch{}})();const W=u.div`
+import{J as R,c3 as P,a7 as A,dL as B,O as S,b as n,V as t,c4 as p,c6 as w,bZ as T,al as L,o as g,ee as D,eg as V,a6 as z,u as a,f as q,s as H}from"./index-DorX0WX8.js";import{a as C}from"./sentry-tRTnR5ia.js";import{n as u}from"./mui-gZ2J-2YO.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]="7ef90fff-0711-4d92-a666-5a11e5bd60ef",e._sentryDebugIdIdentifier="sentry-dbid-7ef90fff-0711-4d92-a666-5a11e5bd60ef")}catch{}})();const W=u.div`
   color: ${e=>e.theme.colors.primary};
   align-items: center;
   justify-content: flex-end;
@@ -37,10 +37,10 @@ import{K as R,c5 as M,a7 as A,dN as B,O as S,x as n,V as t,c6 as f,c8 as w,b$ as
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,b={largeLabelWidth:new n(120,140,220),paddingTopBottom:new n(a[2],a[2]),labelHeight:new n(a[6],a[6]),labelMarginLeft:new n(a[3],a[4]),labelMarginRight:new n(a[3],a[4]),labelMarginTop:new n(a[2],a[2]),controlHeight:new n(a[6],a[6])},Z=({sectionId:e,bankAccountToCreate:i,isDisabled:o,fetchBankNameByRoutingStatus:s,style:h})=>{const m=R(),{getValues:I,setValue:N,formState:{errors:P}}=M(),v=A(s.fetchState),k=A(i?.bankRoutingNumber),$=B(P,d(e,"bankName"));C.useEffect(()=>{(v==="In-Progress"||k!=null&&k!==i?.bankRoutingNumber)&&s.fetchState==="Completed"&&i?.bankName!=null&&N(d(e,"bankName"),i?.bankName,{shouldValidate:$})},[v,k,$,s.fetchState,e,i?.bankName,i?.bankRoutingNumber,N]);const j=s.fetchState==="Completed"||s.fetchState==="Error"?o:"disabled",y=S.getLocalizedStrings().spendManagement.billPay.vendorCreation,{achDetails:l}=y,c=b.largeLabelWidth.value(m);return t.jsx(G,{style:h,"data-testid":z("bank-account-section",e),children:t.jsxs(K,{children:[t.jsx(f,{label:{label:l.bankRoutingNumber,width:c},text:{type:"text",name:d(e,"bankRoutingNumber"),placeholder:w(l.bankRoutingNumber),defaultValue:i?.bankRoutingNumber,options:{required:!0,pattern:/^\d{9}$/}},isDisabled:o,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:l.invalidRoutingNumber}),t.jsx(x,{}),s.fetchState==="In-Progress"?t.jsx(F,{label:{label:l.bankName,width:c},loader:{placeholder:l.fetchingBankName},style:{width:"auto"}}):t.jsx(f,{label:{label:l.bankName,width:c},text:{type:"text",name:d(e,"bankName"),placeholder:w(l.bankName),defaultValue:i?.bankName,options:{required:!0}},isDisabled:j,style:{width:"auto",opacity:j==="disabled"?.32:1},showAdditionalInfoLabel:!1,additionalInfoLabel:l.invalidBankName}),t.jsx(x,{}),t.jsxs(J,{size:m,children:[t.jsx(T,{label:y.achDetails.accountTypeLabel,htmlFor:d(e,"bankAccountType"),style:{marginLeft:b.labelMarginLeft.value(m),marginRight:b.labelMarginRight.value(m),width:c}}),t.jsxs(Q,{labelWidth:c,size:m,children:[t.jsx(L,{label:{label:y.achDetails.checkingAccountTypeLabel},style:{paddingRight:`${g.sp4}`,width:"auto"},radioField:{name:d(e,"bankAccountType"),id:"checking",value:"checking",registerOptions:{required:!0}}}),t.jsx(L,{label:{label:y.achDetails.savingsAccountTypeLabel},style:{width:"auto"},radioField:{name:d(e,"bankAccountType"),id:"savings",value:"savings",registerOptions:{required:!0}}})]})]}),t.jsx(x,{}),t.jsx(f,{label:{label:l.bankAccountNumber,width:c},text:{type:"text",name:d(e,"bankAccountNumber"),placeholder:w(l.bankAccountNumber),defaultValue:i?.bankAccountNumber,options:{required:!0,validate:p=>p==null||V.accountNumber(p).isValid,pattern:D}},isDisabled:o,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:l.invalidAccountNumber}),t.jsx(x,{}),t.jsx(f,{label:{label:l.confirmedBankAccountNumber,width:c},text:{type:"text",name:d(e,"confirmedBankAccountNumber"),placeholder:l.confirmedBankAccountNumberPlaceholder,defaultValue:i?.confirmedBankAccountNumber,options:{required:!0,pattern:D,validate:p=>p!=null&&I(`${e}.bankAccountNumber`)===p}},disableCopyPaste:!0,isDisabled:o,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:l.accountNumberDontMatch}),t.jsx(x,{}),t.jsx(f,{label:{label:l.accountNickName,width:c},text:{type:"text",name:d(e,"bankAccountName"),placeholder:w(l.accountNickName),defaultValue:i?.bankAccountName,options:{required:!1}},isDisabled:o,style:{width:"auto"}})]})})},d=(e,i)=>`${e}.${i}`,G=u.div`
+`,b={largeLabelWidth:new n(120,140,220),paddingTopBottom:new n(a[2],a[2]),labelHeight:new n(a[6],a[6]),labelMarginLeft:new n(a[3],a[4]),labelMarginRight:new n(a[3],a[4]),labelMarginTop:new n(a[2],a[2]),controlHeight:new n(a[6],a[6])},Y=({sectionId:e,bankAccountToCreate:i,isDisabled:o,fetchBankNameByRoutingStatus:s,style:h})=>{const m=R(),{getValues:I,setValue:N,formState:{errors:M}}=P(),v=A(s.fetchState),k=A(i?.bankRoutingNumber),$=B(M,d(e,"bankName"));C.useEffect(()=>{(v==="In-Progress"||k!=null&&k!==i?.bankRoutingNumber)&&s.fetchState==="Completed"&&i?.bankName!=null&&N(d(e,"bankName"),i?.bankName,{shouldValidate:$})},[v,k,$,s.fetchState,e,i?.bankName,i?.bankRoutingNumber,N]);const j=s.fetchState==="Completed"||s.fetchState==="Error"?o:"disabled",y=S.getLocalizedStrings().spendManagement.billPay.vendorCreation,{achDetails:l}=y,c=b.largeLabelWidth.value(m);return t.jsx(G,{style:h,"data-testid":z("bank-account-section",e),children:t.jsxs(J,{children:[t.jsx(p,{label:{label:l.bankRoutingNumber,width:c},text:{type:"text",name:d(e,"bankRoutingNumber"),placeholder:w(l.bankRoutingNumber),defaultValue:i?.bankRoutingNumber,options:{required:!0,pattern:/^\d{9}$/}},isDisabled:o,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:l.invalidRoutingNumber}),t.jsx(x,{}),s.fetchState==="In-Progress"?t.jsx(F,{label:{label:l.bankName,width:c},loader:{placeholder:l.fetchingBankName},style:{width:"auto"}}):t.jsx(p,{label:{label:l.bankName,width:c},text:{type:"text",name:d(e,"bankName"),placeholder:w(l.bankName),defaultValue:i?.bankName,options:{required:!0}},isDisabled:j,style:{width:"auto",opacity:j==="disabled"?.32:1},showAdditionalInfoLabel:!1,additionalInfoLabel:l.invalidBankName}),t.jsx(x,{}),t.jsxs(Z,{size:m,children:[t.jsx(T,{label:y.achDetails.accountTypeLabel,htmlFor:d(e,"bankAccountType"),style:{marginLeft:b.labelMarginLeft.value(m),marginRight:b.labelMarginRight.value(m),width:c}}),t.jsxs(K,{labelWidth:c,size:m,children:[t.jsx(L,{label:{label:y.achDetails.checkingAccountTypeLabel},style:{paddingRight:`${g.sp4}`,width:"auto"},radioField:{name:d(e,"bankAccountType"),id:"checking",value:"checking",registerOptions:{required:!0}}}),t.jsx(L,{label:{label:y.achDetails.savingsAccountTypeLabel},style:{width:"auto"},radioField:{name:d(e,"bankAccountType"),id:"savings",value:"savings",registerOptions:{required:!0}}})]})]}),t.jsx(x,{}),t.jsx(p,{label:{label:l.bankAccountNumber,width:c},text:{type:"text",name:d(e,"bankAccountNumber"),placeholder:w(l.bankAccountNumber),defaultValue:i?.bankAccountNumber,options:{required:!0,validate:f=>f==null||V.accountNumber(f).isValid,pattern:D}},isDisabled:o,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:l.invalidAccountNumber}),t.jsx(x,{}),t.jsx(p,{label:{label:l.confirmedBankAccountNumber,width:c},text:{type:"text",name:d(e,"confirmedBankAccountNumber"),placeholder:l.confirmedBankAccountNumberPlaceholder,defaultValue:i?.confirmedBankAccountNumber,options:{required:!0,pattern:D,validate:f=>f!=null&&I(`${e}.bankAccountNumber`)===f}},disableCopyPaste:!0,isDisabled:o,style:{width:"auto"},showAdditionalInfoLabel:!1,additionalInfoLabel:l.accountNumberDontMatch}),t.jsx(x,{}),t.jsx(p,{label:{label:l.accountNickName,width:c},text:{type:"text",name:d(e,"bankAccountName"),placeholder:w(l.accountNickName),defaultValue:i?.bankAccountName,options:{required:!1}},isDisabled:o,style:{width:"auto"}})]})})},d=(e,i)=>`${e}.${i}`,G=u.div`
   display: flex;
   flex-direction: column;
-`,K=u.div`
+`,J=u.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -53,7 +53,7 @@ import{K as R,c5 as M,a7 as A,dN as B,O as S,x as n,V as t,c6 as f,c8 as w,b$ as
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,J=u.div`
+`,Z=u.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -67,7 +67,7 @@ import{K as R,c5 as M,a7 as A,dN as B,O as S,x as n,V as t,c6 as f,c8 as w,b$ as
     z-index: 1;
     outline: 1px solid ${e=>e.theme.colors.primary};
   }
-`,Q=u.div`
+`,K=u.div`
   display: flex;
   flex-direction: row;
   width: ${e=>`calc(100% - ${e.labelWidth}px)`};
@@ -76,4 +76,4 @@ import{K as R,c5 as M,a7 as A,dN as B,O as S,x as n,V as t,c6 as f,c8 as w,b$ as
   flex-grow: 1;
   height: ${e=>b.controlHeight.valuePx(e.size)};
   align-items: center;
-`;export{Z as e};
+`;export{Y as e};

package/dist/assets/BankAccountWarningSection-CtRFcHTv-CaeCkm0V.js

@@ -0,0 +1,51 @@
+import{J as w,V as a,a6 as u,bg as $,o as i,b as t,bp as f,H as x,B as y,O as k,e as l,ef as v,s as z,u as n}from"./index-DorX0WX8.js";import{n as o}from"./mui-gZ2J-2YO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="b53806c9-2190-4c19-8aee-61fa5b818f9b",e._sentryDebugIdIdentifier="sentry-dbid-b53806c9-2190-4c19-8aee-61fa5b818f9b")}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:e,isDirty:r,isMagicLink:c,onBackClick:m,setShowConfirmationPopup:p})=>{const s=w();return a.jsxs(a.Fragment,{children:[s==="small"?a.jsxs(B,{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:e})]}):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:e}):null]})},h=o(y)`
+  ${e=>`${P.formTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${e=>d.customTitleMarginBottom.valuePx(e.windowSize)};
+  margin-top: ${i.sp3};
+  margin-left: ${e=>d.customTitleMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>d.customTitleMarginRight.valuePx(e.windowSize)};
+`,b=o(f)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: 20px;
+  height: 20px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,S=o.div`
+  margin: ${i.sp3} ${i.sp8} ${i.sp3} ${i.sp6};
+`,B=o.div`
+  display: flex;
+  align-items: center;
+  position: absolute;
+  top: ${i.sp0};
+  padding-top: ${e=>d.navBarContainerPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>d.navBarContainerPadding.valuePx(e.windowSize)};
+  padding-right: ${i.sp5};
+  padding-left: ${i.sp0};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,g={marginBottom:new t(n[5],n[3]),marginRight:new t(n[3],n[8]),marginLeft:new t(n[3],n[6])},_=({warningText:e})=>{const r=w();return a.jsxs(T,{size:r,children:[a.jsx(D,{children:a.jsx(M,{})}),a.jsx(C,{children:e})]})},T=o.div`
+  display: flex;
+  background-color: ${l.alertLight};
+  border: 1px solid ${l.brandColorGoldDark};
+  border-radius: ${i.sp2};
+  color: ${l.alertDark};
+  margin-bottom: ${e=>g.marginBottom.valuePx(e.size)};
+  padding: ${i.sp3} ${i.sp4} ${i.sp3} ${i.sp4};
+  margin-right: ${e=>g.marginRight.valuePx(e.size)};
+  margin-left: ${e=>g.marginLeft.valuePx(e.size)};
+`,C=o(z)`
+  display: flex;
+  flex-grow: 1;
+  color: ${l.brandColorGoldDark};
+`,D=o.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${i.sp2};
+`,M=o(v)`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  color: ${l.brandColorGoldDark};
+`;export{_ as A,R as W};

package/dist/assets/{BankConnectionsSettingsPage-CFk2aMnM-DA2j6z8y.js → BankConnectionsSettingsPage-B848OGHq-S0dsKmrE.js}

@@ -1,4 +1,4 @@
-import{y as xe,K as Ae,T as Ye,c1 as Xe,V as t,a_ as Ke,o as i,O as re,x as _,j as Qe,l as M,L as se,bI as Ze,A as et,bi as tt,u as k,at as nt,w as Ue,N as it,h as Ce,c5 as ot,a7 as G,ad as he,dN as at,aU as Me,eX as ze,eY as ct,eZ as Ve,bo as Ie,e_ as lt,e$ as st,f0 as me,f1 as ge,f2 as je,a5 as fe,bB as we,P as rt,b6 as dt,d2 as He,c as Z,f as F,f3 as ut,f4 as pt,f5 as ht,aD as mt,f6 as gt}from"./index-onESlw0k.js";import{a as r}from"./sentry-CZ5rBRIL.js";import{n}from"./mui-B0LS8eOU.js";import{r as Te}from"./core-BROwB3xg.js";import{u as _e}from"./plaid-CnBboaBy.js";import{cg as ft,ch as ee,bG as Le}from"./zeni-epic-state-Cr-rO4HZ.js";import{a as wt}from"./SetUpAccountSection-BkGBS9x_-Cq1DI8pA.js";import"./pdf-DEiLcZtJ.js";import"./lottie-CyO1eRs4.js";import"./liveblocks-Bdti0GEu.js";import"./recharts-C5uMntUw.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./utils-0wrLfZK3.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]="d23ae0fe-dd53-41fc-8890-2a48b8b4edf2",e._sentryDebugIdIdentifier="sentry-dbid-d23ae0fe-dd53-41fc-8890-2a48b8b4edf2")}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),X=G(p.updateStatus.fetchState),I=G(p.fetchStatus.fetchState),J=C.mode==="light"?new he(C.colors.brandColorJadeLight):new he(C.colors.brandColorJadeDark),K=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:K,onExit:te});r.useEffect(()=>{(U==="In-Progress"&&u.updateStatus.fetchState==="Completed"||X==="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,X,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"),Q=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&&!Q&&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: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(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`
+import{y as xe,J as Ae,T as Ye,b$ as Xe,V as t,a_ as Ke,o as i,O as re,b as _,W as Qe,s as M,f as se,bH as Ze,A as et,bg as tt,u as k,at as nt,j as Ue,H as it,c as Ce,c3 as ot,a7 as G,ad as he,dL as at,aU as Me,eV as ze,eW as ct,eX as Ve,bm as Ie,eY as lt,eZ as st,e_ as me,e$ as ge,f0 as je,a4 as fe,bA as we,a6 as rt,b6 as dt,d1 as He,e as Z,x as F,f1 as ut,f2 as pt,f3 as ht,aD as mt,f4 as gt}from"./index-DorX0WX8.js";import{a as r}from"./sentry-tRTnR5ia.js";import{n}from"./mui-gZ2J-2YO.js";import{r as Te}from"./core-ADrPabGT.js";import{u as _e}from"./plaid-DS3FargU.js";import{ca as ft,cb as ee,bG as Le}from"./zeni-epic-state-DiMW9axO.js";import{a as wt}from"./SetUpAccountSection-ULABF-Md-DYZnUdRJ.js";import"./pdf-BNA4Ou8X.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./utils-VuBQoQGa.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]="4bcb4af5-ea9d-49ff-99a8-001626f59dc8",e._sentryDebugIdIdentifier="sentry-dbid-4bcb4af5-ea9d-49ff-99a8-001626f59dc8")}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(Nt,{windowSize:d,children:t.jsx(pt,{})});default:return t.jsx(Wt,{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:W,allFundingAccounts:o,primaryFundingAccount:a,productType:s}=d,u=W.link_account,p=W.update_account,[b,N]=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),X=G(p.updateStatus.fetchState),I=G(p.fetchStatus.fetchState),J=C.mode==="light"?new he(C.colors.brandColorJadeLight):new he(C.colors.brandColorJadeDark),K=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),N(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)),N(void 0),P(!1)},[m,s,a?.id,j]),{open:ne,ready:ie}=_e({token:A,onSuccess:K,onExit:te});r.useEffect(()=>{(U==="In-Progress"&&u.updateStatus.fetchState==="Completed"||X==="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,X,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"),Q=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&&!Q&&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"),N("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:X},onUpdateLinkTokenClick:()=>{m.trackConnectBankGetBalance(s,"Settings"),N("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"};
@@ -126,7 +126,7 @@ import{y as xe,K as Ae,T as Ye,c1 as Xe,V as t,a_ as Ke,o as i,O as re,x as _,j
     width: 100%;
     height: 100%;
   }
-`,Nt=n.div`
+`,Wt=n.div`
   width: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
   height: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
   display: flex;
@@ -136,7 +136,7 @@ import{y as xe,K as Ae,T as Ye,c1 as Xe,V as t,a_ as Ke,o as i,O as re,x as _,j
     width: 100%;
     height: 100%;
   }
-`,Wt=n.div`
+`,Nt=n.div`
   width: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
   height: ${e=>z.productTypeIconSize.valuePx(e.windowSize)};
   display: flex;
@@ -146,7 +146,7 @@ import{y as xe,K as Ae,T as Ye,c1 as Xe,V as t,a_ as Ke,o as i,O as re,x as _,j
     width: 100%;
     height: 100%;
   }
-`,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,Q)=>{D.trackConnectBankSuccess(l,"Settings");const oe=Q.accounts.find(de=>de.id===e.providerAccountId)??Q.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]),X=r.useCallback((L,Q)=>{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,Q)),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&&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 K=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:K},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(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}),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(Kt,{windowSize:w,wrapperWidth:V[2].width,children:ne?.accountName??Ut}),t.jsx(Qt,{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`
+`,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,[W,o]=r.useState(!1),[a,s]=r.useState(!1),u=e.plaidConnectionDetails.link_account,p=e.plaidConnectionDetails.update_account,[b,N]=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,Q)=>{D.trackConnectBankSuccess(l,"Settings");const oe=Q.accounts.find(de=>de.id===e.providerAccountId)??Q.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),N(void 0),q(!1)},[D,l,e.paymentAccountId,e.providerAccountId,b,E,c,R]),X=r.useCallback((L,Q)=>{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,Q)),N(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&&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 K=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:K},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(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}),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"),N("update_account"),T("update_account",y(l),e.paymentAccountId)},onChaseInfoClick:()=>{s(!0)}})]})]})]}),t.jsx(Kt,{windowSize:w,wrapperWidth:V[2].width,children:ne?.accountName??Ut}),t.jsx(Qt,{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:W,children:fe("0,0.[00]",e.balances?.available)}),e.balances?.lastRefreshTime?t.jsx(tn,{className:"balanceLabel",isRemoveHovered:W,children:we(e.balances?.lastRefreshTime)}):H?.fetchState==="In-Progress"?t.jsx(se,{size:"Small",start:!0}):null,W&&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};
@@ -230,7 +230,7 @@ import{y as xe,K as Ae,T as Ye,c1 as Xe,V as t,a_ as Ke,o as i,O as re,x as _,j
   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: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 K=J.accounts.find(te=>te.id===e.providerAccountId)??J.accounts[0];e.paymentAccountId==null||s!=="update_account"||K?.verification_status==null||P?R(I,y(h),h):c(K?.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 X=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:X?.accountName??hn})]})]})},fn=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,W]=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,N]=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 K=J.accounts.find(te=>te.id===e.providerAccountId)??J.accounts[0];e.paymentAccountId==null||s!=="update_account"||K?.verification_status==null||P?R(I,y(h),h):c(K?.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&&N(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 X=d.find(I=>I.accountId===e.zeniAccountId);return t.jsxs(fn,{children:[D===!0?Te.createPortal(t.jsx(ze,{connectedAccountProvider:B,action:{onBackClick:()=>W(!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:()=>{W(!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:X?.accountName??hn})]})]})},fn=n.div`
   display: flex;
   flex-direction: column;
   padding: ${i.sp3};
@@ -291,7 +291,7 @@ import{y as xe,K as Ae,T as Ye,c1 as Xe,V as t,a_ as Ke,o as i,O as re,x as _,j
   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])},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&&Xe(()=>(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(Ke,{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(Kn,{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(Qn,{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`
+`,{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",Wn="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 W=xe(),o=Ae(),{allFundingAccounts:a,primaryConnection:s}=e,u=Ye({mode:"all",reValidateMode:"onChange",defaultValues:Ne(e),values:Ne(e)}),p=u.handleSubmit(S=>{});r.useEffect(()=>{const S=u.watch((v,{name:A})=>{A!=null&&v!=null&&Xe(()=>(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",N=e.fetchState==="Completed"&&e.allFundingAccounts.length===0,$=o==="small"?gn:Ht;return t.jsxs(Un,{children:[t.jsx(Ke,{source:"BankConnectionsSettingsPage",title:Ln.bankConnections,backgroundColor:W.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(Kn,{windowSize:o,children:On.bankConnections})}),b?t.jsx(Gn,{children:t.jsx(se,{size:"ExtraLarge",start:!0})}):N?t.jsx(Ze,{message:"No bank connections added."}):t.jsxs(Nn,{windowSize:o,children:[t.jsx(We,{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(We,{children:$e.other}),t.jsx(Qn,{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)})]})]})]})},Nn=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -395,7 +395,7 @@ import{y as xe,K as Ae,T as Ye,c1 as Xe,V as t,a_ as Ke,o as i,O as re,x as _,j
 `,Yn=n.div`
   display: flex;
   flex-direction: column;
-`,Ne=n(nt)`
+`,We=n(nt)`
   color: ${e=>e.theme.colors.primary};
   margin-right: ${i.sp1};
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp2};
@@ -422,4 +422,4 @@ import{y as xe,K as Ae,T as Ye,c1 as Xe,V as t,a_ as Ke,o as i,O as re,x as _,j
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,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};
+`,Ne=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"}))??[],W=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}},[Wn]:{[ce]:{selectedOption:w?.primaryFundingAccount?.zeniAccountId,allOptions:j},[le]:{selectedOption:w?.primaryFundingAccount?.id,allOptions:W}},[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};