@kernhq/module-billing 0.5.7 → 0.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kernhq/module-billing",
-  "version": "0.5.7",
+  "version": "0.5.9",
   "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/i18n.ts

@@ -128,6 +128,7 @@ export const en: Record<string, Message> = {
   'billing.invoice_date': 'Date',
   'billing.invoice_number': 'Invoice',
   'billing.invoice_view': 'View',
+  'billing.invoice_pdf': 'PDF',
   'billing.invoices_empty': 'No invoices yet',
   'billing.invoices_empty_hint': 'An invoice appears here after the first payment.',
   'billing.invoices_section': 'Invoices',
@@ -287,6 +288,7 @@ const ar: Record<string, Message> = {
   'billing.invoice_date': 'التاريخ',
   'billing.invoice_number': 'الفاتورة',
   'billing.invoice_view': 'عرض',
+  'billing.invoice_pdf': 'PDF',
   'billing.invoices_empty': 'لا فواتير بعد',
   'billing.invoices_empty_hint': 'تظهر الفاتورة هنا بعد أول عملية دفع.',
   'billing.invoices_section': 'الفواتير',
@@ -453,6 +455,7 @@ const de: Record<string, Message> = {
   'billing.invoice_date': 'Datum',
   'billing.invoice_number': 'Rechnung',
   'billing.invoice_view': 'Ansehen',
+  'billing.invoice_pdf': 'PDF',
   'billing.invoices_empty': 'Noch keine Rechnungen',
   'billing.invoices_empty_hint': 'Nach der ersten Zahlung erscheint hier eine Rechnung.',
   'billing.invoices_section': 'Rechnungen',
@@ -612,6 +615,7 @@ const fa: Record<string, Message> = {
   'billing.invoice_date': 'تاریخ',
   'billing.invoice_number': 'صورتحساب',
   'billing.invoice_view': 'نمایش',
+  'billing.invoice_pdf': 'PDF',
   'billing.invoices_empty': 'هنوز صورتحسابی نیست',
   'billing.invoices_empty_hint': 'پس از نخستین پرداخت، صورتحساب اینجا می‌آید.',
   'billing.invoices_section': 'صورتحساب‌ها',
@@ -770,6 +774,7 @@ const tr: Record<string, Message> = {
   'billing.invoice_date': 'Tarih',
   'billing.invoice_number': 'Fatura',
   'billing.invoice_view': 'Görüntüle',
+  'billing.invoice_pdf': 'PDF',
   '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

@@ -323,7 +323,8 @@ function once(run: () => void) {
     </EmptyState>
   {:else}
     <!-- current plan -->
-    <Card>
+    <!-- The card's own padding is off so the 20px inside is the only padding, on every side. -->
+    <Card padding="none">
       <div class="grid gap-4 p-5">
         <div class="flex flex-wrap items-start justify-between gap-3">
           <div class="grid gap-1">
@@ -419,15 +420,16 @@ function once(run: () => void) {
               last line with the card's padding pooled underneath. The layout lives on an element
               of our own inside the card.
             -->
-            <Card class="p-4">
-              <div class="grid h-full content-between gap-5">
+            <Card padding="none">
+              <div class="grid h-full content-between gap-5 p-5">
               <div class="grid gap-2">
                 <div class="flex items-center justify-between gap-2">
                   <span class="text-[15px] font-medium text-[var(--kern-ink-900)]">{plan.name}</span>
                   {#if isCurrent}<Badge tone="accent">{t('current')}</Badge>{/if}
                 </div>
                 <div class="flex items-baseline gap-1.5">
-                  <span class="text-[22px] font-medium text-[var(--kern-ink-900)]">
+                  <!-- 22px type at the default line-height leaves a hole above the digits. -->
+                  <span class="text-[22px] font-medium leading-none text-[var(--kern-ink-900)]">
                     {formatMoney(plan.priceMinor, plan.currency, locale)}
                   </span>
                   <span class="text-[12px] text-[var(--kern-ink-400)]">{priceNote(plan)}</span>
@@ -512,16 +514,31 @@ function once(run: () => void) {
                 <TableCell>{day(inv.createdAt)}</TableCell>
                 <TableCell end>{formatMoney(inv.totalMinor, inv.currency, locale)}</TableCell>
                 <TableCell end>
-                  {#if inv.hostedUrl}
-                    <a
-                      class="text-[13px] text-[var(--kern-accent-deep)] underline-offset-2 hover:underline"
-                      href={inv.hostedUrl}
-                      target="_blank"
-                      rel="noreferrer noopener"
-                    >
-                      {t('invoice_view')}
-                    </a>
-                  {/if}
+                  <!-- Both links Stripe gives us: the hosted page (pay, see the receipt) and the PDF
+                       an accountant files. Neither is ours to render, so nothing is shown when
+                       Stripe sent none. -->
+                  <span class="inline-flex items-center gap-3">
+                    {#if inv.hostedUrl}
+                      <a
+                        class="text-[13px] text-[var(--kern-accent-deep)] underline-offset-2 hover:underline"
+                        href={inv.hostedUrl}
+                        target="_blank"
+                        rel="noreferrer noopener"
+                      >
+                        {t('invoice_view')}
+                      </a>
+                    {/if}
+                    {#if inv.pdfUrl}
+                      <a
+                        class="text-[13px] text-[var(--kern-accent-deep)] underline-offset-2 hover:underline"
+                        href={inv.pdfUrl}
+                        target="_blank"
+                        rel="noreferrer noopener"
+                      >
+                        {t('invoice_pdf')}
+                      </a>
+                    {/if}
+                  </span>
                 </TableCell>
               </TableRow>
             {/each}