@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,50 +1,254 @@
-const r = {
-  heading: "Owners",
-  subheading: "List everyone who owns 25% or more of the business.",
-  primaryOwnerShareLabel: "Ownership share",
-  // A business can legitimately have none, so this states what is on file
-  // rather than implying the user still owes us something.
-  emptyOwnersText: "No beneficial owners",
-  addOwner: "Add owner",
-  edit: "Edit",
-  remove: "Remove",
-  cancel: "Cancel",
-  save: "Save owner",
-  close: "Close",
-  addOwnerSubmit: "Add owner",
-  saveOwnerSubmit: "Save owner",
-  ownerNameColumn: "Name",
-  ownerShareColumn: "Share",
-  ownerActionsColumn: "Actions",
-  formHeadingAdd: "Add additional owner",
-  formHeadingEdit: "Edit additional owner",
-  firstName: "First name",
-  lastName: "Last name",
-  dateOfBirth: "Date of birth",
-  dateOfBirthPlaceholder: "Pick a date",
-  dateOfBirthMinAgeError: "Owner must be at least 18 years old",
-  ssn: "SSN",
-  ssnInvalid: "SSN must be 9 digits",
-  ssnShow: "Show SSN",
-  ssnHide: "Hide SSN",
-  homeAddress: "Home address",
-  city: "City",
-  state: "State",
-  statePlaceholder: "Select state",
-  zipCode: "ZIP code",
-  mobilePhoneNumber: "Mobile phone number",
-  mobilePhoneNumberInvalid: "Phone must be 10 digits",
-  ownershipPercentage: "What percentage of business do you own? (minimum 25%)",
-  ownershipPercentagePlaceholder: "e.g., 25",
-  ownershipPercentageMinError: "Owners must have 25% or more",
-  requiredFieldMarker: " *",
-  percentSuffix: "%",
-  deleteOwnerHeading: "Delete owner profile?",
-  deleteOwnerPromptBeforeName: "Are you sure you want to delete profile",
-  deleteOwnerPromptAfterName: "as a business owner?",
-  deleteOwnerConfirm: "Delete",
-  totalOwnershipExceedsTemplate: (e) => `Total ownership exceeds 100%. Current total: ${e}%`
-};
-export {
-  r as ADDITIONAL_OWNERS_LABELS_EN
-};
+import { Button as e, DatePicker as t, Input as n, InputGroup as r, InputGroupAddon as i, InputGroupInput as a, Label as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Separator as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { OnboardingShellOverlayPortal as p } from "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import "../../../shared/ui/dist/index.js";
+import * as m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { EyeIcon as _, EyeOffIcon as v, PlusIcon as y, UserPlusIcon as b, XIcon as x } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index3.js
+function S({ htmlFor: e, children: t }) {
+	return /* @__PURE__ */ h(o, {
+		htmlFor: e,
+		className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
+		children: t
+	});
+}
+var C = "ttw:w-full";
+function w({ fields: o, display: w, isExisting: T, isValid: E, isDisabled: D, labels: O, onCancel: k, onSubmit: A, onClose: j, ssnRevealed: M, ssnToggleAriaLabel: N, onToggleSsnVisibility: P }) {
+	let [F, I] = m.useState(!1), L = !M && !F, R = T ? O.saveOwnerSubmit : O.addOwnerSubmit;
+	return /* @__PURE__ */ h(p, {
+		expandContainer: !0,
+		children: /* @__PURE__ */ g("div", {
+			className: "ttw:flex ttw:h-full ttw:w-full ttw:min-h-0 ttw:flex-col ttw:px-8 ttw:pb-8 ttw:pt-8",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "additional-owner-form-title",
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: "ttw:relative ttw:shrink-0",
+					children: [
+						/* @__PURE__ */ h(e, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-sm",
+							onClick: j,
+							disabled: D,
+							"aria-label": O.close,
+							className: "ttw:absolute ttw:top-0 ttw:right-0",
+							children: /* @__PURE__ */ h(x, { className: "ttw:size-4" })
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "ttw:mb-3 ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-primary/10",
+							"aria-hidden": !0,
+							children: /* @__PURE__ */ h(b, { className: "ttw:size-5 ttw:text-primary" })
+						}),
+						/* @__PURE__ */ h("h2", {
+							id: "additional-owner-form-title",
+							className: "ttw:pr-10 ttw:text-xl ttw:font-semibold ttw:tracking-tight",
+							children: T ? O.formHeadingEdit : O.formHeadingAdd
+						})
+					]
+				}),
+				/* @__PURE__ */ h(f, { className: "ttw:my-4 ttw:shrink-0" }),
+				/* @__PURE__ */ g("div", {
+					className: "ttw:flex ttw:min-h-0 ttw:flex-1 ttw:flex-col ttw:gap-3 ttw:overflow-y-auto ttw:pb-4",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "ttw:grid ttw:grid-cols-2 ttw:gap-3",
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g(S, {
+								htmlFor: "owner-first-name",
+								children: [O.firstName, O.requiredFieldMarker]
+							}), /* @__PURE__ */ h(n, {
+								id: "owner-first-name",
+								value: o.firstName.value,
+								onChange: (e) => o.firstName.onValueChange(e.target.value),
+								disabled: D,
+								required: !0
+							})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g(S, {
+								htmlFor: "owner-last-name",
+								children: [O.lastName, O.requiredFieldMarker]
+							}), /* @__PURE__ */ h(n, {
+								id: "owner-last-name",
+								value: o.lastName.value,
+								onChange: (e) => o.lastName.onValueChange(e.target.value),
+								disabled: D,
+								required: !0
+							})] })]
+						}),
+						/* @__PURE__ */ g("div", { children: [
+							/* @__PURE__ */ g(S, {
+								htmlFor: "owner-dob",
+								children: [O.dateOfBirth, O.requiredFieldMarker]
+							}),
+							/* @__PURE__ */ h(t, {
+								id: "owner-dob",
+								value: o.dateOfBirth.value,
+								onChange: o.dateOfBirth.onValueChange,
+								placeholder: O.dateOfBirthPlaceholder,
+								disabled: D,
+								maxDate: w.maxBirthDate,
+								"aria-invalid": w.dateOfBirthInvalid || void 0
+							}),
+							w.dateOfBirthInvalid ? /* @__PURE__ */ h("p", {
+								className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
+								role: "alert",
+								children: O.dateOfBirthMinAgeError
+							}) : null
+						] }),
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g(S, {
+							htmlFor: "owner-ssn",
+							children: [O.ssn, O.requiredFieldMarker]
+						}), /* @__PURE__ */ g("div", {
+							className: "ttw:flex ttw:gap-2",
+							children: [/* @__PURE__ */ h(n, {
+								id: "owner-ssn",
+								className: "ttw:flex-1 ttw:font-mono ttw:tracking-wider",
+								type: "text",
+								value: L ? w.ssnMaskedDisplay : w.ssnFormattedDisplay,
+								onChange: (e) => o.ssn.onValueChange(e.target.value),
+								onFocus: () => I(!0),
+								onBlur: () => I(!1),
+								disabled: D,
+								autoComplete: "off",
+								inputMode: "numeric",
+								maxLength: 11,
+								required: !0
+							}), /* @__PURE__ */ h(e, {
+								type: "button",
+								variant: "outline",
+								size: "icon",
+								onClick: P,
+								disabled: D,
+								"aria-label": N,
+								children: h(M ? v : _, { className: "ttw:size-4" })
+							})]
+						})] }),
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g(S, {
+							htmlFor: "owner-home-address",
+							children: [O.homeAddress, O.requiredFieldMarker]
+						}), /* @__PURE__ */ h(n, {
+							id: "owner-home-address",
+							value: o.homeAddress.value,
+							onChange: (e) => o.homeAddress.onValueChange(e.target.value),
+							disabled: D,
+							required: !0
+						})] }),
+						/* @__PURE__ */ g("div", {
+							className: "ttw:grid ttw:grid-cols-3 ttw:gap-3",
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "ttw:min-w-0",
+									children: [/* @__PURE__ */ g(S, {
+										htmlFor: "owner-city",
+										children: [O.city, O.requiredFieldMarker]
+									}), /* @__PURE__ */ h(n, {
+										id: "owner-city",
+										value: o.city.value,
+										onChange: (e) => o.city.onValueChange(e.target.value),
+										disabled: D,
+										required: !0
+									})]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "ttw:min-w-0",
+									children: [/* @__PURE__ */ g(S, {
+										htmlFor: "owner-state",
+										children: [O.state, O.requiredFieldMarker]
+									}), /* @__PURE__ */ g(s, {
+										value: o.state.value,
+										onValueChange: o.state.onValueChange,
+										disabled: D,
+										children: [/* @__PURE__ */ h(u, {
+											id: "owner-state",
+											className: C,
+											children: /* @__PURE__ */ h(d, { placeholder: O.statePlaceholder })
+										}), /* @__PURE__ */ h(c, { children: o.state.options.map((e) => /* @__PURE__ */ h(l, {
+											value: e.value,
+											children: e.label
+										}, e.value)) })]
+									})]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "ttw:min-w-0",
+									children: [/* @__PURE__ */ g(S, {
+										htmlFor: "owner-zip",
+										children: [O.zipCode, O.requiredFieldMarker]
+									}), /* @__PURE__ */ h(n, {
+										id: "owner-zip",
+										value: o.zipCode.value,
+										onChange: (e) => o.zipCode.onValueChange(e.target.value),
+										disabled: D,
+										required: !0,
+										inputMode: "numeric"
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g(S, {
+							htmlFor: "owner-phone",
+							children: [O.mobilePhoneNumber, O.requiredFieldMarker]
+						}), /* @__PURE__ */ h(n, {
+							id: "owner-phone",
+							type: "tel",
+							value: o.mobilePhoneNumber.value,
+							onChange: (e) => o.mobilePhoneNumber.onValueChange(e.target.value),
+							disabled: D,
+							required: !0
+						})] }),
+						/* @__PURE__ */ g("div", { children: [
+							/* @__PURE__ */ g(S, {
+								htmlFor: "owner-ownership",
+								children: [O.ownershipPercentage, O.requiredFieldMarker]
+							}),
+							/* @__PURE__ */ g(r, {
+								className: "ttw:w-32",
+								children: [/* @__PURE__ */ h(a, {
+									id: "owner-ownership",
+									type: "number",
+									min: 25,
+									max: 100,
+									"data-has-end-addon": "",
+									placeholder: O.ownershipPercentagePlaceholder,
+									value: o.ownershipPercentage.value ?? "",
+									onChange: (e) => o.ownershipPercentage.onValueChange(e.target.value === "" ? null : Number(e.target.value)),
+									disabled: D,
+									required: !0,
+									"aria-invalid": w.ownershipPercentageInvalid || void 0,
+									"aria-describedby": w.ownershipPercentageInvalid ? "owner-ownership-error" : void 0
+								}), /* @__PURE__ */ h(i, {
+									align: "inline-end",
+									"aria-hidden": !0,
+									children: O.percentSuffix
+								})]
+							}),
+							w.ownershipPercentageInvalid ? /* @__PURE__ */ h("p", {
+								id: "owner-ownership-error",
+								className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
+								role: "alert",
+								children: O.ownershipPercentageMinError
+							}) : null
+						] })
+					]
+				}),
+				/* @__PURE__ */ h(f, { className: "ttw:my-4 ttw:shrink-0" }),
+				/* @__PURE__ */ g("div", {
+					className: "ttw:flex ttw:shrink-0 ttw:justify-end ttw:gap-3",
+					children: [/* @__PURE__ */ h(e, {
+						type: "button",
+						variant: "outline",
+						onClick: k,
+						disabled: D,
+						children: O.cancel
+					}), /* @__PURE__ */ g(e, {
+						type: "button",
+						onClick: A,
+						disabled: D || !E,
+						className: "ttw:gap-1.5",
+						children: [R, /* @__PURE__ */ h(y, { className: "ttw:size-4" })]
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { w as AdditionalOwnerFormOverlay };

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

@@ -1,52 +1,48 @@
-function o(e, a) {
-  return e.replaceAll("{bankName}", a);
-}
-const t = {
-  heading: "Tell us about your business",
-  subheading: "Provide your business details to get started.",
-  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",
-  companyPhoneNumberInvalid: "Phone must be 10 digits",
-  companyStructure: "Company structure",
-  companyStructurePlaceholder: "Select structure",
-  website: "Website (optional)",
-  websiteInvalid: "Enter a valid website URL (no spaces).",
-  taxId: "Tax ID (EIN)",
-  taxIdInvalid: "Tax ID must be 9 digits",
-  naicsCode: "Industry (NAICS code)",
-  naicsCodePlaceholder: "Search by code or industry",
-  isAuthorizedQuestion: "I am legally authorized to view and manage financial accounts for my company.",
-  isAuthorizedYes: "Yes",
-  isAuthorizedNo: "No",
-  acceptDisclosuresPrefix: "I agree to {bankName}'s ",
-  termsOfUse: "Terms of Use",
-  privacyPolicy: "Privacy Policy",
-  acceptDisclosuresTermsPrivacyJoin: " and ",
-  acceptDisclosuresAfterPrivacy: ", and to receive electronic communication about my accounts and services per {bankName}'s ",
-  electronicCommunication: "Electronic Communications Agreement",
-  acceptDisclosuresAfterElectronic: ", and acknowledge receipt of {bankName}'s ",
-  patriotAct: "USA PATRIOT Act disclosure.",
-  companyStructureOptions: {
-    CORPORATION_PUBLIC: "Public corporation",
-    CORPORATION_PRIVATE: "Private corporation",
-    CORPORATION_NOT_FOR_PROFIT: "Not-for-profit corporation",
-    LLC: "Limited liability company (LLC)",
-    LLP: "Limited liability partnership (LLP)",
-    PARTNERSHIP: "Partnership",
-    SOLE_PROPRIETORSHIP: "Sole proprietorship",
-    GOVERNMENT: "Government",
-    COOPERATIVE: "Cooperative",
-    ASSOCIATION: "Association",
-    OTHER: "Other"
-  }
-};
-export {
-  t as BUSINESS_DETAILS_LABELS_EN,
-  o as interpolateBankName
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index4.js
+var e = {
+	heading: "Owners",
+	subheading: "List everyone who owns 25% or more of the business.",
+	primaryOwnerShareLabel: "Ownership share",
+	emptyOwnersText: "No beneficial owners",
+	addOwner: "Add owner",
+	edit: "Edit",
+	remove: "Remove",
+	cancel: "Cancel",
+	save: "Save owner",
+	close: "Close",
+	addOwnerSubmit: "Add owner",
+	saveOwnerSubmit: "Save owner",
+	ownerNameColumn: "Name",
+	ownerShareColumn: "Share",
+	ownerActionsColumn: "Actions",
+	formHeadingAdd: "Add additional owner",
+	formHeadingEdit: "Edit additional owner",
+	firstName: "First name",
+	lastName: "Last name",
+	dateOfBirth: "Date of birth",
+	dateOfBirthPlaceholder: "Pick a date",
+	dateOfBirthMinAgeError: "Owner must be at least 18 years old",
+	ssn: "SSN",
+	ssnInvalid: "SSN must be 9 digits",
+	ssnShow: "Show SSN",
+	ssnHide: "Hide SSN",
+	homeAddress: "Home address",
+	city: "City",
+	state: "State",
+	statePlaceholder: "Select state",
+	zipCode: "ZIP code",
+	mobilePhoneNumber: "Mobile phone number",
+	mobilePhoneNumberInvalid: "Phone must be 10 digits",
+	ownershipPercentage: "What percentage of business do you own? (minimum 25%)",
+	ownershipPercentagePlaceholder: "e.g., 25",
+	ownershipPercentageMinError: "Owners must have 25% or more",
+	requiredFieldMarker: " *",
+	percentSuffix: "%",
+	deleteOwnerHeading: "Delete owner profile?",
+	deleteOwnerPromptBeforeName: "Are you sure you want to delete profile",
+	deleteOwnerPromptAfterName: "as a business owner?",
+	deleteOwnerConfirm: "Delete",
+	totalOwnershipExceedsTemplate: (e) => `Total ownership exceeds 100%. Current total: ${e}%`
 };
+//#endregion
+export { e as ADDITIONAL_OWNERS_LABELS_EN };

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

@@ -1,32 +1,136 @@
-const e = {
-  heading: "Tell us about yourself",
-  subheading: "We need this information to verify your identity.",
-  firstName: "First name",
-  lastName: "Last name",
-  dateOfBirth: "Date of birth",
-  dateOfBirthPlaceholder: "Pick a date",
-  dateOfBirthMinAgeError: "Must be at least 18 years old",
-  ssn: "SSN",
-  ssnInvalid: "SSN must be 9 digits",
-  ssnShow: "Show",
-  ssnHide: "Hide",
-  homeAddress: "Home address",
-  city: "City",
-  state: "State",
-  statePlaceholder: "Select state",
-  zipCode: "ZIP code",
-  mobilePhoneNumber: "Mobile phone number",
-  mobilePhoneNumberInvalid: "Phone must be 10 digits",
-  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",
-  ownershipPercentageRangeError: "Ownership share must be between 25 and 100 when you own 25% or more",
-  percentSuffix: "%"
-};
-export {
-  e as PERSONAL_DETAILS_LABELS_EN
-};
+import { Alert as e, AlertDescription as t, Button as n, Table as r, TableBody as i, TableCell as a, TableHead as o, TableHeader as s, TableRow as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as l } from "./index4.js";
+import { AdditionalOwnerDeleteOverlay as u } from "./index2.js";
+import { AdditionalOwnerFormOverlay as d } from "./index3.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { PencilIcon as m, PlusIcon as h, Trash2Icon as g } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index5.js
+function _({ ownerRows: _, primaryOwnerName: v, primaryOwnerShareDisplay: y, showPrimaryOwner: b = !0, totalOwnershipError: x, addOwnerDisabled: S, onAddOwner: C, onEditOwner: w, onDeleteOwnerRequest: T, deletingOwnerName: E, onDeleteOwnerConfirm: D, onDeleteOwnerCancel: O, editingOverlay: k, isSubmitting: A, labels: j }) {
+	let M = {
+		...l,
+		...j
+	}, N = k !== null || E !== null;
+	return /* @__PURE__ */ p("div", {
+		className: "ttw:relative ttw:flex ttw:flex-col ttw:gap-6",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [/* @__PURE__ */ f("div", {
+					className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border",
+					children: /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f(s, { children: /* @__PURE__ */ p(c, {
+						className: "ttw:border-border ttw:bg-muted ttw:hover:bg-muted",
+						children: [
+							/* @__PURE__ */ f(o, {
+								className: "ttw:px-4 ttw:py-3",
+								children: M.ownerNameColumn
+							}),
+							/* @__PURE__ */ f(o, {
+								className: "ttw:px-4 ttw:py-3",
+								children: M.ownerShareColumn
+							}),
+							/* @__PURE__ */ f(o, {
+								className: "ttw:px-4 ttw:py-3 ttw:text-right",
+								children: M.ownerActionsColumn
+							})
+						]
+					}) }), /* @__PURE__ */ p(i, { children: [
+						b ? /* @__PURE__ */ p(c, {
+							className: "ttw:hover:bg-transparent",
+							children: [
+								/* @__PURE__ */ f(a, {
+									className: "ttw:px-4",
+									children: v
+								}),
+								/* @__PURE__ */ f(a, {
+									className: "ttw:px-4",
+									children: y
+								}),
+								/* @__PURE__ */ f(a, { className: "ttw:px-4" })
+							]
+						}) : null,
+						_.map((e, t) => /* @__PURE__ */ p(c, {
+							className: "ttw:hover:bg-transparent",
+							children: [
+								/* @__PURE__ */ f(a, {
+									className: "ttw:px-4",
+									children: e.name
+								}),
+								/* @__PURE__ */ f(a, {
+									className: "ttw:px-4",
+									children: e.shareDisplay
+								}),
+								/* @__PURE__ */ f(a, {
+									className: "ttw:px-4 ttw:text-right",
+									children: /* @__PURE__ */ p("div", {
+										className: "ttw:flex ttw:justify-end ttw:gap-2",
+										children: [/* @__PURE__ */ f(n, {
+											type: "button",
+											variant: "ghost",
+											size: "icon-sm",
+											"aria-label": M.edit,
+											onClick: () => w(t),
+											disabled: A || N,
+											children: /* @__PURE__ */ f(m, { className: "ttw:size-4" })
+										}), /* @__PURE__ */ f(n, {
+											type: "button",
+											variant: "ghost",
+											size: "icon-sm",
+											"aria-label": M.remove,
+											onClick: () => T(t),
+											disabled: A || N,
+											children: /* @__PURE__ */ f(g, { className: "ttw:size-4" })
+										})]
+									})
+								})
+							]
+						}, t)),
+						!b && _.length === 0 ? /* @__PURE__ */ f(c, {
+							className: "ttw:hover:bg-transparent",
+							children: /* @__PURE__ */ f(a, {
+								colSpan: 3,
+								className: "ttw:px-4 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
+								children: M.emptyOwnersText
+							})
+						}) : null
+					] })] })
+				}), N ? null : /* @__PURE__ */ p(n, {
+					type: "button",
+					variant: "ghost",
+					onClick: C,
+					disabled: S || A,
+					"data-testid": "bank-account-onboarding-add-owner-button",
+					className: "ttw:h-auto ttw:w-fit ttw:justify-start ttw:gap-1.5 ttw:px-0 ttw:has-[>svg]:px-0 ttw:pl-4 ttw:font-normal ttw:text-primary ttw:hover:bg-transparent ttw:hover:text-primary/90",
+					children: [/* @__PURE__ */ f(h, { className: "ttw:size-4" }), M.addOwner]
+				})]
+			}),
+			x ? /* @__PURE__ */ f(e, {
+				variant: "destructive",
+				children: /* @__PURE__ */ f(t, { children: x })
+			}) : null,
+			k ? /* @__PURE__ */ f(d, {
+				fields: k.fields,
+				display: k.display,
+				isExisting: k.isExisting,
+				isValid: k.isValid,
+				isDisabled: A,
+				labels: M,
+				onCancel: k.onCancel,
+				onSubmit: k.onSubmit,
+				onClose: k.onCancel,
+				ssnRevealed: k.ssnRevealed,
+				ssnToggleAriaLabel: k.ssnToggleAriaLabel,
+				onToggleSsnVisibility: k.onToggleSsnVisibility
+			}) : null,
+			E ? /* @__PURE__ */ f(u, {
+				ownerName: E,
+				labels: M,
+				isDisabled: A,
+				onCancel: O,
+				onConfirm: D,
+				onClose: O
+			}) : null
+		]
+	});
+}
+//#endregion
+export { _ as AdditionalOwnersForm };