@tesouro/embedded-components-react 0.2.204 → 0.2.205

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

@@ -1,75 +1,45 @@
-import { jsx as t, jsxs as l } from "@emotion/react/jsx-runtime";
-import { cn as n } from "./index100.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" }) });
-}
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { toast as g } from "react-hot-toast";
+import { useMoniteContext as c } from "./index57.js";
+import { MoniteScopedProviders as p } from "./index83.js";
+import { ConfirmationModal as u } from "./index224.js";
+import { useLingui as f } from "@lingui/react";
+const D = (e) => /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(C, { ...e }) }), C = ({
+  tag: e,
+  onClose: i,
+  onDelete: m,
+  modalOpened: d
+}) => {
+  const {
+    i18n: o
+  } = f(), n = e?.id, {
+    api: t,
+    queryClient: s
+  } = c(), r = t.finops.deleteTagsId.useMutation({
+    path: {
+      tag_id: n ?? ""
+    }
+  }, {
+    onSuccess: () => (t.finops.getTagsId.removeQueries({
+      parameters: {
+        path: {
+          tag_id: n
+        }
+      }
+    }, s), t.finops.getTags.invalidateQueries(s))
+  }), l = () => {
+    r.mutate(void 0, {
+      onSuccess: () => {
+        g.success(o._("Tag “{tagName}” was deleted", {
+          tagName: e.name
+        })), i?.(), m?.(e.id);
+      }
+    });
+  };
+  return /* @__PURE__ */ a(u, { open: d, title: o._("Delete “{tagName}” tag?", {
+    tagName: e.name
+  }), message: o._("This action can’t be undone."), confirmLabel: o._("Delete"), cancelLabel: o._("Cancel"), onClose: i, onConfirm: l, isLoading: r.isPending });
+};
 export {
-  g as Select,
-  x as SelectContent,
-  b as SelectItem,
-  u as SelectScrollDownButton,
-  c as SelectScrollUpButton,
-  N as SelectSeparator,
-  v as SelectTrigger,
-  h as SelectValue
+  D as ConfirmDeleteModal
 };

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

@@ -1,79 +1,4 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import * as a from "react";
-import { FormProvider as f, Controller as u, useFormContext as F, useFormState as I } from "react-hook-form";
-import { Label as p } from "./index299.js";
-import { cn as i } from "./index100.js";
-import { Slot as g } from "@radix-ui/react-slot";
-const b = f, l = a.createContext({}), C = ({
-  ...r
-}) => /* @__PURE__ */ m(l.Provider, { value: {
-  name: r.name
-}, children: /* @__PURE__ */ m(u, { ...r }) }), d = () => {
-  const r = a.useContext(l), e = a.useContext(c), {
-    getFieldState: t
-  } = F(), o = I({
-    name: r.name
-  }), s = t(r.name, o);
-  if (!r)
-    throw new Error("useFormField should be used within <FormField>");
-  const {
-    id: n
-  } = e;
-  return {
-    id: n,
-    name: r.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
-    ...s
-  };
-}, c = a.createContext({});
-function N({
-  className: r,
-  ...e
-}) {
-  const t = a.useId();
-  return /* @__PURE__ */ m(c.Provider, { value: {
-    id: t
-  }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("ttw:grid ttw:gap-2", r), ...e }) });
-}
-function M({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formItemId: o
-  } = d();
-  return /* @__PURE__ */ m(p, { "data-slot": "form-label", "data-error": !!t, className: i("ttw:data-[error=true]:text-destructive", r), htmlFor: o, ...e });
-}
-function S({
-  ...r
-}) {
-  const {
-    error: e,
-    formItemId: t,
-    formDescriptionId: o,
-    formMessageId: s
-  } = d();
-  return /* @__PURE__ */ m(g, { "data-slot": "form-control", id: t, "aria-describedby": e ? `${o} ${s}` : `${o}`, "aria-invalid": !!e, ...r });
-}
-function P({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formMessageId: o
-  } = d(), s = t ? String(t?.message ?? "") : e.children;
-  return s ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: o, className: i("ttw:text-destructive ttw:text-sm", r), ...e, children: s }) : null;
-}
+const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
 export {
-  b as Form,
-  S as FormControl,
-  C as FormField,
-  N as FormItem,
-  M as FormLabel,
-  P as FormMessage,
-  d as useFormField
+  s as isPayableInOCRProcessing
 };

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

@@ -1,46 +1,98 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import * as w from "react";
-import { Badge as d } from "./index228.js";
-import { Button as m } from "./index84.js";
-import { cn as p } from "./index100.js";
-import { XIcon as h } from "lucide-react";
-const g = ({
-  className: i,
-  value: e,
-  onChange: a,
-  ref: u,
-  ...c
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useDragScroll as b } from "./index358.js";
+import { PayableStatusChip as C } from "./index150.js";
+import { useMoniteContext as M } from "./index57.js";
+import { useCurrencies as x } from "./index58.js";
+import { Skeleton as A } from "./index137.js";
+import { StatusCard as D } from "./index349.js";
+import { useLingui as j } from "@lingui/react";
+import { useRef as L, useEffect as P } from "react";
+import { getPayablesAnalyticsSnapshot as U } from "./index359.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 [r, n] = w.useState("");
-  w.useEffect(() => {
-    if (r.includes(",")) {
-      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
-      a(Array.from(t)), n("");
-    }
-  }, [r, a, e]);
-  const f = () => {
-    if (r) {
-      const t = /* @__PURE__ */ new Set([...e, r]);
-      a(Array.from(t)), n("");
-    }
-  };
-  return /* @__PURE__ */ l("div", { className: p(
-    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
-    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
-    i
-  ), children: [
-    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
-      t,
-      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
-        a(e.filter((s) => s !== t));
-      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
-    ] }, t)),
-    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
-      t.key === "Enter" || t.key === "," ? (t.preventDefault(), f()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
-    }, ...c, ref: u })
-  ] });
+  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;
 };
-g.displayName = "InputTags";
 export {
-  g as InputTags
+  O as SummaryCardsFilters
 };

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

@@ -1,12 +1,99 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { cn as o } from "./index100.js";
-import * as r from "@radix-ui/react-label";
-function l({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ a(r.Root, { "data-slot": "label", className: o("ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-none ttw:font-medium ttw:select-none ttw:group-data-[disabled=true]:pointer-events-none ttw:group-data-[disabled=true]:opacity-50 ttw:peer-disabled:cursor-not-allowed ttw:peer-disabled:opacity-50", t), ...e });
+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 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"
+}, L = [{
+  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 H(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(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: _[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 {
-  l as Label
+  H as PayablesFilterBar
 };

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

@@ -2,9 +2,9 @@ import { jsx as o, jsxs as I, Fragment as y } from "@emotion/react/jsx-runtime";
 import { CounterpartDetails as R } from "./index2.js";
 import { CustomersTable as T } from "./index6.js";
 import { VendorsTable as b } from "./index5.js";
-import { CreateCounterpartDialog as k } from "./index157.js";
+import { CreateCounterpartDialog as k } from "./index156.js";
 import { MoniteScopedProviders as M } from "./index83.js";
-import { useUserPermissions as P } from "./index135.js";
+import { useUserPermissions as P } from "./index146.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 j } from "./index136.js";
+import { AccessRestriction as j } from "./index157.js";
 import { Button as x } from "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,6 +1,6 @@
 import { useMoniteContext as _ } from "./index57.js";
 import { useLingui as l } from "@lingui/react";
-import { getAPIErrorMessage as b } from "./index122.js";
+import { getAPIErrorMessage as b } from "./index119.js";
 import { toast as s } from "react-hot-toast";
 import { useUpdatePayable as m } from "./index25.js";
 const A = ({