@tesouro/embedded-components-react 0.2.133 → 0.2.148

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

@@ -1,15 +1,16 @@
 "use client";
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { Fragment as v } from "react";
-import { Button as o, Dialog as C, DialogContent as y, DialogHeader as T, DialogTitle as L, DialogDescription as D, Label as E, Input as S, Skeleton as h, TooltipProvider as A, Tooltip as M, TooltipTrigger as I, TooltipContent as F, Switch as j, DialogFooter as z } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Button as o, Dialog as S, DialogContent as C, DialogHeader as y, DialogTitle as L, DialogDescription as T, Label as D, Input as E, Skeleton as h, TooltipProvider as A, Tooltip as M, TooltipTrigger as F, TooltipContent as I, Switch as j, DialogFooter as z } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
 import { XIcon as B, HelpCircleIcon as H } from "lucide-react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import { InlineErrorAlert as g } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-function R(e, c, m, n) {
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+function P(e, c, m, n) {
   return e.split(/(\{bankName\}|\{vspName\}|\{agreementLink\})/g).map((r, i) => r === "{bankName}" ? c : r === "{vspName}" ? m : r === "{agreementLink}" ? /* @__PURE__ */ t(v, { children: n }, i) : r);
 }
-function _({
+function J({
   labels: e,
   open: c,
   form: m,
@@ -42,10 +43,10 @@ function _({
       )
     }
   ) : /* @__PURE__ */ t("span", { children: e.createLegalAgreementLink });
-  return /* @__PURE__ */ t(C, { open: c, onOpenChange: w, children: /* @__PURE__ */ a(y, { className: "ttw:max-w-[460px] ttw:gap-0 ttw:p-0", children: [
-    /* @__PURE__ */ a(T, { className: "ttw:gap-0.5 ttw:p-6 ttw:pb-4 ttw:pr-12", children: [
+  return /* @__PURE__ */ t(S, { open: c, onOpenChange: w, children: /* @__PURE__ */ a(C, { className: "ttw:max-w-[460px] ttw:gap-0 ttw:p-0", children: [
+    /* @__PURE__ */ a(y, { className: "ttw:gap-0.5 ttw:p-6 ttw:pb-4 ttw:pr-12", children: [
       /* @__PURE__ */ t(L, { className: "ttw:text-left ttw:text-xl ttw:font-semibold ttw:leading-tight", children: e.createDialogTitle }),
-      /* @__PURE__ */ t(D, { className: "ttw:text-left", children: e.createDialogSubtitle }),
+      /* @__PURE__ */ t(T, { className: "ttw:text-left", children: e.createDialogSubtitle }),
       /* @__PURE__ */ t(
         o,
         {
@@ -62,13 +63,13 @@ function _({
     ] }),
     /* @__PURE__ */ a("div", { className: "ttw:space-y-4 ttw:border-y ttw:border-border ttw:p-6", children: [
       /* @__PURE__ */ a("div", { className: "ttw:space-y-2", children: [
-        /* @__PURE__ */ a(E, { htmlFor: "bank-account-nickname", children: [
+        /* @__PURE__ */ a(D, { htmlFor: "bank-account-nickname", children: [
           e.createNicknameLabel,
           " ",
           /* @__PURE__ */ t("span", { className: "ttw:text-destructive", children: "*" })
         ] }),
         /* @__PURE__ */ t(
-          S,
+          E,
           {
             id: "bank-account-nickname",
             value: m.nickname,
@@ -79,7 +80,7 @@ function _({
         ),
         p ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-destructive", children: e.createNicknameRequiredError }) : null
       ] }),
-      /* @__PURE__ */ t("div", { className: "ttw:rounded-xl ttw:bg-muted/40 ttw:p-3 ttw:text-sm ttw:text-muted-foreground", children: R(
+      /* @__PURE__ */ t("div", { className: "ttw:rounded-xl ttw:bg-muted/40 ttw:p-3 ttw:text-sm ttw:text-muted-foreground", children: P(
         e.createLegalTemplate,
         n.bankName,
         n.vspName,
@@ -112,7 +113,7 @@ function _({
                   /* @__PURE__ */ t("span", { className: "ttw:truncate", children: l.role }),
                   /* @__PURE__ */ a(M, { children: [
                     /* @__PURE__ */ t(
-                      I,
+                      F,
                       {
                         type: "button",
                         className: "ttw:inline-flex ttw:shrink-0 ttw:cursor-help ttw:text-muted-foreground",
@@ -120,7 +121,7 @@ function _({
                         children: /* @__PURE__ */ t(H, { className: "ttw:size-4" })
                       }
                     ),
-                    /* @__PURE__ */ t(F, { className: "ttw:max-w-60", children: l.roleTooltip })
+                    /* @__PURE__ */ t(I, { className: "ttw:max-w-60", children: l.roleTooltip })
                   ] })
                 ] })
               ] }),
@@ -164,5 +165,5 @@ function _({
   ] }) });
 }
 export {
-  _ as CreateAccountDialog
+  J as CreateAccountDialog
 };

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

@@ -11,13 +11,14 @@ import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import "react-error-boundary";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
 import { useWidgetConfig as e } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import { BillPayWidgetMonite as n } from "./index4.js";
 import { BillPayWidgetNative as a } from "./index5.js";
-function C({
+function b({
   implementation: r,
   ...i
 }) {
@@ -25,5 +26,5 @@ function C({
   return t === m.Native ? /* @__PURE__ */ o(a, { implementation: t, ...i }) : /* @__PURE__ */ o(n, { implementation: t, ...i });
 }
 export {
-  C as BillPayWidget
+  b as BillPayWidget
 };

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/index309.js";
+import "../../../monite-sdk/dist/index311.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/index151.js";
+import "../../../monite-sdk/dist/index150.js";
 import "../../../monite-sdk/dist/index83.js";
 import "../../../monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -44,15 +44,15 @@ import "@mui/material/Tooltip";
 import "@tanstack/react-table";
 import "../../../monite-sdk/dist/index158.js";
 import "@radix-ui/react-avatar";
-import "../../../monite-sdk/dist/index246.js";
+import "../../../monite-sdk/dist/index238.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@emotion/react";
 import "../../../monite-sdk/dist/index101.js";
-import "../../../monite-sdk/dist/index404.js";
-import "../../../monite-sdk/dist/index456.js";
-import "../../../monite-sdk/dist/index392.js";
-import "../../../monite-sdk/dist/index278.js";
+import "../../../monite-sdk/dist/index470.js";
+import "../../../monite-sdk/dist/index453.js";
+import "../../../monite-sdk/dist/index394.js";
+import "../../../monite-sdk/dist/index287.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
@@ -60,7 +60,7 @@ 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/index306.js";
+import "../../../monite-sdk/dist/index282.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -68,20 +68,20 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../../../monite-sdk/dist/index468.js";
+import "../../../monite-sdk/dist/index456.js";
 import "../../../monite-sdk/dist/index297.js";
 import "../../../monite-sdk/dist/index299.js";
 import { Payables as k } from "../../../monite-sdk/dist/index15.js";
-import "../../../monite-sdk/dist/index175.js";
+import "../../../monite-sdk/dist/index169.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../../../monite-sdk/dist/index331.js";
-import "../../../monite-sdk/dist/index336.js";
-import "../../../monite-sdk/dist/index338.js";
-import "../../../monite-sdk/dist/index380.js";
+import "../../../monite-sdk/dist/index344.js";
+import "../../../monite-sdk/dist/index349.js";
+import "../../../monite-sdk/dist/index351.js";
+import "../../../monite-sdk/dist/index369.js";
 import "react-day-picker";
-import "../../../monite-sdk/dist/index340.js";
+import "../../../monite-sdk/dist/index353.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -92,21 +92,21 @@ import "@mui/icons-material/SendOutlined";
 import "@mui/icons-material/StarHalfOutlined";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-tooltip";
-import "../../../monite-sdk/dist/index261.js";
-import "../../../monite-sdk/dist/index375.js";
-import "../../../monite-sdk/dist/index445.js";
+import "../../../monite-sdk/dist/index253.js";
+import "../../../monite-sdk/dist/index380.js";
+import "../../../monite-sdk/dist/index419.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
 import "../../../monite-sdk/dist/index211.js";
-import "../../../monite-sdk/dist/index358.js";
-import "../../../monite-sdk/dist/index359.js";
+import "../../../monite-sdk/dist/index315.js";
+import "../../../monite-sdk/dist/index316.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/index168.js";
+import "../../../monite-sdk/dist/index202.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../../../monite-sdk/dist/index106.js";
@@ -116,6 +116,7 @@ import "@openapi-qraft/react/callbacks/index";
 import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import "react-error-boundary";
 import { useAnalyticsTrack as u } from "../../../shared/feature/dist/lib/analytics/hooks.js";
@@ -129,7 +130,7 @@ function b(o) {
     i(y.Mounted);
   }, [i]), /* @__PURE__ */ r(k, { ...o });
 }
-function Gi({
+function Ri({
   baseUrl: o,
   widgetToken: i,
   organizationId: t,
@@ -170,5 +171,5 @@ function Gi({
   );
 }
 export {
-  Gi as BillPayWidgetMonite
+  Ri as BillPayWidgetMonite
 };

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

@@ -6,6 +6,7 @@ import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "lucide-react";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 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";
@@ -25,7 +26,7 @@ function b({
     i(y.Mounted);
   }, [i]), /* @__PURE__ */ o(f, { labels: r });
 }
-function j({
+function D({
   baseUrl: r,
   widgetToken: i,
   organizationId: t,
@@ -57,5 +58,5 @@ function j({
   );
 }
 export {
-  j as BillPayWidgetNative
+  D as BillPayWidgetNative
 };

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

@@ -11,6 +11,7 @@ import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 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";
@@ -215,7 +216,7 @@ function q({
     )
   ] });
 }
-function ue({
+function Ce({
   baseUrl: l,
   widgetToken: C,
   organizationId: b,
@@ -253,5 +254,5 @@ function ue({
   );
 }
 export {
-  ue as CounterpartsWidget
+  Ce as CounterpartsWidget
 };

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

@@ -11,6 +11,7 @@ import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import "react-error-boundary";
 import { getStateOptions as te } from "../../../shared/util/dist/index11.js";
@@ -30,7 +31,7 @@ import { RECEIVABLES_BILLED_STATUSES as Ae, PAYABLES_BILLED_STATUSES as ye, RECE
 import { useCounterpartsTable as ge } from "./index6.js";
 import { getCounterpartPermissions as Re } from "./index7.js";
 import { buildPaymentMethodView as Te, buildRecentDocumentRows as fe, maskTaxId as _e } from "./index8.js";
-function sa({
+function ia({
   counterpartType: g,
   detailsLabels: R,
   messageLabels: T
@@ -179,5 +180,5 @@ function sa({
   };
 }
 export {
-  sa as useCounterpartsWidget
+  ia as useCounterpartsWidget
 };

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

@@ -1,11 +1,12 @@
 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 x, DataTable as X, Input as Y, Select as Z, SelectTrigger as $, SelectValue as ee, SelectContent as te, SelectItem as w, Skeleton as ae } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+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 "@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 "../../../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({
@@ -39,9 +40,9 @@ function le({
         children: [
           /* @__PURE__ */ e($, { className: "ttw:w-44", children: /* @__PURE__ */ e(ee, {}) }),
           /* @__PURE__ */ o(te, { children: [
-            /* @__PURE__ */ e(w, { value: oe, children: i.entityFilterAll }),
-            /* @__PURE__ */ e(w, { value: "individual", children: i.entityFilterIndividual }),
-            /* @__PURE__ */ e(w, { value: "organization", children: i.entityFilterOrganization })
+            /* @__PURE__ */ e(h, { value: oe, children: i.entityFilterAll }),
+            /* @__PURE__ */ e(h, { value: "individual", children: i.entityFilterIndividual }),
+            /* @__PURE__ */ e(h, { value: "organization", children: i.entityFilterOrganization })
           ] })
         ]
       }
@@ -55,7 +56,7 @@ function d({
 }) {
   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 }) });
 }
-function ve({
+function ye({
   mode: i,
   counterparts: r,
   isLoading: l,
@@ -63,8 +64,8 @@ function ve({
   sorting: g,
   onSortingChange: s,
   pageSize: u,
-  onPageSizeChange: A,
-  pageSizeOptions: S = re,
+  onPageSizeChange: S,
+  pageSizeOptions: A = re,
   hasNextPage: L,
   hasPrevPage: P,
   onNextPage: E,
@@ -72,30 +73,30 @@ function ve({
   searchValue: p,
   onSearchChange: T,
   entityFilter: z,
-  onEntityFilterChange: O,
+  onEntityFilterChange: F,
   isFiltering: c,
-  canCreate: D = !0,
+  canCreate: O = !0,
   isAccessRestricted: v,
   onCreateClick: y,
-  onRowClick: F,
+  onRowClick: D,
   onRetry: N,
   labels: j
 }) {
-  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, V = [
+  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 = [
     {
       accessorKey: "name",
       header: ({ column: a }) => {
-        const h = a.getIsSorted();
+        const w = a.getIsSorted();
         return /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
           t.columnName,
           /* @__PURE__ */ e(
-            x,
+            b,
             {
               variant: "ghost",
               size: "icon-sm",
               "aria-label": t.sortByName,
-              onClick: () => a.toggleSorting(h === "asc"),
-              children: h === "asc" ? /* @__PURE__ */ e(q, { className: "ttw:size-4" }) : h === "desc" ? /* @__PURE__ */ e(J, { className: "ttw:size-4" }) : /* @__PURE__ */ e(M, { className: "ttw:size-4" })
+              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" })
             }
           )
         ] });
@@ -153,11 +154,11 @@ function ve({
         }
       )
     }
-  ], K = 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 = !!(D && !v), b = !!(!c && f);
+  ], 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(x, { onClick: y, children: t.createButton })
+      f && /* @__PURE__ */ e(b, { onClick: y, children: t.createButton })
     ] }),
     v ? /* @__PURE__ */ e(
       C,
@@ -176,19 +177,19 @@ function ve({
     ) : /* @__PURE__ */ e(
       X,
       {
-        columns: V,
+        columns: K,
         data: r,
         isLoading: l,
         sorting: g,
         onSortingChange: s,
         pageSize: u,
-        onPageSizeChange: A,
-        pageSizeOptions: S,
+        onPageSizeChange: S,
+        pageSizeOptions: A,
         hasNextPage: L,
         hasPrevPage: P,
         onNextPage: E,
         onPrevPage: R,
-        onRowClick: F,
+        onRowClick: D,
         filterComponent: /* @__PURE__ */ e(
           le,
           {
@@ -196,17 +197,17 @@ function ve({
             searchValue: p,
             onSearchChange: T,
             entityFilter: z,
-            onEntityFilterChange: O,
+            onEntityFilterChange: F,
             disabled: H
           }
         ),
         children: /* @__PURE__ */ e(
           ie,
           {
-            title: c ? G : K,
+            title: c ? G : V,
             description: c ? t.filterEmptyDescription : U,
-            actionLabel: b ? _ : void 0,
-            onAction: b ? y : void 0
+            actionLabel: x ? _ : void 0,
+            onAction: x ? y : void 0
           }
         )
       }
@@ -214,5 +215,5 @@ function ve({
   ] });
 }
 export {
-  ve as CounterpartsScreen
+  ye as CounterpartsScreen
 };