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

package/dist/assets/ChargeCardListPage-D42dfnET-BwGRx6DO.js

@@ -1,355 +0,0 @@
-import{d1 as $t,t as St,fk as jt,l as M,ff as v,X as he,M as Be,o as a,u as _e,j as t,aW as vt,fy as kt,cN as A,v as C,bs as de,g as n,_ as Pt,aa as le,Y as pe,C as B,w as E,Q as It,h as Tt,ck as Mt,aB as Fe,b4 as At,ae as me,a5 as Et,f as ue,p as I,d2 as Lt,Z as Rt,q as Dt,b$ as zt,cj as Nt,aP as Ot}from"./index-D3N9MvRr.js";import{b as O,n as i,j as ge,k as Bt}from"./vendor-CnQcJ2Lu.js";import{Y as _t}from"./SpendManagementSection-DGhD95sz-VmruoRWg.js";import{ChargeCardPromoUserContent as Ft}from"./ChargeCardPromoPage-CXiXee-8-rWS9j7At.js";import{N as Ut,J as Wt}from"./PromoBaseCards-BZ2m6LfO-Cud5t_Fi.js";import{A as Yt}from"./ChargeCardListTable-B7uRDVzb-nPrrXfLF.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-Dh8meV6d-Bpx3vewx.js";import"./NavigationDots-DyyCcIih-Dej6_J6K.js";import"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./Menu-DyfXBl_1-ub7G94mj.js";import"./RoleWithToolTip-DZO2tooH-6nbnfSfh.js";import"./CardNumberSubText-23sLjCVt-q9DlwjXk.js";import"./ChargeCardUtils-B3JEziD7-BDgvm4V8.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:l,title:h,subTitle:r,slidingTextList:u,onClick:d})=>{const p=he();return t.jsxs(Xt,{windowSize:p,cardPromoType:e,"data-testid":pe("list-page-promo-card",e),onClick:()=>d(e),children:[t.jsxs(Ue,{children:[t.jsxs(Ye,{children:[t.jsx(We,{children:l}),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(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:l,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:l})}),t.jsx(da,{windowSize:u,children:t.jsxs(la,{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 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);
-  }
-  `,Bt`${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=>xe.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"?ge`
-          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}
-`,Zt=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=>xe.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};
-`,Ue=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: ${a.sp5};
-`,Kt=i(Ue)`
-  flex-direction: row;
-  justify-content: space-between;
-`,We=i(Lt)`
-  color: ${e=>e.theme.colors.brandColorGold};
-`,Qt=i(zt)`
-  color: ${e=>e.theme.colors.brandColorJade};
-`,ea=i(Rt)`
-  color: ${n.neutralGrey5Light};
-  white-space: pre-line;
-`,ta=i.div`
-  width: auto;
-  text-align: left;
-`,aa=i(E)`
-  color: ${e=>e.theme.colors.brandColorJade};
-`,ia=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp2};
-  height: 21px;
-  overflow: hidden;
-`,ce=i(E)`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  position: relative;
-  overflow: hidden;
-  align-self: baseline;
-  width: 224px;
-  ${e=>ge`
-    animation: ${qt(e.slideUpCount)}
-      ${(e.slideUpCount-1)*3.5}s ease-out infinite;
-  `}
-`,Ye=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-`,ra=i(Nt)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  color: ${n.success};
-  border-radius: 50%;
-`,na=i(Ot)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${e=>e.theme.colors.brandColorJade};
-  margin-left: ${a.sp3};
-`,oa=i.div`
-  position: absolute;
-  top: ${a.sp2};
-  right: -29px;
-`,sa=i.div`
-  position: absolute;
-  top: 37px;
-  right: -46px;
-`,Ge=i.div``,da=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};
-`,la=i(ue)`
-  color: ${n.neutralGrey5Light};
-  margin-top: ${e=>xe.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
-  gap: ${a.sp1};
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-`,ca=i(me)`
-  color: ${n.neutralGrey5Light};
-  width: ${a.sp2};
-  height: ${a.sp2};
-`,ha=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,pa=i(ue)`
-  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:l,companyLegalName:h,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,controllerEmails:q,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:Ve,signedInUser:qe,creditLimit:X,cashbackRate:be,onSearchTextChanged:Xe,onClickSetupIcon:Ze,isEarlyPayEnabled:L,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:dt,navigateToCreditCardPaymentPage:F,shouldShowPayNowInfoTooltip:Z})=>{const U=$t().analytics,[ye,lt]=O.useState(!1),{creditAccount:S,creditAccountRepayment:y}=e,K=St(),T=!!K.loggedInUserRole.includes("charge_card_user"),W=jt(K),w=M.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=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,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:d,isDebitCardOffered:p,isDebitCardEnabled:g,isCreditCardEnabled:x},ct=o=>{lt(o),o===!0&&(U.trackCardsListPageClicked("search"),(!d||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListSearchClick(q,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,N=z!=null&&y.initiatedRepayments.amount>0,pt={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:L&&w&&D.amount>0&&!N&&!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:()=>{(!d||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListMoreMenuClick(q,te,R,Q,ee)},filters:{categoryCombinationOperator:"AND",categories:[]}},mt=t.jsx(_t,{spendManagementSectionProps:pt}),ut=e.cards.length===0?!1:T&&M.anyCardOnHold(e.cards),gt=e.fetchState==="Completed"?$a({isChargeCardFeatureEnabled:d,isChargeCardSetupEnabled:x,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g}):"",Y=e.debitCardSummary!=null?e.debitCardSummary.currentMonthSpends.amount-e.debitCardSummary.lastCompletedMonthSpends.amount:0,xt=d&&x&&e.hasCreditCard,bt=p&&g&&e.hasDebitCard,Ct=d&&x&&W&&!w,ft=p&&g&&W&&!w,G=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(M.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} ${M.zeniDate(M.getNextNthWorkingDay(y.initiatedRepaymentDate?.toDate()??M.dateNow().toDate(),[0,6],3).toDateString()).format(H.visual.MMMDFormat)}`,m.paymentInitiated],oe=O.useRef(null),se=O.useRef(null),yt=_e(),[wt,je]=O.useState(!0);return O.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(Ma,{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:T,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:[T?null:t.jsxs(Aa,{windowSize:b,children:[xt||Ct?t.jsxs(Ee,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsxs(Ne,{children:[t.jsxs(Oe,{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(Oa,{children:t.jsx(Ba,{style:{width:`${ht}%`,borderRadius:a.sp1}})}),ie&&!N&&L?t.jsx(de,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(ya,{children:m.creditLimitIsRunningLow}),children:t.jsxs(Le,{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(Le,{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:N,isEarlyPayEnabled:L,children:[N&&L?null:t.jsx(V,{children:`${f.texts.limitReset} ${z!=null?z.format(H.visual.MMMDFormat):null}`}),w&&L&&(N?t.jsx("div",{children:t.jsx(de,{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(de,{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:dt&&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(Te,{})]})}):D.amount>0?t.jsxs(ba,{onClick:()=>F("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:le("0,0",X.amount,X.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:Me("credit",be,X),onClick:Ce}):null,bt||ft?t.jsxs(Ee,{windowSize:b,children:[t.jsxs(ze,{children:[t.jsx(Ne,{children:t.jsxs(Oe,{children:[t.jsx(Re,{children:$.debitCardSpend}),t.jsx(A,{amount:e.debitCardSummary?.currentMonthSpends,integerStyles:{...C.h5Regular.cssObject},decimalStyles:{...C.largeSemiBold.cssObject}})]})}),t.jsx(La,{children:Y!==0?t.jsxs(t.Fragment,{children:[Y<0?t.jsx(Da,{}):t.jsx(za,{}),t.jsx(Ra,{hasNegativeValue:Y<0,children:le("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:Me("debit",be),onClick:Ce}):null,t.jsxs(Ea,{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(Ta,{windowSize:b,children:t.jsxs(Na,{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&&T===!0||ut?t.jsx(Fa,{children:t.jsx(Ft,{companyLegalName:h,cards:e.cards,admins:l,hasZeniFinopsRoles:W})}):t.jsx(Yt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:R,creditAccountInformation:Q,debitAccountInformation:ee,productInformation:te,controllerEmails:q,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,creditAccount:e.creditAccount,creditAccountRepayment:y,cardList:e.cards,showViewForCardUser:!1,signedInUser:qe,fetchState:e.fetchState,onReloadCards:rt,onChargeCardRowClick:Qe,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:Ve,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)`
-  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"};
-`,ba=i(E)`
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 2px;
-`,Te=i(me)`
-  color: ${e=>e.theme.colors.primary};
-  width: 12px;
-  height: 12px;
-`,Ca=i(At)`
-  color: ${n.brandColorGoldDark};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,fa=i(Mt)`
-  color: ${n.important};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,ya=i(E)`
-  color: ${n.heroDark};
-  white-space: pre-line;
-  text-align: left;
-`,wa=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,Me=(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__",le("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[]},$a=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:s,isDebitCardFeatureEnabled:l,isDebitCardSetupEnabled:h})=>e&&s&&l&&h?$.title.cards:e&&s?$.title.credit:l&&h?$.title.debit:"",Sa=i.div`
-  text-align: left;
-`,Ae=i.span``,ja=i.span`
-  white-space: nowrap;
-`,va=i.div`
-  min-width: 137px;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-`,ka=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;
-`,Pa=i(Je)`
-  justify-content: ${e=>e.showPaymentInitiatedInfo&&e.isEarlyPayEnabled?"flex-end":"space-between"};
-`,Ia=i.div``,Ta=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;
-`,Aa=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"&&ge`
-      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;
-    `}
-`,Ee=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%;
-`,Ea=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%;
-`,Le=i.div`
-  display: flex;
-  align-items: baseline;
-  gap: ${a.sp2};
-  align-items: center;
-`,Re=i(E)`
-  color: ${e=>e.theme.colors.hero};
-`,De=i(Tt)`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${ua.remainingText.style(e.windowSize)}`};
-`,V=i(E)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: nowrap;
-`,La=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp1};
-  padding: 3px ${a.sp0};
-  margin-top: 20px;
-`,He=i(Et)`
-  color: ${e=>e.theme.colors.hero};
-`,Ra=i(He)`
-  color: ${e=>e.hasNegativeValue?n.success:n.important};
-`,Da=i(Ht)`
-  color: ${n.success};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,za=i(Vt)`
-  color: ${n.important};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,Na=i(ue)`
-  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};
-  }
-`,Oa=i.div`
-  width: 100%;
-  height: ${a.sp1};
-  display: flex;
-  margin: ${a.sp2} ${a.sp0};
-  background: ${e=>e.theme.colors.grey3};
-`,Ba=i.div`
-  background: ${n.success};
-  width: 0%;
-  height: ${a.sp1};
-
-  transition: width 4s ease;
-`,_a=i(me)`
-  color: inherit;
-  width: ${a.sp2};
-  height: ${a.sp2};
-`,Fa=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;
-`,Oe=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,Me as getPromoSlidingTextList};

package/dist/assets/ChargeCardPromoPage-CXiXee-8-rWS9j7At.js

@@ -1,190 +0,0 @@
-import{X as C,M as ee,j as r,u as N,t as ue,d1 as ge,a1 as we,_ as fe,l as ye,fk as $e,aW as Ce,o as t,b$ as be,k as re,c0 as je,Z as Se,C as h,bN as Te,bs as ze,g as f,K as W,Y as K,i5 as ve,p as u,Q as T,ao as Pe,a6 as ke}from"./index-D3N9MvRr.js";import{b as z,n,j as Be,k as Ie}from"./vendor-CnQcJ2Lu.js";import{x as Ae}from"./MeetingCalenderPopup-Dh8meV6d-Bpx3vewx.js";import{f as Le}from"./NavigationDots-DyyCcIih-Dej6_J6K.js";import{J as D,N as F}from"./PromoBaseCards-BZ2m6LfO-Cud5t_Fi.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 x={midContainerMarginBottom:new h(u[5],u[7]),containerPaddingTopBottom:new h(u[0],u[0]),uspContainerMarginX:new h(u[6],u[0]),buttonTrayGap:new h(12,u[4]),midContainerGap:new h(u[4],84),iconContainerMinHeight:new h(236,396),emptySectionHeight:new h(u[6],43),navigationBottom:new h(u[4],94),navigationLeft:new h(192,244),carouselHeight:new h(268,396),carouselMarginTop:new h(54,u[4]),carouselMarginLeft:new h(120,u[12])},v={promoBadgeText:new T("standardRegular","largeRegular"),promoBadgeTextBold:new T("standardBold","largeBold"),cardsContent:new T("extraSmallRegular","smallRegular"),contactAdmin:new T("extraSmallRegular","smallRegular"),uspText:new T("smallRegular","standardRegular"),uspBoldText:new T("smallMedium","standardMedium")},{common:Re,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=ee.getLocalizedStrings(),Sr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:d,showEnableCardButton:i,controllerEmails:a,isCardsOnlyTenantOrCreditCardFeatureEnabled:p,isDebitCardFeatureEnabled:m,isDebitCardSetupEnabled:y,isChargeCardSetupEnabled:g,admins:j,cashbackRate:S,cardPromoType:w="credit",onSetupButtonClick:c,onBackClick:l,onClickMenuIcon:se,onSetupChargeCardSuccess:U,onExpressInterestClick:de})=>{const le=N(),H=ue(),R=C(),O=ge().analytics,{chargeCardTermsDetails:M,companyChargeCardInfo:b,companyLocaleInfo:_}=d,G=we(M?.fetchStatus.fetchState),[ce,J]=z.useState(!1),me=()=>{O.trackCardsPromoPageClicked("schedule demo"),O.trackCardsScheduleDemoClick(a,{isCreditCardOffered:p,isDebitCardOffered:m,isDebitCardEnabled:y,isCreditCardEnabled:g},"Cards Promo"),J(!0)},pe=b!=null&&_!=null?fe("0,0",{amount:b.chargeCardsCreditAccountLimit,currencyCode:_.currencyCode,currencySymbol:_.currencySymbol}):void 0;z.useEffect(()=>{G==="In-Progress"&&M?.fetchStatus.fetchState==="Completed"&&U()},[G,U,M?.fetchStatus]);const xe=ye.hasChargeCardAdminLevelAccess(H.loggedInUserRoleMap),he=$e(H),X=w==="credit"&&b?.isCompanyInterestedInChargeCard===!1,Z=w==="credit"&&b?.isCompanyInterestedInChargeCard===!0&&b.chargeCardsCreditAccountLimit===-1,V=w==="credit"&&b?.isCompanyInterestedInChargeCard===!0&&b.chargeCardsCreditAccountLimit===0;return r.jsxs(Ue,{children:[r.jsx(Ce,{title:o.title[w],backgroundColor:le.colors.grey4,onBackClick:l,showBackButton:!0,showMenuIcon:R==="medium-compact"||R==="small",onClickMenuIcon:se,style:{zIndex:9},source:"ChargeCardPromoPage"}),ce===!0?r.jsx(Ae,{onCancelClick:()=>{J(!1)},meetingUrl:e}):null,r.jsx(He,{windowSize:R,children:xe===!0?r.jsxs(r.Fragment,{children:[r.jsx(Ee,{creditAmount:pe,cardPromoType:w,isUnderReview:V,isRejected:Z,showExpressInterest:X}),r.jsx(te,{forAdmin:!0,cardPromoType:w,cashbackRate:S}),r.jsx(_e,{showEnableCardButton:i,chargeCardSetupView:d,handleSecondaryBtnClick:me,onSetupButtonClick:()=>c(w),onExpressInterestClick:de,cardPromoType:w,isUnderReview:V,isRejected:Z,showExpressInterest:X})]}):r.jsx(De,{companyLegalName:s,cards:[],admins:j,hasZeniFinopsRoles:he,cardPromoType:w})})]})},Me=({admins:e})=>{const s=e.flatMap(i=>i.user?.firstName+" "+i.user?.lastName).join(", "),d=C();return r.jsxs(tr,{windowSize:d,children:[r.jsx(E,{underline:!1,windowSize:d,children:o.noCardAssigned.pre}),r.jsx(ze,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(E,{underline:!0,windowSize:d,children:o.noCardAssigned.tooltip})}),r.jsx(E,{underline:!1,windowSize:d,children:o.noCardAssigned.post})]})},_e=({showEnableCardButton:e,chargeCardSetupView:s,isUnderReview:d,isRejected:i,showExpressInterest:a,handleSecondaryBtnClick:p,onSetupButtonClick:m,onExpressInterestClick:y})=>{const g=C(),{expressInterestInChargeCardFetchState:j}=s,S=a?o.expressInterest:e?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Ze,{windowSize:g,children:[d||i?null:r.jsxs(Ve,{windowSize:g,children:[r.jsx(W,{variant:"secondary",label:o.scheduleDemoButton,onClick:p,"data-testid":K("schedule-demo-button")}),r.jsx(W,{variant:"primary",label:S,loading:s.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||j==="In-Progress",onClick:S===o.expressInterest?y:m,"data-testid":K("enable-card-button")})]}),r.jsx(ve,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:d||i?void 0:a?o.terms.approvalTerm:e?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:!a&&!d&&!i})]})},Ee=({cardPromoType:e,creditAmount:s,isUnderReview:d,isRejected:i,showExpressInterest:a})=>{const p=C(),m=e==="debit_and_credit"?o.promoTextDebitCreditCard:e==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,y=a?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(Q,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,o.promoBadgeText.nonPreApproved.higherLimits]}):d?o.promoBadgeText.underReview:i?o.promoBadgeText.rejected:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(Q,{color:f.success,children:s}),o.creditLimit,Re.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:p==="small"?r.jsxs(r.Fragment,{children:[r.jsx(ae,{children:m}),r.jsx(ne,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(ie,{children:m}),r.jsx(oe,{children:o.promoSubText})]})}),r.jsxs(Ge,{cardPromoType:e,hideBadge:s==null||e==="debit",windowSize:p,children:[d||i?null:r.jsx(cr,{}),r.jsx(Je,{windowSize:p,children:y})]})]})},De=({companyLegalName:e,cards:s,admins:d,hasZeniFinopsRoles:i,cardPromoType:a="credit"})=>{const p=C(),m=a==="debit_and_credit"?o.promoTextDebitCreditCard:a==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[p==="small"?r.jsxs(r.Fragment,{children:[r.jsx(ae,{children:m}),r.jsx(ne,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(ie,{children:m}),r.jsx(oe,{children:o.promoSubText})]}),s.length===0?r.jsx(rr,{windowSize:p}):r.jsx(Fe,{cards:s,companyLegalName:e}),r.jsx(te,{forAdmin:!1,cardPromoType:a}),i?null:r.jsx(Me,{admins:d})]})},Fe=({cards:e,companyLegalName:s})=>{const d=N(),i=C();let a="",p;if(e.length===1){p=e[0].cardCreatedByUser.photo;const m=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;a=o.cardAssigned.singleCreditCard.replace("__issuing-user__",m).replace("__company-name__",s)}else a=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(or,{children:[p!=null?r.jsx(Oe,{width:t.sp5,height:t.sp5,style:{paddingTop:i==="small"?t.sp1:t.sp0},src:p.href,alt:ee.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:m})=>{m.onerror=null,m.src=Te},loading:"lazy"}):null,r.jsx(ir,{windowSize:i,mode:d.mode,children:r.jsx(ar,{windowSize:i,children:a})})]})},Y=({windowSize:e,cardPromoType:s})=>{let d=o.businessText;return s==="debit"&&(d=`${d} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Ne,{}):r.jsxs(Ke,{windowSize:e,children:[r.jsx(D,{cardPromoType:s,cardText:d,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(F,{cardPromoType:s,cardText:d,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},te=({forAdmin:e,cardPromoType:s,cashbackRate:d})=>{const i=C(),a=e?o.admin:o.nonAdmin;return r.jsxs(Xe,{windowSize:i,children:[i==="small"?r.jsx(Y,{windowSize:i,cardPromoType:s}):null,r.jsxs(We,{windowSize:i,children:[r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(qe,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item1.pre}),r.jsx(B,{windowSize:i,children:e&&d!=null?a.item1.bold.replace("__cashback__",(d*100).toFixed(2)):a.item1.bold}),r.jsx($,{windowSize:i,children:a.item1.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(Ye,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item2.pre}),r.jsx(B,{windowSize:i,children:a.item2.bold}),r.jsx($,{windowSize:i,children:a.item2.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(er,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item3.pre}),r.jsx(B,{windowSize:i,children:a.item3.bold}),r.jsx($,{windowSize:i,children:a.item3.post})]})]}),r.jsxs(k,{windowSize:i,children:[r.jsx(I,{children:r.jsx(Qe,{})}),r.jsxs(A,{children:[r.jsx($,{windowSize:i,children:a.item4.pre}),r.jsx(B,{windowSize:i,children:a.item4.bold}),r.jsx($,{windowSize:i,children:a.item4.post})]})]})]}),i==="small"?null:r.jsx(Y,{windowSize:i,cardPromoType:s})]})};let P;const Ne=()=>{const e=C(),s=N(),[d,i]=z.useState(0),[a,p]=z.useState(!1),m=o.businessText,y=`${m} ${o.debit}`,g=[{id:1,cardType:"debit",cardText:y},{id:2,cardType:"debit",cardText:y},{id:3,cardType:"credit",cardText:m},{id:4,cardType:"credit",cardText:m}];z.useEffect(()=>(a||(P=setInterval(()=>{i(c=>{const l=c+1;return l===g.length?(p(!0),0):l})},2e3)),()=>clearInterval(P)),[a,g.length]),z.useEffect(()=>{a&&P!=null&&clearInterval(P)},[a]);const j=(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}},S=c=>{const l=j(c,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},w=c=>{a||p(!0),i(c)};return r.jsxs(nr,{windowSize:e,children:[r.jsx(sr,{windowSize:e,children:g.map((c,l)=>r.jsxs(dr,{children:[r.jsx(q,{isReflection:!1,style:{...j(l,!1)},onClick:()=>w(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:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(F,{cardPromoType:c.cardType,cardText:c.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},c.id),r.jsx(q,{isReflection:!0,style:{...S(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(F,{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))}),a&&r.jsx(Le,{numberOfDots:g.length,activeIndex:d,handleClick:i,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:t.sp2,height:t.sp2},style:{cursor:"default",position:"absolute",bottom:x.navigationBottom.valuePx(e),left:x.navigationLeft.valuePx(e),zIndex:7}})]})},Ue=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,He=n.div`
-  padding-top: ${e=>x.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>x.containerPaddingTopBottom.valuePx(e.windowSize)};
-  text-align: center;
-`,ie=n(je)`
-  max-width: 927px;
-  margin: auto;
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  padding: ${t.sp7} ${t.sp0} ${t.sp0} ${t.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,oe=n(Se)`
-  color: ${e=>e.theme.colors.primary};
-  margin: auto;
-  margin-top: ${t.sp2};
-`,ae=n(be)`
-  margin: auto;
-  max-width: 343px;
-  display: flex;
-  justify-content: center;
-  text-align: center;
-  flex-wrap: wrap;
-  padding: ${t.sp5} ${t.sp0} ${t.sp0} ${t.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,ne=n(re)`
-  max-width: 314px;
-  margin: auto;
-  color: ${e=>e.theme.colors.primary};
-  padding: 6px ${t.sp3} ${t.sp0} ${t.sp3};
-  text-align: center;
-  margin-top: 6px;
-`,Oe=n.img`
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ge=n.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  overflow: hidden;
-  padding: ${t.sp2} ${t.sp3};
-  background-color: ${e=>e.theme.colors.grey3};
-  border-radius: 96px;
-  margin-top: ${t.sp4};
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?t.sp0:t.sp6};
-  width: fit-content;
-  gap: ${t.sp1};
-  ${e=>e.hideBadge&&`
-    visibility: hidden;
-    `}
-`,Je=n(re)`
-  color: ${e=>e.theme.mode==="dark"?f.brandColorJade:f.brandColorSapphire};
-  ${e=>`${v.promoBadgeText.style(e.windowSize)}`};
-  span {
-    ${e=>`${v.promoBadgeTextBold.style(e.windowSize)}`};
-  }
-`,Q=n.span``,Xe=n.div`
-  display: flex;
-  gap: ${e=>x.midContainerGap.valuePx(e.windowSize)};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${e=>x.midContainerMarginBottom.valuePx(e.windowSize)};
-`,Ze=n.div`
-  display: flex;
-  flex-direction: column;
-`,Ve=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
-  align-items: center;
-  justify-content: center;
-  gap: ${e=>x.buttonTrayGap.valuePx(e.windowSize)};
-  z-index: 8;
-`,We=n.div`
-  width: ${e=>e.windowSize==="small"?"auto":"288px"};
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>x.uspContainerMarginX.valuePx(e.windowSize)};
-  margin-right: ${e=>x.uspContainerMarginX.valuePx(e.windowSize)};
-  z-index: 8;
-`,Ke=n.div`
-  display: flex;
-  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
-  min-height: ${e=>x.iconContainerMinHeight.valuePx(e.windowSize)};
-  align-items: center;
-  min-width: 480px;
-`,k=n.div`
-  border-radius: ${t.sp12};
-  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
-  padding: ${e=>e.windowSize==="small"?`${t.sp2} ${t.sp4} ${t.sp2} ${t.sp0}`:`${t.sp3} ${t.sp5} ${t.sp3} ${t.sp0}`};
-  background: ${e=>e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${t.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  width: ${e=>e.windowSize==="small"?"288px":"100%"};
-  min-height: ${e=>e.windowSize!=="small"?"83px":"44px"};
-  box-sizing: ${e=>e.windowSize==="small"?"unset":"border-box"};
-`,$=n(Pe)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${v.uspText.style(e.windowSize)}`};
-`,B=n(ke)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${v.uspBoldText.style(e.windowSize)}`};
-`,I=n.div``,A=n.div`
-  padding-left: ${t.sp3};
-`,Ye=n(L)`
-  color: ${f.graphColor16Dark};
-`,Qe=n(L)`
-  color: ${f.alert};
-`,qe=n(L)`
-  color: ${f.graphColor11};
-`,er=n(L)`
-  color: ${f.success};
-`,rr=n.div`
-  height: ${e=>x.emptySectionHeight.valuePx(e.windowSize)};
-  ${e=>e.windowSize==="small"?null:Be`
-          margin-top: ${t.sp4};
-          margin-bottom: ${t.sp6};
-        `}
-`,tr=n.div`
-  color: ${e=>e.theme.colors.hero};
-  margin: ${e=>e.windowSize==="small"?`${t.sp0} ${t.sp3} ${t.sp4} ${t.sp3}`:"auto"};
-  text-align: center;
-`,E=n.span`
-  ${e=>`${v.contactAdmin.style(e.windowSize)}`};
-  text-decoration: ${e=>e.underline?"underline":"none"};
-  cursor: ${e=>e.underline?"default":null};
-`,ir=n.div`
-  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
-`,or=n.div`
-  background-color: ${e=>e.theme.colors.grey3};
-  padding: ${t.sp2} ${t.sp3};
-  display: flex;
-  gap: ${t.sp2};
-  margin: auto;
-  max-width: fit-content;
-  border-radius: 96px;
-  margin-top: ${t.sp4};
-  margin-bottom: ${t.sp6};
-`,ar=n.span`
-  ${e=>`${v.cardsContent.style(e.windowSize)}`};
-`,nr=n.div`
-  display: flex;
-  flex-direction: column;
-  min-height: ${e=>x.carouselHeight.valuePx(e.windowSize)};
-  min-width: 480px;
-  position: relative;
-`,sr=n.div`
-  position: relative;
-  margin-top: ${e=>x.carouselMarginTop.valuePx(e.windowSize)};
-  margin-left: ${e=>x.carouselMarginLeft.valuePx(e.windowSize)};
-`,dr=n.div`
-  position: relative;
-  overflow: visible;
-`,q=n.div`
-  position: absolute;
-  ${e=>e.isReflection&&`
-  background-color: ${e.theme.colors.grey4};
-  clip-path: inset(10% 0 0 0);
-  `}
-`,lr=Ie`
-  0% {
-    left: -${t.sp6};
-  }
-  100% {
-    left: calc(100% + ${t.sp6});
-  }
-`,cr=n.div`
-  position: absolute;
-  background:
-    ${f.promoCardGradient1Strong}, ${f.promoCardGradient2Strong};
-  width: ${t.sp10};
-  z-index: 3;
-  height: 100%;
-  transform: skew(15deg);
-  animation: ${lr} 3s linear infinite;
-`;export{De as ChargeCardPromoUserContent,Sr as default};

package/dist/assets/ChargeCardSetupPage-Ccc8PoCm-DOz93R9J.js

@@ -1,36 +0,0 @@
-import{u as Ve,X as De,d1 as Ie,a1 as N,a as Oe,c2 as Be,M as Ue,a7 as q,j as t,cH as _e,g as $e,C as r,aW as ze,d as Re,F as We,cZ as Le,o as B,v as Ne,aQ as qe,a3 as He,p as c,q as Me}from"./index-D3N9MvRr.js";import{b as p,n as S}from"./vendor-CnQcJ2Lu.js";import{P as Ge}from"./HelpButton-D5ZYyQMh-CbYd0zN7.js";import{K as Je}from"./SetUpDefaultSection--9Qh-utY-c-mUbFLs.js";import{p as Ke,y as H}from"./SpendMgmtSetupAccountSection-DG4ozkeT-CetbNb1Y.js";import{x as Qe}from"./LabeledControlledCheckBoxField-FB40Z8J7-BP3P2Wmj.js";import{g as Xe}from"./UploadAdditionalDocumentOverlay-B3tUNhKj-DN4WILBU.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-Dh8meV6d-Bpx3vewx.js";import"./ChargeCardUtils-B3JEziD7-BDgvm4V8.js";import"./CreditCardPaymentPlgSection-DoMaCnIZ-CNIK2scQ.js";import"./ChaseOverlay-KLet3F9X-CdWRAKXV.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:Ze,spendManagement:Ye}=Ue.getLocalizedStrings(),{chargeCard:K}=Ye,{chargeCardSetUp:m}=K,{setUp:U}=Ze,wt=({autoPayThreshold:e,isDisabled:x,meetingUrl:v,isEarlyPayEnabled:h,chargeCardSetUpView:o,connectedAccountProvider:Q,filesEndPoint:X,authParams:Z,isAccountsEnabled:Y,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=De(),T=Ie().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",D=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 I=E?D&&!V:ee?D&&!j:D&&!(j&&V),Fe=I?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:Z,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:Y,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)}}})})]})})})]}),I?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:I,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`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-  row-gap: ${e=>l.setupDetailsRowGap.valuePx(e.windowSize)};
-`,tt=S.div`
-  display: flex;
-  min-height: 100%;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,it=S(Me)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>l.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>l.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>l.subTitlePaddingBottom.valuePx(e.windowSize)};
-  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
-`,nt=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};
-`,ot=S.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${e=>l.sectionRowGap.valuePx(e.windowSize)};
-`;export{wt as default,J as uniqueName};