@tesouro/embedded-components-react 0.3.58 → 0.3.60
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/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index12.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js +2 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js +2 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index40.js +6 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index41.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index48.js +4 -3
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index49.js +105 -93
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index50.js +2 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js +220 -82
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js +8 -6
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index57.js +4 -4
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index66.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index70.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index74.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index76.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index79.js +2 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index9.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js +37 -37
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index32.js +112 -90
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index41.js +1 -0
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index44.js +10 -152
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index45.js +160 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js +2 -4
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index47.js +2 -39
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index48.js +41 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index49.js +2 -7
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index50.js +5 -90
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index51.js +92 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index52.js +2 -4
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js +2 -14
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index54.js +16 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.js +1 -83
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index56.js +79 -261
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index57.js +262 -9
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index58.js +13 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js +1 -8
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js +6 -37
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js +39 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js +2 -39
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js +36 -9
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index64.js +10 -199
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index65.js +201 -3
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index66.js +3 -17
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index67.js +15 -345
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index68.js +345 -8
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index69.js +6 -4
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index70.js +6 -91
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index71.js +93 -0
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.js +2 -121
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index74.js +118 -23
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index75.js +24 -87
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index76.js +89 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index77.js +2 -7
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index78.js +5 -28
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index79.js +30 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index80.js +2 -7
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index81.js +5 -32
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index82.js +34 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index83.js +2 -12
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index84.js +10 -104
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index85.js +105 -1
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index86.js +2 -17
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index87.js +15 -123
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index88.js +125 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index89.js +2 -18
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index90.js +14 -6
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index91.js +7 -167
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index92.js +170 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index93.js +2 -14
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index94.js +11 -105
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index95.js +108 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index96.js +2 -10
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index97.js +8 -45
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index98.js +47 -2
- package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index99.js +2 -0
- package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
- package/package.json +1 -1
- 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
|
-
|
|
2
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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 {
|
|
17
|
+
export { e as MARK_AS_PAID_DIALOG_LABELS_EN };
|
|
@@ -1,2 +1,125 @@
|
|
|
1
|
-
import "
|
|
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
|
-
|
|
2
|
-
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
|
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
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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 {
|
|
10
|
+
export { e as TONE_TEXT_CLASS };
|