@tesouro/embedded-components-react 0.2.206 → 0.2.211

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 "./index166.js";
-import { ProductType as q } from "./index167.js";
-import { Filters as H } from "./index168.js";
+import { ProductDeleteModal as W } from "./index137.js";
+import { ProductType as q } from "./index138.js";
+import { Filters as H } from "./index139.js";
 import { useMoniteContext as Y } from "./index57.js";
 import { MoniteScopedProviders as J } from "./index83.js";
 import { useCurrencies as Q } from "./index58.js";
@@ -23,14 +23,14 @@ 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 "./index164.js";
-import { GetNoRowsOverlay as ae } from "./index163.js";
-import { MeasureUnit as se } from "./index169.js";
-import { hasSelectedText as ne } from "./index165.js";
-import { FILTER_TYPE_SEARCH as S } from "./index170.js";
+import { DataTable as re } from "./index140.js";
+import { GetNoRowsOverlay as ae } from "./index141.js";
+import { MeasureUnit as se } from "./index142.js";
+import { hasSelectedText as ne } from "./index143.js";
+import { FILTER_TYPE_SEARCH as S } from "./index144.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index171.js";
-import { ManageMeasureUnits as ce } from "./index172.js";
+import { useGetProducts as le } from "./index145.js";
+import { ManageMeasureUnits as ce } from "./index146.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,37 @@
 import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index119.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const M = (a, i) => {
+import { getAPIErrorMessage as m } from "./index120.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const g = (i, p, t, n) => {
   const {
-    api: t,
+    api: e,
     queryClient: o
   } = u(), {
     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?.();
-    },
-    onError: async (e) => {
-      const s = m(r, e);
-      if (s.includes("already exists")) {
-        i?.(s);
-        return;
-      } else
-        n.error(s);
+  } = 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 {
-  M as useCreateMeasureUnit
+  g as useApproveApprovalRequest
 };

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

@@ -1,40 +1,12 @@
-import { useMoniteContext as p } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index119.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const g = (i, o, u) => {
-  const {
-    api: e,
-    queryClient: r
-  } = p(), {
-    i18n: a
-  } = d();
-  return e.finops.patchMeasureUnitsId.useMutation({
-    path: {
-      unit_id: i
-    }
-  }, {
-    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);
-    }
-  });
+const o = ["draft", "new", "waiting_to_be_paid", "approve_in_progress"], s = (n) => {
+  if (!n.due_date) return 0;
+  const e = /* @__PURE__ */ new Date();
+  e.setUTCHours(0, 0, 0, 0);
+  const t = new Date(n.due_date);
+  if (t.setUTCHours(0, 0, 0, 0), t.getTime() === e.getTime()) return 0;
+  const r = o.includes(n.status), i = t.getTime() < e.getTime();
+  return !r || !i ? 0 : Math.floor((e.getTime() - t.getTime()) / 864e5);
 };
 export {
-  g as useUpdateMeasureUnit
+  s as getInvoiceOverdueDays
 };

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

@@ -1,55 +1,31 @@
-import { jsx as o, jsxs as x } from "@emotion/react/jsx-runtime";
-import { UUserSquare as N } from "./index366.js";
-import { useMoniteContext as v } from "./index57.js";
-import { Badge as n } from "./index238.js";
-import { Skeleton as b } from "./index139.js";
-import { getVariantProps as i } from "./index449.js";
-const j = ({
-  roleId: s,
-  variant: a = "default",
-  quoted: l = !1,
-  roleData: e
-}) => {
-  const {
-    api: m
-  } = v(), {
-    data: c,
-    isLoading: d,
-    isError: f
-  } = m.finops.getRolesId.useQuery({
-    path: {
-      role_id: s
-    }
-  }, {
-    enabled: !e
-  }), t = e ?? c, r = !e && d;
-  if (!t && !r && f && s) {
-    const {
-      badgeVariant: u,
-      className: g
-    } = i({
-      variant: a,
-      isError: !0,
-      componentType: "role"
-    });
-    return /* @__PURE__ */ o(n, { variant: u, className: g, children: "N/A" });
-  }
-  if (!t && !r || !t)
-    return null;
-  const {
-    badgeVariant: p,
-    className: w,
-    showIcon: h
-  } = i({
-    variant: a,
-    isError: !1,
-    componentType: "role"
-  });
-  return /* @__PURE__ */ x(n, { variant: p, className: w, children: [
-    h && /* @__PURE__ */ o(N, { width: 24, height: 24, className: a === "default" ? "ttw:text-[rgb(97,97,97)] ttw:!w-6 ttw:!h-6 ttw:flex-shrink-0" : "ttw:!w-6 ttw:!h-6 ttw:flex-shrink-0" }),
-    r ? /* @__PURE__ */ o(b, { className: "ttw:h-4 ttw:w-20" }) : l ? `"${t.name}"` : t.name
-  ] });
-};
+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 Role
+  y as MoniteCard,
+  u as MoniteCardItem,
+  b as StyledLabelTableCell
 };

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

@@ -1,42 +1,71 @@
-import { jsxs as l, Fragment as m, jsx as o } from "@emotion/react/jsx-runtime";
-import { useDialog as p } from "./index50.js";
-import { useLingui as C } from "@lingui/react";
-import { Divider as u, DialogActions as L, Stack as d, Button as r, CircularProgress as a } from "@mui/material";
-const x = ({
-  deleteButton: e,
-  primaryButton: n,
-  secondaryButton: i,
-  cancelButton: t,
-  showDivider: c = !0
+import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
+import { Controller as y } from "react-hook-form";
+import { useRootElements as D } from "./index92.js";
+import { Alert as F } from "@mui/material";
+import { DatePicker as C } from "@mui/x-date-pickers";
+import { parse as P, format as T } from "date-fns";
+const M = ({
+  control: p,
+  name: n,
+  slotProps: o,
+  valueAs: c = "date",
+  stringFormat: s = "yyyy-MM-dd",
+  ...d
 }) => {
-  const {
-    i18n: s
-  } = C(), g = p(), h = (b) => "formId" in b;
-  return /* @__PURE__ */ l(m, { children: [
-    c && /* @__PURE__ */ o(u, {}),
-    /* @__PURE__ */ l(L, { sx: {
-      display: "flex",
-      justifyContent: "space-between",
-      width: "100%"
-    }, children: [
-      /* @__PURE__ */ l(d, { direction: "row", spacing: 2, children: [
-        e && /* @__PURE__ */ o(r, { variant: "text", color: "error", onClick: e.onClick, disabled: e.isDisabled || e.isLoading, children: e.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : e.label || s._("Delete") }),
-        i?.onTheLeft && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: i.onClick, disabled: i.isDisabled || i.isLoading, children: i.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : i.label })
-      ] }),
-      /* @__PURE__ */ l(d, { direction: "row", spacing: 2, children: [
-        !t?.hideCancel && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: t?.onClick || g?.onClose, disabled: n?.isLoading || i?.isLoading || e?.isLoading, children: t?.label || s._("Cancel") }),
-        i && !i.onTheLeft && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: i.onClick, disabled: i.isDisabled || i.isLoading, children: i.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : i.label }),
-        n && /* @__PURE__ */ o(r, { variant: "contained", color: "primary", ...h(n) ? {
-          type: "submit",
-          form: n.formId
-        } : {
-          type: "button",
-          onClick: n.onClick
-        }, disabled: n.isDisabled || n.isLoading, children: n.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : n.label })
-      ] })
-    ] })
-  ] });
+  const i = (e) => e?.type === "custom", {
+    root: l
+  } = D();
+  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
+    field: e,
+    fieldState: {
+      error: r,
+      isTouched: u
+    },
+    formState: {
+      isValid: f
+    }
+  }) => {
+    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
+    return /* @__PURE__ */ x(h, { children: [
+      /* @__PURE__ */ a(
+        C,
+        {
+          ...e,
+          ...d,
+          value: g,
+          onChange: (t) => {
+            if (t instanceof Date && !Number.isNaN(t.getTime())) {
+              const v = c === "string" ? T(t, s) : t;
+              e.onChange(v);
+            } else
+              e.onChange(null);
+          },
+          slotProps: {
+            ...o,
+            popper: {
+              ...o?.popper,
+              container: l
+            },
+            dialog: {
+              ...o?.dialog,
+              container: l
+            },
+            textField: {
+              variant: "standard",
+              ...o?.textField,
+              id: n,
+              error: m && !!r?.message,
+              helperText: m && r?.message
+            }
+          }
+        }
+      ),
+      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: r?.message })
+    ] });
+  } });
 };
 export {
-  x as DialogFooter
+  M as RHFDatePicker
 };

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

@@ -1,49 +1,59 @@
-import { jsxs as t, jsx as e, Fragment as g } from "@emotion/react/jsx-runtime";
-import { IconWrapper as v } from "./index214.js";
-import { useDialog as f } from "./index50.js";
-import { useLingui as L } from "@lingui/react";
-import y from "@mui/icons-material/ArrowForward";
-import C from "@mui/icons-material/Close";
-import { Breadcrumbs as D, Typography as s, Grid as l, Divider as T, styled as x, DialogTitle as b } from "@mui/material";
-import { memo as c } from "react";
-const j = c(({
-  previousLevelTitle: r,
-  onPreviousLevelClick: i,
-  title: o
-}) => /* @__PURE__ */ t(D, { color: "inherit", separator: /* @__PURE__ */ e(y, { fontSize: "small", color: "disabled" }), sx: {
-  padding: 3
-}, "aria-label": "breadcrumb", children: [
-  /* @__PURE__ */ e(s, { onClick: i, sx: {
-    cursor: i ? "pointer" : "default"
-  }, children: r }),
-  /* @__PURE__ */ e(s, { children: o })
-] })), G = c(({
-  title: r,
-  secondaryLevel: i = !1,
-  previousLevelTitle: o,
-  closeButtonTooltip: d,
-  showDivider: p = !0,
-  closeSecondaryLevelDialog: m
+import { jsx as t, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { Controller as v } from "react-hook-form";
+import { useRootElements as P } from "./index92.js";
+import { TextField as T, Alert as y } from "@mui/material";
+const j = ({
+  control: l,
+  name: n,
+  SelectProps: s,
+  type: a,
+  ...c
 }) => {
-  const {
-    i18n: u
-  } = L(), a = f(), h = a?.isDialogContent && !i, n = d || u._("Close dialog");
-  return /* @__PURE__ */ t(g, { children: [
-    /* @__PURE__ */ t(l, { container: !0, alignItems: "center", children: [
-      /* @__PURE__ */ e(l, { item: !0, xs: 11, children: i && o ? /* @__PURE__ */ e(j, { previousLevelTitle: o, title: r, onPreviousLevelClick: m }) : /* @__PURE__ */ e(k, { variant: "h3", children: r }) }),
-      /* @__PURE__ */ e(l, { item: !0, xs: 1, children: h && /* @__PURE__ */ e(v, { color: "inherit", onClick: a.onClose, ariaLabelOverride: n, tooltip: n, children: /* @__PURE__ */ e(C, {}) }) })
-    ] }),
-    p && /* @__PURE__ */ e(T, {})
-  ] });
-}), k = x(b)(({
-  theme: r
-}) => ({
-  "&.MuiDialogTitle-root.MuiTypography-root": {
-    ...r.typography.h3,
-    // MUI v5 styles DialogTitle as H6. This is a workaround to apply H3 styles
-    padding: r.spacing(3)
-  }
-}));
+  const i = (e) => e?.type === "custom", {
+    root: p
+  } = P();
+  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
+    field: e,
+    fieldState: {
+      error: r,
+      isTouched: d
+    },
+    formState: {
+      isValid: u
+    }
+  }) => {
+    const m = (d || !u) && !i(r), g = (f) => {
+      const o = f.target.value;
+      a === "number" ? e.onChange(o === "" ? void 0 : Number(o)) : e.onChange(o);
+    };
+    return /* @__PURE__ */ h(x, { children: [
+      /* @__PURE__ */ t(
+        T,
+        {
+          ...e,
+          ...c,
+          id: n,
+          variant: "standard",
+          type: a,
+          value: e.value ?? "",
+          onChange: g,
+          error: m && !!r?.message,
+          helperText: m && r?.message,
+          SelectProps: {
+            ...s,
+            MenuProps: {
+              ...s?.MenuProps,
+              container: p
+            }
+          }
+        }
+      ),
+      i(r) && /* @__PURE__ */ t(y, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: r?.message })
+    ] });
+  } });
+};
 export {
-  G as DialogHeader
+  j as RHFTextField
 };

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

@@ -1,76 +1,43 @@
-import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
-import { useMemo as k } from "react";
-import { User as w } from "./index219.js";
-import { useLingui as T } from "@lingui/react";
-import f from "@mui/icons-material/AddCircleOutline";
-import x from "@mui/icons-material/Delete";
-import { Stack as s, Chip as g, Paper as y, Table as C, TableHead as v, TableRow as d, TableCell as a, TableBody as A, IconButton as j, Button as B } from "@mui/material";
-import { useApprovalPolicyTrigger as E } from "./index354.js";
-const M = ({
-  triggers: r,
-  onAddTrigger: m,
-  onEditTrigger: b,
-  onDeleteTrigger: _
+import { jsx as l, jsxs as f, Fragment as x } from "@emotion/react/jsx-runtime";
+import { Controller as h } from "react-hook-form";
+import { Alert as g } from "@mui/material";
+import { TimeField as T } from "@mui/x-date-pickers";
+const q = ({
+  control: n,
+  name: o,
+  required: a,
+  fullWidth: m,
+  slotProps: s,
+  ...d
 }) => {
-  const {
-    i18n: n
-  } = T(), {
-    getTriggerLabel: p,
-    getAmountLabel: u
-  } = E({}), h = k(() => Object.keys(r).map((i) => {
-    const c = p(i);
-    let t;
-    switch (i) {
-      case "was_created_by_user_id":
-        t = /* @__PURE__ */ e(s, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: r.was_created_by_user_id?.map((o) => /* @__PURE__ */ e(w, { userId: o.id }, o.id)) });
-        break;
-      case "tags":
-        t = /* @__PURE__ */ e(s, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: r.tags?.map((o) => /* @__PURE__ */ e(g, { label: o.name }, o.id)) });
-        break;
-      case "counterpart_id":
-        t = /* @__PURE__ */ e(s, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: r.counterpart_id?.map((o) => /* @__PURE__ */ e(g, { label: o.label }, o.id)) });
-        break;
-      case "amount":
-        t = /* @__PURE__ */ e("p", { children: u(r.amount?.value ?? [], r.amount?.currency ?? "EUR") });
-        break;
-      default:
-        t = i;
-        break;
+  const i = (r) => r?.type === "custom";
+  return /* @__PURE__ */ l(h, { control: n, name: o, render: ({
+    field: r,
+    fieldState: {
+      error: e,
+      isTouched: u
+    },
+    formState: {
+      isValid: c
     }
-    return {
-      key: i,
-      label: c,
-      value: t
-    };
-  }), [r, p, u]);
-  return /* @__PURE__ */ e(y, { variant: "outlined", children: /* @__PURE__ */ l(C, { children: [
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ l(d, { children: [
-      /* @__PURE__ */ e(a, { children: n._("Condition") }),
-      /* @__PURE__ */ e(a, { children: n._("Criteria") }),
-      /* @__PURE__ */ e(a, {})
-    ] }) }),
-    /* @__PURE__ */ l(A, { children: [
-      h.length > 0 ? h.map((i) => /* @__PURE__ */ l(d, { hover: !0, sx: {
-        "&.MuiTableRow-root": {
-          cursor: "pointer"
+  }) => {
+    const t = (u || !c) && !i(e), p = r.value !== null ? new Date(r.value) : null;
+    return /* @__PURE__ */ f(x, { children: [
+      /* @__PURE__ */ l(T, { ...r, ...d, variant: "standard", required: a, fullWidth: m, value: p, helperText: t && e?.message, slotProps: {
+        ...s,
+        textField: {
+          ...s?.textField,
+          id: o,
+          error: t && !!e?.message,
+          helperText: t && e?.message
         }
-      }, onClick: () => b(i.key), children: [
-        /* @__PURE__ */ e(a, { children: i.label }),
-        /* @__PURE__ */ e(a, { children: i.value }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(j, { "aria-label": n._("Delete trigger"), onClick: (c) => {
-          c.stopPropagation(), _(i.key);
-        }, children: /* @__PURE__ */ e(x, {}) }) })
-      ] }, i.label)) : /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(a, { colSpan: 3, children: n._("No conditions") }) }),
-      /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(a, { colSpan: 3, children: /* @__PURE__ */ e(B, { startIcon: /* @__PURE__ */ e(f, {}), onClick: m, disabled: !!(r?.was_created_by_user_id?.length && r?.tags?.length && r?.counterpart_id?.length && r?.amount?.value?.length), children: n._("Add new condition") }) }) })
-    ] })
-  ] }) });
+      } }),
+      i(e) && /* @__PURE__ */ l(g, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: e?.message })
+    ] });
+  } });
 };
 export {
-  M as ConditionsTable
+  q as RHFTimePicker
 };