@kernhq/module-billing 0.5.4 → 0.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kernhq/module-billing",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "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

@@ -110,6 +110,8 @@ export const en: Record<string, Message> = {
   'billing.checkout_changed': 'Plan changed',
   'billing.checkout_done': 'Payment received',
   'billing.checkout_done_hint': 'The new plan is active.',
+  'billing.checkout_trial': 'Card saved',
+  'billing.checkout_trial_hint': 'Your trial has started. Nothing is charged until it ends.',
   'billing.checkout_pending': 'Payment received',
   'billing.checkout_pending_hint':
     'Stripe has taken the payment and we are waiting for it to confirm. This page updates itself.',
@@ -268,6 +270,8 @@ const ar: Record<string, Message> = {
   'billing.checkout_changed': 'تغيّرت الخطة',
   'billing.checkout_done': 'وصلت الدفعة',
   'billing.checkout_done_hint': 'الخطة الجديدة سارية الآن.',
+  'billing.checkout_trial': 'تم حفظ البطاقة',
+  'billing.checkout_trial_hint': 'بدأت فترتك التجريبية. لن يُخصم شيء حتى تنتهي.',
   'billing.checkout_pending': 'وصلت الدفعة',
   'billing.checkout_pending_hint': 'استلم Stripe الدفعة وننتظر تأكيدها. تُحدِّث هذه الصفحة نفسها بنفسها.',
   'billing.checkout_slow': 'التأكيد يستغرق وقتًا أطول من المعتاد',
@@ -431,6 +435,8 @@ const de: Record<string, Message> = {
   'billing.checkout_changed': 'Tarif gewechselt',
   'billing.checkout_done': 'Zahlung eingegangen',
   'billing.checkout_done_hint': 'Der neue Tarif ist aktiv.',
+  'billing.checkout_trial': 'Karte gespeichert',
+  'billing.checkout_trial_hint': 'Ihre Testphase hat begonnen. Bis sie endet, wird nichts berechnet.',
   'billing.checkout_pending': 'Zahlung eingegangen',
   'billing.checkout_pending_hint':
     'Stripe hat die Zahlung angenommen, wir warten auf die Bestätigung. Diese Seite aktualisiert sich von selbst.',
@@ -589,6 +595,8 @@ const fa: Record<string, Message> = {
   'billing.checkout_changed': 'طرح تغییر کرد',
   'billing.checkout_done': 'پرداخت رسید',
   'billing.checkout_done_hint': 'طرح تازه فعال است.',
+  'billing.checkout_trial': 'کارت ذخیره شد',
+  'billing.checkout_trial_hint': 'دورهٔ آزمایشی شما شروع شد. تا پایان آن چیزی برداشت نمی‌شود.',
   'billing.checkout_pending': 'پرداخت رسید',
   'billing.checkout_pending_hint': 'Stripe پرداخت را گرفته و منتظر تأیید آن هستیم. این صفحه خودش تازه می‌شود.',
   'billing.checkout_slow': 'تأیید بیش از حد معمول طول کشیده است',
@@ -745,6 +753,8 @@ const tr: Record<string, Message> = {
   'billing.checkout_changed': 'Tarife değişti',
   'billing.checkout_done': 'Ödeme alındı',
   'billing.checkout_done_hint': 'Yeni tarife etkin.',
+  'billing.checkout_trial': 'Kart kaydedildi',
+  'billing.checkout_trial_hint': 'Deneme süreniz başladı. Bitene kadar ücret alınmaz.',
   'billing.checkout_pending': 'Ödeme alındı',
   'billing.checkout_pending_hint': 'Stripe ödemeyi aldı, onayını bekliyoruz. Bu sayfa kendini günceller.',
   'billing.checkout_slow': 'Onay her zamankinden uzun sürüyor',

package/src/client/settings/PlanSettings.svelte

@@ -290,7 +290,9 @@ function once(run: () => void) {
                 ? t('checkout_slow')
                 : pending
                   ? t('checkout_pending')
-                  : t('checkout_done')}
+                  : sub?.status === 'trialing'
+                    ? t('checkout_trial')
+                    : t('checkout_done')}
         </span>
         <span class="text-[13px] text-[var(--kern-ink-700)]">
           {outcome === 'cancelled'
@@ -301,7 +303,9 @@ function once(run: () => void) {
                 ? t('checkout_slow_hint')
                 : pending
                   ? t('checkout_pending_hint')
-                  : t('checkout_done_hint')}
+                  : sub?.status === 'trialing'
+                    ? t('checkout_trial_hint')
+                    : t('checkout_done_hint')}
         </span>
       </div>
       <Button variant="ghost" size="sm" onclick={() => (outcome = null)}>{t('dismiss')}</Button>
@@ -409,7 +413,14 @@ function once(run: () => void) {
           {@const isCurrent = sub?.planId === plan.id}
           {@const blocked = planBlockedReason(plan, { seats: usage.seats })}
           <li class="grid">
-            <Card class="grid content-between gap-4 p-4">
+            <!--
+              `Card` is a block: a `grid` class on it does not reach its content, so the gap
+              between the highlights and the button was lost and the button sat flush against the
+              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">
               <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>
@@ -464,6 +475,7 @@ function once(run: () => void) {
                   </span>
                 {/snippet}
               </Tooltip>
+              </div>
             </Card>
           </li>
         {/each}