@tesouro/embedded-components-react 0.2.81 → 0.2.83

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

@@ -1,100 +1,129 @@
-import { jsxs as o, Fragment as _, jsx as i } from "@emotion/react/jsx-runtime";
-import { ManualPaymentRecordDetails as k } from "./index420.js";
-import { PaymentRecordForm as E } from "./index421.js";
-import { useMoniteContext as $ } from "./index57.js";
-import { useRootElements as B } from "./index92.js";
-import "@tanstack/react-query";
-import { fromMinorUnits as F, toMinorUnits as H } from "./index120.js";
-import "date-fns";
-import { useEntityUserByAuthToken as L } from "./index75.js";
-import { useCreatePaymentRecord as U } from "./index79.js";
-import { useLingui as A } from "@lingui/react";
-import { Dialog as I, DialogContent as Q, DialogActions as W, Button as m, Box as q } from "@mui/material";
-import { useState as l } from "react";
-const g = {
-  amount: 0,
-  payment_date: /* @__PURE__ */ new Date(),
-  payment_time: /* @__PURE__ */ new Date(),
-  created_by: ""
-}, ie = ({
-  children: b,
-  invoice: t
-}) => {
-  const [h, c] = l(!1), [C, r] = l(!1), [e, u] = l(g), {
-    i18n: s
-  } = A(), {
-    root: x
-  } = B(), v = () => c(!0), n = () => c(!1), {
-    api: p,
-    queryClient: y
-  } = $(), {
-    mutate: D,
-    isPending: M
-  } = U(), {
-    data: f,
-    isLoading: R
-  } = L(), w = (a) => {
-    u({
-      ...a,
-      amount: H(a?.amount ?? 0),
-      created_by: f?.id ?? ""
-    }), r(!0);
-  }, P = () => {
-    r(!1), u(g);
-  }, S = () => {
-    const a = new Date(e.payment_date).setHours(e.payment_time.getHours(), e.payment_time.getMinutes()), j = new Date(a);
-    D({
-      amount: e?.amount ?? 0,
-      currency: t.currency,
-      paid_at: j.toISOString(),
-      object: {
-        id: t.id,
-        type: "receivable"
-      },
-      payment_intent_id: t.id,
-      entity_user_id: f?.id,
-      status: "succeeded"
-    }, {
-      onSuccess: () => {
-        p.finops.getReceivablesId.invalidateQueries({
-          parameters: {
-            path: {
-              receivable_id: t.id
-            }
-          }
-        }, y), p.finops.getReceivables.invalidateQueries(y), n(), P();
-      }
-    });
-  }, d = M || R;
-  return ["draft", "paid", "canceled", "deleted", "accepted", "recurring", "expired", "declined", "uncollectible"].includes(t.status) ? null : /* @__PURE__ */ o(_, { children: [
-    b({
-      openModal: v
-    }),
-    /* @__PURE__ */ i(I, { open: h, onClose: n, container: x, "aria-labelledby": "dialog-title", fullWidth: !0, maxWidth: "sm", children: C ? /* @__PURE__ */ o(_, { children: [
-      /* @__PURE__ */ i(Q, { sx: {
-        p: 4
-      }, children: /* @__PURE__ */ i(k, { invoice: t, paymentRecords: e }) }),
-      /* @__PURE__ */ o(W, { sx: {
-        px: 4,
-        pb: 4,
-        justifyContent: "space-between"
-      }, children: [
-        /* @__PURE__ */ i(m, { onClick: n, children: s._("Cancel") }),
-        /* @__PURE__ */ o(q, { sx: {
-          display: "flex",
-          gap: 2
-        }, children: [
-          /* @__PURE__ */ i(m, { variant: "outlined", disabled: d, onClick: () => r(!1), children: s._("Edit record") }),
-          /* @__PURE__ */ i(m, { variant: "contained", disabled: d, onClick: S, children: s._("Confirm") })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ i(E, { invoice: t, initialValues: {
-      amount: e.amount ? F(e.amount) : 0,
-      payment_date: e.payment_date,
-      payment_time: e.payment_time
-    }, isLoading: d, onCancel: n, onSubmit: w }) })
-  ] });
-};
+import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
+const v = [{
+  value: "today",
+  label: "Today",
+  group: "Current"
+}, {
+  value: "this_week",
+  label: "This week",
+  group: "Current"
+}, {
+  value: "this_month",
+  label: "This month",
+  group: "Current"
+}, {
+  value: "this_quarter",
+  label: "This quarter",
+  group: "Current"
+}, {
+  value: "this_year",
+  label: "This year",
+  group: "Current"
+}, {
+  value: "yesterday",
+  label: "Yesterday",
+  group: "Past"
+}, {
+  value: "last_week",
+  label: "Last week",
+  group: "Past"
+}, {
+  value: "last_month",
+  label: "Last month",
+  group: "Past"
+}, {
+  value: "last_30_days",
+  label: "Last 30 days",
+  group: "Past"
+}, {
+  value: "last_90_days",
+  label: "Last 90 days",
+  group: "Past"
+}, {
+  value: "last_quarter",
+  label: "Last quarter",
+  group: "Past"
+}, {
+  value: "last_year",
+  label: "Last year",
+  group: "Past"
+}];
+function g(h) {
+  const e = c(/* @__PURE__ */ new Date());
+  switch (h) {
+    case "today":
+      return {
+        from: e,
+        to: y(e)
+      };
+    case "this_week":
+      return {
+        from: _(e),
+        to: f(e)
+      };
+    case "this_month":
+      return {
+        from: l(e),
+        to: n(e)
+      };
+    case "this_quarter":
+      return {
+        from: o(e),
+        to: u(e)
+      };
+    case "this_year":
+      return {
+        from: r(e),
+        to: s(e)
+      };
+    case "yesterday": {
+      const t = a(e, 1);
+      return {
+        from: t,
+        to: y(t)
+      };
+    }
+    case "last_week": {
+      const t = _(i(e, 1));
+      return {
+        from: t,
+        to: f(t)
+      };
+    }
+    case "last_month": {
+      const t = l(d(e, 1));
+      return {
+        from: t,
+        to: n(t)
+      };
+    }
+    case "last_30_days":
+      return {
+        from: a(e, 30),
+        to: e
+      };
+    case "last_90_days":
+      return {
+        from: a(e, 90),
+        to: e
+      };
+    case "last_quarter": {
+      const t = o(b(e, 1));
+      return {
+        from: t,
+        to: u(t)
+      };
+    }
+    case "last_year": {
+      const t = r(m(e, 1));
+      return {
+        from: t,
+        to: s(t)
+      };
+    }
+  }
+}
 export {
-  ie as RecordManualPaymentModal
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as d } from "./index122.js";
+import { getAPIErrorMessage as d } from "./index118.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,49 +1,4 @@
-import { jsxs as f, jsx as n } from "@emotion/react/jsx-runtime";
-import { useCancelRecurrence as v } from "./index405.js";
-import { useGetRecurrenceById as _ } from "./index293.js";
-import { useCurrencies as C } from "./index58.js";
-import "react";
-import "./index92.js";
-import { useLingui as g, Trans as h } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { ConfirmationModal as b } from "./index231.js";
-import w from "deep-eql";
-import { usePreviousDistinct as y } from "react-use";
-const $ = ({
-  invoice: i,
-  open: a,
-  onClose: r
-}) => {
-  const {
-    i18n: e
-  } = g(), {
-    formatCurrencyToDisplay: l
-  } = C(), c = i?.recurrence_id ?? "", {
-    mutate: m,
-    isPending: u
-  } = v(c, i.id), {
-    data: t
-  } = _(c), s = y(t, w), o = (s?.status === "active" && t?.status === "canceled" ? s : t)?.iterations?.filter(({
-    status: p
-  }) => p === "pending")?.length ?? 0, d = i && o !== void 0 ? l(i.total_amount_with_credit_notes * o, i.currency) : void 0;
-  return /* @__PURE__ */ f(b, { open: a && !!i.id, title: e._("Cancel Recurring Invoice"), confirmLabel: e._("Cancel recurrence"), cancelLabel: e._("Close"), onClose: r, onConfirm: () => m(void 0, {
-    onSuccess: r
-  }), isLoading: u, children: [
-    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("Are you sure you want to cancel this recurring invoice?") }),
-    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("All future iterations of this invoice will be canceled.") }),
-    i && o !== void 0 && /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: /* @__PURE__ */ n(h, { id: "ZYrFPL", values: {
-      0: o === 1 ? e._("invoice") : e._("invoices"),
-      totalPendingInvoices: o,
-      pendingInvoicesTotalAmountWithCreditNotes: d
-    }, components: {
-      0: /* @__PURE__ */ n("strong", {}),
-      1: /* @__PURE__ */ n("strong", {})
-    } }) }),
-    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("This action can't be undone.") })
-  ] });
-};
+const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
 export {
-  $ as RecurrenceCancelModal
+  s as isPayableInOCRProcessing
 };

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

@@ -1,30 +1,98 @@
-import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
-import { useLingui as m } from "@lingui/react";
-import { twMerge as d } from "tailwind-merge";
-const p = ({
-  isAllStatus: s,
-  data: w,
-  amountOfItems: i,
-  selected: l,
-  onClick: n,
-  formatAmount: a,
-  statusChip: r,
-  allItemsText: o
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDragScroll as b } from "./index415.js";
+import { PayableStatusChip as C } from "./index145.js";
+import { useMoniteContext as M } from "./index57.js";
+import { useCurrencies as x } from "./index58.js";
+import { Skeleton as A } from "./index134.js";
+import { StatusCard as D } from "./index308.js";
+import { useLingui as j } from "@lingui/react";
+import { useRef as L, useEffect as P } from "react";
+import { getPayablesAnalyticsSnapshot as U } from "./index416.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
 }) => {
   const {
-    i18n: c
-  } = m();
-  return /* @__PURE__ */ t("button", { onClick: n, type: "button", className: d("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", l ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"), children: s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-    /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950", children: o ?? c._("All items") }),
-    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums", children: w })
-  ] }) : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: [
-      r,
-      /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums", children: i ?? 0 })
-    ] }),
-    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis", children: a(w) })
-  ] }) });
+    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;
 };
 export {
-  p as StatusCard
+  O as SummaryCardsFilters
 };

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

@@ -1,129 +1,99 @@
-import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
-const v = [{
-  value: "today",
-  label: "Today",
-  group: "Current"
+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"
 }, {
-  value: "this_week",
-  label: "This week",
-  group: "Current"
+  id: "date",
+  label: "Created on",
+  activeDateField: "created_at"
 }, {
-  value: "this_month",
-  label: "This month",
-  group: "Current"
+  id: "date",
+  label: "Issue date",
+  activeDateField: "issued_at"
 }, {
-  value: "this_quarter",
-  label: "This quarter",
-  group: "Current"
+  id: "status",
+  label: "Status",
+  activeDateField: void 0
 }, {
-  value: "this_year",
-  label: "This year",
-  group: "Current"
+  id: "amount",
+  label: "Amount",
+  activeDateField: void 0
 }, {
-  value: "yesterday",
-  label: "Yesterday",
-  group: "Past"
+  id: "vendor",
+  label: "Vendor",
+  activeDateField: void 0
 }, {
-  value: "last_week",
-  label: "Last week",
-  group: "Past"
-}, {
-  value: "last_month",
-  label: "Last month",
-  group: "Past"
-}, {
-  value: "last_30_days",
-  label: "Last 30 days",
-  group: "Past"
-}, {
-  value: "last_90_days",
-  label: "Last 90 days",
-  group: "Past"
-}, {
-  value: "last_quarter",
-  label: "Last quarter",
-  group: "Past"
-}, {
-  value: "last_year",
-  label: "Last year",
-  group: "Past"
+  id: "attachment",
+  label: "Attachment",
+  activeDateField: void 0
 }];
-function g(h) {
-  const e = c(/* @__PURE__ */ new Date());
-  switch (h) {
-    case "today":
-      return {
-        from: e,
-        to: y(e)
-      };
-    case "this_week":
-      return {
-        from: _(e),
-        to: f(e)
-      };
-    case "this_month":
-      return {
-        from: l(e),
-        to: n(e)
-      };
-    case "this_quarter":
-      return {
-        from: o(e),
-        to: u(e)
-      };
-    case "this_year":
-      return {
-        from: r(e),
-        to: s(e)
-      };
-    case "yesterday": {
-      const t = a(e, 1);
-      return {
-        from: t,
-        to: y(t)
-      };
-    }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
-    }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
-    }
-    case "last_30_days":
-      return {
-        from: a(e, 30),
-        to: e
-      };
-    case "last_90_days":
-      return {
-        from: a(e, 90),
-        to: e
-      };
-    case "last_quarter": {
-      const t = o(b(e, 1));
-      return {
-        from: t,
-        to: u(t)
-      };
-    }
-    case "last_year": {
-      const t = r(m(e, 1));
-      return {
-        from: t,
-        to: s(t)
-      };
-    }
-  }
+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" })
+  ] }) });
 }
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  O as PayablesFilterBar
 };