@tesouro/embedded-components-react 0.10.9 → 0.10.10

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

@@ -1,6 +1,124 @@
+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 "./index12.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index29.js
-var e = {
-	editButton: "Edit",
-	emptySection: "None"
-};
-export { e as APPLICATION_REVIEW_LABELS_EN };
+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 = {
+		...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, {
+				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]
+				})]
+			})]
+		})]
+	});
+}
+export { c as BusinessDisclosuresSection };

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

@@ -1,81 +1,6 @@
-import { Button as e, Typography as t, cn as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { APPLICATION_REVIEW_LABELS_EN as r } from "./index29.js";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Pen as s } from "lucide-react";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index30.js
-function c({ sections: n, isDisabled: c, labels: u, testIds: d }) {
-	let f = {
-		...r,
-		...u
-	};
-	return /* @__PURE__ */ a("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-8",
-		"data-testid": d?.root,
-		children: n.map((n) => {
-			let { rows: r } = n, u = d?.sections?.[n.id];
-			return /* @__PURE__ */ o("section", {
-				"data-testid": u?.root,
-				className: "ttw:min-w-0",
-				children: [
-					/* @__PURE__ */ o("div", {
-						className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
-						children: [/* @__PURE__ */ a(t, {
-							component: "h3",
-							variant: "h6",
-							className: "ttw:font-semibold ttw:text-foreground",
-							children: n.title
-						}), /* @__PURE__ */ o(e, {
-							type: "button",
-							variant: "outline",
-							size: "sm",
-							onClick: n.onEdit,
-							disabled: c,
-							"aria-label": n.editAriaLabel,
-							"data-testid": u?.editButton,
-							children: [/* @__PURE__ */ a(s, {
-								className: "ttw:size-4",
-								"aria-hidden": !0
-							}), f.editButton]
-						})]
-					}),
-					/* @__PURE__ */ a("div", {
-						className: "ttw:mb-3 ttw:border-b ttw:border-border",
-						"aria-hidden": !0
-					}),
-					r.length === 0 ? /* @__PURE__ */ a(t, {
-						variant: "body2",
-						className: "ttw:text-muted-foreground",
-						children: f.emptySection
-					}) : /* @__PURE__ */ o("div", {
-						className: "ttw:grid ttw:grid-cols-[max-content_1fr] ttw:gap-x-4 ttw:gap-y-2",
-						children: [n.columnHeaders ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(t, {
-							component: "span",
-							variant: "body2",
-							className: "ttw:font-semibold ttw:text-foreground",
-							children: n.columnHeaders.label
-						}), /* @__PURE__ */ a(t, {
-							component: "span",
-							variant: "body2",
-							className: "ttw:font-semibold ttw:text-foreground",
-							children: n.columnHeaders.value
-						})] }) : null, r.map((e, t) => /* @__PURE__ */ a(l, { row: e }, `${t}-${e.label}`))]
-					})
-				]
-			}, n.id);
-		})
-	});
-}
-function l({ row: e }) {
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(t, {
-		component: "span",
-		variant: "body2",
-		className: "ttw:text-muted-foreground",
-		children: e.label
-	}), /* @__PURE__ */ a(t, {
-		component: "span",
-		variant: "body2",
-		className: n("ttw:min-w-0 ttw:wrap-break-word ttw:whitespace-pre-line ttw:text-left ttw:font-medium ttw:text-foreground", e.valueMonospace && "ttw:font-mono"),
-		children: e.value
-	})] });
-}
-export { r as APPLICATION_REVIEW_LABELS_EN, c as ApplicationReview };
+var e = {
+	editButton: "Edit",
+	emptySection: "None"
+};
+export { e as APPLICATION_REVIEW_LABELS_EN };

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

@@ -1,11 +1,81 @@
+import { Button as e, Typography as t, cn as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { APPLICATION_REVIEW_LABELS_EN as r } from "./index30.js";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Pen as s } from "lucide-react";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index31.js
-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 continue later",
-	descriptionAfterEmphasis: " instead.",
-	keepEditingButton: "Keep editing",
-	deleteButton: "Delete application",
-	close: "Close"
-};
-export { e as DELETE_APPLICATION_DIALOG_LABELS_EN };
+function c({ sections: n, isDisabled: c, labels: u, testIds: d }) {
+	let f = {
+		...r,
+		...u
+	};
+	return /* @__PURE__ */ a("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-8",
+		"data-testid": d?.root,
+		children: n.map((n) => {
+			let { rows: r } = n, u = d?.sections?.[n.id];
+			return /* @__PURE__ */ o("section", {
+				"data-testid": u?.root,
+				className: "ttw:min-w-0",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
+						children: [/* @__PURE__ */ a(t, {
+							component: "h3",
+							variant: "h6",
+							className: "ttw:font-semibold ttw:text-foreground",
+							children: n.title
+						}), /* @__PURE__ */ o(e, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: n.onEdit,
+							disabled: c,
+							"aria-label": n.editAriaLabel,
+							"data-testid": u?.editButton,
+							children: [/* @__PURE__ */ a(s, {
+								className: "ttw:size-4",
+								"aria-hidden": !0
+							}), f.editButton]
+						})]
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "ttw:mb-3 ttw:border-b ttw:border-border",
+						"aria-hidden": !0
+					}),
+					r.length === 0 ? /* @__PURE__ */ a(t, {
+						variant: "body2",
+						className: "ttw:text-muted-foreground",
+						children: f.emptySection
+					}) : /* @__PURE__ */ o("div", {
+						className: "ttw:grid ttw:grid-cols-[max-content_1fr] ttw:gap-x-4 ttw:gap-y-2",
+						children: [n.columnHeaders ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(t, {
+							component: "span",
+							variant: "body2",
+							className: "ttw:font-semibold ttw:text-foreground",
+							children: n.columnHeaders.label
+						}), /* @__PURE__ */ a(t, {
+							component: "span",
+							variant: "body2",
+							className: "ttw:font-semibold ttw:text-foreground",
+							children: n.columnHeaders.value
+						})] }) : null, r.map((e, t) => /* @__PURE__ */ a(l, { row: e }, `${t}-${e.label}`))]
+					})
+				]
+			}, n.id);
+		})
+	});
+}
+function l({ row: e }) {
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(t, {
+		component: "span",
+		variant: "body2",
+		className: "ttw:text-muted-foreground",
+		children: e.label
+	}), /* @__PURE__ */ a(t, {
+		component: "span",
+		variant: "body2",
+		className: n("ttw:min-w-0 ttw:wrap-break-word ttw:whitespace-pre-line ttw:text-left ttw:font-medium ttw:text-foreground", e.valueMonospace && "ttw:font-mono"),
+		children: e.value
+	})] });
+}
+export { r as APPLICATION_REVIEW_LABELS_EN, c as ApplicationReview };

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

@@ -1,65 +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 "./index31.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";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index32.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, {
-			closeDisabled: h,
-			labels: { close: v.close },
-			"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
-				})]
-			})]
-		})
-	});
-}
-export { s as DELETE_APPLICATION_DIALOG_LABELS_EN, f as DeleteApplicationDialog };
+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 continue later",
+	descriptionAfterEmphasis: " instead.",
+	keepEditingButton: "Keep editing",
+	deleteButton: "Delete application",
+	close: "Close"
+};
+export { e as DELETE_APPLICATION_DIALOG_LABELS_EN };

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

@@ -1,7 +1,65 @@
+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 "./index32.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";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index33.js
-var e = {
-	title: "Application deleted",
-	body: "Your application and everything you entered have been permanently removed. You can start a new application whenever you're ready.",
-	startNewApplicationButton: "Start a new application"
-};
-export { e as APPLICATION_DELETED_SCREEN_LABELS_EN };
+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, {
+			closeDisabled: h,
+			labels: { close: v.close },
+			"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
+				})]
+			})]
+		})
+	});
+}
+export { s as DELETE_APPLICATION_DIALOG_LABELS_EN, f as DeleteApplicationDialog };

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

@@ -1,45 +1,7 @@
-import { Button as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { APPLICATION_DELETED_SCREEN_LABELS_EN as n } from "./index33.js";
-import { useEffect as r, useRef as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { CircleCheckIcon as s } from "lucide-react";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index34.js
-function c({ onStartNewApplication: c, labels: l, className: u, testIds: d }) {
-	let f = {
-		...n,
-		...l
-	}, p = i(null);
-	return r(() => {
-		p.current?.focus();
-	}, []), /* @__PURE__ */ o("section", {
-		"data-testid": d?.root,
-		"aria-label": f.title,
-		className: t("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-4 ttw:p-6 ttw:text-center ttw:text-foreground", u),
-		children: [
-			/* @__PURE__ */ a("div", {
-				className: "ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-primary/10",
-				"aria-hidden": !0,
-				children: /* @__PURE__ */ a(s, { className: "ttw:size-6 ttw:text-primary" })
-			}),
-			/* @__PURE__ */ o("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2",
-				children: [/* @__PURE__ */ a("p", {
-					ref: p,
-					tabIndex: -1,
-					className: "ttw:text-xl ttw:font-semibold ttw:outline-none",
-					children: f.title
-				}), /* @__PURE__ */ a("p", {
-					className: "ttw:text-sm ttw:text-muted-foreground",
-					children: f.body
-				})]
-			}),
-			/* @__PURE__ */ a(e, {
-				type: "button",
-				onClick: c,
-				"data-testid": d?.startNewApplication,
-				children: f.startNewApplicationButton
-			})
-		]
-	});
-}
-export { n as APPLICATION_DELETED_SCREEN_LABELS_EN, c as ApplicationDeletedScreen };
+var e = {
+	title: "Application deleted",
+	body: "Everything you entered has been removed. You can start a new application whenever you're ready.",
+	startNewApplicationButton: "Start a new application"
+};
+export { e as APPLICATION_DELETED_SCREEN_LABELS_EN };

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

@@ -0,0 +1,45 @@
+import { Button as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { APPLICATION_DELETED_SCREEN_LABELS_EN as n } from "./index34.js";
+import { useEffect as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { CircleCheckIcon as s } from "lucide-react";
+// ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index35.js
+function c({ onStartNewApplication: c, labels: l, className: u, testIds: d }) {
+	let f = {
+		...n,
+		...l
+	}, p = i(null);
+	return r(() => {
+		p.current?.focus();
+	}, []), /* @__PURE__ */ o("section", {
+		"data-testid": d?.root,
+		"aria-label": f.title,
+		className: t("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-4 ttw:p-6 ttw:text-center ttw:text-foreground", u),
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-primary/10",
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ a(s, { className: "ttw:size-6 ttw:text-primary" })
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [/* @__PURE__ */ a("p", {
+					ref: p,
+					tabIndex: -1,
+					className: "ttw:text-xl ttw:font-semibold ttw:outline-none",
+					children: f.title
+				}), /* @__PURE__ */ a("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: f.body
+				})]
+			}),
+			/* @__PURE__ */ a(e, {
+				type: "button",
+				onClick: c,
+				"data-testid": d?.startNewApplication,
+				children: f.startNewApplicationButton
+			})
+		]
+	});
+}
+export { n as APPLICATION_DELETED_SCREEN_LABELS_EN, c as ApplicationDeletedScreen };

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

@@ -1,3 +1,111 @@
+import { Badge as e, Button as t, InputGroup as n, InputGroupAddon as r, InputGroupInput as i, Label as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { FieldError as s, fieldErrorAria as c } from "./index3.js";
+import { useId as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { PencilIcon as f } from "lucide-react";
 // ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index7.js
-var e = (e) => `Ending in ${e}. Leave blank to keep it, or enter it again to change it.`;
-export { e as IDENTIFIER_ON_FILE_TEMPLATE_EN };
+function p({ applicantName: p, editor: m, onEditPersonalDetails: h, isDisabled: g, labels: _, testIds: v }) {
+	let y = l(), b = l();
+	return /* @__PURE__ */ d("section", {
+		"aria-labelledby": y,
+		"data-testid": v?.root,
+		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-md ttw:border ttw:border-primary ttw:bg-background ttw:p-4",
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-2",
+				children: [
+					/* @__PURE__ */ u(f, {
+						"aria-hidden": !0,
+						className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
+					}),
+					/* @__PURE__ */ u(o, {
+						component: "h4",
+						variant: "h6",
+						id: y,
+						tabIndex: -1,
+						"data-owner-panel-heading": "",
+						"data-needs-attention": "",
+						className: "ttw:font-semibold ttw:text-foreground",
+						children: _.inlineEditHeadingTemplate(p)
+					}),
+					/* @__PURE__ */ u(e, {
+						variant: "secondary",
+						children: _.applicantBadge
+					})
+				]
+			}),
+			/* @__PURE__ */ d("div", { children: [
+				/* @__PURE__ */ d(a, {
+					htmlFor: b,
+					className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
+					children: [_.applicantOwnershipPercentage, _.requiredFieldMarker]
+				}),
+				/* @__PURE__ */ d(n, {
+					className: "ttw:w-32",
+					children: [/* @__PURE__ */ u(i, {
+						id: b,
+						type: "number",
+						min: 25,
+						max: 100,
+						"data-has-end-addon": "",
+						placeholder: _.ownershipPercentagePlaceholder,
+						value: m.share.value ?? "",
+						onChange: (e) => m.share.onValueChange(e.target.value === "" ? null : Number(e.target.value)),
+						onBlur: m.share.onBlur,
+						...c(b, m.share.error),
+						disabled: g,
+						required: !0
+					}), /* @__PURE__ */ u(r, {
+						align: "inline-end",
+						"aria-hidden": !0,
+						children: _.percentSuffix
+					})]
+				}),
+				/* @__PURE__ */ u(s, {
+					fieldId: b,
+					error: m.share.error
+				})
+			] }),
+			/* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1",
+				children: [/* @__PURE__ */ u(o, {
+					variant: "body2",
+					className: "ttw:text-foreground",
+					children: m.summary
+				}), /* @__PURE__ */ d(o, {
+					variant: "body2",
+					className: "ttw:text-muted-foreground",
+					children: [
+						_.applicantDetailsSourceNote,
+						" ",
+						/* @__PURE__ */ u(t, {
+							type: "button",
+							variant: "link",
+							onClick: h,
+							disabled: g,
+							className: "ttw:h-auto ttw:p-0 ttw:align-baseline",
+							children: _.editPersonalDetails
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:justify-end ttw:gap-3",
+				children: [/* @__PURE__ */ u(t, {
+					type: "button",
+					variant: "outline",
+					onClick: m.onCancel,
+					disabled: g,
+					children: _.cancel
+				}), /* @__PURE__ */ u(t, {
+					type: "button",
+					onClick: m.onSave,
+					disabled: g || !m.isValid,
+					"data-testid": v?.saveButton,
+					children: _.saveOwnerSubmit
+				})]
+			})
+		]
+	});
+}
+export { p as ApplicantOwnerInlineEditor };