@withpotter/components 0.13.0-next.101

package/dist/billing/helpers.js

@@ -0,0 +1,236 @@
+import { Star, TrendingUp, Building2 } from "lucide-react";
+import DOMPurify from "dompurify";
+import { getApiUrl, apiFetch } from "@withpotter/lib/api";
+const fetchStoragePacks = () => apiFetch("/billing/storage/packs");
+const planIcons = {
+  starter: Star,
+  growth: TrendingUp,
+  business: Building2
+};
+const createBillingApi = (tenantSlug) => ({
+  fetchPlans: () => apiFetch("/billing/plans"),
+  /**
+   * Region-resolved active "Plus" plan for the calling tenant. Source of
+   * truth for the subscription / activation flow on the billing page.
+   */
+  fetchActivePlan: () => apiFetch("/billing/plans/active", { tenantSlug }),
+  fetchSubscription: () => apiFetch("/billing/subscription", { tenantSlug }),
+  fetchCurrentUsage: () => apiFetch("/billing/usage", { tenantSlug }),
+  fetchPaymentMethods: () => apiFetch("/billing/payment-methods", { tenantSlug }),
+  fetchInvoices: () => apiFetch("/billing/invoices", { tenantSlug }),
+  downloadInvoice: async (invoiceId, invoiceNumber) => {
+    const accountId = (() => {
+      const pbUser = localStorage.getItem("pb_user");
+      if (pbUser) {
+        try {
+          return JSON.parse(pbUser).id || null;
+        } catch {
+          return null;
+        }
+      }
+      return null;
+    })();
+    const headers = {
+      "X-Tenant-Slug": tenantSlug
+    };
+    if (accountId) headers["x-account-id"] = accountId;
+    const response = await fetch(
+      `${getApiUrl()}/billing/invoices/${invoiceId}/download`,
+      {
+        headers,
+        credentials: "include"
+      }
+    );
+    if (!response.ok) throw new Error("Failed to download invoice");
+    const contentType = response.headers.get("content-type");
+    if (contentType?.includes("application/pdf")) {
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `invoice-${invoiceNumber}.pdf`;
+      document.body.appendChild(a);
+      a.click();
+      window.URL.revokeObjectURL(url);
+      document.body.removeChild(a);
+    } else {
+      const html = await response.text();
+      const sanitizedHtml = DOMPurify.sanitize(html, {
+        ALLOWED_TAGS: [
+          "html",
+          "head",
+          "body",
+          "style",
+          "div",
+          "span",
+          "p",
+          "h1",
+          "h2",
+          "h3",
+          "h4",
+          "h5",
+          "h6",
+          "table",
+          "thead",
+          "tbody",
+          "tr",
+          "th",
+          "td",
+          "br",
+          "hr",
+          "strong",
+          "em",
+          "b",
+          "i",
+          "u",
+          "ul",
+          "ol",
+          "li",
+          "img",
+          "a",
+          "title",
+          "meta",
+          "link"
+        ],
+        ALLOWED_ATTR: [
+          "class",
+          "style",
+          "src",
+          "alt",
+          "href",
+          "width",
+          "height",
+          "colspan",
+          "rowspan",
+          "charset",
+          "name",
+          "content",
+          "rel",
+          "type"
+        ],
+        FORBID_TAGS: [
+          "script",
+          "iframe",
+          "object",
+          "embed",
+          "form",
+          "input",
+          "button"
+        ],
+        FORBID_ATTR: [
+          "onerror",
+          "onload",
+          "onclick",
+          "onmouseover",
+          "onfocus",
+          "onblur"
+        ]
+      });
+      const printWindow = window.open("", "_blank");
+      if (printWindow) {
+        printWindow.document.write(sanitizedHtml);
+        printWindow.document.close();
+      }
+    }
+  },
+  createSubscription: (planId) => apiFetch(
+    "/billing/subscription",
+    {
+      tenantSlug,
+      method: "POST",
+      body: JSON.stringify({
+        planId,
+        callbackUrl: `${window.location.origin}/dashboard/settings/billing?callback=subscription`
+      })
+    }
+  ),
+  cancelSubscription: (reason) => apiFetch("/billing/subscription/cancel", {
+    tenantSlug,
+    method: "POST",
+    body: JSON.stringify({
+      reason,
+      cancelAt: "end_of_period"
+    })
+  }),
+  changePlan: (newPlanId) => apiFetch("/billing/subscription/change", {
+    tenantSlug,
+    method: "POST",
+    body: JSON.stringify({
+      newPlanId,
+      effectiveFrom: "immediate"
+    })
+  }),
+  addPaymentMethod: () => apiFetch("/billing/payment-methods", {
+    tenantSlug,
+    method: "POST",
+    body: JSON.stringify({
+      callbackUrl: `${window.location.origin}/dashboard/settings/billing?callback=payment_method`
+    })
+  }),
+  removePaymentMethod: (id) => apiFetch(`/billing/payment-methods/${id}`, {
+    tenantSlug,
+    method: "DELETE"
+  }),
+  setDefaultPaymentMethod: (id) => apiFetch(`/billing/payment-methods/${id}/default`, {
+    tenantSlug,
+    method: "PATCH"
+  }),
+  fetchStorageAddOn: () => apiFetch("/billing/storage/add-on", { tenantSlug }),
+  fetchCurrentPolicy: () => apiFetch("/billing/policy/current", {
+    tenantSlug
+  }),
+  previewFees: (payload) => apiFetch("/billing/fees/preview", {
+    tenantSlug,
+    method: "POST",
+    body: JSON.stringify(payload)
+  }),
+  fetchLedgerSummary: () => apiFetch("/billing/ledger/summary", {
+    tenantSlug
+  }),
+  purchaseStorage: (gb, currency) => apiFetch(
+    "/billing/storage/purchase",
+    {
+      tenantSlug,
+      method: "POST",
+      body: JSON.stringify({
+        gb,
+        currency,
+        callbackUrl: `${window.location.origin}/dashboard/settings/billing?callback=storage_purchase`
+      })
+    }
+  ),
+  fetchMessagingCredits: () => apiFetch("/billing/messaging-credits", {
+    tenantSlug
+  }),
+  fetchCreditPacks: () => apiFetch("/billing/messaging-credits/packs"),
+  purchaseCredits: (credits) => apiFetch(
+    "/billing/messaging-credits/purchase",
+    {
+      tenantSlug,
+      method: "POST",
+      body: JSON.stringify({
+        credits,
+        callbackUrl: `${window.location.origin}/dashboard/settings/billing?payment=success`
+      })
+    }
+  ),
+  fetchEmailCredits: () => apiFetch("/billing/email-credits", { tenantSlug }),
+  fetchEmailCreditPacks: () => apiFetch("/billing/email-credits/packs"),
+  purchaseEmailCredits: (credits) => apiFetch(
+    "/billing/email-credits/purchase",
+    {
+      tenantSlug,
+      method: "POST",
+      body: JSON.stringify({
+        credits,
+        callbackUrl: `${window.location.origin}/dashboard/settings/billing?emailPayment=success`
+      })
+    }
+  )
+});
+export {
+  createBillingApi,
+  fetchStoragePacks,
+  planIcons
+};
+//# sourceMappingURL=helpers.js.map

package/dist/billing/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/helpers.ts"],"sourcesContent":["import type { LucideIcon } from 'lucide-react';\nimport { Star, TrendingUp, Building2 } from 'lucide-react';\nimport DOMPurify from 'dompurify';\nimport { getApiUrl, apiFetch } from '@withpotter/lib/api';\n\n// ── Types ──────────────────────────────────────────────────────────────\n\nexport interface BillingPlan {\n  id: string;\n  name: string;\n  slug: string;\n  description: string | null;\n  /** Per-currency prices e.g. { NGN: 16000, USD: 10, GBP: 7 } */\n  prices: Record<string, number>;\n  interval: string;\n  features: Record<string, boolean | string | number>;\n  limits: {\n    workspaces: number;\n    transactionFee: number;\n  };\n  isActive: boolean;\n}\n\nexport interface Subscription {\n  id: string;\n  status: string;\n  plan: BillingPlan;\n  currentPeriod: {\n    start: string | null;\n    end: string | null;\n  };\n  trial: {\n    active: boolean;\n    endsAt: string | null;\n  };\n  cancellation: {\n    cancelledAt: string | null;\n    endsAt: string | null;\n    cancelAtPeriodEnd: boolean;\n  };\n  createdAt: string;\n}\n\nexport interface PaymentMethod {\n  id: string;\n  type: string;\n  card?: {\n    brand: string;\n    last4: string;\n    expMonth: number;\n    expYear: number;\n  };\n  isDefault: boolean;\n  isExpired: boolean;\n  createdAt: string;\n}\n\nexport interface Invoice {\n  id: string;\n  invoiceNumber: string;\n  status: string;\n  amounts: {\n    total: number;\n    currency: string;\n  };\n  createdAt: string;\n  pdfUrl: string | null;\n}\n\n// ── Tab type ───────────────────────────────────────────────────────────\n\nexport type BillingTab =\n  | 'overview'\n  | 'plan'\n  | 'credits'\n  | 'payments'\n  | 'rates';\n\n// ── Current usage type (mirrors API UsageResponse) ─────────────────────\n\nexport interface CurrentUsage {\n  period: {\n    start: string;\n    end: string;\n  };\n  metrics: {\n    transactionCount: number;\n    transactionVolume: number;\n    feeAmount: number;\n  };\n  storage: {\n    usedBytes: number;\n    fileCount: number;\n    additionalBytes: number;\n  };\n  bandwidth: {\n    usedBytes: number;\n  };\n  isInvoiced: boolean;\n}\n\nexport interface StorageAddOn {\n  additionalBytes: number;\n  totalPurchasedBytes: number;\n}\n\n/** Pack returned from GET /billing/storage/packs */\nexport interface StoragePack {\n  id: string;\n  gb: number;\n  label: string;\n  /** Per-currency prices in base units (naira/dollars) — NOT kobo/cents */\n  prices: Record<string, number>;\n  /** Monthly bandwidth allowance bundled with this pack (bytes) */\n  bandwidthBytesPerMonth: number;\n  isPopular: boolean;\n}\n\n/** Fetches available storage packs (public endpoint, no tenant context needed) */\nexport const fetchStoragePacks = () =>\n  apiFetch<StoragePack[]>('/billing/storage/packs');\n\nexport interface MessagingCreditsInfo {\n  balance: number;\n  usedThisPeriod: number;\n  monthlyAllowance: number;\n  totalPurchased: number;\n  overage: number;\n  /** Overage cost in NGN at ₦1/credit */\n  overageCostNgn: number;\n  isLowBalance: boolean;\n  nextResetDate: string | null;\n}\n\nexport interface CreditPack {\n  label: string;\n  credits: number;\n  priceNgn: number;\n  priceKobo: number;\n  smsMessages: number;\n  waMessages: number;\n}\n\nexport interface EmailCreditsInfo {\n  balance: number;\n  usedThisPeriod: number;\n  monthlyAllowance: number;\n  totalPurchased: number;\n  overage: number;\n  overageCostNgn: number;\n  isLowBalance: boolean;\n  nextResetDate: string | null;\n}\n\nexport interface EmailCreditPack {\n  label: string;\n  credits: number;\n  priceNgn: number;\n  priceKobo: number;\n  emailMessages: number;\n}\n\nexport type BillingRegion = 'NG' | 'AFRICA_REST' | 'GLOBAL' | 'ROW';\nexport type MerchantTier = 'FREE' | 'PRO';\n\n/** Response from GET /billing/plans/active — single region-priced Plus plan. */\nexport interface ActivePlanResponse {\n  plan: BillingPlan;\n  region: BillingRegion;\n}\n\nexport type BusinessCategory =\n  | 'bookings'\n  | 'selling'\n  | 'digital'\n  | 'consultations'\n  | 'events';\n\nexport interface PricingPolicyRules {\n  platform_fee: Record<string, { rate_bps: number; min_fee_cents: number }>;\n  settlement_fee_cents: number;\n  pro_subscription_cents: number;\n  rev_share_tiers: Array<{\n    min_gmv_cents: number;\n    max_gmv_cents: number | null;\n    share_bps: number;\n  }>;\n  vat: { rate_bps: number; applies_to: string[] };\n  /**\n   * Default merchant transaction VAT/tax for this region.\n   * Box publishes this as a recommendation — the merchant decides\n   * whether to enable, override, or absorb it on their tenant settings.\n   */\n  merchant_transaction_vat?: {\n    rate_bps: number;\n    label: string;\n    default_mode: 'disabled' | 'pass_through' | 'absorb';\n    customer_facing_note: string | null;\n  };\n  currency?: string;\n  [key: string]: unknown;\n}\n\nexport interface CurrentPricingPolicyResponse {\n  context: {\n    region: BillingRegion;\n    tier: MerchantTier;\n    currency: string;\n  };\n  policy: {\n    id: string;\n    version: number;\n    region: BillingRegion;\n    tier: MerchantTier;\n    currency: string;\n    effectiveFrom: string;\n    effectiveTo: string | null;\n    rules: PricingPolicyRules;\n  };\n}\n\nexport interface FeePreviewRequest {\n  lineItems: Array<{\n    id?: string;\n    category: BusinessCategory;\n    grossCents: number;\n  }>;\n  region?: BillingRegion;\n  merchantTier?: MerchantTier;\n  monthlyGmvSoFarCents?: number;\n}\n\nexport interface FeePreviewResponse {\n  context: CurrentPricingPolicyResponse['context'] & {\n    requestedRegion: BillingRegion;\n    requestedTier: MerchantTier;\n  };\n  policy: Omit<CurrentPricingPolicyResponse['policy'], 'rules'>;\n  calculation: {\n    policyVersion: number;\n    lines: Array<{\n      lineItemId: string;\n      category: BusinessCategory;\n      grossCents: number;\n      platformFeeCents: number;\n      platformFeeBps: number;\n      vatCents: number;\n      counterfactualFeeCents: number;\n      counterfactualFeeBps: number;\n    }>;\n    totals: {\n      grossCents: number;\n      platformFeeCents: number;\n      vatCents: number;\n      settlementFeeCents: number;\n      revShareEarnedCents: number;\n      counterfactualFeeTotalCents: number;\n      savingsCents: number;\n      phantomSavingsCents: number;\n    };\n  };\n}\n\nexport interface BillingLedgerSummaryResponse {\n  context: CurrentPricingPolicyResponse['context'];\n  policy:\n    | (Omit<CurrentPricingPolicyResponse['policy'], 'rules'> & {\n        settlementFeeCents: number;\n      })\n    | null;\n  totals: {\n    grossCents: number;\n    platformFeeCents: number;\n    vatCents: number;\n    revShareCents: number;\n    uncreditedRevShareCents: number;\n    savingsCents: number;\n    phantomSavingsCents: number;\n    phantomRevShareCents: number;\n    feeLedgerEntries: number;\n  };\n  recentFees: Array<{\n    id: string;\n    sourceType: string;\n    sourceId: string;\n    lineItemId: string;\n    category: BusinessCategory;\n    grossCents: number;\n    platformFeeCents: number;\n    vatCents: number;\n    policyVersion: number;\n    createdAt: string;\n  }>;\n}\n\n// ── Plan icons mapping ─────────────────────────────────────────────────\n\nexport const planIcons: Record<string, LucideIcon> = {\n  starter: Star,\n  growth: TrendingUp,\n  business: Building2,\n};\n\n// ── API factory ────────────────────────────────────────────────────────\n\nexport const createBillingApi = (tenantSlug: string) => ({\n  fetchPlans: () => apiFetch<BillingPlan[]>('/billing/plans'),\n\n  /**\n   * Region-resolved active \"Plus\" plan for the calling tenant. Source of\n   * truth for the subscription / activation flow on the billing page.\n   */\n  fetchActivePlan: () =>\n    apiFetch<ActivePlanResponse>('/billing/plans/active', { tenantSlug }),\n\n  fetchSubscription: () =>\n    apiFetch<Subscription | null>('/billing/subscription', { tenantSlug }),\n\n  fetchCurrentUsage: () =>\n    apiFetch<CurrentUsage | null>('/billing/usage', { tenantSlug }),\n\n  fetchPaymentMethods: () =>\n    apiFetch<PaymentMethod[]>('/billing/payment-methods', { tenantSlug }),\n\n  fetchInvoices: () =>\n    apiFetch<{ invoices: Invoice[] }>('/billing/invoices', { tenantSlug }),\n\n  downloadInvoice: async (invoiceId: string, invoiceNumber: string) => {\n    const accountId = (() => {\n      const pbUser = localStorage.getItem('pb_user');\n      if (pbUser) {\n        try {\n          return JSON.parse(pbUser).id || null;\n        } catch {\n          return null;\n        }\n      }\n      return null;\n    })();\n\n    const headers: Record<string, string> = {\n      'X-Tenant-Slug': tenantSlug,\n    };\n    // Auth is handled via HttpOnly cookies\n    if (accountId) headers['x-account-id'] = accountId;\n\n    const response = await fetch(\n      `${getApiUrl()}/billing/invoices/${invoiceId}/download`,\n      {\n        headers,\n        credentials: 'include',\n      },\n    );\n    if (!response.ok) throw new Error('Failed to download invoice');\n\n    // Check content type - only accept PDF for security\n    const contentType = response.headers.get('content-type');\n    if (contentType?.includes('application/pdf')) {\n      // Safe: Download as PDF file\n      const blob = await response.blob();\n      const url = window.URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = `invoice-${invoiceNumber}.pdf`;\n      document.body.appendChild(a);\n      a.click();\n      window.URL.revokeObjectURL(url);\n      document.body.removeChild(a);\n    } else {\n      // For HTML content, sanitize using DOMPurify before display\n      const html = await response.text();\n      const sanitizedHtml = DOMPurify.sanitize(html, {\n        ALLOWED_TAGS: [\n          'html',\n          'head',\n          'body',\n          'style',\n          'div',\n          'span',\n          'p',\n          'h1',\n          'h2',\n          'h3',\n          'h4',\n          'h5',\n          'h6',\n          'table',\n          'thead',\n          'tbody',\n          'tr',\n          'th',\n          'td',\n          'br',\n          'hr',\n          'strong',\n          'em',\n          'b',\n          'i',\n          'u',\n          'ul',\n          'ol',\n          'li',\n          'img',\n          'a',\n          'title',\n          'meta',\n          'link',\n        ],\n        ALLOWED_ATTR: [\n          'class',\n          'style',\n          'src',\n          'alt',\n          'href',\n          'width',\n          'height',\n          'colspan',\n          'rowspan',\n          'charset',\n          'name',\n          'content',\n          'rel',\n          'type',\n        ],\n        FORBID_TAGS: [\n          'script',\n          'iframe',\n          'object',\n          'embed',\n          'form',\n          'input',\n          'button',\n        ],\n        FORBID_ATTR: [\n          'onerror',\n          'onload',\n          'onclick',\n          'onmouseover',\n          'onfocus',\n          'onblur',\n        ],\n      });\n\n      const printWindow = window.open('', '_blank');\n      if (printWindow) {\n        printWindow.document.write(sanitizedHtml);\n        printWindow.document.close();\n      }\n    }\n  },\n\n  createSubscription: (planId: string) =>\n    apiFetch<{ paymentRequired?: boolean; paymentUrl?: string }>(\n      '/billing/subscription',\n      {\n        tenantSlug,\n        method: 'POST',\n        body: JSON.stringify({\n          planId,\n          callbackUrl: `${window.location.origin}/dashboard/settings/billing?callback=subscription`,\n        }),\n      },\n    ),\n\n  cancelSubscription: (reason?: string) =>\n    apiFetch('/billing/subscription/cancel', {\n      tenantSlug,\n      method: 'POST',\n      body: JSON.stringify({\n        reason,\n        cancelAt: 'end_of_period',\n      }),\n    }),\n\n  changePlan: (newPlanId: string) =>\n    apiFetch<Subscription>('/billing/subscription/change', {\n      tenantSlug,\n      method: 'POST',\n      body: JSON.stringify({\n        newPlanId,\n        effectiveFrom: 'immediate',\n      }),\n    }),\n\n  addPaymentMethod: () =>\n    apiFetch<{ paymentUrl?: string }>('/billing/payment-methods', {\n      tenantSlug,\n      method: 'POST',\n      body: JSON.stringify({\n        callbackUrl: `${window.location.origin}/dashboard/settings/billing?callback=payment_method`,\n      }),\n    }),\n\n  removePaymentMethod: (id: string) =>\n    apiFetch(`/billing/payment-methods/${id}`, {\n      tenantSlug,\n      method: 'DELETE',\n    }),\n\n  setDefaultPaymentMethod: (id: string) =>\n    apiFetch(`/billing/payment-methods/${id}/default`, {\n      tenantSlug,\n      method: 'PATCH',\n    }),\n\n  fetchStorageAddOn: () =>\n    apiFetch<StorageAddOn>('/billing/storage/add-on', { tenantSlug }),\n\n  fetchCurrentPolicy: () =>\n    apiFetch<CurrentPricingPolicyResponse>('/billing/policy/current', {\n      tenantSlug,\n    }),\n\n  previewFees: (payload: FeePreviewRequest) =>\n    apiFetch<FeePreviewResponse>('/billing/fees/preview', {\n      tenantSlug,\n      method: 'POST',\n      body: JSON.stringify(payload),\n    }),\n\n  fetchLedgerSummary: () =>\n    apiFetch<BillingLedgerSummaryResponse>('/billing/ledger/summary', {\n      tenantSlug,\n    }),\n\n  purchaseStorage: (gb: number, currency: string) =>\n    apiFetch<{ paymentUrl: string; reference: string }>(\n      '/billing/storage/purchase',\n      {\n        tenantSlug,\n        method: 'POST',\n        body: JSON.stringify({\n          gb,\n          currency,\n          callbackUrl: `${window.location.origin}/dashboard/settings/billing?callback=storage_purchase`,\n        }),\n      },\n    ),\n\n  fetchMessagingCredits: () =>\n    apiFetch<MessagingCreditsInfo>('/billing/messaging-credits', {\n      tenantSlug,\n    }),\n\n  fetchCreditPacks: () =>\n    apiFetch<CreditPack[]>('/billing/messaging-credits/packs'),\n\n  purchaseCredits: (credits: number) =>\n    apiFetch<{ paymentUrl: string; reference: string }>(\n      '/billing/messaging-credits/purchase',\n      {\n        tenantSlug,\n        method: 'POST',\n        body: JSON.stringify({\n          credits,\n          callbackUrl: `${window.location.origin}/dashboard/settings/billing?payment=success`,\n        }),\n      },\n    ),\n\n  fetchEmailCredits: () =>\n    apiFetch<EmailCreditsInfo>('/billing/email-credits', { tenantSlug }),\n\n  fetchEmailCreditPacks: () =>\n    apiFetch<EmailCreditPack[]>('/billing/email-credits/packs'),\n\n  purchaseEmailCredits: (credits: number) =>\n    apiFetch<{ paymentUrl: string; reference: string }>(\n      '/billing/email-credits/purchase',\n      {\n        tenantSlug,\n        method: 'POST',\n        body: JSON.stringify({\n          credits,\n          callbackUrl: `${window.location.origin}/dashboard/settings/billing?emailPayment=success`,\n        }),\n      },\n    ),\n});\n"],"mappings":"AACA,SAAS,MAAM,YAAY,iBAAiB;AAC5C,OAAO,eAAe;AACtB,SAAS,WAAW,gBAAgB;AAoH7B,MAAM,oBAAoB,MAC/B,SAAwB,wBAAwB;AAiL3C,MAAM,YAAwC;AAAA,EACnD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ;AAIO,MAAM,mBAAmB,CAAC,gBAAwB;AAAA,EACvD,YAAY,MAAM,SAAwB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAM1D,iBAAiB,MACf,SAA6B,yBAAyB,EAAE,WAAW,CAAC;AAAA,EAEtE,mBAAmB,MACjB,SAA8B,yBAAyB,EAAE,WAAW,CAAC;AAAA,EAEvE,mBAAmB,MACjB,SAA8B,kBAAkB,EAAE,WAAW,CAAC;AAAA,EAEhE,qBAAqB,MACnB,SAA0B,4BAA4B,EAAE,WAAW,CAAC;AAAA,EAEtE,eAAe,MACb,SAAkC,qBAAqB,EAAE,WAAW,CAAC;AAAA,EAEvE,iBAAiB,OAAO,WAAmB,kBAA0B;AACnE,UAAM,aAAa,MAAM;AACvB,YAAM,SAAS,aAAa,QAAQ,SAAS;AAC7C,UAAI,QAAQ;AACV,YAAI;AACF,iBAAO,KAAK,MAAM,MAAM,EAAE,MAAM;AAAA,QAClC,QAAQ;AACN,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT,GAAG;AAEH,UAAM,UAAkC;AAAA,MACtC,iBAAiB;AAAA,IACnB;AAEA,QAAI,UAAW,SAAQ,cAAc,IAAI;AAEzC,UAAM,WAAW,MAAM;AAAA,MACrB,GAAG,UAAU,CAAC,qBAAqB,SAAS;AAAA,MAC5C;AAAA,QACE;AAAA,QACA,aAAa;AAAA,MACf;AAAA,IACF;AACA,QAAI,CAAC,SAAS,GAAI,OAAM,IAAI,MAAM,4BAA4B;AAG9D,UAAM,cAAc,SAAS,QAAQ,IAAI,cAAc;AACvD,QAAI,aAAa,SAAS,iBAAiB,GAAG;AAE5C,YAAM,OAAO,MAAM,SAAS,KAAK;AACjC,YAAM,MAAM,OAAO,IAAI,gBAAgB,IAAI;AAC3C,YAAM,IAAI,SAAS,cAAc,GAAG;AACpC,QAAE,OAAO;AACT,QAAE,WAAW,WAAW,aAAa;AACrC,eAAS,KAAK,YAAY,CAAC;AAC3B,QAAE,MAAM;AACR,aAAO,IAAI,gBAAgB,GAAG;AAC9B,eAAS,KAAK,YAAY,CAAC;AAAA,IAC7B,OAAO;AAEL,YAAM,OAAO,MAAM,SAAS,KAAK;AACjC,YAAM,gBAAgB,UAAU,SAAS,MAAM;AAAA,QAC7C,cAAc;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,cAAc;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAED,YAAM,cAAc,OAAO,KAAK,IAAI,QAAQ;AAC5C,UAAI,aAAa;AACf,oBAAY,SAAS,MAAM,aAAa;AACxC,oBAAY,SAAS,MAAM;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AAAA,EAEA,oBAAoB,CAAC,WACnB;AAAA,IACE;AAAA,IACA;AAAA,MACE;AAAA,MACA,QAAQ;AAAA,MACR,MAAM,KAAK,UAAU;AAAA,QACnB;AAAA,QACA,aAAa,GAAG,OAAO,SAAS,MAAM;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEF,oBAAoB,CAAC,WACnB,SAAS,gCAAgC;AAAA,IACvC;AAAA,IACA,QAAQ;AAAA,IACR,MAAM,KAAK,UAAU;AAAA,MACnB;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAAA,EACH,CAAC;AAAA,EAEH,YAAY,CAAC,cACX,SAAuB,gCAAgC;AAAA,IACrD;AAAA,IACA,QAAQ;AAAA,IACR,MAAM,KAAK,UAAU;AAAA,MACnB;AAAA,MACA,eAAe;AAAA,IACjB,CAAC;AAAA,EACH,CAAC;AAAA,EAEH,kBAAkB,MAChB,SAAkC,4BAA4B;AAAA,IAC5D;AAAA,IACA,QAAQ;AAAA,IACR,MAAM,KAAK,UAAU;AAAA,MACnB,aAAa,GAAG,OAAO,SAAS,MAAM;AAAA,IACxC,CAAC;AAAA,EACH,CAAC;AAAA,EAEH,qBAAqB,CAAC,OACpB,SAAS,4BAA4B,EAAE,IAAI;AAAA,IACzC;AAAA,IACA,QAAQ;AAAA,EACV,CAAC;AAAA,EAEH,yBAAyB,CAAC,OACxB,SAAS,4BAA4B,EAAE,YAAY;AAAA,IACjD;AAAA,IACA,QAAQ;AAAA,EACV,CAAC;AAAA,EAEH,mBAAmB,MACjB,SAAuB,2BAA2B,EAAE,WAAW,CAAC;AAAA,EAElE,oBAAoB,MAClB,SAAuC,2BAA2B;AAAA,IAChE;AAAA,EACF,CAAC;AAAA,EAEH,aAAa,CAAC,YACZ,SAA6B,yBAAyB;AAAA,IACpD;AAAA,IACA,QAAQ;AAAA,IACR,MAAM,KAAK,UAAU,OAAO;AAAA,EAC9B,CAAC;AAAA,EAEH,oBAAoB,MAClB,SAAuC,2BAA2B;AAAA,IAChE;AAAA,EACF,CAAC;AAAA,EAEH,iBAAiB,CAAC,IAAY,aAC5B;AAAA,IACE;AAAA,IACA;AAAA,MACE;AAAA,MACA,QAAQ;AAAA,MACR,MAAM,KAAK,UAAU;AAAA,QACnB;AAAA,QACA;AAAA,QACA,aAAa,GAAG,OAAO,SAAS,MAAM;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEF,uBAAuB,MACrB,SAA+B,8BAA8B;AAAA,IAC3D;AAAA,EACF,CAAC;AAAA,EAEH,kBAAkB,MAChB,SAAuB,kCAAkC;AAAA,EAE3D,iBAAiB,CAAC,YAChB;AAAA,IACE;AAAA,IACA;AAAA,MACE;AAAA,MACA,QAAQ;AAAA,MACR,MAAM,KAAK,UAAU;AAAA,QACnB;AAAA,QACA,aAAa,GAAG,OAAO,SAAS,MAAM;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEF,mBAAmB,MACjB,SAA2B,0BAA0B,EAAE,WAAW,CAAC;AAAA,EAErE,uBAAuB,MACrB,SAA4B,8BAA8B;AAAA,EAE5D,sBAAsB,CAAC,YACrB;AAAA,IACE;AAAA,IACA;AAAA,MACE;AAAA,MACA,QAAQ;AAAA,MACR,MAAM,KAAK,UAAU;AAAA,QACnB;AAAA,QACA,aAAa,GAAG,OAAO,SAAS,MAAM;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,EACF;AACJ;","names":[]}

package/dist/billing/index.d.ts

@@ -0,0 +1,15 @@
+export { OverviewTab, STORAGE_BASELINE_BYTES } from './overview-tab';
+export { PlansTab } from './plans-tab';
+export { PaymentMethodsTab } from './payment-methods-tab';
+export { InvoicesTab } from './invoices-tab';
+export { PaymentsTab } from './payments-tab';
+export { CreditsTab } from './credits-tab';
+export { CancelSubscriptionDialog } from './cancel-subscription-dialog';
+export { ChangePlanDialog } from './change-plan-dialog';
+export { StoragePurchaseModal } from './storage-purchase-modal';
+export { MessagingCreditsModal } from './messaging-credits-modal';
+export { EmailCreditsModal } from './email-credits-modal';
+export { MessagingBillingTab } from './messaging-billing-tab';
+export { EmailBillingTab } from './email-billing-tab';
+export { RatesTab } from './rates-tab';
+export { type BillingPlan, type Subscription, type PaymentMethod, type Invoice, type BillingTab, type CurrentUsage, type StorageAddOn, type StoragePack, type MessagingCreditsInfo, type CreditPack, type EmailCreditsInfo, type EmailCreditPack, type BillingRegion, type MerchantTier, type BusinessCategory, type ActivePlanResponse, type CurrentPricingPolicyResponse, type FeePreviewRequest, type FeePreviewResponse, type BillingLedgerSummaryResponse, createBillingApi, fetchStoragePacks, planIcons, } from './helpers';

package/dist/billing/index.js

@@ -0,0 +1,40 @@
+import { OverviewTab, STORAGE_BASELINE_BYTES } from "./overview-tab";
+import { PlansTab } from "./plans-tab";
+import { PaymentMethodsTab } from "./payment-methods-tab";
+import { InvoicesTab } from "./invoices-tab";
+import { PaymentsTab } from "./payments-tab";
+import { CreditsTab } from "./credits-tab";
+import { CancelSubscriptionDialog } from "./cancel-subscription-dialog";
+import { ChangePlanDialog } from "./change-plan-dialog";
+import { StoragePurchaseModal } from "./storage-purchase-modal";
+import { MessagingCreditsModal } from "./messaging-credits-modal";
+import { EmailCreditsModal } from "./email-credits-modal";
+import { MessagingBillingTab } from "./messaging-billing-tab";
+import { EmailBillingTab } from "./email-billing-tab";
+import { RatesTab } from "./rates-tab";
+import {
+  createBillingApi,
+  fetchStoragePacks,
+  planIcons
+} from "./helpers";
+export {
+  CancelSubscriptionDialog,
+  ChangePlanDialog,
+  CreditsTab,
+  EmailBillingTab,
+  EmailCreditsModal,
+  InvoicesTab,
+  MessagingBillingTab,
+  MessagingCreditsModal,
+  OverviewTab,
+  PaymentMethodsTab,
+  PaymentsTab,
+  PlansTab,
+  RatesTab,
+  STORAGE_BASELINE_BYTES,
+  StoragePurchaseModal,
+  createBillingApi,
+  fetchStoragePacks,
+  planIcons
+};
+//# sourceMappingURL=index.js.map

package/dist/billing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/index.ts"],"sourcesContent":["export { OverviewTab, STORAGE_BASELINE_BYTES } from './overview-tab';\nexport { PlansTab } from './plans-tab';\nexport { PaymentMethodsTab } from './payment-methods-tab';\nexport { InvoicesTab } from './invoices-tab';\nexport { PaymentsTab } from './payments-tab';\nexport { CreditsTab } from './credits-tab';\nexport { CancelSubscriptionDialog } from './cancel-subscription-dialog';\nexport { ChangePlanDialog } from './change-plan-dialog';\nexport { StoragePurchaseModal } from './storage-purchase-modal';\nexport { MessagingCreditsModal } from './messaging-credits-modal';\nexport { EmailCreditsModal } from './email-credits-modal';\nexport { MessagingBillingTab } from './messaging-billing-tab';\nexport { EmailBillingTab } from './email-billing-tab';\nexport { RatesTab } from './rates-tab';\nexport {\n  type BillingPlan,\n  type Subscription,\n  type PaymentMethod,\n  type Invoice,\n  type BillingTab,\n  type CurrentUsage,\n  type StorageAddOn,\n  type StoragePack,\n  type MessagingCreditsInfo,\n  type CreditPack,\n  type EmailCreditsInfo,\n  type EmailCreditPack,\n  type BillingRegion,\n  type MerchantTier,\n  type BusinessCategory,\n  type ActivePlanResponse,\n  type CurrentPricingPolicyResponse,\n  type FeePreviewRequest,\n  type FeePreviewResponse,\n  type BillingLedgerSummaryResponse,\n  createBillingApi,\n  fetchStoragePacks,\n  planIcons,\n} from './helpers';\n"],"mappings":"AAAA,SAAS,aAAa,8BAA8B;AACpD,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB;AAAA,EAqBE;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/billing/invoices-tab.d.ts

@@ -0,0 +1,11 @@
+import type { Invoice } from './helpers';
+interface InvoicesTabProps {
+    invoicesData: {
+        invoices: Invoice[];
+    } | undefined;
+    invoicesLoading: boolean;
+    formatCurrency: (amount: number, currency: string) => string;
+    onDownloadInvoice: (invoiceId: string, invoiceNumber: string) => void;
+}
+export declare function InvoicesTab({ invoicesData, invoicesLoading, formatCurrency, onDownloadInvoice, }: InvoicesTabProps): import("react").JSX.Element;
+export {};

package/dist/billing/invoices-tab.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge } from "@withpotter/ui-kit/badge";
+import { Receipt, Download } from "lucide-react";
+import { formatDate } from "@withpotter/lib/utils";
+import { BoxesLoader } from "@withpotter/ui-kit/boxes-loader";
+function InvoicesTab({
+  invoicesData,
+  invoicesLoading,
+  formatCurrency,
+  onDownloadInvoice
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs("div", { className: "bg-[var(--bg-base)] rounded-md border border-[var(--border-default)] overflow-x-auto", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 border-b border-[var(--border-subtle)] flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-2 rounded-md bg-[var(--accent-secondary)] text-brand-500", children: /* @__PURE__ */ jsx(Receipt, { className: "w-5 h-5" }) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-medium text-[var(--text-primary)]", children: "Invoice history" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)]", children: "Download your past invoices" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "p-5", children: invoicesLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(BoxesLoader, {}) }) : invoicesData?.invoices.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "py-8 text-center", children: [
+      /* @__PURE__ */ jsx(Receipt, { className: "mx-auto h-12 w-12 text-[var(--text-muted)] mb-3" }),
+      /* @__PURE__ */ jsx("p", { className: "text-[var(--text-tertiary)]", children: "No invoices yet" })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full min-w-[400px]", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-[var(--border-subtle)]", children: [
+        /* @__PURE__ */ jsx("th", { className: "text-left text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3", children: "Invoice" }),
+        /* @__PURE__ */ jsx("th", { className: "text-left text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3 hidden sm:table-cell", children: "Date" }),
+        /* @__PURE__ */ jsx("th", { className: "text-left text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3", children: "Amount" }),
+        /* @__PURE__ */ jsx("th", { className: "text-left text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3", children: "Status" }),
+        /* @__PURE__ */ jsx("th", { className: "text-right text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3", children: "Download" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-[var(--border-subtle)]", children: invoicesData?.invoices.map((invoice) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: "hover:bg-[var(--interactive-hover)] transition-colors",
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "px-3 sm:px-4 py-3 text-sm font-medium text-[var(--text-primary)]", children: invoice.invoiceNumber }),
+            /* @__PURE__ */ jsx("td", { className: "px-3 sm:px-4 py-3 text-sm text-[var(--text-secondary)] hidden sm:table-cell", children: formatDate(invoice.createdAt) }),
+            /* @__PURE__ */ jsx("td", { className: "px-3 sm:px-4 py-3 text-sm font-medium text-[var(--text-primary)]", children: formatCurrency(
+              invoice.amounts.total,
+              invoice.amounts.currency
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: invoice.status === "paid" ? "success" : invoice.status === "open" ? "warning" : "secondary",
+                children: invoice.status
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => onDownloadInvoice(invoice.id, invoice.invoiceNumber),
+                className: "inline-flex items-center justify-center p-2 text-[var(--text-tertiary)] hover:text-brand-500 hover:bg-[var(--interactive-active)] rounded-md transition-colors",
+                title: "Download invoice",
+                children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
+              }
+            ) })
+          ]
+        },
+        invoice.id
+      )) })
+    ] }) }) })
+  ] }) });
+}
+export {
+  InvoicesTab
+};
+//# sourceMappingURL=invoices-tab.js.map

package/dist/billing/invoices-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/invoices-tab.tsx"],"sourcesContent":["import { Badge } from '@withpotter/ui-kit/badge';\nimport { Receipt, Download } from 'lucide-react';\nimport { formatDate } from '@withpotter/lib/utils';\nimport { BoxesLoader } from '@withpotter/ui-kit/boxes-loader';\nimport type { Invoice } from './helpers';\n\ninterface InvoicesTabProps {\n  invoicesData: { invoices: Invoice[] } | undefined;\n  invoicesLoading: boolean;\n  formatCurrency: (amount: number, currency: string) => string;\n  onDownloadInvoice: (invoiceId: string, invoiceNumber: string) => void;\n}\n\nexport function InvoicesTab({\n  invoicesData,\n  invoicesLoading,\n  formatCurrency,\n  onDownloadInvoice,\n}: InvoicesTabProps) {\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"bg-[var(--bg-base)] rounded-md border border-[var(--border-default)] overflow-x-auto\">\n        <div className=\"px-5 py-4 border-b border-[var(--border-subtle)] flex items-center gap-3\">\n          <div className=\"p-2 rounded-md bg-[var(--accent-secondary)] text-brand-500\">\n            <Receipt className=\"w-5 h-5\" />\n          </div>\n          <div>\n            <h2 className=\"text-base font-medium text-[var(--text-primary)]\">\n              Invoice history\n            </h2>\n            <p className=\"text-sm text-[var(--text-tertiary)]\">\n              Download your past invoices\n            </p>\n          </div>\n        </div>\n\n        <div className=\"p-5\">\n          {invoicesLoading ? (\n            <div className=\"flex items-center justify-center py-8\">\n              <BoxesLoader />\n            </div>\n          ) : invoicesData?.invoices.length === 0 ? (\n            <div className=\"py-8 text-center\">\n              <Receipt className=\"mx-auto h-12 w-12 text-[var(--text-muted)] mb-3\" />\n              <p className=\"text-[var(--text-tertiary)]\">No invoices yet</p>\n            </div>\n          ) : (\n            <div className=\"overflow-x-auto\">\n              <table className=\"w-full min-w-[400px]\">\n                <thead>\n                  <tr className=\"border-b border-[var(--border-subtle)]\">\n                    <th className=\"text-left text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3\">\n                      Invoice\n                    </th>\n                    <th className=\"text-left text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3 hidden sm:table-cell\">\n                      Date\n                    </th>\n                    <th className=\"text-left text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3\">\n                      Amount\n                    </th>\n                    <th className=\"text-left text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3\">\n                      Status\n                    </th>\n                    <th className=\"text-right text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-3 sm:px-4 py-3\">\n                      Download\n                    </th>\n                  </tr>\n                </thead>\n                <tbody className=\"divide-y divide-[var(--border-subtle)]\">\n                  {invoicesData?.invoices.map((invoice) => (\n                    <tr\n                      key={invoice.id}\n                      className=\"hover:bg-[var(--interactive-hover)] transition-colors\"\n                    >\n                      <td className=\"px-3 sm:px-4 py-3 text-sm font-medium text-[var(--text-primary)]\">\n                        {invoice.invoiceNumber}\n                      </td>\n                      <td className=\"px-3 sm:px-4 py-3 text-sm text-[var(--text-secondary)] hidden sm:table-cell\">\n                        {formatDate(invoice.createdAt)}\n                      </td>\n                      <td className=\"px-3 sm:px-4 py-3 text-sm font-medium text-[var(--text-primary)]\">\n                        {formatCurrency(\n                          invoice.amounts.total,\n                          invoice.amounts.currency,\n                        )}\n                      </td>\n                      <td className=\"px-4 py-3\">\n                        <Badge\n                          variant={\n                            invoice.status === 'paid'\n                              ? 'success'\n                              : invoice.status === 'open'\n                                ? 'warning'\n                                : 'secondary'\n                          }\n                        >\n                          {invoice.status}\n                        </Badge>\n                      </td>\n                      <td className=\"px-4 py-3 text-right\">\n                        <button\n                          onClick={() =>\n                            onDownloadInvoice(invoice.id, invoice.invoiceNumber)\n                          }\n                          className=\"inline-flex items-center justify-center p-2 text-[var(--text-tertiary)] hover:text-brand-500 hover:bg-[var(--interactive-active)] rounded-md transition-colors\"\n                          title=\"Download invoice\"\n                        >\n                          <Download className=\"h-4 w-4\" />\n                        </button>\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAwBY,cAEF,YAFE;AAxBZ,SAAS,aAAa;AACtB,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAUrB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE,oBAAC,SAAI,WAAU,aACb,+BAAC,SAAI,WAAU,wFACb;AAAA,yBAAC,SAAI,WAAU,4EACb;AAAA,0BAAC,SAAI,WAAU,8DACb,8BAAC,WAAQ,WAAU,WAAU,GAC/B;AAAA,MACA,qBAAC,SACC;AAAA,4BAAC,QAAG,WAAU,oDAAmD,6BAEjE;AAAA,QACA,oBAAC,OAAE,WAAU,uCAAsC,yCAEnD;AAAA,SACF;AAAA,OACF;AAAA,IAEA,oBAAC,SAAI,WAAU,OACZ,4BACC,oBAAC,SAAI,WAAU,yCACb,8BAAC,eAAY,GACf,IACE,cAAc,SAAS,WAAW,IACpC,qBAAC,SAAI,WAAU,oBACb;AAAA,0BAAC,WAAQ,WAAU,mDAAkD;AAAA,MACrE,oBAAC,OAAE,WAAU,+BAA8B,6BAAe;AAAA,OAC5D,IAEA,oBAAC,SAAI,WAAU,mBACb,+BAAC,WAAM,WAAU,wBACf;AAAA,0BAAC,WACC,+BAAC,QAAG,WAAU,0CACZ;AAAA,4BAAC,QAAG,WAAU,wGAAuG,qBAErH;AAAA,QACA,oBAAC,QAAG,WAAU,6HAA4H,kBAE1I;AAAA,QACA,oBAAC,QAAG,WAAU,wGAAuG,oBAErH;AAAA,QACA,oBAAC,QAAG,WAAU,wGAAuG,oBAErH;AAAA,QACA,oBAAC,QAAG,WAAU,yGAAwG,sBAEtH;AAAA,SACF,GACF;AAAA,MACA,oBAAC,WAAM,WAAU,0CACd,wBAAc,SAAS,IAAI,CAAC,YAC3B;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,gCAAC,QAAG,WAAU,oEACX,kBAAQ,eACX;AAAA,YACA,oBAAC,QAAG,WAAU,+EACX,qBAAW,QAAQ,SAAS,GAC/B;AAAA,YACA,oBAAC,QAAG,WAAU,oEACX;AAAA,cACC,QAAQ,QAAQ;AAAA,cAChB,QAAQ,QAAQ;AAAA,YAClB,GACF;AAAA,YACA,oBAAC,QAAG,WAAU,aACZ;AAAA,cAAC;AAAA;AAAA,gBACC,SACE,QAAQ,WAAW,SACf,YACA,QAAQ,WAAW,SACjB,YACA;AAAA,gBAGP,kBAAQ;AAAA;AAAA,YACX,GACF;AAAA,YACA,oBAAC,QAAG,WAAU,wBACZ;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,MACP,kBAAkB,QAAQ,IAAI,QAAQ,aAAa;AAAA,gBAErD,WAAU;AAAA,gBACV,OAAM;AAAA,gBAEN,8BAAC,YAAS,WAAU,WAAU;AAAA;AAAA,YAChC,GACF;AAAA;AAAA;AAAA,QAtCK,QAAQ;AAAA,MAuCf,CACD,GACH;AAAA,OACF,GACF,GAEJ;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/billing/messaging-billing-tab.d.ts

@@ -0,0 +1,6 @@
+interface MessagingBillingTabProps {
+    view: 'overview' | 'history';
+    onBuyCredits: () => void;
+}
+export declare function MessagingBillingTab({ view, onBuyCredits, }: MessagingBillingTabProps): import("react").JSX.Element;
+export {};