@tesouro/embedded-components-react 0.2.161 → 0.2.162

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

@@ -1,22 +1,129 @@
-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("./index475.js")), C = ({
-  url: o,
-  mimetype: l,
-  name: t,
-  showCloseButton: s,
-  onClose: n
-}) => l === "application/pdf" ? /* @__PURE__ */ e(c, { url: o, showCloseButton: s, onClose: n }) : /* @__PURE__ */ e("img", { className: "Monite-ImageFileViewer", src: o, alt: t, loading: "lazy", style: {
-  width: "100%",
-  objectFit: "contain"
-} }), c = ({
-  url: o,
-  showCloseButton: l,
-  onClose: t
-}) => {
-  const [s, n] = i(!1);
-  return a(() => n(!0), []), s ? /* @__PURE__ */ e(u, { fallback: null, children: /* @__PURE__ */ e(m, { url: o, showCloseButton: l, onClose: t }) }) : null;
-};
+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 FileViewer
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,5 +1,5 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index271.js";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index309.js";
 import "date-fns";
 import { Badge as s } from "./index221.js";
 import { cn as g } from "./index100.js";

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

@@ -10,7 +10,7 @@ import "@tanstack/react-query";
 import "date-fns";
 import { useEntityUserByAuthToken as x } from "./index75.js";
 import "react-hot-toast";
-import { MoniteCard as g } from "./index435.js";
+import { MoniteCard as g } from "./index434.js";
 import _ from "@mui/icons-material/DriveFileRenameOutline";
 import { Box as o, Typography as r, Skeleton as v, Alert as b } from "@mui/material";
 const L = ({

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
-import { manualPaymentRecordValidationSchema as g } from "./index171.js";
+import { manualPaymentRecordValidationSchema as g } from "./index184.js";
 import { useCurrencies as y } from "./index58.js";
 import { useMemo as _, useEffect as C } from "react";
 import "./index92.js";
@@ -8,9 +8,9 @@ import "react-dom";
 import "./index57.js";
 import "@mui/x-data-grid";
 import { safeZodResolver as v } from "./index256.js";
-import { RHFDatePicker as D } from "./index436.js";
-import { RHFTextField as S } from "./index437.js";
-import { RHFTimePicker as R } from "./index438.js";
+import { RHFDatePicker as D } from "./index435.js";
+import { RHFTextField as S } from "./index436.js";
+import { RHFTimePicker as R } from "./index437.js";
 import { DialogTitle as T, DialogContent as P, Grid as i, FormHelperText as k, Button as m, DialogActions as E, CircularProgress as H } from "@mui/material";
 import { useForm as V } from "react-hook-form";
 const Z = ({

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as c } from "./index57.js";
-import { getAPIErrorMessage as o } from "./index121.js";
+import { getAPIErrorMessage as o } from "./index122.js";
 import { useLingui as u } from "@lingui/react";
 import { toast as a } from "react-hot-toast";
 const f = (s, t) => {

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

@@ -1,17 +1,17 @@
 import { jsx as r, jsxs as u, Fragment as $ } from "@emotion/react/jsx-runtime";
-import { InvoicesCounterpartCell as q } from "./index161.js";
-import { InvoiceRecurrenceStatusChip as B } from "./index162.js";
+import { InvoicesCounterpartCell as q } from "./index174.js";
+import { InvoiceRecurrenceStatusChip as B } from "./index175.js";
 import { InvoiceStatusChip as E } from "./index55.js";
-import { InvoicesFilterBar as U } from "./index163.js";
-import { InvoiceStatusCardsFilter as V } from "./index164.js";
+import { InvoicesFilterBar as U } from "./index176.js";
+import { InvoiceStatusCardsFilter as V } from "./index177.js";
 import { useInvoicesFilter as j } from "./index142.js";
 import { useGetReceivables as G } from "./index143.js";
 import { useMoniteContext as x } from "./index57.js";
 import { MoniteScopedProviders as Q } from "./index83.js";
 import { useCurrencies as W } from "./index58.js";
-import { ReceivableCursorFields as C } from "./index165.js";
+import { ReceivableCursorFields as C } from "./index178.js";
 import { GetNoRowsOverlay as H } from "./index158.js";
-import { DueDateCell as J } from "./index166.js";
+import { DueDateCell as J } from "./index179.js";
 import { DataTable as X } from "./index159.js";
 import { Skeleton as Y } from "./index132.js";
 import { useLingui as Z } from "@lingui/react";

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

@@ -1,18 +1,9 @@
-import { useMoniteContext as e } from "./index57.js";
-const a = () => {
-  const {
-    api: t,
-    queryClient: i
-  } = e();
-  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
-    onSuccess: async (s) => {
-      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
-        ...o,
-        logo: s
-      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
-    }
-  });
+const e = (t) => {
+  if (t < 1024)
+    return `${t} B`;
+  const o = t / 1024;
+  return o < 1024 ? `${Math.round(o)} KB` : `${(o / 1024).toFixed(1)} MB`;
 };
 export {
-  a as useUploadEntityLogo
+  e as formatFileSize
 };

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

@@ -1,26 +1,9 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as r } from "@lingui/react";
-const p = (i) => {
-  const {
-    api: t,
-    queryClient: s
-  } = n(), {
-    i18n: e
-  } = r();
-  return t.finops.deleteEntitiesIdLogo.useMutation({
-    path: {
-      entity_id: i
-    }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
-    },
-    onError: () => {
-      o.error(e._("Failed to remove logo."));
-    }
-  });
-};
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  p as useDeleteEntityLogo
+  t as getRowToStatusTextMap
 };

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

@@ -1,52 +1,56 @@
-import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
-import { useEffect as f } from "react";
-import { useLingui as h } from "@lingui/react";
-import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
-import { LoadingSpinner as y } from "./index131.js";
-import { Typography as l } from "./index85.js";
-import { twMerge as v } from "tailwind-merge";
-import { UploadBar as C } from "./index434.js";
-const U = ({
-  isUploading: o,
-  isSuccess: r,
-  isError: i,
-  isDraggingOver: d,
-  resetUpload: a,
-  fileName: m,
-  onClick: u
+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 "./index57.js";
+import { useRootElements as I } from "./index92.js";
+import { classNames as _ } from "./index183.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
 }) => {
   const {
-    i18n: s
-  } = h(), w = o || r || i;
-  function p() {
-    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
-  }
-  return f(() => {
-    let n;
-    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
-  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
-    w || u();
-  }, children: w ? /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
-        p(),
-        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
-        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
-        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
-      ] })
-    ] }),
-    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
-  ] }) : /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
-    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
-      s._("Drop your files here, or "),
-      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
-    ] }),
-    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
-  ] }) });
+    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
+    }
+  }, {
+    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"
+    }
+  }, 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 {
-  U as DragAndDropBox
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,13 +1,20 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { Switch as a } from "radix-ui";
-import { cn as e } from "./index100.js";
-function o({
-  className: s,
-  size: r = "default",
-  ...i
-}) {
-  return /* @__PURE__ */ t(a.Root, { "data-slot": "switch", "data-size": r, className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", s), ...i, children: /* @__PURE__ */ t(a.Thumb, { "data-slot": "switch-thumb", className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground") }) });
-}
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useFileById as s } from "./index77.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
+}) => {
+  const {
+    data: o
+  } = s(a);
+  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
+};
 export {
-  o as Switch
+  n as UserAvatar
 };

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

@@ -1,34 +1,98 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index100.js";
-import * as o from "@radix-ui/react-popover";
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "popover", ...t });
-}
-function d({
-  ref: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "popover-trigger", ref: t, ...a });
-}
-d.displayName = o.Trigger.displayName;
-function f({
-  className: t,
-  align: a = "center",
-  sideOffset: r = 4,
-  ...n
-}) {
-  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(o.Content, { "data-slot": "popover-content", align: a, sideOffset: r, className: i("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:z-1300 ttw:w-72 ttw:origin-(--radix-popover-content-transform-origin) ttw:rounded-md ttw:border ttw:p-4 ttw:shadow-md ttw:outline-hidden", t), ...n }) });
-}
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Anchor, { "data-slot": "popover-anchor", ...t });
-}
+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 "./index92.js";
+import "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index80.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index451.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 {
-  m as Popover,
-  l as PopoverAnchor,
-  f as PopoverContent,
-  d as PopoverTrigger
+  G as usePaymentHandler
 };

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

@@ -1,9 +1,40 @@
-const e = (t) => {
-  if (t < 1024)
-    return `${t} B`;
-  const o = t / 1024;
-  return o < 1024 ? `${Math.round(o)} KB` : `${(o / 1024).toFixed(1)} MB`;
+import { useMoniteContext as u } from "./index57.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 {
+    api: e,
+    queryClient: t
+  } = u(), {
+    i18n: o
+  } = m();
+  return e.finops.postApprovalRequestsIdReject.useMutation({
+    path: {
+      approval_request_id: i
+    }
+  }, {
+    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));
+    }
+  });
 };
 export {
-  e as formatFileSize
+  v as useRejectApprovalRequest
 };