https://app.backstagebaton.com/app/assets/BillingPage-CPUC4HGB.js

1import{u as te,a as ae,c as H,e as ne,r as v,am as L,t as re,j as e,B as b,L as q,Q as I,E as R,d as z,q as le,U as J}from"./index-_aijvlUq.js";import{p as ie}from"./payments-BcDSbBQ_.js";import{s as ce}from"./exportCsv-CZAUSrIW.js";import{P as oe}from"./PageHeader-DCofr6qo.js";import{B as S}from"./Badge-DJIi163x.js";const j=["essentials","complete"],de={active:"Active",trialing:"Free Trial",past_due:"Payment Overdue",incomplete:"Setup Incomplete",incomplete_expired:"Setup Expired",canceled:"Canceled",unpaid:"Payment Failed"},me={draft:"Draft",open:"Unpaid",paid:"Paid",uncollectible:"Written Off",void:"Voided"};function Ne(){const n=te(),{canAny:x}=ae(),i=H(s=>s.showSuccess),u=H(s=>s.showError),[m,h]=ne(),[a,c]=v.useState(null),[r,o]=v.useState(null),[y,M]=v.useState([]),[t,l]=v.useState(!0),[g,p]=v.useState(!1),[f,N]=v.useState(null);v.useEffect(()=>{const s=m.get("status");s==="success"?(i("Subscription updated successfully!"),h({},{replace:!0})):s==="canceled"&&(i("No changes were made. Your current plan is still active."),h({},{replace:!0}))},[]),v.useEffect(()=>{C()},[]);async function C(){l(!0);try{const[s,d,U]=await Promise.all([L.getSubscription(),L.getUsage(),L.getInvoices({limit:10})]);c(s),f===null&&N(s?.billingInterval==="annual"?"annual":"monthly");const B=Array.isArray(d)?Object.fromEntries(d.map(W=>[W.metric,W])):d;o(B),M(U.invoices||[])}catch(s){u(s.message||re("billing data"))}finally{l(!1)}}const[X,V]=v.useState(!1);async function Z(){V(!0);try{ce(await ie.exportLedger())}catch(s){u(s?.message||"Couldn't build the ledger export. Try again.")}finally{V(!1)}}async function Y(s){p(!0);try{const d=await L.createCheckout(s);d.updated?(i("Plan updated! Proration will appear on your next invoice."),await C(),p(!1)):window.location.href=d.url}catch(d){u(d.message||R),p(!1)}}async function K(){p(!0);try{const s=await L.createPortal();window.location.href=s.url}catch(s){u(s.message||R),p(!1)}}const w=x("billing:manage"),k=a?.planTier||"essentials",E=I[k];if(t)return e.jsx("div",{className:"px-4 md:px-0 flex items-center justify-center py-24",children:e.jsx("div",{className:"animate-spin motion-reduce:!animate-spin h-8 w-8 border-2 border-band-500 border-t-transparent rounded-full"})});const G=a?.status?de[a.status]??a.status:null,ee=a?.status==="active"||a?.status==="trialing"?"success":"warning",_=a?.trialEndsAt,P=a?.trialOffer||null,$=!!_&&new Date(_)>new Date&&!a?.hasStripeSubscription,D=$?Math.max(0,Math.ceil((new Date(_)-new Date)/864e5)):0,se=a?.status==="trial_expired",O=a?.status==="canceled",A=se||O;return e.jsxs("div",{className:"px-4 md:px-0",children:[e.jsx(oe,{title:"Billing",breadcrumbs:[{label:"Home",to:"/"},{label:"Settings"},{label:"Billing"}]}),$&&e.jsx("div",{className:"bg-gradient-to-r from-amber-50 to-orange-50 rounded-xl border border-amber-200 p-5 mb-6",children:e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"font-semibold text-amber-900",children:["Free Trial — ",D," day",D!==1?"s":""," remaining"]}),P&&e.jsxs("p",{className:"text-sm text-amber-700 mt-1",children:["Subscribe now and receive ",e.jsxs("span",{className:"font-bold",children:[P.percentOff,"% off"]}),P.durationMonths?` for ${P.durationMonths} months`:" your first month",P.nonprofit?" as a verified nonprofit":""," ","— applied automatically at checkout.",P.slotsRemaining<=5&&e.jsxs("span",{className:"block mt-0.5",children:["Only ",P.slotsRemaining," founding ",P.slotsRemaining===1?"place":"places"," left."]})]})]}),e.jsx(b,{variant:"primary",size:"sm",className:"shrink-0 w-full sm:w-auto",onClick:()=>{const s=document.getElementById("plan-comparison");s&&s.scrollIntoView({behavior:"smooth"})},children:"Choose a plan"})]})}),A&&e.jsx("div",{className:"bg-amber-50 rounded-xl border border-amber-200 p-5 mb-6","data-testid":"trial-ended",children:e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-semibold text-amber-900",children:O?"Your subscription has ended":"Your free trial has ended"}),e.jsx("p",{className:"text-sm text-amber-700 mt-1",children:"Choose a plan to reactivate your account. Everything you set up is still here."})]}),e.jsx(b,{variant:"primary",size:"sm",className:"shrink-0 w-full sm:w-auto",onClick:()=>{const s=document.getElementById("plan-comparison");s&&s.scrollIntoView({behavior:"smooth"})},children:"Choose a plan"})]})}),e.jsxs("div",{className:"bg-white rounded-xl border border-gray-200 p-5 mb-6",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-500 uppercase tracking-wide",children:"Export your data"}),e.jsx("p",{className:"text-sm text-gray-600 mt-1",children:"Your records are yours. Export them any time, on any plan — and before you cancel, since Customer Data is deleted 90 days after an account closes. Dues and payments are your organization's own books, so keep a copy for your records."}),e.jsxs("div",{className:"flex flex-wrap gap-2 mt-3",children:[e.jsx(b,{type:"button",variant:"secondary",size:"sm",onClick:Z,isLoading:X,children:"Dues & payments ledger (CSV)"}),e.jsx(q,{to:"/members",children:e.jsx(b,{type:"button",variant:"ghost",size:"sm",children:"Export members (CSV)"})}),e.jsx(q,{to:"/music",children:e.jsx(b,{type:"button",variant:"ghost",size:"sm",children:"Export music library (CSV)"})})]})]}),e.jsxs("div",{className:"bg-white rounded-xl border border-gray-200 p-6 mb-6",children:[e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold text-gray-500 uppercase tracking-wide mb-1",children:"Current Plan"}),A?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-900",children:"No active plan"}),e.jsxs("p",{className:"text-sm text-gray-500 mt-1",children:[O?"Your subscription has ended.":"Your free trial has ended."," Choose a plan below to continue."]})]}):e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"text-2xl font-bold text-gray-900",children:E?.name||"Essentials"}),e.jsx("p",{className:"text-sm text-gray-500 mt-1",children:E?.tagline})]})]}),e.jsx("div",{className:"text-right",children:A?e.jsx(S,{variant:"warning",children:O?"Subscription ended":"Trial ended"}):$?e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-2xl font-bold text-amber-600",children:"Free Trial"}),e.jsxs("p",{className:"text-xs text-amber-500",children:[D," day",D!==1?"s":""," remaining"]})]}):E?.monthlyPrice?e.jsxs(e.Fragment,{children:[a?.billingInterval==="annual"?e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-2xl font-bold text-gray-900",children:["$",E.annualMonthly,e.jsx("span",{className:"text-sm font-normal text-gray-500",children:"/mo"})]}),e.jsxs("p",{className:"text-xs text-gray-400",children:["$",E.annualPrice,"/yr billed annually"]})]}):e.jsxs("p",{className:"text-2xl font-bold text-gray-900",children:["$",E.monthlyPrice,e.jsx("span",{className:"text-sm font-normal text-gray-500",children:"/mo"})]}),G&&e.jsx(S,{variant:ee,className:"mt-1",children:G})]}):e.jsx("p",{className:"text-sm text-gray-500",children:"Custom pricing"})})]}),w&&a?.hasStripeSubscription&&e.jsxs("div",{className:"mt-4 pt-4 border-t border-gray-100 flex items-center gap-3",children:[e.jsx(b,{variant:"secondary",size:"sm",onClick:K,disabled:g,children:"Manage subscription"}),a?.status==="active"&&!a?.cancelAtPeriodEnd&&e.jsx(b,{variant:"ghost",size:"sm",onClick:()=>n("/settings/billing/cancel"),className:"text-gray-400 hover:text-red-500",children:"Cancel subscription"})]})]}),w&&(k==="essentials"||k==="complete")&&e.jsx(he,{status:a?.whiteGloveStatus,purchasedAt:a?.whiteGlovePurchasedAt,scheduledAt:a?.whiteGloveScheduledAt,notes:a?.whiteGloveNotes,onPurchase:async()=>{p(!0);try{const s=await L.createWhiteGloveCheckout();window.location.href=s.url}catch(s){u(s.message||R),p(!1)}},actionLoading:g}),r&&e.jsxs("div",{className:"bg-white rounded-xl border border-gray-200 p-6 mb-6",children:[e.jsx("p",{className:"text-sm font-semibold text-gray-500 uppercase tracking-wide mb-4",children:"Usage"}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[e.jsx(F,{label:"Members",current:r.members?.current,limit:r.members?.limit,canManage:w}),e.jsx(F,{label:"Ensembles",current:r.ensembles?.current,limit:r.ensembles?.limit,canManage:w}),e.jsx(F,{label:"Music Pieces",current:r.musicPieces?.current,limit:r.musicPieces?.limit,canManage:w}),e.jsx(F,{label:"Venues",current:r.venues?.current,limit:r.venues?.limit,canManage:w})]})]}),w&&e.jsxs("div",{className:"bg-white rounded-xl border border-gray-200 p-6 mb-6",children:[e.jsx("p",{className:"text-sm font-semibold text-gray-500 uppercase tracking-wide mb-4",children:"Available Plans"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:j.map(s=>{const d=I[s],U=!A&&s===k;return e.jsxs("div",{className:`rounded-xl border p-5 flex flex-col ${U?"border-band-500 ring-1 ring-band-500":"border-gray-200"} ${d.popular?"relative":""}`,children:[d.popular&&!U&&e.jsx(S,{color:"purple",className:"absolute -top-2.5 left-4",children:"Most Popular"}),e.jsxs("div",{className:"flex items-start justify-between mb-3",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold text-gray-900",children:d.name}),d.monthlyPrice?e.jsxs("p",{className:"text-lg font-bold text-gray-900 mt-0.5",children:["$",d.monthlyPrice,e.jsx("span",{className:"text-sm font-normal text-gray-500",children:"/mo"})]}):e.jsx("p",{className:"text-sm text-gray-500 mt-0.5",children:"Contact us"})]}),U&&e.jsx(S,{variant:"info",children:"Current"})]}),e.jsx("ul",{className:"text-sm text-gray-600 space-y-1 mb-4 flex-1",children:d.highlights.map(B=>e.jsxs("li",{className:"flex items-start gap-1.5",children:[e.jsx("span",{className:"text-green-500 mt-0.5 shrink-0",children:"✓"}),B]},B))}),e.jsx("div",{className:"mt-auto",children:e.jsx(T,{tierKey:s,currentTier:k,isOnTrial:$,trialExpired:A,isAnnual

1:!1,actionLoading:g,onCheckout:Y})})]},s)})})]}),e.jsx("div",{id:"plan-comparison"}),e.jsx(ue,{currentTier:k,usage:r,actionLoading:g,onCheckout:Y,canManage:w,billingInterval:f,onToggleInterval:()=>N(s=>s==="monthly"?"annual":"monthly"),isOnTrial:$,trialExpired:A}),y.length>0&&e.jsxs("div",{className:"bg-white rounded-xl border border-gray-200 p-6 mb-6",children:[e.jsx("p",{className:"text-sm font-semibold text-gray-500 uppercase tracking-wide mb-4",children:"Recent Invoices"}),e.jsx("div",{className:"divide-y divide-gray-100",children:y.map(s=>{const d=z(s.periodStart);return e.jsxs("div",{className:"py-3 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2",children:[e.jsxs("p",{className:"text-sm font-medium text-gray-900",children:[z(s.periodStart)," ","—"," ",z(s.periodEnd)]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-sm font-medium text-gray-900",children:["$",(s.amountPaid/100).toFixed(2)]}),e.jsx(S,{variant:s.status==="paid"?"success":s.status==="open"?"warning":"default",children:me[s.status]??s.status}),s.invoicePdfUrl&&e.jsxs("a",{href:s.invoicePdfUrl,target:"_blank",rel:"noopener noreferrer","aria-label":`Download invoice PDF for ${d}`,className:"inline-flex items-center gap-1 text-sm text-band-600 hover:text-band-700 font-medium px-2 py-1 rounded hover:bg-band-50",children:[e.jsx("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.75,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 10v6m0 0l-3-3m3 3l3-3M3 17v3a1 1 0 001 1h16a1 1 0 001-1v-3"})}),"PDF"]})]})]},s.id)})})]})]})}const Q=[{label:"Members",values:["Unlimited","Unlimited"]},{label:"Ensembles",values:["1","Up to 5"]},{label:"Music library",values:["Unlimited","Unlimited"]},{label:"Email / month",values:["5,000","15,000"]},{label:"SMS / month",values:[null,"1,000"]},{label:"Smart import & programming help",values:[null,!0]},{label:"Partnerships & music loans",values:[null,!0]},{label:"Advanced reporting + KPI health",values:[null,!0]},{label:"Priority email support",values:[null,!0]},{label:"Founder Concierge Setup",values:["$99 add-on","$99 add-on"]}],xe={members:"member",ensembles:"ensemble",musicPieces:"music piece",venues:"venue"};function T({tierKey:n,currentTier:x,isOnTrial:i,trialExpired:u,isAnnual:m,actionLoading:h,onCheckout:a}){const c=I[n],r=n===x,o=j.indexOf(n)>j.indexOf(x),y=m?c.annualPriceId:c.priceId;return u&&n!=="enterprise"?y?e.jsxs(b,{variant:r?"primary":"secondary",size:"sm",className:"w-full",disabled:h,onClick:()=>a(y),children:["Subscribe to ",c.name]}):null:r&&i&&y?e.jsxs(b,{variant:"primary",size:"sm",className:"w-full",disabled:h,onClick:()=>a(y),children:["Subscribe to ",c.name]}):r?e.jsx(b,{variant:"secondary",size:"sm",className:"w-full",disabled:!0,children:"Current plan"}):n==="enterprise"?e.jsx(b,{variant:"secondary",size:"sm",className:"w-full",onClick:()=>window.open("mailto:[email protected]","_blank"),children:"Contact sales"}):y?e.jsxs(b,{variant:o?"primary":"secondary",size:"sm",className:"w-full",disabled:h,onClick:()=>a(y),children:[o?"Upgrade":"Switch"," to ",c.name]}):null}function ue({currentTier:n,usage:x,actionLoading:i,onCheckout:u,canManage:m,billingInterval:h,onToggleInterval:a,isOnTrial:c,trialExpired:r}){const o=h==="annual",y=j.indexOf(n),M=[];if(x)for(const[t,l]of Object.entries(x)){if(!l?.limit||l.limit===1/0||l.current/l.limit*100<80)continue;const p=xe[t]||t;for(let f=y+1;f<j.length;f++){const N=I[j[f]],C=N.limits[t];if(C===null||C&&C>l.limit){M.push({metricLabel:p,nextPlan:N,nextTierKey:j[f],nextLimit:C});break}}}return e.jsxs("div",{className:"mb-6",children:[M.map(t=>e.jsxs("div",{className:"bg-amber-50 border border-amber-200 rounded-xl p-4 mb-4 flex items-center justify-between gap-4",children:[e.jsxs("p",{className:"text-sm text-amber-800",children:["You're approaching your ",e.jsx("span",{className:"font-semibold",children:t.metricLabel})," limit. Upgrade to ",e.jsx("span",{className:"font-semibold",children:t.nextPlan.name})," to increase it to"," ",e.jsx("span",{className:"font-semibold",children:t.nextLimit===null?"unlimited":J(t.nextLimit)}),"."]}),m&&(o?t.nextPlan.annualPriceId:t.nextPlan.priceId)&&e.jsxs(b,{size:"sm",disabled:i,onClick:()=>u(o?t.nextPlan.annualPriceId:t.nextPlan.priceId),children:["Upgrade to ",t.nextPlan.name]})]},t.metricLabel)),e.jsxs("div",{className:"bg-white rounded-xl border border-gray-200 overflow-hidden",children:[e.jsxs("div",{className:"p-6 pb-0 flex items-center justify-between",children:[e.jsx("p",{className:"text-sm font-semibold text-gray-500 uppercase tracking-wide",children:"Plan Comparison"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:`text-xs font-medium ${o?"text-gray-400":"text-gray-900"}`,children:"Monthly"}),e.jsx("button",{type:"button",onClick:a,className:`relative inline-flex h-5 w-9 items-center rounded-full transition-colors ${o?"bg-green-500":"bg-gray-300"}`,children:e.jsx("span",{className:`inline-block h-3.5 w-3.5 transform rounded-full bg-white transition-transform ${o?"translate-x-[18px]":"translate-x-[2px]"}`})}),e.jsx("span",{className:`text-xs font-medium ${o?"text-gray-900":"text-gray-400"}`,children:"Annual"}),o&&e.jsx(S,{color:"green",children:"Save 17%"})]})]}),e.jsx("div",{className:"hidden md:block overflow-x-auto -mx-6 px-6",children:e.jsxs("table",{className:"w-full min-w-[700px] text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-gray-200",children:[e.jsx("th",{className:"text-left px-6 py-3 text-gray-500 font-medium",children:"Feature"}),j.map(t=>{const l=I[t],g=!r&&t===n;return e.jsxs("th",{className:`px-4 py-3 text-center font-semibold text-gray-900 ${g?"border-x-2 border-t-2 border-brand-primary bg-brand-primary/5":""}`,children:[l.name,l.monthlyPrice&&e.jsxs("span",{className:"block text-xs font-normal text-gray-500",children:["$",o?l.annualMonthly:l.monthlyPrice,"/mo",o&&e.jsxs("span",{className:"block text-gray-400",children:["$",l.annualPrice,"/yr"]})]})]},t)})]})}),e.jsx("tbody",{children:Q.map((t,l)=>e.jsxs("tr",{className:l%2===0?"bg-gray-50/50":"",children:[e.jsx("td",{className:"px-6 py-3 font-medium text-gray-700",children:t.label}),j.map((g,p)=>{const f=!r&&g===n,N=t.values[p];return e.jsx("td",{className:`px-4 py-3 text-center ${f?"border-x-2 border-brand-primary bg-brand-primary/5":""}`,children:N===null?e.jsx("span",{className:"text-gray-300",children:"—"}):N===!0?e.jsx("span",{className:"text-green-600 font-bold",children:"✓"}):e.jsx("span",{className:"text-gray-700",children:N})},g)})]},t.label))}),m&&e.jsx("tfoot",{children:e.jsxs("tr",{className:"border-t border-gray-200",children:[e.jsx("td",{className:"px-6 py-4"}),j.map(t=>{const l=!r&&t===n;return e.jsx("td",{className:`px-4 py-4 text-center ${l?"border-x-2 border-b-2 border-brand-primary bg-brand-primary/5":""}`,children:e.jsx(T,{tierKey:t,currentTier:n,isOnTrial:c,trialExpired:r,isAnnual

1:o,actionLoading:i,onCheckout:u})},t)})]})})]})}),e.jsx("div",{className:"md:hidden border-t border-gray-100 divide-y divide-gray-100",children:j.map(t=>{const l=I[t],g=!r&&t===n;return e.jsxs("div",{className:`p-6 ${g?"bg-brand-primary/5":""}`,children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 mb-3",children:[e.jsxs("h3",{className:"font-semibold text-gray-900 flex items-center gap-2",children:[l.name,g&&e.jsx(S,{variant:"info",children:"Current"})]}),l.monthlyPrice&&e.jsxs("div",{className:"text-right shrink-0",children:[e.jsxs("p",{className:"font-bold text-gray-900",children:["$",o?l.annualMonthly:l.monthlyPrice,e.jsx("span",{className:"text-xs font-normal text-gray-500",children:"/mo"})]}),o&&e.jsxs("p",{className:"text-xs text-gray-400",children:["$",l.annualPrice,"/yr"]})]})]}),e.jsx("ul",{className:"space-y-2 mb-4",children:Q.map(p=>{const f=p.values[j.indexOf(t)];return e.jsxs("li",{className:"flex items-center justify-between gap-3 text-sm",children:[e.jsx("span",{className:"text-gray-600",children:p.label}),f===null?e.jsx("span",{className:"text-gray-300",children:"—"}):f===!0?e.jsx("span",{className:"text-green-600 font-bold",children:"✓"}):e.jsx("span",{className:"text-gray-900 font-medium text-right",children:f})]},p.label)})}),m&&e.jsx(T,{tierKey:t,currentTier:n,isOnTrial:c,trialExpired:r,isAnnual:o,actionLoading:i,onCheckout:u})]},t)})}),e.jsx("p",{className:"px-6 pb-4 pt-1 text-xs text-gray-400",children:"Member counts are unlimited under fair use on both plans."})]})]})}const pe={pending:{label:"Purchased — Scheduling",color:"bg-yellow-100 text-yellow-800"},scheduled:{label:"Session Scheduled",color:"bg-blue-100 text-blue-800"},completed:{label:"Completed",color:"bg-green-100 text-green-800"}};function he({status:n,purchasedAt:x,scheduledAt:i,notes:u,onPurchase:m,actionLoading:h}){if(n){const a=pe[n]||{label:n,color:"bg-gray-100 text-gray-600"},c=i?new Date(i):null;return e.jsxs("div",{className:"bg-white rounded-xl border border-gray-200 p-6 mb-6",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold text-gray-500 uppercase tracking-wide mb-1",children:"Founder Concierge Setup"}),e.jsx("p",{className:"text-sm text-gray-600",children:"Kickoff call, data import, configuration, and a 60-minute live training."})]}),e.jsx("span",{className:`inline-block shrink-0 whitespace-nowrap px-2.5 py-1 rounded-full text-xs font-medium ${a.color}`,children:a.label})]}),c&&n==="scheduled"&&e.jsxs("div",{className:"mt-3 p-3 rounded-lg bg-blue-50 border border-blue-100",children:[e.jsx("p",{className:"text-sm font-medium text-blue-900",children:le(c)}),u&&e.jsx("p",{className:"text-xs text-blue-700 mt-1",children:u})]}),n==="completed"&&e.jsx("p",{className:"text-xs text-green-600 mt-2",children:"Your onboarding session is complete. Welcome aboard!"}),x&&!c&&e.jsxs("p",{className:"text-xs text-gray-400 mt-2",children:["Purchased ",z(x)," — we'll be in touch to schedule your session."]})]})}return e.jsx("div",{className:"bg-gradient-to-r from-indigo-50 to-purple-50 rounded-xl border border-indigo-200 p-6 mb-6",children:e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold text-indigo-900 mb-1",children:"Founder Concierge Setup"}),e.jsx("p",{className:"text-sm text-indigo-700",children:"Short on time? I'll personally get your band live with you."}),e.jsxs("ul",{className:"mt-2 space-y-1 text-xs text-indigo-600",children:[e.jsx("li",{children:"✓ A short kickoff call to learn how your band runs"}),e.jsx("li",{children:"✓ Data import — rosters and music library"}),e.jsx("li",{children:"✓ Organization configuration — sections, roles, notifications"}),e.jsx("li",{children:"✓ A 60-minute live training session for your team"}),e.jsx("li",{children:"✓ Up and running in about a week"})]}),e.jsx("p",{className:"mt-2 text-xs text-indigo-400",children:"One-time fee. Non-refundable once your session is scheduled."})]}),e.jsxs("div",{className:"flex items-center justify-between gap-3 border-t border-indigo-100 pt-3 sm:block sm:text-right sm:shrink-0 sm:ml-4 sm:border-0 sm:pt-0",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-2xl font-bold text-indigo-900",children:"$99"}),e.jsx("p",{className:"text-xs text-indigo-500",children:"one-time"})]}),e.jsx(b,{variant:"primary",size:"sm",className:"shrink-0 sm:mt-2",onClick:m,disabled:h,children:"Add Concierge Setup"})]})]})})}function F({label:n,current:x=0,limit:i,canManage:u}){const m=i==null||i===1/0,h=m?0:Math.min(x/i*100,100),a=!m&&h>=90,c=!m&&h>=100,r=m?null:i-x;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-baseline justify-between mb-1",children:[e.jsx("span",{className:"text-sm font-medium text-gray-700",children:n}),e.jsx("span",{className:"text-sm text-gray-500",children:m?e.jsxs(e.Fragment,{children:[x," used ",e.jsx(S,{color:"green",size:"sm",children:"Unlimited"})]}

1):e.jsxs(e.Fragment,{children:[x," / ",J(i)]})})]}),!m&&e.jsx("div",{className:"h-2 bg-gray-100 rounded-full overflow-hidden",children:e.jsx("div",{className:`h-full rounded-full transition-all ${c?"bg-red-500":a?"bg-amber-500":"bg-band-500"}`,style:{width:`${h}%`}})}),a&&!c&&e.jsxs("p",{className:"text-xs text-amber-700 mt-1",children:[r," ",n.toLowerCase()," slot",r!==1?"s":""," remaining"]}),c&&e.jsxs("p",{className:"text-xs text-red-700 mt-1",children:["You have reached your ",n.toLowerCase()," limit"]})]})}export{Ne as BillingPage};