@tesouro/embedded-components-react 0.2.333 → 0.2.336
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/dist/index.js +1 -1
- package/dist/lib/BillPayWidget.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js +6 -6
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index26.js +0 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js +42 -30
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index31.js +12 -46
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index32.js +46 -30
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index33.js +26 -149
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.js +159 -31
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index35.js +32 -98
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.js +102 -10
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index37.js +10 -212
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index38.js +221 -4
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index39.js +4 -29
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index40.js +27 -80
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index41.js +75 -125
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index42.js +132 -3
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index43.js +3 -4
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index44.js +2 -43
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index45.js +45 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index46.js +1 -8
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index47.js +6 -9
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index48.js +9 -92
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index49.js +94 -3
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index50.js +3 -110
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js +107 -8
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js +8 -37
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js +37 -5
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js +6 -89
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js +83 -154
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js +161 -4
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index57.js +5 -8
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index58.js +6 -113
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index59.js +115 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index60.js +0 -24
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index61.js +25 -0
- package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index7.js +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,110 @@
|
|
|
1
|
+
import { BillColumn as e } from "../../ui/dist/index53.js";
|
|
2
|
+
import "../../ui/dist/index.js";
|
|
1
3
|
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
var t = {
|
|
5
|
+
Drafts: "drafts",
|
|
6
|
+
Pending: "pending",
|
|
7
|
+
Scheduled: "scheduled",
|
|
8
|
+
Paid: "paid",
|
|
9
|
+
All: "all"
|
|
10
|
+
}, n = {
|
|
11
|
+
[t.Drafts]: ["draft"],
|
|
12
|
+
[t.Pending]: [
|
|
13
|
+
"new",
|
|
14
|
+
"approve_in_progress",
|
|
15
|
+
"waiting_to_be_paid",
|
|
16
|
+
"partially_paid"
|
|
17
|
+
],
|
|
18
|
+
[t.Scheduled]: [
|
|
19
|
+
"new",
|
|
20
|
+
"approve_in_progress",
|
|
21
|
+
"waiting_to_be_paid",
|
|
22
|
+
"partially_paid"
|
|
23
|
+
],
|
|
24
|
+
[t.Paid]: ["paid"],
|
|
25
|
+
[t.All]: void 0
|
|
26
|
+
}, r = {
|
|
27
|
+
[t.Drafts]: void 0,
|
|
28
|
+
[t.Pending]: !1,
|
|
29
|
+
[t.Scheduled]: !0,
|
|
30
|
+
[t.Paid]: void 0,
|
|
31
|
+
[t.All]: void 0
|
|
32
|
+
};
|
|
33
|
+
function i(e) {
|
|
34
|
+
return e === t.Pending || e === t.Drafts;
|
|
35
|
+
}
|
|
36
|
+
var a = t.Pending, o = [
|
|
37
|
+
t.Pending,
|
|
38
|
+
t.Drafts,
|
|
39
|
+
t.Scheduled,
|
|
40
|
+
t.Paid,
|
|
41
|
+
t.All
|
|
42
|
+
], s = {
|
|
43
|
+
[t.Drafts]: [
|
|
44
|
+
e.Vendor,
|
|
45
|
+
e.DueDate,
|
|
46
|
+
e.Status,
|
|
47
|
+
e.AmountDue,
|
|
48
|
+
e.AddedOn
|
|
49
|
+
],
|
|
50
|
+
[t.Pending]: [
|
|
51
|
+
e.Vendor,
|
|
52
|
+
e.DueDate,
|
|
53
|
+
e.Status,
|
|
54
|
+
e.AmountDue,
|
|
55
|
+
e.AddedOn
|
|
56
|
+
],
|
|
57
|
+
[t.Scheduled]: [
|
|
58
|
+
e.Vendor,
|
|
59
|
+
e.DueDate,
|
|
60
|
+
e.ScheduledDate,
|
|
61
|
+
e.Status,
|
|
62
|
+
e.AmountScheduled,
|
|
63
|
+
e.AddedOn
|
|
64
|
+
],
|
|
65
|
+
[t.Paid]: [
|
|
66
|
+
e.Vendor,
|
|
67
|
+
e.PaidDate,
|
|
68
|
+
e.Status,
|
|
69
|
+
e.AmountPaid,
|
|
70
|
+
e.AddedOn
|
|
71
|
+
],
|
|
72
|
+
[t.All]: [
|
|
73
|
+
e.Vendor,
|
|
74
|
+
e.DueDate,
|
|
75
|
+
e.ScheduledDate,
|
|
76
|
+
e.Status,
|
|
77
|
+
e.AmountDue,
|
|
78
|
+
e.AmountPaid,
|
|
79
|
+
e.AddedOn
|
|
80
|
+
]
|
|
81
|
+
};
|
|
82
|
+
function c(e) {
|
|
83
|
+
return s[e];
|
|
84
|
+
}
|
|
85
|
+
function l(e) {
|
|
86
|
+
let t = n[e];
|
|
87
|
+
return t ? [...t] : void 0;
|
|
88
|
+
}
|
|
89
|
+
function u(e) {
|
|
90
|
+
return r[e];
|
|
91
|
+
}
|
|
92
|
+
var d = {
|
|
93
|
+
vendorLabel: "counterpart_name",
|
|
94
|
+
dueDateLabel: "due_date",
|
|
95
|
+
scheduledDateLabel: "scheduled_payment_date",
|
|
96
|
+
addedOnLabel: "created_at"
|
|
97
|
+
}, f = {
|
|
98
|
+
[e.Vendor]: "vendorLabel",
|
|
99
|
+
[e.DueDate]: "dueDateLabel",
|
|
100
|
+
[e.ScheduledDate]: "scheduledDateLabel",
|
|
101
|
+
[e.AddedOn]: "addedOnLabel"
|
|
102
|
+
};
|
|
103
|
+
function p(e) {
|
|
104
|
+
return f[e];
|
|
105
|
+
}
|
|
106
|
+
function m(e) {
|
|
107
|
+
if (e) return d[e];
|
|
9
108
|
}
|
|
10
109
|
//#endregion
|
|
11
|
-
export {
|
|
110
|
+
export { s as BILL_QUEUE_COLUMNS, r as BILL_QUEUE_HAS_SCHEDULED_PAYMENT, o as BILL_QUEUE_ORDER, n as BILL_QUEUE_STATUSES, d as BILL_SORT_FIELDS, t as BillQueue, a as DEFAULT_BILL_QUEUE, c as billQueueColumns, u as billQueueHasScheduledPayment, i as billQueueOffersAddPanel, l as billQueueStatuses, p as billSortColumnId, m as billSortField };
|
|
@@ -1,40 +1,11 @@
|
|
|
1
|
-
import { BillQueue as e } from "./index50.js";
|
|
2
1
|
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}, n = {
|
|
10
|
-
[e.Drafts]: {
|
|
11
|
-
title: "No drafts",
|
|
12
|
-
description: "Bills wait here until someone submits them for approval."
|
|
13
|
-
},
|
|
14
|
-
[e.Pending]: {
|
|
15
|
-
title: "Nothing to act on",
|
|
16
|
-
description: "Every bill has been paid, scheduled, or is still a draft."
|
|
17
|
-
},
|
|
18
|
-
[e.Scheduled]: {
|
|
19
|
-
title: "No scheduled bills",
|
|
20
|
-
description: "Bills appear here once a payment date is set for them."
|
|
21
|
-
},
|
|
22
|
-
[e.Paid]: {
|
|
23
|
-
title: "No paid bills",
|
|
24
|
-
description: "Bills appear here once their payment has gone out."
|
|
25
|
-
},
|
|
26
|
-
[e.All]: {
|
|
27
|
-
title: "No bills",
|
|
28
|
-
description: "Bills appear here as soon as they are added."
|
|
2
|
+
async function e(e) {
|
|
3
|
+
if (!e.trim()) return !1;
|
|
4
|
+
try {
|
|
5
|
+
return await navigator.clipboard.writeText(e), !0;
|
|
6
|
+
} catch {
|
|
7
|
+
return !1;
|
|
29
8
|
}
|
|
30
|
-
}
|
|
31
|
-
emptyHeading: "Add your first bill",
|
|
32
|
-
nonEmptyHeading: "Add a bill",
|
|
33
|
-
createButton: "Add bill",
|
|
34
|
-
emailCopiedToast: "Email address copied to clipboard",
|
|
35
|
-
emailCopyFailedToast: "Could not copy the email address",
|
|
36
|
-
queues: t,
|
|
37
|
-
queueEmptyStates: n
|
|
38
|
-
};
|
|
9
|
+
}
|
|
39
10
|
//#endregion
|
|
40
|
-
export {
|
|
11
|
+
export { e as copyTextToClipboard };
|
|
@@ -1,8 +1,40 @@
|
|
|
1
|
+
import { BillQueue as e } from "./index51.js";
|
|
1
2
|
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
var t = {
|
|
4
|
+
[e.Drafts]: "Drafts",
|
|
5
|
+
[e.Pending]: "Pending",
|
|
6
|
+
[e.Scheduled]: "Scheduled",
|
|
7
|
+
[e.Paid]: "Paid",
|
|
8
|
+
[e.All]: "All bills"
|
|
9
|
+
}, n = {
|
|
10
|
+
[e.Drafts]: {
|
|
11
|
+
title: "No drafts",
|
|
12
|
+
description: "Bills wait here until someone submits them for approval."
|
|
13
|
+
},
|
|
14
|
+
[e.Pending]: {
|
|
15
|
+
title: "Nothing to act on",
|
|
16
|
+
description: "Every bill has been paid, scheduled, or is still a draft."
|
|
17
|
+
},
|
|
18
|
+
[e.Scheduled]: {
|
|
19
|
+
title: "No scheduled bills",
|
|
20
|
+
description: "Bills appear here once a payment date is set for them."
|
|
21
|
+
},
|
|
22
|
+
[e.Paid]: {
|
|
23
|
+
title: "No paid bills",
|
|
24
|
+
description: "Bills appear here once their payment has gone out."
|
|
25
|
+
},
|
|
26
|
+
[e.All]: {
|
|
27
|
+
title: "No bills",
|
|
28
|
+
description: "Bills appear here as soon as they are added."
|
|
29
|
+
}
|
|
30
|
+
}, r = {
|
|
31
|
+
emptyHeading: "Add your first bill",
|
|
32
|
+
nonEmptyHeading: "Add a bill",
|
|
33
|
+
createButton: "Add bill",
|
|
34
|
+
emailCopiedToast: "Email address copied to clipboard",
|
|
35
|
+
emailCopyFailedToast: "Could not copy the email address",
|
|
36
|
+
queues: t,
|
|
37
|
+
queueEmptyStates: n
|
|
6
38
|
};
|
|
7
39
|
//#endregion
|
|
8
|
-
export {
|
|
40
|
+
export { r as BILLS_TAB_LABELS_EN, n as BILL_QUEUE_EMPTY_STATES_EN, t as BILL_QUEUE_LABELS_EN };
|
|
@@ -1,91 +1,8 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use client";
|
|
3
|
-
"use client";
|
|
4
|
-
"use client";
|
|
5
|
-
import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
|
|
6
|
-
import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
|
|
7
|
-
import { resolveVendorName as n } from "./index3.js";
|
|
8
|
-
import { usePayablesQuery as r, usePayablesTotalCountQuery as i } from "../../data-access/dist/index13.js";
|
|
9
|
-
import "../../data-access/dist/index.js";
|
|
10
|
-
import { derivePayableStatus as a } from "./index20.js";
|
|
11
|
-
import { DEFAULT_BILL_QUEUE as o, billQueueColumns as s, billQueueHasScheduledPayment as c, billQueueOffersAddPanel as l, billQueueStatuses as u, billSortColumnId as d, billSortField as f } from "./index50.js";
|
|
12
|
-
import { useCallback as p, useEffect as m, useMemo as h, useState as g } from "react";
|
|
13
1
|
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
let [x, S] = g(o), [C, w] = g(v), [T, E] = g(_), [D, O] = g(), [k, A] = g(""), [j, M] = g(""), N = p(() => O(void 0), []);
|
|
20
|
-
m(() => {
|
|
21
|
-
let e = setTimeout(() => {
|
|
22
|
-
M(k), N();
|
|
23
|
-
}, 300);
|
|
24
|
-
return () => clearTimeout(e);
|
|
25
|
-
}, [k, N]);
|
|
26
|
-
let P = C[0], F = f(P?.id), I = r({
|
|
27
|
-
limit: T,
|
|
28
|
-
pagination_token: D,
|
|
29
|
-
status__in: u(x),
|
|
30
|
-
has_scheduled_payment: c(x),
|
|
31
|
-
counterpart_name__icontains: j || void 0,
|
|
32
|
-
sort: F,
|
|
33
|
-
order: F ? P?.desc ? "desc" : "asc" : void 0,
|
|
34
|
-
enabled: y
|
|
35
|
-
}), L = I.data?.data.length === 0, R = i({ enabled: y && L }), z = !L || (R.data?.count ?? 1) > 0, B = h(() => (I.data?.data ?? []).map((r) => {
|
|
36
|
-
let i = a({
|
|
37
|
-
apiStatus: r.status,
|
|
38
|
-
dueDate: r.due_date,
|
|
39
|
-
scheduledPaymentDate: r.scheduled_payment_date
|
|
40
|
-
}), o = r.amount_due ?? r.total_amount, s = (e) => e == null ? "" : t(e / 100, { currencyCode: r.currency ?? "USD" });
|
|
41
|
-
return {
|
|
42
|
-
vendorLabel: n(r),
|
|
43
|
-
dueDateLabel: e(r.due_date),
|
|
44
|
-
scheduledDateLabel: e(r.scheduled_payment_date),
|
|
45
|
-
paidDateLabel: e(r.paid_at?.slice(0, 10)),
|
|
46
|
-
amountDueLabel: s(o),
|
|
47
|
-
amountPaidLabel: s(r.amount_paid),
|
|
48
|
-
amountScheduledLabel: s(r.amount_to_pay ?? o),
|
|
49
|
-
status: i.status,
|
|
50
|
-
statusTone: i.tone,
|
|
51
|
-
addedOnLabel: e(r.created_at?.slice(0, 10)),
|
|
52
|
-
onOpen: () => b(r.id, i.status === "draft")
|
|
53
|
-
};
|
|
54
|
-
}), [I.data?.data, b]), V = p((e) => {
|
|
55
|
-
let t = e;
|
|
56
|
-
S(t), w((e) => {
|
|
57
|
-
let n = e[0]?.id;
|
|
58
|
-
return n ? s(t).some((e) => d(e) === n) ? e : v : e;
|
|
59
|
-
}), N();
|
|
60
|
-
}, [N]), H = p((e) => {
|
|
61
|
-
w((t) => typeof e == "function" ? e(t) : e), N();
|
|
62
|
-
}, [N]), U = p((e) => {
|
|
63
|
-
E(e), N();
|
|
64
|
-
}, [N]), W = p(() => O(I.data?.next_pagination_token), [I.data?.next_pagination_token]), G = p(() => O(I.data?.prev_pagination_token), [I.data?.prev_pagination_token]), K = p(() => {
|
|
65
|
-
I.refetch();
|
|
66
|
-
}, [I.refetch]);
|
|
67
|
-
return {
|
|
68
|
-
rows: B,
|
|
69
|
-
isLoading: I.isFetching || L && R.isLoading,
|
|
70
|
-
isError: I.isError,
|
|
71
|
-
onRetry: K,
|
|
72
|
-
selectedFilterTabId: x,
|
|
73
|
-
onFilterTabChange: V,
|
|
74
|
-
searchValue: k,
|
|
75
|
-
onSearchChange: A,
|
|
76
|
-
hasAnyBills: z,
|
|
77
|
-
isSearchActive: j.length > 0,
|
|
78
|
-
visibleColumns: s(x),
|
|
79
|
-
showAddPanelWhenEmpty: l(x),
|
|
80
|
-
sorting: C,
|
|
81
|
-
onSortingChange: H,
|
|
82
|
-
pageSize: T,
|
|
83
|
-
onPageSizeChange: U,
|
|
84
|
-
hasNextPage: !!I.data?.next_pagination_token,
|
|
85
|
-
hasPrevPage: !!I.data?.prev_pagination_token,
|
|
86
|
-
onNextPage: W,
|
|
87
|
-
onPrevPage: G
|
|
88
|
-
};
|
|
89
|
-
}
|
|
2
|
+
var e = {
|
|
3
|
+
root: "bill-pay-bills-tab",
|
|
4
|
+
uploadTray: "bill-pay-upload-tray",
|
|
5
|
+
detailsSheet: "bill-pay-details-sheet"
|
|
6
|
+
};
|
|
90
7
|
//#endregion
|
|
91
|
-
export {
|
|
8
|
+
export { e as billsTabTestIds };
|
|
@@ -2,161 +2,90 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
"use client";
|
|
4
4
|
"use client";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import "
|
|
9
|
-
import "
|
|
10
|
-
import {
|
|
11
|
-
import "
|
|
12
|
-
import {
|
|
13
|
-
import { BillsScreen as a } from "../../ui/dist/index54.js";
|
|
14
|
-
import "../../ui/dist/index.js";
|
|
15
|
-
import { BillCreateDialog as o } from "./index37.js";
|
|
16
|
-
import "./index38.js";
|
|
17
|
-
import { BillDetailsContainer as s } from "./index41.js";
|
|
18
|
-
import "./index42.js";
|
|
19
|
-
import "./index48.js";
|
|
20
|
-
import "./index49.js";
|
|
21
|
-
import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index50.js";
|
|
22
|
-
import { BILLS_TAB_LABELS_EN as u } from "./index52.js";
|
|
23
|
-
import { billsTabTestIds as d } from "./index53.js";
|
|
24
|
-
import { useBillsTable as f } from "./index54.js";
|
|
25
|
-
import { copyTextToClipboard as p } from "./index51.js";
|
|
26
|
-
import { useCallback as m, useEffect as h, useMemo as g, useState as _ } from "react";
|
|
27
|
-
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
28
|
-
import { CalendarClockIcon as b, CheckIcon as x, FilePenIcon as S, ListIcon as C, LoaderCircleIcon as w } from "lucide-react";
|
|
5
|
+
import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
|
|
6
|
+
import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
|
|
7
|
+
import { resolveVendorName as n } from "./index3.js";
|
|
8
|
+
import { usePayablesQuery as r, usePayablesTotalCountQuery as i } from "../../data-access/dist/index13.js";
|
|
9
|
+
import "../../data-access/dist/index.js";
|
|
10
|
+
import { derivePayableStatus as a } from "./index20.js";
|
|
11
|
+
import { DEFAULT_BILL_QUEUE as o, billQueueColumns as s, billQueueHasScheduledPayment as c, billQueueOffersAddPanel as l, billQueueStatuses as u, billSortColumnId as d, billSortField as f } from "./index51.js";
|
|
12
|
+
import { useCallback as p, useEffect as m, useMemo as h, useState as g } from "react";
|
|
29
13
|
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
[
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
})), [
|
|
81
|
-
I(
|
|
82
|
-
},
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
14
|
+
var _ = 10, v = [{
|
|
15
|
+
id: "addedOnLabel",
|
|
16
|
+
desc: !0
|
|
17
|
+
}];
|
|
18
|
+
function y({ enabled: y = !0, onOpenBill: b }) {
|
|
19
|
+
let [x, S] = g(o), [C, w] = g(v), [T, E] = g(_), [D, O] = g(), [k, A] = g(""), [j, M] = g(""), N = p(() => O(void 0), []);
|
|
20
|
+
m(() => {
|
|
21
|
+
let e = setTimeout(() => {
|
|
22
|
+
M(k), N();
|
|
23
|
+
}, 300);
|
|
24
|
+
return () => clearTimeout(e);
|
|
25
|
+
}, [k, N]);
|
|
26
|
+
let P = C[0], F = f(P?.id), I = r({
|
|
27
|
+
limit: T,
|
|
28
|
+
pagination_token: D,
|
|
29
|
+
status__in: u(x),
|
|
30
|
+
has_scheduled_payment: c(x),
|
|
31
|
+
counterpart_name__icontains: j || void 0,
|
|
32
|
+
sort: F,
|
|
33
|
+
order: F ? P?.desc ? "desc" : "asc" : void 0,
|
|
34
|
+
enabled: y
|
|
35
|
+
}), L = I.data?.data.length === 0, R = i({ enabled: y && L }), z = !L || (R.data?.count ?? 1) > 0, B = h(() => (I.data?.data ?? []).map((r) => {
|
|
36
|
+
let i = a({
|
|
37
|
+
apiStatus: r.status,
|
|
38
|
+
dueDate: r.due_date,
|
|
39
|
+
scheduledPaymentDate: r.scheduled_payment_date
|
|
40
|
+
}), o = r.amount_due ?? r.total_amount, s = (e) => e == null ? "" : t(e / 100, { currencyCode: r.currency ?? "USD" });
|
|
41
|
+
return {
|
|
42
|
+
vendorLabel: n(r),
|
|
43
|
+
dueDateLabel: e(r.due_date),
|
|
44
|
+
scheduledDateLabel: e(r.scheduled_payment_date),
|
|
45
|
+
paidDateLabel: e(r.paid_at?.slice(0, 10)),
|
|
46
|
+
amountDueLabel: s(o),
|
|
47
|
+
amountPaidLabel: s(r.amount_paid),
|
|
48
|
+
amountScheduledLabel: s(r.amount_to_pay ?? o),
|
|
49
|
+
status: i.status,
|
|
50
|
+
statusTone: i.tone,
|
|
51
|
+
addedOnLabel: e(r.created_at?.slice(0, 10)),
|
|
52
|
+
onOpen: () => b(r.id, i.status === "draft")
|
|
53
|
+
};
|
|
54
|
+
}), [I.data?.data, b]), V = p((e) => {
|
|
55
|
+
let t = e;
|
|
56
|
+
S(t), w((e) => {
|
|
57
|
+
let n = e[0]?.id;
|
|
58
|
+
return n ? s(t).some((e) => d(e) === n) ? e : v : e;
|
|
59
|
+
}), N();
|
|
60
|
+
}, [N]), H = p((e) => {
|
|
61
|
+
w((t) => typeof e == "function" ? e(t) : e), N();
|
|
62
|
+
}, [N]), U = p((e) => {
|
|
63
|
+
E(e), N();
|
|
64
|
+
}, [N]), W = p(() => O(I.data?.next_pagination_token), [I.data?.next_pagination_token]), G = p(() => O(I.data?.prev_pagination_token), [I.data?.prev_pagination_token]), K = p(() => {
|
|
65
|
+
I.refetch();
|
|
66
|
+
}, [I.refetch]);
|
|
67
|
+
return {
|
|
68
|
+
rows: B,
|
|
69
|
+
isLoading: I.isFetching || L && R.isLoading,
|
|
70
|
+
isError: I.isError,
|
|
71
|
+
onRetry: K,
|
|
72
|
+
selectedFilterTabId: x,
|
|
73
|
+
onFilterTabChange: V,
|
|
74
|
+
searchValue: k,
|
|
75
|
+
onSearchChange: A,
|
|
76
|
+
hasAnyBills: z,
|
|
77
|
+
isSearchActive: j.length > 0,
|
|
78
|
+
visibleColumns: s(x),
|
|
79
|
+
showAddPanelWhenEmpty: l(x),
|
|
80
|
+
sorting: C,
|
|
81
|
+
onSortingChange: H,
|
|
82
|
+
pageSize: T,
|
|
83
|
+
onPageSizeChange: U,
|
|
84
|
+
hasNextPage: !!I.data?.next_pagination_token,
|
|
85
|
+
hasPrevPage: !!I.data?.prev_pagination_token,
|
|
86
|
+
onNextPage: W,
|
|
87
|
+
onPrevPage: G
|
|
91
88
|
};
|
|
92
|
-
return h(() => {
|
|
93
|
-
x && (A(x), M(!0), S?.());
|
|
94
|
-
}, [S, x]), /* @__PURE__ */ y("div", {
|
|
95
|
-
"data-testid": d.root,
|
|
96
|
-
children: [
|
|
97
|
-
/* @__PURE__ */ v(a, {
|
|
98
|
-
rows: G.rows,
|
|
99
|
-
isLoading: G.isLoading || !z,
|
|
100
|
-
isError: G.isError,
|
|
101
|
-
onRetry: G.onRetry,
|
|
102
|
-
sorting: G.sorting,
|
|
103
|
-
onSortingChange: G.onSortingChange,
|
|
104
|
-
pageSize: G.pageSize,
|
|
105
|
-
onPageSizeChange: G.onPageSizeChange,
|
|
106
|
-
hasNextPage: G.hasNextPage,
|
|
107
|
-
hasPrevPage: G.hasPrevPage,
|
|
108
|
-
onNextPage: G.onNextPage,
|
|
109
|
-
onPrevPage: G.onPrevPage,
|
|
110
|
-
filterTabs: K,
|
|
111
|
-
selectedFilterTabId: G.selectedFilterTabId,
|
|
112
|
-
onFilterTabChange: G.onFilterTabChange,
|
|
113
|
-
searchValue: G.searchValue,
|
|
114
|
-
onSearchChange: G.onSearchChange,
|
|
115
|
-
visibleColumns: G.visibleColumns,
|
|
116
|
-
isSearchActive: G.isSearchActive,
|
|
117
|
-
showAddPanelWhenEmpty: G.showAddPanelWhenEmpty,
|
|
118
|
-
emptyState: w.queueEmptyStates[G.selectedFilterTabId],
|
|
119
|
-
onCreateClick: U ? () => O(!0) : void 0,
|
|
120
|
-
onEnterManually: U ? Y : void 0,
|
|
121
|
-
onFilesSelected: U ? X : void 0,
|
|
122
|
-
maxFiles: 10,
|
|
123
|
-
emailAddress: T,
|
|
124
|
-
onCopyEmail: Z,
|
|
125
|
-
labels: J
|
|
126
|
-
}),
|
|
127
|
-
U ? /* @__PURE__ */ v(i, {
|
|
128
|
-
open: D,
|
|
129
|
-
onOpenChange: O,
|
|
130
|
-
onFilesSelected: X,
|
|
131
|
-
maxFiles: 10,
|
|
132
|
-
onEnterManually: Y,
|
|
133
|
-
emailAddress: T,
|
|
134
|
-
onCopyEmail: Z,
|
|
135
|
-
labels: { heading: G.hasAnyBills ? w.nonEmptyHeading : w.emptyHeading }
|
|
136
|
-
}) : null,
|
|
137
|
-
j ? /* @__PURE__ */ v(o, {
|
|
138
|
-
open: j,
|
|
139
|
-
onOpenChange: M,
|
|
140
|
-
payableId: k
|
|
141
|
-
}) : null,
|
|
142
|
-
F ? /* @__PURE__ */ v(s, {
|
|
143
|
-
open: F,
|
|
144
|
-
onOpenChange: I,
|
|
145
|
-
payableId: N,
|
|
146
|
-
onClose: () => I(!1),
|
|
147
|
-
onExpand: q,
|
|
148
|
-
testId: d.detailsSheet,
|
|
149
|
-
poweredByBankName: C
|
|
150
|
-
}) : null,
|
|
151
|
-
L ? /* @__PURE__ */ v(o, {
|
|
152
|
-
open: L,
|
|
153
|
-
onOpenChange: R,
|
|
154
|
-
payableId: N,
|
|
155
|
-
readOnly: !0,
|
|
156
|
-
poweredByBankName: C
|
|
157
|
-
}) : null
|
|
158
|
-
]
|
|
159
|
-
});
|
|
160
89
|
}
|
|
161
90
|
//#endregion
|
|
162
|
-
export {
|
|
91
|
+
export { y as useBillsTable };
|