@tesouro/embedded-components-react 0.2.260 → 0.2.262

package/dist/lib/SettingsWidget.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ComponentType, AnchorHTMLAttributes, ReactNode, ErrorInfo } from 'react';
+import { ReactNode, ComponentType, AnchorHTMLAttributes, ErrorInfo } from 'react';
 import { FallbackProps } from 'react-error-boundary';
 
 interface Labels {
@@ -7,6 +7,12 @@ interface Labels {
     description?: string;
 }
 
+interface SettingsWidgetSection {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+
 interface FinopsThemeColors {
     primary?: string;
     primaryForeground?: string;
@@ -594,6 +600,46 @@ interface FeatureLabels {
     expenseRequirementsTab: string;
 }
 
+/**
+ * The sections this widget renders itself. These ids are the public vocabulary
+ * a host uses to deep-link into a section, so they are part of the package's
+ * API surface — renaming one is a breaking change.
+ */
+declare const SettingsSection: {
+    readonly Profile: "profile";
+    readonly Team: "team";
+    readonly Invoice: "invoice";
+    readonly Expense: "expense";
+    readonly BillPay: "bill-pay";
+    readonly Accounting: "accounting";
+    readonly Tags: "tags";
+    readonly Help: "help";
+};
+type SettingsSection = (typeof SettingsSection)[keyof typeof SettingsSection];
+/**
+ * A selectable section id: one of the built-ins, or the id of a host-supplied
+ * {@link SettingsWidgetAdditionalSection}. The `string & {}` arm keeps the
+ * built-in literals visible to editor autocomplete while still accepting a
+ * host's own id.
+ */
+type SettingsWidgetSectionId = SettingsSection | (string & {});
+/**
+ * A section contributed by the host, rendered alongside the built-in ones.
+ *
+ * This exists for surfaces the published package cannot own — the white-label
+ * dashboard's password management, for instance, which is an app-auth concern
+ * rather than an embedded one. Prefer the `*Content` props when replacing the
+ * content of a section that already exists.
+ */
+interface SettingsWidgetAdditionalSection extends SettingsWidgetSection {
+    /**
+     * Place this section immediately after the named built-in one. Sections with
+     * no `after` — and those whose anchor is hidden by scope gating — are
+     * appended to the end of the list.
+     */
+    after?: SettingsSection;
+}
+
 interface SettingsWidgetProps extends MoniteRegionProviderProps {
     labels?: Partial<Labels>;
     featureLabels?: Partial<FeatureLabels>;
@@ -609,6 +655,22 @@ interface SettingsWidgetProps extends MoniteRegionProviderProps {
      * support address to fall back on. The bank name in that line comes from
      * widget init, so this is the only value a host needs to supply. */
     helpContactUrl?: string;
+    /** Forwarded to the embedded Profile section's {@link ProfileWidget} — where
+     * its "to change this information, contact your bank" line links. The line
+     * falls back to a plain, unlinked sentence when unset, for the same reason
+     * {@link SettingsWidgetProps.helpContactUrl} does. */
+    profileContactUrl?: string;
+    /** The section to show. Leave unset to let the widget own the selection;
+     * supply it (with {@link SettingsWidgetProps.onSelectedSectionChange}) to
+     * drive navigation from a route, a search param, or host state. A section
+     * hidden by the user's scopes falls back to the first visible one. */
+    selectedSection?: SettingsWidgetSectionId;
+    /** Called with the id of the section the user selected. Fires whether or not
+     * {@link SettingsWidgetProps.selectedSection} is supplied, so a host can mirror
+     * the selection into its URL without taking ownership of it. */
+    onSelectedSectionChange?: (section: SettingsWidgetSectionId) => void;
+    /** Host-owned sections rendered alongside the built-in ones. */
+    additionalSections?: SettingsWidgetAdditionalSection[];
     profileContent?: ReactNode;
     teamContent?: ReactNode;
     billPayContent?: ReactNode;
@@ -620,5 +682,5 @@ interface SettingsWidgetProps extends MoniteRegionProviderProps {
 }
 declare function SettingsWidget({ baseUrl, widgetToken, organizationId, configClient, linkComponent, implementation, uiFramework, errorFallback, onError, finopsThemeColors, analytics, ...innerProps }: SettingsWidgetProps): React.JSX.Element;
 
-export { SettingsWidget };
-export type { FeatureLabels as SettingsWidgetFeatureLabels, Labels as SettingsWidgetLabels, SettingsWidgetProps };
+export { SettingsSection, SettingsWidget };
+export type { SettingsWidgetAdditionalSection, FeatureLabels as SettingsWidgetFeatureLabels, Labels as SettingsWidgetLabels, SettingsWidgetProps, SettingsWidgetSection, SettingsWidgetSectionId };

package/dist/lib/SettingsWidget.js

@@ -1,3 +1,4 @@
-import { SettingsWidget as e } from "../libs/tesouro-embedded-components-react/settings-widget/feature/dist/index5.js";
+import { SettingsSection as e } from "../libs/tesouro-embedded-components-react/settings-widget/feature/dist/index4.js";
+import { SettingsWidget as t } from "../libs/tesouro-embedded-components-react/settings-widget/feature/dist/index6.js";
 import "../libs/tesouro-embedded-components-react/settings-widget/feature/dist/index.js";
-export { e as SettingsWidget };
+export { e as SettingsSection, t as SettingsWidget };

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",