@tesouro/embedded-components-react 0.2.333 → 0.2.337

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 (113) hide show
  1. package/dist/index.css +22 -0
  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/feature/dist/index.js +10 -6
  5. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index10.js +2 -2
  6. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index26.js +0 -1
  7. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js +43 -31
  8. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index31.js +12 -46
  9. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index32.js +46 -30
  10. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index33.js +26 -149
  11. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.js +159 -31
  12. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index35.js +32 -98
  13. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index36.js +102 -10
  14. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index37.js +11 -212
  15. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index38.js +226 -4
  16. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index39.js +4 -29
  17. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index40.js +27 -80
  18. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index41.js +75 -125
  19. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index42.js +133 -3
  20. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index43.js +3 -4
  21. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index44.js +2 -43
  22. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index45.js +45 -1
  23. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index46.js +1 -8
  24. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index47.js +6 -9
  25. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index48.js +9 -92
  26. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index49.js +94 -3
  27. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index50.js +3 -110
  28. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js +7 -9
  29. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js +20 -38
  30. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js +57 -6
  31. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js +3 -91
  32. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js +105 -157
  33. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js +11 -5
  34. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index57.js +40 -5
  35. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index58.js +6 -113
  36. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index59.js +100 -1
  37. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index60.js +171 -16
  38. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index61.js +5 -0
  39. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index62.js +8 -0
  40. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index63.js +115 -0
  41. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index64.js +1 -0
  42. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index65.js +25 -0
  43. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js +2 -2
  44. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js +34 -26
  45. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index19.js +2 -16
  46. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index20.js +18 -2
  47. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index21.js +1 -41
  48. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index22.js +38 -269
  49. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index23.js +272 -1
  50. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index24.js +2 -9
  51. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index25.js +7 -47
  52. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index26.js +49 -2
  53. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index27.js +2 -22
  54. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index28.js +20 -284
  55. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index29.js +286 -2
  56. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index30.js +2 -16
  57. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index31.js +13 -117
  58. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index32.js +120 -2
  59. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index33.js +2 -10
  60. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index34.js +8 -94
  61. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index35.js +96 -2
  62. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js +1 -12
  63. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index37.js +11 -56
  64. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index38.js +57 -1
  65. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index39.js +1 -53
  66. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index40.js +51 -136
  67. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index41.js +141 -1
  68. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index42.js +2 -7
  69. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index43.js +5 -42
  70. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index44.js +44 -2
  71. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index45.js +2 -4
  72. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js +2 -61
  73. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index47.js +63 -2
  74. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index48.js +2 -4
  75. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index49.js +2 -14
  76. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index50.js +16 -2
  77. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index51.js +1 -73
  78. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index52.js +72 -250
  79. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js +251 -12
  80. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index54.js +9 -252
  81. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.js +1 -10
  82. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index56.js +6 -4
  83. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index57.js +43 -87
  84. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index58.js +2 -0
  85. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js +14 -2
  86. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js +278 -5
  87. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js +8 -28
  88. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js +8 -2
  89. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js +91 -5
  90. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index65.js +1 -1
  91. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index66.js +15 -9
  92. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index67.js +101 -94
  93. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index69.js +3 -14
  94. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index70.js +28 -8
  95. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index71.js +2 -170
  96. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index72.js +7 -2
  97. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.js +32 -12
  98. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index74.js +2 -89
  99. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index75.js +12 -2
  100. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index76.js +106 -0
  101. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index77.js +2 -0
  102. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index78.js +18 -0
  103. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index79.js +10 -0
  104. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index80.js +170 -0
  105. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index81.js +2 -0
  106. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index82.js +14 -0
  107. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index83.js +89 -0
  108. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index84.js +2 -0
  109. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  110. package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index7.js +1 -1
  111. package/dist/packages/shared-ui-shadcn/dist/index.js +1378 -1371
  112. package/package.json +1 -1
  113. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index64.js +0 -34
@@ -1,14 +1,253 @@
1
+ import { Button as e, Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r, Sheet as i, SheetContent as a, SheetDescription as o, SheetHeader as s, SheetTitle as c, Skeleton as l, Typography as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { ApprovalPolicyCard as d } from "./index13.js";
3
+ import "./index14.js";
4
+ import { BillOverflowMenu as f } from "./index16.js";
5
+ import "./index17.js";
6
+ import { BillStatusBadge as p } from "./index20.js";
7
+ import "./index21.js";
8
+ import { BillActionButtons as m, NO_BILL_ACTIONS as h, hasBillActions as g } from "./index15.js";
9
+ import { BILL_DETAILS_SHEET_LABELS_EN as _ } from "./index52.js";
10
+ import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
11
+ import { ChevronDownIcon as x, MoveDiagonal2Icon as S, XIcon as C } from "lucide-react";
1
12
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js
2
- var e = {
3
- Vendor: "vendor",
4
- DueDate: "dueDate",
5
- ScheduledDate: "scheduledDate",
6
- PaidDate: "paidDate",
7
- Status: "status",
8
- AmountDue: "amountDue",
9
- AmountScheduled: "amountScheduled",
10
- AmountPaid: "amountPaid",
11
- AddedOn: "addedOn"
12
- };
13
+ function w({ items: e }) {
14
+ return /* @__PURE__ */ y("dl", {
15
+ className: "ttw:flex ttw:flex-col",
16
+ children: e.map((e) => /* @__PURE__ */ b("div", {
17
+ className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-6 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
18
+ children: [/* @__PURE__ */ y("dt", {
19
+ className: "ttw:text-sm ttw:text-muted-foreground",
20
+ children: e.label
21
+ }), /* @__PURE__ */ b("dd", {
22
+ className: "ttw:flex ttw:flex-col ttw:items-end ttw:text-right",
23
+ children: [/* @__PURE__ */ y("span", {
24
+ className: "ttw:text-sm ttw:font-medium",
25
+ children: e.value
26
+ }), e.secondaryValue ? /* @__PURE__ */ y("span", {
27
+ className: "ttw:text-sm ttw:text-muted-foreground",
28
+ children: e.secondaryValue
29
+ }) : null]
30
+ })]
31
+ }, e.label))
32
+ });
33
+ }
34
+ function T({ heading: e, children: i }) {
35
+ return /* @__PURE__ */ b(t, {
36
+ defaultOpen: !0,
37
+ className: "ttw:flex ttw:flex-col ttw:gap-3",
38
+ children: [/* @__PURE__ */ b(r, {
39
+ className: "ttw:group ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:rounded-xs ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:outline-hidden",
40
+ children: [/* @__PURE__ */ y(u, {
41
+ variant: "body1",
42
+ className: "ttw:font-semibold",
43
+ children: e
44
+ }), /* @__PURE__ */ y(x, { className: "ttw:size-4 ttw:text-muted-foreground ttw:transition-transform ttw:group-data-[state=closed]:-rotate-90" })]
45
+ }), /* @__PURE__ */ y(n, { children: i })]
46
+ });
47
+ }
48
+ function E({ open: t, onOpenChange: n, details: r, actions: u = h, approvalPolicy: x, isLoading: E, isError: D, notice: O, onClose: k, onExpand: A, testId: j, labels: M }) {
49
+ let N = {
50
+ ..._,
51
+ ...M,
52
+ statusBadge: {
53
+ ..._.statusBadge,
54
+ ...M?.statusBadge
55
+ },
56
+ approvalPolicy: {
57
+ ..._.approvalPolicy,
58
+ ...M?.approvalPolicy
59
+ }
60
+ };
61
+ return /* @__PURE__ */ y(i, {
62
+ open: t,
63
+ onOpenChange: (e) => e ? n(e) : k(),
64
+ children: /* @__PURE__ */ b(a, {
65
+ showCloseButton: !1,
66
+ className: "ttw:w-150 ttw:gap-0 ttw:overflow-y-auto ttw:sm:max-w-150",
67
+ "data-testid": j,
68
+ children: [/* @__PURE__ */ b(s, {
69
+ className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-3",
70
+ children: [/* @__PURE__ */ b("div", {
71
+ className: "ttw:flex ttw:flex-col ttw:gap-0.5",
72
+ children: [
73
+ /* @__PURE__ */ y(c, {
74
+ className: E ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
75
+ children: D ? N.errorTitle : E ? N.loadingTitle : r?.title
76
+ }),
77
+ E ? /* @__PURE__ */ b("div", {
78
+ "aria-hidden": !0,
79
+ className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:py-1",
80
+ children: [/* @__PURE__ */ y(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ y(l, { className: "ttw:h-4 ttw:w-28" })]
81
+ }) : null,
82
+ r && !E && !D ? /* @__PURE__ */ y("p", {
83
+ className: "ttw:text-sm ttw:text-muted-foreground",
84
+ children: r.subtitle
85
+ }) : null,
86
+ /* @__PURE__ */ y(o, {
87
+ className: "ttw:sr-only",
88
+ children: N.hiddenDescription
89
+ })
90
+ ]
91
+ }), /* @__PURE__ */ b("div", {
92
+ className: "ttw:flex ttw:items-center ttw:gap-1",
93
+ children: [A ? /* @__PURE__ */ y(e, {
94
+ type: "button",
95
+ variant: "ghost",
96
+ size: "icon",
97
+ "aria-label": N.expandButton,
98
+ onClick: A,
99
+ children: /* @__PURE__ */ y(S, { className: "ttw:size-4" })
100
+ }) : null, /* @__PURE__ */ y(e, {
101
+ type: "button",
102
+ variant: "ghost",
103
+ size: "icon",
104
+ "aria-label": N.closeButton,
105
+ onClick: k,
106
+ children: /* @__PURE__ */ y(C, { className: "ttw:size-4" })
107
+ })]
108
+ })]
109
+ }), /* @__PURE__ */ y("div", {
110
+ className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
111
+ children: D ? /* @__PURE__ */ y("p", {
112
+ className: "ttw:text-sm ttw:text-muted-foreground",
113
+ children: N.errorDescription
114
+ }) : E ? /* @__PURE__ */ b("div", {
115
+ className: "ttw:flex ttw:flex-col ttw:gap-6",
116
+ children: [/* @__PURE__ */ y(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ b("div", {
117
+ className: "ttw:flex ttw:flex-col ttw:gap-2",
118
+ children: [
119
+ /* @__PURE__ */ y(l, { className: "ttw:h-4 ttw:w-40" }),
120
+ /* @__PURE__ */ y(l, { className: "ttw:h-9 ttw:w-full" }),
121
+ /* @__PURE__ */ y(l, { className: "ttw:h-9 ttw:w-full" })
122
+ ]
123
+ })]
124
+ }) : r ? /* @__PURE__ */ b(v, { children: [
125
+ O,
126
+ /* @__PURE__ */ b("section", {
127
+ className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
128
+ children: [
129
+ /* @__PURE__ */ b("div", {
130
+ className: "ttw:flex ttw:flex-col ttw:gap-2",
131
+ children: [
132
+ /* @__PURE__ */ y("span", {
133
+ className: "ttw:text-sm ttw:text-muted-foreground",
134
+ children: N.amountDueHeading
135
+ }),
136
+ /* @__PURE__ */ y("span", {
137
+ className: "ttw:text-3xl ttw:font-semibold",
138
+ children: r.amountDueLabel
139
+ }),
140
+ /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(p, {
141
+ status: r.status,
142
+ tone: r.statusTone,
143
+ labels: N.statusBadge
144
+ }) })
145
+ ]
146
+ }),
147
+ /* @__PURE__ */ b("div", {
148
+ className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-1",
149
+ children: [/* @__PURE__ */ b("div", {
150
+ className: "ttw:flex ttw:flex-col",
151
+ children: [/* @__PURE__ */ y("span", {
152
+ className: "ttw:text-xs ttw:text-muted-foreground",
153
+ children: N.invoiceDateLabel
154
+ }), /* @__PURE__ */ y("span", {
155
+ className: "ttw:text-sm ttw:font-medium",
156
+ children: r.invoiceDateLabel
157
+ })]
158
+ }), /* @__PURE__ */ b("div", {
159
+ className: "ttw:flex ttw:flex-col",
160
+ children: [/* @__PURE__ */ y("span", {
161
+ className: "ttw:text-xs ttw:text-muted-foreground",
162
+ children: N.dueDateLabel
163
+ }), /* @__PURE__ */ y("span", {
164
+ className: "ttw:text-sm ttw:font-medium",
165
+ children: r.dueDateLabel
166
+ })]
167
+ })]
168
+ }),
169
+ g(u) ? /* @__PURE__ */ b("div", {
170
+ className: "ttw:flex ttw:items-center ttw:gap-2",
171
+ children: [/* @__PURE__ */ y(m, { actions: u.row }), /* @__PURE__ */ y(f, {
172
+ actions: u.menu,
173
+ triggerLabel: N.overflowMenuTrigger
174
+ })]
175
+ }) : null
176
+ ]
177
+ }),
178
+ /* @__PURE__ */ y(T, {
179
+ heading: N.payToHeading,
180
+ children: /* @__PURE__ */ y(w, { items: r.payToItems })
181
+ }),
182
+ /* @__PURE__ */ y(T, {
183
+ heading: N.invoiceDetailsHeading,
184
+ children: /* @__PURE__ */ b("div", {
185
+ className: "ttw:flex ttw:flex-col ttw:gap-4",
186
+ children: [
187
+ /* @__PURE__ */ y(w, { items: r.invoiceItems }),
188
+ r.lineItems.length ? /* @__PURE__ */ b("table", {
189
+ className: "ttw:w-full ttw:text-sm",
190
+ children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ b("tr", {
191
+ className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
192
+ children: [
193
+ /* @__PURE__ */ y("th", {
194
+ className: "ttw:px-3 ttw:py-2 ttw:text-left ttw:font-normal",
195
+ children: N.lineItemsHeading
196
+ }),
197
+ /* @__PURE__ */ y("th", {
198
+ className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
199
+ children: N.lineItemsQuantityHeading
200
+ }),
201
+ /* @__PURE__ */ y("th", {
202
+ className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
203
+ children: N.lineItemsAmountHeading
204
+ })
205
+ ]
206
+ }) }), /* @__PURE__ */ y("tbody", { children: r.lineItems.map((e) => /* @__PURE__ */ b("tr", {
207
+ className: "ttw:border-b ttw:border-border",
208
+ children: [
209
+ /* @__PURE__ */ b("td", {
210
+ className: "ttw:px-3 ttw:py-2",
211
+ children: [/* @__PURE__ */ y("span", {
212
+ className: "ttw:block",
213
+ children: e.description
214
+ }), /* @__PURE__ */ y("span", {
215
+ className: "ttw:block ttw:text-xs ttw:text-muted-foreground",
216
+ children: e.glCodeLabel
217
+ })]
218
+ }),
219
+ /* @__PURE__ */ y("td", {
220
+ className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground",
221
+ children: e.quantityLabel
222
+ }),
223
+ /* @__PURE__ */ y("td", {
224
+ className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap",
225
+ children: e.amountLabel
226
+ })
227
+ ]
228
+ }, e.id)) })]
229
+ }) : null,
230
+ /* @__PURE__ */ y("dl", {
231
+ className: "ttw:flex ttw:flex-col ttw:gap-1",
232
+ children: r.totals.map((e) => /* @__PURE__ */ b("div", {
233
+ className: e.emphasis ? "ttw:flex ttw:justify-between ttw:gap-6 ttw:border-t ttw:border-border ttw:pt-2 ttw:text-base ttw:font-semibold" : "ttw:flex ttw:justify-between ttw:gap-6 ttw:text-sm",
234
+ children: [/* @__PURE__ */ y("dt", {
235
+ className: e.emphasis ? "" : "ttw:text-muted-foreground",
236
+ children: e.label
237
+ }), /* @__PURE__ */ y("dd", { children: e.value })]
238
+ }, e.label))
239
+ })
240
+ ]
241
+ })
242
+ }),
243
+ x ? /* @__PURE__ */ y(d, {
244
+ view: x,
245
+ labels: N.approvalPolicy
246
+ }) : null
247
+ ] }) : null
248
+ })]
249
+ })
250
+ });
251
+ }
13
252
  //#endregion
14
- export { e as BillColumn };
253
+ export { E as BillDetailsSheet, E as default };
@@ -1,256 +1,13 @@
1
- import { Button as e, DataTable as t, DataTableSortableHeader as n, Input as r, Tabs as i, TabsContent as a, TabsList as o, TabsTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { EmptyState as c } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
3
- import { ErrorState as ee } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
4
- import "../../../shared/ui/dist/index.js";
5
- import { AddBillPanel as l } from "./index7.js";
6
- import "./index8.js";
7
- import { BillStatusBadge as u } from "./index19.js";
8
- import "./index20.js";
9
- import { MissingValue as d } from "./index49.js";
10
- import "./index50.js";
11
- import { BILLS_SCREEN_LABELS_EN as f, BILLS_SCREEN_UPLOAD_ACCEPT as p } from "./index51.js";
12
- import { BillColumn as m } from "./index53.js";
13
- import { useMemo as h } from "react";
14
- import { jsx as g, jsxs as _ } from "react/jsx-runtime";
15
- import { ChevronRightIcon as v, PlusIcon as y, SearchIcon as b } from "lucide-react";
1
+ import { Badge as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { BADGE_TONE_CLASS_NAME as t } from "./index19.js";
3
+ import { jsx as n } from "react/jsx-runtime";
16
4
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index54.js
17
- var x = [
18
- 10,
19
- 25,
20
- 50,
21
- 100
22
- ], S = [
23
- m.Vendor,
24
- m.DueDate,
25
- m.ScheduledDate,
26
- m.PaidDate,
27
- m.Status,
28
- m.AmountDue,
29
- m.AmountScheduled,
30
- m.AmountPaid,
31
- m.AddedOn
32
- ], C = [
33
- m.Vendor,
34
- m.DueDate,
35
- m.Status,
36
- m.AmountDue,
37
- m.AddedOn
38
- ];
39
- function w({ rows: w, isLoading: T, isError: E, sorting: D, onSortingChange: O, pageSize: k, onPageSizeChange: te, pageSizeOptions: ne = x, pageInfo: re, hasNextPage: ie, hasPrevPage: A, onNextPage: j, onPrevPage: M, filterTabs: N, selectedFilterTabId: P, onFilterTabChange: F, searchValue: I, onSearchChange: L, visibleColumns: R = C, isSearchActive: z, showAddPanelWhenEmpty: B, emptyState: V, onCreateClick: H, onRetry: U, onFilesSelected: W, maxFiles: G, onEnterManually: K, uploadStatus: q, uploadErrorMessage: J, emailAddress: Y, onCopyEmail: X, labels: Z }) {
40
- let Q = h(() => ({
41
- ...f,
42
- ...Z,
43
- statusBadge: {
44
- ...f.statusBadge,
45
- ...Z?.statusBadge
46
- },
47
- addBill: {
48
- ...f.addBill,
49
- ...Z?.addBill,
50
- dropzone: {
51
- ...f.addBill.dropzone,
52
- ...Z?.addBill?.dropzone
53
- }
54
- },
55
- sortableHeader: {
56
- ...f.sortableHeader,
57
- ...Z?.sortableHeader
58
- },
59
- missingValue: {
60
- ...f.missingValue,
61
- ...Z?.missingValue
62
- }
63
- }), [Z]), $ = h(() => {
64
- let e = (e) => function({ column: t }) {
65
- return /* @__PURE__ */ g(n, {
66
- column: t,
67
- title: e,
68
- labels: Q.sortableHeader
69
- });
70
- }, t = (e) => function({ row: t }) {
71
- return t.original[e] || /* @__PURE__ */ g(d, { labels: Q.missingValue });
72
- }, r = (e) => function({ row: t }) {
73
- return /* @__PURE__ */ g("div", {
74
- className: "ttw:text-right",
75
- children: t.original[e] || /* @__PURE__ */ g(d, { labels: Q.missingValue })
76
- });
77
- }, i = (e) => function() {
78
- return /* @__PURE__ */ g("div", {
79
- className: "ttw:text-right",
80
- children: e
81
- });
82
- };
83
- return {
84
- [m.Vendor]: {
85
- accessorKey: "vendorLabel",
86
- enableSorting: !0,
87
- header: e(Q.columnVendor),
88
- cell: t("vendorLabel")
89
- },
90
- [m.DueDate]: {
91
- accessorKey: "dueDateLabel",
92
- enableSorting: !0,
93
- header: e(Q.columnDueDate),
94
- cell: t("dueDateLabel")
95
- },
96
- [m.ScheduledDate]: {
97
- accessorKey: "scheduledDateLabel",
98
- enableSorting: !0,
99
- header: e(Q.columnScheduledDate),
100
- cell: t("scheduledDateLabel")
101
- },
102
- [m.PaidDate]: {
103
- accessorKey: "paidDateLabel",
104
- enableSorting: !1,
105
- header: Q.columnPaidDate,
106
- cell: t("paidDateLabel")
107
- },
108
- [m.Status]: {
109
- accessorKey: "status",
110
- enableSorting: !1,
111
- header: Q.columnStatus,
112
- cell: ({ row: e }) => /* @__PURE__ */ g(u, {
113
- status: e.original.status,
114
- tone: e.original.statusTone,
115
- labels: Q.statusBadge
116
- })
117
- },
118
- [m.AmountDue]: {
119
- accessorKey: "amountDueLabel",
120
- enableSorting: !1,
121
- header: i(Q.columnAmountDue),
122
- cell: r("amountDueLabel")
123
- },
124
- [m.AmountScheduled]: {
125
- accessorKey: "amountScheduledLabel",
126
- enableSorting: !1,
127
- header: i(Q.columnAmountScheduled),
128
- cell: r("amountScheduledLabel")
129
- },
130
- [m.AmountPaid]: {
131
- accessorKey: "amountPaidLabel",
132
- enableSorting: !1,
133
- header: i(Q.columnAmountPaid),
134
- cell: r("amountPaidLabel")
135
- },
136
- [m.AddedOn]: {
137
- accessorKey: "addedOnLabel",
138
- enableSorting: !0,
139
- header: e(Q.columnAddedOn),
140
- cell: t("addedOnLabel")
141
- }
142
- };
143
- }, [Q]), ae = h(() => [...S.filter((e) => R.includes(e)).map((e) => $[e]), {
144
- id: "actions",
145
- enableSorting: !1,
146
- header: () => /* @__PURE__ */ g("span", {
147
- className: "ttw:sr-only",
148
- children: Q.columnActions
149
- }),
150
- cell: ({ row: t }) => /* @__PURE__ */ g("div", {
151
- className: "ttw:flex ttw:justify-end",
152
- children: /* @__PURE__ */ g(e, {
153
- variant: "ghost",
154
- size: "icon",
155
- "aria-label": Q.openRow(t.original.vendorLabel || Q.missingValue.missing),
156
- onClick: (e) => {
157
- e.stopPropagation(), t.original.onOpen();
158
- },
159
- children: /* @__PURE__ */ g(v, { className: "ttw:size-4" })
160
- })
161
- })
162
- }], [
163
- $,
164
- Q,
165
- R
166
- ]), oe = !!(H && W) && !T && !E && !z && w.length === 0 && B === !0, se = /* @__PURE__ */ g("div", {
167
- className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
168
- children: /* @__PURE__ */ _("div", {
169
- className: "ttw:relative ttw:w-80",
170
- children: [/* @__PURE__ */ g(b, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ g(r, {
171
- className: "ttw:pl-9",
172
- type: "search",
173
- "aria-label": Q.searchLabel,
174
- placeholder: Q.searchPlaceholder,
175
- value: I,
176
- onChange: (e) => L(e.target.value)
177
- })]
178
- })
179
- });
180
- return /* @__PURE__ */ _(i, {
181
- value: P,
182
- onValueChange: F,
183
- className: "ttw:flex ttw:flex-col ttw:gap-4",
184
- children: [/* @__PURE__ */ _("div", {
185
- className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
186
- children: [/* @__PURE__ */ g(o, {
187
- "aria-label": Q.filterTabsLabel,
188
- children: N.map((e) => /* @__PURE__ */ _(s, {
189
- value: e.id,
190
- className: "ttw:min-w-28",
191
- children: [e.icon, e.label]
192
- }, e.id))
193
- }), H ? /* @__PURE__ */ _(e, {
194
- onClick: H,
195
- children: [/* @__PURE__ */ g(y, { className: "ttw:size-4" }), Q.createButton]
196
- }) : null]
197
- }), (() => {
198
- let e = E ? /* @__PURE__ */ g(ee, {
199
- title: Q.errorTitle,
200
- description: Q.errorDescription,
201
- retryLabel: U ? Q.errorRetry : void 0,
202
- onRetry: U
203
- }) : oe && H && W ? /* @__PURE__ */ g("div", {
204
- className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
205
- children: Y && X ? /* @__PURE__ */ g(l, {
206
- emailAddress: Y,
207
- onCopyEmail: X,
208
- onFilesSelected: W,
209
- accept: p,
210
- maxFiles: G,
211
- uploadStatus: q,
212
- uploadErrorMessage: J,
213
- onEnterManually: K ?? H,
214
- labels: Q.addBill
215
- }) : /* @__PURE__ */ g(l, {
216
- onFilesSelected: W,
217
- accept: p,
218
- maxFiles: G,
219
- uploadStatus: q,
220
- uploadErrorMessage: J,
221
- onEnterManually: K ?? H,
222
- labels: Q.addBill
223
- })
224
- }) : /* @__PURE__ */ g(t, {
225
- columns: ae,
226
- data: w,
227
- isLoading: T,
228
- sorting: D,
229
- onSortingChange: O,
230
- pageSize: k,
231
- onPageSizeChange: te,
232
- pageSizeOptions: ne,
233
- pageInfo: re,
234
- hasNextPage: ie,
235
- hasPrevPage: A,
236
- onNextPage: j,
237
- onPrevPage: M,
238
- onRowClick: (e) => e.onOpen(),
239
- filterComponent: se,
240
- children: z ? /* @__PURE__ */ g(c, {
241
- title: Q.filteredEmptyTitle,
242
- description: Q.filteredEmptyDescription
243
- }) : V ? /* @__PURE__ */ g(c, {
244
- title: V.title,
245
- description: V.description
246
- }) : void 0
247
- });
248
- return N.map((t) => /* @__PURE__ */ g(a, {
249
- value: t.id,
250
- children: t.id === P ? e : null
251
- }, t.id));
252
- })()]
5
+ function r({ label: r, tone: i = "warning" }) {
6
+ return /* @__PURE__ */ n(e, {
7
+ variant: "outline",
8
+ className: t[i],
9
+ children: r
253
10
  });
254
11
  }
255
12
  //#endregion
256
- export { w as BillsScreen, w as default, C as DEFAULT_BILL_COLUMNS };
13
+ export { r as BillDuplicateBadge, r as default };
@@ -1,10 +1 @@
1
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.js
2
- var e = {
3
- collapse: "Collapse upload status",
4
- expand: "Expand upload status",
5
- close: "Close upload status",
6
- statusLabel: (e) => e === "uploading" ? "Uploading" : e === "ready" ? "Ready" : "Failed",
7
- openItem: (e) => `Open ${e}`
8
- };
9
- //#endregion
10
- export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };
1
+ import "./index54.js";
@@ -1,8 +1,10 @@
1
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index56.js
2
2
  var e = {
3
- uploading: "ttw:text-muted-foreground",
4
- ready: "ttw:text-emerald-600",
5
- failed: "ttw:text-destructive"
3
+ messagePrefix: "This bill is a possible duplicate of ",
4
+ otherBill: "another bill",
5
+ messageSuffix: ".",
6
+ notADuplicateButton: "Not a duplicate",
7
+ removeBillButton: "Remove this bill"
6
8
  };
7
9
  //#endregion
8
- export { e as UPLOAD_ITEM_ICON_TONE };
10
+ export { e as BILL_DUPLICATE_NOTICE_LABELS_EN };