@tesouro/embedded-components-react 0.2.31 → 0.2.32

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

@@ -1,40 +1,12 @@
-import { useMoniteContext as c } from "./index59.js";
-import { getAPIErrorMessage as u } from "./index121.js";
-import { useLingui as p } from "@lingui/react";
-import { toast as i } from "react-hot-toast";
-const g = (a, n) => {
-  const {
-    api: e,
-    queryClient: s
-  } = c(), {
-    i18n: t
-  } = p();
-  return e.finops.patchRecurrencesId.useMutation({
-    path: {
-      recurrence_id: a
-    }
-  }, {
-    onError(r) {
-      i.error(u(t, r));
-    },
-    async onSuccess(r) {
-      e.finops.getRecurrencesId.setQueryData({
-        path: {
-          recurrence_id: r.id
-        }
-      }, (o) => ({
-        ...o,
-        ...r
-      }), s), await Promise.all([e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: n
-          }
-        }
-      }, s), e.finops.getReceivables.invalidateQueries(s)]), i.success(t._("Recurrence has been updated"));
-    }
-  });
+const g = (r, t = /* @__PURE__ */ new Date()) => {
+  if (!r)
+    return 0;
+  const e = new Date(r);
+  if (Number.isNaN(e.getTime()))
+    return 0;
+  const n = 1e3 * 60 * 60 * 24, T = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()), o = Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()), a = Math.floor((T - o) / n);
+  return a > 0 ? a : 0;
 };
 export {
-  g as useUpdateRecurrenceById
+  g as getDaysOverdue
 };

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

@@ -1,61 +1,34 @@
-import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
-import { DatePicker as D } from "./index445.js";
-import { FormField as c, FormItem as i, FormLabel as u, FormControl as h, FormMessage as m } from "./index362.js";
-import { Select as p, SelectTrigger as F, SelectValue as M, SelectContent as S, SelectItem as g } from "./index283.js";
-import { useLingui as C } from "@lingui/react";
-import { useFormContext as N } from "react-hook-form";
-const $ = ({
-  isUpdate: n = !1
-}) => {
-  const {
-    control: s,
-    watch: w,
-    setValue: f
-  } = N(), {
-    i18n: r
-  } = C(), _ = w("recurrence_start_date"), o = w("recurrence_issue_mode"), d = _ ? new Date(_) : void 0, v = (e) => {
-    if (!o) return !1;
-    const l = e.getDate(), x = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
-    return o === "first_day" ? l !== 1 : o === "last_day" ? l !== x : !1;
+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 /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ t(c, { control: s, name: "recurrence_issue_mode", render: ({
-      field: e
-    }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
-      /* @__PURE__ */ t(u, { children: r._("Issue at") }),
-      /* @__PURE__ */ a(p, { disabled: n, onValueChange: (l) => {
-        e.onChange(l), f("recurrence_start_date", void 0), f("recurrence_end_date", void 0);
-      }, value: e.value, children: [
-        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(F, { className: "ttw:w-full", children: /* @__PURE__ */ t(M, { className: "ttw:max-w-4/5 ttw:text-ellipsis ttw:whitespace-nowrap" }) }) }),
-        /* @__PURE__ */ a(S, { children: [
-          /* @__PURE__ */ t(g, { value: "first_day", children: r._("Start of the month") }),
-          /* @__PURE__ */ t(g, { value: "last_day", children: r._("End of the month") })
-        ] })
-      ] }),
-      /* @__PURE__ */ t(m, {})
-    ] }) }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:gap-4", children: [
-      /* @__PURE__ */ t(c, { control: s, name: "recurrence_start_date", render: ({
-        field: e
-      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
-        /* @__PURE__ */ t(u, { children: r._("Period starts on") }),
-        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, shouldDisableButton: n, startMonth: /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
-          defaultMonth: new Date(e.value)
-        } : {} }) }),
-        /* @__PURE__ */ t(m, {})
-      ] }) }),
-      /* @__PURE__ */ t(c, { control: s, name: "recurrence_end_date", render: ({
-        field: e
-      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
-        /* @__PURE__ */ t(u, { children: r._("Period ends on") }),
-        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, startMonth: d ? new Date(d.getFullYear(), d.getMonth() + 2, 0) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
-          defaultMonth: new Date(e.value)
-        } : {} }) }),
-        /* @__PURE__ */ t(m, {})
-      ] }) })
-    ] })
-  ] });
 };
 export {
-  $ as RecurrenceFormContent
+  D as useDragScroll
 };

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

@@ -1,16 +1,7 @@
-import { useMoniteContext as n } from "./index59.js";
-const m = (e) => {
-  const {
-    api: t
-  } = n();
-  return t.finops.getPaymentRemindersId.useQuery({
-    path: {
-      payment_reminder_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
+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 {
-  m as useGetPaymentReminderById
+  r as getPayablesAnalyticsSnapshot
 };

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

@@ -1,16 +1,129 @@
-import { useMoniteContext as d } from "./index59.js";
-const n = (e) => {
-  const {
-    api: r
-  } = d();
-  return r.finops.getOverdueRemindersId.useQuery({
-    path: {
-      overdue_reminder_id: e ?? ""
+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)
+      };
     }
-  }, {
-    enabled: !!e
-  });
-};
+    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 {
-  n as useGetOverdueReminderById
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,18 +1,98 @@
-import { useMoniteContext as e } from "./index59.js";
-const a = () => {
+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 "./index472.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
   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);
-    }
-  });
+    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 {
-  a as useUploadEntityLogo
+  G as usePaymentHandler
 };

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

@@ -1,26 +1,40 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const p = (i) => {
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as l } from "./index120.js";
+import { useLingui as m } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const v = (i, n, s, p) => {
   const {
-    api: t,
-    queryClient: s
-  } = n(), {
-    i18n: e
-  } = r();
-  return t.finops.deleteEntitiesIdLogo.useMutation({
+    api: e,
+    queryClient: t
+  } = u(), {
+    i18n: o
+  } = m();
+  return e.finops.postApprovalRequestsIdReject.useMutation({
     path: {
-      entity_id: i
+      approval_request_id: i
     }
   }, {
-    onSuccess: async () => {
-      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
+    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: () => {
-      o.error(e._("Failed to remove logo."));
+    onError: (r) => {
+      a.error(l(o, r));
     }
   });
 };
 export {
-  p as useDeleteEntityLogo
+  v as useRejectApprovalRequest
 };

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

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as s } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as Ce } from "./index202.js";
+import { CreateCounterpartDialog as Ce } from "./index153.js";
 import { getCounterpartName as k } from "./index7.js";
 import "./index59.js";
 import { useLingui as xe } from "@lingui/react";
@@ -10,13 +10,13 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useIsMounted as ge } from "./index70.js";
 import { useCounterpartList as Ne } from "./index73.js";
-import { Alert as $, AlertTitle as _e, AlertDescription as ee } from "./index203.js";
+import { Alert as $, AlertTitle as _e, AlertDescription as ee } from "./index154.js";
 import { Button as g } from "./index86.js";
 import { useComboboxAnchor as Ae, Combobox as te, ComboboxChips as Te, ComboboxChip as ke, ComboboxChipsInput as Le, ComboboxContent as re, ComboboxList as ae, ComboboxItem as j, ComboboxInput as Ve, ComboboxEmpty as De } from "./index92.js";
-import { Field as ie, FieldContent as oe, FieldLabel as ne, FieldError as Ee } from "./index204.js";
-import { Input as Ie } from "./index123.js";
+import { Field as ie, FieldContent as oe, FieldLabel as ne, FieldError as Ee } from "./index155.js";
+import { Input as Ie } from "./index124.js";
 import { Typography as le } from "./index87.js";
-import { LoadingSpinner as ze } from "./index162.js";
+import { LoadingSpinner as ze } from "./index135.js";
 import { Plus as se, Sparkles as Fe } from "lucide-react";
 import { useFormContext as Se, Controller as je } from "react-hook-form";
 const P = "__create-new__", Pe = 50, ot = ({

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

@@ -1,18 +1,18 @@
 import { jsx as t, jsxs as v, Fragment as Pe } from "@emotion/react/jsx-runtime";
-import { EntitySection as $e } from "./index164.js";
-import { ItemsSection as Fe } from "./index165.js";
-import { InvoicePreview as Me } from "./index166.js";
-import { getCreateInvoiceValidationSchema as Ee } from "./index167.js";
-import { buildPaymentTermsPayload as Be } from "./index168.js";
+import { EntitySection as $e } from "./index185.js";
+import { ItemsSection as Fe } from "./index186.js";
+import { InvoicePreview as Me } from "./index187.js";
+import { getCreateInvoiceValidationSchema as Ee } from "./index188.js";
+import { buildPaymentTermsPayload as Be } from "./index189.js";
 import { BankAccountFormDialog as Le } from "./index43.js";
-import { BankAccountSection as qe } from "./index169.js";
-import { CustomerSection as Te } from "./index170.js";
-import { InvoiceCreationHeader as Ne } from "./index171.js";
-import { useCreateReceivable as Re } from "./index172.js";
-import { useCreateRecurrence as Oe } from "./index173.js";
-import { useLineItemSubmitCleanup as je } from "./index174.js";
-import { useGetEntityBankAccounts as Ve } from "./index175.js";
-import { useGetInvoiceRequiredFields as ze } from "./index176.js";
+import { BankAccountSection as qe } from "./index190.js";
+import { CustomerSection as Te } from "./index191.js";
+import { InvoiceCreationHeader as Ne } from "./index192.js";
+import { useCreateReceivable as Re } from "./index193.js";
+import { useCreateRecurrence as Oe } from "./index194.js";
+import { useLineItemSubmitCleanup as je } from "./index195.js";
+import { useGetEntityBankAccounts as Ve } from "./index196.js";
+import { useGetInvoiceRequiredFields as ze } from "./index197.js";
 import { useMoniteContext as Ke } from "./index59.js";
 import { MoniteScopedProviders as Ge } from "./index85.js";
 import { useCounterpartById as Qe } from "./index72.js";
@@ -23,15 +23,15 @@ import { useMyEntity as He } from "./index80.js";
 import { useRef as Ye, useState as b, useMemo as O, useId as Je, useEffect as j } from "react";
 import { toast as m } from "react-hot-toast";
 import { useLingui as V } from "@lingui/react";
-import { rateMajorToMinor as We } from "./index177.js";
-import { AccessRestriction as Xe } from "./index158.js";
-import { LoadingPage as Ze } from "./index178.js";
+import { rateMajorToMinor as We } from "./index198.js";
+import { AccessRestriction as Xe } from "./index133.js";
+import { LoadingPage as Ze } from "./index199.js";
 import { zodResolver as et } from "@hookform/resolvers/zod";
 import { useForm as tt, FormProvider as rt } from "react-hook-form";
-import { Dialog as at, DialogContent as it } from "./index159.js";
-import { useGetMeasureUnits as nt } from "./index179.js";
+import { Dialog as at, DialogContent as it } from "./index183.js";
+import { useGetMeasureUnits as nt } from "./index200.js";
 import { CreateProduct as ot } from "./index46.js";
-import { BillingSection as dt } from "./index180.js";
+import { BillingSection as dt } from "./index201.js";
 const zt = (s) => {
   const {
     i18n: _

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

@@ -1,52 +1,37 @@
-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 "./index162.js";
-import { Typography as l } from "./index87.js";
-import { twMerge as v } from "tailwind-merge";
-import { UploadBar as C } from "./index473.js";
-const U = ({
-  isUploading: o,
-  isSuccess: r,
-  isError: i,
-  isDraggingOver: d,
-  resetUpload: a,
-  fileName: m,
-  onClick: u
-}) => {
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as m } from "./index120.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const g = (i, p, t, n) => {
   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)") })
-  ] }) });
+    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 {
-  U as DragAndDropBox
+  g as useApproveApprovalRequest
 };