@zeniai/web-cockpit-ui 1.13.90-qa → 1.13.91-dev

package/dist/assets/{ChargeCardListPage-Dbx1ymB9-DRDAjXYS.js → ChargeCardListPage-DSOp7sFg-CW3N5mrs.js}

@@ -1,4 +1,4 @@
-import{d3 as $t,y as St,fm as jt,l as T,fh as v,X as he,M as Be,o as a,u as _e,j as t,aW as vt,fA as kt,cO as A,v as C,bt as le,g as n,_ as Pt,aJ as de,Y as pe,C as B,w as L,Q as It,h as Mt,cl as Tt,b4 as Fe,b5 as At,ak as me,a9 as Lt,m as ue,p as I,d4 as Et,Z as Rt,s as Dt,c0 as zt,ck as Ot,aP as Nt}from"./index-Dc18sb8X.js";import{b as N,n as i,j as ge,k as Bt}from"./vendor-CnQcJ2Lu.js";import{Y as _t}from"./SpendManagementSection-CisJALAC-cZKA8cZE.js";import{ChargeCardPromoUserContent as Ft}from"./ChargeCardPromoPage-CsItH2IC-BRai09H4.js";import{A as Ut,J as Wt}from"./PromoBaseCards-BuCQJuXH-jJQ9UKvZ.js";import{M as Yt}from"./ChargeCardListTable-qk9tQ6Kb-lo8c0x-v.js";import{r as Gt,i as Jt}from"./graphic-no-data-net-burn-l-CzmycA0m-DR-LfIWY.js";import{t as Ht,o as Vt}from"./arrow-south-east-round-PEovUgvH-DBLhwZXJ.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"./MeetingCalenderPopup-6yyRBLYC-Bbqtv452.js";import"./NavigationDots-5fxvl-4e-xo_TDt3y.js";import"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./Menu-BOh_KLZu-CFhi0SIh.js";import"./RoleWithToolTip-DkeT6zjW-DB4n5m2x.js";import"./CardNumberSubText-dxYfM6ph-DEOIkYXa.js";import"./ChargeCardUtils-k5Cmi_bM-uT1V7gQT.js";const xe={infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ve=Be.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:d,title:h,subTitle:r,slidingTextList:u,onClick:l})=>{const p=he();return t.jsxs(qt,{windowSize:p,cardPromoType:e,"data-testid":pe("list-page-promo-card",e),onClick:()=>l(e),children:[t.jsxs(Ue,{children:[t.jsxs(Ye,{children:[t.jsx(We,{children:d}),t.jsx(Xt,{children:h}),t.jsx(aa,{children:r})]}),t.jsxs(ia,{children:[t.jsx(ra,{}),u.length>0&&t.jsx(ce,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ge,{children:g},`card-promo-${x.toString()}`))}),t.jsx(na,{})]})]}),t.jsx(oa,{children:t.jsx(Ut,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(sa,{children:t.jsx(Wt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:d,creditLimit:h,onCreateNowClick:r})=>{const u=he();return t.jsx(Zt,{windowSize:u,cardType:e,children:t.jsxs(Kt,{children:[t.jsxs(Ye,{children:[t.jsx(We,{children:s}),t.jsx(ta,{children:t.jsx(ea,{children:d})}),t.jsx(la,{windowSize:u,children:t.jsxs(da,{windowSize:u,onClick:()=>r(e),"data-testid":pe("total-cashback-info"),children:[t.jsx(Ge,{children:ve.createNow}),t.jsx(ca,{})]})})]}),e==="creditCard"?t.jsxs(ha,{children:[t.jsx(pa,{children:ve.creditLimit}),t.jsx(ma,{children:h})]}):null]})})},Qt=e=>{const s=e-1;let d=`
+import{d3 as $t,w as St,fn as jt,l as T,fi as v,X as he,M as Be,o as a,u as _e,j as t,aW as vt,fB as kt,cO as A,q as C,bu as le,g as n,_ as Pt,aJ as de,Y as pe,C as B,v as L,Q as It,h as Mt,cl as Tt,b5 as Fe,b6 as At,ak as me,a9 as Lt,f as ue,p as I,d4 as Et,Z as Rt,s as Dt,c0 as zt,ck as Ot,aP as Nt}from"./index-Dq4DW5h0.js";import{b as N,n as i,j as ge,k as Bt}from"./vendor-CnQcJ2Lu.js";import{Y as _t}from"./SpendManagementSection-COMVry1E-CYzctw4v.js";import{ChargeCardPromoUserContent as Ft}from"./ChargeCardPromoPage-DOibcN9n-8P5nzLqn.js";import{A as Ut,J as Wt}from"./PromoBaseCards-BMPp9RNQ-B5wN89Pm.js";import{M as Gt}from"./ChargeCardListTable-BE4it4le-6GBRyFGt.js";import{r as Yt,i as Jt}from"./graphic-no-data-net-burn-l-CzmycA0m-DR-LfIWY.js";import{t as Ht,o as qt}from"./arrow-south-east-round-PEovUgvH-DBLhwZXJ.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-D4tz-H5i-CGIgOa91.js";import"./NavigationDots-nvOimTil-Do5DUslv.js";import"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./Menu-C9u3eDJk-Dna4rH8W.js";import"./RoleWithToolTip-aoWU03so-Bag-xDLs.js";import"./CardNumberSubText-DszoXtgg-ySKglJLN.js";import"./ChargeCardUtils-oF0M6Gmc-CWcylJdd.js";const xe={infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ve=Be.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:d,title:h,subTitle:r,slidingTextList:u,onClick:l})=>{const p=he();return t.jsxs(Xt,{windowSize:p,cardPromoType:e,"data-testid":pe("list-page-promo-card",e),onClick:()=>l(e),children:[t.jsxs(Ue,{children:[t.jsxs(Ge,{children:[t.jsx(We,{children:d}),t.jsx(Qt,{children:h}),t.jsx(aa,{children:r})]}),t.jsxs(ia,{children:[t.jsx(ra,{}),u.length>0&&t.jsx(ce,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ye,{children:g},`card-promo-${x.toString()}`))}),t.jsx(na,{})]})]}),t.jsx(oa,{children:t.jsx(Ut,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(sa,{children:t.jsx(Wt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:d,creditLimit:h,onCreateNowClick:r})=>{const u=he();return t.jsx(Zt,{windowSize:u,cardType:e,children:t.jsxs(Kt,{children:[t.jsxs(Ge,{children:[t.jsx(We,{children:s}),t.jsx(ta,{children:t.jsx(ea,{children:d})}),t.jsx(la,{windowSize:u,children:t.jsxs(da,{windowSize:u,onClick:()=>r(e),"data-testid":pe("total-cashback-info"),children:[t.jsx(Ye,{children:ve.createNow}),t.jsx(ca,{})]})})]}),e==="creditCard"?t.jsxs(ha,{children:[t.jsx(pa,{children:ve.creditLimit}),t.jsx(ma,{children:h})]}):null]})})},Vt=e=>{const s=e-1;let d=`
     0% {
       transform: translateY(0);
     }
@@ -19,7 +19,7 @@ import{d3 as $t,y as St,fm as jt,l as T,fh as v,X as he,M as Be,o as a,u as _e,j
   100% {
       transform: translateY(0);
   }
-  `,Bt`${d}`},qt=i.div`
+  `,Bt`${d}`},Xt=i.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -73,7 +73,7 @@ import{d3 as $t,y as St,fm as jt,l as T,fh as v,X as he,M as Be,o as a,u as _e,j
   justify-content: space-between;
 `,We=i(Et)`
   color: ${e=>e.theme.colors.brandColorGold};
-`,Xt=i(zt)`
+`,Qt=i(zt)`
   color: ${e=>e.theme.colors.brandColorJade};
 `,ea=i(Rt)`
   color: ${n.neutralGrey5Light};
@@ -98,10 +98,10 @@ import{d3 as $t,y as St,fm as jt,l as T,fh as v,X as he,M as Be,o as a,u as _e,j
   align-self: baseline;
   width: 224px;
   ${e=>ge`
-    animation: ${Qt(e.slideUpCount)}
+    animation: ${Vt(e.slideUpCount)}
       ${(e.slideUpCount-1)*3.5}s ease-out infinite;
   `}
-`,Ye=i.div`
+`,Ge=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -123,7 +123,7 @@ import{d3 as $t,y as St,fm as jt,l as T,fh as v,X as he,M as Be,o as a,u as _e,j
   position: absolute;
   top: 37px;
   right: -46px;
-`,Ge=i.div``,la=i.div`
+`,Ye=i.div``,la=i.div`
   border: 1px solid ${n.neutralGrey5Light};
   border-radius: ${a.sp12};
   width: fit-content;
@@ -149,7 +149,7 @@ import{d3 as $t,y as St,fm as jt,l as T,fh as v,X as he,M as Be,o as a,u as _e,j
   color: ${n.neutralGrey5Light};
 `,ma=i(Dt)`
   color: ${n.neutralGrey5Light};
-`,_={contentContainerMargin:new B(I[3],I[4],I[8]),infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ua={remainingText:new It("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:m,cardList:$,chargeCardsPromo:c}},common:f,dateFormat:H}=Be.getLocalizedStrings(),pi=({chargeCardListView:e,searchText:s,admins:d,companyLegalName:h,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:l,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,controllerEmails:Q,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:Ve,signedInUser:Qe,creditLimit:q,cashbackRate:be,onSearchTextChanged:qe,onClickSetupIcon:Ze,isEarlyPayEnabled:E,onClickStatementsIcon:Ke,onChargeCardRowClick:Xe,onChargeCardResendInviteClick:et,onChargeCardRevokeInviteClick:tt,onIssueCardClick:at,onBackClick:it,onReloadCards:rt,onTotalCashbackClick:nt,onColumnSortConfigChanged:ot,onClickMenuIcon:st,onPromoCardClick:Ce,onCreateNowClick:fe,showPayNowInfoTooltip:lt,navigateToCreditCardPaymentPage:F,shouldShowPayNowInfoTooltip:Z})=>{const U=$t().analytics,[ye,dt]=N.useState(!1),{creditAccount:S,creditAccountRepayment:y}=e,K=St(),M=!!K.loggedInUserRole.includes("charge_card_user"),W=jt(K),w=T.hasChargeCardAdminLevelAccess(K.loggedInUserRoleMap),R=w===!0?{creditCardCashbackOffer:`${P.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${P.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:v(P.cashbackSummary.cashbackEarned.amount),redeemedCashback:v(P.cashbackSummary.cashbackRedeemed.amount),availableCashback:v(P.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:P.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:P.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,X=l&&x&&w===!0?{creditAccountId:S.id,creditAccountLimit:v(S.limit.amount),creditAccountAvailableAmount:v(S.available.amount),creditAccountSpentAmount:v(S.balance.amount+S.hold.amount),creditAccountStatus:S.status,outstandingBalance:v(y.remainingAmountDue.amount)}:void 0,ee=p&&g?{debitAccountId:k.depositAccounts.map(o=>o.id),debitAccountName:k.depositAccounts.map(o=>o.accountName),debitAccountBalance:k.depositAccounts.map(o=>v(o.accountBalance.available.amount)),debitCardsSpend:v(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:k.depositAccounts.map(o=>o.accountStatus)}:void 0,te={isCreditCardOffered:l,isDebitCardOffered:p,isDebitCardEnabled:g,isCreditCardEnabled:x},ct=o=>{dt(o),o===!0&&(U.trackCardsListPageClicked("search"),(!l||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListSearchClick(Q,te,R,X,ee))},b=he(),we=W&&!w,$e=e.creditAccount.balance.amount+e.creditAccount.hold.amount,D={amount:$e,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},ae=Math.round(D.amount*100/e.creditAccount.limit.amount),ht=isNaN(ae)?0:$e!==0&&ae===0?1:ae,z=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,ie=w&&D.amount>u*e.creditAccount.limit.amount/100,O=z!=null&&y.initiatedRepayments.amount>0,pt={entity:"charge_cards",showNewButtonOnNavbar:w,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:w?$.newBtnLabel:f.strings.empty,hideSearchBtn:M,searchTextBoxStyle:{right:we?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:we?a.sp0:a.sp4},isSearchOpen:ye,searchPlaceHolder:$.searchPlaceHolder,searchText:s,showSettingsIcon:!M,showSettingsIconOnNavbar:w,showStatementButtonOnNavbar:l&&x,showPayEarlyButtonOnNavbar:E&&w&&D.amount>0&&!O&&!ie,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:U,onSearchOpen:ct,onSearchTextChanged:qe,onClickSetupIcon:Ze,onClickStatementsIcon:Ke,downloadState:"Not-Started",onNewButtonClick:at,onClickPayEarlyIcon:()=>F("More Button","Pay Early"),onMenuOpen:()=>{(!l||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListMoreMenuClick(Q,te,R,X,ee)},filters:{categoryCombinationOperator:"AND",categories:[]}},mt=t.jsx(_t,{spendManagementSectionProps:pt}),ut=e.cards.length===0?!1:M&&T.anyCardOnHold(e.cards),gt=e.fetchState==="Completed"?$a({isChargeCardFeatureEnabled:l,isChargeCardSetupEnabled:x,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g}):"",Y=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,xt=l&&x&&e.hasCreditCard,bt=p&&g&&e.hasDebitCard,Ct=l&&x&&W&&!w,ft=p&&g&&W&&!w,G=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(T.dateNow(),"days")??0,re=[m.payNow,G>0&&G<11?`${m.billDueIn} ${G} ${G===1?f.timeStrings.day:f.timeStrings.days}`:m.creditLimitLow,m.payNow],Se=y.initiatedRepayments.amount===S.balance.amount+S.hold.amount,ne=[m.paymentInitiated,`${$.header.limit} ${Se?f.resets:f.updates} ${f.by} ${T.zeniDate(T.getNextNthWorkingDay(y.initiatedRepaymentDate?.toDate()??T.dateNow().toDate(),[0,6],3).toDateString()).format(H.visual.MMMDFormat)}`,m.paymentInitiated],oe=N.useRef(null),se=N.useRef(null),yt=_e(),[wt,je]=N.useState(!0);return N.useEffect(()=>{const o=()=>{se.current&&(se.current.getBoundingClientRect().top<(b==="small"?68:40)?je(!1):je(!0))};o();const j=()=>{o()},J=oe.current;return J&&J.addEventListener("scroll",j),window.addEventListener("scroll",j),()=>{J&&J.removeEventListener("scroll",j),window.removeEventListener("scroll",j)}},[b]),t.jsxs(Ta,{ref:oe,children:[t.jsx(vt,{title:gt,showBackButton:!0,showMenuIcon:b==="medium-compact"||b==="small",onClickMenuIcon:st,style:{zIndex:3},onBackClick:it,rightSideComponent:mt,isSearchOpen:ye,hideSearchBtn:M,scrollableContent:oe,source:"ChargeCardListPage",backgroundColor:yt.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(kt,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[M?null:t.jsxs(Aa,{windowSize:b,children:[xt||Ct?t.jsxs(Le,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsxs(Oe,{children:[t.jsxs(Ne,{children:[t.jsx(Re,{children:$.creditCardBalance}),t.jsx(A,{amount:D,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]}),t.jsxs(ka,{children:[t.jsx(V,{style:{textAlign:"end"},children:f.texts.limit}),t.jsx(A,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:C.largeRegular.cssObject,decimalStyles:C.smallRegular.cssObject})]})]}),t.jsx(Na,{children:t.jsx(Ba,{style:{width:`${ht}%`,borderRadius:a.sp1}})}),ie&&!O&&E?t.jsx(le,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(ya,{children:m.creditLimitIsRunningLow}),children:t.jsxs(Ee,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:f.texts.remaining}),t.jsx(wa,{children:t.jsx(fa,{})})]})}):t.jsxs(Ee,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:f.texts.remaining})]})]}),t.jsxs(Pa,{showPaymentInitiatedInfo:O,isEarlyPayEnabled:E,children:[O&&E?null:t.jsx(V,{children:`${f.texts.limitReset} ${z!=null?z.format(H.visual.MMMDFormat):null}`}),w&&E&&(O?t.jsx("div",{children:t.jsx(le,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(Sa,{children:[t.jsx(Ae,{children:`${m.paymentOf} ${Pt("0,0.[00]",{amount:y.initiatedRepayments.amount,currencyCode:y.initiatedRepayments.currencyCode,currencySymbol:y.initiatedRepayments.currencySymbol})} ${m.madeOn} `}),t.jsx(ja,{children:y.initiatedRepaymentDate?.format(H.visual.MMMDFormat)}),f.strings.space,t.jsx(Ae,{children:Se?m.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:m.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Ie,{hasPointer:!1,children:[ne.length>0&&t.jsx(ce,{slideUpCount:ne.length,style:{alignItems:"flex-end",width:"auto"},children:ne.map((o,j)=>t.jsx(xa,{children:o},`card-payment-initiated-${j.toString()}`))}),t.jsx(Ca,{})]})})}):ie?t.jsx(le,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:m.creditLimitIsLow,description:m.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:m.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:n.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Z(!1),F("Toast Button","Pay Now")},showCloseButton:!0,onClose:o=>{o.preventDefault(),o.stopPropagation(),Z(!1)}},title:"informative",placement:"bottom-end",open:lt&&wt,children:t.jsxs(Ie,{ref:se,onClick:()=>{Z(!1),F("Text Button","Pay Now")},hasPointer:!0,children:[re.length>0&&t.jsx(ce,{slideUpCount:re.length,style:{alignItems:"flex-end",width:"auto"},children:re.map((o,j)=>t.jsx(ga,{isImportant:j===1,children:o},`card-pay-now-${j.toString()}`))}),t.jsx(Me,{})]})}):D.amount>0?t.jsxs(ba,{onClick:()=>F("Text Button","Pay Early"),children:[m.payEarly,t.jsx(Me,{})]}):null)]})]}):l&&x?t.jsx(Pe,{cardType:"creditCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.credit),creditLimit:de("0,0",q.amount,q.currencySymbol),onCreateNowClick:fe}):l?t.jsx(ke,{cardPromoType:"credit",cardText:c.listPage.creditCards,header:c.listPage.getAccessTo,title:c.listPage.creditCards,subTitle:c.listPage.promoSubText.credit,slidingTextList:Te("credit",be,q),onClick:Ce}):null,bt||ft?t.jsxs(Le,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsx(Oe,{children:t.jsxs(Ne,{children:[t.jsx(Re,{children:$.debitCardSpend}),t.jsx(A,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]})}),t.jsx(Ea,{children:Y!==0?t.jsxs(t.Fragment,{children:[Y<0?t.jsx(Da,{}):t.jsx(za,{}),t.jsx(Ra,{hasNegativeValue:Y<0,children:de("0,0.00",Y,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(He,{children:$.compareToLastMonth})]}):null})]}),t.jsx(Je,{children:t.jsx(V,{children:`${f.texts.limitReset} ${z!=null?z.format(H.visual.MMMDFormat):null}`})})]}):p&&g?t.jsx(Pe,{cardType:"debitCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.debit),onCreateNowClick:fe}):p?t.jsx(ke,{cardPromoType:"debit",cardText:c.listPage.debitCards,header:c.listPage.getAccessTo,title:c.listPage.debitCards,subTitle:c.listPage.promoSubText.debit,slidingTextList:Te("debit",be),onClick:Ce}):null,t.jsxs(La,{windowSize:b,children:[r?t.jsxs(va,{children:[t.jsx(V,{style:{textAlign:"start"},children:$.totalCashback}),t.jsx(A,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:C.h5Regular.cssObject,decimalStyles:C.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ma,{windowSize:b,children:t.jsxs(Oa,{windowSize:b,onClick:nt,"data-testid":pe("total-cashback-info"),children:[t.jsx(Ia,{children:$.overview}),t.jsx(_a,{})]})}):null]}):null,t.jsx(Ua,{children:t.jsx(Wa,{})})]})]}),e.cards.length===0&&M===!0||ut?t.jsx(Fa,{children:t.jsx(Ft,{companyLegalName:h,cards:e.cards,admins:d,hasZeniFinopsRoles:W})}):t.jsx(Yt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:R,creditAccountInformation:X,debitAccountInformation:ee,productInformation:te,controllerEmails:Q,isChargeCardFeatureEnabled:l,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,creditAccount:e.creditAccount,creditAccountRepayment:y,cardList:e.cards,showViewForCardUser:!1,signedInUser:Qe,fetchState:e.fetchState,onReloadCards:rt,onChargeCardRowClick:Xe,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:Ve,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ot,onChargeCardResendInviteClick:et,onChargeCardRevokeInviteClick:tt})]})]})},ga=i(Fe)`
+`,_={contentContainerMargin:new B(I[3],I[4],I[8]),infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ua={remainingText:new It("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:m,cardList:$,chargeCardsPromo:c}},common:f,dateFormat:H}=Be.getLocalizedStrings(),pi=({chargeCardListView:e,searchText:s,admins:d,companyLegalName:h,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:l,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,controllerEmails:V,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:qe,signedInUser:Ve,creditLimit:X,cashbackRate:be,onSearchTextChanged:Xe,onClickSetupIcon:Ze,isEarlyPayEnabled:E,onClickStatementsIcon:Ke,onChargeCardRowClick:Qe,onChargeCardResendInviteClick:et,onChargeCardRevokeInviteClick:tt,onIssueCardClick:at,onBackClick:it,onReloadCards:rt,onTotalCashbackClick:nt,onColumnSortConfigChanged:ot,onClickMenuIcon:st,onPromoCardClick:Ce,onCreateNowClick:fe,showPayNowInfoTooltip:lt,navigateToCreditCardPaymentPage:F,shouldShowPayNowInfoTooltip:Z})=>{const U=$t().analytics,[ye,dt]=N.useState(!1),{creditAccount:S,creditAccountRepayment:y}=e,K=St(),M=!!K.loggedInUserRole.includes("charge_card_user"),W=jt(K),w=T.hasChargeCardAdminLevelAccess(K.loggedInUserRoleMap),R=w===!0?{creditCardCashbackOffer:`${P.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${P.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:v(P.cashbackSummary.cashbackEarned.amount),redeemedCashback:v(P.cashbackSummary.cashbackRedeemed.amount),availableCashback:v(P.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:P.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:P.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,Q=l&&x&&w===!0?{creditAccountId:S.id,creditAccountLimit:v(S.limit.amount),creditAccountAvailableAmount:v(S.available.amount),creditAccountSpentAmount:v(S.balance.amount+S.hold.amount),creditAccountStatus:S.status,outstandingBalance:v(y.remainingAmountDue.amount)}:void 0,ee=p&&g?{debitAccountId:k.depositAccounts.map(o=>o.id),debitAccountName:k.depositAccounts.map(o=>o.accountName),debitAccountBalance:k.depositAccounts.map(o=>v(o.accountBalance.available.amount)),debitCardsSpend:v(e.debitCardSummary?.currentMonthSpends?.amount??0),debitAccountStatus:k.depositAccounts.map(o=>o.accountStatus)}:void 0,te={isCreditCardOffered:l,isDebitCardOffered:p,isDebitCardEnabled:g,isCreditCardEnabled:x},ct=o=>{dt(o),o===!0&&(U.trackCardsListPageClicked("search"),(!l||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListSearchClick(V,te,R,Q,ee))},b=he(),we=W&&!w,$e=e.creditAccount.balance.amount+e.creditAccount.hold.amount,D={amount:$e,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},ae=Math.round(D.amount*100/e.creditAccount.limit.amount),ht=isNaN(ae)?0:$e!==0&&ae===0?1:ae,z=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,ie=w&&D.amount>u*e.creditAccount.limit.amount/100,O=z!=null&&y.initiatedRepayments.amount>0,pt={entity:"charge_cards",showNewButtonOnNavbar:w,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:w?$.newBtnLabel:f.strings.empty,hideSearchBtn:M,searchTextBoxStyle:{right:we?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:we?a.sp0:a.sp4},isSearchOpen:ye,searchPlaceHolder:$.searchPlaceHolder,searchText:s,showSettingsIcon:!M,showSettingsIconOnNavbar:w,showStatementButtonOnNavbar:l&&x,showPayEarlyButtonOnNavbar:E&&w&&D.amount>0&&!O&&!ie,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:U,onSearchOpen:ct,onSearchTextChanged:Xe,onClickSetupIcon:Ze,onClickStatementsIcon:Ke,downloadState:"Not-Started",onNewButtonClick:at,onClickPayEarlyIcon:()=>F("More Button","Pay Early"),onMenuOpen:()=>{(!l||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListMoreMenuClick(V,te,R,Q,ee)},filters:{categoryCombinationOperator:"AND",categories:[]}},mt=t.jsx(_t,{spendManagementSectionProps:pt}),ut=e.cards.length===0?!1:M&&T.anyCardOnHold(e.cards),gt=e.fetchState==="Completed"?$a({isChargeCardFeatureEnabled:l,isChargeCardSetupEnabled:x,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g}):"",G=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,xt=l&&x&&e.hasCreditCard,bt=p&&g&&e.hasDebitCard,Ct=l&&x&&W&&!w,ft=p&&g&&W&&!w,Y=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(T.dateNow(),"days")??0,re=[m.payNow,Y>0&&Y<11?`${m.billDueIn} ${Y} ${Y===1?f.timeStrings.day:f.timeStrings.days}`:m.creditLimitLow,m.payNow],Se=y.initiatedRepayments.amount===S.balance.amount+S.hold.amount,ne=[m.paymentInitiated,`${$.header.limit} ${Se?f.resets:f.updates} ${f.by} ${T.zeniDate(T.getNextNthWorkingDay(y.initiatedRepaymentDate?.toDate()??T.dateNow().toDate(),[0,6],3).toDateString()).format(H.visual.MMMDFormat)}`,m.paymentInitiated],oe=N.useRef(null),se=N.useRef(null),yt=_e(),[wt,je]=N.useState(!0);return N.useEffect(()=>{const o=()=>{se.current&&(se.current.getBoundingClientRect().top<(b==="small"?68:40)?je(!1):je(!0))};o();const j=()=>{o()},J=oe.current;return J&&J.addEventListener("scroll",j),window.addEventListener("scroll",j),()=>{J&&J.removeEventListener("scroll",j),window.removeEventListener("scroll",j)}},[b]),t.jsxs(Ta,{ref:oe,children:[t.jsx(vt,{title:gt,showBackButton:!0,showMenuIcon:b==="medium-compact"||b==="small",onClickMenuIcon:st,style:{zIndex:3},onBackClick:it,rightSideComponent:mt,isSearchOpen:ye,hideSearchBtn:M,scrollableContent:oe,source:"ChargeCardListPage",backgroundColor:yt.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(kt,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[M?null:t.jsxs(Aa,{windowSize:b,children:[xt||Ct?t.jsxs(Le,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsxs(Oe,{children:[t.jsxs(Ne,{children:[t.jsx(Re,{children:$.creditCardBalance}),t.jsx(A,{amount:D,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]}),t.jsxs(ka,{children:[t.jsx(q,{style:{textAlign:"end"},children:f.texts.limit}),t.jsx(A,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:C.largeRegular.cssObject,decimalStyles:C.smallRegular.cssObject})]})]}),t.jsx(Na,{children:t.jsx(Ba,{style:{width:`${ht}%`,borderRadius:a.sp1}})}),ie&&!O&&E?t.jsx(le,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(ya,{children:m.creditLimitIsRunningLow}),children:t.jsxs(Ee,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:f.texts.remaining}),t.jsx(wa,{children:t.jsx(fa,{})})]})}):t.jsxs(Ee,{children:[t.jsx(A,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:f.texts.remaining})]})]}),t.jsxs(Pa,{showPaymentInitiatedInfo:O,isEarlyPayEnabled:E,children:[O&&E?null:t.jsx(q,{children:`${f.texts.limitReset} ${z!=null?z.format(H.visual.MMMDFormat):null}`}),w&&E&&(O?t.jsx("div",{children:t.jsx(le,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(Sa,{children:[t.jsx(Ae,{children:`${m.paymentOf} ${Pt("0,0.[00]",{amount:y.initiatedRepayments.amount,currencyCode:y.initiatedRepayments.currencyCode,currencySymbol:y.initiatedRepayments.currencySymbol})} ${m.madeOn} `}),t.jsx(ja,{children:y.initiatedRepaymentDate?.format(H.visual.MMMDFormat)}),f.strings.space,t.jsx(Ae,{children:Se?m.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:m.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Ie,{hasPointer:!1,children:[ne.length>0&&t.jsx(ce,{slideUpCount:ne.length,style:{alignItems:"flex-end",width:"auto"},children:ne.map((o,j)=>t.jsx(xa,{children:o},`card-payment-initiated-${j.toString()}`))}),t.jsx(Ca,{})]})})}):ie?t.jsx(le,{variant:"informative",arrow:!0,style:{top:a.sp2,left:"22px",position:"relative"},data:{preHeading:"URGENT",heading:m.creditLimitIsLow,description:m.transactionsMayBeDeclinedBecauseTheCreditLimitIsRunningLow,buttonText:m.payNow,tooltipContentStyle:{width:"240px",boxSizing:"content-box",gap:a.sp0},tooltipIntroductionStyle:{color:n.important},buttonStyle:{width:"31%"},onButtonClick:()=>{Z(!1),F("Toast Button","Pay Now")},showCloseButton:!0,onClose:o=>{o.preventDefault(),o.stopPropagation(),Z(!1)}},title:"informative",placement:"bottom-end",open:lt&&wt,children:t.jsxs(Ie,{ref:se,onClick:()=>{Z(!1),F("Text Button","Pay Now")},hasPointer:!0,children:[re.length>0&&t.jsx(ce,{slideUpCount:re.length,style:{alignItems:"flex-end",width:"auto"},children:re.map((o,j)=>t.jsx(ga,{isImportant:j===1,children:o},`card-pay-now-${j.toString()}`))}),t.jsx(Me,{})]})}):D.amount>0?t.jsxs(ba,{onClick:()=>F("Text Button","Pay Early"),children:[m.payEarly,t.jsx(Me,{})]}):null)]})]}):l&&x?t.jsx(Pe,{cardType:"creditCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.credit),creditLimit:de("0,0",X.amount,X.currencySymbol),onCreateNowClick:fe}):l?t.jsx(ke,{cardPromoType:"credit",cardText:c.listPage.creditCards,header:c.listPage.getAccessTo,title:c.listPage.creditCards,subTitle:c.listPage.promoSubText.credit,slidingTextList:Te("credit",be,X),onClick:Ce}):null,bt||ft?t.jsxs(Le,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsx(Oe,{children:t.jsxs(Ne,{children:[t.jsx(Re,{children:$.debitCardSpend}),t.jsx(A,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]})}),t.jsx(Ea,{children:G!==0?t.jsxs(t.Fragment,{children:[G<0?t.jsx(Da,{}):t.jsx(za,{}),t.jsx(Ra,{hasNegativeValue:G<0,children:de("0,0.00",G,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(He,{children:$.compareToLastMonth})]}):null})]}),t.jsx(Je,{children:t.jsx(q,{children:`${f.texts.limitReset} ${z!=null?z.format(H.visual.MMMDFormat):null}`})})]}):p&&g?t.jsx(Pe,{cardType:"debitCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.debit),onCreateNowClick:fe}):p?t.jsx(ke,{cardPromoType:"debit",cardText:c.listPage.debitCards,header:c.listPage.getAccessTo,title:c.listPage.debitCards,subTitle:c.listPage.promoSubText.debit,slidingTextList:Te("debit",be),onClick:Ce}):null,t.jsxs(La,{windowSize:b,children:[r?t.jsxs(va,{children:[t.jsx(q,{style:{textAlign:"start"},children:$.totalCashback}),t.jsx(A,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:C.h5Regular.cssObject,decimalStyles:C.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ma,{windowSize:b,children:t.jsxs(Oa,{windowSize:b,onClick:nt,"data-testid":pe("total-cashback-info"),children:[t.jsx(Ia,{children:$.overview}),t.jsx(_a,{})]})}):null]}):null,t.jsx(Ua,{children:t.jsx(Wa,{})})]})]}),e.cards.length===0&&M===!0||ut?t.jsx(Fa,{children:t.jsx(Ft,{companyLegalName:h,cards:e.cards,admins:d,hasZeniFinopsRoles:W})}):t.jsx(Gt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:R,creditAccountInformation:Q,debitAccountInformation:ee,productInformation:te,controllerEmails:V,isChargeCardFeatureEnabled:l,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,creditAccount:e.creditAccount,creditAccountRepayment:y,cardList:e.cards,showViewForCardUser:!1,signedInUser:Ve,fetchState:e.fetchState,onReloadCards:rt,onChargeCardRowClick:Qe,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:qe,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:ot,onChargeCardResendInviteClick:et,onChargeCardRevokeInviteClick:tt})]})]})},ga=i(Fe)`
   color: ${e=>e.isImportant?n.important:e.theme.colors.primary};
   text-align: end;
 `,xa=i(Fe)`
@@ -290,7 +290,7 @@ import{d3 as $t,y as St,fm as jt,l as T,fh as v,X as he,M as Be,o as a,u as _e,j
 `,De=i(Mt)`
   color: ${e=>e.theme.colors.primary};
   ${e=>`${ua.remainingText.style(e.windowSize)}`};
-`,V=i(L)`
+`,q=i(L)`
   color: ${e=>e.theme.colors.hero};
   white-space: nowrap;
 `,Ea=i.div`
@@ -307,7 +307,7 @@ import{d3 as $t,y as St,fm as jt,l as T,fh as v,X as he,M as Be,o as a,u as _e,j
   color: ${n.success};
   width: ${a.sp3};
   height: ${a.sp3};
-`,za=i(Vt)`
+`,za=i(qt)`
   color: ${n.important};
   width: ${a.sp3};
   height: ${a.sp3};
@@ -352,4 +352,4 @@ import{d3 as $t,y as St,fm as jt,l as T,fh as v,X as he,M as Be,o as a,u as _e,j
 `,Ne=i.div``,Ua=i.div`
   height: ${a.sp10};
   width: ${a.sp10};
-`;function Wa(){switch(_e().mode){case"light":return t.jsx(Jt,{});case"dark":default:return t.jsx(Gt,{})}}export{pi as default,Te as getPromoSlidingTextList};
+`;function Wa(){switch(_e().mode){case"light":return t.jsx(Jt,{});case"dark":default:return t.jsx(Yt,{})}}export{pi as default,Te as getPromoSlidingTextList};

package/dist/assets/{ChargeCardListTable-qk9tQ6Kb-lo8c0x-v.js → ChargeCardListTable-BE4it4le-6GBRyFGt.js}

@@ -1,4 +1,4 @@
-import{j as i,X as V,y as ee,d3 as fi,u as de,fe as $i,i9 as vi,ia as Ci,ib as yi,Y as b,M as _,bL as ji,v as oe,g as y,ao as bi,bT as ki,ic as Si,id as Ii,o as r,bf as zi,a9 as Li,C as p,ew as Ri,av as Pi,ie as Di,aa as Ui,ee as Ni,w as O,fg as Ti,p as a,dr as Vi,_ as T,bV as De,e as Ue,bt as le,bm as _i,m as k,bY as we,s as U,i4 as ue,b5 as Ne,bd as Te,ig as Mi,b$ as Ei,ab as Q,ih as Fi,ii as Oi}from"./index-Dc18sb8X.js";import{b as C,n as o,f as Wi,j as fe}from"./vendor-CnQcJ2Lu.js";import{A as Ve}from"./Menu-BOh_KLZu-CFhi0SIh.js";import{T as _e}from"./RoleWithToolTip-DkeT6zjW-DB4n5m2x.js";import{R as ce}from"./CardNumberSubText-dxYfM6ph-DEOIkYXa.js";import{_ as Me}from"./ChargeCardUtils-k5Cmi_bM-uT1V7gQT.js";const W=_.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ai=_.getLocalizedStrings().common.strings.empty,$e={key:"owner",value:W.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:W.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},Ce={key:"cardType",value:W.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},ye={key:"status",value:W.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:W.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:W.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Ee=e=>e===!0?[{...$e,width:new p(0,0),value:Ai},ve,Ce,ye,je,be]:[$e,ve,Ce,ye,je,be],z={containerPaddingLeft:r.sp2,containerPaddingRight:r.sp3,containerPaddingTop:r.sp3,containerPaddingBottom:r.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Fi,Oi)};function Hi({companyNameSticky:e,sortConfig:t,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=V(),m=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Ee(m));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===t.sortKey?g.sortOrder=t.sortOrder:g.sortOrder="ascending";w(s)},[t.sortKey,t.sortOrder]);const u=(s,g)=>{let $=g;t.sortKey===s&&($=g==="ascending"?"descending":"ascending"),h(s,$)},f=c.find(s=>s.key===t.sortKey)??(m?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",x=(m?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=_.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Ji,{windowSize:l,children:[i.jsxs(Qi,{children:[i.jsx(Zi,{children:i.jsx(Xi,{})}),i.jsx(_i,{title:j.sortBy,placeholder:j.sortBy,pickerValues:x,valueToLabel:S,selectedValue:t.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:oe.extraSmallRegular,titleTextStyle:oe.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rr,{onClick:()=>u(f.key,f.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:f.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:f,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(Bi,{windowSize:l,children:i.jsx(qi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Yi,{companyNameSticky:e,sortDataValue:t.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(ir,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(er,{sortDataValue:t.sortKey,windowSize:l,isVisible:t.sortKey===s.key&&(m?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Gi,{onClick:()=>u(m?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",t.sortKey)})})]},s.key))})})}const Ki=Wi.memo(Hi),Bi=o.div`
+import{j as i,X as _,w as ee,d3 as fi,u as de,ff as $i,ia as vi,ib as Ci,ic as yi,Y as b,M as V,bK as ji,q as oe,g as y,ao as bi,bS as ki,id as Si,ie as Ii,o as r,bg as zi,a9 as Li,C as p,ex as Ri,av as Pi,ig as Di,aa as Ui,ee as Ni,v as O,fh as Ti,p as a,dr as _i,_ as T,bU as De,d as Ue,bu as le,bn as Vi,f as k,bY as we,s as U,i5 as ue,b6 as Ne,be as Te,ih as Mi,b$ as Ei,ab as Q,ii as Fi,ij as Oi}from"./index-Dq4DW5h0.js";import{b as C,n as o,f as Wi,j as fe}from"./vendor-CnQcJ2Lu.js";import{R as _e}from"./Menu-C9u3eDJk-Dna4rH8W.js";import{T as Ve}from"./RoleWithToolTip-aoWU03so-Bag-xDLs.js";import{R as ce}from"./CardNumberSubText-DszoXtgg-ySKglJLN.js";import{_ as Me}from"./ChargeCardUtils-oF0M6Gmc-CWcylJdd.js";const W=V.getLocalizedStrings().spendManagement.chargeCard.cardList.header,Ai=V.getLocalizedStrings().common.strings.empty,$e={key:"owner",value:W.owner,sortOrder:"ascending",width:new p(120,120,160,200,200)},ve={key:"cardName",value:W.cardName,sortOrder:"ascending",width:new p(120,120,160,171,171)},Ce={key:"cardType",value:W.cardType,sortOrder:"ascending",width:new p(120,120,130,170,170)},ye={key:"status",value:W.status,sortOrder:"ascending",width:new p(115,115,125,132,132)},je={key:"utilisation",value:W.utilisation,sortOrder:"ascending",width:new p(a[11],a[11],a[11],a[12],120)},be={key:"limit",value:W.limit,sortOrder:"ascending",width:new p(68,68,68,a[11],100)},Ee=e=>e===!0?[{...$e,width:new p(0,0),value:Ai},ve,Ce,ye,je,be]:[$e,ve,Ce,ye,je,be],z={containerPaddingLeft:r.sp2,containerPaddingRight:r.sp3,containerPaddingTop:r.sp3,containerPaddingBottom:r.sp3,headerLastColumnTopPadding:new p(a[0],a[4]),headerLastColumnRightPadding:new p(a[3],a[11]),headerLastColumnBottomPadding:new p(a[0],a[4]),headerLastColumnLeftPadding:new p(a[3],a[11]),headerHeight:new p(Fi,Oi)};function Hi({companyNameSticky:e,sortConfig:t,showViewForCardUser:n,onColumnSortConfigChanged:h}){const d=de(),l=_(),x=!!ee().loggedInUserRole.includes("charge_card_user")||n,[c,w]=C.useState(Ee(x));C.useEffect(()=>{const s=[...c];for(const g of s)g.key===t.sortKey?g.sortOrder=t.sortOrder:g.sortOrder="ascending";w(s)},[t.sortKey,t.sortOrder]);const u=(s,g)=>{let $=g;t.sortKey===s&&($=g==="ascending"?"descending":"ascending"),h(s,$)},f=c.find(s=>s.key===t.sortKey)??(x?c[1]:c[0]),S=s=>c.find(g=>g.key===s)?.value??"",m=(x?c.filter(s=>s.key!=="owner"):c).map(s=>s.key),j=V.getLocalizedStrings().spendManagement.chargeCard.cardList;return l==="small"?i.jsxs(Ji,{windowSize:l,children:[i.jsxs(Qi,{children:[i.jsx(Zi,{children:i.jsx(Xi,{})}),i.jsx(Vi,{title:j.sortBy,placeholder:j.sortBy,pickerValues:m,valueToLabel:S,selectedValue:t.sortKey,onPickerSelectionChanged:s=>{u(s,"ascending")},optionTextStyle:oe.extraSmallRegular,titleTextStyle:oe.extraSmallRegular,titleColor:d.colors.primary,selectedOptionColor:d.colors.hero,optionBackgroundColor:d.colors.grey5,downChevronVisible:!1,backgroundColor:d.colors.grey4})]}),i.jsxs(rr,{onClick:()=>u(f.key,f.sortOrder),"data-testid":b("mobile-cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:f.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:f,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]})]}):i.jsx(Bi,{windowSize:l,children:i.jsx(qi,{children:c.map(s=>s.width.value(l)!==0&&i.jsxs(Yi,{companyNameSticky:e,sortDataValue:t.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:l,children:[i.jsxs(ir,{onClick:()=>u(s.key,s.sortOrder),"data-testid":b("cards-list-sort-clicked",t.sortKey),children:[i.jsx(k,{children:s.value}),i.jsx(ke,{windowSize:l,sortDataValue:t.sortKey,headerdata:s,children:i.jsx(Se,{windowSize:l,children:i.jsx(we,{})})})]}),i.jsx(er,{sortDataValue:t.sortKey,windowSize:l,isVisible:t.sortKey===s.key&&(x?s.key!=="cardName":s.key!=="owner"),children:i.jsx(Gi,{onClick:()=>u(x?"cardName":"owner","ascending"),"data-testid":b("cards-list-sort-cancel",t.sortKey)})})]},s.key))})})}const Ki=Wi.memo(Hi),Bi=o.div`
   top: ${r.sp0};
   left: ${r.sp0};
   z-index: 2;
@@ -93,7 +93,7 @@ import{j as i,X as V,y as ee,d3 as fi,u as de,fe as $i,i9 as vi,ia as Ci,ib as y
   cursor: pointer;
   gap: 5px;
   color: ${e=>e.theme.colors.primary};
-`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:X}}=_.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},tr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[f,S]=C.useState(!1),x=V(),j=!!ee().loggedInUserRole.includes("charge_card_user")||t,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Me(e)/e.limit.amount*100,$=e?.cardHolderUserId===n.userId,R=Vi(e.cardHolderUser,!1),M=e.balance,I=Ee(j),A=i.jsxs(i.Fragment,{children:[i.jsx(Cr,{title:T("0,0.[00]",M),className:"amountToUtilize",children:T("0,0.[00]",M)}),g!==0?i.jsx(yr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=X.cardList.tooltip[H],K=N!=null?$?N.self:`${R} ${N.cardUser}`:q.strings.empty;return i.jsx(ar,{windowSize:x,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(nr,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(dr,{children:[j?null:i.jsx(E,{children:i.jsxs(lr,{windowSize:x,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}}),i.jsxs(hr,{children:[i.jsx(cr,{children:i.jsx(pr,{windowSize:x,title:R,className:"cardHolderName",children:R===q.strings.empty?q.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(_e,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(E,{children:i.jsxs(wr,{windowSize:x,responsiveWidth:I[1].width,children:[i.jsx(ur,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Lr,{windowSize:x,children:e.status.code==="request_on_hold"?q.strings.hyphen:X.cardDetails.expiryHideOut+q.strings.space+e.accountLast4})]})}),i.jsx(E,{children:i.jsx(fr,{windowSize:x,responsiveWidth:I[2].width,children:i.jsx($r,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(vr,{children:[i.jsx(kr,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:K,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:[i.jsx(Z,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(jr,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(Z,{status:e.status.code})}),e.status.code==="request_on_hold"&&!$?i.jsx(br,{onClick:v=>{v.stopPropagation(),m(e.id)},"data-testid":b("send-reminder",e.id),children:X.cardList.sendReminder}):null]})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:x,responsiveWidth:I[4].width,children:A})}),i.jsx(E,{children:i.jsxs(mr,{windowSize:x,responsiveWidth:I[5].width,children:[i.jsxs(xr,{windowSize:x,children:[i.jsx(gr,{className:"limitAmount",windowSize:x,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(Sr,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(Ve,{isMenuVisible:f,menuItems:i.jsx(Ir,{children:i.jsx(zr,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:X.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Z=({status:e,style:t})=>{const n=de(),h=sr(e,n),d=_.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return V()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:r.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...t}}):i.jsx(ue,{textColor:h,text:d[e],styles:t,tagStyles:{padding:"1px 6px"}})},sr=(e,t)=>{switch(e){case"active":return new Q(y.success);case"request_on_hold":return new Q(y.graphColor36);case"inactive":return new Q(y.alert);default:return new Q(t.colors.grey1)}},ar=o.div`
+`,{common:q,spendManagement:{billPay:{paymentDetails:{feePercent:or}},chargeCard:X}}=V.getLocalizedStrings(),P={containerPaddingLeft:new p(a[3],a[2]),containerPaddingRight:new p(a[2],a[3]),containerPaddingTop:new p(a[2],a[3]),containerPaddingBottom:new p(a[2],a[3]),containerMarginLeft:new p(a[4],a[8]),webkitLineClamp:new p(2,1,1,1,1)},tr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c})=>{const[w,u]=C.useState(!1),[f,S]=C.useState(!1),m=_(),j=!!ee().loggedInUserRole.includes("charge_card_user")||t,s=C.useCallback(()=>{l(e.id,d)},[e.id]),g=Me(e)/e.limit.amount*100,$=e?.cardHolderUserId===n.userId,R=_i(e.cardHolderUser,!1),M=e.balance,I=Ee(j),A=i.jsxs(i.Fragment,{children:[i.jsx(Cr,{title:T("0,0.[00]",M),className:"amountToUtilize",children:T("0,0.[00]",M)}),g!==0?i.jsx(yr,{className:"amountToUtilize",children:`${Math.round(g)}${or}`}):null]}),H=e.type.code,N=X.cardList.tooltip[H],K=N!=null?$?N.self:`${R} ${N.cardUser}`:q.strings.empty;return i.jsx(ar,{windowSize:m,onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),children:i.jsx(nr,{onClick:s,"data-testid":b("card-row",e.id),children:i.jsxs(dr,{children:[j?null:i.jsx(E,{children:i.jsxs(lr,{windowSize:m,responsiveWidth:I[0].width,children:[i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}}),i.jsxs(hr,{children:[i.jsx(cr,{children:i.jsx(pr,{windowSize:m,title:R,className:"cardHolderName",children:R===q.strings.empty?q.strings.hyphen:R})}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})]})}),i.jsx(E,{children:i.jsxs(wr,{windowSize:m,responsiveWidth:I[1].width,children:[i.jsx(ur,{title:e.cardName,className:"cardName",children:e.cardName}),i.jsx(Lr,{windowSize:m,children:e.status.code==="request_on_hold"?q.strings.hyphen:X.cardDetails.expiryHideOut+q.strings.space+e.accountLast4})]})}),i.jsx(E,{children:i.jsx(fr,{windowSize:m,responsiveWidth:I[2].width,children:i.jsx($r,{className:"card-type",children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:m,responsiveWidth:I[3].width,children:h===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(vr,{children:[i.jsx(kr,{children:e.status.code==="request_on_hold"?i.jsxs(le,{display:"flex",title:K,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:[i.jsx(Z,{status:e.status.code,style:{cursor:"pointer"}}),i.jsx(jr,{style:{marginLeft:r.sp1},className:"infoIconTooltip"})]}):i.jsx(Z,{status:e.status.code})}),e.status.code==="request_on_hold"&&!$?i.jsx(br,{onClick:v=>{v.stopPropagation(),x(e.id)},"data-testid":b("send-reminder",e.id),children:X.cardList.sendReminder}):null]})})}),i.jsx(E,{children:i.jsx(ze,{windowSize:m,responsiveWidth:I[4].width,children:A})}),i.jsx(E,{children:i.jsxs(xr,{windowSize:m,responsiveWidth:I[5].width,children:[i.jsxs(mr,{windowSize:m,children:[i.jsx(gr,{className:"limitAmount",windowSize:m,title:T("0,0.[00]",e.limit),children:T("0,0.[00]",e.limit)}),i.jsx(Ie,{className:"additionalInfoContainer",children:e.creditLimitFrequency.name})]}),i.jsx(Sr,{className:"menu-icon",children:e.status.code==="request_on_hold"&&!j&&i.jsx(_e,{isMenuVisible:f,menuItems:i.jsx(Ir,{children:i.jsx(zr,{"data-testid":b("menu-button",e.id),onClick:v=>{v.stopPropagation(),u(!1),c(e.id)},children:X.cardDetails.revokeInvite})}),setIsMenuOpen:u,isMenuOpen:w,menuIconStyles:{height:"auto"}})})]})})]})})})},Z=({status:e,style:t})=>{const n=de(),h=sr(e,n),d=V.getLocalizedStrings().spendManagement.chargeCard.cardList.status;return _()==="small"?i.jsx(ue,{textColor:h,text:d[e],tagStyles:{maxWidth:r.sp10,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",padding:"1px 6px",...t}}):i.jsx(ue,{textColor:h,text:d[e],styles:t,tagStyles:{padding:"1px 6px"}})},sr=(e,t)=>{switch(e){case"active":return new Q(y.success);case"request_on_hold":return new Q(y.graphColor36);case"inactive":return new Q(y.alert);default:return new Q(t.colors.grey1)}},ar=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>P.containerPaddingLeft.valuePx(e.windowSize)};
@@ -160,7 +160,7 @@ import{j as i,X as V,y as ee,d3 as fi,u as de,fe as $i,i9 as vi,ia as Ci,ib as y
   text-overflow: ellipsis;
   white-space: nowrap;
   text-transform: capitalize;
-`,mr=o.div`
+`,xr=o.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -168,7 +168,7 @@ import{j as i,X as V,y as ee,d3 as fi,u as de,fe as $i,i9 as vi,ia as Ci,ib as y
   min-width: ${e=>e.responsiveWidth.valuePx(e.windowSize)};
   position: relative;
   padding-right: ${r.sp3};
-`,xr=o(U)`
+`,mr=o(U)`
   display: flex;
   flex-direction: column;
   color: ${e=>e.theme.colors.hero};
@@ -317,7 +317,7 @@ import{j as i,X as V,y as ee,d3 as fi,u as de,fe as $i,i9 as vi,ia as Ci,ib as y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=_.getLocalizedStrings(),te={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Pr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||t,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Dr,{cardDetail:e,onRowClick:u}):i.jsx(Ur,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c})},Fe=({cardDetail:e})=>{const t=e.balance,n=Me(e)/e.limit.amount*100;return i.jsxs(_r,{children:[i.jsx(Ar,{children:T("0,0.[00]",t)}),n!==0?i.jsx(Fr,{children:`${Math.round(n)}${Rr}`}):null]})},Dr=({cardDetail:e,onRowClick:t})=>{const n=V();return i.jsx(Oe,{windowSize:n,children:i.jsx(We,{onClick:t,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Ge,{children:i.jsxs(Xe,{cardUser:!0,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Be,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Qe,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]})})]})})})},Ur=({cardDetail:e,signedInUser:t,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[m,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===t.userId,f=V(),S=e.type.code,x=D.cardList.tooltip[S],j=x!=null?u?x.self:`${w} ${x.cardUser}`:L.strings.empty;return i.jsx(Oe,{windowSize:f,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Ge,{children:[i.jsx(Mr,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Er,{children:i.jsxs(Wr,{children:[i.jsx(Nr,{children:i.jsx(Tr,{windowSize:f,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${r.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(_e,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Qe,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Yr,{children:[i.jsxs(Vr,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Hr,{children:i.jsx(Kr,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Xe,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Be,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:f,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Or,{children:e.status.code==="request_on_hold"&&i.jsx(Br,{showMenu:!0,className:"menu-icon",children:i.jsx(Ve,{menuItems:i.jsx(qr,{children:i.jsx(Jr,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:m,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Oe=o.div`
+`,{spendManagement:{billPay:{paymentDetails:{feePercent:Rr}},chargeCard:D},common:L}=V.getLocalizedStrings(),te={containerMarginLeft:new p(a[3],a[8]),webkitLineClamp:new p(2,2,1,1,1)},Pr=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardRowClick:l,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c})=>{const w=!!ee().loggedInUserRole.includes("charge_card_user")||t,u=C.useCallback(()=>{l(e.id,d)},[e.id]);return w?i.jsx(Dr,{cardDetail:e,onRowClick:u}):i.jsx(Ur,{cardDetail:e,signedInUser:n,resendInviteId:h,onRowClick:u,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c})},Fe=({cardDetail:e})=>{const t=e.balance,n=Me(e)/e.limit.amount*100;return i.jsxs(Vr,{children:[i.jsx(Ar,{children:T("0,0.[00]",t)}),n!==0?i.jsx(Fr,{children:`${Math.round(n)}${Rr}`}):null]})},Dr=({cardDetail:e,onRowClick:t})=>{const n=_();return i.jsx(Oe,{windowSize:n,children:i.jsx(We,{onClick:t,"data-testid":b("charge-card-user-row",e.id),children:i.jsxs(se,{children:[i.jsx(Ge,{children:i.jsxs(Xe,{cardUser:!0,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:L.labels.cardName}),i.jsxs(Be,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:n,children:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]})}),i.jsx(Qe,{children:i.jsxs(i.Fragment,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:D.cardList.tooltip[e.type.code].self,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]})})]})})})},Ur=({cardDetail:e,signedInUser:t,resendInviteId:n,onRowClick:h,onChargeCardResendInviteClick:d,onChargeCardRevokeInviteClick:l})=>{const[x,c]=C.useState(!1),w=`${e.cardHolderUser?.firstName??""} ${e.cardHolderUser?.lastName??""}`,u=e?.cardHolderUserId===t.userId,f=_(),S=e.type.code,m=D.cardList.tooltip[S],j=m!=null?u?m.self:`${w} ${m.cardUser}`:L.strings.empty;return i.jsx(Oe,{windowSize:f,children:i.jsxs(We,{onClick:h,"data-testid":b("charge-card-admin-row",e.id),children:[i.jsxs(se,{children:[i.jsxs(Ge,{children:[i.jsx(Mr,{children:i.jsx(De,{personBasic:e.cardHolderUser,styles:{height:r.sp6,width:r.sp6}})}),i.jsx(Er,{children:i.jsxs(Wr,{children:[i.jsx(Nr,{children:i.jsx(Tr,{windowSize:f,title:w,children:w})}),i.jsx(ae,{style:{marginTop:`-${r.sp1}`},children:e.cardHolderRoles?.userRoles!=null&&i.jsx(Ve,{roles:e.cardHolderRoles?.userRoles})})]})})]}),i.jsx(Qe,{children:i.jsx(i.Fragment,{children:n===e.id?i.jsx(Ue,{size:"Small",start:!0}):i.jsxs(Yr,{children:[i.jsxs(_r,{children:[e.status.code!=="request_on_hold"?i.jsx(Fe,{cardDetail:e}):null,i.jsxs(Ye,{children:[i.jsx(Z,{status:e.status.code}),e.status.code==="request_on_hold"?i.jsx(le,{display:"flex",title:j,placement:"top",style:{padding:`${r.sp2} ${r.sp3}`},children:i.jsx(ti,{className:"infoIconTooltip"})}):null]})]}),e.status.code==="request_on_hold"&&!u?i.jsx(Hr,{children:i.jsx(Kr,{onClick:s=>{s.stopPropagation(),d(e.id)},"data-testid":b("send-reminder-clicked",e.id),children:D.cardList.sendReminder})}):null]})})})]}),i.jsxs(se,{children:[i.jsxs(Xe,{cardUser:!1,children:[i.jsxs(Ke,{children:[i.jsx(qe,{children:`${L.labels.cardName}`}),i.jsxs(Be,{children:[i.jsx(Je,{title:e.cardName,children:e.cardName}),i.jsx(si,{windowSize:f,children:e.status.code==="request_on_hold"?L.strings.hyphen:D.cardDetails.expiryHideOut+L.strings.space+e.accountLast4})]})]}),i.jsxs(Ae,{children:[i.jsx(He,{children:`${D.cardList.header.cardType}${L.strings.colon}`}),i.jsx(ne,{children:i.jsx(ne,{children:i.jsx(ce,{cardDetail:e,forDetailPage:!1})})})]}),i.jsxs(Ze,{children:[i.jsx(ii,{children:L.labels.limit}),i.jsxs(ri,{children:[i.jsx(ei,{children:T("0,0.[00]",e.limit)}),i.jsx(oi,{}),i.jsx(ae,{children:e.creditLimitFrequency.name})]})]})]}),i.jsx(Or,{children:e.status.code==="request_on_hold"&&i.jsx(Br,{showMenu:!0,className:"menu-icon",children:i.jsx(_e,{menuItems:i.jsx(qr,{children:i.jsx(Jr,{"data-testid":b("revoke-invite-clicked",e.id),onClick:s=>{s.stopPropagation(),c(!1),l(e.id)},children:D.cardDetails.revokeInvite})}),setIsMenuOpen:c,isMenuOpen:x,styles:{transform:"translate(5px,0px)"}})})})]})]})})},Oe=o.div`
   display: flex;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>` 1px solid ${e.theme.colors.grey3}`};
@@ -377,11 +377,11 @@ import{j as i,X as V,y as ee,d3 as fi,u as de,fe as $i,i9 as vi,ia as Ci,ib as y
   display: flex;
   flex-direction: row;
   gap: ${r.sp2};
-`,Vr=o.div`
+`,_r=o.div`
   display: flex;
   flex-direction: column;
   gap: ${r.sp1};
-`,_r=o.div`
+`,Vr=o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -486,7 +486,7 @@ import{j as i,X as V,y as ee,d3 as fi,u as de,fe as $i,i9 as vi,ia as Ci,ib as y
   display: flex;
   align-items: center;
   gap: ${r.sp1};
-`,Y={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:F},common:J}=_.getLocalizedStrings(),Gr=66,Qr=64,Xr=351,Zr=136,eo=({cardList:e,showViewForCardUser:t,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:m,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:f,debitAccountInformation:S,depositAccountListWithDebitCardIssued:x,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:$,searchText:R,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:K})=>{const v=V(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=$i(),[G,pe]=C.useState(!1),[ie,me]=C.useState(!1),pi=()=>{$!=null&&((!h||m.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||x.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",$,u,f,S),hi($),pe(!0))};C.useEffect(()=>{G===!0&&setTimeout(()=>{pe(!1)},800)},[G]);const xe=()=>v!=="small"?vi:ci?Ci:yi,mi=e.length*xe()+Gr+Qr,ge=window.innerHeight-Xr,xi=mi>ge,re=C.useRef(null);C.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(ao,{children:[i.jsx(no,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lo,{})}),i.jsx(co,{children:J.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(ji,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:F.cardList.getStarted,message:R!==""?F.cardList.noDataWithFilterText:F.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...oe.largeRegular.cssObject}}):i.jsxs(ni,{children:[$!=null?i.jsxs(xo,{windowSize:v,children:[i.jsx(vo,{windowSize:v,children:i.jsx(Co,{})}),i.jsxs(yo,{windowSize:v,children:[i.jsxs(go,{children:[i.jsx(to,{children:F.aiCardAgentText}),J.strings.space,F.receiptBotMessage,J.strings.space]}),i.jsxs($o,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>me(!0),onMouseLeave:()=>me(!1),children:[i.jsx(wo,{children:$}),G===!0?i.jsxs(Re,{children:[i.jsx(fo,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||G,color:y.primaryDark,children:J.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(uo,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:J.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(ho,{windowSize:v,availableHeight:ge,isListTooLarge:xi,children:i.jsx(bi,{children:({height:wi,width:ui})=>i.jsx(ki,{ref:re,height:wi,itemCount:e.length,innerElementType:B=>io(B,t,K,j,g),itemSize:xe,estimatedItemSize:Ii,itemKey:B=>e[B].id,width:ui,overscanCount:Si,initialScrollOffset:0,children:B=>i.jsx(ro,{...B,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:t,cardList:e,signedInUser:s})})})})]});return i.jsx(so,{fetchState:g,children:gi()})},io=(e,t,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:t,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,t)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:m,...c}=e;return i.jsxs(ni,{ref:t,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:m,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(mo,{children:n})]})});ai.displayName=F.cardList.headerElementDisplayName;const Lo=({cardList:e,fetchState:t,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:m,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,onChargeCardRowClick:x,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$,controllerEmails:R,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,creditAccount:v})=>i.jsx(eo,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,creditAccount:v,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,showViewForCardUser:m,signedInUser:c,fetchState:t,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:x,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$}),ro=({index:e,style:t,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(po,{style:{...t,width:"100%"},className:"spend-management-list-item",children:i.jsx(oo,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:m,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),oo=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m,onChargeCardRowClick:c})=>{const w=V()==="small"?Pr:tr;return i.jsx(w,{showViewForCardUser:t,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:m})},to=o(Di)`
+`,Y={lastListItemHeight:new p(200,158),bannerWrapperMarginLeftRight:new p(a[3],a[8]),styledAIIconContainerSize:new p(a[3],a[3])},{spendManagement:{chargeCard:F},common:J}=V.getLocalizedStrings(),Gr=66,Qr=64,Xr=351,Zr=136,eo=({cardList:e,showViewForCardUser:t,controllerEmails:n,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:d,isDebitCardSetupEnabled:l,creditAccount:x,creditAccountRepayment:c,productInformation:w,cashbackInformation:u,creditAccountInformation:f,debitAccountInformation:S,depositAccountListWithDebitCardIssued:m,uiState:j,signedInUser:s,fetchState:g,receiptBotEmail:$,searchText:R,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,onReloadCards:N,onColumnSortConfigChanged:K})=>{const v=_(),di=ee(),li=fi().analytics,ci=!!di.loggedInUserRole.includes("charge_card_user"),he=de(),[,hi]=$i(),[G,pe]=C.useState(!1),[ie,xe]=C.useState(!1),pi=()=>{$!=null&&((!h||x.fetchState==="Completed"&&c.fetchState==="Completed")&&(!(d&&l)||m.fetchState==="Completed")&&li.trackCardsCopyIconClick(n,w,"Cards List","Copy","copied","Receipt Email",$,u,f,S),hi($),pe(!0))};C.useEffect(()=>{G===!0&&setTimeout(()=>{pe(!1)},800)},[G]);const me=()=>v!=="small"?vi:ci?Ci:yi,xi=e.length*me()+Gr+Qr,ge=window.innerHeight-Xr,mi=xi>ge,re=C.useRef(null);C.useEffect(()=>{re.current?.resetAfterIndex(0)},[v,re]);const gi=()=>g==="Error"?i.jsxs(ao,{children:[i.jsx(no,{onClick:N,"data-testid":b("charge-card-list-reload"),children:i.jsx(lo,{})}),i.jsx(co,{children:J.reloadPage.label})]}):g==="Completed"&&e.length===0?i.jsx(ji,{sourceView:"charge_cards",style:{height:"calc(100vh - 450px)"},title:F.cardList.getStarted,message:R!==""?F.cardList.noDataWithFilterText:F.cardList.noDataText,messageStyle:{maxWidth:345,color:he.colors.primary,...oe.largeRegular.cssObject}}):i.jsxs(ni,{children:[$!=null?i.jsxs(mo,{windowSize:v,children:[i.jsx(vo,{windowSize:v,children:i.jsx(Co,{})}),i.jsxs(yo,{windowSize:v,children:[i.jsxs(go,{children:[i.jsx(to,{children:F.aiCardAgentText}),J.strings.space,F.receiptBotMessage,J.strings.space]}),i.jsxs($o,{"data-testid":b("charge-card-list-copy-email"),onClick:pi,onMouseEnter:()=>xe(!0),onMouseLeave:()=>xe(!1),children:[i.jsx(wo,{children:$}),G===!0?i.jsxs(Re,{children:[i.jsx(fo,{}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie||G,color:y.primaryDark,children:J.copyToClipBoard.copied})})]}):i.jsxs(Re,{children:[i.jsx(uo,{color:ie?he.colors.primary:void 0}),i.jsx(Le,{children:i.jsx(Pe,{shouldDisplay:ie&&v!=="small",children:J.copyToClipBoard.copy})})]})]})]})]}):null,i.jsx(ho,{windowSize:v,availableHeight:ge,isListTooLarge:mi,children:i.jsx(bi,{children:({height:wi,width:ui})=>i.jsx(ki,{ref:re,height:wi,itemCount:e.length,innerElementType:B=>io(B,t,K,j,g),itemSize:me,estimatedItemSize:Ii,itemKey:B=>e[B].id,width:ui,overscanCount:Si,initialScrollOffset:0,children:B=>i.jsx(ro,{...B,resendInviteId:M,onChargeCardResendInviteClick:I,onChargeCardRevokeInviteClick:A,onChargeCardRowClick:H,showViewForCardUser:t,cardList:e,signedInUser:s})})})})]});return i.jsx(so,{fetchState:g,children:gi()})},io=(e,t,n,h,d)=>i.jsx(ai,{...e,showViewForCardUser:t,onColumnSortConfigChanged:n,uiState:{sortKey:h.sortKey,sortOrder:h.sortOrder},fetchState:d}),ai=C.forwardRef((e,t)=>{const{children:n,style:h,uiState:d,onColumnSortConfigChanged:l,showViewForCardUser:x,...c}=e;return i.jsxs(ni,{ref:t,style:{...h,width:"auto"},...c,children:[i.jsx(Ki,{companyNameSticky:!1,showViewForCardUser:x,onColumnSortConfigChanged:l,sortConfig:{sortKey:d.sortKey,sortOrder:d.sortOrder}}),i.jsx(xo,{children:n})]})});ai.displayName=F.cardList.headerElementDisplayName;const Lo=({cardList:e,fetchState:t,uiState:n,receiptBotEmail:h,searchText:d,resendInviteId:l,showViewForCardUser:x,signedInUser:c,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,onChargeCardRowClick:m,onReloadCards:j,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$,controllerEmails:R,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,creditAccount:v})=>i.jsx(eo,{cardList:e,controllerEmails:R,isChargeCardFeatureEnabled:A,isDebitCardFeatureEnabled:H,isDebitCardSetupEnabled:N,isChargeCardSetupEnabled:K,cashbackInformation:w,creditAccountInformation:u,debitAccountInformation:f,productInformation:S,creditAccount:v,creditAccountRepayment:M,depositAccountListWithDebitCardIssued:I,showViewForCardUser:x,signedInUser:c,fetchState:t,receiptBotEmail:h,searchText:d,resendInviteId:l,onReloadCards:j,onChargeCardRowClick:m,uiState:n,onColumnSortConfigChanged:s,onChargeCardResendInviteClick:g,onChargeCardRevokeInviteClick:$}),ro=({index:e,style:t,cardList:n,showViewForCardUser:h,signedInUser:d,resendInviteId:l,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})=>i.jsx(po,{style:{...t,width:"100%"},className:"spend-management-list-item",children:i.jsx(oo,{showViewForCardUser:h,cardDetail:n[e],signedInUser:d,resendInviteId:l,index:e,onChargeCardResendInviteClick:x,onChargeCardRevokeInviteClick:c,onChargeCardRowClick:w})},"listItem"+n[e].id),oo=({cardDetail:e,showViewForCardUser:t,signedInUser:n,resendInviteId:h,index:d,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:x,onChargeCardRowClick:c})=>{const w=_()==="small"?Pr:tr;return i.jsx(w,{showViewForCardUser:t,cardDetail:e,signedInUser:n,index:d,onChargeCardRowClick:c,resendInviteId:h,onChargeCardResendInviteClick:l,onChargeCardRevokeInviteClick:x})},to=o(Di)`
   color: ${e=>e.theme.colors.brandColorSapphire};
   ${({theme:e})=>e.mode==="dark"&&`color: ${y.brandColorPearl};`}
 `,so=o.div`
@@ -535,11 +535,11 @@ import{j as i,X as V,y as ee,d3 as fi,u as de,fe as $i,i9 as vi,ia as Ci,ib as y
   left: ${r.sp0};
   padding-bottom: ${r.sp3};
   box-sizing: border-box;
-`,mo=o.div`
+`,xo=o.div`
   position: relative;
   width: auto;
   height: 100%;
-`,ni=o.div``,xo=o.div`
+`,ni=o.div``,mo=o.div`
   display: flex;
   border: 1.25px solid transparent;
   background: ${e=>`linear-gradient(${e.theme.colors.grey4}, ${e.theme.colors.grey4}) padding-box,

package/dist/assets/{ChargeCardPromoPage-CsItH2IC-BRai09H4.js → ChargeCardPromoPage-DOibcN9n-8P5nzLqn.js}

@@ -1,4 +1,4 @@
-import{X as f,M as V,j as r,u as F,y as ce,d3 as me,a5 as pe,_ as ue,l as xe,fm as he,aW as ge,o as t,c0 as we,k as Y,c1 as fe,Z as ye,C as x,bP as $e,bt as Ce,K,Y as W,i8 as be,v as Se,p,Q as C,g as $,av as je,aa as ze}from"./index-Dc18sb8X.js";import{b,n as a,j as Te}from"./vendor-CnQcJ2Lu.js";import{x as ve}from"./MeetingCalenderPopup-6yyRBLYC-Bbqtv452.js";import{f as Pe}from"./NavigationDots-5fxvl-4e-xo_TDt3y.js";import{J as D,A as E}from"./PromoBaseCards-BuCQJuXH-jJQ9UKvZ.js";import{M as L}from"./usp-line-BBd1wKwW-CgKq8-Xn.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 m={midContainerMarginBottom:new x(p[5],p[7]),containerPaddingTopBottom:new x(p[0],p[0]),containerPaddingLeftRight:new x(p[3],p[8]),uspContainerMarginX:new x(p[6],p[0]),buttonTrayGap:new x(12,p[4]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12])},S={promoBadgeText:new C("standardRegular","largeRegular"),promoBadgeTextBold:new C("standardBold","largeBold"),cardsContent:new C("extraSmallRegular","smallRegular"),contactAdmin:new C("extraSmallRegular","smallRegular"),uspText:new C("smallRegular","standardRegular"),uspBoldText:new C("smallMedium","standardMedium")},{spendManagement:{chargeCard:{chargeCardsPromo:s}}}=V.getLocalizedStrings(),wr=({meetingUrl:e,companyLegalName:n,chargeCardSetupView:d,showEnableCardButton:i,controllerEmails:o,isCardsOnlyTenantOrCreditCardFeatureEnabled:h,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:g,admins:z,cashbackRate:M,cardPromoType:y="credit",onSetupButtonClick:c,onBackClick:l,onClickMenuIcon:ie,onSetupChargeCardSuccess:N})=>{const ae=F(),O=ce(),A=f(),H=me().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:U,companyLocaleInfo:I}=d,G=pe(_?.fetchStatus.fetchState),[oe,J]=b.useState(!1),ne=()=>{H.trackCardsPromoPageClicked("schedule demo"),H.trackCardsScheduleDemoClick(o,{isCreditCardOffered:h,isDebitCardOffered:u,isDebitCardEnabled:j,isCreditCardEnabled:g},"Cards Promo"),J(!0)},se=U!=null&&I!=null?ue("0,0",{amount:U.chargeCardsCreditAccountLimit,currencyCode:I.currencyCode,currencySymbol:I.currencySymbol}):void 0;b.useEffect(()=>{G==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&N()},[G,N,_?.fetchStatus]);const de=xe.hasChargeCardAdminLevelAccess(O.loggedInUserRoleMap),le=he(O);return r.jsxs(Ie,{children:[r.jsx(ge,{title:s.title[y],backgroundColor:ae.colors.grey4,onBackClick:l,showBackButton:!0,showMenuIcon:A==="medium-compact"||A==="small",onClickMenuIcon:ie,style:{zIndex:9},source:"ChargeCardPromoPage"}),oe===!0?r.jsx(ve,{onCancelClick:()=>{J(!1)},meetingUrl:e}):null,r.jsx(Re,{windowSize:A,children:de===!0?r.jsxs(r.Fragment,{children:[r.jsx(Le,{creditAmount:se,cardPromoType:y}),r.jsx(Q,{forAdmin:!0,cardPromoType:y,cashbackRate:M}),r.jsx(Be,{showEnableCardButton:i,chargeCardSetupView:d,handleSecondaryBtnClick:ne,onSetupButtonClick:()=>c(y)})]}):r.jsx(Me,{companyLegalName:n,cards:[],admins:z,hasZeniFinopsRoles:le,cardPromoType:y})})]})},ke=({admins:e})=>{const n=e.flatMap(i=>i.user?.firstName+" "+i.user?.lastName).join(", "),d=f();return r.jsxs(Ye,{windowSize:d,children:[r.jsx(R,{underline:!1,windowSize:d,children:s.noCardAssigned.pre}),r.jsx(Ce,{title:n,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(R,{underline:!0,windowSize:d,children:s.noCardAssigned.tooltip})}),r.jsx(R,{underline:!1,windowSize:d,children:s.noCardAssigned.post})]})},Be=({showEnableCardButton:e,chargeCardSetupView:n,handleSecondaryBtnClick:d,onSetupButtonClick:i})=>{const o=f();return r.jsxs(He,{windowSize:o,children:[r.jsxs(Ue,{windowSize:o,children:[r.jsx(K,{variant:"secondary",label:s.scheduleDemoButton,onClick:d,"data-testid":W("schedule-demo-button")}),r.jsx(K,{variant:"primary",label:e?s.enableCardsButton:s.setupCardsButton,loading:n.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress",onClick:i,style:{width:"146px"},"data-testid":W("enable-card-button")})]}),r.jsx(be,{textStyle:Se.smallRegular.cssObject,buttonTermLabel:e?s.terms.alternateTerm1:s.terms.terms1,showEndIcon:!0})]})},Le=({cardPromoType:e,creditAmount:n})=>{const d=f(),i=e==="debit_and_credit"?s.promoTextDebitCreditCard:e==="debit"?s.promoTextDebitCard:s.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:d==="small"?r.jsxs(r.Fragment,{children:[r.jsx(re,{children:i}),r.jsx(te,{children:s.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(q,{children:i}),r.jsx(ee,{children:s.promoSubText})]})}),r.jsx(Ee,{cardPromoType:e,hideBadge:n==null||e==="debit",windowSize:d,children:r.jsxs(Fe,{windowSize:d,children:[s.promoBadgeText,r.jsx(Ne,{children:n}),s.creditLimit]})})]})},Me=({companyLegalName:e,cards:n,admins:d,hasZeniFinopsRoles:i,cardPromoType:o="credit"})=>{const h=f(),u=o==="debit_and_credit"?s.promoTextDebitCreditCard:o==="debit"?s.promoTextDebitCard:s.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[h==="small"?r.jsxs(r.Fragment,{children:[r.jsx(re,{children:u}),r.jsx(te,{children:s.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(q,{children:u}),r.jsx(ee,{children:s.promoSubText})]}),n.length===0?r.jsx(Ve,{windowSize:h}):r.jsx(Ae,{cards:n,companyLegalName:e}),r.jsx(Q,{forAdmin:!1,cardPromoType:o}),i?null:r.jsx(ke,{admins:d})]})},Ae=({cards:e,companyLegalName:n})=>{const d=F(),i=f();let o="",h;if(e.length===1){h=e[0].cardCreatedByUser.photo;const u=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;o=s.cardAssigned.singleCreditCard.replace("__issuing-user__",u).replace("__company-name__",n)}else o=s.cardAssigned.multipleCreditCards.replace("__company-name__",n);return r.jsxs(qe,{children:[h!=null?r.jsx(De,{width:t.sp5,height:t.sp5,style:{paddingTop:i==="small"?t.sp1:t.sp0},src:h.href,alt:V.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:u})=>{u.onerror=null,u.src=$e},loading:"lazy"}):null,r.jsx(Qe,{windowSize:i,mode:d.mode,children:r.jsx(er,{windowSize:i,children:o})})]})},X=({windowSize:e,cardPromoType:n})=>{let d=s.businessText;return n==="debit"&&(d=`${d} ${s.debit}`),r.jsx(r.Fragment,{children:n==="debit_and_credit"?r.jsx(_e,{}):r.jsxs(Je,{windowSize:e,children:[r.jsx(D,{cardPromoType:n,cardText:d,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(E,{cardPromoType:n,cardText:d,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},Q=({forAdmin:e,cardPromoType:n,cashbackRate:d})=>{const i=f(),o=e?s.admin:s.nonAdmin;return r.jsxs(Oe,{windowSize:i,children:[i==="small"?r.jsx(X,{windowSize:i,cardPromoType:n}):null,r.jsxs(Ge,{windowSize:i,children:[r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(Xe,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item1.pre}),r.jsx(P,{windowSize:i,children:e&&d!=null?o.item1.bold.replace("__cashback__",(d*100).toFixed(2)):o.item1.bold}),r.jsx(w,{windowSize:i,children:o.item1.post})]})]}),r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(Ke,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item2.pre}),r.jsx(P,{windowSize:i,children:o.item2.bold}),r.jsx(w,{windowSize:i,children:o.item2.post})]})]}),r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(Ze,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item3.pre}),r.jsx(P,{windowSize:i,children:o.item3.bold}),r.jsx(w,{windowSize:i,children:o.item3.post})]})]}),r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(We,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item4.pre}),r.jsx(P,{windowSize:i,children:o.item4.bold}),r.jsx(w,{windowSize:i,children:o.item4.post})]})]})]}),i==="small"?null:r.jsx(X,{windowSize:i,cardPromoType:n})]})};let T;const _e=()=>{const e=f(),n=F(),[d,i]=b.useState(0),[o,h]=b.useState(!1),u=s.businessText,j=`${u} ${s.debit}`,g=[{id:1,cardType:"debit",cardText:j},{id:2,cardType:"debit",cardText:j},{id:3,cardType:"credit",cardText:u},{id:4,cardType:"credit",cardText:u}];b.useEffect(()=>(o||(T=setInterval(()=>{i(c=>{const l=c+1;return l===g.length?(h(!0),0):l})},2e3)),()=>clearInterval(T)),[o,g.length]),b.useEffect(()=>{o&&T!=null&&clearInterval(T)},[o]);const z=(c,l)=>{switch((c-d+g.length)%g.length){case 0:return{transform:`translate(0,${l?"100%":0}) scale(1)`,zIndex:l?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${l?"80%":"5%"}) scale(0.75)`,zIndex:l?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};default:return}},M=c=>{const l=z(c,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},y=c=>{o||h(!0),i(c)};return r.jsxs(rr,{windowSize:e,children:[r.jsx(tr,{windowSize:e,children:g.map((c,l)=>r.jsxs(ir,{children:[r.jsx(Z,{isReflection:!1,style:{...z(l,!1)},onClick:()=>y(l),children:l===0||l===2?r.jsx(D,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:n.colors.grey2,...n.mode==="light"&&{borderBottom:"none"}}}):r.jsx(E,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:n.colors.grey2,...n.mode==="light"&&{borderBottom:"none"}}})},c.id),r.jsx(Z,{isReflection:!0,style:{...M(l)},children:l===0||l===2?r.jsx(D,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(E,{cardPromoType:c.cardType,cardText:c.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${c.id}`)]},c.id))}),o&&r.jsx(Pe,{numberOfDots:g.length,activeIndex:d,handleClick:i,promoColor:n.colors.primary,promoColorHover:n.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:m.navigationBottom.valuePx(e),left:m.navigationLeft.valuePx(e),zIndex:7}})]})},Ie=a.div`
+import{X as f,M as V,j as r,u as F,w as ce,d3 as me,a5 as pe,_ as ue,l as xe,fn as he,aW as ge,o as t,c0 as we,k as Y,c1 as fe,Z as ye,C as x,bO as $e,bu as Ce,K,Y as W,i9 as be,q as Se,p,Q as C,g as $,av as je,aa as ze}from"./index-Dq4DW5h0.js";import{b,n as a,j as Te}from"./vendor-CnQcJ2Lu.js";import{x as ve}from"./MeetingCalenderPopup-D4tz-H5i-CGIgOa91.js";import{f as Pe}from"./NavigationDots-nvOimTil-Do5DUslv.js";import{J as D,A as E}from"./PromoBaseCards-BMPp9RNQ-B5wN89Pm.js";import{M as L}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const m={midContainerMarginBottom:new x(p[5],p[7]),containerPaddingTopBottom:new x(p[0],p[0]),containerPaddingLeftRight:new x(p[3],p[8]),uspContainerMarginX:new x(p[6],p[0]),buttonTrayGap:new x(12,p[4]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12])},S={promoBadgeText:new C("standardRegular","largeRegular"),promoBadgeTextBold:new C("standardBold","largeBold"),cardsContent:new C("extraSmallRegular","smallRegular"),contactAdmin:new C("extraSmallRegular","smallRegular"),uspText:new C("smallRegular","standardRegular"),uspBoldText:new C("smallMedium","standardMedium")},{spendManagement:{chargeCard:{chargeCardsPromo:s}}}=V.getLocalizedStrings(),wr=({meetingUrl:e,companyLegalName:n,chargeCardSetupView:d,showEnableCardButton:i,controllerEmails:o,isCardsOnlyTenantOrCreditCardFeatureEnabled:h,isDebitCardFeatureEnabled:u,isDebitCardSetupEnabled:j,isChargeCardSetupEnabled:g,admins:z,cashbackRate:M,cardPromoType:y="credit",onSetupButtonClick:c,onBackClick:l,onClickMenuIcon:ie,onSetupChargeCardSuccess:N})=>{const ae=F(),O=ce(),A=f(),H=me().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:U,companyLocaleInfo:I}=d,G=pe(_?.fetchStatus.fetchState),[oe,J]=b.useState(!1),ne=()=>{H.trackCardsPromoPageClicked("schedule demo"),H.trackCardsScheduleDemoClick(o,{isCreditCardOffered:h,isDebitCardOffered:u,isDebitCardEnabled:j,isCreditCardEnabled:g},"Cards Promo"),J(!0)},se=U!=null&&I!=null?ue("0,0",{amount:U.chargeCardsCreditAccountLimit,currencyCode:I.currencyCode,currencySymbol:I.currencySymbol}):void 0;b.useEffect(()=>{G==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&N()},[G,N,_?.fetchStatus]);const de=xe.hasChargeCardAdminLevelAccess(O.loggedInUserRoleMap),le=he(O);return r.jsxs(Ie,{children:[r.jsx(ge,{title:s.title[y],backgroundColor:ae.colors.grey4,onBackClick:l,showBackButton:!0,showMenuIcon:A==="medium-compact"||A==="small",onClickMenuIcon:ie,style:{zIndex:9},source:"ChargeCardPromoPage"}),oe===!0?r.jsx(ve,{onCancelClick:()=>{J(!1)},meetingUrl:e}):null,r.jsx(Re,{windowSize:A,children:de===!0?r.jsxs(r.Fragment,{children:[r.jsx(Le,{creditAmount:se,cardPromoType:y}),r.jsx(q,{forAdmin:!0,cardPromoType:y,cashbackRate:M}),r.jsx(Be,{showEnableCardButton:i,chargeCardSetupView:d,handleSecondaryBtnClick:ne,onSetupButtonClick:()=>c(y)})]}):r.jsx(Me,{companyLegalName:n,cards:[],admins:z,hasZeniFinopsRoles:le,cardPromoType:y})})]})},ke=({admins:e})=>{const n=e.flatMap(i=>i.user?.firstName+" "+i.user?.lastName).join(", "),d=f();return r.jsxs(Ye,{windowSize:d,children:[r.jsx(R,{underline:!1,windowSize:d,children:s.noCardAssigned.pre}),r.jsx(Ce,{title:n,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(R,{underline:!0,windowSize:d,children:s.noCardAssigned.tooltip})}),r.jsx(R,{underline:!1,windowSize:d,children:s.noCardAssigned.post})]})},Be=({showEnableCardButton:e,chargeCardSetupView:n,handleSecondaryBtnClick:d,onSetupButtonClick:i})=>{const o=f();return r.jsxs(He,{windowSize:o,children:[r.jsxs(Ue,{windowSize:o,children:[r.jsx(K,{variant:"secondary",label:s.scheduleDemoButton,onClick:d,"data-testid":W("schedule-demo-button")}),r.jsx(K,{variant:"primary",label:e?s.enableCardsButton:s.setupCardsButton,loading:n.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress",onClick:i,style:{width:"146px"},"data-testid":W("enable-card-button")})]}),r.jsx(be,{textStyle:Se.smallRegular.cssObject,buttonTermLabel:e?s.terms.alternateTerm1:s.terms.terms1,showEndIcon:!0})]})},Le=({cardPromoType:e,creditAmount:n})=>{const d=f(),i=e==="debit_and_credit"?s.promoTextDebitCreditCard:e==="debit"?s.promoTextDebitCard:s.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:d==="small"?r.jsxs(r.Fragment,{children:[r.jsx(re,{children:i}),r.jsx(te,{children:s.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(Q,{children:i}),r.jsx(ee,{children:s.promoSubText})]})}),r.jsx(Ee,{cardPromoType:e,hideBadge:n==null||e==="debit",windowSize:d,children:r.jsxs(Fe,{windowSize:d,children:[s.promoBadgeText,r.jsx(Ne,{children:n}),s.creditLimit]})})]})},Me=({companyLegalName:e,cards:n,admins:d,hasZeniFinopsRoles:i,cardPromoType:o="credit"})=>{const h=f(),u=o==="debit_and_credit"?s.promoTextDebitCreditCard:o==="debit"?s.promoTextDebitCard:s.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[h==="small"?r.jsxs(r.Fragment,{children:[r.jsx(re,{children:u}),r.jsx(te,{children:s.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(Q,{children:u}),r.jsx(ee,{children:s.promoSubText})]}),n.length===0?r.jsx(Ve,{windowSize:h}):r.jsx(Ae,{cards:n,companyLegalName:e}),r.jsx(q,{forAdmin:!1,cardPromoType:o}),i?null:r.jsx(ke,{admins:d})]})},Ae=({cards:e,companyLegalName:n})=>{const d=F(),i=f();let o="",h;if(e.length===1){h=e[0].cardCreatedByUser.photo;const u=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;o=s.cardAssigned.singleCreditCard.replace("__issuing-user__",u).replace("__company-name__",n)}else o=s.cardAssigned.multipleCreditCards.replace("__company-name__",n);return r.jsxs(Qe,{children:[h!=null?r.jsx(De,{width:t.sp5,height:t.sp5,style:{paddingTop:i==="small"?t.sp1:t.sp0},src:h.href,alt:V.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:u})=>{u.onerror=null,u.src=$e},loading:"lazy"}):null,r.jsx(qe,{windowSize:i,mode:d.mode,children:r.jsx(er,{windowSize:i,children:o})})]})},X=({windowSize:e,cardPromoType:n})=>{let d=s.businessText;return n==="debit"&&(d=`${d} ${s.debit}`),r.jsx(r.Fragment,{children:n==="debit_and_credit"?r.jsx(_e,{}):r.jsxs(Je,{windowSize:e,children:[r.jsx(D,{cardPromoType:n,cardText:d,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(E,{cardPromoType:n,cardText:d,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},q=({forAdmin:e,cardPromoType:n,cashbackRate:d})=>{const i=f(),o=e?s.admin:s.nonAdmin;return r.jsxs(Oe,{windowSize:i,children:[i==="small"?r.jsx(X,{windowSize:i,cardPromoType:n}):null,r.jsxs(Ge,{windowSize:i,children:[r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(Xe,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item1.pre}),r.jsx(P,{windowSize:i,children:e&&d!=null?o.item1.bold.replace("__cashback__",(d*100).toFixed(2)):o.item1.bold}),r.jsx(w,{windowSize:i,children:o.item1.post})]})]}),r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(Ke,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item2.pre}),r.jsx(P,{windowSize:i,children:o.item2.bold}),r.jsx(w,{windowSize:i,children:o.item2.post})]})]}),r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(Ze,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item3.pre}),r.jsx(P,{windowSize:i,children:o.item3.bold}),r.jsx(w,{windowSize:i,children:o.item3.post})]})]}),r.jsxs(v,{windowSize:i,children:[r.jsx(k,{children:r.jsx(We,{})}),r.jsxs(B,{children:[r.jsx(w,{windowSize:i,children:o.item4.pre}),r.jsx(P,{windowSize:i,children:o.item4.bold}),r.jsx(w,{windowSize:i,children:o.item4.post})]})]})]}),i==="small"?null:r.jsx(X,{windowSize:i,cardPromoType:n})]})};let T;const _e=()=>{const e=f(),n=F(),[d,i]=b.useState(0),[o,h]=b.useState(!1),u=s.businessText,j=`${u} ${s.debit}`,g=[{id:1,cardType:"debit",cardText:j},{id:2,cardType:"debit",cardText:j},{id:3,cardType:"credit",cardText:u},{id:4,cardType:"credit",cardText:u}];b.useEffect(()=>(o||(T=setInterval(()=>{i(c=>{const l=c+1;return l===g.length?(h(!0),0):l})},2e3)),()=>clearInterval(T)),[o,g.length]),b.useEffect(()=>{o&&T!=null&&clearInterval(T)},[o]);const z=(c,l)=>{switch((c-d+g.length)%g.length){case 0:return{transform:`translate(0,${l?"100%":0}) scale(1)`,zIndex:l?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${l?"80%":"5%"}) scale(0.75)`,zIndex:l?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};default:return}},M=c=>{const l=z(c,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},y=c=>{o||h(!0),i(c)};return r.jsxs(rr,{windowSize:e,children:[r.jsx(tr,{windowSize:e,children:g.map((c,l)=>r.jsxs(ir,{children:[r.jsx(Z,{isReflection:!1,style:{...z(l,!1)},onClick:()=>y(l),children:l===0||l===2?r.jsx(D,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:n.colors.grey2,...n.mode==="light"&&{borderBottom:"none"}}}):r.jsx(E,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:n.colors.grey2,...n.mode==="light"&&{borderBottom:"none"}}})},c.id),r.jsx(Z,{isReflection:!0,style:{...M(l)},children:l===0||l===2?r.jsx(D,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,forDashboard:!1,showChip:!0,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent 90%)",WebkitMaskImage:"linear-gradient(to top, black, transparent 90%)"}}):r.jsx(E,{cardPromoType:c.cardType,cardText:c.cardText,showChip:!0,shouldAnimate:!1,forDashboard:!1,forListPage:!1,style:{border:"none",opacity:.1,maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}})},`reflection-${c.id}`)]},c.id))}),o&&r.jsx(Pe,{numberOfDots:g.length,activeIndex:d,handleClick:i,promoColor:n.colors.primary,promoColorHover:n.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:m.navigationBottom.valuePx(e),left:m.navigationLeft.valuePx(e),zIndex:7}})]})},Ie=a.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -10,7 +10,7 @@ import{X as f,M as V,j as r,u as F,y as ce,d3 as me,a5 as pe,_ as ue,l as xe,fm
   padding-left: ${e=>m.containerPaddingLeftRight.valuePx(e.windowSize)};
   padding-right: ${e=>m.containerPaddingLeftRight.valuePx(e.windowSize)};
   text-align: center;
-`,q=a(fe)`
+`,Q=a(fe)`
   max-width: 927px;
   margin: auto;
   display: flex;
@@ -139,9 +139,9 @@ import{X as f,M as V,j as r,u as F,y as ce,d3 as me,a5 as pe,_ as ue,l as xe,fm
   ${e=>`${S.contactAdmin.style(e.windowSize)}`};
   text-decoration: ${e=>e.underline?"underline":"none"};
   cursor: ${e=>e.underline?"default":null};
-`,Qe=a.div`
-  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
 `,qe=a.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,Qe=a.div`
   background-color: ${e=>e.theme.colors.grey3};
   padding: ${t.sp2} ${t.sp3};
   display: flex;

package/dist/assets/{ChargeCardSetupPage-D5LWY3-P-BFmdbREo.js → ChargeCardSetupPage-Dm_N5oDM-BxIAhVV2.js}

@@ -1,4 +1,4 @@
-import{u as Ve,X as Ie,d3 as De,a5 as N,a as Oe,c3 as Be,M as Ue,ab as q,j as t,cI as _e,g as $e,C as r,aW as ze,e as Re,F as We,c$ as Le,o as B,v as Ne,aQ as qe,a7 as He,p as c,s as Me}from"./index-Dc18sb8X.js";import{b as p,n as S}from"./vendor-CnQcJ2Lu.js";import{F as Ge}from"./HelpButton-khTPylkl-CC4TQ-Mh.js";import{J as Je}from"./SetUpDefaultSection-D4FafmO5-JKsfeRPT.js";import{p as Ke,y as H}from"./SpendMgmtSetupAccountSection-DcJhhfdt-AlupPqQd.js";import{x as Qe}from"./LabeledControlledCheckBoxField-BBrHodlx-DZSgDuPY.js";import{g as Xe}from"./UploadAdditionalDocumentOverlay-CBpLz-gk-Cn-PxzO4.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"./MeetingCalenderPopup-6yyRBLYC-Bbqtv452.js";import"./ChargeCardUtils-k5Cmi_bM-uT1V7gQT.js";import"./CreditCardPaymentPlgSection-YcsIIUkG-DrIb0IFd.js";import"./ChaseOverlay-DQz9r9Pp-DwtAFMH1.js";const l={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,c[5],c[5]),sectionRowGap:new r(c[5],c[9],c[9]),iconWidthHeight:new r(20,c[4]),subTitlePaddingTop:new r(12,c[3]),subTitlePaddingBottom:new r(c[3],c[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(c[1],c[0])},M="chargeCardSetUpPage",f="payAccount",{commonSetUp:Ye,spendManagement:Ze}=Ue.getLocalizedStrings(),{chargeCard:K}=Ze,{chargeCardSetUp:m}=K,{setUp:U}=Ye,wt=({autoPayThreshold:e,isDisabled:x,meetingUrl:v,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Q,filesEndPoint:X,authParams:Y,isAccountsEnabled:Z,isDebitCardOnlyEnabled:E,isCreditCardOnlyEnabled:ee,accountsPromoConfig:te,onFetchLinkTokenClick:ie,onBackClick:ne,onEnableChargeCardClick:oe,onUpdateChargeCardClick:ae,onBusinessVerificationSectionClick:ce,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,onUpdatePrimaryFundingAccount:re,onUpdateAutoPayClick:de,onEstablishConnectionClick:ue,onEstablishConnectionSuccess:pe,onClickMenuIcon:me,onEnableChargeCardSuccess:P,onEditFileName:fe,onDeleteFile:he,updateFilesEntity:ge,onCompanyOfficerUpdated:ye,onSendForVerificationClick:be,onSignUpClick:Ce})=>{const g=Ve(),n=Ie(),T=De().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:_,isRefreshingViewInBackground:Se,updateStatus:d,accountUpdateStatus:xe,plaidConnectionDetails:Pe,allBankAccounts:we,companyChargeCardInfo:$,companyDebitCardInfo:Ae,selectedCompanyOfficer:s,primaryFundingAccount:a,allFundingAccounts:z}=o,R=N(b),A=N(d.fetchState),F=Oe({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>G(o),[o]),values:G(o)}),ke=F.handleSubmit(oe),ve=async(C,k)=>{const i=k[f];if(C.includes(f))if(C.includes("fundingAccount")){if(i.fundingAccount.selectedOption!=null&&a?.id!=i.fundingAccount.selectedOption){const u=z.find(O=>O.id===i.fundingAccount.selectedOption);u!=null&&re(i.fundingAccount.selectedOption,u.accType)}}else if(i.account.selectedOption!=null&&a?.id!=null&&a?.zeniAccountId!=i.account.selectedOption){const u=i.account.allOptions.find(O=>O.value===i.account.selectedOption);u!=null&&typeof u.label=="string"&&T.trackConnectBankLink(u.value,u.label,"charge_cards"),ae(i.account.selectedOption,a.id,a.accType)}else C.includes("enableAutoPay")&&i.enableAutoPay!=null&&de(i.enableAutoPay)};p.useEffect(()=>{const C=F.watch((k,{name:i})=>{i!=null&&k!=null&&Be(()=>ve(i,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&R==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,R]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const j=$?.isChargeCardEnabled===!0,V=Ae?.isDebitCardEnabled===!0,W=_?.isBusinessVerified===!0,Ee=a?.accType==="depositAccount"||a?.providerVerificationStatus?.code==="verified"||a?.providerVerificationStatus?.code==="manually_verified"||a?.providerVerificationStatus?.code==="automatically_verified"||a?.providerVerificationStatus?.code==="database_matched",I=E?W:W&&Ee,Te=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const D=E?I&&!V:ee?I&&!j:I&&!(j&&V),Fe=D?m.setupSubTitleNotEnabled:m.setupSubTitle,L=g.mode==="light"?new q(g.colors.brandColorJadeLight):new q(g.colors.brandColorJadeDark),je=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):ce?.()};return t.jsxs(tt,{children:[t.jsx(_e,{anchor:"right",PaperProps:{style:{width:l.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:$e.drawerBackground},transitionDuration:250,children:t.jsx(Xe,{authParams:Y,filesEndPoint:X,updateStatus:d,onEditFileName:fe,onDeleteFile:he,updateFilesEntity:ge,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:ye,onSendForVerificationClick:be})}),t.jsx(ze,{title:m.setupTitle,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:ne,showMenuIcon:!j&&!V&&(n==="medium-compact"||n==="small"),onClickMenuIcon:me,source:"ChargeCardSetupPage"}),t.jsxs(et,{windowSize:n,children:[t.jsx(it,{windowSize:n,children:Fe}),Te?t.jsx(nt,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:J(M),onSubmit:ke,children:t.jsxs(ot,{windowSize:n,children:[t.jsx(Je,{onClick:je,title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(Le,{width:l.iconWidthHeight.valuePx(n),height:l.iconWidthHeight.valuePx(n)}),color:L},status:_?.businessVerificationStatus,isLoading:Se,isActiveWhileLoading:!0}),E?null:t.jsx(Ke,{connectedAccountProvider:Q,primaryFundingAccount:a,allFundingAccounts:z,plaidConnectionDetails:Pe,allBankAccounts:we,sectionId:f,isDisabled:x,onFetchLinkTokenClick:ie,onEstablishConnectionClick:ue,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:pe,icon:{element:t.jsx(qe,{width:l.iconWidthHeight.valuePx(n),height:l.iconWidthHeight.valuePx(n)}),color:L},analytics:T,productType:"charge_cards",isAccountsEnabled:Z,onSignUpClick:Ce,pageName:m.pageName,accountsPromoConfig:te,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Qe,{label:{label:K.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:g.colors.primary,...Ne.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:H(f,"enableAutoPay"),checkBoxValue:H(f,"enableAutoPay"),defaultChecked:$?.isAutoPayEnabled,style:{top:l.checkBoxTop.valuePx(n)}}})})]})})})]}),D?t.jsx(He,{formId:J(M),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||xe.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ge,{isFooterRendered:D,meetingUrl:v,analytics:T,productType:"charge_cards"})]})},G=e=>{const{allBankAccounts:x,allFundingAccounts:v,primaryFundingAccount:h}=e;return{[f]:{fundingAccount:{selectedOption:h?.id,allOptions:v.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},J=e=>`${e}_form`,et=S.div`
+import{u as je,X as Ie,d3 as De,a5 as q,a as Oe,c3 as Be,M as Ue,ab as M,j as t,cI as $e,g as _e,C as r,aW as ze,d as Re,F as We,c$ as Le,o as B,q as qe,aQ as Me,a7 as Ne,p as c,s as He}from"./index-Dq4DW5h0.js";import{b as p,n as S}from"./vendor-CnQcJ2Lu.js";import{F as Ge}from"./HelpButton-8AQIbLQM-Dxn71Y7_.js";import{J as Je}from"./SetUpDefaultSection-ByW3h9zl-9i3uOw78.js";import{p as Qe,y as N}from"./SpendMgmtSetupAccountSection-fV4qxxEy-ExRAZ_sL.js";import{x as Xe}from"./LabeledControlledCheckBoxField-B2ATKJBH-CXyWx4Ub.js";import{g as Ke}from"./UploadAdditionalDocumentOverlay-BH3bRKoG-Cxr-sGAj.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./MeetingCalenderPopup-D4tz-H5i-CGIgOa91.js";import"./ChargeCardUtils-oF0M6Gmc-CWcylJdd.js";import"./CreditCardPaymentPlgSection-7cmMRTQm-CcPhomOR.js";import"./ChaseOverlay-DPgGIuyV-JigHbzQk.js";const l={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,c[5],c[5]),sectionRowGap:new r(c[5],c[9],c[9]),iconWidthHeight:new r(20,c[4]),subTitlePaddingTop:new r(12,c[3]),subTitlePaddingBottom:new r(c[3],c[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(c[1],c[0])},H="chargeCardSetUpPage",f="payAccount",{commonSetUp:Ye,spendManagement:Ze}=Ue.getLocalizedStrings(),{chargeCard:Q}=Ze,{chargeCardSetUp:m}=Q,{setUp:U}=Ye,wt=({autoPayThreshold:e,isDisabled:x,meetingUrl:v,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:X,filesEndPoint:K,authParams:Y,isAccountsEnabled:Z,isDebitCardOnlyEnabled:T,isCreditCardOnlyEnabled:ee,accountsPromoConfig:te,onFetchLinkTokenClick:ie,onBackClick:ne,onEnableChargeCardClick:oe,onUpdateChargeCardClick:ae,onBusinessVerificationSectionClick:ce,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,onUpdatePrimaryFundingAccount:re,onUpdateAutoPayClick:de,onEstablishConnectionClick:ue,onEstablishConnectionSuccess:pe,onClickMenuIcon:me,onEnableChargeCardSuccess:P,onEditFileName:fe,onDeleteFile:he,updateFilesEntity:ge,onCompanyOfficerUpdated:ye,onSendForVerificationClick:be,onSignUpClick:Ce})=>{const g=je(),n=Ie(),E=De().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:$,isRefreshingViewInBackground:Se,updateStatus:d,accountUpdateStatus:xe,plaidConnectionDetails:Pe,allBankAccounts:we,companyChargeCardInfo:_,companyDebitCardInfo:Ae,selectedCompanyOfficer:s,primaryFundingAccount:a,allFundingAccounts:z}=o,R=q(b),A=q(d.fetchState),F=Oe({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>G(o),[o]),values:G(o)}),ke=F.handleSubmit(oe),ve=async(C,k)=>{const i=k[f];if(C.includes(f))if(C.includes("fundingAccount")){if(i.fundingAccount.selectedOption!=null&&a?.id!=i.fundingAccount.selectedOption){const u=z.find(O=>O.id===i.fundingAccount.selectedOption);u!=null&&re(i.fundingAccount.selectedOption,u.accType)}}else if(i.account.selectedOption!=null&&a?.id!=null&&a?.zeniAccountId!=i.account.selectedOption){const u=i.account.allOptions.find(O=>O.value===i.account.selectedOption);u!=null&&typeof u.label=="string"&&E.trackConnectBankLink(u.value,u.label,"charge_cards"),ae(i.account.selectedOption,a.id,a.accType)}else C.includes("enableAutoPay")&&i.enableAutoPay!=null&&de(i.enableAutoPay)};p.useEffect(()=>{const C=F.watch((k,{name:i})=>{i!=null&&k!=null&&Be(()=>ve(i,k))});return()=>{C.unsubscribe()}}),p.useEffect(()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"&&y(!0),w&&R==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,R]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const V=_?.isChargeCardEnabled===!0,j=Ae?.isDebitCardEnabled===!0,W=$?.isBusinessVerified===!0,Te=a?.accType==="depositAccount"||a?.providerVerificationStatus?.code==="verified"||a?.providerVerificationStatus?.code==="manually_verified"||a?.providerVerificationStatus?.code==="automatically_verified"||a?.providerVerificationStatus?.code==="database_matched",I=T?W:W&&Te,Ee=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const D=T?I&&!j:ee?I&&!V:I&&!(V&&j),Fe=D?m.setupSubTitleNotEnabled:m.setupSubTitle,L=g.mode==="light"?new M(g.colors.brandColorJadeLight):new M(g.colors.brandColorJadeDark),Ve=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):ce?.()};return t.jsxs(tt,{children:[t.jsx($e,{anchor:"right",PaperProps:{style:{width:l.overlayWidth.valuePercentage(n),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:_e.drawerBackground},transitionDuration:250,children:t.jsx(Ke,{authParams:Y,filesEndPoint:K,updateStatus:d,onEditFileName:fe,onDeleteFile:he,updateFilesEntity:ge,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:ye,onSendForVerificationClick:be})}),t.jsx(ze,{title:m.setupTitle,backgroundColor:g.colors.grey4,style:{zIndex:3},onBackClick:ne,showMenuIcon:!V&&!j&&(n==="medium-compact"||n==="small"),onClickMenuIcon:me,source:"ChargeCardSetupPage"}),t.jsxs(et,{windowSize:n,children:[t.jsx(it,{windowSize:n,children:Fe}),Ee?t.jsx(nt,{children:t.jsx(Re,{size:"ExtraLarge",start:!0})}):t.jsx(We,{...F,children:t.jsx("form",{id:J(H),onSubmit:ke,children:t.jsxs(ot,{windowSize:n,children:[t.jsx(Je,{onClick:Ve,title:U.businessVerificationTitle,subTitle:U.businessVerificationSubTitle,header:U.businessVerificationHeader,icon:{element:t.jsx(Le,{width:l.iconWidthHeight.valuePx(n),height:l.iconWidthHeight.valuePx(n)}),color:L},status:$?.businessVerificationStatus,isLoading:Se,isActiveWhileLoading:!0}),T?null:t.jsx(Qe,{connectedAccountProvider:X,primaryFundingAccount:a,allFundingAccounts:z,plaidConnectionDetails:Pe,allBankAccounts:we,sectionId:f,isDisabled:x,onFetchLinkTokenClick:ie,onEstablishConnectionClick:ue,onUpdatePaymentAccountStatus:le,onUpdatePaymentAccountLoginStatus:se,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:pe,icon:{element:t.jsx(Me,{width:l.iconWidthHeight.valuePx(n),height:l.iconWidthHeight.valuePx(n)}),color:L},analytics:E,productType:"charge_cards",isAccountsEnabled:Z,onSignUpClick:Ce,pageName:m.pageName,accountsPromoConfig:te,accountSelectContainerStyle:h?{marginBottom:"20px"}:{},bottomComponent:h&&t.jsx(Xe,{label:{label:Q.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:g.colors.primary,...qe.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:n==="small"?"flex-start":"center"},checkBoxField:{name:N(f,"enableAutoPay"),checkBoxValue:N(f,"enableAutoPay"),defaultChecked:_?.isAutoPayEnabled,style:{top:l.checkBoxTop.valuePx(n)}}})})]})})})]}),D?t.jsx(Ne,{formId:J(H),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:n==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||xe.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Ge,{isFooterRendered:D,meetingUrl:v,analytics:E,productType:"charge_cards"})]})},G=e=>{const{allBankAccounts:x,allFundingAccounts:v,primaryFundingAccount:h}=e;return{[f]:{fundingAccount:{selectedOption:h?.id,allOptions:v.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:h?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},J=e=>`${e}_form`,et=S.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
@@ -13,7 +13,7 @@ import{u as Ve,X as Ie,d3 as De,a5 as N,a as Oe,c3 as Be,M as Ue,ab as q,j as t,
   flex-direction: column;
   width: 100%;
   background-color: ${e=>e.theme.colors.grey4};
-`,it=S(Me)`
+`,it=S(He)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;

package/dist/assets/{ChargeCardStatementsPage-vYbnt2WJ-CviaTt41.js → ChargeCardStatementsPage-Dhqs5CF4-Be58aAaq.js}

@@ -1,4 +1,4 @@
-import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,s as B,as as O,d3 as q,h1 as V,Y as J,e as K,p as s,bq as Q}from"./index-Dc18sb8X.js";import{n as i,b as U}from"./vendor-CnQcJ2Lu.js";import{$ as X,g as _}from"./BoxItem-CHPfWPEF-D1R-06zc.js";import{w as G}from"./downloadPdf-s4pLtuS_-DfJmhSyn.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"./commonDimensions-D4uH020E-CzLHHjVa.js";const z=R.getLocalizedStrings().months,A={downloadButtonSize:new g(s[4],20)},H=i.div`
+import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,s as B,as as O,d3 as V,h2 as q,Y as J,d as K,p as s,br as Q}from"./index-Dq4DW5h0.js";import{n as i,b as U}from"./vendor-CnQcJ2Lu.js";import{$ as X,g as _}from"./BoxItem-Cqmd_7h4-S5g5H_Jr.js";import{w as G}from"./downloadPdf-f3F0OqWf-DUwLrQQm.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./commonDimensions-Cg7EWgSP-ztBpKI_h.js";const z=R.getLocalizedStrings().months,A={downloadButtonSize:new g(s[4],20)},H=i.div`
   display: flex;
   padding: ${h.sp3} ${h.sp4};
   flex-direction: row;
@@ -27,7 +27,7 @@ import{u as W,X as T,j as t,aW as F,M as R,o as h,C as g,s as B,as as O,d3 as q,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:j,downloadEndPoint:k,boxType:I}){const b=q().analytics,[v,E]=U.useState(!1),c=T(),Y=z[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${V(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(H,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:Y}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),G(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,j,E)},children:v?t.jsx(K,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(_,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=R.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},Pe=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:j,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=W(),c=T(),{sortedYear:Y,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(F,{title:M.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:Y.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:j,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:p,authParams:r,downloadEndPoint:I,boxType:X(D,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,ne=i.div`
+`;function ie({currentTenantCompanyName:e,data:r,index:n,controllerEmails:l,isDebitCardFeatureEnabled:a,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:x,debitCardSummary:C,productInformation:S,creditAccountInformation:y,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:P,authParams:j,downloadEndPoint:k,boxType:I}){const b=V().analytics,[v,E]=U.useState(!1),c=T(),Y=z[r.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${z[r.monthYearPeriod.month-1]}-${r.monthYearPeriod.year}.pdf`,m={period:`${r.monthYearPeriod.year}-${q(r.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(H,{children:t.jsxs(Z,{children:[t.jsx(ee,{children:Y}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&P.fetchState==="Completed"&&(!(a&&o)||x.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(l,S,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${z[r.monthYearPeriod.month-1]} ${r.monthYearPeriod.year}`},"Credit Card Statements",n+1,y,$),G(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,j,E)},children:v?t.jsx(K,{size:"Small",start:!0}):t.jsx(ae,{windowSize:c})})]})});return t.jsx(_,{content:p,boxType:I,isDisabled:!1,isNotClickable:!0})}const M=R.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},Pe=({currentTenantCompanyName:e,authParams:r,controllerEmails:n,productInformation:l,cashbackInformation:a,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:P,debitCardSummary:j,creditAccount:k,downloadEndPoint:I,statementListView:b,onBackClick:v})=>{const E=W(),c=T(),{sortedYear:Y,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(F,{title:M.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(ce,{windowSize:c,children:b.statements.length===0?t.jsx(L,{children:t.jsx(de,{children:t.jsx(N,{windowSize:c,children:t.jsx(le,{children:M.noStatements})})})}):t.jsx(re,{children:Y.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:c,children:m}),t.jsx(L,{children:u[m].map((p,D)=>t.jsx(N,{windowSize:c,children:t.jsx(ie,{productInformation:l,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:a,creditAccountRepayment:P,depositAccountListWithDebitCardIssued:f,debitCardSummary:j,controllerEmails:n,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:S,isChargeCardSetupEnabled:y,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:D,data:p,authParams:r,downloadEndPoint:I,boxType:X(D,u[m].length)},p.id)},p.id))})]},m))})})]})},re=i.div``,ne=i.div`
   margin-bottom: ${h.sp6};
 `,L=i.div``,oe=i(O)`
   margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};

package/dist/assets/{ChargeCardUtils-k5Cmi_bM-uT1V7gQT.js → ChargeCardUtils-oF0M6Gmc-CWcylJdd.js}

@@ -1 +1 @@
-import{fh as D,M as S,dr as c,l as B}from"./index-Dc18sb8X.js";function U(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const A=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(B.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=S.getLocalizedStrings(),L=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},N=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},Y=e=>e.limit.amount-e.available.amount,b="1.75";export{F,L as H,U as L,N as M,b as S,A as U,Y as _};
+import{fi as D,M as S,dr as c,l as B}from"./index-Dq4DW5h0.js";function U(e){const a=e.match(/\d+/g);if(!a||a.length!==3)return null;const r=parseInt(a[0]),d=parseInt(a[1]),t=parseInt(a[2]);return"#"+(1<<24|r<<16|d<<8|t).toString(16).slice(1)}const A=({signedInUserToken:e,showSecretInfo:a,setShowPhoneNumberPopup:r,onFireOnClickAnalytics:d,setShowSecretInfo:t})=>{(e==null||e.expiry.isBefore(B.dateNow()))&&a===!1?(r(!0),d("verify card details")):e?.token!=null&&a===!1?t(!0):e?.token!=null&&a===!0&&t(!1)},F=e=>e.includes("credit")?"credit":"debit",{dateFormat:s}=S.getLocalizedStrings(),L=({chargeCardDetailView:e,classListFetchState:a,analytics:r,isChargeCardFeatureEnabled:d,creditAccount:t,pageName:o,addToWalletType:i,creditAccountRepayment:l,isDebitCard:n,isChargeCardAdmin:m,cardIssuedByRoles:u,cardIssuedByDepartmentName:h,cardHolderRoles:C,cardHolderDepartmentName:g,controllerEmails:p,productInformation:y,creditAccountInformation:f,debitAccountInformation:I})=>{e.chargeCard!=null&&a==="Completed"&&(!d||t.fetchState==="Completed"&&l.fetchState==="Completed")&&(!(n&&m)||e.depositAccountLimitFetchState.fetchState==="Completed")&&r.trackCardsAddToWalletClick(p,y,{cardId:e.chargeCard.id,cardName:e.chargeCard.cardName,cardType:F(e.chargeCard.type.code),cardCategory:e.chargeCard.type.code.includes("physical")?"physical":"virtual",cardLimit:D(e.chargeCard.limit.amount),cardLastFourDigits:e.chargeCard.accountLast4,cardStatus:e.chargeCard.status.code,cardAssignedDate:e.chargeCard.createTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:e.chargeCard.providerCardCreateTime?.format(s.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:e.chargeCard.creditLimitFrequency.name},{cardIssuedByName:c(e.chargeCard.cardCreatedByUser,!1),cardIssuedByEmail:e.chargeCard.cardCreatedByUser?.email,cardIssuedByUserId:e.chargeCard.cardCreatedByUser?.userId,cardIssuedByRole:u,cardIssuedByDepartment:h},{cardholderName:c(e.chargeCard.cardHolderUser,!1),cardholderEmail:e.chargeCard.cardHolderUser?.email,cardholderRole:C,cardholderUserId:e.chargeCard.cardHolderUser?.userId,cardholderDepartment:g},o,i,f,I)},N=(e,a)=>{if(e<=0)return 0;const r=e-a;return Math.round(r/e*100)},Y=e=>e.limit.amount-e.available.amount,b="1.75";export{F,L as H,U as L,N as M,A as U,Y as _,b as v};

package/dist/assets/{ChaseOverlay-DQz9r9Pp-DwtAFMH1.js → ChaseOverlay-DPgGIuyV-JigHbzQk.js}

@@ -1,4 +1,4 @@
-import{X as H,fe as X,ff as Q,M as W,j as t,g as x,n as ee,K as I,Y as c,o as s,C as m,Z as te,s as ie,as as se,bC as oe,d0 as re,p as l,av as A,ee as K,aa as ne,fg as le,w as ae,cq as de,aP as ce}from"./index-Dc18sb8X.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function Be(e){const d=H(),[,N]=X(),{isMobileOrTabletScreen:g}=Q(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,M]=p.useState(!1),r=W.getLocalizedStrings().commonSetUp.chaseOverlay,Y=r.title,_=r.description,V=()=>{window.open(r.chaseVideoUrl,"_blank")},L=[0,1,2,3],P=i=>i<L.length-1,D=(i,n)=>{N(i??""),n?k(!1):S(!1)},B=i=>{i?C(!0):M(!0)},E=i=>{i?C(!1):M(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const q=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},F=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},J=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>D(n,!0),onMouseOver:()=>B(!0),onMouseLeave:()=>E(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),j?t.jsxs(h,{children:[t.jsx(U,{showCopyText:z&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(R,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>D(i.payeeName,!1),onMouseOver:()=>B(!1),onMouseLeave:()=>E(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),y?t.jsxs(h,{children:[t.jsx(U,{showCopyText:T&&!g,windowSize:d,children:t.jsx(O,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(R,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Me,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},Z=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},G=i=>{switch(i){case 0:return t.jsx(q,{});case 1:return t.jsx(F,{});case 2:return t.jsx(J,{});default:return t.jsx(Z,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(Le,{children:[t.jsx(xe,{children:Y}),t.jsx(ge,{children:_}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:L.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:G(n)}),P(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(I,{variant:"secondary",label:r.primaryButtonText,onClick:V,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(I,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
+import{X as H,ff as X,fg as Q,M as W,j as t,g as x,m as ee,K as E,Y as c,o as s,C as m,Z as te,s as ie,as as se,bD as oe,d0 as re,p as l,av as K,ee as N,aa as ne,fh as le,v as ae,cq as de,aP as ce}from"./index-Dq4DW5h0.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";const u={width:new m(350,624,624),height:new m(600,730,730),paddingLeft:new m(l[4],l[8],l[8]),paddingRight:new m(l[4],l[7],l[7])};function Be(e){const d=H(),[,R]=X(),{isMobileOrTabletScreen:g}=Q(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,M]=p.useState(!1),r=W.getLocalizedStrings().commonSetUp.chaseOverlay,_=r.title,V=r.description,Y=()=>{window.open(r.chaseVideoUrl,"_blank")},L=[0,1,2,3],P=i=>i<L.length-1,D=(i,n)=>{R(i??""),n?k(!1):S(!1)},B=i=>{i?C(!0):M(!0)},U=i=>{i?C(!1):M(!1)};p.useEffect(()=>{j===!1&&setTimeout(()=>{k(!0)},2e3),y===!1&&setTimeout(()=>{S(!0)},2e3)},[j,y]);const q=()=>{const i=r.step1;return t.jsxs($,{children:[t.jsx(Ce,{"data-testid":c("chase-overlay-signin-link"),href:r.chaseSigninUrl,target:"_blank",rel:"noreferrer noopener",children:i.text1}),i.text2,t.jsxs(a,{children:[" ",i.text3]}),i.text4,t.jsxs(a,{children:[" ",i.text5]}),i.text6]})},F=()=>{const i=r.step2;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",t.jsx(be,{}),i.text2]}),t.jsx(ke,{}),i.text3]})},J=()=>{const i=r.step3,n=e.connectedAccountProvider==="stripe"?i.payeeIdStripe:i.payeeIdUnit;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(Te,{children:[t.jsxs(f,{onClick:()=>D(n,!0),onMouseOver:()=>B(!0),onMouseLeave:()=>U(!0),"data-testid":c("copy-payee-id",n),children:[t.jsx(v,{}),i.payeeIdTitle,t.jsx(b,{children:n}),j?t.jsxs(h,{children:[t.jsx(A,{showCopyText:z&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:z&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>D(i.payeeName,!1),onMouseOver:()=>B(!1),onMouseLeave:()=>U(!1),"data-testid":c("copy-payee-name",i.payeeName),children:[t.jsx(v,{}),i.payeeNameTitle,t.jsx(b,{children:i.payeeName}),y?t.jsxs(h,{children:[t.jsx(A,{showCopyText:T&&!g,windowSize:d,children:t.jsx(I,{})}),t.jsx(w,{shouldDisplay:T&&!g,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{children:[t.jsx(h,{children:t.jsx(v,{})}),t.jsxs(Me,{children:[i.amountLimitTitle,i.text4,t.jsx(b,{children:i.amountLimit}),i.text5]})]})]})]})},Z=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},G=i=>{switch(i){case 0:return t.jsx(q,{});case 1:return t.jsx(F,{});case 2:return t.jsx(J,{});default:return t.jsx(Z,{})}};return t.jsx(pe,{windowSize:d,role:"presentation",style:{background:x.overlayDark,...e.style},children:t.jsx(ee,{onClickAway:()=>e.action.onBackClick?.(),children:t.jsxs(he,{windowSize:d,isEditPopup:!1,children:[t.jsxs(Le,{children:[t.jsx(xe,{children:_}),t.jsx(ge,{children:V}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:L.map((i,n)=>t.jsxs(me,{children:[t.jsx(fe,{children:P(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:G(n)}),P(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(E,{variant:"secondary",label:r.primaryButtonText,onClick:Y,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-watch-video-button")}),t.jsx(ze,{}),t.jsx(E,{variant:e.proceedButtonVariant??"primary",label:r.secondaryButtonText,onClick:e.action.onBackClick,style:{width:134,whiteSpace:"nowrap"},"data-testid":c("chase-overlay-proceed-button")})]})]})})})}const pe=o.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -85,7 +85,7 @@ import{X as H,fe as X,ff as Q,M as W,j as t,g as x,n as ee,K as I,Y as c,o as s,
 `,ve=o.div`
   padding-bottom: ${s.sp4};
   margin-left: ${s.sp6};
-`,$=o(A)`
+`,$=o(K)`
   color: ${e=>e.theme.colors.hero};
 `,be=o(de)`
   width: ${s.sp3};
@@ -100,20 +100,20 @@ import{X as H,fe as X,ff as Q,M as W,j as t,g as x,n as ee,K as I,Y as c,o as s,
 `,Se=o(re)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,v=o(K)`
+`,v=o(N)`
   width: ${s.sp3};
   height: ${s.sp3};
   vertical-align: middle;
   margin-right: ${s.sp2};
   color: ${x.success};
-`,O=o(le)`
+`,I=o(le)`
   width: ${s.sp3};
   height: ${s.sp3};
   cursor: pointer;
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,R=o(K)`
+`,O=o(N)`
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${x.success};
@@ -125,7 +125,7 @@ import{X as H,fe as X,ff as Q,M as W,j as t,g as x,n as ee,K as I,Y as c,o as s,
   justify-content: center;
   align-self: flex-start;
   margin-top: ${s.sp2};
-`,U=o.div`
+`,A=o.div`
   display: flex;
   align-items: center;
   color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
@@ -149,7 +149,7 @@ import{X as H,fe as X,ff as Q,M as W,j as t,g as x,n as ee,K as I,Y as c,o as s,
     color: ${e=>e.theme.colors.primary};
     text-decoration-color: ${e=>e.theme.colors.primary};
   }
-`,a=o(A)`
+`,a=o(K)`
   color: ${e=>e.theme.colors.primary};
   border-radius: ${s.sp1};
   border: 1px solid ${e=>e.theme.colors.grey3};