@tesouro/embedded-components-react 0.2.197 → 0.2.200

package/README.md

@@ -213,11 +213,12 @@ A self-contained widget for managing an organization's customers or vendors with
 
 #### Props
 
-| Prop              | Type                     | Default             | Description                                                                                                                                                   |
-| ----------------- | ------------------------ | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `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. |
+| Prop                 | Type                     | Default             | Description                                                                                                                                                                                  |
+| -------------------- | ------------------------ | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `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                                                                                                      |
 | ------------------- | ---------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |

package/dist/index.d.ts

@@ -1477,8 +1477,9 @@ type ReceivablesProps = {
     pageTitleComponent: (children: ReactNode) => ReactNode;
     /**
      * Display name of the sponsor bank that powers embedded bank accounts, e.g.
-     * "Zenith Bank". Shown next to embedded accounts in the invoice payment
-     * account picker as "Powered by {embeddedBankName}".
+     * "Zenith Bank". Shown next to embedded accounts as "Powered by
+     * {embeddedBankName}" in the invoice payment account picker, on both the
+     * create and the edit form.
      */
     embeddedBankName?: string;
     /** Arrival prop: 'create' opens the create-invoice dialog on mount. */
@@ -1705,6 +1706,8 @@ interface CounterpartDetailsSheetLabels {
     recentVendorDocumentsHeading: string;
     recentCustomerDocumentsDescription: string;
     recentVendorDocumentsDescription: string;
+    /** Shown beside the recent-documents heading only when the host wires it. */
+    viewAllDocumentsAction: string;
     subtitleTemplate: string;
     customerSubtitleLabel: string;
     vendorSubtitleLabel: string;
@@ -1760,6 +1763,12 @@ interface CounterpartsWidgetOwnProps {
      * 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
+     * standalone widget does not own a bills or invoices list.
+     */
+    onViewAllDocuments?: () => void;
     screenLabels?: Partial<CounterpartsScreenLabels>;
     formLabels?: Partial<CounterpartFormSheetLabels>;
     detailsLabels?: Partial<CounterpartDetailsSheetLabels>;

package/dist/lib/CounterpartsWidget.d.ts

@@ -743,6 +743,8 @@ interface CounterpartDetailsSheetLabels {
     recentVendorDocumentsHeading: string;
     recentCustomerDocumentsDescription: string;
     recentVendorDocumentsDescription: string;
+    /** Shown beside the recent-documents heading only when the host wires it. */
+    viewAllDocumentsAction: string;
     subtitleTemplate: string;
     customerSubtitleLabel: string;
     vendorSubtitleLabel: string;
@@ -798,6 +800,12 @@ interface CounterpartsWidgetOwnProps {
      * 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
+     * standalone widget does not own a bills or invoices list.
+     */
+    onViewAllDocuments?: () => void;
     screenLabels?: Partial<CounterpartsScreenLabels>;
     formLabels?: Partial<CounterpartFormSheetLabels>;
     detailsLabels?: Partial<CounterpartDetailsSheetLabels>;

package/dist/lib/InvoicingWidget.d.ts

@@ -6,8 +6,9 @@ type ReceivablesProps = {
     pageTitleComponent: (children: ReactNode) => ReactNode;
     /**
      * Display name of the sponsor bank that powers embedded bank accounts, e.g.
-     * "Zenith Bank". Shown next to embedded accounts in the invoice payment
-     * account picker as "Powered by {embeddedBankName}".
+     * "Zenith Bank". Shown next to embedded accounts as "Powered by
+     * {embeddedBankName}" in the invoice payment account picker, on both the
+     * create and the edit form.
      */
     embeddedBankName?: string;
     /** Arrival prop: 'create' opens the create-invoice dialog on mount. */

package/dist/lib/ReceivablesWidget.js

@@ -14,12 +14,12 @@ import "react-hot-toast";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index85.js";
 import "radix-ui";
 import "react-hook-form";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index154.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index175.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index303.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index263.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index90.js";
@@ -31,7 +31,7 @@ import "../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/re
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index145.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index168.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index83.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -41,9 +41,9 @@ import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
 import "@tanstack/react-table";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index153.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index174.js";
 import "@radix-ui/react-avatar";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index237.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index221.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@mui/icons-material/Cancel";
@@ -51,15 +51,15 @@ import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
 import "@emotion/react";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index101.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index466.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index445.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index380.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index293.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index478.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index450.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index424.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index336.js";
 import "../packages/shared-ui-shadcn/dist/index.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index276.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index273.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -67,17 +67,17 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index448.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index232.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index234.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index353.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index183.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index441.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index281.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index283.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index351.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index182.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
 import "react-day-picker";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index420.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index423.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index411.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index414.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -86,25 +86,25 @@ import "@mui/icons-material/InsertDriveFileOutlined";
 import "@mui/icons-material/ReplayOutlined";
 import "@mui/icons-material/SendOutlined";
 import "@mui/icons-material/StarHalfOutlined";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index429.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index431.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index420.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index422.js";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index257.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index360.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index435.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index242.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index366.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index436.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index166.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index310.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index311.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index142.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index313.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index314.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index54.js";
 import "@mui/icons-material/Money";
 import "@mui/icons-material/MonetizationOnOutlined";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index176.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index196.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index106.js";

package/dist/lib/monite-sdk.d.ts

@@ -74263,8 +74263,9 @@ type ReceivablesProps = {
     pageTitleComponent: (children: ReactNode) => ReactNode;
     /**
      * Display name of the sponsor bank that powers embedded bank accounts, e.g.
-     * "Zenith Bank". Shown next to embedded accounts in the invoice payment
-     * account picker as "Powered by {embeddedBankName}".
+     * "Zenith Bank". Shown next to embedded accounts as "Powered by
+     * {embeddedBankName}" in the invoice payment account picker, on both the
+     * create and the edit form.
      */
     embeddedBankName?: string;
     /** Arrival prop: 'create' opens the create-invoice dialog on mount. */

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index10.js

@@ -10,7 +10,7 @@ import "react-confetti";
 import { BUSINESS_DETAILS_PANEL_LABELS_EN as r } from "../../ui/dist/index18.js";
 import { formatPhoneNumberInput as c } from "./index14.js";
 import { sanitizeZipCodeInput as d } from "./index15.js";
-import { sanitizeTaxIdInput as p } from "./index17.js";
+import { sanitizeTaxIdInput as p } from "./index16.js";
 import { isValidWebsiteUrl as b } from "./index9.js";
 function m(e) {
   return {

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index12.js

@@ -10,7 +10,7 @@ import "react-confetti";
 import { ABOUT_YOU_PANEL_LABELS_EN as u } from "../../ui/dist/index17.js";
 import { formatPhoneNumberInput as i } from "./index14.js";
 import { sanitizeZipCodeInput as m } from "./index15.js";
-import { maskSsn as r, sanitizeSsnDigits as d, formatSsnInput as h } from "./index16.js";
+import { maskSsn as r, sanitizeSsnDigits as d, formatSsnInput as h } from "./index17.js";
 function b(e) {
   return e ? e.toLocaleDateString("en-US", {
     month: "short",

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index13.js

@@ -1,6 +1,6 @@
 import { formatPhoneNumberInput as r } from "./index14.js";
 import { sanitizeZipCodeInput as o } from "./index15.js";
-import { formatSsnInput as l, maskSsn as u, sanitizeSsnDigits as d } from "./index16.js";
+import { formatSsnInput as l, maskSsn as u, sanitizeSsnDigits as d } from "./index17.js";
 import { getMaxBirthDate as h, isAtLeastMinOwnerAge as m } from "./index11.js";
 const C = {
   firstName: "",

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index16.js

@@ -1,16 +1,6 @@
-function e(s) {
-  return s.replace(/\D/g, "").slice(0, 9);
-}
-function t(s) {
-  const n = e(s);
-  return n.length <= 3 ? n : n.length <= 5 ? `${n.slice(0, 3)}-${n.slice(3)}` : `${n.slice(0, 3)}-${n.slice(3, 5)}-${n.slice(5)}`;
-}
-function i(s) {
-  const n = e(s);
-  return n ? `•••-••-${n.slice(-4)}` : "";
+function n(e) {
+  return e.replace(/\D/g, "").slice(0, 9);
 }
 export {
-  t as formatSsnInput,
-  i as maskSsn,
-  e as sanitizeSsnDigits
+  n as sanitizeTaxIdInput
 };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index17.js

@@ -1,6 +1,16 @@
-function n(e) {
-  return e.replace(/\D/g, "").slice(0, 9);
+function e(s) {
+  return s.replace(/\D/g, "").slice(0, 9);
+}
+function t(s) {
+  const n = e(s);
+  return n.length <= 3 ? n : n.length <= 5 ? `${n.slice(0, 3)}-${n.slice(3)}` : `${n.slice(0, 3)}-${n.slice(3, 5)}-${n.slice(5)}`;
+}
+function i(s) {
+  const n = e(s);
+  return n ? `•••-••-${n.slice(-4)}` : "";
 }
 export {
-  n as sanitizeTaxIdInput
+  t as formatSsnInput,
+  i as maskSsn,
+  e as sanitizeSsnDigits
 };

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

@@ -15,12 +15,12 @@ import "react-hot-toast";
 import "../../../monite-sdk/dist/index85.js";
 import "radix-ui";
 import "react-hook-form";
-import "../../../monite-sdk/dist/index154.js";
+import "../../../monite-sdk/dist/index175.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../../../monite-sdk/dist/index303.js";
+import "../../../monite-sdk/dist/index263.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../../../monite-sdk/dist/index90.js";
@@ -32,7 +32,7 @@ import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import "../../../monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../../../monite-sdk/dist/index145.js";
+import "../../../monite-sdk/dist/index168.js";
 import "../../../monite-sdk/dist/index83.js";
 import "../../../monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -42,9 +42,9 @@ import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
 import "@tanstack/react-table";
-import "../../../monite-sdk/dist/index153.js";
+import "../../../monite-sdk/dist/index174.js";
 import "@radix-ui/react-avatar";
-import "../../../monite-sdk/dist/index237.js";
+import "../../../monite-sdk/dist/index221.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@mui/icons-material/Cancel";
@@ -52,15 +52,15 @@ import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
 import "@emotion/react";
 import "../../../monite-sdk/dist/index101.js";
-import "../../../monite-sdk/dist/index466.js";
-import "../../../monite-sdk/dist/index445.js";
-import "../../../monite-sdk/dist/index380.js";
-import "../../../monite-sdk/dist/index293.js";
+import "../../../monite-sdk/dist/index478.js";
+import "../../../monite-sdk/dist/index450.js";
+import "../../../monite-sdk/dist/index424.js";
+import "../../../monite-sdk/dist/index336.js";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../../../monite-sdk/dist/index276.js";
+import "../../../monite-sdk/dist/index273.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -68,18 +68,18 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../../../monite-sdk/dist/index448.js";
-import "../../../monite-sdk/dist/index232.js";
-import "../../../monite-sdk/dist/index234.js";
+import "../../../monite-sdk/dist/index441.js";
+import "../../../monite-sdk/dist/index281.js";
+import "../../../monite-sdk/dist/index283.js";
 import { Payables as k } from "../../../monite-sdk/dist/index15.js";
-import "../../../monite-sdk/dist/index183.js";
+import "../../../monite-sdk/dist/index182.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../../../monite-sdk/dist/index353.js";
+import "../../../monite-sdk/dist/index351.js";
 import "react-day-picker";
-import "../../../monite-sdk/dist/index420.js";
-import "../../../monite-sdk/dist/index423.js";
+import "../../../monite-sdk/dist/index411.js";
+import "../../../monite-sdk/dist/index414.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -88,25 +88,25 @@ import "@mui/icons-material/InsertDriveFileOutlined";
 import "@mui/icons-material/ReplayOutlined";
 import "@mui/icons-material/SendOutlined";
 import "@mui/icons-material/StarHalfOutlined";
-import "../../../monite-sdk/dist/index429.js";
-import "../../../monite-sdk/dist/index431.js";
+import "../../../monite-sdk/dist/index420.js";
+import "../../../monite-sdk/dist/index422.js";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
-import "../../../monite-sdk/dist/index257.js";
-import "../../../monite-sdk/dist/index360.js";
-import "../../../monite-sdk/dist/index435.js";
+import "../../../monite-sdk/dist/index242.js";
+import "../../../monite-sdk/dist/index366.js";
+import "../../../monite-sdk/dist/index436.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../../../monite-sdk/dist/index166.js";
-import "../../../monite-sdk/dist/index310.js";
-import "../../../monite-sdk/dist/index311.js";
+import "../../../monite-sdk/dist/index142.js";
+import "../../../monite-sdk/dist/index313.js";
+import "../../../monite-sdk/dist/index314.js";
 import "../../../monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../../../monite-sdk/dist/index54.js";
 import "@mui/icons-material/Money";
 import "@mui/icons-material/MonetizationOnOutlined";
-import "../../../monite-sdk/dist/index176.js";
+import "../../../monite-sdk/dist/index196.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../../../monite-sdk/dist/index106.js";

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

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import { useEffect as v, useState as S } from "react";
-import { BillPayWidgetUi as T } from "../../ui/dist/index2.js";
+import { jsx as o } from "react/jsx-runtime";
+import { useEffect as v, useState as A } from "react";
+import { BillPayWidgetUi as S } from "../../ui/dist/index2.js";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "lucide-react";
 import "@radix-ui/react-use-controllable-state";
@@ -10,31 +10,31 @@ import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal
 import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../../shared/data-access/dist/lib/rest/client.gen.js";
-import { hasAnyScope as k } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { hasAnyScope as T } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
 import "@tanstack/react-query";
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as A } from "../../../shared/data-access/dist/lib/scopes.js";
+import { Scope as k } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as C } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { WidgetProvider as w } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as P } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { useAnalyticsTrack as w } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { ApprovalPoliciesSettings as B } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
+import { useWidgetConfig as B } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useAnalyticsTrack as C } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { ApprovalPoliciesSettings as P } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
 import { CounterpartsWidget as E } from "../../../counterparts-widget/feature/dist/index2.js";
 import { WIDGET_NAME as L, BillPayWidgetAnalyticsEvent as W } from "./index6.js";
-import { DEFAULT_TABS_LABELS as h } from "./index7.js";
-const o = {
+import { DEFAULT_TABS_LABELS as $ } from "./index7.js";
+const t = {
   Bills: "bills",
   Vendors: "vendors",
   Settings: "settings"
-}, $ = [
-  o.Settings,
-  o.Vendors,
-  o.Bills
+}, h = [
+  t.Settings,
+  t.Vendors,
+  t.Bills
 ];
 function x({ text: i }) {
-  return /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: i });
+  return /* @__PURE__ */ o("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: i });
 }
 function F({
   labels: i,
@@ -43,20 +43,20 @@ function F({
   approvalPolicyComponentLabels: p,
   vendorLabels: c
 }) {
-  const n = w();
+  const n = C();
   v(() => {
     n(W.Mounted);
   }, [n]);
-  const e = { ...h, ...a }, { initResponse: s } = P(), d = k(s?.scopes, [
-    A.ApprovalPolicyWriteOrg
-  ]), f = !s || d, [l, b] = S(o.Settings), r = [
+  const e = { ...$, ...a }, { initResponse: s } = B(), d = T(s?.scopes, [
+    k.ApprovalPolicyWriteOrg
+  ]), f = !s || d, [l, b] = A(t.Settings), r = [
     {
-      id: o.Bills,
+      id: t.Bills,
       label: e.bills,
-      content: /* @__PURE__ */ t(x, { text: e.billsPlaceholder })
+      content: /* @__PURE__ */ o(x, { text: e.billsPlaceholder })
     },
     {
-      id: o.Vendors,
+      id: t.Vendors,
       label: e.vendors,
       // A BillPay vendor is a Monite counterpart, so the published
       // CounterpartsWidget already is this surface end to end (list, details,
@@ -73,30 +73,35 @@ function F({
       // `showTitle={false}`: the Bill Pay Figma's Recipients tab has no heading
       // inside the card, which starts at the search field, and the tab bar
       // already names the surface.
-      content: /* @__PURE__ */ t(
+      //
+      // "View all" on a vendor's recent bills belongs to this shell, not the
+      // widget: the Bills tab is the only real destination for it, and a
+      // standalone CounterpartsWidget has none, so it stays hidden there.
+      content: /* @__PURE__ */ o(
         E,
         {
           ...c,
           counterpartType: "vendor",
-          showTitle: !1
+          showTitle: !1,
+          onViewAllDocuments: () => b(t.Bills)
         }
       )
     }
   ];
   f && r.push({
-    id: o.Settings,
+    id: t.Settings,
     label: e.settings,
-    content: /* @__PURE__ */ t(
-      B,
+    content: /* @__PURE__ */ o(
+      P,
       {
         labels: m,
         componentLabels: p
       }
     )
   });
-  const u = r.some((g) => g.id === l) ? l : $.find((g) => r.some((y) => y.id === g)) ?? r[0]?.id ?? "";
-  return /* @__PURE__ */ t(
-    T,
+  const u = r.some((g) => g.id === l) ? l : h.find((g) => r.some((y) => y.id === g)) ?? r[0]?.id ?? "";
+  return /* @__PURE__ */ o(
+    S,
     {
       labels: i,
       tabs: r,
@@ -118,8 +123,8 @@ function nt({
   analytics: f,
   ...l
 }) {
-  return /* @__PURE__ */ t(
-    C,
+  return /* @__PURE__ */ o(
+    w,
     {
       widgetName: L,
       baseUrl: i,
@@ -132,7 +137,7 @@ function nt({
       errorFallback: s,
       onError: d,
       analytics: f,
-      children: /* @__PURE__ */ t(F, { ...l })
+      children: /* @__PURE__ */ o(F, { ...l })
     }
   );
 }