@tesouro/embedded-components-react 0.2.234 → 0.2.237

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

@@ -1,69 +1,30 @@
-import { Price as v } from "./index432.js";
-import { useMemo as m } from "react";
-const w = ({
-  lineItems: c,
-  isInclusivePricing: o,
-  actualCurrency: p,
-  formatCurrencyToDisplay: i,
-  taxRate: n
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index138.js";
+import { Button as c } from "./index84.js";
+import { useLingui as u } from "@lingui/react";
+import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
+const A = ({
+  onEdit: t,
+  onDelete: l,
+  permissions: o
 }) => {
-  const b = (e) => {
-    const a = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
-    return {
-      price: a,
-      quantity: r
-    };
-  }, s = m(() => {
-    const e = n !== void 0 ? (n ?? 0) / 100 : void 0, a = c.reduce((t, f) => {
-      const {
-        price: l,
-        quantity: u
-      } = b(f);
-      if (o && e && f.taxable) {
-        const d = l * u / (1 + e);
-        return t + d;
-      }
-      return t + l * u;
-    }, 0), r = p ?? c.find((t) => !!t.product?.price?.currency)?.product?.price?.currency ?? c.find((t) => !!t.price?.currency)?.price?.currency;
-    if (r)
-      return new v({
-        value: a,
-        currency: r,
-        formatter: i
-      });
-  }, [c, i, p, o, n]), y = m(() => {
-    const e = p ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
-    if (!e)
-      return;
-    if (!n)
-      return new v({
-        value: 0,
-        currency: e,
-        formatter: i
-      });
-    const a = c.reduce((r, t) => {
-      if (!t.taxable) return r;
-      const {
-        price: f,
-        quantity: l
-      } = b(t), u = n / 100, d = f * l;
-      return o ? r + d * u / (1 + u) : r + d * u;
-    }, 0);
-    return new v({
-      value: a,
-      currency: e,
-      formatter: i
-    });
-  }, [c, i, p, n, o]), x = m(() => {
-    if (!(!s || !y))
-      return s.add(y);
-  }, [s, y]);
-  return {
-    subtotalPrice: s,
-    totalTaxes: y,
-    totalPrice: x
-  };
+  const {
+    i18n: n
+  } = u();
+  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
+    /* @__PURE__ */ i(d, { align: "end", children: [
+      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
+        /* @__PURE__ */ e(p, {}),
+        n._("Edit")
+      ] }),
+      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
+        /* @__PURE__ */ e(h, {}),
+        n._("Delete")
+      ] })
+    ] })
+  ] }) : null;
 };
 export {
-  w as useCreateInvoiceProductsTable
+  A as TableActions
 };

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

@@ -1,23 +1,98 @@
-class t {
-  value;
-  currency;
-  formatter;
-  constructor(r) {
-    this.value = r.value, this.currency = r.currency, this.formatter = r.formatter;
-  }
-  add(r) {
-    if (this.currency !== r.currency)
-      throw new Error("Currencies must match");
-    return new t({
-      value: Number(this.value) + Number(r.value),
-      currency: this.currency,
-      formatter: this.formatter
-    });
-  }
-  toString() {
-    return this.formatter(this.value, this.currency) ?? "";
-  }
-}
+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 "./index481.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
+  const {
+    i18n: t
+  } = R(), {
+    root: k
+  } = S(), b = v(), [L, m] = l(!1), [u, o] = l(null), [g, p] = l(null), [_, P] = l(!1), {
+    data: s,
+    isSuccess: h
+  } = $(i ?? "");
+  w(() => {
+    h && s?.payment_link_id && i && p(s.payment_link_id);
+  }, [h, s, i]);
+  const {
+    data: e,
+    refetch: C,
+    isSuccess: y,
+    isLoading: E
+  } = B(g ?? "");
+  return w(() => {
+    y && e?.payment_intent?.status === "processing" && f?.(r ?? "", e?.payment_intent?.status ?? "");
+  }, [e, y, f, r]), {
+    handlePay: async () => {
+      if (!d) {
+        c.error(t._("Vendor not found. Please create a vendor first."));
+        return;
+      }
+      if (!_)
+        try {
+          if (E) {
+            c.error(t._("Payment link is still loading. Please wait a moment and try again."));
+            return;
+          }
+          if (!g || y && e?.payment_intent?.status !== "created") {
+            if (P(!0), !r) throw new Error("Payable ID is undefined");
+            const a = await b(
+              r,
+              d,
+              ["sepa_credit"],
+              60
+              // 60 days from now
+            );
+            if (a.payment_page_url)
+              p(a.id), o(a.payment_page_url);
+            else
+              throw p(null), o(null), new Error("No payment page URL in response");
+          } else if (e?.payment_page_url)
+            o(e.payment_page_url);
+          else
+            throw new Error("No payment page URL in existing payment link");
+          m(!0);
+        } catch (a) {
+          console.error("Payment link creation/retrieval error:", a), c.error(i && s?.status === "created" ? t._("Failed to retrieve payment link. Please try again.") : t._("Failed to create payment link. Please try again.")), m(!1);
+        } finally {
+          P(!1);
+        }
+    },
+    isCreatingPaymentLink: _,
+    modalComponent: /* @__PURE__ */ n(j, { open: L, onClose: async () => {
+      await C(), m(!1), o(null);
+    }, container: k, children: /* @__PURE__ */ n(x, { sx: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      width: "80%",
+      maxWidth: 600,
+      bgcolor: "background.paper",
+      boxShadow: 24,
+      p: 4,
+      borderRadius: 2
+    }, children: u ? /* @__PURE__ */ n("iframe", { src: u, title: "Payment Page", width: "100%", height: "400px", style: {
+      border: "none"
+    } }) : /* @__PURE__ */ I(x, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 2,
+      py: 4
+    }, children: [
+      /* @__PURE__ */ n(D, {}),
+      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
+    ] }) }) })
+  };
+};
 export {
-  t as Price
+  G as usePaymentHandler
 };

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

@@ -1,4 +1,40 @@
-const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as l } from "./index121.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 {
-  t as generateUniqueId
+  v as useRejectApprovalRequest
 };

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

@@ -1,12 +1,37 @@
-const o = ["draft", "new", "waiting_to_be_paid", "approve_in_progress"], s = (n) => {
-  if (!n.due_date) return 0;
-  const e = /* @__PURE__ */ new Date();
-  e.setUTCHours(0, 0, 0, 0);
-  const t = new Date(n.due_date);
-  if (t.setUTCHours(0, 0, 0, 0), t.getTime() === e.getTime()) return 0;
-  const r = o.includes(n.status), i = t.getTime() < e.getTime();
-  return !r || !i ? 0 : Math.floor((e.getTime() - t.getTime()) / 864e5);
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index121.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 {
-  s as getInvoiceOverdueDays
+  g as useApproveApprovalRequest
 };

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

@@ -1,22 +1,31 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useState as l, useEffect as c } from "react";
-const u = ({
-  shouldStartProgress: e,
-  isError: d,
-  isSuccess: w
-}) => {
-  const [a, o] = l(0);
-  return c(() => {
-    let s;
-    return e && (s = setInterval(() => {
-      o((t) => t < 98 ? t + 2 : t === 98 ? t + 1 : t);
-    }, 200)), () => {
-      clearInterval(s);
-    };
-  }, [e]), w ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-success ttw:rounded-md" }) : d ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-danger ttw:rounded-md" }) : /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-neutral ttw:rounded-md", children: /* @__PURE__ */ r("div", { className: "ttw:bg-primary ttw:h-full ttw:rounded-md", style: {
-    width: `${a}%`
-  } }) });
-};
+import { jsxs as r, jsx as t } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { styled as s, TableCell as i, Card as m, Table as c, TableBody as h, TableRow as p } from "@mui/material";
+const b = s(i)(({
+  theme: e,
+  isRequired: l
+}) => ({
+  color: l ? e.palette.error.main : e.palette.text.secondary,
+  minWidth: 120,
+  width: "35%"
+})), u = (e) => {
+  const l = d(() => !e.value && e.withEmptyStateFiller ? "—" : e.value, [e.value, e.withEmptyStateFiller]);
+  return l ? /* @__PURE__ */ r(p, { children: [
+    /* @__PURE__ */ t(b, { component: "th", scope: "row", children: e.label }),
+    /* @__PURE__ */ t(i, { children: l })
+  ] }) : null;
+}, y = ({
+  items: e,
+  children: l,
+  ...a
+}) => /* @__PURE__ */ r(m, { variant: "outlined", sx: {
+  overflow: "visible"
+}, ...a, children: [
+  /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(h, { children: e.map((o, n) => /* @__PURE__ */ t(u, { ...o }, n)) }) }),
+  l
+] });
 export {
-  u as UploadBar
+  y as MoniteCard,
+  u as MoniteCardItem,
+  b as StyledLabelTableCell
 };

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

@@ -1,31 +1,71 @@
-import { jsxs as r, jsx as t } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { styled as s, TableCell as i, Card as m, Table as c, TableBody as h, TableRow as p } from "@mui/material";
-const b = s(i)(({
-  theme: e,
-  isRequired: l
-}) => ({
-  color: l ? e.palette.error.main : e.palette.text.secondary,
-  minWidth: 120,
-  width: "35%"
-})), u = (e) => {
-  const l = d(() => !e.value && e.withEmptyStateFiller ? "—" : e.value, [e.value, e.withEmptyStateFiller]);
-  return l ? /* @__PURE__ */ r(p, { children: [
-    /* @__PURE__ */ t(b, { component: "th", scope: "row", children: e.label }),
-    /* @__PURE__ */ t(i, { children: l })
-  ] }) : null;
-}, y = ({
-  items: e,
-  children: l,
-  ...a
-}) => /* @__PURE__ */ r(m, { variant: "outlined", sx: {
-  overflow: "visible"
-}, ...a, children: [
-  /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(h, { children: e.map((o, n) => /* @__PURE__ */ t(u, { ...o }, n)) }) }),
-  l
-] });
+import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
+import { Controller as y } from "react-hook-form";
+import { useRootElements as D } from "./index92.js";
+import { Alert as F } from "@mui/material";
+import { DatePicker as C } from "@mui/x-date-pickers";
+import { parse as P, format as T } from "date-fns";
+const M = ({
+  control: p,
+  name: n,
+  slotProps: o,
+  valueAs: c = "date",
+  stringFormat: s = "yyyy-MM-dd",
+  ...d
+}) => {
+  const i = (e) => e?.type === "custom", {
+    root: l
+  } = D();
+  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
+    field: e,
+    fieldState: {
+      error: r,
+      isTouched: u
+    },
+    formState: {
+      isValid: f
+    }
+  }) => {
+    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
+    return /* @__PURE__ */ x(h, { children: [
+      /* @__PURE__ */ a(
+        C,
+        {
+          ...e,
+          ...d,
+          value: g,
+          onChange: (t) => {
+            if (t instanceof Date && !Number.isNaN(t.getTime())) {
+              const v = c === "string" ? T(t, s) : t;
+              e.onChange(v);
+            } else
+              e.onChange(null);
+          },
+          slotProps: {
+            ...o,
+            popper: {
+              ...o?.popper,
+              container: l
+            },
+            dialog: {
+              ...o?.dialog,
+              container: l
+            },
+            textField: {
+              variant: "standard",
+              ...o?.textField,
+              id: n,
+              error: m && !!r?.message,
+              helperText: m && r?.message
+            }
+          }
+        }
+      ),
+      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: r?.message })
+    ] });
+  } });
+};
 export {
-  y as MoniteCard,
-  u as MoniteCardItem,
-  b as StyledLabelTableCell
+  M as RHFDatePicker
 };

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

@@ -1,71 +1,59 @@
-import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
-import { Controller as y } from "react-hook-form";
-import { useRootElements as D } from "./index92.js";
-import { Alert as F } from "@mui/material";
-import { DatePicker as C } from "@mui/x-date-pickers";
-import { parse as P, format as T } from "date-fns";
-const M = ({
-  control: p,
+import { jsx as t, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { Controller as v } from "react-hook-form";
+import { useRootElements as P } from "./index92.js";
+import { TextField as T, Alert as y } from "@mui/material";
+const j = ({
+  control: l,
   name: n,
-  slotProps: o,
-  valueAs: c = "date",
-  stringFormat: s = "yyyy-MM-dd",
-  ...d
+  SelectProps: s,
+  type: a,
+  ...c
 }) => {
   const i = (e) => e?.type === "custom", {
-    root: l
-  } = D();
-  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
+    root: p
+  } = P();
+  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
     field: e,
     fieldState: {
       error: r,
-      isTouched: u
+      isTouched: d
     },
     formState: {
-      isValid: f
+      isValid: u
     }
   }) => {
-    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
-    return /* @__PURE__ */ x(h, { children: [
-      /* @__PURE__ */ a(
-        C,
+    const m = (d || !u) && !i(r), g = (f) => {
+      const o = f.target.value;
+      a === "number" ? e.onChange(o === "" ? void 0 : Number(o)) : e.onChange(o);
+    };
+    return /* @__PURE__ */ h(x, { children: [
+      /* @__PURE__ */ t(
+        T,
         {
           ...e,
-          ...d,
-          value: g,
-          onChange: (t) => {
-            if (t instanceof Date && !Number.isNaN(t.getTime())) {
-              const v = c === "string" ? T(t, s) : t;
-              e.onChange(v);
-            } else
-              e.onChange(null);
-          },
-          slotProps: {
-            ...o,
-            popper: {
-              ...o?.popper,
-              container: l
-            },
-            dialog: {
-              ...o?.dialog,
-              container: l
-            },
-            textField: {
-              variant: "standard",
-              ...o?.textField,
-              id: n,
-              error: m && !!r?.message,
-              helperText: m && r?.message
+          ...c,
+          id: n,
+          variant: "standard",
+          type: a,
+          value: e.value ?? "",
+          onChange: g,
+          error: m && !!r?.message,
+          helperText: m && r?.message,
+          SelectProps: {
+            ...s,
+            MenuProps: {
+              ...s?.MenuProps,
+              container: p
             }
           }
         }
       ),
-      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
+      i(r) && /* @__PURE__ */ t(y, { severity: "error", icon: !1, sx: {
         marginTop: -2
       }, children: r?.message })
     ] });
   } });
 };
 export {
-  M as RHFDatePicker
+  j as RHFTextField
 };

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

@@ -1,59 +1,43 @@
-import { jsx as t, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { Controller as v } from "react-hook-form";
-import { useRootElements as P } from "./index92.js";
-import { TextField as T, Alert as y } from "@mui/material";
-const j = ({
-  control: l,
-  name: n,
-  SelectProps: s,
-  type: a,
-  ...c
+import { jsx as l, jsxs as f, Fragment as x } from "@emotion/react/jsx-runtime";
+import { Controller as h } from "react-hook-form";
+import { Alert as g } from "@mui/material";
+import { TimeField as T } from "@mui/x-date-pickers";
+const q = ({
+  control: n,
+  name: o,
+  required: a,
+  fullWidth: m,
+  slotProps: s,
+  ...d
 }) => {
-  const i = (e) => e?.type === "custom", {
-    root: p
-  } = P();
-  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
-    field: e,
+  const i = (r) => r?.type === "custom";
+  return /* @__PURE__ */ l(h, { control: n, name: o, render: ({
+    field: r,
     fieldState: {
-      error: r,
-      isTouched: d
+      error: e,
+      isTouched: u
     },
     formState: {
-      isValid: u
+      isValid: c
     }
   }) => {
-    const m = (d || !u) && !i(r), g = (f) => {
-      const o = f.target.value;
-      a === "number" ? e.onChange(o === "" ? void 0 : Number(o)) : e.onChange(o);
-    };
-    return /* @__PURE__ */ h(x, { children: [
-      /* @__PURE__ */ t(
-        T,
-        {
-          ...e,
-          ...c,
-          id: n,
-          variant: "standard",
-          type: a,
-          value: e.value ?? "",
-          onChange: g,
-          error: m && !!r?.message,
-          helperText: m && r?.message,
-          SelectProps: {
-            ...s,
-            MenuProps: {
-              ...s?.MenuProps,
-              container: p
-            }
-          }
+    const t = (u || !c) && !i(e), p = r.value !== null ? new Date(r.value) : null;
+    return /* @__PURE__ */ f(x, { children: [
+      /* @__PURE__ */ l(T, { ...r, ...d, variant: "standard", required: a, fullWidth: m, value: p, helperText: t && e?.message, slotProps: {
+        ...s,
+        textField: {
+          ...s?.textField,
+          id: o,
+          error: t && !!e?.message,
+          helperText: t && e?.message
         }
-      ),
-      i(r) && /* @__PURE__ */ t(y, { severity: "error", icon: !1, sx: {
+      } }),
+      i(e) && /* @__PURE__ */ l(g, { severity: "error", icon: !1, sx: {
         marginTop: -2
-      }, children: r?.message })
+      }, children: e?.message })
     ] });
   } });
 };
 export {
-  j as RHFTextField
+  q as RHFTimePicker
 };