@agentpaid/paid-nextjs-client 0.3.0-test.2 → 0.3.1

package/dist/components/components/ui/Pagination.js

@@ -0,0 +1,168 @@
+import React from 'react';
+
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+}
+
+export const Pagination: React.FC<PaginationProps> = ({
+    currentPage,
+    totalPages,
+    onPageChange,
+    className = ''
+}) => {
+    if (totalPages <= 1) return null;
+
+    const getVisiblePages = () => {
+        const pages: (number | string)[] = [];
+        const maxVisible = 5;
+        
+        if (totalPages <= maxVisible) {
+            // Show all pages if total is small
+            for (let i = 1; i <= totalPages; i++) {
+                pages.push(i);
+            }
+        } else {
+            // Always show first page
+            pages.push(1);
+            
+            if (currentPage > 3) {
+                pages.push('...');
+            }
+            
+            // Show pages around current page
+            const start = Math.max(2, currentPage - 1);
+            const end = Math.min(totalPages - 1, currentPage + 1);
+            
+            for (let i = start; i <= end; i++) {
+                if (i !== 1 && i !== totalPages) {
+                    pages.push(i);
+                }
+            }
+            
+            if (currentPage < totalPages - 2) {
+                pages.push('...');
+            }
+            
+            // Always show last page
+            if (totalPages > 1) {
+                pages.push(totalPages);
+            }
+        }
+        
+        return pages;
+    };
+
+    const visiblePages = getVisiblePages();
+
+    return (
+        <>
+            <style>{`
+                .paid-pagination-btn {
+                    padding: 6px 12px;
+                    border: 1px solid #E5E7EB;
+                    background-color: var(--paid-button-bg-color, #FFFFFF) !important;
+                    color: var(--paid-primary-color, #374151) !important;
+                    border-radius: 6px;
+                    cursor: pointer;
+                    fontSize: 13px;
+                    font-weight: 500;
+                    transition: all 0.15s ease;
+                    outline: none !important;
+                    user-select: none;
+                    -webkit-appearance: none !important;
+                    -moz-appearance: none !important;
+                    appearance: none !important;
+                    box-shadow: none !important;
+                }
+                
+                .paid-pagination-btn:hover:not(:disabled) {
+                    filter: brightness(0.9) !important;
+                    transform: translateY(-1px) !important;
+                    background-color: var(--paid-button-bg-color, #FFFFFF) !important;
+                }
+                
+                .paid-pagination-btn:active:not(:disabled) {
+                    filter: brightness(0.8) !important;
+                    transform: translateY(0px) !important;
+                    background-color: var(--paid-button-bg-color, #FFFFFF) !important;
+                }
+                
+                .paid-pagination-btn:focus:not(:disabled) {
+                    filter: brightness(0.9) !important;
+                    background-color: var(--paid-button-bg-color, #FFFFFF) !important;
+                    box-shadow: none !important;
+                    outline: none !important;
+                }
+                
+                .paid-pagination-btn:disabled {
+                    background-color: var(--paid-button-bg-color, #F9FAFB) !important;
+                    color: #9CA3AF !important;
+                    cursor: not-allowed;
+                    opacity: 0.6;
+                }
+                
+                .paid-pagination-btn.current-page {
+                    background-color: #F3F4F6 !important;
+                    color: var(--paid-primary-color, #111827) !important;
+                    font-weight: 600;
+                }
+                
+                .paid-pagination-btn.page-number {
+                    padding: 6px 10px;
+                    min-width: 32px;
+                }
+            `}</style>
+            <div className={`pagination-container ${className}`} style={{
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'flex-end',
+                gap: '6px',
+                padding: '16px 24px',
+                fontSize: '13px',
+                fontFamily: 'inherit',
+                width: '100%',
+                boxSizing: 'border-box'
+            }}>
+                <button
+                    onClick={() => onPageChange(currentPage - 1)}
+                    disabled={currentPage === 1}
+                    className="paid-pagination-btn"
+                >
+                    Previous
+                </button>
+
+                {visiblePages.map((page, index) => (
+                    <React.Fragment key={index}>
+                        {page === '...' ? (
+                            <span style={{
+                                padding: '6px 4px',
+                                color: '#9CA3AF',
+                                fontSize: '13px'
+                            }}>
+                                ...
+                            </span>
+                        ) : (
+                            <button
+                                onClick={() => onPageChange(page as number)}
+                                className={`paid-pagination-btn page-number ${currentPage === page ? 'current-page' : ''}`}
+                            >
+                                {page}
+                            </button>
+                        )}
+                    </React.Fragment>
+                ))}
+
+                <button
+                    onClick={() => onPageChange(currentPage + 1)}
+                    disabled={currentPage === totalPages}
+                    className="paid-pagination-btn"
+                >
+                    Next
+                </button>
+            </div>
+        </>
+    );
+}; 

package/dist/components/ui/Pagination.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+}
+export declare const Pagination: React.FC<PaginationProps>;
+export {};
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/ui/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,eAAe;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8JhD,CAAC"}

package/dist/components/ui/Pagination.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+export const Pagination = ({ currentPage, totalPages, onPageChange, className = '' }) => {
+    if (totalPages <= 1)
+        return null;
+    const getVisiblePages = () => {
+        const pages = [];
+        const maxVisible = 5;
+        if (totalPages <= maxVisible) {
+            // Show all pages if total is small
+            for (let i = 1; i <= totalPages; i++) {
+                pages.push(i);
+            }
+        }
+        else {
+            // Always show first page
+            pages.push(1);
+            if (currentPage > 3) {
+                pages.push('...');
+            }
+            // Show pages around current page
+            const start = Math.max(2, currentPage - 1);
+            const end = Math.min(totalPages - 1, currentPage + 1);
+            for (let i = start; i <= end; i++) {
+                if (i !== 1 && i !== totalPages) {
+                    pages.push(i);
+                }
+            }
+            if (currentPage < totalPages - 2) {
+                pages.push('...');
+            }
+            // Always show last page
+            if (totalPages > 1) {
+                pages.push(totalPages);
+            }
+        }
+        return pages;
+    };
+    const visiblePages = getVisiblePages();
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+                .paid-pagination-btn {
+                    padding: 6px 12px;
+                    border: 1px solid #E5E7EB;
+                    background-color: var(--paid-button-bg-color, #FFFFFF) !important;
+                    color: var(--paid-primary-color, #374151) !important;
+                    border-radius: 6px;
+                    cursor: pointer;
+                    fontSize: 13px;
+                    font-weight: 500;
+                    transition: all 0.15s ease;
+                    outline: none !important;
+                    user-select: none;
+                    -webkit-appearance: none !important;
+                    -moz-appearance: none !important;
+                    appearance: none !important;
+                    box-shadow: none !important;
+                }
+                
+                .paid-pagination-btn:hover:not(:disabled) {
+                    filter: brightness(0.9) !important;
+                    transform: translateY(-1px) !important;
+                    background-color: var(--paid-button-bg-color, #FFFFFF) !important;
+                }
+                
+                .paid-pagination-btn:active:not(:disabled) {
+                    filter: brightness(0.8) !important;
+                    transform: translateY(0px) !important;
+                    background-color: var(--paid-button-bg-color, #FFFFFF) !important;
+                }
+                
+                .paid-pagination-btn:focus:not(:disabled) {
+                    filter: brightness(0.9) !important;
+                    background-color: var(--paid-button-bg-color, #FFFFFF) !important;
+                    box-shadow: none !important;
+                    outline: none !important;
+                }
+                
+                .paid-pagination-btn:disabled {
+                    background-color: var(--paid-button-bg-color, #F9FAFB) !important;
+                    color: #9CA3AF !important;
+                    cursor: not-allowed;
+                    opacity: 0.6;
+                }
+                
+                .paid-pagination-btn.current-page {
+                    background-color: #F3F4F6 !important;
+                    color: var(--paid-primary-color, #111827) !important;
+                    font-weight: 600;
+                }
+                
+                .paid-pagination-btn.page-number {
+                    padding: 6px 10px;
+                    min-width: 32px;
+                }
+            ` }), _jsxs("div", { className: `pagination-container ${className}`, style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'flex-end',
+                    gap: '6px',
+                    padding: '16px 24px',
+                    fontSize: '13px',
+                    fontFamily: 'inherit',
+                    width: '100%',
+                    boxSizing: 'border-box'
+                }, children: [_jsx("button", { onClick: () => onPageChange(currentPage - 1), disabled: currentPage === 1, className: "paid-pagination-btn", children: "Previous" }), visiblePages.map((page, index) => (_jsx(React.Fragment, { children: page === '...' ? (_jsx("span", { style: {
+                                padding: '6px 4px',
+                                color: '#9CA3AF',
+                                fontSize: '13px'
+                            }, children: "..." })) : (_jsx("button", { onClick: () => onPageChange(page), className: `paid-pagination-btn page-number ${currentPage === page ? 'current-page' : ''}`, children: page })) }, index))), _jsx("button", { onClick: () => onPageChange(currentPage + 1), disabled: currentPage === totalPages, className: "paid-pagination-btn", children: "Next" })] })] }));
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/components/ui/Pagination.js.map

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

package/dist/hooks/useCache.d.ts

@@ -1,8 +1,8 @@
 export declare const useCache: () => {
     clearAllCache: () => void;
-    clearAccountCache: (accountId: string) => void;
+    clearCustomerCache: (customerId: string) => void;
     clearInvoicePdfCache: (invoiceId: string) => void;
-    refreshAccountData: (accountId: string) => void;
+    refreshCustomerData: (customerId: string) => void;
     getCacheStats: () => {
         size: number;
         keys: string[];

package/dist/hooks/useCache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCache.d.ts","sourceRoot":"","sources":["../../src/hooks/useCache.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;mCAO+B,MAAM;sCAOH,MAAM;oCAKR,MAAM;;;;;oBActB,MAAM;CAY1C,CAAC"}
+{"version":3,"file":"useCache.d.ts","sourceRoot":"","sources":["../../src/hooks/useCache.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;qCAKiC,MAAM;sCAML,MAAM;sCAIN,MAAM;;;;;oBAWxB,MAAM;CAY1C,CAAC"}

package/dist/hooks/useCache.js

@@ -1,41 +1,34 @@
 import { useCallback } from 'react';
 import { dataCache, getCacheKey } from '../utils/cache';
 export const useCache = () => {
-    // Clear all cache
     const clearAllCache = useCallback(() => {
         dataCache.clear();
     }, []);
-    // Clear cache for specific account
-    const clearAccountCache = useCallback((accountId) => {
-        dataCache.delete(getCacheKey.invoices(accountId));
-        dataCache.delete(getCacheKey.payments(accountId));
-        dataCache.delete(getCacheKey.usage(accountId));
+    const clearCustomerCache = useCallback((customerId) => {
+        dataCache.delete(getCacheKey.invoices(customerId));
+        dataCache.delete(getCacheKey.payments(customerId));
+        dataCache.delete(getCacheKey.usage(customerId));
     }, []);
-    // Clear PDF cache for specific invoice
     const clearInvoicePdfCache = useCallback((invoiceId) => {
         dataCache.delete(getCacheKey.invoicePdf(invoiceId));
     }, []);
-    // Force refresh data for account (clears cache and triggers refetch)
-    const refreshAccountData = useCallback((accountId) => {
-        clearAccountCache(accountId);
-        // Trigger a custom event that components can listen to for refetching
+    const refreshCustomerData = useCallback((customerId) => {
+        clearCustomerCache(customerId);
         window.dispatchEvent(new CustomEvent('cache-refresh', {
-            detail: { accountId, type: 'account' }
+            detail: { customerId, type: 'customer' }
         }));
-    }, [clearAccountCache]);
-    // Get cache statistics
+    }, [clearCustomerCache]);
     const getCacheStats = useCallback(() => {
         return dataCache.getStats();
     }, []);
-    // Check if data is cached
     const isCached = useCallback((key) => {
         return dataCache.has(key);
     }, []);
     return {
         clearAllCache,
-        clearAccountCache,
+        clearCustomerCache,
         clearInvoicePdfCache,
-        refreshAccountData,
+        refreshCustomerData,
         getCacheStats,
         isCached,
     };

package/dist/hooks/useCache.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCache.js","sourceRoot":"","sources":["../../src/hooks/useCache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,kBAAkB;IAClB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,SAAS,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mCAAmC;IACnC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QAC1D,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAClD,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAClD,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,uCAAuC;IACvC,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QAC7D,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IACtD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,qEAAqE;IACrE,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QAC3D,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7B,sEAAsE;QACtE,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE;YACpD,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;SACvC,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,uBAAuB;IACvB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,OAAO,SAAS,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,0BAA0B;IAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE;QAC3C,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,aAAa;QACb,iBAAiB;QACjB,oBAAoB;QACpB,kBAAkB;QAClB,aAAa;QACb,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useCache.js","sourceRoot":"","sources":["../../src/hooks/useCache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,SAAS,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,UAAkB,EAAE,EAAE;QAC5D,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;QACnD,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;QACnD,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QAC7D,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IACtD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,UAAkB,EAAE,EAAE;QAC7D,kBAAkB,CAAC,UAAU,CAAC,CAAC;QAC/B,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,EAAE;YACpD,MAAM,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE;SACzC,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,OAAO,SAAS,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE;QAC3C,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,aAAa;QACb,kBAAkB;QAClB,oBAAoB;QACpB,mBAAmB;QACnB,aAAa;QACb,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { PaidContainer, useIsInContainer } from './components/PaidContainer';
 export { PaidInvoiceTable } from './components/PaidInvoiceTable';
 export { PaidPaymentsTable } from './components/PaidPaymentsTable';
 export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './components/ui/table';
-export { handlePaidUsage } from './api/handlePaidUsage';
-export { handlePaidInvoices } from './api/handlePaidInvoices';
-export { handlePaidInvoicePdf } from './api/handlePaidInvoicePdf'; 
-export { handlePaidPayments } from './api/handlePaidPayments';
+export { handleBlocks } from './api/handleBlocks';
+export { fetchPaidData } from './utils/apiClient';
+export { Pagination } from './components/ui/Pagination';
+export { useCache } from './hooks/useCache';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtG,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtG,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -3,7 +3,7 @@ export { PaidContainer, useIsInContainer } from './components/PaidContainer';
 export { PaidInvoiceTable } from './components/PaidInvoiceTable';
 export { PaidPaymentsTable } from './components/PaidPaymentsTable';
 export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './components/ui/table';
-export { handlePaidUsage } from './api/handlePaidUsage';
-export { handlePaidInvoices } from './api/handlePaidInvoices';
-export { handlePaidInvoicePdf } from './api/handlePaidInvoicePdf'; 
-export { handlePaidPayments } from './api/handlePaidPayments';
+export { handleBlocks } from './api/handleBlocks';
+export { fetchPaidData } from './utils/apiClient';
+export { Pagination } from './components/ui/Pagination';
+export { useCache } from './hooks/useCache';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtG,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtG,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/styles/paid-activity-log.css

@@ -0,0 +1,154 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
+
+/* Activity Log Table Styles */
+.paid-activity-log-container {
+    position: relative;
+    min-width: 0;
+    font-family: var(--paid-font-family, 'Roboto');
+    width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+    box-sizing: border-box;
+}
+
+.paid-activity-log-table-wrapper {
+    position: relative;
+    background: var(--paid-table-background-color, #ffffff);
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    box-shadow: 0 2px 16px 0 rgba(16, 24, 40, 0.08);
+    overflow-x: auto;
+    transition: box-shadow 0.2s;
+    font-family: var(--paid-font-family, 'Roboto');
+    width: 100%;
+    min-width: 0;
+}
+
+.paid-activity-log-table-wrapper:active {
+    box-shadow: 0 4px 24px 0 rgba(16, 24, 40, 0.16);
+}
+
+.paid-activity-log-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: var(--paid-header-padding, 18px 24px);
+    background: var(--paid-container-background-color, #f8f9fa);
+    border-bottom: 1px solid #e5e7eb;
+    border-radius: 12px 12px 0 0;
+    font-family: var(--paid-font-family, 'Roboto');
+}
+
+.paid-activity-log-title {
+    margin: 0;
+    font-size: var(--paid-h3-font-size, 1.1rem);
+    font-weight: 600;
+    color: var(--paid-primary-color, #1d2939);
+    font-family: var(--paid-font-family, 'Roboto');
+}
+
+.paid-activity-log-table {
+    width: 100%;
+    min-width: 0;
+    table-layout: fixed;
+    word-break: break-word;
+    border-collapse: separate;
+    border-spacing: 0;
+    background: var(--paid-table-background-color, #ffffff);
+    font-family: var(--paid-font-family, 'Roboto');
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
+.paid-activity-log-table th,
+.paid-activity-log-table td {
+    padding: var(--paid-cell-padding, 8px 8px);
+    font-size: var(--paid-paragraph-font-size, 0.95rem);
+    white-space: normal;
+    word-break: break-word;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.paid-activity-log-table th {
+    font-size: var(--paid-paragraph-font-size, 1rem);
+    font-weight: 500;
+    color: var(--paid-table-header-color, var(--paid-secondary-color, #667085));
+    text-align: left;
+    padding: var(--paid-header-padding, 18px 24px);
+    background: var(--paid-table-header-background-color, #f9fafb);
+    border-bottom: 1px solid #e5e7eb;
+}
+
+.paid-activity-log-table td {
+    font-size: var(--paid-paragraph-font-size, 0.97rem);
+    font-weight: normal;
+    color: var(--paid-table-cell-color, var(--paid-primary-color, #1d2939));
+    background: transparent;
+    padding: var(--paid-cell-padding, 16px 24px);
+    border-bottom: 1px solid #f1f1f1;
+    vertical-align: middle;
+}
+
+.paid-activity-log-table tr:last-child td {
+    border-bottom: none;
+}
+
+.paid-activity-log-table tbody tr:hover td {
+    background: var(--paid-table-hover-color, #f3f4f6);
+}
+
+.paid-activity-log-table th,
+.paid-activity-log-table td {
+    white-space: nowrap;
+}
+
+/* Empty State */
+.paid-activity-log-empty {
+    text-align: center;
+    color: var(--paid-secondary-color, #98a2b3);
+    padding: 40px 0;
+    font-size: var(--paid-paragraph-font-size, 1rem);
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .paid-activity-log-table th,
+    .paid-activity-log-table td {
+        padding: var(--paid-cell-padding, 12px 16px);
+        font-size: var(--paid-paragraph-font-size, 0.8rem);
+    }
+    
+    .paid-activity-log-table {
+        min-width: 600px;
+    }
+}
+
+/* Resize handles */
+.paid-activity-log-resize-handle {
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  z-index: 2;
+}
+.paid-activity-log-resize-handle-nw { top: 0; left: 0; cursor: nwse-resize; }
+.paid-activity-log-resize-handle-ne { top: 0; right: 0; cursor: nesw-resize; }
+.paid-activity-log-resize-handle-sw { bottom: 0; left: 0; cursor: nesw-resize; }
+.paid-activity-log-resize-handle-se { bottom: 0; right: 0; cursor: nwse-resize; }
+.paid-activity-log-resize-handle-n { top: 0; left: 16px; right: 16px; height: 8px; cursor: ns-resize; }
+.paid-activity-log-resize-handle-s { bottom: 0; left: 16px; right: 16px; height: 8px; cursor: ns-resize; }
+.paid-activity-log-resize-handle-w { left: 0; top: 16px; bottom: 16px; width: 8px; cursor: ew-resize; }
+.paid-activity-log-resize-handle-e { right: 0; top: 16px; bottom: 16px; width: 8px; cursor: ew-resize; }
+
+.paid-activity-log-resize-dot {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: #e5e7eb;
+  border-radius: 2px;
+  border: 2px solid #cbd5e1;
+}
+.paid-activity-log-resize-dot-nw { top: 2px; left: 2px; }
+.paid-activity-log-resize-dot-ne { top: 2px; right: 2px; }
+.paid-activity-log-resize-dot-sw { bottom: 2px; left: 2px; }
+.paid-activity-log-resize-dot-se { bottom: 2px; right: 2px; }