@zeniai/web-cockpit-ui 1.14.20-qa → 1.14.21-dev

package/dist/assets/ChargeCardListPage-_3lJqIYP-CjqfIBRz.js

@@ -1,355 +0,0 @@
-import{d5 as St,Y as jt,fp as vt,l as A,fk as v,e as pe,M as Oe,o as a,u as _e,j as t,bI as kt,aW as Pt,fD as It,cU as E,v as C,bA as le,c as n,a0 as Tt,ab as ce,_ as me,C as O,d as M,b as At,h as Et,cr as Mt,aD as Fe,b5 as Rt,af as ue,a6 as Lt,B as ge,q as I,d6 as Dt,s as zt,n as Nt,c6 as Bt,cq as Ot,aR as _t}from"./index-b-ZazAq5.js";import{b as B,n as i,j as xe,k as Ft}from"./vendor-rkTZJa59.js";import{Y as Wt}from"./SpendManagementSection-DIVgOKWy-DXji9rI6.js";import{ChargeCardPromoUserContent as Ut}from"./ChargeCardPromoPage-CKTkcQdI-D4z7TcsI.js";import{N as Yt,J as Gt}from"./PromoBaseCards-BaFkKGkm-Cz7eAULC.js";import{E as Jt}from"./ChargeCardListTable-Kx-_ZAZu-BIEC6Lus.js";import{r as Ht,i as qt}from"./graphic-no-data-net-burn-l-CzmycA0m-DANomItj.js";import{t as Vt,o as Zt}from"./arrow-south-east-round-PEovUgvH-D6oVD1ix.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-B_KRQLwc-Dk4sRI3u.js";import"./NavigationDots-BsJyQWOZ-BDcajz6w.js";import"./usp-line-BBd1wKwW-u-VMxix8.js";import"./Menu-Czq7AdhP-DuOfxCaz.js";import"./RoleWithToolTip-Dm4yIm31-B7MerbZ_.js";import"./CardNumberSubText-B_ZdgYVm-ChY45Xav.js";import"./ChargeCardUtils-BcwLwgz7-DtCcFgNi.js";const be={infoSubheadingTextMarginTop:new O(I[0],I[0]),cardsMinWidth:new O(343,353)},ve=Oe.getLocalizedStrings().spendManagement.chargeCard.chargeCardsPromo.listPage,ke=({cardPromoType:e,cardText:s,header:l,title:h,subTitle:r,slidingTextList:u,onClick:d})=>{const p=pe();return t.jsxs(Xt,{windowSize:p,cardPromoType:e,"data-testid":me("list-page-promo-card",e),onClick:()=>d(e),children:[t.jsxs(We,{children:[t.jsxs(Ye,{children:[t.jsx(Ue,{children:l}),t.jsx(ta,{children:h}),t.jsx(ra,{children:r})]}),t.jsxs(na,{children:[t.jsx(oa,{}),u.length>0&&t.jsx(he,{slideUpCount:u.length,children:u.map((g,x)=>t.jsx(Ge,{children:g},`card-promo-${x.toString()}`))}),t.jsx(sa,{})]})]}),t.jsx(da,{children:t.jsx(Yt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(la,{children:t.jsx(Gt,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})})]})},Pe=({cardType:e,header:s,title:l,creditLimit:h,onCreateNowClick:r})=>{const u=pe();return t.jsx(Qt,{windowSize:u,cardType:e,children:t.jsxs(ea,{children:[t.jsxs(Ye,{children:[t.jsx(Ue,{children:s}),t.jsx(ia,{children:t.jsx(aa,{children:l})}),t.jsx(ca,{windowSize:u,children:t.jsxs(ha,{windowSize:u,onClick:()=>r(e),"data-testid":me("total-cashback-info"),children:[t.jsx(Ge,{children:ve.createNow}),t.jsx(pa,{})]})})]}),e==="creditCard"?t.jsxs(ma,{children:[t.jsx(ua,{children:ve.creditLimit}),t.jsx(ga,{children:h})]}):null]})})},Kt=e=>{const s=e-1;let l=`
-    0% {
-      transform: translateY(0);
-    }
-  `;const h=s*3.5,r=.5,u=3;for(let d=1;d<s;d++){const p=d*(u+r)*100/h,g=p-r*100/h,x=-21*d;l+=`
-    ${g}% {
-      transform: translateY(${x+21}px); 
-    }
-    ${p}% {
-      transform: translateY(${x}px);
-    }
-    `}return l+=`
-  ${((s-1)*(u+r)+u)*100/h}% {
-    transform: translateY(${-21*(s-1)}px);
-  }
-  99.99% {
-    transform: translateY(${-21*s}px);
-  }
-  100% {
-      transform: translateY(0);
-  }
-  `,Ft`${l}`},Xt=i.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  gap: ${a.sp3};
-  background-color: ${e=>e.cardPromoType==="debit"?e.theme.colors.brandColorOnyx:e.theme.colors.brandColorSapphireDark};
-  border-radius: 12px;
-  padding: ${a.sp4};
-  color: white;
-  min-width: ${e=>be.cardsMinWidth.valuePx(e.windowSize)};
-  height: 188px;
-  box-sizing: border-box;
-  position: relative;
-  overflow: hidden;
-  cursor: pointer;
-  flex-grow: 1;
-  flex-basis: 33.33%;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>e.theme.colors.elevation1};
-  ${e=>e.cardPromoType==="debit"?xe`
-          background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/MetalCardPattern.svg);
-          background-repeat: no-repeat;
-          background-position-x: -120px;
-          background-position-y: -54px;
-        `:null}
-`,Qt=i.div`
-  background-color: ${e=>e.cardType==="debitCard"?e.theme.colors.brandColorOnyx:e.theme.colors.brandColorSapphire};
-  border-radius: 12px;
-  padding: ${a.sp4};
-  color: white;
-  box-sizing: border-box;
-  position: relative;
-  overflow: hidden;
-  min-width: ${e=>be.cardsMinWidth.valuePx(e.windowSize)};
-  height: 188px;
-  box-sizing: border-box;
-  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/promo-list-pattern.svg);
-  background-repeat: no-repeat;
-  background-position: bottom right;
-  align-self: stretch;
-  flex-grow: 1;
-  flex-basis: 33.33%;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>e.theme.colors.elevation1};
-`,We=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: ${a.sp5};
-`,ea=i(We)`
-  flex-direction: row;
-  justify-content: space-between;
-`,Ue=i(Dt)`
-  color: ${e=>e.theme.colors.brandColorGold};
-`,ta=i(Bt)`
-  color: ${e=>e.theme.colors.brandColorJade};
-`,aa=i(zt)`
-  color: ${n.neutralGrey5Light};
-  white-space: pre-line;
-`,ia=i.div`
-  width: auto;
-  text-align: left;
-`,ra=i(M)`
-  color: ${e=>e.theme.colors.brandColorJade};
-`,na=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp2};
-  height: 21px;
-  overflow: hidden;
-`,he=i(M)`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  position: relative;
-  overflow: hidden;
-  align-self: baseline;
-  width: 224px;
-  ${e=>xe`
-    animation: ${Kt(e.slideUpCount)}
-      ${(e.slideUpCount-1)*3.5}s ease-out infinite;
-  `}
-`,Ye=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-`,oa=i(Ot)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  color: ${n.success};
-  border-radius: 50%;
-`,sa=i(_t)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${e=>e.theme.colors.brandColorJade};
-  margin-left: ${a.sp3};
-`,da=i.div`
-  position: absolute;
-  top: ${a.sp2};
-  right: -29px;
-`,la=i.div`
-  position: absolute;
-  top: 37px;
-  right: -46px;
-`,Ge=i.div``,ca=i.div`
-  border: 1px solid ${n.neutralGrey5Light};
-  border-radius: ${a.sp12};
-  width: fit-content;
-  justify-self: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
-  margin-top: ${a.sp1};
-  padding: ${a.sp0} ${a.sp2};
-`,ha=i(ge)`
-  color: ${n.neutralGrey5Light};
-  margin-top: ${e=>be.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
-  gap: ${a.sp1};
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-`,pa=i(ue)`
-  color: ${n.neutralGrey5Light};
-  width: ${a.sp2};
-  height: ${a.sp2};
-`,ma=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,ua=i(ge)`
-  color: ${n.neutralGrey5Light};
-`,ga=i(Nt)`
-  color: ${n.neutralGrey5Light};
-`,_={contentContainerMargin:new O(I[3],I[4],I[8]),infoSubheadingTextMarginTop:new O(I[0],I[0]),cardsMinWidth:new O(343,353)},xa={remainingText:new At("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:m,cardList:$,chargeCardsPromo:c}},common:f,dateFormat:q}=Oe.getLocalizedStrings(),ui=({chargeCardListView:e,searchText:s,admins:l,companyLegalName:h,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,companyChargeCardInfoCreditAccountLimit:qe,controllerEmails:Z,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:Ve,signedInUser:Ze,creditLimit:F,cashbackRate:K,onSearchTextChanged:Ke,onClickSetupIcon:Xe,isEarlyPayEnabled:R,onClickStatementsIcon:Qe,onChargeCardRowClick:et,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at,onIssueCardClick:it,onBackClick:rt,onReloadCards:nt,onTotalCashbackClick:ot,onColumnSortConfigChanged:st,onClickMenuIcon:dt,onPromoCardClick:Ce,onCreateNowClick:fe,showPayNowInfoTooltip:lt,navigateToCreditCardPaymentPage:W,shouldShowPayNowInfoTooltip:X})=>{const U=St().analytics,[ye,ct]=B.useState(!1),{creditAccount:S,creditAccountRepayment:y}=e,Q=jt(),T=!!Q.loggedInUserRole.includes("charge_card_user"),Y=vt(Q),w=A.hasChargeCardAdminLevelAccess(Q.loggedInUserRoleMap),L=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,ee=d&&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,te=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,ae={isCreditCardOffered:d,isDebitCardOffered:p,isDebitCardEnabled:g,isCreditCardEnabled:x},ht=o=>{ct(o),o===!0&&(U.trackCardsListPageClicked("search"),(!d||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&L!=null&&U.trackCardsCardListSearchClick(Z,ae,L,ee,te))},b=pe(),we=Y&&!w,$e=e.creditAccount.balance.amount+e.creditAccount.hold.amount,D={amount:$e,currencyCode:e.creditAccount.balance.currencyCode,currencySymbol:e.creditAccount.balance.currencySymbol},ie=Math.round(D.amount*100/e.creditAccount.limit.amount),pt=isNaN(ie)?0:$e!==0&&ie===0?1:ie,z=e.chargeCardConfig.rePaymentInfo?.cardLimitResetDate,re=w&&D.amount>u*e.creditAccount.limit.amount/100,N=z!=null&&y.initiatedRepayments.amount>0,mt={entity:"charge_cards",showNewButtonOnNavbar:w,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:w?$.newBtnLabel:f.strings.empty,hideSearchBtn:T,searchTextBoxStyle:{right:we?a.sp4:"96px"},moreIconContainerStyle:{paddingRight:we?a.sp0:a.sp4},isSearchOpen:ye,searchPlaceHolder:$.searchPlaceHolder,searchText:s,showSettingsIcon:!T,showSettingsIconOnNavbar:w,showStatementButtonOnNavbar:d&&x,showPayEarlyButtonOnNavbar:R&&w&&D.amount>0&&!N&&!re,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:U,onSearchOpen:ht,onSearchTextChanged:Ke,onClickSetupIcon:Xe,onClickStatementsIcon:Qe,downloadState:"Not-Started",onNewButtonClick:it,onClickPayEarlyIcon:()=>W("More Button","Pay Early"),onMenuOpen:()=>{(!d||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&L!=null&&U.trackCardsCardListMoreMenuClick(Z,ae,L,ee,te)},filters:{categoryCombinationOperator:"AND",categories:[]}},ut=t.jsx(Wt,{spendManagementSectionProps:mt}),gt=e.cards.length===0?!1:T&&A.anyCardOnHold(e.cards),xt=e.fetchState==="Completed"?ja({isChargeCardFeatureEnabled:d,isChargeCardSetupEnabled:x,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g}):"",G=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,bt=d&&x&&e.hasCreditCard,Ct=p&&g&&e.hasDebitCard,ft=d&&x&&Y&&!w,yt=p&&g&&Y&&!w,J=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(A.dateNow(),"days")??0,ne=[m.payNow,J>0&&J<11?`${m.billDueIn} ${J} ${J===1?f.timeStrings.day:f.timeStrings.days}`:m.creditLimitLow,m.payNow],Se=y.initiatedRepayments.amount===S.balance.amount+S.hold.amount,oe=[m.paymentInitiated,`${$.header.limit} ${Se?f.resets:f.updates} ${f.by} ${A.zeniDate(A.getNextNthWorkingDay(y.initiatedRepaymentDate?.toDate()??A.dateNow().toDate(),[0,6],3).toDateString()).format(q.visual.MMMDFormat)}`,m.paymentInitiated],se=B.useRef(null),de=B.useRef(null),wt=_e(),[$t,je]=B.useState(!0);return B.useEffect(()=>{const o=()=>{de.current&&(de.current.getBoundingClientRect().top<(b==="small"?68:40)?je(!1):je(!0))};o();const j=()=>{o()},H=se.current;return H&&H.addEventListener("scroll",j),window.addEventListener("scroll",j),()=>{H&&H.removeEventListener("scroll",j),window.removeEventListener("scroll",j)}},[b]),kt({componentName:"cards.list",enabled:e.fetchState==="Completed"}),t.jsxs(Ma,{ref:se,children:[t.jsx(Pt,{title:xt,showBackButton:!0,showMenuIcon:b==="medium-compact"||b==="small",onClickMenuIcon:dt,style:{zIndex:3},onBackClick:rt,rightSideComponent:ut,isSearchOpen:ye,hideSearchBtn:T,scrollableContent:se,source:"ChargeCardListPage",backgroundColor:wt.colors.grey4}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?t.jsx(It,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[T?null:t.jsxs(Ra,{windowSize:b,children:[bt||ft?t.jsxs(Me,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsxs(Ne,{children:[t.jsxs(Be,{children:[t.jsx(Le,{children:$.creditCardBalance}),t.jsx(E,{amount:D,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]}),t.jsxs(Ia,{children:[t.jsx(V,{style:{textAlign:"end"},children:f.texts.limit}),t.jsx(E,{amount:e.creditAccount.limit,style:{justifyContent:"end"},integerStyles:C.largeRegular.cssObject,decimalStyles:C.smallRegular.cssObject})]})]}),t.jsx(_a,{children:t.jsx(Fa,{style:{width:`${pt}%`,borderRadius:a.sp1}})}),re&&!N&&R?t.jsx(le,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx($a,{children:m.creditLimitIsRunningLow}),children:t.jsxs(Re,{children:[t.jsx(E,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:f.texts.remaining}),t.jsx(Sa,{children:t.jsx(wa,{})})]})}):t.jsxs(Re,{children:[t.jsx(E,{amount:e.creditAccount.available,integerStyles:C.largeMedium.cssObject,decimalStyles:C.smallMedium.cssObject}),t.jsx(De,{windowSize:b,children:f.texts.remaining})]})]}),t.jsxs(Ta,{showPaymentInitiatedInfo:N,isEarlyPayEnabled:R,children:[N&&R?null:t.jsx(V,{children:`${f.texts.limitReset} ${z!=null?z.format(q.visual.MMMDFormat):null}`}),w&&R&&(N?t.jsx("div",{children:t.jsx(le,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(va,{children:[t.jsx(Ee,{children:`${m.paymentOf} ${Tt("0,0.[00]",{amount:y.initiatedRepayments.amount,currencyCode:y.initiatedRepayments.currencyCode,currencySymbol:y.initiatedRepayments.currencySymbol})} ${m.madeOn} `}),t.jsx(ka,{children:y.initiatedRepaymentDate?.format(q.visual.MMMDFormat)}),f.strings.space,t.jsx(Ee,{children:Se?m.isProcessingAndWillResetTheCreditLimitIn23BusinessDays:m.isProcessingAndWillUpdateTheCreditLimitIn23BusinessDays})]}),placement:"bottom",children:t.jsxs(Ie,{hasPointer:!1,children:[oe.length>0&&t.jsx(he,{slideUpCount:oe.length,style:{alignItems:"flex-end",width:"auto"},children:oe.map((o,j)=>t.jsx(Ca,{children:o},`card-payment-initiated-${j.toString()}`))}),t.jsx(ya,{})]})})}):re?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:()=>{X(!1),W("Toast Button","Pay Now")},showCloseButton:!0,onClose:o=>{o.preventDefault(),o.stopPropagation(),X(!1)}},title:"informative",placement:"bottom-end",open:lt&&$t,children:t.jsxs(Ie,{ref:de,onClick:()=>{X(!1),W("Text Button","Pay Now")},hasPointer:!0,children:[ne.length>0&&t.jsx(he,{slideUpCount:ne.length,style:{alignItems:"flex-end",width:"auto"},children:ne.map((o,j)=>t.jsx(ba,{isImportant:j===1,children:o},`card-pay-now-${j.toString()}`))}),t.jsx(Te,{})]})}):D.amount>0?t.jsxs(fa,{onClick:()=>W("Text Button","Pay Early"),children:[m.payEarly,t.jsx(Te,{})]}):null)]})]}):d&&x?t.jsx(Pe,{cardType:"creditCard",header:c.listPage.spendSmarter,title:c.listPage.setUpText.replace("__cardType__",c.listPage.credit),creditLimit:ce("0,0",F.amount,F.currencySymbol),onCreateNowClick:fe}):d?t.jsx(ke,{cardPromoType:"credit",cardText:c.listPage.creditCards,header:c.listPage.getAccessTo,title:c.listPage.creditCards,subTitle:c.listPage.promoSubText.credit,slidingTextList:Ae("credit",K,{amount:qe,currencyCode:F.currencyCode,currencySymbol:F.currencySymbol}),onClick:Ce}):null,Ct||yt?t.jsxs(Me,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsx(Ne,{children:t.jsxs(Be,{children:[t.jsx(Le,{children:$.debitCardSpend}),t.jsx(E,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]})}),t.jsx(Da,{children:G!==0?t.jsxs(t.Fragment,{children:[G<0?t.jsx(Na,{}):t.jsx(Ba,{}),t.jsx(za,{hasNegativeValue:G<0,children:ce("0,0.00",G,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(q.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:Ae("debit",K),onClick:Ce}):null,t.jsxs(La,{windowSize:b,children:[r?t.jsxs(Pa,{children:[t.jsx(V,{style:{textAlign:"start"},children:$.totalCashback}),t.jsx(E,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:C.h5Regular.cssObject,decimalStyles:C.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ea,{windowSize:b,children:t.jsxs(Oa,{windowSize:b,onClick:ot,"data-testid":me("total-cashback-info"),children:[t.jsx(Aa,{children:$.overview}),t.jsx(Wa,{})]})}):null]}):null,t.jsx(Ya,{children:t.jsx(Ga,{})})]})]}),e.cards.length===0&&T===!0||gt?t.jsx(Ua,{children:t.jsx(Ut,{companyLegalName:h,cards:e.cards,admins:l,hasZeniFinopsRoles:Y,cashbackRate:K})}):t.jsx(Jt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:L,creditAccountInformation:ee,debitAccountInformation:te,productInformation:ae,controllerEmails:Z,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,creditAccount:e.creditAccount,creditAccountRepayment:y,cardList:e.cards,showViewForCardUser:!1,signedInUser:Ze,fetchState:e.fetchState,onReloadCards:nt,onChargeCardRowClick:et,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:Ve,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:st,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at})]})]})},ba=i(Fe)`
-  color: ${e=>e.isImportant?n.important:e.theme.colors.primary};
-  text-align: end;
-`,Ca=i(Fe)`
-  color: ${n.brandColorGoldDark};
-  text-align: end;
-`,Ie=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp1};
-  height: 21px;
-  overflow: hidden;
-  cursor: ${e=>e.hasPointer?"pointer":"default"};
-`,fa=i(M)`
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 2px;
-`,Te=i(ue)`
-  color: ${e=>e.theme.colors.primary};
-  width: 12px;
-  height: 12px;
-`,ya=i(Rt)`
-  color: ${n.brandColorGoldDark};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,wa=i(Mt)`
-  color: ${n.important};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,$a=i(M)`
-  color: ${n.heroDark};
-  white-space: pre-line;
-  text-align: left;
-`,Sa=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Ae=(e,s,l)=>{const h=(s*100).toFixed(2);if(e==="credit"){const r=c.listPage.promoMultiText.credit;return l&&(r[0]=r[0].replace("__creditLimit__",ce("0,0",l.amount,l.currencySymbol))),r[1]=r[1].replace("__cashBack__",h),[...r,r[0]]}else if(e==="debit"){const r=c.listPage.promoMultiText.debit;return r[0]=r[0].replace("__cashBack__",h),[...r,r[0]]}return[]},ja=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:s,isDebitCardFeatureEnabled:l,isDebitCardSetupEnabled:h})=>e&&s&&l&&h?$.title.cards:e&&s?$.title.credit:l&&h?$.title.debit:"",va=i.div`
-  text-align: left;
-`,Ee=i.span``,ka=i.span`
-  white-space: nowrap;
-`,Pa=i.div`
-  min-width: 137px;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-`,Ia=i.div`
-  min-width: ${a.sp12};
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-`,Je=i.div`
-  min-width: ${a.sp11};
-  padding: ${a.sp2} ${a.sp4};
-  background-color: ${e=>e.theme.colors.grey4};
-  border-bottom-left-radius: ${a.sp2};
-  border-bottom-right-radius: ${a.sp2};
-  border-top: 1px solid ${e=>e.theme.colors.grey3};
-  display: flex;
-`,Ta=i(Je)`
-  justify-content: ${e=>e.showPaymentInitiatedInfo&&e.isEarlyPayEnabled?"flex-end":"space-between"};
-`,Aa=i.div``,Ea=i.div`
-  border: 1px solid ${e=>e.theme.colors.hero};
-  border-radius: ${a.sp12};
-  width: fit-content;
-  justify-self: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
-  margin-top: ${a.sp1};
-  padding: ${a.sp0} ${a.sp2};
-`,Ma=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-  overflow: auto;
-`,Ra=i.div`
-  display: flex;
-  flex-direction: row;
-  margin-top: ${a.sp3};
-  margin-right: ${e=>_.contentContainerMargin.valuePx(e.windowSize)};
-  margin-bottom: ${a.sp4};
-  margin-left: ${e=>_.contentContainerMargin.valuePx(e.windowSize)};
-  align-items: center;
-  gap: ${a.sp3};
-  ${e=>e.windowSize==="small"&&xe`
-      overflow-x: scroll;
-      gap: ${a.sp2};
-      min-height: 190px;
-      /* Hide scrollbar for Chrome, Safari and Opera */
-      &::-webkit-scrollbar {
-        display: none;
-      }
-      /* Hide scrollbar for IE, Edge and Firefox */
-      -ms-overflow-style: none;
-      scrollbar-width: none;
-    `}
-`,Me=i.div`
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${n.Elevation1Light};
-  border-radius: ${a.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  min-width: ${e=>_.cardsMinWidth.valuePx(e.windowSize)};
-  height: 188px;
-  justify-content: space-between;
-  flex-basis: 33.33%;
-`,La=i.div`
-  display: flex;
-  justify-content: space-between;
-  align-self: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  text-align: ${e=>e.windowSize==="small"?"start":"end"};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${n.Elevation1Light};
-  border-radius: ${a.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding: ${a.sp4};
-  align-self: stretch;
-  position: relative;
-  overflow: hidden;
-  min-width: ${e=>_.cardsMinWidth.valuePx(e.windowSize)};
-  box-sizing: border-box;
-  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/promo-list-pattern.svg);
-  background-repeat: no-repeat;
-  background-position: bottom right;
-  height: 188px;
-  flex-grow: 1;
-  flex-basis: 33.33%;
-`,Re=i.div`
-  display: flex;
-  align-items: baseline;
-  gap: ${a.sp2};
-  align-items: center;
-`,Le=i(M)`
-  color: ${e=>e.theme.colors.hero};
-`,De=i(Et)`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${xa.remainingText.style(e.windowSize)}`};
-`,V=i(M)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: nowrap;
-`,Da=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp1};
-  padding: 3px ${a.sp0};
-  margin-top: 20px;
-`,He=i(Lt)`
-  color: ${e=>e.theme.colors.hero};
-`,za=i(He)`
-  color: ${e=>e.hasNegativeValue?n.success:n.important};
-`,Na=i(Vt)`
-  color: ${n.success};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,Ba=i(Zt)`
-  color: ${n.important};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,Oa=i(ge)`
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${e=>_.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
-  gap: ${a.sp1};
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  width: min-content;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,_a=i.div`
-  width: 100%;
-  height: ${a.sp1};
-  display: flex;
-  margin: ${a.sp2} ${a.sp0};
-  background: ${e=>e.theme.colors.grey3};
-`,Fa=i.div`
-  background: ${n.success};
-  width: 0%;
-  height: ${a.sp1};
-
-  transition: width 4s ease;
-`,Wa=i(ue)`
-  color: inherit;
-  width: ${a.sp2};
-  height: ${a.sp2};
-`,Ua=i.div`
-  display: flex;
-  flex-direction: column;
-  margin: ${a.sp0} ${a.sp2} ${a.sp7} ${a.sp2};
-`,ze=i.div`
-  padding: ${a.sp4};
-  padding-bottom: ${a.sp2};
-`,Ne=i.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,Be=i.div``,Ya=i.div`
-  height: ${a.sp10};
-  width: ${a.sp10};
-`;function Ga(){switch(_e().mode){case"light":return t.jsx(qt,{});case"dark":default:return t.jsx(Ht,{})}}export{ui as default,Ae as getPromoSlidingTextList};

package/dist/assets/ChargeCardSetupPage-CGRMFERy-nwvjRvTP.js

@@ -1,36 +0,0 @@
-import{u as Ie,e as Ve,d5 as Ue,a2 as H,a as Be,c9 as $e,l as ze,M as Re,a8 as G,j as t,cO as We,c as _e,C as r,aW as Le,m as qe,F as Ne,dO as Me,o as B,v as He,aS as Ge,a4 as Je,q as a,n as Ke}from"./index-b-ZazAq5.js";import{b as p,n as S}from"./vendor-rkTZJa59.js";import{D as Qe}from"./HelpButton-D9ONg6cm-Be59SjbC.js";import{q as Xe}from"./SetUpDefaultSection-B-ZEHQUb-wT4VB7Bz.js";import{f as Ye,y as J}from"./SpendMgmtSetupAccountSection-DFyUBsg3-CBY1E6Ip.js";import{x as Ze}from"./LabeledControlledCheckBoxField-o0K1dba0-CaYkqqwf.js";import{g as et}from"./UploadAdditionalDocumentOverlay-Y64l7Rho-CmfSD-Zu.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./MeetingCalenderPopup-B_KRQLwc-Dk4sRI3u.js";import"./ChargeCardUtils-BcwLwgz7-DtCcFgNi.js";import"./CreditCardPaymentPlgSection-8NQI5gcx-CYgVnwi-.js";import"./ChaseOverlay-ClcKUdpT-DsBdB3dn.js";const c={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,a[5],a[5]),sectionRowGap:new r(a[5],a[9],a[9]),iconWidthHeight:new r(20,a[4]),subTitlePaddingTop:new r(12,a[3]),subTitlePaddingBottom:new r(a[3],a[3]),overlayWidth:new r(100,100,59),checkBoxTop:new r(a[1],a[0])},K="chargeCardSetUpPage",h="payAccount",{commonSetUp:tt,spendManagement:nt}=Re.getLocalizedStrings(),{chargeCard:Y}=nt,{chargeCardSetUp:m}=Y,{setUp:$}=tt,Tt=({autoPayThreshold:e,isDisabled:x,meetingUrl:T,isEarlyPayEnabled:g,chargeCardSetUpView:o,connectedAccountProvider:Z,filesEndPoint:ee,authParams:te,isAccountsEnabled:ne,isDebitCardOnlyEnabled:v,isCreditCardOnlyEnabled:ie,accountsPromoConfig:oe,onFetchLinkTokenClick:ae,onBackClick:ce,onEnableChargeCardClick:se,onUpdateChargeCardClick:le,onBusinessVerificationSectionClick:re,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,onUpdatePrimaryFundingAccount:pe,onUpdateAutoPayClick:me,onEstablishConnectionClick:he,onEstablishConnectionSuccess:ge,onClickMenuIcon:fe,onEnableChargeCardSuccess:P,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe,onSignUpClick:Pe})=>{const f=Ie(),i=Ve(),E=Ue().analytics,[w,y]=p.useState(!1),{fetchState:b,companyBillPayInfo:z,isRefreshingViewInBackground:we,updateStatus:d,accountUpdateStatus:Ae,plaidConnectionDetails:ke,allBankAccounts:Te,companyChargeCardInfo:F,companyDebitCardInfo:R,selectedCompanyOfficer:s,primaryFundingAccount:l,allFundingAccounts:W}=o,_=H(b),A=H(d.fetchState),j=Be({mode:"all",reValidateMode:"onChange",defaultValues:p.useMemo(()=>Q(o),[o]),values:Q(o)}),ve=j.handleSubmit(se),Ee=async(C,k)=>{const n=k[h];if(C.includes(h))if(C.includes("fundingAccount")){if(n.fundingAccount.selectedOption!=null&&l?.id!=n.fundingAccount.selectedOption){const u=W.find(U=>U.id===n.fundingAccount.selectedOption);u!=null&&pe(n.fundingAccount.selectedOption,u.accType)}}else if(n.account.selectedOption!=null&&l?.id!=null&&l?.zeniAccountId!=n.account.selectedOption){const u=n.account.allOptions.find(U=>U.value===n.account.selectedOption);u!=null&&typeof u.label=="string"&&E.trackConnectBankLink(u.value,u.label,"charge_cards"),le(n.account.selectedOption,l.id,l.accType)}else C.includes("enableAutoPay")&&n.enableAutoPay!=null&&me(n.enableAutoPay)};p.useEffect(()=>{const C=j.watch((k,{name:n})=>{n!=null&&k!=null&&$e(()=>Ee(n,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&&_==="In-Progress"&&b==="Completed"&&y(!1)},[s,b,_]),p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const O=F?.isChargeCardEnabled===!0,D=R?.isDebitCardEnabled===!0,L=R?.isDebitCardTOSAccepted===!0,q=F?.isChargeCardTOSAccepted===!0,N=z?.isBusinessVerified===!0,Fe=l?.accType==="depositAccount"||ze.isVerifiedPaymentAccountProviderStatusCode(l?.providerVerificationStatus?.code??""),I=v?N:N&&Fe,je=b==="In-Progress"||b==="Not-Started";p.useEffect(()=>{A==="In-Progress"&&d.fetchState==="Completed"&&P()},[P,A,d.fetchState]);const V=v?I&&!D&&L:ie?I&&!O&&q:I&&!(O&&D)&&q&&L,Oe=V?m.setupSubTitleNotEnabled:m.setupSubTitle,M=f.mode==="light"?new G(f.colors.brandColorJadeLight):new G(f.colors.brandColorJadeDark),De=()=>{!w&&s?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&s.areAdditionalDocumentsRequestedForVerification&&!s.areAdditionalDocumentsSubmittedForVerification&&s.userVerificationStatus?.code==="require_info"?y(!0):re?.()};return t.jsxs(ot,{children:[t.jsx(We,{anchor:"right",PaperProps:{style:{width:c.overlayWidth.valuePercentage(i),boxShadow:"none"}},open:w,onClose:()=>y(!1),style:{backgroundColor:_e.drawerBackground},transitionDuration:250,children:t.jsx(et,{authParams:te,filesEndPoint:ee,updateStatus:d,onEditFileName:ye,onDeleteFile:be,updateFilesEntity:Ce,companyOfficer:s,onClose:()=>y(!1),onCompanyOfficerUpdated:Se,onSendForVerificationClick:xe})}),t.jsx(Le,{title:m.setupTitle,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:ce,showMenuIcon:!O&&!D&&(i==="medium-compact"||i==="small"),onClickMenuIcon:fe,source:"ChargeCardSetupPage"}),t.jsxs(it,{windowSize:i,children:[t.jsx(at,{windowSize:i,children:Oe}),je?t.jsx(ct,{children:t.jsx(qe,{size:"ExtraLarge",start:!0})}):t.jsx(Ne,{...j,children:t.jsx("form",{id:X(K),onSubmit:ve,children:t.jsxs(st,{windowSize:i,children:[t.jsx(Xe,{onClick:De,title:$.businessVerificationTitle,subTitle:$.businessVerificationSubTitle,header:$.businessVerificationHeader,icon:{element:t.jsx(Me,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:M},status:z?.businessVerificationStatus,isLoading:we,isActiveWhileLoading:!0}),v?null:t.jsx(Ye,{connectedAccountProvider:Z,primaryFundingAccount:l,allFundingAccounts:W,plaidConnectionDetails:ke,allBankAccounts:Te,sectionId:h,isDisabled:x,onFetchLinkTokenClick:ae,onEstablishConnectionClick:he,onUpdatePaymentAccountStatus:de,onUpdatePaymentAccountLoginStatus:ue,sectionTitle:m.setupAccountSectionTitle,onEstablishConnectionSuccess:ge,icon:{element:t.jsx(Ge,{width:c.iconWidthHeight.valuePx(i),height:c.iconWidthHeight.valuePx(i)}),color:M},analytics:E,productType:"charge_cards",isAccountsEnabled:ne,onSignUpClick:Pe,pageName:m.pageName,accountsPromoConfig:oe,accountSelectContainerStyle:g?{marginBottom:"20px"}:{},bottomComponent:g&&t.jsx(Ze,{label:{label:Y.payEarly.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{color:f.colors.primary,...He.smallRegular.cssObject,alignItems:"center"}},style:{width:"unset",marginRight:B.sp4,marginTop:B.sp1,alignItems:i==="small"?"flex-start":"center"},checkBoxField:{name:J(h,"enableAutoPay"),checkBoxValue:J(h,"enableAutoPay"),defaultChecked:F?.isAutoPayEnabled,style:{top:c.checkBoxTop.valuePx(i)}}})})]})})})]}),V?t.jsx(Je,{formId:X(K),primaryBtn:{label:m.enableAccounts,style:{width:"auto",minWidth:i==="small"?"auto":"181px"},isLoading:d.fetchState==="In-Progress"||Ae.fetchState==="In-Progress",isDisabled:x!=null},showCancel:!1,cancelBtn:{label:""},style:{padding:`12px ${B.sp3}`}}):null,t.jsx(Qe,{isFooterRendered:V,meetingUrl:T,analytics:E,productType:"charge_cards"})]})},Q=e=>{const{allBankAccounts:x,allFundingAccounts:T,primaryFundingAccount:g}=e;return{[h]:{fundingAccount:{selectedOption:g?.id,allOptions:T.map(o=>({label:o.label,value:o.id,isRecommended:o.accType==="depositAccount"}))},account:{selectedOption:g?.zeniAccountId,allOptions:x.map(o=>({label:o.accountName,value:o.accountId}))},enableAutoPay:e.companyChargeCardInfo?.isAutoPayEnabled}}},X=e=>`${e}_form`,it=S.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>c.setupDetailsRowGap.valuePx(e.windowSize)};
-`,ot=S.div`
-  display: flex;
-  min-height: 100%;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,at=S(Ke)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>c.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>c.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>c.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,ct=S.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,st=S.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>c.sectionRowGap.valuePx(e.windowSize)};
-`;export{Tt as default,X as uniqueName};

package/dist/assets/ChargeCardUtils-BcwLwgz7-DtCcFgNi.js

@@ -1 +0,0 @@
-import{fk as D,M as S,dt as c,l as B}from"./index-b-ZazAq5.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 _};

package/dist/assets/ChaseOverlay-ClcKUdpT-DsBdB3dn.js

@@ -1,170 +0,0 @@
-import{e as Q,fh as W,fi as Y,M as Z,j as t,c as x,p as ee,k as I,_ as c,o as s,C as g,s as te,n as ie,ao as se,bt as oe,dE as re,q as l,ap as _,az as A,a7 as ne,fj as le,d as ae,cw as de,aR as ce}from"./index-b-ZazAq5.js";import{b as p,n as o}from"./vendor-rkTZJa59.js";const u={width:new g(350,624,624),height:new g(600,730,730),paddingLeft:new g(l[4],l[8],l[8]),paddingRight:new g(l[4],l[7],l[7])};function De(e){const d=Q(),[,U]=W(),{isMobileOrTabletScreen:m}=Y(),[j,k]=p.useState(!0),[y,S]=p.useState(!0),[z,C]=p.useState(!1),[T,M]=p.useState(!1),r=Z.getLocalizedStrings().commonSetUp.chaseOverlay,q=r.title,V=r.description,G=()=>{window.open(r.chaseVideoUrl,"_blank")},L=[0,1,2,3],B=i=>i<L.length-1,P=(i,n)=>{U(i??""),n?k(!1):S(!1)},D=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 X=()=>{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]})},H=()=>{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:()=>P(n,!0),onMouseOver:()=>D(!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(R,{showCopyText:z&&!m,windowSize:d,children:t.jsx(N,{})}),t.jsx(w,{shouldDisplay:z&&!m,children:i.copy})]}):t.jsxs(h,{children:[t.jsx(O,{}),t.jsx(w,{children:i.copied})]})]}),t.jsxs(f,{onClick:()=>P(i.payeeName,!1),onMouseOver:()=>D(!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(R,{showCopyText:T&&!m,windowSize:d,children:t.jsx(N,{})}),t.jsx(w,{shouldDisplay:T&&!m,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]})]})]})]})},J=()=>{const i=r.step4;return t.jsxs($,{children:[i.text1,t.jsxs(a,{children:[" ",i.text2]}),i.text3,t.jsxs(a,{children:[" ",i.text4]})]})},K=i=>{switch(i){case 0:return t.jsx(X,{});case 1:return t.jsx(F,{});case 2:return t.jsx(H,{});default:return t.jsx(J,{})}};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:q}),t.jsx(me,{children:V}),t.jsx(je,{children:r.stepsTitle}),t.jsx(ue,{windowSize:d,children:L.map((i,n)=>t.jsxs(ge,{children:[t.jsx(fe,{children:B(n)?n+1:t.jsx(Se,{})}),t.jsx(ve,{children:K(n)}),B(n)&&t.jsx(ye,{})]},`step_${n}`))})]}),t.jsx($e,{}),t.jsxs(we,{children:[t.jsx(I,{variant:"secondary",label:r.primaryButtonText,onClick:G,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`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 10;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${x.overlayDark};
-  overflow: scroll;
-`,he=o.div`
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-  align-items: center;
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: ${s.sp2};
-  position: relative;
-  top: ${e=>e.windowSize!=="small"?"8%":"0"};
-  width: ${e=>u.width.valuePx(e.windowSize)};
-  height: ${e=>e.windowSize!=="small"?u.height.valuePx(e.windowSize):"100%"};
-  padding-left: ${e=>u.paddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>u.paddingRight.valuePx(e.windowSize)};
-`,xe=o(te)`
-  margin-top: ${s.sp7};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-word;
-  text-align: center;
-`,me=o(ie)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: 30px;
-  margin-top: ${s.sp3};
-  white-space: pre-line;
-  text-align: center;
-`,ge=o.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-`,ue=o.div`
-  width: 100%;
-  margin-top: ${s.sp4};
-`,$e=o.div`
-  width: 100%;
-  height: 1px;
-  position: absolute;
-  bottom: ${s.sp10};
-  background-color: ${e=>e.theme.colors.grey3};
-`,we=o.div`
-  display: flex;
-  padding-bottom: ${s.sp3};
-  padding-top: ${s.sp3};
-  position: absolute;
-  bottom: 0;
-  z-index: 2;
-`,je=o(se)`
-  text-align: left;
-  width: 100%;
-`,ye=o.div`
-  top: ${s.sp2};
-  width: 1px;
-  height: 100%;
-  position: absolute;
-  left: ${s.sp3};
-  width: 2px;
-  background: ${e=>e.theme.colors.grey2};
-`,fe=o.div`
-  width: ${s.sp5};
-  height: ${s.sp5};
-  border: 1px solid ${e=>e.theme.colors.grey1};
-  background: ${e=>e.theme.colors.grey5};
-  border-radius: 50%;
-  z-index: 1;
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: ${oe.bold};
-  color: ${e=>e.theme.colors.hero};
-`,f=o.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-`,ve=o.div`
-  padding-bottom: ${s.sp4};
-  margin-left: ${s.sp6};
-`,$=o(_)`
-  color: ${e=>e.theme.colors.hero};
-`,be=o(de)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  vertical-align: middle;
-`,ke=o(ce)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  margin-left: ${s.sp1};
-  margin-right: ${s.sp1};
-  vertical-align: middle;
-`,Se=o(re)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,v=o(A)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  vertical-align: middle;
-  margin-right: ${s.sp2};
-  color: ${x.success};
-`,N=o(le)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,O=o(A)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${x.success};
-`,h=o.div`
-  display: flex;
-  align-items: center;
-  position: relative;
-  flex-direction: column;
-  justify-content: center;
-  align-self: flex-start;
-  margin-top: ${s.sp2};
-`,R=o.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.showCopyText?e.theme.colors.primary:e.theme.colors.grey1};
-`,w=o(ae)`
-  position: absolute;
-  left: ${s.sp4};
-  display: ${e=>e.shouldDisplay===!1?"none":"inline-flex"};
-  padding: 2px ${s.sp2};
-  justify-content: center;
-  align-items: center;
-  border-radius: ${s.sp1};
-  background: ${x.overlayDark};
-  color: ${e=>e.theme.colors.grey1};
-`,ze=o.div`
-  width: ${s.sp4};
-`,Ce=o.a`
-  color: ${e=>e.theme.colors.hero};
-  text-decoration: underline;
-  text-decoration-color: ${e=>e.theme.colors.grey2};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    text-decoration-color: ${e=>e.theme.colors.primary};
-  }
-`,a=o(_)`
-  color: ${e=>e.theme.colors.primary};
-  border-radius: ${s.sp1};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  background: ${e=>e.theme.colors.background};
-  padding: 2px ${s.sp1};
-  align-items: center;
-  justify-content: center;
-`,b=o(ne)`
-  color: ${e=>e.theme.colors.primary};
-  margin-left: ${s.sp1};
-  margin-right: ${s.sp1};
-`,Te=o.div`
-  display: flex;
-  flex-direction: column;
-`,Me=o.div``,Le=o.div`
-  margin-bottom: 74px;
-  overflow: scroll;
-`;export{De as M};