@tesouro/embedded-components-react 0.2.175 → 0.2.177

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

@@ -20,7 +20,7 @@ import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../../../monite-sdk/dist/index321.js";
+import "../../../monite-sdk/dist/index326.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/index150.js";
+import "../../../monite-sdk/dist/index151.js";
 import "../../../monite-sdk/dist/index83.js";
 import "../../../monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -44,7 +44,7 @@ import "@mui/material/Tooltip";
 import "@tanstack/react-table";
 import "../../../monite-sdk/dist/index158.js";
 import "@radix-ui/react-avatar";
-import "../../../monite-sdk/dist/index250.js";
+import "../../../monite-sdk/dist/index233.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/index461.js";
-import "../../../monite-sdk/dist/index471.js";
-import "../../../monite-sdk/dist/index399.js";
-import "../../../monite-sdk/dist/index300.js";
+import "../../../monite-sdk/dist/index450.js";
+import "../../../monite-sdk/dist/index451.js";
+import "../../../monite-sdk/dist/index377.js";
+import "../../../monite-sdk/dist/index280.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/index293.js";
+import "../../../monite-sdk/dist/index217.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/index463.js";
-import "../../../monite-sdk/dist/index287.js";
-import "../../../monite-sdk/dist/index289.js";
+import "../../../monite-sdk/dist/index475.js";
+import "../../../monite-sdk/dist/index322.js";
+import "../../../monite-sdk/dist/index324.js";
 import { Payables as k } from "../../../monite-sdk/dist/index15.js";
-import "../../../monite-sdk/dist/index182.js";
+import "../../../monite-sdk/dist/index175.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../../../monite-sdk/dist/index360.js";
+import "../../../monite-sdk/dist/index371.js";
 import "react-day-picker";
-import "../../../monite-sdk/dist/index381.js";
-import "../../../monite-sdk/dist/index384.js";
+import "../../../monite-sdk/dist/index412.js";
+import "../../../monite-sdk/dist/index415.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/index395.js";
-import "../../../monite-sdk/dist/index397.js";
+import "../../../monite-sdk/dist/index421.js";
+import "../../../monite-sdk/dist/index423.js";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
-import "../../../monite-sdk/dist/index269.js";
-import "../../../monite-sdk/dist/index365.js";
-import "../../../monite-sdk/dist/index437.js";
+import "../../../monite-sdk/dist/index253.js";
+import "../../../monite-sdk/dist/index359.js";
+import "../../../monite-sdk/dist/index433.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../../../monite-sdk/dist/index171.js";
-import "../../../monite-sdk/dist/index307.js";
-import "../../../monite-sdk/dist/index308.js";
+import "../../../monite-sdk/dist/index192.js";
+import "../../../monite-sdk/dist/index314.js";
+import "../../../monite-sdk/dist/index315.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/index196.js";
+import "../../../monite-sdk/dist/index166.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../../../monite-sdk/dist/index106.js";

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

@@ -15,17 +15,17 @@ import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import { WidgetProvider as w } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useAnalyticsTrack as V } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WIDGET_NAME as T, CounterpartsWidgetAnalyticsEvent as z } from "./index3.js";
-import { CounterpartFormSheet as I } from "../../../shared/counterpart-management/ui/dist/index6.js";
-import { BankAccountFormSheet as x } from "../../../shared/counterpart-management/ui/dist/index8.js";
-import { AddressFormSheet as B } from "../../../shared/counterpart-management/ui/dist/index10.js";
-import { ConfirmDeleteDialog as N } from "../../../shared/counterpart-management/ui/dist/index11.js";
-import { CounterpartsScreen as R } from "../../ui/dist/index3.js";
+import { useAnalyticsTrack as T } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WIDGET_NAME as V, CounterpartsWidgetAnalyticsEvent as I } from "./index3.js";
+import { CounterpartFormSheet as z } from "../../../shared/counterpart-management/ui/dist/index6.js";
+import { BankAccountFormSheet as R } from "../../../shared/counterpart-management/ui/dist/index8.js";
+import { AddressFormSheet as x } from "../../../shared/counterpart-management/ui/dist/index10.js";
+import { ConfirmDeleteDialog as B } from "../../../shared/counterpart-management/ui/dist/index11.js";
+import { CounterpartsScreen as N } from "../../ui/dist/index3.js";
 import { CounterpartDetailsSheet as W } from "../../ui/dist/index4.js";
 import { PAGE_SIZE_OPTIONS as _ } from "./index4.js";
 import { useCounterpartsWidget as M } from "./index5.js";
-function q({
+function j({
   counterpartType: l,
   pageSizeOptions: C = _,
   screenLabels: b,
@@ -36,9 +36,9 @@ function q({
   deleteLabels: k,
   messageLabels: S
 }) {
-  const g = V();
+  const g = T();
   L(() => {
-    g(z.Mounted);
+    g(I.Mounted);
   }, [g]);
   const {
     stateOptions: m,
@@ -46,19 +46,19 @@ function q({
     view: u,
     table: r,
     details: P,
-    detailsSheetView: y,
+    detailsSheetView: v,
     permissions: c,
     isPermissionLoading: E,
-    form: o,
-    bank: t,
+    form: t,
+    bank: n,
     address: s,
     del: a,
     handleRowClick: D,
-    closeDetails: v
+    closeDetails: y
   } = M({ counterpartType: l, detailsLabels: p, messageLabels: S });
   return /* @__PURE__ */ F(O, { children: [
     /* @__PURE__ */ i(
-      R,
+      N,
       {
         mode: l,
         counterparts: r.rows,
@@ -80,38 +80,40 @@ function q({
         isFiltering: r.isFiltering,
         canCreate: c.canCreate,
         isAccessRestricted: !E && !c.canRead,
-        onCreateClick: c.canCreate ? o.openCreate : () => {
+        onCreateClick: c.canCreate ? t.openCreate : () => {
         },
         onRowClick: D,
         onRetry: r.onRetry,
-        labels: b
+        labels: b,
+        emptyStateTestId: "counterparts-widget-empty-state",
+        accessRestrictedTestId: "counterparts-widget-access-restricted"
       }
     ),
     /* @__PURE__ */ i(
-      I,
+      z,
       {
         open: u === "create",
         onOpenChange: (e) => {
-          e || o.close();
+          e || t.close();
         },
         mode: "create",
         counterpartMode: l,
-        values: o.values,
-        errors: o.errors,
+        values: t.values,
+        errors: t.errors,
         stateOptions: m,
-        inProgress: o.isSubmitting,
-        submitDisabled: o.isSubmitDisabled,
-        onChange: (e) => o.setValues((n) => ({ ...n, ...e })),
-        onAddressChange: (e) => o.setValues((n) => ({
-          ...n,
-          address: { ...n.address, ...e }
+        inProgress: t.isSubmitting,
+        submitDisabled: t.isSubmitDisabled,
+        onChange: (e) => t.setValues((o) => ({ ...o, ...e })),
+        onAddressChange: (e) => t.setValues((o) => ({
+          ...o,
+          address: { ...o.address, ...e }
         })),
-        onBankAccountChange: (e) => o.setValues((n) => ({
-          ...n,
-          bankAccount: { ...n.bankAccount, ...e }
+        onBankAccountChange: (e) => t.setValues((o) => ({
+          ...o,
+          bankAccount: { ...o.bankAccount, ...e }
         })),
-        onSubmit: o.submit,
-        onCancel: o.close,
+        onSubmit: t.submit,
+        onCancel: t.close,
         labels: d
       }
     ),
@@ -120,69 +122,69 @@ function q({
       {
         open: A !== void 0 && (u === "none" || u === "edit"),
         onOpenChange: (e) => {
-          e || v();
+          e || y();
         },
         privacyResetKey: A,
         mode: l,
-        counterpart: y,
+        counterpart: v,
         isLoading: P.isLoading,
         isError: P.isError,
         canEdit: c.canUpdate,
         canDelete: c.canDelete,
-        onEdit: o.openEdit,
+        onEdit: t.openEdit,
         onDelete: a.requestDeleteCounterpart,
-        onClose: v,
+        onClose: y,
         onAddAddress: s.openCreate,
         onEditAddress: s.openEdit,
-        onAddBankAccount: t.form.openCreate,
-        onEditBankAccount: t.form.openEdit,
+        onAddBankAccount: n.form.openCreate,
+        onEditBankAccount: n.form.openEdit,
         onDeleteBankAccount: (e) => a.requestDelete({
           kind: "bankAccount",
           id: e,
-          name: P.bankItems.find((n) => n.id === e)?.primary ?? ""
+          name: P.bankItems.find((o) => o.id === e)?.primary ?? ""
         }),
         editForm: u === "edit" ? {
-          values: o.values,
-          errors: o.errors,
+          values: t.values,
+          errors: t.errors,
           stateOptions: m,
-          inProgress: o.isSubmitting,
-          submitDisabled: o.isSubmitDisabled,
-          onChange: (e) => o.setValues((n) => ({ ...n, ...e })),
-          onAddressChange: (e) => o.setValues((n) => ({
-            ...n,
-            address: { ...n.address, ...e }
+          inProgress: t.isSubmitting,
+          submitDisabled: t.isSubmitDisabled,
+          onChange: (e) => t.setValues((o) => ({ ...o, ...e })),
+          onAddressChange: (e) => t.setValues((o) => ({
+            ...o,
+            address: { ...o.address, ...e }
           })),
-          onBankAccountChange: (e) => o.setValues((n) => ({
-            ...n,
-            bankAccount: { ...n.bankAccount, ...e }
+          onBankAccountChange: (e) => t.setValues((o) => ({
+            ...o,
+            bankAccount: { ...o.bankAccount, ...e }
           })),
-          onSubmit: o.submit,
-          onCancel: o.close,
+          onSubmit: t.submit,
+          onCancel: t.close,
           labels: d
         } : void 0,
         labels: p
       }
     ),
     /* @__PURE__ */ i(
-      x,
+      R,
       {
-        open: t.form.sheet.open,
+        open: n.form.sheet.open,
         onOpenChange: (e) => {
-          e || t.form.close();
+          e || n.form.close();
         },
-        mode: t.form.sheet.mode,
-        values: t.form.values,
-        errors: t.form.errors,
-        currencyOptions: t.currencyOptions,
-        inProgress: t.inProgress,
-        onChange: (e) => t.form.setValues((n) => ({ ...n, ...e })),
-        onSubmit: t.form.submit,
-        onCancel: t.form.close,
+        mode: n.form.sheet.mode,
+        values: n.form.values,
+        errors: n.form.errors,
+        currencyOptions: n.currencyOptions,
+        inProgress: n.inProgress,
+        onChange: (e) => n.form.setValues((o) => ({ ...o, ...e })),
+        onSubmit: n.form.submit,
+        onCancel: n.form.close,
         labels: h
       }
     ),
     /* @__PURE__ */ i(
-      B,
+      x,
       {
         open: s.open,
         onOpenChange: (e) => {
@@ -193,14 +195,14 @@ function q({
         stateOptions: m,
         inProgress: s.isPending,
         formError: s.formError,
-        onChange: (e) => s.setValues((n) => ({ ...n, ...e })),
+        onChange: (e) => s.setValues((o) => ({ ...o, ...e })),
         onSubmit: s.submit,
         onCancel: s.close,
         labels: f
       }
     ),
     /* @__PURE__ */ i(
-      N,
+      B,
       {
         open: a.target !== null,
         onOpenChange: (e) => {
@@ -232,7 +234,7 @@ function Ce({
   return /* @__PURE__ */ i(
     w,
     {
-      widgetName: T,
+      widgetName: V,
       baseUrl: l,
       widgetToken: C,
       organizationId: b,
@@ -244,7 +246,7 @@ function Ce({
       onError: S,
       analytics: g,
       children: /* @__PURE__ */ i(
-        q,
+        j,
         {
           ...m
         },

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

@@ -1,48 +1,48 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { ArrowUpIcon as q, ArrowDownIcon as J, ArrowUpDownIcon as M, SearchIcon as Q } from "lucide-react";
-import { Typography as W, Button as b, DataTable as X, Input as Y, Select as Z, SelectTrigger as $, SelectValue as ee, SelectContent as te, SelectItem as h, Skeleton as ae } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { ArrowUpIcon as Z, ArrowDownIcon as J, ArrowUpDownIcon as M, SearchIcon as Q } from "lucide-react";
+import { Typography as W, Button as S, DataTable as X, Input as Y, Select as ee, SelectTrigger as te, SelectValue as ae, SelectContent as ie, SelectItem as w, Skeleton as ne } 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 ie } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as C } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { EmptyState as re } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as b } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { COUNTERPARTS_SCREEN_LABELS_EN as ne } from "./index2.js";
-const oe = "all", re = [10, 25, 50, 100];
-function le({
+import { COUNTERPARTS_SCREEN_LABELS_EN as oe } from "./index2.js";
+const le = "all", se = [10, 25, 50, 100];
+function ce({
   labels: i,
-  searchValue: r,
+  searchValue: o,
   onSearchChange: l,
   entityFilter: m,
   onEntityFilterChange: g,
   disabled: s
 }) {
-  return /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4", children: [
-    /* @__PURE__ */ o("div", { className: "ttw:relative ttw:w-80", children: [
+  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(Q, { 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(
         Y,
         {
           className: "ttw:pl-9",
           placeholder: i.searchPlaceholder,
-          value: r,
+          value: o,
           disabled: s,
           onChange: (u) => l(u.target.value)
         }
       )
     ] }),
-    /* @__PURE__ */ o(
-      Z,
+    /* @__PURE__ */ r(
+      ee,
       {
         value: m,
         onValueChange: g,
         disabled: s,
         children: [
-          /* @__PURE__ */ e($, { className: "ttw:w-44", children: /* @__PURE__ */ e(ee, {}) }),
-          /* @__PURE__ */ o(te, { children: [
-            /* @__PURE__ */ e(h, { value: oe, children: i.entityFilterAll }),
-            /* @__PURE__ */ e(h, { value: "individual", children: i.entityFilterIndividual }),
-            /* @__PURE__ */ e(h, { value: "organization", children: i.entityFilterOrganization })
+          /* @__PURE__ */ e(te, { className: "ttw:w-44", children: /* @__PURE__ */ e(ae, {}) }),
+          /* @__PURE__ */ r(ie, { children: [
+            /* @__PURE__ */ e(w, { value: le, children: i.entityFilterAll }),
+            /* @__PURE__ */ e(w, { value: "individual", children: i.entityFilterIndividual }),
+            /* @__PURE__ */ e(w, { value: "organization", children: i.entityFilterOrganization })
           ] })
         ]
       }
@@ -51,57 +51,59 @@ function le({
 }
 function d({
   value: i,
-  isLoading: r,
+  isLoading: o,
   colorClass: l
 }) {
-  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-end", children: r ? /* @__PURE__ */ e(ae, { className: "ttw:h-4 ttw:w-20" }) : /* @__PURE__ */ e("span", { className: l, children: i }) });
+  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-end", children: o ? /* @__PURE__ */ e(ne, { className: "ttw:h-4 ttw:w-20" }) : /* @__PURE__ */ e("span", { className: l, children: i }) });
 }
-function ye({
+function fe({
   mode: i,
-  counterparts: r,
+  counterparts: o,
   isLoading: l,
   isError: m,
   sorting: g,
   onSortingChange: s,
   pageSize: u,
-  onPageSizeChange: S,
-  pageSizeOptions: A = re,
+  onPageSizeChange: C,
+  pageSizeOptions: A = se,
   hasNextPage: L,
   hasPrevPage: P,
   onNextPage: E,
   onPrevPage: R,
   searchValue: p,
   onSearchChange: T,
-  entityFilter: z,
-  onEntityFilterChange: F,
+  entityFilter: F,
+  onEntityFilterChange: O,
   isFiltering: c,
-  canCreate: O = !0,
+  canCreate: z = !0,
   isAccessRestricted: v,
   onCreateClick: y,
   onRowClick: D,
   onRetry: N,
-  labels: j
+  labels: I,
+  emptyStateTestId: j,
+  accessRestrictedTestId: k
 }) {
-  const t = { ...ne, ...j }, n = i === "customer", I = n ? t.customersTitle : t.vendorsTitle, k = n ? t.columnReceivedAmount : t.columnTotalPaidToDate, B = n ? t.columnAmountDue : t.columnBalanceDue, K = [
+  const t = { ...oe, ...I }, n = i === "customer", B = n ? t.customersTitle : t.vendorsTitle, K = n ? t.columnReceivedAmount : t.columnTotalPaidToDate, V = n ? t.columnAmountDue : t.columnBalanceDue, U = [
     {
       accessorKey: "name",
       header: ({ column: a }) => {
-        const w = a.getIsSorted();
-        return /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
+        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(
-            b,
+            S,
             {
               variant: "ghost",
               size: "icon-sm",
               "aria-label": t.sortByName,
-              onClick: () => a.toggleSorting(w === "asc"),
-              children: w === "asc" ? /* @__PURE__ */ e(q, { className: "ttw:size-4" }) : w === "desc" ? /* @__PURE__ */ e(J, { className: "ttw:size-4" }) : /* @__PURE__ */ e(M, { className: "ttw:size-4" })
+              onClick: () => a.toggleSorting(h === "asc"),
+              children: h === "asc" ? /* @__PURE__ */ e(Z, { className: "ttw:size-4" }) : h === "desc" ? /* @__PURE__ */ e(J, { className: "ttw:size-4" }) : /* @__PURE__ */ e(M, { className: "ttw:size-4" })
             }
           )
         ] });
       },
-      cell: ({ row: a }) => /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+      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 })
       ] })
@@ -119,7 +121,7 @@ function ye({
     },
     {
       accessorKey: "receivedOrPaidAmountLabel",
-      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: k }),
+      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: K }),
       cell: ({ row: a }) => /* @__PURE__ */ e(
         d,
         {
@@ -145,7 +147,7 @@ function ye({
     ],
     {
       accessorKey: "dueOrOwedAmountLabel",
-      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: B }),
+      header: () => /* @__PURE__ */ e("div", { className: "ttw:text-right", children: V }),
       cell: ({ row: a }) => /* @__PURE__ */ e(
         d,
         {
@@ -154,20 +156,21 @@ function ye({
         }
       )
     }
-  ], V = n ? t.customersEmptyTitle : t.vendorsEmptyTitle, U = n ? t.customersEmptyDescription : t.vendorsEmptyDescription, _ = n ? t.customersEmptyAction : t.vendorsEmptyAction, G = n ? t.customersFilterEmptyTitle : t.vendorsFilterEmptyTitle, H = !c && !p && !r.length && !l, f = !!(O && !v), x = !!(!c && f);
-  return /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-    /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
-      /* @__PURE__ */ e(W, { component: "h2", variant: "h6", className: "ttw:font-semibold", children: I }),
-      f && /* @__PURE__ */ e(b, { onClick: y, children: t.createButton })
+  ], _ = n ? t.customersEmptyTitle : t.vendorsEmptyTitle, G = n ? t.customersEmptyDescription : t.vendorsEmptyDescription, $ = n ? t.customersEmptyAction : t.vendorsEmptyAction, q = n ? t.customersFilterEmptyTitle : t.vendorsFilterEmptyTitle, H = !c && !p && !o.length && !l, f = !!(z && !v), x = !!(!c && f);
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
+      /* @__PURE__ */ e(W, { component: "h2", variant: "h6", className: "ttw:font-semibold", children: B }),
+      f && /* @__PURE__ */ e(S, { onClick: y, children: t.createButton })
     ] }),
     v ? /* @__PURE__ */ e(
-      C,
+      b,
       {
+        testId: k,
         title: t.accessRestrictedTitle,
         description: t.accessRestrictedDescription
       }
     ) : m ? /* @__PURE__ */ e(
-      C,
+      b,
       {
         title: t.errorTitle,
         description: t.errorDescription,
@@ -177,13 +180,13 @@ function ye({
     ) : /* @__PURE__ */ e(
       X,
       {
-        columns: K,
-        data: r,
+        columns: U,
+        data: o,
         isLoading: l,
         sorting: g,
         onSortingChange: s,
         pageSize: u,
-        onPageSizeChange: S,
+        onPageSizeChange: C,
         pageSizeOptions: A,
         hasNextPage: L,
         hasPrevPage: P,
@@ -191,22 +194,23 @@ function ye({
         onPrevPage: R,
         onRowClick: D,
         filterComponent: /* @__PURE__ */ e(
-          le,
+          ce,
           {
             labels: t,
             searchValue: p,
             onSearchChange: T,
-            entityFilter: z,
-            onEntityFilterChange: F,
+            entityFilter: F,
+            onEntityFilterChange: O,
             disabled: H
           }
         ),
         children: /* @__PURE__ */ e(
-          ie,
+          re,
           {
-            title: c ? G : V,
-            description: c ? t.filterEmptyDescription : U,
-            actionLabel: x ? _ : void 0,
+            testId: j,
+            title: c ? q : _,
+            description: c ? t.filterEmptyDescription : G,
+            actionLabel: x ? $ : void 0,
             onAction: x ? y : void 0
           }
         )
@@ -215,5 +219,5 @@ function ye({
   ] });
 }
 export {
-  ye as CounterpartsScreen
+  fe as CounterpartsScreen
 };