@tesouro/embedded-components-react 0.3.1 → 0.3.2

package/README.md

@@ -214,7 +214,7 @@ A self-contained banking widget for listing Tesouro bank accounts, creating an a
 
 | Prop                        | Type                                       | Default        | Description                                                                                                       |
 | --------------------------- | ------------------------------------------ | -------------- | ----------------------------------------------------------------------------------------------------------------- |
-| `isBankingTaglineVisible`   | `boolean`                                  | `true`         | Shows the banking tagline under the page title.                                                                   |
+| `isBankingTaglineVisible`   | `boolean`                                  | `true`         | Shows the banking tagline at the top of the widget. The page heading above it belongs to your page.               |
 | `bankLogoSrc`               | `string`                                   | `undefined`    | Bank logo for the tagline row. Omit and the row shows the bank name alone.                                        |
 | `bankLogoAlt`               | `string`                                   | `undefined`    | Alt text when `bankLogoSrc` is set.                                                                               |
 | `depositAgreementUrl`       | `string`                                   | `undefined`    | Deposit-agreement PDF linked from the create-account legal copy. Omit and the clause naming it is not rendered.   |
@@ -312,7 +312,6 @@ A self-contained widget for managing an organization's customers or vendors with
 | -------------------- | ------------------------ | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `counterpartType`    | `'customer' \| 'vendor'` | —                   | Required. Selects receivables/customer copy and queries or payables/vendor copy and queries.                                                                                                 |
 | `pageSizeOptions`    | `number[]`               | `[10, 25, 50, 100]` | Page-size choices shown by the table.                                                                                                                                                        |
-| `showTitle`          | `boolean`                | `true`              | Whether to render the screen title row. Pass `false` when the embedding surface already titles this screen; the create action then moves into the search row.                                |
 | `onViewAllDocuments` | `() => void`             | `undefined`         | Reveals a "View all" action beside the recent-bills/invoices heading in the details sheet. Omit when the host has no document list to navigate to; the action stays hidden rather than dead. |
 
 | Prop                | Type                                     | Description                                                                                                      |
@@ -392,17 +391,16 @@ A self-contained widget that renders an organization's chart of accounts: a pagi
 
 | Prop       | Type                              | Description                                                                                                                 |
 | ---------- | --------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
-| `title`    | `string`                          | Overrides the built-in "Chart of accounts" heading. Pass an empty string to suppress it when the host renders its own.      |
 | `onEdit`   | `(row: LedgerAccountRow) => void` | Overrides the built-in edit flow. Not offered on externally-synced rows (`is_external`), which the API refuses to update.   |
 | `onDelete` | `(row: LedgerAccountRow) => void` | Overrides the built-in delete flow. Not offered on externally-synced rows (`is_external`), which the API refuses to delete. |
 | `onAdd`    | `() => void`                      | Overrides the built-in create flow. Omit it to use the widget's own create sheet.                                           |
 
-| Prop            | Type                                    | Covers                                                                              |
-| --------------- | --------------------------------------- | ----------------------------------------------------------------------------------- |
-| `screenLabels`  | `Partial<ChartOfAccountsLabels>`        | Table copy: heading, column headers, row actions, sort control, empty/error states. |
-| `formLabels`    | `Partial<AccountFormSheetLabels>`       | Create/edit sheet: titles, field labels, placeholders, counter, buttons, menu.      |
-| `deleteLabels`  | `Partial<AccountDeleteDialogLabels>`    | Delete confirmation: title, message, buttons.                                       |
-| `messageLabels` | `Partial<ChartOfAccountsMessageLabels>` | Validation messages, save/delete failure fallbacks, and success toasts.             |
+| Prop            | Type                                    | Covers                                                                                       |
+| --------------- | --------------------------------------- | -------------------------------------------------------------------------------------------- |
+| `screenLabels`  | `Partial<ChartOfAccountsLabels>`        | Table copy: explanatory line, column headers, row actions, sort control, empty/error states. |
+| `formLabels`    | `Partial<AccountFormSheetLabels>`       | Create/edit sheet: titles, field labels, placeholders, counter, buttons, menu.               |
+| `deleteLabels`  | `Partial<AccountDeleteDialogLabels>`    | Delete confirmation: title, message, buttons.                                                |
+| `messageLabels` | `Partial<ChartOfAccountsMessageLabels>` | Validation messages, save/delete failure fallbacks, and success toasts.                      |
 
 ### HelpWidget
 
@@ -584,7 +582,6 @@ A self-contained team management surface for embedded integrators. It lists orga
 
 | Prop                      | Type                               | Description                                                                                                                                                                                                                                                                          |
 | ------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `title`                   | `string`                           | Optional page heading rendered above the team table. Omit when the host already provides its own title.                                                                                                                                                                              |
 | `labels`                  | `Partial<TeamWidgetLabels>`        | Overrides table, detail, invite, edit, and dialog UI copy.                                                                                                                                                                                                                           |
 | `featureLabels`           | `Partial<TeamWidgetFeatureLabels>` | Overrides role display names, validation messages, and deactivate confirmation copy.                                                                                                                                                                                                 |
 | `acceptInviteRedirectUri` | `string`                           | Allowlisted URL invite/resend emails link to. Defaults to `${window.location.origin}/accept-invite`; set it when the host app's registered landing route differs from the widget's same-origin default, or the origin is not on the OIDC redirect-URI allowlist (preview/localhost). |

package/dist/experimental/WidgetSuite.d.ts

@@ -909,8 +909,8 @@ interface WidgetSuiteProps extends WidgetProviderProps {
      * 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, Cards, Settings) never get
-     * one, at any setting — see `rendersOwnTitle` in `sections.tsx`.
+     * Every section gets one: no widget heads itself any more (embedded ADR
+     * 0010), so the suite is the only thing that can name them.
      */
     showSectionTitle?: boolean;
 }

package/dist/experimental/index.d.ts

@@ -909,8 +909,8 @@ interface WidgetSuiteProps extends WidgetProviderProps {
      * 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, Cards, Settings) never get
-     * one, at any setting — see `rendersOwnTitle` in `sections.tsx`.
+     * Every section gets one: no widget heads itself any more (embedded ADR
+     * 0010), so the suite is the only thing that can name them.
      */
     showSectionTitle?: boolean;
 }

package/dist/index.d.ts

@@ -1483,7 +1483,6 @@ type AcceptDisclosuresWidgetProps = WidgetProviderProps & InnerProps;
 declare function AcceptDisclosuresWidget({ baseUrl, widgetToken, organizationId, configClient, gatewayRouting, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, disclosuresAcceptance, ...innerProps }: AcceptDisclosuresWidgetProps): React.JSX.Element;
 
 interface Labels$6 {
-    title: string;
     bankingTaglinePrefix: string;
     availableBalanceLabel: string;
     availableBalanceTooltip: string;
@@ -2609,8 +2608,6 @@ interface CounterpartMessageLabels {
  * `*_LABELS_EN` default, so integrators can re-label without forking the UI.
  */
 interface CounterpartsScreenLabels {
-    customersTitle: string;
-    vendorsTitle: string;
     /** Customer-mode create action. */
     createButton: string;
     /** Vendor-mode create action — the Bill Pay Figma labels it, not "Create new". */
@@ -2718,13 +2715,6 @@ interface CounterpartsWidgetOwnProps {
     /** Selects customer (receivables) or vendor (payables) behavior and copy. */
     counterpartType: CounterpartMode;
     pageSizeOptions?: number[];
-    /**
-     * Whether to render the screen title row. Defaults to true, which suits a
-     * host page that renders its own title above the widget. Pass false when the
-     * embedding surface already titles this screen; the create action then moves
-     * into the search row.
-     */
-    showTitle?: boolean;
     /**
      * Reveals a "View all" action beside the recent-documents heading in the
      * details sheet. Omit when the host has nowhere to send the user; the
@@ -2763,7 +2753,6 @@ type CounterpartsWidgetProps = WidgetProviderProps & CounterpartsWidgetOwnProps;
 declare function CounterpartsWidget({ baseUrl, widgetToken, organizationId, configClient, gatewayRouting, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, disclosuresAcceptance, ...innerProps }: CounterpartsWidgetProps): React.JSX.Element;
 
 interface Labels$4 {
-    title: string;
     description: string;
     receiptsTab: string;
     matchingTab: string;
@@ -2971,7 +2960,6 @@ declare function InsightsWidget({ labels, singleInsightLabels, featureLabels, ro
  */
 interface ChartOfAccountsLabels {
     /** Section heading, and the sentence beneath it explaining what the list is. */
-    title: string;
     subtitle: string;
     columnGlCode: string;
     columnName: string;
@@ -3095,13 +3083,10 @@ interface ChartOfAccountsTableProps {
      * affordance entirely.
      */
     onAdd?: () => void;
-    /** Optional section heading rendered above the table. Omit when the host
-     * already provides its own title. */
-    title?: string;
     /** Applied to the empty state's root element. Supplied by the caller, not decided here. */
     emptyStateTestId?: string;
 }
-declare function ChartOfAccountsTable({ data, isLoading, isError, sorting, onSortingChange, pageSize, onPageSizeChange, pageSizeOptions, hasNextPage, hasPrevPage, onNextPage, onPrevPage, labels, title, emptyStateTestId, onEdit, onDelete, onAdd, }: ChartOfAccountsTableProps): React.JSX.Element;
+declare function ChartOfAccountsTable({ data, isLoading, isError, sorting, onSortingChange, pageSize, onPageSizeChange, pageSizeOptions, hasNextPage, hasPrevPage, onNextPage, onPrevPage, labels, emptyStateTestId, onEdit, onDelete, onAdd, }: ChartOfAccountsTableProps): React.JSX.Element;
 
 /**
  * Which form the owner has open. Deliberately *not* a prop on
@@ -3504,7 +3489,6 @@ interface ReceivableStatusBadgeLabels {
     unknown: string;
 }
 interface ReceivablesScreenLabels {
-    title: string;
     createButton: string;
     templateSettingsButton: string;
     searchPlaceholder: string;
@@ -4121,7 +4105,6 @@ interface ProductTypeBadgeLabels {
     service: string;
 }
 interface ProductsScreenLabels {
-    title: string;
     createButton: string;
     manageUnitsButton: string;
     columnName: string;
@@ -4251,7 +4234,6 @@ interface ProfileWidgetProps extends WidgetProviderProps {
 declare function ProfileWidget({ baseUrl, widgetToken, organizationId, configClient, gatewayRouting, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, disclosuresAcceptance, ...innerProps }: ProfileWidgetProps): React.JSX.Element;
 
 interface Labels$1 {
-    title: string;
     description?: string;
 }
 
@@ -4368,7 +4350,6 @@ declare function SettingsWidget({ baseUrl, widgetToken, organizationId, configCl
  * `labels?: Partial<…Labels>` prop merged over the matching `*_LABELS_EN` default.
  */
 interface TagsScreenLabels {
-    title: string;
     createButton: string;
     columnName: string;
     columnCategory: string;
@@ -4685,9 +4666,6 @@ interface FeatureLabels$1 {
 interface TeamWidgetProps extends WidgetProviderProps {
     labels?: Partial<Labels>;
     featureLabels?: Partial<FeatureLabels$1>;
-    /** Optional page heading rendered above the widget. Embedders that already
-     * provide their own page title should omit this. */
-    title?: string;
     /**
      * Absolute URL the accept-invite link in invitation emails points at (sent
      * as `redirectUri` on the identity create-user call, for both invite and

package/dist/lib/BankAccountsWidget.d.ts

@@ -3,7 +3,6 @@ import { ComponentType, AnchorHTMLAttributes, ReactNode, ErrorInfo } from 'react
 import { FallbackProps } from 'react-error-boundary';
 
 interface Labels$1 {
-    title: string;
     bankingTaglinePrefix: string;
     availableBalanceLabel: string;
     availableBalanceTooltip: string;

package/dist/lib/ChartOfAccountsWidget.d.ts

@@ -18,7 +18,6 @@ import { FallbackProps } from 'react-error-boundary';
  */
 interface ChartOfAccountsLabels {
     /** Section heading, and the sentence beneath it explaining what the list is. */
-    title: string;
     subtitle: string;
     columnGlCode: string;
     columnName: string;
@@ -142,13 +141,10 @@ interface ChartOfAccountsTableProps {
      * affordance entirely.
      */
     onAdd?: () => void;
-    /** Optional section heading rendered above the table. Omit when the host
-     * already provides its own title. */
-    title?: string;
     /** Applied to the empty state's root element. Supplied by the caller, not decided here. */
     emptyStateTestId?: string;
 }
-declare function ChartOfAccountsTable({ data, isLoading, isError, sorting, onSortingChange, pageSize, onPageSizeChange, pageSizeOptions, hasNextPage, hasPrevPage, onNextPage, onPrevPage, labels, title, emptyStateTestId, onEdit, onDelete, onAdd, }: ChartOfAccountsTableProps): React.JSX.Element;
+declare function ChartOfAccountsTable({ data, isLoading, isError, sorting, onSortingChange, pageSize, onPageSizeChange, pageSizeOptions, hasNextPage, hasPrevPage, onNextPage, onPrevPage, labels, emptyStateTestId, onEdit, onDelete, onAdd, }: ChartOfAccountsTableProps): React.JSX.Element;
 
 /**
  * Which form the owner has open. Deliberately *not* a prop on

package/dist/lib/CounterpartsWidget.d.ts

@@ -736,8 +736,6 @@ interface CounterpartMessageLabels {
  * `*_LABELS_EN` default, so integrators can re-label without forking the UI.
  */
 interface CounterpartsScreenLabels {
-    customersTitle: string;
-    vendorsTitle: string;
     /** Customer-mode create action. */
     createButton: string;
     /** Vendor-mode create action — the Bill Pay Figma labels it, not "Create new". */
@@ -845,13 +843,6 @@ interface CounterpartsWidgetOwnProps {
     /** Selects customer (receivables) or vendor (payables) behavior and copy. */
     counterpartType: CounterpartMode;
     pageSizeOptions?: number[];
-    /**
-     * Whether to render the screen title row. Defaults to true, which suits a
-     * host page that renders its own title above the widget. Pass false when the
-     * embedding surface already titles this screen; the create action then moves
-     * into the search row.
-     */
-    showTitle?: boolean;
     /**
      * Reveals a "View all" action beside the recent-documents heading in the
      * details sheet. Omit when the host has nowhere to send the user; the

package/dist/lib/ExpenseManagementWidget.d.ts

@@ -3,7 +3,6 @@ import { ComponentType, AnchorHTMLAttributes, ReactNode, ErrorInfo } from 'react
 import { FallbackProps } from 'react-error-boundary';
 
 interface Labels {
-    title: string;
     description: string;
     receiptsTab: string;
     matchingTab: string;

package/dist/lib/ProductsWidget.d.ts

@@ -695,7 +695,6 @@ interface ProductTypeBadgeLabels {
     service: string;
 }
 interface ProductsScreenLabels {
-    title: string;
     createButton: string;
     manageUnitsButton: string;
     columnName: string;

package/dist/lib/ReceivablesWidget.d.ts

@@ -810,7 +810,6 @@ interface ReceivableStatusBadgeLabels {
     unknown: string;
 }
 interface ReceivablesScreenLabels {
-    title: string;
     createButton: string;
     templateSettingsButton: string;
     searchPlaceholder: string;

package/dist/lib/SettingsWidget.d.ts

@@ -3,7 +3,6 @@ import { ReactNode, ComponentType, AnchorHTMLAttributes, ErrorInfo } from 'react
 import { FallbackProps } from 'react-error-boundary';
 
 interface Labels {
-    title: string;
     description?: string;
 }
 

package/dist/lib/TagsWidget.d.ts

@@ -603,7 +603,6 @@ interface WidgetProviderProps extends WidgetProviderBaseProps {
  * `labels?: Partial<…Labels>` prop merged over the matching `*_LABELS_EN` default.
  */
 interface TagsScreenLabels {
-    title: string;
     createButton: string;
     columnName: string;
     columnCategory: string;

package/dist/lib/TeamWidget.d.ts

@@ -831,9 +831,6 @@ interface FeatureLabels {
 interface TeamWidgetProps extends WidgetProviderProps {
     labels?: Partial<Labels>;
     featureLabels?: Partial<FeatureLabels>;
-    /** Optional page heading rendered above the widget. Embedders that already
-     * provide their own page title should omit this. */
-    title?: string;
     /**
      * Absolute URL the accept-invite link in invitation emails points at (sent
      * as `redirectUri` on the identity create-user call, for both invite and

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index8.js

@@ -69,7 +69,6 @@ function v({ labels: v, title: y, bankDisplayName: b, bankLogoSrc: x, bankLogoAl
 					className: "ttw:space-y-0.5",
 					children: [/* @__PURE__ */ m(u, {
 						variant: "h2",
-						component: "h1",
 						className: "ttw:leading-9 ttw:tracking-[-0.75px]",
 						children: y
 					}), T && b ? /* @__PURE__ */ h("div", {

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

@@ -11,74 +11,74 @@ import { TESOURO_NEW_EMBEDDED_BANK_ACCOUNT_CREATED_SUCCESS_EVENT as ee, emitWidg
 import { useWidgetConfig as ne, useWidgetError as re, useWidgetLoading as ie } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
 import { BankAccountsWidgetAnalyticsEvent as i } from "./index2.js";
-import { copyTextToClipboard as ae, formatAmountLabel as a, formatTotalAvailableBalanceLabel as oe, maskAccountNumber as se } from "./index3.js";
-import { DEFAULT_FEATURE_LABELS as ce } from "./index4.js";
-import { getBankAccountsPermissions as le } from "./index5.js";
-import { toAccessRows as ue, toOrganizationRoleOptions as de, toTeamMembers as fe } from "./index6.js";
-import { DEFAULT_LABELS as pe } from "../../ui/dist/lib/labels.js";
+import { copyTextToClipboard as ae, formatAmountLabel as a, formatTotalAvailableBalanceLabel as oe, maskAccountNumber as o } from "./index3.js";
+import { DEFAULT_FEATURE_LABELS as se } from "./index4.js";
+import { getBankAccountsPermissions as ce } from "./index5.js";
+import { toAccessRows as le, toOrganizationRoleOptions as ue, toTeamMembers as de } from "./index6.js";
+import { DEFAULT_LABELS as fe } from "../../ui/dist/lib/labels.js";
 import "../../ui/dist/index.js";
-import { useCreateBankAccountMutation as me } from "../../data-access/dist/index3.js";
-import { useGrantBankAccountAccessMutation as he } from "../../data-access/dist/index4.js";
-import { useAllOrganizationUsersQuery as ge } from "../../data-access/dist/index5.js";
+import { useCreateBankAccountMutation as pe } from "../../data-access/dist/index3.js";
+import { useGrantBankAccountAccessMutation as me } from "../../data-access/dist/index4.js";
+import { useAllOrganizationUsersQuery as he } from "../../data-access/dist/index5.js";
 import "../../data-access/dist/index.js";
-import { filterRolesForOrganization as _e } from "../../../../shared/util-validation/dist/index6.js";
-import { useCallback as o, useEffect as s, useMemo as c, useRef as ve, useState as l } from "react";
+import { filterRolesForOrganization as ge } from "../../../../shared/util-validation/dist/index6.js";
+import { useCallback as _e, useEffect as s, useMemo as c, useRef as ve, useState as l } from "react";
 import { useControllableState as ye } from "@radix-ui/react-use-controllable-state";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index7.js
 var u = { nickname: "" };
 function d(e, t) {
 	return e !== void 0 && t !== void 0 && e !== t;
 }
-function f({ labels: a, featureLabels: se, isBankingTaglineVisible: f = !0, bankLogoSrc: xe, bankLogoAlt: Se, depositAgreementUrl: Ce, selectedAccountId: we, defaultSelectedAccountId: Te, onSelectedAccountIdChange: Ee, "data-testid": De } = {}) {
-	let p = {
-		...pe,
+function f({ labels: a, featureLabels: o, isBankingTaglineVisible: f = !0, bankLogoSrc: xe, bankLogoAlt: Se, depositAgreementUrl: Ce, selectedAccountId: we, defaultSelectedAccountId: Te, onSelectedAccountIdChange: Ee, "data-testid": De } = {}) {
+	let Oe = {
+		...fe,
 		...a
-	}, m = {
-		...ce,
-		...se
-	}, h = r(), { organizationId: g, widgetToken: Oe, initResponse: _ } = ne(), ke = ie(), v = !!re(), y = !!(g && Oe), b = c(() => le(_?.scopes), [_?.scopes]), Ae = y && b.canRead && !!_, x = _?.userId ?? void 0, [S, je] = l(g);
-	g !== void 0 && g !== S && je(g);
-	let [C, Me] = l(x);
-	x !== void 0 && x !== C && Me(x);
-	let [Ne, w] = ye({
+	}, p = {
+		...se,
+		...o
+	}, m = r(), { organizationId: h, widgetToken: ke, initResponse: g } = ne(), Ae = ie(), _ = !!re(), v = !!(h && ke), y = c(() => ce(g?.scopes), [g?.scopes]), je = v && y.canRead && !!g, b = g?.userId ?? void 0, [x, Me] = l(h);
+	h !== void 0 && h !== x && Me(h);
+	let [S, Ne] = l(b);
+	b !== void 0 && b !== S && Ne(b);
+	let [Pe, C] = ye({
 		prop: we,
 		defaultProp: Te ?? null,
 		onChange: Ee,
 		caller: "BankAccountsWidget"
-	}), T = ve({
-		organizationId: S,
-		userId: C
-	}), Pe = d(T.current.organizationId, S) || d(T.current.userId, C);
+	}), w = ve({
+		organizationId: x,
+		userId: S
+	}), Fe = d(w.current.organizationId, x) || d(w.current.userId, S);
 	s(() => {
-		let e = T.current;
-		T.current = {
-			organizationId: S,
-			userId: C
-		}, (d(e.organizationId, S) || d(e.userId, C)) && w(null);
+		let e = w.current;
+		w.current = {
+			organizationId: x,
+			userId: S
+		}, (d(e.organizationId, x) || d(e.userId, S)) && C(null);
 	}, [
+		x,
 		S,
-		C,
-		w
+		C
 	]);
-	let E = Pe ? null : Ne, D = Ae && !E, O = o((e) => {
-		w(e);
-	}, [w]), [k, Fe] = l(!1), [A, j] = l(u), [M, N] = l([]), [Ie, P] = l(!1), [F, I] = l(), [Le, Re] = l({}), [L, R] = l({});
+	let T = Fe ? null : Pe, E = je && !T, D = _e((e) => {
+		C(e);
+	}, [C]), [O, k] = l(!1), [A, j] = l(u), [M, N] = l([]), [Ie, P] = l(!1), [F, I] = l(), [Le, Re] = l({}), [L, R] = l({});
 	s(() => {
-		h(i.Mounted);
-	}, [h]);
-	let z = t({ enabled: D }), B = me(), V = he(), H = k, U = ge({ enabled: H }), W = n({ enabled: H }), G = c(() => {
-		let e = W.data?.data ?? [], t = g ? _e(e, {
-			organizationId: g,
-			organizationTypes: _?.organizationTypes ?? []
+		m(i.Mounted);
+	}, [m]);
+	let z = t({ enabled: E }), B = pe(), V = me(), H = O, U = he({ enabled: H }), W = n({ enabled: H }), G = c(() => {
+		let e = W.data?.data ?? [], t = h ? ge(e, {
+			organizationId: h,
+			organizationTypes: g?.organizationTypes ?? []
 		}) : e;
-		return fe(U.data?.data ?? [], de(t));
+		return de(U.data?.data ?? [], ue(t));
 	}, [
 		W.data?.data,
 		U.data?.data,
-		g,
-		_?.organizationTypes
-	]), K = U.isLoading || U.isFetchingNextPage || !!U.hasNextPage || W.isResolving, q = !K && !U.isError, J = D ? z.data?.data ?? [] : [], Y = [.../* @__PURE__ */ new Set([...G.filter((e) => e.locked).map((e) => e.id), ...M])], X = _?.bankName?.trim() ?? "", ze = _?.vspName?.trim() ?? "", Be = Ce?.trim() || void 0, Z = y && b.canWrite, Q = !z.hasNextPage && !z.isFetchingNextPage, Ve = c(() => Q ? oe(J) : void 0, [J, Q]), He = J.length > 1 && b.canRead && Q, $ = o(async (t, n, r) => {
-		await ae(r) && (e.success(n === "account" ? m.copyAccountNumberToast : m.copyRoutingNumberToast), R((e) => ({
+		h,
+		g?.organizationTypes
+	]), K = U.isLoading || U.isFetchingNextPage || !!U.hasNextPage || W.isResolving, q = !K && !U.isError, J = E ? z.data?.data ?? [] : [], Y = [.../* @__PURE__ */ new Set([...G.filter((e) => e.locked).map((e) => e.id), ...M])], X = g?.bankName?.trim() ?? "", ze = g?.vspName?.trim() ?? "", Be = Ce?.trim() || void 0, Z = v && y.canWrite, Q = !z.hasNextPage && !z.isFetchingNextPage, Ve = c(() => Q ? oe(J) : void 0, [J, Q]), He = J.length > 1 && y.canRead && Q, $ = _e(async (t, n, r) => {
+		await ae(r) && (e.success(n === "account" ? p.copyAccountNumberToast : p.copyRoutingNumberToast), R((e) => ({
 			...e,
 			[t]: n
 		})), window.setTimeout(() => {
@@ -87,7 +87,7 @@ function f({ labels: a, featureLabels: se, isBankingTaglineVisible: f = !0, bank
 				[t]: void 0
 			}));
 		}, 2e3));
-	}, [m.copyAccountNumberToast, m.copyRoutingNumberToast]), Ue = c(() => J.map((e) => be(e, m, {
+	}, [p.copyAccountNumberToast, p.copyRoutingNumberToast]), Ue = c(() => J.map((e) => be(e, p, {
 		isAccountNumberVisible: Le[e.id] ?? !1,
 		isAccountNumberCopied: L[e.id] === "account",
 		isRoutingNumberCopied: L[e.id] === "routing",
@@ -98,22 +98,22 @@ function f({ labels: a, featureLabels: se, isBankingTaglineVisible: f = !0, bank
 		onCopyAccountNumber: () => void $(e.id, "account", e.accountNumber),
 		onCopyRoutingNumber: () => void $(e.id, "routing", e.routingNumber),
 		onSelect: () => {
-			O(e.id), h(i.AccountSelected, { accountId: e.id });
+			D(e.id), m(i.AccountSelected, { accountId: e.id });
 		}
 	})), [
 		J,
 		Le,
 		L,
-		m,
+		p,
 		$,
-		O,
-		h
+		D,
+		m
 	]), We = (t) => {
 		V.mutate({
 			path: { id: t },
 			body: { userIds: Y }
 		}, { onSuccess: () => {
-			te(ee), e.success(m.createSuccessToast), j(u), N([]), I(void 0), P(!1), Fe(!1);
+			te(ee), e.success(p.createSuccessToast), j(u), N([]), I(void 0), P(!1), k(!1);
 		} });
 	}, Ge = () => {
 		if (Z && q) {
@@ -130,23 +130,22 @@ function f({ labels: a, featureLabels: se, isBankingTaglineVisible: f = !0, bank
 				return;
 			}
 			B.mutate({ body: { nickname: A.nickname.trim() } }, { onSuccess: (e) => {
-				h(i.AccountCreated, { accountId: e?.id }), e?.id && (I(e.id), We(e.id));
+				m(i.AccountCreated, { accountId: e?.id }), e?.id && (I(e.id), We(e.id));
 			} });
 		}
 	}, Ke = (e, t) => {
 		G.find((t) => t.id === e)?.locked || N((n) => t ? [.../* @__PURE__ */ new Set([...n, e])] : n.filter((t) => t !== e));
 	}, qe = (e) => {
-		e && !Z || (e && (j(u), N([]), I(void 0), P(!1), B.reset(), V.reset()), Fe(e));
-	}, Je = B.isPending || V.isPending, Ye = ue(G, {
+		e && !Z || (e && (j(u), N([]), I(void 0), P(!1), B.reset(), V.reset()), k(e));
+	}, Je = B.isPending || V.isPending, Ye = le(G, {
 		selectedUserIds: M,
-		disabled: Je || !b.canWrite,
-		fallbackTooltip: p.teamMemberAccessTooltip,
+		disabled: Je || !y.canWrite,
+		fallbackTooltip: Oe.teamMemberAccessTooltip,
 		onUserToggle: Ke
 	});
 	return {
 		"data-testid": De,
-		selectedAccountId: E,
-		title: p.title,
+		selectedAccountId: T,
 		bankDisplayName: X,
 		bankLogoSrc: xe,
 		bankLogoAlt: Se,
@@ -154,10 +153,10 @@ function f({ labels: a, featureLabels: se, isBankingTaglineVisible: f = !0, bank
 		shouldDisplayAvailableBalance: He,
 		isBankingTaglineVisible: f,
 		accountCards: Ue,
-		shouldDisplayAddAccountCard: b.canWrite,
-		isLoading: !v && (!y || ke && !_ || D && (z.isLoading || z.isFetchingNextPage || z.hasNextPage)),
-		isError: v || D && z.isError,
-		isCreateOpen: k,
+		shouldDisplayAddAccountCard: y.canWrite,
+		isLoading: !_ && (!v || Ae && !g || E && (z.isLoading || z.isFetchingNextPage || z.hasNextPage)),
+		isError: _ || E && z.isError,
+		isCreateOpen: O,
 		createForm: A,
 		legalCopy: {
 			bankName: X,
@@ -178,7 +177,7 @@ function f({ labels: a, featureLabels: se, isBankingTaglineVisible: f = !0, bank
 		},
 		onCreateSubmit: Ge,
 		onAddAccountClick: () => qe(!0),
-		onSelectAccount: O
+		onSelectAccount: D
 	};
 }
 function be(e, t, n) {
@@ -187,7 +186,7 @@ function be(e, t, n) {
 		name: e.nickname?.trim() || t.accountFallback,
 		balanceLabel: a(e.balance),
 		accountNumberLabel: e.accountNumber,
-		maskedAccountNumberLabel: se(e.accountNumber),
+		maskedAccountNumberLabel: o(e.accountNumber),
 		routingNumberLabel: e.routingNumber,
 		...n
 	};

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/BankAccountsWidgetUi.js

@@ -10,8 +10,8 @@ import { AccountCardSkeleton as i, BankingHeader as a } from "./BankingHeader.js
 import { CreateAccountDialog as o } from "./CreateAccountDialog.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/BankAccountsWidgetUi.js
-function u({ labels: u, "data-testid": d, title: f, bankDisplayName: p, bankLogoSrc: m, bankLogoAlt: h, availableBalanceLabel: g, shouldDisplayAvailableBalance: _, isBankingTaglineVisible: v, accountCards: y, accountCardTestId: b, shouldDisplayAddAccountCard: x, isLoading: S, isError: C, isCreateOpen: w, createForm: T, legalCopy: E, accessRows: D, isTeamMembersLoading: O, isTeamMembersError: k, isCreateSubmitDisabled: A, isCreateError: j, hasNicknameError: M, isSubmitting: N, isCreateDisabled: P, onCreateOpenChange: F, onCreateFormChange: I, onCreateSubmit: L, onAddAccountClick: R }) {
-	let z = {
+function u({ labels: u, "data-testid": d, bankDisplayName: f, bankLogoSrc: p, bankLogoAlt: m, availableBalanceLabel: h, shouldDisplayAvailableBalance: g, isBankingTaglineVisible: _, accountCards: v, accountCardTestId: y, shouldDisplayAddAccountCard: b, isLoading: x, isError: S, isCreateOpen: C, createForm: w, legalCopy: T, accessRows: E, isTeamMembersLoading: D, isTeamMembersError: O, isCreateSubmitDisabled: k, isCreateError: A, hasNicknameError: j, isSubmitting: M, isCreateDisabled: N, onCreateOpenChange: P, onCreateFormChange: F, onCreateSubmit: I, onAddAccountClick: L }) {
+	let R = {
 		...t,
 		...u
 	};
@@ -20,52 +20,51 @@ function u({ labels: u, "data-testid": d, title: f, bankDisplayName: p, bankLogo
 		"data-testid": d,
 		children: [
 			/* @__PURE__ */ c(o, {
-				labels: z,
-				open: w,
-				form: T,
-				legalCopy: E,
-				accessRows: D,
-				isTeamMembersLoading: O,
-				isTeamMembersError: k,
-				isSubmitDisabled: A,
-				isSubmitting: N,
-				isError: j,
-				hasNicknameError: M,
-				onOpenChange: F,
-				onFormChange: I,
-				onSubmit: L
+				labels: R,
+				open: C,
+				form: w,
+				legalCopy: T,
+				accessRows: E,
+				isTeamMembersLoading: D,
+				isTeamMembersError: O,
+				isSubmitDisabled: k,
+				isSubmitting: M,
+				isError: A,
+				hasNicknameError: j,
+				onOpenChange: P,
+				onFormChange: F,
+				onSubmit: I
 			}),
 			/* @__PURE__ */ c(a, {
-				labels: z,
-				title: f,
-				bankDisplayName: p,
-				bankLogoSrc: m,
-				bankLogoAlt: h,
-				availableBalanceLabel: g,
-				shouldDisplayAvailableBalance: _,
-				isBankingTaglineVisible: v
+				labels: R,
+				bankDisplayName: f,
+				bankLogoSrc: p,
+				bankLogoAlt: m,
+				availableBalanceLabel: h,
+				shouldDisplayAvailableBalance: g,
+				isBankingTaglineVisible: _
 			}),
-			C ? /* @__PURE__ */ c(e, {
+			S ? /* @__PURE__ */ c(e, {
 				className: "ttw:mb-4",
-				children: z.errorTitle
+				children: R.errorTitle
 			}) : null,
 			/* @__PURE__ */ l("div", {
 				className: "ttw:flex ttw:flex-wrap ttw:gap-6",
 				children: [
-					S ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(i, {}), /* @__PURE__ */ c(i, {})] }) : null,
-					!S && y.length === 0 && !x ? /* @__PURE__ */ c("p", {
+					x ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(i, {}), /* @__PURE__ */ c(i, {})] }) : null,
+					!x && v.length === 0 && !b ? /* @__PURE__ */ c("p", {
 						className: "ttw:font-medium",
-						children: z.emptyAccountsLabel
+						children: R.emptyAccountsLabel
 					}) : null,
-					S ? null : y.map((e) => /* @__PURE__ */ c(n, {
-						labels: z,
+					x ? null : v.map((e) => /* @__PURE__ */ c(n, {
+						labels: R,
 						card: e,
-						testId: b
+						testId: y
 					}, e.id)),
-					!S && x ? /* @__PURE__ */ c(r, {
-						labels: z,
-						disabled: P,
-						onClick: R
+					!x && b ? /* @__PURE__ */ c(r, {
+						labels: R,
+						disabled: N,
+						onClick: L
 					}) : null
 				]
 			})