@tesouro/embedded-components-react 0.2.292 → 0.2.294
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.css +3 -0
- package/dist/index.js +1 -1
- package/dist/lib/BillPayWidget.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index.js +3 -3
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index10.js +28 -18
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js +4 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.js +33 -8
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js +9 -9
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.js +15 -5
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js +6 -134
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index26.js +74 -3
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js +141 -6
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js +5 -9
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index29.js +6 -83
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.js +9 -3
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index31.js +83 -6
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index32.js +2 -113
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index33.js +8 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.js +105 -16
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index35.js +1 -0
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.js +25 -0
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index31.js +7 -4
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js +24 -13
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index38.js +144 -97
- package/dist/libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index3.js +1 -0
- package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index3.js +1 -0
- package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index16.js +5 -0
- package/dist/libs/tesouro-embedded-components-react/products-widget/ui/dist/index4.js +1 -0
- package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/index.js +16 -16
- package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js +131 -120
- package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/rest/sdk.gen.js +75 -67
- package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/tags-widget/ui/dist/index3.js +2 -0
- package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index7.js +1 -1
- package/dist/packages/shared-ui-shadcn/dist/index.js +3654 -3614
- package/package.json +1 -1
|
@@ -1,85 +1,8 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use client";
|
|
3
|
-
"use client";
|
|
4
|
-
"use client";
|
|
5
|
-
import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
|
|
6
|
-
import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index7.js";
|
|
7
|
-
import { usePayableOcrQueries as n } from "../../data-access/dist/index9.js";
|
|
8
|
-
import "../../data-access/dist/index.js";
|
|
9
|
-
import { billPayUploadQueueKey as r } from "./index27.js";
|
|
10
|
-
import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index28.js";
|
|
11
|
-
import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
|
|
12
|
-
import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
|
|
13
1
|
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index29.js
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
queryKey: g,
|
|
20
|
-
queryFn: () => h.getQueryData(g) ?? [],
|
|
21
|
-
staleTime: Infinity,
|
|
22
|
-
gcTime: Infinity,
|
|
23
|
-
initialData: []
|
|
24
|
-
}), x = a((e, t) => {
|
|
25
|
-
h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
|
|
26
|
-
...n,
|
|
27
|
-
...t
|
|
28
|
-
} : n));
|
|
29
|
-
}, [h, g]), S = a((e) => {
|
|
30
|
-
y(!1);
|
|
31
|
-
for (let t of e) {
|
|
32
|
-
let e = crypto.randomUUID();
|
|
33
|
-
h.setQueryData(g, (n) => [...n ?? [], {
|
|
34
|
-
localId: e,
|
|
35
|
-
fileName: t.name,
|
|
36
|
-
status: "uploading"
|
|
37
|
-
}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
|
|
38
|
-
}
|
|
39
|
-
}, [
|
|
40
|
-
x,
|
|
41
|
-
h,
|
|
42
|
-
g,
|
|
43
|
-
_
|
|
44
|
-
]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
|
|
45
|
-
o(() => {
|
|
46
|
-
for (let { payableId: e, ocrStatus: t, isError: n } of C) {
|
|
47
|
-
let r = b.find((t) => t.payableId === e && t.status === "uploading");
|
|
48
|
-
r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
|
|
49
|
-
}
|
|
50
|
-
}, [
|
|
51
|
-
b,
|
|
52
|
-
C,
|
|
53
|
-
x
|
|
54
|
-
]);
|
|
55
|
-
let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
|
|
56
|
-
id: e.localId,
|
|
57
|
-
fileName: e.fileName,
|
|
58
|
-
status: e.status,
|
|
59
|
-
onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
|
|
60
|
-
}), O = w.length ? [{
|
|
61
|
-
id: "in-progress",
|
|
62
|
-
items: b.map(D)
|
|
63
|
-
}] : [...T.length ? [{
|
|
64
|
-
id: "ready",
|
|
65
|
-
caption: p.readyCaption(T.length),
|
|
66
|
-
items: T.map(D)
|
|
67
|
-
}] : [], ...E.length ? [{
|
|
68
|
-
id: "failed",
|
|
69
|
-
caption: p.failedCaption(E.length),
|
|
70
|
-
items: E.map(D)
|
|
71
|
-
}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
|
|
72
|
-
h.setQueryData(g, []);
|
|
73
|
-
}, [h, g]);
|
|
74
|
-
return {
|
|
75
|
-
enqueue: S,
|
|
76
|
-
sections: O,
|
|
77
|
-
summaryLabel: k,
|
|
78
|
-
collapsed: v,
|
|
79
|
-
onToggleCollapsed: a(() => y((e) => !e), []),
|
|
80
|
-
onClose: A,
|
|
81
|
-
isVisible: b.length > 0
|
|
82
|
-
};
|
|
83
|
-
}
|
|
2
|
+
var e = (e) => [
|
|
3
|
+
"bill-pay",
|
|
4
|
+
"upload-queue",
|
|
5
|
+
e ?? ""
|
|
6
|
+
];
|
|
84
7
|
//#endregion
|
|
85
|
-
export {
|
|
8
|
+
export { e as billPayUploadQueueKey };
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.js
|
|
2
|
+
var e = {
|
|
3
|
+
uploadingSummary: (e) => `Uploading and scanning ${e} ${e === 1 ? "file" : "files"}`,
|
|
4
|
+
completeSummary: (e) => `${e} ${e === 1 ? "upload" : "uploads"} complete`,
|
|
5
|
+
readyCaption: (e) => `${e} new ${e === 1 ? "bill" : "bills"} ready`,
|
|
6
|
+
failedCaption: (e) => `${e} failed to upload`
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
9
|
+
export { e as BILL_UPLOAD_QUEUE_LABELS_EN };
|
|
@@ -1,8 +1,85 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
"use client";
|
|
4
|
+
"use client";
|
|
5
|
+
import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
|
|
6
|
+
import { useUploadPayableFromFileMutation as t } from "../../data-access/dist/index7.js";
|
|
7
|
+
import { usePayableOcrQueries as n } from "../../data-access/dist/index9.js";
|
|
8
|
+
import "../../data-access/dist/index.js";
|
|
9
|
+
import { billPayUploadQueueKey as r } from "./index29.js";
|
|
10
|
+
import { BILL_UPLOAD_QUEUE_LABELS_EN as i } from "./index30.js";
|
|
11
|
+
import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
|
|
12
|
+
import { useQuery as l, useQueryClient as u } from "@tanstack/react-query";
|
|
1
13
|
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index31.js
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
14
|
+
function d({ onOpenBill: d, labels: f } = {}) {
|
|
15
|
+
let p = {
|
|
16
|
+
...i,
|
|
17
|
+
...f
|
|
18
|
+
}, { organizationId: m } = e(), h = u(), g = s(() => r(m), [m]), _ = t(), [v, y] = c(!1), { data: b = [] } = l({
|
|
19
|
+
queryKey: g,
|
|
20
|
+
queryFn: () => h.getQueryData(g) ?? [],
|
|
21
|
+
staleTime: Infinity,
|
|
22
|
+
gcTime: Infinity,
|
|
23
|
+
initialData: []
|
|
24
|
+
}), x = a((e, t) => {
|
|
25
|
+
h.setQueryData(g, (n) => (n ?? []).map((n) => n.localId === e ? {
|
|
26
|
+
...n,
|
|
27
|
+
...t
|
|
28
|
+
} : n));
|
|
29
|
+
}, [h, g]), S = a((e) => {
|
|
30
|
+
y(!1);
|
|
31
|
+
for (let t of e) {
|
|
32
|
+
let e = crypto.randomUUID();
|
|
33
|
+
h.setQueryData(g, (n) => [...n ?? [], {
|
|
34
|
+
localId: e,
|
|
35
|
+
fileName: t.name,
|
|
36
|
+
status: "uploading"
|
|
37
|
+
}]), _.mutateAsync({ file: t }).then((t) => x(e, { payableId: t?.id })).catch(() => x(e, { status: "failed" }));
|
|
38
|
+
}
|
|
39
|
+
}, [
|
|
40
|
+
x,
|
|
41
|
+
h,
|
|
42
|
+
g,
|
|
43
|
+
_
|
|
44
|
+
]), C = n({ payableIds: b.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
|
|
45
|
+
o(() => {
|
|
46
|
+
for (let { payableId: e, ocrStatus: t, isError: n } of C) {
|
|
47
|
+
let r = b.find((t) => t.payableId === e && t.status === "uploading");
|
|
48
|
+
r && (t === "success" ? x(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && x(r.localId, { status: "failed" }));
|
|
49
|
+
}
|
|
50
|
+
}, [
|
|
51
|
+
b,
|
|
52
|
+
C,
|
|
53
|
+
x
|
|
54
|
+
]);
|
|
55
|
+
let w = b.filter((e) => e.status === "uploading"), T = b.filter((e) => e.status === "ready"), E = b.filter((e) => e.status === "failed"), D = (e) => ({
|
|
56
|
+
id: e.localId,
|
|
57
|
+
fileName: e.fileName,
|
|
58
|
+
status: e.status,
|
|
59
|
+
onOpen: e.status === "ready" && e.payableId && d ? () => d(e.payableId) : void 0
|
|
60
|
+
}), O = w.length ? [{
|
|
61
|
+
id: "in-progress",
|
|
62
|
+
items: b.map(D)
|
|
63
|
+
}] : [...T.length ? [{
|
|
64
|
+
id: "ready",
|
|
65
|
+
caption: p.readyCaption(T.length),
|
|
66
|
+
items: T.map(D)
|
|
67
|
+
}] : [], ...E.length ? [{
|
|
68
|
+
id: "failed",
|
|
69
|
+
caption: p.failedCaption(E.length),
|
|
70
|
+
items: E.map(D)
|
|
71
|
+
}] : []], k = w.length ? p.uploadingSummary(b.length) : T.length ? p.completeSummary(T.length) : p.failedCaption(E.length), A = a(() => {
|
|
72
|
+
h.setQueryData(g, []);
|
|
73
|
+
}, [h, g]);
|
|
74
|
+
return {
|
|
75
|
+
enqueue: S,
|
|
76
|
+
sections: O,
|
|
77
|
+
summaryLabel: k,
|
|
78
|
+
collapsed: v,
|
|
79
|
+
onToggleCollapsed: a(() => y((e) => !e), []),
|
|
80
|
+
onClose: A,
|
|
81
|
+
isVisible: b.length > 0
|
|
82
|
+
};
|
|
83
|
+
}
|
|
7
84
|
//#endregion
|
|
8
|
-
export {
|
|
85
|
+
export { d as useBillUploadQueue };
|
|
@@ -1,114 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
"use client";
|
|
3
|
-
"use client";
|
|
4
|
-
"use client";
|
|
5
|
-
import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
|
|
6
|
-
import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
|
|
7
|
-
import "../../../shared/data-access/dist/index.js";
|
|
8
|
-
import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
|
|
9
|
-
import "../../../shared/ui/dist/index.js";
|
|
10
|
-
import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
|
|
11
|
-
import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
|
|
12
|
-
import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
|
|
13
|
-
import "../../../shared/feature/dist/index.js";
|
|
14
|
-
import { BillPayWidgetUi as o } from "../../ui/dist/index31.js";
|
|
15
|
-
import { BillUploadStatusTray as s } from "../../ui/dist/index41.js";
|
|
16
|
-
import "../../ui/dist/index.js";
|
|
17
|
-
import { billsTabTestIds as c } from "./index24.js";
|
|
18
|
-
import { BillsTab as l } from "./index25.js";
|
|
19
|
-
import "./index26.js";
|
|
20
|
-
import { useBillUploadQueue as u } from "./index29.js";
|
|
1
|
+
import "./index29.js";
|
|
21
2
|
import "./index30.js";
|
|
22
|
-
import
|
|
23
|
-
import { DEFAULT_TABS_LABELS as p } from "./index31.js";
|
|
24
|
-
import { ApprovalPoliciesSettings as m } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
|
|
25
|
-
import "../../../shared/approval-policy/feature/dist/index.js";
|
|
26
|
-
import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
|
|
27
|
-
import "../../../counterparts-widget/feature/dist/index.js";
|
|
28
|
-
import { useCallback as g, useEffect as _, useState as v } from "react";
|
|
29
|
-
import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
30
|
-
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index32.js
|
|
31
|
-
var S = {
|
|
32
|
-
Bills: "bills",
|
|
33
|
-
Vendors: "vendors",
|
|
34
|
-
Settings: "settings"
|
|
35
|
-
}, C = [
|
|
36
|
-
S.Bills,
|
|
37
|
-
S.Vendors,
|
|
38
|
-
S.Settings
|
|
39
|
-
];
|
|
40
|
-
function w({ labels: i, tabsLabels: f, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E }) {
|
|
41
|
-
let D = r();
|
|
42
|
-
_(() => {
|
|
43
|
-
D(d.Mounted);
|
|
44
|
-
}, [D]);
|
|
45
|
-
let O = {
|
|
46
|
-
...p,
|
|
47
|
-
...f
|
|
48
|
-
}, { initResponse: k } = a(), A = e(k?.scopes, [t.ApprovalPolicyWriteOrg]), j = !k || A, [M, N] = v(S.Bills), [P, F] = v(), I = g((e) => {
|
|
49
|
-
N(S.Bills), F(e);
|
|
50
|
-
}, []), L = u({ onOpenBill: I }), R = [{
|
|
51
|
-
id: S.Bills,
|
|
52
|
-
label: O.bills,
|
|
53
|
-
content: /* @__PURE__ */ b(l, {
|
|
54
|
-
onEnqueueFiles: L.enqueue,
|
|
55
|
-
openPayableId: P,
|
|
56
|
-
onOpenPayableHandled: () => F(void 0)
|
|
57
|
-
})
|
|
58
|
-
}, {
|
|
59
|
-
id: S.Vendors,
|
|
60
|
-
label: O.vendors,
|
|
61
|
-
content: /* @__PURE__ */ b(h, {
|
|
62
|
-
...E,
|
|
63
|
-
counterpartType: "vendor",
|
|
64
|
-
showTitle: !1,
|
|
65
|
-
onViewAllDocuments: () => N(S.Bills)
|
|
66
|
-
})
|
|
67
|
-
}];
|
|
68
|
-
j && R.push({
|
|
69
|
-
id: S.Settings,
|
|
70
|
-
label: O.settings,
|
|
71
|
-
content: /* @__PURE__ */ b(m, {
|
|
72
|
-
labels: w,
|
|
73
|
-
componentLabels: T
|
|
74
|
-
})
|
|
75
|
-
});
|
|
76
|
-
let z = R.some((e) => e.id === M) ? M : C.find((e) => R.some((t) => t.id === e)) ?? R[0]?.id ?? "";
|
|
77
|
-
return /* @__PURE__ */ x(y, { children: [
|
|
78
|
-
/* @__PURE__ */ b(n, {}),
|
|
79
|
-
/* @__PURE__ */ b(o, {
|
|
80
|
-
labels: i,
|
|
81
|
-
tabs: R,
|
|
82
|
-
selectedTabId: z,
|
|
83
|
-
onTabChange: N
|
|
84
|
-
}),
|
|
85
|
-
L.isVisible ? /* @__PURE__ */ b(s, {
|
|
86
|
-
sections: L.sections,
|
|
87
|
-
summaryLabel: L.summaryLabel,
|
|
88
|
-
collapsed: L.collapsed,
|
|
89
|
-
onToggleCollapsed: L.onToggleCollapsed,
|
|
90
|
-
onClose: L.onClose,
|
|
91
|
-
testId: c.uploadTray
|
|
92
|
-
}) : null
|
|
93
|
-
] });
|
|
94
|
-
}
|
|
95
|
-
function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: p, ...m }) {
|
|
96
|
-
return /* @__PURE__ */ b(i, {
|
|
97
|
-
widgetName: f,
|
|
98
|
-
baseUrl: e,
|
|
99
|
-
widgetToken: t,
|
|
100
|
-
organizationId: n,
|
|
101
|
-
configClient: r,
|
|
102
|
-
gatewayRouting: a,
|
|
103
|
-
linkComponent: o,
|
|
104
|
-
implementation: s,
|
|
105
|
-
uiFramework: c,
|
|
106
|
-
errorFallback: l,
|
|
107
|
-
onError: u,
|
|
108
|
-
analytics: d,
|
|
109
|
-
disclosuresAcceptance: p,
|
|
110
|
-
children: /* @__PURE__ */ b(w, { ...m })
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
//#endregion
|
|
114
|
-
export { T as BillPayWidgetNative, T as default };
|
|
3
|
+
import "./index31.js";
|
|
@@ -2,24 +2,113 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
"use client";
|
|
4
4
|
"use client";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
|
|
6
|
+
import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
|
|
7
|
+
import "../../../shared/data-access/dist/index.js";
|
|
8
|
+
import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
|
|
9
|
+
import "../../../shared/ui/dist/index.js";
|
|
10
|
+
import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
|
|
11
|
+
import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
|
|
12
|
+
import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
|
|
7
13
|
import "../../../shared/feature/dist/index.js";
|
|
8
|
-
import {
|
|
9
|
-
import "
|
|
10
|
-
import
|
|
11
|
-
import "./
|
|
12
|
-
import {
|
|
14
|
+
import { BillPayWidgetUi as o } from "../../ui/dist/index31.js";
|
|
15
|
+
import { BillUploadStatusTray as s } from "../../ui/dist/index41.js";
|
|
16
|
+
import "../../ui/dist/index.js";
|
|
17
|
+
import { billsTabTestIds as c } from "./index25.js";
|
|
18
|
+
import { BillsTab as l } from "./index27.js";
|
|
19
|
+
import "./index28.js";
|
|
20
|
+
import { useBillUploadQueue as u } from "./index31.js";
|
|
21
|
+
import "./index32.js";
|
|
22
|
+
import { BillPayWidgetAnalyticsEvent as d, WIDGET_NAME as f } from "./index19.js";
|
|
23
|
+
import { DEFAULT_TABS_LABELS as p } from "./index33.js";
|
|
24
|
+
import { ApprovalPoliciesSettings as m } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
|
|
25
|
+
import "../../../shared/approval-policy/feature/dist/index.js";
|
|
26
|
+
import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
|
|
27
|
+
import "../../../counterparts-widget/feature/dist/index.js";
|
|
28
|
+
import { useCallback as g, useEffect as _, useState as v } from "react";
|
|
29
|
+
import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
13
30
|
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.js
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
31
|
+
var S = {
|
|
32
|
+
Bills: "bills",
|
|
33
|
+
Vendors: "vendors",
|
|
34
|
+
Settings: "settings"
|
|
35
|
+
}, C = [
|
|
36
|
+
S.Bills,
|
|
37
|
+
S.Vendors,
|
|
38
|
+
S.Settings
|
|
39
|
+
];
|
|
40
|
+
function w({ labels: i, tabsLabels: f, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E }) {
|
|
41
|
+
let D = r();
|
|
42
|
+
_(() => {
|
|
43
|
+
D(d.Mounted);
|
|
44
|
+
}, [D]);
|
|
45
|
+
let O = {
|
|
46
|
+
...p,
|
|
47
|
+
...f
|
|
48
|
+
}, { initResponse: k } = a(), A = e(k?.scopes, [t.ApprovalPolicyWriteOrg]), j = !k || A, [M, N] = v(S.Bills), [P, F] = v(), I = g((e) => {
|
|
49
|
+
N(S.Bills), F(e);
|
|
50
|
+
}, []), L = u({ onOpenBill: I }), R = [{
|
|
51
|
+
id: S.Bills,
|
|
52
|
+
label: O.bills,
|
|
53
|
+
content: /* @__PURE__ */ b(l, {
|
|
54
|
+
onEnqueueFiles: L.enqueue,
|
|
55
|
+
openPayableId: P,
|
|
56
|
+
onOpenPayableHandled: () => F(void 0)
|
|
57
|
+
})
|
|
58
|
+
}, {
|
|
59
|
+
id: S.Vendors,
|
|
60
|
+
label: O.vendors,
|
|
61
|
+
content: /* @__PURE__ */ b(h, {
|
|
62
|
+
...E,
|
|
63
|
+
counterpartType: "vendor",
|
|
64
|
+
showTitle: !1,
|
|
65
|
+
onViewAllDocuments: () => N(S.Bills)
|
|
66
|
+
})
|
|
67
|
+
}];
|
|
68
|
+
j && R.push({
|
|
69
|
+
id: S.Settings,
|
|
70
|
+
label: O.settings,
|
|
71
|
+
content: /* @__PURE__ */ b(m, {
|
|
72
|
+
labels: w,
|
|
73
|
+
componentLabels: T
|
|
74
|
+
})
|
|
75
|
+
});
|
|
76
|
+
let z = R.some((e) => e.id === M) ? M : C.find((e) => R.some((t) => t.id === e)) ?? R[0]?.id ?? "";
|
|
77
|
+
return /* @__PURE__ */ x(y, { children: [
|
|
78
|
+
/* @__PURE__ */ b(n, {}),
|
|
79
|
+
/* @__PURE__ */ b(o, {
|
|
80
|
+
labels: i,
|
|
81
|
+
tabs: R,
|
|
82
|
+
selectedTabId: z,
|
|
83
|
+
onTabChange: N
|
|
84
|
+
}),
|
|
85
|
+
L.isVisible ? /* @__PURE__ */ b(s, {
|
|
86
|
+
sections: L.sections,
|
|
87
|
+
summaryLabel: L.summaryLabel,
|
|
88
|
+
collapsed: L.collapsed,
|
|
89
|
+
onToggleCollapsed: L.onToggleCollapsed,
|
|
90
|
+
onClose: L.onClose,
|
|
91
|
+
testId: c.uploadTray
|
|
92
|
+
}) : null
|
|
93
|
+
] });
|
|
94
|
+
}
|
|
95
|
+
function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: p, ...m }) {
|
|
96
|
+
return /* @__PURE__ */ b(i, {
|
|
97
|
+
widgetName: f,
|
|
98
|
+
baseUrl: e,
|
|
99
|
+
widgetToken: t,
|
|
100
|
+
organizationId: n,
|
|
101
|
+
configClient: r,
|
|
102
|
+
gatewayRouting: a,
|
|
103
|
+
linkComponent: o,
|
|
104
|
+
implementation: s,
|
|
105
|
+
uiFramework: c,
|
|
106
|
+
errorFallback: l,
|
|
107
|
+
onError: u,
|
|
108
|
+
analytics: d,
|
|
109
|
+
disclosuresAcceptance: p,
|
|
110
|
+
children: /* @__PURE__ */ b(w, { ...m })
|
|
22
111
|
});
|
|
23
112
|
}
|
|
24
113
|
//#endregion
|
|
25
|
-
export {
|
|
114
|
+
export { T as BillPayWidgetNative, T as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "./index34.js";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
"use client";
|
|
4
|
+
"use client";
|
|
5
|
+
import { Implementation as e } from "../../../shared/feature/dist/lib/WidgetProvider/types.js";
|
|
6
|
+
import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
|
|
7
|
+
import "../../../shared/feature/dist/index.js";
|
|
8
|
+
import { BillPayWidgetMonite as n } from "./index20.js";
|
|
9
|
+
import "./index21.js";
|
|
10
|
+
import { BillPayWidgetNative as r } from "./index34.js";
|
|
11
|
+
import "./index35.js";
|
|
12
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
13
|
+
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.js
|
|
14
|
+
function a({ implementation: a, ...o }) {
|
|
15
|
+
let s = t().implementation, c = a ?? s ?? e.Monite;
|
|
16
|
+
return c === e.Native ? /* @__PURE__ */ i(r, {
|
|
17
|
+
implementation: c,
|
|
18
|
+
...o
|
|
19
|
+
}) : /* @__PURE__ */ i(n, {
|
|
20
|
+
implementation: c,
|
|
21
|
+
...o
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
//#endregion
|
|
25
|
+
export { a as BillPayWidget, a as default };
|
|
@@ -26,10 +26,13 @@ function s({ labels: s, tabs: c, selectedTabId: l, onTabChange: u }) {
|
|
|
26
26
|
value: l,
|
|
27
27
|
onValueChange: u,
|
|
28
28
|
className: "ttw:w-full",
|
|
29
|
-
children: [/* @__PURE__ */ a(n, {
|
|
30
|
-
|
|
31
|
-
children: e
|
|
32
|
-
|
|
29
|
+
children: [/* @__PURE__ */ a(n, {
|
|
30
|
+
variant: "line",
|
|
31
|
+
children: c.map((e) => /* @__PURE__ */ a(r, {
|
|
32
|
+
value: e.id,
|
|
33
|
+
children: e.label
|
|
34
|
+
}, e.id))
|
|
35
|
+
}), c.map((e) => /* @__PURE__ */ a(t, {
|
|
33
36
|
value: e.id,
|
|
34
37
|
className: "ttw:mt-6",
|
|
35
38
|
children: e.content
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DATA_TABLE_LABELS_EN as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
|
|
2
|
+
import { ADD_BILL_PANEL_LABELS_EN as t } from "./index6.js";
|
|
2
3
|
import "./index8.js";
|
|
3
|
-
import { BILL_STATUS_BADGE_LABELS_EN as
|
|
4
|
+
import { BILL_STATUS_BADGE_LABELS_EN as n } from "./index33.js";
|
|
4
5
|
import "./index35.js";
|
|
5
6
|
//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js
|
|
6
|
-
var
|
|
7
|
+
var r = {
|
|
7
8
|
loadingTitle: "Loading bill…",
|
|
8
9
|
hiddenDescription: "Bill details",
|
|
9
10
|
errorTitle: "Couldn't load this bill",
|
|
@@ -18,27 +19,37 @@ var n = {
|
|
|
18
19
|
lineItemsAmountHeading: "Amount",
|
|
19
20
|
expandButton: "Open full screen",
|
|
20
21
|
closeButton: "Close",
|
|
21
|
-
statusBadge:
|
|
22
|
-
},
|
|
23
|
-
...
|
|
22
|
+
statusBadge: n
|
|
23
|
+
}, i = ".pdf,.png,.jpg,.jpeg,.doc,.docx", a = {
|
|
24
|
+
...t,
|
|
24
25
|
dropzone: {
|
|
25
|
-
...
|
|
26
|
+
...t.dropzone,
|
|
26
27
|
fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
|
|
27
28
|
}
|
|
28
|
-
},
|
|
29
|
-
title: "Bills",
|
|
29
|
+
}, o = {
|
|
30
30
|
createButton: "Add bill",
|
|
31
31
|
columnVendor: "Vendor",
|
|
32
32
|
columnDueDate: "Due date",
|
|
33
|
-
|
|
33
|
+
columnAmountDue: "Amount due",
|
|
34
34
|
columnStatus: "Status",
|
|
35
|
+
columnAddedOn: "Added on",
|
|
35
36
|
columnActions: "Actions",
|
|
36
37
|
openRow: (e) => `View bill — ${e}`,
|
|
38
|
+
searchPlaceholder: "Search by vendor name",
|
|
39
|
+
searchLabel: "Search bills by vendor name",
|
|
40
|
+
filterTabsLabel: "Filter bills by status",
|
|
41
|
+
filteredEmptyTitle: "No bills match",
|
|
42
|
+
filteredEmptyDescription: "Try a different search or status filter.",
|
|
37
43
|
errorTitle: "Couldn't load bills",
|
|
38
44
|
errorDescription: "Something went wrong. Try again.",
|
|
39
45
|
errorRetry: "Retry",
|
|
40
|
-
statusBadge:
|
|
41
|
-
addBill:
|
|
46
|
+
statusBadge: n,
|
|
47
|
+
addBill: a,
|
|
48
|
+
sortableHeader: {
|
|
49
|
+
sortedAscending: e.sortedAscending,
|
|
50
|
+
sortedDescending: e.sortedDescending,
|
|
51
|
+
notSorted: e.notSorted
|
|
52
|
+
}
|
|
42
53
|
};
|
|
43
54
|
//#endregion
|
|
44
|
-
export {
|
|
55
|
+
export { o as BILLS_SCREEN_LABELS_EN, i as BILLS_SCREEN_UPLOAD_ACCEPT, r as BILL_DETAILS_SHEET_LABELS_EN };
|