@zeniai/web-cockpit-ui 1.15.23-dev → 1.15.24-dev

package/dist/assets/ChargeCardPromoPage-DuQe7BpX-B1bYsTBb.js

@@ -1,222 +0,0 @@
-import{J as b,V as r,d as G,aw as $e,a8 as be,aQ as je,aN as Se,fW as Te,bC as ve,fv as ze,r as Y,aP as ee,F as ae,o as t,R as Pe,c as J,cD as ke,aq as Ie,y as u,ap as Ae,bT as Be,iO as Le,ai as Re,u as p,O as S,p as y,ba as _e,aU as Me,iP as Ee}from"./index-CNJQ6T57.js";import{a as T}from"./sentry-9b1mvxJ5.js";import{n as o,c as De,k as Fe}from"./mui-DsjrNjDe.js";import{EP as Ue}from"./zeni-epic-state-DJX8u9R8.js";import{k as Ne}from"./NavigationDots-C7Na64B9-CHGprwD5.js";import{J as H,N as O}from"./PromoBaseCards-BVwZMVeE-DstwmvWv.js";import{M as R}from"./usp-line-BBd1wKwW-5m5uF-Rf.js";import"./liveblocks-CUDrE-0X.js";import"./core-Be77t6wT.js";import"./recharts-CmZa-egc.js";import"./lottie-C5G-hUN3.js";import"./analytics-DH2FWXQR.js";import"./lexical-4qH-Yr6_.js";import"./utils-VcZ1Xqjg.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="1aa0fa4a-7942-4539-a904-59da62dac4a7",e._sentryDebugIdIdentifier="sentry-dbid-1aa0fa4a-7942-4539-a904-59da62dac4a7")}catch{}})();const g={containerPaddingTopBottom:new u(p[0],p[0]),uspContainerMarginX:new u(p[6],p[0]),midContainerGap:new u(p[4],84),iconContainerMinHeight:new u(236,396),emptySectionHeight:new u(p[6],43),navigationBottom:new u(p[4],94),navigationLeft:new u(192,244),carouselHeight:new u(268,396),carouselMarginTop:new u(54,p[4]),carouselMarginLeft:new u(120,p[12]),buttonTrayGap:new u(p[3],p[5]),termsOfAgreementMarginTop:new u(p[5],p[10]),contactAdminContainerMarginTop:new u(p[0],p[10]),contactAdminContainerMarginBottom:new u(p[4],p[0]),contactAdminContainerMarginLeftRight:new u(p[3],p[0])},v={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:a}}}=ae.getLocalizedStrings(),_r=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:i,showEnableCardButton:n,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:w,admins:j,cashbackRate:P,cardPromoType:f="credit",isCheckingEnabled:l,onSetupButtonClick:d,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:V,onExpressInterestClick:ge})=>{const he=G(),W=$e(),z=b(),X=be().analytics,{chargeCardTermsDetails:_,companyChargeCardInfo:C,companyLocaleInfo:M}=i,Q=je(_?.fetchStatus.fetchState),[ue,Z]=T.useState(!1),xe=()=>{X.trackCardsPromoPageClicked("schedule demo"),X.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:x,isCreditCardEnabled:w},"Cards Promo"),Z(!0)},we=C!=null&&M!=null?Se("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;T.useEffect(()=>{Q==="In-Progress"&&_?.fetchStatus.fetchState==="Completed"&&V()},[Q,V,_?.fetchStatus]);const q=Ue(W.loggedInUserRoleMap),fe=Te(W),E=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:ye}=i,K=E?a.getPreApprovedNow:n?a.enableCardsButton:a.setupCardsButton;return r.jsxs(We,{children:[r.jsx(ve,{title:a.title[f],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),ue===!0?r.jsx(ze,{onCancelClick:()=>{Z(!1)},meetingUrl:e}):null,r.jsx(qe,{windowSize:z,children:q===!0?r.jsxs(Ze,{children:[r.jsxs(Qe,{children:[r.jsx(Oe,{isApproved:Ce,creditAmount:we,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ne,{cardPromoType:f,cashbackRate:P})]}),r.jsx(oe,{showEnableCardButton:n,cardPromoType:f,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:j,cashbackRate:P,hasZeniFinopsRoles:fe,cardPromoType:f,isCheckingEnabled:l})}),q&&!(F||D)?r.jsxs(ar,{windowSize:z,children:[r.jsx(Y,{variant:"secondary",label:a.scheduleDemoButton,style:{width:166},onClick:xe,"data-testid":ee("schedule-demo-button")}),r.jsx(Xe,{windowSize:z,children:a.orText}),r.jsx(Y,{variant:"primary",label:K,style:{minWidth:166},loading:i.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||ye==="In-Progress",onClick:K===a.getPreApprovedNow?ge:()=>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:a.noCardAssigned.pre}),r.jsx(Be,{title:s,placement:"top-start",style:{padding:`2px ${t.sp2}`},children:r.jsx(N,{underline:!0,windowSize:i,children:a.noCardAssigned.tooltip})}),r.jsx(N,{underline:!1,windowSize:i,children:a.noCardAssigned.post})]})},oe=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:i,isUnderReview:n,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const x=b();return r.jsx(ir,{windowSize:x,children:r.jsx(Le,{topTermLabel:a.terms.checkingAccountTerm,buttonTermLabel:n===!0||c===!0||h===!0?void 0:m===!0?a.terms.getPreApprovedNowTerm:s?a.terms.alternateTerm1:a.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&n===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(x)},cardPromoType:e,isCheckingEnabled:i})})},Oe=({isApproved:e,cardPromoType:s,creditAmount:i,isUnderReview:n,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const x=b(),w=s==="debit_and_credit"?a.promoTextDebitCreditCard:s==="debit"?a.promoTextDebitCard:a.promoTextCreditCard,j=e?r.jsxs(r.Fragment,{children:[a.promoBadgeText.approved,r.jsx(te,{children:i}),a.creditLimit,U.strings.space]}):m?r.jsxs(r.Fragment,{children:[a.promoBadgeText.nonPreApproved.get,r.jsx(rr,{children:a.promoBadgeText.nonPreApproved.scale}),a.promoBadgeText.nonPreApproved.doubleStarred,U.strings.space,a.promoBadgeText.nonPreApproved.higherLimits]}):n?a.promoBadgeText.underReview:c?a.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[a.promoBadgeText.preApproved,r.jsx(te,{children:i}),a.creditLimit,U.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:a.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:a.promoSubText})]})}),r.jsxs(Ye,{cardPromoType:s,hasContent:j!=null,hideBadge:i==null||s==="debit",windowSize:x,children:[n||c||m?null:r.jsx(yr,{}),r.jsx(er,{windowSize:x,children:j})]})]})},Ge=({companyLegalName:e,cards:s,admins:i,cashbackRate:n,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const x=b(),w=m==="debit_and_credit"?a.promoTextDebitCreditCard:m==="debit"?a.promoTextDebitCard:a.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[x==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:w}),r.jsx(ce,{children:a.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:w}),r.jsx(de,{children:a.promoSubText})]}),s.length===0?r.jsx(pr,{windowSize:x}):r.jsx(Je,{cards:s,companyLegalName:e}),r.jsx(ne,{cardPromoType:m,cashbackRate:n}),c?null:r.jsx(He,{admins:i}),r.jsx(oe,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Je=({cards:e,companyLegalName:s})=>{const i=G(),n=b();let c="",m;if(e.length===1){m=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;c=a.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else c=a.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(hr,{children:[m!=null?r.jsx(Ke,{width:t.sp5,height:t.sp5,style:{paddingTop:n==="small"?t.sp1:t.sp0},src:m.href,alt:ae.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ae},loading:"lazy"}):null,r.jsx(gr,{windowSize:n,mode:i.mode,children:r.jsx(ur,{windowSize:n,children:c})})]})},re=({windowSize:e,cardPromoType:s})=>{let i=a.businessText;return s==="debit"&&(i=`${i} ${a.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(O,{cardPromoType:s,cardText:i,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ne=({cardPromoType:e,cashbackRate:s})=>{const i=b(),n=a.benefits;return r.jsxs(tr,{windowSize:i,children:[i==="small"?r.jsx(re,{windowSize:i,cardPromoType:e}):null,r.jsxs(or,{windowSize:i,children:[r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(lr,{})}),r.jsxs(L,{children:[r.jsx($,{windowSize:i,children:n.item1.pre}),r.jsx(A,{windowSize:i,children:n.item1.bold.replace("__cashback__",(s*100).toFixed(2))}),r.jsx($,{windowSize:i,children:`${e==="credit"||e==="debit_and_credit"?n.singleStarred:""}${n.item1.post}`})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(sr,{})}),r.jsxs(L,{children:[r.jsx($,{windowSize:i,children:n.item2.pre}),r.jsx(A,{windowSize:i,children:n.item2.bold}),r.jsx($,{windowSize:i,children:n.item2.post})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(cr,{})}),r.jsxs(L,{children:[r.jsx($,{windowSize:i,children:n.item3.pre}),r.jsx(A,{windowSize:i,children:n.item3.bold}),r.jsx($,{windowSize:i,children:n.item3.post})]})]}),r.jsxs(I,{windowSize:i,children:[r.jsx(B,{children:r.jsx(dr,{})}),r.jsxs(L,{children:[r.jsx($,{windowSize:i,children:n.item4.pre}),r.jsx(A,{windowSize:i,children:n.item4.bold}),r.jsx($,{windowSize:i,children:n.item4.post})]})]})]}),i==="small"?null:r.jsx(re,{windowSize:i,cardPromoType:e})]})};let k;const Ve=()=>{const e=b(),s=G(),[i,n]=T.useState(0),[c,m]=T.useState(!1),h=a.businessText,x=`${h} ${a.debit}`,w=[{id:1,cardType:"debit",cardText:x},{id:2,cardType:"debit",cardText:x},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];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(xr,{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(O,{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(O,{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:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},We=o.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Xe=o(Re)`
-  color: ${e=>e.theme.colors.hero};
-`,Qe=o.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,Ze=o.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex: 1;
-  width: 100%;
-`,qe=o.div`
-  padding-top: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
-  padding-bottom: ${e=>g.containerPaddingTopBottom.valuePx(e.windowSize)};
-  text-align: center;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow-x: hidden;
-`,se=o(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=o(Ie)`
-  color: ${e=>e.theme.colors.primary};
-  margin: auto;
-  margin-top: ${t.sp2};
-`,le=o(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=o(J)`
-  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;
-`,Ke=o.img`
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ye=o.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=o(J)`
-  color: ${e=>e.theme.mode==="dark"?y.brandColorJade:y.brandColorSapphire};
-  text-align: ${e=>e.windowSize==="small"?"left":"center"};
-  ${e=>`${v.promoBadgeText.style(e.windowSize)}`};
-  span {
-    ${e=>`${v.promoBadgeTextBold.style(e.windowSize)}`};
-  }
-`,rr=o.span``,te=o.span`
-  color: ${y.success};
-`,tr=o.div`
-  display: flex;
-  gap: ${e=>g.midContainerGap.valuePx(e.windowSize)};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-`,ir=o.div`
-  display: flex;
-  flex-direction: column;
-`,ar=o.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=>g.buttonTrayGap.valuePx(e.windowSize)};
-`,or=o.div`
-  width: ${e=>e.windowSize==="small"?"auto":"288px"};
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
-  margin-right: ${e=>g.uspContainerMarginX.valuePx(e.windowSize)};
-  z-index: 8;
-`,nr=o.div`
-  display: flex;
-  justify-content: ${e=>e.windowSize==="small"?"center":"flex-start"};
-  min-height: ${e=>g.iconContainerMinHeight.valuePx(e.windowSize)};
-  align-items: center;
-  min-width: 480px;
-`,I=o.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"};
-`,$=o(_e)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${v.uspText.style(e.windowSize)}`};
-`,A=o(Me)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${v.uspBoldText.style(e.windowSize)}`};
-`,B=o.div``,L=o.div`
-  padding-left: ${t.sp3};
-`,sr=o(R)`
-  color: ${y.graphColor16Dark};
-`,dr=o(R)`
-  color: ${y.alert};
-`,lr=o(R)`
-  color: ${y.graphColor11};
-`,cr=o(R)`
-  color: ${y.success};
-`,pr=o.div`
-  height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
-  ${e=>e.windowSize==="small"?null:De`
-          margin-top: ${t.sp4};
-          margin-bottom: ${t.sp6};
-        `}
-`,mr=o(J)`
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${e=>g.contactAdminContainerMarginTop.valuePx(e.windowSize)};
-  margin-bottom: ${e=>g.contactAdminContainerMarginBottom.valuePx(e.windowSize)};
-  margin-left: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>g.contactAdminContainerMarginLeftRight.valuePx(e.windowSize)};
-  text-align: center;
-`,N=o(Ee)`
-  ${e=>`${v.contactAdmin.style(e.windowSize)}`};
-  text-decoration: ${e=>e.underline?"underline":"none"};
-  cursor: ${e=>e.underline?"default":null};
-`,gr=o.div`
-  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
-`,hr=o.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};
-`,ur=o.span`
-  ${e=>`${v.cardsContent.style(e.windowSize)}`};
-`,xr=o.div`
-  display: flex;
-  flex-direction: column;
-  min-height: ${e=>g.carouselHeight.valuePx(e.windowSize)};
-  min-width: 480px;
-  position: relative;
-`,wr=o.div`
-  position: relative;
-  margin-top: ${e=>g.carouselMarginTop.valuePx(e.windowSize)};
-  margin-left: ${e=>g.carouselMarginLeft.valuePx(e.windowSize)};
-`,fr=o.div`
-  position: relative;
-  overflow: visible;
-`,ie=o.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});
-  }
-`,yr=o.div`
-  position: absolute;
-  background:
-    ${y.promoCardGradient1Strong}, ${y.promoCardGradient2Strong};
-  width: ${t.sp10};
-  z-index: 3;
-  height: 100%;
-  transform: skew(15deg);
-  animation: ${Cr} 4s linear infinite;
-`;export{Ge as ChargeCardPromoUserContent,_r as default};

package/dist/assets/ChargeCardStatementsPage-CvtZtuVC-BbTDMJQ9.js

@@ -1,60 +0,0 @@
-import{d as F,J as L,V as t,bC as W,o as h,F as B,y as g,al as R,b9 as V,a8 as _,hN as O,T as q,aP as J,u as s,c3 as U}from"./index-CNJQ6T57.js";import{n as r}from"./mui-DsjrNjDe.js";import{$ as G,g as Z}from"./BoxItem-C0M4PSXY-D0kSlmNN.js";import{a as H}from"./sentry-9b1mvxJ5.js";import{w as K}from"./downloadPdf-WDHjFv79-x1y7Noz9.js";import"./liveblocks-CUDrE-0X.js";import"./core-Be77t6wT.js";import"./recharts-CmZa-egc.js";import"./zeni-epic-state-DJX8u9R8.js";import"./lottie-C5G-hUN3.js";import"./analytics-DH2FWXQR.js";import"./lexical-4qH-Yr6_.js";import"./utils-VcZ1Xqjg.js";import"./commonDimensions-BpYNnQtf-BVrF2eSg.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="4c4bc82b-1dcc-42a0-9361-06b87c60d538",e._sentryDebugIdIdentifier="sentry-dbid-4c4bc82b-1dcc-42a0-9361-06b87c60d538")}catch{}})();const D=B.getLocalizedStrings().months,Y={downloadButtonSize:new g(s[4],20)},Q=r.div`
-  display: flex;
-  padding: ${h.sp3} ${h.sp4};
-  flex-direction: row;
-  width: 100%;
-`,X=r.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-`,ee=r(R)`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  max-height: ${h.sp11};
-  text-overflow: ellipsis;
-  word-break: break-word;
-  text-align: left;
-  overflow: hidden;
-`,te=r.div`
-  cursor: pointer;
-`,ie=r(U)`
-  width: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
-  height: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
-  min-height: ${e=>Y.downloadButtonSize.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;function ae({currentTenantCompanyName:e,data:a,index:n,controllerEmails:c,isDebitCardFeatureEnabled:i,isDebitCardSetupEnabled:o,chargeCardCashbackDetailState:d,depositAccountListWithDebitCardIssued:y,debitCardSummary:C,productInformation:x,creditAccountInformation:S,debitAccountInformation:$,cashbackInformation:f,creditAccountRepayment:I,authParams:P,downloadEndPoint:k,boxType:j}){const b=_().analytics,[v,E]=H.useState(!1),l=L(),z=D[a.monthYearPeriod.month-1],u=`${e}-Credit-Card-Monthly-Statement-${D[a.monthYearPeriod.month-1]}-${a.monthYearPeriod.year}.pdf`,m={period:`${a.monthYearPeriod.year}-${O(a.monthYearPeriod.month)}`,format:"pdf"},p=t.jsx(Q,{children:t.jsxs(X,{children:[t.jsx(ee,{children:z}),t.jsx(te,{"data-testid":J("download-card-statement"),onClick:()=>{d.fetchState==="Completed"&&I.fetchState==="Completed"&&(!(i&&o)||y.fetchState==="Completed"&&C?.fetchState==="Completed")&&f!=null&&b.trackCardsDownloadClick(c,x,f,{fileCategory:"Credit Card Statement",fileType:"pdf",fileName:u,fileMonthYear:`${D[a.monthYearPeriod.month-1]} ${a.monthYearPeriod.year}`},"Credit Card Statements",n+1,S,$),K(`${k}/statements?query=${encodeURIComponent(JSON.stringify(m))}`,u,P,E)},children:v?t.jsx(q,{size:"Small",start:!0}):t.jsx(ie,{windowSize:l})})]})});return t.jsx(Z,{content:p,boxType:j,isDisabled:!1,isNotClickable:!0})}const A=B.getLocalizedStrings().spendManagement.chargeCard.statements,w={listItemMarginLeftRight:new g(s[3],s[8]),containerMarginTop:new g(s[0],s[2]),titleMarginLeftRight:new g(s[3],s[8])},ke=({currentTenantCompanyName:e,authParams:a,controllerEmails:n,productInformation:c,cashbackInformation:i,creditAccountInformation:o,debitAccountInformation:d,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,depositAccountListWithDebitCardIssued:f,creditAccountRepayment:I,debitCardSummary:P,creditAccount:k,downloadEndPoint:j,statementListView:b,onBackClick:v})=>{const E=F(),l=L(),{sortedYear:z,monthsByYearWithSortedMonth:u}=me(b.statements);return t.jsxs(se,{children:[t.jsx(W,{title:A.title,backgroundColor:E.colors.grey4,style:{zIndex:3},onBackClick:v,source:"ChargeCardStatementsPage"}),t.jsx(le,{windowSize:l,children:b.statements.length===0?t.jsx(M,{children:t.jsx(de,{children:t.jsx(N,{windowSize:l,children:t.jsx(ce,{children:A.noStatements})})})}):t.jsx(re,{children:z.map(m=>t.jsxs(ne,{children:[t.jsx(oe,{windowSize:l,children:m}),t.jsx(M,{children:u[m].map((p,T)=>t.jsx(N,{windowSize:l,children:t.jsx(ae,{productInformation:c,creditAccountInformation:o,debitAccountInformation:d,cashbackInformation:i,creditAccountRepayment:I,depositAccountListWithDebitCardIssued:f,debitCardSummary:P,controllerEmails:n,isChargeCardFeatureEnabled:y,isDebitCardFeatureEnabled:C,isDebitCardSetupEnabled:x,isChargeCardSetupEnabled:S,chargeCardCashbackDetailState:$,creditAccount:k,currentTenantCompanyName:e,index:T,data:p,authParams:a,downloadEndPoint:j,boxType:G(T,u[m].length)},p.id)},p.id))})]},m))})})]})},re=r.div``,ne=r.div`
-  margin-bottom: ${h.sp6};
-`,M=r.div``,oe=r(V)`
-  margin-left: ${e=>w.titleMarginLeftRight.valuePx(e.windowSize)};
-  margin-bottom: ${h.sp3};
-`,N=r.div`
-  margin-left: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
-  margin-right: ${e=>w.listItemMarginLeftRight.valuePx(e.windowSize)};
-`,de=r.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,se=r.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${h.sp7};
-`,ce=r(R)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey2};
-`,le=r.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${e=>w.containerMarginTop.valuePx(e.windowSize)};
-`,me=e=>{const a=e.map(i=>{const[o,d]=i.period.split("-");return{id:i.id,monthYearPeriod:{year:parseInt(o),month:parseInt(d)}}}),n={};a.forEach(i=>{n[i.monthYearPeriod.year]!=null?n[i.monthYearPeriod.year].push(i):n[i.monthYearPeriod.year]=[i]});const c={};return Object.keys(n).forEach(i=>{c[Number(i)]=n[Number(i)].sort((o,d)=>d.monthYearPeriod.month-o.monthYearPeriod.month)}),{sortedYear:Object.keys(n).sort((i,o)=>Number(o)-Number(i)).map(i=>Number(i)),monthsByYearWithSortedMonth:c}};export{ke as default};