@tesouro/embedded-components-react 0.2.19 → 0.2.20

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

@@ -1,46 +1,14 @@
-import { jsx as i, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useApprovalPolicyTrigger as l } from "./index414.js";
-import { ColumnList as s } from "./index415.js";
-import { UBuilding as n } from "./index416.js";
-import { ULabel as c } from "./index417.js";
-import { UMoneyBill as m } from "./index418.js";
-import { UUserCircle as p } from "./index419.js";
-const U = ({
-  approvalPolicy: o
-}) => {
-  const {
-    triggers: a,
-    getTriggerName: e
-  } = l({
-    approvalPolicy: o
-  });
-  return o ? /* @__PURE__ */ i(s, { children: Object.keys(a).map((r) => {
-    switch (r) {
-      case "amount":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(m, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "was_created_by_user_id":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(p, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "counterpart_id":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(n, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "tags":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(c, { width: 18 }),
-          e(r)
-        ] }, r);
-      default:
-        return null;
-    }
-  }) }) : null;
-};
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { Typography as r } from "./index87.js";
+function i({
+  label: o,
+  value: e
+}) {
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0", children: [
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", color: "muted", className: "ttw:w-40 ttw:shrink-0", children: o }),
+    /* @__PURE__ */ t(r, { component: "span", variant: "body2", children: e })
+  ] });
+}
 export {
-  U as ApprovalPoliciesTriggers
+  i as InvoiceDetailsInfoRow
 };

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

@@ -1,59 +1,28 @@
-import { jsxs as f, jsx as o } from "@emotion/react/jsx-runtime";
-import { useState as c, useMemo as u } from "react";
-import { useMoniteContext as y } from "./index59.js";
-import { useRootElements as E } from "./index94.js";
-import { useDebounceCallback as x, useDebounce as N } from "./index67.js";
-import { useLingui as _ } from "@lingui/react";
-import { X as T } from "lucide-react";
-import { SearchInput as A, DatePicker as R, Combobox as $ } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_CREATED_BY as D, FILTER_TYPE_CREATED_AT as v } from "./index296.js";
-const C = 500, P = (t) => {
-  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
-  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
-}, F = ({
-  onChange: t
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { useGetReceivableById as r } from "./index84.js";
+import { useCancelReceivableById as m } from "./index403.js";
+import { ConfirmationModal as d } from "./index263.js";
+import { useLingui as u } from "@lingui/react";
+const v = ({
+  invoiceId: o,
+  open: c,
+  onClose: i
 }) => {
   const {
     i18n: e
-  } = _(), {
-    api: n
-  } = y(), [r, l] = c(null), [m, a] = c(""), b = N(m, C), {
-    data: d
-  } = n.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: b || void 0
-    }
-  }), w = u(() => d?.data ?? [], [d]), i = u(() => w.map((s) => ({
-    value: s.id,
-    label: P(s)
-  })), [w]), p = u(() => !r || i.some((s) => s.value === r.value) ? i : [r, ...i], [i, r]);
-  return /* @__PURE__ */ o($, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (s) => {
-    const h = Array.isArray(s) ? s[0] ?? "" : s ?? "";
-    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
-  } });
-}, q = ({
-  onChangeFilter: t
-}) => {
-  const {
-    i18n: e
-  } = _(), {
-    root: n
-  } = E(), [r, l] = c(void 0), m = x((a) => {
-    t(k, a.trim() ? a : null);
-  }, C);
-  return /* @__PURE__ */ f("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
-    /* @__PURE__ */ o("div", { className: "ttw:flex-1", children: /* @__PURE__ */ o(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
-    /* @__PURE__ */ o("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ o(F, { onChange: (a) => t(D, a ?? null) }) }),
-    /* @__PURE__ */ f("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
-      /* @__PURE__ */ o(R, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
-        l(a), t(v, a ?? null);
-      } }),
-      r ? /* @__PURE__ */ o("button", { type: "button", "aria-label": e._("Clear created at filter"), className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100", onClick: () => {
-        l(void 0), t(v, null);
-      }, children: /* @__PURE__ */ o(T, { className: "ttw:size-3.5" }) }) : null
-    ] })
-  ] });
+  } = u(), {
+    data: n,
+    isLoading: t
+  } = r(o), a = m(o);
+  if (!n)
+    return null;
+  const l = n.document_id ? e._("Cancel receivable") + ` "${n?.document_id}"?` : e._("Cancel receivable?");
+  return /* @__PURE__ */ s(d, { open: c && !!o, title: l, message: e._("This action can't be undone."), confirmLabel: e._("Cancel"), cancelLabel: e._("Close"), onClose: i, onConfirm: () => {
+    a.mutate(void 0, {
+      onSuccess: i
+    });
+  }, isLoading: a.isPending || t });
 };
 export {
-  q as Filters
+  v as InvoiceCancelModal
 };

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

@@ -1,4 +1,42 @@
-const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { useDeleteReceivableById as u } from "./index404.js";
+import { useComponentSettings as f } from "./index69.js";
+import { useUserPermissions as v } from "./index133.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";
+import "@tanstack/react-query";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as b } from "../../shared/data-access/dist/lib/scopes.js";
+import "react";
+import { ConfirmationModal as C } from "./index263.js";
+import { useLingui as D } from "@lingui/react";
+import { toast as I } from "react-hot-toast";
+const H = ({
+  open: r,
+  onClose: o,
+  invoiceId: t,
+  onDelete: n,
+  documentId: i
+}) => {
+  const {
+    i18n: e
+  } = D(), {
+    receivablesCallbacks: s
+  } = f(), {
+    mutate: m,
+    isPending: a
+  } = u(t), l = v().has(b.InvoiceWriteOrg), c = () => {
+    l ? m(void 0, {
+      onSuccess: () => {
+        s?.onDelete?.(t), n?.(), o();
+      }
+    }) : I.error(e._("You don't have permission to delete this document. Please, contact your system administrator for details."));
+  }, p = i ? e._("Delete receivable “{documentId}”?", {
+    documentId: i
+  }) : e._("Delete receivable?");
+  return /* @__PURE__ */ d(C, { open: r, title: p, message: e._("This action can't be undone."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: o, onConfirm: c, isLoading: a });
+};
 export {
-  s as isPayableInOCRProcessing
+  H as InvoiceDeleteModal
 };

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

@@ -2,9 +2,9 @@ import { jsx as o, jsxs as h, Fragment as T } from "@emotion/react/jsx-runtime";
 import { CounterpartDetails as b } from "./index2.js";
 import { CustomersTable as k } from "./index6.js";
 import { VendorsTable as v } from "./index5.js";
-import { CreateCounterpartDialog as w } from "./index152.js";
+import { CreateCounterpartDialog as w } from "./index155.js";
 import { MoniteScopedProviders as x } from "./index85.js";
-import { useUserPermissions as M } from "./index143.js";
+import { useUserPermissions as M } from "./index133.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";
@@ -12,7 +12,7 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as l } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as u, useCallback as c } from "react";
-import { AccessRestriction as R } from "./index153.js";
+import { AccessRestriction as R } from "./index135.js";
 import { Button as y } from "./index86.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,98 +1,54 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { useDragScroll as b } from "./index425.js";
-import { PayableStatusChip as C } from "./index146.js";
-import { useMoniteContext as M } from "./index59.js";
-import { useCurrencies as x } from "./index60.js";
-import { Skeleton as A } from "./index134.js";
-import { StatusCard as D } from "./index362.js";
-import { useLingui as j } from "@lingui/react";
-import { useRef as L, useEffect as P } from "react";
-import { getPayablesAnalyticsSnapshot as U } from "./index426.js";
-const c = [{
-  groupStatus: "all",
-  apiStatuses: [],
-  representativeStatus: null
-}, {
-  groupStatus: "draft",
-  apiStatuses: ["draft", "new"],
-  representativeStatus: "draft"
-}, {
-  groupStatus: "pending_approval",
-  apiStatuses: ["approve_in_progress"],
-  representativeStatus: "approve_in_progress"
-}, {
-  groupStatus: "rejected",
-  apiStatuses: ["rejected"],
-  representativeStatus: "rejected"
-}, {
-  groupStatus: "ready_to_pay",
-  apiStatuses: ["waiting_to_be_paid", "partially_paid"],
-  representativeStatus: "waiting_to_be_paid"
-}, {
-  groupStatus: "paid",
-  apiStatuses: ["paid"],
-  representativeStatus: "paid"
-}, {
-  groupStatus: "cancelled",
-  apiStatuses: ["canceled"],
-  representativeStatus: "canceled"
-}], O = ({
-  onChangeFilter: o,
-  selectedStatus: s
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { Button as l } from "./index86.js";
+import { Dialog as u, DialogContent as g, DialogHeader as b, DialogTitle as f, DialogDescription as w, DialogFooter as k } from "./index196.js";
+import { useLingui as v } from "@lingui/react";
+import { useMarkAsUncollectibleReceivableById as C } from "./index405.js";
+import { useState as x } from "react";
+import { Textarea as D } from "./index120.js";
+import { Label as _ } from "./index315.js";
+import { LoadingSpinner as M } from "./index137.js";
+const U = ({
+  invoiceId: r,
+  open: s,
+  onClose: i,
+  onMarkAsUncollectible: c
 }) => {
   const {
-    i18n: l
-  } = j(), {
-    data: r,
-    isLoading: n
-  } = k(), {
-    formatCurrencyToDisplay: m
-  } = x(), {
-    containerRef: S,
-    handleMouseDown: f,
-    handleMouseLeave: v,
-    handleMouseUp: _,
-    handleMouseMove: g
-  } = b();
-  if (n)
-    return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:gap-2", children: Array.from({
-      length: 6
-    }).map((t, u) => /* @__PURE__ */ i(A, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl ttw:animate-pulse" }, u)) });
-  const d = r?.data ?? [], w = c.map(({
-    groupStatus: t,
-    apiStatuses: u
-  }) => {
-    if (t === "all")
-      return {
-        status: "all",
-        count: d.reduce((e, a) => e + a.count, 0),
-        sum_total_amount: d.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-      };
-    const p = d.filter((e) => u.includes(e.status));
-    return {
-      status: t,
-      count: p.reduce((e, a) => e + a.count, 0),
-      sum_total_amount: p.reduce((e, a) => e + (a.sum_total_amount ?? 0), 0)
-    };
-  }).filter((t) => t.status === "all" || t.count > 0), h = (t) => {
-    o("status", t === "all" ? null : t);
-  }, y = (t) => m(t, "USD") ?? "—";
-  return /* @__PURE__ */ i("div", { ref: S, className: "ttw:flex ttw:gap-2 ttw:mb-6 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden ttw:cursor-grab ttw:select-none", onMouseDown: f, onMouseLeave: v, onMouseUp: _, onMouseMove: g, children: w.map((t) => {
-    const u = c.find((p) => p.groupStatus === t.status);
-    return /* @__PURE__ */ i(D, { allItemsText: l._("All bills"), isAllStatus: t.status === "all", data: t.status === "all" ? t.count ?? 0 : t.sum_total_amount ?? 0, amountOfItems: t.status !== "all" ? t.count ?? 0 : void 0, selected: s === t.status, onClick: () => h(t.status), formatAmount: y, statusChip: u?.representativeStatus ? /* @__PURE__ */ i(C, { status: u.representativeStatus }) : void 0 }, t.status);
-  }) });
-}, k = () => {
-  const {
-    api: o,
-    queryClient: s
-  } = M(), l = o.finops.getPayablesAnalytics.useQuery({}, {
-    enabled: !!s,
-    refetchInterval: 3e3
-  }), r = U(l.data?.data), n = L(void 0);
-  return P(() => {
-    r !== void 0 && n.current !== void 0 && r !== n.current && s && o.finops.getPayables.invalidateQueries(s), n.current = r;
-  }, [r, o, s]), l;
+    i18n: o
+  } = v(), [n, m] = x(""), {
+    mutate: d,
+    isPending: a
+  } = C(r, c), p = () => {
+    d({
+      comment: n.trim()
+    }, {
+      onSuccess: () => {
+        i();
+      }
+    });
+  };
+  return /* @__PURE__ */ e(u, { open: s, onOpenChange: i, children: /* @__PURE__ */ t(g, { showCloseButton: !1, children: [
+    /* @__PURE__ */ t(b, { children: [
+      /* @__PURE__ */ e(f, { children: o._("Mark invoice as uncollectible?") }),
+      /* @__PURE__ */ t(w, { children: [
+        /* @__PURE__ */ e("p", { children: o._("This invoice will change its status, and you won't be able to receive or log any payment against it.") }),
+        /* @__PURE__ */ e("br", {}),
+        /* @__PURE__ */ e("p", { children: o._("For bookkeeping purposes, this is a write-off and has tax implications.") })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+      /* @__PURE__ */ e(_, { htmlFor: "comment", children: o._("Comment (optional)") }),
+      /* @__PURE__ */ e(D, { id: "comment", placeholder: o._("Add a comment"), value: n, onChange: (h) => m(h.target.value) })
+    ] }),
+    /* @__PURE__ */ t(k, { children: [
+      /* @__PURE__ */ e(l, { variant: "outline", onClick: i, children: o._("Cancel") }),
+      /* @__PURE__ */ t(l, { onClick: p, disabled: a, children: [
+        a && /* @__PURE__ */ e(M, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
+        o._("Mark as uncollectible")
+      ] })
+    ] })
+  ] }) });
 };
 export {
-  O as SummaryCardsFilters
+  U as MarkAsUncollectibleModal
 };

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

@@ -1,99 +1,32 @@
-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 P, PopoverTrigger as b, FilterMenuButton as F, PopoverContent as f, DateRangePicker as D, MultiSelectFilter as N, AmountFilter as M, Input as S, RadioGroup as y, RadioGroupItem as I, SearchInput as k } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-const A = {
-  date: "ttw:w-auto",
-  status: "ttw:w-56",
-  amount: "ttw:w-64",
-  vendor: "ttw:w-64",
-  attachment: "ttw:w-56"
-}, _ = {
-  due_date: "Due date",
-  created_at: "Created on",
-  issued_at: "Issue date"
-}, H = [{
-  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 && A[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(k, { value: e.searchValue, onChange: (t) => e.onSearchChange(t.target.value), placeholder: "Search by number or vendor..." }), menuSlot: /* @__PURE__ */ o(P, { open: s, onOpenChange: c, children: [
-    /* @__PURE__ */ a(b, { asChild: !0, children: /* @__PURE__ */ a(F, { activeCount: e.activeFilterCount, onClick: n.toggleMenu }) }),
-    /* @__PURE__ */ o(f, { align: "start", className: `ttw:p-0 ${r}`, children: [
-      n.isMenuOpen && /* @__PURE__ */ a("div", { className: "ttw:p-1", children: H.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: _[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(S, { 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(y, { 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(I, { 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 { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as m } from "./index86.js";
+import { DropdownMenu as d, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuItem as f } from "./index139.js";
+import { Tooltip as h, TooltipTrigger as g, TooltipContent as w } from "./index285.js";
+import { ACTION_ICON as C } from "./index286.js";
+import { preventTooltipFocusOpen as T } from "./index288.js";
+import { MoreVerticalIcon as v } from "lucide-react";
+function x({
+  actions: r,
+  triggerLabel: i,
+  getActionLabel: n,
+  onSelect: a,
+  isActionDisabled: s,
+  className: l
+}) {
+  return /* @__PURE__ */ t(d, { children: [
+    /* @__PURE__ */ t(h, { children: [
+      /* @__PURE__ */ e(g, { asChild: !0, onFocus: T, children: /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(m, { variant: "ghost", size: "icon", className: l, "aria-label": i, children: /* @__PURE__ */ e(v, { className: "ttw:size-4" }) }) }) }),
+      /* @__PURE__ */ e(w, { children: i })
+    ] }),
+    /* @__PURE__ */ e(u, { align: "end", children: r.map((o) => {
+      const c = C[o];
+      return /* @__PURE__ */ t(f, { variant: o === "delete" ? "destructive" : "default", disabled: s?.(o), onClick: () => a(o), children: [
+        /* @__PURE__ */ e(c, { className: "ttw:size-4" }),
+        n(o)
+      ] }, o);
+    }) })
+  ] });
 }
 export {
-  O as PayablesFilterBar
+  x as InvoiceDetailsOverflowMenu
 };