@tesouro/embedded-components-react 0.2.307 → 0.2.309

package/README.md

@@ -546,25 +546,26 @@ A composite settings widget that combines Monite document settings, tags, GL cod
 
 #### Props
 
-| Prop                      | Type                                         | Default                           | Description                                                                                                                                                                                                                                                                                                            |
-| ------------------------- | -------------------------------------------- | --------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `acceptInviteRedirectUri` | `string`                                     | Same-origin `/accept-invite`      | Forwarded to the Team section's widget — allowlisted URL invite 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). |
-| `labels`                  | `Partial<Labels>`                            | English labels                    | Overrides the settings heading copy.                                                                                                                                                                                                                                                                                   |
-| `featureLabels`           | `Partial<FeatureLabels>`                     | English labels                    | Overrides section labels.                                                                                                                                                                                                                                                                                              |
-| `profileContent`          | `ReactNode`                                  | Profile widget                    | Replaces the profile section content.                                                                                                                                                                                                                                                                                  |
-| `teamContent`             | `ReactNode`                                  | Empty                             | Supplies the team section content.                                                                                                                                                                                                                                                                                     |
-| `invoiceContent`          | `ReactNode`                                  | Monite template settings          | Replaces invoice settings content.                                                                                                                                                                                                                                                                                     |
-| `billPayContent`          | `ReactNode`                                  | Monite approval policies          | Replaces bill-pay settings content.                                                                                                                                                                                                                                                                                    |
-| `accountingContent`       | `ReactNode`                                  | GL code table widget              | Replaces accounting content.                                                                                                                                                                                                                                                                                           |
-| `tagsContent`             | `ReactNode`                                  | Monite tags                       | Replaces tags content.                                                                                                                                                                                                                                                                                                 |
-| `expenseContent`          | `ReactNode`                                  | Expense policies and requirements | Replaces expense content.                                                                                                                                                                                                                                                                                              |
-| `profileContactUrl`       | `string`                                     | `undefined`                       | Forwarded to the Profile section's widget — where its "to change this information, contact your bank" line links. Left unset, the card shows the plain unlinked sentence instead; the bank name comes from widget init.                                                                                                |
-| `selectedSection`         | `SettingsWidgetSectionId`                    | `undefined`                       | The section to show. Leave unset to let the widget own the selection; supply it (with `onSelectedSectionChange`) to drive navigation from a route or search param. A section the user's scopes hide falls back to the first visible one.                                                                               |
-| `onSelectedSectionChange` | `(section: SettingsWidgetSectionId) => void` | `undefined`                       | Called with the id of the section the user selected. Fires whether or not `selectedSection` is supplied, so a host can mirror the selection into its URL without taking ownership of it.                                                                                                                               |
-| `additionalSections`      | `SettingsWidgetAdditionalSection[]`          | `undefined`                       | Host-owned sections rendered alongside the built-in ones. Each is `{ id, label, content }` plus an optional `after` naming the built-in section to place it behind. Unlike the built-ins, these are not scope-gated.                                                                                                   |
-| `helpContactUrl`          | `string`                                     | `undefined`                       | Forwarded to the Help section's widget — where its "Contact Us" line links (a support page URL or a `mailto:`). The line is hidden while unset, since the package has no tenant-agnostic support address to fall back on; the bank name in that line comes from widget init.                                           |
-| `helpContent`             | `ReactNode`                                  | Help widget                       | Replaces the help section content.                                                                                                                                                                                                                                                                                     |
-| `finopsThemeColors`       | `FinopsThemeColors`                          | `undefined`                       | Optional Monite theme color overrides.                                                                                                                                                                                                                                                                                 |
+| Prop                      | Type                                         | Default                           | Description                                                                                                                                                                                                                                                                                                                            |
+| ------------------------- | -------------------------------------------- | --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `acceptInviteRedirectUri` | `string`                                     | Same-origin `/accept-invite`      | Forwarded to the Team section's widget — allowlisted URL invite 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).                 |
+| `labels`                  | `Partial<Labels>`                            | English labels                    | Overrides the settings heading copy.                                                                                                                                                                                                                                                                                                   |
+| `featureLabels`           | `Partial<FeatureLabels>`                     | English labels                    | Overrides section labels.                                                                                                                                                                                                                                                                                                              |
+| `profileContent`          | `ReactNode`                                  | Profile widget                    | Replaces the profile section content.                                                                                                                                                                                                                                                                                                  |
+| `teamContent`             | `ReactNode`                                  | Empty                             | Supplies the team section content.                                                                                                                                                                                                                                                                                                     |
+| `invoiceContent`          | `ReactNode`                                  | Monite template settings          | Replaces invoice settings content.                                                                                                                                                                                                                                                                                                     |
+| `billPayContent`          | `ReactNode`                                  | Monite approval policies          | Replaces bill-pay settings content.                                                                                                                                                                                                                                                                                                    |
+| `accountingContent`       | `ReactNode`                                  | GL code table widget              | Replaces accounting content.                                                                                                                                                                                                                                                                                                           |
+| `tagsContent`             | `ReactNode`                                  | Monite tags                       | Replaces tags content.                                                                                                                                                                                                                                                                                                                 |
+| `expenseContent`          | `ReactNode`                                  | Expense policies and requirements | Replaces expense content.                                                                                                                                                                                                                                                                                                              |
+| `profileContactUrl`       | `string`                                     | `undefined`                       | Forwarded to the Profile section's widget — where its "to change this information, contact your bank" line links. Left unset, the card shows the plain unlinked sentence instead; the bank name comes from widget init.                                                                                                                |
+| `selectedSection`         | `SettingsWidgetSectionId`                    | `undefined`                       | The section to show. Leave unset to let the widget own the selection; supply it (with `onSelectedSectionChange`) to drive navigation from a route or search param. A section the user's scopes hide falls back to the first visible one.                                                                                               |
+| `defaultSelectedSection`  | `SettingsWidgetSectionId`                    | First visible section             | The section to open on, for a host that wants a deep link without owning the selection. Read once per mount and ignored when `selectedSection` is supplied. Scopes arrive with widget init, so a section this names opens as soon as it becomes visible; one the user's scopes never grant leaves the first visible section on screen. |
+| `onSelectedSectionChange` | `(section: SettingsWidgetSectionId) => void` | `undefined`                       | Called with the id of the section the user selected. Fires whether or not `selectedSection` is supplied, so a host can mirror the selection into its URL without taking ownership of it.                                                                                                                                               |
+| `additionalSections`      | `SettingsWidgetAdditionalSection[]`          | `undefined`                       | Host-owned sections rendered alongside the built-in ones. Each is `{ id, label, content }` plus an optional `after` naming the built-in section to place it behind. Unlike the built-ins, these are not scope-gated.                                                                                                                   |
+| `helpContactUrl`          | `string`                                     | `undefined`                       | Forwarded to the Help section's widget — where its "Contact Us" line links (a support page URL or a `mailto:`). The line is hidden while unset, since the package has no tenant-agnostic support address to fall back on; the bank name in that line comes from widget init.                                                           |
+| `helpContent`             | `ReactNode`                                  | Help widget                       | Replaces the help section content.                                                                                                                                                                                                                                                                                                     |
+| `finopsThemeColors`       | `FinopsThemeColors`                          | `undefined`                       | Optional Monite theme color overrides.                                                                                                                                                                                                                                                                                                 |
 
 ### TagsWidget
 
@@ -599,10 +600,13 @@ A self-contained banking widget for creating book or ACH transfers and reviewing
 
 #### Props
 
-| Prop            | Type                                    | Default          | Description                                                           |
-| --------------- | --------------------------------------- | ---------------- | --------------------------------------------------------------------- |
-| `labels`        | `Partial<TransfersWidgetLabels>`        | English labels   | Override shell and modal copy.                                        |
-| `featureLabels` | `Partial<TransfersWidgetFeatureLabels>` | English defaults | Override routing copy, fallbacks, default currency, and ACH SEC code. |
+| Prop                         | Type                                    | Default          | Description                                                                                                                                                                        |
+| ---------------------------- | --------------------------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `labels`                     | `Partial<TransfersWidgetLabels>`        | English labels   | Override shell and modal copy.                                                                                                                                                     |
+| `featureLabels`              | `Partial<TransfersWidgetFeatureLabels>` | English defaults | Override routing copy, fallbacks, default currency, and ACH SEC code.                                                                                                              |
+| `isTransferMoneyOpen`        | `boolean`                               | Uncontrolled     | Whether the transfer money modal is showing. Supplying it makes the modal controlled: the widget reports every open and close and changes nothing until you re-supply a new value. |
+| `defaultIsTransferMoneyOpen` | `boolean`                               | `false`          | The modal's state on first render, for a host that only wants to seed it. Ignored when `isTransferMoneyOpen` is supplied.                                                          |
+| `onTransferMoneyOpenChange`  | `(open: boolean) => void`               | `undefined`      | Called on every open and close — the **Transfer money** CTA, the modal's own dismissals (Esc, overlay, close), and the close after a completed transfer.                           |
 
 ### UploadReceiptWidget
 

package/dist/experimental/WidgetSuite.d.ts

@@ -784,11 +784,13 @@ interface WidgetSuiteCardsSelection {
 }
 interface WidgetSuiteSettingsSelection {
     /**
-     * The settings section on screen. Controlled only: the suite never supplies a
-     * value of its own, because `SettingsWidget` substitutes another section when
-     * this one is not available to the user and reports nothing when it does
-     * (EMBD-4980 adds the `defaultSelectedSection` that would make an initial
-     * value safe).
+     * The settings section on screen. The suite holds this one, so it survives
+     * leaving the section — but hands it down as the widget's
+     * `defaultSelectedSection`, never its controlled `selectedSection`. The widget
+     * substitutes another section when this one is not available to the user and
+     * reports nothing when it does, so a controlled value could disagree with the
+     * screen with no way to recover; an initial one just loses a deep link the
+     * user could never have reached.
      */
     section?: SettingsWidgetSectionId;
 }
@@ -814,14 +816,11 @@ interface WidgetSuiteSelection {
     settings?: WidgetSuiteSettingsSelection;
 }
 /**
- * Where the suite can *open*, which is not everything it can be driven to:
- * `SettingsWidget` takes no initial section, so naming one here would be a
- * silent no-op (EMBD-4980 adds the prop that makes it work).
- *
- * Derived rather than hand-written, so each key stays in exactly one of the two
- * types as the widgets behind them gain the props they are missing.
+ * Where the suite can *open*, which is narrower than what it can be driven to
+ * whenever a key's widget takes no initial value. Every key has both halves
+ * today, so nothing is omitted; this is where the next controlled-only key goes.
  */
-type WidgetSuiteDefaultSelection = Omit<WidgetSuiteSelection, 'settings'>;
+type WidgetSuiteDefaultSelection = WidgetSuiteSelection;
 interface WidgetSuiteCardsSelectionSnapshot {
     cardId: string | null;
     pagination: CardsWidgetPaginationInput | undefined;
@@ -871,8 +870,7 @@ interface WidgetSuiteProps extends WidgetProviderProps {
      * Where the suite opens, for a host that wants a deep link but not ownership.
      * Read once per mount, and ignored per key when `selection` names that key.
      *
-     * Carries every key `selection` does bar `settings` — see
-     * {@link WidgetSuiteDefaultSelection}.
+     * Carries every key `selection` does — see {@link WidgetSuiteDefaultSelection}.
      */
     defaultSelection?: WidgetSuiteDefaultSelection;
     /**
@@ -938,9 +936,9 @@ interface WidgetSuiteProps extends WidgetProviderProps {
  * Navigation is one `selection` object a host can drive key by key, published to
  * the sections through `WidgetSuiteProvider`. Only the open panel is mounted, so
  * a key the suite holds survives leaving a section and coming back and a key it
- * does not hold is lost: today Accounts remembers its open account and Cards its
- * open card, while Bill Pay forgets its tab, Settings its section and each card
- * list its cursor. That split is the widgets' current shape rather than a
+ * does not hold is lost: today Accounts remembers its open account, Cards its
+ * open card and Settings its section, while Bill Pay forgets its tab and each
+ * card list its cursor. That split is the widgets' current shape rather than a
  * decision — see `WidgetSuiteSelection` for the ticket behind each gap.
  */
 declare function WidgetSuite({ baseUrl, widgetToken, organizationId, configClient, gatewayRouting, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, disclosuresAcceptance, ...innerProps }: WidgetSuiteProps): React.JSX.Element;

package/dist/experimental/index.d.ts

@@ -784,11 +784,13 @@ interface WidgetSuiteCardsSelection {
 }
 interface WidgetSuiteSettingsSelection {
     /**
-     * The settings section on screen. Controlled only: the suite never supplies a
-     * value of its own, because `SettingsWidget` substitutes another section when
-     * this one is not available to the user and reports nothing when it does
-     * (EMBD-4980 adds the `defaultSelectedSection` that would make an initial
-     * value safe).
+     * The settings section on screen. The suite holds this one, so it survives
+     * leaving the section — but hands it down as the widget's
+     * `defaultSelectedSection`, never its controlled `selectedSection`. The widget
+     * substitutes another section when this one is not available to the user and
+     * reports nothing when it does, so a controlled value could disagree with the
+     * screen with no way to recover; an initial one just loses a deep link the
+     * user could never have reached.
      */
     section?: SettingsWidgetSectionId;
 }
@@ -814,14 +816,11 @@ interface WidgetSuiteSelection {
     settings?: WidgetSuiteSettingsSelection;
 }
 /**
- * Where the suite can *open*, which is not everything it can be driven to:
- * `SettingsWidget` takes no initial section, so naming one here would be a
- * silent no-op (EMBD-4980 adds the prop that makes it work).
- *
- * Derived rather than hand-written, so each key stays in exactly one of the two
- * types as the widgets behind them gain the props they are missing.
+ * Where the suite can *open*, which is narrower than what it can be driven to
+ * whenever a key's widget takes no initial value. Every key has both halves
+ * today, so nothing is omitted; this is where the next controlled-only key goes.
  */
-type WidgetSuiteDefaultSelection = Omit<WidgetSuiteSelection, 'settings'>;
+type WidgetSuiteDefaultSelection = WidgetSuiteSelection;
 interface WidgetSuiteCardsSelectionSnapshot {
     cardId: string | null;
     pagination: CardsWidgetPaginationInput | undefined;
@@ -871,8 +870,7 @@ interface WidgetSuiteProps extends WidgetProviderProps {
      * Where the suite opens, for a host that wants a deep link but not ownership.
      * Read once per mount, and ignored per key when `selection` names that key.
      *
-     * Carries every key `selection` does bar `settings` — see
-     * {@link WidgetSuiteDefaultSelection}.
+     * Carries every key `selection` does — see {@link WidgetSuiteDefaultSelection}.
      */
     defaultSelection?: WidgetSuiteDefaultSelection;
     /**
@@ -938,9 +936,9 @@ interface WidgetSuiteProps extends WidgetProviderProps {
  * Navigation is one `selection` object a host can drive key by key, published to
  * the sections through `WidgetSuiteProvider`. Only the open panel is mounted, so
  * a key the suite holds survives leaving a section and coming back and a key it
- * does not hold is lost: today Accounts remembers its open account and Cards its
- * open card, while Bill Pay forgets its tab, Settings its section and each card
- * list its cursor. That split is the widgets' current shape rather than a
+ * does not hold is lost: today Accounts remembers its open account, Cards its
+ * open card and Settings its section, while Bill Pay forgets its tab and each
+ * card list its cursor. That split is the widgets' current shape rather than a
  * decision — see `WidgetSuiteSelection` for the ticket behind each gap.
  */
 declare function WidgetSuite({ baseUrl, widgetToken, organizationId, configClient, gatewayRouting, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, disclosuresAcceptance, ...innerProps }: WidgetSuiteProps): React.JSX.Element;

package/dist/index.d.ts

@@ -4271,6 +4271,13 @@ interface SettingsWidgetProps extends MoniteRegionProviderProps {
      * 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;
+    /** The section to open on, for a host that wants a deep link without taking
+     * ownership of the selection. Ignored when
+     * {@link SettingsWidgetProps.selectedSection} is supplied; defaults to the
+     * first visible section. Scopes arrive with the init response, so a section
+     * this names opens as soon as it becomes visible, and one the user's scopes
+     * never grant leaves the first visible section on screen. */
+    defaultSelectedSection?: 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. */
@@ -4709,10 +4716,25 @@ declare const DEFAULT_FEATURE_LABELS: FeatureLabels;
 interface TransfersWidgetPassthroughProps {
     labels?: Partial<TransfersWidgetLabels>;
     featureLabels?: Partial<FeatureLabels>;
+    /**
+     * Whether the transfer money modal is showing. Supplying it makes the modal
+     * controlled: the widget reports every open and close through
+     * `onTransferMoneyOpenChange` and changes nothing on screen until the host
+     * supplies a new value. Omit to let the widget own it.
+     */
+    isTransferMoneyOpen?: boolean;
+    /** The modal's state on first render, for a host that only wants to seed it. */
+    defaultIsTransferMoneyOpen?: boolean;
+    /**
+     * Called on every open and close — the CTA, the modal's own dismissals, and
+     * the close that follows a completed transfer — whether or not the modal is
+     * controlled.
+     */
+    onTransferMoneyOpenChange?: (open: boolean) => void;
 }
 interface TransfersWidgetProps extends WidgetProviderProps, TransfersWidgetPassthroughProps {
 }
-declare function TransfersWidget({ labels, featureLabels, ...widgetProviderProps }: TransfersWidgetProps): React.JSX.Element;
+declare function TransfersWidget({ labels, featureLabels, isTransferMoneyOpen, defaultIsTransferMoneyOpen, onTransferMoneyOpenChange, ...widgetProviderProps }: TransfersWidgetProps): React.JSX.Element;
 
 /**
  * Public {@link WidgetProvider} — the integrator-facing provider.

package/dist/lib/SettingsWidget.d.ts

@@ -697,6 +697,13 @@ interface SettingsWidgetProps extends MoniteRegionProviderProps {
      * 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;
+    /** The section to open on, for a host that wants a deep link without taking
+     * ownership of the selection. Ignored when
+     * {@link SettingsWidgetProps.selectedSection} is supplied; defaults to the
+     * first visible section. Scopes arrive with the init response, so a section
+     * this names opens as soon as it becomes visible, and one the user's scopes
+     * never grant leaves the first visible section on screen. */
+    defaultSelectedSection?: 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. */

package/dist/lib/TransfersWidget.d.ts

@@ -680,10 +680,25 @@ declare const DEFAULT_FEATURE_LABELS: FeatureLabels;
 interface TransfersWidgetPassthroughProps {
     labels?: Partial<TransfersWidgetLabels>;
     featureLabels?: Partial<FeatureLabels>;
+    /**
+     * Whether the transfer money modal is showing. Supplying it makes the modal
+     * controlled: the widget reports every open and close through
+     * `onTransferMoneyOpenChange` and changes nothing on screen until the host
+     * supplies a new value. Omit to let the widget own it.
+     */
+    isTransferMoneyOpen?: boolean;
+    /** The modal's state on first render, for a host that only wants to seed it. */
+    defaultIsTransferMoneyOpen?: boolean;
+    /**
+     * Called on every open and close — the CTA, the modal's own dismissals, and
+     * the close that follows a completed transfer — whether or not the modal is
+     * controlled.
+     */
+    onTransferMoneyOpenChange?: (open: boolean) => void;
 }
 interface TransfersWidgetProps extends WidgetProviderProps, TransfersWidgetPassthroughProps {
 }
-declare function TransfersWidget({ labels, featureLabels, ...widgetProviderProps }: TransfersWidgetProps): React.JSX.Element;
+declare function TransfersWidget({ labels, featureLabels, isTransferMoneyOpen, defaultIsTransferMoneyOpen, onTransferMoneyOpenChange, ...widgetProviderProps }: TransfersWidgetProps): React.JSX.Element;
 
 export { DEFAULT_FEATURE_LABELS as TRANSFERS_FEATURE_LABELS_EN, TRANSFERS_WIDGET_LABELS_EN, TransfersWidget };
 export type { FeatureLabels as TransfersWidgetFeatureLabels, TransfersWidgetLabels, TransfersWidgetProps };

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

@@ -11,164 +11,186 @@ 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 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 { 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 "../../ui/dist/index.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 { 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 "../../data-access/dist/index.js";
-import { filterRolesForOrganization as ge } from "../../../../shared/util-validation/dist/index6.js";
-import { useCallback as s, useEffect as _e, useMemo as c, useState as l } from "react";
-import { useControllableState as ve } from "@radix-ui/react-use-controllable-state";
+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 { 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({ labels: a, featureLabels: o, isBankingTaglineVisible: d = !0, bankLogoSrc: be, bankLogoAlt: xe, depositAgreementUrl: Se, selectedAccountId: Ce, defaultSelectedAccountId: we, onSelectedAccountIdChange: Te, "data-testid": Ee }) {
-	let f = {
-		...fe,
+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,
 		...a
-	}, p = {
-		...se,
-		...o
-	}, m = r(), { organizationId: h, widgetToken: De, initResponse: g } = ne(), Oe = ie(), _ = !!re(), v = !!(h && De), y = c(() => ce(g?.scopes), [g?.scopes]), ke = v && y.canRead && !!g, [b, x] = ve({
-		prop: Ce,
-		defaultProp: we ?? null,
-		onChange: Te,
+	}, 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({
+		prop: we,
+		defaultProp: Te ?? null,
+		onChange: Ee,
 		caller: "BankAccountsWidget"
-	}), S = ke && !b, C = s((e) => {
-		x(e);
-	}, [x]), [w, T] = l(!1), [E, D] = l(u), [O, k] = l([]), [Ae, A] = l(!1), [j, M] = l(), [N, je] = l({}), [P, F] = l({});
-	_e(() => {
-		m(i.Mounted);
-	}, [m]);
-	let I = t({ enabled: S }), L = pe(), R = me(), z = w, B = he({ enabled: z }), V = n({ enabled: z }), H = c(() => {
-		let e = V.data?.data ?? [], t = h ? ge(e, {
-			organizationId: h,
-			organizationTypes: g?.organizationTypes ?? []
+	}), T = ve({
+		organizationId: S,
+		userId: C
+	}), Pe = d(T.current.organizationId, S) || d(T.current.userId, C);
+	s(() => {
+		let e = T.current;
+		T.current = {
+			organizationId: S,
+			userId: C
+		}, (d(e.organizationId, S) || d(e.userId, C)) && w(null);
+	}, [
+		S,
+		C,
+		w
+	]);
+	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({});
+	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 ?? []
 		}) : e;
-		return de(B.data?.data ?? [], ue(t));
+		return fe(U.data?.data ?? [], de(t));
 	}, [
-		V.data?.data,
-		B.data?.data,
-		h,
-		g?.organizationTypes
-	]), U = B.isLoading || B.isFetchingNextPage || !!B.hasNextPage || V.isResolving, W = !U && !B.isError, G = S ? I.data?.data ?? [] : [], K = [.../* @__PURE__ */ new Set([...H.filter((e) => e.locked).map((e) => e.id), ...O])], q = g?.bankName?.trim() ?? "", Me = g?.vspName?.trim() ?? "", Ne = Se?.trim() || void 0, J = v && y.canWrite, Y = !I.hasNextPage && !I.isFetchingNextPage, Pe = c(() => Y ? oe(G) : void 0, [G, Y]), Fe = G.length > 1 && y.canRead && Y, X = s(async (t, n, r) => {
-		await ae(r) && (e.success(n === "account" ? p.copyAccountNumberToast : p.copyRoutingNumberToast), F((e) => ({
+		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) => ({
 			...e,
 			[t]: n
 		})), window.setTimeout(() => {
-			F((e) => ({
+			R((e) => ({
 				...e,
 				[t]: void 0
 			}));
 		}, 2e3));
-	}, [p.copyAccountNumberToast, p.copyRoutingNumberToast]), Ie = c(() => G.map((e) => ye(e, p, {
-		isAccountNumberVisible: N[e.id] ?? !1,
-		isAccountNumberCopied: P[e.id] === "account",
-		isRoutingNumberCopied: P[e.id] === "routing",
-		onToggleAccountNumberVisibility: () => je((t) => ({
+	}, [m.copyAccountNumberToast, m.copyRoutingNumberToast]), Ue = c(() => J.map((e) => be(e, m, {
+		isAccountNumberVisible: Le[e.id] ?? !1,
+		isAccountNumberCopied: L[e.id] === "account",
+		isRoutingNumberCopied: L[e.id] === "routing",
+		onToggleAccountNumberVisibility: () => Re((t) => ({
 			...t,
 			[e.id]: !t[e.id]
 		})),
-		onCopyAccountNumber: () => void X(e.id, "account", e.accountNumber),
-		onCopyRoutingNumber: () => void X(e.id, "routing", e.routingNumber),
+		onCopyAccountNumber: () => void $(e.id, "account", e.accountNumber),
+		onCopyRoutingNumber: () => void $(e.id, "routing", e.routingNumber),
 		onSelect: () => {
-			C(e.id), m(i.AccountSelected, { accountId: e.id });
+			O(e.id), h(i.AccountSelected, { accountId: e.id });
 		}
 	})), [
-		G,
-		N,
-		P,
-		p,
-		X,
-		C,
-		m
-	]), Z = (t) => {
-		R.mutate({
+		J,
+		Le,
+		L,
+		m,
+		$,
+		O,
+		h
+	]), We = (t) => {
+		V.mutate({
 			path: { id: t },
-			body: { userIds: K }
+			body: { userIds: Y }
 		}, { onSuccess: () => {
-			te(ee), e.success(p.createSuccessToast), D(u), k([]), M(void 0), A(!1), T(!1);
+			te(ee), e.success(m.createSuccessToast), j(u), N([]), I(void 0), P(!1), Fe(!1);
 		} });
-	}, Le = () => {
-		if (J && W) {
-			if (E.nickname.trim() === "") {
-				A(!0);
+	}, Ge = () => {
+		if (Z && q) {
+			if (A.nickname.trim() === "") {
+				P(!0);
 				return;
 			}
-			if (K.length === 0) {
+			if (Y.length === 0) {
 				console.warn("No team members selected on submit");
 				return;
 			}
-			if (j) {
-				Z(j);
+			if (F) {
+				We(F);
 				return;
 			}
-			L.mutate({ body: { nickname: E.nickname.trim() } }, { onSuccess: (e) => {
-				m(i.AccountCreated, { accountId: e?.id }), e?.id && (M(e.id), Z(e.id));
+			B.mutate({ body: { nickname: A.nickname.trim() } }, { onSuccess: (e) => {
+				h(i.AccountCreated, { accountId: e?.id }), e?.id && (I(e.id), We(e.id));
 			} });
 		}
-	}, Re = (e, t) => {
-		H.find((t) => t.id === e)?.locked || k((n) => t ? [.../* @__PURE__ */ new Set([...n, e])] : n.filter((t) => t !== e));
-	}, Q = (e) => {
-		e && !J || (e && (D(u), k([]), M(void 0), A(!1), L.reset(), R.reset()), T(e));
-	}, $ = L.isPending || R.isPending, ze = le(H, {
-		selectedUserIds: O,
-		disabled: $ || !y.canWrite,
-		fallbackTooltip: f.teamMemberAccessTooltip,
-		onUserToggle: Re
+	}, 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, {
+		selectedUserIds: M,
+		disabled: Je || !b.canWrite,
+		fallbackTooltip: p.teamMemberAccessTooltip,
+		onUserToggle: Ke
 	});
 	return {
-		"data-testid": Ee,
-		selectedAccountId: b,
-		title: f.title,
-		bankDisplayName: q,
-		bankLogoSrc: be,
-		bankLogoAlt: xe,
-		availableBalanceLabel: Pe,
-		shouldDisplayAvailableBalance: Fe,
-		isBankingTaglineVisible: d,
-		accountCards: Ie,
-		shouldDisplayAddAccountCard: y.canWrite,
-		isLoading: !_ && (!v || Oe && !g || S && (I.isLoading || I.isFetchingNextPage || I.hasNextPage)),
-		isError: _ || S && I.isError,
-		isCreateOpen: w,
-		createForm: E,
+		"data-testid": De,
+		selectedAccountId: E,
+		title: p.title,
+		bankDisplayName: X,
+		bankLogoSrc: xe,
+		bankLogoAlt: Se,
+		availableBalanceLabel: Ve,
+		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,
+		createForm: A,
 		legalCopy: {
-			bankName: q,
-			vspName: Me,
-			agreementUrl: Ne
+			bankName: X,
+			vspName: ze,
+			agreementUrl: Be
 		},
-		accessRows: ze,
-		isTeamMembersLoading: U,
-		isTeamMembersError: B.isError,
-		isCreateSubmitDisabled: !J || !W || E.nickname.trim() === "" || K.length === 0,
-		isCreateError: L.isError || R.isError,
-		hasNicknameError: Ae,
-		isSubmitting: $,
-		isCreateDisabled: !J,
-		onCreateOpenChange: Q,
+		accessRows: Ye,
+		isTeamMembersLoading: K,
+		isTeamMembersError: U.isError,
+		isCreateSubmitDisabled: !Z || !q || A.nickname.trim() === "" || Y.length === 0,
+		isCreateError: B.isError || V.isError,
+		hasNicknameError: Ie,
+		isSubmitting: Je,
+		isCreateDisabled: !Z,
+		onCreateOpenChange: qe,
 		onCreateFormChange: (e) => {
-			A(!1), D(e);
+			P(!1), j(e);
 		},
-		onCreateSubmit: Le,
-		onAddAccountClick: () => Q(!0),
-		onSelectAccount: C
+		onCreateSubmit: Ge,
+		onAddAccountClick: () => qe(!0),
+		onSelectAccount: O
 	};
 }
-function ye(e, t, n) {
+function be(e, t, n) {
 	return {
 		id: e.id,
 		name: e.nickname?.trim() || t.accountFallback,
 		balanceLabel: a(e.balance),
 		accountNumberLabel: e.accountNumber,
-		maskedAccountNumberLabel: o(e.accountNumber),
+		maskedAccountNumberLabel: se(e.accountNumber),
 		routingNumberLabel: e.routingNumber,
 		...n
 	};
 }
 //#endregion
-export { d as useBankAccountsWidget };
+export { f as useBankAccountsWidget };

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

@@ -24,7 +24,7 @@ var r = {
 	UploadedPartial: (e, t) => `Uploaded ${e} of ${t} attachments`,
 	TooManyFiles: (e) => `You can only upload up to ${e} files at a time`,
 	Matching: (e) => e === 1 ? "Matching 1 receipt to a transaction" : `Matching ${e} receipts to transactions`,
-	MatchedAll: (e) => e === 1 ? "Receipt matched to a transaction" : `All ${e} receipts matched to transactions`,
+	MatchedAll: (e) => e === 1 ? "1 of 1 receipt matched to a transaction" : `${e} of ${e} receipts matched to transactions`,
 	MatchedPartial: (e, t) => `${e} of ${t} receipts matched. Match the rest from the receipt inbox.`,
 	MatchingUnfinished: (e) => e === 1 ? "Still processing 1 receipt. Matching continues in the background." : `Still processing ${e} receipts. Matching continues in the background.`
 };