@zeniai/web-cockpit-ui 1.14.8-prod → 1.14.9-dev

package/dist/assets/{SpendMgmtSetupAccountSection-BHH-PFxf-C4FRagOY.js → SpendMgmtSetupAccountSection-Btdtp-ry-CXcnmwMK.js}

@@ -1,7 +1,7 @@
-import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as re,j as t,aQ as Ke,C as d,f3 as Je,f4 as Xe,f5 as Qe,bB as et,m as o,_ as tt,eY as ye,eZ as ve,o as i,Y as N,f6 as Le,c as pe,g as j,e_ as it,Q as ze,f7 as nt,e$ as at,v as ot,bs as $e,cz as lt,a6 as st,f8 as rt,e as _e,ae as Ae,f9 as ct,cl as dt}from"./index-RjYQVN9C.js";import{b as f,n}from"./vendor-CnQcJ2Lu.js";import{r as ut}from"./mui-C5LQ0bMa.js";import{v as pt}from"./ChargeCardUtils-Bj-TvntU-DZwJGpRG.js";import{X as ht}from"./CreditCardPaymentPlgSection-dBWHuBiS-BzdKEpl1.js";import{M as gt}from"./ChaseOverlay-D5CGgOY9-7ipTjriB.js";import{K as mt}from"./SetUpDefaultSection-5H7JgUVZ-DtD9bXa_.js";const Q={sectionWidth:new d(343,580,726),rowGap:new d(o[2],o[3]),footerPaddingLeftRight:new d(o[3],o[4])},ft={title:new ze("standardMedium","largeMedium")};function xt({plaidConnectionDetails:e,header:p,isAccountsEnabled:v=!0,analytics:x,pageName:b,accountsPromoConfig:$,style:A,onConnectClick:M,onSignUpClick:I}){const u=Te(),{setUp:r}=X.getLocalizedStrings().commonSetUp,m=e.link_account,P=m.fetchStatus.fetchState==="In-Progress"||m.updateStatus.fetchState==="In-Progress";return t.jsxs(St,{windowSize:u,style:A,"data-testid":N("default-account-section",b),children:[t.jsx(wt,{children:t.jsx(bt,{windowSize:u,children:p})}),t.jsxs(yt,{windowSize:u,width:A?.width,children:[t.jsx(Le,{heading:r.accountsPlg.heading,buttonText:r.accountsPlg.signUpButtonText,onSignUpClick:I,isAccountsEnabled:v,pageName:b,analytics:x,style:{borderTopLeftRadius:i.sp2,borderTopRightRadius:i.sp2},accountsPromoConfig:$}),t.jsxs($t,{windowSize:u,children:[t.jsxs(kt,{onClick:M,children:[t.jsx(Ct,{isLoading:P,children:r.connectExternalAccount}),P?null:t.jsx(jt,{className:"right-arrow"})]}),P?t.jsx(vt,{children:t.jsx(pe,{size:"ExtraSmall",start:!0,style:{display:"flex"}})}):null]})]})]})}const St=n.div`
+import{X as Le,cj as qe,u as Ge,B as X,cr as Je,a2 as se,eZ as Qe,l as W,a8 as re,j as t,aR as Ze,C as d,f5 as Ke,f6 as Xe,f7 as Ye,bE as et,s as o,a0 as tt,e_ as ye,e$ as ve,o as i,_ as V,f8 as Te,i as pe,d as j,f0 as it,Q as ze,f9 as nt,f1 as at,$ as ot,bw as $e,cC as lt,a7 as st,fa as rt,M as _e,af as Ae,fb as ct,co as dt}from"./index-DL4A-6yw.js";import{b as f,n}from"./vendor-CnQcJ2Lu.js";import{r as ut}from"./mui-C5LQ0bMa.js";import{x as pt}from"./ChargeCardUtils-Bivw83fy-Bdwydcao.js";import{Z as ht}from"./CreditCardPaymentPlgSection-mUqReF9z-B3e-bx38.js";import{M as gt}from"./ChaseOverlay-LcVAgdoT-0XHNPxVs.js";import{K as mt}from"./SetUpDefaultSection-BQzNGjO7-CK4c2Bpt.js";const Y={sectionWidth:new d(343,580,726),rowGap:new d(o[2],o[3]),footerPaddingLeftRight:new d(o[3],o[4])},ft={title:new ze("standardMedium","largeMedium")};function xt({plaidConnectionDetails:e,header:p,isAccountsEnabled:v=!0,analytics:x,pageName:b,accountsPromoConfig:$,style:A,onConnectClick:M,onSignUpClick:I}){const u=Le(),{setUp:r}=X.getLocalizedStrings().commonSetUp,m=e.link_account,P=m.fetchStatus.fetchState==="In-Progress"||m.updateStatus.fetchState==="In-Progress";return t.jsxs(St,{windowSize:u,style:A,"data-testid":V("default-account-section",b),children:[t.jsx(wt,{children:t.jsx(bt,{windowSize:u,children:p})}),t.jsxs(yt,{windowSize:u,width:A?.width,children:[t.jsx(Te,{heading:r.accountsPlg.heading,buttonText:r.accountsPlg.signUpButtonText,onSignUpClick:I,isAccountsEnabled:v,pageName:b,analytics:x,style:{borderTopLeftRadius:i.sp2,borderTopRightRadius:i.sp2},accountsPromoConfig:$}),t.jsxs($t,{windowSize:u,children:[t.jsxs(kt,{onClick:M,children:[t.jsx(Ct,{isLoading:P,children:r.connectExternalAccount}),P?null:t.jsx(jt,{className:"right-arrow"})]}),P?t.jsx(vt,{children:t.jsx(pe,{size:"ExtraSmall",start:!0,style:{display:"flex"}})}):null]})]})]})}const St=n.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${e=>Q.rowGap.valuePx(e.windowSize)};
+  row-gap: ${e=>Y.rowGap.valuePx(e.windowSize)};
 `,wt=n.div`
   display: flex;
   align-items: center;
@@ -11,7 +11,7 @@ import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as r
   color: ${e=>e.theme.colors.primary};
   ${e=>`${ft.title.style(e.windowSize)}`};
 `,yt=n.div`
-  width: ${e=>e.width!=null?e.width:Q.sectionWidth.valuePx(e.windowSize)};
+  width: ${e=>e.width!=null?e.width:Y.sectionWidth.valuePx(e.windowSize)};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${i.sp2};
@@ -29,8 +29,8 @@ import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as r
   align-items: center;
   padding-top: ${i.sp1};
   padding-bottom: ${i.sp1};
-  padding-left: ${e=>Q.footerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>Q.footerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-left: ${e=>Y.footerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>Y.footerPaddingLeftRight.valuePx(e.windowSize)};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
   color: ${e=>e.theme.colors.hero};
@@ -52,7 +52,7 @@ import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as r
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,s={labelWidth:new d(120,190,190),sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(o[6],o[7]),iconPadding:new d(10,12),rowGap:new d(o[2],o[3]),elementsMarginLeftRight:new d(o[3],o[4]),labeledFieldPaddingLeft:new d(o[3],o[0]),labeledFieldPaddingRight:new d(o[3],o[2]),labeledFieldPaddingTop:new d(o[3],o[3]),labeledFieldPaddingBottom:new d(o[3],o[2]),labeleMarginLeft:new d(o[0],o[4]),labeleMarginBottom:new d(o[2],o[0]),infoLabelPaddingRight:new d(o[0],o[3]),infoLabelMarginTop:new d(o[1],o[0]),iconWidthHeight:new d(20,o[4])},Pt={title:new ze("standardSemiBold","largeSemiBold")};function si({primaryFundingAccount:e,allFundingAccounts:p,allBankAccounts:v,plaidConnectionDetails:x,sectionId:b,isDisabled:$,icon:A,sectionTitle:M,style:I,analytics:u,productType:r,referrer:m,accountSelectContainerStyle:P,connectedAccountProvider:te,isCompleted:H=!1,showCompletedIcon:G=!1,showZeniAccountSection:ie=!0,isAccountsEnabled:k,accountsPromoConfig:T,pageName:q,onFetchLinkTokenClick:L,onEstablishConnectionClick:Z,onUpdatePaymentAccountStatus:E,onEstablishConnectionSuccess:U,onSignUpClick:ne,bottomComponent:Ie}){const a=Te(),{trigger:Ee,formState:{errors:Re}}=Ge(),D=f.useRef(null),R=qe(),{setUp:h}=X.getLocalizedStrings().commonSetUp,Y=X.getLocalizedStrings().spendManagement.chargeCard.payEarly;let y,he,c,S=!1;e!=null&&e.accType==="paymentAccount"&&(y=e.providerVerificationStatus,he=e?.institutionDetails,c=y?.code,S=e?.isLoginRequired??!1);const ae=ke(b,"account"),Be=Ze(Re,ae),[z,K]=f.useState(void 0),g=x.link_account,_=x.update_account,w=z==="update_account"?_:g,[B,ge]=f.useState(w.linkToken??null),[O,J]=f.useState(!1),[Me,me]=f.useState(!1),fe=se(g.updateStatus.fetchState),oe=se(_.updateStatus.fetchState),Ue=se(_.fetchStatus.fetchState),De=f.useCallback((l,C)=>{u.trackConnectBankSuccess(r,m);const be=C.accounts.find(He=>He.id===e?.providerAccountId)??C.accounts[0];e?.id!=null&&z==="update_account"&&be?.verification_status!=null&&!S?E(be?.verification_status,e.id,"update_account"):Z(l,z),K(void 0),J(!1)},[u,m,r,e?.id,e?.providerAccountId,z,S,E,Z]),Oe=f.useCallback((l,C)=>{l!=null&&(u.trackConnectBankFailure(r,l.error_code+" "+l.error_message,m),l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e?.id!=null&&E("verification_failed",e.id,"update_account"),console.log("Plaid Connection Error",l,C)),K(void 0),J(!1)},[u,r,m,e?.id,E]),{open:F,ready:xe}=Ye({token:B,onSuccess:De,onExit:Oe});f.useEffect(()=>{(fe==="In-Progress"&&g.updateStatus.fetchState==="Completed"||oe==="In-Progress"&&_.updateStatus.fetchState==="Completed")&&(W.isVerifiedPaymentAccountProviderStatusCode(c??"")||(L("link_account"),U()))},[g.updateStatus.fetchState,U,L,e?.providerVerificationStatus?.code,e?.id,fe,oe,_.updateStatus.fetchState,c]),f.useEffect(()=>{(W.isVerifiedStatusCode(c??"")||c==="verification_failed")&&!O&&z!=null&&w.linkToken===B&&w.fetchStatus.fetchState==="Completed"&&xe&&J(!0)},[xe,B,w.fetchStatus.fetchState,w.linkToken,c,z,O]),f.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==B&&ge(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,B]),f.useEffect(()=>{O&&F()},[O,F]),f.useEffect(()=>{!e?.zeniAccountId&&!Be&&Ee(ae)},[e?.id]),f.useEffect(()=>{(c==null||c==="verification_failed"||c==="verification_expired"||W.isVerifiedStatusCode(c))&&(W.zeniDate(new Date().toISOString()).isAfter(g.expiration)||g.linkToken==null)&&L("link_account")},[]);const Fe=()=>{u.trackConnectBankGetBalance(r,m),K("update_account"),L("update_account",e?.id)},Se=`${e?.accountSubType?.name!=null?e?.accountSubType?.name.substring(0,1).toUpperCase().concat(e?.accountSubType?.name.substring(1)):""} ${e?.maskedAccountNumber??""}`.trim(),le=g.fetchStatus.fetchState==="In-Progress"||g.updateStatus.fetchState==="In-Progress",We=p.findIndex(l=>l.id===e?.id),Ve=()=>{me(!0)},Ne=R.mode==="light"?new re(R.colors.brandColorJadeLight):new re(R.colors.brandColorJadeDark);if(e==null&&p.length===0)return r==="zeni_accounts"?t.jsx(mt,{onClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),F())},title:h.achTitle,subTitle:h.achSubTitle,header:h.paymentSource,isCompleted:H,showCompletedIcon:G,icon:{element:t.jsx(Ke,{width:s.iconWidthHeight.valuePx(a),height:s.iconWidthHeight.valuePx(a)}),color:new re(Ne)},isLoading:le,status:y}):t.jsx(Ce,{windowSize:a,style:I,children:t.jsx(xt,{header:h.paymentSource,plaidConnectionDetails:x,onConnectClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),F())},onSignUpClick:ne,isAccountsEnabled:!1,analytics:u,pageName:q,accountsPromoConfig:T})});const we=he?.zeniInstitutionId.toLowerCase()==="chase";return t.jsxs(Ce,{windowSize:a,style:I,children:[Me===!0?ut.createPortal(t.jsx(gt,{connectedAccountProvider:te,action:{onBackClick:()=>me(!1)}}),document.body):null,t.jsxs(Wt,{children:[G===!0?t.jsx(Nt,{children:H?t.jsx(Ht,{}):t.jsx(Gt,{})}):null,t.jsx(Vt,{windowSize:a,children:M??h.paymentSource})]}),t.jsxs(Ft,{windowSize:a,isDisabled:S,children:[t.jsxs(At,{windowSize:a,children:[t.jsxs(Bt,{children:[e!=null?t.jsx(Rt,{isDisabled:S,children:Tt(A,a,R.mode==="dark",e,We)}):null,t.jsxs(Jt,{children:[t.jsxs(qt,{children:[t.jsx(Je,{ref:D,style:{display:a==="small"?"block":"inherit",width:"-webkit-fill-available"},customStyleConfig:{menu:()=>({width:a==="small"?"100%":"510px"})},controlProperty:{controlHeight:o[4],fontWeight:et.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:a==="small"?240:300},customPlaceholder:{color:R.colors.hero,weight:500},name:ke(b,"fundingAccount"),placeholder:h.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(l,C)=>Qe(p,l,C),valueToSubLabels:(l,C)=>Xe(p,l,C,!1),defaultValue:{selectedOption:e?.id,allOptions:p.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,isDisabled:le?"disabled":void 0,showLoadingIcon:le,onClickCreateOption:()=>{u.trackConnectBank(r,m),K("link_account"),g.linkToken==null||W.zeniDate(new Date().toISOString()).isAfter(g.expiration)?L("link_account"):B!==g.linkToken?ge(g.linkToken):O?F():J(!0)}}),t.jsxs(Ut,{isDisabled:S,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(ee,{children:Se}),a!=="small"&&(c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we||e?.accountBalance?.available)?t.jsx(Yt,{}):null]}):null,c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we?t.jsx(Lt,{isUpdateLinkClicked:z==="update_account",isLoginRequired:S,isPendingVerification:c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification",productType:r,fetchAndUpdateStatues:{fetchStatus:_.fetchStatus,updateStatus:_.updateStatus,linkFetchStatus:g.fetchStatus,linkUpdateStatus:g.updateStatus,prevFetchState:Ue,prevUpdateState:oe},onUpdateLinkTokenClick:Fe,onChaseInfoClick:Ve}):e?.accountBalance?.available?t.jsx(ee,{children:tt("0,0[.]00",e?.accountBalance?.available)}):null]})]}),y!=null&&a==="small"?t.jsx(ye,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:y.name,textColor:ve(y.code)}):null]})]}),t.jsx(Mt,{children:y!=null&&a!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(ye,{style:{width:"max-content"},tagTitle:y.name,textColor:ve(y.code)}),t.jsx(Zt,{})]}):null})]}),ie?t.jsxs(It,{style:P,windowSize:a,isDisabled:S,onClick:l=>l.stopPropagation(),"data-testid":N("account-select-container",r),children:[t.jsx(Et,{isDisabled:S?"disabled":$,label:{label:h.zeniCashAccountLabel,width:a==="small"?void 0:s.labelWidth.value(a),style:{marginLeft:s.labeleMarginLeft.valuePx(a),marginBottom:s.labeleMarginBottom.valuePx(a)}},style:{paddingTop:s.labeledFieldPaddingTop.valuePx(a),paddingBottom:s.labeledFieldPaddingBottom.valuePx(a),paddingLeft:s.labeledFieldPaddingLeft.valuePx(a),paddingRight:s.labeledFieldPaddingRight.valuePx(a),borderRadius:i.sp2,border:`1px solid ${R.colors.grey3}`,width:"-webkit-fill-available",display:a==="small"?"block":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:s.infoLabelPaddingRight.valuePx(a),marginTop:s.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ae,placeholder:h.zeniCashAccountPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e?.zeniAccountId??"",allOptions:v.map(l=>({label:l.accountName,value:l.accountId}))},isOptionRemovable:!1,withBorder:a==="small",textAlignment:a==="small"?"left":"right",registerOptions:{required:!1}},valueToAdditionalLabel:()=>h.zeniCashAcoountInfo}),Ie]}):null,e?.accType==="paymentAccount"?r==="charge_cards"?t.jsx(ht,{style:{borderRadius:`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`},maxInsuredAmount:T.maxInsuredAmount,heading:t.jsxs(zt,{windowSize:a,children:[Y.earn,t.jsx(_t,{children:Y.percentageCashback.replace("__percentage__",pt)}),Y.whenYouPayViaZeniChecking]}),buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,isAccountsEnabled:k,pageName:Y.creditCardPayment,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()}}):r!=="zeni_accounts"?t.jsx(Le,{heading:h.accountsPlg.heading,style:{borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},isAccountsEnabled:k,buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,analytics:u,pageName:q,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()},accountsPromoConfig:T}):null:null]})]})}const Tt=(e,p,v,x,b,$)=>x?.accType==="depositAccount"?t.jsx(Xt,{isOptionSelected:!0,children:t.jsx(Qt,{color:nt(b??0)})}):x?.institutionDetails?.logo?.base64!=null?t.jsx(Kt,{windowSize:p,src:`${at}${x?.institutionDetails.logo?.base64.toString()}`,alt:x?.institutionDetails.institutionName,loading:"lazy"}):$===!0?e.element:t.jsx(Ot,{iconColor:e.color,windowSize:p,isDarkMode:v,children:e.element}),Lt=({productType:e,isLoginRequired:p,isUpdateLinkClicked:v,isPendingVerification:x,fetchAndUpdateStatues:b,onUpdateLinkTokenClick:$,onChaseInfoClick:A})=>{const{commonSetUp:M}=X.getLocalizedStrings(),{setUp:I}=M,{verifyAccount:u,verifyingAccount:r,verifyAccountError:m,reLogging:P,reLoginLabel:te,reLoginError:H,reLoginMessage:G,chaseLabel:ie}=I,{fetchStatus:k,updateStatus:T,linkFetchStatus:q,linkUpdateStatus:L,prevFetchState:Z,prevUpdateState:E}=b,U=v&&Z==="In-Progress"&&k?.fetchState==="Error"||E==="In-Progress"&&T?.fetchState==="Error";return p?v&&(k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"||q?.fetchState==="In-Progress"||L?.fetchState==="In-Progress")?t.jsxs(V,{style:{color:j.important},children:[t.jsx(ee,{children:P}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex",color:j.important}})})]}):t.jsx(V,{style:{cursor:"pointer"},onClick:$,"data-testid":N("re-login-label-clicked"),children:t.jsx($e,{style:{padding:`12px ${i.sp3}`},title:G,placement:"bottom",maxWidth:"264px",children:t.jsxs(Dt,{children:[t.jsx(je,{style:{marginLeft:i.sp0,marginRight:i.sp1}}),t.jsx(ce,{isError:!0,style:{color:j.important},children:U?H:te}),t.jsx(de,{children:t.jsx(ue,{style:{color:j.important}})})]})})}):k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"?t.jsxs(V,{children:[t.jsx(ee,{children:r}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex"}})})]}):x?t.jsxs(V,{onClick:$,"data-testid":N("verify-account-label-clicked",e),children:[t.jsx(ce,{isError:!1,children:u}),t.jsx(de,{children:t.jsx(ue,{})}),U?t.jsx($e,{maxWidth:"280px",style:{padding:`12px ${i.sp3}`,color:j.important},title:m,placement:"bottom",children:t.jsx(je,{})}):null]}):t.jsxs(V,{onClick:A,"data-testid":N("chase-info-label-clicked"),children:[t.jsx(ce,{isError:!1,children:ie}),t.jsx(de,{children:t.jsx(ue,{})})]})},ke=(e,p)=>`${e}.${p}`,zt=n(st)`
+`,s={labelWidth:new d(120,190,190),sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(o[6],o[7]),iconPadding:new d(10,12),rowGap:new d(o[2],o[3]),elementsMarginLeftRight:new d(o[3],o[4]),labeledFieldPaddingLeft:new d(o[3],o[0]),labeledFieldPaddingRight:new d(o[3],o[2]),labeledFieldPaddingTop:new d(o[3],o[3]),labeledFieldPaddingBottom:new d(o[3],o[2]),labeleMarginLeft:new d(o[0],o[4]),labeleMarginBottom:new d(o[2],o[0]),infoLabelPaddingRight:new d(o[0],o[3]),infoLabelMarginTop:new d(o[1],o[0]),iconWidthHeight:new d(20,o[4])},Pt={title:new ze("standardSemiBold","largeSemiBold")};function si({primaryFundingAccount:e,allFundingAccounts:p,allBankAccounts:v,plaidConnectionDetails:x,sectionId:b,isDisabled:$,icon:A,sectionTitle:M,style:I,analytics:u,productType:r,referrer:m,accountSelectContainerStyle:P,connectedAccountProvider:te,isCompleted:H=!1,showCompletedIcon:q=!1,showZeniAccountSection:ie=!0,isAccountsEnabled:k,accountsPromoConfig:L,pageName:G,onFetchLinkTokenClick:T,onEstablishConnectionClick:J,onUpdatePaymentAccountStatus:E,onEstablishConnectionSuccess:D,onSignUpClick:ne,bottomComponent:Ie}){const a=Le(),{trigger:Ee,formState:{errors:Re}}=qe(),U=f.useRef(null),R=Ge(),{setUp:h}=X.getLocalizedStrings().commonSetUp,Q=X.getLocalizedStrings().spendManagement.chargeCard.payEarly;let y,he,c,S=!1;e!=null&&e.accType==="paymentAccount"&&(y=e.providerVerificationStatus,he=e?.institutionDetails,c=y?.code,S=e?.isLoginRequired??!1);const ae=ke(b,"account"),Be=Je(Re,ae),[z,Z]=f.useState(void 0),g=x.link_account,_=x.update_account,w=z==="update_account"?_:g,[B,ge]=f.useState(w.linkToken??null),[O,K]=f.useState(!1),[Me,me]=f.useState(!1),fe=se(g.updateStatus.fetchState),oe=se(_.updateStatus.fetchState),De=se(_.fetchStatus.fetchState),Ue=f.useCallback((l,C)=>{u.trackConnectBankSuccess(r,m);const be=C.accounts.find(He=>He.id===e?.providerAccountId)??C.accounts[0];e?.id!=null&&z==="update_account"&&be?.verification_status!=null&&!S?E(be?.verification_status,e.id,"update_account"):J(l,z),Z(void 0),K(!1)},[u,m,r,e?.id,e?.providerAccountId,z,S,E,J]),Oe=f.useCallback((l,C)=>{l!=null&&(u.trackConnectBankFailure(r,l.error_code+" "+l.error_message,m),l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e?.id!=null&&E("verification_failed",e.id,"update_account"),console.log("Plaid Connection Error",l,C)),Z(void 0),K(!1)},[u,r,m,e?.id,E]),{open:F,ready:xe}=Qe({token:B,onSuccess:Ue,onExit:Oe});f.useEffect(()=>{(fe==="In-Progress"&&g.updateStatus.fetchState==="Completed"||oe==="In-Progress"&&_.updateStatus.fetchState==="Completed")&&(W.isVerifiedPaymentAccountProviderStatusCode(c??"")||(T("link_account"),D()))},[g.updateStatus.fetchState,D,T,e?.providerVerificationStatus?.code,e?.id,fe,oe,_.updateStatus.fetchState,c]),f.useEffect(()=>{(W.isVerifiedStatusCode(c??"")||c==="verification_failed")&&!O&&z!=null&&w.linkToken===B&&w.fetchStatus.fetchState==="Completed"&&xe&&K(!0)},[xe,B,w.fetchStatus.fetchState,w.linkToken,c,z,O]),f.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==B&&ge(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,B]),f.useEffect(()=>{O&&F()},[O,F]),f.useEffect(()=>{!e?.zeniAccountId&&!Be&&Ee(ae)},[e?.id]),f.useEffect(()=>{(c==null||c==="verification_failed"||c==="verification_expired"||W.isVerifiedStatusCode(c))&&(W.zeniDate(new Date().toISOString()).isAfter(g.expiration)||g.linkToken==null)&&T("link_account")},[]);const Fe=()=>{u.trackConnectBankGetBalance(r,m),Z("update_account"),T("update_account",e?.id)},Se=`${e?.accountSubType?.name!=null?e?.accountSubType?.name.substring(0,1).toUpperCase().concat(e?.accountSubType?.name.substring(1)):""} ${e?.maskedAccountNumber??""}`.trim(),le=g.fetchStatus.fetchState==="In-Progress"||g.updateStatus.fetchState==="In-Progress",We=p.findIndex(l=>l.id===e?.id),Ne=()=>{me(!0)},Ve=R.mode==="light"?new re(R.colors.brandColorJadeLight):new re(R.colors.brandColorJadeDark);if(e==null&&p.length===0)return r==="zeni_accounts"?t.jsx(mt,{onClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),F())},title:h.achTitle,subTitle:h.achSubTitle,header:h.paymentSource,isCompleted:H,showCompletedIcon:q,icon:{element:t.jsx(Ze,{width:s.iconWidthHeight.valuePx(a),height:s.iconWidthHeight.valuePx(a)}),color:new re(Ve)},isLoading:le,status:y}):t.jsx(Ce,{windowSize:a,style:I,children:t.jsx(xt,{header:h.paymentSource,plaidConnectionDetails:x,onConnectClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),F())},onSignUpClick:ne,isAccountsEnabled:!1,analytics:u,pageName:G,accountsPromoConfig:L})});const we=he?.zeniInstitutionId.toLowerCase()==="chase";return t.jsxs(Ce,{windowSize:a,style:I,children:[Me===!0?ut.createPortal(t.jsx(gt,{connectedAccountProvider:te,action:{onBackClick:()=>me(!1)}}),document.body):null,t.jsxs(Wt,{children:[q===!0?t.jsx(Vt,{children:H?t.jsx(Ht,{}):t.jsx(qt,{})}):null,t.jsx(Nt,{windowSize:a,children:M??h.paymentSource})]}),t.jsxs(Ft,{windowSize:a,isDisabled:S,children:[t.jsxs(At,{windowSize:a,children:[t.jsxs(Bt,{children:[e!=null?t.jsx(Rt,{isDisabled:S,children:Lt(A,a,R.mode==="dark",e,We)}):null,t.jsxs(Kt,{children:[t.jsxs(Gt,{children:[t.jsx(Ke,{ref:U,style:{display:a==="small"?"block":"inherit",width:"-webkit-fill-available"},customStyleConfig:{menu:()=>({width:a==="small"?"100%":"510px"})},controlProperty:{controlHeight:o[4],fontWeight:et.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:a==="small"?240:300},customPlaceholder:{color:R.colors.hero,weight:500},name:ke(b,"fundingAccount"),placeholder:h.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(l,C)=>Ye(p,l,C),valueToSubLabels:(l,C)=>Xe(p,l,C,!1),defaultValue:{selectedOption:e?.id,allOptions:p.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,isDisabled:le?"disabled":void 0,showLoadingIcon:le,onClickCreateOption:()=>{u.trackConnectBank(r,m),Z("link_account"),g.linkToken==null||W.zeniDate(new Date().toISOString()).isAfter(g.expiration)?T("link_account"):B!==g.linkToken?ge(g.linkToken):O?F():K(!0)}}),t.jsxs(Dt,{isDisabled:S,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(ee,{children:Se}),a!=="small"&&(c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we||e?.accountBalance?.available)?t.jsx(Qt,{}):null]}):null,c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we?t.jsx(Tt,{isUpdateLinkClicked:z==="update_account",isLoginRequired:S,isPendingVerification:c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification",productType:r,fetchAndUpdateStatues:{fetchStatus:_.fetchStatus,updateStatus:_.updateStatus,linkFetchStatus:g.fetchStatus,linkUpdateStatus:g.updateStatus,prevFetchState:De,prevUpdateState:oe},onUpdateLinkTokenClick:Fe,onChaseInfoClick:Ne}):e?.accountBalance?.available?t.jsx(ee,{children:tt("0,0[.]00",e?.accountBalance?.available)}):null]})]}),y!=null&&a==="small"?t.jsx(ye,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:y.name,textColor:ve(y.code)}):null]})]}),t.jsx(Mt,{children:y!=null&&a!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(ye,{style:{width:"max-content"},tagTitle:y.name,textColor:ve(y.code)}),t.jsx(Jt,{})]}):null})]}),ie?t.jsxs(It,{style:P,windowSize:a,isDisabled:S,onClick:l=>l.stopPropagation(),"data-testid":V("account-select-container",r),children:[t.jsx(Et,{isDisabled:S?"disabled":$,label:{label:h.zeniCashAccountLabel,width:a==="small"?void 0:s.labelWidth.value(a),style:{marginLeft:s.labeleMarginLeft.valuePx(a),marginBottom:s.labeleMarginBottom.valuePx(a)}},style:{paddingTop:s.labeledFieldPaddingTop.valuePx(a),paddingBottom:s.labeledFieldPaddingBottom.valuePx(a),paddingLeft:s.labeledFieldPaddingLeft.valuePx(a),paddingRight:s.labeledFieldPaddingRight.valuePx(a),borderRadius:i.sp2,border:`1px solid ${R.colors.grey3}`,width:"-webkit-fill-available",display:a==="small"?"block":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:s.infoLabelPaddingRight.valuePx(a),marginTop:s.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ae,placeholder:h.zeniCashAccountPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e?.zeniAccountId??"",allOptions:v.map(l=>({label:l.accountName,value:l.accountId}))},isOptionRemovable:!1,withBorder:a==="small",textAlignment:a==="small"?"left":"right",registerOptions:{required:!1}},valueToAdditionalLabel:()=>h.zeniCashAcoountInfo}),Ie]}):null,e?.accType==="paymentAccount"?r==="charge_cards"?t.jsx(ht,{style:{borderRadius:`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`},maxInsuredAmount:L.maxInsuredAmount,heading:t.jsxs(zt,{windowSize:a,children:[Q.earn,t.jsx(_t,{children:Q.percentageCashback.replace("__percentage__",pt)}),Q.whenYouPayViaZeniChecking]}),buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,isAccountsEnabled:k,pageName:Q.creditCardPayment,onSignUpClick:ne,onSwitchClick:()=>{U.current!=null&&U.current.focus()}}):r!=="zeni_accounts"?t.jsx(Te,{heading:h.accountsPlg.heading,style:{borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},isAccountsEnabled:k,buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,analytics:u,pageName:G,onSignUpClick:ne,onSwitchClick:()=>{U.current!=null&&U.current.focus()},accountsPromoConfig:L}):null:null]})]})}const Lt=(e,p,v,x,b,$)=>x?.accType==="depositAccount"?t.jsx(Xt,{isOptionSelected:!0,children:t.jsx(Yt,{color:nt(b??0)})}):x?.institutionDetails?.logo?.base64!=null?t.jsx(Zt,{windowSize:p,src:`${at}${x?.institutionDetails.logo?.base64.toString()}`,alt:x?.institutionDetails.institutionName,loading:"lazy"}):$===!0?e.element:t.jsx(Ot,{iconColor:e.color,windowSize:p,isDarkMode:v,children:e.element}),Tt=({productType:e,isLoginRequired:p,isUpdateLinkClicked:v,isPendingVerification:x,fetchAndUpdateStatues:b,onUpdateLinkTokenClick:$,onChaseInfoClick:A})=>{const{commonSetUp:M}=X.getLocalizedStrings(),{setUp:I}=M,{verifyAccount:u,verifyingAccount:r,verifyAccountError:m,reLogging:P,reLoginLabel:te,reLoginError:H,reLoginMessage:q,chaseLabel:ie}=I,{fetchStatus:k,updateStatus:L,linkFetchStatus:G,linkUpdateStatus:T,prevFetchState:J,prevUpdateState:E}=b,D=v&&J==="In-Progress"&&k?.fetchState==="Error"||E==="In-Progress"&&L?.fetchState==="Error";return p?v&&(k?.fetchState==="In-Progress"||L?.fetchState==="In-Progress"||G?.fetchState==="In-Progress"||T?.fetchState==="In-Progress")?t.jsxs(N,{style:{color:j.important},children:[t.jsx(ee,{children:P}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex",color:j.important}})})]}):t.jsx(N,{style:{cursor:"pointer"},onClick:$,"data-testid":V("re-login-label-clicked"),children:t.jsx($e,{style:{padding:`12px ${i.sp3}`},title:q,placement:"bottom",maxWidth:"264px",children:t.jsxs(Ut,{children:[t.jsx(je,{style:{marginLeft:i.sp0,marginRight:i.sp1}}),t.jsx(ce,{isError:!0,style:{color:j.important},children:D?H:te}),t.jsx(de,{children:t.jsx(ue,{style:{color:j.important}})})]})})}):k?.fetchState==="In-Progress"||L?.fetchState==="In-Progress"?t.jsxs(N,{children:[t.jsx(ee,{children:r}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex"}})})]}):x?t.jsxs(N,{onClick:$,"data-testid":V("verify-account-label-clicked",e),children:[t.jsx(ce,{isError:!1,children:u}),t.jsx(de,{children:t.jsx(ue,{})}),D?t.jsx($e,{maxWidth:"280px",style:{padding:`12px ${i.sp3}`,color:j.important},title:m,placement:"bottom",children:t.jsx(je,{})}):null]}):t.jsxs(N,{onClick:A,"data-testid":V("chase-info-label-clicked"),children:[t.jsx(ce,{isError:!1,children:ie}),t.jsx(de,{children:t.jsx(ue,{})})]})},ke=(e,p)=>`${e}.${p}`,zt=n(st)`
   color: ${e=>e.theme.colors.primary};
   width: ${e=>e.windowSize==="small"?"80%":"100%"};
 `,_t=n(rt)`
@@ -90,7 +90,7 @@ import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as r
   align-items: flex-start;
 `,Mt=n.div`
   display: flex;
-`,Ut=n(ot)`
+`,Dt=n(ot)`
   display: flex;
   align-items: center;
   color: ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.hero};
@@ -102,10 +102,10 @@ import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as r
     cursor: pointer;
     color: ${e=>e.isError?e.theme.colors.important:e.theme.colors.primary};
   }
-`,V=n(_e)`
+`,N=n(_e)`
   display: flex;
   align-items: center;
-`,Dt=n.div`
+`,Ut=n.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -142,25 +142,25 @@ import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as r
 `,Wt=n.div`
   display: flex;
   align-items: center;
-`,Vt=n.div`
+`,Nt=n.div`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${Pt.title.style(e.windowSize)}`};
-`,Nt=n.div`
+`,Vt=n.div`
   margin-right: ${i.sp2};
 `,Ht=n(it)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${j.success};
-`,Gt=n.div`
+`,qt=n.div`
   height: 14px;
   width: 14px;
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: 50%;
-`,qt=n.div``,Zt=n.div`
+`,Gt=n.div``,Jt=n.div`
   width: ${i.sp4};
   height: ${i.sp4};
   margin-left: ${i.sp4};
-`,Yt=n.div`
+`,Qt=n.div`
   display: inline-block;
   border-radius: ${i.sp2};
   margin: ${i.sp0} 12px;
@@ -168,12 +168,12 @@ import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as r
   height: ${i.sp1};
   cursor: inherit;
   background-color: ${e=>e.theme.colors.grey1};
-`,Kt=n.img`
+`,Zt=n.img`
   width: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   height: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   border-radius: ${i.sp11};
   margin-right: ${i.sp2};
-`,Jt=n.div`
+`,Kt=n.div`
   display: flex;
   flex-direction: column;
 `,de=n.div`
@@ -199,8 +199,8 @@ import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as r
   width: ${e=>e.isOptionSelected?i.sp7:i.sp5};
   height: ${e=>e.isOptionSelected?i.sp7:i.sp5};
   margin-right: ${i.sp2};
-`,Qt=n(ct)`
+`,Yt=n(ct)`
   min-width: inherit;
   width: inherit;
   height: inherit;
-`;export{Lt as B,si as f,ke as y,Tt as z};
+`;export{Tt as B,si as f,ke as y,Lt as z};

package/dist/assets/{StatementItem-CTOdgetS-D44ErBvL.js → StatementItem-XLqlrHIu-Cpbi7odC.js}

@@ -1,4 +1,4 @@
-import{X as y,M as S,g$ as b,j as o,c as g,o as r,s as j,C as v,bp as z,m as k}from"./index-RjYQVN9C.js";import{b as P,n as i}from"./vendor-CnQcJ2Lu.js";import{g as C}from"./BoxItem-CTPuYGrU-BiP-3U_J.js";import{w as L}from"./downloadPdf-TtzJSlkj-CRbyQE8F.js";const d=S.getLocalizedStrings().months,a={downloadButtonSize:new v(k[4],20)},B=i.div`
+import{X as y,B as b,h2 as S,j as o,i as g,o as r,n as j,C as v,bt as z,s as k}from"./index-DL4A-6yw.js";import{b as L,n as i}from"./vendor-CnQcJ2Lu.js";import{g as P}from"./BoxItem-a04JWA45-dnHge8K2.js";import{w as B}from"./downloadPdf-DAA4T-qo-DW9SlRq2.js";const d=b.getLocalizedStrings().months,a={downloadButtonSize:new v(k[4],20)},C=i.div`
   display: flex;
   padding: ${r.sp3} ${r.sp4};
   flex-direction: row;
@@ -18,9 +18,9 @@ import{X as y,M as S,g$ as b,j as o,c as g,o as r,s as j,C as v,bp as z,m as k}f
   word-break: break-word;
   text-align: left;
   overflow: hidden;
-`,J=i.div`
+`,N=i.div`
   cursor: pointer;
-`,N=i(z)`
+`,R=i(z)`
   width: ${t=>a.downloadButtonSize.valuePx(t.windowSize)};
   height: ${t=>a.downloadButtonSize.valuePx(t.windowSize)};
   min-height: ${t=>a.downloadButtonSize.valuePx(t.windowSize)};
@@ -28,4 +28,4 @@ import{X as y,M as S,g$ as b,j as o,c as g,o as r,s as j,C as v,bp as z,m as k}f
   &:hover {
     color: ${t=>t.theme.colors.primary};
   }
-`;function M({accountLast4:t,currentTenantCompanyName:s,data:e,authParams:m,downloadEndPoint:l,documentType:n="statement",boxType:p}){const[c,w]=P.useState(!1),x=y(),h=n==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=n==="taxLetter"?`${s}-treasury-tax-letter-${e.title.year}.pdf`:`${s}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,u={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},f=o.jsx(B,{children:o.jsxs(T,{children:[o.jsx(E,{children:h}),o.jsx(J,{onClick:()=>L(n==="treasuryStatement"||n==="taxLetter"?`${l}/statements/${e.id}`:`${l}/statements?query=${encodeURIComponent(JSON.stringify(u))}`,$,m,w),children:c?o.jsx(g,{size:"Small",start:!0}):o.jsx(N,{windowSize:x})})]})});return o.jsx(C,{content:f,boxType:p,isDisabled:!1,isNotClickable:!0})}export{M as J};
+`;function J({accountLast4:t,currentTenantCompanyName:s,data:e,authParams:m,downloadEndPoint:l,documentType:n="statement",boxType:p}){const[w,x]=L.useState(!1),c=y(),h=n==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=n==="taxLetter"?`${s}-treasury-tax-letter-${e.title.year}.pdf`:`${s}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,u={period:`${e.title.year}-${S(e.title.month)}`,format:"pdf"},f=o.jsx(C,{children:o.jsxs(T,{children:[o.jsx(E,{children:h}),o.jsx(N,{onClick:()=>B(n==="treasuryStatement"||n==="taxLetter"?`${l}/statements/${e.id}`:`${l}/statements?query=${encodeURIComponent(JSON.stringify(u))}`,$,m,x),children:w?o.jsx(g,{size:"Small",start:!0}):o.jsx(R,{windowSize:c})})]})});return o.jsx(P,{content:f,boxType:p,isDisabled:!1,isNotClickable:!0})}export{J as O};

package/dist/assets/{StatementsPage-d9G6kH-f-BnAg5g-a.js → StatementsPage-DWiXiOFU-Ce-S3-If.js}

@@ -1,10 +1,10 @@
-import{u as v,X as z,j as t,aV as C,M as P,ai as I,o as r,g as m,bT as L,C as M,m as h,s as T}from"./index-RjYQVN9C.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{$ as B}from"./BoxItem-CTPuYGrU-BiP-3U_J.js";import{o as E}from"./commonDimensions-C417LkG3-eGUncl65.js";import{J as R}from"./StatementItem-CTOdgetS-D44ErBvL.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./downloadPdf-TtzJSlkj-CRbyQE8F.js";const x=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new M(h[3],h[8])},et=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:i,accountLast4:f,onBackClick:y})=>{const k=v(),l=z(),$=p.createRef(),c=p.useRef(null),d=i.statements.length===0,j=()=>d===!1?E.transactionItemHeight:24,S=({index:a,style:n})=>{const s=i.statements[a];return d===!1?t.jsx(u,{windowSize:l,style:{...n,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(R,{currentTenantCompanyName:e,accountLast4:f,data:s,authParams:g,downloadEndPoint:w,boxType:B(a,i.statements.length)},s.id)}):t.jsx(N,{style:{...n},children:t.jsx(O,{children:t.jsx(u,{windowSize:l,children:t.jsx(A,{children:x.noStatements})})})})};return t.jsxs(V,{children:[t.jsx(C,{title:x.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(H,{children:t.jsx(I,{children:({height:a,width:n})=>t.jsx(K,{ref:$,height:a,width:n,outerRef:c,itemKey:s=>s,itemCount:i.statements.length,itemSize:j,initialScrollOffset:0,children:S})})})]})},N=o.div``,u=o.div`
+import{u as v,X as z,j as t,aV as C,B as P,aj as B,o as r,d as m,bW as I,C as L,s as h,n as O}from"./index-DL4A-6yw.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{$ as E}from"./BoxItem-a04JWA45-dnHge8K2.js";import{o as M}from"./commonDimensions-DRK1vfDX-ClE52WoC.js";import{O as R}from"./StatementItem-XLqlrHIu-Cpbi7odC.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./downloadPdf-DAA4T-qo-DW9SlRq2.js";const x=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new L(h[3],h[8])},et=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:i,accountLast4:f,onBackClick:y})=>{const k=v(),l=z(),$=p.createRef(),c=p.useRef(null),d=i.statements.length===0,j=()=>d===!1?M.transactionItemHeight:24,S=({index:a,style:n})=>{const s=i.statements[a];return d===!1?t.jsx(u,{windowSize:l,style:{...n,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(R,{currentTenantCompanyName:e,accountLast4:f,data:s,authParams:g,downloadEndPoint:w,boxType:E(a,i.statements.length)},s.id)}):t.jsx(T,{style:{...n},children:t.jsx(N,{children:t.jsx(u,{windowSize:l,children:t.jsx(A,{children:x.noStatements})})})})};return t.jsxs(V,{children:[t.jsx(C,{title:x.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(H,{children:t.jsx(B,{children:({height:a,width:n})=>t.jsx(K,{ref:$,height:a,width:n,outerRef:c,itemKey:s=>s,itemCount:i.statements.length,itemSize:j,initialScrollOffset:0,children:S})})})]})},T=o.div``,u=o.div`
   margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
   &:hover {
     position: relative;
     z-index: 2;
   }
-`,O=o.div`
+`,N=o.div`
   display: flex;
   height: 100%;
   flex: 1 1 auto;
@@ -17,7 +17,7 @@ import{u as v,X as z,j as t,aV as C,M as P,ai as I,o as r,g as m,bT as L,C as M,
   flex-direction: column;
   width: 100%;
   padding-bottom: ${r.sp7};
-`,A=o(T)`
+`,A=o(O)`
   display: flex;
   color: ${e=>e.theme.colors.grey2};
 `,H=o.div`
@@ -26,7 +26,7 @@ import{u as v,X as z,j as t,aV as C,M as P,ai as I,o as r,g as m,bT as L,C as M,
   width: 100%;
   height: 100%;
   margin-top: ${r.sp6};
-`,K=o(L)`
+`,K=o(I)`
   scrollbar-width: thin;
   scrollbar-color: transparent transparent;
   &::-webkit-scrollbar {

package/dist/assets/{StatusSwitcher-BA7VjpgX-Df359fQi.js → StatusSwitcher-D1XZ-pbx-DXR-Z9Mc.js}

@@ -1,4 +1,4 @@
-import{X as y,j as d,bC as T,M as v,C as f,o as s,m as c,v as z}from"./index-RjYQVN9C.js";import{n as u,j as g}from"./vendor-CnQcJ2Lu.js";function m(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(a=>a.charAt(0).toUpperCase()+a.slice(1)).join(" ")}const _=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function A(e,a){if(typeof e=="string")return e;if(e!=null&&typeof e=="object"){const r=Object.values(e)[0];return typeof r=="string"?r:m(a)}return m(a)}function p(e,a,r){const n=e[a];return n!=null?A(n,r):null}const L=(e,a)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:r}},reimbursement:{reimbursementByTabs:{tabsById:n}},zeniAccounts:{zeniAccountList:{tabsById:l}}}}=v.getLocalizedStrings(),t=String(e);if(a)switch(a){case"bill_pay":{const i=p(r,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const i=p(n,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const i=p(l,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}}return(p(r,t,t)??p(n,t,t)??p(l,t,t)??m(t)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:x}},reimbursement:{reimbursementByTabs:{tabsById:$}},zeniAccounts:{zeniAccountList:{tabsById:M}}}}=v.getLocalizedStrings(),w={containerMarginLeft:new f(c[4],c[8]),containerMarginRight:new f(c[4],c[8]),segmentContainerMarginLeft:new f(c[4],c[8])},j=u.div`
+import{X as y,j as d,bF as T,B as v,C as f,o as s,s as c,$ as z}from"./index-DL4A-6yw.js";import{n as u,j as g}from"./vendor-CnQcJ2Lu.js";function m(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(a=>a.charAt(0).toUpperCase()+a.slice(1)).join(" ")}const _=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function A(e,a){if(typeof e=="string")return e;if(e!=null&&typeof e=="object"){const r=Object.values(e)[0];return typeof r=="string"?r:m(a)}return m(a)}function p(e,a,r){const n=e[a];return n!=null?A(n,r):null}const L=(e,a)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:r}},reimbursement:{reimbursementByTabs:{tabsById:n}},zeniAccounts:{zeniAccountList:{tabsById:l}}}}=v.getLocalizedStrings(),t=String(e);if(a)switch(a){case"bill_pay":{const i=p(r,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const i=p(n,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const i=p(l,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}}return(p(r,t,t)??p(n,t,t)??p(l,t,t)??m(t)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:x}},reimbursement:{reimbursementByTabs:{tabsById:$}},zeniAccounts:{zeniAccountList:{tabsById:j}}}}=v.getLocalizedStrings(),w={containerMarginLeft:new f(c[4],c[8]),containerMarginRight:new f(c[4],c[8]),segmentContainerMarginLeft:new f(c[4],c[8])},M=u.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -6,7 +6,7 @@ import{X as y,j as d,bC as T,M as v,C as f,o as s,m as c,v as z}from"./index-RjY
   justify-content: ${e=>e.isSwitcherLeftAlign===!0?"left":"center"};
   margin-right: ${e=>e.hasSubTabs===!0?"auto":w.containerMarginRight.valuePx(e.windowSize)};
   margin-left: ${e=>e.hasSubTabs===!0?"auto":w.containerMarginLeft.valuePx(e.windowSize)};
-`,k=u.div`
+`,B=u.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -16,7 +16,7 @@ import{X as y,j as d,bC as T,M as v,C as f,o as s,m as c,v as z}from"./index-RjY
   column-gap: ${e=>e.hasSubTabs!==!0?e.windowSize==="small"?s.sp3:s.sp6:s.sp4};
 
   margin-left: ${e=>e.hasSubTabs===!0?w.segmentContainerMarginLeft.valuePx(e.windowSize):"0"};
-`,B=u(z)`
+`,k=u(z)`
   display: flex;
   padding: ${e=>e.isMainTab?"12px":"6px 12px"};
   white-space: nowrap;
@@ -117,4 +117,4 @@ import{X as y,j as d,bC as T,M as v,C as f,o as s,m as c,v as z}from"./index-RjY
             left: 60%;
           }
         `}
-`;function P({tabId:e,isSelected:a,approvalCount:r,entity:n,onClick:l}){const t=o=>{switch(o){case"draft":case"pending_approval":case"scheduled":case"paid":case"all":case"failed":case"overdue":case"cancelled":case"rejected":case"awaitingAllApproval":case"ach":case"wire":case"deleted":return n==="bill_pay"?x[o]:$[o];case"offline":case"awaiting_approval":case"awaiting_my_approval":return x[o];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return $[o];case"wireDetails":case"achDetails":return M[o];default:return""}},i=y();return d.jsxs(B,{onClick:()=>{a===!1&&l(e)},isClickDisabled:!1,isSelected:a,isMainTab:R(e)===!0,windowSize:i,children:[t(e),e==="pending_approval"&&r!==0?d.jsx(D,{isSelected:a,children:r}):null]})}function K({tabIds:e,selectedTab:a,entity:r,isSwitcherLeftAlign:n=!1,approvalCount:l,hasSubTabs:t=!1,enablePerformanceTracking:i=!0,onTabSelectedChange:o}){const h=y(),S=b=>{o(b)};return T({componentName:`${_(r).toLowerCase()}.${L(a,r).toLowerCase()}`,enabled:i}),d.jsx(j,{windowSize:h,hasSubTabs:t,isSwitcherLeftAlign:n,children:d.jsxs(k,{windowSize:h,hasSubTabs:t,children:[e.map((b,C)=>d.jsx(P,{tabId:b,approvalCount:l,isSelected:a===b,entity:r,onClick:S},C)),d.jsx(I,{className:`Slider ${a}`,windowSize:h,approvalCount:l})]})})}const R=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{K};
+`;function P({tabId:e,isSelected:a,approvalCount:r,entity:n,onClick:l}){const t=o=>{switch(o){case"draft":case"pending_approval":case"scheduled":case"paid":case"all":case"failed":case"overdue":case"cancelled":case"rejected":case"awaitingAllApproval":case"ach":case"wire":case"deleted":return n==="bill_pay"?x[o]:$[o];case"offline":case"awaiting_approval":case"awaiting_my_approval":return x[o];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return $[o];case"wireDetails":case"achDetails":return j[o];default:return""}},i=y();return d.jsxs(k,{onClick:()=>{a===!1&&l(e)},isClickDisabled:!1,isSelected:a,isMainTab:R(e)===!0,windowSize:i,children:[t(e),e==="pending_approval"&&r!==0?d.jsx(D,{isSelected:a,children:r}):null]})}function F({tabIds:e,selectedTab:a,entity:r,isSwitcherLeftAlign:n=!1,approvalCount:l,hasSubTabs:t=!1,enablePerformanceTracking:i=!0,onTabSelectedChange:o}){const h=y(),S=b=>{o(b)};return T({componentName:`${_(r).toLowerCase()}.${L(a,r).toLowerCase()}`,enabled:i}),d.jsx(M,{windowSize:h,hasSubTabs:t,isSwitcherLeftAlign:n,children:d.jsxs(B,{windowSize:h,hasSubTabs:t,children:[e.map((b,C)=>d.jsx(P,{tabId:b,approvalCount:l,isSelected:a===b,entity:r,onClick:S},C)),d.jsx(I,{className:`Slider ${a}`,windowSize:h,approvalCount:l})]})})}const R=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{F as K};

package/dist/assets/{SubTabSwitcher-DDJSCY6V-Y7w0Y_6e.js → SubTabSwitcher-Bt3F7ANv-tQiuzp7L.js}

@@ -1,16 +1,16 @@
-import{j as r,c as u,o as s,v as g,ad as m}from"./index-RjYQVN9C.js";import{n as i,j as a}from"./vendor-CnQcJ2Lu.js";function S({allTabs:e,selectedTab:c,containerStyle:d,rightComponent:o,onTabChange:p}){const h=o!=null;return r.jsxs(x,{style:d,hasRightComponent:h,children:[r.jsx($,{children:e.map(t=>{const n=t.id===c,l=t.isDisabled!=null;return r.jsxs(b,{onClick:()=>{n===!1&&!l&&p(t)},isSelected:n,isDisabled:l,children:[r.jsx(y,{children:t.label}),t.countDetails?.count!=null?r.jsx(j,{children:r.jsx(f,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:r.jsx(D,{children:t.countDetails.isFetching?r.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),o]})}const x=i.div`
+import{j as i,i as u,o as s,$ as g,ae as m}from"./index-DL4A-6yw.js";import{n as r,j as a}from"./vendor-CnQcJ2Lu.js";function v({allTabs:e,selectedTab:c,containerStyle:d,rightComponent:o,onTabChange:p}){const h=o!=null;return i.jsxs($,{style:d,hasRightComponent:h,children:[i.jsx(x,{children:e.map(t=>{const n=t.id===c,l=t.isDisabled!=null;return i.jsxs(b,{onClick:()=>{n===!1&&!l&&p(t)},isSelected:n,isDisabled:l,children:[i.jsx(y,{children:t.label}),t.countDetails?.count!=null?i.jsx(j,{children:i.jsx(f,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:i.jsx(D,{children:t.countDetails.isFetching?i.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),o]})}const $=r.div`
   display: flex;
   flex-direction: row;
   justify-content: ${e=>e.hasRightComponent?"space-between":"flex-start"};
   align-items: center;
   padding: ${s.sp3} ${s.sp0};
   gap: ${s.sp3};
-`,$=i.div`
+`,x=r.div`
   display: flex;
   position: relative;
   gap: ${s.sp3};
   overflow: auto;
-`,y=i.div``,b=i(g)`
+`,y=r.div``,b=r(g)`
   height: ${s.sp5};
   padding: ${s.sp0} 12px;
   color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
@@ -31,7 +31,7 @@ import{j as r,c as u,o as s,v as g,ad as m}from"./index-RjYQVN9C.js";import{n as
     color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
     background-color: ${e=>e.isDisabled?e.isSelected?e.theme.colors.grey3:"transparent":e.theme.colors.grey3};
   }
-`,f=i.div`
+`,f=r.div`
   ${e=>e.isCircular?a`
           height: ${s.sp3};
           width: ${s.sp3};
@@ -43,16 +43,16 @@ import{j as r,c as u,o as s,v as g,ad as m}from"./index-RjYQVN9C.js";import{n as
         `}
   background-color: transparent;
   border-radius: inherit;
-`,j=i.div`
+`,j=r.div`
   border: 1px solid;
   border-color: inherit;
   border-radius: ${s.sp12};
   padding: 2px;
-`,D=i(m)`
+`,D=r(m)`
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: inherit;
-`;export{S as k};
+`;export{v as k};

package/dist/assets/{SummaryCard-bczJjOLG-BcsTVXk_.js → SummaryCard-edbbHOmb-6KyOKOgI.js}

@@ -1 +1 @@
-import{j as d}from"./index-RjYQVN9C.js";import{E as n,T as t}from"./ReloadCard-CaPpBGJK-noHHHO6g.js";const o=r=>{function e(){return r.card.fetchState==="In-Progress"||r.card.fetchState==="Not-Started"?d.jsx(n,{dimension:r.card.dimension,animated:!r.card.disableAnimations}):r.card.fetchState==="Error"?d.jsx(t,{dimension:r.card.dimension,cardType:r.card.cardType,cardIndex:r.card.cardIndex,onReloadData:r.actions.onReloadData}):d.jsx("div",{children:r.children})}return d.jsx("div",{children:e()})};export{o as c};
+import{j as d}from"./index-DL4A-6yw.js";import{E as n,T as t}from"./ReloadCard-CZ1Ix5em-yJ8mKxcj.js";const o=r=>{function e(){return r.card.fetchState==="In-Progress"||r.card.fetchState==="Not-Started"?d.jsx(n,{dimension:r.card.dimension,animated:!r.card.disableAnimations}):r.card.fetchState==="Error"?d.jsx(t,{dimension:r.card.dimension,cardType:r.card.cardType,cardIndex:r.card.cardIndex,onReloadData:r.actions.onReloadData}):d.jsx("div",{children:r.children})}return d.jsx("div",{children:e()})};export{o as c};