@tesouro/embedded-components-react 0.2.125 → 0.2.127

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

@@ -1,37 +1,56 @@
-import { useMoniteContext as c } from "./index57.js";
-import { useLingui as n } from "@lingui/react";
-import { toast as o } from "react-hot-toast";
-const u = (i) => {
+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 "./index147.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
-  } = n(), {
-    api: e,
-    queryClient: a
-  } = c();
-  return e.finops.postReceivablesIdCancel.useMutation({
-    path: {
-      receivable_id: i
+    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
     }
   }, {
-    onSuccess: async () => {
-      const t = e.finops.getReceivablesId.getQueryData({
-        path: {
-          receivable_id: i
-        }
-      }, a);
-      t?.type === "invoice" && e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: i
-        }
-      }, {
-        ...t,
-        status: "canceled"
-      }, a), await e.finops.getReceivables.invalidateQueries(a), o.success(s._("This {type} has been canceled", {
-        type: t?.type === "credit_note" ? "credit memo" : t?.type
-      }));
-    }
+    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 useCancelReceivableById
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,30 +1,20 @@
-import { toast as a } from "react-hot-toast";
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as r } from "@lingui/react";
-const u = (t) => {
+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 {
-    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
-      }));
-    }
-  });
+    data: o
+  } = s(a);
+  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
 };
 export {
-  u as useDeleteReceivableById
+  n as UserAvatar
 };

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

@@ -1,45 +1,7 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index256.js";
-import "date-fns";
-import { Badge as s } from "./index255.js";
-import { cn as g } from "./index100.js";
-import { useLingui as c } from "@lingui/react";
-import { cva as l } from "class-variance-authority";
-const r = l("", {
-  variants: {
-    variant: {
-      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
-      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
-      send_failed: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
-      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
-      send_failed: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
-  }
-}), z = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  dotSize: d,
-  ref: a
-}) => {
-  const {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
-};
+function r(l, e) {
+  if (l !== void 0) return l;
+  if (e !== void 0) return null;
+}
 export {
-  z as InvoiceRecurrenceIterationStatusChip
+  r as resolveNullableUpdate
 };

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

@@ -1,27 +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 { useMoniteContext as n } from "./index57.js";
-import { useLingui as l } from "@lingui/react";
-const b = (e, t) => {
+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 "./index460.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
   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
+    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);
         }
-      }, o, s), await i.finops.getReceivables.invalidateQueries(s), c.success(a._("Marked as uncollectible"));
-    }
-  });
+    },
+    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 {
-  b as useMarkAsUncollectibleReceivableById
+  G as usePaymentHandler
 };

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

@@ -1,76 +1,40 @@
-import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { useMoniteContext as h } from "./index57.js";
-import { useCurrencies as y } from "./index58.js";
-import "react";
-import "./index92.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 "./index75.js";
-import "react-hot-toast";
-import { MoniteCard as g } from "./index457.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
-}) => {
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as l } from "./index118.js";
+import { useLingui as m } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const v = (i, n, s, p) => {
   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.") }) })
-  ] });
+    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 {
-  L as ManualPaymentRecordDetails
+  v as useRejectApprovalRequest
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as s } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as ye } from "./index157.js";
+import { CreateCounterpartDialog as ye } from "./index203.js";
 import { getCounterpartName as x } from "./index7.js";
 import "./index57.js";
 import { useLingui as ge } from "@lingui/react";
@@ -10,13 +10,13 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useIsMounted as Ne } from "./index68.js";
 import { useCounterpartList as _e } from "./index71.js";
-import { Alert as ee, AlertTitle as Ae, AlertDescription as te } from "./index158.js";
+import { Alert as ee, AlertTitle as Ae, AlertDescription as te } from "./index204.js";
 import { Button as _ } from "./index84.js";
 import { useComboboxAnchor as Te, Combobox as re, ComboboxChips as Ve, ComboboxChip as ke, ComboboxChipsInput as De, ComboboxContent as oe, ComboboxList as ae, ComboboxItem as z, ComboboxInput as Ie, ComboboxEmpty as Le } from "./index90.js";
-import { Field as ie, FieldContent as le, FieldLabel as ne, FieldError as Ee } from "./index159.js";
-import { Input as Se } from "./index127.js";
+import { Field as ie, FieldContent as le, FieldLabel as ne, FieldError as Ee } from "./index205.js";
+import { Input as Se } from "./index122.js";
 import { Typography as se } from "./index85.js";
-import { LoadingSpinner as je } from "./index138.js";
+import { LoadingSpinner as je } from "./index181.js";
 import { Plus as de, Sparkles as Pe } from "lucide-react";
 import { useFormContext as qe, Controller as ze } from "react-hook-form";
 const B = "__create-new__", Be = 50, lt = ({

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

@@ -1,8 +1,8 @@
-import { jsx as i, jsxs as w, Fragment as L } from "@emotion/react/jsx-runtime";
-import { InvoiceDetailsPanel as A } from "./index219.js";
+import { jsx as i, jsxs as w, Fragment as k } from "@emotion/react/jsx-runtime";
+import { InvoiceDetailsPanel as A } from "./index171.js";
 import { CreateReceivables as E } from "./index39.js";
-import { ActionsModal as M } from "./index220.js";
-import { ReceivablesTableTabEnum as k, ReceivablesTable as V } from "./index41.js";
+import { ActionsModal as M } from "./index172.js";
+import { ReceivablesTableTabEnum as L, ReceivablesTable as V } from "./index41.js";
 import { MoniteScopedProviders as y } from "./index83.js";
 import "./index57.js";
 import { useLingui as z } from "@lingui/react";
@@ -12,8 +12,8 @@ import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import { useComponentSettings as U } from "./index67.js";
-import { useUserPermissions as W } from "./index135.js";
-import { AccessRestriction as _ } from "./index136.js";
+import { useUserPermissions as W } from "./index130.js";
+import { AccessRestriction as _ } from "./index131.js";
 import { Button as q } from "./index84.js";
 import "clsx";
 import "tailwind-merge";
@@ -24,19 +24,19 @@ 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 D } from "../../shared/data-access/dist/lib/scopes.js";
+import { Scope as O } from "../../shared/data-access/dist/lib/scopes.js";
 const Re = (c) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(G, { ...c }) }), G = ({
   pageTitleComponent: c,
-  embeddedBankName: O,
+  embeddedBankName: S,
   initialView: m,
   initialCounterpartId: p
 }) => {
   const {
-    i18n: S
+    i18n: T
   } = z(), {
-    componentSettings: T,
+    componentSettings: D,
     receivablesCallbacks: b
-  } = U(), [f, C] = r(""), [x, a] = r(!1), [t, l] = r(null), [B, d] = r(void 0), g = F(!1), [P, u] = r(T.receivables.tab ?? k.Invoices), s = n((o) => {
+  } = U(), [f, C] = r(""), [x, a] = r(!1), [t, l] = r(null), [B, d] = r(void 0), g = F(!1), [P, u] = r(D.receivables.tab ?? L.Invoices), s = n((o) => {
     C(o);
   }, []), $ = n((o) => {
     s(o);
@@ -45,7 +45,7 @@ const Re = (c) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(G, { ...c }
   }, []), I = n(() => {
     a(!1), d(void 0);
   }, []), N = n((o, e) => {
-    I(), u(k.Invoices), e.mode === "issue" ? l({
+    I(), u(L.Invoices), e.mode === "issue" ? l({
       action: "issue",
       receivableId: o,
       counterpartId: e.counterpartId,
@@ -56,13 +56,13 @@ const Re = (c) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(G, { ...c }
       counterpartId: e.counterpartId,
       inlineLineItems: e.inlineLineItems
     }), b.onCreate?.(o);
-  }, [b, u, I]), h = W(), v = h.has(D.InvoiceWriteOrg), R = h.has(D.InvoiceReadOrg);
+  }, [b, u, I]), h = W(), v = h.has(O.InvoiceWriteOrg), R = h.has(O.InvoiceReadOrg);
   return H(() => {
     g.current || m === "create" && v && (g.current = !0, d(p), a(!0));
-  }, [m, v, p]), /* @__PURE__ */ w(L, { children: [
-    c(/* @__PURE__ */ i(L, { children: /* @__PURE__ */ i(q, { id: "actions", size: "lg", disabled: !v, onClick: () => {
+  }, [m, v, p]), /* @__PURE__ */ w(k, { children: [
+    c(/* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(q, { id: "actions", size: "lg", disabled: !v, onClick: () => {
       d(void 0), a(!0);
-    }, children: S._("Create Invoice") }) })),
+    }, children: T._("Create Invoice") }) })),
     !R && /* @__PURE__ */ i(_, {}),
     R && /* @__PURE__ */ i(
       V,
@@ -75,7 +75,7 @@ const Re = (c) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(G, { ...c }
       }
     ),
     !!f && /* @__PURE__ */ i(A, { open: !0, invoiceId: f, onCloseInvoiceDetails: j, onDuplicate: s, openInvoiceDetails: s }),
-    x && /* @__PURE__ */ i(E, { open: !0, type: "invoice", embeddedBankName: O, initialCounterpartId: B, onCreate: N, onOpenChange: I }),
+    x && /* @__PURE__ */ i(E, { open: !0, type: "invoice", embeddedBankName: S, initialCounterpartId: B, onCreate: N, onOpenChange: I }),
     t && /* @__PURE__ */ i(M, { open: !0, action: t.action, inlineLineItems: t.inlineLineItems, issue: t.action === "issue" ? {
       receivableId: t.receivableId,
       counterpartId: t.counterpartId