@tesouro/embedded-components-react 0.11.0 → 0.11.2
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/experimental/QuickViewWidget.d.ts +11 -0
- package/dist/experimental/RemoteCheckCapture.d.ts +11 -0
- package/dist/experimental/index.d.ts +11 -0
- package/dist/index.css +509 -61
- package/dist/index.d.ts +54 -13
- package/dist/lib/AcceptDisclosuresWidget.d.ts +11 -0
- package/dist/lib/BalancesWidget.d.ts +11 -0
- package/dist/lib/BankAccountOnboardingWidget.d.ts +11 -0
- package/dist/lib/BankAccountsWidget.d.ts +11 -0
- package/dist/lib/BankingComplianceBannerWidget.d.ts +11 -0
- package/dist/lib/BillPayWidget.d.ts +11 -0
- package/dist/lib/CardDetailsWidget.d.ts +11 -0
- package/dist/lib/CounterpartsWidget.d.ts +11 -0
- package/dist/lib/CounterpartsWidgetPublic.d.ts +11 -0
- package/dist/lib/CreditCardsWidget.d.ts +11 -0
- package/dist/lib/CustomersWidget.d.ts +11 -0
- package/dist/lib/DebitCardsWidget.d.ts +11 -0
- package/dist/lib/ExpenseManagementWidget.d.ts +11 -0
- package/dist/lib/InsightsWidget.d.ts +11 -0
- package/dist/lib/LinkedAccountsWidget.d.ts +11 -0
- package/dist/lib/OfferWidget.d.ts +11 -0
- package/dist/lib/ProductsWidget.d.ts +11 -0
- package/dist/lib/ReceivablesWidget.d.ts +11 -0
- package/dist/lib/SettingsWidget.d.ts +11 -0
- package/dist/lib/TransfersWidget.d.ts +54 -13
- package/dist/lib/WidgetProvider.d.ts +11 -0
- package/dist/lib/WidgetProviderPublic.d.ts +11 -0
- package/dist/lib/WidgetSuite.d.ts +54 -13
- package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/index.js +15 -12
- package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/AmountInput/AmountInput.js +30 -0
- package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/LoadingRegion/LoadingRegion.js +14 -1
- package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/MaskedAccountNumber/MaskedAccountNumber.js +57 -0
- package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/MaskedAccountNumber/labels.js +7 -0
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/TransfersWidgetInner.js +4 -2
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/testIds.js +2 -2
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/transferViews.js +10 -17
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/lib/TransfersWidget/useTransferMoneyModalController.js +159 -218
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/mocks/labels.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/ReviewTransferStep.js +37 -88
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferMoneyModal.js +184 -245
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferResultStep.js +43 -58
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/reviewTransferStepLabels.js +6 -5
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/transferResultStepLabels.js +7 -6
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/useFocusFirstInvalidField.js +9 -0
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransferAccountValue.js +32 -0
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransferDetailSheet.js +68 -101
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransfersWidget.js +155 -153
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/labels.js +20 -11
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/maskLabels.js +7 -0
- package/dist/packages/shared-ui-shadcn/dist/index.js +1850 -1607
- package/package.json +1 -1
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferMoneyModalHeader.js +0 -29
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferReviewAccountCard.js +0 -64
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransferAccountTile.js +0 -14
- package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransferStatusBadge.js +0 -17
|
@@ -1,110 +1,77 @@
|
|
|
1
|
-
import { Alert as e, AlertDescription as t, AlertTitle as n,
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { jsx as
|
|
1
|
+
import { Alert as e, AlertDescription as t, AlertTitle as n, Badge as r, Button as i, DescriptionList as a, DisplayAmount as o, FormSheet as s, cn as c } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
|
|
2
|
+
import { maskLabels as l } from "./maskLabels.js";
|
|
3
|
+
import { TransferAccountValue as u } from "./TransferAccountValue.js";
|
|
4
|
+
import { jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
5
|
+
import { CircleAlert as p } from "lucide-react";
|
|
5
6
|
// ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransferDetailSheet.js
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
children: [/* @__PURE__ */ p(f, { kind: t.kind }), /* @__PURE__ */ m("div", {
|
|
17
|
-
className: "ttw:min-w-0",
|
|
18
|
-
children: [/* @__PURE__ */ m("p", {
|
|
19
|
-
className: "ttw:m-0 ttw:flex ttw:gap-1 ttw:text-sm ttw:font-medium",
|
|
20
|
-
children: [/* @__PURE__ */ p("span", {
|
|
21
|
-
className: "ttw:truncate",
|
|
22
|
-
children: t.name
|
|
23
|
-
}), t.maskLabel ? /* @__PURE__ */ p("span", {
|
|
24
|
-
className: "ttw:shrink-0",
|
|
25
|
-
children: t.maskLabel
|
|
26
|
-
}) : null]
|
|
27
|
-
}), /* @__PURE__ */ p(l, {
|
|
28
|
-
variant: "body2",
|
|
29
|
-
color: "muted",
|
|
30
|
-
component: "p",
|
|
31
|
-
children: t.kindLabel
|
|
32
|
-
})]
|
|
33
|
-
})]
|
|
34
|
-
})]
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
function g({ detail: f, onClose: g, onLinkAccountClick: _, labels: v, testIds: y }) {
|
|
38
|
-
let b = f?.returnedBanner;
|
|
39
|
-
return /* @__PURE__ */ p(a, {
|
|
40
|
-
open: !!f,
|
|
7
|
+
var m = (e, t) => /* @__PURE__ */ d(u, {
|
|
8
|
+
numberLabels: l(t),
|
|
9
|
+
name: e.name,
|
|
10
|
+
number: e.number,
|
|
11
|
+
secondaryLabel: e.kindLabel
|
|
12
|
+
});
|
|
13
|
+
function h({ detail: l, onClose: u, onLinkAccountClick: h, labels: g, testIds: _ }) {
|
|
14
|
+
let v = l?.returnedBanner;
|
|
15
|
+
return /* @__PURE__ */ d(s, {
|
|
16
|
+
open: !!l,
|
|
41
17
|
onOpenChange: (e) => {
|
|
42
|
-
e ||
|
|
18
|
+
e || u?.();
|
|
43
19
|
},
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
/* @__PURE__ */
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
|
|
20
|
+
title: g.detailTitle,
|
|
21
|
+
labels: { close: g.detailClose },
|
|
22
|
+
testIds: { content: _?.root },
|
|
23
|
+
children: l ? /* @__PURE__ */ f("div", {
|
|
24
|
+
className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:pb-6",
|
|
25
|
+
children: [
|
|
26
|
+
/* @__PURE__ */ f("div", {
|
|
27
|
+
className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-3",
|
|
28
|
+
children: [/* @__PURE__ */ d(o, {
|
|
29
|
+
className: c(l.isAmountStruckThrough && "ttw:line-through"),
|
|
30
|
+
children: l.amountLabel
|
|
31
|
+
}), /* @__PURE__ */ d(r, {
|
|
32
|
+
tone: l.statusTone,
|
|
33
|
+
children: l.statusLabel
|
|
34
|
+
})]
|
|
35
|
+
}),
|
|
36
|
+
v ? /* @__PURE__ */ f(e, {
|
|
37
|
+
variant: "destructive",
|
|
38
|
+
"data-testid": _?.returnedBanner,
|
|
39
|
+
children: [
|
|
40
|
+
/* @__PURE__ */ d(p, { "aria-hidden": !0 }),
|
|
41
|
+
/* @__PURE__ */ d(n, { children: v.title }),
|
|
42
|
+
/* @__PURE__ */ f(t, { children: [
|
|
43
|
+
/* @__PURE__ */ d("p", { children: v.description }),
|
|
44
|
+
/* @__PURE__ */ d("p", { children: v.nextStep }),
|
|
45
|
+
h ? /* @__PURE__ */ d(i, {
|
|
70
46
|
type: "button",
|
|
71
47
|
size: "sm",
|
|
72
48
|
className: "ttw:mt-2",
|
|
73
|
-
onClick:
|
|
74
|
-
children:
|
|
49
|
+
onClick: h,
|
|
50
|
+
children: g.returnedLinkAccountCta
|
|
75
51
|
}) : null
|
|
76
|
-
] })
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
}), /* @__PURE__ */ p(l, {
|
|
100
|
-
variant: "body2",
|
|
101
|
-
component: "p",
|
|
102
|
-
children: t
|
|
103
|
-
})]
|
|
104
|
-
}, e))
|
|
105
|
-
]
|
|
106
|
-
}) : null]
|
|
107
|
-
})
|
|
52
|
+
] })
|
|
53
|
+
]
|
|
54
|
+
}) : null,
|
|
55
|
+
/* @__PURE__ */ d(a, { items: [
|
|
56
|
+
{
|
|
57
|
+
label: g.transferFromLabel,
|
|
58
|
+
value: m(l.from, g)
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
label: g.transferToLabel,
|
|
62
|
+
value: m(l.to, g)
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
label: g.detailInitiatedByLabel,
|
|
66
|
+
value: l.initiatedByLabel
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
label: g.detailInitiatedOnLabel,
|
|
70
|
+
value: l.initiatedOnLabel
|
|
71
|
+
}
|
|
72
|
+
] })
|
|
73
|
+
]
|
|
74
|
+
}) : null
|
|
108
75
|
});
|
|
109
76
|
}
|
|
110
|
-
export {
|
|
77
|
+
export { h as TransferDetailSheet };
|
|
@@ -1,197 +1,199 @@
|
|
|
1
|
-
import { Badge as e, Button as t, DataTable as n,
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { Badge as e, Button as t, DataTable as n, DescriptionList as r, Skeleton as i, cn as a } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
|
|
2
|
+
import { WidgetFrame as o } from "../../../../../shared/ui/dist/lib/WidgetFrame/WidgetFrame.js";
|
|
3
|
+
import { EmptyState as s } from "../../../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
|
|
4
|
+
import { ErrorState as c } from "../../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
|
|
5
|
+
import { LoadingRegion as l } from "../../../../../shared/ui/dist/lib/LoadingRegion/LoadingRegion.js";
|
|
6
|
+
import { PaginationFooter as u } from "../../../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
|
|
4
7
|
import "../../../../../shared/ui/dist/index.js";
|
|
5
|
-
import { TRANSFERS_WIDGET_LABELS_EN as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
8
|
+
import { TRANSFERS_WIDGET_LABELS_EN as d } from "./labels.js";
|
|
9
|
+
import { maskLabels as f } from "./maskLabels.js";
|
|
10
|
+
import { TransferAccountValue as p } from "./TransferAccountValue.js";
|
|
11
|
+
import { TransferMoneyModal as m } from "../TransferMoneyModal/TransferMoneyModal.js";
|
|
12
|
+
import { TransferDetailSheet as h } from "./TransferDetailSheet.js";
|
|
13
|
+
import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
14
|
+
import { ArrowDownUp as y } from "lucide-react";
|
|
11
15
|
// ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransfersWidget.js
|
|
12
|
-
var
|
|
13
|
-
function
|
|
14
|
-
let
|
|
15
|
-
...
|
|
16
|
-
...
|
|
17
|
-
},
|
|
16
|
+
var b = [], x = () => void 0;
|
|
17
|
+
function S({ transferRows: e, isLoading: r, isError: a, onRetry: f, showTransferMoneyCta: p, isTransferMoneyCtaDisabled: S = !1, onTransferMoneyClick: D, transferMoneyModal: O, pagination: k, selectedRowKey: A, onRowClick: j, transferDetail: M, onTransferDetailClose: N, onLinkAccountClick: P, labels: F, testIds: I }) {
|
|
18
|
+
let L = {
|
|
19
|
+
...d,
|
|
20
|
+
...F
|
|
21
|
+
}, R = [
|
|
18
22
|
{
|
|
19
23
|
id: "date",
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
24
|
+
meta: { fitContent: !0 },
|
|
25
|
+
header: L.tableHeaderDate,
|
|
26
|
+
cell: ({ row: e }) => /* @__PURE__ */ _("span", {
|
|
27
|
+
className: "ttw:font-normal ttw:whitespace-nowrap ttw:text-muted-foreground",
|
|
23
28
|
children: e.original.dateLabel
|
|
24
29
|
})
|
|
25
30
|
},
|
|
26
31
|
{
|
|
27
32
|
id: "from",
|
|
28
|
-
header:
|
|
29
|
-
cell: ({ row: e }) => /* @__PURE__ */
|
|
33
|
+
header: L.transferFromLabel,
|
|
34
|
+
cell: ({ row: e }) => /* @__PURE__ */ _(C, {
|
|
35
|
+
account: e.original.from,
|
|
36
|
+
labels: L
|
|
37
|
+
})
|
|
30
38
|
},
|
|
31
39
|
{
|
|
32
40
|
id: "to",
|
|
33
|
-
header:
|
|
34
|
-
cell: ({ row: e }) => /* @__PURE__ */
|
|
41
|
+
header: L.transferToLabel,
|
|
42
|
+
cell: ({ row: e }) => /* @__PURE__ */ _(C, {
|
|
43
|
+
account: e.original.to,
|
|
44
|
+
labels: L
|
|
45
|
+
})
|
|
35
46
|
},
|
|
36
47
|
{
|
|
37
48
|
id: "status",
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
children: [/* @__PURE__ */ p(u, {
|
|
42
|
-
label: e.original.statusLabel,
|
|
43
|
-
tone: e.original.statusTone
|
|
44
|
-
}), e.original.statusReasonLabel ? /* @__PURE__ */ p("span", {
|
|
45
|
-
className: "ttw:text-xs ttw:font-normal ttw:text-muted-foreground",
|
|
46
|
-
children: e.original.statusReasonLabel
|
|
47
|
-
}) : null]
|
|
48
|
-
})
|
|
49
|
+
meta: { fitContent: !0 },
|
|
50
|
+
header: L.tableHeaderStatus,
|
|
51
|
+
cell: ({ row: e }) => /* @__PURE__ */ _(w, { row: e.original })
|
|
49
52
|
},
|
|
50
53
|
{
|
|
51
54
|
id: "amount",
|
|
52
|
-
|
|
55
|
+
meta: { fitContent: !0 },
|
|
56
|
+
header: () => /* @__PURE__ */ _("span", {
|
|
53
57
|
className: "ttw:block ttw:text-right",
|
|
54
|
-
children:
|
|
58
|
+
children: L.tableHeaderAmount
|
|
55
59
|
}),
|
|
56
|
-
cell: ({ row: e }) => /* @__PURE__ */
|
|
57
|
-
className: a("ttw:block ttw:text-right ttw:font-semibold ttw:tabular-nums", e.original.isAmountStruckThrough && "ttw:line-through"),
|
|
58
|
-
children: e.original.amountLabel
|
|
59
|
-
})
|
|
60
|
+
cell: ({ row: e }) => /* @__PURE__ */ _(T, { row: e.original })
|
|
60
61
|
}
|
|
61
|
-
],
|
|
62
|
-
onRowClick: (e) =>
|
|
62
|
+
], z = j ? {
|
|
63
|
+
onRowClick: (e) => j(e.rowKey),
|
|
63
64
|
rowAriaLabel: (e) => e.ariaLabel
|
|
64
|
-
} : {},
|
|
65
|
-
...
|
|
65
|
+
} : {}, B = k ? /* @__PURE__ */ _(u, {
|
|
66
|
+
...k,
|
|
66
67
|
labels: {
|
|
67
|
-
rowsPerPageLabel:
|
|
68
|
-
previousPageButton:
|
|
69
|
-
nextPageButton:
|
|
68
|
+
rowsPerPageLabel: L.paginationRowsPerPage,
|
|
69
|
+
previousPageButton: L.paginationPreviousPage,
|
|
70
|
+
nextPageButton: L.paginationNextPage
|
|
70
71
|
}
|
|
71
|
-
}) : null,
|
|
72
|
+
}) : null, V = p && !r ? /* @__PURE__ */ _("span", {
|
|
72
73
|
className: "ttw:inline-flex ttw:shrink-0",
|
|
73
|
-
title:
|
|
74
|
-
children: /* @__PURE__ */
|
|
74
|
+
title: S ? L.transferMoneyCtaDisabledTooltip : void 0,
|
|
75
|
+
children: /* @__PURE__ */ _(t, {
|
|
75
76
|
type: "button",
|
|
76
77
|
size: "sm",
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
children: [/* @__PURE__ */ p(h, {
|
|
83
|
-
className: "ttw:size-4",
|
|
84
|
-
"aria-hidden": !0
|
|
85
|
-
}), F.transferMoneyCta]
|
|
78
|
+
className: "ttw:whitespace-nowrap",
|
|
79
|
+
disabled: S,
|
|
80
|
+
onClick: S ? void 0 : D,
|
|
81
|
+
"data-testid": I?.transferMoneyButton,
|
|
82
|
+
children: L.transferMoneyCta
|
|
86
83
|
})
|
|
87
|
-
}) : void 0;
|
|
88
|
-
return /* @__PURE__ */
|
|
89
|
-
/* @__PURE__ */
|
|
90
|
-
icon: /* @__PURE__ */
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
S ? /* @__PURE__ */ p(t, {
|
|
118
|
-
type: "button",
|
|
119
|
-
variant: "outline",
|
|
120
|
-
size: "sm",
|
|
121
|
-
className: "ttw:self-start ttw:cursor-pointer",
|
|
122
|
-
onClick: S,
|
|
123
|
-
"data-testid": P?.retry,
|
|
124
|
-
children: F.loadErrorRetry
|
|
125
|
-
}) : null
|
|
126
|
-
]
|
|
127
|
-
}) : e.length === 0 ? /* @__PURE__ */ m("div", {
|
|
128
|
-
className: "ttw:flex ttw:flex-col ttw:gap-2",
|
|
129
|
-
"data-testid": P?.empty,
|
|
130
|
-
children: [
|
|
131
|
-
/* @__PURE__ */ p(i, {
|
|
132
|
-
variant: "body1",
|
|
133
|
-
className: "ttw:font-semibold",
|
|
134
|
-
children: F.emptyTitle
|
|
135
|
-
}),
|
|
136
|
-
/* @__PURE__ */ p(i, {
|
|
137
|
-
variant: "body2",
|
|
138
|
-
color: "muted",
|
|
139
|
-
component: "p",
|
|
140
|
-
children: F.emptyDescription
|
|
141
|
-
}),
|
|
142
|
-
D && !D.isPreviousDisabled ? R : null
|
|
143
|
-
]
|
|
144
|
-
}) : /* @__PURE__ */ m("div", {
|
|
84
|
+
}) : void 0, H = !r && !a && e.length > 0;
|
|
85
|
+
return /* @__PURE__ */ v(g, { children: [
|
|
86
|
+
/* @__PURE__ */ _(o, {
|
|
87
|
+
icon: /* @__PURE__ */ _(y, {}),
|
|
88
|
+
title: L.widgetTitle,
|
|
89
|
+
action: V,
|
|
90
|
+
bodyClassName: H ? "ttw:p-0" : void 0,
|
|
91
|
+
children: r ? /* @__PURE__ */ _(l, {
|
|
92
|
+
isLoading: !0,
|
|
93
|
+
loadingLabel: L.loadingLabel,
|
|
94
|
+
children: /* @__PURE__ */ _(i, {
|
|
95
|
+
"data-testid": I?.skeleton,
|
|
96
|
+
height: 120,
|
|
97
|
+
width: "100%",
|
|
98
|
+
className: "ttw:rounded-md"
|
|
99
|
+
})
|
|
100
|
+
}) : a ? /* @__PURE__ */ _(c, {
|
|
101
|
+
title: L.loadErrorTitle,
|
|
102
|
+
description: L.loadErrorDescription,
|
|
103
|
+
retryLabel: L.loadErrorRetry,
|
|
104
|
+
onRetry: f,
|
|
105
|
+
testId: I?.error
|
|
106
|
+
}) : e.length === 0 ? /* @__PURE__ */ v("div", {
|
|
107
|
+
className: "ttw:flex ttw:flex-col ttw:gap-4",
|
|
108
|
+
children: [/* @__PURE__ */ _(s, {
|
|
109
|
+
title: L.emptyTitle,
|
|
110
|
+
description: L.emptyDescription,
|
|
111
|
+
testId: I?.empty
|
|
112
|
+
}), k && !k.isPreviousDisabled ? B : null]
|
|
113
|
+
}) : /* @__PURE__ */ v("div", {
|
|
145
114
|
className: "ttw:flex ttw:flex-col",
|
|
146
|
-
children: [/* @__PURE__ */
|
|
147
|
-
|
|
115
|
+
children: [/* @__PURE__ */ _(n, {
|
|
116
|
+
framed: !1,
|
|
117
|
+
columns: R,
|
|
148
118
|
data: e,
|
|
149
119
|
getRowId: (e) => e.rowKey,
|
|
150
|
-
rowTestId:
|
|
151
|
-
rowClassName: (e) => e.rowKey ===
|
|
152
|
-
...
|
|
120
|
+
rowTestId: I?.transferRow,
|
|
121
|
+
rowClassName: (e) => e.rowKey === A ? "ttw:bg-muted" : void 0,
|
|
122
|
+
...z,
|
|
123
|
+
renderCard: (e) => /* @__PURE__ */ _(E, {
|
|
124
|
+
row: e,
|
|
125
|
+
labels: L
|
|
126
|
+
}),
|
|
153
127
|
showPagination: !1,
|
|
154
|
-
sorting:
|
|
155
|
-
onSortingChange:
|
|
128
|
+
sorting: b,
|
|
129
|
+
onSortingChange: x,
|
|
156
130
|
pageSize: e.length,
|
|
157
|
-
pageSizeOptions:
|
|
158
|
-
onPageSizeChange:
|
|
159
|
-
onNextPage:
|
|
160
|
-
onPrevPage:
|
|
161
|
-
}),
|
|
131
|
+
pageSizeOptions: k?.pageSizeOptions ?? [],
|
|
132
|
+
onPageSizeChange: x,
|
|
133
|
+
onNextPage: x,
|
|
134
|
+
onPrevPage: x
|
|
135
|
+
}), B]
|
|
162
136
|
})
|
|
163
137
|
}),
|
|
164
|
-
/* @__PURE__ */
|
|
165
|
-
...
|
|
166
|
-
labels:
|
|
138
|
+
/* @__PURE__ */ _(m, {
|
|
139
|
+
...O,
|
|
140
|
+
labels: L
|
|
167
141
|
}),
|
|
168
|
-
/* @__PURE__ */
|
|
169
|
-
detail:
|
|
170
|
-
onClose:
|
|
171
|
-
onLinkAccountClick:
|
|
172
|
-
labels:
|
|
173
|
-
testIds:
|
|
142
|
+
/* @__PURE__ */ _(h, {
|
|
143
|
+
detail: M,
|
|
144
|
+
onClose: N,
|
|
145
|
+
onLinkAccountClick: P,
|
|
146
|
+
labels: L,
|
|
147
|
+
testIds: I?.transferDetail
|
|
174
148
|
})
|
|
175
149
|
] });
|
|
176
150
|
}
|
|
177
|
-
function
|
|
178
|
-
return /* @__PURE__ */
|
|
179
|
-
|
|
180
|
-
|
|
151
|
+
function C({ account: e, labels: t }) {
|
|
152
|
+
return /* @__PURE__ */ _(p, {
|
|
153
|
+
singleLine: !0,
|
|
154
|
+
numberLabels: f(t),
|
|
155
|
+
name: e.name,
|
|
156
|
+
number: e.number
|
|
157
|
+
});
|
|
158
|
+
}
|
|
159
|
+
function w({ row: t }) {
|
|
160
|
+
return /* @__PURE__ */ _(e, {
|
|
161
|
+
tone: t.statusTone,
|
|
162
|
+
children: t.statusLabel
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
function T({ row: e }) {
|
|
166
|
+
return /* @__PURE__ */ _("span", {
|
|
167
|
+
className: a("ttw:block ttw:text-right ttw:font-semibold ttw:whitespace-nowrap ttw:tabular-nums", e.isAmountStruckThrough && "ttw:line-through"),
|
|
168
|
+
children: e.amountLabel
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
function E({ row: e, labels: t }) {
|
|
172
|
+
return /* @__PURE__ */ v("div", {
|
|
173
|
+
className: "ttw:flex ttw:flex-col ttw:gap-2",
|
|
181
174
|
children: [
|
|
182
|
-
/* @__PURE__ */
|
|
183
|
-
className: "ttw:
|
|
184
|
-
children:
|
|
175
|
+
/* @__PURE__ */ v("div", {
|
|
176
|
+
className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-2",
|
|
177
|
+
children: [/* @__PURE__ */ _("span", {
|
|
178
|
+
className: "ttw:text-muted-foreground",
|
|
179
|
+
children: e.dateLabel
|
|
180
|
+
}), /* @__PURE__ */ _(T, { row: e })]
|
|
185
181
|
}),
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
182
|
+
/* @__PURE__ */ _(r, { items: [{
|
|
183
|
+
label: t.transferFromLabel,
|
|
184
|
+
value: /* @__PURE__ */ _(C, {
|
|
185
|
+
account: e.from,
|
|
186
|
+
labels: t
|
|
187
|
+
})
|
|
188
|
+
}, {
|
|
189
|
+
label: t.transferToLabel,
|
|
190
|
+
value: /* @__PURE__ */ _(C, {
|
|
191
|
+
account: e.to,
|
|
192
|
+
labels: t
|
|
193
|
+
})
|
|
194
|
+
}] }),
|
|
195
|
+
/* @__PURE__ */ _(w, { row: e })
|
|
194
196
|
]
|
|
195
197
|
});
|
|
196
198
|
}
|
|
197
|
-
export {
|
|
199
|
+
export { d as TRANSFERS_WIDGET_LABELS_EN, S as TransfersWidget };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/labels.js
|
|
2
2
|
var e = {
|
|
3
|
-
widgetTitle: "
|
|
3
|
+
widgetTitle: "Transfers",
|
|
4
4
|
transferMoneyCta: "Transfer money",
|
|
5
5
|
transferMoneyCtaDisabledTooltip: "You must have access to at least two accounts to transfer money",
|
|
6
6
|
accountFallbackName: "Account",
|
|
@@ -16,16 +16,19 @@ var e = {
|
|
|
16
16
|
accountKindInternal: "Bank account",
|
|
17
17
|
accountKindExternal: "External account",
|
|
18
18
|
externalAccountBadge: "External",
|
|
19
|
+
returnShortReasonAccountClosed: "Account closed",
|
|
20
|
+
returnShortReasonInvalidAccountDetails: "Account details don't match",
|
|
21
|
+
returnShortReasonAccountCannotReceive: "Account can't receive transfers",
|
|
22
|
+
returnShortReasonRefusedByReceiver: "Declined by recipient",
|
|
19
23
|
externalAccountFallbackName: "External account",
|
|
20
24
|
accountMaskTemplate: "- {last4}",
|
|
25
|
+
accountNumberEndingIn: "ending in {last4}",
|
|
26
|
+
showAccountNumber: "Show number",
|
|
27
|
+
hideAccountNumber: "Hide number",
|
|
21
28
|
detailTitle: "Transfer details",
|
|
22
29
|
detailClose: "Close",
|
|
23
30
|
detailInitiatedByLabel: "Initiated by",
|
|
24
31
|
detailInitiatedOnLabel: "Initiated on",
|
|
25
|
-
returnShortReasonAccountClosed: "Account closed",
|
|
26
|
-
returnShortReasonInvalidAccountDetails: "Account details don't match",
|
|
27
|
-
returnShortReasonAccountCannotReceive: "Account can't receive transfers",
|
|
28
|
-
returnShortReasonRefusedByReceiver: "Declined by recipient",
|
|
29
32
|
returnedTitleAccountClosed: "Returned: account closed",
|
|
30
33
|
returnedTitleInvalidAccountDetails: "Returned: account details don't match",
|
|
31
34
|
returnedTitleAccountCannotReceive: "Returned: account can't receive transfers",
|
|
@@ -39,16 +42,18 @@ var e = {
|
|
|
39
42
|
returnedRefundSentence: "{amount} has been refunded to {account}.",
|
|
40
43
|
returnedPausedSentence: "Transfers to {account} are paused. To keep sending money here, link the account again.",
|
|
41
44
|
returnedLinkAccountCta: "Link a new account",
|
|
42
|
-
|
|
43
|
-
|
|
45
|
+
loadingLabel: "Loading transfers",
|
|
46
|
+
loadErrorTitle: "Couldn't load transfers",
|
|
47
|
+
loadErrorDescription: "Check your connection, then try again.",
|
|
44
48
|
loadErrorRetry: "Try again",
|
|
45
49
|
emptyTitle: "No transfers yet",
|
|
46
50
|
emptyDescription: "When you move money between accounts, your transfers will show up here.",
|
|
47
51
|
paginationRowsPerPage: "Rows per page",
|
|
48
52
|
paginationPreviousPage: "Previous page",
|
|
49
53
|
paginationNextPage: "Next page",
|
|
50
|
-
modalTitle: "Transfer
|
|
54
|
+
modalTitle: "Transfer money",
|
|
51
55
|
modalAccountsSubtitle: "ACH transfers take 1–2 business days to settle.",
|
|
56
|
+
modalStepLabel: "Step {current} of {total}",
|
|
52
57
|
modalFromAccountPlaceholder: "From Account",
|
|
53
58
|
modalToAccountPlaceholder: "To Account",
|
|
54
59
|
modalAccountsConfirm: "Confirm",
|
|
@@ -60,11 +65,13 @@ var e = {
|
|
|
60
65
|
modalToLabel: "To",
|
|
61
66
|
modalAmountLabel: "Amount",
|
|
62
67
|
modalAmountPlaceholder: "0.00",
|
|
68
|
+
modalFromRequiredError: "Choose an account to send from.",
|
|
69
|
+
modalToRequiredError: "Choose an account to send to.",
|
|
63
70
|
modalContinue: "Continue",
|
|
64
71
|
modalBack: "Back",
|
|
65
72
|
modalSubmit: "Submit transfer",
|
|
66
73
|
modalClose: "Close",
|
|
67
|
-
modalReviewHeading: "Review
|
|
74
|
+
modalReviewHeading: "Review transfer",
|
|
68
75
|
modalReviewFromAccountLabel: "From Account",
|
|
69
76
|
modalReviewToAccountLabel: "To Account",
|
|
70
77
|
modalAvailableBalanceCaption: "Available balance",
|
|
@@ -72,7 +79,9 @@ var e = {
|
|
|
72
79
|
modalGoBack: "Go back",
|
|
73
80
|
modalSuccessTitle: "Transfer submitted",
|
|
74
81
|
modalSuccessDescription: "Your transfer request was submitted successfully. It may take a short time to appear in your transfer list.",
|
|
75
|
-
modalResultSuccessTitle: "
|
|
82
|
+
modalResultSuccessTitle: "Transfer submitted",
|
|
83
|
+
modalResultDescription: "It can take 1–2 business days to arrive.",
|
|
84
|
+
modalDone: "Done",
|
|
76
85
|
modalResultErrorTitle: "Error",
|
|
77
86
|
modalResultTransferMessagePrefix: "Your transfer of ",
|
|
78
87
|
modalResultSuccessMessageSuffix: "was sent!",
|
|
@@ -90,6 +99,6 @@ var e = {
|
|
|
90
99
|
modalInsufficientFundsError: "Insufficient funds for transfer",
|
|
91
100
|
modalClearSelections: "Clear selections",
|
|
92
101
|
modalUnsupportedPairError: "Transfers between external accounts are not supported.",
|
|
93
|
-
modalSubmitFailedError: "
|
|
102
|
+
modalSubmitFailedError: "Couldn't submit your transfer. Try again."
|
|
94
103
|
};
|
|
95
104
|
export { e as TRANSFERS_WIDGET_LABELS_EN };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
// ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/maskLabels.js
|
|
2
|
+
var e = (e) => ({
|
|
3
|
+
endingIn: e.accountNumberEndingIn,
|
|
4
|
+
showNumber: e.showAccountNumber,
|
|
5
|
+
hideNumber: e.hideAccountNumber
|
|
6
|
+
});
|
|
7
|
+
export { e as maskLabels };
|