@tesouro/embedded-components-react 0.2.98 → 0.2.107

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

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
 import { useState as s, useMemo as N, useCallback as G } from "react";
-import { ProductDeleteModal as W } from "./index162.js";
-import { ProductType as q } from "./index163.js";
-import { Filters as H } from "./index164.js";
+import { ProductDeleteModal as W } from "./index197.js";
+import { ProductType as q } from "./index198.js";
+import { Filters as H } from "./index199.js";
 import { useMoniteContext as Y } from "./index57.js";
 import { MoniteScopedProviders as J } from "./index83.js";
 import { useCurrencies as Q } from "./index58.js";
@@ -10,27 +10,27 @@ import "./index92.js";
 import { useLingui as V } from "@lingui/react";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useUserPermissions as X } from "./index131.js";
+import { useUserPermissions as X } from "./index130.js";
 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 { Scope as k } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as Z } from "./index133.js";
+import { AccessRestriction as Z } from "./index131.js";
 import { Button as f } from "./index84.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
-import { DataTable as re } from "./index160.js";
-import { GetNoRowsOverlay as ae } from "./index159.js";
-import { MeasureUnit as se } from "./index165.js";
-import { hasSelectedText as ne } from "./index161.js";
-import { FILTER_TYPE_SEARCH as S } from "./index166.js";
+import { DataTable as re } from "./index141.js";
+import { GetNoRowsOverlay as ae } from "./index139.js";
+import { MeasureUnit as se } from "./index200.js";
+import { hasSelectedText as ne } from "./index148.js";
+import { FILTER_TYPE_SEARCH as S } from "./index201.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index167.js";
-import { ManageMeasureUnits as ce } from "./index168.js";
+import { useGetProducts as le } from "./index202.js";
+import { ManageMeasureUnits as ce } from "./index203.js";
 const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
   onFilterChanged: d,
   onSortChanged: g,

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

@@ -1,30 +1,23 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index120.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const M = (a, i) => {
+import { useMoniteContext as t } from "./index57.js";
+import { getAPIErrorMessage as n } from "./index119.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const c = () => {
   const {
-    api: t,
+    api: e,
     queryClient: o
-  } = u(), {
+  } = t(), {
     i18n: r
-  } = c();
-  return t.finops.postMeasureUnits.useMutation({}, {
-    onSuccess: async (e) => {
-      await t.finops.getMeasureUnits.invalidateQueries(o), n.success(r._("Unit {name} was added to the list", {
-        name: e.name
-      })), a?.();
+  } = a();
+  return e.finops.postOverdueReminders.useMutation(void 0, {
+    onSuccess: async () => {
+      await e.finops.getOverdueReminders.invalidateQueries(o), s.success(r._("Reminder has been added"));
     },
-    onError: async (e) => {
-      const s = m(r, e);
-      if (s.includes("already exists")) {
-        i?.(s);
-        return;
-      } else
-        n.error(s);
+    onError: (i) => {
+      s.error(n(r, i));
     }
   });
 };
 export {
-  M as useCreateMeasureUnit
+  c as useCreateOverdueReminder
 };

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

@@ -1,40 +1,16 @@
-import { useMoniteContext as p } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index120.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const g = (i, o, u) => {
+import { useMoniteContext as n } from "./index57.js";
+const m = (e) => {
   const {
-    api: e,
-    queryClient: r
-  } = p(), {
-    i18n: a
-  } = d();
-  return e.finops.patchMeasureUnitsId.useMutation({
+    api: t
+  } = n();
+  return t.finops.getPaymentTermsId.useQuery({
     path: {
-      unit_id: i
+      payment_terms_id: e ?? ""
     }
   }, {
-    onSuccess: async (s) => {
-      await Promise.all([e.finops.getMeasureUnits.invalidateQueries(r), e.finops.getMeasureUnitsId.invalidateQueries({
-        parameters: {
-          path: {
-            unit_id: i
-          }
-        }
-      }, r)]), n.success(a._("Unit {name} was updated", {
-        name: s.name
-      })), o?.();
-    },
-    onError: (s) => {
-      const t = m(a, s);
-      if (t.includes("already exists")) {
-        u?.(t);
-        return;
-      } else
-        n.error(t);
-    }
+    enabled: !!e
   });
 };
 export {
-  g as useUpdateMeasureUnit
+  m as useGetPaymentTermById
 };

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

@@ -1,10 +1,23 @@
-const e = (a) => ({
-  bank_name: a?.bank_name || void 0,
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0,
-  account_number: a?.account_number || void 0,
-  routing_number: a?.routing_number || void 0
-});
+class t {
+  value;
+  currency;
+  formatter;
+  constructor(r) {
+    this.value = r.value, this.currency = r.currency, this.formatter = r.formatter;
+  }
+  add(r) {
+    if (this.currency !== r.currency)
+      throw new Error("Currencies must match");
+    return new t({
+      value: Number(this.value) + Number(r.value),
+      currency: this.currency,
+      formatter: this.formatter
+    });
+  }
+  toString() {
+    return this.formatter(this.value, this.currency) ?? "";
+  }
+}
 export {
-  e as prepareBankAccountCreatePayload
+  t as Price
 };

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

@@ -1,14 +1,7 @@
-import { getCountries as i } from "./index93.js";
-const o = (n, e) => e.find((a) => a.id === n)?.name ?? null, r = (n) => {
-  if (n) {
-    if ("organization" in n)
-      return n.organization.phone;
-    if ("individual" in n)
-      return n.individual.phone;
-  }
-}, u = (n, e) => e ? i(n)[e] ?? e : "";
+function r(l, e) {
+  if (l !== void 0) return l;
+  if (e !== void 0) return null;
+}
 export {
-  r as getCounterpartPhone,
-  u as getCountryName,
-  o as getMeasureUnitName
+  r as resolveNullableUpdate
 };

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

@@ -1,31 +1,71 @@
-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
-  };
+import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
+import { getMeasureUnitValidationSchema as z } from "./index205.js";
+import { Button as o } from "./index84.js";
+import { Input as p } from "./index127.js";
+import { TableRow as C, TableCell as M } from "./index293.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 "./index402.js";
+import { useUpdateMeasureUnit as V } from "./index403.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") })
+  ] }) }) });
 };
 export {
-  z as useResizeObserver
+  D as MeasureUnitsFormRow
 };

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

@@ -1,26 +1,49 @@
-import { useRef as u, useEffect as s } from "react";
-import "./index57.js";
-import "@lingui/react";
-import "react-hot-toast";
+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 "@emotion/react/jsx-runtime";
+import { useLingui as x } from "@lingui/react";
 import "react-dom";
+import "./index57.js";
 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 { ConfirmationModal as y } from "./index166.js";
+import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index293.js";
+import { Typography as r } from "./index85.js";
+import { Loader2 as L } from "lucide-react";
+import { useGetProducts as T } from "./index202.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() });
 };
 export {
-  E as useWindowResize
+  R as ConfirmDeleteMeasureUnitDialog
 };

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

@@ -1,41 +1,30 @@
-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 { 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 "./index175.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;
 };
 export {
-  y as useA4Dimensions
+  A as TableActions
 };

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

@@ -1,77 +1,31 @@
-import { jsxs as I, jsx as f } from "@emotion/react/jsx-runtime";
-import { useMemo as d, useState as g, useEffect as j } from "react";
-import { useCurrencies as N } from "./index58.js";
-import "./index92.js";
-import { useLingui as G } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { InputGroup as T, InputGroupAddon as $, InputGroupInput as D } from "./index101.js";
-import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as P } from "./index347.js";
-const J = ({
-  value: i,
-  error: v = !1,
-  currency: m,
-  disabled: w = !1,
-  onChange: u,
-  locale: x
-}) => {
-  const {
-    getSymbolFromCurrency: y
-  } = N(), {
-    i18n: M
-  } = G(), e = x ?? M.locale, o = d(() => new Intl.NumberFormat(e, {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }), [e]), {
-    decimalSeparator: F,
-    groupSeparator: S
-  } = d(() => {
-    const r = new Intl.NumberFormat(e).formatToParts(12345.67);
-    return {
-      decimalSeparator: r.find((t) => t.type === "decimal")?.value || ".",
-      groupSeparator: r.find((t) => t.type === "group")?.value || ""
-    };
-  }, [e]), [s, a] = g(n(i, o)), [l, p] = g(!1);
-  j(() => {
-    if (!l) {
-      const r = n(i, o);
-      r !== s && a(r);
-    }
-  }, [i, l, e, o, s]);
-  const b = (r) => {
-    const t = r.target.value;
-    a(t);
-  }, h = () => {
-    p(!0);
-  }, C = (r) => {
-    p(!1);
-    const t = r.target.value.trim();
-    if (t === "") {
-      a(n(0, o)), u(0);
-      return;
-    }
-    const c = P(t, F, S);
-    a(n(c, o)), u(c);
-  };
-  return /* @__PURE__ */ I(T, { className: "ttw:max-w-41 ttw:w-full ttw:min-w-29", children: [
-    /* @__PURE__ */ f($, { align: "inline-start", children: y(m) || m }),
-    /* @__PURE__ */ f(
-      D,
-      {
-        type: "text",
-        inputMode: "decimal",
-        className: "ttw:text-right",
-        "aria-invalid": v || void 0,
-        disabled: w,
-        value: s,
-        onChange: b,
-        onFocus: h,
-        onBlur: C
-      }
-    )
-  ] });
-};
+import { jsxs as r, jsx as t } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { styled as s, TableCell as i, Card as m, Table as c, TableBody as h, TableRow as p } from "@mui/material";
+const b = s(i)(({
+  theme: e,
+  isRequired: l
+}) => ({
+  color: l ? e.palette.error.main : e.palette.text.secondary,
+  minWidth: 120,
+  width: "35%"
+})), u = (e) => {
+  const l = d(() => !e.value && e.withEmptyStateFiller ? "—" : e.value, [e.value, e.withEmptyStateFiller]);
+  return l ? /* @__PURE__ */ r(p, { children: [
+    /* @__PURE__ */ t(b, { component: "th", scope: "row", children: e.label }),
+    /* @__PURE__ */ t(i, { children: l })
+  ] }) : null;
+}, y = ({
+  items: e,
+  children: l,
+  ...a
+}) => /* @__PURE__ */ r(m, { variant: "outlined", sx: {
+  overflow: "visible"
+}, ...a, children: [
+  /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(h, { children: e.map((o, n) => /* @__PURE__ */ t(u, { ...o }, n)) }) }),
+  l
+] });
 export {
-  J as PriceField
+  y as MoniteCard,
+  u as MoniteCardItem,
+  b as StyledLabelTableCell
 };