@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,16 +1,2 @@
1
- import { ACH_FIELD_GROUP_LABELS_EN as e } from "../../../shared/counterpart-management/ui/dist/index2.js";
2
- import "../../../shared/counterpart-management/ui/dist/index.js";
3
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index30.js
4
- var t = {
5
- payToHeading: "Pay to",
6
- editAction: "Edit",
7
- clearAction: "Clear",
8
- paymentInstructionsHeading: "Payment instructions",
9
- paymentInstructionsDescription: "How and where will the money be sent. This information is required to send a payment.",
10
- addPaymentInstructions: "Add payment instructions",
11
- ach: e,
12
- revealField: (e) => `Show ${e.toLowerCase()}`,
13
- hideField: (e) => `Hide ${e.toLowerCase()}`
14
- };
15
- //#endregion
16
- export { t as VENDOR_SUMMARY_CARD_LABELS_EN };
1
+ import "./index28.js";
2
+ import "./index29.js";
@@ -1,120 +1,16 @@
1
- import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { AchFieldGroup as t } from "../../../shared/counterpart-management/ui/dist/index5.js";
1
+ import { ACH_FIELD_GROUP_LABELS_EN as e } from "../../../shared/counterpart-management/ui/dist/index2.js";
3
2
  import "../../../shared/counterpart-management/ui/dist/index.js";
4
- import { VENDOR_SUMMARY_CARD_LABELS_EN as n } from "./index30.js";
5
- import { useState as r } from "react";
6
- import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
7
- import { Eye as s, EyeOff as c, Pencil as l, Plus as u, X as d } from "lucide-react";
8
3
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index31.js
9
- function f({ field: e, labels: t }) {
10
- let [n, i] = r(!1), l = !!e.maskedValue, u = l && !n ? e.maskedValue : e.value;
11
- return /* @__PURE__ */ o("div", {
12
- className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm",
13
- children: [
14
- /* @__PURE__ */ a("span", {
15
- className: "ttw:w-44 ttw:shrink-0 ttw:text-muted-foreground",
16
- children: e.label
17
- }),
18
- /* @__PURE__ */ a("span", {
19
- className: "ttw:text-foreground",
20
- children: u
21
- }),
22
- l ? /* @__PURE__ */ a("button", {
23
- type: "button",
24
- onClick: () => i((e) => !e),
25
- "aria-label": n ? t.hideField(e.label) : t.revealField(e.label),
26
- className: "ttw:text-muted-foreground ttw:hover:text-foreground",
27
- children: a(n ? c : s, { className: "ttw:size-4" })
28
- }) : null
29
- ]
30
- });
31
- }
32
- function p({ summary: r, onEdit: s, onClear: c, paymentInstructions: p, testId: m, labels: h }) {
33
- let g = {
34
- ...n,
35
- ...h,
36
- ach: {
37
- ...n.ach,
38
- ...h?.ach
39
- }
40
- };
41
- return /* @__PURE__ */ o("div", {
42
- className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
43
- "data-testid": m,
44
- children: [/* @__PURE__ */ o("div", {
45
- className: "ttw:flex ttw:items-start ttw:justify-between",
46
- children: [/* @__PURE__ */ o("div", {
47
- className: "ttw:flex ttw:flex-col ttw:gap-0.5",
48
- children: [
49
- /* @__PURE__ */ a("span", {
50
- className: "ttw:text-xs ttw:text-muted-foreground",
51
- children: g.payToHeading
52
- }),
53
- /* @__PURE__ */ a("span", {
54
- className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
55
- children: r.name
56
- }),
57
- /* @__PURE__ */ a("span", {
58
- className: "ttw:text-sm ttw:text-muted-foreground",
59
- children: r.email
60
- })
61
- ]
62
- }), /* @__PURE__ */ o("div", {
63
- className: "ttw:flex ttw:items-center ttw:gap-1",
64
- children: [s ? /* @__PURE__ */ a(e, {
65
- type: "button",
66
- variant: "ghost",
67
- size: "icon",
68
- "aria-label": g.editAction,
69
- onClick: s,
70
- children: /* @__PURE__ */ a(l, { className: "ttw:size-4" })
71
- }) : null, c ? /* @__PURE__ */ a(e, {
72
- type: "button",
73
- variant: "ghost",
74
- size: "icon",
75
- "aria-label": g.clearAction,
76
- onClick: c,
77
- children: /* @__PURE__ */ a(d, { className: "ttw:size-4" })
78
- }) : null]
79
- })]
80
- }), r.fields.length ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("p", {
81
- className: "ttw:mt-3 ttw:text-xs ttw:text-muted-foreground",
82
- children: r.methodLabel
83
- }), /* @__PURE__ */ a("div", {
84
- className: "ttw:mt-2 ttw:flex ttw:flex-col ttw:gap-1",
85
- children: r.fields.map((e) => /* @__PURE__ */ a(f, {
86
- field: e,
87
- labels: g
88
- }, `${e.label}:${e.value}:${e.maskedValue ?? ""}`))
89
- })] }) : /* @__PURE__ */ o("div", {
90
- className: "ttw:mt-4 ttw:flex ttw:flex-col ttw:gap-3",
91
- children: [/* @__PURE__ */ o("div", {
92
- className: "ttw:flex ttw:flex-col ttw:gap-1",
93
- children: [/* @__PURE__ */ a("p", {
94
- className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
95
- children: g.paymentInstructionsHeading
96
- }), /* @__PURE__ */ a("p", {
97
- className: "ttw:text-sm ttw:text-muted-foreground",
98
- children: g.paymentInstructionsDescription
99
- })]
100
- }), p?.isOpen ? /* @__PURE__ */ a(t, {
101
- idPrefix: "vendor-summary-ach",
102
- values: p.values,
103
- errors: p.errors,
104
- onChange: p.onChange,
105
- labels: g.ach
106
- }) : p ? /* @__PURE__ */ o(e, {
107
- type: "button",
108
- variant: "link",
109
- className: "ttw:w-fit ttw:px-0",
110
- onClick: p.onOpen,
111
- children: [/* @__PURE__ */ a(u, { className: "ttw:size-4" }), g.addPaymentInstructions]
112
- }) : /* @__PURE__ */ a("p", {
113
- className: "ttw:text-sm ttw:text-muted-foreground",
114
- children: r.methodLabel
115
- })]
116
- })]
117
- });
118
- }
4
+ var t = {
5
+ payToHeading: "Pay to",
6
+ editAction: "Edit",
7
+ clearAction: "Clear",
8
+ paymentInstructionsHeading: "Payment instructions",
9
+ paymentInstructionsDescription: "How and where will the money be sent. This information is required to send a payment.",
10
+ addPaymentInstructions: "Add payment instructions",
11
+ ach: e,
12
+ revealField: (e) => `Show ${e.toLowerCase()}`,
13
+ hideField: (e) => `Hide ${e.toLowerCase()}`
14
+ };
119
15
  //#endregion
120
- export { p as VendorSummaryCard, p as default };
16
+ export { t as VENDOR_SUMMARY_CARD_LABELS_EN };
@@ -1,2 +1,120 @@
1
- import "./index30.js";
2
- import "./index31.js";
1
+ import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { AchFieldGroup as t } from "../../../shared/counterpart-management/ui/dist/index5.js";
3
+ import "../../../shared/counterpart-management/ui/dist/index.js";
4
+ import { VENDOR_SUMMARY_CARD_LABELS_EN as n } from "./index31.js";
5
+ import { useState as r } from "react";
6
+ import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
7
+ import { Eye as s, EyeOff as c, Pencil as l, Plus as u, X as d } from "lucide-react";
8
+ //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index32.js
9
+ function f({ field: e, labels: t }) {
10
+ let [n, i] = r(!1), l = !!e.maskedValue, u = l && !n ? e.maskedValue : e.value;
11
+ return /* @__PURE__ */ o("div", {
12
+ className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm",
13
+ children: [
14
+ /* @__PURE__ */ a("span", {
15
+ className: "ttw:w-44 ttw:shrink-0 ttw:text-muted-foreground",
16
+ children: e.label
17
+ }),
18
+ /* @__PURE__ */ a("span", {
19
+ className: "ttw:text-foreground",
20
+ children: u
21
+ }),
22
+ l ? /* @__PURE__ */ a("button", {
23
+ type: "button",
24
+ onClick: () => i((e) => !e),
25
+ "aria-label": n ? t.hideField(e.label) : t.revealField(e.label),
26
+ className: "ttw:text-muted-foreground ttw:hover:text-foreground",
27
+ children: a(n ? c : s, { className: "ttw:size-4" })
28
+ }) : null
29
+ ]
30
+ });
31
+ }
32
+ function p({ summary: r, onEdit: s, onClear: c, paymentInstructions: p, testId: m, labels: h }) {
33
+ let g = {
34
+ ...n,
35
+ ...h,
36
+ ach: {
37
+ ...n.ach,
38
+ ...h?.ach
39
+ }
40
+ };
41
+ return /* @__PURE__ */ o("div", {
42
+ className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
43
+ "data-testid": m,
44
+ children: [/* @__PURE__ */ o("div", {
45
+ className: "ttw:flex ttw:items-start ttw:justify-between",
46
+ children: [/* @__PURE__ */ o("div", {
47
+ className: "ttw:flex ttw:flex-col ttw:gap-0.5",
48
+ children: [
49
+ /* @__PURE__ */ a("span", {
50
+ className: "ttw:text-xs ttw:text-muted-foreground",
51
+ children: g.payToHeading
52
+ }),
53
+ /* @__PURE__ */ a("span", {
54
+ className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
55
+ children: r.name
56
+ }),
57
+ /* @__PURE__ */ a("span", {
58
+ className: "ttw:text-sm ttw:text-muted-foreground",
59
+ children: r.email
60
+ })
61
+ ]
62
+ }), /* @__PURE__ */ o("div", {
63
+ className: "ttw:flex ttw:items-center ttw:gap-1",
64
+ children: [s ? /* @__PURE__ */ a(e, {
65
+ type: "button",
66
+ variant: "ghost",
67
+ size: "icon",
68
+ "aria-label": g.editAction,
69
+ onClick: s,
70
+ children: /* @__PURE__ */ a(l, { className: "ttw:size-4" })
71
+ }) : null, c ? /* @__PURE__ */ a(e, {
72
+ type: "button",
73
+ variant: "ghost",
74
+ size: "icon",
75
+ "aria-label": g.clearAction,
76
+ onClick: c,
77
+ children: /* @__PURE__ */ a(d, { className: "ttw:size-4" })
78
+ }) : null]
79
+ })]
80
+ }), r.fields.length ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("p", {
81
+ className: "ttw:mt-3 ttw:text-xs ttw:text-muted-foreground",
82
+ children: r.methodLabel
83
+ }), /* @__PURE__ */ a("div", {
84
+ className: "ttw:mt-2 ttw:flex ttw:flex-col ttw:gap-1",
85
+ children: r.fields.map((e) => /* @__PURE__ */ a(f, {
86
+ field: e,
87
+ labels: g
88
+ }, `${e.label}:${e.value}:${e.maskedValue ?? ""}`))
89
+ })] }) : /* @__PURE__ */ o("div", {
90
+ className: "ttw:mt-4 ttw:flex ttw:flex-col ttw:gap-3",
91
+ children: [/* @__PURE__ */ o("div", {
92
+ className: "ttw:flex ttw:flex-col ttw:gap-1",
93
+ children: [/* @__PURE__ */ a("p", {
94
+ className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
95
+ children: g.paymentInstructionsHeading
96
+ }), /* @__PURE__ */ a("p", {
97
+ className: "ttw:text-sm ttw:text-muted-foreground",
98
+ children: g.paymentInstructionsDescription
99
+ })]
100
+ }), p?.isOpen ? /* @__PURE__ */ a(t, {
101
+ idPrefix: "vendor-summary-ach",
102
+ values: p.values,
103
+ errors: p.errors,
104
+ onChange: p.onChange,
105
+ labels: g.ach
106
+ }) : p ? /* @__PURE__ */ o(e, {
107
+ type: "button",
108
+ variant: "link",
109
+ className: "ttw:w-fit ttw:px-0",
110
+ onClick: p.onOpen,
111
+ children: [/* @__PURE__ */ a(u, { className: "ttw:size-4" }), g.addPaymentInstructions]
112
+ }) : /* @__PURE__ */ a("p", {
113
+ className: "ttw:text-sm ttw:text-muted-foreground",
114
+ children: r.methodLabel
115
+ })]
116
+ })]
117
+ });
118
+ }
119
+ //#endregion
120
+ export { p as VendorSummaryCard, p as default };
@@ -1,10 +1,2 @@
1
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index33.js
2
- var e = {
3
- fieldLabel: "Select or add vendor",
4
- placeholder: "Search",
5
- loading: "Searching vendors...",
6
- emptyResults: "No vendors found",
7
- addVendorAction: "Add vendor"
8
- };
9
- //#endregion
10
- export { e as VENDOR_SEARCH_COMBOBOX_LABELS_EN };
1
+ import "./index31.js";
2
+ import "./index32.js";
@@ -1,96 +1,10 @@
1
- import { Command as e, CommandGroup as t, CommandInput as n, CommandItem as r, CommandList as i, CommandSeparator as a, Label as o, Popover as s, PopoverContent as c, PopoverTrigger as l, Skeleton as u, cn as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { VENDOR_SEARCH_COMBOBOX_LABELS_EN as f } from "./index33.js";
3
- import { useId as p, useState as m } from "react";
4
- import { jsx as h, jsxs as g } from "react/jsx-runtime";
5
- import { Plus as _, Search as v } from "lucide-react";
6
1
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index34.js
7
- var y = 5, b = "ttw:min-h-44";
8
- function x({ query: x, onQueryChange: S, results: C, isLoading: w, onAddVendor: T, testId: E, labels: D }) {
9
- let O = {
10
- ...f,
11
- ...D
12
- }, k = p(), [A, j] = m(!1);
13
- return /* @__PURE__ */ g("div", {
14
- className: "ttw:flex ttw:flex-col ttw:gap-1.5",
15
- "data-testid": E,
16
- children: [/* @__PURE__ */ h(o, {
17
- htmlFor: k,
18
- children: O.fieldLabel
19
- }), /* @__PURE__ */ g(s, {
20
- open: A,
21
- onOpenChange: j,
22
- children: [/* @__PURE__ */ h(l, {
23
- asChild: !0,
24
- children: /* @__PURE__ */ g("button", {
25
- type: "button",
26
- id: k,
27
- role: "combobox",
28
- "aria-expanded": A,
29
- className: "ttw:flex ttw:h-10 ttw:w-full ttw:items-center ttw:gap-2 ttw:rounded-md ttw:border ttw:border-border ttw:bg-background ttw:px-3 ttw:text-left ttw:text-sm ttw:shadow-xs ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50",
30
- children: [/* @__PURE__ */ h(v, {
31
- "aria-hidden": !0,
32
- className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50"
33
- }), /* @__PURE__ */ h("span", {
34
- className: d("ttw:min-w-0 ttw:flex-1 ttw:truncate", !x && "ttw:text-muted-foreground"),
35
- children: x || O.placeholder
36
- })]
37
- })
38
- }), /* @__PURE__ */ h(c, {
39
- align: "start",
40
- className: "ttw:w-[var(--radix-popover-trigger-width)] ttw:p-0",
41
- children: /* @__PURE__ */ g(e, {
42
- shouldFilter: !1,
43
- children: [/* @__PURE__ */ h(n, {
44
- value: x,
45
- onValueChange: S,
46
- placeholder: O.placeholder,
47
- "aria-label": O.placeholder
48
- }), /* @__PURE__ */ g(i, {
49
- className: d("ttw:max-h-72", b),
50
- children: [
51
- w ? /* @__PURE__ */ g("div", {
52
- className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-2",
53
- "aria-busy": "true",
54
- children: [/* @__PURE__ */ h("span", {
55
- className: "ttw:sr-only",
56
- children: O.loading
57
- }), Array.from({ length: y }).map((e, t) => /* @__PURE__ */ g("div", {
58
- className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:px-2 ttw:py-1.5",
59
- children: [/* @__PURE__ */ h(u, {
60
- height: 14,
61
- width: "55%"
62
- }), /* @__PURE__ */ h(u, {
63
- height: 14,
64
- width: "30%"
65
- })]
66
- }, t))]
67
- }) : C.length === 0 && x ? /* @__PURE__ */ h("div", {
68
- className: d("ttw:flex ttw:items-center ttw:justify-center ttw:py-6 ttw:text-center ttw:text-sm", b),
69
- children: O.emptyResults
70
- }) : C.length > 0 ? /* @__PURE__ */ h(t, { children: C.map((e, t) => /* @__PURE__ */ g(r, {
71
- value: `${e.name} ${e.email} ${t}`,
72
- onSelect: () => e.onSelect(),
73
- children: [/* @__PURE__ */ h("span", {
74
- className: "ttw:text-foreground",
75
- children: e.name
76
- }), /* @__PURE__ */ h("span", {
77
- className: "ttw:ml-auto ttw:text-muted-foreground",
78
- children: e.email
79
- })]
80
- }, `${e.name}:${e.email}:${t}`)) }) : null,
81
- w || C.length > 0 || x ? /* @__PURE__ */ h(a, {}) : null,
82
- /* @__PURE__ */ g(r, {
83
- value: "__add_vendor__",
84
- onSelect: T,
85
- className: "ttw:sticky ttw:bottom-0 ttw:bg-popover ttw:text-primary",
86
- children: [/* @__PURE__ */ h(_, { className: "ttw:size-4 ttw:text-primary" }), O.addVendorAction]
87
- })
88
- ]
89
- })]
90
- })
91
- })]
92
- })]
93
- });
94
- }
2
+ var e = {
3
+ fieldLabel: "Select or add vendor",
4
+ placeholder: "Search",
5
+ loading: "Searching vendors...",
6
+ emptyResults: "No vendors found",
7
+ addVendorAction: "Add vendor"
8
+ };
95
9
  //#endregion
96
- export { x as VendorSearchCombobox, x as default };
10
+ export { e as VENDOR_SEARCH_COMBOBOX_LABELS_EN };
@@ -1,2 +1,96 @@
1
- import "./index33.js";
2
- import "./index34.js";
1
+ import { Command as e, CommandGroup as t, CommandInput as n, CommandItem as r, CommandList as i, CommandSeparator as a, Label as o, Popover as s, PopoverContent as c, PopoverTrigger as l, Skeleton as u, cn as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { VENDOR_SEARCH_COMBOBOX_LABELS_EN as f } from "./index34.js";
3
+ import { useId as p, useState as m } from "react";
4
+ import { jsx as h, jsxs as g } from "react/jsx-runtime";
5
+ import { Plus as _, Search as v } from "lucide-react";
6
+ //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index35.js
7
+ var y = 5, b = "ttw:min-h-44";
8
+ function x({ query: x, onQueryChange: S, results: C, isLoading: w, onAddVendor: T, testId: E, labels: D }) {
9
+ let O = {
10
+ ...f,
11
+ ...D
12
+ }, k = p(), [A, j] = m(!1);
13
+ return /* @__PURE__ */ g("div", {
14
+ className: "ttw:flex ttw:flex-col ttw:gap-1.5",
15
+ "data-testid": E,
16
+ children: [/* @__PURE__ */ h(o, {
17
+ htmlFor: k,
18
+ children: O.fieldLabel
19
+ }), /* @__PURE__ */ g(s, {
20
+ open: A,
21
+ onOpenChange: j,
22
+ children: [/* @__PURE__ */ h(l, {
23
+ asChild: !0,
24
+ children: /* @__PURE__ */ g("button", {
25
+ type: "button",
26
+ id: k,
27
+ role: "combobox",
28
+ "aria-expanded": A,
29
+ className: "ttw:flex ttw:h-10 ttw:w-full ttw:items-center ttw:gap-2 ttw:rounded-md ttw:border ttw:border-border ttw:bg-background ttw:px-3 ttw:text-left ttw:text-sm ttw:shadow-xs ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50",
30
+ children: [/* @__PURE__ */ h(v, {
31
+ "aria-hidden": !0,
32
+ className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50"
33
+ }), /* @__PURE__ */ h("span", {
34
+ className: d("ttw:min-w-0 ttw:flex-1 ttw:truncate", !x && "ttw:text-muted-foreground"),
35
+ children: x || O.placeholder
36
+ })]
37
+ })
38
+ }), /* @__PURE__ */ h(c, {
39
+ align: "start",
40
+ className: "ttw:w-[var(--radix-popover-trigger-width)] ttw:p-0",
41
+ children: /* @__PURE__ */ g(e, {
42
+ shouldFilter: !1,
43
+ children: [/* @__PURE__ */ h(n, {
44
+ value: x,
45
+ onValueChange: S,
46
+ placeholder: O.placeholder,
47
+ "aria-label": O.placeholder
48
+ }), /* @__PURE__ */ g(i, {
49
+ className: d("ttw:max-h-72", b),
50
+ children: [
51
+ w ? /* @__PURE__ */ g("div", {
52
+ className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-2",
53
+ "aria-busy": "true",
54
+ children: [/* @__PURE__ */ h("span", {
55
+ className: "ttw:sr-only",
56
+ children: O.loading
57
+ }), Array.from({ length: y }).map((e, t) => /* @__PURE__ */ g("div", {
58
+ className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:px-2 ttw:py-1.5",
59
+ children: [/* @__PURE__ */ h(u, {
60
+ height: 14,
61
+ width: "55%"
62
+ }), /* @__PURE__ */ h(u, {
63
+ height: 14,
64
+ width: "30%"
65
+ })]
66
+ }, t))]
67
+ }) : C.length === 0 && x ? /* @__PURE__ */ h("div", {
68
+ className: d("ttw:flex ttw:items-center ttw:justify-center ttw:py-6 ttw:text-center ttw:text-sm", b),
69
+ children: O.emptyResults
70
+ }) : C.length > 0 ? /* @__PURE__ */ h(t, { children: C.map((e, t) => /* @__PURE__ */ g(r, {
71
+ value: `${e.name} ${e.email} ${t}`,
72
+ onSelect: () => e.onSelect(),
73
+ children: [/* @__PURE__ */ h("span", {
74
+ className: "ttw:text-foreground",
75
+ children: e.name
76
+ }), /* @__PURE__ */ h("span", {
77
+ className: "ttw:ml-auto ttw:text-muted-foreground",
78
+ children: e.email
79
+ })]
80
+ }, `${e.name}:${e.email}:${t}`)) }) : null,
81
+ w || C.length > 0 || x ? /* @__PURE__ */ h(a, {}) : null,
82
+ /* @__PURE__ */ g(r, {
83
+ value: "__add_vendor__",
84
+ onSelect: T,
85
+ className: "ttw:sticky ttw:bottom-0 ttw:bg-popover ttw:text-primary",
86
+ children: [/* @__PURE__ */ h(_, { className: "ttw:size-4 ttw:text-primary" }), O.addVendorAction]
87
+ })
88
+ ]
89
+ })]
90
+ })
91
+ })]
92
+ })]
93
+ });
94
+ }
95
+ //#endregion
96
+ export { x as VendorSearchCombobox, x as default };
@@ -1,13 +1,2 @@
1
- import { VENDOR_SUMMARY_CARD_LABELS_EN as e } from "./index30.js";
2
- import "./index32.js";
3
- import { VENDOR_SEARCH_COMBOBOX_LABELS_EN as t } from "./index33.js";
1
+ import "./index34.js";
4
2
  import "./index35.js";
5
- //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js
6
- var n = {
7
- heading: "Who are you paying?",
8
- summaryCard: e,
9
- search: t,
10
- noVendorPlaceholder: "No vendor selected"
11
- };
12
- //#endregion
13
- export { n as VENDOR_SECTION_LABELS_EN };
@@ -1,58 +1,13 @@
1
- import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { VendorSummaryCard as t } from "./index31.js";
3
- import "./index32.js";
4
- import { VendorSearchCombobox as n } from "./index34.js";
5
- import "./index35.js";
6
- import { VENDOR_SECTION_LABELS_EN as r } from "./index36.js";
7
- import { jsx as i, jsxs as a } from "react/jsx-runtime";
1
+ import { VENDOR_SUMMARY_CARD_LABELS_EN as e } from "./index31.js";
2
+ import "./index33.js";
3
+ import { VENDOR_SEARCH_COMBOBOX_LABELS_EN as t } from "./index34.js";
4
+ import "./index36.js";
8
5
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index37.js
9
- function o(o) {
10
- let { onEdit: s, onClear: c, error: l, testId: u, labels: d, disabled: f } = o, p = {
11
- ...r,
12
- ...d,
13
- summaryCard: {
14
- ...r.summaryCard,
15
- ...d?.summaryCard,
16
- ach: {
17
- ...r.summaryCard.ach,
18
- ...d?.summaryCard?.ach
19
- }
20
- },
21
- search: {
22
- ...r.search,
23
- ...d?.search
24
- }
25
- };
26
- return /* @__PURE__ */ a("section", {
27
- className: "ttw:flex ttw:flex-col ttw:gap-3",
28
- "data-testid": u,
29
- children: [
30
- /* @__PURE__ */ i(e, {
31
- component: "h2",
32
- variant: "h6",
33
- className: "ttw:font-semibold",
34
- children: p.heading
35
- }),
36
- o.mode === "resolved" ? /* @__PURE__ */ i(t, {
37
- summary: o.summary,
38
- onEdit: s,
39
- onClear: c,
40
- paymentInstructions: f ? void 0 : o.paymentInstructions,
41
- labels: p.summaryCard
42
- }) : f ? /* @__PURE__ */ i(e, {
43
- variant: "body2",
44
- className: "ttw:text-muted-foreground",
45
- children: p.noVendorPlaceholder
46
- }) : o.mode === "selecting" ? /* @__PURE__ */ i(n, {
47
- ...o.search,
48
- labels: p.search
49
- }) : o.newVendorForm,
50
- l ? /* @__PURE__ */ i("p", {
51
- className: "ttw:text-sm ttw:text-destructive",
52
- children: l
53
- }) : null
54
- ]
55
- });
56
- }
6
+ var n = {
7
+ heading: "Who are you paying?",
8
+ summaryCard: e,
9
+ search: t,
10
+ noVendorPlaceholder: "No vendor selected"
11
+ };
57
12
  //#endregion
58
- export { o as VendorSection, o as default };
13
+ export { n as VENDOR_SECTION_LABELS_EN };
@@ -1,2 +1,58 @@
1
+ import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { VendorSummaryCard as t } from "./index32.js";
3
+ import "./index33.js";
4
+ import { VendorSearchCombobox as n } from "./index35.js";
1
5
  import "./index36.js";
2
- import "./index37.js";
6
+ import { VENDOR_SECTION_LABELS_EN as r } from "./index37.js";
7
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
8
+ //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index38.js
9
+ function o(o) {
10
+ let { onEdit: s, onClear: c, error: l, testId: u, labels: d, disabled: f } = o, p = {
11
+ ...r,
12
+ ...d,
13
+ summaryCard: {
14
+ ...r.summaryCard,
15
+ ...d?.summaryCard,
16
+ ach: {
17
+ ...r.summaryCard.ach,
18
+ ...d?.summaryCard?.ach
19
+ }
20
+ },
21
+ search: {
22
+ ...r.search,
23
+ ...d?.search
24
+ }
25
+ };
26
+ return /* @__PURE__ */ a("section", {
27
+ className: "ttw:flex ttw:flex-col ttw:gap-3",
28
+ "data-testid": u,
29
+ children: [
30
+ /* @__PURE__ */ i(e, {
31
+ component: "h2",
32
+ variant: "h6",
33
+ className: "ttw:font-semibold",
34
+ children: p.heading
35
+ }),
36
+ o.mode === "resolved" ? /* @__PURE__ */ i(t, {
37
+ summary: o.summary,
38
+ onEdit: s,
39
+ onClear: c,
40
+ paymentInstructions: f ? void 0 : o.paymentInstructions,
41
+ labels: p.summaryCard
42
+ }) : f ? /* @__PURE__ */ i(e, {
43
+ variant: "body2",
44
+ className: "ttw:text-muted-foreground",
45
+ children: p.noVendorPlaceholder
46
+ }) : o.mode === "selecting" ? /* @__PURE__ */ i(n, {
47
+ ...o.search,
48
+ labels: p.search
49
+ }) : o.newVendorForm,
50
+ l ? /* @__PURE__ */ i("p", {
51
+ className: "ttw:text-sm ttw:text-destructive",
52
+ children: l
53
+ }) : null
54
+ ]
55
+ });
56
+ }
57
+ //#endregion
58
+ export { o as VendorSection, o as default };