@zeniai/web-cockpit-ui 1.14.89-qa → 1.14.90-dev

package/dist/assets/ChargeCardPromoPage-uqT96W3_-CeqDR53z.js

@@ -1,222 +0,0 @@
-import{Q as b,F as oe,V as r,d as J,av as ye,a7 as be,aN as je,aL as Se,fP as Te,bz as ze,fo as ve,n as Y,aK as ee,o as t,E as Pe,c as O,cz as ke,ap as Be,y as x,ao as Ae,bQ as Ie,iD as Le,ag as Re,u as p,B as S,p as $,b8 as Ee,aR as Me,iE as _e}from"./index-BzfDeuOT.js";import{a as T}from"./core-3dlyNYRL.js";import{n as a,b as De,k as Fe}from"./mui-bYXq4XMS.js";import{Er as Ue}from"./zeni-epic-state-BwKvATgd.js";import{k as Ne}from"./NavigationDots-DyMqwpgy-BlQ4OF1d.js";import{J as H,N as G}from"./PromoBaseCards-CI7UOpeY-BbdxV6ii.js";import{M as R}from"./usp-line-BBd1wKwW-ClwDS-nj.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";const h={containerPaddingTopBottom:new x(p[0],p[0]),uspContainerMarginX:new x(p[6],p[0]),midContainerGap:new x(p[4],84),iconContainerMinHeight:new x(236,396),emptySectionHeight:new x(p[6],43),navigationBottom:new x(p[4],94),navigationLeft:new x(192,244),carouselHeight:new x(268,396),carouselMarginTop:new x(54,p[4]),carouselMarginLeft:new x(120,p[12]),buttonTrayGap:new x(p[3],p[5]),termsOfAgreementMarginTop:new x(p[5],p[10]),contactAdminContainerMarginTop:new x(p[0],p[10]),contactAdminContainerMarginBottom:new x(p[4],p[0]),contactAdminContainerMarginLeftRight:new x(p[3],p[0])},z={promoBadgeText:new S("standardRegular","largeRegular"),promoBadgeTextBold:new S("standardBold","largeBold"),cardsContent:new S("extraSmallRegular","smallRegular"),contactAdmin:new S("extraSmallRegular","largeRegular"),uspText:new S("smallRegular","standardRegular"),uspBoldText:new S("smallMedium","standardMedium")},{common:U,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Er=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:g,isDebitCardSetupEnabled:u,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:V,onExpressInterestClick:he})=>{const ge=J(),Q=ye(),v=b(),W=be().analytics,{chargeCardTermsDetails:E,companyChargeCardInfo:C,companyLocaleInfo:M}=i,X=je(E?.fetchStatus.fetchState),[xe,K]=T.useState(!1),ue=()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:g,isDebitCardEnabled:u,isCreditCardEnabled:w},"Cards Promo"),K(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{X==="In-Progress"&&E?.fetchStatus.fetchState==="Completed"&&V()},[X,V,E?.fetchStatus]);const Z=Ue(Q.loggedInUserRoleMap),fe=Te(Q),_=f==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=f==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:$e}=i,q=_?o.getPreApprovedNow:n?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Qe,{children:[r.jsx(ze,{title:o.title[f],backgroundColor:ge.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:v==="medium-compact"||v==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ve,{onCancelClick:()=>{K(!1)},meetingUrl:e}):null,r.jsx(Ze,{windowSize:v,children:Z===!0?r.jsxs(Ke,{children:[r.jsxs(Xe,{children:[r.jsx(Ge,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:_,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ne,{cardPromoType:f,cashbackRate:P})]}),r.jsx(ae,{showEnableCardButton:n,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:_,isCheckingEnabled:l})]}):r.jsx(Je,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),Z&&!(F||D)?r.jsxs(or,{windowSize:v,children:[r.jsx(Y,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:ue,"data-testid":ee("schedule-demo-button")}),r.jsx(We,{windowSize:v,children:o.orText}),r.jsx(Y,{variant:"primary",label:q,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||$e==="In-Progress",onClick:q===o.getPreApprovedNow?he:()=>d(f),"data-testid":ee("enable-card-button")})]}):null]})},He=({admins:e})=>{const s=e.flatMap(n=>n.user?.firstName+" "+n.user?.lastName).join(", "),i=b();return r.jsxs(mr,{windowSize:i,children:[r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.pre}),r.jsx(Ie,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:o.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:o.noCardAssigned.post})]})},ae=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:n,isRejected:c,showExpressInterest:m,isCardUser:g=!1})=>{const u=b();return r.jsx(ir,{windowSize:u,children:r.jsx(Le,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:n===!0||c===!0||g===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&g===!1&&n===!1,style:{marginTop:h.termsOfAgreementMarginTop.valuePx(u)},cardPromoType:e,isCheckingEnabled:i})})},Ge=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:c,showExpressInterest:m,creditLimit:g})=>{const u=b(),w=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):n?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&g===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(te,{children:i}),o.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:u==="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,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:u,children:[n||c||m?null:r.jsx($r,{}),r.jsx(er,{windowSize:u,children:j})]})]})},Je=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:g})=>{const u=b(),w=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[u==="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(pr,{windowSize:u}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),c?null:r.jsx(He,{admins:i}),r.jsx(ae,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:g})]})},Oe=({cards:e,companyLegalName:s})=>{const i=J(),n=b();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const g=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=o.cardAssigned.singleCreditCard.replace("__issuing-user__",g).replace("__company-name__",s)}else c=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[m!=null?r.jsx(qe,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:g})=>{g.onerror=null,g.src=Ae},loading:"lazy"}):null,r.jsx(hr,{windowSize:n,mode:i.mode,children:r.jsx(xr,{windowSize:n,children:c})})]})},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(Ve,{}):r.jsxs(nr,{windowSize:e,children:[r.jsx(H,{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(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(ar,{windowSize:i,children:[r.jsxs(B,{windowSize:i,children:[r.jsx(I,{children:r.jsx(lr,{})}),r.jsxs(L,{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(sr,{})}),r.jsxs(L,{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(cr,{})}),r.jsxs(L,{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(dr,{})}),r.jsxs(L,{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 Ve=()=>{const e=b(),s=J(),[i,n]=T.useState(0),[c,m]=T.useState(!1),g=o.businessText,u=`${g} ${o.debit}`,w=[{id:1,cardType:"debit",cardText:u},{id:2,cardType:"debit",cardText:u},{id:3,cardType:"credit",cardText:g},{id:4,cardType:"credit",cardText:g}];T.useEffect(()=>(c||(k=setInterval(()=>{n(l=>{const d=l+1;return d===w.length?(m(!0),0):d})},2e3)),()=>clearInterval(k)),[c,w.length]),T.useEffect(()=>{c&&k!=null&&clearInterval(k)},[c]);const j=(l,d)=>{switch((l-i+w.length)%w.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=j(l,!0);return{...d,transform:`${d?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}},f=l=>{c||m(!0),n(l)};return r.jsxs(ur,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:w.map((l,d)=>r.jsxs(fr,{children:[r.jsx(ie,{isReflection:!1,style:{...j(d,!1)},onClick:()=>f(d),children:d===0||d===2?r.jsx(H,{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(H,{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))}),c&&r.jsx(Ne,{numberOfDots:w.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}})]})},Qe=a.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,We=a(Re)`
-  color: ${e=>e.theme.colors.hero};
-`,Xe=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,Ke=a.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex: 1;
-  width: 100%;
-`,Ze=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(ke)`
-  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(Be)`
-  color: ${e=>e.theme.colors.primary};
-  margin: auto;
-  margin-top: ${t.sp2};
-`,le=a(Pe)`
-  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;
-`,qe=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: ${e=>e.hasContent?`${t.sp2} ${t.sp3}`:t.sp0};
-  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;
-    `}
-`,er=a(O)`
-  color: ${e=>e.theme.mode==="dark"?$.brandColorJade:$.brandColorSapphire};
-  text-align: ${e=>e.windowSize==="small"?"left":"center"};
-  ${e=>`${z.promoBadgeText.style(e.windowSize)}`};
-  span {
-    ${e=>`${z.promoBadgeTextBold.style(e.windowSize)}`};
-  }
-`,rr=a.span``,te=a.span`
-  color: ${$.success};
-`,tr=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;
-`,ir=a.div`
-  display: flex;
-  flex-direction: column;
-`,or=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)};
-`,ar=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;
-`,nr=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(Ee)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${z.uspText.style(e.windowSize)}`};
-`,A=a(Me)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${z.uspBoldText.style(e.windowSize)}`};
-`,I=a.div``,L=a.div`
-  padding-left: ${t.sp3};
-`,sr=a(R)`
-  color: ${$.graphColor16Dark};
-`,dr=a(R)`
-  color: ${$.alert};
-`,lr=a(R)`
-  color: ${$.graphColor11};
-`,cr=a(R)`
-  color: ${$.success};
-`,pr=a.div`
-  height: ${e=>h.emptySectionHeight.valuePx(e.windowSize)};
-  ${e=>e.windowSize==="small"?null:De`
-          margin-top: ${t.sp4};
-          margin-bottom: ${t.sp6};
-        `}
-`,mr=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;
-`,N=a(_e)`
-  ${e=>`${z.contactAdmin.style(e.windowSize)}`};
-  text-decoration: ${e=>e.underline?"underline":"none"};
-  cursor: ${e=>e.underline?"default":null};
-`,hr=a.div`
-  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
-`,gr=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};
-`,xr=a.span`
-  ${e=>`${z.cardsContent.style(e.windowSize)}`};
-`,ur=a.div`
-  display: flex;
-  flex-direction: column;
-  min-height: ${e=>h.carouselHeight.valuePx(e.windowSize)};
-  min-width: 480px;
-  position: relative;
-`,wr=a.div`
-  position: relative;
-  margin-top: ${e=>h.carouselMarginTop.valuePx(e.windowSize)};
-  margin-left: ${e=>h.carouselMarginLeft.valuePx(e.windowSize)};
-`,fr=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);
-  `}
-`,Cr=Fe`
-  0% {
-    left: -${t.sp6};
-  }
-  50% {
-    left: calc(100% + ${t.sp6});
-  }
-  100% {
-    left: calc(100% + ${t.sp6});
-  }
-`,$r=a.div`
-  position: absolute;
-  background:
-    ${$.promoCardGradient1Strong}, ${$.promoCardGradient2Strong};
-  width: ${t.sp10};
-  z-index: 3;
-  height: 100%;
-  transform: skew(15deg);
-  animation: ${Cr} 4s linear infinite;
-`;export{Je as ChargeCardPromoUserContent,Er as default};

package/dist/assets/CreditCardPaymentDrawerPage-BvifQpD3-CKtkQXFi.js

@@ -1,224 +0,0 @@
-import{V as a,Q as me,a7 as pe,aK as ee,hl as Je,F as Y,aL as Pe,n as et,A as tt,aO as je,o as t,y as d,_ as ze,c as at,af as nt,d as Ee,bQ as ot,fc as Be,B as V,p as W,gk as Ce,b as it,ap as Me,E as rt,aN as be,a8 as lt,fv as ct,cB as st,ab as dt,eX as mt,fz as pt,cG as ut,hy as xe,hz as ht,g7 as gt,u as r,b$ as yt,bZ as Oe,fk as ft,cf as Ct,ak as _e,hm as bt,fL as xt,aR as St,hA as wt,cY as Dt,ho as $t,fH as kt}from"./index-BzfDeuOT.js";import{n as o}from"./mui-bYXq4XMS.js";import{a as p}from"./core-3dlyNYRL.js";import{bO as se,bS as At,bj as Lt,bM as vt,bN as Se,bL as It}from"./zeni-epic-state-BwKvATgd.js";import{x as Ft}from"./LabeledControlledCheckBoxField-B6ndrF2e-BO9IVhKI.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";const te={largeLabelWidth:new d(120,120,160),navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(r[3],r[6],r[8]),containerPaddingRight:new d(r[3],r[6],r[8]),reviewContentWrapperPaddingBottom:new d(r[5],r[8])},de={pageTitle:new V("h6Regular","h5Regular"),integerAmountInput:new V("h5Regular","h2Regular"),decimalAmountInput:new V("largeSemiBold","h5Medium")},{dateFormat:{visual:{MMMDCommaYYYYformat:Tt}},common:{edit:Rt,labels:we,currency:De,navBar:{back:Pt}},spendManagement:{zeniAccounts:{zeniAccountList:{transferDrawer:jt}},chargeCard:{payEarly:J}}}=Y.getLocalizedStrings(),zt=({paymentDetails:e,isCashbackInfoFetchStateCompleted:i,isCreditCardInfoFetchStateCompleted:h,isDebitCardInfoFetchStateCompleted:n,controllerEmails:g,productInformation:c,cashbackInformation:f,paymentSourceInformation:L,creditAccountInformation:y,debitAccountInformation:b,setShowReviewContent:x,onTransferClick:C,isCompleteOutstandingBalanceBeingPaid:D})=>{const m=me(),R=Ee(),P=pe().analytics,[E,v]=p.useState(!1);p.useEffect(()=>{e.error!=null?v(!0):v(!1)},[e.error]);const k=te.largeLabelWidth.value(m);return a.jsxs(a.Fragment,{children:[a.jsxs(Wt,{windowSize:m,children:[a.jsx(Jt,{windowSize:m,children:a.jsx(ot,{title:Pt,enterTouchDelay:600,placement:"bottom",children:a.jsx(Ht,{"data-testid":ee("nav-bar-back-credit-card-payment-review"),onClick:()=>{i&&h&&n&&P.trackCardsPayEarlyFormClick(g,c,f,"Back",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,b),x(!1)}})})}),a.jsx(ea,{windowSize:m,children:jt.reviewAndConfirm}),a.jsx(Bt,{children:a.jsx(Be,{amount:e.chargeCardRepaymentDetailLocalData.amount,integerStyles:de.integerAmountInput.styleObject(m),decimalStyles:de.decimalAmountInput.styleObject(m)})}),E?a.jsx(Yt,{children:a.jsxs(_t,{children:[a.jsxs(Xt,{children:[a.jsx(Gt,{}),a.jsxs(Nt,{children:[a.jsx(Ut,{children:e.error?.title}),a.jsx(Vt,{children:e.error?.message})]})]}),a.jsx(Kt,{children:a.jsx(Qt,{"data-testid":ee("close-error-credit-card-payment-review"),onClick:()=>{v(!1)},style:{width:t.sp3,height:t.sp3,color:W.heroLight}})})]})}):null,a.jsx(qt,{windowSize:m,children:a.jsxs(Ot,{children:[a.jsx(Ce,{label:{label:we.transferFrom,width:k},text:a.jsxs($e,{windowSize:m,children:[Ne(e.transferFromAccounts,e.chargeCardRepaymentDetailLocalData.transferFrom?.id??"",!0),a.jsx(Mt,{windowSize:m,children:e.chargeCardRepaymentDetailLocalData.transferFrom?.label})]}),style:{width:"auto"}}),a.jsx(Zt,{}),a.jsx(Ce,{label:{label:we.amount,width:k},showAdditionalInfoLabel:!0,additionalInfoLabel:`${D?J.creditLimitReset:J.creditLimitUpdate} ${se(At(Lt().toDate(),[0,6],3).toDateString()).format(Tt)} ${J.business23Days}`,additionalInfoLabelStyles:{color:R.colors.hero,...it.smallRegular.cssObject},text:a.jsx($e,{windowSize:m,children:Pe("0,0.[00]",{amount:e.chargeCardRepaymentDetailLocalData.amount.amount,currencyCode:De.currencyCode,currencySymbol:De.currencySymbol})}),style:{width:"auto"}})]})})]}),a.jsx(je,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp0},helperText:J.byClickingPayNowIAuthorizeZeniToInitiateThePayment,helperStyle:{padding:`${t.sp0} ${t.sp0} ${t.sp3} ${t.sp0}`},cancelBtn:{label:Rt,onClick:()=>{i&&h&&n&&P.trackCardsPayEarlyFormClick(g,c,f,"Edit",e.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:e.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:e.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:e.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:e.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},L,y,b),x(!1)},style:{minWidth:94}},primaryBtn:{label:J.payNow,onClick:C,isLoading:e.updateStatus==="In-Progress",style:{minWidth:94}}})]})},Ne=(e,i,h)=>{if(i==="")return a.jsx(ra,{});const n=e.find(c=>c.id===i),g=e.findIndex(c=>c.id===i);if(n!=null){if(n.accType==="depositAccount")return a.jsx(oa,{isOptionSelected:h,children:a.jsx(ia,{color:bt(g)})});if(n.accType==="paymentAccount")return n.logo!==void 0&&(n.logo.base64||n.logo.url)?a.jsx(ta,{src:Et(n.logo),isOptionSelected:h,loading:"lazy"}):a.jsx(aa,{isOptionSelected:h,children:a.jsx(na,{})})}return null},Et=e=>e.base64!==void 0?`${xt}${e.base64.toString()}`:e.url!==void 0?e.url.toString():"",Bt=o(Oe)`
-  color: ${e=>e.theme.colors.primary};
-  padding-top: ${t.sp3};
-`,Mt=o.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,$e=o(_e)`
-  display: flex;
-  align-items: ${e=>e.windowSize==="small"?"start":"center"};
-`,Ot=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-`,_t=o.div`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  padding: ${t.sp3} ${t.sp4};
-  background-color: ${W.importantLight};
-  border-radius: ${t.sp2};
-`,Nt=o.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${t.sp2};
-`,Ut=o(Ct)`
-  color: ${W.important};
-`,Vt=o(_e)`
-  color: ${W.important};
-`,Yt=o.div`
-  margin-top: ${t.sp3};
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  justify-content: space-between;
-  padding: ${t.sp3} ${t.sp4};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  border-radius: ${t.sp2};
-  box-shadow: ${e=>`${t.sp0} 2px 2px ${e.theme.colors.dropShadowNormal}`};
-`,Wt=o.div`
-  height: auto;
-  padding-left: ${e=>`${te.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${te.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Xt=o.div`
-  display: flex;
-  align-items: flex-start;
-`,Kt=o.div``,Gt=o(ft)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${W.important};
-`,Qt=o(ze)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Zt=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,qt=o.div`
-  display: flex;
-  flex-direction: column;
-  padding-top: ${t.sp3};
-  padding-bottom: ${e=>`${te.reviewContentWrapperPaddingBottom.valuePx(e.windowSize)}`};
-`,Ht=o(yt)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Jt=o.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-  top: ${t.sp0};
-  padding: ${e=>`${te.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ea=o(Me)`
-  ${e=>`${de.pageTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  padding: ${t.sp3} ${t.sp0} ${t.sp3} ${t.sp0};
-`,ta=o.img`
-  display: flex;
-  width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  height: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  min-width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  margin-right: ${t.sp2};
-`,aa=o.div`
-  min-width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  height: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-`,na=o(kt)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-  margin-right: ${t.sp2};
-`,oa=o.div`
-  min-width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  width: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  height: ${e=>e.isOptionSelected?t.sp4:t.sp5};
-  margin-right: ${t.sp2};
-`,ia=o($t)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-  margin-right: ${t.sp2};
-`,ra=o(Dt)`
-  min-width: ${t.sp4};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  margin-right: 12px;
-  margin-left: ${t.sp1};
-  color: ${e=>e.theme.colors.hero};
-`,{common:ce,spendManagement:{zeniAccounts:{zeniAccountList:la},billPay:{insufficientFunds:ca},chargeCard:{payEarly:N}},commonSetUp:{setUp:{accountsPlg:oe}}}=Y.getLocalizedStrings(),Ue="amount",sa="withdrawFrom",B="paymentDetails",Ve="creditCardPaymentPage",ie=(e,i)=>`${e}.${i}`,Ye=e=>`${e}_form`,S={largeLabelWidth:new d(120,120,160),labelMarginLeftPicker:new d(r[3],r[4]),labelMarginRightPicker:new d(r[3],r[4]),labelMarginTopPicker:new d(r[2],r[2]),labeledFieldPaddingLeft:new d(r[2],r[0]),labeledFieldPaddingRight:new d(r[2],r[2]),labeledFieldPaddingTop:new d(r[2],r[2]),labeledFieldPaddingBottom:new d(r[2],r[2]),infoLabelPaddingRight:new d(r[0],r[3]),infoLabelMarginTop:new d(r[1],r[0]),checkBoxTop:new d(r[1],r[0])},ke={integerAmountInput:new V("h5Regular","h2Regular"),decimalAmountInput:new V("largeSemiBold","h5Medium")};function da({autoPayThreshold:e,plaidConnectionDetails:i,maxInsuredAmount:h,paymentDetails:n,lowBalanceAdditionalInfo:g,paymentAccount:c,isAccountsEnabled:f,onSaveChangesToLocalStore:L,onUpdatePaymentAccountStatus:y,onEstablishConnectionClick:b,onEstablishConnectionSuccess:x,onFetchLinkTokenClick:C,setShowReviewLoading:D,onSignUpAccountClick:m,onMoveMoneyClick:R,isCashbackInfoFetchStateCompleted:P,isCreditCardInfoFetchStateCompleted:E,isDebitCardInfoFetchStateCompleted:v,controllerEmails:k,productInformation:X,cashbackInformation:K,paymentSourceInformation:G,creditAccountInformation:Q,debitAccountInformation:Z}){const s=me(),re=Ee(),w=S.largeLabelWidth.value(s),q=pe().analytics,H=p.useRef(null),[j,z]=p.useState(!1),[I,M]=p.useState(void 0),A=i.link_account,ne=i.update_account,$=I==="update_account"?ne:A,[O,ue]=p.useState($.linkToken??null),he=be(A.updateStatus.fetchState),_=lt({mode:"all",reValidateMode:"onBlur",defaultValues:p.useMemo(()=>Ae(n),[n]),values:p.useMemo(()=>Ae(n),[n])}),ge=c?.isLoginRequired??!1,F=c?.providerVerificationStatus?.code,ye=be(ne.updateStatus.fetchState),We=p.useCallback((l,u)=>{const T=u.accounts.find(He=>He.id===c?.providerAccountId)??u.accounts[0];c?.paymentAccountId!=null&&I==="update_account"&&T?.verification_status!=null&&!ge?y(T?.verification_status,c.paymentAccountId,"update_account"):b?.(l,I),M(void 0),z(!1)},[c?.paymentAccountId,c?.providerAccountId,I,ge,y,b]),Xe=p.useCallback((l,u)=>{l!=null&&(l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&c?.paymentAccountId!=null&&y("verification_failed",c.paymentAccountId,"update_account"),console.log("Plaid Connection Error",l,u)),M(void 0),z(!1)},[c?.paymentAccountId,y]),{open:le,ready:fe}=ct({token:O,onSuccess:We,onExit:Xe});p.useEffect(()=>{(he==="In-Progress"&&A.updateStatus.fetchState==="Completed"||ye==="In-Progress"&&ne.updateStatus.fetchState==="Completed")&&(vt(F??"")||(C?.("link_account"),x()))},[A.updateStatus.fetchState,x,C,he,ye,ne.updateStatus.fetchState,F]),p.useEffect(()=>{(Se(F??"")||F==="verification_failed")&&!j&&I!=null&&$.linkToken===O&&$.fetchStatus.fetchState==="Completed"&&fe&&z(!0)},[fe,O,$.fetchStatus.fetchState,$.linkToken,F,I,j]),p.useEffect(()=>{$.fetchStatus.fetchState==="Completed"&&$.linkToken!=null&&$.linkToken!==O&&ue($.linkToken)},[$.fetchStatus.fetchState,$.linkToken,O]),p.useEffect(()=>{j&&le()},[j,le]),p.useEffect(()=>{(F==null||F==="verification_failed"||F==="verification_expired"||Se(F))&&(se(new Date().toISOString()).isAfter(A.expiration)||A.linkToken==null)&&C?.("link_account")},[]);const{isValid:Ke}=_.formState,Ge=async(l,u)=>{if(l!=null){if(l.includes("amount"))return;const T=Le(u,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(T)}},Qe=l=>{if(g!=null)return g;const u=n.transferFromAccounts.find(T=>T.id===l);return u?.accountBalance?.available!=null&&It(n.chargeCardRepaymentDetailLocalData.amount,u?.accountBalance?.available)?ca.addMoney:""};p.useEffect(()=>{const l=_.watch((u,{name:T})=>{T!=null&&u!=null&&st(()=>Ge(T,u))});return()=>{l.unsubscribe()}});const Ze=_.watch("paymentDetails.amount"),qe=_.handleSubmit(()=>{if(Ke){const l=_.getValues(),u=Le(l,n.transferFromAccounts,n.chargeCardRepaymentDetailLocalData.idempotencyKey);L(u),D(!0),P&&E&&v&&q.trackCardsPayEarlyFormClick(k,X,K,"Review",n.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:n.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:n.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:n.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:n.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},G,Q,Z)}});return a.jsxs(a.Fragment,{children:[a.jsx(ga,{children:a.jsx(Be,{amount:{amount:Ze??0,currencyCode:n.chargeCardRepaymentDetailLocalData.amount.currencyCode,currencySymbol:n.chargeCardRepaymentDetailLocalData.amount.currencySymbol},integerStyles:ke.integerAmountInput.styleObject(s),decimalStyles:ke.decimalAmountInput.styleObject(s)})}),a.jsx(dt,{..._,children:a.jsx(ha,{id:Ye(Ve),onSubmit:qe,children:a.jsxs(ya,{children:[a.jsx(mt,{selectRef:H,label:{label:ce.labels.transferFrom,width:w,style:{marginLeft:S.labelMarginLeftPicker.valuePx(s),marginTop:S.labelMarginTopPicker.valuePx(s),marginRight:S.labelMarginRightPicker.valuePx(s),width:S.largeLabelWidth.value(s)}},style:{paddingTop:S.labeledFieldPaddingTop.valuePx(s),paddingBottom:S.labeledFieldPaddingBottom.valuePx(s),paddingLeft:S.labeledFieldPaddingLeft.valuePx(s),paddingRight:S.labeledFieldPaddingRight.valuePx(s),border:"none",width:"auto",display:"flex"},infoLabelStyle:{textAlign:"right",paddingRight:S.infoLabelPaddingRight.valuePx(s),marginTop:S.infoLabelMarginTop.valuePx(s),color:W.brandColorGoldDark},bottomComponent:a.jsx(Ft,{label:{label:N.enableAutoPay.replace("__autoPayThreshold__",e.toString()),style:{textAlign:s==="small"?"end":"center",color:re.colors.primary}},style:{width:"unset",marginRight:t.sp3,alignItems:s==="small"?"flex-start":"center"},checkBoxField:{name:ie(B,"enableAutoPay"),checkBoxValue:ie(B,"enableAutoPay"),defaultChecked:n.chargeCardRepaymentDetailLocalData.isAutoRepayment,style:{top:S.checkBoxTop.valuePx(s)}}}),singleSelectPickerField:{name:ie(B,sa),placeholder:ut(ce.labels.transferFrom),style:{position:"relative"},capitalizeOptions:!0,isOptionRemovable:!1,showTickIcon:!1,valueToLogo:(l,u)=>Ne(n.transferFromAccounts,l,u),valueToSubLabels:(l,u)=>pt(n.transferFromAccounts,l,u,!0),defaultValue:{selectedOption:n.chargeCardRepaymentDetailLocalData.transferFrom?.id,allOptions:n.transferFromAccounts.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"right",registerOptions:{required:!0,validate:l=>l!=null&&!!l.selectedOption},showCreateOption:!0,onClickCreateOption:()=>{M("link_account"),A.linkToken==null||se(new Date().toISOString()).isAfter(A.expiration)?C?.("link_account"):O!==A.linkToken?ue(A.linkToken):j?le():z(!0)}},valueToAdditionalLabel:Qe}),n?.chargeCardRepaymentDetailLocalData.transferFrom==null||n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="paymentAccount"?a.jsx(xe,{maxInsuredAmount:h,heading:a.jsxs(ma,{windowSize:s,children:[N.earn,a.jsx(pa,{children:N.percentageCashback.replace("__percentage__",ht)}),N.whenYouPayViaZeniChecking]}),buttonText:f?oe.switchButtonText:oe.signUpButtonText,isAccountsEnabled:f,pageName:N.creditCardPayment,onSignUpClick:m,onSwitchClick:()=>{H.current!=null&&H.current.focus()}}):n?.chargeCardRepaymentDetailLocalData.transferFrom?.accType==="depositAccount"&&n?.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available!=null&&n.chargeCardRepaymentDetailLocalData.transferFrom.accountBalance.available.amount<n.chargeCardRepaymentDetailLocalData.amount.amount?a.jsx(xe,{maxInsuredAmount:h,heading:oe.moveMoneyHeading,buttonText:oe.moveMoneyButtonText,isAccountsEnabled:f,pageName:N.creditCardPayment,onMoveMoneyClick:R}):a.jsx(ua,{}),a.jsx(gt,{showAdditionalInfoLabel:!1,label:{label:ce.labels.amount,width:w},formattedTextField:{type:"number",name:ie(B,Ue),defaultValue:n.chargeCardRepaymentDetailLocalData.amount.amount===0?void 0:n.chargeCardRepaymentDetailLocalData.amount.amount,placeholder:la.transferDrawer.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!1,isNumericString:!1,registerOptions:{required:!0,validate:l=>!!l&&l>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0,allowLeadingZeros:!1},style:{width:"auto",paddingLeft:S.labeledFieldPaddingLeft.valuePx(s)}})]})})})]})}const ma=o(St)`
-  color: ${e=>e.theme.colors.primary};
-  width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,pa=o(wt)`
-  color: ${e=>e.theme.colors.primary};
-`,ua=o.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Ae=e=>({paymentDetails:{[Ue]:e.chargeCardRepaymentDetailLocalData.amount.amount,withdrawFrom:{allOptions:e.transferFromAccounts.map(i=>({label:i.label,value:i.id})),selectedOption:e.chargeCardRepaymentDetailLocalData.transferFrom?.id},enableAutoPay:e.chargeCardRepaymentDetailLocalData.isAutoRepayment}}),ha=o.form`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: ${t.sp6};
-`,ga=o(Oe)`
-  color: ${e=>e.theme.colors.primary};
-  margin: ${t.sp5} ${t.sp0} ${t.sp3} ${t.sp0};
-`,ya=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-`,Le=(e,i,h)=>({amount:{amount:e[B].amount??0,currencyCode:"USD",currencySymbol:"$"},transferFrom:i.find(n=>n.id===e[B].withdrawFrom.selectedOption),isAutoRepayment:e[B].enableAutoPay,idempotencyKey:h}),ae={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),successContentMargin:new d(r[3],r[12]),buttonTrayGap:new d(r[4],r[5])},fa={sectionTitle:new V("h6Regular","h5Regular")},ve=Y.getLocalizedStrings().spendManagement.zeniAccounts.zeniAccountList,U=Y.getLocalizedStrings().spendManagement.chargeCard.payEarly,{dateFormat:Ie}=Y.getLocalizedStrings(),Ca=({autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:h,isAccountsEnabled:n,productInformation:g,controllerEmails:c,creditAccountInformation:f,creditAccountSpentAmount:L,debitAccountInformation:y,cashbackInformation:b,paymentSourceInformation:x,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,paymentInitiatedDate:R,onSaveChangesToLocalStore:P,onTransferClick:E,goToCards:v,onDismissClick:k,onEstablishConnectionClick:X,onFetchLinkTokenClick:K,plaidConnectionDetails:G,onSignUpAccountClick:Q,onMoveMoneyClick:Z,onUpdatePaymentAccountStatus:s,onEstablishConnectionSuccess:re})=>{const w=me(),q=pe().analytics,[H,j]=p.useState(!1),[z,I]=p.useState(!1);p.useEffect(()=>{z&&setTimeout(()=>{I(!1),j(!0)},1e3)},[z]);const M=i.chargeCardRepaymentDetailLocalData.amount.amount===L;return a.jsx(ba,{windowSize:w,children:i.updateStatus==="Completed"?a.jsxs(Fe,{windowSize:w,isTransferCompleted:!0,children:[a.jsx(Te,{windowSize:w,children:a.jsx(Re,{"data-testid":ee("cross-credit-card-payment-success-close-button"),onClick:()=>{C&&D&&m&&q.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}})}),a.jsxs(Da,{windowSize:w,children:[a.jsx(Je,{width:150,height:150,shouldDisplay:!0,animationInLoop:1}),a.jsx(xa,{children:a.jsxs(a.Fragment,{children:[U.youvePaid,a.jsx(Sa,{children:Pe("0,0.[00]",i.chargeCardRepaymentDetailLocalData.amount)}),ve.transferDrawer.internal.transferSuccessMsgMidfix,`"${i.chargeCardRepaymentDetailLocalData.transferFrom?.label}".`,M?U.theCreditLimitWillResetWithin23BusinessDays:U.theCreditLimitWillUpdateWithin23BusinessDays]})}),a.jsx(wa,{windowSize:w,children:a.jsx(et,{variant:"primary",label:U.goToCards,"data-testid":ee("back-to-cards-button"),onClick:v})})]})]}):H?a.jsx(zt,{paymentDetails:i,setShowReviewContent:j,onTransferClick:E,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y,isCompleteOutstandingBalanceBeingPaid:M}):a.jsxs(a.Fragment,{children:[a.jsxs(Fe,{windowSize:w,isTransferCompleted:!1,children:[a.jsx(Te,{windowSize:w,children:a.jsx(Re,{"data-testid":ee("cross-amount-details-close-button"),onClick:()=>{C&&D&&m&&q.trackCardsPayEarlyFormClick(c,g,b,"Cross Icon",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:R?.add(3,"day").format(Ie.visual.MMMDCommaYYYYformat),paymentInitiatedDate:R?.format(Ie.visual.MMMDCommaYYYYformat)},x,f,y),k?.()}})}),w==="small"?a.jsx($a,{windowSize:w,children:U.payCreditCardBalance}):a.jsx(ka,{children:U.payCreditCardBalance}),i.fetchState==="Completed"?a.jsx(da,{autoPayThreshold:e,maxInsuredAmount:h,onSaveChangesToLocalStore:P,plaidConnectionDetails:G,paymentDetails:i,setShowReviewLoading:I,onEstablishConnectionSuccess:re,isAccountsEnabled:n,onFetchLinkTokenClick:K,onUpdatePaymentAccountStatus:s,onEstablishConnectionClick:X,onSignUpAccountClick:Q,onMoveMoneyClick:Z,isCashbackInfoFetchStateCompleted:C,isCreditCardInfoFetchStateCompleted:D,isDebitCardInfoFetchStateCompleted:m,controllerEmails:c,productInformation:g,cashbackInformation:b,paymentSourceInformation:x,creditAccountInformation:f,debitAccountInformation:y}):a.jsx(tt,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),a.jsx(je,{style:{zIndex:4,paddingTop:t.sp3,paddingBottom:t.sp3},formId:Ye(Ve),helperStyle:{paddingTop:t.sp0,paddingBottom:t.sp0},primaryBtn:{label:Y.getLocalizedStrings().common.review,isLoading:z},cancelBtn:{label:ve.transferDrawer.cancelBtn,onClick:()=>{C&&D&&m&&q.trackCardsPayEarlyFormClick(c,g,b,"Cancel",i.chargeCardRepaymentDetailLocalData.isAutoRepayment,{paymentAmount:i.chargeCardRepaymentDetailLocalData.amount.amount,paymentAccountName:i.chargeCardRepaymentDetailLocalData.transferFrom?.label,paymentAccountType:i.chargeCardRepaymentDetailLocalData.transferFrom?.accType,paymentAccountLastFourDigits:i.chargeCardRepaymentDetailLocalData.transferFrom?.accountLast4,paymentCompleteEta:void 0,paymentInitiatedDate:void 0},x,f,y),k?.()}}})]})})},ba=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100vh;
-  width: 100%;
-`,xa=o(at)`
-  color: ${e=>e.theme.colors.primary};
-  text-align: center;
-  white-space: pre-line;
-`,Sa=o(nt)`
-  display: inline;
-`,Fe=o.div`
-  height: ${e=>e.isTransferCompleted?"100%":"auto"};
-  padding-left: ${e=>`${ae.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${ae.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,wa=o.div`
-  display: flex;
-  justify-content: center;
-  flex-direction: ${e=>e.windowSize==="small"?"column-reverse":"row"};
-  margin-top: ${t.sp6};
-  gap: ${e=>`${ae.buttonTrayGap.valuePx(e.windowSize)}`};
-`,Da=o.div`
-  height: 80%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin: ${e=>`${t.sp0} ${ae.successContentMargin.valuePx(e.windowSize)}`};
-  align-items: center;
-`,Te=o.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${t.sp0};
-  padding: ${e=>`${ae.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Re=o(ze)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${t.sp4};
-  height: ${t.sp4};
-  min-height: ${t.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,$a=o(Me)`
-  ${e=>`${fa.sectionTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${t.sp3};
-  margin-bottom: ${t.sp0};
-  margin-right: ${t.sp3};
-`,ka=o(rt)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${t.sp3};
-  margin-bottom: ${t.sp2};
-`,Oa=({autoPayThreshold:e,paymentDetails:i,isZeniAccountSetupEnabled:h,maxInsuredAmount:n,onUpdatePaymentAccountStatus:g,onSaveChangesToLocalStore:c,creditAccountSpentAmount:f,onTransferClick:L,controllerEmails:y,productInformation:b,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:R,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:E,goToCards:v,onDismissClick:k,onEstablishConnectionClick:X,onEstablishConnectionSuccess:K,onFetchLinkTokenClick:G,plaidConnectionDetails:Q,onSignUpAccountClick:Z,onMoveMoneyClick:s})=>a.jsx(Aa,{children:a.jsx(Ca,{autoPayThreshold:e,paymentDetails:i,maxInsuredAmount:n,productInformation:b,controllerEmails:y,creditAccountInformation:x,debitAccountInformation:C,cashbackInformation:D,paymentSourceInformation:m,isCashbackInfoFetchStateCompleted:R,isCreditCardInfoFetchStateCompleted:P,isDebitCardInfoFetchStateCompleted:E,creditAccountSpentAmount:f,onSaveChangesToLocalStore:c,onTransferClick:L,goToCards:v,onDismissClick:k,plaidConnectionDetails:Q,isAccountsEnabled:h,onEstablishConnectionClick:X,onFetchLinkTokenClick:G,onUpdatePaymentAccountStatus:g,onEstablishConnectionSuccess:K,onSignUpAccountClick:Z,onMoveMoneyClick:s})}),Aa=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100%;
-  width: 100%;
-`;export{Oa as default};

package/dist/assets/CustomerOnboardingContainerPage-DMZOvVMM-Dtf3INy1.js

@@ -1 +0,0 @@
-import{V as t}from"./index-BzfDeuOT.js";import o from"./CustomerOnboardingNoStepsPage-BsKoqUta-CmLhznz-.js";import i from"./CustomerOnboardingPage-DUMQKVfM-BM9txdIv.js";import"./mui-bYXq4XMS.js";import"./core-3dlyNYRL.js";import"./sentry-cYFeB6Pw.js";import"./zeni-epic-state-BwKvATgd.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./PaymentAccountSetupBillingAddressSection-pL7omrJk-DD7f9yVw.js";import"./SetUpAccountSection-DrMCC1IY-DEHd1Ql0.js";import"./CustomerOnboardingDetailPageSkeleton-BgY95XeU-CaAElGhv.js";import"./CompanyOfficerDetailsSection-CNxtAkKM-CgBxbEOZ.js";import"./LabeledAddressValueField-DzmwP7hP-rTSkkk1A.js";import"./LabeledCreatableSingleSelectField-CfzLlkho-CKXiWbBE.js";import"./LabeledDocumentField-p3pI5qLu-DEgMORLm.js";import"./QBOSetupSection-DWhfA4Xv--q8kidUR.js";import"./QBOConnectionDialog-D7MeKn1t-TYawHVny.js";const k=r=>r.currentTenant?.productSettings.isOtherProductsEnabled===!0?t.jsx(o,{...r}):t.jsx(i,{...r});export{k as default};