@tesouro/embedded-components-react 0.2.117 → 0.2.119

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

@@ -1,170 +1,21 @@
-import { jsx as e, jsxs as s, Fragment as D } from "@emotion/react/jsx-runtime";
-import { Role as j } from "./index446.js";
-import { User as g } from "./index272.js";
-import { useApprovalPolicyScript as B } from "./index395.js";
-import { useApprovalPolicyTrigger as R } from "./index386.js";
-import { getCounterpartName as $ } from "./index7.js";
-import { useMoniteContext as q } from "./index57.js";
-import { useDialog as H } from "./index50.js";
-import { DialogFooter as N } from "./index447.js";
-import { DialogHeader as Q } from "./index448.js";
-import { useLingui as U, Trans as E } from "@lingui/react";
-import { Stack as c, Chip as w, DialogContent as F, Typography as u, Paper as A, Table as x, TableHead as C, TableRow as m, TableCell as o, TableBody as I } from "@mui/material";
-import { toast as M } from "react-hot-toast";
-const le = ({
-  approvalPolicy: d,
-  setIsEdit: P
-}) => {
-  const {
-    i18n: a
-  } = U(), T = H(), {
-    api: h,
-    queryClient: _
-  } = q(), {
-    triggers: i,
-    getTriggerLabel: k,
-    getAmountLabel: S
-  } = R({
-    approvalPolicy: d
-  }), {
-    rules: t,
-    getRuleLabel: b
-  } = B({
-    approvalPolicy: d
-  }), {
-    data: L
-  } = h.finops.getTags.useQuery({
-    query: {
-      id__in: Array.isArray(i?.tags) ? i.tags : []
-    }
-  }, {
-    enabled: !!i?.tags?.length
-  }), {
-    data: W
-  } = h.finops.getCounterparts.useQuery({
-    query: {
-      id__in: Array.isArray(i?.counterpart_id) ? i.counterpart_id : []
-    }
-  }, {
-    enabled: !!i?.counterpart_id?.length
-  }), y = h.finops.deleteApprovalPoliciesId.useMutation(void 0, {
-    onSuccess: async () => {
-      await Promise.all([h.finops.getApprovalPolicies.invalidateQueries(_), h.finops.getApprovalPoliciesId.invalidateQueries({
-        parameters: {
-          path: {
-            approval_policy_id: d.id
-          }
-        }
-      }, _)]), M.success(a._("Approval policy has been deleted"));
-    }
-  }), f = Object.keys(i).map((r) => {
-    const l = k(r);
-    let p;
-    switch (r) {
-      case "was_created_by_user_id":
-        Array.isArray(i[r]) && (p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: i[r].map((n) => /* @__PURE__ */ e(g, { userId: n }, n)) }));
-        break;
-      case "tags":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: L?.data.map((n) => /* @__PURE__ */ e(w, { label: n.name }, n.id)) });
-        break;
-      case "counterpart_id":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: W?.data.map((n) => /* @__PURE__ */ e(w, { label: $(n) }, n.id)) });
-        break;
-      case "amount":
-        p = /* @__PURE__ */ e("p", { children: S(i.amount?.value ?? [], i.amount?.currency ?? "EUR") });
-        break;
-      default:
-        p = r;
-        break;
-    }
-    return {
-      label: l,
-      value: p
-    };
-  }), v = t && Object.keys(t)?.map((r) => {
-    if (!t[r]) return null;
-    switch (r) {
-      case "single_user":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(g, { userId: t[r].userId })
-        };
-      case "users_from_list":
-        return {
-          label: b(r, t[r].count),
-          value: /* @__PURE__ */ e(c, { direction: "column", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].userIds?.map((l) => /* @__PURE__ */ e(g, { userId: l }, l)) })
-        };
-      case "roles_from_list":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].roleIds?.map((l) => /* @__PURE__ */ e(j, { roleId: l, quoted: !0 }, l)) })
-        };
-      case "approval_chain":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "column", spacing: 0.5, children: t[r].chainUserIds?.map((l) => l ? /* @__PURE__ */ e(g, { userId: l }, l) : null) })
-        };
-    }
-  });
-  return /* @__PURE__ */ s(D, { children: [
-    /* @__PURE__ */ e(Q, { title: d?.name, closeButtonTooltip: a._("Close approval policy details") }),
-    /* @__PURE__ */ s(F, { children: [
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 2, mb: 1, children: a._("Description") }),
-      d?.description && /* @__PURE__ */ e(u, { variant: "body1", children: d.description }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Conditions") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: /* @__PURE__ */ e(E, { id: "INKhSX", components: {
-        0: /* @__PURE__ */ e("strong", {})
-      } }) }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Condition") }),
-          /* @__PURE__ */ e(o, { children: a._("Criteria") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: f.length > 0 ? f.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r.label }),
-          /* @__PURE__ */ e(o, { children: r.value })
-        ] }, r.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No conditions") }) }) })
-      ] }) }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Approval flow") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: a._("Who needs to approve the document and how:") }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Approval type") }),
-          /* @__PURE__ */ e(o, { children: a._("Users or Roles") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: v && v.length > 0 ? v.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r?.label }),
-          /* @__PURE__ */ e(o, { children: r?.value })
-        ] }, r?.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No rules") }) }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e(N, { primaryButton: {
-      label: a._("Edit"),
-      onClick: () => P(!0)
-    }, deleteButton: {
-      onClick: () => {
-        y.mutate({
-          path: {
-            approval_policy_id: d.id
-          }
-        }, {
-          onSuccess: () => T?.onClose?.()
-        });
-      },
-      isLoading: y.isPending
-    } })
-  ] });
-};
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { cn as i } from "./index100.js";
+import * as e from "@radix-ui/react-radio-group";
+import { CircleIcon as s } from "lucide-react";
+function w({
+  className: r,
+  ...a
+}) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "radio-group", className: i("ttw:grid ttw:gap-3", r), ...a });
+}
+function c({
+  className: r,
+  dotClassName: a,
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Item, { "data-slot": "radio-group-item", className: i("ttw:border-input ttw:text-primary 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:aspect-square ttw:size-4 ttw:shrink-0 ttw:rounded-full ttw:border 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", r), ...o, children: /* @__PURE__ */ t(e.Indicator, { "data-slot": "radio-group-indicator", className: "ttw:relative ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(s, { className: i("ttw:fill-primary ttw:absolute ttw:top-1/2 ttw:left-1/2 ttw:size-2 ttw:-translate-x-1/2 ttw:-translate-y-1/2", a) }) }) });
+}
 export {
-  le as ApprovalPolicyView
+  w as RadioGroup,
+  c as RadioGroupItem
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as i } from "./index57.js";
-import { getAPIErrorMessage as a } from "./index125.js";
+import { getAPIErrorMessage as a } from "./index121.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as m } from "react-hot-toast";
 const d = (t) => {

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

@@ -1,4 +1,26 @@
-const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
+import { useMoniteContext as u } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as o } from "react-hot-toast";
+const p = (r, s) => {
+  const {
+    i18n: e
+  } = n(), {
+    api: t,
+    queryClient: i
+  } = u();
+  return t.finops.deleteProductsId.useMutation({
+    path: {
+      product_id: r
+    }
+  }, {
+    onSuccess: async () => {
+      await t.finops.getProducts.invalidateQueries(i), o.success(e._("Product was deleted.")), s?.();
+    },
+    onError: () => {
+      o.error(e._("Failed to delete product."));
+    }
+  });
+};
 export {
-  s as isPayableInOCRProcessing
+  p as useDeleteProduct
 };

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

@@ -1,98 +1,46 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { useDragScroll as b } from "./index403.js";
-import { PayableStatusChip as C } from "./index211.js";
-import { useMoniteContext as M } from "./index57.js";
-import { useCurrencies as x } from "./index58.js";
-import { Skeleton as A } from "./index149.js";
-import { StatusCard as D } from "./index312.js";
-import { useLingui as j } from "@lingui/react";
-import { useRef as L, useEffect as P } from "react";
-import { getPayablesAnalyticsSnapshot as U } from "./index404.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: 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;
-};
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as l } from "./index100.js";
+function r({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", { "data-slot": "table-container", className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto", children: /* @__PURE__ */ e("table", { "data-slot": "table", className: l("ttw:w-full ttw:caption-bottom ttw:text-sm", t), ...a }) });
+}
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("thead", { "data-slot": "table-header", className: l("ttw:[&_tr]:border-b", t), ...a });
+}
+function c({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tbody", { "data-slot": "table-body", className: l("ttw:[&_tr:last-child]:border-0", t), ...a });
+}
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tr", { "data-slot": "table-row", className: l("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", t), ...a });
+}
+function d({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("th", { "data-slot": "table-head", className: l("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
+}
+function b({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("td", { "data-slot": "table-cell", className: l("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
+}
 export {
-  O as SummaryCardsFilters
+  r as Table,
+  c as TableBody,
+  b as TableCell,
+  d as TableHead,
+  w as TableHeader,
+  n as TableRow
 };

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

@@ -1,99 +1,36 @@
-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 _, SearchInput as S } 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"
-}, {
-  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) {
+import { useMoniteContext as s } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const c = (i) => {
   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(S, { 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(_, { 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" })
-  ] }) });
-}
+    i18n: e
+  } = n(), {
+    api: a,
+    queryClient: o
+  } = s();
+  return a.finops.patchProductsId.useMutation({
+    path: {
+      product_id: i
+    }
+  }, {
+    onSuccess: async (t) => {
+      await a.finops.getProducts.invalidateQueries(o), await a.finops.getProductsId.invalidateQueries({
+        parameters: {
+          path: {
+            product_id: t.id
+          }
+        }
+      }, o), r.success(t.type === "product" ? e._("Product {name} was updated.", {
+        name: t.name
+      }) : e._("Service {name} was updated.", {
+        name: t.name
+      }));
+    },
+    onError: () => {
+      r.error(e._("Failed to update"));
+    }
+  });
+};
 export {
-  O as PayablesFilterBar
+  c as useUpdateProduct
 };