@zeniai/web-cockpit-ui 1.13.87-dev → 1.13.88-dev

package/dist/assets/ChargeCardListPage-DzmHmoAp-BfBb-N8b.js

@@ -1,355 +0,0 @@
-import{d1 as St,t as jt,fk as vt,l as M,ff as v,X as pe,M as Be,o as a,u as _e,j as t,aW as kt,fy as Pt,cN as A,v as C,bs as le,g as n,_ as It,aa as ce,Y as me,C as B,w as E,Q as Tt,h as Mt,ck as At,aB as Fe,b4 as Et,ae as ue,a5 as Lt,f as ge,p as I,d2 as Rt,Z as Dt,q as zt,b$ as Nt,cj as Ot,aP as Bt}from"./index-LFy5NlUr.js";import{b as O,n as i,j as xe,k as _t}from"./vendor-CnQcJ2Lu.js";import{Y as Ft}from"./SpendManagementSection-B1F6rl-n-Bxu1kHsM.js";import{ChargeCardPromoUserContent as Wt}from"./ChargeCardPromoPage-C2wn8FfE-Qh6s_V9A.js";import{N as Ut,J as Yt}from"./PromoBaseCards-D1DDp9C1-BMl9m8-G.js";import{E as Gt}from"./ChargeCardListTable-jGT-e74M-5-uAUG8Z.js";import{r as Ht,i as Jt}from"./graphic-no-data-net-burn-l-CzmycA0m-DR-LfIWY.js";import{t as Vt,o as Zt}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-C6y2cRLo-BgxsFwD_.js";import"./NavigationDots-DfJQIsra-CF_rwB9h.js";import"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./Menu-Dhi3mAAc-CTdMUIt5.js";import"./RoleWithToolTip-w2s9tX9j-CThc8drW.js";import"./CardNumberSubText-Bvs0Rr9x-DPY11oi8.js";import"./ChargeCardUtils-C-37hd5J-B8Ue09Ej.js";const be={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=pe();return t.jsxs(Kt,{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(ea,{children:h}),t.jsx(ia,{children:r})]}),t.jsxs(ra,{children:[t.jsx(na,{}),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(oa,{})]})]}),t.jsx(sa,{children:t.jsx(Ut,{cardPromoType:e,cardText:s,shouldAnimate:!1,forDashboard:!1,showChip:!1,forListPage:!0})}),t.jsx(da,{children:t.jsx(Yt,{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(Xt,{children:[t.jsxs(Ye,{children:[t.jsx(Ue,{children:s}),t.jsx(aa,{children:t.jsx(ta,{children:l})}),t.jsx(la,{windowSize:u,children:t.jsxs(ca,{windowSize:u,onClick:()=>r(e),"data-testid":me("total-cashback-info"),children:[t.jsx(Ge,{children:ve.createNow}),t.jsx(ha,{})]})})]}),e==="creditCard"?t.jsxs(pa,{children:[t.jsx(ma,{children:ve.creditLimit}),t.jsx(ua,{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);
-  }
-  `,_t`${l}`},Kt=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};
-`,Xt=i(We)`
-  flex-direction: row;
-  justify-content: space-between;
-`,Ue=i(Rt)`
-  color: ${e=>e.theme.colors.brandColorGold};
-`,ea=i(Nt)`
-  color: ${e=>e.theme.colors.brandColorJade};
-`,ta=i(Dt)`
-  color: ${n.neutralGrey5Light};
-  white-space: pre-line;
-`,aa=i.div`
-  width: auto;
-  text-align: left;
-`,ia=i(E)`
-  color: ${e=>e.theme.colors.brandColorJade};
-`,ra=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp2};
-  height: 21px;
-  overflow: hidden;
-`,he=i(E)`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  position: relative;
-  overflow: hidden;
-  align-self: baseline;
-  width: 224px;
-  ${e=>xe`
-    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;
-`,na=i(Ot)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  color: ${n.success};
-  border-radius: 50%;
-`,oa=i(Bt)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${e=>e.theme.colors.brandColorJade};
-  margin-left: ${a.sp3};
-`,sa=i.div`
-  position: absolute;
-  top: ${a.sp2};
-  right: -29px;
-`,da=i.div`
-  position: absolute;
-  top: 37px;
-  right: -46px;
-`,Ge=i.div``,la=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};
-`,ca=i(ge)`
-  color: ${n.neutralGrey5Light};
-  margin-top: ${e=>be.infoSubheadingTextMarginTop.valuePx(e.windowSize)};
-  gap: ${a.sp1};
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-`,ha=i(ue)`
-  color: ${n.neutralGrey5Light};
-  width: ${a.sp2};
-  height: ${a.sp2};
-`,pa=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,ma=i(ge)`
-  color: ${n.neutralGrey5Light};
-`,ua=i(zt)`
-  color: ${n.neutralGrey5Light};
-`,_={contentContainerMargin:new B(I[3],I[4],I[8]),infoSubheadingTextMarginTop:new B(I[0],I[0]),cardsMinWidth:new B(343,353)},ga={remainingText:new Tt("largeRegular","largeRegular")},{spendManagement:{chargeCard:{payEarly:m,cardList:$,chargeCardsPromo:c}},common:f,dateFormat:V}=Be.getLocalizedStrings(),mi=({chargeCardListView:e,searchText:s,admins:l,companyLegalName:h,isCashbackFeatureEnabled:r,creditCardPayNowThreshold:u,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:g,isChargeCardSetupEnabled:x,companyChargeCardInfoCreditAccountLimit:Ve,controllerEmails:q,depositAccountListWithDebitCardIssued:k,chargeCardCashbackDetailState:P,uiState:Ze,signedInUser:qe,creditLimit:F,cashbackRate:K,onSearchTextChanged:Ke,onClickSetupIcon:Qe,isEarlyPayEnabled:L,onClickStatementsIcon:Xe,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:Q})=>{const U=St().analytics,[ye,ct]=O.useState(!1),{creditAccount:S,creditAccountRepayment:y}=e,X=jt(),T=!!X.loggedInUserRole.includes("charge_card_user"),Y=vt(X),w=M.hasChargeCardAdminLevelAccess(X.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,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")&&R!=null&&U.trackCardsCardListSearchClick(q,ae,R,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:L&&w&&D.amount>0&&!N&&!re,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,analytics:U,onSearchOpen:ht,onSearchTextChanged:Ke,onClickSetupIcon:Qe,onClickStatementsIcon:Xe,downloadState:"Not-Started",onNewButtonClick:it,onClickPayEarlyIcon:()=>W("More Button","Pay Early"),onMenuOpen:()=>{(!d||S.fetchState==="Completed"&&y.fetchState==="Completed")&&(!(p&&g)||k.fetchState==="Completed")&&R!=null&&U.trackCardsCardListMoreMenuClick(q,ae,R,ee,te)},filters:{categoryCombinationOperator:"AND",categories:[]}},ut=t.jsx(Ft,{spendManagementSectionProps:mt}),gt=e.cards.length===0?!1:T&&M.anyCardOnHold(e.cards),xt=e.fetchState==="Completed"?Sa({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,H=e.chargeCardConfig.rePaymentInfo?.rePaymentDueDate?.diff(M.dateNow(),"days")??0,ne=[m.payNow,H>0&&H<11?`${m.billDueIn} ${H} ${H===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} ${M.zeniDate(M.getNextNthWorkingDay(y.initiatedRepaymentDate?.toDate()??M.dateNow().toDate(),[0,6],3).toDateString()).format(V.visual.MMMDFormat)}`,m.paymentInitiated],se=O.useRef(null),de=O.useRef(null),wt=_e(),[$t,je]=O.useState(!0);return O.useEffect(()=>{const o=()=>{de.current&&(de.current.getBoundingClientRect().top<(b==="small"?68:40)?je(!1):je(!0))};o();const j=()=>{o()},J=se.current;return J&&J.addEventListener("scroll",j),window.addEventListener("scroll",j),()=>{J&&J.removeEventListener("scroll",j),window.removeEventListener("scroll",j)}},[b]),t.jsxs(Aa,{ref:se,children:[t.jsx(kt,{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(Pt,{fetchState:e.fetchState,styles:{margin:"auto"}}):t.jsxs(t.Fragment,{children:[T?null:t.jsxs(Ea,{windowSize:b,children:[bt||ft?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(Pa,{children:[t.jsx(Z,{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(Ba,{children:t.jsx(_a,{style:{width:`${pt}%`,borderRadius:a.sp1}})}),re&&!N&&L?t.jsx(le,{placement:"bottom",style:{color:n.heroDark,padding:`12px ${a.sp3}`},title:t.jsx(wa,{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($a,{children:t.jsx(ya,{})})]})}):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(Ia,{showPaymentInitiatedInfo:N,isEarlyPayEnabled:L,children:[N&&L?null:t.jsx(Z,{children:`${f.texts.limitReset} ${z!=null?z.format(V.visual.MMMDFormat):null}`}),w&&L&&(N?t.jsx("div",{children:t.jsx(le,{maxWidth:"242px",style:{padding:`12px ${a.sp3}`},title:t.jsxs(ja,{children:[t.jsx(Ae,{children:`${m.paymentOf} ${It("0,0.[00]",{amount:y.initiatedRepayments.amount,currencyCode:y.initiatedRepayments.currencyCode,currencySymbol:y.initiatedRepayments.currencySymbol})} ${m.madeOn} `}),t.jsx(va,{children:y.initiatedRepaymentDate?.format(V.visual.MMMDFormat)}),f.strings.space,t.jsx(Ae,{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(ba,{children:o},`card-payment-initiated-${j.toString()}`))}),t.jsx(fa,{})]})})}):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:()=>{Q(!1),W("Toast Button","Pay Now")},showCloseButton:!0,onClose:o=>{o.preventDefault(),o.stopPropagation(),Q(!1)}},title:"informative",placement:"bottom-end",open:lt&&$t,children:t.jsxs(Ie,{ref:de,onClick:()=>{Q(!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(xa,{isImportant:j===1,children:o},`card-pay-now-${j.toString()}`))}),t.jsx(Te,{})]})}):D.amount>0?t.jsxs(Ca,{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:Me("credit",K,{amount:Ve,currencyCode:F.currencyCode,currencySymbol:F.currencySymbol}),onClick:Ce}):null,Ct||yt?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(Ra,{children:G!==0?t.jsxs(t.Fragment,{children:[G<0?t.jsx(za,{}):t.jsx(Na,{}),t.jsx(Da,{hasNegativeValue:G<0,children:ce("0,0.00",G,e.debitCardSummary?.currentMonthSpends.currencySymbol)}),t.jsx(Je,{children:$.compareToLastMonth})]}):null})]}),t.jsx(He,{children:t.jsx(Z,{children:`${f.texts.limitReset} ${z!=null?z.format(V.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",K),onClick:Ce}):null,t.jsxs(La,{windowSize:b,children:[r?t.jsxs(ka,{children:[t.jsx(Z,{style:{textAlign:"start"},children:$.totalCashback}),t.jsx(A,{amount:e.totalCashback,style:{justifyContent:"flex-start"},integerStyles:C.h5Regular.cssObject,decimalStyles:C.smallSemiBold.cssObject}),e.totalCashback.amount>0?t.jsx(Ma,{windowSize:b,children:t.jsxs(Oa,{windowSize:b,onClick:ot,"data-testid":me("total-cashback-info"),children:[t.jsx(Ta,{children:$.overview}),t.jsx(Fa,{})]})}):null]}):null,t.jsx(Ua,{children:t.jsx(Ya,{})})]})]}),e.cards.length===0&&T===!0||gt?t.jsx(Wa,{children:t.jsx(Wt,{companyLegalName:h,cards:e.cards,admins:l,hasZeniFinopsRoles:Y,cashbackRate:K})}):t.jsx(Gt,{depositAccountListWithDebitCardIssued:k,cashbackInformation:R,creditAccountInformation:ee,debitAccountInformation:te,productInformation:ae,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:nt,onChargeCardRowClick:et,searchText:s,receiptBotEmail:e.chargeCardConfig.receiptBotEmail,uiState:Ze,resendInviteId:e?.resendCardInvite?.cardId,onColumnSortConfigChanged:st,onChargeCardResendInviteClick:tt,onChargeCardRevokeInviteClick:at})]})]})},xa=i(Fe)`
-  color: ${e=>e.isImportant?n.important:e.theme.colors.primary};
-  text-align: end;
-`,ba=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"};
-`,Ca=i(E)`
-  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;
-`,fa=i(Et)`
-  color: ${n.brandColorGoldDark};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,ya=i(At)`
-  color: ${n.important};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,wa=i(E)`
-  color: ${n.heroDark};
-  white-space: pre-line;
-  text-align: left;
-`,$a=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__",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[]},Sa=({isChargeCardFeatureEnabled:e,isChargeCardSetupEnabled:s,isDebitCardFeatureEnabled:l,isDebitCardSetupEnabled:h})=>e&&s&&l&&h?$.title.cards:e&&s?$.title.credit:l&&h?$.title.debit:"",ja=i.div`
-  text-align: left;
-`,Ae=i.span``,va=i.span`
-  white-space: nowrap;
-`,ka=i.div`
-  min-width: 137px;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-`,Pa=i.div`
-  min-width: ${a.sp12};
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-`,He=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;
-`,Ia=i(He)`
-  justify-content: ${e=>e.showPaymentInitiatedInfo&&e.isEarlyPayEnabled?"flex-end":"space-between"};
-`,Ta=i.div``,Ma=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};
-`,Aa=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-  overflow: auto;
-`,Ea=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;
-    `}
-`,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%;
-`,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%;
-`,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(Mt)`
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${ga.remainingText.style(e.windowSize)}`};
-`,Z=i(E)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: nowrap;
-`,Ra=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${a.sp1};
-  padding: 3px ${a.sp0};
-  margin-top: 20px;
-`,Je=i(Lt)`
-  color: ${e=>e.theme.colors.hero};
-`,Da=i(Je)`
-  color: ${e=>e.hasNegativeValue?n.success:n.important};
-`,za=i(Vt)`
-  color: ${n.success};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,Na=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};
-  }
-`,Ba=i.div`
-  width: 100%;
-  height: ${a.sp1};
-  display: flex;
-  margin: ${a.sp2} ${a.sp0};
-  background: ${e=>e.theme.colors.grey3};
-`,_a=i.div`
-  background: ${n.success};
-  width: 0%;
-  height: ${a.sp1};
-
-  transition: width 4s ease;
-`,Fa=i(ue)`
-  color: inherit;
-  width: ${a.sp2};
-  height: ${a.sp2};
-`,Wa=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 Ya(){switch(_e().mode){case"light":return t.jsx(Jt,{});case"dark":default:return t.jsx(Ht,{})}}export{mi as default};

package/dist/assets/ChargeCardPromoPage-C2wn8FfE-Qh6s_V9A.js

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

package/dist/assets/CompleteProfile-D80JYwPP-BRDUY6r-.js

@@ -1,36 +0,0 @@
-import{a as R,ge as M,M as $,j as e,F as T,T as f,c5 as q,ce as z,cb as G,l as K,o as a,c9 as _,gf as H,a3 as W,b$ as X,bo as Y,gg as J}from"./index-LFy5NlUr.js";import{b,f as g,n}from"./vendor-CnQcJ2Lu.js";import{$ as Q}from"./LabeledAddressValue-C5YXOhcz-DcQYX30H.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 t=$.getLocalizedStrings(),x="completeProfilePage",r="basicDetailsSection",y="addressSection",d=(o,m)=>`${o}.${m}`,he=({userEmail:o,googleAPIKey:m,otpChallenge:w,sendOtpStatus:j,verifyOtpStatus:h,saveStatus:v,onSave:u,onGetOtp:P,onVerifyOtp:S,onResendOtp:O})=>{const[s,c]=b.useState(!1),[V,C]=b.useState(!1),i=R({mode:"onChange",reValidateMode:"onChange",defaultValues:{basicDetailsSection:{name:{firstName:"",lastName:""},email:o,dateOfBirth:void 0,phone:"",address:void 0}}}),F=M({control:i.control,name:`${r}.address`}),{dateFormat:I}=$.getLocalizedStrings(),N=i.handleSubmit(l=>{u&&u(l)}),L=()=>{const l=i.getValues(`${r}.phone`);l!=null&&l.trim().length>0&&P(l)},k=(l,p)=>{S(l,p)},D=l=>{l!=null&&l.trim().length>0&&O(l)},B=()=>{c(!0)},E=()=>{c(!1)},A=()=>{const l=i.getValues(`${y}`);if(l!=null){const p=J(l);i.setValue(`${r}.address`,p)}c(!1)};return e.jsxs(U,{children:[e.jsxs(Z,{children:[e.jsxs(ee,{children:[s&&e.jsx(oe,{onClick:E}),t.completeProfile.title]}),e.jsx(te,{children:e.jsx(T,{...i,children:e.jsxs("form",{id:`${x}_form`,onSubmit:N,children:[e.jsx(f,{controller:s===!1,children:e.jsxs(g.Fragment,{children:[e.jsx(q,{isDisabled:"disabled",showAdditionalInfoLabel:!1,label:{label:t.common.labels.email,width:168},style:{width:"100%"},text:{type:"text",name:d(r,"email")}}),e.jsx(z,{isDisabled:void 0,label:{label:t.common.labels.name,width:168},style:{width:"100%"},nameField:{name:d(r,"name"),placeHolder:{firstName:t.common.placeholder.firstNamePlaceholder,lastName:t.common.placeholder.lastNamePlaceholder,name:t.common.placeholder.namePlaceholder},showFullNameError:!0,registerOptions:{required:!0}},errorInfoLabel:""}),e.jsx(G,{isOptional:!0,label:{label:t.common.labels.dob,width:168},style:{width:"100%"},isDisabled:void 0,dateField:{name:d(r,"dateOfBirth"),placeholder:t.common.placeholder.dobPlaceholder,dateFormat:I.visual.defaultInput,autoComplete:"off",maxDate:K.dateNow().subtract(18,"year")}}),e.jsx(Q,{isOptional:!0,label:{label:t.common.labels.address,width:168},addressValue:{placeholder:t.common.placeholder.addressPlaceholder,address:F,onClick:B},style:{width:"100%",padding:`${a.sp2} ${a.sp2} ${a.sp2} ${a.sp0}`}}),e.jsx(_,{isOptional:!0,label:{label:t.common.labels.phone,width:168},style:{width:"100%"},text:{name:d(r,"phone"),placeholder:t.common.placeholder.phonePlaceholder,defaultValue:"",autoComplete:"new-password"},errorInfoLabel:"",verificationErrorInfoLabel:t.common.errorMessage.invalidPhoneNumber,isPopupOpen:V,phoneVerifyButtonProps:{otpChallenge:w,showOtpButton:!0,onGetOtp:L,onVerifyOtp:k,onResendOtp:D,isPhoneVerified:h.fetchState==="Completed",phoneVerificationStatus:h,getOtpStatus:j,openPopup:()=>{C(!0)},focusNotRequired:!0}})]})}),e.jsx(f,{controller:s===!0,children:e.jsx(g.Fragment,{children:e.jsx(H,{sectionId:y,googleAPIKey:m,isSubPage:!0})})})]})})})]}),e.jsx(W,{formId:s?void 0:`${x}_form`,primaryBtn:{label:s?t.companyPassport.address.saveAddress:t.common.footer.save,type:s?"button":"submit",onClick:s?A:void 0,isLoading:v.fetchState==="In-Progress"},showCancel:!1})]})},U=n.div`
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-`,Z=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: ${a.sp5};
-  row-gap: ${a.sp3};
-  flex: 1;
-`,ee=n(X)`
-  color: ${o=>o.theme.colors.primary};
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: ${a.sp2};
-`,oe=n(Y)`
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${o=>o.theme.colors.hero};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  &:hover {
-    color: ${o=>o.theme.colors.primary};
-  }
-`,te=n.div`
-  background-color: ${o=>o.theme.colors.grey5};
-  border-radius: ${a.sp2};
-  width: 100%;
-  box-shadow: ${o=>o.theme.colors.elevation1};
-  border-color: ${o=>o.theme.colors.grey3};
-`;export{he as default};

package/dist/assets/CustomerOnboardingContainerPage-ChQOOhF_-C8keGYSw.js

@@ -1 +0,0 @@
-import{j as r}from"./index-LFy5NlUr.js";import o from"./CustomerOnboardingNoStepsPage-BqrKQCFg-1lfgph7E.js";import i from"./CustomerOnboardingPage-DVVWivk2-WMhFdF9M.js";import"./mui-C5LQ0bMa.js";import"./vendor-CnQcJ2Lu.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"./HelpButton-CWPUP9Y_-RpIu9G0D.js";import"./MeetingCalenderPopup-C6y2cRLo-BgxsFwD_.js";import"./PaymentAccountSetupBillingAddressSection-CnCCn9XQ-CNY3y6cT.js";import"./SetUpAccountSection-CuOJZCNp-D6aQorsQ.js";import"./SetUpDefaultSection-D0d0yzu8-BDWGdtc-.js";import"./ChaseOverlay-BG833ttH-_qJdBH9y.js";import"./CustomerOnboardingDetailPageSkeleton-1d9j5dWO-dyqi73hm.js";import"./CompanyOfficerDetailsSection-Bor8xmLS-OgNQHHeC.js";import"./LabeledAddressValueField-CMIVYcKX-IiR7eG-s.js";import"./LabeledCreatableSingleSelectField-CrDFWvwI-C1AD80Rw.js";import"./LabeledDocumentField-BG6Pu34Y-Dl5pM6Dq.js";import"./DocumentSecurityBanner-Ctdvj5Tn-CM5WmW33.js";import"./QBOSetupSection-b-OrlvdU-D5Bh2qoF.js";import"./QBOConnectionDialog-nb_5mvqp-CNrftMhR.js";const w=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?r.jsx(o,{...t}):r.jsx(i,{...t});export{w as default};