@tesouro/embedded-components-react 0.2.158 → 0.2.160

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

@@ -1,71 +1,17 @@
-import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
-import { getMeasureUnitValidationSchema as z } from "./index176.js";
-import { Button as o } from "./index84.js";
-import { Input as p } from "./index118.js";
-import { TableRow as C, TableCell as M } from "./index297.js";
-import { zodResolver as S } from "@hookform/resolvers/zod";
-import { useLingui as U } from "@lingui/react";
-import { Check as $, X as j } from "lucide-react";
-import { useForm as k, Controller as f } from "react-hook-form";
-import { useCreateMeasureUnit as E } from "./index415.js";
-import { useUpdateMeasureUnit as V } from "./index416.js";
-const P = {
-  name: "",
-  description: ""
-}, D = ({
-  id: s,
-  isEditMode: n,
-  initialValues: h = P,
-  onCancel: g,
-  onEdit: v
-}) => {
-  const {
-    i18n: m
-  } = U(), b = z(m), {
-    handleSubmit: l,
-    control: d,
-    reset: y,
-    setError: c
-  } = k({
-    defaultValues: h,
-    resolver: S(b)
-  }), w = E(() => y(), (e) => c("name", {
-    type: "custom",
-    message: e
-  })), i = V(s ?? "", () => v?.(), (e) => c("name", {
-    type: "custom",
-    message: e
-  })), x = (e) => {
-    if (!n || !s) {
-      console.error("handleEdit called without valid id or edit mode");
-      return;
-    }
-    i.mutate(e);
-  }, N = (e) => {
-    w.mutate(e);
-  }, u = w.isPending || i.isPending;
-  return /* @__PURE__ */ t(C, { className: "ttw:border-border ttw:hover:bg-transparent", children: /* @__PURE__ */ t(M, { colSpan: 3, className: "ttw:w-full ttw:whitespace-normal", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-start", children: [
-    /* @__PURE__ */ t(f, { name: "name", control: d, render: ({
-      field: e,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ a("div", { className: "ttw:w-[35%]", children: [
-      /* @__PURE__ */ t(p, { ...e, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }),
-      r && /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-destructive ttw:mt-1", children: r.message })
-    ] }) }),
-    /* @__PURE__ */ t(f, { name: "description", control: d, render: ({
-      field: e,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ t("div", { className: "ttw:w-[55%]", children: /* @__PURE__ */ t(p, { ...e, id: e.name, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }) }) }),
-    n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:gap-1", children: [
-      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", disabled: i.isPending, onClick: l(x), children: /* @__PURE__ */ t($, { className: "ttw:size-4" }) }),
-      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: g, children: /* @__PURE__ */ t(j, { className: "ttw:size-4" }) })
-    ] }) : /* @__PURE__ */ t(o, { variant: "outline", size: "sm", className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: l(N), children: m._("Add") })
-  ] }) }) });
-};
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { cn as c } from "./index100.js";
+const l = ({
+  ratio: t,
+  children: s,
+  className: a,
+  style: e,
+  ref: i,
+  ...o
+}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
+  ...e,
+  aspectRatio: t.toString()
+}, ...o, children: s });
+l.displayName = "AspectRatio";
 export {
-  D as MeasureUnitsFormRow
+  l as AspectRatio
 };

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

@@ -1,49 +1,34 @@
-import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
-import { useCurrencies as b } from "./index58.js";
-import "react";
-import "./index92.js";
-import { useLingui as x } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { ConfirmationModal as y } from "./index220.js";
-import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index297.js";
-import { Typography as r } from "./index85.js";
-import { Loader2 as L } from "lucide-react";
-import { useGetProducts as T } from "./index173.js";
-const R = ({
-  onClose: c,
-  onDelete: d,
-  name: p,
-  isLoading: u,
-  open: h,
-  id: n
-}) => {
-  const {
-    i18n: t
-  } = x(), {
-    formatCurrencyToDisplay: w
-  } = b(), {
-    data: s,
-    isLoading: o
-  } = T({
-    measure_unit_id: n ?? ""
-  }, !!n), f = s?.data.length === 0, g = () => f ? /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("There are no items created with this measure unit.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Deleting it won't affect your items.") })
-  ] }) : /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("Any products or services referencing this unit will update to use a blank unit of measure.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Previously issued invoices will not be impacted.") }),
-    o && /* @__PURE__ */ e(L, { className: "ttw:mx-auto ttw:size-6 ttw:animate-spin" }),
-    !o && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(_, { children: s?.data.map((i) => /* @__PURE__ */ a(D, { className: "ttw:border-border ttw:hover:bg-transparent", children: [
-      /* @__PURE__ */ e(l, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: i.name }),
-      /* @__PURE__ */ e(l, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: i.price && w(i.price?.value, i.price?.currency) })
-    ] }, i.id)) }) })
-  ] });
-  return /* @__PURE__ */ e(y, { open: h, title: t._('Delete "{name}"?', {
-    name: p
-  }), confirmLabel: t._("Delete"), cancelLabel: t._("Cancel"), onClose: c, onConfirm: d, isLoading: u || o, children: g() });
+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
+  };
 };
 export {
-  R as ConfirmDeleteMeasureUnitDialog
+  D as useDragScroll
 };

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

@@ -1,30 +1,7 @@
-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 "./index140.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 {
-    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;
+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)));
 };
 export {
-  A as TableActions
+  r as getPayablesAnalyticsSnapshot
 };

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

@@ -1,24 +1,129 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const m = (e) => {
-  const {
-    api: t,
-    queryClient: i
-  } = n(), {
-    i18n: o
-  } = a();
-  return t.finops.deleteMeasureUnitsId.useMutation(void 0, {
-    onSuccess: async () => {
-      e && (await t.finops.getMeasureUnits.invalidateQueries(i), s.success(o._("Unit {name} was deleted from the list.", {
-        name: e
-      })));
-    },
-    onError: (r) => {
-      console.error(r), s.error(o._("Failed to delete Unit."));
+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 {
-  m as useDeleteMeasureUnit
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,7 +1,98 @@
-function r(l, e) {
-  if (l !== void 0) return l;
-  if (e !== void 0) return null;
-}
+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 "./index458.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 {
-  r as resolveNullableUpdate
+  G as usePaymentHandler
 };

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

@@ -1,24 +1,40 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as s } from "./index57.js";
-import { useLingui as r } from "@lingui/react";
-const p = (t) => {
+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: n
-  } = r(), {
-    api: a,
-    queryClient: i
-  } = s();
-  return a.finops.postBankDetails.useMutation(void 0, {
-    onSuccess: async (e) => {
-      await a.finops.getBankDetails.invalidateQueries(i), t && t(e?.id), o.success(n._('Bank Account "{name}" has been created.', {
-        name: e.display_name
-      }));
+    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: (e) => {
-      o.error(e?.detail?.[0]?.msg || n._("Failed to create Bank Account."));
+    onError: (r) => {
+      a.error(l(o, r));
     }
   });
 };
 export {
-  p as useCreateEntityBankAccount
+  v as useRejectApprovalRequest
 };

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

@@ -1,14 +1,37 @@
-import { useMoniteContext as s } from "./index57.js";
-const r = (e, t = !0) => {
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index118.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const g = (i, p, t, n) => {
   const {
-    api: n
-  } = s();
-  return n.finops.getBankDetails.useQuery({
-    query: e
+    api: e,
+    queryClient: o
+  } = u(), {
+    i18n: r
+  } = d();
+  return e.finops.postApprovalRequestsIdApprove.useMutation({
+    path: {
+      approval_request_id: i
+    }
   }, {
-    enabled: t
+    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 useGetEntityBankAccounts
+  g as useApproveApprovalRequest
 };