@tesouro/embedded-components-react 0.2.261 → 0.2.262

package/dist/experimental/WidgetSuite.d.ts

@@ -591,16 +591,32 @@ interface WidgetProviderProps extends WidgetProviderBaseProps {
 }
 
 /**
- * The sections this pass wires. Three of a planned eight (EMBD-4873): enough to
- * exercise an ungated section, a scope-gated one, and a widget that gates its
- * own subsections, without eight widgets' worth of integration noise.
+ * The sections the suite can offer, declared in the default menu order
+ * (EMBD-4875). Order here is documentation only — the suite renders whatever
+ * order its `sections` prop lists.
  */
 declare const WidgetSuiteSectionId: {
+    readonly Dashboard: "dashboard";
     readonly Accounts: "accounts";
     readonly Cards: "cards";
+    readonly Transfers: "transfers";
+    readonly BillPay: "bill-pay";
+    readonly Invoicing: "invoicing";
+    readonly Expenses: "expenses";
     readonly Settings: "settings";
 };
 type WidgetSuiteSectionId = (typeof WidgetSuiteSectionId)[keyof typeof WidgetSuiteSectionId];
+/**
+ * The whole surface in the shipped white-label header order
+ * (`useDashboardLayout.tsx`): its banking group, then its finops group, then
+ * Settings, which white label keeps in the avatar menu rather than the header.
+ *
+ * Exported as a constant to spread rather than wired up as a default for
+ * `sections`, which stays required. A default would make a host's page
+ * composition invisible at the call site and would grow silently every time a
+ * section is added here. The zero-config wrapper is the intended consumer.
+ */
+declare const WIDGET_SUITE_DEFAULT_SECTIONS: readonly ["dashboard", "accounts", "cards", "transfers", "bill-pay", "invoicing", "expenses", "settings"];
 
 /**
  * The section names in the suite menu.
@@ -615,7 +631,42 @@ type WidgetSuiteSectionId = (typeof WidgetSuiteSectionId)[keyof typeof WidgetSui
  * `BillPayWidgetNative` makes between `labels` and `tabsLabels`.
  */
 type WidgetSuiteSectionLabels = Record<WidgetSuiteSectionId, string>;
+/** Copy for the heading above a section, as opposed to its menu item. */
+interface WidgetSuiteSectionTitleLabels {
+    /**
+     * The bank attribution beneath the heading. `{bankName}` is replaced with the
+     * bank `/init` names, so a translation can put it anywhere in the sentence
+     * rather than after a fixed lead-in. An override that drops the placeholder
+     * shows no name.
+     */
+    bankTagline: string;
+}
+/**
+ * Copy the suite puts *inside* a section's panel, rather than in its menu or
+ * heading. Each group is shaped as the props of the widget it is handed to, so
+ * the merged object below can be passed down by reference.
+ */
+interface WidgetSuiteContentLabels {
+    /**
+     * `CardsList` renders its own `labels.title` as the list heading, defaulting
+     * to "Cards". Two instances stack in the Cards section, so each is retitled by
+     * program.
+     */
+    creditCards: {
+        title: string;
+    };
+    debitCards: {
+        title: string;
+    };
+    /** Expenses is only a placeholder until the suite wires a read/self surface. */
+    expensePlaceholders: {
+        expensesUnavailable: string;
+    };
+}
+/** Named as the shipped white-label header names them. */
 declare const WIDGET_SUITE_SECTION_LABELS_EN: WidgetSuiteSectionLabels;
+declare const WIDGET_SUITE_SECTION_TITLE_LABELS_EN: WidgetSuiteSectionTitleLabels;
+declare const WIDGET_SUITE_CONTENT_LABELS_EN: WidgetSuiteContentLabels;
 
 interface WidgetSuiteProps extends WidgetProviderProps {
     /**
@@ -635,6 +686,27 @@ interface WidgetSuiteProps extends WidgetProviderProps {
     labels?: PartialDeep<WidgetSuiteShellLabels>;
     /** Overrides for the section names in the menu. */
     sectionLabels?: Partial<WidgetSuiteSectionLabels>;
+    /**
+     * Overrides for the section heading's own copy — today the bank tagline, whose
+     * `{bankName}` placeholder is filled with the bank `/init` names.
+     */
+    sectionTitleLabels?: Partial<WidgetSuiteSectionTitleLabels>;
+    /**
+     * Overrides for the copy inside a section's panel: the two card-list titles
+     * and the Expenses placeholder.
+     */
+    contentLabels?: PartialDeep<WidgetSuiteContentLabels>;
+    /**
+     * Shows a heading above each section, named as its menu item is.
+     *
+     * Defaults to `true`: the suite owns its page, and a page with a menu but no
+     * heading reads as a fragment of someone else's. Set `false` when the host
+     * already renders a heading of its own above the suite.
+     *
+     * Sections whose widget heads itself (Accounts, Settings) never get one, at
+     * any setting — see `rendersOwnTitle` in `sections.tsx`.
+     */
+    showSectionTitle?: boolean;
 }
 /**
  * A suite of widgets bound together by navigation.
@@ -656,5 +728,5 @@ interface WidgetSuiteProps extends WidgetProviderProps {
  */
 declare function WidgetSuite({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...innerProps }: WidgetSuiteProps): React.JSX.Element;
 
-export { WIDGET_SUITE_SECTION_LABELS_EN, WIDGET_SUITE_SHELL_LABELS_EN, WidgetSuite, WidgetSuiteSectionId };
-export type { PartialDeep, WidgetSuiteProps, WidgetSuiteSectionLabels, WidgetSuiteShellLabels };
+export { WIDGET_SUITE_CONTENT_LABELS_EN, WIDGET_SUITE_DEFAULT_SECTIONS, WIDGET_SUITE_SECTION_LABELS_EN, WIDGET_SUITE_SECTION_TITLE_LABELS_EN, WIDGET_SUITE_SHELL_LABELS_EN, WidgetSuite, WidgetSuiteSectionId };
+export type { PartialDeep, WidgetSuiteContentLabels, WidgetSuiteProps, WidgetSuiteSectionLabels, WidgetSuiteSectionTitleLabels, WidgetSuiteShellLabels };

package/dist/experimental/WidgetSuite.js

@@ -1,6 +1,6 @@
-import { WIDGET_SUITE_SECTION_LABELS_EN as e } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index3.js";
-import { WidgetSuiteSectionId as t } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js";
-import { WIDGET_SUITE_SHELL_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js";
-import { WidgetSuite as r } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.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 "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index3.js";
+import { WIDGET_SUITE_DEFAULT_SECTIONS as r, WidgetSuiteSectionId as i } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js";
+import { WIDGET_SUITE_SHELL_LABELS_EN as a } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js";
+import { WidgetSuite as o } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.js";
 import "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index.js";
-export { e as WIDGET_SUITE_SECTION_LABELS_EN, n as WIDGET_SUITE_SHELL_LABELS_EN, r as WidgetSuite, t as WidgetSuiteSectionId };
+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/experimental/index.d.ts

@@ -591,16 +591,32 @@ interface WidgetProviderProps extends WidgetProviderBaseProps {
 }
 
 /**
- * The sections this pass wires. Three of a planned eight (EMBD-4873): enough to
- * exercise an ungated section, a scope-gated one, and a widget that gates its
- * own subsections, without eight widgets' worth of integration noise.
+ * The sections the suite can offer, declared in the default menu order
+ * (EMBD-4875). Order here is documentation only — the suite renders whatever
+ * order its `sections` prop lists.
  */
 declare const WidgetSuiteSectionId: {
+    readonly Dashboard: "dashboard";
     readonly Accounts: "accounts";
     readonly Cards: "cards";
+    readonly Transfers: "transfers";
+    readonly BillPay: "bill-pay";
+    readonly Invoicing: "invoicing";
+    readonly Expenses: "expenses";
     readonly Settings: "settings";
 };
 type WidgetSuiteSectionId = (typeof WidgetSuiteSectionId)[keyof typeof WidgetSuiteSectionId];
+/**
+ * The whole surface in the shipped white-label header order
+ * (`useDashboardLayout.tsx`): its banking group, then its finops group, then
+ * Settings, which white label keeps in the avatar menu rather than the header.
+ *
+ * Exported as a constant to spread rather than wired up as a default for
+ * `sections`, which stays required. A default would make a host's page
+ * composition invisible at the call site and would grow silently every time a
+ * section is added here. The zero-config wrapper is the intended consumer.
+ */
+declare const WIDGET_SUITE_DEFAULT_SECTIONS: readonly ["dashboard", "accounts", "cards", "transfers", "bill-pay", "invoicing", "expenses", "settings"];
 
 /**
  * The section names in the suite menu.
@@ -615,7 +631,42 @@ type WidgetSuiteSectionId = (typeof WidgetSuiteSectionId)[keyof typeof WidgetSui
  * `BillPayWidgetNative` makes between `labels` and `tabsLabels`.
  */
 type WidgetSuiteSectionLabels = Record<WidgetSuiteSectionId, string>;
+/** Copy for the heading above a section, as opposed to its menu item. */
+interface WidgetSuiteSectionTitleLabels {
+    /**
+     * The bank attribution beneath the heading. `{bankName}` is replaced with the
+     * bank `/init` names, so a translation can put it anywhere in the sentence
+     * rather than after a fixed lead-in. An override that drops the placeholder
+     * shows no name.
+     */
+    bankTagline: string;
+}
+/**
+ * Copy the suite puts *inside* a section's panel, rather than in its menu or
+ * heading. Each group is shaped as the props of the widget it is handed to, so
+ * the merged object below can be passed down by reference.
+ */
+interface WidgetSuiteContentLabels {
+    /**
+     * `CardsList` renders its own `labels.title` as the list heading, defaulting
+     * to "Cards". Two instances stack in the Cards section, so each is retitled by
+     * program.
+     */
+    creditCards: {
+        title: string;
+    };
+    debitCards: {
+        title: string;
+    };
+    /** Expenses is only a placeholder until the suite wires a read/self surface. */
+    expensePlaceholders: {
+        expensesUnavailable: string;
+    };
+}
+/** Named as the shipped white-label header names them. */
 declare const WIDGET_SUITE_SECTION_LABELS_EN: WidgetSuiteSectionLabels;
+declare const WIDGET_SUITE_SECTION_TITLE_LABELS_EN: WidgetSuiteSectionTitleLabels;
+declare const WIDGET_SUITE_CONTENT_LABELS_EN: WidgetSuiteContentLabels;
 
 interface WidgetSuiteProps extends WidgetProviderProps {
     /**
@@ -635,6 +686,27 @@ interface WidgetSuiteProps extends WidgetProviderProps {
     labels?: PartialDeep<WidgetSuiteShellLabels>;
     /** Overrides for the section names in the menu. */
     sectionLabels?: Partial<WidgetSuiteSectionLabels>;
+    /**
+     * Overrides for the section heading's own copy — today the bank tagline, whose
+     * `{bankName}` placeholder is filled with the bank `/init` names.
+     */
+    sectionTitleLabels?: Partial<WidgetSuiteSectionTitleLabels>;
+    /**
+     * Overrides for the copy inside a section's panel: the two card-list titles
+     * and the Expenses placeholder.
+     */
+    contentLabels?: PartialDeep<WidgetSuiteContentLabels>;
+    /**
+     * Shows a heading above each section, named as its menu item is.
+     *
+     * Defaults to `true`: the suite owns its page, and a page with a menu but no
+     * heading reads as a fragment of someone else's. Set `false` when the host
+     * already renders a heading of its own above the suite.
+     *
+     * Sections whose widget heads itself (Accounts, Settings) never get one, at
+     * any setting — see `rendersOwnTitle` in `sections.tsx`.
+     */
+    showSectionTitle?: boolean;
 }
 /**
  * A suite of widgets bound together by navigation.
@@ -656,5 +728,5 @@ interface WidgetSuiteProps extends WidgetProviderProps {
  */
 declare function WidgetSuite({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, ...innerProps }: WidgetSuiteProps): React.JSX.Element;
 
-export { WIDGET_SUITE_SECTION_LABELS_EN, WIDGET_SUITE_SHELL_LABELS_EN, WidgetSuite, WidgetSuiteSectionId };
-export type { PartialDeep, WidgetSuiteProps, WidgetSuiteSectionLabels, WidgetSuiteShellLabels };
+export { WIDGET_SUITE_CONTENT_LABELS_EN, WIDGET_SUITE_DEFAULT_SECTIONS, WIDGET_SUITE_SECTION_LABELS_EN, WIDGET_SUITE_SECTION_TITLE_LABELS_EN, WIDGET_SUITE_SHELL_LABELS_EN, WidgetSuite, WidgetSuiteSectionId };
+export type { PartialDeep, WidgetSuiteContentLabels, WidgetSuiteProps, WidgetSuiteSectionLabels, WidgetSuiteSectionTitleLabels, WidgetSuiteShellLabels };

package/dist/experimental/index.js

@@ -1,6 +1,6 @@
-import { WIDGET_SUITE_SECTION_LABELS_EN as e } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index3.js";
-import { WidgetSuiteSectionId as t } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js";
-import { WIDGET_SUITE_SHELL_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js";
-import { WidgetSuite as r } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.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 "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index3.js";
+import { WIDGET_SUITE_DEFAULT_SECTIONS as r, WidgetSuiteSectionId as i } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js";
+import { WIDGET_SUITE_SHELL_LABELS_EN as a } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js";
+import { WidgetSuite as o } from "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.js";
 import "./WidgetSuite.js";
-export { e as WIDGET_SUITE_SECTION_LABELS_EN, n as WIDGET_SUITE_SHELL_LABELS_EN, r as WidgetSuite, t as WidgetSuiteSectionId };
+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/index.js

@@ -33,12 +33,12 @@ import { ExpenseManagementWidget as N } from "./libs/tesouro-embedded-components
 import "./lib/ExpenseManagementWidget.js";
 import "./lib/ExpenseApprovalPoliciesWidget.js";
 import "./lib/ExpenseRequirementsWidget.js";
-import { BALANCES_WIDGET_LABELS_EN as P } from "./libs/tesouro-embedded-components-react/balances-widget/ui/dist/index2.js";
+import { BALANCES_WIDGET_LABELS_EN as P } from "./libs/tesouro-embedded-components-react/balances-widget/ui/dist/lib/BalancesWidget/labels.js";
 import { BalancesWidget as F } from "./libs/tesouro-embedded-components-react/balances-widget/feature/dist/index5.js";
 import "./lib/BalancesWidget.js";
 import { INSIGHTS_FEATURE_LABELS_EN as I } from "./libs/tesouro-embedded-components-react/insights-widget/feature/dist/index3.js";
-import { INSIGHTS_WIDGET_LABELS_EN as L } from "./libs/tesouro-embedded-components-react/insights-widget/ui/dist/index2.js";
-import { SINGLE_INSIGHT_LABELS_EN as R } from "./libs/tesouro-embedded-components-react/insights-widget/ui/dist/index4.js";
+import { INSIGHTS_WIDGET_LABELS_EN as L } from "./libs/tesouro-embedded-components-react/insights-widget/ui/dist/lib/InsightsWidget/labels.js";
+import { SINGLE_INSIGHT_LABELS_EN as R } from "./libs/tesouro-embedded-components-react/insights-widget/ui/dist/lib/InsightsWidget/SingleInsight/labels.js";
 import { InsightsWidget as z } from "./libs/tesouro-embedded-components-react/insights-widget/feature/dist/index11.js";
 import "./lib/InsightsWidget.js";
 import { CHART_OF_ACCOUNTS_MESSAGE_LABELS_EN as B } from "./libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index5.js";
@@ -78,7 +78,7 @@ import "./lib/SettingsWidget.js";
 import "./lib/TagsWidget.js";
 import "./lib/TeamWidget.js";
 import { DEFAULT_FEATURE_LABELS as fe } from "./libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index3.js";
-import { TRANSFERS_WIDGET_LABELS_EN as pe } from "./libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index9.js";
+import { TRANSFERS_WIDGET_LABELS_EN as pe } from "./libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/labels.js";
 import { TransfersWidget as me } from "./libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js";
 import "./lib/TransfersWidget.js";
 import "./lib/UploadReceiptWidget.js";

package/dist/lib/BalancesWidget.js

@@ -1,4 +1,4 @@
-import { BALANCES_WIDGET_LABELS_EN as e } from "../libs/tesouro-embedded-components-react/balances-widget/ui/dist/index2.js";
+import { BALANCES_WIDGET_LABELS_EN as e } from "../libs/tesouro-embedded-components-react/balances-widget/ui/dist/lib/BalancesWidget/labels.js";
 import "../libs/tesouro-embedded-components-react/balances-widget/ui/dist/index.js";
 import { BalancesWidget as t } from "../libs/tesouro-embedded-components-react/balances-widget/feature/dist/index5.js";
 import "../libs/tesouro-embedded-components-react/balances-widget/feature/dist/index.js";

package/dist/lib/InsightsWidget.js

@@ -1,6 +1,6 @@
 import { INSIGHTS_FEATURE_LABELS_EN as e } from "../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index3.js";
-import { INSIGHTS_WIDGET_LABELS_EN as t } from "../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index2.js";
-import { SINGLE_INSIGHT_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index4.js";
+import { INSIGHTS_WIDGET_LABELS_EN as t } from "../libs/tesouro-embedded-components-react/insights-widget/ui/dist/lib/InsightsWidget/labels.js";
+import { SINGLE_INSIGHT_LABELS_EN as n } from "../libs/tesouro-embedded-components-react/insights-widget/ui/dist/lib/InsightsWidget/SingleInsight/labels.js";
 import "../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index.js";
 import { InsightsWidget as r } from "../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index11.js";
 import "../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index.js";

package/dist/lib/TransfersWidget.js

@@ -1,5 +1,5 @@
 import { DEFAULT_FEATURE_LABELS as e } from "../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index3.js";
-import { TRANSFERS_WIDGET_LABELS_EN as t } from "../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index9.js";
+import { TRANSFERS_WIDGET_LABELS_EN as t } from "../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/lib/TransfersWidget/labels.js";
 import "../libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index.js";
 import { TransfersWidget as n } from "../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js";
 import "../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index.js";

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

@@ -1,4 +1,4 @@
-import { SingleBalance as e } from "../../ui/dist/index4.js";
+import { SingleBalance as e } from "../../ui/dist/lib/BalancesWidget/SingleBalance/SingleBalance.js";
 import "../../ui/dist/index.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/balances-widget/feature/dist/index4.js

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

@@ -7,7 +7,7 @@ import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProv
 import "../../../shared/feature/dist/index.js";
 import { BalancesWidgetAnalyticsEvent as n, WIDGET_NAME as r } from "./index2.js";
 import { BalancesWidgetContextProvider as i, useBalancesWidgetContext as a } from "./index3.js";
-import { BalancesWidget as o } from "../../ui/dist/index3.js";
+import { BalancesWidget as o } from "../../ui/dist/lib/BalancesWidget/BalancesWidget.js";
 import "../../ui/dist/index.js";
 import { SingleBalance as s } from "./index4.js";
 import { useEffect as c, useMemo as l } from "react";

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

@@ -1,4 +1,4 @@
-import { BALANCES_WIDGET_LABELS_EN as e } from "./index2.js";
-import { BalancesWidget as t } from "./index3.js";
-import { SingleBalance as n } from "./index4.js";
+import { BALANCES_WIDGET_LABELS_EN as e } from "./lib/BalancesWidget/labels.js";
+import { BalancesWidget as t } from "./lib/BalancesWidget/BalancesWidget.js";
+import { SingleBalance as n } from "./lib/BalancesWidget/SingleBalance/SingleBalance.js";
 export { e as BALANCES_WIDGET_LABELS_EN, t as BalancesWidget, n as SingleBalance };

package/dist/libs/tesouro-embedded-components-react/balances-widget/ui/dist/{index3.js → lib/BalancesWidget/BalancesWidget.js}

@@ -1,10 +1,10 @@
-import { Button as e, Skeleton as t, Tooltip as n, TooltipContent as r, TooltipProvider as i, TooltipTrigger as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { WidgetContainer as s } from "../../../shared/ui/dist/lib/WidgetContainer/WidgetContainer.js";
-import "../../../shared/ui/dist/index.js";
-import { BALANCES_WIDGET_LABELS_EN as c } from "./index2.js";
+import { Button as e, Skeleton as t, Tooltip as n, TooltipContent as r, TooltipProvider as i, TooltipTrigger as a, Typography as o } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { WidgetContainer as s } from "../../../../../shared/ui/dist/lib/WidgetContainer/WidgetContainer.js";
+import "../../../../../shared/ui/dist/index.js";
+import { BALANCES_WIDGET_LABELS_EN as c } from "./labels.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { ArrowRight as d, CircleHelp as f } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/balances-widget/ui/dist/index3.js
+//#region ../../libs/tesouro-embedded-components-react/balances-widget/ui/dist/lib/BalancesWidget/BalancesWidget.js
 var p = ({ accountRows: p, children: m, isLoading: h, isError: g, onRetry: _, totalBalance: v, shouldTotalBalanceDisplay: y, shouldShowViewAllAccounts: b, onViewAllAccountsClicked: x, labels: S }) => {
 	let C = {
 		...c,

package/dist/libs/tesouro-embedded-components-react/balances-widget/ui/dist/{index4.js → lib/BalancesWidget/SingleBalance/SingleBalance.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 { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import { ChevronRight as i, Landmark as a } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/balances-widget/ui/dist/index4.js
+//#region ../../libs/tesouro-embedded-components-react/balances-widget/ui/dist/lib/BalancesWidget/SingleBalance/SingleBalance.js
 var o = (e) => [
 	"ttw:flex ttw:flex-row ttw:items-center ttw:w-full ttw:min-w-0 ttw:overflow-hidden",
 	"ttw:gap-3 ttw:m-0 ttw:bg-transparent",

package/dist/libs/tesouro-embedded-components-react/balances-widget/ui/dist/{index2.js → lib/BalancesWidget/labels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/balances-widget/ui/dist/index2.js
+//#region ../../libs/tesouro-embedded-components-react/balances-widget/ui/dist/lib/BalancesWidget/labels.js
 var e = {
 	widgetTitle: "Accounts",
 	totalAvailableBalance: "Total available balance",

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

@@ -6,7 +6,7 @@ import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analyti
 import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/index.js";
 import { ExpenseManagementWidgetAnalyticsEvent as n, WIDGET_NAME as r } from "./index2.js";
-import { ExpenseManagementWidgetUi as i } from "../../ui/dist/index3.js";
+import { ExpenseManagementWidgetUi as i } from "../../ui/dist/lib/ExpenseManagementWidgetUi/ExpenseManagementWidgetUi.js";
 import "../../ui/dist/index.js";
 import { ExpenseApprovalPoliciesWidget as a } from "../../../expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js";
 import "../../../expense-approval-policies-widget/feature/dist/index.js";

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

@@ -1,4 +1,4 @@
-import "./index2.js";
-import { ExpenseManagementWidgetUi as e } from "./index3.js";
-import "./index4.js";
+import "./lib/ExpenseManagementWidgetUi/labels.js";
+import { ExpenseManagementWidgetUi as e } from "./lib/ExpenseManagementWidgetUi/ExpenseManagementWidgetUi.js";
+import "./lib/ExpenseManagementWidgetUi/index.js";
 export { e as ExpenseManagementWidgetUi };

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/{index3.js → lib/ExpenseManagementWidgetUi/ExpenseManagementWidgetUi.js}

@@ -2,10 +2,10 @@
 "use client";
 "use client";
 "use client";
-import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DEFAULT_LABELS as i } from "./index2.js";
+import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as i } from "./labels.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/index3.js
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpenseManagementWidgetUi/ExpenseManagementWidgetUi.js
 function s({ labels: s, receiptsContent: c, matchingContent: l, policiesContent: u, requirementsContent: d }) {
 	let f = {
 		...i,

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpenseManagementWidgetUi/index.js

@@ -0,0 +1,2 @@
+import "./labels.js";
+import "./ExpenseManagementWidgetUi.js";

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/{index2.js → lib/ExpenseManagementWidgetUi/labels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/index2.js
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpenseManagementWidgetUi/labels.js
 var e = {
 	title: "Expense management",
 	description: "Manage receipts, matching, policies, and requirements.",

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index10.js

@@ -1,5 +1,5 @@
 import { mapInsightToRowView as e } from "./index9.js";
-import { SingleInsight as t } from "../../ui/dist/index5.js";
+import { SingleInsight as t } from "../../ui/dist/lib/InsightsWidget/SingleInsight/SingleInsight.js";
 import "../../ui/dist/index.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index10.js

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index11.js

@@ -8,7 +8,7 @@ import "../../../shared/feature/dist/index.js";
 import "./index3.js";
 import { InsightsWidgetContextProvider as n, useInsightsWidgetContext as r } from "./index8.js";
 import { InsightsWidgetAnalyticsEvent as i, WIDGET_NAME as a } from "./index2.js";
-import { InsightsWidget as o } from "../../ui/dist/index3.js";
+import { InsightsWidget as o } from "../../ui/dist/lib/InsightsWidget/InsightsWidget.js";
 import "../../ui/dist/index.js";
 import { SingleInsight as s } from "./index10.js";
 import { useEffect as c } from "react";

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

@@ -1,5 +1,5 @@
-import { INSIGHTS_WIDGET_LABELS_EN as e } from "./index2.js";
-import { InsightsWidget as t } from "./index3.js";
-import { SINGLE_INSIGHT_LABELS_EN as n } from "./index4.js";
-import { SingleInsight as r } from "./index5.js";
+import { INSIGHTS_WIDGET_LABELS_EN as e } from "./lib/InsightsWidget/labels.js";
+import { InsightsWidget as t } from "./lib/InsightsWidget/InsightsWidget.js";
+import { SINGLE_INSIGHT_LABELS_EN as n } from "./lib/InsightsWidget/SingleInsight/labels.js";
+import { SingleInsight as r } from "./lib/InsightsWidget/SingleInsight/SingleInsight.js";
 export { e as INSIGHTS_WIDGET_LABELS_EN, t as InsightsWidget, n as SINGLE_INSIGHT_LABELS_EN, r as SingleInsight };

package/dist/libs/tesouro-embedded-components-react/insights-widget/ui/dist/{index3.js → lib/InsightsWidget/InsightsWidget.js}

@@ -1,10 +1,10 @@
-import { Button as e, Skeleton as t, Typography as n, cn as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { WidgetContainer as i } from "../../../shared/ui/dist/lib/WidgetContainer/WidgetContainer.js";
-import "../../../shared/ui/dist/index.js";
-import { INSIGHTS_WIDGET_LABELS_EN as a } from "./index2.js";
+import { Button as e, Skeleton as t, Typography as n, cn as r } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { WidgetContainer as i } from "../../../../../shared/ui/dist/lib/WidgetContainer/WidgetContainer.js";
+import "../../../../../shared/ui/dist/index.js";
+import { INSIGHTS_WIDGET_LABELS_EN as a } from "./labels.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Sparkles as l } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index3.js
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/ui/dist/lib/InsightsWidget/InsightsWidget.js
 var u = ({ hasInsights: u, children: d, activeFilter: f, setActiveFilter: p, isLoading: m, isError: h, onRetry: g, labels: _, activeTabTestId: v }) => {
 	let y = {
 		...a,

package/dist/libs/tesouro-embedded-components-react/insights-widget/ui/dist/{index5.js → lib/InsightsWidget/SingleInsight/SingleInsight.js}

@@ -1,8 +1,8 @@
-import { Badge as e, Button as t, Switch as n, Typography as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { SINGLE_INSIGHT_LABELS_EN as i } from "./index4.js";
+import { Badge as e, Button as t, Switch as n, Typography as r } from "../../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { SINGLE_INSIGHT_LABELS_EN as i } from "./labels.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { ArrowRight as s, X as c } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index5.js
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/ui/dist/lib/InsightsWidget/SingleInsight/SingleInsight.js
 var l = ({ row: l, onDismissClick: u, labels: d }) => {
 	let f = {
 		...i,

package/dist/libs/tesouro-embedded-components-react/insights-widget/ui/dist/{index4.js → lib/InsightsWidget/SingleInsight/labels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index4.js
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/ui/dist/lib/InsightsWidget/SingleInsight/labels.js
 var e = { dismissInsightAriaLabel: "Dismiss insight" };
 //#endregion
 export { e as SINGLE_INSIGHT_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/insights-widget/ui/dist/{index2.js → lib/InsightsWidget/labels.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/insights-widget/ui/dist/index2.js
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/ui/dist/lib/InsightsWidget/labels.js
 var e = {
 	widgetTitle: "Insights",
 	activeTab: "Active",

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.261", n = "608664deb7e09a97a2becd27b5c3df7148a072a5", 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/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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.2.261",
+  "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";