@tesouro/embedded-components-react 0.2.38 → 0.2.43

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

@@ -1,106 +1,26 @@
-import { jsx as e, jsxs as d, Fragment as C } from "@emotion/react/jsx-runtime";
-import { Controller as c } from "react-hook-form";
-import { DefaultEmail as v } from "./index446.js";
-import { useRootElements as y } from "./index94.js";
-import { useCounterpartById as S } from "./index72.js";
-import "@tanstack/react-query";
-import "./index59.js";
-import { useCounterpartContactList as F } from "./index76.js";
-import "date-fns";
-import "react";
-import "react-hot-toast";
-import { useLingui as I } from "@lingui/react";
-import { useGetReceivableById as N } from "./index84.js";
-import { Card as u, CardContent as m, Stack as f, Typography as h, TextField as b, CircularProgress as M, FormControl as T, Select as B, MenuItem as L, FormHelperText as W } from "@mui/material";
-import { getDefaultContact as _, getContactList as j } from "./index358.js";
-const K = ({
-  formName: n,
-  style: t,
-  children: i,
-  handleIssueAndSend: a
-}) => /* @__PURE__ */ e("form", { id: n, noValidate: !0, onSubmit: a, style: t, children: i }), k = ({
-  invoiceId: n,
-  control: t
-}) => {
+import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
+import { FinanceHowItWorks as s } from "./index352.js";
+import { useKanmonContext as c } from "./index58.js";
+import { Dialog as m } from "./index52.js";
+import { useLingui as l } from "@lingui/react";
+import { Stack as p, Button as r } from "@mui/material";
+import { useState as g } from "react";
+const w = () => {
   const {
-    data: i
-  } = N(n), {
-    data: a
-  } = S(i?.counterpart_id), {
-    data: r,
-    isLoading: o
-  } = F(i?.counterpart_id), {
-    root: x
-  } = y();
-  if (o) return /* @__PURE__ */ e(M, {});
-  const g = _(r, a);
-  return /* @__PURE__ */ e(c, { name: "to", control: t, render: ({
-    field: p,
-    fieldState: {
-      error: s
-    }
-  }) => /* @__PURE__ */ d(T, { variant: "standard", required: !0, fullWidth: !0, error: !!s, children: [
-    /* @__PURE__ */ e(B, { MenuProps: {
-      container: x
-    }, className: "Monite-NakedField Monite-RecipientSelector", "data-testid": `${p.name}-select`, ...p, children: j(r, g).map((l) => /* @__PURE__ */ e(L, { value: l.email, children: /* @__PURE__ */ e(v, { email: l.email ?? "", isDefault: l.is_default }) }, l.id)) }),
-    s && /* @__PURE__ */ e(W, { children: s.message })
-  ] }) });
-}, O = ({
-  invoiceId: n,
-  control: t,
-  isDisabled: i
-}) => {
-  const {
-    i18n: a
-  } = I();
-  return /* @__PURE__ */ d(C, { children: [
-    /* @__PURE__ */ e(u, { sx: {
-      mb: 3
-    }, children: /* @__PURE__ */ e(m, { sx: {
-      px: 3,
-      pt: 1,
-      pb: 1,
-      "&:last-child": {
-        pb: 1
-      }
-      // last-child is necessary to override default style of the MUI theme
-    }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
-      /* @__PURE__ */ e(h, { variant: "body2", sx: {
-        minWidth: "52px"
-      }, children: a._("To") }),
-      /* @__PURE__ */ e(k, { invoiceId: n, control: t })
-    ] }) }) }),
-    /* @__PURE__ */ d(u, { children: [
-      /* @__PURE__ */ e(m, { sx: {
-        px: 3,
-        py: 1,
-        borderBottomWidth: "1px",
-        borderBottomStyle: "solid",
-        borderBottomColor: "divider"
-      }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
-        /* @__PURE__ */ e(h, { variant: "body2", children: a._("Subject") }),
-        /* @__PURE__ */ e(c, { name: "subject", control: t, render: ({
-          field: r,
-          fieldState: {
-            error: o
-          }
-        }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, ...r, disabled: i }) })
-      ] }) }),
-      /* @__PURE__ */ e(m, { sx: {
-        pl: 3,
-        pr: 3,
-        pb: 3,
-        pt: 1
-      }, children: /* @__PURE__ */ e(c, { name: "body", control: t, render: ({
-        field: r,
-        fieldState: {
-          error: o
-        }
-      }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, multiline: !0, rows: 8, ...r, disabled: i }) }) })
-    ] })
+    i18n: o
+  } = l(), {
+    startFinanceSession: t
+  } = c(), [e, i] = g(!1);
+  return /* @__PURE__ */ a(p, { direction: "row", gap: 1, alignItems: "center", children: [
+    /* @__PURE__ */ n(r, { variant: "text", onClick: () => i(!0), children: o._("How does invoice financing work?") }),
+    /* @__PURE__ */ n(r, { onClick: () => t(), variant: "contained", color: "primary", sx: {
+      px: 2.5,
+      py: 1.5,
+      height: 40
+    }, children: o._("Financing menu") }),
+    /* @__PURE__ */ n(m, { open: e, onClose: () => i(!1), alignDialog: "right", children: /* @__PURE__ */ n(s, {}) })
   ] });
 };
 export {
-  K as Form,
-  O as FormContent
+  w as FinanceMenuButtons
 };

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

@@ -1,23 +1,65 @@
-import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
-const i = (r, t) => {
-  if (r && r.length)
-    return r.find((n) => n.is_default) ?? r[0];
-  if (!t || !e(t))
-    return;
-  const a = t.organization?.email;
-  if (a)
-    return {
-      id: "organization",
-      counterpart_id: t.id,
-      email: a,
-      is_default: !0,
-      first_name: o(t),
-      last_name: "",
-      is_customer: t.is_customer,
-      is_vendor: t.is_vendor
-    };
-}, u = (r, t) => r?.length ? r : t ? [t] : [];
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { Fragment as m } from "react";
+import { useLingui as h } from "@lingui/react";
+import _ from "@mui/icons-material/MonetizationOnOutlined";
+import { useTheme as g, Box as i, Typography as n, lighten as f, List as x, ListItem as l } from "@mui/material";
+const F = ({
+  offers: p
+}) => {
+  const {
+    i18n: t
+  } = h(), d = g();
+  return !p || p.length === 0 ? null : /* @__PURE__ */ a(i, { width: "100%", children: [
+    /* @__PURE__ */ e(n, { variant: "subtitle1", sx: {
+      mb: 3,
+      display: "inline-block"
+    }, children: t._("Current offer") }),
+    /* @__PURE__ */ e(i, { sx: {
+      display: "flex",
+      gap: 2,
+      flexWrap: "wrap"
+    }, children: p.map((o, c) => o?.pricing_plans?.map((r, s) => /* @__PURE__ */ a(i, { width: 232, height: 148, px: 3, py: 2.5, sx: {
+      backgroundColor: d.palette.background.paper,
+      borderRadius: "16px",
+      border: `1px solid ${d.palette.divider}`
+    }, children: [
+      /* @__PURE__ */ a(i, { sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        mb: 2
+      }, children: [
+        /* @__PURE__ */ e(_, { sx: {
+          fontSize: 24,
+          color: f(d.palette.primary.main, 0.6)
+        } }),
+        /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 500, sx: {
+          flex: "1 1 0%",
+          width: "100%"
+        }, children: t._("Financing plan") })
+      ] }),
+      /* @__PURE__ */ e(x, { sx: {
+        p: 0
+      }, children: /* @__PURE__ */ a(m, { children: [
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemAdvance_rate_percentage}% advance rate", {
+          itemAdvance_rate_percentage: r.advance_rate_percentage / 100
+        }) }) }),
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("Pay in {itemRepayment_duration_days} days", {
+          itemRepayment_duration_days: r.repayment_duration_days
+        }) }) }),
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemFee_percentage}% fee", {
+          itemFee_percentage: r.fee_percentage / 100
+        }) }) })
+      ] }, r.advance_rate_percentage) })
+    ] }, `${o.available_amount}-${c}-${o.total_amount}-${s}`))) })
+  ] });
+};
 export {
-  u as getContactList,
-  i as getDefaultContact
+  F as FinanceOffers
 };

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

@@ -1,37 +1,16 @@
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as o } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const l = (i) => {
-  const {
-    i18n: a
-  } = o(), {
-    api: e,
-    queryClient: t
-  } = n();
-  return e.finops.postReceivablesIdSend.useMutation({
-    path: {
-      receivable_id: i
-    }
-  }, {
-    onSuccess: async () => {
-      await Promise.all([e.finops.getReceivables.invalidateQueries(t), e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: i
-          }
-        }
-      }, t)]);
-      const s = e.finops.getReceivablesId.getQueryData({
-        path: {
-          receivable_id: i
-        }
-      }, t);
-      r.success(a._("This {type} has been sent", {
-        type: s?.type === "credit_note" ? "credit memo" : s?.type
-      }));
-    }
-  });
-};
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { Box as f } from "@mui/material";
+import { FinanceLimits as e } from "./index356.js";
+import { FinanceOffers as i } from "./index358.js";
+const p = ({
+  offers: s
+}) => /* @__PURE__ */ r(f, { sx: {
+  display: "flex",
+  gap: 2
+}, children: [
+  /* @__PURE__ */ o(e, { offers: s }),
+  s?.[0]?.status === "CURRENT" && /* @__PURE__ */ o(i, { offers: s })
+] });
 export {
-  l as useSendReceivableById
+  p as FinanceWidget
 };

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

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as l, Fragment as B } from "@emotion/react/jsx-runtime";
-import { InvoiceRecurrenceStatusChip as q } from "./index181.js";
+import { InvoiceRecurrenceStatusChip as q } from "./index167.js";
 import { InvoiceStatusChip as E } from "./index57.js";
-import { InvoicesFilterBar as U } from "./index182.js";
-import { InvoiceStatusCardsFilter as V } from "./index183.js";
-import { useInvoicesFilter as j } from "./index184.js";
+import { InvoicesFilterBar as U } from "./index168.js";
+import { InvoiceStatusCardsFilter as V } from "./index169.js";
+import { useInvoicesFilter as j } from "./index170.js";
 import { useGetReceivables as G } from "./index149.js";
 import { useMoniteContext as N } from "./index59.js";
 import { MoniteScopedProviders as Q } from "./index85.js";
 import { useAreCounterpartsLoading as W } from "./index64.js";
 import { useCurrencies as H } from "./index60.js";
-import { ReceivableCursorFields as w } from "./index185.js";
+import { ReceivableCursorFields as w } from "./index171.js";
 import { CounterpartNameCellById as J } from "./index163.js";
 import { GetNoRowsOverlay as X } from "./index164.js";
-import { DueDateCell as Y } from "./index186.js";
+import { DueDateCell as Y } from "./index172.js";
 import { DataTable as Z } from "./index165.js";
 import { Skeleton as F } from "./index139.js";
 import { useLingui as tt } from "@lingui/react";

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

@@ -1,59 +1,52 @@
-import { jsx as t, Fragment as v, jsxs as i } from "@emotion/react/jsx-runtime";
-import { useLingui as b } from "@lingui/react";
-import { useState as y, useEffect as N } from "react";
-import { useCreateInvoiceEmailPreview as j } from "./index419.js";
-import { LanguageCodeEnum as C } from "./index249.js";
-import { CenteredContentBox as s } from "./index233.js";
-import { Button as _ } from "./index86.js";
-import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
-import { LoadingSpinner as B } from "./index138.js";
-const q = ({
-  invoiceId: l,
-  body: c,
-  subject: m
-}) => {
+import { useEffect as m, useMemo as f } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const p = 100, h = (s, g = !0) => {
   const {
-    i18n: e
-  } = b(), [a, d] = y(0), {
-    data: w,
-    mutateAsync: f,
-    isPending: p,
-    error: u
-  } = j(l), x = () => {
-    d(a + 1);
-  }, h = (r) => Object.values(C).includes(r), g = () => {
-    const r = e.locale, o = r.indexOf("-"), n = o >= 0 ? r.substring(0, o) : r;
-    return h(n) ? n : "en";
+    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
+  }), {
+    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
   };
-  return N(() => {
-    f({
-      body_text: c,
-      subject_text: m,
-      language: g(),
-      type: "receivable"
-    });
-  }, [a]), /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:min-h-0 ttw:overflow-hidden ttw:flex-1", children: p ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(B, {}) }) : /* @__PURE__ */ t(v, { children: u ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4", children: [
-    /* @__PURE__ */ t(E, { className: "ttw:text-red-500" }),
-    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:justify-center ttw:text-center ttw:gap-1 ttw:items-center", children: [
-      /* @__PURE__ */ t("h2", { className: "ttw:font-bold ttw:text-base", children: e._("Failed to generate email preview") }),
-      /* @__PURE__ */ i("div", { className: "ttw:items-center", children: [
-        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("Please try to reload.") }),
-        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("If the error recurs, contact support, please.") })
-      ] }),
-      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
-        /* @__PURE__ */ t(P, {}),
-        e._("Reload")
-      ] })
-    ] })
-  ] }) }) : /* @__PURE__ */ t("iframe", { srcDoc: w?.body_preview, style: {
-    width: "100%",
-    height: "100%",
-    marginBottom: "-16px",
-    // Margin is necessary to avoid vertical scrollbar on the iframe container element. It's not clear why, but it helps.
-    border: 0,
-    flex: 1
-  } }) }) });
 };
 export {
-  q as PreviewEmail
+  h as useGetEmbeddedBankAccounts
 };

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

@@ -1,44 +1,52 @@
-import { useMoniteContext as c } from "./index59.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as u } from "react-hot-toast";
-const v = () => {
+import { useEffect as m, useMemo as p } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const l = 100, h = (s, g = !0) => {
   const {
-    api: e,
-    entityId: i
-  } = c(), {
-    i18n: o
-  } = d(), {
-    data: n
-  } = e.finops.getEntitiesIdPaymentMethods.useQuery({
-    path: {
-      entity_id: i
+    api: u
+  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
+    query: {
+      ...s,
+      limit: l
     }
-  }), {
-    mutateAsync: s,
-    isPending: r
-  } = e.finops.postPaymentLinks.useMutation({});
-  async function y(m) {
-    const a = n ? n.data.filter(({
-      status: t,
-      direction: p
-    }) => t === "active" && p === "receive") : [];
-    a.length === 0 ? u.error(o._("You haven't onboarded for any payment method. Invoice is issued without a payment link.")) : await s({
-      recipient: {
-        id: i,
-        type: "entity"
-      },
-      payment_methods: a.map((t) => t.type),
-      object: {
-        id: m,
-        type: "receivable"
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
       }
-    });
-  }
-  return {
-    createPaymentLink: y,
-    isCreatingPaymentLink: r
+    },
+    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 {
-  v as useCreateReceivablePaymentLink
+  h as useGetExternalBankAccounts
 };

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

@@ -1,19 +1,113 @@
-import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
-import { Button as r } from "./index86.js";
-import { ArrowUpRight as s } from "lucide-react";
-import { twMerge as w } from "tailwind-merge";
-const d = ({
-  label: o,
-  value: a,
-  status: t,
-  onClick: l
-}) => /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col", children: [
-  /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: o }),
-  l ? /* @__PURE__ */ n(r, { variant: "link", onClick: l, className: "ttw:w-fit ttw:gap-1 ttw:h-5 ttw:hover:no-underline ttw:text-text ttw:font-normal ttw:p-0 ttw:has-[>svg]:px-0", children: [
-    /* @__PURE__ */ e("span", { className: "ttw:underline", children: a }),
-    /* @__PURE__ */ e(s, {})
-  ] }) : /* @__PURE__ */ e("p", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-text", t && t === "overdue" && "ttw:text-danger", t && t === "draft" && "ttw:text-neutral"), children: a })
-] });
+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 "./index160.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 {
-  d as InvoiceDetailsInfoBlock
+  Vt as CounterpartSelector
 };