@tesouro/embedded-components-react 0.2.332 → 0.2.333

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.
Files changed (38) hide show
  1. package/dist/index.css +3 -0
  2. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index10.js +2 -2
  3. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js +1 -1
  4. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index37.js +1 -1
  5. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index50.js +86 -29
  6. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js +24 -2
  7. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js +59 -48
  8. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js +15 -5
  9. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index58.js +1 -1
  10. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js +2 -2
  11. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js +16 -15
  12. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index51.js +4 -0
  13. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js +12 -204
  14. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index54.js +254 -8
  15. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.js +6 -4
  16. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index56.js +6 -91
  17. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index57.js +93 -0
  18. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js +2 -7
  19. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js +5 -28
  20. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js +30 -2
  21. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js +2 -7
  22. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js +5 -32
  23. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index64.js +34 -2
  24. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index65.js +2 -12
  25. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index66.js +10 -104
  26. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index67.js +105 -1
  27. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index68.js +2 -18
  28. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index69.js +14 -6
  29. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index70.js +7 -167
  30. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index71.js +170 -2
  31. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index72.js +2 -14
  32. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.js +11 -86
  33. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index74.js +89 -2
  34. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index75.js +2 -0
  35. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  36. package/dist/packages/shared-ui-shadcn/dist/index.js +1274 -1266
  37. package/package.json +1 -1
  38. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index58.js +0 -2
@@ -1,7 +1,2 @@
1
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js
2
- var e = {
3
- message: "Data extracted automatically — please review all details to make sure they match",
4
- dismiss: "Dismiss this notice"
5
- };
6
- //#endregion
7
- export { e as EXTRACTION_NOTICE_LABELS_EN };
1
+ import "./index55.js";
2
+ import "./index57.js";
@@ -1,30 +1,7 @@
1
- import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index59.js";
2
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
- import { Info as r, X as i } from "lucide-react";
4
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js
5
- function a({ onDismiss: a, testId: o, labels: s }) {
6
- let c = {
7
- ...e,
8
- ...s
9
- };
10
- return /* @__PURE__ */ n("div", {
11
- className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:border-primary/30 ttw:bg-primary/5 ttw:px-3 ttw:py-2.5",
12
- "data-testid": o,
13
- children: [
14
- /* @__PURE__ */ t(r, { className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-primary" }),
15
- /* @__PURE__ */ t("p", {
16
- className: "ttw:flex-1 ttw:text-sm ttw:text-foreground",
17
- children: c.message
18
- }),
19
- /* @__PURE__ */ t("button", {
20
- type: "button",
21
- onClick: a,
22
- "aria-label": c.dismiss,
23
- className: "ttw:shrink-0 ttw:text-muted-foreground ttw:hover:text-foreground",
24
- children: /* @__PURE__ */ t(i, { className: "ttw:size-4" })
25
- })
26
- ]
27
- });
28
- }
2
+ var e = {
3
+ message: "Data extracted automatically — please review all details to make sure they match",
4
+ dismiss: "Dismiss this notice"
5
+ };
29
6
  //#endregion
30
- export { a as ExtractionNotice, a as default };
7
+ export { e as EXTRACTION_NOTICE_LABELS_EN };
@@ -1,2 +1,30 @@
1
- import "./index59.js";
2
- import "./index60.js";
1
+ import { EXTRACTION_NOTICE_LABELS_EN as e } from "./index60.js";
2
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
+ import { Info as r, X as i } from "lucide-react";
4
+ //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js
5
+ function a({ onDismiss: a, testId: o, labels: s }) {
6
+ let c = {
7
+ ...e,
8
+ ...s
9
+ };
10
+ return /* @__PURE__ */ n("div", {
11
+ className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:border-primary/30 ttw:bg-primary/5 ttw:px-3 ttw:py-2.5",
12
+ "data-testid": o,
13
+ children: [
14
+ /* @__PURE__ */ t(r, { className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-primary" }),
15
+ /* @__PURE__ */ t("p", {
16
+ className: "ttw:flex-1 ttw:text-sm ttw:text-foreground",
17
+ children: c.message
18
+ }),
19
+ /* @__PURE__ */ t("button", {
20
+ type: "button",
21
+ onClick: a,
22
+ "aria-label": c.dismiss,
23
+ className: "ttw:shrink-0 ttw:text-muted-foreground ttw:hover:text-foreground",
24
+ children: /* @__PURE__ */ t(i, { className: "ttw:size-4" })
25
+ })
26
+ ]
27
+ });
28
+ }
29
+ //#endregion
30
+ export { a as ExtractionNotice, a as default };
@@ -1,7 +1,2 @@
1
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js
2
- var e = {
3
- revealValue: "Show value",
4
- hideValue: "Hide value"
5
- };
6
- //#endregion
7
- export { e as REVEALABLE_FIELD_LABELS_EN };
1
+ import "./index60.js";
2
+ import "./index61.js";
@@ -1,34 +1,7 @@
1
- import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { REVEALABLE_FIELD_LABELS_EN as t } from "./index62.js";
3
- import { useState as n } from "react";
4
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
- import { Eye as a, EyeOff as o } from "lucide-react";
6
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js
7
- function s({ field: s, labels: c }) {
8
- let l = {
9
- ...t,
10
- ...c
11
- }, [u, d] = n(!1), f = s.maskedValue && !u ? s.maskedValue : s.value;
12
- return /* @__PURE__ */ i("div", {
13
- className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-3",
14
- children: [/* @__PURE__ */ i("div", {
15
- className: "ttw:min-w-0",
16
- children: [/* @__PURE__ */ r("dt", {
17
- className: "ttw:text-xs ttw:text-muted-foreground",
18
- children: s.label
19
- }), /* @__PURE__ */ r("dd", {
20
- className: "ttw:break-words ttw:text-sm ttw:font-medium",
21
- children: f
22
- })]
23
- }), s.maskedValue ? /* @__PURE__ */ r(e, {
24
- type: "button",
25
- variant: "ghost",
26
- size: "icon",
27
- "aria-label": u ? l.hideValue : l.revealValue,
28
- onClick: () => d((e) => !e),
29
- children: r(u ? o : a, { className: "ttw:size-4" })
30
- }) : null]
31
- });
32
- }
2
+ var e = {
3
+ revealValue: "Show value",
4
+ hideValue: "Hide value"
5
+ };
33
6
  //#endregion
34
- export { s as RevealableField, s as default };
7
+ export { e as REVEALABLE_FIELD_LABELS_EN };
@@ -1,2 +1,34 @@
1
- import "./index62.js";
2
- import "./index63.js";
1
+ import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { REVEALABLE_FIELD_LABELS_EN as t } from "./index63.js";
3
+ import { useState as n } from "react";
4
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
+ import { Eye as a, EyeOff as o } from "lucide-react";
6
+ //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index64.js
7
+ function s({ field: s, labels: c }) {
8
+ let l = {
9
+ ...t,
10
+ ...c
11
+ }, [u, d] = n(!1), f = s.maskedValue && !u ? s.maskedValue : s.value;
12
+ return /* @__PURE__ */ i("div", {
13
+ className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-3",
14
+ children: [/* @__PURE__ */ i("div", {
15
+ className: "ttw:min-w-0",
16
+ children: [/* @__PURE__ */ r("dt", {
17
+ className: "ttw:text-xs ttw:text-muted-foreground",
18
+ children: s.label
19
+ }), /* @__PURE__ */ r("dd", {
20
+ className: "ttw:break-words ttw:text-sm ttw:font-medium",
21
+ children: f
22
+ })]
23
+ }), s.maskedValue ? /* @__PURE__ */ r(e, {
24
+ type: "button",
25
+ variant: "ghost",
26
+ size: "icon",
27
+ "aria-label": u ? l.hideValue : l.revealValue,
28
+ onClick: () => d((e) => !e),
29
+ children: r(u ? o : a, { className: "ttw:size-4" })
30
+ }) : null]
31
+ });
32
+ }
33
+ //#endregion
34
+ export { s as RevealableField, s as default };
@@ -1,12 +1,2 @@
1
- import { REVEALABLE_FIELD_LABELS_EN as e } from "./index62.js";
2
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index65.js
3
- var t = {
4
- title: "Review transaction",
5
- hiddenDescription: "Review the payment before submitting it.",
6
- payToHeading: "Pay to",
7
- backButton: "Back",
8
- submitButton: "Submit",
9
- ...e
10
- };
11
- //#endregion
12
- export { t as REVIEW_TRANSACTION_DIALOG_LABELS_EN };
1
+ import "./index63.js";
2
+ import "./index64.js";
@@ -1,106 +1,12 @@
1
- import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, cn as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { RevealableField as c } from "./index63.js";
3
- import "./index64.js";
4
- import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index65.js";
5
- import { jsx as u, jsxs as d } from "react/jsx-runtime";
1
+ import { REVEALABLE_FIELD_LABELS_EN as e } from "./index63.js";
6
2
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index66.js
7
- function f({ open: f, onOpenChange: p, amountLabel: m, amount: h, rows: g, payTo: _, isSubmitting: v, onBack: y, onCancel: b, onSubmit: x, testId: S, labels: C }) {
8
- let w = {
9
- ...l,
10
- ...C
11
- };
12
- return /* @__PURE__ */ u(t, {
13
- open: f,
14
- onOpenChange: (e) => e ? p(e) : b(),
15
- children: /* @__PURE__ */ d(n, {
16
- "data-testid": S,
17
- className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-6",
18
- children: [
19
- /* @__PURE__ */ d(a, {
20
- className: "ttw:border-b ttw:border-border ttw:pb-7",
21
- children: [/* @__PURE__ */ u(o, {
22
- className: "ttw:text-3xl ttw:tracking-tight",
23
- children: w.title
24
- }), /* @__PURE__ */ u(r, {
25
- className: "ttw:sr-only",
26
- children: w.hiddenDescription
27
- })]
28
- }),
29
- /* @__PURE__ */ d("div", {
30
- className: "ttw:flex ttw:flex-col ttw:gap-6",
31
- children: [
32
- /* @__PURE__ */ d("div", {
33
- className: "ttw:flex ttw:flex-col ttw:gap-1",
34
- children: [/* @__PURE__ */ u("p", {
35
- className: "ttw:text-sm ttw:text-muted-foreground",
36
- children: m
37
- }), /* @__PURE__ */ u("p", {
38
- className: "ttw:text-4xl ttw:font-semibold",
39
- children: h
40
- })]
41
- }),
42
- /* @__PURE__ */ u("dl", {
43
- className: "ttw:flex ttw:flex-col",
44
- children: g.map((e, t) => /* @__PURE__ */ d("div", {
45
- className: s("ttw:flex ttw:items-center ttw:gap-4 ttw:py-2.5", t < g.length - 1 && "ttw:border-b ttw:border-border"),
46
- children: [/* @__PURE__ */ u("dt", {
47
- className: "ttw:w-32 ttw:shrink-0 ttw:text-sm ttw:text-muted-foreground",
48
- children: e.label
49
- }), /* @__PURE__ */ u("dd", {
50
- className: "ttw:text-sm ttw:font-medium",
51
- children: e.value
52
- })]
53
- }, e.label))
54
- }),
55
- /* @__PURE__ */ d("section", {
56
- className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
57
- children: [
58
- /* @__PURE__ */ u("p", {
59
- className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
60
- children: w.payToHeading
61
- }),
62
- /* @__PURE__ */ u("p", {
63
- className: "ttw:mt-1 ttw:text-xl ttw:font-semibold",
64
- children: _.name
65
- }),
66
- _.email ? /* @__PURE__ */ u("p", {
67
- className: "ttw:text-sm ttw:text-muted-foreground",
68
- children: _.email
69
- }) : null,
70
- _.methodLabel || _.fields.length > 0 ? /* @__PURE__ */ d("div", {
71
- className: "ttw:mt-4 ttw:border-t ttw:border-border ttw:pt-4",
72
- children: [_.methodLabel ? /* @__PURE__ */ u("p", {
73
- className: "ttw:text-xs ttw:font-semibold ttw:text-muted-foreground",
74
- children: _.methodLabel
75
- }) : null, /* @__PURE__ */ u("dl", {
76
- className: "ttw:mt-3 ttw:grid ttw:gap-3",
77
- children: _.fields.map((e) => /* @__PURE__ */ u(c, {
78
- field: e,
79
- labels: w
80
- }, e.label))
81
- })]
82
- }) : null
83
- ]
84
- })
85
- ]
86
- }),
87
- /* @__PURE__ */ d(i, {
88
- className: "ttw:pt-4 ttw:sm:gap-3",
89
- children: [/* @__PURE__ */ u(e, {
90
- type: "button",
91
- variant: "outline",
92
- onClick: y,
93
- children: w.backButton
94
- }), /* @__PURE__ */ u(e, {
95
- type: "button",
96
- loading: v,
97
- onClick: x,
98
- children: w.submitButton
99
- })]
100
- })
101
- ]
102
- })
103
- });
104
- }
3
+ var t = {
4
+ title: "Review transaction",
5
+ hiddenDescription: "Review the payment before submitting it.",
6
+ payToHeading: "Pay to",
7
+ backButton: "Back",
8
+ submitButton: "Submit",
9
+ ...e
10
+ };
105
11
  //#endregion
106
- export { f as ReviewTransactionDialog, f as default };
12
+ export { t as REVIEW_TRANSACTION_DIALOG_LABELS_EN };
@@ -1,2 +1,106 @@
1
+ import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, cn as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { RevealableField as c } from "./index64.js";
1
3
  import "./index65.js";
2
- import "./index66.js";
4
+ import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index66.js";
5
+ import { jsx as u, jsxs as d } from "react/jsx-runtime";
6
+ //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index67.js
7
+ function f({ open: f, onOpenChange: p, amountLabel: m, amount: h, rows: g, payTo: _, isSubmitting: v, onBack: y, onCancel: b, onSubmit: x, testId: S, labels: C }) {
8
+ let w = {
9
+ ...l,
10
+ ...C
11
+ };
12
+ return /* @__PURE__ */ u(t, {
13
+ open: f,
14
+ onOpenChange: (e) => e ? p(e) : b(),
15
+ children: /* @__PURE__ */ d(n, {
16
+ "data-testid": S,
17
+ className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-6",
18
+ children: [
19
+ /* @__PURE__ */ d(a, {
20
+ className: "ttw:border-b ttw:border-border ttw:pb-7",
21
+ children: [/* @__PURE__ */ u(o, {
22
+ className: "ttw:text-3xl ttw:tracking-tight",
23
+ children: w.title
24
+ }), /* @__PURE__ */ u(r, {
25
+ className: "ttw:sr-only",
26
+ children: w.hiddenDescription
27
+ })]
28
+ }),
29
+ /* @__PURE__ */ d("div", {
30
+ className: "ttw:flex ttw:flex-col ttw:gap-6",
31
+ children: [
32
+ /* @__PURE__ */ d("div", {
33
+ className: "ttw:flex ttw:flex-col ttw:gap-1",
34
+ children: [/* @__PURE__ */ u("p", {
35
+ className: "ttw:text-sm ttw:text-muted-foreground",
36
+ children: m
37
+ }), /* @__PURE__ */ u("p", {
38
+ className: "ttw:text-4xl ttw:font-semibold",
39
+ children: h
40
+ })]
41
+ }),
42
+ /* @__PURE__ */ u("dl", {
43
+ className: "ttw:flex ttw:flex-col",
44
+ children: g.map((e, t) => /* @__PURE__ */ d("div", {
45
+ className: s("ttw:flex ttw:items-center ttw:gap-4 ttw:py-2.5", t < g.length - 1 && "ttw:border-b ttw:border-border"),
46
+ children: [/* @__PURE__ */ u("dt", {
47
+ className: "ttw:w-32 ttw:shrink-0 ttw:text-sm ttw:text-muted-foreground",
48
+ children: e.label
49
+ }), /* @__PURE__ */ u("dd", {
50
+ className: "ttw:text-sm ttw:font-medium",
51
+ children: e.value
52
+ })]
53
+ }, e.label))
54
+ }),
55
+ /* @__PURE__ */ d("section", {
56
+ className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
57
+ children: [
58
+ /* @__PURE__ */ u("p", {
59
+ className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
60
+ children: w.payToHeading
61
+ }),
62
+ /* @__PURE__ */ u("p", {
63
+ className: "ttw:mt-1 ttw:text-xl ttw:font-semibold",
64
+ children: _.name
65
+ }),
66
+ _.email ? /* @__PURE__ */ u("p", {
67
+ className: "ttw:text-sm ttw:text-muted-foreground",
68
+ children: _.email
69
+ }) : null,
70
+ _.methodLabel || _.fields.length > 0 ? /* @__PURE__ */ d("div", {
71
+ className: "ttw:mt-4 ttw:border-t ttw:border-border ttw:pt-4",
72
+ children: [_.methodLabel ? /* @__PURE__ */ u("p", {
73
+ className: "ttw:text-xs ttw:font-semibold ttw:text-muted-foreground",
74
+ children: _.methodLabel
75
+ }) : null, /* @__PURE__ */ u("dl", {
76
+ className: "ttw:mt-3 ttw:grid ttw:gap-3",
77
+ children: _.fields.map((e) => /* @__PURE__ */ u(c, {
78
+ field: e,
79
+ labels: w
80
+ }, e.label))
81
+ })]
82
+ }) : null
83
+ ]
84
+ })
85
+ ]
86
+ }),
87
+ /* @__PURE__ */ d(i, {
88
+ className: "ttw:pt-4 ttw:sm:gap-3",
89
+ children: [/* @__PURE__ */ u(e, {
90
+ type: "button",
91
+ variant: "outline",
92
+ onClick: y,
93
+ children: w.backButton
94
+ }), /* @__PURE__ */ u(e, {
95
+ type: "button",
96
+ loading: v,
97
+ onClick: x,
98
+ children: w.submitButton
99
+ })]
100
+ })
101
+ ]
102
+ })
103
+ });
104
+ }
105
+ //#endregion
106
+ export { f as ReviewTransactionDialog, f as default };
@@ -1,18 +1,2 @@
1
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index68.js
2
- var e = {
3
- title: "Schedule payment",
4
- hiddenDescription: "Choose the account to pay from and the payment date.",
5
- payFrom: "Pay from",
6
- payFromPlaceholder: "Select an account",
7
- paymentDate: "Payment date",
8
- paymentDatePlaceholder: "Choose a date",
9
- today: "Today",
10
- noAccounts: "No accounts available",
11
- loadingAccounts: "Loading accounts",
12
- accountsError: "Couldn't load accounts. Try again.",
13
- poweredByBank: (e) => `Powered by ${e}`,
14
- cancelButton: "Cancel",
15
- reviewButton: "Review payment"
16
- };
17
- //#endregion
18
- export { e as SCHEDULE_PAYMENT_DIALOG_LABELS_EN };
1
+ import "./index66.js";
2
+ import "./index67.js";
@@ -1,10 +1,18 @@
1
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index69.js
2
2
  var e = {
3
- neutral: "ttw:text-foreground",
4
- muted: "ttw:text-muted-foreground",
5
- success: "ttw:text-emerald-700",
6
- warning: "ttw:text-amber-700",
7
- error: "ttw:text-destructive"
3
+ title: "Schedule payment",
4
+ hiddenDescription: "Choose the account to pay from and the payment date.",
5
+ payFrom: "Pay from",
6
+ payFromPlaceholder: "Select an account",
7
+ paymentDate: "Payment date",
8
+ paymentDatePlaceholder: "Choose a date",
9
+ today: "Today",
10
+ noAccounts: "No accounts available",
11
+ loadingAccounts: "Loading accounts",
12
+ accountsError: "Couldn't load accounts. Try again.",
13
+ poweredByBank: (e) => `Powered by ${e}`,
14
+ cancelButton: "Cancel",
15
+ reviewButton: "Review payment"
8
16
  };
9
17
  //#endregion
10
- export { e as TONE_TEXT_CLASS };
18
+ export { e as SCHEDULE_PAYMENT_DIALOG_LABELS_EN };
@@ -1,170 +1,10 @@
1
- import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as ee, DialogTitle as s, Label as c, Popover as l, PopoverContent as u, PopoverTrigger as d, Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g, cn as _ } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as v } from "./index68.js";
3
- import { TONE_TEXT_CLASS as y } from "./index69.js";
4
- import { useId as b } from "react";
5
- import { jsx as x, jsxs as S } from "react/jsx-runtime";
6
- import { CalendarIcon as C } from "lucide-react";
7
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index70.js
8
- var w = {
9
- sufficient: y.muted,
10
- warning: y.warning,
11
- error: y.error
2
+ var e = {
3
+ neutral: "ttw:text-foreground",
4
+ muted: "ttw:text-muted-foreground",
5
+ success: "ttw:text-emerald-700",
6
+ warning: "ttw:text-amber-700",
7
+ error: "ttw:text-destructive"
12
8
  };
13
- function T({ open: y, onOpenChange: T, amountDueLabel: E, amountDue: D, dueDateSuffix: O, paymentAmountLabel: k, paymentAmount: A, selectedDate: j, selectedDateLabel: M, calendarDisabled: N, isToday: P, selectedAccountId: F, accounts: I, poweredByBankName: L, funds: R, isAccountsLoading: z, isAccountsError: B, isSubmitting: V, onDateChange: H, onAccountChange: U, onReview: W, onCancel: G, testId: K, labels: q }) {
14
- let J = {
15
- ...v,
16
- ...q
17
- }, Y = b(), X = b(), Z = b(), Q = z || B || I.length === 0, $ = I.find((e) => e.id === F);
18
- return /* @__PURE__ */ x(r, {
19
- open: y,
20
- onOpenChange: (e) => e ? T(e) : G(),
21
- children: /* @__PURE__ */ S(i, {
22
- "data-testid": K,
23
- className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
24
- children: [
25
- /* @__PURE__ */ S(ee, { children: [/* @__PURE__ */ x(s, { children: J.title }), /* @__PURE__ */ x(a, {
26
- className: "ttw:sr-only",
27
- children: J.hiddenDescription
28
- })] }),
29
- /* @__PURE__ */ S("div", {
30
- className: "ttw:flex ttw:flex-col ttw:gap-3",
31
- children: [
32
- /* @__PURE__ */ S("div", {
33
- className: "ttw:flex ttw:flex-col ttw:gap-1.5",
34
- children: [/* @__PURE__ */ x("p", {
35
- className: "ttw:text-base ttw:text-muted-foreground",
36
- children: E
37
- }), /* @__PURE__ */ S("div", {
38
- className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
39
- children: [/* @__PURE__ */ x("p", {
40
- className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
41
- children: D
42
- }), O ? /* @__PURE__ */ x("p", {
43
- className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
44
- children: O
45
- }) : null]
46
- })]
47
- }),
48
- /* @__PURE__ */ S("div", {
49
- className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
50
- children: [/* @__PURE__ */ S("div", {
51
- className: "ttw:grid ttw:gap-2.5",
52
- children: [/* @__PURE__ */ x(c, { children: k }), /* @__PURE__ */ x("div", {
53
- "aria-disabled": !0,
54
- className: "ttw:flex ttw:h-9 ttw:items-center ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted ttw:px-3 ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
55
- children: A
56
- })]
57
- }), /* @__PURE__ */ S("div", {
58
- className: "ttw:grid ttw:gap-2.5",
59
- children: [/* @__PURE__ */ x(c, {
60
- id: Y,
61
- children: J.paymentDate
62
- }), /* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(d, {
63
- asChild: !0,
64
- children: /* @__PURE__ */ S(t, {
65
- type: "button",
66
- variant: "outline",
67
- className: "ttw:justify-start ttw:gap-2",
68
- "aria-labelledby": `${Y} ${X}`,
69
- children: [
70
- /* @__PURE__ */ x(C, { className: "ttw:size-4" }),
71
- /* @__PURE__ */ x("span", {
72
- id: X,
73
- children: M ?? J.paymentDatePlaceholder
74
- }),
75
- P ? /* @__PURE__ */ x(e, {
76
- variant: "secondary",
77
- children: J.today
78
- }) : null
79
- ]
80
- })
81
- }), /* @__PURE__ */ x(u, {
82
- align: "start",
83
- className: "ttw:w-auto ttw:p-0",
84
- children: /* @__PURE__ */ x(n, {
85
- mode: "single",
86
- selected: j,
87
- onSelect: H,
88
- disabled: N
89
- })
90
- })] })]
91
- })]
92
- }),
93
- /* @__PURE__ */ S("div", {
94
- className: "ttw:grid ttw:gap-2.5",
95
- children: [
96
- /* @__PURE__ */ x(c, {
97
- id: Z,
98
- children: J.payFrom
99
- }),
100
- /* @__PURE__ */ S(f, {
101
- value: F,
102
- disabled: Q,
103
- onValueChange: U,
104
- children: [/* @__PURE__ */ x(h, {
105
- className: "ttw:w-full ttw:data-[size=default]:h-14",
106
- "aria-labelledby": Z,
107
- children: $ ? /* @__PURE__ */ S("span", {
108
- className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3",
109
- children: [/* @__PURE__ */ S("span", {
110
- className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:text-left",
111
- children: [/* @__PURE__ */ x("span", {
112
- className: "ttw:truncate",
113
- children: $.primaryLabel
114
- }), $.secondaryLabel ? /* @__PURE__ */ x("span", {
115
- className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
116
- children: $.secondaryLabel
117
- }) : null]
118
- }), L ? /* @__PURE__ */ x(e, {
119
- variant: "secondary",
120
- className: "ttw:shrink-0",
121
- children: J.poweredByBank(L)
122
- }) : null]
123
- }) : /* @__PURE__ */ x(g, { placeholder: J.payFromPlaceholder })
124
- }), /* @__PURE__ */ x(p, { children: I.map((e) => /* @__PURE__ */ x(m, {
125
- value: e.id,
126
- children: /* @__PURE__ */ S("span", {
127
- className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
128
- children: [/* @__PURE__ */ x("span", {
129
- className: "ttw:truncate",
130
- children: e.primaryLabel
131
- }), e.secondaryLabel ? /* @__PURE__ */ x("span", {
132
- className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
133
- children: e.secondaryLabel
134
- }) : null]
135
- })
136
- }, e.id)) })]
137
- }),
138
- Q ? /* @__PURE__ */ x("p", {
139
- className: _("ttw:text-sm", B ? "ttw:text-destructive" : "ttw:text-muted-foreground"),
140
- role: B ? "alert" : void 0,
141
- children: z ? J.loadingAccounts : B ? J.accountsError : J.noAccounts
142
- }) : null
143
- ]
144
- }),
145
- R.message ? /* @__PURE__ */ x("p", {
146
- className: _("ttw:text-sm", w[R.state]),
147
- children: R.message
148
- }) : null
149
- ]
150
- }),
151
- /* @__PURE__ */ S(o, {
152
- className: "ttw:pt-4 ttw:sm:gap-3",
153
- children: [/* @__PURE__ */ x(t, {
154
- type: "button",
155
- variant: "outline",
156
- onClick: G,
157
- children: J.cancelButton
158
- }), /* @__PURE__ */ x(t, {
159
- type: "button",
160
- loading: V,
161
- onClick: W,
162
- children: J.reviewButton
163
- })]
164
- })
165
- ]
166
- })
167
- });
168
- }
169
9
  //#endregion
170
- export { T as SchedulePaymentDialog, T as default };
10
+ export { e as TONE_TEXT_CLASS };