@tesouro/embedded-components-react 0.10.6 → 0.10.10

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 (56) hide show
  1. package/dist/index.css +9 -0
  2. package/dist/index.d.ts +46 -7
  3. package/dist/index.js +4 -4
  4. package/dist/lib/BankAccountOnboardingWidget.d.ts +46 -7
  5. package/dist/lib/BankAccountOnboardingWidget.js +4 -4
  6. package/dist/lib/WidgetSuite.d.ts +46 -7
  7. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/AdditionalOwnersStep.js +175 -98
  8. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BankAccountOnboardingWidget.js +365 -343
  9. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BusinessDetailsStep.js +1 -1
  10. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/PersonalDetailsStep.js +3 -9
  11. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/ReviewStep.js +24 -23
  12. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/TermsStep.js +1 -1
  13. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/additionalOwnerDraft.js +1 -1
  14. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/apiMapping.js +15 -10
  15. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/applicantOwnerSummary.js +11 -0
  16. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/applicationStatusView.js +2 -2
  17. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/businessDetailsPanelMapping.js +2 -2
  18. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/draftApplicationMapping.js +3 -3
  19. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/labels.js +1 -1
  20. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/personalDetailsPanelMapping.js +3 -26
  21. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/stepSchemas.js +2 -6
  22. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/testIds.js +3 -1
  23. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index.js +20 -20
  24. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index10.js +5 -340
  25. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index11.js +422 -58
  26. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index12.js +50 -30
  27. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index13.js +39 -6
  28. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index14.js +6 -58
  29. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index15.js +62 -31
  30. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index16.js +31 -38
  31. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index17.js +27 -26
  32. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index18.js +34 -91
  33. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index19.js +96 -12
  34. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index20.js +12 -276
  35. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index21.js +294 -25
  36. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index22.js +28 -23
  37. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index23.js +23 -53
  38. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index24.js +46 -343
  39. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index25.js +268 -26
  40. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index26.js +29 -29
  41. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index27.js +29 -59
  42. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index28.js +53 -118
  43. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index29.js +123 -5
  44. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index30.js +5 -80
  45. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index31.js +80 -10
  46. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index32.js +10 -64
  47. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index33.js +64 -6
  48. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index34.js +6 -44
  49. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index35.js +45 -0
  50. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index7.js +110 -2
  51. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index8.js +2 -77
  52. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index9.js +89 -5
  53. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  54. package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShell.js +67 -61
  55. package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShellStepper.js +16 -19
  56. package/package.json +1 -1
@@ -1,277 +1,13 @@
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";
4
1
  // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index20.js
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
- });
11
- }
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__ */ f("p", {
20
- className: "ttw:text-sm ttw:text-muted-foreground",
21
- children: _.requiredFieldsNote
22
- }),
23
- /* @__PURE__ */ p("div", { children: [
24
- /* @__PURE__ */ p(m, {
25
- htmlFor: "companyLegalName",
26
- children: [_.companyLegalName, _.requiredFieldMarker]
27
- }),
28
- /* @__PURE__ */ f(t, {
29
- id: "companyLegalName",
30
- value: n.companyLegalName.value,
31
- onChange: (e) => n.companyLegalName.onValueChange(e.target.value),
32
- onBlur: n.companyLegalName.onBlur,
33
- ...l("companyLegalName", n.companyLegalName.error),
34
- disabled: v,
35
- required: !0
36
- }),
37
- /* @__PURE__ */ f(c, {
38
- fieldId: "companyLegalName",
39
- error: n.companyLegalName.error
40
- })
41
- ] }),
42
- /* @__PURE__ */ p("div", { children: [
43
- /* @__PURE__ */ f(m, {
44
- htmlFor: "companyDbaName",
45
- children: _.companyDbaName
46
- }),
47
- /* @__PURE__ */ f(t, {
48
- id: "companyDbaName",
49
- value: n.companyDbaName.value,
50
- onChange: (e) => n.companyDbaName.onValueChange(e.target.value),
51
- onBlur: n.companyDbaName.onBlur,
52
- ...l("companyDbaName", n.companyDbaName.error),
53
- disabled: v
54
- }),
55
- /* @__PURE__ */ f(c, {
56
- fieldId: "companyDbaName",
57
- error: n.companyDbaName.error
58
- })
59
- ] }),
60
- /* @__PURE__ */ p("div", { children: [
61
- /* @__PURE__ */ p(m, {
62
- htmlFor: "businessAddress",
63
- children: [_.businessAddress, _.requiredFieldMarker]
64
- }),
65
- /* @__PURE__ */ f(t, {
66
- id: "businessAddress",
67
- value: n.businessAddress.value,
68
- onChange: (e) => n.businessAddress.onValueChange(e.target.value),
69
- onBlur: n.businessAddress.onBlur,
70
- ...l("businessAddress", n.businessAddress.error),
71
- disabled: v,
72
- required: !0
73
- }),
74
- /* @__PURE__ */ f(c, {
75
- fieldId: "businessAddress",
76
- error: n.businessAddress.error
77
- })
78
- ] }),
79
- /* @__PURE__ */ p("div", {
80
- className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
81
- children: [
82
- /* @__PURE__ */ p("div", {
83
- className: "ttw:min-w-0",
84
- children: [
85
- /* @__PURE__ */ p(m, {
86
- htmlFor: "city",
87
- children: [_.city, _.requiredFieldMarker]
88
- }),
89
- /* @__PURE__ */ f(t, {
90
- id: "city",
91
- value: n.city.value,
92
- onChange: (e) => n.city.onValueChange(e.target.value),
93
- onBlur: n.city.onBlur,
94
- ...l("city", n.city.error),
95
- disabled: v,
96
- required: !0
97
- }),
98
- /* @__PURE__ */ f(c, {
99
- fieldId: "city",
100
- error: n.city.error
101
- })
102
- ]
103
- }),
104
- /* @__PURE__ */ p("div", {
105
- className: "ttw:min-w-0",
106
- children: [
107
- /* @__PURE__ */ p(m, {
108
- htmlFor: "state",
109
- children: [_.state, _.requiredFieldMarker]
110
- }),
111
- /* @__PURE__ */ p(r, {
112
- value: n.state.value,
113
- onValueChange: n.state.onValueChange,
114
- onOpenChange: S.onOpenChange,
115
- disabled: v,
116
- children: [/* @__PURE__ */ f(o, {
117
- id: "state",
118
- className: h,
119
- onBlur: S.onTriggerBlur,
120
- ...l("state", n.state.error),
121
- children: /* @__PURE__ */ f(s, { placeholder: _.statePlaceholder })
122
- }), /* @__PURE__ */ f(i, { children: n.state.options.map((e) => /* @__PURE__ */ f(a, {
123
- value: e.value,
124
- children: e.label
125
- }, e.value)) })]
126
- }),
127
- /* @__PURE__ */ f(c, {
128
- fieldId: "state",
129
- error: n.state.error
130
- })
131
- ]
132
- }),
133
- /* @__PURE__ */ p("div", {
134
- className: "ttw:min-w-0",
135
- children: [
136
- /* @__PURE__ */ p(m, {
137
- htmlFor: "zipCode",
138
- children: [_.zipCode, _.requiredFieldMarker]
139
- }),
140
- /* @__PURE__ */ f(t, {
141
- id: "zipCode",
142
- value: n.zipCode.value,
143
- onChange: (e) => n.zipCode.onValueChange(e.target.value),
144
- onBlur: n.zipCode.onBlur,
145
- ...l("zipCode", n.zipCode.error),
146
- disabled: v,
147
- required: !0,
148
- inputMode: "numeric"
149
- }),
150
- /* @__PURE__ */ f(c, {
151
- fieldId: "zipCode",
152
- error: n.zipCode.error
153
- })
154
- ]
155
- })
156
- ]
157
- }),
158
- /* @__PURE__ */ p("div", { children: [
159
- /* @__PURE__ */ p(m, {
160
- htmlFor: "companyPhoneNumber",
161
- children: [_.companyPhoneNumber, _.requiredFieldMarker]
162
- }),
163
- /* @__PURE__ */ f(t, {
164
- id: "companyPhoneNumber",
165
- type: "tel",
166
- value: n.companyPhoneNumber.value,
167
- onChange: (e) => n.companyPhoneNumber.onValueChange(e.target.value),
168
- onBlur: n.companyPhoneNumber.onBlur,
169
- ...l("companyPhoneNumber", n.companyPhoneNumber.error),
170
- disabled: v,
171
- required: !0
172
- }),
173
- /* @__PURE__ */ f(c, {
174
- fieldId: "companyPhoneNumber",
175
- error: n.companyPhoneNumber.error
176
- })
177
- ] }),
178
- /* @__PURE__ */ p("div", { children: [
179
- /* @__PURE__ */ p(m, {
180
- htmlFor: "companyStructure",
181
- children: [_.companyStructure, _.requiredFieldMarker]
182
- }),
183
- /* @__PURE__ */ p(r, {
184
- value: n.companyStructure.value,
185
- onValueChange: n.companyStructure.onValueChange,
186
- onOpenChange: C.onOpenChange,
187
- disabled: v,
188
- children: [/* @__PURE__ */ f(o, {
189
- id: "companyStructure",
190
- className: h,
191
- onBlur: C.onTriggerBlur,
192
- ...l("companyStructure", n.companyStructure.error),
193
- children: /* @__PURE__ */ f(s, { placeholder: _.companyStructurePlaceholder })
194
- }), /* @__PURE__ */ f(i, { children: n.companyStructure.options.map((e) => /* @__PURE__ */ f(a, {
195
- value: e.value,
196
- children: e.label
197
- }, e.value)) })]
198
- }),
199
- /* @__PURE__ */ f(c, {
200
- fieldId: "companyStructure",
201
- error: n.companyStructure.error
202
- })
203
- ] }),
204
- /* @__PURE__ */ p("div", { children: [
205
- /* @__PURE__ */ f(m, {
206
- htmlFor: "website",
207
- children: _.website
208
- }),
209
- /* @__PURE__ */ f(t, {
210
- id: "website",
211
- type: "url",
212
- value: n.website.value,
213
- onChange: (e) => n.website.onValueChange(e.target.value),
214
- onBlur: n.website.onBlur,
215
- ...l("website", n.website.error),
216
- disabled: v
217
- }),
218
- /* @__PURE__ */ f(c, {
219
- fieldId: "website",
220
- error: n.website.error
221
- })
222
- ] }),
223
- /* @__PURE__ */ p("div", { children: [
224
- /* @__PURE__ */ p(m, {
225
- htmlFor: "taxId",
226
- children: [_.taxId, y ? _.requiredFieldMarker : null]
227
- }),
228
- /* @__PURE__ */ f(t, {
229
- id: "taxId",
230
- value: n.taxId.value,
231
- onChange: (e) => n.taxId.onValueChange(e.target.value),
232
- onBlur: n.taxId.onBlur,
233
- disabled: v,
234
- required: y,
235
- inputMode: "numeric",
236
- maxLength: 9,
237
- placeholder: b,
238
- ...l("taxId", n.taxId.error, x ? "taxId-on-file" : void 0)
239
- }),
240
- /* @__PURE__ */ f(c, {
241
- fieldId: "taxId",
242
- error: n.taxId.error
243
- }),
244
- x ? /* @__PURE__ */ f("p", {
245
- id: "taxId-on-file",
246
- className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
247
- children: x
248
- }) : null
249
- ] }),
250
- /* @__PURE__ */ p("div", { children: [
251
- /* @__PURE__ */ p(m, {
252
- htmlFor: "naicsCode",
253
- children: [_.naicsCode, _.requiredFieldMarker]
254
- }),
255
- /* @__PURE__ */ f(e, {
256
- inputId: "naicsCode",
257
- "data-testid": g?.naicsCombobox,
258
- invalid: !!n.naicsCode.error,
259
- describedBy: l("naicsCode", n.naicsCode.error)["aria-describedby"],
260
- onBlur: u(n.naicsCode.onBlur),
261
- items: n.naicsCode.options,
262
- value: n.naicsCode.value,
263
- onValueChange: (e) => {
264
- n.naicsCode.onValueChange(Array.isArray(e) ? e[0] ?? "" : e);
265
- },
266
- labels: { placeholder: _.naicsCodePlaceholder },
267
- disabled: v
268
- }),
269
- /* @__PURE__ */ f(c, {
270
- fieldId: "naicsCode",
271
- error: n.naicsCode.error
272
- })
273
- ] })
274
- ]
275
- });
276
- }
277
- export { g as BusinessDetailsEditForm };
2
+ var e = {
3
+ loadingMessage: "Processing your application...",
4
+ successHeadingLine1: "Congratulations,",
5
+ successBody: "Your business bank account has been opened.",
6
+ pendingHeadingLine1: "You're getting close,",
7
+ pendingBody: "We will review your application and contact you soon with any further action that may be required.",
8
+ pendingEmailBoxLead: "We will send a follow up email to",
9
+ navigateToDashboard: "Go to my banking dashboard",
10
+ bankLogoAlt: "{bankName} logo",
11
+ fdicDisclaimer: "Products and services are offered by {bankName}, Member FDIC."
12
+ };
13
+ export { e as RESULT_LABELS_EN };
@@ -1,29 +1,298 @@
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
  // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index21.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: [/* @__PURE__ */ f("p", {
19
+ className: "ttw:text-sm ttw:text-muted-foreground",
20
+ children: _.requiredFieldsNote
21
+ }), /* @__PURE__ */ p("div", {
22
+ className: "ttw:grid ttw:grid-cols-1 ttw:gap-x-4 ttw:gap-y-3 ttw:sm:grid-cols-2",
23
+ children: [
24
+ /* @__PURE__ */ p("div", {
25
+ className: "ttw:min-w-0",
26
+ children: [
27
+ /* @__PURE__ */ p(m, {
28
+ htmlFor: "companyLegalName",
29
+ children: [_.companyLegalName, _.requiredFieldMarker]
30
+ }),
31
+ /* @__PURE__ */ f(t, {
32
+ id: "companyLegalName",
33
+ value: n.companyLegalName.value,
34
+ onChange: (e) => n.companyLegalName.onValueChange(e.target.value),
35
+ onBlur: n.companyLegalName.onBlur,
36
+ ...l("companyLegalName", n.companyLegalName.error),
37
+ disabled: v,
38
+ required: !0
39
+ }),
40
+ /* @__PURE__ */ f(c, {
41
+ fieldId: "companyLegalName",
42
+ error: n.companyLegalName.error
43
+ })
44
+ ]
45
+ }),
46
+ /* @__PURE__ */ p("div", {
47
+ className: "ttw:min-w-0",
48
+ children: [
49
+ /* @__PURE__ */ f(m, {
50
+ htmlFor: "companyDbaName",
51
+ children: _.companyDbaName
52
+ }),
53
+ /* @__PURE__ */ f(t, {
54
+ id: "companyDbaName",
55
+ value: n.companyDbaName.value,
56
+ onChange: (e) => n.companyDbaName.onValueChange(e.target.value),
57
+ onBlur: n.companyDbaName.onBlur,
58
+ ...l("companyDbaName", n.companyDbaName.error),
59
+ disabled: v
60
+ }),
61
+ /* @__PURE__ */ f(c, {
62
+ fieldId: "companyDbaName",
63
+ error: n.companyDbaName.error
64
+ })
65
+ ]
66
+ }),
67
+ /* @__PURE__ */ p("div", {
68
+ className: "ttw:min-w-0",
69
+ children: [
70
+ /* @__PURE__ */ p(m, {
71
+ htmlFor: "companyStructure",
72
+ children: [_.companyStructure, _.requiredFieldMarker]
73
+ }),
74
+ /* @__PURE__ */ p(r, {
75
+ value: n.companyStructure.value,
76
+ onValueChange: n.companyStructure.onValueChange,
77
+ onOpenChange: C.onOpenChange,
78
+ disabled: v,
79
+ children: [/* @__PURE__ */ f(o, {
80
+ id: "companyStructure",
81
+ className: h,
82
+ onBlur: C.onTriggerBlur,
83
+ ...l("companyStructure", n.companyStructure.error),
84
+ children: /* @__PURE__ */ f(s, { placeholder: _.companyStructurePlaceholder })
85
+ }), /* @__PURE__ */ f(i, { children: n.companyStructure.options.map((e) => /* @__PURE__ */ f(a, {
86
+ value: e.value,
87
+ children: e.label
88
+ }, e.value)) })]
89
+ }),
90
+ /* @__PURE__ */ f(c, {
91
+ fieldId: "companyStructure",
92
+ error: n.companyStructure.error
93
+ })
94
+ ]
95
+ }),
96
+ /* @__PURE__ */ p("div", {
97
+ className: "ttw:min-w-0",
98
+ children: [
99
+ /* @__PURE__ */ p(m, {
100
+ htmlFor: "taxId",
101
+ children: [_.taxId, y ? _.requiredFieldMarker : null]
102
+ }),
103
+ /* @__PURE__ */ f(t, {
104
+ id: "taxId",
105
+ value: n.taxId.value,
106
+ onChange: (e) => n.taxId.onValueChange(e.target.value),
107
+ onBlur: n.taxId.onBlur,
108
+ disabled: v,
109
+ required: y,
110
+ inputMode: "numeric",
111
+ maxLength: 9,
112
+ placeholder: b,
113
+ ...l("taxId", n.taxId.error, x ? "taxId-on-file" : void 0)
114
+ }),
115
+ /* @__PURE__ */ f(c, {
116
+ fieldId: "taxId",
117
+ error: n.taxId.error
118
+ }),
119
+ x ? /* @__PURE__ */ f("p", {
120
+ id: "taxId-on-file",
121
+ className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
122
+ children: x
123
+ }) : null
124
+ ]
125
+ }),
126
+ /* @__PURE__ */ p("div", {
127
+ className: "ttw:sm:col-span-2",
128
+ children: [
129
+ /* @__PURE__ */ p(m, {
130
+ htmlFor: "businessAddress",
131
+ children: [_.businessAddress, _.requiredFieldMarker]
132
+ }),
133
+ /* @__PURE__ */ f(t, {
134
+ id: "businessAddress",
135
+ value: n.businessAddress.value,
136
+ onChange: (e) => n.businessAddress.onValueChange(e.target.value),
137
+ onBlur: n.businessAddress.onBlur,
138
+ ...l("businessAddress", n.businessAddress.error),
139
+ disabled: v,
140
+ required: !0
141
+ }),
142
+ /* @__PURE__ */ f(c, {
143
+ fieldId: "businessAddress",
144
+ error: n.businessAddress.error
145
+ })
146
+ ]
147
+ }),
148
+ /* @__PURE__ */ p("div", {
149
+ className: "ttw:min-w-0",
150
+ children: [
151
+ /* @__PURE__ */ p(m, {
152
+ htmlFor: "city",
153
+ children: [_.city, _.requiredFieldMarker]
154
+ }),
155
+ /* @__PURE__ */ f(t, {
156
+ id: "city",
157
+ value: n.city.value,
158
+ onChange: (e) => n.city.onValueChange(e.target.value),
159
+ onBlur: n.city.onBlur,
160
+ ...l("city", n.city.error),
161
+ disabled: v,
162
+ required: !0
163
+ }),
164
+ /* @__PURE__ */ f(c, {
165
+ fieldId: "city",
166
+ error: n.city.error
167
+ })
168
+ ]
169
+ }),
170
+ /* @__PURE__ */ p("div", {
171
+ className: "ttw:min-w-0",
172
+ children: [
173
+ /* @__PURE__ */ p(m, {
174
+ htmlFor: "state",
175
+ children: [_.state, _.requiredFieldMarker]
176
+ }),
177
+ /* @__PURE__ */ p(r, {
178
+ value: n.state.value,
179
+ onValueChange: n.state.onValueChange,
180
+ onOpenChange: S.onOpenChange,
181
+ disabled: v,
182
+ children: [/* @__PURE__ */ f(o, {
183
+ id: "state",
184
+ className: h,
185
+ onBlur: S.onTriggerBlur,
186
+ ...l("state", n.state.error),
187
+ children: /* @__PURE__ */ f(s, { placeholder: _.statePlaceholder })
188
+ }), /* @__PURE__ */ f(i, { children: n.state.options.map((e) => /* @__PURE__ */ f(a, {
189
+ value: e.value,
190
+ children: e.label
191
+ }, e.value)) })]
192
+ }),
193
+ /* @__PURE__ */ f(c, {
194
+ fieldId: "state",
195
+ error: n.state.error
196
+ })
197
+ ]
198
+ }),
199
+ /* @__PURE__ */ p("div", {
200
+ className: "ttw:min-w-0",
201
+ children: [
202
+ /* @__PURE__ */ p(m, {
203
+ htmlFor: "zipCode",
204
+ children: [_.zipCode, _.requiredFieldMarker]
205
+ }),
206
+ /* @__PURE__ */ f(t, {
207
+ id: "zipCode",
208
+ value: n.zipCode.value,
209
+ onChange: (e) => n.zipCode.onValueChange(e.target.value),
210
+ onBlur: n.zipCode.onBlur,
211
+ ...l("zipCode", n.zipCode.error),
212
+ disabled: v,
213
+ required: !0,
214
+ inputMode: "numeric"
215
+ }),
216
+ /* @__PURE__ */ f(c, {
217
+ fieldId: "zipCode",
218
+ error: n.zipCode.error
219
+ })
220
+ ]
221
+ }),
222
+ /* @__PURE__ */ p("div", {
223
+ className: "ttw:min-w-0",
224
+ children: [
225
+ /* @__PURE__ */ p(m, {
226
+ htmlFor: "companyPhoneNumber",
227
+ children: [_.companyPhoneNumber, _.requiredFieldMarker]
228
+ }),
229
+ /* @__PURE__ */ f(t, {
230
+ id: "companyPhoneNumber",
231
+ type: "tel",
232
+ value: n.companyPhoneNumber.value,
233
+ onChange: (e) => n.companyPhoneNumber.onValueChange(e.target.value),
234
+ onBlur: n.companyPhoneNumber.onBlur,
235
+ ...l("companyPhoneNumber", n.companyPhoneNumber.error),
236
+ disabled: v,
237
+ required: !0
238
+ }),
239
+ /* @__PURE__ */ f(c, {
240
+ fieldId: "companyPhoneNumber",
241
+ error: n.companyPhoneNumber.error
242
+ })
243
+ ]
244
+ }),
245
+ /* @__PURE__ */ p("div", {
246
+ className: "ttw:min-w-0",
247
+ children: [
248
+ /* @__PURE__ */ f(m, {
249
+ htmlFor: "website",
250
+ children: _.website
251
+ }),
252
+ /* @__PURE__ */ f(t, {
253
+ id: "website",
254
+ type: "url",
255
+ value: n.website.value,
256
+ onChange: (e) => n.website.onValueChange(e.target.value),
257
+ onBlur: n.website.onBlur,
258
+ ...l("website", n.website.error),
259
+ disabled: v
260
+ }),
261
+ /* @__PURE__ */ f(c, {
262
+ fieldId: "website",
263
+ error: n.website.error
264
+ })
265
+ ]
266
+ }),
267
+ /* @__PURE__ */ p("div", {
268
+ className: "ttw:min-w-0",
269
+ children: [
270
+ /* @__PURE__ */ p(m, {
271
+ htmlFor: "naicsCode",
272
+ children: [_.naicsCode, _.requiredFieldMarker]
273
+ }),
274
+ /* @__PURE__ */ f(e, {
275
+ inputId: "naicsCode",
276
+ "data-testid": g?.naicsCombobox,
277
+ invalid: !!n.naicsCode.error,
278
+ describedBy: l("naicsCode", n.naicsCode.error)["aria-describedby"],
279
+ onBlur: u(n.naicsCode.onBlur),
280
+ items: n.naicsCode.options,
281
+ value: n.naicsCode.value,
282
+ onValueChange: (e) => {
283
+ n.naicsCode.onValueChange(Array.isArray(e) ? e[0] ?? "" : e);
284
+ },
285
+ labels: { placeholder: _.naicsCodePlaceholder },
286
+ disabled: v
287
+ }),
288
+ /* @__PURE__ */ f(c, {
289
+ fieldId: "naicsCode",
290
+ error: n.naicsCode.error
291
+ })
292
+ ]
293
+ })
294
+ ]
295
+ })]
27
296
  });
28
297
  }
29
- export { a as BusinessDetailsSummary };
298
+ export { g as BusinessDetailsEditForm };
@@ -1,24 +1,29 @@
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
  // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index22.js
2
- var e = {
3
- panelTitle: "Business details",
4
- editButtonAriaLabel: "Edit business details",
5
- editButton: "Edit business details",
6
- requiredFieldsNote: "Required fields are marked with an asterisk *",
7
- requiredFieldMarker: " *",
8
- companyLegalName: "Legal company name",
9
- companyDbaName: "Doing business as (optional)",
10
- businessAddress: "Business address",
11
- city: "City",
12
- state: "State",
13
- statePlaceholder: "Select state",
14
- zipCode: "Postal code",
15
- companyPhoneNumber: "Company phone number",
16
- companyStructure: "Company structure",
17
- companyStructurePlaceholder: "Select structure",
18
- website: "Website (optional)",
19
- websiteInvalid: "Enter a valid website URL (no spaces).",
20
- taxId: "Tax ID (EIN)",
21
- naicsCode: "Industry (NAICS code)",
22
- naicsCodePlaceholder: "Search by code or industry"
23
- };
24
- export { e as BUSINESS_DETAILS_PANEL_LABELS_EN };
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
+ }
29
+ export { a as BusinessDetailsSummary };