@tesouro/embedded-components-react 0.2.249 → 0.2.253

package/dist/experimental/index.js

@@ -1,3 +1,6 @@
-import { WidgetSuiteStyleProbe as e } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js";
+import { WIDGET_SUITE_SECTION_LABELS_EN as e } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index3.js";
+import { WidgetSuiteSectionId as t } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js";
+import { WIDGET_SUITE_SHELL_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js";
+import { WidgetSuite as r } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.js";
 import "./WidgetSuite.js";
-export { e as WidgetSuiteStyleProbe };
+export { e as WIDGET_SUITE_SECTION_LABELS_EN, n as WIDGET_SUITE_SHELL_LABELS_EN, r as WidgetSuite, t as WidgetSuiteSectionId };

package/dist/index.css

@@ -449,6 +449,9 @@
   .ttw\:mr-auto {
     margin-right: auto;
   }
+  .ttw\:-mb-px {
+    margin-bottom: -1px;
+  }
   .ttw\:mb-0 {
     margin-bottom: 0px;
   }
@@ -916,8 +919,8 @@
   .ttw\:min-h-\[300px\] {
     min-height: 300px;
   }
-  .ttw\:min-h-\[364px\] {
-    min-height: 364px;
+  .ttw\:min-h-\[432px\] {
+    min-height: 432px;
   }
   .ttw\:min-h-\[1123px\] {
     min-height: 1123px;
@@ -2015,6 +2018,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
   }
+  .ttw\:border-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
   .ttw\:border-l {
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
@@ -2660,6 +2667,9 @@
   .ttw\:p-8 {
     padding: calc(var(--ttw-spacing) * 8);
   }
+  .ttw\:p-10 {
+    padding: calc(var(--ttw-spacing) * 10);
+  }
   .ttw\:p-12 {
     padding: calc(var(--ttw-spacing) * 12);
   }
@@ -4075,6 +4085,9 @@
     .ttw\:hover\:border-\[\#EAECF0\]:hover {
       border-color: #EAECF0;
     }
+    .ttw\:hover\:border-border:hover {
+      border-color: var(--ttw-border);
+    }
     .ttw\:hover\:border-indigo-700:hover {
       border-color: var(--ttw-color-indigo-700);
     }
@@ -4428,6 +4441,13 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .ttw\:focus-visible\:outline-2:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .ttw\:focus-visible\:outline-offset-2:focus-visible {
+    outline-offset: 2px;
+  }
   .ttw\:focus-visible\:outline-ring:focus-visible {
     outline-color: var(--ttw-ring);
   }

package/dist/index.d.ts

@@ -10,6 +10,8 @@ interface AcceptDisclosuresWidgetLabels {
     title: string;
     acceptButton: string;
     agreementCheckboxAriaLabel: string;
+    /** Fallback when the accept API fails without a usable message. */
+    acceptErrorFallback: string;
     /** Use `{bankName}` as the bank display-name placeholder. */
     agreementTextTemplate: string;
     providerAttributionPrefix: string;
@@ -41,6 +43,15 @@ interface AcceptDisclosuresWidgetProps$1 {
     isAgreed: boolean;
     onAgreedChange: (checked: boolean) => void;
     onAccept: () => void;
+    /** Disables the checkbox and Accept control while a submit is in flight. */
+    isSubmitting?: boolean;
+    /**
+     * Keeps the checkbox and Accept control disabled once acceptance is done.
+     * Separate from {@link isSubmitting} so `aria-busy` only means "in flight".
+     */
+    isAccepted?: boolean;
+    /** Inline error shown under Accept; omit or empty when there is no error. */
+    errorMessage?: string;
     labels?: PartialDeep$5<AcceptDisclosuresWidgetLabels>;
 }
 
@@ -1338,8 +1349,19 @@ interface AcceptDisclosuresLinks {
     usaPatriotActUrl: string;
 }
 
-type UiOwnedProps = 'providerAttribution' | 'agreementText' | 'disclosureLinks' | 'isAgreed' | 'onAgreedChange' | 'onAccept';
+type UiOwnedProps = 'providerAttribution' | 'agreementText' | 'disclosureLinks' | 'isAgreed' | 'onAgreedChange' | 'onAccept' | 'isSubmitting' | 'isAccepted' | 'errorMessage';
 type InnerProps = Omit<AcceptDisclosuresWidgetProps$1, UiOwnedProps> & {
+    /**
+     * Invitation token from the invite link. Bound into the disclosures lookup
+     * before activation, and used to remount consent state when the invite
+     * changes. This widget does not read URL search params.
+     */
+    invitationToken: string;
+    /**
+     * Invited user id from the invite link. Required with {@link invitationToken}
+     * for the disclosures lookup and remount identity.
+     */
+    userId: string;
     /**
      * URLs of the four bank-issued disclosure documents. Required to render along
      * with a bank name from widget init: the widget carries no document URLs of its
@@ -1348,23 +1370,22 @@ type InnerProps = Omit<AcceptDisclosuresWidgetProps$1, UiOwnedProps> & {
      */
     disclosureLinks?: AcceptDisclosuresLinks;
     /**
-     * Records the acceptance instead of the built-in call. Reject to keep the
-     * agreement on screen for a retry.
-     *
-     * Escape hatch for a host that must complete an invitee's acceptance today:
-     * the built-in call targets the authenticated-user endpoint, which the gateway
-     * refuses for a user who is not active yet ("User must be active to access
-     * this resource") — and an invitee is precisely that. Such a host has to go
-     * through the invite-token endpoints server-side, which the published package
-     * cannot do. Expected to become unnecessary with EMBD-4525, which moves
-     * acceptance in-process in the gateway and lifts the active-user gate.
+     * Called after the atomic accept succeeds and before init refresh is kicked.
+     * May return a promise — the widget awaits it before locking controls and
+     * refreshing init, so a rejected continuation surfaces as an error and leaves
+     * Accept retryable (and the host gate stays mounted).
      */
-    onAccept?: () => Promise<void> | void;
+    onAccepted?: () => void | Promise<void>;
 };
 type AcceptDisclosuresWidgetProps = WidgetProviderProps & InnerProps;
 /**
- * Self-contained AcceptDisclosures widget. Wraps the presentational UI in
- * {@link WidgetProvider}; acceptance mutations land in follow-up work.
+ * Self-contained AcceptDisclosures widget for the pre-auth invite flow.
+ * Posts `POST /api/widget-gateway/disclosure-acceptance` (after reading the
+ * disclosure version in force via the widget-gateway proxy), which activates
+ * the invitee and records acceptance in one transaction, then awaits any
+ * `onAccepted` continuation and kicks a widget-init refresh so host gates
+ * keyed on `INVITED` can clear. Auth uses the normal WidgetToken provider
+ * contract — never an APP/M2M bearer.
  */
 declare function AcceptDisclosuresWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...innerProps }: AcceptDisclosuresWidgetProps): React.JSX.Element;
 

package/dist/lib/AcceptDisclosuresWidget.d.ts

@@ -9,6 +9,8 @@ interface AcceptDisclosuresWidgetLabels {
     title: string;
     acceptButton: string;
     agreementCheckboxAriaLabel: string;
+    /** Fallback when the accept API fails without a usable message. */
+    acceptErrorFallback: string;
     /** Use `{bankName}` as the bank display-name placeholder. */
     agreementTextTemplate: string;
     providerAttributionPrefix: string;
@@ -40,6 +42,15 @@ interface AcceptDisclosuresWidgetProps$1 {
     isAgreed: boolean;
     onAgreedChange: (checked: boolean) => void;
     onAccept: () => void;
+    /** Disables the checkbox and Accept control while a submit is in flight. */
+    isSubmitting?: boolean;
+    /**
+     * Keeps the checkbox and Accept control disabled once acceptance is done.
+     * Separate from {@link isSubmitting} so `aria-busy` only means "in flight".
+     */
+    isAccepted?: boolean;
+    /** Inline error shown under Accept; omit or empty when there is no error. */
+    errorMessage?: string;
     labels?: PartialDeep<AcceptDisclosuresWidgetLabels>;
 }
 
@@ -624,8 +635,19 @@ interface AcceptDisclosuresLinks {
     usaPatriotActUrl: string;
 }
 
-type UiOwnedProps = 'providerAttribution' | 'agreementText' | 'disclosureLinks' | 'isAgreed' | 'onAgreedChange' | 'onAccept';
+type UiOwnedProps = 'providerAttribution' | 'agreementText' | 'disclosureLinks' | 'isAgreed' | 'onAgreedChange' | 'onAccept' | 'isSubmitting' | 'isAccepted' | 'errorMessage';
 type InnerProps = Omit<AcceptDisclosuresWidgetProps$1, UiOwnedProps> & {
+    /**
+     * Invitation token from the invite link. Bound into the disclosures lookup
+     * before activation, and used to remount consent state when the invite
+     * changes. This widget does not read URL search params.
+     */
+    invitationToken: string;
+    /**
+     * Invited user id from the invite link. Required with {@link invitationToken}
+     * for the disclosures lookup and remount identity.
+     */
+    userId: string;
     /**
      * URLs of the four bank-issued disclosure documents. Required to render along
      * with a bank name from widget init: the widget carries no document URLs of its
@@ -634,23 +656,22 @@ type InnerProps = Omit<AcceptDisclosuresWidgetProps$1, UiOwnedProps> & {
      */
     disclosureLinks?: AcceptDisclosuresLinks;
     /**
-     * Records the acceptance instead of the built-in call. Reject to keep the
-     * agreement on screen for a retry.
-     *
-     * Escape hatch for a host that must complete an invitee's acceptance today:
-     * the built-in call targets the authenticated-user endpoint, which the gateway
-     * refuses for a user who is not active yet ("User must be active to access
-     * this resource") — and an invitee is precisely that. Such a host has to go
-     * through the invite-token endpoints server-side, which the published package
-     * cannot do. Expected to become unnecessary with EMBD-4525, which moves
-     * acceptance in-process in the gateway and lifts the active-user gate.
+     * Called after the atomic accept succeeds and before init refresh is kicked.
+     * May return a promise — the widget awaits it before locking controls and
+     * refreshing init, so a rejected continuation surfaces as an error and leaves
+     * Accept retryable (and the host gate stays mounted).
      */
-    onAccept?: () => Promise<void> | void;
+    onAccepted?: () => void | Promise<void>;
 };
 type AcceptDisclosuresWidgetProps = WidgetProviderProps & InnerProps;
 /**
- * Self-contained AcceptDisclosures widget. Wraps the presentational UI in
- * {@link WidgetProvider}; acceptance mutations land in follow-up work.
+ * Self-contained AcceptDisclosures widget for the pre-auth invite flow.
+ * Posts `POST /api/widget-gateway/disclosure-acceptance` (after reading the
+ * disclosure version in force via the widget-gateway proxy), which activates
+ * the invitee and records acceptance in one transaction, then awaits any
+ * `onAccepted` continuation and kicks a widget-init refresh so host gates
+ * keyed on `INVITED` can clear. Auth uses the normal WidgetToken provider
+ * contract — never an APP/M2M bearer.
  */
 declare function AcceptDisclosuresWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...innerProps }: AcceptDisclosuresWidgetProps): React.JSX.Element;
 

package/dist/libs/tesouro-embedded-components-react/accept-disclosures-widget/data-access/dist/index.js

@@ -1,2 +1,2 @@
-import { useAcceptDisclosures as e } from "./index2.js";
-export { e as useAcceptDisclosures };
+import { useAcceptWidgetDisclosures as e } from "./index2.js";
+export { e as useAcceptWidgetDisclosures };

package/dist/libs/tesouro-embedded-components-react/accept-disclosures-widget/data-access/dist/index2.js

@@ -3,13 +3,32 @@
 "use client";
 "use client";
 import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { acceptDisclosuresMutation as t } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { getDisclosures as t, postApiWidgetGatewayDisclosureAcceptance as n } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
 import "../../../shared/data-access/dist/index.js";
-import { useMutation as n } from "@tanstack/react-query";
+import { useMutation as r } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/accept-disclosures-widget/data-access/dist/index2.js
-function r() {
-	let { client: r } = e();
-	return n({ ...t({ client: r }) });
+function i() {
+	let { client: i, widgetToken: a } = e();
+	return r({ mutationFn: async ({ invitationToken: e, userId: r }) => {
+		if (!a) throw Error("Widget token is required to accept disclosures");
+		let { data: o } = await t({
+			client: i,
+			headers: { "X-Widget-Token": a },
+			query: {
+				invitationToken: e,
+				userId: r
+			},
+			throwOnError: !0
+		});
+		if (!o) throw Error("Unexpected disclosures response from widget gateway");
+		let { data: s } = await n({
+			client: i,
+			headers: { "X-Widget-Token": a },
+			body: { version: o.version },
+			throwOnError: !0
+		});
+		return s;
+	} });
 }
 //#endregion
-export { r as useAcceptDisclosures };
+export { i as useAcceptWidgetDisclosures };

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

@@ -7,16 +7,17 @@ import { ACCEPT_DISCLOSURES_WIDGET_LABELS_EN as n } from "../../ui/dist/index2.j
 import { AcceptDisclosuresWidget as r } from "../../ui/dist/index3.js";
 import "../../ui/dist/index.js";
 import { resolveAcceptDisclosuresContent as i } from "./index3.js";
-import { useAcceptDisclosures as a } from "../../data-access/dist/index2.js";
+import { useAcceptWidgetDisclosures as a } from "../../data-access/dist/index2.js";
 import "../../data-access/dist/index.js";
 import { useAnalyticsTrack as o } from "../../../shared/feature/dist/lib/analytics/hooks.js";
 import { WidgetProvider as s } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useRefetchWidget as c, useWidgetConfig as l } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { extractApiErrorMessage as c } from "../../../shared/util/dist/index14.js";
+import { useRefetchWidget as l, useWidgetConfig as u } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
-import { useEffect as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/accept-disclosures-widget/feature/dist/index4.js
-function h(e) {
+function v(e) {
 	return {
 		...n,
 		...e,
@@ -26,58 +27,92 @@ function h(e) {
 		}
 	};
 }
-function g(e, t, n) {
-	return /* @__PURE__ */ m(f, { children: [
+function y(e, t, n) {
+	return /* @__PURE__ */ _(h, { children: [
 		n.providerAttributionPrefix,
-		/* @__PURE__ */ p("strong", { children: e }),
+		/* @__PURE__ */ g("strong", { children: e }),
 		n.providerAttributionMiddle,
 		t,
 		n.providerAttributionSuffix
 	] });
 }
-function _({ disclosureLinks: t, labels: n, onAccept: r }) {
-	let a = o(), { initResponse: s } = l(), c = h(n), [f, m] = d(!1);
-	u(() => {
-		a(e.Mounted);
-	}, [a]);
-	let g = i({
-		disclosureLinks: t,
-		vspName: s?.vspName,
-		bankName: s?.bankName,
-		labels: n
+function b({ invitationToken: t, userId: n, disclosureLinks: r, labels: a, onAccepted: s }) {
+	let c = o(), { initResponse: l } = u(), d = v(a);
+	f(() => {
+		c(e.Mounted);
+	}, [c]);
+	let p = i({
+		disclosureLinks: r,
+		vspName: l?.vspName,
+		bankName: l?.bankName,
+		labels: a
 	});
-	if (f || !g) return null;
-	let _ = `${g.vspName}:${g.bankName}:${g.agreementText}:${g.disclosureLinks.map((e) => e.href).join("|")}`;
-	return /* @__PURE__ */ p(v, {
-		labelOverrides: n,
-		content: g,
-		labels: c,
-		onAccept: r,
-		onAccepted: () => m(!0)
-	}, _);
+	if (!p) return null;
+	let m = `${t}:${n}:${p.vspName}:${p.bankName}:${p.agreementText}:${p.disclosureLinks.map((e) => e.href).join("|")}`;
+	return /* @__PURE__ */ g(x, {
+		invitationToken: t,
+		userId: n,
+		labelOverrides: a,
+		content: p,
+		labels: d,
+		onAccepted: s
+	}, m);
 }
-function v({ labelOverrides: e, content: t, labels: n, onAccept: i, onAccepted: o }) {
-	let [s, l] = d(!1), u = a(), f = c();
-	return /* @__PURE__ */ p(r, {
-		labels: e,
-		providerAttribution: g(t.vspName, t.bankName, n),
-		agreementText: t.agreementText,
-		disclosureLinks: t.disclosureLinks,
-		isAgreed: s,
-		onAgreedChange: l,
-		onAccept: async () => {
+function x({ invitationToken: e, userId: t, labelOverrides: n, content: i, labels: o, onAccepted: s }) {
+	let [u, f] = m(!1), [h, _] = m(), [v, b] = m(!1), [x, S] = m(!1), C = p(!1), { mutateAsync: w } = a(), T = l(), E = d((e) => {
+		_(void 0), f(e);
+	}, []), D = d(async () => {
+		if (!(!u || v || x)) {
+			_(void 0), b(!0);
 			try {
-				i ? await i() : await u.mutateAsync({});
-			} catch (e) {
-				console.error("[accept-disclosures] acceptance failed", e);
-				return;
+				if (!C.current) try {
+					await w({
+						invitationToken: e,
+						userId: t
+					}), C.current = !0;
+				} catch (e) {
+					_(c(e) ?? o.acceptErrorFallback);
+					return;
+				}
+				try {
+					await s?.();
+				} catch (e) {
+					_(c(e) ?? o.acceptErrorFallback);
+					return;
+				}
+				T(), S(!0);
+			} finally {
+				b(!1);
 			}
-			o(), f();
 		}
+	}, [
+		w,
+		x,
+		e,
+		u,
+		v,
+		o.acceptErrorFallback,
+		s,
+		T,
+		t
+	]);
+	return /* @__PURE__ */ g(r, {
+		labels: n,
+		providerAttribution: y(i.vspName, i.bankName, o),
+		agreementText: i.agreementText,
+		disclosureLinks: i.disclosureLinks,
+		isAgreed: u,
+		onAgreedChange: E,
+		onAccept: () => {
+			D();
+		},
+		isSubmitting: v,
+		isAccepted: x,
+		errorMessage: h
 	});
 }
-function y({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, linkComponent: a, implementation: o, uiFramework: c, errorFallback: l, onError: u, analytics: d, ...f }) {
-	return /* @__PURE__ */ p(s, {
+function S({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, linkComponent: a, implementation: o, uiFramework: c, errorFallback: l, onError: u, analytics: d, ...f }) {
+	return /* @__PURE__ */ g(s, {
 		widgetName: t,
 		baseUrl: e,
 		widgetToken: n,
@@ -89,8 +124,8 @@ function y({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, lin
 		errorFallback: l,
 		onError: u,
 		analytics: d,
-		children: /* @__PURE__ */ p(_, { ...f })
+		children: /* @__PURE__ */ g(b, { ...f })
 	});
 }
 //#endregion
-export { y as AcceptDisclosuresWidget };
+export { S as AcceptDisclosuresWidget };

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

@@ -3,6 +3,7 @@ var e = {
 	title: "Review and accept these banking disclosures",
 	acceptButton: "Accept",
 	agreementCheckboxAriaLabel: "Agree to banking disclosures",
+	acceptErrorFallback: "Failed to accept disclosures",
 	agreementTextTemplate: "I agree to {bankName}'s Terms of Use and Privacy Policy, consent to receive electronic communications about my accounts and services, and acknowledge receipt of the USA PATRIOT Act Disclosure.",
 	providerAttributionPrefix: "Banking services for ",
 	providerAttributionMiddle: " are provided by ",

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

@@ -3,22 +3,22 @@ import { Button as t, Checkbox as n } from "../../../../../packages/shared-ui-sh
 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/index3.js
-function o({ providerAttribution: o, agreementText: s, disclosureLinks: c, isAgreed: l, onAgreedChange: u, onAccept: d, labels: f }) {
-	let p = {
+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,
-		...f,
+		...h,
 		linkLabels: {
 			...e.linkLabels,
-			...f?.linkLabels
+			...h?.linkLabels
 		}
-	}, m = r(), h = `${m}-agree`, g = `${m}-agree-description`;
+	}, v = r(), y = `${v}-agree`, b = `${v}-agree-description`, x = `${v}-accept-error`;
 	return /* @__PURE__ */ a("div", {
 		"data-testid": "accept-disclosures-widget-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: p.title
+				children: _.title
 			}),
 			/* @__PURE__ */ i("p", {
 				"data-testid": "accept-disclosures-provider-attribution",
@@ -42,15 +42,16 @@ 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: h,
+					id: y,
 					"data-testid": "accept-disclosures-agree-checkbox",
 					checked: l,
+					disabled: g,
 					onCheckedChange: (e) => u(e === !0),
-					"aria-label": p.agreementCheckboxAriaLabel,
-					"aria-describedby": g,
+					"aria-label": _.agreementCheckboxAriaLabel,
+					"aria-describedby": b,
 					className: "ttw:mt-1 ttw:shrink-0"
 				}), /* @__PURE__ */ i("p", {
-					id: g,
+					id: b,
 					"data-testid": "accept-disclosures-agreement-text",
 					className: "ttw:text-sm ttw:font-normal ttw:leading-relaxed ttw:text-foreground",
 					children: s
@@ -59,10 +60,19 @@ function o({ providerAttribution: o, agreementText: s, disclosureLinks: c, isAgr
 			/* @__PURE__ */ i(t, {
 				type: "button",
 				"data-testid": "accept-disclosures-accept-button",
-				disabled: !l,
+				disabled: !l || g,
+				"aria-busy": f || void 0,
+				"aria-describedby": m ? x : void 0,
 				onClick: d,
-				children: p.acceptButton
-			})
+				children: _.acceptButton
+			}),
+			m ? /* @__PURE__ */ i("p", {
+				id: x,
+				"data-testid": "accept-disclosures-error",
+				role: "alert",
+				className: "ttw:mt-3 ttw:text-sm ttw:text-destructive",
+				children: m
+			}) : null
 		]
 	});
 }

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index7.js

@@ -15,7 +15,7 @@ import { copyTextToClipboard as ae, formatAmountLabel as a, formatTotalAvailable
 import { DEFAULT_FEATURE_LABELS as se } from "./index4.js";
 import { getBankAccountsPermissions as ce } from "./index5.js";
 import { toAccessRows as le, toOrganizationRoleOptions as ue, toTeamMembers as de } from "./index6.js";
-import { DEFAULT_LABELS as fe } from "../../ui/dist/index2.js";
+import { DEFAULT_LABELS as fe } from "../../ui/dist/lib/labels.js";
 import "../../ui/dist/index.js";
 import { useCreateBankAccountMutation as pe } from "../../data-access/dist/index3.js";
 import { useGrantBankAccountAccessMutation as me } from "../../data-access/dist/index4.js";

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js

@@ -7,7 +7,7 @@ import "../../../shared/ui/dist/index.js";
 import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/index.js";
 import { WIDGET_NAME as n } from "./index2.js";
-import { BankAccountsWidgetUi as r } from "../../ui/dist/index6.js";
+import { BankAccountsWidgetUi as r } from "../../ui/dist/lib/BankAccountsWidgetUi.js";
 import "../../ui/dist/index.js";
 import { useBankAccountsWidget as i } from "./index7.js";
 import { AccountDetailsWidget as a } from "../../account-details/feature/dist/index8.js";

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index.js

@@ -1,3 +1,3 @@
-import { DEFAULT_LABELS as e } from "./index2.js";
-import { BankAccountsWidgetUi as t } from "./index6.js";
+import { DEFAULT_LABELS as e } from "./lib/labels.js";
+import { BankAccountsWidgetUi as t } from "./lib/BankAccountsWidgetUi.js";
 export { t as BankAccountsWidgetUi, e as DEFAULT_LABELS };

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/{index3.js → lib/AccountCard.js}

@@ -2,11 +2,11 @@
 "use client";
 "use client";
 "use client";
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { formatOpenAccountAriaLabel as t } from "./index2.js";
+import { Button as e } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { formatOpenAccountAriaLabel as t } from "./labels.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { CheckCircle2Icon as i, CopyIcon as a, EyeIcon as o, EyeOffIcon as s, PlusIcon as c } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index3.js
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/AccountCard.js
 var l = "ttw:absolute ttw:inset-0 ttw:z-0 ttw:cursor-pointer ttw:rounded-xl ttw:border-0 ttw:bg-transparent ttw:outline-none focus-visible:ttw:ring-2 focus-visible:ttw:ring-ring focus-visible:ttw:ring-offset-2", u = "ttw:pointer-events-auto ttw:relative ttw:z-10 ttw:size-7 ttw:text-primary";
 function d({ labels: c, card: d, testId: f }) {
 	return /* @__PURE__ */ r("article", {

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/{index6.js → lib/BankAccountsWidgetUi.js}

@@ -2,14 +2,14 @@
 "use client";
 "use client";
 "use client";
-import { InlineErrorAlert as e } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/index.js";
-import { DEFAULT_LABELS as t } from "./index2.js";
-import { AccountCard as n, AddAccountCard as r } from "./index3.js";
-import { AccountCardSkeleton as i, BankingHeader as a } from "./index4.js";
-import { CreateAccountDialog as o } from "./index5.js";
+import { InlineErrorAlert as e } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../../shared/ui/dist/index.js";
+import { DEFAULT_LABELS as t } from "./labels.js";
+import { AccountCard as n, AddAccountCard as r } from "./AccountCard.js";
+import { AccountCardSkeleton as i, BankingHeader as a } from "./BankingHeader.js";
+import { CreateAccountDialog as o } from "./CreateAccountDialog.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index6.js
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/BankAccountsWidgetUi.js
 function u({ labels: u, "data-testid": d, title: f, bankDisplayName: p, bankLogoSrc: m, bankLogoAlt: h, availableBalanceLabel: g, shouldDisplayAvailableBalance: _, isBankingTaglineVisible: v, accountCards: y, accountCardTestId: b, shouldDisplayAddAccountCard: x, isLoading: S, isError: C, isCreateOpen: w, createForm: T, legalCopy: E, accessRows: D, isTeamMembersLoading: O, isTeamMembersError: k, isCreateSubmitDisabled: A, isCreateError: j, hasNicknameError: M, isSubmitting: N, isCreateDisabled: P, onCreateOpenChange: F, onCreateFormChange: I, onCreateSubmit: L, onAddAccountClick: R }) {
 	let z = {
 		...t,

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/{index4.js → lib/BankingHeader.js}

@@ -2,10 +2,10 @@
 "use client";
 "use client";
 "use client";
-import { Skeleton 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 { Skeleton 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 { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { HelpCircleIcon as c } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index4.js
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/BankingHeader.js
 function l({ labels: e, title: l, bankDisplayName: u, bankLogoSrc: d, bankLogoAlt: f, availableBalanceLabel: p, shouldDisplayAvailableBalance: m, isBankingTaglineVisible: h }) {
 	return /* @__PURE__ */ s("header", {
 		className: "ttw:mb-6 ttw:space-y-2",

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/{index5.js → lib/CreateAccountDialog.js}

@@ -2,13 +2,13 @@
 "use client";
 "use client";
 "use client";
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, Skeleton as l, Switch as u, Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { InlineErrorAlert as h } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/index.js";
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, Skeleton as l, Switch as u, Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as h } from "../../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../../shared/ui/dist/index.js";
 import { Fragment as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { HelpCircleIcon as y, XIcon as b } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/index5.js
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/CreateAccountDialog.js
 function x(e, t, n, r) {
 	return e.split(/(\{bankName\}|\{vspName\}|\{agreementLink\})/g).map((e, i) => e === "{bankName}" ? t : e === "{vspName}" ? n : e === "{agreementLink}" ? /* @__PURE__ */ _(g, { children: r }, i) : e);
 }