@tesouro/embedded-components-react 0.2.117 → 0.2.118

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

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as s } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as ye } from "./index216.js";
+import { CreateCounterpartDialog as ye } from "./index170.js";
 import { getCounterpartName as x } from "./index7.js";
 import "./index57.js";
 import { useLingui as ge } from "@lingui/react";
@@ -10,13 +10,13 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useIsMounted as Ne } from "./index68.js";
 import { useCounterpartList as _e } from "./index71.js";
-import { Alert as ee, AlertTitle as Ae, AlertDescription as te } from "./index217.js";
+import { Alert as ee, AlertTitle as Ae, AlertDescription as te } from "./index171.js";
 import { Button as _ } from "./index84.js";
 import { useComboboxAnchor as Te, Combobox as re, ComboboxChips as Ve, ComboboxChip as ke, ComboboxChipsInput as De, ComboboxContent as oe, ComboboxList as ae, ComboboxItem as z, ComboboxInput as Ie, ComboboxEmpty as Le } from "./index90.js";
-import { Field as ie, FieldContent as le, FieldLabel as ne, FieldError as Ee } from "./index218.js";
-import { Input as Se } from "./index119.js";
+import { Field as ie, FieldContent as le, FieldLabel as ne, FieldError as Ee } from "./index172.js";
+import { Input as Se } from "./index117.js";
 import { Typography as se } from "./index85.js";
-import { LoadingSpinner as je } from "./index188.js";
+import { LoadingSpinner as je } from "./index145.js";
 import { Plus as de, Sparkles as Pe } from "lucide-react";
 import { useFormContext as qe, Controller as ze } from "react-hook-form";
 const B = "__create-new__", Be = 50, lt = ({

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

@@ -1,20 +1,20 @@
 import { jsx as i, jsxs as w, Fragment as L } from "@emotion/react/jsx-runtime";
-import { InvoiceDetailsPanel as A } from "./index178.js";
+import { InvoiceDetailsPanel as A } from "./index214.js";
 import { CreateReceivables as E } from "./index39.js";
-import { ActionsModal as M } from "./index179.js";
-import { ReceivablesTableTabEnum as k, ReceivablesTable as U } from "./index41.js";
+import { ActionsModal as M } from "./index215.js";
+import { ReceivablesTableTabEnum as k, ReceivablesTable as V } from "./index41.js";
 import { MoniteScopedProviders as y } from "./index83.js";
 import "./index57.js";
 import { useLingui as z } from "@lingui/react";
-import { useState as n, useRef as F, useCallback as r, useEffect as V } from "react";
+import { useState as r, useRef as F, useCallback as n, useEffect as H } from "react";
 import "react-hot-toast";
 import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useComponentSettings as W } from "./index67.js";
-import { useUserPermissions as _ } from "./index135.js";
-import { AccessRestriction as q } from "./index136.js";
-import { Button as G } from "./index84.js";
+import { useComponentSettings as U } from "./index67.js";
+import { useUserPermissions as W } from "./index131.js";
+import { AccessRestriction as _ } from "./index133.js";
+import { Button as q } from "./index84.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
@@ -24,53 +24,62 @@ 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 { Scope as S } from "../../shared/data-access/dist/lib/scopes.js";
-const Re = (m) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(H, { ...m }) }), H = ({
-  pageTitleComponent: m,
-  embeddedBankName: D,
-  initialView: I,
-  initialCounterpartId: v
+import { Scope as D } from "../../shared/data-access/dist/lib/scopes.js";
+const Re = (c) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(G, { ...c }) }), G = ({
+  pageTitleComponent: c,
+  embeddedBankName: O,
+  initialView: m,
+  initialCounterpartId: p
 }) => {
   const {
-    i18n: O
+    i18n: S
   } = z(), {
     componentSettings: T,
     receivablesCallbacks: b
-  } = W(), [f, C] = n(""), [$, a] = n(!1), [t, c] = n(null), [x, l] = n(void 0), g = F(!1), [B, p] = n(T.receivables.tab ?? k.Invoices), s = r((o) => {
+  } = U(), [f, C] = r(""), [x, a] = r(!1), [t, l] = r(null), [B, d] = r(void 0), g = F(!1), [P, u] = r(T.receivables.tab ?? k.Invoices), s = n((o) => {
     C(o);
-  }, []), P = r((o) => {
+  }, []), $ = n((o) => {
     s(o);
-  }, [s]), j = r(() => {
+  }, [s]), j = n(() => {
     C("");
-  }, []), d = r(() => {
-    a(!1), l(void 0);
-  }, []), N = r((o, e) => {
-    d(), p(k.Invoices), e.mode === "issue" ? c({
+  }, []), I = n(() => {
+    a(!1), d(void 0);
+  }, []), N = n((o, e) => {
+    I(), u(k.Invoices), e.mode === "issue" ? l({
       action: "issue",
       receivableId: o,
       counterpartId: e.counterpartId,
       inlineLineItems: e.inlineLineItems
-    }) : (e.mode === "draft" || e.mode === "recurrence") && e.inlineLineItems.length > 0 && c({
+    }) : (e.mode === "draft" || e.mode === "recurrence") && e.inlineLineItems.length > 0 && l({
       action: e.mode,
       receivableId: o,
       counterpartId: e.counterpartId,
       inlineLineItems: e.inlineLineItems
     }), b.onCreate?.(o);
-  }, [b, p, d]), h = _(), u = h.has(S.InvoiceWriteOrg), R = h.has(S.InvoiceReadOrg);
-  return V(() => {
-    g.current || I === "create" && u && (g.current = !0, l(v), a(!0));
-  }, [I, u, v]), /* @__PURE__ */ w(L, { children: [
-    m(/* @__PURE__ */ i(L, { children: /* @__PURE__ */ i(G, { id: "actions", size: "lg", disabled: !u, onClick: () => {
-      l(void 0), a(!0);
-    }, children: O._("Create Invoice") }) })),
-    !R && /* @__PURE__ */ i(q, {}),
-    R && /* @__PURE__ */ i(U, { tab: B, onTabChange: p, onRowClick: P, setIsCreateInvoiceDialogOpen: a }),
+  }, [b, u, I]), h = W(), v = h.has(D.InvoiceWriteOrg), R = h.has(D.InvoiceReadOrg);
+  return H(() => {
+    g.current || m === "create" && v && (g.current = !0, d(p), a(!0));
+  }, [m, v, p]), /* @__PURE__ */ w(L, { children: [
+    c(/* @__PURE__ */ i(L, { children: /* @__PURE__ */ i(q, { id: "actions", size: "lg", disabled: !v, onClick: () => {
+      d(void 0), a(!0);
+    }, children: S._("Create Invoice") }) })),
+    !R && /* @__PURE__ */ i(_, {}),
+    R && /* @__PURE__ */ i(
+      V,
+      {
+        initialCounterpartId: m === "create" ? void 0 : p,
+        tab: P,
+        onTabChange: u,
+        onRowClick: $,
+        setIsCreateInvoiceDialogOpen: a
+      }
+    ),
     !!f && /* @__PURE__ */ i(A, { open: !0, invoiceId: f, onCloseInvoiceDetails: j, onDuplicate: s, openInvoiceDetails: s }),
-    $ && /* @__PURE__ */ i(E, { open: !0, type: "invoice", embeddedBankName: D, initialCounterpartId: x, onCreate: N, onOpenChange: d }),
+    x && /* @__PURE__ */ i(E, { open: !0, type: "invoice", embeddedBankName: O, initialCounterpartId: B, onCreate: N, onOpenChange: I }),
     t && /* @__PURE__ */ i(M, { open: !0, action: t.action, inlineLineItems: t.inlineLineItems, issue: t.action === "issue" ? {
       receivableId: t.receivableId,
       counterpartId: t.counterpartId
-    } : void 0, onClose: () => c(null) })
+    } : void 0, onClose: () => l(null) })
   ] });
 };
 export {

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

@@ -1,31 +1,9 @@
-import { useRef as t, useEffect as p } from "react";
-import "./index57.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as d } from "./index68.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
-  };
-};
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  z as useResizeObserver
+  t as getRowToStatusTextMap
 };

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

@@ -1,26 +1,56 @@
-import { useRef as u, useEffect as s } from "react";
-import "./index57.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as m } from "./index68.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]);
+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 "./index191.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
+    ] })
+  } }) });
 };
 export {
-  E as useWindowResize
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,41 +1,20 @@
-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;
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useFileById as s } from "./index77.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
+}) => {
+  const {
+    data: o
+  } = s(a);
+  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
 };
 export {
-  y as useA4Dimensions
+  n as UserAvatar
 };

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

@@ -1,34 +1,7 @@
-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
-  };
-};
+function r(l, e) {
+  if (l !== void 0) return l;
+  if (e !== void 0) return null;
+}
 export {
-  D as useDragScroll
+  r as resolveNullableUpdate
 };

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

@@ -1,7 +1,24 @@
-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 { toast as o } from "react-hot-toast";
+import { useMoniteContext as s } from "./index57.js";
+import { useLingui as r } from "@lingui/react";
+const p = (t) => {
+  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
+      }));
+    },
+    onError: (e) => {
+      o.error(e?.detail?.[0]?.msg || n._("Failed to create Bank Account."));
+    }
+  });
 };
 export {
-  r as getPayablesAnalyticsSnapshot
+  p as useCreateEntityBankAccount
 };

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

@@ -1,129 +1,69 @@
-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)
-      };
+import { useMemo as g } from "react";
+import { useMoniteContext as k } from "./index57.js";
+const p = (t, u) => {
+  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({
+    path: {
+      bank_account_id: t ?? ""
     }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
+  }, {
+    enabled: o,
+    retry: !1
+  }), {
+    data: e,
+    isLoading: m
+  } = r.embeddedBanking.getBankAccount.useQuery({
+    path: {
+      id: t ?? ""
     }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
+  }, {
+    enabled: c,
+    retry: !1
+  }), {
+    data: a,
+    isLoading: _
+  } = r.embeddedBanking.getExternalBankAccount.useQuery({
+    path: {
+      id: 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)
-      };
-    }
-  }
-}
+  }, {
+    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 {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  p as useGetBankAccountById
 };

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

@@ -1,35 +1,21 @@
-function s(e) {
-  return e ? {
-    number_of_days: e.number_of_days ?? null,
-    discount: e.discount ?? null
-  } : null;
-}
-function d(e) {
-  return JSON.stringify({
-    name: e.name,
-    description: e.description ?? null,
-    term_final: {
-      number_of_days: e.term_final?.number_of_days ?? null
-    },
-    term_1: s(e.term_1),
-    term_2: s(e.term_2)
+import { useMoniteContext as a } from "./index57.js";
+const m = (r) => {
+  const t = [r.term_1_reminder, r.term_2_reminder, r.term_final_reminder].filter((e) => !!e).map((e) => e.days_before);
+  return t.length > 0 ? Math.min(...t) : Number.POSITIVE_INFINITY;
+}, s = () => {
+  const {
+    api: r
+  } = a();
+  return r.finops.getPaymentReminders.useQuery(void 0, {
+    select: (t) => [...t.data].sort((e, n) => m(e) - m(n)).map(({
+      id: e,
+      name: n
+    }) => ({
+      value: e,
+      label: n
+    }))
   });
-}
-function a(e) {
-  const t = /* @__PURE__ */ new Map(), r = [], u = /* @__PURE__ */ new Map();
-  for (const n of e) {
-    const o = d(n), i = t.get(o);
-    if (!i) {
-      t.set(o, n.id), r.push(n);
-      continue;
-    }
-    u.set(n.id, i);
-  }
-  return {
-    dedupedTerms: r,
-    duplicateIdMap: u
-  };
-}
+};
 export {
-  a as dedupePaymentTermsByContent
+  s as useGetPaymentReminders
 };