@agentpaid/paid-nextjs-client 0.3.0 → 0.3.1

package/README.md

@@ -1,16 +1,15 @@
-# Paid Next.js Client SDK
+# Paid.ai Blocks
  
-Easily embed Paid.ai blocks in your Next.js app to display payments, invoices, and activity logs for specific accounts.
+Easily embed Paid.ai blocks in your Next.js app to display payments, invoices, and activity logs for specific customers.
 
----
+## Quick Setup
 
-## Features
+1. **Install**: `npm install @agentpaid/paid-nextjs-client`
+2. **Add API key**: Set `PAID_API_KEY` in your `.env.local`
+3. **Create one API route**: `src/app/api/[paidEndpoint]/[...params]/route.ts`
+4. **Use components**: Import and use `PaidContainer` or individual blocks
 
-- **PaidContainer**: A universal container block with tabbed interface for all data views
-- **Individual Blocks**: Standalone blocks for payments, invoices, and activity logs
-- **Universal Styling**: Consistent styling system across all blocks
-- **Plug-and-play**: Designed for Next.js 13+ (App Router)
-- **Fully Responsive**: Works seamlessly across all device sizes
+That's it! No complex configuration needed.
 
 ---
 
@@ -46,17 +45,17 @@ import {
     {
       id: 'payments',
       label: 'Payments',
-      component: <PaidPaymentsTable accountExternalId="customer_123" />
+      component: <PaidPaymentsTable customerExternalId="customer_123" />
     },
     {
       id: 'invoices', 
       label: 'Invoices',
-      component: <PaidInvoiceTable accountExternalId="customer_123" />
+      component: <PaidInvoiceTable customerExternalId="customer_123" />
     },
     {
       id: 'activity-log',
       label: 'Activity Log', 
-      component: <PaidActivityLog accountExternalId="customer_123" />
+      component: <PaidActivityLog customerExternalId="customer_123" />
     }
   ]}
   paidStyle={{
@@ -80,73 +79,38 @@ import {
 } from '@agentpaid/paid-nextjs-client';
 
 // Payments only
-<PaidPaymentsTable accountExternalId="customer_123" />
+<PaidPaymentsTable customerExternalId="customer_123" />
 
 // Invoices only  
-<PaidInvoiceTable accountExternalId="customer_123" />
+<PaidInvoiceTable customerExternalId="customer_123" />
 
 // Activity log only
-<PaidActivityLog accountExternalId="customer_123" />
+<PaidActivityLog customerExternalId="customer_123" />
 ```
 
 ---
 
 ## API Routes Setup
 
-You need to create API routes for each data type. **First, add your Paid.ai API key to `.env.local`:**
+You need to create a single API route to handle all Paid.ai endpoints. **First, add your Paid.ai API key to `.env.local`:**
 
 ```env
 PAID_API_KEY=your_paid_ai_api_key_here
 ```
 
-### Required API Routes
-
-**1. Payments API Route**
-```bash
-mkdir -p "src/app/api/payments/[accountExternalId]" && touch "src/app/api/payments/[accountExternalId]/route.ts"
-```
-
-Add to `src/app/api/payments/[accountExternalId]/route.ts`:
-```ts
-import { handlePaidPayments } from '@agentpaid/paid-nextjs-client';
-
-export const GET = handlePaidPayments(process.env.PAID_API_KEY!);
-```
-
-**2. Invoices API Route**
-```bash
-mkdir -p "src/app/api/invoices/[accountExternalId]" && touch "src/app/api/invoices/[accountExternalId]/route.ts"
-```
-
-Add to `src/app/api/invoices/[accountExternalId]/route.ts`:
-```ts
-import { handlePaidInvoices } from '@agentpaid/paid-nextjs-client';
-
-export const GET = handlePaidInvoices(process.env.PAID_API_KEY!);
-```
-
-**3. Activity Log API Route**
-```bash
-mkdir -p "src/app/api/usage/[accountExternalId]" && touch "src/app/api/usage/[accountExternalId]/route.ts"
-```
-
-Add to `src/app/api/usage/[accountExternalId]/route.ts`:
-```ts
-import { handlePaidUsage } from '@agentpaid/paid-nextjs-client';
+### Single Unified API Route
 
-export const GET = handlePaidUsage(process.env.PAID_API_KEY!);
-```
+Create one API route that handles all four endpoints:
 
-**4. Invoice PDF API Route**
 ```bash
-mkdir -p "src/app/api/invoice-pdf/[invoiceId]" && touch "src/app/api/invoice-pdf/[invoiceId]/route.ts"
+mkdir -p "src/app/api/[paidEndpoint]/[...params]" && touch "src/app/api/[paidEndpoint]/[...params]/route.ts"
 ```
 
-Add to `src/app/api/invoice-pdf/[invoiceId]/route.ts`:
+Add to `src/app/api/[paidEndpoint]/[...params]/route.ts`:
 ```ts
-import { handlePaidInvoicePdf } from '@agentpaid/paid-nextjs-client';
+import { handleBlocks } from '@agentpaid/paid-nextjs-client';
 
-export const GET = handlePaidInvoicePdf(process.env.PAID_API_KEY!);
+export const GET = handleBlocks();
 ```
 
 ---
@@ -168,7 +132,7 @@ export default function CustomerDashboard() {
 
       <section style={{ marginBottom: '2rem' }}>
         <p><strong>Welcome back!</strong></p>
-        <p>Here's a complete overview for account <code>customer_123</code>.</p>
+        <p>Here's a complete overview for customer <code>customer_123</code>.</p>
       </section>
 
       <PaidContainer 
@@ -179,17 +143,17 @@ export default function CustomerDashboard() {
           {
             id: 'payments',
             label: 'Payments',
-            component: <PaidPaymentsTable accountExternalId="customer_123" />
+            component: <PaidPaymentsTable customerExternalId="customer_123" />
           },
           {
             id: 'invoices',
             label: 'Invoices', 
-            component: <PaidInvoiceTable accountExternalId="customer_123" />
+            component: <PaidInvoiceTable customerExternalId="customer_123" />
           },
           {
             id: 'activity-log',
             label: 'Activity Log',
-            component: <PaidActivityLog accountExternalId="customer_123" />
+            component: <PaidActivityLog customerExternalId="customer_123" />
           }
         ]}
         paidStyle={{
@@ -261,7 +225,7 @@ The Paid.ai blocks use a simplified, universal styling system. All blocks accept
     {
       id: 'payments',
       label: 'Payments',
-      component: <PaidPaymentsTable accountExternalId="customer_123" />
+      component: <PaidPaymentsTable customerExternalId="customer_123" />
     }
   ]}
   paidStyle={{
@@ -284,44 +248,11 @@ The Paid.ai blocks use a simplified, universal styling system. All blocks accept
 
 ```tsx
 <PaidPaymentsTable 
-  accountExternalId="customer_123"
+  customerExternalId="customer_123"
   paidStyle={{
     primaryColor: '#dc2626',
     buttonBgColor: '#fef2f2',
     tableHoverColor: '#fee2e2'
   }}
 />
-```
-
----
-
-## Props
-
-### PaidContainer
-
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `title` | `string` | ❌ | Container title |
-| `description` | `string` | ❌ | Container description |
-| `defaultActiveTab` | `string` | ❌ | Default active tab ID |
-| `tabs` | `Tab[]` | ✅ | Array of tab configurations |
-| `paidStyle` | `PaidStyleProperties` | ❌ | Styling configuration |
-
-### Individual Blocks
-
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `accountExternalId` | `string` | ✅ | Customer external ID |
-| `paidStyle` | `PaidStyleProperties` | ❌ | Styling configuration |
-
----
-
-## Features
-
-- **Tabbed Interface**: PaidContainer provides easy navigation between data views
-- **Pagination**: All tables include built-in pagination for large datasets
-- **Responsive Design**: Works seamlessly on desktop, tablet, and mobile
-- **Loading States**: Elegant loading indicators while data fetches
-- **Error Handling**: Graceful error messages for failed requests
-- **Caching**: Built-in request caching for improved performance
-- **PDF Preview**: Invoice table includes PDF preview and download functionality
+```

package/dist/api/api/handleBlocks.ts

@@ -0,0 +1,144 @@
+type PaidEndpoint = 'invoices' | 'payments' | 'invoice-pdf' | 'usage';
+
+interface Params {
+  paidEndpoint: string;
+  params: string[];
+}
+
+export function handleBlocks(apiBase?: string) {
+  return async function GET(
+    _request: Request,
+    { params }: { params: Params }
+  ) {
+    try {
+      const apiKey = process.env.PAID_API_KEY;
+      
+      if (!apiKey) {
+        console.log('handlePaidUnified - No API key found in environment variables');
+        return new Response(
+          JSON.stringify({ error: 'API key not configured. Please set PAID_API_KEY environment variable.' }),
+          { 
+            status: 500,
+            headers: { 'Content-Type': 'application/json' }
+          }
+        );
+      }
+
+      if (!apiBase) {
+        apiBase = 'https://api.agentpaid.io';
+      }
+
+      const paidEndpoint = params.paidEndpoint as PaidEndpoint;
+      const routeParams = params.params || [];
+      
+      let customerExternalId: string | undefined;
+      let invoiceId: string | undefined;
+      
+      if (paidEndpoint === 'invoice-pdf') {
+        invoiceId = routeParams[0];
+      } else {
+        customerExternalId = routeParams[0];
+      }
+
+      if ((paidEndpoint === 'invoices' || paidEndpoint === 'payments' || paidEndpoint === 'usage') && !customerExternalId) {
+        return new Response(
+          JSON.stringify({ error: 'customerExternalId is required for this endpoint' }),
+          { 
+            status: 400,
+            headers: { 'Content-Type': 'application/json' }
+          }
+        );
+      }
+
+      if (paidEndpoint === 'invoice-pdf' && !invoiceId) {
+        return new Response(
+          JSON.stringify({ error: 'invoiceId is required for invoice PDF endpoint' }),
+          { 
+            status: 400,
+            headers: { 'Content-Type': 'application/json' }
+          }
+        );
+      }
+
+      let url: string;
+      switch (paidEndpoint) {
+        case 'invoices':
+          url = `${apiBase}/api/organizations/org/customer/external/${customerExternalId}/invoices`;
+          break;
+        case 'payments':
+          url = `${apiBase}/api/organizations/org/customer/external/${customerExternalId}/payments`;
+          break;
+        case 'invoice-pdf':
+          url = `${apiBase}/api/organizations/org/invoices/${invoiceId}/pdf`;
+          break;
+        case 'usage':
+          url = `${apiBase}/api/organizations/org/customer/external/${customerExternalId}`;
+          break;
+        default:
+          return new Response(
+            JSON.stringify({ error: `Unknown endpoint: ${paidEndpoint}` }),
+            { 
+              status: 400,
+              headers: { 'Content-Type': 'application/json' }
+            }
+          );
+      }
+
+      const response = await fetch(url, {
+        headers: {
+          'Authorization': `Bearer ${apiKey}`,
+        },
+      });
+
+      if (!response.ok) {
+        let errorMessage = `HTTP ${response.status}: ${response.statusText}`;
+        try {
+          const errorData = await response.json();
+          errorMessage = errorData.error || errorData.message || errorMessage;
+        } catch (parseError) {
+          if (paidEndpoint === 'invoice-pdf') {
+            try {
+              const errorText = await response.text();
+              if (errorText) {
+                errorMessage = errorText;
+              }
+            } catch (textError) {
+              console.log(`handlePaidUnified - Could not parse error response for ${paidEndpoint}`);
+            }
+          } else {
+            console.log(`handlePaidUnified - Could not parse error response as JSON for ${paidEndpoint}`);
+          }
+        }
+        
+        return new Response(
+          JSON.stringify({ error: errorMessage }),
+          { 
+            status: response.status,
+            headers: { 'Content-Type': 'application/json' }
+          }
+        );
+      }
+
+      const data = await response.json();
+      return new Response(
+        JSON.stringify(data),
+        { 
+          status: 200,
+          headers: { 'Content-Type': 'application/json' }
+        }
+      );
+    } catch (error) {
+      console.error(`Error in handlePaidUnified for ${params.paidEndpoint}:`, error);
+      return new Response(
+        JSON.stringify({ 
+          error: `Failed to fetch ${params.paidEndpoint} data`, 
+          details: error instanceof Error ? error.message : String(error)
+        }),
+        { 
+          status: 500,
+          headers: { 'Content-Type': 'application/json' }
+        }
+      );
+    }
+  };
+} 

package/dist/api/handleBlocks.d.ts

@@ -0,0 +1,9 @@
+interface Params {
+    paidEndpoint: string;
+    params: string[];
+}
+export declare function handleBlocks(apiBase?: string): (_request: Request, { params }: {
+    params: Params;
+}) => Promise<Response>;
+export {};
+//# sourceMappingURL=handleBlocks.d.ts.map

package/dist/api/handleBlocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleBlocks.d.ts","sourceRoot":"","sources":["../../src/api/handleBlocks.ts"],"names":[],"mappings":"AAEA,UAAU,MAAM;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,cAE/B,OAAO;YACK,MAAM;wBAqI/B"}

package/dist/api/handleBlocks.js

@@ -0,0 +1,107 @@
+export function handleBlocks(apiBase) {
+    return async function GET(_request, { params }) {
+        try {
+            const apiKey = process.env.PAID_API_KEY;
+            if (!apiKey) {
+                console.log('handlePaidUnified - No API key found in environment variables');
+                return new Response(JSON.stringify({ error: 'API key not configured. Please set PAID_API_KEY environment variable.' }), {
+                    status: 500,
+                    headers: { 'Content-Type': 'application/json' }
+                });
+            }
+            if (!apiBase) {
+                apiBase = 'https://api.agentpaid.io';
+            }
+            const paidEndpoint = params.paidEndpoint;
+            const routeParams = params.params || [];
+            let customerExternalId;
+            let invoiceId;
+            if (paidEndpoint === 'invoice-pdf') {
+                invoiceId = routeParams[0];
+            }
+            else {
+                customerExternalId = routeParams[0];
+            }
+            if ((paidEndpoint === 'invoices' || paidEndpoint === 'payments' || paidEndpoint === 'usage') && !customerExternalId) {
+                return new Response(JSON.stringify({ error: 'customerExternalId is required for this endpoint' }), {
+                    status: 400,
+                    headers: { 'Content-Type': 'application/json' }
+                });
+            }
+            if (paidEndpoint === 'invoice-pdf' && !invoiceId) {
+                return new Response(JSON.stringify({ error: 'invoiceId is required for invoice PDF endpoint' }), {
+                    status: 400,
+                    headers: { 'Content-Type': 'application/json' }
+                });
+            }
+            let url;
+            switch (paidEndpoint) {
+                case 'invoices':
+                    url = `${apiBase}/api/organizations/org/customer/external/${customerExternalId}/invoices`;
+                    break;
+                case 'payments':
+                    url = `${apiBase}/api/organizations/org/customer/external/${customerExternalId}/payments`;
+                    break;
+                case 'invoice-pdf':
+                    url = `${apiBase}/api/organizations/org/invoices/${invoiceId}/pdf`;
+                    break;
+                case 'usage':
+                    url = `${apiBase}/api/organizations/org/customer/external/${customerExternalId}`;
+                    break;
+                default:
+                    return new Response(JSON.stringify({ error: `Unknown endpoint: ${paidEndpoint}` }), {
+                        status: 400,
+                        headers: { 'Content-Type': 'application/json' }
+                    });
+            }
+            const response = await fetch(url, {
+                headers: {
+                    'Authorization': `Bearer ${apiKey}`,
+                },
+            });
+            if (!response.ok) {
+                let errorMessage = `HTTP ${response.status}: ${response.statusText}`;
+                try {
+                    const errorData = await response.json();
+                    errorMessage = errorData.error || errorData.message || errorMessage;
+                }
+                catch (parseError) {
+                    if (paidEndpoint === 'invoice-pdf') {
+                        try {
+                            const errorText = await response.text();
+                            if (errorText) {
+                                errorMessage = errorText;
+                            }
+                        }
+                        catch (textError) {
+                            console.log(`handlePaidUnified - Could not parse error response for ${paidEndpoint}`);
+                        }
+                    }
+                    else {
+                        console.log(`handlePaidUnified - Could not parse error response as JSON for ${paidEndpoint}`);
+                    }
+                }
+                return new Response(JSON.stringify({ error: errorMessage }), {
+                    status: response.status,
+                    headers: { 'Content-Type': 'application/json' }
+                });
+            }
+            const data = await response.json();
+            return new Response(JSON.stringify(data), {
+                status: 200,
+                headers: { 'Content-Type': 'application/json' }
+            });
+        }
+        catch (error) {
+            console.error(`Error in handlePaidUnified for ${params.paidEndpoint}:`, error);
+            return new Response(JSON.stringify({
+                error: `Failed to fetch ${params.paidEndpoint} data`,
+                details: error instanceof Error ? error.message : String(error)
+            }), {
+                status: 500,
+                headers: { 'Content-Type': 'application/json' }
+            });
+        }
+    };
+}
+//# sourceMappingURL=handleBlocks.js.map

package/dist/api/handleBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleBlocks.js","sourceRoot":"","sources":["../../src/api/handleBlocks.ts"],"names":[],"mappings":"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"}

package/dist/components/PaidActivityLog.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import '../styles/activity-log-table.css';
+import '../styles/paid-activity-log.css';
 interface PaidStyleProperties {
     fontFamily?: string;
     primaryColor?: string;
@@ -14,7 +14,7 @@ interface PaidStyleProperties {
     buttonBgColor?: string;
 }
 interface PaidActivityLogProps {
-    accountExternalId: string;
+    customerExternalId: string;
     paidStyle?: PaidStyleProperties;
 }
 export declare const PaidActivityLog: React.FC<PaidActivityLogProps>;

package/dist/components/PaidActivityLog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaidActivityLog.d.ts","sourceRoot":"","sources":["../../src/components/PaidActivityLog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,kCAAkC,CAAC;AAE1C,UAAU,mBAAmB;IAEzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAGpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAGjC,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AA2BD,UAAU,oBAAoB;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACnC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+K1D,CAAC"}
+{"version":3,"file":"PaidActivityLog.d.ts","sourceRoot":"","sources":["../../src/components/PaidActivityLog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,iCAAiC,CAAC;AAEzC,UAAU,mBAAmB;IAEzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAGpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAGjC,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AA2BD,UAAU,oBAAoB;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACnC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+L1D,CAAC"}

package/dist/components/PaidActivityLog.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { useIsInContainer } from './PaidContainer';
-import { cachedFetch, getCacheKey, CACHE_TTL } from '../utils/cache';
 import { Pagination } from './ui/Pagination';
-import '../styles/activity-log-table.css';
-export const PaidActivityLog = ({ accountExternalId, paidStyle = {} }) => {
+import { fetchPaidData } from '../utils/apiClient';
+import '../styles/paid-activity-log.css';
+export const PaidActivityLog = ({ customerExternalId, paidStyle = {} }) => {
     const [usageSummaries, setUsageSummaries] = useState([]);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -85,9 +85,15 @@ export const PaidActivityLog = ({ accountExternalId, paidStyle = {} }) => {
         const fetchUsageData = async () => {
             try {
                 setLoading(true);
-                // Use cached fetch for usage data
-                const cacheKey = getCacheKey.usage(accountExternalId);
-                const data = await cachedFetch(`/api/usage/${accountExternalId}`, cacheKey, CACHE_TTL.DATA);
+                // Use new API client for usage data
+                const response = await fetchPaidData({
+                    paidEndpoint: 'usage',
+                    customerExternalId
+                });
+                if (!response.ok) {
+                    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+                }
+                const data = await response.json();
                 const mappedUsageSummaries = (data.data.usageSummary || []).map((summary) => ({
                     ...summary,
                     accountId: summary.customerId,
@@ -102,7 +108,18 @@ export const PaidActivityLog = ({ accountExternalId, paidStyle = {} }) => {
             }
         };
         fetchUsageData();
-    }, [accountExternalId]);
+        // Listen for cache refresh events
+        const handleCacheRefresh = (event) => {
+            var _a, _b;
+            if (((_a = event.detail) === null || _a === void 0 ? void 0 : _a.customerId) === customerExternalId || ((_b = event.detail) === null || _b === void 0 ? void 0 : _b.type) === 'all') {
+                fetchUsageData();
+            }
+        };
+        window.addEventListener('cache-refresh', handleCacheRefresh);
+        return () => {
+            window.removeEventListener('cache-refresh', handleCacheRefresh);
+        };
+    }, [customerExternalId]);
     if (loading) {
         return _jsx("div", { children: "Loading usage data..." });
     }

package/dist/components/PaidActivityLog.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaidActivityLog.js","sourceRoot":"","sources":["../../src/components/PaidActivityLog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PaidActivityLog.js","sourceRoot":"","sources":["../../src/components/PaidActivityLog.tsx"],"names":[],"mappings":"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"}

package/dist/components/PaidInvoiceTable.d.ts

@@ -14,7 +14,7 @@ interface PaidStyleProperties {
     buttonBgColor?: string;
 }
 interface PaidInvoiceTableProps {
-    accountExternalId: string;
+    customerExternalId: string;
     paidStyle?: PaidStyleProperties;
 }
 export declare const PaidInvoiceTable: React.FC<PaidInvoiceTableProps>;

package/dist/components/PaidInvoiceTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaidInvoiceTable.d.ts","sourceRoot":"","sources":["../../src/components/PaidInvoiceTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,kCAAkC,CAAC;AAE1C,UAAU,mBAAmB;IAEzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAGpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAGjC,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAqBD,UAAU,qBAAqB;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwR5D,CAAC"}
+{"version":3,"file":"PaidInvoiceTable.d.ts","sourceRoot":"","sources":["../../src/components/PaidInvoiceTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,kCAAkC,CAAC;AAE1C,UAAU,mBAAmB;IAEzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IAGpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAGjC,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAqBD,UAAU,qBAAqB;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2S5D,CAAC"}