@tesouro/embedded-components-react 0.5.232 → 0.5.235

package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index16.js

@@ -12,133 +12,164 @@ import { useEmbedApi as s } from "../../../shared/data-access/dist/lib/EmbedApiC
 import { hasAnyScope as c } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
 import { OnboardingSuppressionReason as l } from "../../../shared/data-access/dist/lib/onboardingSuppressionReason.js";
 import { useOrganizationOnboardingSuppression as u } from "../../../shared/data-access/dist/lib/useOrganizationOnboardingSuppression.js";
+import { useOrganizationApplicationStatus as d } from "../../../shared/data-access/dist/lib/useOrganizationApplicationStatus.js";
 import "../../../shared/data-access/dist/index.js";
-import { ErrorState as d } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { ErrorState as f } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as f } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as p } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useRefetchWidget as m, useWidgetConfig as h, useWidgetError as g, useWidgetInitStaleForToken as _, useWidgetLoading as v } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useAnalyticsTrack as p } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as m } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useRefetchWidget as h, useWidgetConfig as ee, useWidgetError as g, useWidgetInitStaleForToken as _, useWidgetLoading as v } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { deniedNoticeExpiresAt as te, selectBankAccountApplication as ne } from "../../../shared/feature/dist/lib/application/bankAccountApplication.js";
 import "../../../shared/feature/dist/index.js";
-import { WIDGET_SUITE_SECTIONS as y } from "./index15.js";
-import { WIDGET_NAME as b, WidgetSuiteAnalyticsEvent as x } from "./index2.js";
-import { needsDisclosureAcceptance as S } from "./index3.js";
-import { AcceptDisclosuresWidget as C } from "../../../accept-disclosures-widget/feature/dist/index5.js";
+import { WIDGET_SUITE_SECTIONS as re } from "./index15.js";
+import { WIDGET_NAME as y, WidgetSuiteAnalyticsEvent as b } from "./index2.js";
+import { needsDisclosureAcceptance as x } from "./index3.js";
+import { AcceptDisclosuresWidget as ie } from "../../../accept-disclosures-widget/feature/dist/index5.js";
 import "../../../accept-disclosures-widget/feature/dist/index.js";
-import { BankAccountOnboardingWidget as w } from "../../../bank-account-onboarding-widget/feature/dist/index26.js";
+import { OnboardingApplicationView as S, onboardingApplicationViewFor as C } from "../../../bank-account-onboarding-widget/feature/dist/index23.js";
+import { BankAccountOnboardingWidget as ae } from "../../../bank-account-onboarding-widget/feature/dist/index26.js";
 import "../../../bank-account-onboarding-widget/feature/dist/index.js";
-import { useCallback as T, useEffect as E, useMemo as D, useRef as O, useState as k } from "react";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { useCallback as w, useEffect as T, useMemo as oe, useReducer as E, useRef as D, useState as O } from "react";
+import { Fragment as se, jsx as k, jsxs as ce } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index16.js
-var N = {
+var A = {
 	initFailed: "widget-suite-init-failed",
 	disclosuresRefreshFailed: "widget-suite-disclosures-refresh-failed",
-	applicationInFlight: "widget-suite-application-in-flight"
-};
-function P({ showSectionTitle: n = !0, onboardingDisclosureLinks: r }) {
-	let { availableSections: a, activeSection: s, labels: c, navigate: f } = o(), { initResponse: p } = h(), b = g(), x = _(), D = v(), P = m(), F = u(), [I, L] = k(!1), R = F.isResolved || I, z = T((e) => f(e), [f]), [B, V] = k(!1), ee = T(() => V(!0), []), [te, ne] = k(!1), H = S(p), U = c.disclosure, W = c.onboardingGate, G = p?.status === "INVITED", K = p?.status === "ACTIVE" || p?.status === "INACTIVE", q = !!(p && x), J = q && (G || K), Y = !p && !b || J && !b, X = !!p && !Y && !q && !G && !K && R && F.reason === l.OrganizationApplicationComplete && !te, Z = O(!1), [re, Q] = k(!1);
-	E(() => {
-		!H && B && V(!1);
-	}, [B, H]), E(() => {
-		F.isResolved && !I && L(!0);
-	}, [F.isResolved, I]), E(() => {
-		X ? Z.current || (Z.current = !0, Q(!0), P()) : (Z.current = !1, Q(!1));
-	}, [X, P]);
-	let $ = () => /* @__PURE__ */ j(e, {
+	applicationUnavailable: "widget-suite-application-unavailable"
+}, j = 2 ** 31 - 1;
+function M({ showSectionTitle: n = !0, onboardingDisclosureLinks: r, onApplicantLatchChange: a, onResultScreenHeldChange: s }) {
+	let { availableSections: c, activeSection: p, labels: m, navigate: y } = o(), { initResponse: b } = ee(), M = g(), N = _(), P = v(), F = h(), I = u(), L = d(), R = oe(() => ne(L.applications), [L.applications]), z = D(null);
+	L.isResolved && (z.current = { application: R });
+	let B = L.isResolved ? R : z.current?.application ?? null, [le, ue] = E((e) => e + 1, 0), V = te(B);
+	T(() => {
+		if (V === null) return;
+		let e = V - Date.now();
+		if (e < 0) return;
+		let t = setTimeout(ue, Math.min(e + 1, j));
+		return () => clearTimeout(t);
+	}, [V, le]);
+	let H = C(B), [U, de] = O(!1), [W, fe] = O(!1), pe = I.isResolved || W, me = w((e) => y(e), [y]), [G, he] = O(!1), ge = w(() => he(!0), []), [K, _e] = O(!1), ve = K || U;
+	T(() => {
+		a(ve);
+	}, [ve, a]);
+	let [ye, be] = O(!1), xe = U && !ye;
+	T(() => {
+		s(xe);
+	}, [xe, s]);
+	let q = x(b), J = m.disclosure, Y = m.onboardingGate, X = b?.status === "INVITED", Se = b?.status === "ACTIVE" || b?.status === "INACTIVE", Ce = !!(b && N), we = Ce && (X || Se), Te = !b && !M || we && !M, Z = !!b && !Te && !Ce && !X && !Se && pe && I.reason === l.OrganizationApplicationComplete && !K, Q = D(!1), [Ee, De] = O(!1);
+	T(() => {
+		!q && G && he(!1);
+	}, [G, q]), T(() => {
+		I.isResolved && !W && fe(!0);
+	}, [I.isResolved, W]), T(() => {
+		Z ? Q.current || (Q.current = !0, De(!0), F()) : (Q.current = !1, De(!1));
+	}, [Z, F]);
+	let $ = () => /* @__PURE__ */ k(e, {
 		isLoading: !0,
 		sections: [],
 		selectedSectionId: "",
-		onSectionChange: z,
-		labels: c.shell
+		onSectionChange: me,
+		labels: m.shell
 	});
-	if (Y) return $();
-	if ((!p || J) && b) return /* @__PURE__ */ j(d, {
-		title: U.initFailedState.title,
-		description: U.initFailedState.body,
-		retryLabel: U.initFailedState.retryButton,
-		onRetry: P,
-		testId: N.initFailed
+	if (Te) return $();
+	if ((!b || we) && M) return /* @__PURE__ */ k(f, {
+		title: J.initFailedState.title,
+		description: J.initFailedState.body,
+		retryLabel: J.initFailedState.retryButton,
+		onRetry: F,
+		testId: A.initFailed
 	});
-	let ie = () => B && b ? /* @__PURE__ */ j(d, {
-		title: U.refreshFailedState.title,
-		description: U.refreshFailedState.body,
-		retryLabel: U.refreshFailedState.retryButton,
-		onRetry: P,
-		testId: N.disclosuresRefreshFailed
-	}) : /* @__PURE__ */ j(C, { onAccepted: ee });
-	if (G || K) {
-		if (H) return ie();
-	} else return R ? F.reason === l.OrganizationApplicationStartedByOther ? /* @__PURE__ */ j(d, {
-		title: W.applicationInFlightState.title,
-		description: W.applicationInFlightState.body,
-		retryLabel: W.applicationInFlightState.retryButton,
-		onRetry: F.refetch,
-		testId: N.applicationInFlight
-	}) : X ? b || re && !D ? /* @__PURE__ */ j(d, {
-		title: U.initFailedState.title,
-		description: U.initFailedState.body,
-		retryLabel: U.initFailedState.retryButton,
-		onRetry: P,
-		testId: N.initFailed
-	}) : $() : /* @__PURE__ */ j(w, {
+	let Oe = () => G && M ? /* @__PURE__ */ k(f, {
+		title: J.refreshFailedState.title,
+		description: J.refreshFailedState.body,
+		retryLabel: J.refreshFailedState.retryButton,
+		onRetry: F,
+		testId: A.disclosuresRefreshFailed
+	}) : /* @__PURE__ */ k(ie, { onAccepted: ge });
+	if (X || Se) {
+		if (q) return Oe();
+	} else return pe ? Z ? M || Ee && !P ? /* @__PURE__ */ k(f, {
+		title: J.initFailedState.title,
+		description: J.initFailedState.body,
+		retryLabel: J.initFailedState.retryButton,
+		onRetry: F,
+		testId: A.initFailed
+	}) : $() : !L.isResolved && H !== S.Form && !U ? $() : (H === S.Hidden || H === S.Form && I.isSuppressed) && B?.status !== "COMPLETE" && !U && !K ? /* @__PURE__ */ k(f, {
+		title: Y.applicationUnavailableState.title,
+		description: Y.applicationUnavailableState.body,
+		retryLabel: Y.applicationUnavailableState.retryButton,
+		onRetry: I.refetch,
+		testId: A.applicationUnavailable
+	}) : /* @__PURE__ */ k(ae, {
 		isFullScreenInline: !0,
-		onEmbeddedOnboardingCompletedSuccessfully: () => ne(!0),
+		showApplicationStatusRefresh: !0,
+		onResultPhaseChange: de,
+		onEmbeddedOnboardingCompletedSuccessfully: () => _e(!0),
 		onNavigateToDashboard: () => {
-			a.includes(i.Dashboard) && f(i.Dashboard), P();
+			be(!0), c.includes(i.Dashboard) && y(i.Dashboard), F();
 		},
 		disclosureLinks: r,
-		...c.onboarding
+		...m.onboarding
 	}) : $();
-	let ae = p?.bankName?.trim(), oe = ae ? c.sectionTitle.bankTagline.replaceAll("{bankName}", ae) : void 0, se = a.map((e) => {
-		let { Content: r, placesOwnTitle: a } = y[e], o = c.menu[e], s = e === i.Accounts ? void 0 : oe, l = (e) => /* @__PURE__ */ j(t, {
+	let ke = b?.bankName?.trim(), Ae = ke ? m.sectionTitle.bankTagline.replaceAll("{bankName}", ke) : void 0, je = c.map((e) => {
+		let { Content: r, placesOwnTitle: a } = re[e], o = m.menu[e], s = e === i.Accounts ? void 0 : Ae, c = (e) => /* @__PURE__ */ k(t, {
 			title: o,
 			bankTagline: s,
 			children: e
-		}), u = /* @__PURE__ */ j(r, {});
-		return n && (u = a ? /* @__PURE__ */ j(r, { renderTitle: l }) : /* @__PURE__ */ M(A, { children: [l(), /* @__PURE__ */ j(r, {})] })), {
+		}), l = /* @__PURE__ */ k(r, {});
+		return n && (l = a ? /* @__PURE__ */ k(r, { renderTitle: c }) : /* @__PURE__ */ ce(se, { children: [c(), /* @__PURE__ */ k(r, {})] })), {
 			id: e,
 			label: o,
-			content: u
+			content: l
 		};
 	});
-	return /* @__PURE__ */ j(e, {
-		sections: se,
-		selectedSectionId: s ?? "",
-		onSectionChange: z,
-		labels: c.shell
+	return /* @__PURE__ */ k(e, {
+		sections: je,
+		selectedSectionId: p ?? "",
+		onSectionChange: me,
+		labels: m.shell
 	});
 }
-function F({ sections: e = r, section: t, defaultSection: i, onSectionChange: o, labels: l, cardArtSrc: u, ...d }) {
-	let p = f();
-	E(() => {
-		p(x.Mounted);
-	}, [p]);
-	let { initResponse: m } = h(), g = m?.scopes, { client: _, widgetToken: v } = s(), b = m?.userId ?? null, [S, C] = k(b), [w, T] = k(0);
-	b !== S && (C(b), S !== null && T((e) => e + 1));
-	let [O, A] = k(_);
-	_ !== O && (A(_), T((e) => e + 1));
-	let M = !!v, [N, F] = k(M);
-	M !== N && (F(M), T((e) => e + 1));
-	let I = m?.organizationId ?? null, [L, R] = k(I);
-	I !== L && (R(I), L !== null && T((e) => e + 1));
-	let z = D(() => n(l), [l]), B = e.filter((e) => {
-		let t = y[e];
-		return !!t && (!t.anyOfScopes || c(g, t.anyOfScopes));
+function N({ sections: e = r, section: t, defaultSection: i, onSectionChange: o, labels: l, cardArtSrc: u, ...d }) {
+	let f = p();
+	T(() => {
+		f(b.Mounted);
+	}, [f]);
+	let { initResponse: m } = ee(), h = m?.scopes, { client: g, widgetToken: _ } = s(), v = m?.userId ?? null, [te, ne] = O(v), [y, x] = O(0);
+	v !== te && (ne(v), te !== null && x((e) => e + 1));
+	let [ie, S] = O(g);
+	g !== ie && (S(g), x((e) => e + 1));
+	let C = !!_, [ae, w] = O(C);
+	C !== ae && (w(C), x((e) => e + 1));
+	let E = m?.organizationId ?? null, [D, se] = O(E);
+	E !== D && (se(E), D !== null && x((e) => e + 1));
+	let [ce, A] = O(!1), [j, N] = O(!1), [P, F] = O(null), I = () => {
+		A(!1), x((e) => e + 1);
+	}, [L, R] = O(_);
+	_ !== L && (R(_), ce && v === null && E === null && C === !!L && (j ? F(y) : I())), P !== null && !j && (F(null), P === y && v === null && E === null && I());
+	let z = oe(() => n(l), [l]), B = e.filter((e) => {
+		let t = re[e];
+		return !!t && (!t.anyOfScopes || c(h, t.anyOfScopes));
 	});
-	return /* @__PURE__ */ j(a, {
+	return /* @__PURE__ */ k(a, {
 		sections: e,
 		availableSections: B,
-		grantedScopes: g,
+		grantedScopes: h,
 		labels: z,
 		section: t,
 		defaultSection: i,
 		onSectionChange: o,
 		cardArtSrc: u,
-		children: /* @__PURE__ */ j(P, { ...d }, w)
+		children: /* @__PURE__ */ k(M, {
+			onApplicantLatchChange: A,
+			onResultScreenHeldChange: N,
+			...d
+		}, y)
 	});
 }
-function I({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: i, linkComponent: a, implementation: o, uiFramework: s, errorFallback: c, onError: l, analytics: u, disclosuresAcceptance: d, providerLabels: f, ...m }) {
-	return /* @__PURE__ */ j(p, {
-		widgetName: b,
+function P({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: i, linkComponent: a, implementation: o, uiFramework: s, errorFallback: c, onError: l, analytics: u, disclosuresAcceptance: d, providerLabels: f, ...p }) {
+	return /* @__PURE__ */ k(m, {
+		widgetName: y,
 		baseUrl: e,
 		widgetToken: t,
 		organizationId: n,
@@ -152,8 +183,8 @@ function I({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gat
 		analytics: u,
 		disclosuresAcceptance: d,
 		providerLabels: f,
-		children: /* @__PURE__ */ j(F, { ...m })
+		children: /* @__PURE__ */ k(N, { ...p })
 	});
 }
 //#endregion
-export { N as WIDGET_SUITE_TEST_IDS, I as WidgetSuite, I as default };
+export { A as WIDGET_SUITE_TEST_IDS, P as WidgetSuite, P as default };

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

@@ -27,11 +27,18 @@ var n = {
 			retryButton: "Try again"
 		}
 	},
-	onboardingGate: { applicationInFlightState: {
-		title: "Application in progress",
-		body: "Your organization's account application is already being set up by a teammate. Contact your organization admin for details.",
-		retryButton: "Check again"
-	} },
+	onboardingGate: {
+		applicationUnavailableState: {
+			title: "We can't show your application",
+			body: "Your organization's bank account application isn't available here. Contact your organization admin or the bank for details.",
+			retryButton: "Check again"
+		},
+		applicationInFlightState: {
+			title: "Application in progress",
+			body: "Your organization's account application is already being set up by a teammate. Contact your organization admin for details.",
+			retryButton: "Check again"
+		}
+	},
 	sections: {
 		dashboard: {},
 		cards: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.5.232",
+  "version": "0.5.235",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {