@zeniai/web-cockpit-ui 1.14.1-pune → 1.14.2-dev

package/dist/assets/SpendMgmtSetupAccountSection-DG4ozkeT-CetbNb1Y.js

@@ -1,207 +0,0 @@
-import{X as Te,cf as Ge,u as Ye,M as X,cn as qe,a1 as se,eX as Ke,l as J,a7 as re,j as t,aQ as Ze,C as d,f3 as Je,f4 as Xe,f5 as Qe,bB as et,p as o,_ as tt,eY as ye,eZ as ve,o as i,Y as V,f6 as Le,d as pe,g as C,e_ as it,Q as _e,f7 as nt,e$ as at,w as ot,bs as $e,cy as lt,a6 as st,f8 as rt,f as ze,ae as Ae,f9 as ct,ck as dt}from"./index-D3N9MvRr.js";import{b as f,n}from"./vendor-CnQcJ2Lu.js";import{r as ut}from"./mui-C5LQ0bMa.js";import{S as pt}from"./ChargeCardUtils-B3JEziD7-BDgvm4V8.js";import{X as ht}from"./CreditCardPaymentPlgSection-DoMaCnIZ-CNIK2scQ.js";import{M as gt}from"./ChaseOverlay-KLet3F9X-CdWRAKXV.js";import{K as mt}from"./SetUpDefaultSection--9Qh-utY-c-mUbFLs.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 _e("standardMedium","largeMedium")};function xt({plaidConnectionDetails:e,header:p,isAccountsEnabled:j=!0,analytics:x,pageName:b,accountsPromoConfig:v,style:A,onConnectClick:M,onSignUpClick:I}){const u=Te(),{setUp:c}=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(Le,{heading:c.accountsPlg.heading,buttonText:c.accountsPlg.signUpButtonText,onSignUpClick:I,isAccountsEnabled:j,pageName:b,analytics:x,style:{borderTopLeftRadius:i.sp2,borderTopRightRadius:i.sp2},accountsPromoConfig:v}),t.jsxs($t,{windowSize:u,children:[t.jsxs(kt,{onClick:M,children:[t.jsx(Ct,{isLoading:P,children:c.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)};
-`,wt=n.div`
-  display: flex;
-  align-items: center;
-`,bt=n.div`
-  display: flex;
-  align-items: center;
-  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)};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${i.sp2};
-  &:hover {
-    border: ${e=>`1px solid  ${e.theme.colors.primary}`};
-    color: ${e=>e.theme.colors.primary};
-  }
-`,vt=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: ${i.sp2};
-`,$t=n(ze)`
-  display: flex;
-  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)};
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
-  color: ${e=>e.theme.colors.hero};
-`,kt=n.div`
-  display: flex;
-  align-items: center;
-  :hover {
-    cursor: pointer;
-    color: ${e=>e.theme.colors.primary};
-    .right-arrow {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Ct=n.span`
-  pointer-events: ${e=>e.isLoading===!0?"none":"initial"};
-`,jt=n(Ae)`
-  margin-left: ${i.sp1};
-  width: 12px;
-  height: 12px;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-`,r={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 _e("standardSemiBold","largeSemiBold")};function si({primaryFundingAccount:e,allFundingAccounts:p,allBankAccounts:j,plaidConnectionDetails:x,sectionId:b,isDisabled:v,icon:A,sectionTitle:M,style:I,analytics:u,productType:c,referrer:m,accountSelectContainerStyle:P,connectedAccountProvider:te,isCompleted:N=!1,showCompletedIcon:H=!1,showZeniAccountSection:ie=!0,isAccountsEnabled:$,accountsPromoConfig:T,pageName:G,onFetchLinkTokenClick:L,onEstablishConnectionClick:Y,onUpdatePaymentAccountStatus:E,onEstablishConnectionSuccess:U,onSignUpClick:ne,bottomComponent:Ie}){const a=Te(),{trigger:Ee,formState:{errors:Re}}=Ge(),D=f.useRef(null),R=Ye(),{setUp:h}=X.getLocalizedStrings().commonSetUp,q=X.getLocalizedStrings().spendManagement.chargeCard.payEarly;let y,he,l,S=!1;e!=null&&e.accType==="paymentAccount"&&(y=e.providerVerificationStatus,he=e?.institutionDetails,l=y?.code,S=e?.isLoginRequired??!1);const ae=ke(b,"account"),Be=qe(Re,ae),[_,K]=f.useState(void 0),g=x.link_account,z=x.update_account,w=_==="update_account"?z:g,[B,ge]=f.useState(w.linkToken??null),[O,Z]=f.useState(!1),[Me,me]=f.useState(!1),fe=se(g.updateStatus.fetchState),oe=se(z.updateStatus.fetchState),Ue=se(z.fetchStatus.fetchState),De=f.useCallback((s,k)=>{u.trackConnectBankSuccess(c,m);const be=k.accounts.find(He=>He.id===e?.providerAccountId)??k.accounts[0];e?.id!=null&&_==="update_account"&&be?.verification_status!=null&&!S?E(be?.verification_status,e.id,"update_account"):Y(s,_),K(void 0),Z(!1)},[u,m,c,e?.id,e?.providerAccountId,_,S,E,Y]),Oe=f.useCallback((s,k)=>{s!=null&&(u.trackConnectBankFailure(c,s.error_code+" "+s.error_message,m),s.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e?.id!=null&&E("verification_failed",e.id,"update_account"),console.log("Plaid Connection Error",s,k)),K(void 0),Z(!1)},[u,c,m,e?.id,E]),{open:F,ready:xe}=Ke({token:B,onSuccess:De,onExit:Oe});f.useEffect(()=>{(fe==="In-Progress"&&g.updateStatus.fetchState==="Completed"||oe==="In-Progress"&&z.updateStatus.fetchState==="Completed")&&l!=="verified"&&l!=="manually_verified"&&l!=="automatically_verified"&&l!=="database_matched"&&(L("link_account"),U())},[g.updateStatus.fetchState,U,L,e?.providerVerificationStatus?.code,e?.id,fe,oe,z.updateStatus.fetchState,l]),f.useEffect(()=>{(J.isVerifiedStatusCode(l??"")||l==="verification_failed")&&!O&&_!=null&&w.linkToken===B&&w.fetchStatus.fetchState==="Completed"&&xe&&Z(!0)},[xe,B,w.fetchStatus.fetchState,w.linkToken,l,_,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(()=>{(l==null||l==="verification_failed"||l==="verification_expired"||J.isVerifiedStatusCode(l))&&(J.zeniDate(new Date().toISOString()).isAfter(g.expiration)||g.linkToken==null)&&L("link_account")},[]);const Fe=()=>{u.trackConnectBankGetBalance(c,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(s=>s.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 c==="zeni_accounts"?t.jsx(mt,{onClick:()=>{(l==null||l==="verification_failed"||l==="verification_expired")&&(u.trackConnectBank(c,m),F())},title:h.achTitle,subTitle:h.achSubTitle,header:h.paymentSource,isCompleted:N,showCompletedIcon:H,icon:{element:t.jsx(Ze,{width:r.iconWidthHeight.valuePx(a),height:r.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:()=>{(l==null||l==="verification_failed"||l==="verification_expired")&&(u.trackConnectBank(c,m),F())},onSignUpClick:ne,isAccountsEnabled:!1,analytics:u,pageName:G,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:[H===!0?t.jsx(Nt,{children:N?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(Yt,{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:(s,k)=>Qe(p,s,k),valueToSubLabels:(s,k)=>Xe(p,s,k,!1),defaultValue:{selectedOption:e?.id,allOptions:p.map(s=>({label:s.label,value:s.id,isRecommended:s.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(c,m),K("link_account"),g.linkToken==null||J.zeniDate(new Date().toISOString()).isAfter(g.expiration)?L("link_account"):B!==g.linkToken?ge(g.linkToken):O?F():Z(!0)}}),t.jsxs(Ut,{isDisabled:S,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(ee,{children:Se}),a!=="small"&&(l!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we||e?.accountBalance?.available)?t.jsx(Kt,{}):null]}):null,l!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we?t.jsx(Lt,{isUpdateLinkClicked:_==="update_account",isLoginRequired:S,isPendingVerification:l!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification",productType:c,fetchAndUpdateStatues:{fetchStatus:z.fetchStatus,updateStatus:z.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(qt,{})]}):null})]}),ie?t.jsxs(It,{style:P,windowSize:a,isDisabled:S,onClick:s=>s.stopPropagation(),"data-testid":V("account-select-container",c),children:[t.jsx(Et,{isDisabled:S?"disabled":v,label:{label:h.zeniCashAccountLabel,width:a==="small"?void 0:r.labelWidth.value(a),style:{marginLeft:r.labeleMarginLeft.valuePx(a),marginBottom:r.labeleMarginBottom.valuePx(a)}},style:{paddingTop:r.labeledFieldPaddingTop.valuePx(a),paddingBottom:r.labeledFieldPaddingBottom.valuePx(a),paddingLeft:r.labeledFieldPaddingLeft.valuePx(a),paddingRight:r.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:r.infoLabelPaddingRight.valuePx(a),marginTop:r.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ae,placeholder:h.zeniCashAccountPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e?.zeniAccountId??"",allOptions:j.map(s=>({label:s.accountName,value:s.accountId}))},isOptionRemovable:!1,withBorder:a==="small",textAlignment:a==="small"?"left":"right",registerOptions:{required:!1}},valueToAdditionalLabel:()=>h.zeniCashAcoountInfo}),Ie]}):null,e?.accType==="paymentAccount"?c==="charge_cards"?t.jsx(ht,{style:{borderRadius:`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`},maxInsuredAmount:T.maxInsuredAmount,heading:t.jsxs(_t,{windowSize:a,children:[q.earn,t.jsx(zt,{children:q.percentageCashback.replace("__percentage__",pt)}),q.whenYouPayViaZeniChecking]}),buttonText:$===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,isAccountsEnabled:$,pageName:q.creditCardPayment,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()}}):c!=="zeni_accounts"?t.jsx(Le,{heading:h.accountsPlg.heading,style:{borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},isAccountsEnabled:$,buttonText:$===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,analytics:u,pageName:G,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()},accountsPromoConfig:T}):null:null]})]})}const Tt=(e,p,j,x,b,v)=>x?.accType==="depositAccount"?t.jsx(Xt,{isOptionSelected:!0,children:t.jsx(Qt,{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"}):v===!0?e.element:t.jsx(Ot,{iconColor:e.color,windowSize:p,isDarkMode:j,children:e.element}),Lt=({productType:e,isLoginRequired:p,isUpdateLinkClicked:j,isPendingVerification:x,fetchAndUpdateStatues:b,onUpdateLinkTokenClick:v,onChaseInfoClick:A})=>{const{commonSetUp:M}=X.getLocalizedStrings(),{setUp:I}=M,{verifyAccount:u,verifyingAccount:c,verifyAccountError:m,reLogging:P,reLoginLabel:te,reLoginError:N,reLoginMessage:H,chaseLabel:ie}=I,{fetchStatus:$,updateStatus:T,linkFetchStatus:G,linkUpdateStatus:L,prevFetchState:Y,prevUpdateState:E}=b,U=j&&Y==="In-Progress"&&$?.fetchState==="Error"||E==="In-Progress"&&T?.fetchState==="Error";return p?$?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"||G?.fetchState==="In-Progress"||L?.fetchState==="In-Progress"?t.jsxs(W,{style:{color:C.important},children:[t.jsx(ee,{children:P}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex",color:C.important}})})]}):t.jsx(W,{style:{cursor:"pointer"},onClick:v,"data-testid":V("re-login-label-clicked"),children:t.jsx($e,{style:{padding:`12px ${i.sp3}`},title:H,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:C.important},children:U?N:te}),t.jsx(de,{children:t.jsx(ue,{style:{color:C.important}})})]})})}):$?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"?t.jsxs(W,{children:[t.jsx(ee,{children:c}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex"}})})]}):x?t.jsxs(W,{onClick:v,"data-testid":V("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:C.important},title:m,placement:"bottom",children:t.jsx(je,{})}):null]}):t.jsxs(W,{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}`,_t=n(st)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,zt=n(rt)`
-  color: ${e=>e.theme.colors.primary};
-`,Ce=n.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>r.rowGap.valuePx(e.windowSize)};
-`,At=n.div`
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${i.sp4};
-  margin-bottom: ${i.sp0};
-`,It=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  margin-left: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>r.elementsMarginLeftRight.valuePx(e.windowSize)};
-  margin-top: ${i.sp3};
-  margin-bottom: ${i.sp4};
-  opacity: ${e=>e.isDisabled?.4:1};
-`,Et=n(lt)`
-  border-radius: ${i.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,Rt=n.div`
-  display: flex;
-  opacity: ${e=>e.isDisabled?.8:1};
-  margin-right: ${i.sp2};
-`,Bt=n.div`
-  display: flex;
-  align-items: flex-start;
-`,Mt=n.div`
-  display: flex;
-`,Ut=n(ot)`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.hero};
-  flex-wrap: wrap;
-`,ee=n.div`
-  display: flex;
-`,ce=n.div`
-  :hover {
-    cursor: pointer;
-    color: ${e=>e.isError?e.theme.colors.important:e.theme.colors.primary};
-  }
-`,W=n(ze)`
-  display: flex;
-  align-items: center;
-`,Dt=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Ot=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: ${e=>r.iconPadding.valuePx(e.windowSize)};
-  background: ${e=>e.iconColor.toString()};
-  border-radius: ${i.sp11};
-  width: fit-content;
-  height: fit-content;
-  color: ${e=>e.isDarkMode?C.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
-  max-width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  max-height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  margin-right: ${i.sp2};
-`,Ft=n.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>r.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${i.sp2};
-  color: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  ${e=>e.isDisabled===!1&&`
-    &:hover {
-      border: 1px solid ${e.theme.colors.primary};
-      color: ${e.theme.colors.primary};
-    }
-    `}
-`,Wt=n.div`
-  display: flex;
-  align-items: center;
-`,Vt=n.div`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${Pt.title.style(e.windowSize)}`};
-`,Nt=n.div`
-  margin-right: ${i.sp2};
-`,Ht=n(it)`
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${C.success};
-`,Gt=n.div`
-  height: 14px;
-  width: 14px;
-  border: 1px solid ${e=>e.theme.colors.primary};
-  border-radius: 50%;
-`,Yt=n.div``,qt=n.div`
-  width: ${i.sp4};
-  height: ${i.sp4};
-  margin-left: ${i.sp4};
-`,Kt=n.div`
-  display: inline-block;
-  border-radius: ${i.sp2};
-  margin: ${i.sp0} 12px;
-  width: ${i.sp1};
-  height: ${i.sp1};
-  cursor: inherit;
-  background-color: ${e=>e.theme.colors.grey1};
-`,Zt=n.img`
-  width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
-  border-radius: ${i.sp11};
-  margin-right: ${i.sp2};
-`,Jt=n.div`
-  display: flex;
-  flex-direction: column;
-`,de=n.div`
-  display: flex;
-  color: inherit;
-  margin-left: ${i.sp1};
-`,ue=n(Ae)`
-  width: 12px;
-  height: 12px;
-`,je=n(dt)`
-  display: flex;
-  margin-left: 12px;
-  width: ${i.sp3};
-  height: ${i.sp3};
-  color: ${C.important};
-`,Pe=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: ${i.sp2};
-`,Xt=n.div`
-  min-width: ${e=>e.isOptionSelected?i.sp4:i.sp5};
-  width: ${e=>e.isOptionSelected?i.sp7:i.sp5};
-  height: ${e=>e.isOptionSelected?i.sp7:i.sp5};
-`,Qt=n(ct)`
-  margin-right: ${i.sp2};
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-`;export{Tt as R,si as p,ke as y,Lt as z};

package/dist/assets/StatementsPage-CUpjL5u7-BWH36hJA.js

@@ -1,58 +0,0 @@
-import{u as v,X as z,j as t,aW as C,M,ai as P,o as r,g as m,bR as I,C as L,p as h,q as R}from"./index-D3N9MvRr.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{$ as B}from"./BoxItem-BqLhtWoJ-DTGdC4UO.js";import{o as E}from"./commonDimensions-CKgBEMhT-JcVoNYFG.js";import{M as T}from"./StatementItem-BlfBohft-U3FqyIo0.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./downloadPdf-CiC0AXNH-CeD8Q-Pl.js";const x=M.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?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(T,{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(H,{children:x.noStatements})})})})};return t.jsxs(A,{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(K,{children:t.jsx(P,{children:({height:a,width:n})=>t.jsx(V,{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`
-  margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`,O=o.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,A=o.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${r.sp7};
-`,H=o(R)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey2};
-`,K=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${r.sp6};
-`,V=o(I)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${r.sp2};
-    height: ${r.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${r.sp2};
-      height: ${r.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${e=>e.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;export{et as default};

package/dist/assets/TimeframeSwitcherWithToggle-BKwe3K9l-CC0-bOos.js

@@ -1,31 +0,0 @@
-import{X as c,j as t,C as n,w,b3 as x}from"./index-D3N9MvRr.js";import{n as r}from"./vendor-CnQcJ2Lu.js";import{b as l}from"./TimeframeSwitcher-DufweySH-jTXdFynw.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...o})=>t.jsx(x,{...o,className:e,classes:{...i}}),p=r(u)(({theme:e})=>({[`& .${i.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${i.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${i.root}.${i.switchBase}.Mui-checked + .${i.track}`]:{backgroundColor:e.colors.grey1},[`&.${i.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${i.switchBase}.Mui-checked .${i.thumb}`]:{backgroundColor:e.colors.primary},[`& .${i.switchBase}.Mui-checked .${i.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${i.switchBase}.Mui-checked + .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${i.switchBase}.Mui-disabled + .${i.track}`]:{opacity:.7},[`& .${i.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>t.jsx(p,{...e}),d={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},$=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,y=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-`,m=r.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  padding-left: ${e=>d.timeframePaddingLeft.valuePx(e.windowSize)};
-  padding-bottom: ${e=>d.timeframePaddingBottom.valuePx(e.windowSize)};
-`,k=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-`,j=r.div`
-  display: flex;
-  width: 125px;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-`,C=r(w)`
-  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-`,h=({label:e,isOn:o,isToggleDisabled:s,onValueChanged:g})=>t.jsxs(t.Fragment,{children:[t.jsx(C,{isOn:o,isDisabled:s===!0,children:e}),t.jsx(b,{checked:o,edge:"end",disabled:s===!0,disableRipple:s===!0,onChange:f=>{g(f.target.checked)}})]}),B=e=>{const o=c();return t.jsxs($,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(k,{children:t.jsx(h,{...e.toggle})})]})},S=e=>{const o=c();return t.jsxs(y,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(j,{children:t.jsx(h,{...e.toggle})})]})};function L(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(B,{...e}):t.jsx(S,{...e})}export{L as M};

package/dist/assets/TransactionList-2HeLZVn9-D_XSB9a8.js

@@ -1,147 +0,0 @@
-import{X as O,j as e,ai as tt,Y as u,da as et,M as y,db as it,d5 as at,dc as ot,o as i,g as A,bR as rt,C as q,l as m,d as nt,q as v,p as g,w as st,dd as Q,cr as V,_ as W,f as lt}from"./index-D3N9MvRr.js";import{b as L,n,f as dt}from"./vendor-CnQcJ2Lu.js";import{g as U}from"./BoxItem-BqLhtWoJ-DTGdC4UO.js";import{o as N}from"./commonDimensions-CKgBEMhT-JcVoNYFG.js";const D=t=>t?24:125,ct={containerPaddingBottom:new q(g[9],g[8])},E=n.div`
-  box-sizing: border-box;
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-  height: ${t=>D(t.isLoadNextItem)}px;
-  color: ${t=>t.theme.colors.grey1};
-  &:hover {
-    color: ${t=>t.theme.colors.champion};
-  }
-  padding-top: ${t=>t.isLoadNextItem?0:45}px;
-  padding-bottom: ${t=>ct.containerPaddingBottom.valuePx(t.windowSize)};
-`,mt=n(v)`
-  display: flex;
-  cursor: pointer;
-`;function C({firstMonthOfFY:t,isLoadNextItem:o,isLoading:l,timePeriod:a,fixedTimePeriod:r,timeframe:s,doLoadMoreTransactions:f}){let x=a;if(o)if(r!=null){const h=m.addPeriod(a.endDate.startOf("month"),t,r.numberOfPeriods,r.timeframe);x={startDate:x.endDate.add(1,"day"),endDate:h}}else{const h=m.addPeriod(a.endDate.startOf("month"),t,1,s),{startOfTimeframeFY:b,endOfTimeframeFY:j}=m.getStartOfAndEndOfTimeframeForFY(h,t,s);x={startDate:b,endDate:j}}else if(r!=null)x={startDate:m.subtractPeriod(a.startDate.startOf("month"),t,r.numberOfPeriods,r.timeframe),endDate:a.startDate.subtract(1,"day")};else{const h=m.subtractPeriod(a.startDate.startOf("month"),t,1,s),{startOfTimeframeFY:b,endOfTimeframeFY:j}=m.getStartOfAndEndOfTimeframeForFY(h,t,s);x={startDate:b,endDate:j}}const c=y.getLocalizedStrings();let p="";r==null?s==="month"?p=`${o===!0?c.transactionList.loadNextMonthPrefix:c.transactionList.loadPreviousMonthPrefix} (${m.formatZeniDate(x.startDate,c.dateFormat.visual.MMMYYYYFormat,t)})`:s==="quarter"?p=`${o===!0?c.transactionList.loadNextQuarterPrefix:c.transactionList.loadPreviousQuarterPrefix} (${c.transactionList.quarterPrefix}${m.formatZeniDate(x.startDate,c.dateFormat.visual.QYYYYformat,t)})`:p=`${o===!0?c.transactionList.loadNextYearPrefix:c.transactionList.loadPreviousYearPrefix} (${m.formatZeniDate(x.startDate,c.dateFormat.visual.YYYYformat,t)})`:p=`${o===!0?c.transactionList.loadNextMonthPrefix:c.transactionList.loadPreviousPrefix} ${r.numberOfPeriods} ${c.transactionList.monthsSuffix} - (${m.formatZeniDate(x.startDate,c.dateFormat.visual.MMMYYYYFormat,t)} - ${m.formatZeniDate(x.endDate,c.dateFormat.visual.MMMYYYYFormat,t)})`;const M=O();return l===!0?e.jsx(E,{windowSize:M,isLoadNextItem:o,children:e.jsx(nt,{size:"Small",start:!0})}):e.jsx(E,{windowSize:M,isLoadNextItem:o,children:e.jsx(mt,{"data-testid":u("load-more-transactions",p),onClick:()=>{f?.(x,s)},children:p})})}C.displayName="LoadMoreTransactions";const{common:{strings:{empty:H}}}=y.getLocalizedStrings(),ft=n(lt)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${i.sp3};
-  padding: 1px 6px;
-  border: 1px solid ${t=>t.theme.colors.grey2};
-  border-radius: ${i.sp1};
-  color: ${t=>t.theme.colors.grey1};
-  min-width: max-content;
-`,xt=n.div`
-  display: flex;
-  padding: ${i.sp3} ${i.sp4};
-  flex-direction: row;
-  width: 100%;
-`,ht=n.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-`,ut=n(v)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${i.sp3};
-  max-height: ${i.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,pt=n(v)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${i.sp3};
-  text-align: right;
-  width: ${t=>N.amountWidth.valuePx(t.windowSize)};
-`,gt=n.div`
-  display: flex;
-`;function bt({transaction:t,onItemClick:o}){const{description:l,typeName:a,amount:r,logo:s,vendorId:f}=t,x=m.isVendorTransaction(t)&&f==null;return e.jsxs(xt,{onClick:()=>o?.(t),"data-testid":u("transaction-item-medium",t.id),children:[e.jsx(Q,{photoUrl:x===!1?s?.toString()??H:H,styles:{width:i.sp4,height:i.sp4,borderRadius:i.sp0},placeholder:{width:g[4],height:g[4]},fallbackAvatar:e.jsx(gt,{children:e.jsx(V,{name:l,size:i.sp4})})}),e.jsxs(ht,{children:[e.jsx(ut,{children:l}),a!=null?e.jsx(ft,{className:"tag",children:a}):null]}),e.jsx(pt,{children:W("0,0.00",r)})]})}function wt({data:t,boxType:o,onItemClick:l}){const a=m.toTransactionTypeStrict(t.type)==null,r=e.jsx(bt,{transaction:t,onItemClick:a?void 0:l});return e.jsx(U,{content:r,boxType:o,isDisabled:a})}const{common:{strings:{empty:Z}}}=y.getLocalizedStrings(),$t=n.div`
-  display: flex;
-  padding: ${i.sp3} ${i.sp4};
-  flex-direction: row;
-  width: 100%;
-`,yt=n.div`
-  width: 100%;
-`,vt=n(v)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${i.sp3};
-  max-height: ${i.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,jt=n(v)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  margin-left: ${i.sp3};
-  text-align: right;
-  width: ${t=>N.amountWidth.valuePx(t.windowSize)};
-`,kt=n.div`
-  display: flex;
-`;function Yt({transaction:t,onItemClick:o}){const{description:l,amount:a,logo:r,vendorId:s}=t,f=m.isVendorTransaction(t)&&s==null;return e.jsxs($t,{onClick:()=>o?.(t),"data-testid":u("transaction-item-small",t.id),children:[e.jsx(Q,{photoUrl:f===!1?r?.toString()??Z:Z,styles:{width:i.sp4,height:i.sp4,borderRadius:i.sp0},placeholder:{width:g[4],height:g[4]},fallbackAvatar:e.jsx(kt,{children:e.jsx(V,{name:l,size:i.sp4})})}),e.jsx(yt,{children:e.jsx(vt,{children:l})}),e.jsx(jt,{children:W("0,0.00",a)})]})}function Lt({data:t,boxType:o,onItemClick:l}){const a=m.toTransactionTypeStrict(t.type)==null,r=e.jsx(Yt,{transaction:t,onItemClick:a?void 0:l});return e.jsx(U,{content:r,boxType:o,isDisabled:a})}function Mt(t){return O()==="small"?e.jsx(Lt,{...t}):e.jsx(wt,{...t})}const Pt=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  box-shadow: ${t=>`${i.sp0} 2px ${i.sp1} ${t.theme.colors.dropShadowNormal}`};
-  border-radius: ${i.sp2};
-  background-color: ${t=>t.theme.colors.grey5};
-`,St=n(st)`
-  display: flex;
-  height: 21px;
-  margin-bottom: ${i.sp2};
-  margin-top: ${i.sp3};
-  color: ${t=>t.theme.colors.grey1};
-`,Dt=n.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,Ft=(t,o)=>o.length===1?"roundedBox":t===0?"topRoundedBox":t===o.length-1?"bottomRoundedBox":"box",Tt=t=>t*N.transactionItemHeight+45;function It({date:t,transactions:o,onItemClick:l}){const{dateFormat:a}=y.getLocalizedStrings();return e.jsxs(Dt,{"data-testid":u("transactions-group"),children:[e.jsx(St,{children:m.dateNow().year()===t.year()?t.format(a.visual.MMMDFormat):t.format(a.visual.MMMDCommaYYYYformat)}),e.jsx(Pt,{children:o.map((r,s)=>e.jsx(Mt,{data:r,boxType:Ft(s,o),onItemClick:f=>{l?.(f)},"data-testid":u("transaction-item",r.id)},s))})]})}const zt=dt.memo(It),{dateFormat:Ct}=y.getLocalizedStrings();function Ot(t){const o=et(t,a=>a.date.format(Ct.visual.MMMDCommaYYYYformat)),l=it(o,a=>a.length>0);return at(l,a=>({date:a[0].date,transactions:ot(a,r=>r.updateTime,"desc")}))}const $=y.getLocalizedStrings(),Nt={listItemMargin:new q(g[3],g[8])},Rt=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  width: 99.9%;
-`,S=n.div`
-  margin: ${t=>`${i.sp0} ${Nt.listItemMargin.valuePx(t.windowSize)}`};
-`,Bt=n.div`
-  min-height: ${i.sp8};
-`,At=n.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,Et=n(v)`
-  display: flex;
-  color: ${t=>t.theme.colors.grey2};
-`,Ht=n(rt)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${i.sp2};
-    height: ${i.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${A.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${A.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${t=>t.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${i.sp2};
-      height: ${i.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${t=>t.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`,Ut=L.forwardRef(function({firstMonthOfFY:t,timeframe:o,timePeriod:l,transactions:a,currentScrollYOffset:r,showLoadNext:s,showLoadPrevious:f,onTransactionItemClick:x,onTransactionListScroll:c,onListInnerElementHeightChanged:p},M){const h=Ot(a),b=L.createRef();L.useEffect(()=>{b.current?.resetAfterIndex(0)},[a,b]);const j=M,k=L.useRef(null),[X,G]=L.useState(void 0),J=()=>{if(k!=null&&typeof k=="object"&&k.current){const d=k.current;d!=null&&d.clientHeight>0&&d.clientHeight!=X&&(G(d.clientHeight),p?.(d.clientHeight))}},F=h.length===0,R=f!=null,T=s!=null,I=h.length+(s!=null?1:0)+(f!=null?1:0)+(F===!0?1:0),B=d=>T===!0?d-1:d,P=O(),K=({index:d,style:w})=>T===!0&&d===0?e.jsx("div",{style:{...w},children:e.jsx(S,{windowSize:P,"data-testid":u("transaction-list","list-item-load-more"),children:e.jsx(C,{firstMonthOfFY:t,isLoadNextItem:!0,isLoading:s?.isLoading==!0,timePeriod:l,timeframe:o,fixedTimePeriod:s?.fixedTimePeriod,doLoadMoreTransactions:(Y,z)=>{s?.onLoadNextClick?.(Y,z)}})})}):R===!0&&d===I-1?e.jsx("div",{style:{...w},children:e.jsx(S,{windowSize:P,"data-testid":u("transaction-list","list-item-load-previous"),children:e.jsx(C,{firstMonthOfFY:t,isLoadNextItem:!1,isLoading:f?.isLoading==!0,timePeriod:l,fixedTimePeriod:f?.fixedTimePeriod,timeframe:o,doLoadMoreTransactions:(Y,z)=>{f?.onLoadPreviousClick?.(Y,z)}})})}):F===!1?e.jsx("div",{style:{...w},children:e.jsxs(S,{windowSize:P,children:[e.jsx(zt,{...h[B(d)],onItemClick:x}),f==null?e.jsx(Bt,{}):null]})}):e.jsx("div",{style:{...w},children:e.jsx(At,{children:e.jsx(S,{windowSize:P,"data-testid":u("transaction-list","transactions-list-empty"),children:e.jsx(Et,{children:Zt(l,s?.isLoading==!0||f?.isLoading==!0)})})})}),_=d=>T===!0&&d===0?D(!0):R===!0&&d===I-1?D(!1):F===!1?Tt(h[B(d)].transactions.length):D(!1);return e.jsx(Rt,{children:e.jsx(tt,{children:({height:d,width:w})=>e.jsx(Ht,{"data-testid":u("transaction-list"),ref:b,height:d,width:w,innerRef:k,outerRef:j,onItemsRendered:J,itemCount:I,itemSize:_,onScroll:({scrollOffset:Y})=>{c?.(Y)},initialScrollOffset:r??0,children:K})})})}),Zt=(t,o)=>o===!0?$.transactionList.fetching:t.startDate.isSame(t.endDate,"month")?`${$.transactionList.noTransactionsFoundForPrefix} (${t.startDate.format($.dateFormat.visual.MMMYYFormat)})`:`${$.transactionList.noTransactionsFoundForPeriodPrefix} (${t.startDate.format($.dateFormat.visual.MMMYYFormat)} - ${t.endDate.format($.dateFormat.visual.MMMYYFormat)})`;export{Ut as l};

package/dist/assets/TransactionListPage-tnL66tOu-DKTJncjo.js

@@ -1,35 +0,0 @@
-import{u as q,aT as z,aU as A,aV as M,j as o,Y as h,aW as K,d as U,aX as V,o as n,q as W}from"./index-D3N9MvRr.js";import{b as r,n as l}from"./vendor-CnQcJ2Lu.js";import{l as X}from"./TransactionList-2HeLZVn9-D_XSB9a8.js";import{t as _}from"./page-detail-CWX5S47F-B6DjZ3Gi.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./BoxItem-BqLhtWoJ-DTGdC4UO.js";import"./commonDimensions-CKgBEMhT-JcVoNYFG.js";const G=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100vh;
-  width: 100%;
-  flex-direction: column;
-  background-color: ${t=>t.theme.colors.grey4};
-  box-shadow: ${t=>`${n.sp0} 2px ${n.sp1} ${t.theme.colors.dropShadowNormal}`};
-`,H=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin: ${n.sp0};
-`,J=l.div`
-  display: flex;
-  flex: 1 1 auto;
-  height: 100%;
-  width: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-`,Q=l(W)`
-  color: ${t=>t.theme.colors.hero};
-  text-align: center;
-`,Z=l(_)`
-  height: ${n.sp4};
-  width: ${n.sp4};
-  color: ${t=>t.theme.colors.hero};
-  cursor: pointer;
-  &:hover {
-    color: ${t=>t.theme.colors.primary};
-  }
-`;function ht({title:t,subTitle:T,firstMonthOfFY:y,timeframe:c,timePeriod:s,useFixedPeriod:u,dataAvailableForPeriod:p,report:e,currentScrollYOffset:C,showStatementPageIcon:L=!1,onTimePeriodChange:x,onTransactionItemClick:w,onTransactionListScroll:b,onBackClick:I,onStatementPageIconClick:N,referrerType:B}){const[g,S]=r.useState(!0),[d,P]=r.useState(!1),[f,$]=r.useState(!1),E=q();r.useEffect(()=>{e.transactions.length>0?S(!1):S(d===!1&&f===!1?e.fetchState==="In-Progress"||e.fetchState==="Not-Started":!1)},[e,g,d,f]);const F=z(),k=A(B),v=`${k===""?F:k}.transactions.list`;M({componentName:v});const O=s.startDate.isAfter(p.startDate,c)?{isLoading:d&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"),fixedTimePeriod:u,onLoadPreviousClick:(a,i)=>{$(!1),P(!0),x?.(a,s,i)}}:void 0,Y=s.endDate.isBefore(p.endDate,c)?{isLoading:f&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"),fixedTimePeriod:u,onLoadNextClick:(a,i)=>{P(!1),$(!0),x?.(a,s,i)}}:void 0;let j=null;L&&(j=o.jsx(Z,{onClick:N}));const m=r.useRef(null);function D(a,i,R){V({category:`${v}.transaction-list.react.profiler`,message:`${a} (${i}) took ${R}ms`,level:"info"})}return o.jsx(r.Profiler,{id:"TransactionListPage",onRender:D,children:o.jsxs(G,{"data-testid":h("transaction-list-page",t),children:[o.jsx(K,{source:"TransactionListPage","data-testid":h("transaction-list-page-nav-bar"),title:t,onBackClick:I,backgroundColor:E.colors.grey4,rightSideComponent:j,scrollableContent:m.current!=null?m:void 0}),o.jsxs(H,{"data-testid":h("transaction-list",t),children:[o.jsx(Q,{children:T}),g===!1?o.jsx(X,{ref:m,firstMonthOfFY:y,timeframe:c,timePeriod:s,transactions:e.transactions,currentScrollYOffset:C,onTransactionItemClick:w,onTransactionListScroll:b,showLoadPrevious:O,showLoadNext:Y}):o.jsx(J,{children:o.jsx(U,{size:"ExtraLarge",start:!0})})]})]})})}export{ht as default};

package/dist/assets/TrendChart-kwGU0d90-D9vTA2Kh.js

@@ -1,16 +0,0 @@
-import{M as j,j as s,l as u,u as Z,Y,ai as z,b5 as B,b6 as F,au as P,v as w,at as R,aa as q,b7 as O,av as K,b9 as _,o as L,g as G,q as N}from"./index-D3N9MvRr.js";import{b as v,f as V,n as $}from"./vendor-CnQcJ2Lu.js";import{d as W,g as M,p as k,u as Q}from"./chartTypes-Dj-_K0Gi-EQP1Ce02.js";import{o as X}from"./toCOABalancesWithID-D1BwrImS-CU7gHn7p.js";import{V as H}from"./toChartData-DVTo0PPD-Xv5HtUSQ.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const I=$.div`
-  display: flex;
-`,J=$.div`
-  flex: display;
-  opacity: 0.85;
-  border-radius: ${L.sp1};
-  flex-direction: column;
-  padding: ${L.sp3};
-  background-color: ${e=>e.theme.colors.black};
-`,U=$(N)`
-  color: ${e=>e.color??G.neutralGrey2Light};
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`,ee=({active:e,payload:t,trendType:a})=>{const r=[];return t?.forEach(i=>{const l=i.name;if(i&&e&&i.value!==0){const c=i.payload,g=i.color,d=l!=null&&c.record[l]!=null?c.record[l].amount:void 0;r.push({barName:a,value:d,color:g})}}),r},te=e=>{const t=ee(e);return t.length?s.jsx(I,{children:s.jsx(J,{children:t.map((a,r)=>s.jsx(U,{color:a.color,children:`${a.barName}: ${Q(a.value)}`},a.barName+r))})}):null},ae=V.memo(te),re=(e,t,a,r)=>{let i=[];if(r!=null){const l=oe(r,a);l!=null&&l.length>0&&(i=X("trend","actual",l))}if(i.length>0){const l=k("trend","actual"),c={};return c[l]=i,H(e,t,l,c)}else return},oe=(e,t)=>{if(e!=null)switch(t){case"month":return e.monthly;case"quarter":return e.quarterly;case"year":return e.yearly;case"free_range":throw new Error("free_range dates are not supported!")}},T=[k("trend","actual")];function xe({firstMonthOfFY:e,trendReport:t,timeframe:a,selectedTimePeriod:r,graphColor:i,width:l,height:c,onTimeframeSelectionChanged:g}){const d=v.useRef(!1),b=r!=null?se(e,r,a):void 0,y=j.getLocalizedStrings().reports.trend[t?.balancesKind];v.useEffect(()=>{d.current=!0},[]);const x=re(e,T,a,t),D=p=>{const h=[];return T.forEach(o=>{h.push(s.jsx(_,{name:o,isAnimationActive:d.current,dataKey:m=>{const n=m.record;return(n[o]!=null&&n[o].amount!=null?n[o].amount:void 0)?.amount??0},maxBarSize:36,fill:p.toString(),"data-testid":Y(o,"bar")},o))}),h};return x==null?null:s.jsx(le,{chartData:x,timeframe:a,selectedLabel:b,barElements:D(i),customToolTipContent:({active:p,payload:h})=>s.jsx(ae,{active:p,payload:h,trendType:y}),width:l,height:c,onTimeframeSelectionChanged:g})}const le=({chartData:e,timeframe:t,selectedLabel:a,barElements:r,customToolTipContent:i,width:l,height:c,onTimeframeSelectionChanged:g})=>{const d=Z(),[b,y]=v.useState([void 0,void 0]),x=e.timeseries,D=W(e),p=x.map(o=>o.label);v.useEffect(()=>{if(a!=null){const o=M(a.label,p,1);y(o)}else y([void 0,void 0])},[t,a]);const h=o=>{if(o?.activePayload==null||o.activePayload.length===0)return;const m=o.activePayload[0],n=m.payload.record[k("trend","actual")].amount;if(n!=null&&n.amount===0)return;const E=m.payload.timeLabel.label,S=m.payload.timeLabel.startDate,C=m.payload.timeLabel.endDate,A=M(E,p,1);y(A),g?.(t,{startDate:S,endDate:C})};return s.jsx("div",{style:{width:l,height:c},"data-testid":Y("simple-bar-chart"),children:s.jsx(z,{children:({height:o,width:m})=>s.jsxs(B,{"data-testid":Y("bar-chart"),width:m,height:o,data:e.recordByTimeseries,barCategoryGap:"30%",margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto",cursor:"pointer"},onClick:h,children:[s.jsx(F,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:d.colors.grey3}),s.jsx(P,{dataKey:n=>n.timeLabel.label,type:"category",axisLine:{stroke:d.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:d.colors.hero,...w.extraSmallRegular.cssObject}}),s.jsx(R,{type:"number",axisLine:!1,tickLine:!1,tick:{color:d.colors.hero,...w.extraSmallRegular.cssObject},tickFormatter:n=>q("0,0.[00]a",n,D)}),s.jsx(O,{cursor:!1,content:i,allowEscapeViewBox:{x:!1,y:!0}}),a!=null&&s.jsx(K,{x1:b[0],x2:b[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),r]})})})},{dateFormat:f}=j.getLocalizedStrings(),se=(e,t,a)=>{let r="";switch(a){case"week":t.startDate.month()!==t.endDate.month()?r=`${u.formatZeniDate(t.startDate,f.visual.MMMYYFormat,e)} - ${u.formatZeniDate(t.endDate,f.visual.MMMYYFormat,e)}`:r=`${u.formatZeniDate(t.startDate,f.visual.Dformat,e)} - ${u.formatZeniDate(t.endDate,f.visual.MMMDCommaYYYYformat,e)}`;break;case"month":r=`${u.formatZeniDate(t.startDate,f.visual.MMMYYFormat,e)}`;break;case"quarter":r=`${j.getLocalizedStrings().quarterPrefix}${u.formatZeniDate(t.startDate,f.visual.QYYformat,e)}`;break;case"year":r=`${u.formatZeniDate(t.startDate,f.visual.YYYYformat,e)}`;break;case"free_range":throw new Error("free_range dates are not supported!")}return{label:r,startDate:t.startDate,endDate:t.endDate}};export{xe as default};