@tesouro/embedded-components-react 0.2.264 → 0.2.267

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

@@ -1,17 +1,6 @@
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index3.js
-var e = {
-	dashboard: "Dashboard",
-	accounts: "Accounts",
-	cards: "Cards",
-	transfers: "Transfers",
-	"bill-pay": "Bill Pay",
-	invoicing: "Invoicing",
-	expenses: "Expenses",
-	settings: "Settings"
-}, t = { bankTagline: "Business Banking provided by {bankName}" }, n = {
-	creditCards: { title: "Credit cards" },
-	debitCards: { title: "Debit cards" },
-	expensePlaceholders: { expensesUnavailable: "Expenses are not available in this suite yet." }
-};
+function e(e) {
+	return e ? e.disclosuresRequired === "REQUIRED" && !e.disclosuresAccepted : !1;
+}
 //#endregion
-export { n as WIDGET_SUITE_CONTENT_LABELS_EN, e as WIDGET_SUITE_SECTION_LABELS_EN, t as WIDGET_SUITE_SECTION_TITLE_LABELS_EN };
+export { e as needsDisclosureAcceptance };

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

@@ -1,97 +1,32 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import { CardProgram as n } from "../../../shared/feature/dist/lib/card/cardProgram.js";
-import "../../../shared/feature/dist/index.js";
-import { BankAccountsWidget as r } from "../../../bank-accounts-widget/feature/dist/index8.js";
-import "../../../bank-accounts-widget/feature/dist/index.js";
-import { BillPayWidget as i } from "../../../bill-pay-widget/feature/dist/index28.js";
-import "../../../bill-pay-widget/feature/dist/index.js";
-import { CardsWidget as a } from "../../../cards-widget/feature/dist/index8.js";
-import "../../../cards-widget/feature/dist/index.js";
-import { BalancesWidget as o } from "../../../balances-widget/feature/dist/index5.js";
-import "../../../balances-widget/feature/dist/index.js";
-import { InsightsWidget as s } from "../../../insights-widget/feature/dist/index11.js";
-import "../../../insights-widget/feature/dist/index.js";
-import { InvoicingWidget as c } from "../../../invoicing-widget/feature/dist/index3.js";
-import "../../../invoicing-widget/feature/dist/index.js";
-import { SettingsWidget as l } from "../../../settings-widget/feature/dist/index6.js";
-import "../../../settings-widget/feature/dist/index.js";
-import { TransfersWidget as u } from "../../../transfers-widget/feature/dist/index6.js";
-import "../../../transfers-widget/feature/dist/index.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js
-var p = ({ children: e }) => /* @__PURE__ */ d("div", {
-	className: "ttw:rounded-md ttw:border ttw:border-dashed ttw:border-border ttw:p-8 ttw:text-sm ttw:text-muted-foreground",
-	children: e
-}), m = {
-	Dashboard: "dashboard",
-	Accounts: "accounts",
-	Cards: "cards",
-	Transfers: "transfers",
-	BillPay: "bill-pay",
-	Invoicing: "invoicing",
-	Expenses: "expenses",
-	Settings: "settings"
-}, h = [
-	m.Dashboard,
-	m.Accounts,
-	m.Cards,
-	m.Transfers,
-	m.BillPay,
-	m.Invoicing,
-	m.Expenses,
-	m.Settings
-], g = {
-	[m.Dashboard]: { render: ({ grantedScopes: n }) => {
-		let r = e(n, [t.BankAccountReadOrg]);
-		return /* @__PURE__ */ f("div", {
-			className: r ? "ttw:grid ttw:gap-4 ttw:md:grid-cols-2" : "ttw:grid ttw:gap-4",
-			children: [r && /* @__PURE__ */ d(o, {}), /* @__PURE__ */ d(s, {})]
-		});
-	} },
-	[m.Accounts]: {
-		anyOfScopes: [t.BankAccountReadOrg, t.ExternalBankAccountReadOrg],
-		rendersOwnTitle: !0,
-		render: () => /* @__PURE__ */ d(r, {})
+var e = {
+	dashboard: "Dashboard",
+	accounts: "Accounts",
+	cards: "Cards",
+	transfers: "Transfers",
+	"bill-pay": "Bill Pay",
+	invoicing: "Invoicing",
+	expenses: "Expenses",
+	settings: "Settings"
+}, t = { bankTagline: "Business Banking provided by {bankName}" }, n = {
+	creditCards: { title: "Credit cards" },
+	debitCards: { title: "Debit cards" },
+	expensePlaceholders: { expensesUnavailable: "Expenses are not available in this suite yet." }
+}, r = {
+	initFailedState: {
+		title: "We couldn't load this page",
+		body: "Please try again.",
+		retryButton: "Try again"
 	},
-	[m.Cards]: {
-		anyOfScopes: [t.CreditCardReadOrg, t.DebitCardReadOrg],
-		render: ({ grantedScopes: r, labels: i }) => /* @__PURE__ */ f("div", {
-			className: "ttw:grid ttw:gap-8",
-			children: [e(r, [t.CreditCardReadOrg]) && /* @__PURE__ */ d(a, {
-				cardProgram: n.Credit,
-				labels: i.creditCards
-			}), e(r, [t.DebitCardReadOrg]) && /* @__PURE__ */ d(a, {
-				cardProgram: n.Debit,
-				labels: i.debitCards
-			})]
-		})
+	refreshFailedState: {
+		title: "We couldn't finish loading this page",
+		body: "Your disclosure acceptance was saved, so you won't need to accept again.",
+		retryButton: "Try again"
 	},
-	[m.Transfers]: {
-		anyOfScopes: [t.BankAccountReadOrg],
-		render: () => /* @__PURE__ */ d(u, {})
-	},
-	[m.BillPay]: {
-		anyOfScopes: [t.PayableReadOrg],
-		render: () => /* @__PURE__ */ d(i, {})
-	},
-	[m.Invoicing]: {
-		anyOfScopes: [t.InvoiceReadOrg],
-		render: () => /* @__PURE__ */ d(c, {})
-	},
-	[m.Expenses]: {
-		anyOfScopes: [t.ExpenseReadOrg, t.ExpenseReadSelf],
-		render: ({ labels: e }) => /* @__PURE__ */ d(p, { children: e.expensePlaceholders.expensesUnavailable })
-	},
-	[m.Settings]: {
-		rendersOwnTitle: !0,
-		render: () => /* @__PURE__ */ d(l, {})
+	unavailableState: {
+		title: "This account needs to accept disclosures",
+		body: "The documents are not available right now. Please contact support to continue."
 	}
 };
 //#endregion
-export { h as WIDGET_SUITE_DEFAULT_SECTIONS, g as WIDGET_SUITE_SECTIONS, m as WidgetSuiteSectionId };
+export { n as WIDGET_SUITE_CONTENT_LABELS_EN, r as WIDGET_SUITE_DISCLOSURE_LABELS_EN, e as WIDGET_SUITE_SECTION_LABELS_EN, t as WIDGET_SUITE_SECTION_TITLE_LABELS_EN };

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

@@ -3,82 +3,95 @@
 "use client";
 "use client";
 import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../shared/data-access/dist/index.js";
-import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as n } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { CardProgram as n } from "../../../shared/feature/dist/lib/card/cardProgram.js";
 import "../../../shared/feature/dist/index.js";
-import { WIDGET_SUITE_CONTENT_LABELS_EN as i, WIDGET_SUITE_SECTION_LABELS_EN as a, WIDGET_SUITE_SECTION_TITLE_LABELS_EN as o } from "./index3.js";
-import { WIDGET_SUITE_SECTIONS as s } from "./index4.js";
-import { WIDGET_NAME as c, WidgetSuiteAnalyticsEvent as l } from "./index2.js";
-import { WidgetSuiteShell as u } from "../../ui/dist/index3.js";
-import { SectionPageTitle as d } from "../../ui/dist/index4.js";
-import "../../ui/dist/index.js";
-import { useEffect as f, useMemo as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { BankAccountsWidget as r } from "../../../bank-accounts-widget/feature/dist/index8.js";
+import "../../../bank-accounts-widget/feature/dist/index.js";
+import { BillPayWidget as i } from "../../../bill-pay-widget/feature/dist/index30.js";
+import "../../../bill-pay-widget/feature/dist/index.js";
+import { CardsWidget as a } from "../../../cards-widget/feature/dist/index8.js";
+import "../../../cards-widget/feature/dist/index.js";
+import { BalancesWidget as o } from "../../../balances-widget/feature/dist/index5.js";
+import "../../../balances-widget/feature/dist/index.js";
+import { InsightsWidget as s } from "../../../insights-widget/feature/dist/index11.js";
+import "../../../insights-widget/feature/dist/index.js";
+import { InvoicingWidget as c } from "../../../invoicing-widget/feature/dist/index3.js";
+import "../../../invoicing-widget/feature/dist/index.js";
+import { SettingsWidget as l } from "../../../settings-widget/feature/dist/index6.js";
+import "../../../settings-widget/feature/dist/index.js";
+import { TransfersWidget as u } from "../../../transfers-widget/feature/dist/index6.js";
+import "../../../transfers-widget/feature/dist/index.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.js
-function v({ sections: n, labels: c, sectionLabels: v, sectionTitleLabels: y, contentLabels: b, showSectionTitle: x = !0 }) {
-	let S = t();
-	f(() => {
-		S(l.Mounted);
-	}, [S]);
-	let C = {
-		...a,
-		...v
-	}, { initResponse: w } = r(), T = w?.scopes, E = p(() => ({
-		creditCards: {
-			...i.creditCards,
-			...b?.creditCards
-		},
-		debitCards: {
-			...i.debitCards,
-			...b?.debitCards
-		},
-		expensePlaceholders: {
-			...i.expensePlaceholders,
-			...b?.expensePlaceholders
-		}
-	}), [b]), D = w?.bankName?.trim(), O = D ? {
-		...o,
-		...y
-	}.bankTagline.replaceAll("{bankName}", D) : void 0, k = n.flatMap((t) => {
-		let n = s[t];
-		if (!n || n.anyOfScopes && !e(T, n.anyOfScopes)) return [];
-		let r = C[t], i = n.render({
-			grantedScopes: T,
-			labels: E
+var p = ({ children: e }) => /* @__PURE__ */ d("div", {
+	className: "ttw:rounded-md ttw:border ttw:border-dashed ttw:border-border ttw:p-8 ttw:text-sm ttw:text-muted-foreground",
+	children: e
+}), m = {
+	Dashboard: "dashboard",
+	Accounts: "accounts",
+	Cards: "cards",
+	Transfers: "transfers",
+	BillPay: "bill-pay",
+	Invoicing: "invoicing",
+	Expenses: "expenses",
+	Settings: "settings"
+}, h = [
+	m.Dashboard,
+	m.Accounts,
+	m.Cards,
+	m.Transfers,
+	m.BillPay,
+	m.Invoicing,
+	m.Expenses,
+	m.Settings
+], g = {
+	[m.Dashboard]: { render: ({ grantedScopes: n }) => {
+		let r = e(n, [t.BankAccountReadOrg]);
+		return /* @__PURE__ */ f("div", {
+			className: r ? "ttw:grid ttw:gap-4 ttw:md:grid-cols-2" : "ttw:grid ttw:gap-4",
+			children: [r && /* @__PURE__ */ d(o, {}), /* @__PURE__ */ d(s, {})]
 		});
-		return [{
-			id: t,
-			label: r,
-			content: x && !n.rendersOwnTitle ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, {
-				title: r,
-				bankTagline: O
-			}), i] }) : i
-		}];
-	}), [A, j] = m(n[0] ?? ""), M = k.some((e) => e.id === A) ? A : k[0]?.id ?? "";
-	return /* @__PURE__ */ g(u, {
-		sections: k,
-		selectedSectionId: M,
-		onSectionChange: j,
-		labels: c
-	});
-}
-function y({ baseUrl: e, widgetToken: t, organizationId: r, configClient: i, linkComponent: a, implementation: o, uiFramework: s, errorFallback: l, onError: u, analytics: d, ...f }) {
-	return /* @__PURE__ */ g(n, {
-		widgetName: c,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: r,
-		configClient: i,
-		linkComponent: a,
-		implementation: o,
-		uiFramework: s,
-		errorFallback: l,
-		onError: u,
-		analytics: d,
-		children: /* @__PURE__ */ g(v, { ...f })
-	});
-}
+	} },
+	[m.Accounts]: {
+		anyOfScopes: [t.BankAccountReadOrg, t.ExternalBankAccountReadOrg],
+		rendersOwnTitle: !0,
+		render: () => /* @__PURE__ */ d(r, {})
+	},
+	[m.Cards]: {
+		anyOfScopes: [t.CreditCardReadOrg, t.DebitCardReadOrg],
+		render: ({ grantedScopes: r, labels: i }) => /* @__PURE__ */ f("div", {
+			className: "ttw:grid ttw:gap-8",
+			children: [e(r, [t.CreditCardReadOrg]) && /* @__PURE__ */ d(a, {
+				cardProgram: n.Credit,
+				labels: i.creditCards
+			}), e(r, [t.DebitCardReadOrg]) && /* @__PURE__ */ d(a, {
+				cardProgram: n.Debit,
+				labels: i.debitCards
+			})]
+		})
+	},
+	[m.Transfers]: {
+		anyOfScopes: [t.BankAccountReadOrg],
+		render: () => /* @__PURE__ */ d(u, {})
+	},
+	[m.BillPay]: {
+		anyOfScopes: [t.PayableReadOrg],
+		render: () => /* @__PURE__ */ d(i, {})
+	},
+	[m.Invoicing]: {
+		anyOfScopes: [t.InvoiceReadOrg],
+		render: () => /* @__PURE__ */ d(c, {})
+	},
+	[m.Expenses]: {
+		anyOfScopes: [t.ExpenseReadOrg, t.ExpenseReadSelf],
+		render: ({ labels: e }) => /* @__PURE__ */ d(p, { children: e.expensePlaceholders.expensesUnavailable })
+	},
+	[m.Settings]: {
+		rendersOwnTitle: !0,
+		render: () => /* @__PURE__ */ d(l, {})
+	}
+};
 //#endregion
-export { y as WidgetSuite, y as default };
+export { h as WIDGET_SUITE_DEFAULT_SECTIONS, g as WIDGET_SUITE_SECTIONS, m as WidgetSuiteSectionId };

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.264",
+  "version": "0.2.267",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {