@tesouro/embedded-components-react 0.10.9 → 0.10.10

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index23.js

@@ -1,54 +1,24 @@
-import { Button as e, Typography as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BUSINESS_DETAILS_PANEL_LABELS_EN as n } from "./index22.js";
-import { BusinessDetailsEditForm as r } from "./index20.js";
-import { BusinessDetailsSummary as i } from "./index21.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index23.js
-function s({ isEditing: s, onEditClick: c, summaryRows: l, editFields: u, labels: d, isDisabled: f, taxIdRequired: p, taxIdPlaceholder: m, taxIdHelpText: h, testIds: g }) {
-	let _ = {
-		...n,
-		...d
-	};
-	return s ? /* @__PURE__ */ a(r, {
-		fields: u,
-		labels: _,
-		isDisabled: f,
-		taxIdRequired: p,
-		taxIdPlaceholder: m,
-		taxIdHelpText: h,
-		testIds: g?.editForm
-	}) : /* @__PURE__ */ o("section", {
-		"data-testid": g?.root,
-		className: "ttw:relative ttw:min-w-0",
-		children: [
-			/* @__PURE__ */ a(t, {
-				component: "h3",
-				variant: "h6",
-				className: "ttw:mb-3 ttw:font-semibold ttw:text-foreground",
-				children: _.panelTitle
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "ttw:mb-3 ttw:border-b ttw:border-border",
-				"aria-hidden": !0
-			}),
-			/* @__PURE__ */ a(i, {
-				rows: l,
-				testIds: g?.summary
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "ttw:mt-4 ttw:flex ttw:justify-start",
-				children: /* @__PURE__ */ a(e, {
-					type: "button",
-					variant: "secondary",
-					size: "sm",
-					onClick: c,
-					disabled: f,
-					"aria-label": _.editButtonAriaLabel,
-					"data-testid": g?.editButton,
-					children: _.editButton
-				})
-			})
-		]
-	});
-}
-export { n as BUSINESS_DETAILS_PANEL_LABELS_EN, s as BusinessDetailsPanel };
+var e = {
+	panelTitle: "Business details",
+	editButtonAriaLabel: "Edit business details",
+	editButton: "Edit business details",
+	requiredFieldsNote: "Required fields are marked with an asterisk *",
+	requiredFieldMarker: " *",
+	companyLegalName: "Legal company name",
+	companyDbaName: "Doing business as (optional)",
+	businessAddress: "Business address",
+	city: "City",
+	state: "State",
+	statePlaceholder: "Select state",
+	zipCode: "Postal code",
+	companyPhoneNumber: "Company phone number",
+	companyStructure: "Company structure",
+	companyStructurePlaceholder: "Select structure",
+	website: "Website (optional)",
+	websiteInvalid: "Enter a valid website URL (no spaces).",
+	taxId: "Tax ID (EIN)",
+	naicsCode: "Industry (NAICS code)",
+	naicsCodePlaceholder: "Search by code or industry"
+};
+export { e as BUSINESS_DETAILS_PANEL_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index24.js

@@ -1,351 +1,54 @@
-import { Button as e, DateInput as t, Input as n, InputGroup as r, InputGroupAddon as i, InputGroupInput as a, Label as o, RadioGroup as s, RadioGroupItem as c, Select as l, SelectContent as u, SelectItem as d, SelectTrigger as f, SelectValue as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { FieldError as m, fieldErrorAria as h, onCompositeBlur as g, selectBlurHandlers as _ } from "./index3.js";
-import { useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { EyeIcon as x, EyeOffIcon as S } from "lucide-react";
+import { Button as e, Typography as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BUSINESS_DETAILS_PANEL_LABELS_EN as n } from "./index23.js";
+import { BusinessDetailsEditForm as r } from "./index21.js";
+import { BusinessDetailsSummary as i } from "./index22.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index24.js
-function C({ htmlFor: e, children: t }) {
-	return /* @__PURE__ */ y(o, {
-		htmlFor: e,
-		className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
-		children: t
-	});
-}
-var w = "ttw:w-full";
-function T({ fields: T, testIds: E, labels: D, isDisabled: O, ssnRevealed: k, ssnToggleAriaLabel: A, onToggleSsnVisibility: j, showOwnershipPercentage: M, ssnMaskedDisplay: N, ssnFormattedDisplay: P, ssnRequired: F, ssnPlaceholder: I, ssnHelpText: L }) {
-	let [R, z] = v(!1), B = !k && !R, V = _(T.state.onBlur);
-	return /* @__PURE__ */ b("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": E?.root,
+function s({ isEditing: s, onEditClick: c, summaryRows: l, editFields: u, labels: d, isDisabled: f, taxIdRequired: p, taxIdPlaceholder: m, taxIdHelpText: h, testIds: g }) {
+	let _ = {
+		...n,
+		...d
+	};
+	return s ? /* @__PURE__ */ a(r, {
+		fields: u,
+		labels: _,
+		isDisabled: f,
+		taxIdRequired: p,
+		taxIdPlaceholder: m,
+		taxIdHelpText: h,
+		testIds: g?.editForm
+	}) : /* @__PURE__ */ o("section", {
+		"data-testid": g?.root,
+		className: "ttw:relative ttw:min-w-0",
 		children: [
-			/* @__PURE__ */ y("p", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: D.requiredFieldsNote
+			/* @__PURE__ */ a(t, {
+				component: "h3",
+				variant: "h6",
+				className: "ttw:mb-3 ttw:font-semibold ttw:text-foreground",
+				children: _.panelTitle
 			}),
-			/* @__PURE__ */ b("div", { children: [
-				/* @__PURE__ */ b(C, {
-					htmlFor: "firstName",
-					children: [D.firstName, D.requiredFieldMarker]
-				}),
-				/* @__PURE__ */ y(n, {
-					id: "firstName",
-					value: T.firstName.value,
-					onChange: (e) => T.firstName.onValueChange(e.target.value),
-					onBlur: T.firstName.onBlur,
-					...h("firstName", T.firstName.error),
-					disabled: O,
-					required: !0
-				}),
-				/* @__PURE__ */ y(m, {
-					fieldId: "firstName",
-					error: T.firstName.error
-				})
-			] }),
-			/* @__PURE__ */ b("div", { children: [
-				/* @__PURE__ */ b(C, {
-					htmlFor: "lastName",
-					children: [D.lastName, D.requiredFieldMarker]
-				}),
-				/* @__PURE__ */ y(n, {
-					id: "lastName",
-					value: T.lastName.value,
-					onChange: (e) => T.lastName.onValueChange(e.target.value),
-					onBlur: T.lastName.onBlur,
-					...h("lastName", T.lastName.error),
-					disabled: O,
-					required: !0
-				}),
-				/* @__PURE__ */ y(m, {
-					fieldId: "lastName",
-					error: T.lastName.error
-				})
-			] }),
-			/* @__PURE__ */ b("div", { children: [
-				/* @__PURE__ */ b(C, {
-					htmlFor: "dateOfBirth",
-					children: [D.dateOfBirth, D.requiredFieldMarker]
-				}),
-				/* @__PURE__ */ y(t, {
-					id: "dateOfBirth",
-					value: T.dateOfBirth.value,
-					onChange: T.dateOfBirth.onValueChange,
-					placeholder: D.dateOfBirthPlaceholder,
-					disabled: O,
-					onBlur: T.dateOfBirth.onBlur,
-					required: !0,
-					...h("dateOfBirth", T.dateOfBirth.error, T.dateOfBirth.error ? void 0 : "dateOfBirth-hint")
-				}),
-				T.dateOfBirth.error ? null : /* @__PURE__ */ y("p", {
-					id: "dateOfBirth-hint",
-					className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
-					children: D.dateOfBirthHint
-				}),
-				/* @__PURE__ */ y(m, {
-					fieldId: "dateOfBirth",
-					error: T.dateOfBirth.error
-				})
-			] }),
-			/* @__PURE__ */ b("div", { children: [
-				/* @__PURE__ */ b(C, {
-					htmlFor: "ssn",
-					children: [D.ssn, F ? D.requiredFieldMarker : null]
-				}),
-				/* @__PURE__ */ b("div", {
-					className: "ttw:flex ttw:gap-2",
-					onBlur: g(T.ssn.onBlur),
-					children: [/* @__PURE__ */ y(n, {
-						id: "ssn",
-						className: "ttw:flex-1 ttw:font-mono ttw:tracking-wider",
-						type: "text",
-						value: B ? N : P,
-						onChange: (e) => T.ssn.onValueChange(e.target.value),
-						onFocus: () => z(!0),
-						onBlur: () => z(!1),
-						disabled: O,
-						autoComplete: "off",
-						inputMode: "numeric",
-						maxLength: 11,
-						required: F,
-						placeholder: I,
-						...h("ssn", T.ssn.error, L ? "ssn-on-file" : void 0)
-					}), /* @__PURE__ */ y(e, {
-						type: "button",
-						variant: "outline",
-						size: "icon",
-						onClick: j,
-						disabled: O,
-						"aria-label": A,
-						children: y(k ? S : x, { className: "ttw:size-4" })
-					})]
-				}),
-				L ? /* @__PURE__ */ y("p", {
-					id: "ssn-on-file",
-					className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
-					children: L
-				}) : null,
-				/* @__PURE__ */ y(m, {
-					fieldId: "ssn",
-					error: T.ssn.error
-				})
-			] }),
-			/* @__PURE__ */ b("div", { children: [
-				/* @__PURE__ */ b(C, {
-					htmlFor: "homeAddress",
-					children: [D.homeAddress, D.requiredFieldMarker]
-				}),
-				/* @__PURE__ */ y(n, {
-					id: "homeAddress",
-					value: T.homeAddress.value,
-					onChange: (e) => T.homeAddress.onValueChange(e.target.value),
-					onBlur: T.homeAddress.onBlur,
-					...h("homeAddress", T.homeAddress.error),
-					disabled: O,
-					required: !0
-				}),
-				/* @__PURE__ */ y(m, {
-					fieldId: "homeAddress",
-					error: T.homeAddress.error
-				})
-			] }),
-			/* @__PURE__ */ b("div", {
-				className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
-				children: [
-					/* @__PURE__ */ b("div", {
-						className: "ttw:min-w-0",
-						children: [
-							/* @__PURE__ */ b(C, {
-								htmlFor: "city",
-								children: [D.city, D.requiredFieldMarker]
-							}),
-							/* @__PURE__ */ y(n, {
-								id: "city",
-								value: T.city.value,
-								onChange: (e) => T.city.onValueChange(e.target.value),
-								onBlur: T.city.onBlur,
-								...h("city", T.city.error),
-								disabled: O,
-								required: !0
-							}),
-							/* @__PURE__ */ y(m, {
-								fieldId: "city",
-								error: T.city.error
-							})
-						]
-					}),
-					/* @__PURE__ */ b("div", {
-						className: "ttw:min-w-0",
-						children: [
-							/* @__PURE__ */ b(C, {
-								htmlFor: "state",
-								children: [D.state, D.requiredFieldMarker]
-							}),
-							/* @__PURE__ */ b(l, {
-								value: T.state.value,
-								onValueChange: T.state.onValueChange,
-								onOpenChange: V.onOpenChange,
-								disabled: O,
-								children: [/* @__PURE__ */ y(f, {
-									id: "state",
-									className: w,
-									onBlur: V.onTriggerBlur,
-									...h("state", T.state.error),
-									children: /* @__PURE__ */ y(p, { placeholder: D.statePlaceholder })
-								}), /* @__PURE__ */ y(u, { children: T.state.options.map((e) => /* @__PURE__ */ y(d, {
-									value: e.value,
-									children: e.label
-								}, e.value)) })]
-							}),
-							/* @__PURE__ */ y(m, {
-								fieldId: "state",
-								error: T.state.error
-							})
-						]
-					}),
-					/* @__PURE__ */ b("div", {
-						className: "ttw:min-w-0",
-						children: [
-							/* @__PURE__ */ b(C, {
-								htmlFor: "zipCode",
-								children: [D.zipCode, D.requiredFieldMarker]
-							}),
-							/* @__PURE__ */ y(n, {
-								id: "zipCode",
-								value: T.zipCode.value,
-								onChange: (e) => T.zipCode.onValueChange(e.target.value),
-								onBlur: T.zipCode.onBlur,
-								...h("zipCode", T.zipCode.error),
-								disabled: O,
-								required: !0,
-								inputMode: "numeric"
-							}),
-							/* @__PURE__ */ y(m, {
-								fieldId: "zipCode",
-								error: T.zipCode.error
-							})
-						]
-					})
-				]
+			/* @__PURE__ */ a("div", {
+				className: "ttw:mb-3 ttw:border-b ttw:border-border",
+				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ b("div", { children: [
-				/* @__PURE__ */ b(C, {
-					htmlFor: "mobilePhoneNumber",
-					children: [D.mobilePhoneNumber, D.requiredFieldMarker]
-				}),
-				/* @__PURE__ */ y(n, {
-					id: "mobilePhoneNumber",
-					type: "tel",
-					value: T.mobilePhoneNumber.value,
-					onChange: (e) => T.mobilePhoneNumber.onValueChange(e.target.value),
-					onBlur: T.mobilePhoneNumber.onBlur,
-					...h("mobilePhoneNumber", T.mobilePhoneNumber.error),
-					disabled: O,
-					required: !0
-				}),
-				/* @__PURE__ */ y(m, {
-					fieldId: "mobilePhoneNumber",
-					error: T.mobilePhoneNumber.error
-				})
-			] }),
-			/* @__PURE__ */ b("div", { children: [
-				/* @__PURE__ */ b(C, {
-					htmlFor: "workEmail",
-					children: [D.workEmail, D.requiredFieldMarker]
-				}),
-				/* @__PURE__ */ y(n, {
-					id: "workEmail",
-					type: "email",
-					value: T.workEmail.value,
-					onChange: (e) => T.workEmail.onValueChange(e.target.value),
-					onBlur: T.workEmail.onBlur,
-					...h("workEmail", T.workEmail.error),
-					disabled: O,
-					required: !0
-				}),
-				/* @__PURE__ */ y(m, {
-					fieldId: "workEmail",
-					error: T.workEmail.error
-				})
-			] }),
-			/* @__PURE__ */ b("fieldset", {
-				"data-testid": E?.ownsOver25Question,
-				children: [
-					/* @__PURE__ */ b("legend", {
-						id: "ownsOver25Legend",
-						className: "ttw:mb-2 ttw:text-sm ttw:font-medium",
-						children: [D.ownsOver25Question, D.requiredFieldMarker]
-					}),
-					/* @__PURE__ */ b(s, {
-						value: T.ownsOver25Percent.value,
-						onValueChange: T.ownsOver25Percent.onValueChange,
-						className: "ttw:flex ttw:gap-4",
-						disabled: O,
-						"aria-labelledby": "ownsOver25Legend",
-						"aria-describedby": h("ownsOver25", T.ownsOver25Percent.error)["aria-describedby"],
-						onBlur: g(T.ownsOver25Percent.onBlur),
-						children: [/* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
-							children: [/* @__PURE__ */ y(c, {
-								value: "yes",
-								id: "ownsOver25Yes",
-								"aria-invalid": T.ownsOver25Percent.error ? !0 : void 0,
-								className: "ttw:cursor-pointer"
-							}), /* @__PURE__ */ y(o, {
-								htmlFor: "ownsOver25Yes",
-								className: "ttw:cursor-pointer",
-								children: D.ownsOver25Yes
-							})]
-						}), /* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
-							children: [/* @__PURE__ */ y(c, {
-								value: "no",
-								id: "ownsOver25No",
-								"aria-invalid": T.ownsOver25Percent.error ? !0 : void 0,
-								className: "ttw:cursor-pointer"
-							}), /* @__PURE__ */ y(o, {
-								htmlFor: "ownsOver25No",
-								className: "ttw:cursor-pointer",
-								children: D.ownsOver25No
-							})]
-						})]
-					}),
-					/* @__PURE__ */ y(m, {
-						fieldId: "ownsOver25",
-						error: T.ownsOver25Percent.error
-					})
-				]
+			/* @__PURE__ */ a(i, {
+				rows: l,
+				testIds: g?.summary
 			}),
-			M ? /* @__PURE__ */ b("div", { children: [
-				/* @__PURE__ */ b(C, {
-					htmlFor: "ownershipPercentage",
-					children: [D.ownershipPercentage, D.requiredFieldMarker]
-				}),
-				/* @__PURE__ */ b(r, {
-					className: "ttw:w-32",
-					children: [/* @__PURE__ */ y(a, {
-						id: "ownershipPercentage",
-						type: "number",
-						min: 25,
-						max: 100,
-						"data-has-end-addon": "",
-						placeholder: D.ownershipPercentagePlaceholder,
-						value: T.ownershipPercentage.value ?? "",
-						onChange: (e) => T.ownershipPercentage.onValueChange(e.target.value === "" ? null : Number(e.target.value)),
-						onBlur: T.ownershipPercentage.onBlur,
-						...h("ownershipPercentage", T.ownershipPercentage.error),
-						disabled: O,
-						required: !0
-					}), /* @__PURE__ */ y(i, {
-						align: "inline-end",
-						"aria-hidden": !0,
-						children: "%"
-					})]
-				}),
-				/* @__PURE__ */ y(m, {
-					fieldId: "ownershipPercentage",
-					error: T.ownershipPercentage.error
-				})
-			] }) : null
+			/* @__PURE__ */ a("div", {
+				className: "ttw:mt-4 ttw:flex ttw:justify-start",
+				children: /* @__PURE__ */ a(e, {
+					type: "button",
+					variant: "secondary",
+					size: "sm",
+					onClick: c,
+					disabled: f,
+					"aria-label": _.editButtonAriaLabel,
+					"data-testid": g?.editButton,
+					children: _.editButton
+				})
+			})
 		]
 	});
 }
-export { T as AboutYouEditForm };
+export { n as BUSINESS_DETAILS_PANEL_LABELS_EN, s as BusinessDetailsPanel };