@tesouro/embedded-components-react 0.2.263 → 0.2.266

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

@@ -0,0 +1,142 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import "../../../shared/data-access/dist/index.js";
+import { ErrorState as t } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as n } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as r } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useRefetchWidget as i, useWidgetConfig as a, useWidgetError as o, useWidgetInitStaleForToken as s } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { AcceptDisclosuresWidget as c } from "../../../accept-disclosures-widget/feature/dist/index4.js";
+import "../../../accept-disclosures-widget/feature/dist/index.js";
+import { WIDGET_SUITE_CONTENT_LABELS_EN as l, WIDGET_SUITE_DISCLOSURE_LABELS_EN as u, WIDGET_SUITE_SECTION_LABELS_EN as d, WIDGET_SUITE_SECTION_TITLE_LABELS_EN as f } from "./index4.js";
+import { WIDGET_SUITE_SECTIONS as p } from "./index5.js";
+import { WIDGET_NAME as m, WidgetSuiteAnalyticsEvent as h } from "./index2.js";
+import { needsDisclosureAcceptance as g } from "./index3.js";
+import { WidgetSuiteShell as _ } from "../../ui/dist/index3.js";
+import { SectionPageTitle as v } from "../../ui/dist/index4.js";
+import "../../ui/dist/index.js";
+import { useCallback as y, useEffect as b, useMemo as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index6.js
+var E = {
+	initFailed: "widget-suite-init-failed",
+	disclosuresRefreshFailed: "widget-suite-disclosures-refresh-failed",
+	disclosuresUnavailable: "widget-suite-disclosures-unavailable"
+};
+function D({ sections: r, disclosureLinks: m, labels: D, sectionLabels: O, sectionTitleLabels: k, contentLabels: A, disclosureLabels: j, showSectionTitle: M = !0 }) {
+	let N = n();
+	b(() => {
+		N(h.Mounted);
+	}, [N]);
+	let P = {
+		...d,
+		...O
+	}, { initResponse: F } = a(), I = o(), L = s(), R = F?.scopes, z = x(() => ({
+		creditCards: {
+			...l.creditCards,
+			...A?.creditCards
+		},
+		debitCards: {
+			...l.debitCards,
+			...A?.debitCards
+		},
+		expensePlaceholders: {
+			...l.expensePlaceholders,
+			...A?.expensePlaceholders
+		}
+	}), [A]), [B, V] = S(r[0] ?? ""), H = i(), [U, W] = S(!1), G = y(() => W(!0), []), K = g(F), q = {
+		...u,
+		...j,
+		initFailedState: {
+			...u.initFailedState,
+			...j?.initFailedState
+		},
+		refreshFailedState: {
+			...u.refreshFailedState,
+			...j?.refreshFailedState
+		},
+		unavailableState: {
+			...u.unavailableState,
+			...j?.unavailableState
+		}
+	};
+	b(() => {
+		!K && U && W(!1);
+	}, [U, K]);
+	let J = !!(F && L);
+	if (!F && !I || J && !I) return /* @__PURE__ */ w(_, {
+		isLoading: !0,
+		sections: [],
+		selectedSectionId: "",
+		onSectionChange: V,
+		labels: D
+	});
+	if ((!F || J) && I) return /* @__PURE__ */ w(t, {
+		title: q.initFailedState.title,
+		description: q.initFailedState.body,
+		retryLabel: q.initFailedState.retryButton,
+		onRetry: H,
+		testId: E.initFailed
+	});
+	if (K) return U && I ? /* @__PURE__ */ w(t, {
+		title: q.refreshFailedState.title,
+		description: q.refreshFailedState.body,
+		retryLabel: q.refreshFailedState.retryButton,
+		onRetry: H,
+		testId: E.disclosuresRefreshFailed
+	}) : m ? /* @__PURE__ */ w(c, {
+		disclosureLinks: m,
+		onAccepted: G
+	}) : /* @__PURE__ */ w(t, {
+		title: q.unavailableState.title,
+		description: q.unavailableState.body,
+		testId: E.disclosuresUnavailable
+	});
+	let Y = F?.bankName?.trim(), X = Y ? {
+		...f,
+		...k
+	}.bankTagline.replaceAll("{bankName}", Y) : void 0, Z = r.flatMap((t) => {
+		let n = p[t];
+		if (!n || n.anyOfScopes && !e(R, n.anyOfScopes)) return [];
+		let r = P[t], i = n.render({
+			grantedScopes: R,
+			labels: z
+		});
+		return [{
+			id: t,
+			label: r,
+			content: M && !n.rendersOwnTitle ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(v, {
+				title: r,
+				bankTagline: X
+			}), i] }) : i
+		}];
+	}), Q = Z.some((e) => e.id === B) ? B : Z[0]?.id ?? "";
+	return /* @__PURE__ */ w(_, {
+		sections: Z,
+		selectedSectionId: Q,
+		onSectionChange: V,
+		labels: D
+	});
+}
+function O({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, linkComponent: a, implementation: o, uiFramework: s, errorFallback: c, onError: l, analytics: u, ...d }) {
+	return /* @__PURE__ */ w(r, {
+		widgetName: m,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: n,
+		configClient: i,
+		linkComponent: a,
+		implementation: o,
+		uiFramework: s,
+		errorFallback: c,
+		onError: l,
+		analytics: u,
+		children: /* @__PURE__ */ w(D, { ...d })
+	});
+}
+//#endregion
+export { E as WIDGET_SUITE_TEST_IDS, O as WidgetSuite, O as default };

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

@@ -1,6 +1,7 @@
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js
 var e = {
 	navAriaLabel: "Sections",
+	loadingAriaLabel: "Loading sections",
 	emptyState: {
 		title: "Nothing available here",
 		body: "This account doesn't have access to any of this page's sections."

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

@@ -2,21 +2,26 @@
 "use client";
 "use client";
 "use client";
-import { Typography as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { WIDGET_SUITE_SHELL_LABELS_EN as n } from "./index2.js";
-import { useRef as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Skeleton as e, Typography as t, cn as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { WIDGET_SUITE_SHELL_LABELS_EN as r } from "./index2.js";
+import { useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js
-function o({ sections: o, selectedSectionId: s, onSectionChange: c, labels: l }) {
-	let u = {
-		...n,
-		...l,
+var s = [
+	"first",
+	"second",
+	"third"
+];
+function c({ sections: c, selectedSectionId: l, onSectionChange: u, isLoading: d = !1, labels: f }) {
+	let p = {
+		...r,
+		...f,
 		emptyState: {
-			...n.emptyState,
-			...l?.emptyState
+			...r.emptyState,
+			...f?.emptyState
 		}
-	}, d = r([]), f = o.find((e) => e.id === s), p = (e, t) => {
-		let n = o.length - 1, r;
+	}, m = i([]), h = c.find((e) => e.id === l), g = (e, t) => {
+		let n = c.length - 1, r;
 		switch (e.key) {
 			case "ArrowRight":
 				r = t === n ? 0 : t + 1;
@@ -32,46 +37,57 @@ function o({ sections: o, selectedSectionId: s, onSectionChange: c, labels: l })
 				break;
 			default: return;
 		}
-		e.preventDefault(), d.current[r]?.focus();
+		e.preventDefault(), m.current[r]?.focus();
 	};
-	return o.length === 0 ? /* @__PURE__ */ a("section", {
+	return d ? /* @__PURE__ */ o("section", {
+		"aria-busy": "true",
+		"aria-label": p.loadingAriaLabel,
+		className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-6",
+		children: [/* @__PURE__ */ a("div", {
+			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1 ttw:border-b ttw:border-border",
+			children: s.map((t) => /* @__PURE__ */ a("div", {
+				className: "ttw:px-4 ttw:py-2.5",
+				children: /* @__PURE__ */ a(e, { className: "ttw:h-5 ttw:w-20" })
+			}, t))
+		}), /* @__PURE__ */ a("div", { className: "ttw:min-h-[432px] ttw:min-w-0" })]
+	}) : c.length === 0 ? /* @__PURE__ */ o("section", {
 		className: "ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-border ttw:p-10 ttw:text-center",
-		children: [/* @__PURE__ */ i(e, {
+		children: [/* @__PURE__ */ a(t, {
 			variant: "h5",
-			children: u.emptyState.title
-		}), /* @__PURE__ */ i(e, {
+			children: p.emptyState.title
+		}), /* @__PURE__ */ a(t, {
 			variant: "body2",
 			color: "muted",
-			children: u.emptyState.body
+			children: p.emptyState.body
 		})]
-	}) : /* @__PURE__ */ a("section", {
+	}) : /* @__PURE__ */ o("section", {
 		className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-6",
-		children: [/* @__PURE__ */ i("nav", {
-			"aria-label": u.navAriaLabel,
-			children: /* @__PURE__ */ i("ul", {
+		children: [/* @__PURE__ */ a("nav", {
+			"aria-label": p.navAriaLabel,
+			children: /* @__PURE__ */ a("ul", {
 				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1 ttw:border-b ttw:border-border",
-				children: o.map((e, n) => {
-					let r = e.id === s;
-					return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i("button", {
+				children: c.map((e, t) => {
+					let r = e.id === l;
+					return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
 						type: "button",
 						ref: (e) => {
-							d.current[n] = e;
+							m.current[t] = e;
 						},
 						"aria-current": r ? "page" : void 0,
-						onClick: () => c(e.id),
-						onKeyDown: (e) => p(e, n),
-						className: t("ttw:-mb-px ttw:cursor-pointer ttw:border-b-2 ttw:px-4 ttw:py-2.5 ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:focus-visible:outline-2 ttw:focus-visible:outline-offset-2 ttw:focus-visible:outline-ring", r ? "ttw:border-primary ttw:text-primary" : "ttw:border-transparent ttw:text-muted-foreground ttw:hover:border-border ttw:hover:text-foreground"),
+						onClick: () => u(e.id),
+						onKeyDown: (e) => g(e, t),
+						className: n("ttw:-mb-px ttw:cursor-pointer ttw:border-b-2 ttw:px-4 ttw:py-2.5 ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:focus-visible:outline-2 ttw:focus-visible:outline-offset-2 ttw:focus-visible:outline-ring", r ? "ttw:border-primary ttw:text-primary" : "ttw:border-transparent ttw:text-muted-foreground ttw:hover:border-border ttw:hover:text-foreground"),
 						children: e.label
 					}) }, e.id);
 				})
 			})
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ a("div", {
 			role: "region",
-			"aria-label": f?.label,
+			"aria-label": h?.label,
 			className: "ttw:min-h-[432px] ttw:min-w-0",
-			children: f?.content
+			children: h?.content
 		})]
 	});
 }
 //#endregion
-export { o as WidgetSuiteShell };
+export { c as WidgetSuiteShell };

package/package.json

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