@tesouro/embedded-components-react 0.3.58 → 0.3.61

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 (82) hide show
  1. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index12.js +1 -1
  2. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js +2 -2
  3. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js +2 -2
  4. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index40.js +6 -2
  5. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index41.js +1 -1
  6. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index48.js +4 -3
  7. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index49.js +105 -93
  8. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index50.js +2 -2
  9. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js +220 -82
  10. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js +8 -6
  11. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js +1 -1
  12. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index57.js +4 -4
  13. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index66.js +1 -1
  14. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index70.js +1 -1
  15. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index74.js +1 -1
  16. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index76.js +1 -1
  17. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index79.js +2 -2
  18. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index9.js +1 -1
  19. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js +37 -37
  20. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index32.js +112 -90
  21. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index41.js +1 -0
  22. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index44.js +10 -152
  23. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index45.js +160 -2
  24. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js +2 -4
  25. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index47.js +2 -39
  26. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index48.js +41 -2
  27. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index49.js +2 -7
  28. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index50.js +5 -90
  29. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index51.js +92 -2
  30. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index52.js +2 -4
  31. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js +2 -14
  32. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index54.js +16 -2
  33. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.js +1 -83
  34. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index56.js +79 -261
  35. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index57.js +262 -9
  36. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index58.js +13 -1
  37. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js +1 -8
  38. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js +6 -37
  39. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js +39 -2
  40. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js +2 -39
  41. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js +36 -9
  42. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index64.js +10 -199
  43. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index65.js +201 -3
  44. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index66.js +3 -17
  45. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index67.js +15 -345
  46. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index68.js +345 -8
  47. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index69.js +6 -4
  48. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index70.js +6 -91
  49. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index71.js +93 -0
  50. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.js +2 -121
  51. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index74.js +118 -23
  52. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index75.js +24 -87
  53. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index76.js +89 -2
  54. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index77.js +2 -7
  55. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index78.js +5 -28
  56. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index79.js +30 -2
  57. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index80.js +2 -7
  58. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index81.js +5 -32
  59. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index82.js +34 -2
  60. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index83.js +2 -12
  61. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index84.js +10 -104
  62. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index85.js +105 -1
  63. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index86.js +2 -17
  64. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index87.js +15 -123
  65. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index88.js +125 -2
  66. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index89.js +2 -18
  67. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index90.js +14 -6
  68. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index91.js +7 -167
  69. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index92.js +170 -2
  70. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index93.js +2 -14
  71. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index94.js +11 -105
  72. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index95.js +108 -2
  73. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index96.js +2 -10
  74. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index97.js +8 -45
  75. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index98.js +47 -2
  76. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index99.js +2 -0
  77. package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index22.js +1 -1
  78. package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index479.js +1 -1
  79. package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index553.js +3 -2
  80. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  81. package/package.json +1 -1
  82. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index72.js +0 -2
@@ -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 "./index82.js";
1
3
  import "./index83.js";
2
- import "./index84.js";
4
+ import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index84.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/index85.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,17 +1,2 @@
1
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index86.js
2
- var e = {
3
- title: "Mark this bill as paid",
4
- description: "You can't undo this action.",
5
- amountDue: "Amount due",
6
- paymentAmount: "Payment amount",
7
- paymentDate: "Payment date",
8
- paymentDatePlaceholder: "Select",
9
- today: "Today",
10
- comments: "Comments",
11
- commentsOptionalSuffix: "(optional)",
12
- commentsPlaceholder: "Additional context for this payment.",
13
- cancelButton: "Cancel",
14
- confirmButton: "Mark as paid"
15
- };
16
- //#endregion
17
- export { e as MARK_AS_PAID_DIALOG_LABELS_EN };
1
+ import "./index84.js";
2
+ import "./index85.js";
@@ -1,125 +1,17 @@
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 s, DialogTitle as c, Label as l, Popover as u, PopoverContent as d, PopoverTrigger as f, Textarea as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { MARK_AS_PAID_DIALOG_LABELS_EN as m } from "./index86.js";
3
- import { useId as h } from "react";
4
- import { jsx as g, jsxs as _ } from "react/jsx-runtime";
5
- import { CalendarIcon as v } from "lucide-react";
6
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index87.js
7
- function y({ open: y, amountDue: b, dueDateSuffix: x, paymentAmount: S, selectedDate: C, selectedDateLabel: w, isToday: T, comment: E, isSubmitting: D, onDateChange: O, onCommentChange: k, onConfirm: A, onCancel: j, testId: M, confirmTestId: N, labels: P }) {
8
- let F = {
9
- ...m,
10
- ...P
11
- }, I = h(), L = h(), R = h();
12
- return /* @__PURE__ */ g(r, {
13
- open: y,
14
- onOpenChange: (e) => e ? void 0 : j(),
15
- children: /* @__PURE__ */ _(i, {
16
- "data-testid": M,
17
- className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
18
- children: [
19
- /* @__PURE__ */ _(s, { children: [/* @__PURE__ */ g(c, { children: F.title }), /* @__PURE__ */ g(a, { children: F.description })] }),
20
- /* @__PURE__ */ _("div", {
21
- className: "ttw:flex ttw:flex-col ttw:gap-3",
22
- children: [
23
- /* @__PURE__ */ _("div", {
24
- className: "ttw:flex ttw:flex-col ttw:gap-1.5",
25
- children: [/* @__PURE__ */ g("p", {
26
- className: "ttw:text-base ttw:text-muted-foreground",
27
- children: F.amountDue
28
- }), /* @__PURE__ */ _("div", {
29
- className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
30
- children: [/* @__PURE__ */ g("p", {
31
- className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
32
- children: b
33
- }), x ? /* @__PURE__ */ g("p", {
34
- className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
35
- children: x
36
- }) : null]
37
- })]
38
- }),
39
- /* @__PURE__ */ _("div", {
40
- className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
41
- children: [/* @__PURE__ */ _("div", {
42
- className: "ttw:grid ttw:gap-2.5",
43
- children: [/* @__PURE__ */ g(l, { children: F.paymentAmount }), /* @__PURE__ */ g("div", {
44
- "aria-disabled": !0,
45
- 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",
46
- children: S
47
- })]
48
- }), /* @__PURE__ */ _("div", {
49
- className: "ttw:grid ttw:gap-2.5",
50
- children: [/* @__PURE__ */ g(l, {
51
- id: I,
52
- children: F.paymentDate
53
- }), /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(f, {
54
- asChild: !0,
55
- children: /* @__PURE__ */ _(t, {
56
- type: "button",
57
- variant: "outline",
58
- className: "ttw:justify-start ttw:gap-2",
59
- "aria-labelledby": `${I} ${L}`,
60
- children: [
61
- /* @__PURE__ */ g(v, { className: "ttw:size-4" }),
62
- /* @__PURE__ */ g("span", {
63
- id: L,
64
- children: w ?? F.paymentDatePlaceholder
65
- }),
66
- T ? /* @__PURE__ */ g(e, {
67
- variant: "secondary",
68
- children: F.today
69
- }) : null
70
- ]
71
- })
72
- }), /* @__PURE__ */ g(d, {
73
- align: "start",
74
- className: "ttw:w-auto ttw:p-0",
75
- children: /* @__PURE__ */ g(n, {
76
- mode: "single",
77
- selected: C,
78
- onSelect: O
79
- })
80
- })] })]
81
- })]
82
- }),
83
- /* @__PURE__ */ _("div", {
84
- className: "ttw:grid ttw:gap-2.5",
85
- children: [/* @__PURE__ */ _(l, {
86
- htmlFor: R,
87
- children: [
88
- F.comments,
89
- " ",
90
- /* @__PURE__ */ g("span", {
91
- className: "ttw:font-normal ttw:text-muted-foreground",
92
- children: F.commentsOptionalSuffix
93
- })
94
- ]
95
- }), /* @__PURE__ */ g(p, {
96
- id: R,
97
- value: E,
98
- placeholder: F.commentsPlaceholder,
99
- onChange: (e) => k(e.target.value)
100
- })]
101
- })
102
- ]
103
- }),
104
- /* @__PURE__ */ _(o, {
105
- className: "ttw:pt-4 ttw:sm:gap-3",
106
- children: [/* @__PURE__ */ g(t, {
107
- type: "button",
108
- variant: "outline",
109
- onClick: j,
110
- children: F.cancelButton
111
- }), /* @__PURE__ */ g(t, {
112
- type: "button",
113
- "data-testid": N,
114
- disabled: !C,
115
- loading: D,
116
- onClick: A,
117
- children: F.confirmButton
118
- })]
119
- })
120
- ]
121
- })
122
- });
123
- }
2
+ var e = {
3
+ title: "Mark this bill as paid",
4
+ description: "You can't undo this action.",
5
+ amountDue: "Amount due",
6
+ paymentAmount: "Payment amount",
7
+ paymentDate: "Payment date",
8
+ paymentDatePlaceholder: "Select",
9
+ today: "Today",
10
+ comments: "Comments",
11
+ commentsOptionalSuffix: "(optional)",
12
+ commentsPlaceholder: "Additional context for this payment.",
13
+ cancelButton: "Cancel",
14
+ confirmButton: "Mark as paid"
15
+ };
124
16
  //#endregion
125
- export { y as MarkAsPaidDialog, y as default };
17
+ export { e as MARK_AS_PAID_DIALOG_LABELS_EN };
@@ -1,2 +1,125 @@
1
- import "./index86.js";
2
- import "./index87.js";
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 s, DialogTitle as c, Label as l, Popover as u, PopoverContent as d, PopoverTrigger as f, Textarea as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { MARK_AS_PAID_DIALOG_LABELS_EN as m } from "./index87.js";
3
+ import { useId as h } from "react";
4
+ import { jsx as g, jsxs as _ } from "react/jsx-runtime";
5
+ import { CalendarIcon as v } from "lucide-react";
6
+ //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index88.js
7
+ function y({ open: y, amountDue: b, dueDateSuffix: x, paymentAmount: S, selectedDate: C, selectedDateLabel: w, isToday: T, comment: E, isSubmitting: D, onDateChange: O, onCommentChange: k, onConfirm: A, onCancel: j, testId: M, confirmTestId: N, labels: P }) {
8
+ let F = {
9
+ ...m,
10
+ ...P
11
+ }, I = h(), L = h(), R = h();
12
+ return /* @__PURE__ */ g(r, {
13
+ open: y,
14
+ onOpenChange: (e) => e ? void 0 : j(),
15
+ children: /* @__PURE__ */ _(i, {
16
+ "data-testid": M,
17
+ className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
18
+ children: [
19
+ /* @__PURE__ */ _(s, { children: [/* @__PURE__ */ g(c, { children: F.title }), /* @__PURE__ */ g(a, { children: F.description })] }),
20
+ /* @__PURE__ */ _("div", {
21
+ className: "ttw:flex ttw:flex-col ttw:gap-3",
22
+ children: [
23
+ /* @__PURE__ */ _("div", {
24
+ className: "ttw:flex ttw:flex-col ttw:gap-1.5",
25
+ children: [/* @__PURE__ */ g("p", {
26
+ className: "ttw:text-base ttw:text-muted-foreground",
27
+ children: F.amountDue
28
+ }), /* @__PURE__ */ _("div", {
29
+ className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
30
+ children: [/* @__PURE__ */ g("p", {
31
+ className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
32
+ children: b
33
+ }), x ? /* @__PURE__ */ g("p", {
34
+ className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
35
+ children: x
36
+ }) : null]
37
+ })]
38
+ }),
39
+ /* @__PURE__ */ _("div", {
40
+ className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
41
+ children: [/* @__PURE__ */ _("div", {
42
+ className: "ttw:grid ttw:gap-2.5",
43
+ children: [/* @__PURE__ */ g(l, { children: F.paymentAmount }), /* @__PURE__ */ g("div", {
44
+ "aria-disabled": !0,
45
+ 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",
46
+ children: S
47
+ })]
48
+ }), /* @__PURE__ */ _("div", {
49
+ className: "ttw:grid ttw:gap-2.5",
50
+ children: [/* @__PURE__ */ g(l, {
51
+ id: I,
52
+ children: F.paymentDate
53
+ }), /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(f, {
54
+ asChild: !0,
55
+ children: /* @__PURE__ */ _(t, {
56
+ type: "button",
57
+ variant: "outline",
58
+ className: "ttw:justify-start ttw:gap-2",
59
+ "aria-labelledby": `${I} ${L}`,
60
+ children: [
61
+ /* @__PURE__ */ g(v, { className: "ttw:size-4" }),
62
+ /* @__PURE__ */ g("span", {
63
+ id: L,
64
+ children: w ?? F.paymentDatePlaceholder
65
+ }),
66
+ T ? /* @__PURE__ */ g(e, {
67
+ variant: "secondary",
68
+ children: F.today
69
+ }) : null
70
+ ]
71
+ })
72
+ }), /* @__PURE__ */ g(d, {
73
+ align: "start",
74
+ className: "ttw:w-auto ttw:p-0",
75
+ children: /* @__PURE__ */ g(n, {
76
+ mode: "single",
77
+ selected: C,
78
+ onSelect: O
79
+ })
80
+ })] })]
81
+ })]
82
+ }),
83
+ /* @__PURE__ */ _("div", {
84
+ className: "ttw:grid ttw:gap-2.5",
85
+ children: [/* @__PURE__ */ _(l, {
86
+ htmlFor: R,
87
+ children: [
88
+ F.comments,
89
+ " ",
90
+ /* @__PURE__ */ g("span", {
91
+ className: "ttw:font-normal ttw:text-muted-foreground",
92
+ children: F.commentsOptionalSuffix
93
+ })
94
+ ]
95
+ }), /* @__PURE__ */ g(p, {
96
+ id: R,
97
+ value: E,
98
+ placeholder: F.commentsPlaceholder,
99
+ onChange: (e) => k(e.target.value)
100
+ })]
101
+ })
102
+ ]
103
+ }),
104
+ /* @__PURE__ */ _(o, {
105
+ className: "ttw:pt-4 ttw:sm:gap-3",
106
+ children: [/* @__PURE__ */ g(t, {
107
+ type: "button",
108
+ variant: "outline",
109
+ onClick: j,
110
+ children: F.cancelButton
111
+ }), /* @__PURE__ */ g(t, {
112
+ type: "button",
113
+ "data-testid": N,
114
+ disabled: !C,
115
+ loading: D,
116
+ onClick: A,
117
+ children: F.confirmButton
118
+ })]
119
+ })
120
+ ]
121
+ })
122
+ });
123
+ }
124
+ //#endregion
125
+ export { y as MarkAsPaidDialog, y as default };
@@ -1,18 +1,2 @@
1
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index89.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 "./index87.js";
2
+ import "./index88.js";
@@ -1,10 +1,18 @@
1
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index90.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 ee, DialogHeader as o, 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 "./index89.js";
3
- import { TONE_TEXT_CLASS as y } from "./index90.js";
4
- import { useId as b } from "react";
5
- import { Fragment as te, 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/index91.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(o, { 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 ttw:*:data-[slot=select-value]:min-w-0 ttw:*:data-[slot=select-value]:flex-1",
106
- "aria-labelledby": Z,
107
- children: /* @__PURE__ */ x(g, {
108
- placeholder: J.payFromPlaceholder,
109
- children: $ ? /* @__PURE__ */ S(te, { 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] }) : null
123
- })
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(ee, {
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 };