@tesouro/embedded-components-react 0.2.51 → 0.2.52

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

@@ -1,19 +1,70 @@
-import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
-import { useLingui as s } from "@lingui/react";
-import { Badge as m } from "./index260.js";
-import { Typography as o } from "./index87.js";
-const f = ({
-  email: t,
-  isDefault: e
+import { jsx as o, jsxs as V } from "@emotion/react/jsx-runtime";
+import { useState as x, useEffect as q } from "react";
+import { Controller as C } from "react-hook-form";
+import { Minus as R, Plus as M } from "lucide-react";
+import { InputGroup as N, InputGroupAddon as v, InputGroupButton as y, InputGroupInput as B } from "./index102.js";
+const I = (e) => Math.round(e * 100) / 100, b = (e) => {
+  let t = e.replace(/[^0-9.]/g, "");
+  const n = t.indexOf(".");
+  return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
+}, E = ({
+  field: e,
+  index: t,
+  canRemove: n,
+  hasProduct: s,
+  hasQuantityError: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
 }) => {
-  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") })
+  const i = Math.max(0, Number(e.value) || 0), w = n ? 0 : 1, [p, c] = x(i === 0 ? "" : String(i)), [h, f] = x(!1);
+  q(() => {
+    if (!h) {
+      const r = i === 0 ? "" : String(i);
+      r !== p && c(r);
+    }
+  }, [i, h, p]);
+  const g = (r) => {
+    const a = I(r);
+    if (a <= 0 && n) {
+      d(t);
+      return;
+    }
+    const u = Math.max(w, a);
+    l("quantity", u, {
+      shouldValidate: !0
+    });
+  };
+  return /* @__PURE__ */ V(N, { className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
+    /* @__PURE__ */ o(v, { align: "inline-start", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s || !n && i <= 1, onClick: () => g(i - 1), children: /* @__PURE__ */ o(R, {}) }) }),
+    /* @__PURE__ */ o(B, { ref: e.ref, name: e.name, type: "text", inputMode: "decimal", "aria-invalid": m || void 0, value: p, className: "ttw:text-center ttw:px-0", onFocus: () => f(!0), onChange: (r) => {
+      const a = b(r.target.value);
+      c(a);
+      const u = a === "" || a === "." ? 0 : Number(a);
+      l("quantity", u, {
+        shouldValidate: !1
+      });
+    }, onBlur: (r) => {
+      f(!1);
+      const a = b(r.target.value), u = a === "" || a === "." ? 0 : I(Number(a));
+      u <= 0 ? n ? d(t) : (c("1"), l("quantity", 1, {
+        shouldValidate: !0
+      })) : (c(String(u)), l("quantity", u, {
+        shouldValidate: !0
+      })), e.onBlur();
+    } }),
+    /* @__PURE__ */ o(v, { align: "inline-end", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s, onClick: () => g(i + 1), children: /* @__PURE__ */ o(M, {}) }) })
   ] });
-};
+}, z = ({
+  index: e,
+  control: t,
+  quantityError: n,
+  canRemove: s,
+  hasProduct: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
+}) => /* @__PURE__ */ o(C, { name: `line_items.${e}.quantity`, control: t, render: ({
+  field: i
+}) => /* @__PURE__ */ o(E, { field: i, index: e, canRemove: s, hasProduct: m, hasQuantityError: n, onLineItemValueChange: l, onRemoveItem: d }) });
 export {
-  f as DefaultEmail
+  z as QuantityField
 };

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

@@ -1,14 +1,41 @@
-import { useMoniteContext as i } from "./index59.js";
-const s = (e) => {
+import { jsxs as t, Fragment as f, jsx as a } from "@emotion/react/jsx-runtime";
+import { useState as h } from "react";
+import { ManageMeasureUnits as v } from "./index205.js";
+import { Select as g, SelectTrigger as x, SelectValue as w, SelectContent as S, SelectItem as l } from "./index290.js";
+import { useLingui as _ } from "@lingui/react";
+import { Plus as b } from "lucide-react";
+const s = "__none__", E = ({
+  value: n,
+  availableMeasureUnits: o,
+  error: m,
+  fieldError: c,
+  disabled: u = !1,
+  onChange: d
+}) => {
   const {
-    api: t
-  } = i();
-  return t.finops.postReceivablesIdPreview.useMutation({
-    path: {
-      receivable_id: e
-    }
-  });
+    i18n: r
+  } = _(), [p, i] = h(!1);
+  return /* @__PURE__ */ t(f, { children: [
+    /* @__PURE__ */ t(g, { value: n || s, onValueChange: (e) => {
+      if (e === "create") {
+        i(!0);
+        return;
+      }
+      d(e === s ? "" : e);
+    }, disabled: u, children: [
+      /* @__PURE__ */ a(x, { "aria-invalid": m || !!c || void 0, className: "ttw:w-22", children: /* @__PURE__ */ a(w, { className: "ttw:truncate", placeholder: r._("Select") }) }),
+      /* @__PURE__ */ t(S, { children: [
+        /* @__PURE__ */ t(l, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
+          /* @__PURE__ */ a(b, { className: "ttw:text-primary" }),
+          r._("Manage measure units")
+        ] }),
+        /* @__PURE__ */ a(l, { value: s, children: r._("None") }),
+        o?.map((e) => /* @__PURE__ */ a(l, { value: e.id, children: e.name }, e.id))
+      ] })
+    ] }),
+    p && /* @__PURE__ */ a(v, { open: !0, handleClose: () => i(!1) })
+  ] });
 };
 export {
-  s as useCreateInvoiceEmailPreview
+  E as MeasureUnitField
 };

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

@@ -1,70 +1,100 @@
-import { jsx as a, jsxs as v, Fragment as f } from "@emotion/react/jsx-runtime";
-import { ScopedCssBaselineContainerClassName as g } from "./index106.js";
-import { CreditNotesTable as C } from "./index38.js";
-import { InvoicesTable as x } from "./index36.js";
-import { QuotesTable as $ } from "./index37.js";
-import { useMoniteContext as T } from "./index59.js";
-import { MoniteScopedProviders as I } from "./index85.js";
-import { classNames as q } from "./index187.js";
-import { useLingui as R } from "@lingui/react";
-import { Box as s, Tabs as D } from "@mui/material";
-import { useState as N, useId as S } from "react";
-const k = {
-  Invoices: 0,
-  Quotes: 1,
-  CreditNotes: 2,
-  Financing: 3
-}, A = (i) => /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(w, { ...i }) }), w = ({
-  onRowClick: i,
-  onTabChange: r,
-  setIsCreateInvoiceDialogOpen: l,
-  ...m
+import { jsx as t, jsxs as n, Fragment as M } from "@emotion/react/jsx-runtime";
+import { useState as I, useId as P, useRef as j } from "react";
+import { useMoniteContext as L } from "./index58.js";
+import { MoniteScopedProviders as O } from "./index84.js";
+import { LoadingPage as U } from "./index187.js";
+import { useLingui as G } from "@lingui/react";
+import { useCreateEntityBankAccount as H } from "./index193.js";
+import { useUpdateEntityBankAccount as R } from "./index194.js";
+import { useDeleteEntityBankAccount as T } from "./index195.js";
+import { useGetEntityBankAccountById as q } from "./index196.js";
+import "date-fns";
+import "react-hot-toast";
+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 "clsx";
+import { twMerge as z } from "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import "lucide-react";
+import { Button as c } from "./index85.js";
+import "./index93.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import "react-hook-form";
+import { BankAccountDeleteModal as J } from "./index197.js";
+import { BankAccountFormContent as K } from "./index198.js";
+import { Sheet as Q, SheetContent as V, SheetHeader as W, SheetTitle as X, SheetDescription as Y, SheetFooter as Z } from "./index135.js";
+const Nt = (a) => /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(tt, { ...a }) }), tt = ({
+  entityBankAccountId: a,
+  bankAccounts: u,
+  isOpen: f,
+  onCancel: h,
+  onCreate: b,
+  onUpdate: w,
+  onDelete: k,
+  handleClose: y,
+  handleSelectBankAfterDeletion: g
 }) => {
   const {
-    tab: p,
-    tabs: b
-  } = B(m), {
-    i18n: u
-  } = R(), [e, d] = N(p ?? k.Invoices), t = `Monite-ReceivablesTable-Tabs-${S()}-`, h = "Monite-ReceivablesTable", o = b?.[e], y = (n) => {
-    d(n), r?.(n);
+    i18n: e
+  } = G(), {
+    componentSettings: A
+  } = L(), [m, d] = I(!1), l = `Monite-EntityBankForm-${P()}`, x = j(null), {
+    data: o,
+    isLoading: B
+  } = q(a), {
+    mutate: C,
+    isPending: v
+  } = H(b), {
+    mutate: S,
+    isPending: _
+  } = R(w), {
+    mutate: $,
+    isPending: D
+  } = T(k), r = v || _ || D, i = !!o, N = (s) => {
+    C({
+      body: s
+    });
+  }, E = (s) => {
+    S({
+      path: {
+        bank_account_id: o?.id ?? ""
+      },
+      body: s
+    });
   };
-  return /* @__PURE__ */ v(f, { children: [
-    /* @__PURE__ */ a(s, { className: q(g, h + "-Tabs"), children: /* @__PURE__ */ a(D, { value: e, variant: "standard", "aria-label": u._("Receivables tabs"), sx: {
-      border: "none"
-    }, onChange: (n, c) => y(Number(c)), children: b?.map(({
-      label: n,
-      query: c
-    }, H) => null) }) }),
-    o?.query?.type === "quote" && /* @__PURE__ */ a(s, { role: "tabpanel", id: `${t}-${e}-tabpanel`, "aria-labelledby": `${t}-${e}-tab`, sx: {
-      display: "flex",
-      flexDirection: "column",
-      height: "inherit",
-      minHeight: "0"
-    }, children: /* @__PURE__ */ a($, { onRowClick: i, setIsCreateInvoiceDialogOpen: l, query: o?.query }, e) }),
-    o?.query?.type === "invoice" && /* @__PURE__ */ a(s, { role: "tabpanel", id: `${t}-${e}-tabpanel`, "aria-labelledby": `${t}-${e}-tab`, sx: {
-      display: "flex",
-      flexDirection: "column",
-      height: "inherit",
-      minHeight: "0"
-    }, children: /* @__PURE__ */ a(x, { onRowClick: i, setIsCreateInvoiceDialogOpen: l, query: o?.query }, e) }),
-    o?.query?.type === "credit_note" && /* @__PURE__ */ a(s, { role: "tabpanel", id: `${t}-${e}-tabpanel`, "aria-labelledby": `${t}-${e}-tab`, sx: {
-      display: "flex",
-      flexDirection: "column",
-      height: "inherit",
-      minHeight: "0"
-    }, children: /* @__PURE__ */ a(C, { onRowClick: i, setIsCreateInvoiceDialogOpen: l, query: o?.query }, e) })
+  if (B)
+    return /* @__PURE__ */ t(U, {});
+  if (!A?.receivables?.enableEntityBankAccount)
+    return null;
+  const p = o ? e._("Edit bank account") : e._("Add new bank account"), F = o ? e._("Save") : e._("Add");
+  return /* @__PURE__ */ n(M, { children: [
+    /* @__PURE__ */ t(Q, { open: f, onOpenChange: y, children: /* @__PURE__ */ n(V, { className: "ttw:gap-0", children: [
+      /* @__PURE__ */ n(W, { className: "ttw:border-b ttw:border-border", children: [
+        /* @__PURE__ */ t(X, { className: "ttw:text-xl", children: p }),
+        /* @__PURE__ */ t(Y, { hidden: !0, children: p })
+      ] }),
+      /* @__PURE__ */ t("div", { ref: x, className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-6 ttw:overflow-y-auto ttw:p-8", children: /* @__PURE__ */ t(K, { createBankAccount: N, updateBankAccount: E, formId: l, bankAccounts: u, bankAccount: o }) }),
+      /* @__PURE__ */ n(Z, { className: z("ttw:border-t ttw:border-border ttw:flex-row", i ? "ttw:justify-between" : "ttw:justify-end"), children: [
+        i && /* @__PURE__ */ t(c, { type: "button", variant: "ghost", className: "ttw:text-destructive ttw:hover:text-destructive", disabled: r, onClick: () => d(!0), children: e._("Delete") }),
+        /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-2", children: [
+          /* @__PURE__ */ t(c, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", disabled: r, onClick: h, children: e._("Cancel") }),
+          /* @__PURE__ */ t(c, { type: "submit", form: l, disabled: r, children: F })
+        ] })
+      ] })
+    ] }) }),
+    m && i && /* @__PURE__ */ t(J, { open: m, onClose: () => d(!1), isDeleting: r, handleDelete: () => {
+      $({
+        path: {
+          bank_account_id: o?.id
+        }
+      }), g?.("");
+    } })
   ] });
-}, B = (i) => {
-  const {
-    componentSettings: r
-  } = T();
-  return {
-    tab: i?.tab ?? r?.receivables?.tab,
-    tabs: i?.tabs ?? r?.receivables?.tabs
-  };
 };
 export {
-  A as ReceivablesTable,
-  k as ReceivablesTableTabEnum,
-  B as useReceivablesTableProps
+  Nt as BankAccountFormDialog
 };

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

@@ -1,98 +1,31 @@
-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 "./index492.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...") })
-    ] }) }) })
+import { useRef as t, useEffect as p } from "react";
+import "./index58.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index93.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as d } from "./index69.js";
+const z = (o, s = 50) => {
+  const c = t(o), e = t(void 0), r = t(void 0), i = d();
+  c.current = o;
+  const m = (u) => {
+    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && c.current();
+      }, s);
+    }), r.current.observe(u));
+  }, n = () => {
+    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
+  };
+  return p(() => () => {
+    n();
+  }, []), {
+    observe: m,
+    disconnect: n
   };
 };
 export {
-  G as usePaymentHandler
+  z as useResizeObserver
 };

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

@@ -1,40 +1,26 @@
-import { useMoniteContext as u } from "./index59.js";
-import { getAPIErrorMessage as l } from "./index123.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));
-    }
-  });
+import { useRef as u, useEffect as s } from "react";
+import "./index58.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index93.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as m } from "./index69.js";
+const E = (r, t = 100) => {
+  const o = u(r), e = u(void 0), i = m();
+  o.current = r, s(() => {
+    if (typeof window > "u") return;
+    const n = () => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && o.current();
+      }, t);
+    };
+    return window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
+    };
+  }, [t, i]);
 };
 export {
-  v as useRejectApprovalRequest
+  E as useWindowResize
 };

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

@@ -1,37 +1,41 @@
-import { useMoniteContext as u } from "./index59.js";
-import { getAPIErrorMessage as m } from "./index123.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));
-    }
+import { useState as p, useEffect as f } from "react";
+const s = {
+  inches: {
+    width: 8.27,
+    height: 11.69
+  }
+}, y = () => {
+  const [h, r] = p({
+    width: 794,
+    height: 1123,
+    dpi: 96
   });
+  return f(() => {
+    if (typeof window > "u") return;
+    const t = () => {
+      const c = [72, 96, 120, 144, 192, 240, 288, 384];
+      let n = 96;
+      for (const d of c)
+        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
+          n = d;
+          break;
+        }
+      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
+      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
+      const a = e.getBoundingClientRect(), o = Math.round(a.width);
+      document.body.removeChild(e);
+      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
+      r({
+        width: l,
+        height: m,
+        dpi: i
+      });
+    };
+    return t(), window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
+    };
+  }, []), h;
 };
 export {
-  g as useApproveApprovalRequest
+  y as useA4Dimensions
 };