@tesouro/embedded-components-react 0.2.336 → 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 (96) 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 +6 -2
  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/index27.js +1 -1
  7. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index37.js +1 -0
  8. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index38.js +185 -180
  9. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index40.js +1 -1
  10. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index42.js +98 -97
  11. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js +6 -107
  12. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js +19 -8
  13. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js +57 -38
  14. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js +3 -8
  15. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js +107 -88
  16. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js +8 -159
  17. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index57.js +43 -5
  18. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index58.js +4 -4
  19. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index59.js +93 -108
  20. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index60.js +180 -1
  21. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index61.js +4 -24
  22. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index62.js +8 -0
  23. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index63.js +115 -0
  24. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index64.js +1 -0
  25. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index65.js +25 -0
  26. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js +2 -2
  27. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js +34 -26
  28. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index19.js +2 -16
  29. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index20.js +18 -2
  30. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index21.js +1 -41
  31. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index22.js +38 -269
  32. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index23.js +272 -1
  33. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index24.js +2 -9
  34. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index25.js +7 -47
  35. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index26.js +49 -2
  36. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index27.js +2 -22
  37. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index28.js +20 -284
  38. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index29.js +286 -2
  39. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index30.js +2 -16
  40. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index31.js +13 -117
  41. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index32.js +120 -2
  42. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index33.js +2 -10
  43. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index34.js +8 -94
  44. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index35.js +96 -2
  45. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js +1 -12
  46. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index37.js +11 -56
  47. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index38.js +57 -1
  48. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index39.js +1 -53
  49. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index40.js +51 -136
  50. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index41.js +141 -1
  51. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index42.js +2 -7
  52. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index43.js +5 -42
  53. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index44.js +44 -2
  54. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index45.js +2 -4
  55. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index46.js +2 -61
  56. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index47.js +63 -2
  57. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index48.js +2 -4
  58. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index49.js +2 -14
  59. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index50.js +16 -2
  60. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index51.js +1 -73
  61. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index52.js +72 -250
  62. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js +251 -12
  63. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index54.js +9 -252
  64. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index55.js +1 -10
  65. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index56.js +6 -4
  66. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index57.js +43 -87
  67. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index58.js +2 -0
  68. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js +14 -2
  69. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js +278 -5
  70. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js +8 -28
  71. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js +8 -2
  72. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js +91 -5
  73. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index65.js +1 -1
  74. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index66.js +15 -9
  75. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index67.js +101 -94
  76. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index69.js +3 -14
  77. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index70.js +28 -8
  78. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index71.js +2 -170
  79. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index72.js +7 -2
  80. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index73.js +32 -12
  81. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index74.js +2 -89
  82. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index75.js +12 -2
  83. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index76.js +106 -0
  84. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index77.js +2 -0
  85. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index78.js +18 -0
  86. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index79.js +10 -0
  87. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index80.js +170 -0
  88. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index81.js +2 -0
  89. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index82.js +14 -0
  90. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index83.js +89 -0
  91. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index84.js +2 -0
  92. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  93. package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index7.js +1 -1
  94. package/dist/packages/shared-ui-shadcn/dist/index.js +1378 -1371
  95. package/package.json +1 -1
  96. 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 };