@tesouro/embedded-components-react 0.2.164 → 0.2.165

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

@@ -8,9 +8,9 @@ import "react-dom";
 import "./index57.js";
 import "@mui/x-data-grid";
 import { safeZodResolver as v } from "./index223.js";
-import { RHFDatePicker as D } from "./index439.js";
-import { RHFTextField as S } from "./index440.js";
-import { RHFTimePicker as R } from "./index441.js";
+import { RHFDatePicker as D } from "./index435.js";
+import { RHFTextField as S } from "./index436.js";
+import { RHFTimePicker as R } from "./index437.js";
 import { DialogTitle as T, 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 = ({

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

@@ -4,16 +4,16 @@ import { InvoiceRecurrenceStatusChip as B } from "./index177.js";
 import { InvoiceStatusChip as E } from "./index55.js";
 import { InvoicesFilterBar as U } from "./index178.js";
 import { InvoiceStatusCardsFilter as V } from "./index179.js";
-import { useInvoicesFilter as j } from "./index145.js";
-import { useGetReceivables as G } from "./index146.js";
+import { useInvoicesFilter as j } from "./index142.js";
+import { useGetReceivables as G } from "./index143.js";
 import { useMoniteContext as x } from "./index57.js";
 import { MoniteScopedProviders as Q } from "./index83.js";
 import { useCurrencies as W } from "./index58.js";
 import { ReceivableCursorFields as C } from "./index180.js";
-import { GetNoRowsOverlay as H } from "./index160.js";
+import { GetNoRowsOverlay as H } from "./index158.js";
 import { DueDateCell as J } from "./index181.js";
-import { DataTable as X } from "./index161.js";
-import { Skeleton as Y } from "./index136.js";
+import { DataTable as X } from "./index159.js";
+import { Skeleton as Y } from "./index132.js";
 import { useLingui as Z } from "@lingui/react";
 import tt from "@mui/icons-material/Sync";
 import { useState as d, useEffect as w } from "react";

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as c } from "./index57.js";
-import { getAPIErrorMessage as o } from "./index122.js";
+import { getAPIErrorMessage as o } from "./index121.js";
 import { useLingui as u } from "@lingui/react";
 import { toast as a } from "react-hot-toast";
 const f = (s, t) => {

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

@@ -2,10 +2,10 @@ import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
 import { useEffect as f } from "react";
 import { useLingui as h } from "@lingui/react";
 import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
-import { LoadingSpinner as y } from "./index135.js";
+import { LoadingSpinner as y } from "./index131.js";
 import { Typography as l } from "./index85.js";
 import { twMerge as v } from "tailwind-merge";
-import { UploadBar as C } from "./index467.js";
+import { UploadBar as C } from "./index439.js";
 const U = ({
   isUploading: o,
   isSuccess: r,

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

@@ -1,34 +1,98 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index100.js";
-import * as o from "@radix-ui/react-popover";
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "popover", ...t });
-}
-function d({
-  ref: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "popover-trigger", ref: t, ...a });
-}
-d.displayName = o.Trigger.displayName;
-function f({
-  className: t,
-  align: a = "center",
-  sideOffset: r = 4,
-  ...n
-}) {
-  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(o.Content, { "data-slot": "popover-content", align: a, sideOffset: r, className: i("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-72 ttw:origin-(--radix-popover-content-transform-origin) ttw:rounded-md ttw:border ttw:p-4 ttw:shadow-md ttw:outline-hidden", t), ...n }) });
-}
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Anchor, { "data-slot": "popover-anchor", ...t });
-}
+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 "./index446.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 {
-  m as Popover,
-  l as PopoverAnchor,
-  f as PopoverContent,
-  d as PopoverTrigger
+  G as usePaymentHandler
 };

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

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

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

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

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

@@ -19,19 +19,19 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index84.js";
-import { useGetReceivables as j } from "./index146.js";
+import { useGetReceivables as j } from "./index143.js";
 import "./index92.js";
 import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index62.js";
 import "react-hook-form";
 import { MoniteScopedProviders as H } from "./index83.js";
 import { ReceivableCursorFields as S } from "./index180.js";
-import { CounterpartNameCellById as Y } from "./index159.js";
+import { CounterpartNameCellById as Y } from "./index157.js";
 import { DataGridEmptyState as J } from "./index184.js";
-import { GetNoRowsOverlay as K } from "./index160.js";
+import { GetNoRowsOverlay as K } from "./index158.js";
 import { DueDateCell as U } from "./index181.js";
 import { TablePagination as X } from "./index86.js";
 import { classNames as Z } from "./index185.js";
-import { hasSelectedText as ee } from "./index162.js";
+import { hasSelectedText as ee } from "./index160.js";
 import { Stack as te, Typography as oe, Box as ae } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const We = (l) => /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(re, { ...l }) }), re = ({

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

@@ -1,129 +1,34 @@
-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)
-      };
-    }
-  }
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as i } from "./index100.js";
+import * as o from "@radix-ui/react-popover";
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "popover", ...t });
+}
+function d({
+  ref: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "popover-trigger", ref: t, ...a });
+}
+d.displayName = o.Trigger.displayName;
+function f({
+  className: t,
+  align: a = "center",
+  sideOffset: r = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(o.Content, { "data-slot": "popover-content", align: a, sideOffset: r, className: i("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-72 ttw:origin-(--radix-popover-content-transform-origin) ttw:rounded-md ttw:border ttw:p-4 ttw:shadow-md ttw:outline-hidden", t), ...n }) });
+}
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Anchor, { "data-slot": "popover-anchor", ...t });
 }
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  m as Popover,
+  l as PopoverAnchor,
+  f as PopoverContent,
+  d as PopoverTrigger
 };

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

@@ -1,9 +1,36 @@
-const t = (e) => ({
-  approved: e._("Approved"),
-  canceled: e._("Canceled"),
-  rejected: e._("Rejected"),
-  waiting: e._("In approval")
-});
+import { useMoniteContext as e } from "./index57.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as u } from "react-hot-toast";
+const d = () => {
+  const {
+    api: r,
+    queryClient: n
+  } = e(), {
+    i18n: o
+  } = i();
+  return r.finops.patchCounterpartsIdBankAccountsId.useMutation(void 0, {
+    onSuccess: async (t) => {
+      r.finops.getCounterpartsIdBankAccountsId.setQueryData({
+        path: {
+          counterpart_id: t.counterpart_id,
+          bank_account_id: t.id
+        }
+      }, (a) => ({
+        ...a,
+        ...t
+      }), n), await r.finops.getCounterpartsIdBankAccounts.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: t.counterpart_id
+          }
+        }
+      }, n);
+    },
+    onError: () => {
+      u.error(o._("Failed to update Bank Account."));
+    }
+  });
+};
 export {
-  t as getRowToStatusTextMap
+  d as useUpdateCounterpartBank
 };

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

@@ -1,56 +1,9 @@
-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 "./index185.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: 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
-    ] })
-  } }) });
-};
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  $ as AutocompleteCreatedBy
+  t as getRowToStatusTextMap
 };