@tesouro/embedded-components-react 0.5.271 → 0.5.272

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 (51) hide show
  1. package/dist/index.css +17 -0
  2. package/dist/index.d.ts +19 -0
  3. package/dist/index.js +4 -4
  4. package/dist/lib/BankAccountOnboardingWidget.d.ts +19 -0
  5. package/dist/lib/BankAccountOnboardingWidget.js +4 -4
  6. package/dist/lib/WidgetSuite.d.ts +19 -0
  7. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/AdditionalOwnersStep.js +94 -73
  8. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BankAccountOnboardingWidget.js +7 -7
  9. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BusinessDetailsStep.js +71 -57
  10. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/PersonalDetailsStep.js +61 -46
  11. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/additionalOwnerDraft.js +22 -24
  12. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/applicationStatusView.js +2 -2
  13. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/businessDetailsPanelMapping.js +28 -32
  14. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/draftApplicationMapping.js +3 -3
  15. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/fieldErrors.js +40 -0
  16. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/labels.js +1 -1
  17. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/personalDetailsPanelMapping.js +2 -2
  18. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/stepSchemas.js +26 -21
  19. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index.js +18 -18
  20. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index10.js +6 -58
  21. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index11.js +57 -31
  22. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index12.js +31 -38
  23. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index13.js +27 -26
  24. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index14.js +34 -91
  25. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index15.js +96 -12
  26. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index16.js +14 -2
  27. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index17.js +0 -2
  28. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index18.js +4 -185
  29. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index19.js +269 -25
  30. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index20.js +28 -21
  31. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index21.js +21 -68
  32. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index22.js +59 -225
  33. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index23.js +338 -26
  34. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index24.js +29 -26
  35. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index25.js +26 -74
  36. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index26.js +71 -82
  37. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index27.js +85 -8
  38. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index28.js +8 -57
  39. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index29.js +57 -9
  40. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index3.js +34 -261
  41. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index30.js +9 -62
  42. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index31.js +64 -0
  43. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index4.js +331 -2
  44. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index5.js +2 -48
  45. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index6.js +53 -139
  46. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index7.js +146 -50
  47. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index8.js +50 -28
  48. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index9.js +35 -6
  49. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  50. package/dist/packages/shared-ui-shadcn/dist/index.js +14 -9
  51. package/package.json +1 -1
@@ -1,185 +1,4 @@
1
- import { Combobox as e, Input as t, Label as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { jsx as c, jsxs as l } from "react/jsx-runtime";
3
- //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index18.js
4
- function u({ htmlFor: e, children: t }) {
5
- return /* @__PURE__ */ c(n, {
6
- htmlFor: e,
7
- className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
8
- children: t
9
- });
10
- }
11
- var d = "ttw:w-full";
12
- function f({ fields: n, testIds: f, labels: p, isDisabled: m, websiteInvalid: h = !1, taxIdRequired: g, taxIdPlaceholder: _, taxIdHelpText: v }) {
13
- return /* @__PURE__ */ l("section", {
14
- className: "ttw:flex ttw:flex-col ttw:gap-3",
15
- "data-testid": f?.root,
16
- children: [
17
- /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
18
- htmlFor: "companyLegalName",
19
- children: p.companyLegalName
20
- }), /* @__PURE__ */ c(t, {
21
- id: "companyLegalName",
22
- value: n.companyLegalName.value,
23
- onChange: (e) => n.companyLegalName.onValueChange(e.target.value),
24
- disabled: m,
25
- required: !0
26
- })] }),
27
- /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
28
- htmlFor: "companyDbaName",
29
- children: p.companyDbaName
30
- }), /* @__PURE__ */ c(t, {
31
- id: "companyDbaName",
32
- value: n.companyDbaName.value,
33
- onChange: (e) => n.companyDbaName.onValueChange(e.target.value),
34
- disabled: m
35
- })] }),
36
- /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
37
- htmlFor: "businessAddress",
38
- children: p.businessAddress
39
- }), /* @__PURE__ */ c(t, {
40
- id: "businessAddress",
41
- value: n.businessAddress.value,
42
- onChange: (e) => n.businessAddress.onValueChange(e.target.value),
43
- disabled: m,
44
- required: !0
45
- })] }),
46
- /* @__PURE__ */ l("div", {
47
- className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
48
- children: [
49
- /* @__PURE__ */ l("div", {
50
- className: "ttw:min-w-0",
51
- children: [/* @__PURE__ */ c(u, {
52
- htmlFor: "city",
53
- children: p.city
54
- }), /* @__PURE__ */ c(t, {
55
- id: "city",
56
- value: n.city.value,
57
- onChange: (e) => n.city.onValueChange(e.target.value),
58
- disabled: m,
59
- required: !0
60
- })]
61
- }),
62
- /* @__PURE__ */ l("div", {
63
- className: "ttw:min-w-0",
64
- children: [/* @__PURE__ */ c(u, {
65
- htmlFor: "state",
66
- children: p.state
67
- }), /* @__PURE__ */ l(r, {
68
- value: n.state.value,
69
- onValueChange: n.state.onValueChange,
70
- disabled: m,
71
- children: [/* @__PURE__ */ c(o, {
72
- id: "state",
73
- className: d,
74
- children: /* @__PURE__ */ c(s, { placeholder: p.statePlaceholder })
75
- }), /* @__PURE__ */ c(i, { children: n.state.options.map((e) => /* @__PURE__ */ c(a, {
76
- value: e.value,
77
- children: e.label
78
- }, e.value)) })]
79
- })]
80
- }),
81
- /* @__PURE__ */ l("div", {
82
- className: "ttw:min-w-0",
83
- children: [/* @__PURE__ */ c(u, {
84
- htmlFor: "zipCode",
85
- children: p.zipCode
86
- }), /* @__PURE__ */ c(t, {
87
- id: "zipCode",
88
- value: n.zipCode.value,
89
- onChange: (e) => n.zipCode.onValueChange(e.target.value),
90
- disabled: m,
91
- required: !0,
92
- inputMode: "numeric"
93
- })]
94
- })
95
- ]
96
- }),
97
- /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
98
- htmlFor: "companyPhoneNumber",
99
- children: p.companyPhoneNumber
100
- }), /* @__PURE__ */ c(t, {
101
- id: "companyPhoneNumber",
102
- type: "tel",
103
- value: n.companyPhoneNumber.value,
104
- onChange: (e) => n.companyPhoneNumber.onValueChange(e.target.value),
105
- disabled: m,
106
- required: !0
107
- })] }),
108
- /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
109
- htmlFor: "companyStructure",
110
- children: p.companyStructure
111
- }), /* @__PURE__ */ l(r, {
112
- value: n.companyStructure.value,
113
- onValueChange: n.companyStructure.onValueChange,
114
- disabled: m,
115
- children: [/* @__PURE__ */ c(o, {
116
- id: "companyStructure",
117
- className: d,
118
- children: /* @__PURE__ */ c(s, { placeholder: p.companyStructurePlaceholder })
119
- }), /* @__PURE__ */ c(i, { children: n.companyStructure.options.map((e) => /* @__PURE__ */ c(a, {
120
- value: e.value,
121
- children: e.label
122
- }, e.value)) })]
123
- })] }),
124
- /* @__PURE__ */ l("div", { children: [
125
- /* @__PURE__ */ c(u, {
126
- htmlFor: "website",
127
- children: p.website
128
- }),
129
- /* @__PURE__ */ c(t, {
130
- id: "website",
131
- type: "url",
132
- value: n.website.value,
133
- onChange: (e) => n.website.onValueChange(e.target.value),
134
- disabled: m,
135
- "aria-invalid": h || void 0,
136
- "aria-describedby": h ? "website-error" : void 0
137
- }),
138
- h ? /* @__PURE__ */ c("p", {
139
- id: "website-error",
140
- className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
141
- role: "alert",
142
- children: p.websiteInvalid
143
- }) : null
144
- ] }),
145
- /* @__PURE__ */ l("div", { children: [
146
- /* @__PURE__ */ c(u, {
147
- htmlFor: "taxId",
148
- children: p.taxId
149
- }),
150
- /* @__PURE__ */ c(t, {
151
- id: "taxId",
152
- value: n.taxId.value,
153
- onChange: (e) => n.taxId.onValueChange(e.target.value),
154
- disabled: m,
155
- required: g,
156
- inputMode: "numeric",
157
- maxLength: 9,
158
- placeholder: _,
159
- "aria-describedby": v ? "taxId-on-file" : void 0
160
- }),
161
- v ? /* @__PURE__ */ c("p", {
162
- id: "taxId-on-file",
163
- className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
164
- children: v
165
- }) : null
166
- ] }),
167
- /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
168
- htmlFor: "naicsCode",
169
- children: p.naicsCode
170
- }), /* @__PURE__ */ c(e, {
171
- id: "naicsCode",
172
- "data-testid": f?.naicsCombobox,
173
- items: n.naicsCode.options,
174
- value: n.naicsCode.value,
175
- onValueChange: (e) => {
176
- n.naicsCode.onValueChange(Array.isArray(e) ? e[0] ?? "" : e);
177
- },
178
- labels: { placeholder: p.naicsCodePlaceholder },
179
- disabled: m
180
- })] })
181
- ]
182
- });
183
- }
184
- //#endregion
185
- export { f as BusinessDetailsEditForm };
1
+ import "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import "react";
3
+ import "react/jsx-runtime";
4
+ import "@radix-ui/react-use-controllable-state";
@@ -1,30 +1,274 @@
1
- import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
1
+ import { Combobox as e, Input as t, Label as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { FieldError as c, fieldErrorAria as l, onCompositeBlur as u, selectBlurHandlers as d } from "./index3.js";
3
+ import { jsx as f, jsxs as p } from "react/jsx-runtime";
3
4
  //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index19.js
4
- function i({ label: i, value: a, testId: o }) {
5
- return a ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
6
- component: "span",
7
- variant: "body2",
8
- className: "ttw:text-muted-foreground",
9
- children: i
10
- }), /* @__PURE__ */ n(e, {
11
- component: "span",
12
- variant: "body2",
13
- "data-testid": o,
14
- className: "ttw:min-w-0 ttw:wrap-break-word ttw:whitespace-pre-line ttw:text-left ttw:font-medium ttw:text-foreground",
15
- children: a
16
- })] }) : null;
5
+ function m({ htmlFor: e, children: t }) {
6
+ return /* @__PURE__ */ f(n, {
7
+ htmlFor: e,
8
+ className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
9
+ children: t
10
+ });
17
11
  }
18
- function a({ rows: e, testIds: t }) {
19
- return /* @__PURE__ */ n("div", {
20
- className: "ttw:grid ttw:grid-cols-[max-content_1fr] ttw:gap-x-4 ttw:gap-y-2",
21
- "data-testid": t?.root,
22
- children: e.map((e) => /* @__PURE__ */ n(i, {
23
- label: e.label,
24
- value: e.value,
25
- testId: e.testId
26
- }, e.testId ?? e.label))
12
+ var h = "ttw:w-full";
13
+ function g({ fields: n, testIds: g, labels: _, isDisabled: v, taxIdRequired: y, taxIdPlaceholder: b, taxIdHelpText: x }) {
14
+ let S = d(n.state.onBlur), C = d(n.companyStructure.onBlur);
15
+ return /* @__PURE__ */ p("section", {
16
+ className: "ttw:flex ttw:flex-col ttw:gap-3",
17
+ "data-testid": g?.root,
18
+ children: [
19
+ /* @__PURE__ */ p("div", { children: [
20
+ /* @__PURE__ */ f(m, {
21
+ htmlFor: "companyLegalName",
22
+ children: _.companyLegalName
23
+ }),
24
+ /* @__PURE__ */ f(t, {
25
+ id: "companyLegalName",
26
+ value: n.companyLegalName.value,
27
+ onChange: (e) => n.companyLegalName.onValueChange(e.target.value),
28
+ onBlur: n.companyLegalName.onBlur,
29
+ ...l("companyLegalName", n.companyLegalName.error),
30
+ disabled: v,
31
+ required: !0
32
+ }),
33
+ /* @__PURE__ */ f(c, {
34
+ fieldId: "companyLegalName",
35
+ error: n.companyLegalName.error
36
+ })
37
+ ] }),
38
+ /* @__PURE__ */ p("div", { children: [
39
+ /* @__PURE__ */ f(m, {
40
+ htmlFor: "companyDbaName",
41
+ children: _.companyDbaName
42
+ }),
43
+ /* @__PURE__ */ f(t, {
44
+ id: "companyDbaName",
45
+ value: n.companyDbaName.value,
46
+ onChange: (e) => n.companyDbaName.onValueChange(e.target.value),
47
+ onBlur: n.companyDbaName.onBlur,
48
+ ...l("companyDbaName", n.companyDbaName.error),
49
+ disabled: v
50
+ }),
51
+ /* @__PURE__ */ f(c, {
52
+ fieldId: "companyDbaName",
53
+ error: n.companyDbaName.error
54
+ })
55
+ ] }),
56
+ /* @__PURE__ */ p("div", { children: [
57
+ /* @__PURE__ */ f(m, {
58
+ htmlFor: "businessAddress",
59
+ children: _.businessAddress
60
+ }),
61
+ /* @__PURE__ */ f(t, {
62
+ id: "businessAddress",
63
+ value: n.businessAddress.value,
64
+ onChange: (e) => n.businessAddress.onValueChange(e.target.value),
65
+ onBlur: n.businessAddress.onBlur,
66
+ ...l("businessAddress", n.businessAddress.error),
67
+ disabled: v,
68
+ required: !0
69
+ }),
70
+ /* @__PURE__ */ f(c, {
71
+ fieldId: "businessAddress",
72
+ error: n.businessAddress.error
73
+ })
74
+ ] }),
75
+ /* @__PURE__ */ p("div", {
76
+ className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
77
+ children: [
78
+ /* @__PURE__ */ p("div", {
79
+ className: "ttw:min-w-0",
80
+ children: [
81
+ /* @__PURE__ */ f(m, {
82
+ htmlFor: "city",
83
+ children: _.city
84
+ }),
85
+ /* @__PURE__ */ f(t, {
86
+ id: "city",
87
+ value: n.city.value,
88
+ onChange: (e) => n.city.onValueChange(e.target.value),
89
+ onBlur: n.city.onBlur,
90
+ ...l("city", n.city.error),
91
+ disabled: v,
92
+ required: !0
93
+ }),
94
+ /* @__PURE__ */ f(c, {
95
+ fieldId: "city",
96
+ error: n.city.error
97
+ })
98
+ ]
99
+ }),
100
+ /* @__PURE__ */ p("div", {
101
+ className: "ttw:min-w-0",
102
+ children: [
103
+ /* @__PURE__ */ f(m, {
104
+ htmlFor: "state",
105
+ children: _.state
106
+ }),
107
+ /* @__PURE__ */ p(r, {
108
+ value: n.state.value,
109
+ onValueChange: n.state.onValueChange,
110
+ onOpenChange: S.onOpenChange,
111
+ disabled: v,
112
+ children: [/* @__PURE__ */ f(o, {
113
+ id: "state",
114
+ className: h,
115
+ onBlur: S.onTriggerBlur,
116
+ ...l("state", n.state.error),
117
+ children: /* @__PURE__ */ f(s, { placeholder: _.statePlaceholder })
118
+ }), /* @__PURE__ */ f(i, { children: n.state.options.map((e) => /* @__PURE__ */ f(a, {
119
+ value: e.value,
120
+ children: e.label
121
+ }, e.value)) })]
122
+ }),
123
+ /* @__PURE__ */ f(c, {
124
+ fieldId: "state",
125
+ error: n.state.error
126
+ })
127
+ ]
128
+ }),
129
+ /* @__PURE__ */ p("div", {
130
+ className: "ttw:min-w-0",
131
+ children: [
132
+ /* @__PURE__ */ f(m, {
133
+ htmlFor: "zipCode",
134
+ children: _.zipCode
135
+ }),
136
+ /* @__PURE__ */ f(t, {
137
+ id: "zipCode",
138
+ value: n.zipCode.value,
139
+ onChange: (e) => n.zipCode.onValueChange(e.target.value),
140
+ onBlur: n.zipCode.onBlur,
141
+ ...l("zipCode", n.zipCode.error),
142
+ disabled: v,
143
+ required: !0,
144
+ inputMode: "numeric"
145
+ }),
146
+ /* @__PURE__ */ f(c, {
147
+ fieldId: "zipCode",
148
+ error: n.zipCode.error
149
+ })
150
+ ]
151
+ })
152
+ ]
153
+ }),
154
+ /* @__PURE__ */ p("div", { children: [
155
+ /* @__PURE__ */ f(m, {
156
+ htmlFor: "companyPhoneNumber",
157
+ children: _.companyPhoneNumber
158
+ }),
159
+ /* @__PURE__ */ f(t, {
160
+ id: "companyPhoneNumber",
161
+ type: "tel",
162
+ value: n.companyPhoneNumber.value,
163
+ onChange: (e) => n.companyPhoneNumber.onValueChange(e.target.value),
164
+ onBlur: n.companyPhoneNumber.onBlur,
165
+ ...l("companyPhoneNumber", n.companyPhoneNumber.error),
166
+ disabled: v,
167
+ required: !0
168
+ }),
169
+ /* @__PURE__ */ f(c, {
170
+ fieldId: "companyPhoneNumber",
171
+ error: n.companyPhoneNumber.error
172
+ })
173
+ ] }),
174
+ /* @__PURE__ */ p("div", { children: [
175
+ /* @__PURE__ */ f(m, {
176
+ htmlFor: "companyStructure",
177
+ children: _.companyStructure
178
+ }),
179
+ /* @__PURE__ */ p(r, {
180
+ value: n.companyStructure.value,
181
+ onValueChange: n.companyStructure.onValueChange,
182
+ onOpenChange: C.onOpenChange,
183
+ disabled: v,
184
+ children: [/* @__PURE__ */ f(o, {
185
+ id: "companyStructure",
186
+ className: h,
187
+ onBlur: C.onTriggerBlur,
188
+ ...l("companyStructure", n.companyStructure.error),
189
+ children: /* @__PURE__ */ f(s, { placeholder: _.companyStructurePlaceholder })
190
+ }), /* @__PURE__ */ f(i, { children: n.companyStructure.options.map((e) => /* @__PURE__ */ f(a, {
191
+ value: e.value,
192
+ children: e.label
193
+ }, e.value)) })]
194
+ }),
195
+ /* @__PURE__ */ f(c, {
196
+ fieldId: "companyStructure",
197
+ error: n.companyStructure.error
198
+ })
199
+ ] }),
200
+ /* @__PURE__ */ p("div", { children: [
201
+ /* @__PURE__ */ f(m, {
202
+ htmlFor: "website",
203
+ children: _.website
204
+ }),
205
+ /* @__PURE__ */ f(t, {
206
+ id: "website",
207
+ type: "url",
208
+ value: n.website.value,
209
+ onChange: (e) => n.website.onValueChange(e.target.value),
210
+ onBlur: n.website.onBlur,
211
+ ...l("website", n.website.error),
212
+ disabled: v
213
+ }),
214
+ /* @__PURE__ */ f(c, {
215
+ fieldId: "website",
216
+ error: n.website.error
217
+ })
218
+ ] }),
219
+ /* @__PURE__ */ p("div", { children: [
220
+ /* @__PURE__ */ f(m, {
221
+ htmlFor: "taxId",
222
+ children: _.taxId
223
+ }),
224
+ /* @__PURE__ */ f(t, {
225
+ id: "taxId",
226
+ value: n.taxId.value,
227
+ onChange: (e) => n.taxId.onValueChange(e.target.value),
228
+ onBlur: n.taxId.onBlur,
229
+ disabled: v,
230
+ required: y,
231
+ inputMode: "numeric",
232
+ maxLength: 9,
233
+ placeholder: b,
234
+ ...l("taxId", n.taxId.error, x ? "taxId-on-file" : void 0)
235
+ }),
236
+ /* @__PURE__ */ f(c, {
237
+ fieldId: "taxId",
238
+ error: n.taxId.error
239
+ }),
240
+ x ? /* @__PURE__ */ f("p", {
241
+ id: "taxId-on-file",
242
+ className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
243
+ children: x
244
+ }) : null
245
+ ] }),
246
+ /* @__PURE__ */ p("div", { children: [
247
+ /* @__PURE__ */ f(m, {
248
+ htmlFor: "naicsCode",
249
+ children: _.naicsCode
250
+ }),
251
+ /* @__PURE__ */ f(e, {
252
+ inputId: "naicsCode",
253
+ "data-testid": g?.naicsCombobox,
254
+ invalid: !!n.naicsCode.error,
255
+ describedBy: l("naicsCode", n.naicsCode.error)["aria-describedby"],
256
+ onBlur: u(n.naicsCode.onBlur),
257
+ items: n.naicsCode.options,
258
+ value: n.naicsCode.value,
259
+ onValueChange: (e) => {
260
+ n.naicsCode.onValueChange(Array.isArray(e) ? e[0] ?? "" : e);
261
+ },
262
+ labels: { placeholder: _.naicsCodePlaceholder },
263
+ disabled: v
264
+ }),
265
+ /* @__PURE__ */ f(c, {
266
+ fieldId: "naicsCode",
267
+ error: n.naicsCode.error
268
+ })
269
+ ] })
270
+ ]
27
271
  });
28
272
  }
29
273
  //#endregion
30
- export { a as BusinessDetailsSummary };
274
+ export { g as BusinessDetailsEditForm };
@@ -1,23 +1,30 @@
1
+ import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
1
3
  //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index20.js
2
- var e = {
3
- panelTitle: "Business Details",
4
- editButtonAriaLabel: "Edit business details",
5
- editTooltip: "Edit business details",
6
- companyLegalName: "Legal company name",
7
- companyDbaName: "Doing business as (optional)",
8
- businessAddress: "Business address",
9
- city: "City",
10
- state: "State",
11
- statePlaceholder: "Select state",
12
- zipCode: "Postal code",
13
- companyPhoneNumber: "Company phone number",
14
- companyStructure: "Company structure",
15
- companyStructurePlaceholder: "Select structure",
16
- website: "Website (optional)",
17
- websiteInvalid: "Enter a valid website URL (no spaces).",
18
- taxId: "Tax ID (EIN)",
19
- naicsCode: "Industry (NAICS code)",
20
- naicsCodePlaceholder: "Search by code or industry"
21
- };
4
+ function i({ label: i, value: a, testId: o }) {
5
+ return a ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
6
+ component: "span",
7
+ variant: "body2",
8
+ className: "ttw:text-muted-foreground",
9
+ children: i
10
+ }), /* @__PURE__ */ n(e, {
11
+ component: "span",
12
+ variant: "body2",
13
+ "data-testid": o,
14
+ className: "ttw:min-w-0 ttw:wrap-break-word ttw:whitespace-pre-line ttw:text-left ttw:font-medium ttw:text-foreground",
15
+ children: a
16
+ })] }) : null;
17
+ }
18
+ function a({ rows: e, testIds: t }) {
19
+ return /* @__PURE__ */ n("div", {
20
+ className: "ttw:grid ttw:grid-cols-[max-content_1fr] ttw:gap-x-4 ttw:gap-y-2",
21
+ "data-testid": t?.root,
22
+ children: e.map((e) => /* @__PURE__ */ n(i, {
23
+ label: e.label,
24
+ value: e.value,
25
+ testId: e.testId
26
+ }, e.testId ?? e.label))
27
+ });
28
+ }
22
29
  //#endregion
23
- export { e as BUSINESS_DETAILS_PANEL_LABELS_EN };
30
+ export { a as BusinessDetailsSummary };
@@ -1,70 +1,23 @@
1
- import { Button as e, Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i, Typography as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { BUSINESS_DETAILS_PANEL_LABELS_EN as o } from "./index20.js";
3
- import { BusinessDetailsEditForm as s } from "./index18.js";
4
- import { BusinessDetailsSummary as c } from "./index19.js";
5
- import { jsx as l, jsxs as u } from "react/jsx-runtime";
6
- import { Pen as d } from "lucide-react";
7
1
  //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index21.js
8
- function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, websiteInvalid: v, taxIdRequired: y, taxIdPlaceholder: b, taxIdHelpText: x, testIds: S }) {
9
- let C = {
10
- ...o,
11
- ...g
12
- };
13
- return f ? /* @__PURE__ */ l(s, {
14
- fields: h,
15
- labels: C,
16
- isDisabled: _,
17
- websiteInvalid: v,
18
- taxIdRequired: y,
19
- taxIdPlaceholder: b,
20
- taxIdHelpText: x,
21
- testIds: S?.editForm
22
- }) : /* @__PURE__ */ u("section", {
23
- "data-testid": S?.root,
24
- className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
25
- children: [
26
- /* @__PURE__ */ u("div", {
27
- className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
28
- children: [/* @__PURE__ */ l(a, {
29
- component: "h3",
30
- variant: "h6",
31
- className: "ttw:font-semibold ttw:text-foreground",
32
- children: C.panelTitle
33
- }), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(i, {
34
- asChild: !0,
35
- onFocus: (e) => {
36
- e.preventDefault();
37
- },
38
- children: /* @__PURE__ */ l(e, {
39
- type: "button",
40
- variant: "ghost",
41
- size: "icon-sm",
42
- onClick: p,
43
- disabled: _,
44
- "aria-label": C.editButtonAriaLabel,
45
- "data-testid": S?.editButton,
46
- className: "ttw:rounded-lg ttw:bg-muted ttw:text-foreground ttw:hover:bg-primary/10 ttw:hover:text-foreground",
47
- children: /* @__PURE__ */ l(d, {
48
- className: "ttw:size-5",
49
- "aria-hidden": !0
50
- })
51
- })
52
- }), /* @__PURE__ */ l(n, {
53
- side: "top",
54
- sideOffset: 4,
55
- children: C.editTooltip
56
- })] }) })]
57
- }),
58
- /* @__PURE__ */ l("div", {
59
- className: "ttw:mb-3 ttw:border-b ttw:border-border",
60
- "aria-hidden": !0
61
- }),
62
- /* @__PURE__ */ l(c, {
63
- rows: m,
64
- testIds: S?.summary
65
- })
66
- ]
67
- });
68
- }
2
+ var e = {
3
+ panelTitle: "Business Details",
4
+ editButtonAriaLabel: "Edit business details",
5
+ editTooltip: "Edit business details",
6
+ companyLegalName: "Legal company name",
7
+ companyDbaName: "Doing business as (optional)",
8
+ businessAddress: "Business address",
9
+ city: "City",
10
+ state: "State",
11
+ statePlaceholder: "Select state",
12
+ zipCode: "Postal code",
13
+ companyPhoneNumber: "Company phone number",
14
+ companyStructure: "Company structure",
15
+ companyStructurePlaceholder: "Select structure",
16
+ website: "Website (optional)",
17
+ websiteInvalid: "Enter a valid website URL (no spaces).",
18
+ taxId: "Tax ID (EIN)",
19
+ naicsCode: "Industry (NAICS code)",
20
+ naicsCodePlaceholder: "Search by code or industry"
21
+ };
69
22
  //#endregion
70
- export { o as BUSINESS_DETAILS_PANEL_LABELS_EN, f as BusinessDetailsPanel };
23
+ export { e as BUSINESS_DETAILS_PANEL_LABELS_EN };