@tesouro/embedded-components-react 0.11.7 → 0.11.9

package/dist/core.d.ts

@@ -18,6 +18,13 @@ interface WidgetTokenManager {
     start(): void;
     stop(): void;
     refresh(): Promise<void>;
+    /**
+     * Reports that the API rejected `widgetToken` with a 401. Refreshes once per
+     * rejected token, and backs off when a token this produced is rejected too.
+     * Ignored for a token other than the current one, while a refresh is in
+     * flight, and while stopped.
+     */
+    reportRejectedToken(widgetToken: string): Promise<void>;
     getState(): WidgetTokenState;
     subscribe(listener: () => void): () => void;
 }

package/dist/index.css

@@ -5215,6 +5215,9 @@
   .ttw\:group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.ttw\:group\/tabs)[data-orientation="horizontal"] *) {
     height: calc(var(--ttw-spacing) * 9);
   }
+  .ttw\:group-data-\[orientation\=horizontal\]\/tabs\:min-h-8:is(:where(.ttw\:group\/tabs)[data-orientation="horizontal"] *) {
+    min-height: calc(var(--ttw-spacing) * 8);
+  }
   .ttw\:group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.ttw\:group\/tabs)[data-orientation="vertical"] *) {
     height: fit-content;
   }
@@ -5269,6 +5272,9 @@
     font-size: var(--ttw-text-xs);
     line-height: var(--tw-leading, var(--ttw-text-xs--line-height));
   }
+  .ttw\:group-data-\[state\=active\]\/tabs-trigger\:bg-muted:is(:where(.ttw\:group\/tabs-trigger)[data-state="active"] *) {
+    background-color: var(--ttw-muted);
+  }
   .ttw\:group-data-\[state\=active\]\/tabs-trigger\:bg-primary:is(:where(.ttw\:group\/tabs-trigger)[data-state="active"] *) {
     background-color: var(--ttw-primary);
   }
@@ -6359,15 +6365,15 @@
   :is(.ttw\:\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
     gap: calc(var(--ttw-spacing) * 2);
   }
+  .ttw\:data-\[state\=active\]\:bg-background[data-state="active"] {
+    background-color: var(--ttw-background);
+  }
   .ttw\:data-\[state\=active\]\:bg-primary\/10[data-state="active"] {
     background-color: var(--ttw-primary);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--ttw-primary) 10%, transparent);
     }
   }
-  .ttw\:data-\[state\=active\]\:bg-secondary[data-state="active"] {
-    background-color: var(--ttw-secondary);
-  }
   .ttw\:data-\[state\=active\]\:font-medium[data-state="active"] {
     --tw-font-weight: var(--ttw-font-weight-medium);
     font-weight: var(--ttw-font-weight-medium);
@@ -6378,8 +6384,9 @@
   .ttw\:data-\[state\=active\]\:text-primary[data-state="active"] {
     color: var(--ttw-primary);
   }
-  .ttw\:data-\[state\=active\]\:text-secondary-foreground[data-state="active"] {
-    color: var(--ttw-secondary-foreground);
+  .ttw\:data-\[state\=active\]\:shadow-sm[data-state="active"] {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .ttw\:data-\[state\=active\]\:after\:opacity-100[data-state="active"]::after {
     content: var(--tw-content);

package/dist/index.d.ts

@@ -1305,6 +1305,13 @@ interface WidgetTokenManager {
     start(): void;
     stop(): void;
     refresh(): Promise<void>;
+    /**
+     * Reports that the API rejected `widgetToken` with a 401. Refreshes once per
+     * rejected token, and backs off when a token this produced is rejected too.
+     * Ignored for a token other than the current one, while a refresh is in
+     * flight, and while stopped.
+     */
+    reportRejectedToken(widgetToken: string): Promise<void>;
     getState(): WidgetTokenState;
     subscribe(listener: () => void): () => void;
 }

package/dist/lib/WidgetProvider.d.ts

@@ -1016,6 +1016,13 @@ interface WidgetTokenManager {
     start(): void;
     stop(): void;
     refresh(): Promise<void>;
+    /**
+     * Reports that the API rejected `widgetToken` with a 401. Refreshes once per
+     * rejected token, and backs off when a token this produced is rejected too.
+     * Ignored for a token other than the current one, while a refresh is in
+     * flight, and while stopped.
+     */
+    reportRejectedToken(widgetToken: string): Promise<void>;
     getState(): WidgetTokenState;
     subscribe(listener: () => void): () => void;
 }

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/RootWidgetProvider.js

@@ -3,55 +3,58 @@
 "use client";
 "use client";
 import { createClientSecretInstaller as e } from "../../../../data-access/dist/lib/scopedClientSecret.js";
-import { registerQueryClient as t, unregisterQueryClient as ee } from "../../../../data-access/dist/lib/clientRegistry.js";
-import { createEmbeddedClient as te } from "../../../../data-access/dist/lib/createEmbeddedClient.js";
-import { EmbedApiProvider as n } from "../../../../data-access/dist/lib/EmbedApiContext.js";
+import { registerQueryClient as t, unregisterQueryClient as n } from "../../../../data-access/dist/lib/clientRegistry.js";
+import { createEmbeddedClient as r } from "../../../../data-access/dist/lib/createEmbeddedClient.js";
+import { EmbedApiProvider as i } from "../../../../data-access/dist/lib/EmbedApiContext.js";
 import "../../../../data-access/dist/index.js";
-import { resolveUIFramework as r } from "../../../../ui/dist/lib/UIContext/UIContext.js";
-import { UIProvider as ne } from "../../../../ui/dist/lib/UIContext/UIProvider.js";
-import { useDesignSystemEnsurer as re } from "../../../../ui/dist/lib/UIContext/uiRendererRegistry.js";
+import { resolveUIFramework as a } from "../../../../ui/dist/lib/UIContext/UIContext.js";
+import { UIProvider as ee } from "../../../../ui/dist/lib/UIContext/UIProvider.js";
+import { useDesignSystemEnsurer as te } from "../../../../ui/dist/lib/UIContext/uiRendererRegistry.js";
 import "../../../../ui/dist/index.js";
-import { getGlobalSnapshot as i, subscribeToGlobal as ie } from "./globalStore.js";
-import { configureEmbeddedClient as ae } from "../analytics/client.js";
-import { generateCorrelationId as oe } from "../analytics/ids.js";
-import { WidgetContext as a } from "./WidgetContext.js";
-import { resolveOrgId as o, useAuthEpoch as s } from "./utils.js";
-import { useWidgetFetch as se } from "./useWidgetFetch.js";
-import { deriveOrganizationStatus as ce } from "./deriveOrganizationStatus.js";
-import { deriveWidgetInitState as le, useWidgetInitPublisher as ue } from "./useWidgetInitPublisher.js";
-import { useEffect as c, useMemo as l, useRef as u, useState as d, useSyncExternalStore as f } from "react";
-import { jsx as p } from "react/jsx-runtime";
-import { QueryClient as m, QueryClientProvider as de } from "@tanstack/react-query";
+import { getGlobalSnapshot as o, subscribeToGlobal as ne } from "./globalStore.js";
+import { configureEmbeddedClient as re } from "../analytics/client.js";
+import { generateCorrelationId as ie } from "../analytics/ids.js";
+import { WidgetContext as s } from "./WidgetContext.js";
+import { resolveOrgId as c, useAuthEpoch as l } from "./utils.js";
+import { useWidgetFetch as ae } from "./useWidgetFetch.js";
+import { deriveOrganizationStatus as oe } from "./deriveOrganizationStatus.js";
+import { deriveWidgetInitState as se, useWidgetInitPublisher as ce } from "./useWidgetInitPublisher.js";
+import { useTokenRefreshRef as le } from "./useTokenRefreshRef.js";
+import { useEffect as u, useMemo as d, useRef as f, useState as p, useSyncExternalStore as ue } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { QueryClient as de, QueryClientProvider as fe } from "@tanstack/react-query";
 // ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/RootWidgetProvider.js
 function h({ children: h, baseUrl: g, widgetToken: _, organizationId: v, configClient: y, gatewayRouting: b, linkComponent: x, uiFramework: S, analytics: C, unstable_initResponseOverride: w, disclosuresAcceptance: T, providerLabels: E }) {
-	let D = f(ie, i, i), O = g ?? D.baseUrl, k = _ === void 0 ? D.widgetToken : _, A = v === void 0 ? D.organizationId : v, j = y ?? D.configClient, M = b ?? D.gatewayRouting, N = x ?? D.linkComponent, P = S ?? D.uiFramework, F = C !== !1, [I] = d(oe), L = u({
+	let D = ue(ne, o, o), O = g ?? D.baseUrl, k = _ === void 0 ? D.widgetToken : _, A = v === void 0 ? D.organizationId : v, j = y ?? D.configClient, M = b ?? D.gatewayRouting, N = x ?? D.linkComponent, P = S ?? D.uiFramework, F = C !== !1, [I] = p(ie), L = f({
 		enabled: F,
 		organizationId: A,
 		rootCorrelationId: I
-	}), [R] = d(() => new m({ defaultOptions: {
+	}), [R] = p(() => new de({ defaultOptions: {
 		queries: {
 			retry: !1,
 			refetchOnWindowFocus: !1
 		},
 		mutations: { retry: !1 }
 	} }));
-	c(() => (t(R), () => ee(R)), [R]);
-	let z = u(k);
+	u(() => (t(R), () => n(R)), [R]);
+	let z = f(k);
 	z.current = k;
-	let B = u(null), V = l(() => e(B), []), fe = s(k), H = l(() => {
-		let e = ae(te(O), {
+	let B = le(), V = f(null), pe = d(() => e(V), []), me = l(k), H = d(() => {
+		let e = re(r(O), {
 			tokenRef: z,
 			analyticsContextRef: L,
-			clientSecretRef: B,
-			gatewayRouting: M
+			clientSecretRef: V,
+			gatewayRouting: M,
+			refreshTokenRef: B
 		});
 		return j ? j(e) : e;
 	}, [
 		O,
 		j,
-		M
+		M,
+		B
 	]);
-	c(() => {
+	u(() => {
 		if (!F || !("window" in globalThis)) return;
 		let e = !1;
 		return import("../analytics/install.js").then(({ ensureAnalyticsAdapterInstalled: t }) => {
@@ -60,11 +63,11 @@ function h({ children: h, baseUrl: g, widgetToken: _, organizationId: v, configC
 			e = !0;
 		};
 	}, [F]);
-	let U = re(r(P));
-	c(() => {
+	let U = te(a(P));
+	u(() => {
 		U && U().catch(() => {});
 	}, [U]);
-	let { result: pe, loading: W, error: G, initStaleForToken: me, initReplacementPending: K, refetch: q } = se(w ? null : H, k, L), J = k ? w ?? pe ?? void 0 : void 0, Y = !w && me, X = o(A, Y ? void 0 : J?.organizationId), he = ce({
+	let { result: he, loading: W, error: G, initStaleForToken: K, initReplacementPending: ge, refetch: q } = ae(w ? null : H, k, L), J = k ? w ?? he ?? void 0 : void 0, Y = !w && K, X = c(A, Y ? void 0 : J?.organizationId), _e = oe({
 		organizationId: X,
 		cascadeOrgId: A,
 		ownsFetch: !0,
@@ -73,8 +76,8 @@ function h({ children: h, baseUrl: g, widgetToken: _, organizationId: v, configC
 		loading: W,
 		error: G,
 		hasResult: !!J,
-		initReplacementPending: K
-	}), ge = l(() => le({
+		initReplacementPending: ge
+	}), ve = d(() => se({
 		hasToken: !!k,
 		loading: W,
 		error: G,
@@ -87,8 +90,8 @@ function h({ children: h, baseUrl: g, widgetToken: _, organizationId: v, configC
 		J,
 		Y
 	]);
-	ue(ge, k);
-	let Z = l(() => ({
+	ce(ve, k);
+	let Z = d(() => ({
 		enabled: F,
 		organizationId: X,
 		rootCorrelationId: I
@@ -98,7 +101,7 @@ function h({ children: h, baseUrl: g, widgetToken: _, organizationId: v, configC
 		I
 	]);
 	L.current = Z;
-	let Q = l(() => ({
+	let Q = d(() => ({
 		baseUrl: g,
 		widgetToken: _,
 		organizationId: v,
@@ -114,7 +117,7 @@ function h({ children: h, baseUrl: g, widgetToken: _, organizationId: v, configC
 		b,
 		x,
 		S
-	]), $ = l(() => ({
+	]), $ = d(() => ({
 		baseUrl: O,
 		widgetToken: k,
 		organizationId: X,
@@ -132,7 +135,7 @@ function h({ children: h, baseUrl: g, widgetToken: _, organizationId: v, configC
 		N,
 		P,
 		J
-	]), _e = l(() => ({
+	]), ye = d(() => ({
 		resolved: $,
 		own: Q,
 		refetch: q,
@@ -155,18 +158,18 @@ function h({ children: h, baseUrl: g, widgetToken: _, organizationId: v, configC
 		T,
 		E
 	]);
-	return /* @__PURE__ */ p(de, {
+	return /* @__PURE__ */ m(fe, {
 		client: R,
-		children: /* @__PURE__ */ p(n, {
+		children: /* @__PURE__ */ m(i, {
 			client: H,
 			organizationId: X,
 			widgetToken: k,
-			installClientSecret: V,
-			authEpoch: fe,
-			organizationStatus: he,
-			children: /* @__PURE__ */ p(a.Provider, {
-				value: _e,
-				children: /* @__PURE__ */ p(ne, {
+			installClientSecret: pe,
+			authEpoch: me,
+			organizationStatus: _e,
+			children: /* @__PURE__ */ m(s.Provider, {
+				value: ye,
+				children: /* @__PURE__ */ m(ee, {
 					linkComponent: N,
 					uiFramework: P,
 					children: h

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/WidgetProvider.js

@@ -24,94 +24,97 @@ import { noop as le, resolveOrgId as ue, useAuthEpoch as de } from "./utils.js";
 import { useWidgetFetch as fe } from "./useWidgetFetch.js";
 import { deriveOrganizationStatus as pe } from "./deriveOrganizationStatus.js";
 import { deriveWidgetInitState as me, useWidgetInitPublisher as he } from "./useWidgetInitPublisher.js";
+import { useTokenRefreshRef as ge } from "./useTokenRefreshRef.js";
 import { useAnalyticsTrack as u } from "../analytics/hooks.js";
-import { resolveProviderLabels as ge } from "./labels.js";
-import { WidgetErrorBoundary as _e } from "./WidgetErrorBoundary.js";
-import { DISCLOSURES_REQUIRED_TEST_ID as d, hasRenderableAcceptanceSurface as f, resolveDisclosuresBlockedReason as p, shouldGateOnDisclosuresAcceptance as ve } from "./isDisclosuresAcceptanceRequired.js";
-import { useContext as ye, useEffect as m, useMemo as h, useRef as g, useState as _, useSyncExternalStore as be } from "react";
+import { resolveProviderLabels as _e } from "./labels.js";
+import { WidgetErrorBoundary as ve } from "./WidgetErrorBoundary.js";
+import { DISCLOSURES_REQUIRED_TEST_ID as d, hasRenderableAcceptanceSurface as f, resolveDisclosuresBlockedReason as p, shouldGateOnDisclosuresAcceptance as ye } from "./isDisclosuresAcceptanceRequired.js";
+import { useContext as be, useEffect as m, useMemo as h, useRef as g, useState as _, useSyncExternalStore as xe } from "react";
 import { jsx as v } from "react/jsx-runtime";
-import { QueryClient as xe, QueryClientProvider as Se } from "@tanstack/react-query";
+import { QueryClient as Se, QueryClientProvider as Ce } from "@tanstack/react-query";
 // ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/WidgetProvider.js
-function y({ children: re, baseUrl: s, widgetToken: c, organizationId: u, configClient: d, gatewayRouting: f, linkComponent: p, uiFramework: y, errorFallback: we, onError: Te, analytics: b, disclosuresAcceptance: Ee, providerLabels: De, widgetName: x }) {
+function y({ children: re, baseUrl: s, widgetToken: c, organizationId: u, configClient: d, gatewayRouting: f, linkComponent: p, uiFramework: y, errorFallback: Te, onError: Ee, analytics: b, disclosuresAcceptance: De, providerLabels: Oe, widgetName: x }) {
 	e();
-	let S = ye(l), Oe = be(oe, ae, ae), C = S?.resolved ?? Oe, ke = S?.refetch ?? le, Ae = S?.loading ?? !1, je = S?.error ?? null, w = s ?? C.baseUrl, T = c === void 0 ? C.widgetToken : c, Me = S ? S.cascadeOrgId : Oe.organizationId, E = u === void 0 ? Me : u, D = d ?? C.configClient, O = f ?? C.gatewayRouting, k = p ?? C.linkComponent, A = y ?? C.uiFramework, j = Ee ?? S?.disclosuresAcceptance, M = De ?? S?.providerLabels, Ne = h(() => ge(M), [M]), N = S === null, P = N ? b !== !1 : S.analytics.enabled, [Pe] = _(ce), F = N ? Pe : S.analytics.rootCorrelationId, [Fe] = _(ce), I = x === void 0 ? S?.analytics.widgetName : x, L = x === void 0 ? S?.analytics.widgetInstanceId : Fe, R = g({
-		enabled: P,
-		organizationId: E,
-		rootCorrelationId: F,
-		widgetName: I,
-		widgetInstanceId: L
-	}), Ie = g(!1);
+	let S = be(l), C = xe(oe, ae, ae), w = S?.resolved ?? C, ke = S?.refetch ?? le, Ae = S?.loading ?? !1, je = S?.error ?? null, T = s ?? w.baseUrl, E = c === void 0 ? w.widgetToken : c, Me = S ? S.cascadeOrgId : C.organizationId, D = u === void 0 ? Me : u, O = d ?? w.configClient, k = f ?? w.gatewayRouting, A = p ?? w.linkComponent, j = y ?? w.uiFramework, M = De ?? S?.disclosuresAcceptance, N = Oe ?? S?.providerLabels, P = h(() => _e(N), [N]), F = S === null, I = F ? b !== !1 : S.analytics.enabled, [Ne] = _(ce), L = F ? Ne : S.analytics.rootCorrelationId, [Pe] = _(ce), R = x === void 0 ? S?.analytics.widgetName : x, z = x === void 0 ? S?.analytics.widgetInstanceId : Pe, B = g({
+		enabled: I,
+		organizationId: D,
+		rootCorrelationId: L,
+		widgetName: R,
+		widgetInstanceId: z
+	}), Fe = g(!1);
 	m(() => {
-		N || b === void 0 || Ie.current || (Ie.current = !0, console.warn("[tesouro-embedded] `analytics` on a nested WidgetProvider is ignored in v1. Set it on the outermost RootWidgetProvider or standalone WidgetProvider instead."));
-	}, [b, N]), m(() => {
-		if (!N || !P || !("window" in globalThis)) return;
+		F || b === void 0 || Fe.current || (Fe.current = !0, console.warn("[tesouro-embedded] `analytics` on a nested WidgetProvider is ignored in v1. Set it on the outermost RootWidgetProvider or standalone WidgetProvider instead."));
+	}, [b, F]), m(() => {
+		if (!F || !I || !("window" in globalThis)) return;
 		let e = !1;
 		return import("../analytics/install.js").then(({ ensureAnalyticsAdapterInstalled: t }) => {
 			e || t();
 		}), () => {
 			e = !0;
 		};
-	}, [N, P]);
-	let z = ne(ee(A));
+	}, [F, I]);
+	let V = ne(ee(j));
 	m(() => {
-		z && z().catch(() => {});
-	}, [z]);
-	let B = S === null || s !== void 0 || c !== void 0 || u !== void 0 || d != null || f !== void 0 || x !== void 0, V = g(T);
-	V.current = T;
-	let H = g(null), Le = h(() => t(H), []), Re = o(), ze = de(T), U = h(() => {
-		if (!B) return null;
-		let e = se(i(w), {
-			tokenRef: V,
-			analyticsContextRef: R,
-			clientSecretRef: H,
-			gatewayRouting: O
+		V && V().catch(() => {});
+	}, [V]);
+	let Ie = S === null || s !== void 0 || c !== void 0 || u !== void 0 || d != null || f !== void 0 || x !== void 0, Le = g(E);
+	Le.current = E;
+	let Re = ge(), ze = g(null), Be = h(() => t(ze), []), Ve = o(), He = de(E), H = h(() => {
+		if (!Ie) return null;
+		let e = se(i(T), {
+			tokenRef: Le,
+			analyticsContextRef: B,
+			clientSecretRef: ze,
+			gatewayRouting: k,
+			refreshTokenRef: Re
 		});
-		return D ? D(e) : e;
+		return O ? O(e) : e;
 	}, [
-		B,
-		w,
-		D,
-		O
-	]), W = S === null || s !== void 0 || c !== void 0, Be = W ? ze : Re.authEpoch, { result: G, loading: K, error: q, clearedForAuthChange: Ve, initStaleForToken: J, initReplacementPending: He, refetch: Ue } = fe(W ? U : null, W ? T : void 0, R), We = W ? Ue : ke, Ge = W ? K : Ae, Ke = W ? q : je, qe = S?.resolved.initResponse, Je = !W || !Ve && !q && !G && !!T && !K, Y = Je ? qe : G ?? void 0, X = Je ? W || (S?.initResponseStaleForToken ?? !1) : J, Ye = S === null, Xe = h(() => Ye ? me({
-		hasToken: !!T,
-		loading: K,
-		error: q,
-		initResponse: G ?? void 0,
-		initStaleForToken: J
-	}) : null, [
-		Ye,
+		Ie,
 		T,
-		K,
-		q,
+		O,
+		k,
+		Re
+	]), U = S === null || s !== void 0 || c !== void 0, Ue = U ? He : Ve.authEpoch, { result: W, loading: G, error: K, clearedForAuthChange: We, initStaleForToken: q, initReplacementPending: Ge, refetch: Ke } = fe(U ? H : null, U ? E : void 0, B), qe = U ? Ke : ke, Je = U ? G : Ae, Ye = U ? K : je, Xe = S?.resolved.initResponse, J = !U || !We && !K && !W && !!E && !G, Y = J ? Xe : W ?? void 0, X = J ? U || (S?.initResponseStaleForToken ?? !1) : q, Ze = S === null, Qe = h(() => Ze ? me({
+		hasToken: !!E,
+		loading: G,
+		error: K,
+		initResponse: W ?? void 0,
+		initStaleForToken: q
+	}) : null, [
+		Ze,
+		E,
 		G,
-		J
+		K,
+		W,
+		q
 	]);
-	he(Xe, T);
-	let Z = ue(E, X ? void 0 : Y?.organizationId), Ze = pe({
+	he(Qe, E);
+	let Z = ue(D, X ? void 0 : Y?.organizationId), $e = pe({
 		organizationId: Z,
-		cascadeOrgId: E,
-		ownsFetch: W,
-		parentStatus: Re.organizationStatus,
-		hasToken: !!T,
-		loading: K,
-		error: q,
-		hasResult: !!G,
-		initReplacementPending: He
+		cascadeOrgId: D,
+		ownsFetch: U,
+		parentStatus: Ve.organizationStatus,
+		hasToken: !!E,
+		loading: G,
+		error: K,
+		hasResult: !!W,
+		initReplacementPending: Ge
 	}), Q = h(() => ({
-		enabled: P,
+		enabled: I,
 		organizationId: Z,
-		rootCorrelationId: F,
-		widgetName: I,
-		widgetInstanceId: L
+		rootCorrelationId: L,
+		widgetName: R,
+		widgetInstanceId: z
 	}), [
-		P,
-		Z,
-		F,
 		I,
-		L
+		Z,
+		L,
+		R,
+		z
 	]);
-	R.current = Q;
-	let [$] = _(() => S === null ? new xe({ defaultOptions: {
+	B.current = Q;
+	let [$] = _(() => S === null ? new Se({ defaultOptions: {
 		queries: {
 			retry: !1,
 			refetchOnWindowFocus: !1
@@ -123,7 +126,7 @@ function y({ children: re, baseUrl: s, widgetToken: c, organizationId: u, config
 		let e = $;
 		return n(e), () => r(e);
 	}, [$]);
-	let Qe = h(() => ({
+	let et = h(() => ({
 		baseUrl: s,
 		widgetToken: c,
 		organizationId: u,
@@ -139,78 +142,78 @@ function y({ children: re, baseUrl: s, widgetToken: c, organizationId: u, config
 		f,
 		p,
 		y
-	]), $e = h(() => ({
-		baseUrl: w,
-		widgetToken: T,
+	]), tt = h(() => ({
+		baseUrl: T,
+		widgetToken: E,
 		organizationId: Z,
-		configClient: D,
-		gatewayRouting: O,
-		linkComponent: k,
-		uiFramework: A,
+		configClient: O,
+		gatewayRouting: k,
+		linkComponent: A,
+		uiFramework: j,
 		initResponse: Y
 	}), [
-		w,
 		T,
+		E,
 		Z,
-		D,
 		O,
 		k,
 		A,
+		j,
 		Y
-	]), et = h(() => ({
-		resolved: $e,
-		own: Qe,
-		refetch: We,
-		loading: Ge,
-		error: Ke,
+	]), nt = h(() => ({
+		resolved: tt,
+		own: et,
+		refetch: qe,
+		loading: Je,
+		error: Ye,
 		analytics: Q,
-		cascadeOrgId: E,
+		cascadeOrgId: D,
 		initResponseStaleForToken: X,
-		disclosuresAcceptance: j,
-		providerLabels: M
+		disclosuresAcceptance: M,
+		providerLabels: N
 	}), [
-		$e,
-		Qe,
-		We,
-		Ge,
-		Ke,
+		tt,
+		et,
+		qe,
+		Je,
+		Ye,
 		Q,
-		E,
+		D,
 		X,
-		j,
-		M
-	]), tt = /* @__PURE__ */ v(l.Provider, {
-		value: et,
+		M,
+		N
+	]), rt = /* @__PURE__ */ v(l.Provider, {
+		value: nt,
 		children: /* @__PURE__ */ v(te, {
-			linkComponent: k,
-			uiFramework: A,
-			children: /* @__PURE__ */ v(ie, { children: /* @__PURE__ */ v(_e, {
-				resetKeys: [T],
-				errorFallback: we,
-				onError: Te,
-				labels: Ne,
-				children: ve(Y, x) ? /* @__PURE__ */ v(Ce, {
-					disclosuresAcceptance: j,
+			linkComponent: A,
+			uiFramework: j,
+			children: /* @__PURE__ */ v(ie, { children: /* @__PURE__ */ v(ve, {
+				resetKeys: [E],
+				errorFallback: Te,
+				onError: Ee,
+				labels: P,
+				children: ye(Y, x) ? /* @__PURE__ */ v(we, {
+					disclosuresAcceptance: M,
 					initStaleForToken: X,
-					labels: Ne
+					labels: P
 				}) : re
 			}) })
 		})
-	}), nt = U ? /* @__PURE__ */ v(a, {
-		client: U,
+	}), it = H ? /* @__PURE__ */ v(a, {
+		client: H,
 		organizationId: Z,
-		widgetToken: T,
-		installClientSecret: Le,
-		authEpoch: Be,
-		organizationStatus: Ze,
-		children: tt
-	}) : tt;
-	return $ ? /* @__PURE__ */ v(Se, {
+		widgetToken: E,
+		installClientSecret: Be,
+		authEpoch: Ue,
+		organizationStatus: $e,
+		children: rt
+	}) : rt;
+	return $ ? /* @__PURE__ */ v(Ce, {
 		client: $,
-		children: nt
-	}) : nt;
+		children: it
+	}) : it;
 }
-function Ce({ disclosuresAcceptance: e, initStaleForToken: t, labels: n }) {
+function we({ disclosuresAcceptance: e, initStaleForToken: t, labels: n }) {
 	let r = re("error-state") ?? s, i = u(), a = f(e), o = p({
 		initStaleForToken: t,
 		hasAcceptanceSurface: a

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/useTokenRefreshRef.js

@@ -0,0 +1,8 @@
+import { WidgetTokenRefreshContext as e } from "./WidgetTokenRefreshContext.js";
+import { useContext as t, useRef as n } from "react";
+// ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/useTokenRefreshRef.js
+function r() {
+	let r = t(e), i = n(null);
+	return i.current = r ? (e) => void r.reportRejectedToken(e) : null, i;
+}
+export { r as useTokenRefreshRef };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 // ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.11.7", n = "847cfd88f43c0f8334faca85a736783acbf48fd1", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.11.9", n = "bfb00e0822787c75eaf1f5aca4766310de2aff82", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/client.js

@@ -1,12 +1,15 @@
 import { attachTransportInterceptors as e } from "../../../../data-access/dist/lib/transportInterceptors.js";
 import "../../../../data-access/dist/index.js";
-import { attachAnalyticsInterceptors as t } from "./interceptor.js";
+import { attachAnalyticsInterceptors as t, tokenCarriedBy as n } from "./interceptor.js";
 // ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/client.js
-function n(n, { tokenRef: r, analyticsContextRef: i, clientSecretRef: a, gatewayRouting: o }) {
-	return e(n, {
-		tokenRef: r,
-		clientSecretRef: a,
-		gatewayRouting: o
-	}), t(n, i), n;
+function r(r, { tokenRef: i, analyticsContextRef: a, clientSecretRef: o, gatewayRouting: s, refreshTokenRef: c }) {
+	return e(r, {
+		tokenRef: i,
+		clientSecretRef: o,
+		gatewayRouting: s
+	}), c && r.interceptors.error.use((e, t, r) => {
+		let a = n(r);
+		return t?.status === 401 && a && a === i.current && c.current?.(a), e;
+	}), t(r, a), r;
 }
-export { n as configureEmbeddedClient };
+export { r as configureEmbeddedClient };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/expectedApiNotFound.js

@@ -3,7 +3,8 @@ var e = /* @__PURE__ */ new Set([
 	"GET /identity/v1/user-data/{key}",
 	"GET /embedded-banking/v1/credit-cards/{cardId}",
 	"GET /embedded-banking/v1/debit-cards/{cardId}",
-	"GET /finops/v1/payables/{payable_id}/suggestions"
+	"GET /finops/v1/payables/{payable_id}/suggestions",
+	"GET /identity/v1/financial_institution"
 ]);
 function t(t, n, r) {
 	return t === 404 && n !== void 0 && r !== void 0 && e.has(`${n.toUpperCase()} ${r}`);

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/interceptor.js

@@ -66,4 +66,4 @@ function p() {
 function m(e) {
 	return e === void 0 ? void 0 : Math.round(p() - e);
 }
-export { l as attachAnalyticsInterceptors };
+export { l as attachAnalyticsInterceptors, d as tokenCarriedBy };

package/dist/libs/tesouro-embedded-components-react/shared/util/dist/lib/widgetTokenManager.js

@@ -1,89 +1,101 @@
 // ../../libs/tesouro-embedded-components-react/shared/util/dist/lib/widgetTokenManager.js
-function e(e) {
-	let { fetcher: t } = e, n = e.leadSeconds ?? 60, r = { status: "loading" }, i = /* @__PURE__ */ new Set(), a = 0, o = 0, s = 0, c = !1, l = !1, u = !1, d, f, p, m = () => {
-		i.forEach((e) => e());
-	}, h = (e) => {
-		r = e, m();
-	}, g = () => {
-		d !== void 0 && (clearTimeout(d), d = void 0), f !== void 0 && (clearTimeout(f), f = void 0), p !== void 0 && (clearTimeout(p), p = void 0);
-	}, _ = (e) => {
-		let t = Math.max(0, e * 1e3 - Date.now() - n * 1e3);
-		d = setTimeout(() => {
-			d = void 0, b({ manual: !1 });
+var e = 3e4, t = 3e5;
+function n(n) {
+	let { fetcher: r } = n, i = n.leadSeconds ?? 60, a = { status: "loading" }, o = /* @__PURE__ */ new Set(), s = 0, c = 0, l = 0, u = !1, d = !1, f = !1, p, m, h, g, _ = null, v = null, y = 0, b = 0, x = () => {
+		o.forEach((e) => e());
+	}, S = (e) => {
+		a = e, x();
+	}, C = () => {
+		p !== void 0 && (clearTimeout(p), p = void 0), m !== void 0 && (clearTimeout(m), m = void 0), h !== void 0 && (clearTimeout(h), h = void 0);
+	}, w = (e) => {
+		let t = Math.max(0, e * 1e3 - Date.now() - i * 1e3);
+		p = setTimeout(() => {
+			p = void 0, D({ manual: !1 });
 		}, t);
-	}, v = (e) => {
+	}, T = (e) => {
 		let t = Math.max(0, e * 1e3 - Date.now());
-		p = setTimeout(() => {
-			p = void 0, r.status === "ready" && r.lastError !== void 0 && h({
+		h = setTimeout(() => {
+			h = void 0, a.status === "ready" && a.lastError !== void 0 && S({
 				status: "error",
-				error: r.lastError
+				error: a.lastError
 			});
 		}, t);
-	}, y = async ({ manual: e, gen: n, myId: i }) => {
-		g();
-		let c = r;
-		c.status === "ready" && h({
-			...c,
+	}, E = async ({ manual: e, gen: t, myId: n }) => {
+		C();
+		let i = a;
+		i.status === "ready" && S({
+			...i,
 			isRefreshing: !0
 		});
-		let l, u, d = !1;
+		let o, u, d = !1;
 		try {
-			l = await t();
+			o = await r();
 		} catch (e) {
 			d = !0, u = e;
 		}
-		if (n !== a || i !== o) return;
-		if (!d && l !== void 0 && l.exp !== void 0 && l.exp * 1e3 <= Date.now() && (d = !0, u = /* @__PURE__ */ Error("Fetched widget token is already expired")), !d && l !== void 0) {
-			h({
+		if (t !== s || n !== c) return;
+		if (!d && o !== void 0 && o.exp !== void 0 && o.exp * 1e3 <= Date.now() && (d = !0, u = /* @__PURE__ */ Error("Fetched widget token is already expired")), !d && o !== void 0) {
+			S({
 				status: "ready",
-				widgetToken: l.widgetToken,
-				exp: l.exp,
+				widgetToken: o.widgetToken,
+				exp: o.exp,
 				isRefreshing: !1
-			}), s = 0, l.exp !== void 0 && _(l.exp);
+			}), l = 0, o.exp !== void 0 && w(o.exp);
 			return;
 		}
-		c.status === "ready" && (c.exp === void 0 || c.exp * 1e3 > Date.now()) ? (h({
+		i.status === "ready" && (i.exp === void 0 || i.exp * 1e3 > Date.now()) ? (S({
 			status: "ready",
-			widgetToken: c.widgetToken,
-			exp: c.exp,
+			widgetToken: i.widgetToken,
+			exp: i.exp,
 			isRefreshing: !1,
 			lastError: u
-		}), c.exp !== void 0 && v(c.exp)) : h({
+		}), i.exp !== void 0 && T(i.exp)) : S({
 			status: "error",
 			error: u
 		});
-		let p = Math.max(50, Math.random() * Math.min(3e4, 1e3 * 2 ** s));
-		s++, f = setTimeout(() => {
-			f = void 0, b({ manual: !1 });
-		}, p);
-	}, b = ({ manual: e }) => {
-		let t = a, n = ++o;
-		return u = !0, y({
+		let f = Math.max(50, Math.random() * Math.min(3e4, 1e3 * 2 ** l));
+		l++, m = setTimeout(() => {
+			m = void 0, D({ manual: !1 });
+		}, f);
+	}, D = ({ manual: e }) => {
+		let t = s, n = ++c;
+		return f = !0, E({
 			manual: e,
 			gen: t,
 			myId: n
 		}).finally(() => {
-			n === o && (u = !1);
+			n === c && (f = !1);
 		});
-	}, x = (e) => {
-		(e.type !== "visibilitychange" || document.visibilityState === "visible") && c && !u && r.status !== "loading" && (r.status === "error" || !r.isRefreshing && r.exp !== void 0 && r.exp * 1e3 - Date.now() < n * 1e3) && b({ manual: !1 });
-	}, S = () => {
-		l || typeof window > "u" || typeof document > "u" || (l = !0, document.addEventListener("visibilitychange", x), window.addEventListener("focus", x), window.addEventListener("online", x));
-	}, C = () => {
-		l && (l = !1, document.removeEventListener("visibilitychange", x), window.removeEventListener("focus", x), window.removeEventListener("online", x));
+	}, O = (e) => {
+		(e.type !== "visibilitychange" || document.visibilityState === "visible") && u && !f && a.status !== "loading" && (a.status === "error" || !a.isRefreshing && a.exp !== void 0 && a.exp * 1e3 - Date.now() < i * 1e3) && D({ manual: !1 });
+	}, k = () => {
+		d || typeof window > "u" || typeof document > "u" || (d = !0, document.addEventListener("visibilitychange", O), window.addEventListener("focus", O), window.addEventListener("online", O));
+	}, A = () => {
+		d && (d = !1, document.removeEventListener("visibilitychange", O), window.removeEventListener("focus", O), window.removeEventListener("online", O));
+	}, j = () => {
+		g !== void 0 && (clearTimeout(g), g = void 0);
+	}, M = (n) => {
+		if (!u || a.status !== "ready" || a.widgetToken !== n || a.isRefreshing || _ === n) return Promise.resolve();
+		let r = n === v ? y + 1 : 0, i = r === 0 ? 0 : Math.min(e * 2 ** (r - 1), t), o = Date.now(), s = i - (o - b);
+		return j(), s > 0 ? (g = setTimeout(() => {
+			g = void 0, M(n);
+		}, s), Promise.resolve()) : (_ = n, y = r, b = o, D({ manual: !0 }).finally(() => {
+			a.status === "ready" ? (v = a.widgetToken, a.widgetToken === n && (_ = null)) : v = null;
+		}));
 	};
 	return {
 		start: () => {
-			c || (c = !0, S(), b({ manual: !1 }));
+			u || (u = !0, k(), D({ manual: !1 }));
 		},
 		stop: () => {
-			c = !1, a++, g(), C();
+			u = !1, s++, C(), j(), A();
 		},
-		refresh: () => (c = !0, S(), b({ manual: !0 })),
-		getState: () => r,
-		subscribe: (e) => (i.add(e), () => {
-			i.delete(e);
+		refresh: () => (u = !0, k(), D({ manual: !0 })),
+		reportRejectedToken: M,
+		getState: () => a,
+		subscribe: (e) => (o.add(e), () => {
+			o.delete(e);
 		})
 	};
 }
-export { e as createWidgetTokenManager };
+export { t as MAX_REJECTED_REFRESH_BACKOFF_MS, e as REJECTED_REFRESH_BACKOFF_MS, n as createWidgetTokenManager };

package/dist/packages/shared-ui-shadcn/dist/index.js

@@ -10460,7 +10460,7 @@ var Jx = Wv([
 ], {
 	variants: { variant: {
 		underline: "ttw:gap-4 ttw:group-data-[orientation=horizontal]/tabs:h-9 ttw:group-data-[orientation=vertical]/tabs:gap-1",
-		pills: "ttw:gap-2"
+		pills: "ttw:gap-2 ttw:rounded-lg ttw:bg-muted ttw:p-1 ttw:group-data-[orientation=horizontal]/tabs:min-h-8"
 	} },
 	defaultVariants: { variant: "underline" }
 }), Yx = e.createContext("underline");
@@ -10491,15 +10491,14 @@ var Zx = Wv([
 			"ttw:group-data-[orientation=vertical]/tabs:after:inset-y-0 ttw:group-data-[orientation=vertical]/tabs:after:left-0 ttw:group-data-[orientation=vertical]/tabs:after:w-0.5",
 			"ttw:group-data-[orientation=vertical]/tabs:py-1.5 ttw:group-data-[orientation=vertical]/tabs:pl-3"
 		],
-		pills: [
-			"ttw:h-8 ttw:rounded-full ttw:px-3",
-			"ttw:hover:bg-accent ttw:hover:text-accent-foreground",
-			"ttw:data-[state=active]:bg-secondary ttw:data-[state=active]:text-secondary-foreground"
-		]
+		pills: ["ttw:h-6 ttw:rounded-md ttw:px-2 ttw:hover:text-foreground", "ttw:data-[state=active]:bg-background ttw:data-[state=active]:text-foreground ttw:data-[state=active]:shadow-sm"]
 	} },
 	defaultVariants: { variant: "underline" }
 }), Qx = "ttw:inline-flex ttw:h-5 ttw:min-w-5 ttw:items-center ttw:justify-center ttw:rounded-full ttw:px-1.5 ttw:text-xs ttw:font-medium ttw:tabular-nums", $x = {
-	default: ["ttw:bg-muted ttw:text-muted-foreground", "ttw:group-data-[state=active]/tabs-trigger:bg-primary ttw:group-data-[state=active]/tabs-trigger:text-primary-foreground"],
+	default: {
+		underline: ["ttw:bg-muted ttw:text-muted-foreground", "ttw:group-data-[state=active]/tabs-trigger:bg-primary ttw:group-data-[state=active]/tabs-trigger:text-primary-foreground"],
+		pills: ["ttw:bg-background ttw:text-muted-foreground", "ttw:group-data-[state=active]/tabs-trigger:bg-muted"]
+	},
 	warning: ["ttw:bg-warning-subtle ttw:text-warning-foreground"]
 };
 function eS({ className: t, count: n, countTone: r, children: i, ...a }) {
@@ -10510,7 +10509,7 @@ function eS({ className: t, count: n, countTone: r, children: i, ...a }) {
 		...a,
 		children: [i, n ? /* @__PURE__ */ v(g, { children: [" ", /* @__PURE__ */ _("span", {
 			"data-slot": "tabs-count",
-			className: Y(Qx, $x[r ?? "default"]),
+			className: Y(Qx, r ? $x[r] : $x.default[o]),
 			children: n
 		})] }) : null]
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.11.7",
+  "version": "0.11.9",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [