@tesouro/embedded-components-react 0.2.89 → 0.2.91

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index243.js

@@ -1,99 +1,75 @@
-import { jsx as a, jsxs as o, Fragment as w } from "@emotion/react/jsx-runtime";
-import { useLingui as v } from "@lingui/react";
-import { ListFilter as p } from "lucide-react";
-import { useFilterPanel as g, FilterBar as C, FilterTag as x, Popover as b, PopoverTrigger as F, FilterMenuButton as f, PopoverContent as P, DateRangePicker as D, MultiSelectFilter as N, AmountFilter as M, Input as y, RadioGroup as I, RadioGroupItem as S, SearchInput as _ } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-const k = {
-  date: "ttw:w-auto",
-  status: "ttw:w-56",
-  amount: "ttw:w-64",
-  vendor: "ttw:w-64",
-  attachment: "ttw:w-56"
-}, A = {
-  due_date: "Due date",
-  created_at: "Created on",
-  issued_at: "Issue date"
-}, L = [{
-  id: "date",
-  label: "Due date",
-  activeDateField: "due_date"
-}, {
-  id: "date",
-  label: "Created on",
-  activeDateField: "created_at"
-}, {
-  id: "date",
-  label: "Issue date",
-  activeDateField: "issued_at"
-}, {
-  id: "status",
-  label: "Status",
-  activeDateField: void 0
-}, {
-  id: "amount",
-  label: "Amount",
-  activeDateField: void 0
-}, {
-  id: "vendor",
-  label: "Vendor",
-  activeDateField: void 0
-}, {
-  id: "attachment",
-  label: "Attachment",
-  activeDateField: void 0
-}];
-function O(e) {
-  const {
-    i18n: i
-  } = v(), n = g(), s = n.isMenuOpen || !!n.activePanelId, r = n.activePanelId && k[n.activePanelId] || "ttw:w-52", d = e.allPresets.map((t) => ({
-    value: t.value,
-    label: t.label,
-    group: t.group
-  })), c = (t) => {
-    t || (n.closeMenu(), n.closePanel());
-  }, u = (t, l) => {
-    l && e.onActiveDateFieldChange(l), n.openPanel(t);
-  }, m = e.hasFile === !0 ? "has" : e.hasFile === !1 ? "no" : "any", h = (t) => {
-    t === "any" ? e.onHasFileChange(void 0) : t === "has" ? e.onHasFileChange(!0) : e.onHasFileChange(!1);
-  };
-  return /* @__PURE__ */ a(C, { className: "ttw:pl-4", searchSlot: /* @__PURE__ */ a(_, { value: e.searchValue, onChange: (t) => e.onSearchChange(t.target.value), placeholder: "Search by number or vendor..." }), menuSlot: /* @__PURE__ */ o(b, { open: s, onOpenChange: c, children: [
-    /* @__PURE__ */ a(F, { asChild: !0, children: /* @__PURE__ */ a(f, { activeCount: e.activeFilterCount, onClick: n.toggleMenu }) }),
-    /* @__PURE__ */ o(P, { align: "start", className: `ttw:p-0 ${r}`, children: [
-      n.isMenuOpen && /* @__PURE__ */ a("div", { className: "ttw:p-1", children: L.map((t, l) => /* @__PURE__ */ o("button", { type: "button", className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer", onClick: () => u(t.id, t.activeDateField), children: [
-        /* @__PURE__ */ a(p, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }),
-        t.label
-      ] }, `${t.id}-${l}`)) }),
-      n.activePanelId === "date" && /* @__PURE__ */ a(D, { from: e.dateFrom, to: e.dateTo, onRangeChange: e.onDateRangeChange, selectedPreset: e.selectedDatePreset, onPresetChange: e.onDatePresetChange, presets: d, fieldLabel: A[e.activeDateField] }),
-      n.activePanelId === "status" && /* @__PURE__ */ a(N, { options: e.statusOptions, selectedValues: e.selectedStatus, onSelectionChange: e.onStatusChange }),
-      n.activePanelId === "amount" && /* @__PURE__ */ a(M, { mode: e.amountMode, onModeChange: e.onAmountModeChange, min: e.amountMin, max: e.amountMax, onMinChange: e.onAmountMinChange, onMaxChange: e.onAmountMaxChange, showFlowDirection: !1, minLabel: "No less than", maxLabel: "No more than" }),
-      n.activePanelId === "vendor" && /* @__PURE__ */ o("div", { className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2", children: [
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: "Vendor name" }),
-        /* @__PURE__ */ a(y, { type: "text", value: e.vendorName, onChange: (t) => e.onVendorNameChange(t.target.value), placeholder: "Search vendors...", className: "ttw:h-8 ttw:text-xs" }),
-        /* @__PURE__ */ a("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: i._("Matches names containing your search") })
-      ] }),
-      n.activePanelId === "attachment" && /* @__PURE__ */ a("div", { className: "ttw:p-3", children: /* @__PURE__ */ a(I, { value: m, onValueChange: h, className: "ttw:flex ttw:flex-col ttw:gap-1", children: [{
-        value: "any",
-        label: "Any"
-      }, {
-        value: "has",
-        label: "Has attachment"
-      }, {
-        value: "no",
-        label: "No attachment"
-      }].map(({
-        value: t,
-        label: l
-      }) => /* @__PURE__ */ o("label", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:cursor-pointer", children: [
-        /* @__PURE__ */ a(S, { value: t }),
-        /* @__PURE__ */ a("span", { className: "ttw:text-xs ttw:font-medium", children: l })
-      ] }, t)) }) })
-    ] })
-  ] }), activeChipsSlot: /* @__PURE__ */ o(w, { children: [
-    e.activeChips.map((t) => /* @__PURE__ */ a(x, { label: t.label, count: t.count, variant: "default", onLabelClick: t.key === "date" ? () => {
-      n.openPanel("date");
-    } : void 0, onDismiss: () => e.onDismissChip(t.key) }, t.key)),
-    e.activeFilterCount > 0 && /* @__PURE__ */ a("button", { type: "button", className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap", onClick: e.onClearAll, children: "Clear all" })
+import { jsx as t, jsxs as l } from "@emotion/react/jsx-runtime";
+import { cn as n } from "./index100.js";
+import * as a from "@radix-ui/react-select";
+import { ChevronDownIcon as i, CheckIcon as w, ChevronUpIcon as d } from "lucide-react";
+function g({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
+}
+function h({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
+}
+function v({
+  className: e,
+  size: s = "default",
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ l(a.Trigger, { "data-slot": "select-trigger", "data-size": s, className: n("ttw:border-input ttw:data-[placeholder]:text-muted-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:dark:hover:bg-input/50 ttw:flex ttw:w-fit ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-sm ttw:whitespace-nowrap ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-9 ttw:data-[size=sm]:h-8 ttw:*:data-[slot=select-value]:line-clamp-1 ttw:*:data-[slot=select-value]:flex ttw:*:data-[slot=select-value]:min-w-0 ttw:*:data-[slot=select-value]:flex-1 ttw:*:data-[slot=select-value]:items-center ttw:*:data-[slot=select-value]:gap-2 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", e), ...r, children: [
+    o,
+    /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "ttw:size-4 ttw:opacity-50" }) })
+  ] });
+}
+function x({
+  className: e,
+  children: s,
+  position: o = "popper",
+  ...r
+}) {
+  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(a.Content, { "data-slot": "select-content", className: n("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:relative ttw:z-1300 ttw:max-h-(--radix-select-content-available-height) ttw:min-w-[8rem] ttw:origin-(--radix-select-content-transform-origin) ttw:overflow-x-hidden ttw:overflow-y-auto ttw:rounded-md ttw:border-none ttw:shadow-md", o === "popper" && "ttw:data-[side=bottom]:translate-y-1 ttw:data-[side=left]:-translate-x-1 ttw:data-[side=right]:translate-x-1 ttw:data-[side=top]:-translate-y-1", e), position: o, ...r, children: [
+    /* @__PURE__ */ t(c, {}),
+    /* @__PURE__ */ t(a.Viewport, { className: n("ttw:p-1", o === "popper" && "ttw:h-[var(--radix-select-trigger-height)] ttw:w-full ttw:min-w-[var(--radix-select-trigger-width)] ttw:scroll-my-1"), children: s }),
+    /* @__PURE__ */ t(u, {})
   ] }) });
 }
+function b({
+  className: e,
+  children: s,
+  ...o
+}) {
+  return /* @__PURE__ */ l(a.Item, { "data-slot": "select-item", className: n("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4 ttw:*:[span]:last:flex ttw:*:[span]:last:min-w-0 ttw:*:[span]:last:flex-1 ttw:*:[span]:last:items-center ttw:*:[span]:last:gap-2", e), ...o, children: [
+    /* @__PURE__ */ t("span", { className: "ttw:absolute ttw:right-2 ttw:flex ttw:size-3.5 ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(w, { className: "ttw:size-4" }) }) }),
+    /* @__PURE__ */ t(a.ItemText, { children: s })
+  ] });
+}
+function N({
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ t(a.Separator, { "data-slot": "select-separator", className: n("ttw:bg-border ttw:pointer-events-none ttw:-mx-1 ttw:my-1 ttw:h-px", e), ...s });
+}
+function c({
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ t(a.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: n("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(d, { className: "ttw:size-4" }) });
+}
+function u({
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ t(a.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: n("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(i, { className: "ttw:size-4" }) });
+}
 export {
-  O as PayablesFilterBar
+  g as Select,
+  x as SelectContent,
+  b as SelectItem,
+  u as SelectScrollDownButton,
+  c as SelectScrollUpButton,
+  N as SelectSeparator,
+  v as SelectTrigger,
+  h as SelectValue
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index244.js

@@ -1,194 +1,46 @@
-import { formatDateRangeFilterChip as T, formatFilterChipMultiSelectValueSegment as N } from "./index97.js";
-import { useMoniteContext as D } from "./index57.js";
-import { useCurrencies as k } from "./index58.js";
-import { toMinorUnits as $ } from "./index118.js";
-import { useState as C, useMemo as l, useCallback as d } from "react";
-import { formatISO as m } from "date-fns";
-import { DATE_PRESETS as p, resolveDatePreset as A } from "./index363.js";
-const _ = [{
-  value: "draft",
-  label: "New"
-}, {
-  value: "pending_approval",
-  label: "Pending approval"
-}, {
-  value: "ready_to_pay",
-  label: "Ready to pay"
-}, {
-  value: "paid",
-  label: "Paid"
-}, {
-  value: "cancelled",
-  label: "Cancelled"
-}, {
-  value: "rejected",
-  label: "Rejected"
-}], w = {
-  draft: ["draft", "new"],
-  pending_approval: ["approve_in_progress"],
-  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
-  paid: ["paid"],
-  cancelled: ["canceled"],
-  rejected: ["rejected"]
-}, x = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
-function v() {
-  return {
-    search: "",
-    activeDateField: "due_date",
-    datePreset: void 0,
-    dateFrom: void 0,
-    dateTo: void 0,
-    status: [],
-    amountMode: "any",
-    amountMin: "",
-    amountMax: "",
-    vendorName: "",
-    hasFile: void 0
-  };
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as l } from "./index100.js";
+function r({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", { "data-slot": "table-container", className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto", children: /* @__PURE__ */ e("table", { "data-slot": "table", className: l("ttw:w-full ttw:caption-bottom ttw:text-sm", t), ...a }) });
 }
-function V() {
-  const [e, s] = C(v), {
-    formatToMinorUnits: u
-  } = k(), {
-    componentSettings: h
-  } = D(), c = h.onboarding.allowedCurrencies?.[0] ?? "USD", F = l(() => {
-    const a = {}, t = e.activeDateField;
-    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
-      representation: "date"
-    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
-      representation: "date"
-    })), e.status.length ? a.status__in = e.status.flatMap((o) => w[o] ?? [o]) : a.status__in = x, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
-      const o = parseFloat(e.amountMin), r = parseFloat(e.amountMax), i = (n) => u(n, c) ?? $(n, 2);
-      if (e.amountMode === "exact") {
-        if (!isNaN(o)) {
-          const n = i(o);
-          a.total_amount__gte = n, a.total_amount__lte = n;
-        }
-      } else
-        isNaN(o) || (a.total_amount__gte = i(o)), isNaN(r) || (a.total_amount__lte = i(r));
-    }
-    return a;
-  }, [e, c, u]), f = l(() => {
-    let a = 0;
-    return e.status.length && a++, e.vendorName && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
-  }, [e]), b = l(() => {
-    const a = [];
-    if (e.dateFrom || e.dateTo) {
-      const t = (e.datePreset ? p.find((r) => r.value === e.datePreset)?.label : void 0) ?? T(e.dateFrom, e.dateTo), o = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
-      a.push({
-        key: "date",
-        label: `${o}: ${t}`
-      });
-    }
-    if (e.status.length) {
-      const t = e.status.map((o) => _.find((r) => r.value === o)?.label ?? o);
-      a.push({
-        key: "status",
-        label: `Status: ${N(t)}`
-      });
-    }
-    return e.vendorName && a.push({
-      key: "vendor",
-      label: `Vendor: ${e.vendorName}`
-    }), e.hasFile === !0 && a.push({
-      key: "attachment",
-      label: "Has attachment"
-    }), e.hasFile === !1 && a.push({
-      key: "attachment",
-      label: "No attachment"
-    }), e.amountMode !== "any" && a.push({
-      key: "amount",
-      label: "Amount"
-    }), e.search && a.push({
-      key: "search",
-      label: `Search: ${e.search}`
-    }), a;
-  }, [e]), y = d((a) => {
-    const {
-      from: t,
-      to: o
-    } = A(a);
-    s((r) => ({
-      ...r,
-      datePreset: a,
-      dateFrom: t,
-      dateTo: o
-    }));
-  }, []), g = d((a, t) => {
-    s((o) => ({
-      ...o,
-      datePreset: void 0,
-      dateFrom: a,
-      dateTo: t
-    }));
-  }, []), M = d((a) => {
-    s((t) => ({
-      ...t,
-      activeDateField: a
-    }));
-  }, []), P = d((a) => {
-    switch (a) {
-      case "date": {
-        s((t) => ({
-          ...t,
-          datePreset: void 0,
-          dateFrom: void 0,
-          dateTo: void 0,
-          activeDateField: "due_date"
-        }));
-        break;
-      }
-      case "status":
-        s((t) => ({
-          ...t,
-          status: []
-        }));
-        break;
-      case "vendor":
-        s((t) => ({
-          ...t,
-          vendorName: ""
-        }));
-        break;
-      case "attachment":
-        s((t) => ({
-          ...t,
-          hasFile: void 0
-        }));
-        break;
-      case "amount":
-        s((t) => ({
-          ...t,
-          amountMode: "any",
-          amountMin: "",
-          amountMax: ""
-        }));
-        break;
-      case "search":
-        s((t) => ({
-          ...t,
-          search: ""
-        }));
-        break;
-    }
-  }, []), S = d(() => s(v()), []);
-  return {
-    state: e,
-    setState: s,
-    queryParams: F,
-    activeFilterCount: f,
-    activeChips: b,
-    datePresets: p,
-    statusOptions: _,
-    setDatePreset: y,
-    setDateRange: g,
-    setActiveDateField: M,
-    clearFilter: P,
-    clearAll: S
-  };
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("thead", { "data-slot": "table-header", className: l("ttw:[&_tr]:border-b", t), ...a });
+}
+function c({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tbody", { "data-slot": "table-body", className: l("ttw:[&_tr:last-child]:border-0", t), ...a });
+}
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tr", { "data-slot": "table-row", className: l("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", t), ...a });
+}
+function d({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("th", { "data-slot": "table-head", className: l("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("td", { "data-slot": "table-cell", className: l("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
 }
 export {
-  x as AP_DEFAULT_STATUSES,
-  _ as AP_STATUS_OPTIONS,
-  V as usePayablesFilter
+  r as Table,
+  c as TableBody,
+  b as TableCell,
+  d as TableHead,
+  w as TableHeader,
+  n as TableRow
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index245.js

@@ -1,43 +1,22 @@
-import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as n } from "./index57.js";
 import { useLingui as s } from "@lingui/react";
-import { Dialog as d, DialogTitle as h, Typography as n, DialogContent as x, DialogActions as g, Button as l } from "@mui/material";
-const v = ({
-  open: a,
-  type: p,
-  onClose: i,
-  onConfirm: c
-}) => {
+import { toast as r } from "react-hot-toast";
+const p = () => {
   const {
-    i18n: o
-  } = s(), r = p === "approve";
-  return /* @__PURE__ */ t(d, { open: a, onClose: i, maxWidth: "sm", fullWidth: !0, container: () => document.body, PaperProps: {
-    sx: {
-      borderRadius: 3,
-      padding: 2
+    i18n: e
+  } = s(), {
+    api: t,
+    queryClient: o
+  } = n();
+  return t.finops.deleteCounterpartsId.useMutation(void 0, {
+    onSuccess: async () => {
+      await t.finops.getCounterparts.invalidateQueries(o), r.success(e._("Counterpart has been deleted."));
+    },
+    onError: () => {
+      r.error(e._("Failed to delete Counterpart."));
     }
-  }, children: [
-    /* @__PURE__ */ e(h, { sx: {
-      p: "16px !important"
-    }, children: /* @__PURE__ */ e(n, { variant: "h5", fontWeight: 600, children: r ? o._("Force Approve bill?") : o._("Force Reject bill?") }) }),
-    /* @__PURE__ */ e(x, { sx: {
-      px: 2,
-      pb: 3
-    }, children: /* @__PURE__ */ e(n, { variant: "body1", color: "text.secondary", children: r ? o._("The bill status will change to Approved, skipping the approval flow.") : o._("The bill status will change to Rejected, skipping the approval flow.") }) }),
-    /* @__PURE__ */ t(g, { sx: {
-      px: 0,
-      pt: 2,
-      gap: 2
-    }, children: [
-      /* @__PURE__ */ e(l, { onClick: i, variant: "text", sx: {
-        color: "primary.main",
-        fontWeight: 500,
-        textTransform: "none",
-        fontSize: "16px"
-      }, children: o._("Cancel") }),
-      /* @__PURE__ */ e(l, { onClick: c, variant: "contained", color: r ? "primary" : "error", children: r ? o._("Force Approve") : o._("Force Reject") })
-    ] })
-  ] });
+  });
 };
 export {
-  v as PayableDetailsForceActionDialog
+  p as useDeleteCounterpart
 };