@zeniai/web-app-ui 4.14.38-dev → 4.14.39-dev

package/dist/assets/ChargeCardPromoPage-DIfakIOK-CUSVcG-Z.js

@@ -0,0 +1,222 @@
+import{e as b,V as r,y as O,_ as ye,h as be,a7 as $e,a5 as je,fm as Se,a_ as Te,eY as ze,a as Q,b as ee,O as oe,o as i,c2 as ve,n as J,c3 as Pe,D as ke,x,s as Ie,bo as Ae,i2 as Be,C as _e,m as p,d as j,f,au as Le,ac as Re,i3 as Me}from"./index-BngCC-zG.js";import{a as S}from"./sentry-CHlUi953.js";import{n,c as Ee,k as De}from"./mui-DyGc7Pg8.js";import{F4 as Fe}from"./zeni-epic-state-D8D2Skiq.js";import{x as Ne}from"./NavigationDots-Dvce3gHt-B5IBT8ql.js";import{J as H,N as G}from"./PromoBaseCards-BOGJI2ws-Cm4e0wPQ.js";import{M as _}from"./usp-line-BBd1wKwW-BHKdiO38.js";import"./pdf-BxqSCr4b.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.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]="a413c61c-581e-4554-a48f-9c373c0c46e5",e._sentryDebugIdIdentifier="sentry-dbid-a413c61c-581e-4554-a48f-9c373c0c46e5")}catch{}})();const g={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])},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:N,spendManagement:{chargeCard:{chargeCardsPromo:o}}}=oe.getLocalizedStrings(),Mr=({meetingUrl:e,companyLegalName:s,chargeCardSetupView:t,showEnableCardButton:a,controllerEmails:c,isCreditCardProductVisible:m,isDebitCardFeatureEnabled:h,isDebitCardSetupEnabled:w,isChargeCardSetupEnabled:u,admins:$,cashbackRate:v,cardPromoType:d="credit",isCheckingEnabled:l,onSetupButtonClick:L,onBackClick:pe,onClickMenuIcon:me,onSetupChargeCardSuccess:X,onExpressInterestClick:ge})=>{const he=O(),V=ye(),z=b(),W=be().analytics,{chargeCardTermsDetails:R,companyChargeCardInfo:C,companyLocaleInfo:M}=t,Z=$e(R?.fetchStatus.fetchState),[xe,Y]=S.useState(!1),we=C!=null&&M!=null?je("0,0",{amount:C.chargeCardsCreditAccountLimit,currencyCode:M.currencyCode,currencySymbol:M.currencySymbol}):void 0;S.useEffect(()=>{Z==="In-Progress"&&R?.fetchStatus.fetchState==="Completed"&&X()},[Z,X,R?.fetchStatus]);const q=Fe(V.loggedInUserRoleMap),ue=Se(V),E=d==="credit"&&C?.isCompanyInterestedInChargeCard===!1&&C.chargeCardsCreditAccountLimit===0,D=d==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===-1,F=d==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit===0,Ce=d==="credit"&&C?.isCompanyInterestedInChargeCard===!0&&C.chargeCardsCreditAccountLimit>0,{expressInterestInChargeCardFetchState:fe}=t,K=E?o.getPreApprovedNow:a?o.enableCardsButton:o.setupCardsButton;return r.jsxs(Xe,{children:[r.jsx(Te,{title:o.title[d],backgroundColor:he.colors.grey4,onBackClick:pe,showBackButton:!0,showMenuIcon:z==="medium-compact"||z==="small",onClickMenuIcon:me,style:{zIndex:9},source:"ChargeCardPromoPage"}),xe===!0?r.jsx(ze,{onCancelClick:()=>{Y(!1)},meetingUrl:e}):null,r.jsx(Ye,{windowSize:z,children:q===!0?r.jsxs(Ze,{children:[r.jsxs(We,{children:[r.jsx(He,{isApproved:Ce,creditAmount:we,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,creditLimit:C?.chargeCardsCreditAccountLimit}),r.jsx(ae,{cardPromoType:d,cashbackRate:v})]}),r.jsx(ne,{showEnableCardButton:a,cardPromoType:d,isUnderReview:F,isRejected:D,showExpressInterest:E,isCheckingEnabled:l})]}):r.jsx(Ge,{companyLegalName:s,cards:[],admins:$,cashbackRate:v,hasZeniFinopsRoles:ue,cardPromoType:d,isCheckingEnabled:l})}),!q||F||D?null:r.jsxs(tr,{windowSize:z,children:[r.jsx(Q,{variant:"secondary",label:o.scheduleDemoButton,style:{width:166},onClick:()=>{W.trackCardsPromoPageClicked("schedule demo"),W.trackCardsScheduleDemoClick(c,{isCreditCardOffered:m,isDebitCardOffered:h,isDebitCardEnabled:w,isCreditCardEnabled:u},"Cards Promo"),Y(!0)},"data-testid":ee("schedule-demo-button")}),r.jsx(Ve,{windowSize:z,children:o.orText}),r.jsx(Q,{variant:"primary",label:K,style:{minWidth:166},loading:t.chargeCardTermsDetails?.fetchStatus.fetchState==="In-Progress"||fe==="In-Progress",onClick:K===o.getPreApprovedNow?ge:()=>L(d),"data-testid":ee("enable-card-button")})]})]})},Ue=({admins:e})=>{const s=e.flatMap(a=>a.user?.firstName+" "+a.user?.lastName).join(", "),t=b();return r.jsxs(pr,{windowSize:t,children:[r.jsx(U,{underline:!1,windowSize:t,children:o.noCardAssigned.pre}),r.jsx(Ae,{title:s,placement:"top-start",style:{padding:`2px ${i.sp2}`},children:r.jsx(U,{underline:!0,windowSize:t,children:o.noCardAssigned.tooltip})}),r.jsx(U,{underline:!1,windowSize:t,children:o.noCardAssigned.post})]})},ne=({cardPromoType:e,showEnableCardButton:s,isCheckingEnabled:t,isUnderReview:a,isRejected:c,showExpressInterest:m,isCardUser:h=!1})=>{const w=b();return r.jsx(ir,{windowSize:w,children:r.jsx(Be,{topTermLabel:o.terms.checkingAccountTerm,buttonTermLabel:a===!0||c===!0||h===!0?void 0:m===!0?o.terms.getPreApprovedNowTerm:s?o.terms.alternateTerm1:o.terms.terms1,showEndIcon:!1,showTerms:c===!1&&h===!1&&a===!1,style:{marginTop:g.termsOfAgreementMarginTop.valuePx(w)},cardPromoType:e,isCheckingEnabled:t})})},He=({isApproved:e,cardPromoType:s,creditAmount:t,isUnderReview:a,isRejected:c,showExpressInterest:m,creditLimit:h})=>{const w=b(),u=s==="debit_and_credit"?o.promoTextDebitCreditCard:s==="debit"?o.promoTextDebitCard:o.promoTextCreditCard,$=e?r.jsxs(r.Fragment,{children:[o.promoBadgeText.approved,r.jsx(ie,{children:t}),o.creditLimit,N.strings.space]}):m?r.jsxs(r.Fragment,{children:[o.promoBadgeText.nonPreApproved.get,r.jsx(er,{children:o.promoBadgeText.nonPreApproved.scale}),o.promoBadgeText.nonPreApproved.doubleStarred,N.strings.space,o.promoBadgeText.nonPreApproved.higherLimits]}):a?o.promoBadgeText.underReview:c?o.promoBadgeText.rejected:s==="debit_and_credit"&&h===0?null:r.jsxs(r.Fragment,{children:[o.promoBadgeText.preApproved,r.jsx(ie,{children:t}),o.creditLimit,N.strings.space]});return r.jsxs(r.Fragment,{children:[r.jsx(r.Fragment,{children:w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:o.promoSubText})]})}),r.jsxs(Ke,{cardPromoType:s,hasContent:$!=null,hideBadge:t==null||s==="debit",windowSize:w,children:[a||c||m?null:r.jsx(fr,{}),r.jsx(Qe,{windowSize:w,children:$})]})]})},Ge=({companyLegalName:e,cards:s,admins:t,cashbackRate:a,hasZeniFinopsRoles:c,cardPromoType:m="credit",isCheckingEnabled:h})=>{const w=b(),u=m==="debit_and_credit"?o.promoTextDebitCreditCard:m==="debit"?o.promoTextDebitCard:o.promoTextCreditCard;return r.jsxs(r.Fragment,{children:[w==="small"?r.jsxs(r.Fragment,{children:[r.jsx(le,{children:u}),r.jsx(ce,{children:o.promoSubText})]}):r.jsxs(r.Fragment,{children:[r.jsx(se,{children:u}),r.jsx(de,{children:o.promoSubText})]}),s.length===0?r.jsx(cr,{windowSize:w}):r.jsx(Oe,{cards:s,companyLegalName:e}),r.jsx(ae,{cardPromoType:m,cashbackRate:a}),c?null:r.jsx(Ue,{admins:t}),r.jsx(ne,{isCardUser:!0,showEnableCardButton:!1,cardPromoType:m,isCheckingEnabled:h})]})},Oe=({cards:e,companyLegalName:s})=>{const t=O(),a=b();let c,m="";if(e.length===1){c=e[0].cardCreatedByUser.photo;const h=e[0].cardCreatedByUser.firstName+" "+e[0].cardCreatedByUser.lastName;m=o.cardAssigned.singleCreditCard.replace("__issuing-user__",h).replace("__company-name__",s)}else m=o.cardAssigned.multipleCreditCards.replace("__company-name__",s);return r.jsxs(gr,{children:[c!=null?r.jsx(qe,{width:i.sp5,height:i.sp5,style:{paddingTop:a==="small"?i.sp1:i.sp0},src:c.href,alt:oe.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=Ie},loading:"lazy"}):null,r.jsx(mr,{windowSize:a,mode:t.mode,children:r.jsx(hr,{windowSize:a,children:m})})]})},re=({windowSize:e,cardPromoType:s})=>{let t=o.businessText;return s==="debit"&&(t=`${t} ${o.debit}`),r.jsx(r.Fragment,{children:s==="debit_and_credit"?r.jsx(Je,{}):r.jsxs(nr,{windowSize:e,children:[r.jsx(H,{cardPromoType:s,cardText:t,shouldAnimate:!0,showChip:!0,forDashboard:!1,forListPage:!1}),r.jsx(G,{cardPromoType:s,cardText:t,showChip:!0,forDashboard:!1,shouldAnimate:!0,forListPage:!1})]})})},ae=({cardPromoType:e,cashbackRate:s})=>{const t=b(),a=o.benefits;return r.jsxs(rr,{windowSize:t,children:[t==="small"?r.jsx(re,{windowSize:t,cardPromoType:e}):null,r.jsxs(or,{windowSize:t,children:[r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(dr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item1.pre}),r.jsx(I,{windowSize:t,children:a.item1.bold.replace("__cashback__",(100*s).toFixed(2))}),r.jsx(y,{windowSize:t,children:`${e==="credit"||e==="debit_and_credit"?a.singleStarred:""}${a.item1.post}`})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(ar,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item2.pre}),r.jsx(I,{windowSize:t,children:a.item2.bold}),r.jsx(y,{windowSize:t,children:a.item2.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(lr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item3.pre}),r.jsx(I,{windowSize:t,children:a.item3.bold}),r.jsx(y,{windowSize:t,children:a.item3.post})]})]}),r.jsxs(k,{windowSize:t,children:[r.jsx(A,{children:r.jsx(sr,{})}),r.jsxs(B,{children:[r.jsx(y,{windowSize:t,children:a.item4.pre}),r.jsx(I,{windowSize:t,children:a.item4.bold}),r.jsx(y,{windowSize:t,children:a.item4.post})]})]})]}),t==="small"?null:r.jsx(re,{windowSize:t,cardPromoType:e})]})};let P;const Je=()=>{const e=b(),s=O(),[t,a]=S.useState(0),[c,m]=S.useState(!1),h=o.businessText,w=`${h} ${o.debit}`,u=[{id:1,cardType:"debit",cardText:w},{id:2,cardType:"debit",cardText:w},{id:3,cardType:"credit",cardText:h},{id:4,cardType:"credit",cardText:h}];S.useEffect(()=>(c||(P=setInterval(()=>{a(d=>{const l=d+1;return l===u.length?(m(!0),0):l})},2e3)),()=>clearInterval(P)),[c,u.length]),S.useEffect(()=>{c&&P!=null&&clearInterval(P)},[c]);const $=(d,l)=>{switch((d-t+u.length)%u.length){case 0:return{transform:`translate(0,${l?"100%":0}) scale(1)`,zIndex:l?5:6,opacity:1,transition:"transform 0.4s"};case 1:return{transform:`translate(35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};case 2:return{transform:`translate(35%,${l?"80%":"5%"}) scale(0.75)`,zIndex:l?3:4,opacity:0,transition:"transform 0.4s 0.2s, opacity 0.4s 0.0s"};case 3:return{transform:`translate(-35%, ${l?"80%":"5%"}) scale(0.75)`,zIndex:l?4:5,opacity:1,transition:"all 0.4s"};default:return}},v=d=>{const l=$(d,!0);return{...l,transform:`${l?.transform} scaleY(-1)`,opacity:1,transition:"transform 0s 0s, z-index 0s 0s"}};return r.jsxs(xr,{windowSize:e,children:[r.jsx(wr,{windowSize:e,children:u.map((d,l)=>r.jsxs(ur,{children:[r.jsx(te,{isReflection:!1,style:{...$(l,!1)},onClick:()=>(L=>{c||m(!0),a(L)})(l),children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}}):r.jsx(G,{cardPromoType:d.cardType,cardText:d.cardText,shouldAnimate:!1,showChip:!0,forDashboard:!1,forListPage:!1,style:{borderColor:s.colors.grey2,...s.mode==="light"&&{borderBottom:"none"}}})},d.id),r.jsx(te,{isReflection:!0,style:{...v(l)},children:l===0||l===2?r.jsx(H,{cardPromoType:d.cardType,cardText:d.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:d.cardType,cardText:d.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-${d.id}`)]},d.id))}),c&&r.jsx(Ne,{numberOfDots:u.length,activeIndex:t,handleClick:a,promoColor:s.colors.primary,promoColorHover:s.colors.grey5,spendManagementPromoCardActive:!0,dotStyle:{width:i.sp2,height:i.sp2},style:{cursor:"default",position:"absolute",bottom:g.navigationBottom.valuePx(e),left:g.navigationLeft.valuePx(e),zIndex:7}})]})},Xe=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ve=n(_e)`
+  color: ${e=>e.theme.colors.hero};
+`,We=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,Ze=n.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex: 1;
+  width: 100%;
+`,Ye=n.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=n(Pe)`
+  max-width: 927px;
+  margin: auto;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  padding: ${i.sp7} ${i.sp0} ${i.sp0} ${i.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,de=n(ke)`
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  margin-top: ${i.sp2};
+`,le=n(ve)`
+  margin: auto;
+  max-width: 343px;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  flex-wrap: wrap;
+  padding: ${i.sp5} ${i.sp0} ${i.sp0} ${i.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,ce=n(J)`
+  max-width: 314px;
+  margin: auto;
+  color: ${e=>e.theme.colors.primary};
+  padding: 6px ${i.sp3} ${i.sp0} ${i.sp3};
+  text-align: center;
+  margin-top: 6px;
+`,qe=n.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ke=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  padding: ${e=>e.hasContent?`${i.sp2} ${i.sp3}`:i.sp0};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 96px;
+  margin-top: ${i.sp4};
+  margin-left: ${e=>e.windowSize==="small"?i.sp3:"auto"};
+  margin-right: ${e=>e.windowSize==="small"?i.sp3:"auto"};
+  margin-bottom: ${e=>e.cardPromoType==="debit_and_credit"&&e.windowSize==="small"?i.sp0:i.sp6};
+  width: fit-content;
+  gap: ${i.sp1};
+  ${e=>e.hideBadge&&`
+    visibility: hidden;
+    `}
+`,Qe=n(J)`
+  color: ${e=>e.theme.mode==="dark"?f.brandColorJade:f.brandColorSapphire};
+  text-align: ${e=>e.windowSize==="small"?"left":"center"};
+  ${e=>`${T.promoBadgeText.style(e.windowSize)}`};
+  span {
+    ${e=>`${T.promoBadgeTextBold.style(e.windowSize)}`};
+  }
+`,er=n.span``,ie=n.span`
+  color: ${f.success};
+`,rr=n.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=n.div`
+  display: flex;
+  flex-direction: column;
+`,tr=n.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  padding: ${i.sp2} ${i.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: ${i.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  gap: ${e=>g.buttonTrayGap.valuePx(e.windowSize)};
+`,or=n.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=n.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;
+`,k=n.div`
+  border-radius: ${i.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
+  padding: ${e=>e.windowSize==="small"?`${i.sp2} ${i.sp4} ${i.sp2} ${i.sp0}`:`${i.sp3} ${i.sp5} ${i.sp3} ${i.sp0}`};
+  background: ${e=>e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${i.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=n(Le)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspText.style(e.windowSize)}`};
+`,I=n(Re)`
+  color: ${e=>e.theme.colors.champion};
+  ${e=>`${T.uspBoldText.style(e.windowSize)}`};
+`,A=n.div``,B=n.div`
+  padding-left: ${i.sp3};
+`,ar=n(_)`
+  color: ${f.graphColor16Dark};
+`,sr=n(_)`
+  color: ${f.alert};
+`,dr=n(_)`
+  color: ${f.graphColor11};
+`,lr=n(_)`
+  color: ${f.success};
+`,cr=n.div`
+  height: ${e=>g.emptySectionHeight.valuePx(e.windowSize)};
+  ${e=>e.windowSize==="small"?null:Ee`
+          margin-top: ${i.sp4};
+          margin-bottom: ${i.sp6};
+        `}
+`,pr=n(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;
+`,U=n(Me)`
+  ${e=>`${T.contactAdmin.style(e.windowSize)}`};
+  text-decoration: ${e=>e.underline?"underline":"none"};
+  cursor: ${e=>e.underline?"default":null};
+`,mr=n.div`
+  color: ${e=>e.mode==="dark"?e.theme.colors.brandColorJade:e.theme.colors.brandColorSapphire};
+`,gr=n.div`
+  background-color: ${e=>e.theme.colors.grey3};
+  padding: ${i.sp2} ${i.sp3};
+  display: flex;
+  gap: ${i.sp2};
+  margin: auto;
+  max-width: fit-content;
+  border-radius: 96px;
+  margin-top: ${i.sp4};
+  margin-bottom: ${i.sp6};
+`,hr=n.span`
+  ${e=>`${T.cardsContent.style(e.windowSize)}`};
+`,xr=n.div`
+  display: flex;
+  flex-direction: column;
+  min-height: ${e=>g.carouselHeight.valuePx(e.windowSize)};
+  min-width: 480px;
+  position: relative;
+`,wr=n.div`
+  position: relative;
+  margin-top: ${e=>g.carouselMarginTop.valuePx(e.windowSize)};
+  margin-left: ${e=>g.carouselMarginLeft.valuePx(e.windowSize)};
+`,ur=n.div`
+  position: relative;
+  overflow: visible;
+`,te=n.div`
+  position: absolute;
+  ${e=>e.isReflection&&`
+  background-color: ${e.theme.colors.grey4};
+  clip-path: inset(16% 0 0 0);
+  `}
+`,Cr=De`
+  0% {
+    left: -${i.sp6};
+  }
+  50% {
+    left: calc(100% + ${i.sp6});
+  }
+  100% {
+    left: calc(100% + ${i.sp6});
+  }
+`,fr=n.div`
+  position: absolute;
+  background:
+    ${f.promoCardGradient1Strong}, ${f.promoCardGradient2Strong};
+  width: ${i.sp10};
+  z-index: 3;
+  height: 100%;
+  transform: skew(15deg);
+  animation: ${Cr} 4s linear infinite;
+`;export{Ge as ChargeCardPromoUserContent,Mr as default};