@tesouro/embedded-components-react 0.3.15 → 0.3.17

package/dist/libs/tesouro-embedded-components-react/accept-disclosures-widget/ui/dist/lib/AcceptDisclosuresWidget/AcceptDisclosuresWidget.js

@@ -3,23 +3,23 @@ import { Button as t, Checkbox as n } from "../../../../../../../packages/shared
 import { useId as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/accept-disclosures-widget/ui/dist/lib/AcceptDisclosuresWidget/AcceptDisclosuresWidget.js
-function o({ providerAttribution: o, agreementText: s, disclosureLinks: c, isAgreed: l, onAgreedChange: u, onAccept: d, isSubmitting: f = !1, isAccepted: p = !1, errorMessage: m, labels: h }) {
-	let g = f || p, _ = e(h), v = r(), y = `${v}-agree`, b = `${v}-agree-description`, x = `${v}-accept-error`;
+function o({ providerAttribution: o, agreementText: s, disclosureLinks: c, isAgreed: l, onAgreedChange: u, onAccept: d, isSubmitting: f = !1, isAccepted: p = !1, errorMessage: m, labels: h, testIds: g }) {
+	let _ = f || p, v = e(h), y = r(), b = `${y}-agree`, x = `${y}-agree-description`, S = `${y}-accept-error`;
 	return /* @__PURE__ */ a("div", {
-		"data-testid": "accept-disclosures-widget-root",
+		"data-testid": g?.root,
 		className: "ttw:block ttw:w-full ttw:rounded-lg ttw:border ttw:border-border ttw:bg-background ttw:p-6",
 		children: [
 			/* @__PURE__ */ i("h2", {
 				className: "ttw:mb-2 ttw:text-lg ttw:font-semibold ttw:text-foreground",
-				children: _.title
+				children: v.title
 			}),
 			/* @__PURE__ */ i("p", {
-				"data-testid": "accept-disclosures-provider-attribution",
+				"data-testid": g?.providerAttribution,
 				className: "ttw:mb-4 ttw:text-sm ttw:text-foreground",
 				children: o
 			}),
 			c.length > 0 ? /* @__PURE__ */ i("ul", {
-				"data-testid": "accept-disclosures-links",
+				"data-testid": g?.disclosureLinks,
 				className: "ttw:mb-4 ttw:list-disc ttw:space-y-2 ttw:pl-5",
 				children: c.map((e) => /* @__PURE__ */ i("li", {
 					className: "ttw:marker:text-primary",
@@ -35,33 +35,33 @@ function o({ providerAttribution: o, agreementText: s, disclosureLinks: c, isAgr
 			/* @__PURE__ */ a("div", {
 				className: "ttw:mb-4 ttw:flex ttw:items-start ttw:gap-3",
 				children: [/* @__PURE__ */ i(n, {
-					id: y,
-					"data-testid": "accept-disclosures-agree-checkbox",
+					id: b,
+					"data-testid": g?.agreeCheckbox,
 					checked: l,
-					disabled: g,
+					disabled: _,
 					onCheckedChange: (e) => u(e === !0),
-					"aria-label": _.agreementCheckboxAriaLabel,
-					"aria-describedby": b,
+					"aria-label": v.agreementCheckboxAriaLabel,
+					"aria-describedby": x,
 					className: "ttw:mt-1 ttw:shrink-0"
 				}), /* @__PURE__ */ i("p", {
-					id: b,
-					"data-testid": "accept-disclosures-agreement-text",
+					id: x,
+					"data-testid": g?.agreementText,
 					className: "ttw:text-sm ttw:font-normal ttw:leading-relaxed ttw:text-foreground",
 					children: s
 				})]
 			}),
 			/* @__PURE__ */ i(t, {
 				type: "button",
-				"data-testid": "accept-disclosures-accept-button",
-				disabled: !l || g,
+				"data-testid": g?.acceptButton,
+				disabled: !l || _,
 				"aria-busy": f || void 0,
-				"aria-describedby": m ? x : void 0,
+				"aria-describedby": m ? S : void 0,
 				onClick: d,
-				children: _.acceptButton
+				children: v.acceptButton
 			}),
 			m ? /* @__PURE__ */ i("p", {
-				id: x,
-				"data-testid": "accept-disclosures-error",
+				id: S,
+				"data-testid": g?.error,
 				role: "alert",
 				className: "ttw:mt-3 ttw:text-sm ttw:text-destructive",
 				children: m

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/index.js

@@ -1,2 +1,2 @@
-import { BalancesWidget as e } from "./index5.js";
+import { BalancesWidget as e } from "./index6.js";
 export { e as BalancesWidget };

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/index4.js

@@ -1,13 +1,12 @@
-import { SingleBalance as e } from "../../ui/dist/lib/BalancesWidget/SingleBalance/SingleBalance.js";
-import "../../ui/dist/index.js";
-import { jsx as t } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/balances-widget/feature/dist/index4.js
-var n = ({ accountId: n, row: r, isRowClickable: i, onBalanceRowClick: a }) => /* @__PURE__ */ t(e, {
-	row: r,
-	isRowClickable: i,
-	onRowClick: a ? () => {
-		a(n);
-	} : void 0
-});
+var e = {
+	skeleton: "balances-widget-skeleton",
+	error: "balances-widget-error",
+	retry: "balances-widget-retry",
+	totalBalanceInfo: "balances-widget-total-balance-info",
+	totalAvailableLabel: "balances-widget-total-available-label",
+	accountRow: "balances-widget-account-row",
+	accountNumber: "balances-widget-account-number"
+};
 //#endregion
-export { n as SingleBalance };
+export { e as balancesWidgetTestIds };

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/index5.js

@@ -1,67 +1,18 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import "../../../shared/feature/dist/index.js";
-import { BalancesWidgetAnalyticsEvent as n, WIDGET_NAME as r } from "./index2.js";
-import { BalancesWidgetContextProvider as i, useBalancesWidgetContext as a } from "./index3.js";
-import { BalancesWidget as o } from "../../ui/dist/lib/BalancesWidget/BalancesWidget.js";
+import { balancesWidgetTestIds as e } from "./index4.js";
+import { SingleBalance as t } from "../../ui/dist/lib/BalancesWidget/SingleBalance/SingleBalance.js";
 import "../../ui/dist/index.js";
-import { SingleBalance as s } from "./index4.js";
-import { useEffect as c, useMemo as l } from "react";
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/balances-widget/feature/dist/index5.js
-var d = 5;
-function f({ maxAccounts: t, labels: r, onBalanceRowClick: i }) {
-	let d = e();
-	c(() => {
-		d(n.Mounted);
-	}, [d]);
-	let { accountRows: f, isLoading: p, isError: m, refetch: h, totalBalance: g, shouldTotalBalanceDisplay: _, shouldShowViewAllAccounts: v, isRowClickable: y, onViewAllAccountsClicked: b } = a(), x = l(() => f.slice(0, t), [f, t]), S = l(() => f.map((e) => e.view), [f]);
-	return /* @__PURE__ */ u(o, {
-		accountRows: S,
-		isLoading: p,
-		isError: m,
-		onRetry: m ? () => void h() : void 0,
-		totalBalance: g,
-		shouldTotalBalanceDisplay: _,
-		shouldShowViewAllAccounts: v,
-		onViewAllAccountsClicked: b,
-		labels: r,
-		children: x.map((e) => /* @__PURE__ */ u(s, {
-			accountId: e.accountId,
-			row: e.view,
-			onBalanceRowClick: i,
-			isRowClickable: y
-		}, e.accountId))
-	});
-}
-var p = ({ maxAccounts: e = d, labels: t, onBalanceRowClick: n, onViewAllAccountsClick: r }) => {
-	let a = Math.max(0, e);
-	return /* @__PURE__ */ u(i, {
-		maxAccounts: a,
-		onBalanceRowClick: n,
-		onViewAllAccountsClick: r,
-		children: /* @__PURE__ */ u(f, {
-			maxAccounts: a,
-			labels: t,
-			onBalanceRowClick: n
-		})
-	});
-};
-function m({ maxAccounts: e, labels: n, onBalanceRowClick: i, onViewAllAccountsClick: a, ...o }) {
-	return /* @__PURE__ */ u(t, {
-		...o,
-		widgetName: r,
-		children: /* @__PURE__ */ u(p, {
-			maxAccounts: e,
-			labels: n,
-			onBalanceRowClick: i,
-			onViewAllAccountsClick: a
-		})
-	});
-}
+var r = ({ accountId: r, row: i, isRowClickable: a, onBalanceRowClick: o }) => /* @__PURE__ */ n(t, {
+	row: i,
+	isRowClickable: a,
+	testIds: {
+		root: e.accountRow,
+		accountNumber: e.accountNumber
+	},
+	onRowClick: o ? () => {
+		o(r);
+	} : void 0
+});
 //#endregion
-export { m as BalancesWidget, f as BalancesWidgetInternal, p as BalancesWidgetWithContext };
+export { r as SingleBalance };

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/index6.js

@@ -0,0 +1,75 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/index.js";
+import { BalancesWidgetAnalyticsEvent as n, WIDGET_NAME as r } from "./index2.js";
+import { BalancesWidgetContextProvider as i, useBalancesWidgetContext as a } from "./index3.js";
+import { balancesWidgetTestIds as o } from "./index4.js";
+import { BalancesWidget as s } from "../../ui/dist/lib/BalancesWidget/BalancesWidget.js";
+import "../../ui/dist/index.js";
+import { SingleBalance as c } from "./index5.js";
+import { useEffect as l, useMemo as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/balances-widget/feature/dist/index6.js
+var f = 5;
+function p({ maxAccounts: t, labels: r, onBalanceRowClick: i }) {
+	let f = e();
+	l(() => {
+		f(n.Mounted);
+	}, [f]);
+	let { accountRows: p, isLoading: m, isError: h, refetch: g, totalBalance: _, shouldTotalBalanceDisplay: v, shouldShowViewAllAccounts: y, isRowClickable: b, onViewAllAccountsClicked: x } = a(), S = u(() => p.slice(0, t), [p, t]), C = u(() => p.map((e) => e.view), [p]);
+	return /* @__PURE__ */ d(s, {
+		accountRows: C,
+		isLoading: m,
+		isError: h,
+		onRetry: h ? () => void g() : void 0,
+		totalBalance: _,
+		shouldTotalBalanceDisplay: v,
+		shouldShowViewAllAccounts: y,
+		onViewAllAccountsClicked: x,
+		labels: r,
+		testIds: {
+			skeleton: o.skeleton,
+			error: o.error,
+			retry: o.retry,
+			totalBalanceInfo: o.totalBalanceInfo,
+			totalAvailableLabel: o.totalAvailableLabel
+		},
+		children: S.map((e) => /* @__PURE__ */ d(c, {
+			accountId: e.accountId,
+			row: e.view,
+			onBalanceRowClick: i,
+			isRowClickable: b
+		}, e.accountId))
+	});
+}
+var m = ({ maxAccounts: e = f, labels: t, onBalanceRowClick: n, onViewAllAccountsClick: r }) => {
+	let a = Math.max(0, e);
+	return /* @__PURE__ */ d(i, {
+		maxAccounts: a,
+		onBalanceRowClick: n,
+		onViewAllAccountsClick: r,
+		children: /* @__PURE__ */ d(p, {
+			maxAccounts: a,
+			labels: t,
+			onBalanceRowClick: n
+		})
+	});
+};
+function h({ maxAccounts: e, labels: n, onBalanceRowClick: i, onViewAllAccountsClick: a, ...o }) {
+	return /* @__PURE__ */ d(t, {
+		...o,
+		widgetName: r,
+		children: /* @__PURE__ */ d(m, {
+			maxAccounts: e,
+			labels: n,
+			onBalanceRowClick: i,
+			onViewAllAccountsClick: a
+		})
+	});
+}
+//#endregion
+export { h as BalancesWidget, p as BalancesWidgetInternal, m as BalancesWidgetWithContext };

package/dist/libs/tesouro-embedded-components-react/balances-widget/ui/dist/lib/BalancesWidget/BalancesWidget.js

@@ -5,34 +5,34 @@ import { BALANCES_WIDGET_LABELS_EN as c } from "./labels.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { ArrowRight as d, CircleHelp as f } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/balances-widget/ui/dist/lib/BalancesWidget/BalancesWidget.js
-var p = ({ accountRows: p, children: m, isLoading: h, isError: g, onRetry: _, totalBalance: v, shouldTotalBalanceDisplay: y, shouldShowViewAllAccounts: b, onViewAllAccountsClicked: x, labels: S }) => {
-	let C = {
+var p = ({ accountRows: p, children: m, isLoading: h, isError: g, onRetry: _, totalBalance: v, shouldTotalBalanceDisplay: y, shouldShowViewAllAccounts: b, onViewAllAccountsClicked: x, labels: S, testIds: C }) => {
+	let w = {
 		...c,
 		...S
 	};
 	return /* @__PURE__ */ l(s, {
-		title: C.widgetTitle,
+		title: w.widgetTitle,
 		showHeaderDivider: !1,
 		children: h ? /* @__PURE__ */ l(t, {
-			"data-testid": "balances-widget-skeleton",
+			"data-testid": C?.skeleton,
 			height: 80,
 			width: "100%",
 			className: "ttw:rounded-md"
 		}) : g ? /* @__PURE__ */ u("div", {
 			className: "ttw:flex ttw:flex-col ttw:gap-3",
-			"data-testid": "balances-widget-error",
+			"data-testid": C?.error,
 			children: [
 				/* @__PURE__ */ l(o, {
 					component: "p",
 					variant: "body1",
 					className: "ttw:font-semibold",
-					children: C.loadErrorTitle
+					children: w.loadErrorTitle
 				}),
 				/* @__PURE__ */ l(o, {
 					component: "p",
 					variant: "body2",
 					color: "muted",
-					children: C.loadErrorDescription
+					children: w.loadErrorDescription
 				}),
 				_ ? /* @__PURE__ */ l(e, {
 					type: "button",
@@ -40,8 +40,8 @@ var p = ({ accountRows: p, children: m, isLoading: h, isError: g, onRetry: _, to
 					size: "sm",
 					className: "ttw:self-start ttw:cursor-pointer",
 					onClick: _,
-					"data-testid": "balances-widget-retry",
-					children: C.loadErrorRetry
+					"data-testid": C?.retry,
+					children: w.loadErrorRetry
 				}) : null
 			]
 		}) : p.length > 0 ? /* @__PURE__ */ u("div", {
@@ -63,8 +63,8 @@ var p = ({ accountRows: p, children: m, isLoading: h, isError: g, onRetry: _, to
 								type: "button",
 								variant: "ghost",
 								size: "icon-sm",
-								"aria-label": C.totalAvailableBalanceInfoAriaLabel,
-								"data-testid": "balances-widget-total-balance-info",
+								"aria-label": w.totalAvailableBalanceInfoAriaLabel,
+								"data-testid": C?.totalBalanceInfo,
 								className: "ttw:size-8 ttw:shrink-0 ttw:text-muted-foreground",
 								children: /* @__PURE__ */ l(f, {
 									className: "ttw:size-[18px]",
@@ -74,15 +74,15 @@ var p = ({ accountRows: p, children: m, isLoading: h, isError: g, onRetry: _, to
 						}), /* @__PURE__ */ l(r, {
 							sideOffset: 4,
 							className: "ttw:max-w-sm ttw:text-left",
-							children: C.totalAvailableBalanceTooltip
+							children: w.totalAvailableBalanceTooltip
 						})] }) })]
 					}), /* @__PURE__ */ l(o, {
 						variant: "body2",
 						color: "muted",
 						component: "span",
-						"data-testid": "balances-widget-total-available-label",
+						"data-testid": C?.totalAvailableLabel,
 						className: "ttw:block ttw:text-sm ttw:leading-tight",
-						children: C.totalAvailableBalance
+						children: w.totalAvailableBalance
 					})]
 				}), /* @__PURE__ */ l("div", {
 					className: "ttw:flex ttw:min-w-0 ttw:flex-col",
@@ -93,14 +93,14 @@ var p = ({ accountRows: p, children: m, isLoading: h, isError: g, onRetry: _, to
 				variant: "link",
 				onClick: x,
 				className: "ttw:h-auto ttw:min-w-0 ttw:justify-start ttw:self-start ttw:border-none ttw:bg-transparent ttw:px-0 ttw:py-0 ttw:font-inherit ttw:normal-case ttw:text-primary ttw:shadow-none ttw:hover:bg-transparent ttw:hover:text-primary/90 ttw:hover:underline",
-				children: [C.viewAllAccounts, /* @__PURE__ */ l(d, {
+				children: [w.viewAllAccounts, /* @__PURE__ */ l(d, {
 					className: "ttw:size-4 ttw:shrink-0",
 					"aria-hidden": !0
 				})]
 			})]
 		}) : /* @__PURE__ */ l(o, {
 			color: "muted",
-			children: C.noBalancesFound
+			children: w.noBalancesFound
 		})
 	});
 };

package/dist/libs/tesouro-embedded-components-react/balances-widget/ui/dist/lib/BalancesWidget/SingleBalance/SingleBalance.js

@@ -15,8 +15,8 @@ var o = (e) => [
 		"ttw:cursor-pointer!",
 		"ttw:focus-visible:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-primary ttw:focus-visible:ring-offset-0"
 	].join(" ") : "ttw:cursor-default"
-].join(" "), s = ({ row: s, isRowClickable: c, onRowClick: l }) => {
-	let u = /* @__PURE__ */ r(t, { children: [
+].join(" "), s = ({ row: s, isRowClickable: c, onRowClick: l, testIds: u }) => {
+	let d = /* @__PURE__ */ r(t, { children: [
 		/* @__PURE__ */ n("span", {
 			className: "ttw:flex ttw:size-10 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-lg ttw:bg-primary/10",
 			"aria-hidden": !0,
@@ -32,7 +32,7 @@ var o = (e) => [
 			}), /* @__PURE__ */ n(e, {
 				component: "span",
 				variant: "body1",
-				"data-testid": "balances-widget-account-number",
+				"data-testid": u?.accountNumber,
 				className: "ttw:shrink-0 ttw:font-normal ttw:text-[#667085]",
 				children: s.suffixLabel
 			})]
@@ -50,14 +50,14 @@ var o = (e) => [
 	] });
 	return c && l ? /* @__PURE__ */ n("button", {
 		type: "button",
-		"data-testid": "balances-widget-account-row",
+		"data-testid": u?.root,
 		className: o(!0),
 		onClick: () => l(),
-		children: u
+		children: d
 	}) : /* @__PURE__ */ n("div", {
-		"data-testid": "balances-widget-account-row",
+		"data-testid": u?.root,
 		className: o(!1),
-		children: u
+		children: d
 	});
 };
 //#endregion

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index.js

@@ -1,2 +1,2 @@
-import { BankAccountOnboardingWidget as e } from "./index17.js";
+import { BankAccountOnboardingWidget as e } from "./index18.js";
 export { e as BankAccountOnboardingWidget };