@tesouro/embedded-components-react 0.10.6 → 0.10.10

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

@@ -1,30 +1,272 @@
-import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Button as e, DateInput as t, Input as n, Label as r, Select as i, SelectContent as a, SelectItem as o, SelectTrigger as s, SelectValue as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { FieldError as l, fieldErrorAria as u, onCompositeBlur as d, selectBlurHandlers as f } from "./index3.js";
+import { useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { EyeIcon as g, EyeOffIcon as _ } from "lucide-react";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index25.js
-function i({ label: i, value: a, testId: o, valueMonospace: s }) {
-	return a ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
-		component: "span",
-		variant: "body2",
-		className: "ttw:text-muted-foreground",
-		children: i
-	}), /* @__PURE__ */ n(e, {
-		component: "span",
-		variant: "body2",
-		"data-testid": o,
-		className: `ttw:min-w-0 ttw:wrap-break-word ttw:whitespace-pre-line ttw:text-left ttw:font-medium ttw:text-foreground ${s ? "ttw:font-mono ttw:tracking-wider" : ""}`,
-		children: a
-	})] }) : null;
+function v({ htmlFor: e, children: t }) {
+	return /* @__PURE__ */ m(r, {
+		htmlFor: e,
+		className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
+		children: t
+	});
 }
-function a({ rows: e, testIds: t }) {
-	return /* @__PURE__ */ n("div", {
-		className: "ttw:grid ttw:grid-cols-[max-content_1fr] ttw:gap-x-4 ttw:gap-y-2",
-		"data-testid": t?.root,
-		children: e.map((e) => /* @__PURE__ */ n(i, {
-			label: e.label,
-			value: e.value,
-			testId: e.testId,
-			valueMonospace: e.valueMonospace
-		}, e.testId ?? e.label))
+var y = "ttw:w-full";
+function b({ fields: r, testIds: b, labels: x, isDisabled: S, ssnRevealed: C, ssnToggleAriaLabel: w, onToggleSsnVisibility: T, ssnMaskedDisplay: E, ssnFormattedDisplay: D, ssnRequired: O, ssnPlaceholder: k, ssnHelpText: A }) {
+	let [j, M] = p(!1), N = !C && !j, P = f(r.state.onBlur);
+	return /* @__PURE__ */ h("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		"data-testid": b?.root,
+		children: [
+			/* @__PURE__ */ m("p", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
+				children: x.requiredFieldsNote
+			}),
+			/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h(v, {
+					htmlFor: "firstName",
+					children: [x.firstName, x.requiredFieldMarker]
+				}),
+				/* @__PURE__ */ m(n, {
+					id: "firstName",
+					value: r.firstName.value,
+					onChange: (e) => r.firstName.onValueChange(e.target.value),
+					onBlur: r.firstName.onBlur,
+					...u("firstName", r.firstName.error),
+					disabled: S,
+					required: !0
+				}),
+				/* @__PURE__ */ m(l, {
+					fieldId: "firstName",
+					error: r.firstName.error
+				})
+			] }),
+			/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h(v, {
+					htmlFor: "lastName",
+					children: [x.lastName, x.requiredFieldMarker]
+				}),
+				/* @__PURE__ */ m(n, {
+					id: "lastName",
+					value: r.lastName.value,
+					onChange: (e) => r.lastName.onValueChange(e.target.value),
+					onBlur: r.lastName.onBlur,
+					...u("lastName", r.lastName.error),
+					disabled: S,
+					required: !0
+				}),
+				/* @__PURE__ */ m(l, {
+					fieldId: "lastName",
+					error: r.lastName.error
+				})
+			] }),
+			/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h(v, {
+					htmlFor: "dateOfBirth",
+					children: [x.dateOfBirth, x.requiredFieldMarker]
+				}),
+				/* @__PURE__ */ m(t, {
+					id: "dateOfBirth",
+					value: r.dateOfBirth.value,
+					onChange: r.dateOfBirth.onValueChange,
+					placeholder: x.dateOfBirthPlaceholder,
+					disabled: S,
+					onBlur: r.dateOfBirth.onBlur,
+					required: !0,
+					...u("dateOfBirth", r.dateOfBirth.error, r.dateOfBirth.error ? void 0 : "dateOfBirth-hint")
+				}),
+				r.dateOfBirth.error ? null : /* @__PURE__ */ m("p", {
+					id: "dateOfBirth-hint",
+					className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
+					children: x.dateOfBirthHint
+				}),
+				/* @__PURE__ */ m(l, {
+					fieldId: "dateOfBirth",
+					error: r.dateOfBirth.error
+				})
+			] }),
+			/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h(v, {
+					htmlFor: "ssn",
+					children: [x.ssn, O ? x.requiredFieldMarker : null]
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:gap-2",
+					onBlur: d(r.ssn.onBlur),
+					children: [/* @__PURE__ */ m(n, {
+						id: "ssn",
+						className: "ttw:flex-1 ttw:font-mono ttw:tracking-wider",
+						type: "text",
+						value: N ? E : D,
+						onChange: (e) => r.ssn.onValueChange(e.target.value),
+						onFocus: () => M(!0),
+						onBlur: () => M(!1),
+						disabled: S,
+						autoComplete: "off",
+						inputMode: "numeric",
+						maxLength: 11,
+						required: O,
+						placeholder: k,
+						...u("ssn", r.ssn.error, A ? "ssn-on-file" : void 0)
+					}), /* @__PURE__ */ m(e, {
+						type: "button",
+						variant: "outline",
+						size: "icon",
+						onClick: T,
+						disabled: S,
+						"aria-label": w,
+						children: m(C ? _ : g, { className: "ttw:size-4" })
+					})]
+				}),
+				A ? /* @__PURE__ */ m("p", {
+					id: "ssn-on-file",
+					className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
+					children: A
+				}) : null,
+				/* @__PURE__ */ m(l, {
+					fieldId: "ssn",
+					error: r.ssn.error
+				})
+			] }),
+			/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h(v, {
+					htmlFor: "homeAddress",
+					children: [x.homeAddress, x.requiredFieldMarker]
+				}),
+				/* @__PURE__ */ m(n, {
+					id: "homeAddress",
+					value: r.homeAddress.value,
+					onChange: (e) => r.homeAddress.onValueChange(e.target.value),
+					onBlur: r.homeAddress.onBlur,
+					...u("homeAddress", r.homeAddress.error),
+					disabled: S,
+					required: !0
+				}),
+				/* @__PURE__ */ m(l, {
+					fieldId: "homeAddress",
+					error: r.homeAddress.error
+				})
+			] }),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "ttw:min-w-0",
+						children: [
+							/* @__PURE__ */ h(v, {
+								htmlFor: "city",
+								children: [x.city, x.requiredFieldMarker]
+							}),
+							/* @__PURE__ */ m(n, {
+								id: "city",
+								value: r.city.value,
+								onChange: (e) => r.city.onValueChange(e.target.value),
+								onBlur: r.city.onBlur,
+								...u("city", r.city.error),
+								disabled: S,
+								required: !0
+							}),
+							/* @__PURE__ */ m(l, {
+								fieldId: "city",
+								error: r.city.error
+							})
+						]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "ttw:min-w-0",
+						children: [
+							/* @__PURE__ */ h(v, {
+								htmlFor: "state",
+								children: [x.state, x.requiredFieldMarker]
+							}),
+							/* @__PURE__ */ h(i, {
+								value: r.state.value,
+								onValueChange: r.state.onValueChange,
+								onOpenChange: P.onOpenChange,
+								disabled: S,
+								children: [/* @__PURE__ */ m(s, {
+									id: "state",
+									className: y,
+									onBlur: P.onTriggerBlur,
+									...u("state", r.state.error),
+									children: /* @__PURE__ */ m(c, { placeholder: x.statePlaceholder })
+								}), /* @__PURE__ */ m(a, { children: r.state.options.map((e) => /* @__PURE__ */ m(o, {
+									value: e.value,
+									children: e.label
+								}, e.value)) })]
+							}),
+							/* @__PURE__ */ m(l, {
+								fieldId: "state",
+								error: r.state.error
+							})
+						]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "ttw:min-w-0",
+						children: [
+							/* @__PURE__ */ h(v, {
+								htmlFor: "zipCode",
+								children: [x.zipCode, x.requiredFieldMarker]
+							}),
+							/* @__PURE__ */ m(n, {
+								id: "zipCode",
+								value: r.zipCode.value,
+								onChange: (e) => r.zipCode.onValueChange(e.target.value),
+								onBlur: r.zipCode.onBlur,
+								...u("zipCode", r.zipCode.error),
+								disabled: S,
+								required: !0,
+								inputMode: "numeric"
+							}),
+							/* @__PURE__ */ m(l, {
+								fieldId: "zipCode",
+								error: r.zipCode.error
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h(v, {
+					htmlFor: "mobilePhoneNumber",
+					children: [x.mobilePhoneNumber, x.requiredFieldMarker]
+				}),
+				/* @__PURE__ */ m(n, {
+					id: "mobilePhoneNumber",
+					type: "tel",
+					value: r.mobilePhoneNumber.value,
+					onChange: (e) => r.mobilePhoneNumber.onValueChange(e.target.value),
+					onBlur: r.mobilePhoneNumber.onBlur,
+					...u("mobilePhoneNumber", r.mobilePhoneNumber.error),
+					disabled: S,
+					required: !0
+				}),
+				/* @__PURE__ */ m(l, {
+					fieldId: "mobilePhoneNumber",
+					error: r.mobilePhoneNumber.error
+				})
+			] }),
+			/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h(v, {
+					htmlFor: "workEmail",
+					children: [x.workEmail, x.requiredFieldMarker]
+				}),
+				/* @__PURE__ */ m(n, {
+					id: "workEmail",
+					type: "email",
+					value: r.workEmail.value,
+					onChange: (e) => r.workEmail.onValueChange(e.target.value),
+					onBlur: r.workEmail.onBlur,
+					...u("workEmail", r.workEmail.error),
+					disabled: S,
+					required: !0
+				}),
+				/* @__PURE__ */ m(l, {
+					fieldId: "workEmail",
+					error: r.workEmail.error
+				})
+			] })
+		]
 	});
 }
-export { a as AboutYouSummary };
+export { b as AboutYouEditForm };

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

@@ -1,30 +1,30 @@
+import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index26.js
-var e = {
-	panelTitle: "Personal details",
-	editButtonAriaLabel: "Edit personal details",
-	editButton: "Edit personal details",
-	requiredFieldsNote: "Required fields are marked with an asterisk *",
-	requiredFieldMarker: " *",
-	firstName: "First name",
-	lastName: "Last name",
-	dateOfBirth: "Date of birth",
-	dateOfBirthPlaceholder: "MM/DD/YYYY",
-	dateOfBirthHint: "For example, 04/23/1985",
-	ssn: "SSN",
-	ssnShow: "Show",
-	ssnHide: "Hide",
-	homeAddress: "Home address",
-	city: "City",
-	state: "State",
-	statePlaceholder: "Select state",
-	zipCode: "Postal code",
-	mobilePhoneNumber: "Phone",
-	workEmail: "Work email",
-	ownsOver25Question: "Do you own 25% or more of the business?",
-	ownsOver25SummaryLabel: "Owns 25% or more of the business",
-	ownsOver25Yes: "Yes",
-	ownsOver25No: "No",
-	ownershipPercentage: "Ownership share (minimum 25%)",
-	ownershipPercentagePlaceholder: "e.g., 25"
-};
-export { e as ABOUT_YOU_PANEL_LABELS_EN };
+function i({ label: i, value: a, testId: o, valueMonospace: s }) {
+	return a ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
+		component: "span",
+		variant: "body2",
+		className: "ttw:text-muted-foreground",
+		children: i
+	}), /* @__PURE__ */ n(e, {
+		component: "span",
+		variant: "body2",
+		"data-testid": o,
+		className: `ttw:min-w-0 ttw:wrap-break-word ttw:whitespace-pre-line ttw:text-left ttw:font-medium ttw:text-foreground ${s ? "ttw:font-mono ttw:tracking-wider" : ""}`,
+		children: a
+	})] }) : null;
+}
+function a({ rows: e, testIds: t }) {
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:grid ttw:grid-cols-[max-content_1fr] ttw:gap-x-4 ttw:gap-y-2",
+		"data-testid": t?.root,
+		children: e.map((e) => /* @__PURE__ */ n(i, {
+			label: e.label,
+			value: e.value,
+			testId: e.testId,
+			valueMonospace: e.valueMonospace
+		}, e.testId ?? e.label))
+	});
+}
+export { a as AboutYouSummary };

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

@@ -1,60 +1,30 @@
-import { Button as e, Typography as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ABOUT_YOU_PANEL_LABELS_EN as n } from "./index26.js";
-import { AboutYouEditForm as r } from "./index24.js";
-import { AboutYouSummary as i } from "./index25.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index27.js
-function s({ isEditing: s, onEditClick: c, summaryRows: l, editFields: u, labels: d, isDisabled: f, ssnRevealed: p, ssnToggleAriaLabel: m, onToggleSsnVisibility: h, showOwnershipPercentage: g, ssnMaskedDisplay: _, ssnFormattedDisplay: v, ssnRequired: y, ssnPlaceholder: b, ssnHelpText: x, testIds: S }) {
-	let C = {
-		...n,
-		...d
-	};
-	return s ? /* @__PURE__ */ a(r, {
-		fields: u,
-		labels: C,
-		isDisabled: f,
-		ssnRevealed: p,
-		ssnToggleAriaLabel: m,
-		onToggleSsnVisibility: h,
-		showOwnershipPercentage: g,
-		ssnMaskedDisplay: _,
-		ssnFormattedDisplay: v,
-		ssnRequired: y,
-		ssnPlaceholder: b,
-		ssnHelpText: x,
-		testIds: S?.editForm
-	}) : /* @__PURE__ */ o("section", {
-		"data-testid": S?.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: C.panelTitle
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "ttw:mb-3 ttw:border-b ttw:border-border",
-				"aria-hidden": !0
-			}),
-			/* @__PURE__ */ a(i, {
-				rows: l,
-				testIds: S?.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": C.editButtonAriaLabel,
-					"data-testid": S?.editButton,
-					children: C.editButton
-				})
-			})
-		]
-	});
-}
-export { n as ABOUT_YOU_PANEL_LABELS_EN, s as AboutYouPanel };
+var e = {
+	panelTitle: "Personal details",
+	editButtonAriaLabel: "Edit personal details",
+	editButton: "Edit personal details",
+	requiredFieldsNote: "Required fields are marked with an asterisk *",
+	requiredFieldMarker: " *",
+	firstName: "First name",
+	lastName: "Last name",
+	dateOfBirth: "Date of birth",
+	dateOfBirthPlaceholder: "MM/DD/YYYY",
+	dateOfBirthHint: "For example, 04/23/1985",
+	ssn: "SSN",
+	ssnShow: "Show",
+	ssnHide: "Hide",
+	homeAddress: "Home address",
+	city: "City",
+	state: "State",
+	statePlaceholder: "Select state",
+	zipCode: "Postal code",
+	mobilePhoneNumber: "Phone",
+	workEmail: "Work email",
+	ownsOver25Question: "Do you own 25% or more of the business?",
+	ownsOver25SummaryLabel: "Owns 25% or more of the business",
+	ownsOver25Yes: "Yes",
+	ownsOver25No: "No",
+	ownershipPercentage: "Ownership share (minimum 25%)",
+	ownershipPercentagePlaceholder: "e.g., 25"
+};
+export { e as ABOUT_YOU_PANEL_LABELS_EN };

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

@@ -1,124 +1,59 @@
-import { Checkbox as e, Typography as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BUSINESS_DETAILS_LABELS_EN as n, interpolateBankName as r } from "./index11.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as e, Typography as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ABOUT_YOU_PANEL_LABELS_EN as n } from "./index27.js";
+import { AboutYouEditForm as r } from "./index25.js";
+import { AboutYouSummary as i } from "./index26.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index28.js
-var o = "ttw:cursor-pointer ttw:text-foreground ttw:underline ttw:underline-offset-2 ttw:hover:text-primary";
-function s({ href: e, children: t }) {
-	return e ? /* @__PURE__ */ i("a", {
-		href: e,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: o,
-		children: t
-	}) : /* @__PURE__ */ i("span", {
-		className: o,
-		children: t
-	});
-}
-function c({ value: o, onChange: c, isSubmitting: l, showErrors: u = !1, labels: d, bankName: f, termsHref: p, privacyHref: m, electronicCommunicationHref: h, patriotActHref: g, testIds: _ }) {
-	let v = {
+function s({ isEditing: s, onEditClick: c, summaryRows: l, editFields: u, labels: d, isDisabled: f, ssnRevealed: p, ssnToggleAriaLabel: m, onToggleSsnVisibility: h, ssnMaskedDisplay: g, ssnFormattedDisplay: _, ssnRequired: v, ssnPlaceholder: y, ssnHelpText: b, testIds: x }) {
+	let S = {
 		...n,
-		...d,
-		companyStructureOptions: {
-			...n.companyStructureOptions,
-			...d?.companyStructureOptions ?? {}
-		}
-	}, y = (e, t) => c({
-		...o,
-		[e]: t
-	}), b = u && o.isAuthorized !== !0, x = u && !o.isCheckboxChecked;
-	return /* @__PURE__ */ a("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-6",
-		children: [/* @__PURE__ */ a("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:border-b ttw:border-border ttw:pb-6",
-			children: [/* @__PURE__ */ i(t, {
+		...d
+	};
+	return s ? /* @__PURE__ */ a(r, {
+		fields: u,
+		labels: S,
+		isDisabled: f,
+		ssnRevealed: p,
+		ssnToggleAriaLabel: m,
+		onToggleSsnVisibility: h,
+		ssnMaskedDisplay: g,
+		ssnFormattedDisplay: _,
+		ssnRequired: v,
+		ssnPlaceholder: y,
+		ssnHelpText: b,
+		testIds: x?.editForm
+	}) : /* @__PURE__ */ o("section", {
+		"data-testid": x?.root,
+		className: "ttw:relative ttw:min-w-0",
+		children: [
+			/* @__PURE__ */ a(t, {
 				component: "h3",
 				variant: "h6",
-				className: "ttw:font-semibold ttw:text-foreground",
-				children: v.disclosuresHeading
-			}), /* @__PURE__ */ i(t, {
-				variant: "body2",
-				className: "ttw:text-muted-foreground",
-				children: v.disclosuresSubheading
-			})]
-		}), /* @__PURE__ */ a("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-4",
-			children: [/* @__PURE__ */ a("div", {
-				className: "ttw:flex ttw:items-start ttw:gap-2",
-				children: [/* @__PURE__ */ i(e, {
-					id: "isAuthorized",
-					"data-testid": _?.authorizationCheckbox,
-					checked: o.isAuthorized === !0,
-					onCheckedChange: (e) => y("isAuthorized", e === !0 || null),
-					disabled: l,
-					className: "ttw:mt-0.5",
-					"aria-labelledby": "bank-account-onboarding-authorization-text",
-					"aria-invalid": b || void 0,
-					"aria-describedby": b ? "bank-account-onboarding-authorization-error" : void 0
-				}), /* @__PURE__ */ a("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ i("p", {
-						id: "bank-account-onboarding-authorization-text",
-						className: "ttw:text-sm ttw:font-normal ttw:leading-relaxed ttw:text-foreground",
-						children: v.isAuthorizedQuestion
-					}), b ? /* @__PURE__ */ i("p", {
-						id: "bank-account-onboarding-authorization-error",
-						className: "ttw:text-sm ttw:text-destructive",
-						children: v.consentRequiredError
-					}) : null]
-				})]
-			}), /* @__PURE__ */ a("div", {
-				className: "ttw:flex ttw:items-start ttw:gap-2",
-				children: [/* @__PURE__ */ i(e, {
-					id: "isCheckboxChecked",
-					"data-testid": _?.disclosureCheckbox,
-					checked: o.isCheckboxChecked,
-					onCheckedChange: (e) => y("isCheckboxChecked", e === !0),
-					disabled: l,
-					className: "ttw:mt-0.5",
-					"aria-labelledby": "bank-account-onboarding-disclosure-text",
-					"aria-invalid": x || void 0,
-					"aria-describedby": x ? "bank-account-onboarding-disclosure-error" : void 0
-				}), /* @__PURE__ */ a("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ a("p", {
-						id: "bank-account-onboarding-disclosure-text",
-						className: "ttw:max-w-3xl ttw:text-sm ttw:font-normal ttw:leading-relaxed ttw:text-foreground",
-						children: [
-							/* @__PURE__ */ i("span", {
-								className: "ttw:font-semibold",
-								children: v.disclosureAgreementLead
-							}),
-							" ",
-							r(v.acceptDisclosuresPrefix, f),
-							/* @__PURE__ */ i(s, {
-								href: p,
-								children: v.termsOfUse
-							}),
-							v.acceptDisclosuresTermsPrivacyJoin,
-							/* @__PURE__ */ i(s, {
-								href: m,
-								children: v.privacyPolicy
-							}),
-							r(v.acceptDisclosuresAfterPrivacy, f),
-							/* @__PURE__ */ i(s, {
-								href: h,
-								children: v.electronicCommunication
-							}),
-							r(v.acceptDisclosuresAfterElectronic, f),
-							/* @__PURE__ */ i(s, {
-								href: g,
-								children: v.patriotAct
-							})
-						]
-					}), x ? /* @__PURE__ */ i("p", {
-						id: "bank-account-onboarding-disclosure-error",
-						className: "ttw:text-sm ttw:text-destructive",
-						children: v.consentRequiredError
-					}) : null]
-				})]
-			})]
-		})]
+				className: "ttw:mb-3 ttw:font-semibold ttw:text-foreground",
+				children: S.panelTitle
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "ttw:mb-3 ttw:border-b ttw:border-border",
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ a(i, {
+				rows: l,
+				testIds: x?.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": S.editButtonAriaLabel,
+					"data-testid": x?.editButton,
+					children: S.editButton
+				})
+			})
+		]
 	});
 }
-export { c as BusinessDisclosuresSection };
+export { n as ABOUT_YOU_PANEL_LABELS_EN, s as AboutYouPanel };