@tesouro/embedded-components-react 0.5.271 → 0.5.273

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

@@ -1,53 +1,149 @@
-import { IDENTIFIER_ON_FILE_TEMPLATE_EN as e } from "./index4.js";
+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, cn as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as u } from "./index6.js";
+import { AdditionalOwnerDeleteOverlay as d } from "./index2.js";
+import { FieldError as f, fieldErrorAria as p } from "./index3.js";
+import { AdditionalOwnerFormOverlay as m } from "./index4.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { PencilIcon as _, PlusIcon as v, Trash2Icon as y } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index7.js
-function t(e, t) {
-	return e.replaceAll("{bankName}", t);
+function b({ ownerRows: b, primaryOwnerName: x, primaryOwnerShareDisplay: S, showPrimaryOwner: C = !0, totalOwnershipError: w, addOwnerDisabled: T, onAddOwner: E, onEditOwner: D, onDeleteOwnerRequest: O, deletingOwnerName: k, onDeleteOwnerConfirm: A, onDeleteOwnerCancel: j, editingOverlay: M, isSubmitting: N, labels: P, testIds: F }) {
+	let I = {
+		...u,
+		...P
+	}, L = M !== null || k !== null;
+	return /* @__PURE__ */ g("div", {
+		className: "ttw:relative ttw:flex ttw:flex-col ttw:gap-6",
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [/* @__PURE__ */ h("div", {
+					className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border",
+					children: /* @__PURE__ */ g(r, { children: [/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, {
+						className: "ttw:border-border ttw:bg-muted ttw:hover:bg-muted",
+						children: [
+							/* @__PURE__ */ h(o, {
+								className: "ttw:px-4 ttw:py-3",
+								children: I.ownerNameColumn
+							}),
+							/* @__PURE__ */ h(o, {
+								className: "ttw:px-4 ttw:py-3",
+								children: I.ownerShareColumn
+							}),
+							/* @__PURE__ */ h(o, {
+								className: "ttw:px-4 ttw:py-3 ttw:text-right",
+								children: I.ownerActionsColumn
+							})
+						]
+					}) }), /* @__PURE__ */ g(i, { children: [
+						C ? /* @__PURE__ */ g(c, {
+							className: "ttw:hover:bg-transparent",
+							children: [
+								/* @__PURE__ */ h(a, {
+									className: "ttw:px-4",
+									children: x
+								}),
+								/* @__PURE__ */ h(a, {
+									className: "ttw:px-4",
+									children: S
+								}),
+								/* @__PURE__ */ h(a, { className: "ttw:px-4" })
+							]
+						}) : null,
+						b.map((e, t) => {
+							let r = `additional-owner-${t}`;
+							return /* @__PURE__ */ g(c, {
+								className: l(e.error ? "ttw:bg-destructive/5 ttw:hover:bg-destructive/5" : "ttw:hover:bg-transparent"),
+								children: [
+									/* @__PURE__ */ g(a, {
+										className: "ttw:px-4 ttw:whitespace-normal",
+										children: [e.name, /* @__PURE__ */ h(f, {
+											fieldId: r,
+											error: e.error
+										})]
+									}),
+									/* @__PURE__ */ h(a, {
+										className: l("ttw:px-4", e.error && "ttw:text-destructive"),
+										children: e.shareDisplay
+									}),
+									/* @__PURE__ */ h(a, {
+										className: "ttw:px-4 ttw:text-right",
+										children: /* @__PURE__ */ g("div", {
+											className: "ttw:flex ttw:justify-end ttw:gap-2",
+											children: [/* @__PURE__ */ h(n, {
+												type: "button",
+												variant: "ghost",
+												size: "icon-sm",
+												"aria-label": I.edit,
+												"aria-describedby": p(r, e.error)["aria-describedby"],
+												onClick: () => D(t),
+												disabled: N || L,
+												children: /* @__PURE__ */ h(_, { className: "ttw:size-4" })
+											}), /* @__PURE__ */ h(n, {
+												type: "button",
+												variant: "ghost",
+												size: "icon-sm",
+												"aria-label": I.remove,
+												onClick: () => O(t),
+												disabled: N || L,
+												children: /* @__PURE__ */ h(y, { className: "ttw:size-4" })
+											})]
+										})
+									})
+								]
+							}, t);
+						}),
+						!C && b.length === 0 ? /* @__PURE__ */ h(c, {
+							className: "ttw:hover:bg-transparent",
+							children: /* @__PURE__ */ h(a, {
+								colSpan: 3,
+								className: "ttw:px-4 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
+								children: I.emptyOwnersText
+							})
+						}) : null
+					] })] })
+				}), L ? null : /* @__PURE__ */ g(n, {
+					type: "button",
+					variant: "ghost",
+					onClick: E,
+					disabled: T || N,
+					"data-testid": F?.addOwnerButton,
+					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__ */ h(v, { className: "ttw:size-4" }), I.addOwner]
+				})]
+			}),
+			w ? /* @__PURE__ */ h(e, {
+				variant: "destructive",
+				children: /* @__PURE__ */ h(t, { children: w })
+			}) : null,
+			M ? /* @__PURE__ */ h(m, {
+				fields: M.fields,
+				display: M.display,
+				isExisting: M.isExisting,
+				isValid: M.isValid,
+				isDisabled: N,
+				labels: I,
+				onCancel: M.onCancel,
+				onSubmit: M.onSubmit,
+				onClose: M.onCancel,
+				ssnRevealed: M.ssnRevealed,
+				ssnToggleAriaLabel: M.ssnToggleAriaLabel,
+				onToggleSsnVisibility: M.onToggleSsnVisibility,
+				testIds: { overlay: F?.overlay }
+			}) : null,
+			k ? /* @__PURE__ */ h(d, {
+				ownerName: k,
+				labels: I,
+				isDisabled: N,
+				onCancel: j,
+				onConfirm: A,
+				onClose: j,
+				testIds: {
+					...F?.deleteOverlay,
+					overlay: F?.overlay
+				}
+			}) : null
+		]
+	});
 }
-var n = {
-	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",
-	taxIdOnFileTemplate: e,
-	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"
-	}
-};
 //#endregion
-export { n as BUSINESS_DETAILS_LABELS_EN, t as interpolateBankName };
+export { b as AdditionalOwnersForm };

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

@@ -1,34 +1,56 @@
-import { IDENTIFIER_ON_FILE_TEMPLATE_EN as e } from "./index4.js";
+import { IDENTIFIER_ON_FILE_TEMPLATE_EN as e } from "./index5.js";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index8.js
-var t = {
-	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",
-	ssnOnFileTemplate: e,
-	ssnInvalid: "SSN must be 9 digits",
-	ssnShow: "Show",
-	ssnHide: "Hide",
-	homeAddress: "Home address",
+function t(e, t) {
+	return e.replaceAll("{bankName}", t);
+}
+var n = {
+	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: "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: "%"
+	zipCode: "Postal code",
+	zipCodeInvalid: "Postal code must be 5 digits",
+	companyPhoneNumber: "Company phone number",
+	companyPhoneNumberInvalid: "Phone must be 10 digits",
+	requiredFieldError: "This field is required",
+	invalidFieldError: "Enter a valid value",
+	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",
+	taxIdOnFileTemplate: e,
+	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"
+	}
 };
 //#endregion
-export { t as PERSONAL_DETAILS_LABELS_EN };
+export { n as BUSINESS_DETAILS_LABELS_EN, t as interpolateBankName };

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

@@ -1,9 +1,38 @@
+import { IDENTIFIER_ON_FILE_TEMPLATE_EN as e } from "./index5.js";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index9.js
-var e = {
-	title: "Business bank account application",
-	bankDisclosure: "",
-	chipLabel: "Application status",
-	body: []
+var t = {
+	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",
+	ssnOnFileTemplate: e,
+	ssnInvalid: "SSN must be 9 digits",
+	ssnShow: "Show",
+	ssnHide: "Hide",
+	homeAddress: "Home address",
+	city: "City",
+	state: "State",
+	statePlaceholder: "Select state",
+	zipCode: "ZIP code",
+	zipCodeInvalid: "ZIP code must be 5 digits",
+	mobilePhoneNumber: "Mobile phone number",
+	mobilePhoneNumberInvalid: "Phone must be 10 digits",
+	workEmail: "Work email",
+	workEmailInvalid: "Enter a valid email address",
+	requiredFieldError: "This field is required",
+	invalidFieldError: "Enter a valid value",
+	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: "%"
 };
 //#endregion
-export { e as APPLICATION_STATUS_CARD_LABELS_EN };
+export { t as PERSONAL_DETAILS_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.5.271", n = "8dab6570778b10180c6641788625a690f8f812c8", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.273", n = "280a81a8a0f0f4d1dd9cc7649b16401b6ad0ab82", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/packages/shared-ui-shadcn/dist/index.js

@@ -8857,7 +8857,7 @@ function fy({ items: t, value: n, onValueChange: r, inputId: i, required: a, inv
 		className: J("ttw:relative ttw:w-full", y),
 		...b,
 		children: [/* @__PURE__ */ v("div", {
-			className: J("ttw:flex ttw:min-h-9 ttw:w-full ttw:flex-wrap ttw:items-center ttw:gap-1.5 ttw:rounded-md ttw:border ttw:border-input ttw:bg-transparent ttw:px-2.5 ttw:py-1.5 ttw:text-sm ttw:shadow-xs", l ? "ttw:cursor-not-allowed ttw:opacity-60" : "ttw:focus-within:border-ring ttw:focus-within:ring-[3px] ttw:focus-within:ring-ring/50"),
+			className: J("ttw:flex ttw:min-h-9 ttw:w-full ttw:flex-wrap ttw:items-center ttw:gap-1.5 ttw:rounded-md ttw:border ttw:border-input ttw:bg-transparent ttw:px-2.5 ttw:py-1.5 ttw:text-sm ttw:shadow-xs", l ? "ttw:cursor-not-allowed ttw:opacity-60" : "ttw:focus-within:border-ring ttw:focus-within:ring-[3px] ttw:focus-within:ring-ring/50", o && "ttw:border-destructive ttw:focus-within:border-destructive ttw:focus-within:ring-destructive/20"),
 			onClick: () => {
 				l || (T || A(""), E(!0), C.current?.focus());
 			},
@@ -9643,7 +9643,7 @@ function yb({ className: e, ...t }) {
 function bb({ className: e, ...t }) {
 	return /* @__PURE__ */ _("input", {
 		"data-slot": "input-group-input",
-		className: J("ttw:peer/input ttw:data-[has-start-addon]:ps-9 ttw:data-[has-end-addon]:pe-9", "ttw:placeholder:text-muted-foreground ttw:flex ttw:h-9 ttw:w-full ttw:rounded-md ttw:border ttw:border-input ttw:bg-transparent ttw:px-3 ttw:py-1 ttw:text-base ttw:shadow-xs", "ttw:transition-[color,box-shadow] ttw:outline-none", "ttw:disabled:pointer-events-none ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", "ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50", "ttw:md:text-sm", e),
+		className: J("ttw:peer/input ttw:data-[has-start-addon]:ps-9 ttw:data-[has-end-addon]:pe-9", "ttw:placeholder:text-muted-foreground ttw:flex ttw:h-9 ttw:w-full ttw:rounded-md ttw:border ttw:border-input ttw:bg-transparent ttw:px-3 ttw:py-1 ttw:text-base ttw:shadow-xs", "ttw:transition-[color,box-shadow] ttw:outline-none", "ttw:disabled:pointer-events-none ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", "ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50", "ttw:aria-invalid:border-destructive ttw:aria-invalid:ring-destructive/20", "ttw:md:text-sm", e),
 		...t
 	});
 }
@@ -16621,8 +16621,10 @@ function Nj(e) {
 function Pj(e) {
 	return e == null ? [] : Array.isArray(e) ? e : [e];
 }
-function Fj({ value: t, onChange: n, placeholder: r = "Pick a date", disabled: i, minDate: a, maxDate: o, defaultMonth: s, disabledDates: c, className: l, id: u, "aria-invalid": d, "aria-describedby": f, container: p }) {
-	let [m, h] = e.useState(!1), g = e.useMemo(() => {
+function Fj({ value: t, onChange: n, placeholder: r = "Pick a date", disabled: i, minDate: a, maxDate: o, defaultMonth: s, disabledDates: c, className: l, id: u, "aria-invalid": d, "aria-describedby": f, onBlur: p, container: m }) {
+	let [h, g] = e.useState(!1), y = (e) => {
+		g(e), e || p?.();
+	}, b = e.useMemo(() => {
 		let e = [
 			...a ? [{ before: a }] : [],
 			...o ? [{ after: o }] : [],
@@ -16635,8 +16637,8 @@ function Fj({ value: t, onChange: n, placeholder: r = "Pick a date", disabled: i
 		c
 	]);
 	return /* @__PURE__ */ v(ZC, {
-		open: m,
-		onOpenChange: h,
+		open: h,
+		onOpenChange: y,
 		children: [/* @__PURE__ */ _(QC, {
 			asChild: !0,
 			children: /* @__PURE__ */ v(Tv, {
@@ -16646,21 +16648,24 @@ function Fj({ value: t, onChange: n, placeholder: r = "Pick a date", disabled: i
 				disabled: i,
 				"aria-invalid": d,
 				"aria-describedby": f,
+				onBlur: () => {
+					h || p?.();
+				},
 				className: J("ttw:w-full ttw:justify-start ttw:text-left ttw:font-normal", !t && "ttw:text-muted-foreground", l),
 				children: [/* @__PURE__ */ _(I, { className: "ttw:mr-2 ttw:size-4" }), t ? Nj(t) : r]
 			})
 		}), /* @__PURE__ */ _($C, {
 			className: "ttw:w-auto ttw:p-0",
 			align: "start",
-			container: p,
+			container: m,
 			children: /* @__PURE__ */ _(hO, {
 				mode: "single",
 				selected: t,
 				onSelect: (e) => {
-					n(e), h(!1);
+					n(e), y(!1);
 				},
 				captionLayout: "dropdown",
-				disabled: g,
+				disabled: b,
 				startMonth: a,
 				endMonth: o,
 				defaultMonth: t ?? s ?? o ?? a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.5.271",
+  "version": "0.5.273",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {
@@ -170,7 +170,9 @@
         "inputs": [
           "default",
           "{workspaceRoot}/tools/publishable-package/**",
-          "{workspaceRoot}/apps/embedded-components-docs/content/authored/**"
+          "{workspaceRoot}/apps/embedded-components-docs/content/authored/**",
+          "{workspaceRoot}/apps/embedded-components-docs/src/content/labels.ts",
+          "{workspaceRoot}/apps/embedded-components-docs/src/mocks/manifest.json"
         ],
         "options": {
           "command": "node tools/publishable-package/verify-publish.mjs --config {projectRoot}/publish.config.mjs"
@@ -187,10 +189,13 @@
           "{projectRoot}/src/index.ts",
           "{projectRoot}/README.md",
           "{projectRoot}/package.json",
+          "{workspaceRoot}/packages/embedded-components-widget-token/README.md",
+          "{workspaceRoot}/packages/embedded-components-widget-token/package.json",
           "{projectRoot}/scripts/export-docs.mjs",
           "{projectRoot}/scripts/assemble-readme.mjs",
           "{projectRoot}/scripts/pack-package.mjs",
           "{workspaceRoot}/apps/embedded-components-docs/content/authored/**",
+          "{workspaceRoot}/apps/embedded-components-docs/src/content/labels.ts",
           "{workspaceRoot}/apps/embedded-components-docs/src/mocks/manifest.json",
           {
             "env": "TESOURO_EMBEDDED_LIBRARY_VERSION"