@tesouro/embedded-components-react 0.2.131 → 0.2.133

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

@@ -1,31 +1,12 @@
-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
-] });
+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 {
-  y as MoniteCard,
-  u as MoniteCardItem,
-  b as StyledLabelTableCell
+  s as getInvoiceOverdueDays
 };

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

@@ -1,71 +1,10 @@
-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 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 })
-    ] });
-  } });
-};
+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
+});
 export {
-  M as RHFDatePicker
+  e as prepareBankAccountCreatePayload
 };

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

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

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

@@ -1,43 +1,31 @@
-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 i = (r) => r?.type === "custom";
-  return /* @__PURE__ */ l(h, { control: n, name: o, render: ({
-    field: r,
-    fieldState: {
-      error: e,
-      isTouched: u
-    },
-    formState: {
-      isValid: c
-    }
-  }) => {
-    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
-        }
-      } }),
-      i(e) && /* @__PURE__ */ l(g, { severity: "error", icon: !1, sx: {
-        marginTop: -2
-      }, children: e?.message })
-    ] });
-  } });
-};
+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 {
-  q as RHFTimePicker
+  y as MoniteCard,
+  u as MoniteCardItem,
+  b as StyledLabelTableCell
 };

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

@@ -1,22 +1,71 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useState as l, useEffect as c } from "react";
-const u = ({
-  shouldStartProgress: e,
-  isError: d,
-  isSuccess: w
+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 [a, o] = l(0);
-  return c(() => {
-    let s;
-    return e && (s = setInterval(() => {
-      o((t) => t < 98 ? t + 2 : t === 98 ? t + 1 : t);
-    }, 200)), () => {
-      clearInterval(s);
-    };
-  }, [e]), w ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-success ttw:rounded-md" }) : d ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-danger ttw:rounded-md" }) : /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-neutral ttw:rounded-md", children: /* @__PURE__ */ r("div", { className: "ttw:bg-primary ttw:h-full ttw:rounded-md", style: {
-    width: `${a}%`
-  } }) });
+  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 {
-  u as UploadBar
+  M as RHFDatePicker
 };

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

@@ -1,45 +1,59 @@
-import { jsxs as x, Fragment as b, jsx as r } from "@emotion/react/jsx-runtime";
-import { useState as g } from "react";
-import f from "@mui/icons-material/MoreVert";
-import { IconButton as y, Menu as C, MenuItem as k, ListItemText as M } from "@mui/material";
+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 = ({
-  id: e = "dropdown-menu-button",
-  items: a,
-  iconButtonProps: d,
-  menuProps: s
+  control: l,
+  name: n,
+  SelectProps: s,
+  type: a,
+  ...c
 }) => {
-  const [t, i] = g(null), n = !!t, m = (o) => {
-    i(o.currentTarget);
-  }, l = () => {
-    i(null);
-  };
-  return /* @__PURE__ */ x(b, { children: [
-    /* @__PURE__ */ r(y, { id: e, onClick: m, sx: {
-      border: "1px solid",
-      borderColor: "divider",
-      borderRadius: 1,
-      width: 40,
-      height: 40
-    }, "aria-expanded": n, "aria-haspopup": "true", ...d, children: /* @__PURE__ */ r(f, {}) }),
-    /* @__PURE__ */ r(C, { anchorEl: t, open: n, onClose: l, container: () => document.body, anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "right"
-    }, transformOrigin: {
-      vertical: "top",
-      horizontal: "right"
-    }, MenuListProps: {
-      "aria-labelledby": e,
-      role: "menu"
-    }, ...s, children: a.map(({
-      key: o,
-      label: p,
-      onClick: u,
-      sx: c
-    }) => /* @__PURE__ */ r(k, { id: o, onClick: (h) => {
-      l(), u?.(h);
-    }, sx: c, children: /* @__PURE__ */ r(M, { primary: p }) }, o)) })
-  ] });
+  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 {
-  j as DropdownMenu
+  j as RHFTextField
 };

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

@@ -1,39 +1,43 @@
-import { jsxs as a, jsx as o } from "@emotion/react/jsx-runtime";
-import { useDialog as p } from "./index50.js";
-import { IconWrapper as d } from "./index219.js";
-import { useLingui as g } from "@lingui/react";
-import u from "@mui/icons-material/Close";
-import { styled as s, Toolbar as h, DialogTitle as f, Stack as n } from "@mui/material";
-const I = ({
-  title: r,
-  statusElement: c,
-  actions: i,
-  className: m,
-  closeButtonTooltip: e
+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: t
-  } = g(), l = p();
-  return /* @__PURE__ */ a(x, { className: m, disableGutters: !0, children: [
-    l?.isDialogContent && /* @__PURE__ */ o(d, { color: "inherit", onClick: l.onClose, ariaLabelOverride: e || t._("Close modal"), tooltip: e || t._("Close modal"), children: /* @__PURE__ */ o(u, {}) }),
-    /* @__PURE__ */ a(n, { direction: "row", spacing: 2, alignItems: "center", ml: 2, children: [
-      /* @__PURE__ */ o(y, { children: r }),
-      c
-    ] }),
-    i && /* @__PURE__ */ o(n, { direction: "row", spacing: 2, ml: "auto", children: i })
-  ] });
-}, x = s(h)(() => ({
-  padding: "24px 32px",
-  flexShrink: 0
-})), y = s(f)(({
-  theme: r
-}) => ({
-  "&.MuiDialogTitle-root.MuiTypography-root": {
-    ...r.typography.h3,
-    // MUI v5 styles DialogTitle as H6. This is a workaround to apply H3 styles
-    padding: "0"
-  }
-}));
+  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
+    }
+  }) => {
+    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
+        }
+      } }),
+      i(e) && /* @__PURE__ */ l(g, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: e?.message })
+    ] });
+  } });
+};
 export {
-  I as FullScreenModalHeader
+  q as RHFTimePicker
 };

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

@@ -1,18 +1,76 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as i } from "./index195.js";
-import { useLingui as t } from "@lingui/react";
-const m = ({
-  isOpen: o,
-  handleCloseModal: l,
-  handleConfirmation: n
+import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
+import { useMemo as k } from "react";
+import { User as w } from "./index277.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 "./index391.js";
+const M = ({
+  triggers: r,
+  onAddTrigger: m,
+  onEditTrigger: b,
+  onDeleteTrigger: _
 }) => {
   const {
-    i18n: e
-  } = t();
-  return /* @__PURE__ */ a(i, { open: o, title: e._("Cancel bill?"), message: e._("The bill will receive the “Canceled” status and will require no payment. You can’t undo this action."), confirmLabel: e._("Cancel bill"), cancelLabel: e._("Close"), onClose: l, onConfirm: () => {
-    l(), n();
-  } });
+    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;
+    }
+    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"
+        }
+      }, 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") }) }) })
+    ] })
+  ] }) });
 };
 export {
-  m as PayableDetailsCancelModal
+  M as ConditionsTable
 };