@kernhq/module-billing 0.5.10 → 0.5.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kernhq/module-billing",
-  "version": "0.5.10",
+  "version": "0.5.11",
   "description": "Kern billing module: plans, entitlements, subscriptions and Stripe — the mechanism that lets any Kern instance sell seats on itself",
   "homepage": "https://github.com/KernAIO/module-billing#readme",
   "license": "AGPL-3.0-only",

package/src/client/admin/SubscriptionsAdmin.svelte

@@ -231,7 +231,8 @@ const planOptions = $derived([
               <div class="flex items-center gap-1.5">
                 <span class="truncate">{row.planName ?? t('no_plan')}</span>
                 {#if row.overridden}
-                  <Badge tone="purple" title={t('admin_overridden_hint')}>
+                  <!-- shrink-0: the badge was the thing that gave way, and "Overrid" is not a word -->
+                  <Badge tone="purple" class="shrink-0" title={t('admin_overridden_hint')}>
                     {t('admin_overridden')}
                   </Badge>
                 {/if}

package/src/client/i18n.ts

@@ -129,6 +129,12 @@ export const en: Record<string, Message> = {
   'billing.invoice_number': 'Invoice',
   'billing.invoice_view': 'View',
   'billing.invoice_pdf': 'PDF',
+  'billing.invoice_status': 'Status',
+  'billing.invoice_status_paid': 'Paid',
+  'billing.invoice_status_open': 'Awaiting payment',
+  'billing.invoice_status_uncollectible': 'Unpaid',
+  'billing.invoice_status_void': 'Void',
+  'billing.invoice_status_draft': 'Draft',
   'billing.invoices_empty': 'No invoices yet',
   'billing.invoices_empty_hint': 'An invoice appears here after the first payment.',
   'billing.invoices_section': 'Invoices',
@@ -289,6 +295,12 @@ const ar: Record<string, Message> = {
   'billing.invoice_number': 'الفاتورة',
   'billing.invoice_view': 'عرض',
   'billing.invoice_pdf': 'PDF',
+  'billing.invoice_status': 'الحالة',
+  'billing.invoice_status_paid': 'مدفوعة',
+  'billing.invoice_status_open': 'بانتظار الدفع',
+  'billing.invoice_status_uncollectible': 'غير مدفوعة',
+  'billing.invoice_status_void': 'ملغاة',
+  'billing.invoice_status_draft': 'مسودة',
   'billing.invoices_empty': 'لا فواتير بعد',
   'billing.invoices_empty_hint': 'تظهر الفاتورة هنا بعد أول عملية دفع.',
   'billing.invoices_section': 'الفواتير',
@@ -456,6 +468,12 @@ const de: Record<string, Message> = {
   'billing.invoice_number': 'Rechnung',
   'billing.invoice_view': 'Ansehen',
   'billing.invoice_pdf': 'PDF',
+  'billing.invoice_status': 'Status',
+  'billing.invoice_status_paid': 'Bezahlt',
+  'billing.invoice_status_open': 'Zahlung ausstehend',
+  'billing.invoice_status_uncollectible': 'Unbezahlt',
+  'billing.invoice_status_void': 'Storniert',
+  'billing.invoice_status_draft': 'Entwurf',
   'billing.invoices_empty': 'Noch keine Rechnungen',
   'billing.invoices_empty_hint': 'Nach der ersten Zahlung erscheint hier eine Rechnung.',
   'billing.invoices_section': 'Rechnungen',
@@ -616,6 +634,12 @@ const fa: Record<string, Message> = {
   'billing.invoice_number': 'صورتحساب',
   'billing.invoice_view': 'نمایش',
   'billing.invoice_pdf': 'PDF',
+  'billing.invoice_status': 'وضعیت',
+  'billing.invoice_status_paid': 'پرداخت‌شده',
+  'billing.invoice_status_open': 'در انتظار پرداخت',
+  'billing.invoice_status_uncollectible': 'پرداخت‌نشده',
+  'billing.invoice_status_void': 'باطل‌شده',
+  'billing.invoice_status_draft': 'پیش‌نویس',
   'billing.invoices_empty': 'هنوز صورتحسابی نیست',
   'billing.invoices_empty_hint': 'پس از نخستین پرداخت، صورتحساب اینجا می‌آید.',
   'billing.invoices_section': 'صورتحساب‌ها',
@@ -775,6 +799,12 @@ const tr: Record<string, Message> = {
   'billing.invoice_number': 'Fatura',
   'billing.invoice_view': 'Görüntüle',
   'billing.invoice_pdf': 'PDF',
+  'billing.invoice_status': 'Durum',
+  'billing.invoice_status_paid': 'Ödendi',
+  'billing.invoice_status_open': 'Ödeme bekleniyor',
+  'billing.invoice_status_uncollectible': 'Ödenmedi',
+  'billing.invoice_status_void': 'İptal edildi',
+  'billing.invoice_status_draft': 'Taslak',
   'billing.invoices_empty': 'Henüz fatura yok',
   'billing.invoices_empty_hint': 'İlk ödemeden sonra burada bir fatura görünür.',
   'billing.invoices_section': 'Faturalar',

package/src/client/settings/PlanSettings.svelte

@@ -57,6 +57,35 @@ const locale = $derived(messageLocale())
 /** Where Stripe sends the person back to, and where the portal returns them. */
 const returnPath = $derived(`/${slug}/settings/billing/plan`)
 
+/**
+ * Stripe's invoice statuses, said in words. An accountant reading the list needs to know which
+ * rows are still owed before they need the links; the list used to show number, date and amount
+ * and nothing about whether any of it had been paid.
+ */
+const INVOICE_TONE: Record<string, 'success' | 'warning' | 'danger' | 'grey'> = {
+  paid: 'success',
+  open: 'warning',
+  uncollectible: 'danger',
+  void: 'grey',
+  draft: 'grey',
+}
+function invoiceStatus(status: string): string {
+  switch (status) {
+    case 'paid':
+      return t('invoice_status_paid')
+    case 'open':
+      return t('invoice_status_open')
+    case 'uncollectible':
+      return t('invoice_status_uncollectible')
+    case 'void':
+      return t('invoice_status_void')
+    case 'draft':
+      return t('invoice_status_draft')
+    default:
+      return status
+  }
+}
+
 /**
  * What Stripe said on the way back, from `?checkout=`.
  *
@@ -501,10 +530,13 @@ function once(run: () => void) {
         />
       {:else}
         <div class="overflow-x-auto">
-          <Table columns="minmax(120px,1fr) minmax(120px,1fr) minmax(100px,auto) minmax(80px,auto)">
+          <Table
+            columns="minmax(120px,1fr) minmax(120px,1fr) minmax(96px,auto) minmax(100px,auto) minmax(80px,auto)"
+          >
             <TableHeader>
               <TableCell header>{t('invoice_number')}</TableCell>
               <TableCell header>{t('invoice_date')}</TableCell>
+              <TableCell header>{t('invoice_status')}</TableCell>
               <TableCell header end>{t('invoice_amount')}</TableCell>
               <TableCell header end></TableCell>
             </TableHeader>
@@ -512,6 +544,9 @@ function once(run: () => void) {
               <TableRow>
                 <TableCell>{inv.number ?? '—'}</TableCell>
                 <TableCell>{day(inv.createdAt)}</TableCell>
+                <TableCell>
+                  <Badge tone={INVOICE_TONE[inv.status] ?? 'grey'}>{invoiceStatus(inv.status)}</Badge>
+                </TableCell>
                 <TableCell end>{formatMoney(inv.totalMinor, inv.currency, locale)}</TableCell>
                 <TableCell end>
                   <!-- Both links Stripe gives us: the hosted page (pay, see the receipt) and the PDF