@clerk/clerk-js/dist/up-billing-page_clerk.browser_2ed373_5.79.0.js

Clerk JS library

"use strict";(globalThis.webpackChunk_clerk_clerk_js=globalThis.webpackChunk_clerk_clerk_js||[]).push([["82"],{6793:function(e,t,i){i.r(t),i.d(t,{BillingPage:()=>y});var l=i(9109),r=i(2418),s=i(2672),o=i(2654),a=i(6148),n=i(1576),c=i(4204),d=i(3746),h=i(2264),u=i(6054),g=i(5515),p=i(1800);let b={0:"subscriptions",1:"statements",2:"payments"},P=(0,s.withCardStateProvider)(()=>{let e=(0,s.useCardState)(),{selectedTab:t,handleTabChange:i}=(0,d.x)(b);return(0,l.tZ)(c.Col,{elementDescriptor:c.descriptors.page,sx:e=>({gap:e.space.$8,color:e.colors.$colorForeground}),children:(0,l.BX)(c.Col,{elementDescriptor:c.descriptors.profilePage,elementId:c.descriptors.profilePage.setId("billing"),gap:4,children:[(0,l.tZ)(o.h.Root,{children:(0,l.tZ)(o.h.Title,{localizationKey:(0,c.localizationKeys)("userProfile.billingPage.title"),textVariant:"h2"})}),(0,l.tZ)(r.Z.Alert,{children:e.error}),(0,l.BX)(a.mQ,{value:t,onChange:i,children:[(0,l.BX)(a.dr,{sx:e=>({gap:e.space.$6}),children:[(0,l.tZ)(a.OK,{localizationKey:(0,c.localizationKeys)("userProfile.billingPage.start.headerTitle__subscriptions")}),(0,l.tZ)(a.OK,{localizationKey:(0,c.localizationKeys)("userProfile.billingPage.start.headerTitle__statements")}),(0,l.tZ)(a.OK,{localizationKey:(0,c.localizationKeys)("userProfile.billingPage.start.headerTitle__payments")})]}),(0,l.BX)(a.nP,{children:[(0,l.BX)(a.x4,{sx:e=>({width:"100%",flexDirection:"column"}),children:[(0,l.tZ)(p.b,{title:(0,c.localizationKeys)("userProfile.billingPage.subscriptionsListSection.title"),arrowButtonText:(0,c.localizationKeys)("userProfile.billingPage.subscriptionsListSection.actionLabel__switchPlan"),arrowButtonEmptyText:(0,c.localizationKeys)("userProfile.billingPage.subscriptionsListSection.actionLabel__newSubscription")}),(0,l.tZ)(u.Hw,{})]}),(0,l.tZ)(a.x4,{sx:{width:"100%"},children:(0,l.tZ)(g.StatementsList,{})}),(0,l.tZ)(a.x4,{sx:{width:"100%"},children:(0,l.tZ)(h.PaymentAttemptsList,{})})]})]})]})})}),y=()=>(0,l.tZ)(n.SubscriberTypeContext.Provider,{value:"user",children:(0,l.tZ)(P,{})})}}]);