@tesouro/embedded-components-react 0.2.261 → 0.2.263

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