@tesouro/embedded-components-react 0.2.225 → 0.2.226

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

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as r, Fragment as E } from "@emotion/react/jsx-runtime";
 import { useState as i, useCallback as f, useMemo as v } from "react";
-import { UserCell as R } from "./index326.js";
+import { UserCell as R } from "./index298.js";
 import { useMoniteContext as W } from "./index57.js";
 import { MoniteScopedProviders as q } from "./index83.js";
 import { useUserPermissions as G } from "./index141.js";
@@ -17,10 +17,10 @@ import { GetNoRowsOverlay as Z } from "./index158.js";
 import { hasSelectedText as ee } from "./index160.js";
 import { useLingui as te } from "@lingui/react";
 import { ArrowUp as N, ArrowDown as k, ArrowUpDown as T, MoreVertical as ae, Trash as oe } from "lucide-react";
-import { ConfirmDeleteModal as re } from "./index327.js";
-import { getTagCategoryLabel as ie } from "./index328.js";
+import { ConfirmDeleteModal as re } from "./index299.js";
+import { getTagCategoryLabel as ie } from "./index290.js";
 import { TagFormModal as se } from "./index47.js";
-import { useTags as ne } from "./index329.js";
+import { useTags as ne } from "./index291.js";
 const $e = (n) => /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(le, { ...n }) }), le = ({
   onChangeSort: n,
   showCreationModal: x

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

@@ -1,22 +1,70 @@
-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 o, jsxs as V } from "@emotion/react/jsx-runtime";
+import { useState as x, useEffect as q } from "react";
+import { Controller as C } from "react-hook-form";
+import { Minus as R, Plus as M } from "lucide-react";
+import { InputGroup as N, InputGroupAddon as v, InputGroupButton as y, InputGroupInput as B } from "./index101.js";
+const I = (e) => Math.round(e * 100) / 100, b = (e) => {
+  let t = e.replace(/[^0-9.]/g, "");
+  const n = t.indexOf(".");
+  return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
+}, E = ({
+  field: e,
+  index: t,
+  canRemove: n,
+  hasProduct: s,
+  hasQuantityError: m,
+  onLineItemValueChange: l,
+  onRemoveItem: 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 = Math.max(0, Number(e.value) || 0), w = n ? 0 : 1, [p, c] = x(i === 0 ? "" : String(i)), [h, f] = x(!1);
+  q(() => {
+    if (!h) {
+      const r = i === 0 ? "" : String(i);
+      r !== p && c(r);
+    }
+  }, [i, h, p]);
+  const g = (r) => {
+    const a = I(r);
+    if (a <= 0 && n) {
+      d(t);
+      return;
+    }
+    const u = Math.max(w, a);
+    l("quantity", u, {
+      shouldValidate: !0
+    });
+  };
+  return /* @__PURE__ */ V(N, { className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
+    /* @__PURE__ */ o(v, { align: "inline-start", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s || !n && i <= 1, onClick: () => g(i - 1), children: /* @__PURE__ */ o(R, {}) }) }),
+    /* @__PURE__ */ o(B, { ref: e.ref, name: e.name, type: "text", inputMode: "decimal", "aria-invalid": m || void 0, value: p, className: "ttw:text-center ttw:px-0", onFocus: () => f(!0), onChange: (r) => {
+      const a = b(r.target.value);
+      c(a);
+      const u = a === "" || a === "." ? 0 : Number(a);
+      l("quantity", u, {
+        shouldValidate: !1
+      });
+    }, onBlur: (r) => {
+      f(!1);
+      const a = b(r.target.value), u = a === "" || a === "." ? 0 : I(Number(a));
+      u <= 0 ? n ? d(t) : (c("1"), l("quantity", 1, {
+        shouldValidate: !0
+      })) : (c(String(u)), l("quantity", u, {
+        shouldValidate: !0
+      })), e.onBlur();
+    } }),
+    /* @__PURE__ */ o(v, { align: "inline-end", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s, onClick: () => g(i + 1), children: /* @__PURE__ */ o(M, {}) }) })
+  ] });
+}, z = ({
+  index: e,
+  control: t,
+  quantityError: n,
+  canRemove: s,
+  hasProduct: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
+}) => /* @__PURE__ */ o(C, { name: `line_items.${e}.quantity`, control: t, render: ({
+  field: i
+}) => /* @__PURE__ */ o(E, { field: i, index: e, canRemove: s, hasProduct: m, hasQuantityError: n, onLineItemValueChange: l, onRemoveItem: d }) });
 export {
-  u as UploadBar
+  z as QuantityField
 };

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

@@ -1,36 +1,41 @@
-import { useMoniteContext as n } from "./index57.js";
-const r = (e) => {
+import { jsxs as t, Fragment as f, jsx as a } from "@emotion/react/jsx-runtime";
+import { useState as h } from "react";
+import { ManageMeasureUnits as v } from "./index169.js";
+import { Select as g, SelectTrigger as x, SelectValue as w, SelectContent as S, SelectItem as l } from "./index294.js";
+import { useLingui as _ } from "@lingui/react";
+import { Plus as b } from "lucide-react";
+const s = "__none__", E = ({
+  value: n,
+  availableMeasureUnits: o,
+  error: m,
+  fieldError: c,
+  disabled: u = !1,
+  onChange: d
+}) => {
   const {
-    api: t
-  } = n();
-  return t.finops.getPaymentLinksId.useQuery({
-    path: {
-      payment_link_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
-}, y = () => {
-  const {
-    api: e
-  } = n(), t = e.finops.postPaymentLinks.useMutation({});
-  return async (a, s, i, o) => t.mutateAsync({
-    recipient: {
-      id: s,
-      type: "counterpart"
-    },
-    object: {
-      id: a,
-      type: "payable"
-    },
-    payment_methods: i,
-    expires_at: new Date(
-      Date.now() + o * 24 * 3600 * 1e3
-      // x days from now
-    ).toISOString()
-  });
+    i18n: r
+  } = _(), [p, i] = h(!1);
+  return /* @__PURE__ */ t(f, { children: [
+    /* @__PURE__ */ t(g, { value: n || s, onValueChange: (e) => {
+      if (e === "create") {
+        i(!0);
+        return;
+      }
+      d(e === s ? "" : e);
+    }, disabled: u, children: [
+      /* @__PURE__ */ a(x, { "aria-invalid": m || !!c || void 0, className: "ttw:w-22", children: /* @__PURE__ */ a(w, { className: "ttw:truncate", placeholder: r._("Select") }) }),
+      /* @__PURE__ */ t(S, { children: [
+        /* @__PURE__ */ t(l, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
+          /* @__PURE__ */ a(b, { className: "ttw:text-primary" }),
+          r._("Manage measure units")
+        ] }),
+        /* @__PURE__ */ a(l, { value: s, children: r._("None") }),
+        o?.map((e) => /* @__PURE__ */ a(l, { value: e.id, children: e.name }, e.id))
+      ] })
+    ] }),
+    p && /* @__PURE__ */ a(v, { open: !0, handleClose: () => i(!1) })
+  ] });
 };
 export {
-  y as useCreatePayablePaymentLink,
-  r as usePaymentLinkById
+  E as MeasureUnitField
 };

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

@@ -1,45 +1,14 @@
-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";
-const j = ({
-  id: e = "dropdown-menu-button",
-  items: a,
-  iconButtonProps: d,
-  menuProps: s
-}) => {
-  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)) })
-  ] });
-};
+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 : "";
 export {
-  j as DropdownMenu
+  r as getCounterpartPhone,
+  u as getCountryName,
+  o as getMeasureUnitName
 };

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

@@ -1,39 +1,31 @@
-import { jsxs as a, jsx as o } from "@emotion/react/jsx-runtime";
-import { useDialog as p } from "./index50.js";
-import { IconWrapper as d } from "./index213.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
-}) => {
-  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"
-  }
-}));
+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
+  };
+};
 export {
-  I as FullScreenModalHeader
+  z as useResizeObserver
 };

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

@@ -1,18 +1,26 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as i } from "./index223.js";
-import { useLingui as t } from "@lingui/react";
-const m = ({
-  isOpen: o,
-  handleCloseModal: l,
-  handleConfirmation: n
-}) => {
-  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();
-  } });
+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]);
 };
 export {
-  m as PayableDetailsCancelModal
+  E as useWindowResize
 };

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

@@ -1,21 +1,41 @@
-import { useMoniteContext as s } from "./index57.js";
-import { useCounterpartsBankAccountsList as o } from "./index147.js";
-function p({
-  currentCounterpartId: e,
-  payableId: t
-}) {
-  const {
-    api: a
-  } = s(), n = o(e), r = a.finops.getPayablesIdLineItems.useQuery({
-    path: {
-      payable_id: t
-    }
+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 {
-    counterpartBankAccountQuery: n,
-    lineItemsQuery: r
-  };
-}
+  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;
+};
 export {
-  p as usePayableDetailsInfo
+  y as useA4Dimensions
 };

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

@@ -1,53 +1,98 @@
-import { jsxs as p, jsx as a } from "@emotion/react/jsx-runtime";
-import { useMemo as m } from "react";
-import { getUserDisplayName as c, getIndividualName as w } from "./index95.js";
-import "date-fns";
-import { UserAvatar as d } from "./index381.js";
-import { Box as f, Typography as h } from "@mui/material";
-const U = ({
-  user: e,
-  showUserEmail: r = !1,
-  showAvatar: s = !0,
-  avatarSize: i = 24,
-  variant: x = "inline",
-  typographyVariant: l = "body2",
-  sx: o
+import { jsxs as l, jsx as e } from "@emotion/react/jsx-runtime";
+import { useFormContext as T, useFieldArray as P, Controller as m } from "react-hook-form";
+import { calculateTotalPriceForLineItem as v } from "./index264.js";
+import { GLCodeSelector as W } from "./index488.js";
+import { useCurrencies as F } from "./index58.js";
+import { useLingui as _ } from "@lingui/react";
+import S from "@mui/icons-material/Add";
+import L from "@mui/icons-material/DeleteForever";
+import { Grid as r, TextField as d, IconButton as $, Typography as j, Button as w } from "@mui/material";
+const Q = ({
+  enableGLCodes: f
 }) => {
-  const t = m(() => c(e, r), [e, r]), n = m(() => w(e.first_name || "", e.last_name || ""), [e.first_name, e.last_name]);
-  return x === "stacked" ? /* @__PURE__ */ p(f, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    gap: 1,
-    ...o
-  }, children: [
-    s && /* @__PURE__ */ a(d, { sx: {
-      width: i,
-      height: i
-    }, alt: n, fileId: e.userpic_file_id }),
-    /* @__PURE__ */ a(h, { variant: l, title: t ?? "", sx: {
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      whiteSpace: "nowrap",
-      textAlign: "center"
-    }, children: t ?? "" })
-  ] }) : /* @__PURE__ */ p(f, { sx: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1,
-    ...o
-  }, children: [
-    s && /* @__PURE__ */ a(d, { sx: {
-      width: i,
-      height: i
-    }, alt: n, fileId: e.userpic_file_id }),
-    /* @__PURE__ */ a(h, { variant: l, title: t ?? "", sx: {
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      whiteSpace: "nowrap"
-    }, children: t ?? "" })
+  const {
+    i18n: o
+  } = _(), {
+    getSymbolFromCurrency: x,
+    formatCurrencyToDisplay: h,
+    formatToMinorUnits: g
+  } = F(), {
+    control: a,
+    watch: s
+  } = T(), {
+    fields: c,
+    append: y,
+    remove: I
+  } = P({
+    control: a,
+    name: "lineItems"
+  }), u = s("currency"), p = s("lineItems");
+  return /* @__PURE__ */ l(r, { container: !0, direction: "column", spacing: 4, children: [
+    c.map((b, i) => /* @__PURE__ */ l(r, { item: !0, container: !0, gap: 2, className: "Monite-PayableDetailsForm-Item", children: [
+      /* @__PURE__ */ l(r, { item: !0, xs: 12, gap: 2, container: !0, flexWrap: "nowrap", children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 8, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.name`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Name"), variant: "standard", error: !!n, helperText: n?.message, fullWidth: !0 }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 3, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.quantity`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Quantity"), variant: "standard", type: "number", inputProps: {
+          min: 1
+        }, error: !!n, helperText: n?.message, fullWidth: !0 }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 1, container: !0, sx: {
+          justifyContent: "flex-end",
+          alignItems: "center"
+        }, children: /* @__PURE__ */ e($, { "aria-label": "delete", onClick: () => I(i), disabled: c.length === 1, children: /* @__PURE__ */ e(L, {}) }) })
+      ] }),
+      f && /* @__PURE__ */ l(r, { item: !0, xs: 12, gap: 2, container: !0, flexWrap: "nowrap", children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 11, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.ledger_account_id`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(W, { value: t.value ?? void 0, onChange: (C) => t.onChange(C ?? void 0), error: !!n, helperText: n?.message }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 1 })
+      ] }),
+      /* @__PURE__ */ l(r, { item: !0, xs: 12, gap: 2, container: !0, flexWrap: "nowrap", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 8, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.price`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Price"), variant: "standard", type: "number", inputProps: {
+          min: 0
+        }, error: !!n, helperText: n?.message, fullWidth: !0, InputProps: {
+          endAdornment: x(s("currency"))
+        } }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 3, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.tax`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Tax"), variant: "standard", type: "number", inputProps: {
+          min: 0,
+          max: 100
+        }, error: !!n, helperText: n?.message, fullWidth: !0, InputProps: {
+          endAdornment: "%"
+        } }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 1 })
+      ] }),
+      p?.[i] && u && /* @__PURE__ */ e(r, { item: !0, xs: 12, gap: 2, className: "Monite-PayableDetailsForm-Item-Total", children: /* @__PURE__ */ e(j, { fontWeight: "bold", align: "right", children: h(g(v(p?.[i]), u) || 0, u) }) })
+    ] }, b.id)),
+    /* @__PURE__ */ e(r, { item: !0, xs: 12, gap: 2, children: /* @__PURE__ */ e(w, { variant: "text", startIcon: /* @__PURE__ */ e(S, {}), onClick: () => y({
+      id: "",
+      name: "",
+      quantity: 1,
+      price: 0,
+      tax: 19
+    }), children: o._("Add item") }) })
   ] });
 };
 export {
-  U as UserDisplayCell
+  Q as PayableLineItemsForm
 };

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

@@ -1,61 +1,18 @@
-import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
-import { User as x } from "./index309.js";
-import { PayableStatusChip as u } from "./index145.js";
-import { useLingui as y } from "@lingui/react";
-import { Box as n, CircularProgress as g, Typography as r, Paper as v, Table as f, TableBody as b, TableRow as w, TableCell as l, Stack as A } from "@mui/material";
-import { useResolvedApprovalStepsWithPolicy as P } from "./index482.js";
-const j = ({
-  approvalPolicy: d,
-  payableId: p,
-  showUsersAsEmail: h = !0
-}) => {
-  const {
-    i18n: s
-  } = y(), {
-    steps: a,
-    isLoading: c
-  } = P(p, d);
-  return c ? /* @__PURE__ */ e(n, { sx: {
-    display: "flex",
-    justifyContent: "center",
-    p: 3
-  }, children: /* @__PURE__ */ e(g, { size: 20 }) }) : a.length ? /* @__PURE__ */ o(n, { sx: {
-    mt: 4
-  }, children: [
-    /* @__PURE__ */ e(r, { variant: "h6", gutterBottom: !0, sx: {
-      fontWeight: 600
-    }, children: s._("Approval flow") }),
-    /* @__PURE__ */ e(v, { variant: "outlined", sx: {
-      mt: 2
-    }, children: /* @__PURE__ */ e(f, { sx: {
-      tableLayout: "fixed",
-      width: "100%"
-    }, children: /* @__PURE__ */ e(b, { children: a.map((i, m) => /* @__PURE__ */ o(w, { children: [
-      /* @__PURE__ */ e(l, { sx: {
-        verticalAlign: "middle",
-        py: 2,
-        width: "160px"
-      }, children: /* @__PURE__ */ e(r, { variant: "body2", color: "text.primary", sx: {
-        fontWeight: "normal"
-      }, children: i.type }) }),
-      /* @__PURE__ */ e(l, { sx: {
-        py: 2,
-        verticalAlign: "middle",
-        minWidth: "52px"
-      }, children: i.userNames.length > 0 ? /* @__PURE__ */ e(A, { direction: "column", spacing: 0.5, sx: {
-        overflow: "hidden"
-      }, children: i.resolvedUsers.map((t) => t ? /* @__PURE__ */ e(x, { user: t, variant: "cell", showUsersAsEmail: h, showAvatar: !1 }, t.id) : null) }) : /* @__PURE__ */ e(r, { variant: "body2", color: "text.secondary", sx: {
-        fontWeight: "medium"
-      }, children: s._("No users assigned") }) }),
-      /* @__PURE__ */ e(l, { sx: {
-        py: 2,
-        textAlign: "right",
-        verticalAlign: "middle",
-        width: "140px"
-      }, children: /* @__PURE__ */ e(u, { status: i.payableStatus }) })
-    ] }, m)) }) }) })
-  ] }) : null;
-};
+import { useCounterpartList as u } from "./index71.js";
+import { useCounterpartsBankAccountsList as o } from "./index147.js";
+function s({
+  currentCounterpartId: r
+}) {
+  const t = u({
+    query: {
+      is_vendor: !0
+    }
+  }), e = o(r);
+  return {
+    counterpartQuery: t,
+    counterpartBankAccountQuery: e
+  };
+}
 export {
-  j as PayableApprovalFlowSection
+  s as usePayableDetailsForm
 };