@tesouro/embedded-components-react 0.5.271 → 0.5.272

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

@@ -1,265 +1,38 @@
-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";
+import { jsx as e } from "react/jsx-runtime";
 //#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
-	});
+function t(e) {
+	return `${e}-error`;
 }
-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, testIds: F }) {
-	let [I, L] = m.useState(!1), R = !M && !I, z = T ? O.saveOwnerSubmit : O.addOwnerSubmit;
-	return /* @__PURE__ */ h(p, {
-		expandContainer: !0,
-		testIds: F?.overlay,
-		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, w.ssnRequired ? O.requiredFieldMarker : null]
-							}),
-							/* @__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: R ? w.ssnMaskedDisplay : w.ssnFormattedDisplay,
-									onChange: (e) => o.ssn.onValueChange(e.target.value),
-									onFocus: () => L(!0),
-									onBlur: () => L(!1),
-									disabled: D,
-									autoComplete: "off",
-									inputMode: "numeric",
-									maxLength: 11,
-									required: w.ssnRequired,
-									placeholder: w.ssnPlaceholder,
-									"aria-describedby": w.ssnHelpText ? "owner-ssn-on-file" : void 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" })
-								})]
-							}),
-							w.ssnHelpText ? /* @__PURE__ */ h("p", {
-								id: "owner-ssn-on-file",
-								className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
-								children: w.ssnHelpText
-							}) : null
-						] }),
-						/* @__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: [z, /* @__PURE__ */ h(y, { className: "ttw:size-4" })]
-					})]
-				})
-			]
-		})
-	});
+function n(e, n, r) {
+	let i = [r, n ? t(e) : void 0].filter(Boolean);
+	return {
+		"aria-invalid": n ? !0 : void 0,
+		"aria-describedby": i.length > 0 ? i.join(" ") : void 0
+	};
+}
+function r({ fieldId: n, error: r }) {
+	return r ? /* @__PURE__ */ e("p", {
+		id: t(n),
+		className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
+		role: "alert",
+		children: r
+	}) : null;
+}
+function i(e) {
+	return {
+		onOpenChange: (t) => {
+			t || e?.();
+		},
+		onTriggerBlur: (t) => {
+			t.currentTarget.getAttribute("aria-expanded") !== "true" && e?.();
+		}
+	};
+}
+function a(e) {
+	return (t) => {
+		let n = t.relatedTarget;
+		n instanceof Node && t.currentTarget.contains(n) || e?.();
+	};
 }
 //#endregion
-export { w as AdditionalOwnerFormOverlay };
+export { r as FieldError, n as fieldErrorAria, t as fieldErrorId, a as onCompositeBlur, i as selectBlurHandlers };

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

@@ -1,64 +1,11 @@
-import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DELETE_APPLICATION_DIALOG_LABELS_EN as s } from "./index29.js";
-import { useRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Trash2Icon as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index30.js
-function f({ open: f, onConfirm: p, onCancel: m, isDeleting: h = !1, labels: g, testIds: _ }) {
-	let v = {
-		...s,
-		...g
-	}, y = c(null);
-	return /* @__PURE__ */ l(e, {
-		open: f,
-		onOpenChange: (e) => {
-			!e && !h && m();
-		},
-		children: /* @__PURE__ */ u(t, {
-			"data-testid": _?.root,
-			onOpenAutoFocus: (e) => {
-				e.preventDefault(), y.current?.focus();
-			},
-			children: [/* @__PURE__ */ u(i, {
-				className: "ttw:items-center ttw:text-center ttw:sm:items-center ttw:sm:text-center",
-				children: [
-					/* @__PURE__ */ l("div", {
-						className: "ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive/10",
-						"aria-hidden": !0,
-						children: /* @__PURE__ */ l(d, { className: "ttw:size-6 ttw:text-destructive" })
-					}),
-					/* @__PURE__ */ l(a, { children: v.title }),
-					/* @__PURE__ */ u(n, { children: [
-						v.descriptionBeforeEmphasis,
-						/* @__PURE__ */ l("strong", {
-							className: "ttw:font-semibold ttw:text-foreground",
-							children: v.descriptionEmphasis
-						}),
-						v.descriptionAfterEmphasis
-					] })
-				]
-			}), /* @__PURE__ */ u(r, {
-				className: "ttw:sm:justify-center",
-				children: [/* @__PURE__ */ l(o, {
-					ref: y,
-					type: "button",
-					variant: "outline",
-					onClick: m,
-					disabled: h,
-					"data-testid": _?.cancel,
-					children: v.keepEditingButton
-				}), /* @__PURE__ */ l(o, {
-					type: "button",
-					variant: "destructive",
-					loading: h,
-					disabled: h,
-					onClick: p,
-					"data-testid": _?.confirm,
-					children: v.deleteButton
-				})]
-			})]
-		})
-	});
-}
+var e = {
+	title: "Delete this application?",
+	descriptionBeforeEmphasis: "Everything you've entered so far will be permanently removed. If you'd rather come back later, use ",
+	descriptionEmphasis: "Save and close",
+	descriptionAfterEmphasis: " instead.",
+	keepEditingButton: "Keep editing",
+	deleteButton: "Delete application"
+};
 //#endregion
-export { s as DELETE_APPLICATION_DIALOG_LABELS_EN, f as DeleteApplicationDialog };
+export { e as DELETE_APPLICATION_DIALOG_LABELS_EN };

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

@@ -0,0 +1,64 @@
+import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DELETE_APPLICATION_DIALOG_LABELS_EN as s } from "./index30.js";
+import { useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Trash2Icon as d } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index31.js
+function f({ open: f, onConfirm: p, onCancel: m, isDeleting: h = !1, labels: g, testIds: _ }) {
+	let v = {
+		...s,
+		...g
+	}, y = c(null);
+	return /* @__PURE__ */ l(e, {
+		open: f,
+		onOpenChange: (e) => {
+			!e && !h && m();
+		},
+		children: /* @__PURE__ */ u(t, {
+			"data-testid": _?.root,
+			onOpenAutoFocus: (e) => {
+				e.preventDefault(), y.current?.focus();
+			},
+			children: [/* @__PURE__ */ u(i, {
+				className: "ttw:items-center ttw:text-center ttw:sm:items-center ttw:sm:text-center",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive/10",
+						"aria-hidden": !0,
+						children: /* @__PURE__ */ l(d, { className: "ttw:size-6 ttw:text-destructive" })
+					}),
+					/* @__PURE__ */ l(a, { children: v.title }),
+					/* @__PURE__ */ u(n, { children: [
+						v.descriptionBeforeEmphasis,
+						/* @__PURE__ */ l("strong", {
+							className: "ttw:font-semibold ttw:text-foreground",
+							children: v.descriptionEmphasis
+						}),
+						v.descriptionAfterEmphasis
+					] })
+				]
+			}), /* @__PURE__ */ u(r, {
+				className: "ttw:sm:justify-center",
+				children: [/* @__PURE__ */ l(o, {
+					ref: y,
+					type: "button",
+					variant: "outline",
+					onClick: m,
+					disabled: h,
+					"data-testid": _?.cancel,
+					children: v.keepEditingButton
+				}), /* @__PURE__ */ l(o, {
+					type: "button",
+					variant: "destructive",
+					loading: h,
+					disabled: h,
+					onClick: p,
+					"data-testid": _?.confirm,
+					children: v.deleteButton
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { s as DELETE_APPLICATION_DIALOG_LABELS_EN, f as DeleteApplicationDialog };