@tesouro/embedded-components-react 0.2.260 → 0.2.262

package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index7.js

@@ -0,0 +1,3 @@
+import "./index3.js";
+import "./index4.js";
+import "./index6.js";

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.260", n = "cf17fd72be9469888ea26552665058a2b2a389a0", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.2.262", n = "2efd449d245f11c88723dfbe989b39bad5cf891d", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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

@@ -16,8 +16,8 @@ import { useTransferExternalAccountsQuery as l } from "../../data-access/dist/in
 import { useMergedRecentBankAccountTransfersQuery as u } from "../../data-access/dist/index6.js";
 import "../../data-access/dist/index.js";
 import { mapTransferToRowView as d, useTransferMoneyModalController as f } from "./index4.js";
-import { TRANSFERS_WIDGET_LABELS_EN as p } from "../../ui/dist/index9.js";
-import { TransfersWidget as ee } from "../../ui/dist/index10.js";
+import { TRANSFERS_WIDGET_LABELS_EN as p } from "../../ui/dist/lib/TransfersWidget/labels.js";
+import { TransfersWidget as ee } from "../../ui/dist/lib/TransfersWidget/TransfersWidget.js";
 import "../../ui/dist/index.js";
 import { useCallback as m, useEffect as h, useMemo as g } from "react";
 import { jsx as _ } from "react/jsx-runtime";

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

@@ -1,3 +1,3 @@
-import { TRANSFERS_WIDGET_LABELS_EN as e } from "./index9.js";
-import { TransfersWidget as t } from "./index10.js";
+import { TRANSFERS_WIDGET_LABELS_EN as e } from "./lib/TransfersWidget/labels.js";
+import { TransfersWidget as t } from "./lib/TransfersWidget/TransfersWidget.js";
 export { e as TRANSFERS_WIDGET_LABELS_EN, t as TransfersWidget };

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/{index4.js → lib/TransferMoneyModal/ReviewTransferStep.js}

@@ -1,9 +1,9 @@
-import { Button as e, Separator as t, Typography as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { TransferReviewAccountCard as r } from "./index2.js";
-import { DEFAULT_REVIEW_TRANSFER_STEP_LABELS as i } from "./index3.js";
+import { Button as e, Separator as t, Typography as n } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { TransferReviewAccountCard as r } from "./TransferReviewAccountCard.js";
+import { DEFAULT_REVIEW_TRANSFER_STEP_LABELS as i } from "./reviewTransferStepLabels.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { ArrowLeft as c, ArrowRight as l } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index4.js
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/ReviewTransferStep.js
 function u({ fromAccount: u, toAccount: d, amountLabel: f, isSubmitting: p, onConfirm: m, onGoBack: h, labels: g }) {
 	let _ = {
 		...i,

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/{index8.js → lib/TransferMoneyModal/TransferMoneyModal.js}

@@ -1,10 +1,10 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogFooter as r, Input as i, Label as a, Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, Separator as u, Typography as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ReviewTransferStep as f } from "./index4.js";
-import { TransferMoneyModalHeader as p } from "./index5.js";
-import { TransferResultStep as m } from "./index7.js";
+import { Button as e, Dialog as t, DialogContent as n, DialogFooter as r, Input as i, Label as a, Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, Separator as u, Typography as d } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ReviewTransferStep as f } from "./ReviewTransferStep.js";
+import { TransferMoneyModalHeader as p } from "./TransferMoneyModalHeader.js";
+import { TransferResultStep as m } from "./TransferResultStep.js";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { ArrowRight as v } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index8.js
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferMoneyModal.js
 var y = "ttw:flex ttw:h-auto ttw:min-h-14 ttw:w-full ttw:cursor-pointer ttw:items-center ttw:justify-start ttw:rounded-lg ttw:border-border ttw:px-5 ttw:py-3.5 ttw:text-left ttw:text-base ttw:font-normal ttw:text-foreground ttw:disabled:cursor-not-allowed ttw:[&_svg]:ml-auto ttw:[&_svg]:shrink-0", b = {
 	position: "popper",
 	align: "start",

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/{index5.js → lib/TransferMoneyModal/TransferMoneyModalHeader.js}

@@ -1,7 +1,7 @@
-import { DialogDescription as e, DialogTitle as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DialogDescription as e, DialogTitle as t } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { ArrowRightLeft as i } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index5.js
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferMoneyModalHeader.js
 function a({ title: a, subtitle: o }) {
 	return /* @__PURE__ */ n("div", {
 		className: "ttw:pb-4",

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/{index7.js → lib/TransferMoneyModal/TransferResultStep.js}

@@ -1,8 +1,8 @@
-import { Button as e, Typography as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DEFAULT_TRANSFER_RESULT_STEP_LABELS as n } from "./index6.js";
+import { Button as e, Typography as t } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_TRANSFER_RESULT_STEP_LABELS as n } from "./transferResultStepLabels.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { ArrowLeft as a, CheckCircle2 as o, X as s } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index7.js
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferResultStep.js
 function c({ amountLabel: c, isSuccess: l, onBackToTransfers: u, labels: d }) {
 	let f = {
 		...n,

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/{index2.js → lib/TransferMoneyModal/TransferReviewAccountCard.js}

@@ -1,7 +1,7 @@
-import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Typography as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Landmark as r } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index2.js
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/TransferReviewAccountCard.js
 function i({ account: i }) {
 	let a = !!i.balanceLabel;
 	return /* @__PURE__ */ n("div", {

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/{index3.js → lib/TransferMoneyModal/reviewTransferStepLabels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index3.js
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/reviewTransferStepLabels.js
 var e = {
 	fromAccountSection: "From Account",
 	toAccountSection: "To Account",

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/{index6.js → lib/TransferMoneyModal/transferResultStepLabels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index6.js
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransferMoneyModal/transferResultStepLabels.js
 var e = {
 	successTitle: "Success!",
 	errorTitle: "Error",

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/{index10.js → lib/TransfersWidget/TransfersWidget.js}

@@ -1,11 +1,11 @@
-import { Button as e, Skeleton as t, Typography as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { WidgetTitleWithIconAndChildren as r } from "../../../shared/ui/dist/lib/WidgetTitleWithIconAndChildren/WidgetTitleWithIconAndChildren.js";
-import "../../../shared/ui/dist/index.js";
-import { TRANSFERS_WIDGET_LABELS_EN as i } from "./index9.js";
-import { TransferMoneyModal as a } from "./index8.js";
+import { Button as e, Skeleton as t, Typography as n } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { WidgetTitleWithIconAndChildren as r } from "../../../../../shared/ui/dist/lib/WidgetTitleWithIconAndChildren/WidgetTitleWithIconAndChildren.js";
+import "../../../../../shared/ui/dist/index.js";
+import { TRANSFERS_WIDGET_LABELS_EN as i } from "./labels.js";
+import { TransferMoneyModal as a } from "../TransferMoneyModal/TransferMoneyModal.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { ArrowDownToLine as l, ArrowDownUp as u, ArrowUpFromLine as d } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index10.js
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/TransfersWidget.js
 function f({ transferRows: f, isLoading: p, isError: m, onRetry: h, showTransferMoneyCta: g, isTransferMoneyCtaDisabled: _ = !1, onTransferMoneyClick: v, transferMoneyModal: y, labels: b }) {
 	let x = {
 		...i,

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/{index9.js → lib/TransfersWidget/labels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index9.js
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/labels.js
 var e = {
 	widgetTitle: "Transfer money",
 	transferMoneyCta: "Transfer money",

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

@@ -1,6 +1,6 @@
-import { WIDGET_SUITE_SECTION_LABELS_EN as e } from "./index3.js";
-import { WidgetSuiteSectionId as t } from "./index4.js";
-import { WIDGET_SUITE_SHELL_LABELS_EN as n } from "../../ui/dist/index2.js";
+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 "../../ui/dist/index.js";
-import { WidgetSuite as r } from "./index5.js";
-export { e as WIDGET_SUITE_SECTION_LABELS_EN, n as WIDGET_SUITE_SHELL_LABELS_EN, r as WidgetSuite, t as WidgetSuiteSectionId };
+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 };

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

@@ -1,8 +1,17 @@
 //#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." }
 };
 //#endregion
-export { e as WIDGET_SUITE_SECTION_LABELS_EN };
+export { n as WIDGET_SUITE_CONTENT_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/index4.js

@@ -9,26 +9,89 @@ import { CardProgram as n } from "../../../shared/feature/dist/lib/card/cardProg
 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 { CardsWidget as i } from "../../../cards-widget/feature/dist/index8.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 { SettingsWidget as a } from "../../../settings-widget/feature/dist/index5.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 { jsx as o } from "react/jsx-runtime";
+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 s = {
+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"
-}, c = {
-	[s.Accounts]: {
+}, 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],
-		render: () => /* @__PURE__ */ o(r, {})
+		rendersOwnTitle: !0,
+		render: () => /* @__PURE__ */ d(r, {})
 	},
-	[s.Cards]: {
+	[m.Cards]: {
 		anyOfScopes: [t.CreditCardReadOrg, t.DebitCardReadOrg],
-		render: (r) => /* @__PURE__ */ o(i, { cardProgram: e(r, [t.CreditCardReadOrg]) ? n.Credit : n.Debit })
+		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
+			})]
+		})
 	},
-	[s.Settings]: { render: () => /* @__PURE__ */ o(a, {}) }
+	[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 { c as WIDGET_SUITE_SECTIONS, s as WidgetSuiteSectionId };
+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/index5.js

@@ -8,52 +8,77 @@ import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analyti
 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 "../../../shared/feature/dist/index.js";
-import { WIDGET_SUITE_SECTION_LABELS_EN as i } from "./index3.js";
-import { WIDGET_SUITE_SECTIONS as a } from "./index4.js";
-import { WIDGET_NAME as o, WidgetSuiteAnalyticsEvent as s } from "./index2.js";
-import { WidgetSuiteShell as c } from "../../ui/dist/index3.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 l, useState as u } from "react";
-import { jsx as d } from "react/jsx-runtime";
+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";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.js
-function f({ sections: n, labels: o, sectionLabels: f }) {
-	let p = t();
-	l(() => {
-		p(s.Mounted);
-	}, [p]);
-	let m = {
-		...i,
-		...f
-	}, { initResponse: h } = r(), g = h?.scopes, _ = n.flatMap((t) => {
-		let n = a[t];
-		return !n || n.anyOfScopes && !e(g, n.anyOfScopes) ? [] : [{
+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
+		});
+		return [{
 			id: t,
-			label: m[t],
-			content: n.render(g)
+			label: r,
+			content: x && !n.rendersOwnTitle ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, {
+				title: r,
+				bankTagline: O
+			}), i] }) : i
 		}];
-	}), [v, y] = u(n[0] ?? ""), b = _.some((e) => e.id === v) ? v : _[0]?.id ?? "";
-	return /* @__PURE__ */ d(c, {
-		sections: _,
-		selectedSectionId: b,
-		onSectionChange: y,
-		labels: o
+	}), [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 p({ baseUrl: e, widgetToken: t, organizationId: r, configClient: i, linkComponent: a, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: p, ...m }) {
-	return /* @__PURE__ */ d(n, {
-		widgetName: o,
+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: s,
-		uiFramework: c,
+		implementation: o,
+		uiFramework: s,
 		errorFallback: l,
 		onError: u,
-		analytics: p,
-		children: /* @__PURE__ */ d(f, { ...m })
+		analytics: d,
+		children: /* @__PURE__ */ g(v, { ...f })
 	});
 }
 //#endregion
-export { p as WidgetSuite, p as default };
+export { y as WidgetSuite, y as default };

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

@@ -1,3 +1,4 @@
 import { WIDGET_SUITE_SHELL_LABELS_EN as e } from "./index2.js";
 import { WidgetSuiteShell as t } from "./index3.js";
-export { e as WIDGET_SUITE_SHELL_LABELS_EN, t as WidgetSuiteShell };
+import { SectionPageTitle as n } from "./index4.js";
+export { n as SectionPageTitle, e as WIDGET_SUITE_SHELL_LABELS_EN, t as WidgetSuiteShell };

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

@@ -0,0 +1,29 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index4.js
+function r({ title: r, bankTagline: i, testId: a, children: o }) {
+	return /* @__PURE__ */ n("div", {
+		className: "ttw:mb-6 ttw:flex ttw:justify-between ttw:gap-4",
+		children: [/* @__PURE__ */ n("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2",
+			children: [/* @__PURE__ */ t(e, {
+				variant: "h1",
+				"data-testid": a,
+				children: r
+			}), i && /* @__PURE__ */ t(e, {
+				color: "muted",
+				variant: "body1",
+				children: i
+			})]
+		}), /* @__PURE__ */ t("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-2",
+			children: o
+		})]
+	});
+}
+//#endregion
+export { r as SectionPageTitle };

package/package.json

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

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/index4.js

@@ -1,2 +0,0 @@
-import "./index2.js";
-import "./index3.js";