@tesouro/embedded-components-react 0.2.234 → 0.2.238

package/dist/libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index2.js

@@ -1,102 +1,100 @@
-const e = {
-  customersTitle: "Customers",
-  vendorsTitle: "Vendors",
-  createButton: "Create new",
-  vendorsCreateButton: "Add vendor",
-  columnName: "Name",
-  sortByName: "Sort by name",
-  columnBilledAmount: "Billed amount",
-  columnReceivedAmount: "Received amount",
-  columnAmountDue: "Amount due",
-  columnTotalPaidToDate: "Total paid to date",
-  columnBalanceDue: "Balance due",
-  columnActions: "Actions",
-  openActionsMenu: "Open actions menu",
-  editAction: "Edit",
-  deleteAction: "Delete",
-  // Just "Search", per the Bill Pay Figma, not "Search by name".
-  searchPlaceholder: "Search",
-  entityFilterAll: "All types",
-  entityFilterOrganization: "Companies",
-  entityFilterIndividual: "Individuals",
-  customersEmptyTitle: "No customers yet",
-  customersEmptyDescription: "You don't have any customers yet.",
-  customersEmptyAction: "Create new",
-  vendorsEmptyTitle: "Build your vendors list.",
-  vendorsEmptyDescription: "Save the people and businesses you pay so you can send payments when bills come in.",
-  vendorsEmptyAction: "Add your first vendor",
-  customersFilterEmptyTitle: "No customers found",
-  vendorsFilterEmptyTitle: "No vendors found",
-  filterEmptyDescription: "Try adjusting your search or filter criteria.",
-  errorTitle: "Failed to load",
-  errorDescription: "Something went wrong while fetching this list. Please try again.",
-  errorRetry: "Try again",
-  accessRestrictedTitle: "Access restricted",
-  accessRestrictedDescription: "You don't have permission to view counterparts."
+//#region ../../libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index2.js
+var e = {
+	customersTitle: "Customers",
+	vendorsTitle: "Vendors",
+	createButton: "Create new",
+	vendorsCreateButton: "Add vendor",
+	columnName: "Name",
+	sortByName: "Sort by name",
+	columnBilledAmount: "Billed amount",
+	columnReceivedAmount: "Received amount",
+	columnAmountDue: "Amount due",
+	columnTotalPaidToDate: "Total paid to date",
+	columnBalanceDue: "Balance due",
+	columnActions: "Actions",
+	openActionsMenu: "Open actions menu",
+	editAction: "Edit",
+	deleteAction: "Delete",
+	searchPlaceholder: "Search",
+	entityFilterAll: "All types",
+	entityFilterOrganization: "Companies",
+	entityFilterIndividual: "Individuals",
+	customersEmptyTitle: "No customers yet",
+	customersEmptyDescription: "You don't have any customers yet.",
+	customersEmptyAction: "Create new",
+	vendorsEmptyTitle: "Build your vendors list.",
+	vendorsEmptyDescription: "Save the people and businesses you pay so you can send payments when bills come in.",
+	vendorsEmptyAction: "Add your first vendor",
+	customersFilterEmptyTitle: "No customers found",
+	vendorsFilterEmptyTitle: "No vendors found",
+	filterEmptyDescription: "Try adjusting your search or filter criteria.",
+	errorTitle: "Failed to load",
+	errorDescription: "Something went wrong while fetching this list. Please try again.",
+	errorRetry: "Try again",
+	accessRestrictedTitle: "Access restricted",
+	accessRestrictedDescription: "You don't have permission to view counterparts."
 }, t = {
-  hiddenDescription: "Counterpart details",
-  loadingTitle: "Loading...",
-  errorTitle: "Counterpart not found",
-  errorDescription: "We could not load this counterpart. Please try again.",
-  openActionsMenu: "Open actions menu",
-  closeAction: "Close",
-  deleteCustomerAction: "Delete customer",
-  deleteVendorAction: "Delete vendor",
-  summaryAmountDue: "Amount due",
-  summaryBalanceDue: "Balance due",
-  summaryBilled: "Billed",
-  summaryReceived: "Received",
-  summaryPaid: "Paid",
-  summaryRejected: "Rejected",
-  overdueTag: "Overdue",
-  sendPaymentAction: "Send a payment",
-  issueInvoiceAction: "Issue an invoice",
-  recentCustomerDocumentsHeading: "Recent invoices",
-  recentVendorDocumentsHeading: "Recent bills",
-  recentCustomerDocumentsDescription: "Latest activity",
-  recentVendorDocumentsDescription: "Sorted by issue date",
-  viewAllDocumentsAction: "View all",
-  subtitleTemplate: "{type} - Added {date}",
-  customerSubtitleLabel: "Customer",
-  vendorSubtitleLabel: "Vendor",
-  entityTypePersonLabel: "Person",
-  entityTypeBusinessLabel: "Business",
-  remindersEnabledLabel: "Enabled",
-  remindersDisabledLabel: "Disabled",
-  paymentMethodTitle: "ACH bank transfer",
-  customerDetailsHeading: "Customer details",
-  vendorDetailsHeading: "Vendor details",
-  customerDetailsDescription: "Who are you billing?",
-  vendorDetailsDescription: "Who are you paying?",
-  rowType: "Type",
-  rowName: "Name",
-  rowEmail: "Email",
-  rowPaymentReminders: "Payment reminders",
-  rowPhone: "Phone",
-  rowTaxIdSsn: "Tax ID / SSN",
-  rowTaxIdEin: "Tax ID / EIN",
-  showTaxId: "Show",
-  hideTaxId: "Hide",
-  customerTaxIdHelp: "Required only if you'll issue a 1099 IRS form at year-end.",
-  vendorTaxIdHelp: "Required only if you'll file a 1099 IRS form for this vendor at year-end.",
-  addressHeading: "Address",
-  customerAddressDescription: "Where invoices are sent.",
-  addAddressAction: "Add address",
-  editAddressAction: "Edit address",
-  noAddress: "No address on file.",
-  paymentMethodsHeading: "Accepted payment methods",
-  paymentMethodsDescription: "ACH bank transfer details for this vendor.",
-  addPaymentMethodAction: "Add payment method",
-  editPaymentMethodAction: "Edit payment method",
-  deletePaymentMethodAction: "Delete payment method",
-  incompletePaymentMethod: "Incomplete",
-  accountHolderLabel: "Account holder",
-  accountNumberLabel: "Account number",
-  routingNumberLabel: "Routing number",
-  noPaymentMethods: "No payment methods yet.",
-  editButton: "Edit"
-};
-export {
-  e as COUNTERPARTS_SCREEN_LABELS_EN,
-  t as COUNTERPART_DETAILS_SHEET_LABELS_EN
+	hiddenDescription: "Counterpart details",
+	loadingTitle: "Loading...",
+	errorTitle: "Counterpart not found",
+	errorDescription: "We could not load this counterpart. Please try again.",
+	openActionsMenu: "Open actions menu",
+	closeAction: "Close",
+	deleteCustomerAction: "Delete customer",
+	deleteVendorAction: "Delete vendor",
+	summaryAmountDue: "Amount due",
+	summaryBalanceDue: "Balance due",
+	summaryBilled: "Billed",
+	summaryReceived: "Received",
+	summaryPaid: "Paid",
+	summaryRejected: "Rejected",
+	overdueTag: "Overdue",
+	sendPaymentAction: "Send a payment",
+	issueInvoiceAction: "Issue an invoice",
+	recentCustomerDocumentsHeading: "Recent invoices",
+	recentVendorDocumentsHeading: "Recent bills",
+	recentCustomerDocumentsDescription: "Latest activity",
+	recentVendorDocumentsDescription: "Sorted by issue date",
+	viewAllDocumentsAction: "View all",
+	subtitleTemplate: "{type} - Added {date}",
+	customerSubtitleLabel: "Customer",
+	vendorSubtitleLabel: "Vendor",
+	entityTypePersonLabel: "Person",
+	entityTypeBusinessLabel: "Business",
+	remindersEnabledLabel: "Enabled",
+	remindersDisabledLabel: "Disabled",
+	paymentMethodTitle: "ACH bank transfer",
+	customerDetailsHeading: "Customer details",
+	vendorDetailsHeading: "Vendor details",
+	customerDetailsDescription: "Who are you billing?",
+	vendorDetailsDescription: "Who are you paying?",
+	rowType: "Type",
+	rowName: "Name",
+	rowEmail: "Email",
+	rowPaymentReminders: "Payment reminders",
+	rowPhone: "Phone",
+	rowTaxIdSsn: "Tax ID / SSN",
+	rowTaxIdEin: "Tax ID / EIN",
+	showTaxId: "Show",
+	hideTaxId: "Hide",
+	customerTaxIdHelp: "Required only if you'll issue a 1099 IRS form at year-end.",
+	vendorTaxIdHelp: "Required only if you'll file a 1099 IRS form for this vendor at year-end.",
+	addressHeading: "Address",
+	customerAddressDescription: "Where invoices are sent.",
+	addAddressAction: "Add address",
+	editAddressAction: "Edit address",
+	noAddress: "No address on file.",
+	paymentMethodsHeading: "Accepted payment methods",
+	paymentMethodsDescription: "ACH bank transfer details for this vendor.",
+	addPaymentMethodAction: "Add payment method",
+	editPaymentMethodAction: "Edit payment method",
+	deletePaymentMethodAction: "Delete payment method",
+	incompletePaymentMethod: "Incomplete",
+	accountHolderLabel: "Account holder",
+	accountNumberLabel: "Account number",
+	routingNumberLabel: "Routing number",
+	noPaymentMethods: "No payment methods yet.",
+	editButton: "Edit"
 };
+//#endregion
+export { e as COUNTERPARTS_SCREEN_LABELS_EN, t as COUNTERPART_DETAILS_SHEET_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index3.js

@@ -1,219 +1,189 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { ArrowUpIcon as W, ArrowDownIcon as X, ArrowUpDownIcon as Y, SearchIcon as $ } from "lucide-react";
-import { Typography as ee, DataTable as te, Button as A, Input as ae, Select as ie, SelectTrigger as ne, SelectValue as re, SelectContent as oe, SelectItem as w, Skeleton as le } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "@radix-ui/react-use-controllable-state";
-import "react";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { EmptyState as se } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as L } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { COUNTERPARTS_SCREEN_LABELS_EN as ce } from "./index2.js";
-const de = "all", me = [10, 25, 50, 100];
-function ue({
-  labels: n,
-  searchValue: o,
-  onSearchChange: l,
-  entityFilter: m,
-  onEntityFilterChange: u,
-  disabled: s,
-  createAction: c
-}) {
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:relative ttw:w-80", children: [
-      /* @__PURE__ */ e($, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }),
-      /* @__PURE__ */ e(
-        ae,
-        {
-          className: "ttw:pl-9",
-          placeholder: n.searchPlaceholder,
-          value: o,
-          disabled: s,
-          onChange: (g) => l(g.target.value)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r(
-      ie,
-      {
-        value: m,
-        onValueChange: u,
-        disabled: s,
-        children: [
-          /* @__PURE__ */ e(ne, { className: "ttw:w-44", children: /* @__PURE__ */ e(re, {}) }),
-          /* @__PURE__ */ r(oe, { children: [
-            /* @__PURE__ */ e(w, { value: de, children: n.entityFilterAll }),
-            /* @__PURE__ */ e(w, { value: "individual", children: n.entityFilterIndividual }),
-            /* @__PURE__ */ e(w, { value: "organization", children: n.entityFilterOrganization })
-          ] })
-        ]
-      }
-    ),
-    c && /* @__PURE__ */ e("div", { className: "ttw:ml-auto", children: c })
-  ] });
+import { Button as e, DataTable as t, Input as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s, Skeleton as c, Typography as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as u } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as d } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { COUNTERPARTS_SCREEN_LABELS_EN as f } from "./index2.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ArrowDownIcon as h, ArrowUpDownIcon as g, ArrowUpIcon as _, SearchIcon as v } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index3.js
+var y = "all", b = [
+	10,
+	25,
+	50,
+	100
+];
+function x({ labels: e, searchValue: t, onSearchChange: c, entityFilter: l, onEntityFilterChange: u, disabled: d, createAction: f }) {
+	return /* @__PURE__ */ m("div", {
+		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "ttw:relative ttw:w-80",
+				children: [/* @__PURE__ */ p(v, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ p(n, {
+					className: "ttw:pl-9",
+					placeholder: e.searchPlaceholder,
+					value: t,
+					disabled: d,
+					onChange: (e) => c(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ m(r, {
+				value: l,
+				onValueChange: u,
+				disabled: d,
+				children: [/* @__PURE__ */ p(o, {
+					className: "ttw:w-44",
+					children: /* @__PURE__ */ p(s, {})
+				}), /* @__PURE__ */ m(i, { children: [
+					/* @__PURE__ */ p(a, {
+						value: y,
+						children: e.entityFilterAll
+					}),
+					/* @__PURE__ */ p(a, {
+						value: "individual",
+						children: e.entityFilterIndividual
+					}),
+					/* @__PURE__ */ p(a, {
+						value: "organization",
+						children: e.entityFilterOrganization
+					})
+				] })]
+			}),
+			f && /* @__PURE__ */ p("div", {
+				className: "ttw:ml-auto",
+				children: f
+			})
+		]
+	});
 }
-function p({
-  value: n,
-  isLoading: o,
-  colorClass: l
-}) {
-  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-end", children: o ? /* @__PURE__ */ e(le, { className: "ttw:h-4 ttw:w-20" }) : /* @__PURE__ */ e("span", { className: l, children: n }) });
+function S({ value: e, isLoading: t, colorClass: n }) {
+	return /* @__PURE__ */ p("div", {
+		className: "ttw:flex ttw:justify-end",
+		children: t ? /* @__PURE__ */ p(c, { className: "ttw:h-4 ttw:w-20" }) : /* @__PURE__ */ p("span", {
+			className: n,
+			children: e
+		})
+	});
 }
-function xe({
-  mode: n,
-  counterparts: o,
-  isLoading: l,
-  isError: m,
-  sorting: u,
-  onSortingChange: s,
-  pageSize: c,
-  onPageSizeChange: g,
-  pageSizeOptions: P = me,
-  hasNextPage: E,
-  hasPrevPage: T,
-  onNextPage: O,
-  onPrevPage: R,
-  searchValue: v,
-  onSearchChange: z,
-  entityFilter: D,
-  onEntityFilterChange: F,
-  isFiltering: d,
-  canCreate: I = !0,
-  showTitle: y = !0,
-  isAccessRestricted: N,
-  onCreateClick: C,
-  onRowClick: B,
-  onRetry: f,
-  labels: k,
-  emptyStateTestId: V,
-  accessRestrictedTestId: j
-}) {
-  const t = { ...ce, ...k }, i = n === "customer", K = i ? t.customersTitle : t.vendorsTitle, U = i ? t.columnReceivedAmount : t.columnTotalPaidToDate, _ = i ? t.columnAmountDue : t.columnBalanceDue, M = [
-    {
-      accessorKey: "name",
-      header: ({ column: a }) => {
-        const h = a.getIsSorted();
-        return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
-          t.columnName,
-          /* @__PURE__ */ e(
-            A,
-            {
-              variant: "ghost",
-              size: "icon-sm",
-              "aria-label": t.sortByName,
-              onClick: () => a.toggleSorting(h === "asc"),
-              children: h === "asc" ? /* @__PURE__ */ e(W, { className: "ttw:size-4" }) : h === "desc" ? /* @__PURE__ */ e(X, { className: "ttw:size-4" }) : /* @__PURE__ */ e(Y, { className: "ttw:size-4" })
-            }
-          )
-        ] });
-      },
-      cell: ({ row: a }) => /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-        /* @__PURE__ */ e("span", { className: "ttw:font-medium", children: a.original.name }),
-        a.original.locationLabel && /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.original.locationLabel })
-      ] })
-    },
-    // Customer-only. The Bill Pay Figma's Recipients table is Name, Last paid,
-    // Total paid to date, Balance due, so vendor mode shows neither a billed
-    // nor a rejected column. Billed is still fetched: "total paid to date" is
-    // derived from it (billed - balance due) in useCounterpartsTable.
-    ...i ? [
-      {
-        accessorKey: "billedAmountLabel",
-        header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: t.columnBilledAmount }),
-        cell: ({ row: a }) => /* @__PURE__ */ e(
-          p,
-          {
-            value: a.original.billedAmountLabel,
-            isLoading: a.original.isBilledAmountLoading
-          }
-        )
-      }
-    ] : [],
-    {
-      accessorKey: "receivedOrPaidAmountLabel",
-      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: U }),
-      cell: ({ row: a }) => /* @__PURE__ */ e(
-        p,
-        {
-          value: a.original.receivedOrPaidAmountLabel,
-          isLoading: a.original.isReceivedOrPaidAmountLoading,
-          colorClass: a.original.isReceivedOrPaidPositive ? "ttw:text-green-700" : void 0
-        }
-      )
-    },
-    {
-      accessorKey: "dueOrOwedAmountLabel",
-      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: _ }),
-      cell: ({ row: a }) => /* @__PURE__ */ e(
-        p,
-        {
-          value: a.original.dueOrOwedAmountLabel,
-          isLoading: a.original.isDueOrOwedAmountLoading
-        }
-      )
-    }
-  ], q = i ? t.customersEmptyTitle : t.vendorsEmptyTitle, G = i ? t.customersEmptyDescription : t.vendorsEmptyDescription, H = i ? t.customersEmptyAction : t.vendorsEmptyAction, J = i ? t.customersFilterEmptyTitle : t.vendorsFilterEmptyTitle, Q = !d && !v && !o.length && !l, S = !!(I && !N), x = !!(!d && S), Z = i ? t.createButton : t.vendorsCreateButton, b = S ? /* @__PURE__ */ e(A, { onClick: C, children: Z }) : void 0;
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-    y && /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
-      /* @__PURE__ */ e(ee, { component: "h2", variant: "h6", className: "ttw:font-semibold", children: K }),
-      b
-    ] }),
-    N ? /* @__PURE__ */ e(
-      L,
-      {
-        testId: j,
-        title: t.accessRestrictedTitle,
-        description: t.accessRestrictedDescription
-      }
-    ) : m ? /* @__PURE__ */ e(
-      L,
-      {
-        title: t.errorTitle,
-        description: t.errorDescription,
-        retryLabel: f ? t.errorRetry : void 0,
-        onRetry: f
-      }
-    ) : /* @__PURE__ */ e(
-      te,
-      {
-        columns: M,
-        data: o,
-        isLoading: l,
-        sorting: u,
-        onSortingChange: s,
-        pageSize: c,
-        onPageSizeChange: g,
-        pageSizeOptions: P,
-        hasNextPage: E,
-        hasPrevPage: T,
-        onNextPage: O,
-        onPrevPage: R,
-        onRowClick: B,
-        filterComponent: /* @__PURE__ */ e(
-          ue,
-          {
-            labels: t,
-            searchValue: v,
-            onSearchChange: z,
-            entityFilter: D,
-            onEntityFilterChange: F,
-            disabled: Q,
-            createAction: y ? void 0 : b
-          }
-        ),
-        children: /* @__PURE__ */ e(
-          se,
-          {
-            testId: V,
-            title: d ? J : q,
-            description: d ? t.filterEmptyDescription : G,
-            actionLabel: x ? H : void 0,
-            onAction: x ? C : void 0
-          }
-        )
-      }
-    )
-  ] });
+function C({ mode: n, counterparts: r, isLoading: i, isError: a, sorting: o, onSortingChange: s, pageSize: c, onPageSizeChange: v, pageSizeOptions: y = b, hasNextPage: C, hasPrevPage: w, onNextPage: T, onPrevPage: E, searchValue: D, onSearchChange: O, entityFilter: k, onEntityFilterChange: ee, isFiltering: A, canCreate: j = !0, showTitle: M = !0, isAccessRestricted: N, onCreateClick: P, onRowClick: F, onRetry: I, labels: L, emptyStateTestId: R, accessRestrictedTestId: z }) {
+	let B = {
+		...f,
+		...L
+	}, V = n === "customer", H = V ? B.customersTitle : B.vendorsTitle, U = V ? B.columnReceivedAmount : B.columnTotalPaidToDate, W = V ? B.columnAmountDue : B.columnBalanceDue, G = [
+		{
+			accessorKey: "name",
+			header: ({ column: t }) => {
+				let n = t.getIsSorted();
+				return /* @__PURE__ */ m("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [B.columnName, /* @__PURE__ */ p(e, {
+						variant: "ghost",
+						size: "icon-sm",
+						"aria-label": B.sortByName,
+						onClick: () => t.toggleSorting(n === "asc"),
+						children: p(n === "asc" ? _ : n === "desc" ? h : g, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => /* @__PURE__ */ m("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1",
+				children: [/* @__PURE__ */ p("span", {
+					className: "ttw:font-medium",
+					children: e.original.name
+				}), e.original.locationLabel && /* @__PURE__ */ p("span", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: e.original.locationLabel
+				})]
+			})
+		},
+		...V ? [{
+			accessorKey: "billedAmountLabel",
+			header: () => /* @__PURE__ */ p("div", {
+				className: "ttw:text-right",
+				children: B.columnBilledAmount
+			}),
+			cell: ({ row: e }) => /* @__PURE__ */ p(S, {
+				value: e.original.billedAmountLabel,
+				isLoading: e.original.isBilledAmountLoading
+			})
+		}] : [],
+		{
+			accessorKey: "receivedOrPaidAmountLabel",
+			header: () => /* @__PURE__ */ p("div", {
+				className: "ttw:text-right",
+				children: U
+			}),
+			cell: ({ row: e }) => /* @__PURE__ */ p(S, {
+				value: e.original.receivedOrPaidAmountLabel,
+				isLoading: e.original.isReceivedOrPaidAmountLoading,
+				colorClass: e.original.isReceivedOrPaidPositive ? "ttw:text-green-700" : void 0
+			})
+		},
+		{
+			accessorKey: "dueOrOwedAmountLabel",
+			header: () => /* @__PURE__ */ p("div", {
+				className: "ttw:text-right",
+				children: W
+			}),
+			cell: ({ row: e }) => /* @__PURE__ */ p(S, {
+				value: e.original.dueOrOwedAmountLabel,
+				isLoading: e.original.isDueOrOwedAmountLoading
+			})
+		}
+	], K = V ? B.customersEmptyTitle : B.vendorsEmptyTitle, q = V ? B.customersEmptyDescription : B.vendorsEmptyDescription, J = V ? B.customersEmptyAction : B.vendorsEmptyAction, Y = V ? B.customersFilterEmptyTitle : B.vendorsFilterEmptyTitle, X = !A && !D && !r.length && !i, Z = !!(j && !N), Q = !!(!A && Z), te = V ? B.createButton : B.vendorsCreateButton, $ = Z ? /* @__PURE__ */ p(e, {
+		onClick: P,
+		children: te
+	}) : void 0;
+	return /* @__PURE__ */ m("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		children: [M && /* @__PURE__ */ m("div", {
+			className: "ttw:flex ttw:items-center ttw:justify-between",
+			children: [/* @__PURE__ */ p(l, {
+				component: "h2",
+				variant: "h6",
+				className: "ttw:font-semibold",
+				children: H
+			}), $]
+		}), N ? /* @__PURE__ */ p(d, {
+			testId: z,
+			title: B.accessRestrictedTitle,
+			description: B.accessRestrictedDescription
+		}) : a ? /* @__PURE__ */ p(d, {
+			title: B.errorTitle,
+			description: B.errorDescription,
+			retryLabel: I ? B.errorRetry : void 0,
+			onRetry: I
+		}) : /* @__PURE__ */ p(t, {
+			columns: G,
+			data: r,
+			isLoading: i,
+			sorting: o,
+			onSortingChange: s,
+			pageSize: c,
+			onPageSizeChange: v,
+			pageSizeOptions: y,
+			hasNextPage: C,
+			hasPrevPage: w,
+			onNextPage: T,
+			onPrevPage: E,
+			onRowClick: F,
+			filterComponent: /* @__PURE__ */ p(x, {
+				labels: B,
+				searchValue: D,
+				onSearchChange: O,
+				entityFilter: k,
+				onEntityFilterChange: ee,
+				disabled: X,
+				createAction: M ? void 0 : $
+			}),
+			children: /* @__PURE__ */ p(u, {
+				testId: R,
+				title: A ? Y : K,
+				description: A ? B.filterEmptyDescription : q,
+				actionLabel: Q ? J : void 0,
+				onAction: Q ? P : void 0
+			})
+		})]
+	});
 }
-export {
-  xe as CounterpartsScreen
-};
+//#endregion
+export { C as CounterpartsScreen, C as default };