@clerk/clerk-js/dist/op-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([["916"],{4961:function(i,t,e){e.r(t),e.d(t,{OrganizationBillingPage:()=>y});var l=e(9109),o=e(2418),n=e(2672),a=e(2654),r=e(6148),s=e(8969),c=e(1576),g=e(4204),d=e(3746),h=e(2264),p=e(6054),b=e(5515),P=e(1800);let u={0:"subscriptions",1:"statements",2:"payments"},z=(0,n.withCardStateProvider)(()=>{let i=(0,n.useCardState)(),{selectedTab:t,handleTabChange:e}=(0,d.x)(u);return(0,l.tZ)(g.Col,{elementDescriptor:g.descriptors.page,sx:i=>({gap:i.space.$8,color:i.colors.$colorForeground}),children:(0,l.BX)(g.Col,{elementDescriptor:g.descriptors.profilePage,elementId:g.descriptors.profilePage.setId("billing"),gap:4,children:[(0,l.tZ)(a.h.Root,{children:(0,l.tZ)(a.h.Title,{localizationKey:(0,g.localizationKeys)("organizationProfile.billingPage.title"),textVariant:"h2"})}),(0,l.tZ)(o.Z.Alert,{children:i.error}),(0,l.BX)(r.mQ,{value:t,onChange:e,children:[(0,l.BX)(r.dr,{sx:i=>({gap:i.space.$6}),children:[(0,l.tZ)(r.OK,{localizationKey:(0,g.localizationKeys)("organizationProfile.billingPage.start.headerTitle__subscriptions")}),(0,l.tZ)(r.OK,{localizationKey:(0,g.localizationKeys)("organizationProfile.billingPage.start.headerTitle__statements")}),(0,l.tZ)(r.OK,{localizationKey:(0,g.localizationKeys)("organizationProfile.billingPage.start.headerTitle__payments")})]}),(0,l.BX)(r.nP,{children:[(0,l.BX)(r.x4,{sx:{width:"100%",flexDirection:"column"},children:[(0,l.tZ)(P.b,{title:(0,g.localizationKeys)("organizationProfile.billingPage.subscriptionsListSection.title"),arrowButtonText:(0,g.localizationKeys)("organizationProfile.billingPage.subscriptionsListSection.actionLabel__switchPlan"),arrowButtonEmptyText:(0,g.localizationKeys)("organizationProfile.billingPage.subscriptionsListSection.actionLabel__newSubscription")}),(0,l.tZ)(s.Cv,{condition:i=>i({permission:"org:sys_billing:manage"}),children:(0,l.tZ)(p.Hw,{})})]}),(0,l.tZ)(r.x4,{sx:{width:"100%"},children:(0,l.tZ)(b.StatementsList,{})}),(0,l.tZ)(r.x4,{sx:{width:"100%"},children:(0,l.tZ)(h.PaymentAttemptsList,{})})]})]})]})})}),y=()=>(0,l.tZ)(c.SubscriberTypeContext.Provider,{value:"organization",children:(0,l.tZ)(z,{})})}}]);