@tesouro/embedded-components-react 0.5.169 → 0.5.171

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 (129) hide show
  1. package/dist/index.css +39 -17
  2. package/dist/index.js +1 -1
  3. package/dist/lib/BillPayWidget.js +1 -1
  4. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index.js +11 -11
  5. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index17.js +95 -80
  6. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/data-access/dist/index7.js +37 -11
  7. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js +13 -15
  8. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index10.js +56 -67
  9. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index11.js +4 -43
  10. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index12.js +6 -115
  11. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index13.js +202 -63
  12. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index14.js +2 -4
  13. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index15.js +1 -1
  14. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index19.js +84 -4
  15. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index20.js +3 -84
  16. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js +5 -4
  17. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.js +4 -5
  18. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js +32 -3
  19. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.js +36 -30
  20. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js +167 -35
  21. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index26.js +40 -164
  22. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js +1 -49
  23. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js +50 -1
  24. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index29.js +11 -45
  25. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.js +8 -13
  26. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index31.js +14 -8
  27. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index32.js +59 -7
  28. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index33.js +8 -64
  29. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.js +24 -8
  30. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index35.js +150 -18
  31. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.js +9 -152
  32. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index37.js +25 -9
  33. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index38.js +19 -21
  34. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index39.js +32 -14
  35. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index40.js +14 -39
  36. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index41.js +8 -16
  37. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index42.js +4 -8
  38. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index43.js +98 -4
  39. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index44.js +68 -83
  40. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index45.js +3 -83
  41. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index46.js +143 -3
  42. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index47.js +44 -143
  43. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index48.js +114 -45
  44. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index49.js +189 -111
  45. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index5.js +13 -0
  46. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index50.js +72 -186
  47. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js +31 -76
  48. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js +89 -32
  49. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js +406 -83
  50. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js +12 -411
  51. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js +84 -12
  52. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js +67 -72
  53. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index57.js +222 -73
  54. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index58.js +37 -223
  55. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index59.js +245 -37
  56. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index6.js +5 -23
  57. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index60.js +23 -252
  58. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index61.js +626 -21
  59. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index62.js +4 -586
  60. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index63.js +45 -4
  61. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index64.js +256 -41
  62. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index65.js +3 -263
  63. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index66.js +4 -3
  64. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index67.js +44 -2
  65. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index68.js +1 -46
  66. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index69.js +8 -1
  67. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js +22 -57
  68. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index70.js +11 -6
  69. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index71.js +130 -11
  70. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index72.js +3 -132
  71. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index73.js +6 -3
  72. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index74.js +129 -3
  73. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index75.js +8 -124
  74. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index76.js +7 -8
  75. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index77.js +82 -8
  76. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index78.js +19 -48
  77. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index79.js +20 -21
  78. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index8.js +14 -6
  79. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index80.js +28 -19
  80. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index81.js +82 -27
  81. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index82.js +47 -83
  82. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index83.js +260 -47
  83. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index84.js +24 -251
  84. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index85.js +382 -25
  85. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index86.js +294 -144
  86. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index87.js +4 -223
  87. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index88.js +7 -4
  88. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index89.js +112 -5
  89. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index9.js +37 -5
  90. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index90.js +1 -114
  91. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index91.js +26 -0
  92. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js +18 -21
  93. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index100.js +126 -10
  94. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index101.js +1 -105
  95. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index102.js +33 -2
  96. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index103.js +7 -28
  97. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index104.js +126 -73
  98. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index105.js +1 -1
  99. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index106.js +11 -30
  100. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index107.js +106 -8
  101. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index108.js +2 -181
  102. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index109.js +10 -2
  103. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index110.js +50 -12
  104. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index111.js +2 -108
  105. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index38.js +6 -0
  106. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js +8 -4
  107. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.js +8 -1
  108. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index74.js +154 -23
  109. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index83.js +1 -0
  110. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index84.js +343 -250
  111. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index90.js +5 -123
  112. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index91.js +28 -26
  113. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index92.js +2 -94
  114. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index93.js +7 -2
  115. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index94.js +32 -5
  116. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index95.js +2 -30
  117. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index96.js +12 -2
  118. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index97.js +104 -5
  119. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index98.js +2 -34
  120. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index99.js +31 -2
  121. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  122. package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index8.js +1 -1
  123. package/dist/packages/shared-ui-shadcn/dist/index.js +2458 -2284
  124. package/package.json +2 -1
  125. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index92.js +0 -27
  126. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index112.js +0 -2
  127. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index113.js +0 -10
  128. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index114.js +0 -52
  129. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index115.js +0 -2
@@ -1,31 +1,10 @@
1
- import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index103.js
3
- var r = {
4
- title: "Mark this bill as paid",
5
- description: "You can't undo this action.",
6
- amountDue: "Amount due",
7
- paymentAmount: "Payment amount",
8
- paymentDate: "Payment date",
9
- paymentDatePlaceholder: "Select",
10
- today: "Today",
11
- comments: "Comments",
12
- commentsPlaceholder: "Additional context for this payment.",
13
- cancelButton: "Cancel",
14
- confirmButton: "Mark as paid",
15
- fieldMarkers: e,
16
- requiredFieldsLegend: t
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"
17
8
  };
18
- function i(e) {
19
- let t = {
20
- ...r.fieldMarkers,
21
- ...e?.fieldMarkers
22
- };
23
- return {
24
- ...r,
25
- ...e,
26
- fieldMarkers: t,
27
- requiredFieldsLegend: n(t, e?.requiredFieldsLegend)
28
- };
29
- }
30
9
  //#endregion
31
- export { r as MARK_AS_PAID_DIALOG_LABELS_EN, i as mergeMarkAsPaidDialogLabels };
10
+ export { e as TONE_TEXT_CLASS };
@@ -1,123 +1,176 @@
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, FieldRequirement as l, Label as u, Popover as d, PopoverContent as f, PopoverTrigger as p, RequiredFieldsLegend as m, Textarea as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { mergeMarkAsPaidDialogLabels as g } from "./index103.js";
3
- import { useId as _ } from "react";
4
- import { jsx as v, jsxs as y } from "react/jsx-runtime";
5
- import { CalendarIcon as b } from "lucide-react";
1
+ import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as ee, DialogFooter as te, DialogHeader as a, DialogTitle as o, FieldRequirement as s, Label as c, Popover as l, PopoverContent as u, PopoverTrigger as ne, RequiredFieldsLegend as d, Select as f, SelectContent as re, SelectItem as p, SelectTrigger as m, SelectValue as h, cn as g } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { mergeSchedulePaymentDialogLabels as _ } from "./index102.js";
3
+ import { TONE_TEXT_CLASS as v } from "./index103.js";
4
+ import { useId as y } from "react";
5
+ import { Fragment as ie, jsx as b, jsxs as x } from "react/jsx-runtime";
6
+ import { CalendarIcon as S } from "lucide-react";
6
7
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index104.js
7
- function x({ open: x, amountDue: S, dueDateSuffix: C, paymentAmount: w, selectedDate: T, selectedDateLabel: E, isToday: D, comment: O, isSubmitting: k, onDateChange: A, onCommentChange: j, onConfirm: M, onCancel: N, testId: P, confirmTestId: F, labels: I }) {
8
- let L = g(I), R = _(), z = _(), B = _(), V = _();
9
- return /* @__PURE__ */ v(r, {
10
- open: x,
11
- onOpenChange: (e) => e ? void 0 : N(),
12
- children: /* @__PURE__ */ y(i, {
13
- "data-testid": P,
8
+ var C = {
9
+ sufficient: v.muted,
10
+ warning: v.warning,
11
+ error: v.error
12
+ };
13
+ function w({ open: v, onOpenChange: w, amountDueLabel: T, amountDue: E, dueDateSuffix: D, paymentAmountLabel: O, paymentAmount: k, selectedDate: A, selectedDateLabel: j, calendarDisabled: M, isToday: N, selectedAccountId: P, accounts: F, poweredByBankName: I, funds: L, isAccountsLoading: R, isAccountsError: z, isSubmitting: B, onDateChange: V, onAccountChange: H, onReview: U, onCancel: W, testId: G, labels: K }) {
14
+ let q = _(K), J = y(), Y = y(), X = y(), Z = y(), Q = R || z || F.length === 0, $ = F.find((e) => e.id === P);
15
+ return /* @__PURE__ */ b(r, {
16
+ open: v,
17
+ onOpenChange: (e) => e ? w(e) : W(),
18
+ children: /* @__PURE__ */ x(i, {
19
+ "data-testid": G,
14
20
  className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
15
21
  children: [
16
- /* @__PURE__ */ y(s, { children: [/* @__PURE__ */ v(c, { children: L.title }), /* @__PURE__ */ v(a, { children: L.description })] }),
17
- /* @__PURE__ */ y("div", {
22
+ /* @__PURE__ */ x(a, { children: [/* @__PURE__ */ b(o, { children: q.title }), /* @__PURE__ */ b(ee, {
23
+ className: "ttw:sr-only",
24
+ children: q.hiddenDescription
25
+ })] }),
26
+ /* @__PURE__ */ x("div", {
18
27
  className: "ttw:flex ttw:flex-col ttw:gap-3",
19
28
  children: [
20
- /* @__PURE__ */ y("div", {
29
+ /* @__PURE__ */ x("div", {
21
30
  className: "ttw:flex ttw:flex-col ttw:gap-1.5",
22
- children: [/* @__PURE__ */ v("p", {
31
+ children: [/* @__PURE__ */ b("p", {
23
32
  className: "ttw:text-base ttw:text-muted-foreground",
24
- children: L.amountDue
25
- }), /* @__PURE__ */ y("div", {
33
+ children: T
34
+ }), /* @__PURE__ */ x("div", {
26
35
  className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
27
- children: [/* @__PURE__ */ v("p", {
36
+ children: [/* @__PURE__ */ b("p", {
28
37
  className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
29
- children: S
30
- }), C ? /* @__PURE__ */ v("p", {
38
+ children: E
39
+ }), D ? /* @__PURE__ */ b("p", {
31
40
  className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
32
- children: C
41
+ children: D
33
42
  }) : null]
34
43
  })]
35
44
  }),
36
- /* @__PURE__ */ v(m, { labels: L.requiredFieldsLegend }),
37
- /* @__PURE__ */ y("div", {
45
+ /* @__PURE__ */ b(d, { labels: q.requiredFieldsLegend }),
46
+ /* @__PURE__ */ x("div", {
38
47
  className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
39
- children: [/* @__PURE__ */ y("div", {
48
+ children: [/* @__PURE__ */ x("div", {
40
49
  className: "ttw:grid ttw:gap-2.5",
41
- children: [/* @__PURE__ */ v(u, { children: L.paymentAmount }), /* @__PURE__ */ v("div", {
50
+ children: [/* @__PURE__ */ b(c, { children: O }), /* @__PURE__ */ b("div", {
42
51
  "aria-disabled": !0,
43
52
  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",
44
- children: w
53
+ children: k
45
54
  })]
46
- }), /* @__PURE__ */ y("div", {
55
+ }), /* @__PURE__ */ x("div", {
47
56
  className: "ttw:grid ttw:gap-2.5",
48
57
  children: [
49
- /* @__PURE__ */ v(u, {
50
- id: R,
51
- requirement: l.Required,
52
- labels: L.fieldMarkers,
53
- children: L.paymentDate
58
+ /* @__PURE__ */ b(c, {
59
+ id: J,
60
+ requirement: s.Required,
61
+ labels: q.fieldMarkers,
62
+ children: q.paymentDate
54
63
  }),
55
- /* @__PURE__ */ v("span", {
56
- id: B,
64
+ /* @__PURE__ */ b("span", {
65
+ id: X,
57
66
  className: "ttw:sr-only",
58
- children: L.fieldMarkers.requiredAccessibleText
67
+ children: q.fieldMarkers.requiredAccessibleText
59
68
  }),
60
- /* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(p, {
69
+ /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(ne, {
61
70
  asChild: !0,
62
- children: /* @__PURE__ */ y(t, {
71
+ children: /* @__PURE__ */ x(t, {
63
72
  type: "button",
64
73
  variant: "outline",
65
74
  className: "ttw:justify-start ttw:gap-2",
66
- "aria-labelledby": `${R} ${z} ${B}`,
75
+ "aria-labelledby": `${J} ${Y} ${X}`,
67
76
  children: [
68
- /* @__PURE__ */ v(b, { className: "ttw:size-4" }),
69
- /* @__PURE__ */ v("span", {
70
- id: z,
71
- children: E ?? L.paymentDatePlaceholder
77
+ /* @__PURE__ */ b(S, { className: "ttw:size-4" }),
78
+ /* @__PURE__ */ b("span", {
79
+ id: Y,
80
+ children: j ?? q.paymentDatePlaceholder
72
81
  }),
73
- D ? /* @__PURE__ */ v(e, {
82
+ N ? /* @__PURE__ */ b(e, {
74
83
  variant: "secondary",
75
- children: L.today
84
+ children: q.today
76
85
  }) : null
77
86
  ]
78
87
  })
79
- }), /* @__PURE__ */ v(f, {
88
+ }), /* @__PURE__ */ b(u, {
80
89
  align: "start",
81
90
  className: "ttw:w-auto ttw:p-0",
82
- children: /* @__PURE__ */ v(n, {
91
+ children: /* @__PURE__ */ b(n, {
83
92
  mode: "single",
84
- selected: T,
85
- onSelect: A
93
+ selected: A,
94
+ onSelect: V,
95
+ disabled: M
86
96
  })
87
97
  })] })
88
98
  ]
89
99
  })]
90
100
  }),
91
- /* @__PURE__ */ y("div", {
101
+ /* @__PURE__ */ x("div", {
92
102
  className: "ttw:grid ttw:gap-2.5",
93
- children: [/* @__PURE__ */ v(u, {
94
- htmlFor: V,
95
- requirement: l.Optional,
96
- labels: L.fieldMarkers,
97
- children: L.comments
98
- }), /* @__PURE__ */ v(h, {
99
- id: V,
100
- value: O,
101
- placeholder: L.commentsPlaceholder,
102
- onChange: (e) => j(e.target.value)
103
- })]
104
- })
103
+ children: [
104
+ /* @__PURE__ */ b(c, {
105
+ id: Z,
106
+ requirement: s.Required,
107
+ labels: q.fieldMarkers,
108
+ children: q.payFrom
109
+ }),
110
+ /* @__PURE__ */ x(f, {
111
+ value: P,
112
+ disabled: Q,
113
+ onValueChange: H,
114
+ children: [/* @__PURE__ */ b(m, {
115
+ 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",
116
+ "aria-labelledby": Z,
117
+ "aria-required": !0,
118
+ children: /* @__PURE__ */ b(h, {
119
+ placeholder: q.payFromPlaceholder,
120
+ children: $ ? /* @__PURE__ */ x(ie, { children: [/* @__PURE__ */ x("span", {
121
+ className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:text-left",
122
+ children: [/* @__PURE__ */ b("span", {
123
+ className: "ttw:truncate",
124
+ children: $.primaryLabel
125
+ }), $.secondaryLabel ? /* @__PURE__ */ b("span", {
126
+ className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
127
+ children: $.secondaryLabel
128
+ }) : null]
129
+ }), I ? /* @__PURE__ */ b(e, {
130
+ variant: "secondary",
131
+ className: "ttw:shrink-0",
132
+ children: q.poweredByBank(I)
133
+ }) : null] }) : null
134
+ })
135
+ }), /* @__PURE__ */ b(re, { children: F.map((e) => /* @__PURE__ */ b(p, {
136
+ value: e.id,
137
+ children: /* @__PURE__ */ x("span", {
138
+ className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
139
+ children: [/* @__PURE__ */ b("span", {
140
+ className: "ttw:truncate",
141
+ children: e.primaryLabel
142
+ }), e.secondaryLabel ? /* @__PURE__ */ b("span", {
143
+ className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
144
+ children: e.secondaryLabel
145
+ }) : null]
146
+ })
147
+ }, e.id)) })]
148
+ }),
149
+ Q ? /* @__PURE__ */ b("p", {
150
+ className: g("ttw:text-sm", z ? "ttw:text-destructive" : "ttw:text-muted-foreground"),
151
+ role: z ? "alert" : void 0,
152
+ children: R ? q.loadingAccounts : z ? q.accountsError : q.noAccounts
153
+ }) : null
154
+ ]
155
+ }),
156
+ L.message ? /* @__PURE__ */ b("p", {
157
+ className: g("ttw:text-sm", C[L.state]),
158
+ children: L.message
159
+ }) : null
105
160
  ]
106
161
  }),
107
- /* @__PURE__ */ y(o, {
162
+ /* @__PURE__ */ x(te, {
108
163
  className: "ttw:pt-4 ttw:sm:gap-3",
109
- children: [/* @__PURE__ */ v(t, {
164
+ children: [/* @__PURE__ */ b(t, {
110
165
  type: "button",
111
166
  variant: "outline",
112
- onClick: N,
113
- children: L.cancelButton
114
- }), /* @__PURE__ */ v(t, {
167
+ onClick: W,
168
+ children: q.cancelButton
169
+ }), /* @__PURE__ */ b(t, {
115
170
  type: "button",
116
- "data-testid": F,
117
- disabled: !T,
118
- loading: k,
119
- onClick: M,
120
- children: L.confirmButton
171
+ loading: B,
172
+ onClick: U,
173
+ children: q.reviewButton
121
174
  })]
122
175
  })
123
176
  ]
@@ -125,4 +178,4 @@ function x({ open: x, amountDue: S, dueDateSuffix: C, paymentAmount: w, selected
125
178
  });
126
179
  }
127
180
  //#endregion
128
- export { x as MarkAsPaidDialog, x as default };
181
+ export { w as SchedulePaymentDialog, w as default };
@@ -1,2 +1,2 @@
1
- import "./index103.js";
1
+ import "./index102.js";
2
2
  import "./index104.js";
@@ -1,33 +1,14 @@
1
- import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
1
+ import { BILL_UPLOAD_DROPZONE_LABELS_EN as e } from "./index2.js";
2
+ import "./index5.js";
2
3
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index106.js
3
- var r = {
4
- title: "Schedule payment",
5
- hiddenDescription: "Choose the account to pay from and the payment date.",
6
- payFrom: "Pay from",
7
- payFromPlaceholder: "Select an account",
8
- paymentDate: "Payment date",
9
- paymentDatePlaceholder: "Choose a date",
10
- today: "Today",
11
- noAccounts: "No accounts available",
12
- loadingAccounts: "Loading accounts",
13
- accountsError: "Couldn't load accounts. Try again.",
14
- poweredByBank: (e) => `Powered by ${e}`,
15
- cancelButton: "Cancel",
16
- reviewButton: "Review payment",
17
- fieldMarkers: e,
18
- requiredFieldsLegend: t
4
+ var t = {
5
+ uploadHeading: "Attach an invoice (optional)",
6
+ scannedAttachment: (e) => `Scanned attachment: ${e}`,
7
+ scanning: "Scanning attachment…",
8
+ scanningAttachment: (e) => `Scanning attachment: ${e}`,
9
+ download: "Download the scanned attachment",
10
+ delete: "Delete the scanned attachment",
11
+ dropzone: e
19
12
  };
20
- function i(e) {
21
- let t = {
22
- ...r.fieldMarkers,
23
- ...e?.fieldMarkers
24
- };
25
- return {
26
- ...r,
27
- ...e,
28
- fieldMarkers: t,
29
- requiredFieldsLegend: n(t, e?.requiredFieldsLegend)
30
- };
31
- }
32
13
  //#endregion
33
- export { r as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, i as mergeSchedulePaymentDialogLabels };
14
+ export { t as SOURCE_DOCUMENT_PANEL_LABELS_EN };
@@ -1,10 +1,108 @@
1
+ import { Button as e, Skeleton as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { BillUploadDropzone as n } from "./index3.js";
3
+ import "./index5.js";
4
+ import { SOURCE_DOCUMENT_PANEL_LABELS_EN as r } from "./index106.js";
5
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
6
+ import { Download as o, Trash2 as s } from "lucide-react";
1
7
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index107.js
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"
8
- };
8
+ function c(c) {
9
+ let { mode: l, testId: u, labels: d } = c, f = {
10
+ ...r,
11
+ ...d,
12
+ dropzone: {
13
+ ...r.dropzone,
14
+ ...d?.dropzone
15
+ }
16
+ };
17
+ if (l === "loading") return /* @__PURE__ */ a("div", {
18
+ className: "ttw:flex ttw:flex-col ttw:gap-3",
19
+ "data-testid": u,
20
+ children: [/* @__PURE__ */ i("div", {
21
+ className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-1",
22
+ children: /* @__PURE__ */ i("span", {
23
+ "aria-live": "polite",
24
+ className: "ttw:text-sm ttw:text-muted-foreground",
25
+ children: c.fileName ? f.scanningAttachment(c.fileName) : f.scanning
26
+ })
27
+ }), /* @__PURE__ */ a("div", {
28
+ className: "ttw:flex ttw:h-[min(70vh,44rem)] ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
29
+ children: [
30
+ /* @__PURE__ */ i(t, { className: "ttw:h-6 ttw:w-2/5" }),
31
+ /* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-3/5" }),
32
+ /* @__PURE__ */ i(t, { className: "ttw:mt-4 ttw:h-4 ttw:w-full" }),
33
+ /* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-full" }),
34
+ /* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-4/5" }),
35
+ /* @__PURE__ */ i(t, { className: "ttw:mt-auto ttw:h-24 ttw:w-full" })
36
+ ]
37
+ })]
38
+ });
39
+ if (l === "document") {
40
+ let { fileName: t, preview: n, onDownload: r, onDelete: l, isDeleting: d, deleteErrorMessage: p } = c;
41
+ return /* @__PURE__ */ a("div", {
42
+ className: "ttw:flex ttw:flex-col ttw:gap-3",
43
+ "data-testid": u,
44
+ children: [
45
+ /* @__PURE__ */ a("div", {
46
+ className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-1",
47
+ children: [
48
+ /* @__PURE__ */ i("span", {
49
+ className: "ttw:text-sm ttw:text-muted-foreground",
50
+ children: f.scannedAttachment(t ?? "")
51
+ }),
52
+ r ? /* @__PURE__ */ i(e, {
53
+ type: "button",
54
+ variant: "ghost",
55
+ size: "icon",
56
+ "aria-label": f.download,
57
+ onClick: r,
58
+ children: /* @__PURE__ */ i(o, { className: "ttw:size-4" })
59
+ }) : null,
60
+ l ? /* @__PURE__ */ i(e, {
61
+ type: "button",
62
+ variant: "ghost",
63
+ size: "icon",
64
+ "aria-label": f.delete,
65
+ disabled: d,
66
+ onClick: l,
67
+ children: /* @__PURE__ */ i(s, { className: "ttw:size-4" })
68
+ }) : null
69
+ ]
70
+ }),
71
+ p ? /* @__PURE__ */ i("p", {
72
+ role: "alert",
73
+ className: "ttw:text-sm ttw:text-destructive",
74
+ "data-testid": u ? `${u}-delete-error` : void 0,
75
+ children: p
76
+ }) : null,
77
+ /* @__PURE__ */ i("div", {
78
+ className: "ttw:flex ttw:h-[min(70vh,44rem)] ttw:items-start ttw:justify-center ttw:overflow-auto ttw:rounded-lg ttw:border ttw:border-border ttw:bg-white ttw:p-4",
79
+ children: n
80
+ })
81
+ ]
82
+ });
83
+ }
84
+ return /* @__PURE__ */ a("div", {
85
+ className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:p-4",
86
+ "data-testid": u,
87
+ children: [
88
+ /* @__PURE__ */ i("p", {
89
+ className: "ttw:mb-3 ttw:text-sm ttw:font-medium ttw:text-foreground",
90
+ children: f.uploadHeading
91
+ }),
92
+ c.noticeMessage ? /* @__PURE__ */ i("p", {
93
+ "aria-live": "polite",
94
+ className: "ttw:mb-3 ttw:text-sm ttw:text-muted-foreground",
95
+ "data-testid": u ? `${u}-notice` : void 0,
96
+ children: c.noticeMessage
97
+ }) : null,
98
+ /* @__PURE__ */ i(n, {
99
+ status: c.uploadStatus,
100
+ errorMessage: c.uploadErrorMessage,
101
+ onFilesSelected: c.onFilesSelected,
102
+ labels: f.dropzone
103
+ })
104
+ ]
105
+ });
106
+ }
9
107
  //#endregion
10
- export { e as TONE_TEXT_CLASS };
108
+ export { c as SourceDocumentPanel, c as default };
@@ -1,181 +1,2 @@
1
- import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as ee, DialogFooter as te, DialogHeader as a, DialogTitle as o, FieldRequirement as s, Label as c, Popover as l, PopoverContent as u, PopoverTrigger as ne, RequiredFieldsLegend as d, Select as f, SelectContent as re, SelectItem as p, SelectTrigger as m, SelectValue as h, cn as g } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { mergeSchedulePaymentDialogLabels as _ } from "./index106.js";
3
- import { TONE_TEXT_CLASS as v } from "./index107.js";
4
- import { useId as y } from "react";
5
- import { Fragment as ie, jsx as b, jsxs as x } from "react/jsx-runtime";
6
- import { CalendarIcon as S } from "lucide-react";
7
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index108.js
8
- var C = {
9
- sufficient: v.muted,
10
- warning: v.warning,
11
- error: v.error
12
- };
13
- function w({ open: v, onOpenChange: w, amountDueLabel: T, amountDue: E, dueDateSuffix: D, paymentAmountLabel: O, paymentAmount: k, selectedDate: A, selectedDateLabel: j, calendarDisabled: M, isToday: N, selectedAccountId: P, accounts: F, poweredByBankName: I, funds: L, isAccountsLoading: R, isAccountsError: z, isSubmitting: B, onDateChange: V, onAccountChange: H, onReview: U, onCancel: W, testId: G, labels: K }) {
14
- let q = _(K), J = y(), Y = y(), X = y(), Z = y(), Q = R || z || F.length === 0, $ = F.find((e) => e.id === P);
15
- return /* @__PURE__ */ b(r, {
16
- open: v,
17
- onOpenChange: (e) => e ? w(e) : W(),
18
- children: /* @__PURE__ */ x(i, {
19
- "data-testid": G,
20
- className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
21
- children: [
22
- /* @__PURE__ */ x(a, { children: [/* @__PURE__ */ b(o, { children: q.title }), /* @__PURE__ */ b(ee, {
23
- className: "ttw:sr-only",
24
- children: q.hiddenDescription
25
- })] }),
26
- /* @__PURE__ */ x("div", {
27
- className: "ttw:flex ttw:flex-col ttw:gap-3",
28
- children: [
29
- /* @__PURE__ */ x("div", {
30
- className: "ttw:flex ttw:flex-col ttw:gap-1.5",
31
- children: [/* @__PURE__ */ b("p", {
32
- className: "ttw:text-base ttw:text-muted-foreground",
33
- children: T
34
- }), /* @__PURE__ */ x("div", {
35
- className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
36
- children: [/* @__PURE__ */ b("p", {
37
- className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
38
- children: E
39
- }), D ? /* @__PURE__ */ b("p", {
40
- className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
41
- children: D
42
- }) : null]
43
- })]
44
- }),
45
- /* @__PURE__ */ b(d, { labels: q.requiredFieldsLegend }),
46
- /* @__PURE__ */ x("div", {
47
- className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
48
- children: [/* @__PURE__ */ x("div", {
49
- className: "ttw:grid ttw:gap-2.5",
50
- children: [/* @__PURE__ */ b(c, { children: O }), /* @__PURE__ */ b("div", {
51
- "aria-disabled": !0,
52
- 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",
53
- children: k
54
- })]
55
- }), /* @__PURE__ */ x("div", {
56
- className: "ttw:grid ttw:gap-2.5",
57
- children: [
58
- /* @__PURE__ */ b(c, {
59
- id: J,
60
- requirement: s.Required,
61
- labels: q.fieldMarkers,
62
- children: q.paymentDate
63
- }),
64
- /* @__PURE__ */ b("span", {
65
- id: X,
66
- className: "ttw:sr-only",
67
- children: q.fieldMarkers.requiredAccessibleText
68
- }),
69
- /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(ne, {
70
- asChild: !0,
71
- children: /* @__PURE__ */ x(t, {
72
- type: "button",
73
- variant: "outline",
74
- className: "ttw:justify-start ttw:gap-2",
75
- "aria-labelledby": `${J} ${Y} ${X}`,
76
- children: [
77
- /* @__PURE__ */ b(S, { className: "ttw:size-4" }),
78
- /* @__PURE__ */ b("span", {
79
- id: Y,
80
- children: j ?? q.paymentDatePlaceholder
81
- }),
82
- N ? /* @__PURE__ */ b(e, {
83
- variant: "secondary",
84
- children: q.today
85
- }) : null
86
- ]
87
- })
88
- }), /* @__PURE__ */ b(u, {
89
- align: "start",
90
- className: "ttw:w-auto ttw:p-0",
91
- children: /* @__PURE__ */ b(n, {
92
- mode: "single",
93
- selected: A,
94
- onSelect: V,
95
- disabled: M
96
- })
97
- })] })
98
- ]
99
- })]
100
- }),
101
- /* @__PURE__ */ x("div", {
102
- className: "ttw:grid ttw:gap-2.5",
103
- children: [
104
- /* @__PURE__ */ b(c, {
105
- id: Z,
106
- requirement: s.Required,
107
- labels: q.fieldMarkers,
108
- children: q.payFrom
109
- }),
110
- /* @__PURE__ */ x(f, {
111
- value: P,
112
- disabled: Q,
113
- onValueChange: H,
114
- children: [/* @__PURE__ */ b(m, {
115
- 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",
116
- "aria-labelledby": Z,
117
- "aria-required": !0,
118
- children: /* @__PURE__ */ b(h, {
119
- placeholder: q.payFromPlaceholder,
120
- children: $ ? /* @__PURE__ */ x(ie, { children: [/* @__PURE__ */ x("span", {
121
- className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:text-left",
122
- children: [/* @__PURE__ */ b("span", {
123
- className: "ttw:truncate",
124
- children: $.primaryLabel
125
- }), $.secondaryLabel ? /* @__PURE__ */ b("span", {
126
- className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
127
- children: $.secondaryLabel
128
- }) : null]
129
- }), I ? /* @__PURE__ */ b(e, {
130
- variant: "secondary",
131
- className: "ttw:shrink-0",
132
- children: q.poweredByBank(I)
133
- }) : null] }) : null
134
- })
135
- }), /* @__PURE__ */ b(re, { children: F.map((e) => /* @__PURE__ */ b(p, {
136
- value: e.id,
137
- children: /* @__PURE__ */ x("span", {
138
- className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
139
- children: [/* @__PURE__ */ b("span", {
140
- className: "ttw:truncate",
141
- children: e.primaryLabel
142
- }), e.secondaryLabel ? /* @__PURE__ */ b("span", {
143
- className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
144
- children: e.secondaryLabel
145
- }) : null]
146
- })
147
- }, e.id)) })]
148
- }),
149
- Q ? /* @__PURE__ */ b("p", {
150
- className: g("ttw:text-sm", z ? "ttw:text-destructive" : "ttw:text-muted-foreground"),
151
- role: z ? "alert" : void 0,
152
- children: R ? q.loadingAccounts : z ? q.accountsError : q.noAccounts
153
- }) : null
154
- ]
155
- }),
156
- L.message ? /* @__PURE__ */ b("p", {
157
- className: g("ttw:text-sm", C[L.state]),
158
- children: L.message
159
- }) : null
160
- ]
161
- }),
162
- /* @__PURE__ */ x(te, {
163
- className: "ttw:pt-4 ttw:sm:gap-3",
164
- children: [/* @__PURE__ */ b(t, {
165
- type: "button",
166
- variant: "outline",
167
- onClick: W,
168
- children: q.cancelButton
169
- }), /* @__PURE__ */ b(t, {
170
- type: "button",
171
- loading: B,
172
- onClick: U,
173
- children: q.reviewButton
174
- })]
175
- })
176
- ]
177
- })
178
- });
179
- }
180
- //#endregion
181
- export { w as SchedulePaymentDialog, w as default };
1
+ import "./index106.js";
2
+ import "./index107.js";
@@ -1,2 +1,10 @@
1
- import "./index106.js";
2
- import "./index108.js";
1
+ //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index109.js
2
+ var e = {
3
+ title: "Save this bill as a draft?",
4
+ description: "This bill has changes that have not been saved. Save it as a draft to finish later, or discard the changes.",
5
+ saveDraftButton: "Save as draft",
6
+ discardButton: "Discard changes",
7
+ closeButton: "Close"
8
+ };
9
+ //#endregion
10
+ export { e as UNSAVED_BILL_DIALOG_LABELS_EN };