@tesouro/embedded-components-react 0.2.117 → 0.2.118

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

@@ -1,69 +1,257 @@
-import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
-import { MeasureUnitsFormRow as f } from "./index438.js";
-import { ConfirmDeleteMeasureUnitDialog as j } from "./index439.js";
-import { TableActions as z } from "./index440.js";
-import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as G, TableCell as d } from "./index314.js";
-import { useLingui as I } from "@lingui/react";
-import { Loader2 as b, Search as S } from "lucide-react";
-import { useState as m, useCallback as w } from "react";
-import "./index57.js";
-import "react-hot-toast";
-import { useGetMeasureUnits as _ } from "./index174.js";
-import { useDeleteMeasureUnit as y } from "./index424.js";
-import { InputGroup as F, InputGroupAddon as H, InputGroupInput as k } from "./index101.js";
-import { useDebounceCallback as R } from "./index65.js";
-const at = () => {
-  const {
-    i18n: i
-  } = I(), [g, s] = m(null), [a, c] = m(null), x = !!a, [u, N] = m(""), {
-    data: C,
-    isLoading: M
-  } = _(), n = y(a?.name), $ = R((t) => {
-    N(t);
-  }, 500), D = C?.data?.filter((t) => t.name.toLowerCase().includes(u.toLowerCase()) || t.description && t.description.toLowerCase().includes(u.toLowerCase())) || [], L = w((t) => {
-    c(t);
-  }, []), o = w(() => {
-    c(null);
-  }, []), U = w(() => {
-    a && n.mutate({
-      path: {
-        unit_id: a.id
-      }
-    }, {
-      onSuccess: () => o()
-    });
-  }, [n, a, o]), p = n.isPending, v = () => {
-    s(null);
-  };
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative", children: [
-    M ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }) : /* @__PURE__ */ r(T, { children: [
-      p && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }),
-      /* @__PURE__ */ r(F, { children: [
-        /* @__PURE__ */ e(H, { align: "inline-start", children: /* @__PURE__ */ e(S, {}) }),
-        /* @__PURE__ */ e(k, { placeholder: i._("Search"), onChange: (t) => $(t.target.value) })
-      ] }),
-      /* @__PURE__ */ r(A, { className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md", children: [
-        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(h, { className: "ttw:hover:bg-transparent ttw:border-border", children: [
-          /* @__PURE__ */ e(l, { className: "ttw:w-[35%]", children: i._("Unit label") }),
-          /* @__PURE__ */ e(l, { className: "ttw:w-[55%]", children: i._("Description (optional)") }),
-          /* @__PURE__ */ e(l, { className: "ttw:w-[10%]" })
-        ] }) }),
-        /* @__PURE__ */ r(G, { children: [
-          /* @__PURE__ */ e(f, { isEditMode: !1 }),
-          D.map((t) => g?.id === t.id ? /* @__PURE__ */ e(f, { isEditMode: !0, initialValues: t, onCancel: v, onEdit: () => s(null), id: t.id }, t.id) : /* @__PURE__ */ r(h, { className: "ttw:border-border", children: [
-            /* @__PURE__ */ e(d, { className: "ttw:w-[35%] ttw:text-sm ttw:truncate", children: t.name }),
-            /* @__PURE__ */ e(d, { className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate", children: t.description || "—" }),
-            /* @__PURE__ */ e(d, { className: "ttw:w-[10%]", children: /* @__PURE__ */ e(z, { permissions: {
-              isUpdateAllowed: !0,
-              isDeleteAllowed: !0
-            }, onEdit: () => s(t), onDelete: () => L(t) }) })
-          ] }, t.id))
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(j, { open: x, id: a?.id, name: a?.name || "", isLoading: p, onClose: o, onDelete: U })
-  ] });
-};
+const M = {
+  AF: "AF",
+  AX: "AX",
+  AL: "AL",
+  DZ: "DZ",
+  AS: "AS",
+  AD: "AD",
+  AO: "AO",
+  AI: "AI",
+  AQ: "AQ",
+  AG: "AG",
+  AR: "AR",
+  AM: "AM",
+  AW: "AW",
+  AU: "AU",
+  AT: "AT",
+  AZ: "AZ",
+  BS: "BS",
+  BH: "BH",
+  BD: "BD",
+  BB: "BB",
+  BL: "BL",
+  BY: "BY",
+  BE: "BE",
+  BZ: "BZ",
+  BJ: "BJ",
+  CW: "CW",
+  MF: "MF",
+  CX: "CX",
+  BM: "BM",
+  BT: "BT",
+  BO: "BO",
+  BA: "BA",
+  BW: "BW",
+  BV: "BV",
+  BR: "BR",
+  IO: "IO",
+  BN: "BN",
+  BG: "BG",
+  BF: "BF",
+  BI: "BI",
+  BQ: "BQ",
+  KH: "KH",
+  CM: "CM",
+  CA: "CA",
+  IC: "IC",
+  CV: "CV",
+  KY: "KY",
+  CF: "CF",
+  EA: "EA",
+  TD: "TD",
+  CL: "CL",
+  CN: "CN",
+  CC: "CC",
+  CO: "CO",
+  KM: "KM",
+  CG: "CG",
+  CD: "CD",
+  CK: "CK",
+  CR: "CR",
+  CI: "CI",
+  HR: "HR",
+  CU: "CU",
+  CY: "CY",
+  CZ: "CZ",
+  DK: "DK",
+  DJ: "DJ",
+  DM: "DM",
+  DO: "DO",
+  EC: "EC",
+  EG: "EG",
+  SV: "SV",
+  GQ: "GQ",
+  ER: "ER",
+  EE: "EE",
+  ET: "ET",
+  FK: "FK",
+  FO: "FO",
+  FJ: "FJ",
+  FI: "FI",
+  FR: "FR",
+  GF: "GF",
+  PF: "PF",
+  TF: "TF",
+  GA: "GA",
+  GM: "GM",
+  GE: "GE",
+  DE: "DE",
+  GH: "GH",
+  GI: "GI",
+  GR: "GR",
+  GL: "GL",
+  GD: "GD",
+  GP: "GP",
+  GU: "GU",
+  GT: "GT",
+  GG: "GG",
+  GN: "GN",
+  GW: "GW",
+  GY: "GY",
+  HT: "HT",
+  HM: "HM",
+  VA: "VA",
+  HN: "HN",
+  HK: "HK",
+  HU: "HU",
+  IS: "IS",
+  IN: "IN",
+  ID: "ID",
+  IR: "IR",
+  IQ: "IQ",
+  IE: "IE",
+  IM: "IM",
+  IL: "IL",
+  IT: "IT",
+  JM: "JM",
+  JP: "JP",
+  JE: "JE",
+  JO: "JO",
+  KZ: "KZ",
+  KE: "KE",
+  KI: "KI",
+  KP: "KP",
+  KR: "KR",
+  KW: "KW",
+  KG: "KG",
+  LA: "LA",
+  LV: "LV",
+  LB: "LB",
+  LS: "LS",
+  LR: "LR",
+  LY: "LY",
+  LI: "LI",
+  LT: "LT",
+  LU: "LU",
+  MO: "MO",
+  MK: "MK",
+  MG: "MG",
+  MW: "MW",
+  MY: "MY",
+  MV: "MV",
+  ML: "ML",
+  MT: "MT",
+  MH: "MH",
+  MQ: "MQ",
+  MR: "MR",
+  MU: "MU",
+  YT: "YT",
+  MX: "MX",
+  FM: "FM",
+  MD: "MD",
+  MC: "MC",
+  ME: "ME",
+  MN: "MN",
+  MS: "MS",
+  MA: "MA",
+  MZ: "MZ",
+  MM: "MM",
+  NA: "NA",
+  NR: "NR",
+  NP: "NP",
+  NL: "NL",
+  AN: "AN",
+  NC: "NC",
+  NZ: "NZ",
+  NI: "NI",
+  NE: "NE",
+  NG: "NG",
+  NU: "NU",
+  NF: "NF",
+  MP: "MP",
+  NO: "NO",
+  OM: "OM",
+  PK: "PK",
+  PW: "PW",
+  PS: "PS",
+  PA: "PA",
+  PG: "PG",
+  PY: "PY",
+  PE: "PE",
+  PH: "PH",
+  PN: "PN",
+  PL: "PL",
+  PT: "PT",
+  PR: "PR",
+  QA: "QA",
+  RE: "RE",
+  RO: "RO",
+  RS: "RS",
+  RU: "RU",
+  RW: "RW",
+  SH: "SH",
+  KN: "KN",
+  LC: "LC",
+  PM: "PM",
+  VC: "VC",
+  WS: "WS",
+  SM: "SM",
+  ST: "ST",
+  SA: "SA",
+  SN: "SN",
+  SS: "SS",
+  SC: "SC",
+  SL: "SL",
+  SG: "SG",
+  SK: "SK",
+  SI: "SI",
+  SB: "SB",
+  SO: "SO",
+  SX: "SX",
+  ZA: "ZA",
+  GS: "GS",
+  ES: "ES",
+  LK: "LK",
+  SD: "SD",
+  SR: "SR",
+  SJ: "SJ",
+  SZ: "SZ",
+  SE: "SE",
+  CH: "CH",
+  SY: "SY",
+  TW: "TW",
+  TJ: "TJ",
+  TZ: "TZ",
+  TH: "TH",
+  TL: "TL",
+  TG: "TG",
+  TK: "TK",
+  TO: "TO",
+  TT: "TT",
+  TN: "TN",
+  TR: "TR",
+  TM: "TM",
+  TC: "TC",
+  TV: "TV",
+  UG: "UG",
+  UA: "UA",
+  AE: "AE",
+  GB: "GB",
+  US: "US",
+  UM: "UM",
+  UY: "UY",
+  UZ: "UZ",
+  VU: "VU",
+  VE: "VE",
+  VN: "VN",
+  VG: "VG",
+  VI: "VI",
+  WF: "WF",
+  EH: "EH",
+  YE: "YE",
+  ZM: "ZM",
+  ZW: "ZW"
+}, S = Object.values(M);
 export {
-  at as ManageMeasureUnitsForm
+  S as AllowedCountries
 };

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

@@ -1,23 +1,98 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import "./index57.js";
-import "@tanstack/react-query";
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { useForm as y, Controller as i } from "react-hook-form";
+import { prepareBankAccountCreatePayload as k } from "./index434.js";
 import "date-fns";
-import { useEntityUserById as m } from "./index75.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { Skeleton as e } from "@mui/material";
-const u = ({
-  id: r
+import { getCreateBankAccountSchema as x } from "./index194.js";
+import { safeZodResolver as C } from "./index239.js";
+import { useLingui as S } from "@lingui/react";
+import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index172.js";
+import { Input as s } from "./index117.js";
+import { Typography as h } from "./index85.js";
+import { useCreateEntityBankAccount as F } from "./index404.js";
+import { Button as p } from "./index84.js";
+const J = ({
+  bankAccountsLength: b,
+  onCreate: _,
+  onCancel: f
 }) => {
   const {
-    data: t,
-    isLoading: o
-  } = m(r);
-  return /* @__PURE__ */ i("span", { children: o ? /* @__PURE__ */ i(e, { animation: "wave", height: 10, width: "100%", sx: {
-    minWidth: "4em"
-  } }) : !!t && `${t?.first_name || ""} ${t?.last_name || ""}` });
+    i18n: a
+  } = S(), {
+    mutate: v,
+    isPending: o
+  } = F(_), {
+    control: l,
+    handleSubmit: g
+  } = y({
+    mode: "onSubmit",
+    reValidateMode: "onSubmit",
+    resolver: C(x(a)),
+    defaultValues: {
+      display_name: "",
+      account_holder_name: "",
+      account_number: "",
+      routing_number: ""
+    }
+  }), w = (t) => {
+    v({
+      body: k(t)
+    });
+  };
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: /* @__PURE__ */ e(h, { variant: "body2", children: a._("Add a bank account") }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "routing_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "routing_number", children: a._("Routing number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "routing_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "account_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_number", children: a._("Account number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "account_holder_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_holder_name", children: a._("Account holder name") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_holder_name", placeholder: a._("e.g. James Smith"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "display_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ n(m, { htmlFor: "display_name", className: "ttw:gap-1", children: [
+          a._("Account nickname"),
+          /* @__PURE__ */ e(h, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: a._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(s, { ...t, id: "display_name", placeholder: a._("e.g. Empire Bank Checking"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      b !== 0 && /* @__PURE__ */ e(p, { type: "button", variant: "outline", className: "ttw:border-border", disabled: o, onClick: f, children: a._("Cancel") }),
+      /* @__PURE__ */ e(p, { type: "button", disabled: o, onClick: g(w), children: a._("Save account") })
+    ] })
+  ] });
 };
 export {
-  u as UserCell
+  J as BankAccountSectionForm
 };

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

@@ -1,45 +1,19 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { toast as g } from "react-hot-toast";
-import { useMoniteContext as c } from "./index57.js";
-import { MoniteScopedProviders as p } from "./index83.js";
-import { ConfirmationModal as u } from "./index173.js";
-import { useLingui as f } from "@lingui/react";
-const D = (e) => /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(C, { ...e }) }), C = ({
-  tag: e,
-  onClose: i,
-  onDelete: m,
-  modalOpened: d
-}) => {
-  const {
-    i18n: o
-  } = f(), n = e?.id, {
-    api: t,
-    queryClient: s
-  } = c(), r = t.finops.deleteTagsId.useMutation({
-    path: {
-      tag_id: n ?? ""
-    }
-  }, {
-    onSuccess: () => (t.finops.getTagsId.removeQueries({
-      parameters: {
-        path: {
-          tag_id: n
-        }
-      }
-    }, s), t.finops.getTags.invalidateQueries(s))
-  }), l = () => {
-    r.mutate(void 0, {
-      onSuccess: () => {
-        g.success(o._("Tag “{tagName}” was deleted", {
-          tagName: e.name
-        })), i?.(), m?.(e.id);
-      }
-    });
-  };
-  return /* @__PURE__ */ a(u, { open: d, title: o._("Delete “{tagName}” tag?", {
-    tagName: e.name
-  }), message: o._("This action can’t be undone."), confirmLabel: o._("Delete"), cancelLabel: o._("Cancel"), onClose: i, onConfirm: l, isLoading: r.isPending });
+const t = (e, n, a) => {
+  switch (e) {
+    case "INTERNAL":
+      return n ? a._("Powered by {embeddedBankName}", {
+        embeddedBankName: n
+      }) : null;
+    case "EXTERNAL":
+      return a._("Linked account");
+    default:
+      return null;
+  }
+}, c = (e, n) => {
+  const a = e.account_number?.slice(-4) ?? e.account_number_last4;
+  return [e.display_name || n._("Bank Account"), a].filter(Boolean).join(" - ");
 };
 export {
-  D as ConfirmDeleteModal
+  c as getLineLabel,
+  t as getSourceLabel
 };

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

@@ -1,16 +1,87 @@
-const a = ["document_type", "department", "project", "cost_center", "vendor_type", "payment_method", "approval_status"], o = (e) => ({
-  document_type: e._("Document Type"),
-  department: e._("Department"),
-  project: e._("Project"),
-  cost_center: e._("Cost Center"),
-  vendor_type: e._("Vendor Type"),
-  payment_method: e._("Payment Method"),
-  approval_status: e._("Approval Status")
-});
-function r(e, t) {
-  return e ? o(t)[e] : "";
-}
+import { jsx as t, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useState as S, useMemo as p } from "react";
+import { useFormContext as $, Controller as E } from "react-hook-form";
+import { getCounterpartEmail as V, getCounterpartName as I } from "./index7.js";
+import { useRootElements as j } from "./index92.js";
+import "./index57.js";
+import { useCounterpartList as k } from "./index71.js";
+import "react-hot-toast";
+import { useLingui as z } from "@lingui/react";
+import { Combobox as D, ComboboxInput as A, ComboboxContent as q, ComboboxList as B, ComboboxEmpty as G, ComboboxItem as K } from "./index90.js";
+import { Field as M, FieldContent as O, FieldLabel as P, FieldDescription as R, FieldError as T } from "./index172.js";
+import { InputGroupAddon as H } from "./index101.js";
+import { Loader2 as J, Search as Q } from "lucide-react";
+const me = ({
+  disabled: _,
+  canCreateCounterpart: i = !0
+}) => {
+  const {
+    i18n: o
+  } = z(), {
+    root: g
+  } = j(), {
+    control: x,
+    setValue: s,
+    watch: v,
+    clearErrors: f
+  } = $(), {
+    data: d,
+    isLoading: L
+  } = k({
+    query: {
+      is_customer: !0
+    }
+  }), [h, C] = S(!1), m = v("counterpart_name") ?? "", c = p(() => d ? d.data.map((e) => ({
+    id: e.id,
+    name: I(e),
+    email: V(e)
+  })) : [], [d]), a = p(() => {
+    const e = m.toLowerCase().trim();
+    return e ? c.filter((n) => n.name.toLowerCase().includes(e) || n.email.toLowerCase().includes(e)) : c;
+  }, [c, m]), y = p(() => a.map((e) => e.id), [a]);
+  return /* @__PURE__ */ t(E, { name: "counterpart_id", control: x, render: ({
+    field: e,
+    fieldState: {
+      error: n
+    }
+  }) => {
+    const w = (r) => {
+      s("counterpart_name", ""), s("counterpart_email", ""), f(["counterpart_id", "counterpart_email"]), e.onChange(r ?? "");
+    }, N = (r, l) => {
+      if (l.reason !== "input-change") {
+        i || s("counterpart_name", "");
+        return;
+      }
+      s("counterpart_name", r), e.value && e.onChange(""), i && r.trim() && f("counterpart_id");
+    };
+    return /* @__PURE__ */ t(M, { children: /* @__PURE__ */ u(O, { children: [
+      /* @__PURE__ */ t(P, { htmlFor: "counterpart_id", children: o._("Name") }),
+      /* @__PURE__ */ u(D, { value: e.value || null, onValueChange: w, inputValue: m, onInputValueChange: N, items: y, filter: () => !0, disabled: _, open: h, onOpenChange: C, children: [
+        /* @__PURE__ */ t(A, { id: "counterpart_id", placeholder: i ? o._("Search or type to add a customer") : o._("Search for a customer"), "aria-invalid": !!n, onKeyDown: (r) => {
+          if (r.key === "Enter") {
+            r.preventDefault();
+            return;
+          }
+          if (r.key === "Tab" && h) {
+            const l = m.toLowerCase().trim();
+            if (!l) return;
+            const b = a.find((F) => F.name.toLowerCase() === l) ?? (a.length === 1 ? a[0] : void 0);
+            b && (w(b.id), C(!1));
+          }
+        }, children: /* @__PURE__ */ t(H, { align: "inline-start", children: L ? /* @__PURE__ */ t(J, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ t(Q, { className: "ttw:size-4 ttw:text-muted-foreground" }) }) }),
+        /* @__PURE__ */ t(q, { container: g, children: /* @__PURE__ */ u(B, { children: [
+          /* @__PURE__ */ t(G, { children: i ? o._("No customers found - type to add a customer") : o._("No customers found") }),
+          a.map((r) => /* @__PURE__ */ t(K, { value: r.id, children: /* @__PURE__ */ u("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2", children: [
+            /* @__PURE__ */ t("span", { children: r.name }),
+            /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: r.email })
+          ] }) }, r.id))
+        ] }) })
+      ] }),
+      /* @__PURE__ */ t(R, { children: i ? o._("Search by customer name or email. New customers will be saved when saving the invoice.") : o._("Search by customer name or email.") }),
+      /* @__PURE__ */ t(T, { errors: n ? [n] : [] })
+    ] }) });
+  } });
+};
 export {
-  r as getTagCategoryLabel,
-  a as tagCategories
+  me as CounterpartSelector
 };