@tesouro/embedded-components-react 0.5.215 → 0.5.217

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

@@ -1,76 +1,31 @@
-import { Button as e, Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i, Typography as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ABOUT_YOU_PANEL_LABELS_EN as o } from "./index22.js";
-import { AboutYouEditForm as s } from "./index20.js";
-import { AboutYouSummary as c } from "./index21.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Pen as d } from "lucide-react";
+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";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index23.js
-function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, ssnRevealed: v, ssnToggleAriaLabel: y, onToggleSsnVisibility: b, showOwnershipPercentage: x, maxBirthDate: S, ssnMaskedDisplay: C, ssnFormattedDisplay: w, ssnRequired: T, ssnPlaceholder: E, ssnHelpText: D, testIds: O }) {
-	let k = {
-		...o,
-		...g
-	};
-	return f ? /* @__PURE__ */ l(s, {
-		fields: h,
-		labels: k,
-		isDisabled: _,
-		ssnRevealed: v,
-		ssnToggleAriaLabel: y,
-		onToggleSsnVisibility: b,
-		showOwnershipPercentage: x,
-		maxBirthDate: S,
-		ssnMaskedDisplay: C,
-		ssnFormattedDisplay: w,
-		ssnRequired: T,
-		ssnPlaceholder: E,
-		ssnHelpText: D,
-		testIds: O?.editForm
-	}) : /* @__PURE__ */ u("section", {
-		"data-testid": O?.root,
-		className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
-		children: [
-			/* @__PURE__ */ u("div", {
-				className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ l(a, {
-					component: "h3",
-					variant: "h6",
-					className: "ttw:font-semibold ttw:text-foreground",
-					children: k.panelTitle
-				}), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(i, {
-					asChild: !0,
-					onFocus: (e) => {
-						e.preventDefault();
-					},
-					children: /* @__PURE__ */ l(e, {
-						type: "button",
-						variant: "ghost",
-						size: "icon-sm",
-						onClick: p,
-						disabled: _,
-						"aria-label": k.editButtonAriaLabel,
-						"data-testid": O?.editButton,
-						className: "ttw:rounded-lg ttw:bg-muted ttw:text-foreground ttw:hover:bg-primary/10 ttw:hover:text-foreground",
-						children: /* @__PURE__ */ l(d, {
-							className: "ttw:size-5",
-							"aria-hidden": !0
-						})
-					})
-				}), /* @__PURE__ */ l(n, {
-					side: "top",
-					sideOffset: 4,
-					children: k.editTooltip
-				})] }) })]
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "ttw:mb-3 ttw:border-b ttw:border-border",
-				"aria-hidden": !0
-			}),
-			/* @__PURE__ */ l(c, {
-				rows: m,
-				testIds: O?.summary
-			})
-		]
+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))
 	});
 }
 //#endregion
-export { o as ABOUT_YOU_PANEL_LABELS_EN, f as AboutYouPanel };
+export { a as AboutYouSummary };

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

@@ -1,87 +1,28 @@
-import { Checkbox as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BUSINESS_DETAILS_LABELS_EN as t, interpolateBankName as n } from "./index7.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index24.js
-var a = "ttw:cursor-pointer ttw:text-primary ttw:underline ttw:underline-offset-2";
-function o({ href: e, children: t }) {
-	return e ? /* @__PURE__ */ r("a", {
-		href: e,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: a,
-		children: t
-	}) : /* @__PURE__ */ r("span", {
-		className: a,
-		children: t
-	});
-}
-function s({ value: a, onChange: s, isSubmitting: c, labels: l, bankName: u, termsHref: d, privacyHref: f, electronicCommunicationHref: p, patriotActHref: m, testIds: h }) {
-	let g = {
-		...t,
-		...l,
-		companyStructureOptions: {
-			...t.companyStructureOptions,
-			...l?.companyStructureOptions ?? {}
-		}
-	}, _ = (e, t) => s({
-		...a,
-		[e]: t
-	});
-	return /* @__PURE__ */ i("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [/* @__PURE__ */ i("div", {
-			className: "ttw:flex ttw:items-start ttw:gap-2",
-			children: [/* @__PURE__ */ r(e, {
-				id: "isAuthorized",
-				"data-testid": h?.authorizationCheckbox,
-				checked: a.isAuthorized === !0,
-				onCheckedChange: (e) => _("isAuthorized", e === !0 || null),
-				disabled: c,
-				className: "ttw:mt-0.5",
-				"aria-labelledby": "bank-account-onboarding-authorization-text"
-			}), /* @__PURE__ */ r("p", {
-				id: "bank-account-onboarding-authorization-text",
-				className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
-				children: g.isAuthorizedQuestion
-			})]
-		}), /* @__PURE__ */ i("div", {
-			className: "ttw:flex ttw:items-start ttw:gap-2",
-			children: [/* @__PURE__ */ r(e, {
-				id: "isCheckboxChecked",
-				"data-testid": h?.disclosureCheckbox,
-				checked: a.isCheckboxChecked,
-				onCheckedChange: (e) => _("isCheckboxChecked", e === !0),
-				disabled: c,
-				className: "ttw:mt-0.5",
-				"aria-labelledby": "bank-account-onboarding-disclosure-text"
-			}), /* @__PURE__ */ i("p", {
-				id: "bank-account-onboarding-disclosure-text",
-				className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
-				children: [
-					n(g.acceptDisclosuresPrefix, u),
-					/* @__PURE__ */ r(o, {
-						href: d,
-						children: g.termsOfUse
-					}),
-					g.acceptDisclosuresTermsPrivacyJoin,
-					/* @__PURE__ */ r(o, {
-						href: f,
-						children: g.privacyPolicy
-					}),
-					n(g.acceptDisclosuresAfterPrivacy, u),
-					/* @__PURE__ */ r(o, {
-						href: p,
-						children: g.electronicCommunication
-					}),
-					n(g.acceptDisclosuresAfterElectronic, u),
-					/* @__PURE__ */ r(o, {
-						href: m,
-						children: g.patriotAct
-					})
-				]
-			})]
-		})]
-	});
-}
+var e = {
+	panelTitle: "Personal Details",
+	editButtonAriaLabel: "Edit personal details",
+	editTooltip: "Edit personal details",
+	firstName: "First name",
+	lastName: "Last name",
+	dateOfBirth: "Date of birth",
+	dateOfBirthPlaceholder: "Pick a date",
+	ssn: "SSN",
+	ssnShow: "Show",
+	ssnHide: "Hide",
+	homeAddress: "Home address",
+	city: "City",
+	state: "State",
+	statePlaceholder: "Select state",
+	zipCode: "ZIP code",
+	mobilePhoneNumber: "Mobile phone number",
+	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"
+};
 //#endregion
-export { s as BusinessDisclosuresSection };
+export { e as ABOUT_YOU_PANEL_LABELS_EN };

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

@@ -1,10 +1,76 @@
+import { Button as e, Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i, Typography as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ABOUT_YOU_PANEL_LABELS_EN as o } from "./index24.js";
+import { AboutYouEditForm as s } from "./index22.js";
+import { AboutYouSummary as c } from "./index23.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Pen as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index25.js
-var e = {
-	title: "Save changes to application",
-	description: "This application has changes that have not been saved. Save it to finish later, or discard the changes.",
-	saveDraftButton: "Save changes",
-	discardButton: "Discard changes",
-	closeButton: "Close"
-};
+function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, ssnRevealed: v, ssnToggleAriaLabel: y, onToggleSsnVisibility: b, showOwnershipPercentage: x, maxBirthDate: S, ssnMaskedDisplay: C, ssnFormattedDisplay: w, ssnRequired: T, ssnPlaceholder: E, ssnHelpText: D, testIds: O }) {
+	let k = {
+		...o,
+		...g
+	};
+	return f ? /* @__PURE__ */ l(s, {
+		fields: h,
+		labels: k,
+		isDisabled: _,
+		ssnRevealed: v,
+		ssnToggleAriaLabel: y,
+		onToggleSsnVisibility: b,
+		showOwnershipPercentage: x,
+		maxBirthDate: S,
+		ssnMaskedDisplay: C,
+		ssnFormattedDisplay: w,
+		ssnRequired: T,
+		ssnPlaceholder: E,
+		ssnHelpText: D,
+		testIds: O?.editForm
+	}) : /* @__PURE__ */ u("section", {
+		"data-testid": O?.root,
+		className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
+				children: [/* @__PURE__ */ l(a, {
+					component: "h3",
+					variant: "h6",
+					className: "ttw:font-semibold ttw:text-foreground",
+					children: k.panelTitle
+				}), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(i, {
+					asChild: !0,
+					onFocus: (e) => {
+						e.preventDefault();
+					},
+					children: /* @__PURE__ */ l(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						onClick: p,
+						disabled: _,
+						"aria-label": k.editButtonAriaLabel,
+						"data-testid": O?.editButton,
+						className: "ttw:rounded-lg ttw:bg-muted ttw:text-foreground ttw:hover:bg-primary/10 ttw:hover:text-foreground",
+						children: /* @__PURE__ */ l(d, {
+							className: "ttw:size-5",
+							"aria-hidden": !0
+						})
+					})
+				}), /* @__PURE__ */ l(n, {
+					side: "top",
+					sideOffset: 4,
+					children: k.editTooltip
+				})] }) })]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "ttw:mb-3 ttw:border-b ttw:border-border",
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ l(c, {
+				rows: m,
+				testIds: O?.summary
+			})
+		]
+	});
+}
 //#endregion
-export { e as UNSAVED_APPLICATION_DIALOG_LABELS_EN };
+export { o as ABOUT_YOU_PANEL_LABELS_EN, f as AboutYouPanel };

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

@@ -1,59 +1,87 @@
-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 { UNSAVED_APPLICATION_DIALOG_LABELS_EN as s } from "./index25.js";
-import { useRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { XIcon as d } from "lucide-react";
+import { Checkbox as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BUSINESS_DETAILS_LABELS_EN as t, interpolateBankName as n } from "./index7.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index26.js
-function f({ open: f, onSaveDraft: p, onDiscard: m, onCancel: h, isSaving: g = !1, labels: _, testIds: v }) {
-	let y = {
-		...s,
-		..._
-	}, b = c(null);
-	return /* @__PURE__ */ l(e, {
-		open: f,
-		onOpenChange: (e) => {
-			!e && !g && h();
-		},
-		children: /* @__PURE__ */ u(t, {
-			"data-testid": v?.root,
-			onOpenAutoFocus: (e) => {
-				e.preventDefault(), b.current?.focus();
-			},
-			children: [
-				/* @__PURE__ */ u("button", {
-					ref: b,
-					type: "button",
-					onClick: h,
-					disabled: g,
-					"data-testid": v?.close,
-					className: "ttw:absolute ttw:right-4 ttw:top-4 ttw:cursor-pointer ttw:rounded-sm ttw:opacity-70 ttw:ring-offset-background ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:outline-hidden ttw:focus:ring-2 ttw:focus:ring-ring ttw:focus:ring-offset-2 ttw:disabled:pointer-events-none",
-					children: [/* @__PURE__ */ l(d, {
-						className: "ttw:size-4",
-						"aria-hidden": !0
-					}), /* @__PURE__ */ l("span", {
-						className: "ttw:sr-only",
-						children: y.closeButton
-					})]
-				}),
-				/* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(a, { children: y.title }), /* @__PURE__ */ l(n, { children: y.description })] }),
-				/* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(o, {
-					type: "button",
-					variant: "outline",
-					onClick: m,
-					disabled: g,
-					"data-testid": v?.discard,
-					children: y.discardButton
-				}), /* @__PURE__ */ l(o, {
-					type: "button",
-					loading: g,
-					disabled: g,
-					onClick: p,
-					"data-testid": v?.saveDraft,
-					children: y.saveDraftButton
-				})] })
-			]
-		})
+var a = "ttw:cursor-pointer ttw:text-primary ttw:underline ttw:underline-offset-2";
+function o({ href: e, children: t }) {
+	return e ? /* @__PURE__ */ r("a", {
+		href: e,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: a,
+		children: t
+	}) : /* @__PURE__ */ r("span", {
+		className: a,
+		children: t
+	});
+}
+function s({ value: a, onChange: s, isSubmitting: c, labels: l, bankName: u, termsHref: d, privacyHref: f, electronicCommunicationHref: p, patriotActHref: m, testIds: h }) {
+	let g = {
+		...t,
+		...l,
+		companyStructureOptions: {
+			...t.companyStructureOptions,
+			...l?.companyStructureOptions ?? {}
+		}
+	}, _ = (e, t) => s({
+		...a,
+		[e]: t
+	});
+	return /* @__PURE__ */ i("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		children: [/* @__PURE__ */ i("div", {
+			className: "ttw:flex ttw:items-start ttw:gap-2",
+			children: [/* @__PURE__ */ r(e, {
+				id: "isAuthorized",
+				"data-testid": h?.authorizationCheckbox,
+				checked: a.isAuthorized === !0,
+				onCheckedChange: (e) => _("isAuthorized", e === !0 || null),
+				disabled: c,
+				className: "ttw:mt-0.5",
+				"aria-labelledby": "bank-account-onboarding-authorization-text"
+			}), /* @__PURE__ */ r("p", {
+				id: "bank-account-onboarding-authorization-text",
+				className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
+				children: g.isAuthorizedQuestion
+			})]
+		}), /* @__PURE__ */ i("div", {
+			className: "ttw:flex ttw:items-start ttw:gap-2",
+			children: [/* @__PURE__ */ r(e, {
+				id: "isCheckboxChecked",
+				"data-testid": h?.disclosureCheckbox,
+				checked: a.isCheckboxChecked,
+				onCheckedChange: (e) => _("isCheckboxChecked", e === !0),
+				disabled: c,
+				className: "ttw:mt-0.5",
+				"aria-labelledby": "bank-account-onboarding-disclosure-text"
+			}), /* @__PURE__ */ i("p", {
+				id: "bank-account-onboarding-disclosure-text",
+				className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
+				children: [
+					n(g.acceptDisclosuresPrefix, u),
+					/* @__PURE__ */ r(o, {
+						href: d,
+						children: g.termsOfUse
+					}),
+					g.acceptDisclosuresTermsPrivacyJoin,
+					/* @__PURE__ */ r(o, {
+						href: f,
+						children: g.privacyPolicy
+					}),
+					n(g.acceptDisclosuresAfterPrivacy, u),
+					/* @__PURE__ */ r(o, {
+						href: p,
+						children: g.electronicCommunication
+					}),
+					n(g.acceptDisclosuresAfterElectronic, u),
+					/* @__PURE__ */ r(o, {
+						href: m,
+						children: g.patriotAct
+					})
+				]
+			})]
+		})]
 	});
 }
 //#endregion
-export { s as UNSAVED_APPLICATION_DIALOG_LABELS_EN, f as UnsavedApplicationDialog };
+export { s as BusinessDisclosuresSection };

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

@@ -1,11 +1,10 @@
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index27.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 close",
-	descriptionAfterEmphasis: " instead.",
-	keepEditingButton: "Keep editing",
-	deleteButton: "Delete application"
+	title: "Save changes to application",
+	description: "This application has changes that have not been saved. Save it to finish later, or discard the changes.",
+	saveDraftButton: "Save changes",
+	discardButton: "Discard changes",
+	closeButton: "Close"
 };
 //#endregion
-export { e as DELETE_APPLICATION_DIALOG_LABELS_EN };
+export { e as UNSAVED_APPLICATION_DIALOG_LABELS_EN };

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

@@ -1,64 +1,59 @@
 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 "./index27.js";
+import { UNSAVED_APPLICATION_DIALOG_LABELS_EN as s } from "./index27.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";
+import { XIcon as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index28.js
-function f({ open: f, onConfirm: p, onCancel: m, isDeleting: h = !1, labels: g, testIds: _ }) {
-	let v = {
+function f({ open: f, onSaveDraft: p, onDiscard: m, onCancel: h, isSaving: g = !1, labels: _, testIds: v }) {
+	let y = {
 		...s,
-		...g
-	}, y = c(null);
+		..._
+	}, b = c(null);
 	return /* @__PURE__ */ l(e, {
 		open: f,
 		onOpenChange: (e) => {
-			!e && !h && m();
+			!e && !g && h();
 		},
 		children: /* @__PURE__ */ u(t, {
-			"data-testid": _?.root,
+			"data-testid": v?.root,
 			onOpenAutoFocus: (e) => {
-				e.preventDefault(), y.current?.focus();
+				e.preventDefault(), b.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,
+			children: [
+				/* @__PURE__ */ u("button", {
+					ref: b,
+					type: "button",
+					onClick: h,
+					disabled: g,
+					"data-testid": v?.close,
+					className: "ttw:absolute ttw:right-4 ttw:top-4 ttw:cursor-pointer ttw:rounded-sm ttw:opacity-70 ttw:ring-offset-background ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:outline-hidden ttw:focus:ring-2 ttw:focus:ring-ring ttw:focus:ring-offset-2 ttw:disabled:pointer-events-none",
+					children: [/* @__PURE__ */ l(d, {
+						className: "ttw:size-4",
+						"aria-hidden": !0
+					}), /* @__PURE__ */ l("span", {
+						className: "ttw:sr-only",
+						children: y.closeButton
+					})]
+				}),
+				/* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(a, { children: y.title }), /* @__PURE__ */ l(n, { children: y.description })] }),
+				/* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(o, {
 					type: "button",
 					variant: "outline",
 					onClick: m,
-					disabled: h,
-					"data-testid": _?.cancel,
-					children: v.keepEditingButton
+					disabled: g,
+					"data-testid": v?.discard,
+					children: y.discardButton
 				}), /* @__PURE__ */ l(o, {
 					type: "button",
-					variant: "destructive",
-					loading: h,
-					disabled: h,
+					loading: g,
+					disabled: g,
 					onClick: p,
-					"data-testid": _?.confirm,
-					children: v.deleteButton
-				})]
-			})]
+					"data-testid": v?.saveDraft,
+					children: y.saveDraftButton
+				})] })
+			]
 		})
 	});
 }
 //#endregion
-export { s as DELETE_APPLICATION_DIALOG_LABELS_EN, f as DeleteApplicationDialog };
+export { s as UNSAVED_APPLICATION_DIALOG_LABELS_EN, f as UnsavedApplicationDialog };

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

@@ -0,0 +1,11 @@
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index29.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 close",
+	descriptionAfterEmphasis: " instead.",
+	keepEditingButton: "Keep editing",
+	deleteButton: "Delete application"
+};
+//#endregion
+export { e as DELETE_APPLICATION_DIALOG_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index30.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 "./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
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { s as DELETE_APPLICATION_DIALOG_LABELS_EN, f as DeleteApplicationDialog };