@tesouro/embedded-components-react 0.2.16 → 0.2.17

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

@@ -1,41 +1,56 @@
-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 "./index180.js";
-import { Select as g, SelectTrigger as x, SelectValue as w, SelectContent as S, SelectItem as l } from "./index262.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
+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 "./index59.js";
+import { useRootElements as I } from "./index94.js";
+import { classNames as _ } from "./index155.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
-  } = _(), [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) })
-  ] });
+  } = 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 MeasureUnitField
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,14 +1,20 @@
-import { getCountries as i } from "./index95.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 : "";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useFileById as s } from "./index79.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 {
-  r as getCounterpartPhone,
-  u as getCountryName,
-  o as getMeasureUnitName
+  n as UserAvatar
 };

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

@@ -1,143 +1,36 @@
-import { jsxs as l, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
-import { useFormContext as y, Controller as F } from "react-hook-form";
-import { getCountries as b } from "./index95.js";
-import "date-fns";
-import { FormField as d, FormItem as c, FormLabel as o, FormControl as a, FormMessage as s, FormDescription as S } from "./index266.js";
-import { Input as i } from "./index121.js";
-import { useLingui as N } from "@lingui/react";
-import { Field as f, FieldContent as w, FieldLabel as u } from "./index160.js";
-import { Select as C, SelectTrigger as v, SelectValue as j, SelectContent as I, SelectItem as L } from "./index262.js";
-import { USStatesEnum as T } from "./index389.js";
-const k = ({
-  entityType: p
-}) => {
+import { useMoniteContext as n } from "./index59.js";
+const r = (e) => {
   const {
-    i18n: r
-  } = N(), {
-    control: n,
-    watch: x
-  } = y(), _ = b(r);
-  return /* @__PURE__ */ l(h, { children: [
-    p === "individual" ? /* @__PURE__ */ l(h, { children: [
-      /* @__PURE__ */ e(d, { name: "title", control: n, render: ({
-        field: t
-      }) => /* @__PURE__ */ l(c, { children: [
-        /* @__PURE__ */ e(o, { children: r._("Title") }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-        /* @__PURE__ */ e(s, {})
-      ] }) }),
-      /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
-        /* @__PURE__ */ e(d, { name: "name", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-          /* @__PURE__ */ e(o, { children: r._("Name") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-          /* @__PURE__ */ e(s, {})
-        ] }) }),
-        /* @__PURE__ */ e(d, { name: "surname", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-          /* @__PURE__ */ e(o, { children: r._("Surname") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-          /* @__PURE__ */ e(s, {})
-        ] }) })
-      ] })
-    ] }) : /* @__PURE__ */ e(d, { name: "name", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Legal name") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ e(d, { name: "tax_id", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Tax ID") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ e(d, { name: "email", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Email") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "email" }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ e(d, { name: "phone", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Contact phone number") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "tel" }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ e(d, { name: "website", control: n, render: ({
-      field: t
-    }) => /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ e(o, { children: r._("Website") }),
-      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "url" }) }),
-      /* @__PURE__ */ e(s, {})
-    ] }) }),
-    /* @__PURE__ */ l("section", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-      /* @__PURE__ */ e("h3", { className: "ttw:text-lg ttw:font-semibold", children: r._("Address") }),
-      /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-6 ttw:border ttw:border-border ttw:rounded-xl", children: [
-        /* @__PURE__ */ e(d, { name: "address_line_1", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(o, { children: r._("Street address") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-          /* @__PURE__ */ e(s, {})
-        ] }) }),
-        /* @__PURE__ */ e(d, { name: "address_line_2", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(o, { children: r._("Apt, suite, floor, etc.") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-          /* @__PURE__ */ e(s, {})
-        ] }) }),
-        /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
-          /* @__PURE__ */ e(d, { name: "city", control: n, render: ({
-            field: t
-          }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-            /* @__PURE__ */ e(o, { children: r._("City") }),
-            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-            /* @__PURE__ */ e(s, {})
-          ] }) }),
-          /* @__PURE__ */ e(d, { name: "postal_code", control: n, render: ({
-            field: t
-          }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-            /* @__PURE__ */ e(o, { children: r._("Postal code") }),
-            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
-            /* @__PURE__ */ e(s, {})
-          ] }) })
-        ] }),
-        /* @__PURE__ */ e(F, { name: "state", control: n, render: ({
-          field: t
-        }) => x("country") === "US" ? /* @__PURE__ */ e(f, { children: /* @__PURE__ */ l(w, { children: [
-          /* @__PURE__ */ e(u, { htmlFor: t.name, children: r._("State") }),
-          /* @__PURE__ */ l(C, { value: t.value ?? void 0, onValueChange: t.onChange, children: [
-            /* @__PURE__ */ e(v, { ref: t.ref, onBlur: t.onBlur, className: "ttw:w-full", children: /* @__PURE__ */ e(j, { placeholder: r._("Select a state") }) }),
-            /* @__PURE__ */ e(I, { children: Object.entries(T).map(([m, g]) => /* @__PURE__ */ l(L, { value: m, children: [
-              g,
-              " — ",
-              m
-            ] }, m)) })
-          ] })
-        ] }) }) : /* @__PURE__ */ e(f, { children: /* @__PURE__ */ l(w, { children: [
-          /* @__PURE__ */ e(u, { htmlFor: t.name, children: r._("State") }),
-          /* @__PURE__ */ e(i, { id: t.name, ...t })
-        ] }) }) }),
-        /* @__PURE__ */ e(d, { name: "country", control: n, render: ({
-          field: t
-        }) => /* @__PURE__ */ l(c, { children: [
-          /* @__PURE__ */ e(o, { children: r._("Country") }),
-          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, disabled: !0, value: _[t.value ?? ""] }) }),
-          /* @__PURE__ */ e(S, { children: r._("You can't change the country the organization is registered in") }),
-          /* @__PURE__ */ e(s, {})
-        ] }) })
-      ] })
-    ] })
-  ] });
+    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()
+  });
 };
 export {
-  k as EntityProfileFormContent
+  y as useCreatePayablePaymentLink,
+  r as usePaymentLinkById
 };

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

@@ -1,24 +1,45 @@
-import { useMemo as s } from "react";
-import { useLingui as t } from "@lingui/react";
-import { useExistingCurrenciesFromProducts as u } from "./index487.js";
-const d = () => {
-  const {
-    i18n: r
-  } = t(), {
-    existingCurrencies: e,
-    isLoadingProducts: o
-  } = u();
-  return {
-    currencyGroups: s(() => [{
-      title: r._("You have items in"),
-      predicate: (i) => e.has(i.code)
-    }, {
-      title: r._("No items created in"),
-      predicate: (i) => !e.has(i.code)
-    }], [e, r]),
-    isLoadingCurrencyGroups: o
+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)) })
+  ] });
 };
 export {
-  d as useProductCurrencyGroups
+  j as DropdownMenu
 };

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

@@ -1,82 +1,39 @@
-import { jsxs as s, jsx as r } from "@emotion/react/jsx-runtime";
-import { useMemo as m, Fragment as N } from "react";
-import { useCurrencies as A } from "./index60.js";
-import "./index94.js";
-import { useLingui as B } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { getCurrenciesArray as M, sortCurrencyOptionsByGroup as O, getGroupTitleForOption as j } from "./index96.js";
-import "date-fns";
-import { Combobox as E, ComboboxInput as P, ComboboxContent as V, ComboboxList as z, ComboboxEmpty as W, ComboboxCollection as u, ComboboxGroup as k, ComboboxLabel as q, ComboboxItem as D } from "./index92.js";
-import { InputGroupAddon as H, InputGroupText as J } from "./index103.js";
-const ne = ({
-  value: d,
-  onChange: w,
-  disabled: y,
-  invalid: L,
-  allowedCurrencies: p,
-  groups: n,
-  showCodeOnly: l = !1,
-  showCurrencyCode: h = !1,
-  showCurrencySymbol: v = !0,
-  showClearButton: S = !0,
-  className: G,
-  container: T
+import { jsxs as a, jsx as o } from "@emotion/react/jsx-runtime";
+import { useDialog as p } from "./index52.js";
+import { IconWrapper as d } from "./index243.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: a
-  } = B(), {
-    getSymbolFromCurrency: _
-  } = A(), i = m(() => {
-    const e = M(a);
-    return p ? e.filter((o) => p.includes(o.code)) : e;
-  }, [p, a]), C = m(() => O(i, n), [i, n]), f = m(() => new Map(i.map((e) => [e.code, e])), [i]), x = y || i.length === 1, g = d ? _(d) : "", F = (e) => {
-    const o = f.get(e);
-    return o ? l ? o.code : h ? `${o.label} (${o.code})` : o.label : e;
-  }, I = m(() => {
-    if (!n)
-      return C.map((o) => o.code);
-    const e = [];
-    for (const o of C) {
-      const {
-        title: c
-      } = j(o, n), t = e[e.length - 1];
-      t && t.title === c ? t.items.push(o.code) : e.push({
-        title: c,
-        items: [o.code]
-      });
-    }
-    return e;
-  }, [C, n]), b = (e) => {
-    const o = f.get(e);
-    return /* @__PURE__ */ s(D, { value: e, children: [
-      /* @__PURE__ */ s("span", { children: [
-        l ? e : o?.label ?? e,
-        !l && h && ` (${e})`
-      ] }),
-      !l && !h && /* @__PURE__ */ r("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
-    ] }, e);
-  };
-  return /* @__PURE__ */ s(E, { value: d ?? null, onValueChange: (e) => w?.(e ?? void 0), items: I, itemToStringLabel: F, filter: (e, o, c) => {
-    const t = o.toLowerCase().trim();
-    return t ? e.toLowerCase().includes(t) || (c?.(e) ?? "").toLowerCase().includes(t) : !0;
-  }, disabled: x, children: [
-    /* @__PURE__ */ r(P, { showClear: S, disabled: x, className: G, placeholder: a._("Currency"), "aria-invalid": L || void 0, children: v && g && /* @__PURE__ */ r(H, { align: "inline-start", children: /* @__PURE__ */ r(J, { children: g }) }) }),
-    /* @__PURE__ */ r(V, { container: T, children: /* @__PURE__ */ s(z, { children: [
-      /* @__PURE__ */ r(W, { children: a._("No currencies found") }),
-      n ? (
-        // Grouped: outer Collection maps over filtered { title, items } objects;
-        // each ComboboxGroup provides its items via GroupCollectionContext so the
-        // inner Collection can render only that group's filtered codes.
-        /* @__PURE__ */ r(u, { children: (e) => /* @__PURE__ */ r(N, { children: e.title ? /* @__PURE__ */ s(k, { items: e.items, children: [
-          /* @__PURE__ */ r(q, { children: e.title }),
-          /* @__PURE__ */ r(u, { children: (o) => b(o) })
-        ] }) : /* @__PURE__ */ r(u, { children: (o) => b(o) }) }, e.title || "__ungrouped") })
-      ) : /* @__PURE__ */ r(u, { children: (e) => b(e) })
-    ] }) })
+    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"
+  }
+}));
 export {
-  ne as MoniteCurrencyShadcn
+  I as FullScreenModalHeader
 };

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

@@ -1,31 +1,18 @@
-import { useRef as t, useEffect as p } from "react";
-import "./index59.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as d } from "./index70.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 a } from "@emotion/react/jsx-runtime";
+import { ConfirmationModal as i } from "./index250.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();
+  } });
 };
 export {
-  z as useResizeObserver
+  m as PayableDetailsCancelModal
 };

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

@@ -1,26 +1,22 @@
-import { useRef as u, useEffect as s } from "react";
-import "./index59.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as m } from "./index70.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);
+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
+}) => {
+  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);
     };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
-    };
-  }, [t, i]);
+  }, [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}%`
+  } }) });
 };
 export {
-  E as useWindowResize
+  u as UploadBar
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index45.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 "./index174.js";
-import { ProductType as q } from "./index175.js";
-import { Filters as H } from "./index176.js";
+import { ProductDeleteModal as W } from "./index213.js";
+import { ProductType as q } from "./index214.js";
+import { Filters as H } from "./index215.js";
 import { useMoniteContext as Y } from "./index59.js";
 import { MoniteScopedProviders as J } from "./index85.js";
 import { useCurrencies as Q } from "./index60.js";
@@ -10,27 +10,27 @@ import "./index94.js";
 import { useLingui as V } from "@lingui/react";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useUserPermissions as X } from "./index137.js";
+import { useUserPermissions as X } from "./index138.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 "./index138.js";
+import { AccessRestriction as Z } from "./index140.js";
 import { Button as f } from "./index86.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 "./index165.js";
-import { GetNoRowsOverlay as ae } from "./index164.js";
-import { MeasureUnit as se } from "./index177.js";
-import { hasSelectedText as ne } from "./index166.js";
-import { FILTER_TYPE_SEARCH as S } from "./index178.js";
+import { DataTable as re } from "./index150.js";
+import { GetNoRowsOverlay as ae } from "./index148.js";
+import { MeasureUnit as se } from "./index216.js";
+import { hasSelectedText as ne } from "./index156.js";
+import { FILTER_TYPE_SEARCH as S } from "./index217.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index179.js";
-import { ManageMeasureUnits as ce } from "./index180.js";
+import { useGetProducts as le } from "./index218.js";
+import { ManageMeasureUnits as ce } from "./index219.js";
 const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
   onFilterChanged: d,
   onSortChanged: g,