@agentpaid/paid-nextjs-client 0.3.0-test.2 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +246 -72
- package/dist/components/PaidActivityLog.d.ts +11 -24
- package/dist/components/PaidActivityLog.d.ts.map +1 -1
- package/dist/components/PaidActivityLog.js +53 -26
- package/dist/components/PaidActivityLog.js.map +1 -1
- package/dist/components/PaidContainer.d.ts +11 -24
- package/dist/components/PaidContainer.d.ts.map +1 -1
- package/dist/components/PaidContainer.js +18 -9
- package/dist/components/PaidContainer.js.map +1 -1
- package/dist/components/PaidInvoiceTable.d.ts +11 -24
- package/dist/components/PaidInvoiceTable.d.ts.map +1 -1
- package/dist/components/PaidInvoiceTable.js +57 -30
- package/dist/components/PaidInvoiceTable.js.map +1 -1
- package/dist/components/PaidPaymentsTable.d.ts +11 -24
- package/dist/components/PaidPaymentsTable.d.ts.map +1 -1
- package/dist/components/PaidPaymentsTable.js +54 -28
- package/dist/components/PaidPaymentsTable.js.map +1 -1
- package/dist/components/components/PaidActivityLog.js +98 -57
- package/dist/components/components/PaidContainer.js +42 -32
- package/dist/components/components/PaidInvoiceTable.js +103 -86
- package/dist/components/components/PaidPaymentsTable.js +102 -69
- package/dist/components/components/ui/Pagination.js +168 -0
- package/dist/components/ui/Pagination.d.ts +10 -0
- package/dist/components/ui/Pagination.d.ts.map +1 -0
- package/dist/components/ui/Pagination.js +111 -0
- package/dist/components/ui/Pagination.js.map +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/activity-log-table.css +94 -78
- package/dist/styles/paid-container.css +25 -16
- package/dist/styles/paid-invoice-table.css +135 -120
- package/dist/styles/paid-payments-table.css +65 -109
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/utils/cache.js +1 -1
- package/dist/utils/cache.js.map +1 -1
- package/package.json +1 -1
@@ -11,16 +11,25 @@ export const PaidContainer = ({ title, description, tabs = [], defaultActiveTab,
|
|
11
11
|
const [activeTab, setActiveTab] = useState(defaultActiveTab || ((_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.id));
|
12
12
|
// Convert paidStyle entries into CSS custom properties
|
13
13
|
const cssVariables = Object.entries(paidStyle).reduce((vars, [key, value]) => {
|
14
|
-
|
15
|
-
|
16
|
-
|
14
|
+
// Map simplified properties to CSS custom properties
|
15
|
+
const propertyMap = {
|
16
|
+
fontFamily: '--paid-font-family',
|
17
|
+
primaryColor: '--paid-primary-color',
|
18
|
+
secondaryColor: '--paid-secondary-color',
|
19
|
+
containerBackgroundColor: '--paid-container-background-color',
|
20
|
+
tableBackgroundColor: '--paid-table-background-color',
|
21
|
+
tableHeaderBackgroundColor: '--paid-table-header-background-color',
|
22
|
+
tabBackgroundColor: '--paid-tab-background-color',
|
23
|
+
tabActiveBackgroundColor: '--paid-tab-active-background-color',
|
24
|
+
tabHoverBackgroundColor: '--paid-tab-hover-background-color',
|
25
|
+
tableHoverColor: '--paid-table-hover-color',
|
26
|
+
buttonBgColor: '--paid-button-bg-color'
|
27
|
+
};
|
28
|
+
const cssProperty = propertyMap[key];
|
29
|
+
if (cssProperty) {
|
30
|
+
// @ts-ignore allow custom property
|
31
|
+
vars[cssProperty] = value;
|
17
32
|
}
|
18
|
-
else {
|
19
|
-
const raw = key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
20
|
-
varName = raw.startsWith('--') ? raw : `--${raw}`;
|
21
|
-
}
|
22
|
-
// @ts-ignore allow custom property
|
23
|
-
vars[varName] = value;
|
24
33
|
return vars;
|
25
34
|
}, {});
|
26
35
|
const activeTabData = tabs.find(tab => tab.id === activeTab);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaidContainer.js","sourceRoot":"","sources":["../../src/components/PaidContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,8BAA8B,CAAC;AAEtC,gEAAgE;AAChE,MAAM,oBAAoB,GAAG,aAAa,CAAU,KAAK,CAAC,CAAC;AAE3D,oCAAoC;AACpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"PaidContainer.js","sourceRoot":"","sources":["../../src/components/PaidContainer.tsx"],"names":[],"mappings":"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"}
|
@@ -1,30 +1,17 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import '../styles/paid-invoice-table.css';
|
3
3
|
interface PaidStyleProperties {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
paidToggleFontWeight?: string;
|
16
|
-
paidToggleColor?: string;
|
17
|
-
paidThFontSize?: string;
|
18
|
-
paidThFontWeight?: string;
|
19
|
-
paidThColor?: string;
|
20
|
-
paidTdFontSize?: string;
|
21
|
-
paidTdColor?: string;
|
22
|
-
paidEmptyColor?: string;
|
23
|
-
paidWrapperBg?: string;
|
24
|
-
paidHeaderBg?: string;
|
25
|
-
paidTableBg?: string;
|
26
|
-
paidThBg?: string;
|
27
|
-
paidRowHoverBg?: string;
|
4
|
+
fontFamily?: string;
|
5
|
+
primaryColor?: string;
|
6
|
+
secondaryColor?: string;
|
7
|
+
containerBackgroundColor?: string;
|
8
|
+
tableBackgroundColor?: string;
|
9
|
+
tableHeaderBackgroundColor?: string;
|
10
|
+
tabBackgroundColor?: string;
|
11
|
+
tabActiveBackgroundColor?: string;
|
12
|
+
tabHoverBackgroundColor?: string;
|
13
|
+
tableHoverColor?: string;
|
14
|
+
buttonBgColor?: string;
|
28
15
|
}
|
29
16
|
interface PaidInvoiceTableProps {
|
30
17
|
accountExternalId: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaidInvoiceTable.d.ts","sourceRoot":"","sources":["../../src/components/PaidInvoiceTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
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"}
|
@@ -2,7 +2,8 @@
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
3
3
|
import { useEffect, useState } from 'react';
|
4
4
|
import { useIsInContainer } from './PaidContainer';
|
5
|
-
import { getCacheKey, CACHE_TTL, dataCache } from '../utils/cache';
|
5
|
+
import { cachedFetch, getCacheKey, CACHE_TTL, dataCache } from '../utils/cache';
|
6
|
+
import { Pagination } from './ui/Pagination';
|
6
7
|
import '../styles/paid-invoice-table.css';
|
7
8
|
export const PaidInvoiceTable = ({ accountExternalId, paidStyle = {} }) => {
|
8
9
|
const [invoices, setInvoices] = useState([]);
|
@@ -11,29 +12,62 @@ export const PaidInvoiceTable = ({ accountExternalId, paidStyle = {} }) => {
|
|
11
12
|
const [isPreviewOpen, setIsPreviewOpen] = useState(false);
|
12
13
|
const [pdfResponse, setPdfResponse] = useState(null);
|
13
14
|
const [selectedInvoice, setSelectedInvoice] = useState(null);
|
14
|
-
const [
|
15
|
+
const [loadingInvoiceId, setLoadingInvoiceId] = useState(null);
|
16
|
+
const [currentPage, setCurrentPage] = useState(1);
|
17
|
+
const itemsPerPage = 8;
|
15
18
|
const isInContainer = useIsInContainer();
|
19
|
+
// Calculate pagination
|
20
|
+
const totalPages = Math.ceil(invoices.length / itemsPerPage);
|
21
|
+
const startIndex = (currentPage - 1) * itemsPerPage;
|
22
|
+
const endIndex = startIndex + itemsPerPage;
|
23
|
+
const currentInvoices = invoices.slice(startIndex, endIndex);
|
16
24
|
// Convert paidStyle entries into CSS custom properties
|
17
25
|
const cssVariables = Object.entries(paidStyle).reduce((vars, [key, value]) => {
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
26
|
+
// Only set CSS variables if they are explicitly provided
|
27
|
+
// This allows inheritance from parent PaidContainer
|
28
|
+
if (value !== undefined && value !== null && value !== '') {
|
29
|
+
// Map simplified properties to CSS custom properties
|
30
|
+
const propertyMap = {
|
31
|
+
fontFamily: '--paid-font-family',
|
32
|
+
primaryColor: '--paid-primary-color',
|
33
|
+
secondaryColor: '--paid-secondary-color',
|
34
|
+
containerBackgroundColor: '--paid-container-background-color',
|
35
|
+
tableBackgroundColor: '--paid-table-background-color',
|
36
|
+
tableHeaderBackgroundColor: '--paid-table-header-background-color',
|
37
|
+
tabBackgroundColor: '--paid-tab-background-color',
|
38
|
+
tabActiveBackgroundColor: '--paid-tab-active-background-color',
|
39
|
+
tabHoverBackgroundColor: '--paid-tab-hover-background-color',
|
40
|
+
tableHoverColor: '--paid-table-hover-color',
|
41
|
+
buttonBgColor: '--paid-button-bg-color'
|
42
|
+
};
|
43
|
+
const cssProperty = propertyMap[key];
|
44
|
+
if (cssProperty) {
|
45
|
+
// @ts-ignore allow custom property
|
46
|
+
vars[cssProperty] = value;
|
47
|
+
}
|
25
48
|
}
|
26
|
-
// @ts-ignore allow custom property
|
27
|
-
vars[varName] = value;
|
28
49
|
return vars;
|
29
50
|
}, {});
|
30
|
-
const formatCurrency = (amount) => {
|
51
|
+
const formatCurrency = (amount, currency) => {
|
52
|
+
const symbol = getCurrencySymbol(currency);
|
31
53
|
return new Intl.NumberFormat("en-US", {
|
32
54
|
style: "currency",
|
33
55
|
currency: "USD",
|
34
56
|
minimumFractionDigits: 2,
|
35
57
|
maximumFractionDigits: 2,
|
36
|
-
}).format(amount / 100);
|
58
|
+
}).format(amount / 100).replace('$', symbol);
|
59
|
+
};
|
60
|
+
const getCurrencySymbol = (currency) => {
|
61
|
+
switch (currency.toUpperCase()) {
|
62
|
+
case 'USD':
|
63
|
+
return '$';
|
64
|
+
case 'EUR':
|
65
|
+
return '€';
|
66
|
+
case 'GBP':
|
67
|
+
return '£';
|
68
|
+
default:
|
69
|
+
return '$'; // Default to USD symbol
|
70
|
+
}
|
37
71
|
};
|
38
72
|
const formatDate = (dateString) => {
|
39
73
|
return new Date(dateString).toLocaleDateString('en-US', {
|
@@ -49,7 +83,7 @@ export const PaidInvoiceTable = ({ accountExternalId, paidStyle = {} }) => {
|
|
49
83
|
};
|
50
84
|
const handlePreview = async (invoice) => {
|
51
85
|
try {
|
52
|
-
|
86
|
+
setLoadingInvoiceId(invoice.id);
|
53
87
|
setSelectedInvoice(invoice);
|
54
88
|
// Check cache first for PDF
|
55
89
|
const pdfCacheKey = getCacheKey.invoicePdf(invoice.id);
|
@@ -57,7 +91,7 @@ export const PaidInvoiceTable = ({ accountExternalId, paidStyle = {} }) => {
|
|
57
91
|
if (cachedPdf) {
|
58
92
|
setPdfResponse(cachedPdf);
|
59
93
|
setIsPreviewOpen(true);
|
60
|
-
|
94
|
+
setLoadingInvoiceId(null);
|
61
95
|
return;
|
62
96
|
}
|
63
97
|
// Fetch PDF if not cached
|
@@ -77,7 +111,7 @@ export const PaidInvoiceTable = ({ accountExternalId, paidStyle = {} }) => {
|
|
77
111
|
alert('Failed to load PDF preview');
|
78
112
|
}
|
79
113
|
finally {
|
80
|
-
|
114
|
+
setLoadingInvoiceId(null);
|
81
115
|
}
|
82
116
|
};
|
83
117
|
const handleDownload = () => {
|
@@ -99,23 +133,16 @@ export const PaidInvoiceTable = ({ accountExternalId, paidStyle = {} }) => {
|
|
99
133
|
document.body.removeChild(a);
|
100
134
|
URL.revokeObjectURL(url);
|
101
135
|
};
|
136
|
+
const handlePageChange = (page) => {
|
137
|
+
setCurrentPage(page);
|
138
|
+
};
|
102
139
|
useEffect(() => {
|
103
140
|
const fetchInvoiceData = async () => {
|
104
141
|
try {
|
105
142
|
setLoading(true);
|
106
|
-
//
|
107
|
-
|
108
|
-
|
109
|
-
// `/api/invoices/${accountExternalId}`,
|
110
|
-
// cacheKey,
|
111
|
-
// CACHE_TTL.DATA
|
112
|
-
// );
|
113
|
-
// Direct fetch without caching
|
114
|
-
const response = await fetch(`/api/invoices/${accountExternalId}`);
|
115
|
-
if (!response.ok) {
|
116
|
-
throw new Error(`Failed to fetch: ${response.statusText}`);
|
117
|
-
}
|
118
|
-
const data = await response.json();
|
143
|
+
// Use cached fetch for invoice data
|
144
|
+
const cacheKey = getCacheKey.invoices(accountExternalId);
|
145
|
+
const data = await cachedFetch(`/api/invoices/${accountExternalId}`, cacheKey, CACHE_TTL.DATA);
|
119
146
|
setInvoices(data.data || []);
|
120
147
|
}
|
121
148
|
catch (err) {
|
@@ -133,6 +160,6 @@ export const PaidInvoiceTable = ({ accountExternalId, paidStyle = {} }) => {
|
|
133
160
|
if (error) {
|
134
161
|
return _jsxs("div", { children: ["Error: ", error] });
|
135
162
|
}
|
136
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { className: "paid-invoice-container", style: { ...cssVariables }, children: _jsxs("div", { className: "paid-invoice-table-wrapper", children: [!isInContainer && (_jsx("div", { className: "paid-invoice-header", children: _jsx("h3", { className: "paid-invoice-title", children: "Invoices" }) })), _jsx("div", { style: { background: '#fff', overflow: 'auto' }, children: _jsxs("table", { className: "paid-invoice-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Invoice Number" }), _jsx("th", { children: "Status" }), _jsx("th", { children: "Invoice Date" }), _jsx("th", { children: "Due Date" }), _jsx("th", { style: { textAlign: 'right' }, children: "Total amount" }), _jsx("th", { style: { textAlign: 'center' }, children: "
|
163
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: "paid-invoice-container", style: { ...cssVariables }, children: _jsxs("div", { className: "paid-invoice-table-wrapper", children: [!isInContainer && (_jsx("div", { className: "paid-invoice-header", children: _jsx("h3", { className: "paid-invoice-title", children: "Invoices" }) })), _jsx("div", { style: { background: '#fff', overflow: 'auto', width: '100%', boxSizing: 'border-box' }, children: _jsxs("table", { className: "paid-invoice-table", style: { width: '100%', maxWidth: '100%', tableLayout: 'fixed' }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Invoice Number" }), _jsx("th", { children: "Status" }), _jsx("th", { children: "Invoice Date" }), _jsx("th", { children: "Due Date" }), _jsx("th", { style: { textAlign: 'right' }, children: "Total amount" }), _jsx("th", { style: { textAlign: 'center' }, children: "Preview" })] }) }), _jsx("tbody", { children: currentInvoices.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 6, className: "paid-invoice-empty", children: "No invoices found" }) })) : (currentInvoices.map((invoice) => (_jsxs("tr", { children: [_jsxs("td", { style: { fontWeight: 500 }, children: ["INV-", invoice.number] }), _jsx("td", { children: getStatusBadge(invoice.paymentStatus) }), _jsx("td", { children: formatDate(invoice.issueDate) }), _jsx("td", { children: formatDate(invoice.dueDate) }), _jsx("td", { style: { textAlign: 'right', fontWeight: 500 }, children: formatCurrency(invoice.invoiceTotal, invoice.currency) }), _jsx("td", { style: { textAlign: 'center' }, children: _jsx("button", { className: "paid-invoice-action-btn", onClick: () => handlePreview(invoice), disabled: loadingInvoiceId === invoice.id, title: "Preview Invoice", children: loadingInvoiceId === invoice.id ? (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: "37.7", strokeDashoffset: "37.7", children: _jsx("animateTransform", { attributeName: "transform", type: "rotate", values: "0 8 8;360 8 8", dur: "1s", repeatCount: "indefinite" }) }) })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [_jsx("path", { d: "M2 2h8l4 4v8a1 1 0 01-1 1H2a1 1 0 01-1-1V3a1 1 0 011-1z", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }), _jsx("path", { d: "M10 2v4h4", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }), _jsx("path", { d: "M5 9h6M5 11h4", stroke: "currentColor", strokeWidth: "1.5" })] })) }) })] }, invoice.id)))) })] }) }), _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: handlePageChange })] }) }), isPreviewOpen && (_jsx("div", { className: "paid-invoice-modal-overlay", onClick: () => setIsPreviewOpen(false), children: _jsx("div", { className: "paid-invoice-modal-content", onClick: (e) => e.stopPropagation(), children: _jsx("div", { className: "paid-invoice-modal-body", children: pdfResponse ? (_jsx("iframe", { src: pdfResponse, width: "100%", height: "100%", style: { border: 'none' }, title: "Invoice PDF" })) : (_jsx("div", { className: "paid-invoice-modal-loading", children: "Loading PDF..." })) }) }) }))] }));
|
137
164
|
};
|
138
165
|
//# sourceMappingURL=PaidInvoiceTable.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaidInvoiceTable.js","sourceRoot":"","sources":["../../src/components/PaidInvoiceTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,
|
1
|
+
{"version":3,"file":"PaidInvoiceTable.js","sourceRoot":"","sources":["../../src/components/PaidInvoiceTable.tsx"],"names":[],"mappings":"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"}
|
@@ -1,30 +1,17 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import '../styles/paid-payments-table.css';
|
3
3
|
interface PaidStyleProperties {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
paidToggleFontWeight?: string;
|
16
|
-
paidToggleColor?: string;
|
17
|
-
paidThFontSize?: string;
|
18
|
-
paidThFontWeight?: string;
|
19
|
-
paidThColor?: string;
|
20
|
-
paidTdFontSize?: string;
|
21
|
-
paidTdColor?: string;
|
22
|
-
paidEmptyColor?: string;
|
23
|
-
paidWrapperBg?: string;
|
24
|
-
paidHeaderBg?: string;
|
25
|
-
paidTableBg?: string;
|
26
|
-
paidThBg?: string;
|
27
|
-
paidRowHoverBg?: string;
|
4
|
+
fontFamily?: string;
|
5
|
+
primaryColor?: string;
|
6
|
+
secondaryColor?: string;
|
7
|
+
containerBackgroundColor?: string;
|
8
|
+
tableBackgroundColor?: string;
|
9
|
+
tableHeaderBackgroundColor?: string;
|
10
|
+
tabBackgroundColor?: string;
|
11
|
+
tabActiveBackgroundColor?: string;
|
12
|
+
tabHoverBackgroundColor?: string;
|
13
|
+
tableHoverColor?: string;
|
14
|
+
buttonBgColor?: string;
|
28
15
|
}
|
29
16
|
interface PaidPaymentsTableProps {
|
30
17
|
accountExternalId: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaidPaymentsTable.d.ts","sourceRoot":"","sources":["../../src/components/PaidPaymentsTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"PaidPaymentsTable.d.ts","sourceRoot":"","sources":["../../src/components/PaidPaymentsTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,mCAAmC,CAAC;AAE3C,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;AAeD,UAAU,sBAAsB;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwM9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
@@ -2,33 +2,69 @@
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
3
3
|
import { useEffect, useState } from 'react';
|
4
4
|
import { useIsInContainer } from './PaidContainer';
|
5
|
+
import { cachedFetch, getCacheKey, CACHE_TTL } from '../utils/cache';
|
6
|
+
import { Pagination } from './ui/Pagination';
|
5
7
|
import '../styles/paid-payments-table.css';
|
6
8
|
export const PaidPaymentsTable = ({ accountExternalId, paidStyle = {} }) => {
|
7
9
|
const [payments, setPayments] = useState([]);
|
8
10
|
const [loading, setLoading] = useState(true);
|
9
11
|
const [error, setError] = useState(null);
|
12
|
+
const [currentPage, setCurrentPage] = useState(1);
|
13
|
+
const itemsPerPage = 8;
|
10
14
|
const isInContainer = useIsInContainer();
|
15
|
+
// Calculate pagination
|
16
|
+
const totalPages = Math.ceil(payments.length / itemsPerPage);
|
17
|
+
const startIndex = (currentPage - 1) * itemsPerPage;
|
18
|
+
const endIndex = startIndex + itemsPerPage;
|
19
|
+
const currentPayments = payments.slice(startIndex, endIndex);
|
20
|
+
const handlePageChange = (page) => {
|
21
|
+
setCurrentPage(page);
|
22
|
+
};
|
11
23
|
// Convert paidStyle entries into CSS custom properties
|
12
24
|
const cssVariables = Object.entries(paidStyle).reduce((vars, [key, value]) => {
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
25
|
+
if (value !== undefined && value !== null && value !== '') {
|
26
|
+
// Map simplified properties to CSS custom properties
|
27
|
+
const propertyMap = {
|
28
|
+
fontFamily: '--paid-font-family',
|
29
|
+
primaryColor: '--paid-primary-color',
|
30
|
+
secondaryColor: '--paid-secondary-color',
|
31
|
+
containerBackgroundColor: '--paid-container-background-color',
|
32
|
+
tableBackgroundColor: '--paid-table-background-color',
|
33
|
+
tableHeaderBackgroundColor: '--paid-table-header-background-color',
|
34
|
+
tabBackgroundColor: '--paid-tab-background-color',
|
35
|
+
tabActiveBackgroundColor: '--paid-tab-active-background-color',
|
36
|
+
tabHoverBackgroundColor: '--paid-tab-hover-background-color',
|
37
|
+
tableHoverColor: '--paid-table-hover-color',
|
38
|
+
buttonBgColor: '--paid-button-bg-color'
|
39
|
+
};
|
40
|
+
const cssProperty = propertyMap[key];
|
41
|
+
if (cssProperty) {
|
42
|
+
// @ts-ignore allow custom property
|
43
|
+
vars[cssProperty] = value;
|
44
|
+
}
|
20
45
|
}
|
21
|
-
// @ts-ignore allow custom property
|
22
|
-
vars[varName] = value;
|
23
46
|
return vars;
|
24
47
|
}, {});
|
25
|
-
const formatCurrency = (amount) => {
|
48
|
+
const formatCurrency = (amount, currency) => {
|
49
|
+
const symbol = getCurrencySymbol(currency);
|
26
50
|
return new Intl.NumberFormat("en-US", {
|
27
51
|
style: "currency",
|
28
52
|
currency: "USD",
|
29
|
-
minimumFractionDigits:
|
30
|
-
maximumFractionDigits:
|
31
|
-
}).format(amount / 100);
|
53
|
+
minimumFractionDigits: 2,
|
54
|
+
maximumFractionDigits: 2,
|
55
|
+
}).format(amount / 100).replace('$', symbol);
|
56
|
+
};
|
57
|
+
const getCurrencySymbol = (currency) => {
|
58
|
+
switch (currency.toUpperCase()) {
|
59
|
+
case 'USD':
|
60
|
+
return '$';
|
61
|
+
case 'EUR':
|
62
|
+
return '€';
|
63
|
+
case 'GBP':
|
64
|
+
return '£';
|
65
|
+
default:
|
66
|
+
return '$'; // Default to USD symbol
|
67
|
+
}
|
32
68
|
};
|
33
69
|
const formatDate = (dateString) => {
|
34
70
|
return new Date(dateString).toLocaleDateString('en-US', {
|
@@ -51,20 +87,10 @@ export const PaidPaymentsTable = ({ accountExternalId, paidStyle = {} }) => {
|
|
51
87
|
try {
|
52
88
|
setLoading(true);
|
53
89
|
console.log('PaidPaymentsTable: Fetching payment data for', accountExternalId);
|
54
|
-
//
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
// `/api/payments/${accountExternalId}`,
|
59
|
-
// cacheKey,
|
60
|
-
// CACHE_TTL.DATA
|
61
|
-
// );
|
62
|
-
// Direct fetch without caching
|
63
|
-
const response = await fetch(`/api/payments/${accountExternalId}`);
|
64
|
-
if (!response.ok) {
|
65
|
-
throw new Error(`Failed to fetch: ${response.statusText}`);
|
66
|
-
}
|
67
|
-
const data = await response.json();
|
90
|
+
// Use cached fetch for payment data
|
91
|
+
const cacheKey = getCacheKey.payments(accountExternalId);
|
92
|
+
console.log('PaidPaymentsTable: Using cache key', cacheKey);
|
93
|
+
const data = await cachedFetch(`/api/payments/${accountExternalId}`, cacheKey, CACHE_TTL.DATA);
|
68
94
|
console.log('PaidPaymentsTable: Received data', data);
|
69
95
|
setPayments(data.data || []);
|
70
96
|
}
|
@@ -97,7 +123,7 @@ export const PaidPaymentsTable = ({ accountExternalId, paidStyle = {} }) => {
|
|
97
123
|
if (error) {
|
98
124
|
return _jsxs("div", { children: ["Error: ", error] });
|
99
125
|
}
|
100
|
-
return (_jsx("div", { className: "paid-payment-container", style: { position: 'relative', minWidth: 0, ...cssVariables }, children: _jsxs("div", { className: "paid-payment-table-wrapper", style: { position: '
|
126
|
+
return (_jsx("div", { className: "paid-payment-container", style: { position: 'relative', minWidth: 0, ...cssVariables }, children: _jsxs("div", { className: "paid-payment-table-wrapper", style: { position: 'relative', width: '100%', height: 'auto', left: undefined, top: undefined, boxShadow: undefined, cursor: undefined }, children: [!isInContainer && (_jsx("div", { className: "paid-payment-header", children: _jsx("h3", { className: "paid-payment-title", children: "Payments" }) })), _jsx("div", { style: { background: '#fff', overflow: 'auto', width: '100%', boxSizing: 'border-box' }, children: _jsxs("table", { className: "paid-payment-table", style: { width: '100%', maxWidth: '100%', tableLayout: 'fixed' }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Payment Number" }), _jsx("th", { children: "Payment type" }), _jsx("th", { children: "Due date" }), _jsx("th", { children: "Status" }), _jsx("th", { style: { textAlign: 'center' }, children: "Amount" })] }) }), _jsx("tbody", { children: currentPayments.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "paid-payment-empty", children: "No payments found" }) })) : (currentPayments.map((payment) => (_jsxs("tr", { children: [_jsx("td", { style: { fontWeight: 500 }, children: _jsx("div", { className: "paid-payment-number", children: _jsx("span", { children: "PAY-1" }) }) }), _jsx("td", { children: payment.paymentType }), _jsx("td", { children: formatDate(payment.paymentDate) }), _jsx("td", { children: getStatusBadge(payment.paymentStatus) }), _jsx("td", { style: { textAlign: 'center' }, children: _jsx("div", { className: "paid-payment-amount", children: _jsx("span", { className: "amount-number", children: formatCurrency(payment.amount, payment.currency) }) }) })] }, payment.id)))) })] }) }), _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: handlePageChange })] }) }));
|
101
127
|
};
|
102
128
|
export default PaidPaymentsTable;
|
103
129
|
//# sourceMappingURL=PaidPaymentsTable.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaidPaymentsTable.js","sourceRoot":"","sources":["../../src/components/PaidPaymentsTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
1
|
+
{"version":3,"file":"PaidPaymentsTable.js","sourceRoot":"","sources":["../../src/components/PaidPaymentsTable.tsx"],"names":[],"mappings":"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"}
|