@tesouro/embedded-components-react 0.2.16 → 0.2.17

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

@@ -1,117 +1,34 @@
-import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
-import { getEntityProfileValidationSchema as f } from "./index211.js";
-import { EntityProfileFormContent as y } from "./index445.js";
-import "react-hot-toast";
-import "./index59.js";
-import { useLingui as _ } from "@lingui/react";
-import { useMemo as h } from "react";
-import "date-fns";
-import { useUserPermissions as v } from "./index137.js";
-import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as g } from "../../shared/data-access/dist/lib/scopes.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import "lucide-react";
-import { Button as m } from "./index86.js";
-import { usePatchEntityById as w } from "./index421.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useForm as x } from "react-hook-form";
-import { useMyEntity as b } from "./index80.js";
-import "./index52.js";
-import "@mui/icons-material/ArrowBack";
-import "@mui/icons-material/Close";
-import "@mui/material/IconButton";
-import "@mui/material/Tooltip";
-import { AccessRestrictionModal as D } from "./index381.js";
-import { Dialog as C, DialogContent as z, DialogHeader as E, DialogTitle as S, DialogDescription as P, DialogFooter as F } from "./index206.js";
-import { Form as M } from "./index266.js";
-import { zodResolver as N } from "@hookform/resolvers/zod";
-const $ = (t) => {
-  const o = {
-    email: t.email || void 0,
-    tax_id: t.tax_id || void 0,
-    address_line_1: t.address.line1 || void 0,
-    address_line_2: t.address.line2 || void 0,
-    city: t.address.city || void 0,
-    postal_code: t.address.postal_code || void 0,
-    state: t.address.state || void 0,
-    country: t.address.country || void 0,
-    phone: t.phone || void 0,
-    website: t.website || void 0
+import { useRef as v, useState as s, useCallback as r, useEffect as M } from "react";
+const D = () => {
+  const t = v(null), [n, a] = s(!1), [u, o] = s(0), [f, c] = s(0), d = r((e) => {
+    a(!0), o(e.pageX - (t.current?.offsetLeft || 0)), c(t.current?.scrollLeft || 0);
+  }, []), h = r(() => {
+    a(!1);
+  }, []), i = r(() => {
+    a(!1);
+  }, []), L = r((e) => {
+    if (!n) return;
+    e.preventDefault();
+    const p = e.pageX - (t.current?.offsetLeft || 0) - u;
+    t.current && (t.current.scrollLeft = f - p);
+  }, [n, u, f]), l = r((e) => {
+    t.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), t.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
+  }, []);
+  return M(() => {
+    const e = t.current;
+    if (e)
+      return e.addEventListener("wheel", l), () => {
+        e.removeEventListener("wheel", l);
+      };
+  }, [l]), {
+    containerRef: t,
+    handleMouseDown: d,
+    handleMouseLeave: h,
+    handleMouseUp: i,
+    handleMouseMove: L,
+    isDragging: n
   };
-  return "organization" in t ? {
-    name: t.organization.legal_name || void 0,
-    ...o
-  } : {
-    title: t.individual.title || void 0,
-    name: t.individual.first_name || void 0,
-    surname: t.individual.last_name || void 0,
-    ...o
-  };
-}, O = ({
-  open: t,
-  onClose: o,
-  entity: r
-}) => {
-  const {
-    i18n: n
-  } = _(), {
-    mutate: d
-  } = w(), p = h(() => $(r), [r]), a = "entity-profile-form", s = x({
-    resolver: N(f(n)),
-    defaultValues: p
-  }), {
-    handleSubmit: u,
-    formState: c
-  } = s;
-  return /* @__PURE__ */ e(C, { open: t, onOpenChange: o, children: /* @__PURE__ */ e(M, { ...s, children: /* @__PURE__ */ e("form", { id: a, name: a, onSubmit: u(async (i) => {
-    d({
-      email: i.email || null,
-      website: i.website || null,
-      phone: i.phone || null,
-      tax_id: i.tax_id || null,
-      address: {
-        line1: i.address_line_1 || null,
-        line2: i.address_line_2 || null,
-        city: i.city || null,
-        postal_code: i.postal_code || null,
-        state: i.state || null
-      },
-      ...r.type === "individual" ? {
-        title: i.title || null,
-        first_name: i.name || null,
-        last_name: i.surname || null
-      } : {
-        organization: {
-          legal_name: i.name || null
-        }
-      }
-    });
-  }), children: /* @__PURE__ */ l(z, { className: "ttw:max-h-4/5 ttw:overflow-y-auto", children: [
-    /* @__PURE__ */ l(E, { children: [
-      /* @__PURE__ */ e(S, { className: "ttw:text-2xl ttw:font-semibold ttw:leading-8", children: n._("Edit my organization profile") }),
-      /* @__PURE__ */ e(P, { hidden: !0, children: n._("Edit your organization profile to update your information.") })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: /* @__PURE__ */ e(y, { entityType: r.type }) }),
-    /* @__PURE__ */ l(F, { children: [
-      /* @__PURE__ */ e(m, { variant: "ghost", onClick: o, children: n._("Cancel") }),
-      /* @__PURE__ */ e(m, { type: "submit", form: a, disabled: !c.isDirty, children: n._("Save") })
-    ] })
-  ] }) }) }) });
-}, yt = (t) => {
-  const {
-    data: o,
-    isLoading: r
-  } = b();
-  return v().has(g.OrganizationWriteOrg) ? r || !o ? null : /* @__PURE__ */ e(O, { ...t, entity: o }) : /* @__PURE__ */ e(D, { open: t.open, onClose: t.onClose });
 };
 export {
-  yt as EntityProfileModal
+  D as useDragScroll
 };

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

@@ -1,46 +1,7 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useState as v, useRef as b } from "react";
-import { useMoniteContext as D } from "./index59.js";
-import { useProductCurrencyGroups as w } from "./index446.js";
-import { Alert as x } from "./index159.js";
-import { Button as s } from "./index86.js";
-import { Dialog as S, DialogContent as _, DialogHeader as k, DialogTitle as L, DialogDescription as A, DialogFooter as G } from "./index206.js";
-import { Typography as I } from "./index87.js";
-import { MoniteCurrencyShadcn as N } from "./index447.js";
-import { useLingui as $ } from "@lingui/react";
-const V = ({
-  open: l,
-  handleClose: i,
-  currentCurrency: o,
-  updateCurrentCurrency: u,
-  hasValidLineItemsSelected: m,
-  clearLineItems: d
-}) => {
-  const {
-    i18n: r
-  } = $(), {
-    componentSettings: h
-  } = D(), [n, p] = v(o), a = b(null), {
-    currencyGroups: g,
-    isLoadingCurrencyGroups: C
-  } = w(), c = m && n !== o, f = () => {
-    n !== o && (c && d(), u(n)), i();
-  };
-  return /* @__PURE__ */ e(S, { open: l, onOpenChange: i, children: /* @__PURE__ */ t(_, { children: [
-    /* @__PURE__ */ t(k, { children: [
-      /* @__PURE__ */ e(L, { children: r._("Change document currency") }),
-      /* @__PURE__ */ e(A, { children: r._("Invoice will be issued with items in the selected currency") })
-    ] }),
-    /* @__PURE__ */ t("div", { ref: a, className: "ttw:flex ttw:flex-col ttw:gap-8", onClick: (y) => y.stopPropagation(), children: [
-      /* @__PURE__ */ e(N, { value: n, groups: g, disabled: C, allowedCurrencies: h?.receivables?.bankAccountCurrencies, container: a, onChange: p }),
-      c && /* @__PURE__ */ e(x, { variant: "warning", className: "ttw:mb-2", children: /* @__PURE__ */ e(I, { variant: "body1", children: r._("All items in the invoice must be in this currency. Remove items that don't match it.") }) })
-    ] }),
-    /* @__PURE__ */ t(G, { children: [
-      /* @__PURE__ */ e(s, { variant: "ghost", onClick: i, children: r._("Cancel") }),
-      /* @__PURE__ */ e(s, { onClick: f, children: r._("Save") })
-    ] })
-  ] }) });
+const o = (e) => JSON.stringify(Object.entries(e).sort(([t], [a]) => t.localeCompare(a))), r = (e) => {
+  if (e)
+    return JSON.stringify(e.map(o).sort((t, a) => t.localeCompare(a)));
 };
 export {
-  V as CurrencySelectDialog
+  r as getPayablesAnalyticsSnapshot
 };

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

@@ -1,13 +1,129 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index102.js";
-import * as r from "@radix-ui/react-checkbox";
-import { CheckIcon as o } from "lucide-react";
-function c({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(r.Root, { "data-slot": "checkbox", className: i("ttw:peer ttw:border-input ttw:dark:bg-input/30 ttw:data-[state=checked]:bg-primary ttw:data-[state=checked]:text-primary-foreground ttw:dark:data-[state=checked]:bg-primary ttw:data-[state=checked]:border-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:size-4 ttw:shrink-0 ttw:rounded-[4px] ttw:border ttw:shadow-xs ttw:transition-shadow ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", e), ...a, children: /* @__PURE__ */ t(r.Indicator, { "data-slot": "checkbox-indicator", className: "ttw:flex ttw:items-center ttw:justify-center ttw:text-current ttw:transition-none", children: /* @__PURE__ */ t(o, { className: "ttw:size-3.5" }) }) });
+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 {
-  c as Checkbox
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,9 +1,98 @@
-const t = (e) => ({
-  approved: e._("Approved"),
-  canceled: e._("Canceled"),
-  rejected: e._("Rejected"),
-  waiting: e._("In approval")
-});
+import { jsx as n, jsxs as I } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as w } from "react";
+import { toast as c } from "react-hot-toast";
+import { useRootElements as S } from "./index94.js";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index82.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index445.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
+  const {
+    i18n: t
+  } = R(), {
+    root: k
+  } = S(), b = v(), [L, m] = l(!1), [u, o] = l(null), [g, p] = l(null), [_, P] = l(!1), {
+    data: s,
+    isSuccess: h
+  } = $(i ?? "");
+  w(() => {
+    h && s?.payment_link_id && i && p(s.payment_link_id);
+  }, [h, s, i]);
+  const {
+    data: e,
+    refetch: C,
+    isSuccess: y,
+    isLoading: E
+  } = B(g ?? "");
+  return w(() => {
+    y && e?.payment_intent?.status === "processing" && f?.(r ?? "", e?.payment_intent?.status ?? "");
+  }, [e, y, f, r]), {
+    handlePay: async () => {
+      if (!d) {
+        c.error(t._("Vendor not found. Please create a vendor first."));
+        return;
+      }
+      if (!_)
+        try {
+          if (E) {
+            c.error(t._("Payment link is still loading. Please wait a moment and try again."));
+            return;
+          }
+          if (!g || y && e?.payment_intent?.status !== "created") {
+            if (P(!0), !r) throw new Error("Payable ID is undefined");
+            const a = await b(
+              r,
+              d,
+              ["sepa_credit"],
+              60
+              // 60 days from now
+            );
+            if (a.payment_page_url)
+              p(a.id), o(a.payment_page_url);
+            else
+              throw p(null), o(null), new Error("No payment page URL in response");
+          } else if (e?.payment_page_url)
+            o(e.payment_page_url);
+          else
+            throw new Error("No payment page URL in existing payment link");
+          m(!0);
+        } catch (a) {
+          console.error("Payment link creation/retrieval error:", a), c.error(i && s?.status === "created" ? t._("Failed to retrieve payment link. Please try again.") : t._("Failed to create payment link. Please try again.")), m(!1);
+        } finally {
+          P(!1);
+        }
+    },
+    isCreatingPaymentLink: _,
+    modalComponent: /* @__PURE__ */ n(j, { open: L, onClose: async () => {
+      await C(), m(!1), o(null);
+    }, container: k, children: /* @__PURE__ */ n(x, { sx: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      width: "80%",
+      maxWidth: 600,
+      bgcolor: "background.paper",
+      boxShadow: 24,
+      p: 4,
+      borderRadius: 2
+    }, children: u ? /* @__PURE__ */ n("iframe", { src: u, title: "Payment Page", width: "100%", height: "400px", style: {
+      border: "none"
+    } }) : /* @__PURE__ */ I(x, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 2,
+      py: 4
+    }, children: [
+      /* @__PURE__ */ n(D, {}),
+      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
+    ] }) }) })
+  };
+};
 export {
-  t as getRowToStatusTextMap
+  G as usePaymentHandler
 };

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

@@ -1,56 +1,40 @@
-import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { useState as n } from "react";
-import { useMoniteContext as y } from "./index59.js";
-import { useRootElements as I } from "./index94.js";
-import { classNames as _ } from "./index196.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
-const $ = ({
-  onChange: l,
-  className: p
-}) => {
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as l } from "./index122.js";
+import { useLingui as m } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const v = (i, n, s, p) => {
   const {
-    i18n: r
-  } = F(), {
-    api: d
-  } = y(), {
-    root: u
-  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
-    data: C,
-    isLoading: a,
-    refetch: A
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: f || void 0
+    api: e,
+    queryClient: t
+  } = u(), {
+    i18n: o
+  } = m();
+  return e.finops.postApprovalRequestsIdReject.useMutation({
+    path: {
+      approval_request_id: i
     }
   }, {
-    enabled: i
-  });
-  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
-    popper: {
-      container: u
-    }
-  }, open: i, onOpen: () => {
-    s(!0);
-  }, onClose: () => {
-    s(!1);
-  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-    g(t);
-  }, onChange: (e, t) => {
-    c(t), l(t?.id), A();
-  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
-    "&.MuiAutocomplete-root": {
-      display: "flex",
-      alignItems: "center"
+    onSuccess: () => {
+      if (e.finops.getApprovalRequests.invalidateQueries(t), a.success(o._("Payable “{document_id}” has been rejected", {
+        document_id: p
+      })), !!s)
+        return n?.(s ?? ""), new Promise((r) => {
+          setTimeout(() => {
+            Promise.all([e.finops.getPayablesId.invalidateQueries({
+              parameters: {
+                path: {
+                  payable_id: s ?? ""
+                }
+              }
+            }, t), e.finops.getPayables.invalidateQueries(t)]).then(() => r());
+          }, 500);
+        });
+    },
+    onError: (r) => {
+      a.error(l(o, r));
     }
-  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ h(x, { children: [
-      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
-    ] })
-  } }) });
+  });
 };
 export {
-  $ as AutocompleteCreatedBy
+  v as useRejectApprovalRequest
 };

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

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as b, Fragment as P } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as T } from "./index106.js";
 import { InvoiceStatusChip as k } from "./index57.js";
-import { ReceivableFilters as B } from "./index193.js";
+import { ReceivableFilters as B } from "./index152.js";
 import "react-hot-toast";
 import { useMoniteContext as G } from "./index59.js";
 import { useLingui as A } from "@lingui/react";
 import { useState as c, useMemo as D } from "react";
-import { useReceivablesFilters as W } from "./index194.js";
+import { useReceivablesFilters as W } from "./index153.js";
 import "date-fns";
 import { useCurrencies as j } from "./index60.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
@@ -19,18 +19,18 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index86.js";
-import { useGetReceivables as E } from "./index150.js";
+import { useGetReceivables as E } from "./index145.js";
 import "./index94.js";
 import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as H, useAutosizeGridColumns as Q } from "./index64.js";
 import "react-hook-form";
 import { MoniteScopedProviders as V } from "./index85.js";
-import { ReceivableCursorFields as x } from "./index191.js";
-import { CounterpartNameCellById as Y } from "./index163.js";
-import { DataGridEmptyState as J } from "./index195.js";
-import { GetNoRowsOverlay as K } from "./index164.js";
+import { ReceivableCursorFields as x } from "./index146.js";
+import { CounterpartNameCellById as Y } from "./index147.js";
+import { DataGridEmptyState as J } from "./index154.js";
+import { GetNoRowsOverlay as K } from "./index148.js";
 import { TablePagination as U } from "./index88.js";
-import { classNames as X } from "./index196.js";
-import { hasSelectedText as Z } from "./index166.js";
+import { classNames as X } from "./index155.js";
+import { hasSelectedText as Z } from "./index156.js";
 import { Stack as ee, Typography as te, Box as oe } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const De = (s) => /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(ae, { ...s }) }), ae = ({

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

@@ -1,20 +1,37 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useFileById as s } from "./index79.js";
-import { Avatar as e } from "@mui/material";
-const n = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => {
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as m } from "./index122.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const g = (i, p, t, n) => {
   const {
-    data: o
-  } = s(a);
-  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
+    api: e,
+    queryClient: o
+  } = u(), {
+    i18n: r
+  } = d();
+  return e.finops.postApprovalRequestsIdApprove.useMutation({
+    path: {
+      approval_request_id: i
+    }
+  }, {
+    onSuccess: () => (e.finops.getApprovalRequests.invalidateQueries(o), a.success(r._('Payable "{document_id}" has been approved', {
+      document_id: n ?? "document id is unknown"
+    })), p?.(t ?? ""), new Promise((s) => {
+      setTimeout(() => {
+        Promise.all([e.finops.getPayablesId.invalidateQueries({
+          parameters: {
+            path: {
+              payable_id: t ?? ""
+            }
+          }
+        }, o), e.finops.getPayables.invalidateQueries(o)]).then(() => s());
+      }, 500);
+    })),
+    onError: (s) => {
+      a.error(m(r, s));
+    }
+  });
 };
 export {
-  n as UserAvatar
+  g as useApproveApprovalRequest
 };