@tesouro/embedded-components-react 0.2.264 → 0.2.266

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

@@ -3,8 +3,8 @@
 "use client";
 "use client";
 import { AcceptDisclosuresWidgetAnalyticsEvent as e, WIDGET_NAME as t } from "./index2.js";
-import { ACCEPT_DISCLOSURES_WIDGET_LABELS_EN as n } from "../../ui/dist/index2.js";
-import { AcceptDisclosuresWidget as r } from "../../ui/dist/index3.js";
+import { ACCEPT_DISCLOSURES_WIDGET_LABELS_EN as n } from "../../ui/dist/lib/AcceptDisclosuresWidget/labels.js";
+import { AcceptDisclosuresWidget as r } from "../../ui/dist/lib/AcceptDisclosuresWidget/AcceptDisclosuresWidget.js";
 import "../../ui/dist/index.js";
 import { resolveAcceptDisclosuresContent as i } from "./index3.js";
 import { useAcceptWidgetDisclosures as a } from "../../data-access/dist/index2.js";
@@ -12,12 +12,12 @@ 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 { extractApiErrorMessage as c } from "../../../shared/util/dist/lib/apiErrors.js";
-import { useRefetchWidget as l, useWidgetConfig as u } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useRefetchWidget as l, useWidgetConfig as u, useWidgetInitStaleForToken as d } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
-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";
+import { useCallback as f, useEffect as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/accept-disclosures-widget/feature/dist/index4.js
-function v(e) {
+function y(e) {
 	return {
 		...n,
 		...e,
@@ -27,43 +27,45 @@ function v(e) {
 		}
 	};
 }
-function y(e, t, n) {
-	return /* @__PURE__ */ _(h, { children: [
+function b(e, t, n) {
+	return /* @__PURE__ */ v(g, { children: [
 		n.providerAttributionPrefix,
-		/* @__PURE__ */ g("strong", { children: e }),
+		/* @__PURE__ */ _("strong", { children: e }),
 		n.providerAttributionMiddle,
 		t,
 		n.providerAttributionSuffix
 	] });
 }
-function b({ invitationToken: t, userId: n, disclosureLinks: r, labels: a, onAccepted: s }) {
-	let c = o(), { initResponse: l } = u(), d = v(a);
-	f(() => {
+function x({ invitationToken: t, userId: n, disclosureLinks: r, labels: a, onAccepted: s }) {
+	let c = o(), { initResponse: l } = u(), f = d(), m = y(a);
+	p(() => {
 		c(e.Mounted);
 	}, [c]);
-	let p = i({
+	let h = i({
 		disclosureLinks: r,
 		vspName: l?.vspName,
 		bankName: l?.bankName,
 		labels: a
 	});
-	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, {
+	if (!h) return null;
+	let g = !!(t && n);
+	if (!g && f) return null;
+	let v = `${g ? `invite:${t}:${n}` : `user:${l?.userId ?? ""}`}:${h.vspName}:${h.bankName}:${h.agreementText}:${h.disclosureLinks.map((e) => e.href).join("|")}`;
+	return /* @__PURE__ */ _(S, {
 		invitationToken: t,
 		userId: n,
 		labelOverrides: a,
-		content: p,
-		labels: d,
+		content: h,
+		labels: m,
 		onAccepted: s
-	}, m);
+	}, v);
 }
-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 () => {
+function S({ invitationToken: e, userId: t, labelOverrides: n, content: i, labels: o, onAccepted: s }) {
+	let [u, d] = h(!1), [p, g] = h(), [v, y] = h(!1), [x, S] = h(!1), C = m(!1), { mutateAsync: w } = a(), T = l(), E = f((e) => {
+		g(void 0), d(e);
+	}, []), D = f(async () => {
 		if (!(!u || v || x)) {
-			_(void 0), b(!0);
+			g(void 0), y(!0);
 			try {
 				if (!C.current) try {
 					await w({
@@ -71,18 +73,18 @@ function x({ invitationToken: e, userId: t, labelOverrides: n, content: i, label
 						userId: t
 					}), C.current = !0;
 				} catch (e) {
-					_(c(e) ?? o.acceptErrorFallback);
+					g(c(e) ?? o.acceptErrorFallback);
 					return;
 				}
 				try {
 					await s?.();
 				} catch (e) {
-					_(c(e) ?? o.acceptErrorFallback);
+					g(c(e) ?? o.acceptErrorFallback);
 					return;
 				}
 				T(), S(!0);
 			} finally {
-				b(!1);
+				y(!1);
 			}
 		}
 	}, [
@@ -96,9 +98,9 @@ function x({ invitationToken: e, userId: t, labelOverrides: n, content: i, label
 		T,
 		t
 	]);
-	return /* @__PURE__ */ g(r, {
+	return /* @__PURE__ */ _(r, {
 		labels: n,
-		providerAttribution: y(i.vspName, i.bankName, o),
+		providerAttribution: b(i.vspName, i.bankName, o),
 		agreementText: i.agreementText,
 		disclosureLinks: i.disclosureLinks,
 		isAgreed: u,
@@ -108,11 +110,11 @@ function x({ invitationToken: e, userId: t, labelOverrides: n, content: i, label
 		},
 		isSubmitting: v,
 		isAccepted: x,
-		errorMessage: h
+		errorMessage: p
 	});
 }
-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, {
+function C({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, linkComponent: a, implementation: o, uiFramework: c, errorFallback: l, onError: u, analytics: d, ...f }) {
+	return /* @__PURE__ */ _(s, {
 		widgetName: t,
 		baseUrl: e,
 		widgetToken: n,
@@ -124,8 +126,8 @@ function S({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, lin
 		errorFallback: l,
 		onError: u,
 		analytics: d,
-		children: /* @__PURE__ */ g(b, { ...f })
+		children: /* @__PURE__ */ _(x, { ...f })
 	});
 }
 //#endregion
-export { S as AcceptDisclosuresWidget };
+export { C as AcceptDisclosuresWidget };

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

@@ -1,3 +1,3 @@
-import { ACCEPT_DISCLOSURES_WIDGET_LABELS_EN as e } from "./index2.js";
-import { AcceptDisclosuresWidget as t } from "./index3.js";
+import { ACCEPT_DISCLOSURES_WIDGET_LABELS_EN as e } from "./lib/AcceptDisclosuresWidget/labels.js";
+import { AcceptDisclosuresWidget as t } from "./lib/AcceptDisclosuresWidget/AcceptDisclosuresWidget.js";
 export { e as ACCEPT_DISCLOSURES_WIDGET_LABELS_EN, t as AcceptDisclosuresWidget };

package/dist/libs/tesouro-embedded-components-react/accept-disclosures-widget/ui/dist/{index3.js → lib/AcceptDisclosuresWidget/AcceptDisclosuresWidget.js}

@@ -1,8 +1,8 @@
-import { ACCEPT_DISCLOSURES_WIDGET_LABELS_EN as e } from "./index2.js";
-import { Button as t, Checkbox as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ACCEPT_DISCLOSURES_WIDGET_LABELS_EN as e } from "./labels.js";
+import { Button as t, Checkbox as n } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
 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
+//#region ../../libs/tesouro-embedded-components-react/accept-disclosures-widget/ui/dist/lib/AcceptDisclosuresWidget/AcceptDisclosuresWidget.js
 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,

package/dist/libs/tesouro-embedded-components-react/accept-disclosures-widget/ui/dist/{index2.js → lib/AcceptDisclosuresWidget/labels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/accept-disclosures-widget/ui/dist/index2.js
+//#region ../../libs/tesouro-embedded-components-react/accept-disclosures-widget/ui/dist/lib/AcceptDisclosuresWidget/labels.js
 var e = {
 	title: "Review and accept these banking disclosures",
 	acceptButton: "Accept",

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

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.2.264", n = "f1aed67e741ee746ed85f5931b6b93de3508e38e", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.2.266", n = "156a33c6913a844493fc8f31e8c4483f45f2853b", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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

@@ -1,6 +1,6 @@
-import { WIDGET_SUITE_CONTENT_LABELS_EN as e, WIDGET_SUITE_SECTION_LABELS_EN as t, WIDGET_SUITE_SECTION_TITLE_LABELS_EN as n } from "./index3.js";
-import { WIDGET_SUITE_DEFAULT_SECTIONS as r, WidgetSuiteSectionId as i } from "./index4.js";
-import { WIDGET_SUITE_SHELL_LABELS_EN as a } from "../../ui/dist/index2.js";
+import { WIDGET_SUITE_CONTENT_LABELS_EN as e, WIDGET_SUITE_DISCLOSURE_LABELS_EN as t, WIDGET_SUITE_SECTION_LABELS_EN as n, WIDGET_SUITE_SECTION_TITLE_LABELS_EN as r } from "./index4.js";
+import { WIDGET_SUITE_DEFAULT_SECTIONS as i, WidgetSuiteSectionId as a } from "./index5.js";
+import { WIDGET_SUITE_SHELL_LABELS_EN as o } from "../../ui/dist/index2.js";
 import "../../ui/dist/index.js";
-import { WidgetSuite as o } from "./index5.js";
-export { e as WIDGET_SUITE_CONTENT_LABELS_EN, r as WIDGET_SUITE_DEFAULT_SECTIONS, t as WIDGET_SUITE_SECTION_LABELS_EN, n as WIDGET_SUITE_SECTION_TITLE_LABELS_EN, a as WIDGET_SUITE_SHELL_LABELS_EN, o as WidgetSuite, i as WidgetSuiteSectionId };
+import { WidgetSuite as s } from "./index6.js";
+export { e as WIDGET_SUITE_CONTENT_LABELS_EN, i as WIDGET_SUITE_DEFAULT_SECTIONS, t as WIDGET_SUITE_DISCLOSURE_LABELS_EN, n as WIDGET_SUITE_SECTION_LABELS_EN, r as WIDGET_SUITE_SECTION_TITLE_LABELS_EN, o as WIDGET_SUITE_SHELL_LABELS_EN, s as WidgetSuite, a as WidgetSuiteSectionId };

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/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/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 };