@tesouro/embedded-components-react 0.2.15 → 0.2.16

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

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as s, Fragment as Ve } from "@emotion/react/jsx-runtime";
-import { EntitySection as je } from "./index183.js";
-import { ItemsSection as Ge } from "./index184.js";
-import { InvoicePreview as Ke } from "./index185.js";
-import { getCreateInvoiceValidationSchema as Qe } from "./index186.js";
-import { buildPaymentTermsPayload as Ue } from "./index187.js";
+import { EntitySection as je } from "./index208.js";
+import { ItemsSection as Ge } from "./index209.js";
+import { InvoicePreview as Ke } from "./index210.js";
+import { getCreateInvoiceValidationSchema as Qe } from "./index211.js";
+import { buildPaymentTermsPayload as Ue } from "./index212.js";
 import { BankAccountFormDialog as He } from "./index43.js";
-import { BankAccountSection as Ye } from "./index188.js";
-import { CustomerSection as Ze } from "./index189.js";
-import { InvoiceCreationHeader as Je } from "./index190.js";
+import { BankAccountSection as Ye } from "./index213.js";
+import { CustomerSection as Ze } from "./index214.js";
+import { InvoiceCreationHeader as Je } from "./index215.js";
 import { useLocalStorageFields as We } from "./index66.js";
-import { useCreateReceivable as Xe } from "./index191.js";
-import { useCreateRecurrence as et } from "./index192.js";
-import { useLineItemSubmitCleanup as tt } from "./index193.js";
-import { useGetEntityBankAccounts as rt } from "./index194.js";
-import { useGetInvoiceRequiredFields as at } from "./index195.js";
+import { useCreateReceivable as Xe } from "./index216.js";
+import { useCreateRecurrence as et } from "./index217.js";
+import { useLineItemSubmitCleanup as tt } from "./index218.js";
+import { useGetEntityBankAccounts as rt } from "./index219.js";
+import { useGetInvoiceRequiredFields as at } from "./index220.js";
 import { useMoniteContext as it } from "./index59.js";
 import { MoniteScopedProviders as nt } from "./index85.js";
 import { useCounterpartById as ot } from "./index72.js";
@@ -24,16 +24,16 @@ import { useMyEntity as st } from "./index80.js";
 import { useRef as ct, useState as c, useMemo as H, useId as ut, useEffect as Y } from "react";
 import { toast as _ } from "react-hot-toast";
 import { useLingui as Z } from "@lingui/react";
-import { rateMajorToMinor as mt } from "./index196.js";
-import { AccessRestriction as lt } from "./index153.js";
-import { LoadingPage as _t } from "./index197.js";
+import { rateMajorToMinor as mt } from "./index221.js";
+import { AccessRestriction as lt } from "./index138.js";
+import { LoadingPage as _t } from "./index222.js";
 import { zodResolver as pt } from "@hookform/resolvers/zod";
 import { useForm as ft, FormProvider as yt } from "react-hook-form";
-import { Dialog as vt, DialogContent as bt } from "./index181.js";
-import { Alert as ht } from "./index154.js";
-import { useGetMeasureUnits as gt } from "./index198.js";
+import { Dialog as vt, DialogContent as bt } from "./index206.js";
+import { Alert as ht } from "./index159.js";
+import { useGetMeasureUnits as gt } from "./index223.js";
 import { CreateProduct as wt } from "./index46.js";
-import { BillingSection as xt } from "./index199.js";
+import { BillingSection as xt } from "./index224.js";
 const dr = (u) => {
   const {
     i18n: p

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

@@ -1,18 +1,129 @@
-import { createElement as e } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: t,
-  ...r
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: t,
-  height: t,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...r
-}, e("path", {
-  d: "M12.3,12.22A4.92,4.92,0,0,0,14,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,1,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,12.3,12.22ZM9,11.5a3,3,0,1,1,3-3A3,3,0,0,1,9,11.5Zm9.74.32A5,5,0,0,0,15,3.5a1,1,0,0,0,0,2,3,3,0,0,1,3,3,3,3,0,0,1-1.5,2.59,1,1,0,0,0-.5.84,1,1,0,0,0,.45.86l.39.26.13.07a7,7,0,0,1,4,6.38,1,1,0,0,0,2,0A9,9,0,0,0,18.74,11.82Z"
-}));
+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)
+      };
+    }
+    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 {
-  a as UUsersAlt
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,18 +1,98 @@
-import { createElement as e } from "react";
-const A = ({
-  color: r = "currentColor",
-  size: a,
-  ...t
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: r,
-  ...t
-}, e("path", {
-  d: "M14.81,12.28a3.73,3.73,0,0,0,1-2.5,3.78,3.78,0,0,0-7.56,0,3.73,3.73,0,0,0,1,2.5A5.94,5.94,0,0,0,6,16.89a1,1,0,0,0,2,.22,4,4,0,0,1,7.94,0A1,1,0,0,0,17,18h.11a1,1,0,0,0,.88-1.1A5.94,5.94,0,0,0,14.81,12.28ZM12,11.56a1.78,1.78,0,1,1,1.78-1.78A1.78,1.78,0,0,1,12,11.56ZM19,2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z"
-}));
+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 {
+    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 UUserSquare
+  G as usePaymentHandler
 };

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

@@ -1,13 +1,40 @@
-const e = {
-  singleUser: (s) => s._("Single user"),
-  anyUserFromList: (s) => s._("Any user from the list"),
-  anyUsersFromList: (s, r) => s._("Any {count} users from the list", {
-    count: r.toString()
-  }),
-  anyUserWithRole: (s) => s._("Any user with role"),
-  allUsersFromList: (s) => s._("All users from list, one by one")
-}, t = (s, r = 0) => r === 1 ? e.anyUserFromList(s) : e.anyUsersFromList(s, r);
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as l } from "./index124.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 {
-  e as getSharedApprovalRuleLabel,
-  t as getUsersFromListLabel
+  v as useRejectApprovalRequest
 };

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

@@ -1,9 +1,37 @@
-const t = (e) => ({
-  approved: e._("Approved"),
-  canceled: e._("Canceled"),
-  rejected: e._("Rejected"),
-  waiting: e._("In approval")
-});
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as m } from "./index124.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 {
-  t as getRowToStatusTextMap
+  g as useApproveApprovalRequest
 };

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

@@ -1,56 +1,19 @@
-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 "./index59.js";
-import { useRootElements as I } from "./index94.js";
-import { classNames as _ } from "./index171.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
+import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
+import { useLingui as s } from "@lingui/react";
+import { Badge as m } from "./index268.js";
+import { Typography as o } from "./index87.js";
+const f = ({
+  email: t,
+  isDefault: e
 }) => {
   const {
     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
-    }
-  }, {
-    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
-    ] })
-  } }) });
+  } = 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 {
-  $ as AutocompleteCreatedBy
+  f as DefaultEmail
 };

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

@@ -1,20 +1,14 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useFileById as s } from "./index79.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
-}) => {
+import { useMoniteContext as i } from "./index59.js";
+const s = (e) => {
   const {
-    data: o
-  } = s(a);
-  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
+    api: t
+  } = i();
+  return t.finops.postReceivablesIdPreview.useMutation({
+    path: {
+      receivable_id: e
+    }
+  });
 };
 export {
-  n as UserAvatar
+  s as useCreateInvoiceEmailPreview
 };

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

@@ -1,69 +1,40 @@
-import { useMemo as g } from "react";
-import { useMoniteContext as k } from "./index59.js";
-const p = (t, u) => {
+import { useMoniteContext as c } from "./index59.js";
+import { getAPIErrorMessage as u } from "./index124.js";
+import { useLingui as p } from "@lingui/react";
+import { toast as i } from "react-hot-toast";
+const g = (a, n) => {
   const {
-    api: r
-  } = k(), i = !!(t && u), o = i && u === "BANK_DETAILS", c = i && u === "INTERNAL", d = i && u === "EXTERNAL", {
-    data: n,
-    isLoading: b
-  } = r.finops.getBankDetailsId.useQuery({
+    api: e,
+    queryClient: s
+  } = c(), {
+    i18n: t
+  } = p();
+  return e.finops.patchRecurrencesId.useMutation({
     path: {
-      bank_account_id: t ?? ""
+      recurrence_id: a
     }
   }, {
-    enabled: o,
-    retry: !1
-  }), {
-    data: e,
-    isLoading: m
-  } = r.embeddedBanking.getBankAccount.useQuery({
-    path: {
-      id: t ?? ""
+    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"));
     }
-  }, {
-    enabled: c,
-    retry: !1
-  }), {
-    data: a,
-    isLoading: _
-  } = r.embeddedBanking.getExternalBankAccount.useQuery({
-    path: {
-      id: t ?? ""
-    }
-  }, {
-    enabled: d,
-    retry: !1
-  }), s = b || m || _;
-  return {
-    data: g(() => {
-      if (n)
-        return {
-          id: n.id,
-          bank_name: n.bank_name,
-          account_number: n.account_number,
-          routing_number: n.routing_number,
-          bank_account_type: "BANK_DETAILS"
-        };
-      if (e)
-        return {
-          id: e.id,
-          bank_name: null,
-          account_number: e.accountNumber,
-          routing_number: e.routingNumber,
-          bank_account_type: "INTERNAL"
-        };
-      if (a)
-        return {
-          id: a.id,
-          bank_name: null,
-          account_number: a.accountNumber,
-          routing_number: a.routingNumber,
-          bank_account_type: "EXTERNAL"
-        };
-    }, [n, e, a]),
-    isLoading: s
-  };
+  });
 };
 export {
-  p as useGetBankAccountById
+  g as useUpdateRecurrenceById
 };