From a4f2bebd10595082cbc31ded051009836b9a102b Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Fri, 20 Feb 2026 15:36:50 +0100
Subject: [PATCH] feat: enhance OrganizationSettings to display Tax IDs
 alongside business name for improved billing clarity

---
 components/settings/OrganizationSettings.tsx | 17 ++++++++++++++---
 lib/api/billing.ts                           |  8 ++++++++
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/components/settings/OrganizationSettings.tsx b/components/settings/OrganizationSettings.tsx
index 72d2b84..8c07fec 100644
--- a/components/settings/OrganizationSettings.tsx
+++ b/components/settings/OrganizationSettings.tsx
@@ -856,9 +856,20 @@ export default function OrganizationSettings() {
                           Change plan
                         </Button>
                       </div>
-                      {subscription.business_name && (
-                        <div className="px-6 pb-2 -mt-2 text-sm text-neutral-500 dark:text-neutral-400">
-                          Billing for: {subscription.business_name}
+                      {(subscription.business_name || (subscription.tax_ids && subscription.tax_ids.length > 0)) && (
+                        <div className="px-6 pb-2 -mt-2 space-y-1 text-sm text-neutral-500 dark:text-neutral-400">
+                          {subscription.business_name && (
+                            <div>Billing for: {subscription.business_name}</div>
+                          )}
+                          {subscription.tax_ids && subscription.tax_ids.length > 0 && (
+                            <div>
+                              Tax ID{subscription.tax_ids.length > 1 ? 's' : ''}:{' '}
+                              {subscription.tax_ids.map((t) => {
+                                const label = t.type === 'eu_vat' ? 'VAT' : t.type === 'us_ein' ? 'EIN' : t.type.replace(/_/g, ' ').toUpperCase()
+                                return `${label} ${t.value}${t.country ? ` (${t.country})` : ''}`
+                              }).join(', ')}
+                            </div>
+                          )}
                         </div>
                       )}
 
diff --git a/lib/api/billing.ts b/lib/api/billing.ts
index 43207e3..1c6cda4 100644
--- a/lib/api/billing.ts
+++ b/lib/api/billing.ts
@@ -1,5 +1,11 @@
 import { API_URL } from './client'
 
+export interface TaxID {
+  type: string
+  value: string
+  country?: string
+}
+
 export interface SubscriptionDetails {
   plan_id: string
   subscription_status: string
@@ -15,6 +21,8 @@ export interface SubscriptionDetails {
   pageview_usage?: number
   /** Business name from Stripe Tax ID collection / business purchase flow (optional). */
   business_name?: string
+  /** Tax IDs collected on the Stripe customer (VAT, EIN, etc.) for invoice verification. */
+  tax_ids?: TaxID[]
 }
 
 async function billingFetch<T>(endpoint: string, options: RequestInit = {}): Promise<T> {