@tesouro/embedded-components-react 0.3.42 → 0.3.44

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

@@ -0,0 +1,116 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { WidgetSuiteShell as e } from "../../ui/dist/index3.js";
+import { SectionPageTitle as t } from "../../ui/dist/index4.js";
+import "../../ui/dist/index.js";
+import { resolveWidgetSuiteLabels as n } from "./index4.js";
+import { WIDGET_SUITE_DEFAULT_SECTIONS as r, WidgetSuiteSectionId as i } from "./index5.js";
+import { WidgetSuiteProvider as a, useWidgetSuiteProvider as o } from "./index6.js";
+import { hasAnyScope as s } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import "../../../shared/data-access/dist/index.js";
+import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as l } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as u } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useRefetchWidget as d, useWidgetConfig as f, useWidgetError as p, useWidgetInitStaleForToken as m } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { WIDGET_SUITE_SECTIONS as h } from "./index15.js";
+import { WIDGET_NAME as g, WidgetSuiteAnalyticsEvent as _ } from "./index2.js";
+import { needsDisclosureAcceptance as v } from "./index3.js";
+import { AcceptDisclosuresWidget as y } from "../../../accept-disclosures-widget/feature/dist/index5.js";
+import "../../../accept-disclosures-widget/feature/dist/index.js";
+import { useCallback as b, useEffect as x, useMemo as S, useState as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index16.js
+var D = {
+	initFailed: "widget-suite-init-failed",
+	disclosuresRefreshFailed: "widget-suite-disclosures-refresh-failed"
+};
+function O({ showSectionTitle: n = !0 }) {
+	let { availableSections: r, activeSection: a, labels: s, navigate: l } = o(), { initResponse: u } = f(), g = p(), _ = m(), S = d(), O = b((e) => l(e), [l]), [k, A] = C(!1), j = b(() => A(!0), []), M = v(u), N = s.disclosure;
+	x(() => {
+		!M && k && A(!1);
+	}, [k, M]);
+	let P = !!(u && _);
+	if (!u && !g || P && !g) return /* @__PURE__ */ T(e, {
+		isLoading: !0,
+		sections: [],
+		selectedSectionId: "",
+		onSectionChange: O,
+		labels: s.shell
+	});
+	if ((!u || P) && g) return /* @__PURE__ */ T(c, {
+		title: N.initFailedState.title,
+		description: N.initFailedState.body,
+		retryLabel: N.initFailedState.retryButton,
+		onRetry: S,
+		testId: D.initFailed
+	});
+	if (M) return k && g ? /* @__PURE__ */ T(c, {
+		title: N.refreshFailedState.title,
+		description: N.refreshFailedState.body,
+		retryLabel: N.refreshFailedState.retryButton,
+		onRetry: S,
+		testId: D.disclosuresRefreshFailed
+	}) : /* @__PURE__ */ T(y, { onAccepted: j });
+	let F = u?.bankName?.trim(), I = F ? s.sectionTitle.bankTagline.replaceAll("{bankName}", F) : void 0, L = r.map((e) => {
+		let { Content: r } = h[e], a = s.menu[e], o = e === i.Accounts ? void 0 : I;
+		return {
+			id: e,
+			label: a,
+			content: n ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(t, {
+				title: a,
+				bankTagline: o
+			}), /* @__PURE__ */ T(r, {})] }) : /* @__PURE__ */ T(r, {})
+		};
+	});
+	return /* @__PURE__ */ T(e, {
+		sections: L,
+		selectedSectionId: a ?? "",
+		onSectionChange: O,
+		labels: s.shell
+	});
+}
+function k({ sections: e = r, section: t, defaultSection: i, onSectionChange: o, labels: c, ...u }) {
+	let d = l();
+	x(() => {
+		d(_.Mounted);
+	}, [d]);
+	let { initResponse: p } = f(), m = p?.scopes, g = S(() => n(c), [c]), v = e.filter((e) => {
+		let t = h[e];
+		return !!t && (!t.anyOfScopes || s(m, t.anyOfScopes));
+	});
+	return /* @__PURE__ */ T(a, {
+		sections: e,
+		availableSections: v,
+		grantedScopes: m,
+		labels: g,
+		section: t,
+		defaultSection: i,
+		onSectionChange: o,
+		children: /* @__PURE__ */ T(O, { ...u })
+	});
+}
+function A({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: i, linkComponent: a, implementation: o, uiFramework: s, errorFallback: c, onError: l, analytics: d, disclosuresAcceptance: f, providerLabels: p, ...m }) {
+	return /* @__PURE__ */ T(u, {
+		widgetName: g,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: n,
+		configClient: r,
+		gatewayRouting: i,
+		linkComponent: a,
+		implementation: o,
+		uiFramework: s,
+		errorFallback: c,
+		onError: l,
+		analytics: d,
+		disclosuresAcceptance: f,
+		providerLabels: p,
+		children: /* @__PURE__ */ T(k, { ...m })
+	});
+}
+//#endregion
+export { D as WIDGET_SUITE_TEST_IDS, A as WidgetSuite, A as default };

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

@@ -1,28 +1,51 @@
+import { WIDGET_SUITE_SHELL_LABELS_EN as e } from "../../ui/dist/index2.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.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." }
-}, r = {
-	initFailedState: {
-		title: "We couldn't load this page",
-		body: "Please try again.",
-		retryButton: "Try again"
+var t = {
+	shell: e,
+	menu: {
+		dashboard: "Dashboard",
+		accounts: "Accounts",
+		cards: "Cards",
+		transfers: "Transfers",
+		"bill-pay": "Bill Pay",
+		invoicing: "Invoicing",
+		expenses: "Expenses",
+		settings: "Settings"
 	},
-	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"
+	sectionTitle: { bankTagline: "Business Banking provided by {bankName}" },
+	disclosure: {
+		initFailedState: {
+			title: "We couldn't load this page",
+			body: "Please try again.",
+			retryButton: "Try again"
+		},
+		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"
+		}
+	},
+	sections: {
+		dashboard: {},
+		cards: {
+			creditCards: { labels: { title: "Credit cards" } },
+			debitCards: { labels: { title: "Debit cards" } }
+		},
+		expenses: { expensesUnavailable: "Expenses are not available in this suite yet." }
 	}
 };
+function n(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function r(e, t) {
+	if (!n(e) || !n(t)) return t === void 0 ? e : t;
+	let i = { ...e };
+	for (let [a, o] of Object.entries(t)) o !== void 0 && (i[a] = n(e[a]) ? r(e[a], o) : o);
+	return i;
+}
+function i(e) {
+	return r(t, e);
+}
 //#endregion
-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 };
+export { t as WIDGET_SUITE_LABELS_EN, i as resolveWidgetSuiteLabels };

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

@@ -1,90 +1,22 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useCallback as e, useMemo as t } from "react";
-import { useControllableState as n } from "@radix-ui/react-use-controllable-state";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.js
-var r = "WidgetSuite";
-function i(e, t) {
-	return {
-		cardId: t && "cardId" in t ? t.cardId ?? null : e.cardId,
-		pagination: t && "pagination" in t ? t.pagination : e.pagination
-	};
-}
-function a(e, t) {
-	return {
-		section: "section" in t ? t.section : e.section,
-		accounts: { accountId: t.accounts && "accountId" in t.accounts ? t.accounts.accountId ?? null : e.accounts.accountId },
-		creditCards: i(e.creditCards, t.creditCards),
-		debitCards: i(e.debitCards, t.debitCards),
-		settings: { section: t.settings && "section" in t.settings ? t.settings.section : e.settings.section }
-	};
-}
-function o({ selection: i, defaultSelection: a, sections: o }) {
-	let [s, c] = n({
-		prop: i?.section,
-		defaultProp: a?.section ?? o[0],
-		caller: r
-	}), [l, u] = n({
-		prop: i?.accounts?.accountId,
-		defaultProp: a?.accounts?.accountId ?? null,
-		caller: r
-	}), [d, f] = n({
-		prop: i?.creditCards?.cardId,
-		defaultProp: a?.creditCards?.cardId ?? null,
-		caller: r
-	}), [p, m] = n({
-		prop: i?.debitCards?.cardId,
-		defaultProp: a?.debitCards?.cardId ?? null,
-		caller: r
-	}), [h, g] = n({
-		prop: i?.creditCards?.pagination,
-		defaultProp: a?.creditCards?.pagination,
-		caller: r
-	}), [_, v] = n({
-		prop: i?.debitCards?.pagination,
-		defaultProp: a?.debitCards?.pagination,
-		caller: r
-	}), [y, b] = n({
-		prop: i?.settings?.section,
-		defaultProp: a?.settings?.section,
-		caller: r
-	}), x = e((e) => {
-		"section" in e && c(e.section), e.accounts && "accountId" in e.accounts && u(e.accounts.accountId ?? null), e.creditCards && ("cardId" in e.creditCards && f(e.creditCards.cardId ?? null), "pagination" in e.creditCards && g(e.creditCards.pagination)), e.debitCards && ("cardId" in e.debitCards && m(e.debitCards.cardId ?? null), "pagination" in e.debitCards && v(e.debitCards.pagination)), e.settings && "section" in e.settings && b(e.settings.section);
-	}, [
-		u,
-		f,
-		g,
-		m,
-		v,
-		c,
-		b
-	]);
-	return {
-		resolvedSelection: t(() => ({
-			section: s,
-			accounts: { accountId: l },
-			creditCards: {
-				cardId: d,
-				pagination: h
-			},
-			debitCards: {
-				cardId: p,
-				pagination: _
-			},
-			settings: { section: y }
-		}), [
-			l,
-			d,
-			h,
-			p,
-			_,
-			s,
-			y
-		]),
-		applyPatch: x
-	};
-}
+var e = {
+	Dashboard: "dashboard",
+	Accounts: "accounts",
+	Cards: "cards",
+	Transfers: "transfers",
+	BillPay: "bill-pay",
+	Invoicing: "invoicing",
+	Expenses: "expenses",
+	Settings: "settings"
+}, t = [
+	e.Dashboard,
+	e.Accounts,
+	e.Cards,
+	e.Transfers,
+	e.BillPay,
+	e.Invoicing,
+	e.Expenses,
+	e.Settings
+];
 //#endregion
-export { a as mergeSuiteSelection, o as useSuiteSelection };
+export { t as WIDGET_SUITE_DEFAULT_SECTIONS, e as WidgetSuiteSectionId };

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

@@ -2,46 +2,43 @@
 "use client";
 "use client";
 "use client";
-import { mergeSuiteSelection as e, useSuiteSelection as t } from "./index5.js";
-import { createContext as n, useCallback as r, useContext as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { WidgetSuiteSectionId as e } from "./index5.js";
+import { createContext as t, useCallback as n, useContext as r, useEffect as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useControllableState as s } from "@radix-ui/react-use-controllable-state";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index6.js
-var o = n(null);
-function s({ sections: n, availableSections: i, grantedScopes: s, contentLabels: c, selection: l, defaultSelection: u, onSelectionChange: d, children: f }) {
-	let { resolvedSelection: p, applyPatch: m } = t({
-		selection: l,
-		defaultSelection: u,
-		sections: n
-	}), h = p.section, g = h && i.includes(h) ? h : i.at(0), _ = r((t) => {
-		let n = e({
-			...p,
-			section: g
-		}, t);
-		m(t), d?.(n);
-	}, [
-		g,
-		m,
-		d,
-		p
-	]);
-	return /* @__PURE__ */ a(o.Provider, {
+var c = t(null);
+function l({ sections: t, availableSections: r, grantedScopes: l, labels: u, section: d, defaultSection: f, onSectionChange: p, children: m }) {
+	let [h, g] = s({
+		prop: d,
+		defaultProp: f ?? t[0],
+		caller: "WidgetSuite"
+	}), _ = h && r.includes(h) ? h : r.at(0), [v, y] = a(null);
+	i(() => {
+		_ !== e.Accounts && y(null);
+	}, [_]);
+	let b = n((e) => {
+		g(e), p?.(e);
+	}, [p, g]), x = n((t) => {
+		y(t), g(e.Accounts), p?.(e.Accounts);
+	}, [p, g]);
+	return /* @__PURE__ */ o(c.Provider, {
 		value: {
-			availableSections: i,
-			activeSection: g,
-			grantedScopes: s,
-			contentLabels: c,
-			selection: l,
-			defaultSelection: u,
-			resolvedSelection: p,
-			navigate: _
+			availableSections: r,
+			activeSection: _,
+			grantedScopes: l,
+			labels: u,
+			arrivingAccountId: v,
+			navigate: b,
+			openAccount: x
 		},
-		children: f
+		children: m
 	});
 }
-function c() {
-	let e = i(o);
+function u() {
+	let e = r(c);
 	if (!e) throw Error("useWidgetSuiteProvider must be called inside a section rendered by WidgetSuite.");
 	return e;
 }
 //#endregion
-export { s as WidgetSuiteProvider, c as useWidgetSuiteProvider };
+export { l as WidgetSuiteProvider, u as useWidgetSuiteProvider };

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

@@ -2,143 +2,23 @@
 "use client";
 "use client";
 "use client";
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { useWidgetSuiteProvider as e } from "./index6.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 { BankAccountsWidget as n } 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/index75.js";
-import "../../../bill-pay-widget/feature/dist/index.js";
-import { CardsWidget as a } from "../../../cards-widget/feature/dist/index9.js";
-import "../../../cards-widget/feature/dist/index.js";
-import { BalancesWidget as o } from "../../../balances-widget/feature/dist/index6.js";
-import "../../../balances-widget/feature/dist/index.js";
-import { InsightsWidget as s } from "../../../insights-widget/feature/dist/index12.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/index7.js";
-import "../../../transfers-widget/feature/dist/index.js";
-import { useWidgetSuiteProvider as d } from "./index6.js";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index7.js
-var m = ({ children: e }) => /* @__PURE__ */ f("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
-}), h = {
-	Dashboard: "dashboard",
-	Accounts: "accounts",
-	Cards: "cards",
-	Transfers: "transfers",
-	BillPay: "bill-pay",
-	Invoicing: "invoicing",
-	Expenses: "expenses",
-	Settings: "settings"
-}, g = [
-	h.Dashboard,
-	h.Accounts,
-	h.Cards,
-	h.Transfers,
-	h.BillPay,
-	h.Invoicing,
-	h.Expenses,
-	h.Settings
-];
-function _() {
-	let { grantedScopes: n, availableSections: r, navigate: i } = d(), a = e(n, [t.BankAccountReadOrg]), c = r.includes(h.Accounts), l = r.includes(h.Transfers);
-	return /* @__PURE__ */ p("div", {
-		className: a ? "ttw:grid ttw:gap-4 ttw:md:grid-cols-2" : "ttw:grid ttw:gap-4",
-		children: [a && /* @__PURE__ */ f(o, {
-			onViewAllAccountsClick: c ? () => i({ section: h.Accounts }) : void 0,
-			onBalanceRowClick: c ? (e) => i({
-				section: h.Accounts,
-				accounts: { accountId: e }
-			}) : void 0
-		}), /* @__PURE__ */ f(s, { onLinkExternalAccountClick: l ? () => i({ section: h.Transfers }) : void 0 })]
+function i() {
+	let { arrivingAccountId: t, labels: i } = e();
+	return /* @__PURE__ */ r(n, {
+		defaultSelectedAccountId: t,
+		...i.sections.accounts
 	});
 }
-function v() {
-	let { resolvedSelection: e, navigate: t } = d();
-	return /* @__PURE__ */ f(r, {
-		selectedAccountId: e.accounts.accountId,
-		onSelectedAccountIdChange: (e) => t({ accounts: { accountId: e } })
-	});
-}
-function y() {
-	let { grantedScopes: r, contentLabels: i, resolvedSelection: o, selection: s, defaultSelection: c, navigate: l } = d();
-	return /* @__PURE__ */ p("div", {
-		className: "ttw:grid ttw:gap-8",
-		children: [e(r, [t.CreditCardReadOrg]) && /* @__PURE__ */ f(a, {
-			cardProgram: n.Credit,
-			labels: i.creditCards,
-			selectedCardId: o.creditCards.cardId,
-			onSelectedCardIdChange: (e) => l({ creditCards: { cardId: e } }),
-			pagination: s?.creditCards?.pagination,
-			defaultPagination: c?.creditCards?.pagination,
-			onPaginationChange: (e) => l({ creditCards: { pagination: e } })
-		}), e(r, [t.DebitCardReadOrg]) && /* @__PURE__ */ f(a, {
-			cardProgram: n.Debit,
-			labels: i.debitCards,
-			selectedCardId: o.debitCards.cardId,
-			onSelectedCardIdChange: (e) => l({ debitCards: { cardId: e } }),
-			pagination: s?.debitCards?.pagination,
-			defaultPagination: c?.debitCards?.pagination,
-			onPaginationChange: (e) => l({ debitCards: { pagination: e } })
-		})]
-	});
-}
-function b() {
-	return /* @__PURE__ */ f(u, {});
-}
-function x() {
-	return /* @__PURE__ */ f(i, {});
-}
-function S() {
-	return /* @__PURE__ */ f(c, {});
-}
-function C() {
-	let { contentLabels: e } = d();
-	return /* @__PURE__ */ f(m, { children: e.expensePlaceholders.expensesUnavailable });
-}
-function w() {
-	let { selection: e, resolvedSelection: t, navigate: n } = d();
-	return /* @__PURE__ */ f(l, {
-		selectedSection: e?.settings?.section,
-		defaultSelectedSection: t.settings.section,
-		onSelectedSectionChange: (e) => n({ settings: { section: e } })
-	});
-}
-var T = {
-	[h.Dashboard]: { Content: _ },
-	[h.Accounts]: {
-		anyOfScopes: [t.BankAccountReadOrg, t.ExternalBankAccountReadOrg],
-		Content: v
-	},
-	[h.Cards]: {
-		anyOfScopes: [t.CreditCardReadOrg, t.DebitCardReadOrg],
-		Content: y
-	},
-	[h.Transfers]: {
-		anyOfScopes: [t.BankAccountReadOrg],
-		Content: b
-	},
-	[h.BillPay]: {
-		anyOfScopes: [t.PayableReadOrg],
-		Content: x
-	},
-	[h.Invoicing]: {
-		anyOfScopes: [t.InvoiceReadOrg],
-		Content: S
-	},
-	[h.Expenses]: {
-		anyOfScopes: [t.ExpenseReadOrg, t.ExpenseReadSelf],
-		Content: C
-	},
-	[h.Settings]: { Content: w }
+var a = {
+	anyOfScopes: [t.BankAccountReadOrg, t.ExternalBankAccountReadOrg],
+	Content: i
 };
 //#endregion
-export { g as WIDGET_SUITE_DEFAULT_SECTIONS, T as WIDGET_SUITE_SECTIONS, h as WidgetSuiteSectionId };
+export { i as AccountsSection, a as accountsSection };