@tesouro/embedded-components-react 0.2.33 → 0.2.35

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

@@ -1,59 +1,151 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRootElements as s } from "./index94.js";
-import { FilterContainer as p } from "./index359.js";
-import { useLingui as m } from "@lingui/react";
-import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
-import { DatePicker as _ } from "@mui/x-date-pickers";
-import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index306.js";
-import { getRowToStatusTextMap as S } from "./index419.js";
-import { AutocompleteCreatedBy as M } from "./index420.js";
-const O = ({
-  onChangeFilter: l,
-  sx: i
-}) => {
-  const {
-    i18n: a
-  } = m(), {
-    root: r
-  } = s();
-  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
-    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
-      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
-      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
-        container: r
-      }, onChange: (e) => {
-        l(R, e && e.target.value);
-      }, children: [{
-        label: a._("All invoices"),
-        value: "all"
-      }, ...Object.values(v).map((e) => ({
-        label: S(a)[e],
-        value: e
-      }))].map(({
-        label: e,
-        value: o
-      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
-    ] }),
-    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
-    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
-      o.validationError || l(C, e);
-    }, slotProps: {
-      textField: {
-        variant: "standard"
-      },
-      popper: {
-        container: r
-      },
-      dialog: {
-        container: r
-      },
-      actionBar: {
-        actions: ["clear", "today"]
-      }
-    }, views: ["year", "month", "day"] }),
-    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
-  ] });
-};
+import { z as D } from "zod";
+const S = {
+  AED: "AED",
+  AFN: "AFN",
+  ALL: "ALL",
+  AMD: "AMD",
+  ANG: "ANG",
+  AOA: "AOA",
+  ARS: "ARS",
+  AUD: "AUD",
+  AWG: "AWG",
+  AZN: "AZN",
+  BAM: "BAM",
+  BBD: "BBD",
+  BDT: "BDT",
+  BGN: "BGN",
+  BHD: "BHD",
+  BIF: "BIF",
+  BMD: "BMD",
+  BND: "BND",
+  BOB: "BOB",
+  BRL: "BRL",
+  BSD: "BSD",
+  BTN: "BTN",
+  BWP: "BWP",
+  BYN: "BYN",
+  BZD: "BZD",
+  CAD: "CAD",
+  CDF: "CDF",
+  CHF: "CHF",
+  CLP: "CLP",
+  CNY: "CNY",
+  COP: "COP",
+  CRC: "CRC",
+  CVE: "CVE",
+  CZK: "CZK",
+  DJF: "DJF",
+  DKK: "DKK",
+  DOP: "DOP",
+  DZD: "DZD",
+  EGP: "EGP",
+  ETB: "ETB",
+  EUR: "EUR",
+  FJD: "FJD",
+  FKP: "FKP",
+  GBP: "GBP",
+  GEL: "GEL",
+  GHS: "GHS",
+  GIP: "GIP",
+  GMD: "GMD",
+  GNF: "GNF",
+  GTQ: "GTQ",
+  GYD: "GYD",
+  HKD: "HKD",
+  HNL: "HNL",
+  HTG: "HTG",
+  HUF: "HUF",
+  IDR: "IDR",
+  ILS: "ILS",
+  INR: "INR",
+  IQD: "IQD",
+  ISK: "ISK",
+  JMD: "JMD",
+  JOD: "JOD",
+  JPY: "JPY",
+  KES: "KES",
+  KGS: "KGS",
+  KHR: "KHR",
+  KMF: "KMF",
+  KRW: "KRW",
+  KWD: "KWD",
+  KYD: "KYD",
+  KZT: "KZT",
+  LAK: "LAK",
+  LBP: "LBP",
+  LKR: "LKR",
+  LRD: "LRD",
+  LSL: "LSL",
+  LYD: "LYD",
+  MAD: "MAD",
+  MDL: "MDL",
+  MGA: "MGA",
+  MKD: "MKD",
+  MMK: "MMK",
+  MNT: "MNT",
+  MOP: "MOP",
+  MUR: "MUR",
+  MVR: "MVR",
+  MWK: "MWK",
+  MXN: "MXN",
+  MYR: "MYR",
+  MZN: "MZN",
+  NAD: "NAD",
+  NGN: "NGN",
+  NIO: "NIO",
+  NOK: "NOK",
+  NPR: "NPR",
+  NZD: "NZD",
+  OMR: "OMR",
+  PAB: "PAB",
+  PEN: "PEN",
+  PGK: "PGK",
+  PHP: "PHP",
+  PKR: "PKR",
+  PLN: "PLN",
+  PYG: "PYG",
+  QAR: "QAR",
+  RON: "RON",
+  RSD: "RSD",
+  RUB: "RUB",
+  RWF: "RWF",
+  SAR: "SAR",
+  SBD: "SBD",
+  SCR: "SCR",
+  SEK: "SEK",
+  SGD: "SGD",
+  SHP: "SHP",
+  SLE: "SLE",
+  SOS: "SOS",
+  SRD: "SRD",
+  SSP: "SSP",
+  SVC: "SVC",
+  SZL: "SZL",
+  THB: "THB",
+  TJS: "TJS",
+  TMT: "TMT",
+  TND: "TND",
+  TOP: "TOP",
+  TRY: "TRY",
+  TTD: "TTD",
+  TWD: "TWD",
+  TZS: "TZS",
+  UAH: "UAH",
+  UGX: "UGX",
+  USD: "USD",
+  UYU: "UYU",
+  UZS: "UZS",
+  VND: "VND",
+  VUV: "VUV",
+  WST: "WST",
+  XAF: "XAF",
+  XCD: "XCD",
+  XOF: "XOF",
+  XPF: "XPF",
+  YER: "YER",
+  ZAR: "ZAR",
+  ZMW: "ZMW"
+}, N = D.enum(Object.keys(S));
 export {
-  O as ApprovalRequestsFilter
+  N as CurrencyEnumSchema
 };

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

@@ -1,31 +1,52 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { Chip as u } from "@mui/material";
-import { styled as l, useThemeProps as f } from "@mui/material/styles";
-import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index306.js";
-import { getRowToStatusTextMap as T } from "./index419.js";
-const c = ({
-  ref: s,
-  ...e
-}) => {
+import { useEffect as m, useMemo as f } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const p = 100, h = (s, g = !0) => {
   const {
-    status: t,
-    icon: a,
-    size: i,
-    variant: p
-  } = f({
-    props: e,
-    name: "MoniteApprovalRequestStatusChip"
+    api: u
+  } = k(), e = u.embeddedBanking.getBankAccounts.useInfiniteQuery({
+    query: {
+      ...s,
+      limit: p
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (a, P, x, d) => {
+      const t = a.nextPaginationToken ?? void 0;
+      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
+        return {
+          query: {
+            pagination_token: t
+          }
+        };
+    },
+    enabled: g
   }), {
-    i18n: m
-  } = n(), o = S[t];
-  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
-}, _ = l(u, {
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  name: "MoniteApprovalRequestStatusChip",
-  slot: "root",
-  shouldForwardProp: () => !0
-})({});
+    hasNextPage: n,
+    isFetchingNextPage: i,
+    isError: o,
+    fetchNextPage: r
+  } = e;
+  return m(() => {
+    n && !i && !o && r();
+  }, [n, i, o, r]), {
+    data: f(() => {
+      if (e.data)
+        return {
+          data: e.data.pages.flatMap((a) => a.data ?? []),
+          nextPaginationToken: null,
+          prevPaginationToken: null
+        };
+    }, [e.data]),
+    isLoading: e.isLoading,
+    isFetching: e.isFetching,
+    isError: e.isError,
+    error: e.error
+  };
+};
 export {
-  c as ApprovalRequestStatusChip
+  h as useGetEmbeddedBankAccounts
 };

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

@@ -1,62 +1,52 @@
-import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
-import { useState as c } from "react";
-import "./index59.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserByAuthToken as p } from "./index77.js";
-import "react-hot-toast";
-import { useLingui as s } from "@lingui/react";
-import u from "@mui/icons-material/CheckCircleOutlineRounded";
-import f from "@mui/icons-material/HighlightOffRounded";
-import { Stack as m, IconButton as a } from "@mui/material";
-const C = ({
-  id: o,
-  onClick: t
-}) => {
+import { useEffect as m, useMemo as p } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const l = 100, h = (s, g = !0) => {
   const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "approve"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(u, {}) });
-}, k = ({
-  id: o,
-  onClick: t
-}) => {
-  const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "reject"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(f, {}) });
-}, q = (o) => {
-  const {
-    i18n: t
-  } = s(), {
-    data: r
-  } = p();
-  if ("onRowActionClick" in o && o.onRowActionClick)
-    return {
-      field: "actions",
-      headerName: t._("Actions"),
-      sortable: !1,
-      display: "flex",
-      align: "right",
-      renderCell: (i) => {
-        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
-          return /* @__PURE__ */ d(m, { direction: "row", children: [
-            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
-            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
-          ] });
+    api: u
+  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
+    query: {
+      ...s,
+      limit: l
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
       }
-    };
+    },
+    getNextPageParam: (a, x, P, d) => {
+      const t = a.nextPaginationToken ?? void 0;
+      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
+        return {
+          query: {
+            pagination_token: t
+          }
+        };
+    },
+    enabled: g
+  }), {
+    hasNextPage: n,
+    isFetchingNextPage: i,
+    isError: r,
+    fetchNextPage: o
+  } = e;
+  return m(() => {
+    n && !i && !r && o();
+  }, [n, i, r, o]), {
+    data: p(() => {
+      if (e.data)
+        return {
+          data: e.data.pages.flatMap((a) => a.data ?? []),
+          nextPaginationToken: null,
+          prevPaginationToken: null
+        };
+    }, [e.data]),
+    isLoading: e.isLoading,
+    isFetching: e.isFetching,
+    isError: e.isError,
+    error: e.error
+  };
 };
 export {
-  q as useApprovalRequestActionsCell
+  h as useGetExternalBankAccounts
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index59.js";
-import { getAPIErrorMessage as d } from "./index122.js";
+import { getAPIErrorMessage as d } from "./index124.js";
 import { useLingui as p } from "@lingui/react";
 import { toast as r } from "react-hot-toast";
 const f = (s, i) => {

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

@@ -1,22 +1,75 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import "./index59.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as e } from "./index77.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { UserAvatar as m } from "./index421.js";
-import { Chip as i, Skeleton as n } from "@mui/material";
-const y = ({
-  entityUserId: o
-}) => {
-  const {
-    data: r,
-    isLoading: a
-  } = e(o);
-  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
-};
+import { jsx as t, jsxs as l } from "@emotion/react/jsx-runtime";
+import { cn as n } from "./index102.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 {
-  y as UserCell
+  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/index311.js

@@ -1,4 +1,113 @@
-const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
+import { jsx as e, jsxs as s } from "@emotion/react/jsx-runtime";
+import { useState as F, useCallback as k, useMemo as w } from "react";
+import { useFormContext as T, Controller as $ } from "react-hook-form";
+import { getCounterpartName as H, prepareAddressView as J } from "./index7.js";
+import { useRootElements as K } from "./index94.js";
+import "./index59.js";
+import { useCounterpartList as W } from "./index73.js";
+import "react-hot-toast";
+import { useLingui as X } from "@lingui/react";
+import { Combobox as Y, ComboboxInput as Z, ComboboxContent as tt, ComboboxList as et, ComboboxItem as C, ComboboxSeparator as rt } from "./index92.js";
+import { Button as ot } from "./index86.js";
+import { Field as at, FieldContent as it, FieldLabel as nt, FieldError as st } from "./index168.js";
+import { InputGroupAddon as lt } from "./index103.js";
+import { cn as dt } from "./index102.js";
+import { Loader2 as ut, Plus as mt } from "lucide-react";
+const h = "__create-new__", Vt = ({
+  setIsCreateCounterpartOpened: f,
+  setIsViewCounterpartOpened: b,
+  isSimplified: a = !1,
+  shouldDisableFormUpdate: x = !1,
+  disabled: S,
+  currentCounterpartId: z,
+  handleUpdateCounterpartId: v,
+  counterpartAddresses: I
+}) => {
+  const {
+    i18n: u
+  } = X(), {
+    root: A
+  } = K(), {
+    control: P,
+    watch: j
+  } = T(), {
+    data: g,
+    isLoading: D
+  } = W({
+    query: {
+      is_customer: !0
+    }
+  }), [m, _] = F(""), [c, y] = F(!1), M = k(() => {
+    !a && f && f(!0);
+  }, [a, f]), O = k(() => {
+    !a && b && b(!0);
+  }, [a, b]), q = j("counterpart_id"), p = x ? z : q, i = w(() => g ? g.data.map((r) => ({
+    id: r.id,
+    label: H(r)
+  })) : [], [g]), o = w(() => i.find((r) => r.id === p) ?? null, [i, p]), B = o ? o.label : m, {
+    matchingItems: N,
+    nonMatchingItems: L
+  } = w(() => {
+    const r = o ? "" : m.toLowerCase().trim();
+    if (!r)
+      return {
+        matchingItems: i,
+        nonMatchingItems: []
+      };
+    const n = [], l = [];
+    for (const d of i)
+      d.label.toLowerCase().includes(r) ? n.push(d) : l.push(d);
+    return {
+      matchingItems: n,
+      nonMatchingItems: l
+    };
+  }, [m, o, i]), U = w(() => [...a ? [] : [h], ...i.map((r) => r.id)], [i, a]), E = o ? Array.from(o.label)[0]?.toUpperCase() ?? "?" : "+", V = I?.data?.[0] ? J({
+    address: I.data[0]
+  }) : "", G = !c && !!o && !!V && !a;
+  return /* @__PURE__ */ e($, { name: "counterpart_id", control: P, render: ({
+    field: r,
+    fieldState: {
+      error: n
+    }
+  }) => {
+    const l = (t) => {
+      x && v ? v(t) : r.onChange(t);
+    }, d = (t) => {
+      if (t === h) {
+        M();
+        return;
+      }
+      _(""), l(t ?? "");
+    }, R = (t) => {
+      t !== h && (i.some((Q) => Q.id === t) || (_(t), p && l("")));
+    };
+    return /* @__PURE__ */ e(at, { children: /* @__PURE__ */ s(it, { children: [
+      /* @__PURE__ */ e(nt, { htmlFor: "counterpart_id", required: !0, children: u._("Customer") }),
+      /* @__PURE__ */ s(Y, { value: p ?? null, onValueChange: d, inputValue: B, onInputValueChange: R, items: U, filter: () => !0, disabled: S, open: c, onOpenChange: (t) => y(t), children: [
+        /* @__PURE__ */ s("div", { className: dt("ttw:flex ttw:flex-col ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow]", "ttw:has-[[data-slot=input-group-control]:focus-visible]:border-ring ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "ttw:has-[[data-slot][aria-invalid=true]]:border-destructive ttw:has-[[data-slot][aria-invalid=true]]:ring-destructive/20"), children: [
+          /* @__PURE__ */ s("div", { className: "ttw:relative", children: [
+            /* @__PURE__ */ e(Z, { id: "counterpart_id", placeholder: u._("Select customer"), "aria-invalid": !!n, showClear: c && (!!o || !!m), className: "ttw:min-h-10 ttw:border-0 ttw:shadow-none ttw:rounded-none ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-0 ttw:has-[[data-slot=input-group-control]:focus-visible]:border-transparent", children: /* @__PURE__ */ e(lt, { align: "inline-start", children: D ? /* @__PURE__ */ e(ut, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ e("span", { className: "ttw:flex ttw:size-7 ttw:items-center ttw:justify-center ttw:rounded-full ttw:select-none ttw:text-xs ttw:font-medium", style: {
+              backgroundColor: o ? "rgba(203, 203, 254, 1)" : "rgba(235, 235, 255, 1)",
+              color: "rgba(55, 55, 255, 1)"
+            }, children: E }) }) }),
+            !c && o && !a && /* @__PURE__ */ e("div", { className: "ttw:pointer-events-none ttw:absolute ttw:inset-y-0 ttw:right-8 ttw:flex ttw:items-center", children: /* @__PURE__ */ e(ot, { type: "button", variant: "ghost", size: "sm", className: "ttw:pointer-events-auto ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary/10", onPointerDown: (t) => t.stopPropagation(), onClick: O, children: u._("View details") }) })
+          ] }),
+          G && /* @__PURE__ */ e("p", { className: "ttw:pl-12 ttw:pr-3 ttw:pb-2 ttw:text-xs ttw:text-muted-foreground ttw:cursor-text ttw:select-none", onClick: () => y(!0), children: V })
+        ] }),
+        /* @__PURE__ */ e(tt, { container: A, children: /* @__PURE__ */ s(et, { children: [
+          !a && /* @__PURE__ */ s(C, { value: h, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
+            /* @__PURE__ */ e(mt, {}),
+            u._("Create new customer")
+          ] }),
+          N.map((t) => /* @__PURE__ */ e(C, { value: t.id, children: t.label }, t.id)),
+          N.length > 0 && L.length > 0 && /* @__PURE__ */ e(rt, {}),
+          L.map((t) => /* @__PURE__ */ e(C, { value: t.id, children: t.label }, t.id))
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e(st, { errors: n ? [n] : [] })
+    ] }) });
+  } });
+};
 export {
-  s as isPayableInOCRProcessing
+  Vt as CounterpartSelector
 };