@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,30 @@
+import { toast as a } from "react-hot-toast";
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as r } from "@lingui/react";
+const u = (t) => {
+  const {
+    i18n: o
+  } = r(), {
+    api: e,
+    queryClient: i
+  } = n();
+  return e.finops.deleteReceivablesId.useMutation({
+    path: {
+      receivable_id: t
+    }
+  }, {
+    onSuccess: () => {
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: t
+        }
+      }, i);
+      e.finops.getReceivables.invalidateQueries(i), a.success(o._("This {type} has been deleted", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
+      }));
+    }
+  });
+};
+export {
+  u as useDeleteReceivableById
+};

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

@@ -0,0 +1,27 @@
+import { toast as c } from "react-hot-toast";
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as l } from "@lingui/react";
+const b = (e, t) => {
+  const {
+    api: i,
+    queryClient: s
+  } = n(), {
+    i18n: a
+  } = l();
+  return i.finops.postReceivablesIdMarkAsUncollectible.useMutation({
+    path: {
+      receivable_id: e
+    }
+  }, {
+    onSuccess: async (o) => {
+      t?.(e), i.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: e
+        }
+      }, o, s), await i.finops.getReceivables.invalidateQueries(s), c.success(a._("Marked as uncollectible"));
+    }
+  });
+};
+export {
+  b as useMarkAsUncollectibleReceivableById
+};

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

@@ -0,0 +1,76 @@
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as h } from "./index59.js";
+import { useCurrencies as y } from "./index60.js";
+import "react";
+import "./index94.js";
+import { useLingui as f } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserByAuthToken as x } from "./index77.js";
+import "react-hot-toast";
+import { MoniteCard as g } from "./index468.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 = ({
+  paymentRecords: i,
+  invoice: n
+}) => {
+  const {
+    i18n: t
+  } = f(), {
+    locale: c
+  } = h(), {
+    formatCurrencyToDisplay: s
+  } = y(), d = new Date(i.payment_date ?? "").setHours(i.payment_time?.getHours() ?? 0, i.payment_time?.getMinutes() ?? 0), p = t.date(new Date(d), c.dateTimeFormat), {
+    data: l,
+    isLoading: u
+  } = x(), m = `${l?.first_name ?? ""} ${l?.last_name ?? ""}`;
+  return /* @__PURE__ */ a(o, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3
+  }, children: [
+    /* @__PURE__ */ a(o, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      alignItems: "center",
+      textAlign: "center"
+    }, children: [
+      /* @__PURE__ */ e(o, { sx: {
+        borderRadius: "100%",
+        backgroundColor: "#F2F2F2",
+        width: "44px",
+        height: "44px",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }, children: /* @__PURE__ */ e(_, { sx: {
+        color: "#707070"
+      } }) }),
+      /* @__PURE__ */ e(r, { variant: "body1", children: t._("Manual payment record") }),
+      /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ e(r, { variant: "h2", children: s(i?.amount ?? 0, n.currency) }),
+        /* @__PURE__ */ e(r, { variant: "body1", children: t._("from {invoiceCounterpart_name}", {
+          invoiceCounterpart_name: n.counterpart_name
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(g, { items: [{
+      label: t._("Received"),
+      value: i.payment_date ? /* @__PURE__ */ e(r, { fontWeight: 500, children: p }) : "—"
+    }, {
+      label: t._("Reference"),
+      value: n.id ? /* @__PURE__ */ e(r, { fontWeight: 500, children: n.id }) : "—"
+    }, {
+      label: t._("Created by"),
+      value: u ? /* @__PURE__ */ e(v, { variant: "text", width: "50%" }) : m ? /* @__PURE__ */ e(r, { fontWeight: 500, children: m }) : "—"
+    }] }),
+    /* @__PURE__ */ e(b, { severity: "warning", children: /* @__PURE__ */ e(r, { variant: "body2", children: t._("Please, check the details of your payment record. You won't be able to change or delete it after.") }) })
+  ] });
+};
+export {
+  L as ManualPaymentRecordDetails
+};

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

@@ -0,0 +1,99 @@
+import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
+import { manualPaymentRecordValidationSchema as g } from "./index171.js";
+import { useCurrencies as y } from "./index60.js";
+import { useMemo as _, useEffect as C } from "react";
+import "./index94.js";
+import { useLingui as F } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { safeZodResolver as v } from "./index252.js";
+import { RHFDatePicker as D } from "./index469.js";
+import { RHFTextField as S } from "./index470.js";
+import { RHFTimePicker as T } from "./index471.js";
+import { DialogTitle as R, 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 = ({
+  invoice: r,
+  initialValues: n,
+  isLoading: u,
+  onSubmit: s,
+  onCancel: c
+}) => {
+  const {
+    i18n: t
+  } = F(), {
+    formatCurrencyToDisplay: p,
+    getSymbolFromCurrency: d
+  } = y(), {
+    control: a,
+    handleSubmit: f,
+    reset: l,
+    setValue: x
+  } = V({
+    resolver: v(g(t, r.amount_due)),
+    defaultValues: _(() => n ?? {
+      amount: 0,
+      payment_date: /* @__PURE__ */ new Date(),
+      payment_time: /* @__PURE__ */ new Date()
+    }, [n])
+  });
+  C(() => {
+    l(n);
+  }, [n, l]);
+  const h = d(r.currency);
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ o("form", { onSubmit: f(s), children: [
+    /* @__PURE__ */ e(R, { sx: {
+      px: 4,
+      pt: 4
+    }, variant: "h3", id: "dialog-title", children: t._("Record payment") }),
+    /* @__PURE__ */ e(P, { sx: {
+      p: 4
+    }, children: /* @__PURE__ */ o(i, { container: !0, spacing: 1, children: [
+      /* @__PURE__ */ o(i, { item: !0, xs: 12, children: [
+        /* @__PURE__ */ e(S, { label: t._("Amount"), name: "amount", placeholder: "0", control: a, type: "number", sx: {
+          "::after": {
+            content: `"${h}"`,
+            position: "absolute",
+            right: "16px",
+            bottom: 0,
+            transform: "translateY(-50%)",
+            fontSize: "16px",
+            color: "rgba(0,0,0,0.28)",
+            pointerEvents: "none"
+          }
+        }, fullWidth: !0, required: !0 }),
+        /* @__PURE__ */ o(k, { children: [
+          t._("Enter full amount due of"),
+          " ",
+          /* @__PURE__ */ e(m, { variant: "text", sx: {
+            textDecoration: "underline"
+          }, onClick: () => x("amount", r.amount_due / 100), children: p(r.amount_due, r.currency) })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(D, { label: t._("Date"), name: "payment_date", control: a }) }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(T, { label: t._("Time"), name: "payment_time", control: a, sx: {
+        "::after": {
+          content: '"UTC"',
+          position: "absolute",
+          right: "16px",
+          bottom: 0,
+          transform: "translateY(-50%)",
+          fontSize: "16px",
+          color: "rgba(0,0,0,0.28)",
+          pointerEvents: "none"
+        }
+      }, fullWidth: !0, required: !0 }) })
+    ] }) }),
+    /* @__PURE__ */ o(E, { sx: {
+      px: 4,
+      pb: 4
+    }, children: [
+      /* @__PURE__ */ e(m, { autoFocus: !0, onClick: c, children: t._("Cancel") }),
+      /* @__PURE__ */ e(m, { variant: "contained", startIcon: u ? /* @__PURE__ */ e(H, { size: 20, color: "warning" }) : null, type: "submit", children: t._("Save") })
+    ] })
+  ] }) });
+};
+export {
+  Z as PaymentRecordForm
+};

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

@@ -0,0 +1,136 @@
+import { jsx as e, jsxs as o, Fragment as M } from "@emotion/react/jsx-runtime";
+import { EditInvoiceDetails as G } from "./index152.js";
+import { EmailInvoiceDetails as z } from "./index153.js";
+import { useGetRecurrenceById as H } from "./index154.js";
+import { InvoiceDetailsActions as J } from "./index155.js";
+import { InvoiceDetailsTabDetails as K } from "./index156.js";
+import { InvoiceDetailsTabOverview as W } from "./index157.js";
+import { InvoiceDetailsTabPayments as Y } from "./index158.js";
+import { InvoiceDetailsTabScheduledInvoices as q } from "./index159.js";
+import { InvoicePDFViewer as Q } from "./index160.js";
+import { InvoiceRecurrenceStatusChip as X } from "./index136.js";
+import { InvoiceStatusChip as Z } from "./index57.js";
+import { MoniteScopedProviders as ee } from "./index85.js";
+import { useCurrencies as te } from "./index60.js";
+import { useState as d, useMemo as ie } from "react";
+import "./index94.js";
+import { useLingui as oe } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { useComponentSettings as ae } from "./index69.js";
+import { useIsLargeDesktopScreen as se } from "./index71.js";
+import { useGetReceivableById as ne } from "./index84.js";
+import { useUserPermissions as le } from "./index133.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 re } from "../../shared/data-access/dist/lib/scopes.js";
+import { AccessRestriction as ce } from "./index135.js";
+import { DialogTitle as f } from "./index161.js";
+import { Sheet as T, SheetContent as O, SheetDescription as h, SheetTitle as P, SheetHeader as de } from "./index162.js";
+import { Tabs as me, TabsList as we, TabsTrigger as m, TabsContent as w } from "./index163.js";
+import { LoadingSpinner as pe } from "./index164.js";
+import { NotFound as k } from "./index165.js";
+const x = {
+  Overview: "overview"
+}, Qe = (n) => /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(ve, { ...n }) }), ve = ({
+  invoiceId: n,
+  open: R,
+  onCloseInvoiceDetails: p,
+  onDuplicate: g,
+  onMarkAsUncollectible: I,
+  openInvoiceDetails: D
+}) => {
+  const {
+    i18n: i
+  } = oe(), {
+    formatCurrencyToDisplay: B
+  } = te(), {
+    receivablesCallbacks: b
+  } = ae(), L = se(), {
+    data: t,
+    isLoading: V
+  } = ne(n, !0), {
+    data: s,
+    isLoading: $
+  } = H(t?.type === "invoice" ? t?.recurrence_id : void 0), [l, v] = d(!1), [r, N] = d(!1), [_, u] = d(!1), [F, y] = d(x.Overview), A = le().has(re.InvoiceReadOrg), E = ie(() => ({
+    onEditButtonClick: () => v(!0),
+    onIssueAndSendButtonClick: () => N(!0),
+    onViewPDFButtonClick: () => u((a) => !a),
+    onDelete: () => p(),
+    onDuplicate: g,
+    onMarkAsUncollectible: I
+  }), [g, I, p]), c = s && t?.status === "recurring", U = R && !l && !r, C = _ && !l && !r, S = (a) => {
+    y(a);
+  }, j = () => V || $ ? /* @__PURE__ */ o("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:h-full", children: [
+    /* @__PURE__ */ e(f, { hidden: !0, children: i._("Loading invoice details") }),
+    /* @__PURE__ */ e(pe, {})
+  ] }) : A ? t ? t.type !== "invoice" ? /* @__PURE__ */ o("div", { className: "ttw:w-3/4 ttw:m-auto", children: [
+    /* @__PURE__ */ e(f, { hidden: !0, children: i._("Receivable type not supported") }),
+    /* @__PURE__ */ e(k, { title: i._("Receivable type not supported"), description: i._("Receivable type {type} is not supported. Only invoice is supported.", {
+      type: t.type
+    }) })
+  ] }) : /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:overflow-y-auto", children: [
+    /* @__PURE__ */ o(de, { className: "ttw:pl-8 ttw:gap-2 ttw:flex-row", children: [
+      /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:flex-1", children: [
+        /* @__PURE__ */ e(P, { className: "ttw:text-xl ttw:font-semibold ttw:leading-6", children: c ? i._("Recurring invoice") : i._("Invoice") }),
+        c ? /* @__PURE__ */ e(X, { status: s?.status }) : /* @__PURE__ */ e(Z, { status: t?.status })
+      ] }),
+      /* @__PURE__ */ e(h, { hidden: !0, children: i._("Invoice details") })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-8", children: [
+      /* @__PURE__ */ o("section", { className: "ttw:flex ttw:flex-col ttw:gap-5 ttw:px-8", children: [
+        /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col", children: [
+          /* @__PURE__ */ e("h2", { className: "ttw:text-[32px] ttw:font-semibold ttw:leading-10", children: B(t?.total_amount, t?.currency) }),
+          /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("for {name}", {
+            name: t?.counterpart_name
+          }) })
+        ] }),
+        /* @__PURE__ */ e(J, { invoice: t, recurrence: s, actions: E, isPDFViewerOpen: C })
+      ] }),
+      /* @__PURE__ */ e("section", { className: "ttw:border-t ttw:border-secondary ttw:pt-4 ttw:px-8", children: /* @__PURE__ */ o(me, { defaultValue: x.Overview, className: "ttw:gap-8", value: F, onValueChange: S, children: [
+        /* @__PURE__ */ o(we, { className: "ttw:w-full", children: [
+          /* @__PURE__ */ e(m, { value: "overview", children: i._("Overview") }),
+          /* @__PURE__ */ e(m, { value: "details", children: i._("Details") }),
+          c ? /* @__PURE__ */ e(m, { value: "scheduled-invoices", children: i._("Scheduled invoices") }) : /* @__PURE__ */ e(m, { value: "payments", children: i._("Payments") })
+        ] }),
+        /* @__PURE__ */ e(w, { value: "overview", className: "ttw:flex ttw:flex-col ttw:gap-8", children: /* @__PURE__ */ e(W, { invoice: t, recurrence: s, handleTabChange: S, openInvoiceDetails: D }) }),
+        /* @__PURE__ */ e(w, { value: "details", className: "ttw:flex ttw:flex-col ttw:gap-8", children: /* @__PURE__ */ e(K, { invoice: t }) }),
+        c ? /* @__PURE__ */ e(w, { value: "scheduled-invoices", className: "ttw:flex ttw:flex-col ttw:gap-8", children: /* @__PURE__ */ e(q, { invoice: t, recurrence: s, openInvoiceDetails: (a) => {
+          D?.(a), y(x.Overview);
+        } }) }) : /* @__PURE__ */ e(w, { value: "payments", className: "ttw:flex ttw:flex-col ttw:gap-8", children: /* @__PURE__ */ e(Y, { invoice: t }) })
+      ] }) })
+    ] })
+  ] }) : /* @__PURE__ */ o("div", { className: "ttw:w-3/4 ttw:m-auto", children: [
+    /* @__PURE__ */ e(f, { hidden: !0, children: i._("Invoice not found") }),
+    /* @__PURE__ */ e(k, { title: i._("Invoice not found"), description: i._("There is no invoice for the provided id: {invoiceId}", {
+      invoiceId: n
+    }) })
+  ] }) : /* @__PURE__ */ e("div", { className: "ttw:w-3/4 ttw:m-auto", children: /* @__PURE__ */ e(ce, {}) });
+  return /* @__PURE__ */ o(M, { children: [
+    r && /* @__PURE__ */ e(z, { invoiceId: t?.id ?? "", onClose: () => {
+      N(!1);
+    }, onSendEmail: b?.onInvoiceSent, isOpen: r }),
+    l && t && /* @__PURE__ */ e(G, { isOpen: l, invoice: t, onUpdated: (a) => {
+      v(!1), b?.onUpdate?.(a.id, a);
+    }, onCancel: () => v(!1) }),
+    /* @__PURE__ */ e(T, { open: U, modal: !1, onOpenChange: () => {
+      p(), _ && u(!1);
+    }, children: /* @__PURE__ */ o(O, { className: "ttw:gap-0 ttw:pb-12", children: [
+      /* @__PURE__ */ e(h, { hidden: !0, children: i._("Invoice details") }),
+      j(),
+      /* @__PURE__ */ e(T, { open: C, modal: !1, children: /* @__PURE__ */ o(O, { className: "ttw:w-full ttw:flex-row ttw:xl:max-w-300 ttw:xl:z-1299", showCloseButton: !1, children: [
+        /* @__PURE__ */ e(P, { hidden: !0, children: i._("PDF Viewer") }),
+        /* @__PURE__ */ e(h, { hidden: !0, children: i._("PDF Viewer") }),
+        /* @__PURE__ */ e("div", { className: "ttw:w-full ttw:xl:w-1/2 ttw:bg-white", children: /* @__PURE__ */ e(Q, { receivable_id: t?.id ?? "", showCloseButton: !L, onClose: () => u(!1) }) }),
+        /* @__PURE__ */ e("div", { className: "ttw:w-0 ttw:xl:w-1/2" })
+      ] }) })
+    ] }) })
+  ] });
+};
+export {
+  Qe as InvoiceDetails
+};

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

@@ -0,0 +1,39 @@
+import { useMoniteContext as c } from "./index59.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) => {
+  const {
+    i18n: i
+  } = u(), {
+    api: e,
+    queryClient: r
+  } = c();
+  return e.finops.postRecurrencesIdCancel.useMutation({
+    path: {
+      recurrence_id: s
+    }
+  }, {
+    onError: (n) => {
+      a.error(o(i, n));
+    },
+    onSuccess: async () => {
+      await Promise.all([e.finops.getReceivables.invalidateQueries(r), e.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: t
+          }
+        }
+      }, r), e.finops.getRecurrencesId.invalidateQueries({
+        parameters: {
+          path: {
+            recurrence_id: s
+          }
+        }
+      }, r)]), a.success(i._("Recurrence has been canceled"));
+    }
+  });
+};
+export {
+  f as useCancelRecurrence
+};

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

@@ -0,0 +1,19 @@
+import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
+import { useLingui as s } from "@lingui/react";
+import { Badge as m } from "./index292.js";
+import { Typography as o } from "./index87.js";
+const f = ({
+  email: t,
+  isDefault: e
+}) => {
+  const {
+    i18n: r
+  } = s();
+  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+    /* @__PURE__ */ a(o, { variant: "body2", className: "ttw:max-w-62.5 ttw:truncate", title: t, children: t }),
+    e && /* @__PURE__ */ a(m, { variant: "secondary", children: r._("Default") })
+  ] });
+};
+export {
+  f as DefaultEmail
+};

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

@@ -0,0 +1,14 @@
+import { useMoniteContext as i } from "./index59.js";
+const s = (e) => {
+  const {
+    api: t
+  } = i();
+  return t.finops.postReceivablesIdPreview.useMutation({
+    path: {
+      receivable_id: e
+    }
+  });
+};
+export {
+  s as useCreateInvoiceEmailPreview
+};

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

@@ -0,0 +1,98 @@
+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 "./index473.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 {
+  G as usePaymentHandler
+};

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

@@ -0,0 +1,40 @@
+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 {
+    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 {
+  v as useRejectApprovalRequest
+};

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

@@ -0,0 +1,37 @@
+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 {
+    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 {
+  g as useApproveApprovalRequest
+};

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

@@ -0,0 +1,34 @@
+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
+  };
+};
+export {
+  D as useDragScroll
+};

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

@@ -0,0 +1,7 @@
+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 {
+  r as getPayablesAnalyticsSnapshot
+};