@tesouro/embedded-components-react 0.2.133 → 0.2.148

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

@@ -1,12 +1,59 @@
-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 { jsxs as _, jsx as s } from "@emotion/react/jsx-runtime";
+import { useState as c, useMemo as u } from "react";
+import { useMoniteContext as y } from "./index57.js";
+import { useRootElements as E } from "./index92.js";
+import { useDebounceCallback as x, useDebounce as N } from "./index65.js";
+import { useLingui as v } 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 f } from "./index289.js";
+const C = 500, F = (t) => {
+  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
+  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
+}, L = ({
+  onChange: t
+}) => {
+  const {
+    i18n: e
+  } = v(), {
+    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((o) => ({
+    value: o.id,
+    label: F(o)
+  })), [w]), p = u(() => !r || i.some((o) => o.value === r.value) ? i : [r, ...i], [i, r]);
+  return /* @__PURE__ */ s($, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (o) => {
+    const h = Array.isArray(o) ? o[0] ?? "" : o ?? "";
+    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
+  } });
+}, q = ({
+  onChangeFilter: t
+}) => {
+  const {
+    i18n: e
+  } = v(), {
+    root: n
+  } = E(), [r, l] = c(void 0), m = x((a) => {
+    t(k, a.trim() ? a : null);
+  }, C);
+  return /* @__PURE__ */ _("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
+    /* @__PURE__ */ s("div", { className: "ttw:flex-1", children: /* @__PURE__ */ s(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
+    /* @__PURE__ */ s("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ s(L, { onChange: (a) => t(D, a ?? null) }) }),
+    /* @__PURE__ */ _("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
+      /* @__PURE__ */ s(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(f, a ?? null);
+      } }),
+      r ? /* @__PURE__ */ s("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(f, null);
+      }, children: /* @__PURE__ */ s(T, { className: "ttw:size-3.5" }) }) : null
+    ] })
+  ] });
+};
 export {
-  l as Label
+  q as Filters
 };

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

@@ -3,7 +3,7 @@ import { useGetPayableCounterpart as Fe } from "./index16.js";
 import { usePayableDetailsThemeProps as H } from "./index17.js";
 import { useMemo as Se, useState as Be, useRef as Pe, useEffect as x } from "react";
 import { useMoniteContext as Ae } from "./index57.js";
-import { useUserPermissions as ke } from "./index135.js";
+import { useUserPermissions as ke } 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,10 +12,10 @@ import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as Ne } from "../../shared/data-access/dist/lib/scopes.js";
 import { useLingui as Ve } from "@lingui/react";
 import "react-hot-toast";
-import { PayableLineItemsForm as Re } from "./index462.js";
-import { prepareDefaultValues as Y, calculateTotalsForPayable as Me, findDefaultBankAccount as qe, isFieldRequired as p, resolveCreatePayableCounterpartAddressId as Ge, prepareSubmit as We } from "./index362.js";
-import { usePayableDetailsForm as je } from "./index463.js";
-import { getPayableDetailsFormSchema as Le, isFieldRequiredByValidations as B } from "./index464.js";
+import { PayableLineItemsForm as Re } from "./index447.js";
+import { prepareDefaultValues as Y, calculateTotalsForPayable as Me, findDefaultBankAccount as qe, isFieldRequired as p, resolveCreatePayableCounterpartAddressId as Ge, prepareSubmit as We } from "./index321.js";
+import { usePayableDetailsForm as je } from "./index448.js";
+import { getPayableDetailsFormSchema as Le, isFieldRequiredByValidations as B } from "./index449.js";
 import { ScopedCssBaselineContainerClassName as Ue } from "./index104.js";
 import { CounterpartDetails as Ee } from "./index2.js";
 import { CounterpartAutocomplete as Oe } from "./index4.js";
@@ -31,7 +31,7 @@ import "./index85.js";
 import { useForm as ze, useFormState as Qe, FormProvider as Ke, Controller as T } from "react-hook-form";
 import "@hookform/resolvers/zod";
 import "zod";
-import "./index309.js";
+import "./index311.js";
 import "date-fns";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
@@ -49,16 +49,16 @@ import "@radix-ui/react-dropdown-menu";
 import "@tanstack/react-table";
 import { useRootElements as nt } from "./index92.js";
 import { useOptionalFields as st } from "./index59.js";
-import { useProductCurrencyGroups as lt } from "./index465.js";
-import { getBankAccountName as dt } from "./index466.js";
-import { safeZodResolver as ct } from "./index239.js";
-import { MoniteCurrency as ut } from "./index455.js";
+import { useProductCurrencyGroups as lt } from "./index450.js";
+import { getBankAccountName as dt } from "./index451.js";
+import { safeZodResolver as ct } from "./index268.js";
+import { MoniteCurrency as ut } from "./index452.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import "./index101.js";
-import "./index456.js";
-import { TagsAutocompleteInput as mt } from "./index457.js";
-import { classNames as pt } from "./index183.js";
+import "./index453.js";
+import { TagsAutocompleteInput as mt } from "./index454.js";
+import { classNames as pt } from "./index177.js";
 import X from "@mui/icons-material/Add";
 import ht from "@mui/icons-material/DeleteForever";
 import { DatePicker as $ } from "@mui/x-date-pickers";

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

@@ -1,6 +1,6 @@
 import { useGetPayableCounterpart as Ge } from "./index16.js";
-import { prepareLineItemSubmit as B } from "./index362.js";
-import { usePaymentHandler as Te } from "./index436.js";
+import { prepareLineItemSubmit as B } from "./index321.js";
+import { usePaymentHandler as Te } from "./index387.js";
 import { usePayButtonVisibility as Fe } from "./index19.js";
 import { useGetPayableById as ke } from "./index21.js";
 import { useGetPayableLineItems as xe } from "./index22.js";
@@ -16,9 +16,9 @@ import { useForceRejectPayable as Ze } from "./index31.js";
 import { useForceApprovePayable as $e } from "./index32.js";
 import { useReopenPayable as ea } from "./index33.js";
 import { useDeletePayable as aa } from "./index34.js";
-import { useRejectApprovalRequest as ta } from "./index437.js";
-import { useApproveApprovalRequest as ia } from "./index438.js";
-import { isPayableInOCRProcessing as ra } from "./index300.js";
+import { useRejectApprovalRequest as ta } from "./index388.js";
+import { useApproveApprovalRequest as ia } from "./index389.js";
+import { isPayableInOCRProcessing as ra } from "./index303.js";
 import { useMoniteContext as sa } from "./index57.js";
 import { useCurrencies as oa } from "./index58.js";
 import { useState as na, useEffect as da, useCallback as X, useMemo as pa } from "react";
@@ -29,7 +29,7 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useEntityUserByAuthToken as ma } from "./index75.js";
 import { usePayablePaymentIntentsAndRecords as ua } from "./index79.js";
-import { useUserPermissions as la } from "./index135.js";
+import { useUserPermissions as la } 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";

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

@@ -1,19 +1,19 @@
 import { jsxs as s, jsx as r, Fragment as z } from "@emotion/react/jsx-runtime";
 import { useState as L } from "react";
 import { getCounterpartName as T } from "./index7.js";
-import { PayableStatusChip as h } from "./index151.js";
+import { PayableStatusChip as h } from "./index150.js";
 import { useCounterpartById as W } from "./index70.js";
 import "@tanstack/react-query";
 import "./index57.js";
 import "react-hot-toast";
 import { useLingui as q } from "@lingui/react";
-import { DropdownMenu as G } from "./index467.js";
-import { FullScreenModalHeader as J } from "./index468.js";
+import { DropdownMenu as G } from "./index455.js";
+import { FullScreenModalHeader as J } from "./index456.js";
 import { Box as K, Button as C } from "@mui/material";
 import { Wallet as Q } from "lucide-react";
-import { isPayableInOCRProcessing as U } from "./index300.js";
-import { PayableDetailsCancelModal as V } from "./index469.js";
-import { isBillOverdue as X } from "./index156.js";
+import { isPayableInOCRProcessing as U } from "./index303.js";
+import { PayableDetailsCancelModal as V } from "./index457.js";
+import { isBillOverdue as X } from "./index155.js";
 const fe = ({
   payable: o,
   permissions: a,

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

@@ -11,13 +11,13 @@ import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { useLedgerAccounts as de } from "./index20.js";
 import { useLingui as Q } from "@lingui/react";
 import "react-hot-toast";
-import { isPayableInOCRProcessing as ce } from "./index300.js";
-import { usePayableDetailsInfo as se } from "./index470.js";
+import { isPayableInOCRProcessing as ce } from "./index303.js";
+import { usePayableDetailsInfo as se } from "./index458.js";
 import { ScopedCssBaselineContainerClassName as M } from "./index104.js";
-import { UserDisplayCell as ue } from "./index471.js";
+import { UserDisplayCell as ue } from "./index459.js";
 import { getCounterpartName as he } from "./index7.js";
-import { PayableApprovalFlowSection as me } from "./index472.js";
-import { isFieldRequired as c } from "./index362.js";
+import { PayableApprovalFlowSection as me } from "./index460.js";
+import { isFieldRequired as c } from "./index321.js";
 import { MoniteScopedProviders as pe } from "./index83.js";
 import { useCurrencies as _e } from "./index58.js";
 import { useOptionalFields as ye } from "./index59.js";
@@ -25,10 +25,10 @@ import { useCounterpartContactList as fe } from "./index74.js";
 import { useEntityUserById as ge } from "./index75.js";
 import { useApprovalPolicyById as be } from "./index76.js";
 import { dateStringToLocalDate as O } from "./index96.js";
-import { StyledLabelTableCell as s } from "./index445.js";
+import { StyledLabelTableCell as s } from "./index419.js";
 import { CenteredContentBox as ve } from "./index221.js";
-import { TagsModal as xe } from "./index473.js";
-import { classNames as k } from "./index183.js";
+import { TagsModal as xe } from "./index461.js";
+import { classNames as k } from "./index177.js";
 import Ce from "@mui/icons-material/CachedOutlined";
 import Te from "@mui/icons-material/Edit";
 import we from "@mui/icons-material/WarningAmberRounded";

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "@emotion/react/jsx-runtime";
 import { lazy as r, useState as i, useEffect as a, Suspense as u } from "react";
-const m = r(() => import("./index474.js")), C = ({
+const m = r(() => import("./index462.js")), C = ({
   url: o,
   mimetype: l,
   name: t,

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/index300.js

@@ -1,4 +1,12 @@
-const s = (o) => o.source_of_payable_data === "ocr" && o.ocr_status === "processing";
+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 });
+}
 export {
-  s as isPayableInOCRProcessing
+  l as Label
 };

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

@@ -1,98 +1,26 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { useDragScroll as b } from "./index415.js";
-import { PayableStatusChip as C } from "./index151.js";
-import { useMoniteContext as M } from "./index57.js";
-import { useCurrencies as x } from "./index58.js";
-import { Skeleton as A } from "./index139.js";
-import { StatusCard as D } from "./index366.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
-}) => {
+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: 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: 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 {
-  O as SummaryCardsFilters
+  p as useDeleteProduct
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index302.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
 };