@tesouro/embedded-components-react 0.2.166 → 0.2.167

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

@@ -1,59 +1,56 @@
-import { jsx as o, jsxs as b } from "@emotion/react/jsx-runtime";
-import { useMemo as g, Fragment as w } from "react";
-import { getCurrenciesArray as x, sortCurrencyOptionsByGroup as O, filterOptions as v, getGroupTitleForOption as B } from "./index94.js";
-import "date-fns";
-import { RHFAutocomplete as M } from "./index484.js";
-import { ListSubheader as S, Divider as q } from "@mui/material";
+import { jsx as t, jsxs as s, Fragment as p } from "@emotion/react/jsx-runtime";
+import { useState as C } from "react";
+import { useFormContext as O, Controller as P } from "react-hook-form";
+import { useMoniteContext as A } from "./index57.js";
+import { useRootElements as F } from "./index92.js";
 import { useLingui as L } from "@lingui/react";
-import { CurrencyInput as W } from "./index485.js";
-import { CurrencyOption as j } from "./index486.js";
-const R = ({
-  required: s,
-  actualCurrency: y,
-  groups: t,
-  fullWidth: m,
-  showCodeOnly: i,
-  hideLabel: h = !1,
-  showCurrencyCode: p = !1,
-  showCurrencySymbol: u = !0,
-  showClearButton: C = !0,
-  allowedCurrencies: l,
-  ...d
+import { Autocomplete as T, TextField as b, CircularProgress as y, FormHelperText as R } from "@mui/material";
+const v = ({
+  control: u,
+  name: n,
+  label: a
 }) => {
   const {
-    i18n: n
-  } = L(), a = n._("Currency"), c = g(() => {
-    const e = x(n);
-    return l ? e.filter((r) => l.includes(r.code)) : e;
-  }, [l, n]), f = O(c, t);
-  return /* @__PURE__ */ o(M, { ...d, required: s, disabled: c?.length === 1 || d.disabled, className: `Monite-Currency ${h && "Monite-Label-Hidden"}`, disableClearable: !C, label: a, options: f, optionKey: "code", labelKey: i ? "code" : "label", fullWidth: m, slotProps: {
-    paper: {
-      sx: {
-        "& .MuiAutocomplete-listbox hr:last-of-type": {
-          display: "none"
-        }
-      }
+    i18n: m
+  } = L(), {
+    api: d
+  } = A(), {
+    root: c
+  } = F(), {
+    setValue: f
+  } = O(), [g, x] = C(""), {
+    data: h,
+    isLoading: i,
+    refetch: I
+  } = d.finops.getRoles.useQuery({
+    query: {
+      name: g || void 0
+    }
+  });
+  return /* @__PURE__ */ t(P, { control: u, name: n, render: ({
+    field: l,
+    fieldState: {
+      error: r
     }
-  }, renderInput: (e, r) => /* @__PURE__ */ o(W, { error: r?.error, defaultValue: y, required: r?.required ?? s, label: r?.label ?? a, showCodeOnly: i, showCurrencySymbol: u, showCurrencyCode: p, ...e }), renderOption: (e, r) => /* @__PURE__ */ o(j, { props: e, option: r, showCodeOnly: i, showCurrencyCode: p, showCurrencySymbol: u }, r.code), filterOptions: v, groupBy: t ? (e) => B(e, t)?.title : void 0, renderGroup: (e) => e.group.trim() === "" ? e.children : /* @__PURE__ */ b(w, { children: [
-    /* @__PURE__ */ o(S, { component: "div", title: e.group, sx: {
-      bgcolor: "background.paper",
-      typography: "body2",
-      fontWeight: (r) => r.typography.fontWeightBold,
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      whiteSpace: "nowrap",
-      py: 1.25,
-      px: 2,
-      top: -12
-      // hack needed to align the group title with the first option (MUI handles custom groups poorly)
-    }, children: e.group }),
-    e.children,
-    /* @__PURE__ */ o(q, { sx: {
-      mx: 1,
-      mt: 1
-    } })
-  ] }, e.key) });
+  }) => /* @__PURE__ */ s(p, { children: [
+    /* @__PURE__ */ t(T, { ...l, id: l.name, multiple: !0, autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, noOptionsText: m._("No roles found"), slotProps: {
+      popper: {
+        container: c
+      }
+    }, loading: i, options: h?.data || [], getOptionKey: (e) => e.id, getOptionLabel: (e) => e.name, isOptionEqualToValue: (e, o) => e.id === o.id, filterOptions: (e) => e, onInputChange: (e, o) => {
+      x(o);
+    }, onChange: (e, o) => {
+      f(n, o), I();
+    }, renderInput: (e) => /* @__PURE__ */ t(b, { ...e, label: a, error: !!r, InputProps: {
+      ...e.InputProps,
+      endAdornment: /* @__PURE__ */ s(p, { children: [
+        i ? /* @__PURE__ */ t(y, { color: "inherit", size: 20 }) : null,
+        e.InputProps.endAdornment
+      ] })
+    } }) }),
+    r && /* @__PURE__ */ t(R, { error: !0, children: r.message })
+  ] }) });
 };
 export {
-  R as MoniteCurrency
+  v as AutocompleteRoles
 };

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

@@ -1,74 +1,57 @@
-import { jsxs as A, Fragment as F, jsx as i } from "@emotion/react/jsx-runtime";
-import { createElement as j } from "@emotion/react";
-import { useTags as k } from "./index487.js";
-import { TagFormModal as w } from "./index47.js";
-import { useRootElements as y } from "./index92.js";
-import { useLingui as S } from "@lingui/react";
-import I from "@mui/icons-material/Add";
-import { Autocomplete as L, TextField as M, Button as V } from "@mui/material";
-import { createFilterOptions as W } from "@mui/material/Autocomplete";
-import { useState as B, useMemo as m } from "react";
-const p = (o) => o ? o.map(({
-  id: r,
-  name: n
-}) => ({
-  value: r,
-  label: n
-})) : [], d = "__create-new__";
-function D(o) {
-  return o?.value === d;
-}
-const P = W(), N = ({
-  disabled: o,
-  value: r,
-  onChange: n,
-  label: f,
-  variant: c = "filled",
-  error: v = !1,
-  helperText: h,
-  required: g = !1
+import { jsx as o, jsxs as a, Fragment as p } from "@emotion/react/jsx-runtime";
+import { useState as O } from "react";
+import { useFormContext as _, Controller as P } from "react-hook-form";
+import { useMoniteContext as b } from "./index57.js";
+import { useDebounce as y } from "./index65.js";
+import { useRootElements as A } from "./index92.js";
+import { useLingui as F } from "@lingui/react";
+import { Autocomplete as L, TextField as T, CircularProgress as E, FormHelperText as S } from "@mui/material";
+const z = ({
+  control: l,
+  name: n,
+  label: m
 }) => {
   const {
-    i18n: x
-  } = S(), {
-    root: b
-  } = y(), {
-    tagsQuery: s
-  } = k(), [T, u] = B(!1), C = m(() => r ? p(r) : [], [r]), O = m(() => {
-    const t = s.data?.data || [], e = r || [], a = [...t];
-    return e.forEach((l) => {
-      a.find((q) => q.id === l.id) || a.push(l);
-    }), p(a);
-  }, [s.data?.data, r]), _ = (t) => {
-    const e = t.map((l) => l.value), a = s.data?.data?.filter((l) => e.includes(l.id)) || [];
-    n?.(a);
-  }, E = () => {
-    u(!0);
-  };
-  return /* @__PURE__ */ A(F, { children: [
-    /* @__PURE__ */ i(w, { open: T, onClose: () => u(!1), onCreate: (t) => {
-      const e = [...r || [], t];
-      n?.(e);
-    }, isDeleteAllowed: !1 }),
-    /* @__PURE__ */ i(L, { disabled: o, multiple: !0, filterSelectedOptions: !0, getOptionLabel: (t) => t.label, options: O, slotProps: {
+    i18n: u
+  } = F(), {
+    api: d
+  } = b(), {
+    root: c
+  } = A(), {
+    setValue: f
+  } = _(), [g, h] = O(""), x = y(g, 300), {
+    data: C,
+    isLoading: i,
+    refetch: I
+  } = d.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: x || void 0
+    }
+  });
+  return /* @__PURE__ */ o(P, { control: l, name: n, render: ({
+    field: s,
+    fieldState: {
+      error: r
+    }
+  }) => /* @__PURE__ */ a(p, { children: [
+    /* @__PURE__ */ o(L, { ...s, id: s.name, autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, noOptionsText: u._("No users found"), slotProps: {
       popper: {
-        container: b
+        container: c
       }
-    }, isOptionEqualToValue: (t, e) => t.value === e.value, value: C, onChange: (t, e) => {
-      _(e || []);
-    }, filterOptions: (t, e) => {
-      const a = P(t, e);
-      return a.unshift({
-        value: d,
-        label: x._("Create new tag")
-      }), a;
-    }, renderOption: (t, e) => D(e) ? /* @__PURE__ */ i(V, { variant: "text", startIcon: /* @__PURE__ */ i(I, {}), fullWidth: !0, sx: {
-      justifyContent: "flex-start",
-      px: 2
-    }, onClick: E, children: e.label }, e.value) : /* @__PURE__ */ j("li", { ...t, key: e.value }, e.label), renderInput: (t) => /* @__PURE__ */ i(M, { ...t, label: f, variant: c, fullWidth: !0, error: v, helperText: h, required: g }) })
-  ] });
+    }, loading: i, options: C?.data || [], getOptionKey: (e) => e.id, getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
+      h(t);
+    }, onChange: (e, t) => {
+      f(n, t), I();
+    }, renderInput: (e) => /* @__PURE__ */ o(T, { ...e, label: m, error: !!r, InputProps: {
+      ...e.InputProps,
+      endAdornment: /* @__PURE__ */ a(p, { children: [
+        i ? /* @__PURE__ */ o(E, { color: "inherit", size: 20 }) : null,
+        e.InputProps.endAdornment
+      ] })
+    } }) }),
+    r && /* @__PURE__ */ o(S, { error: !0, children: r.message })
+  ] }) });
 };
 export {
-  N as TagsAutocomplete,
-  p as tagsToSelect
+  z as AutocompleteUser
 };

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

@@ -1,23 +1,32 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { TagsAutocomplete as f } from "./index447.js";
-import { FormControl as p } from "@mui/material";
-import { Controller as u } from "react-hook-form";
-const T = ({
-  control: t,
-  name: i,
-  label: n,
-  variant: o = "filled",
-  disabled: m = !1,
-  required: l = !1,
-  helperText: d
-}) => /* @__PURE__ */ r(u, { name: i, control: t, render: ({
-  field: a,
-  fieldState: {
-    error: e
-  }
-}) => /* @__PURE__ */ r(p, { variant: o, fullWidth: !0, required: l, error: !!e, children: /* @__PURE__ */ r(f, { disabled: m, value: a.value || [], onChange: (s) => {
-  a.onChange(s);
-}, label: n, variant: o, error: !!e, helperText: e?.message || d, required: l }) }) });
+const n = {
+  WAS_CREATED_BY_USER_ID: "was_created_by_user_id",
+  COUNTERPART_ID: "counterpart_id",
+  TAGS: "tags.id",
+  AMOUNT: "amount",
+  CURRENCY: "currency"
+}, o = (e) => Object.values(n).includes(e), r = {
+  IN: "in",
+  EQUALS: "==",
+  GREATER_THAN: ">",
+  LESS_THAN: "<",
+  GREATER_THAN_OR_EQUAL: ">=",
+  LESS_THAN_OR_EQUAL: "<=",
+  RANGE: "range"
+}, i = (e) => Object.values(r).includes(e), a = (e) => e.replace("invoice.", ""), t = (e) => e.operator === r.IN && typeof e.left_operand == "string" && typeof e.right_operand == "object" && e.right_operand && "name" in e.right_operand, _ = (e) => !!e.left_operand && typeof e.left_operand == "object" && "name" in e.left_operand, l = (e) => t(e) ? {
+  key: a(e.right_operand.name),
+  value: e.left_operand
+} : _(e) ? {
+  key: a(e.left_operand?.name),
+  value: e.right_operand
+} : {
+  key: null,
+  value: null
+};
 export {
-  T as TagsAutocompleteInput
+  n as NAMED_VALUES,
+  r as OPERATOR_OPERATIONS,
+  a as extractFieldName,
+  l as getTriggerKeyAndValue,
+  i as isValidOperation,
+  o as isValidTriggerKey
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index449.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";
-const j = ({
-  id: e = "dropdown-menu-button",
-  items: a,
-  iconButtonProps: d,
-  menuProps: s
+import { jsx as o, jsxs as b } from "@emotion/react/jsx-runtime";
+import { useMemo as g, Fragment as w } from "react";
+import { getCurrenciesArray as x, sortCurrencyOptionsByGroup as O, filterOptions as v, getGroupTitleForOption as B } from "./index94.js";
+import "date-fns";
+import { RHFAutocomplete as M } from "./index484.js";
+import { ListSubheader as S, Divider as q } from "@mui/material";
+import { useLingui as L } from "@lingui/react";
+import { CurrencyInput as W } from "./index485.js";
+import { CurrencyOption as j } from "./index486.js";
+const R = ({
+  required: s,
+  actualCurrency: y,
+  groups: t,
+  fullWidth: m,
+  showCodeOnly: i,
+  hideLabel: h = !1,
+  showCurrencyCode: p = !1,
+  showCurrencySymbol: u = !0,
+  showClearButton: C = !0,
+  allowedCurrencies: l,
+  ...d
 }) => {
-  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 {
+    i18n: n
+  } = L(), a = n._("Currency"), c = g(() => {
+    const e = x(n);
+    return l ? e.filter((r) => l.includes(r.code)) : e;
+  }, [l, n]), f = O(c, t);
+  return /* @__PURE__ */ o(M, { ...d, required: s, disabled: c?.length === 1 || d.disabled, className: `Monite-Currency ${h && "Monite-Label-Hidden"}`, disableClearable: !C, label: a, options: f, optionKey: "code", labelKey: i ? "code" : "label", fullWidth: m, slotProps: {
+    paper: {
+      sx: {
+        "& .MuiAutocomplete-listbox hr:last-of-type": {
+          display: "none"
+        }
+      }
+    }
+  }, renderInput: (e, r) => /* @__PURE__ */ o(W, { error: r?.error, defaultValue: y, required: r?.required ?? s, label: r?.label ?? a, showCodeOnly: i, showCurrencySymbol: u, showCurrencyCode: p, ...e }), renderOption: (e, r) => /* @__PURE__ */ o(j, { props: e, option: r, showCodeOnly: i, showCurrencyCode: p, showCurrencySymbol: u }, r.code), filterOptions: v, groupBy: t ? (e) => B(e, t)?.title : void 0, renderGroup: (e) => e.group.trim() === "" ? e.children : /* @__PURE__ */ b(w, { children: [
+    /* @__PURE__ */ o(S, { component: "div", title: e.group, sx: {
+      bgcolor: "background.paper",
+      typography: "body2",
+      fontWeight: (r) => r.typography.fontWeightBold,
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      py: 1.25,
+      px: 2,
+      top: -12
+      // hack needed to align the group title with the first option (MUI handles custom groups poorly)
+    }, children: e.group }),
+    e.children,
+    /* @__PURE__ */ o(q, { sx: {
+      mx: 1,
+      mt: 1
+    } })
+  ] }, e.key) });
 };
 export {
-  j as DropdownMenu
+  R as MoniteCurrency
 };

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

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as o, Fragment as F } from "@emotion/react/jsx-runtime";
-import { ProductDeleteModal as I } from "./index168.js";
-import { ProductEditForm as T } from "./index178.js";
+import { ProductDeleteModal as I } from "./index178.js";
+import { ProductEditForm as T } from "./index188.js";
 import { MoniteScopedProviders as j } from "./index83.js";
 import { useCurrencies as B } from "./index58.js";
 import { useMoniteContext as L } from "./index57.js";
-import { useUserPermissions as k } from "./index135.js";
+import { useUserPermissions as k } 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";
@@ -13,17 +13,17 @@ import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as w } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as y } from "react";
 import { Button as b } from "./index84.js";
-import { DropdownMenu as W, DropdownMenuTrigger as z, DropdownMenuContent as U, DropdownMenuItem as E } from "./index140.js";
-import { Sheet as u, SheetContent as h, SheetHeader as H, SheetTitle as R, SheetDescription as G, SheetClose as V } from "./index137.js";
-import { Skeleton as N } from "./index139.js";
+import { DropdownMenu as W, DropdownMenuTrigger as z, DropdownMenuContent as U, DropdownMenuItem as E } from "./index135.js";
+import { Sheet as u, SheetContent as h, SheetHeader as H, SheetTitle as R, SheetDescription as G, SheetClose as V } from "./index132.js";
+import { Skeleton as N } from "./index134.js";
 import { Typography as x } from "./index85.js";
-import { LoadingSpinner as X } from "./index138.js";
-import { NotFound as q } from "./index155.js";
+import { LoadingSpinner as X } from "./index133.js";
+import { NotFound as q } from "./index150.js";
 import { useLingui as J } from "@lingui/react";
 import { MoreVerticalIcon as K, Trash2 as Q, X as Y } from "lucide-react";
-import { useGetProductById as Z } from "./index179.js";
-import { ProductDetailLine as f } from "./index180.js";
-import { AccessRestriction as tt } from "./index136.js";
+import { useGetProductById as Z } from "./index189.js";
+import { ProductDetailLine as f } from "./index190.js";
+import { AccessRestriction as tt } from "./index131.js";
 const $t = (a) => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(et, { ...a }) }), et = ({
   id: a,
   open: n,

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

@@ -1,39 +1,74 @@
-import { jsxs as a, jsx as o } from "@emotion/react/jsx-runtime";
-import { useDialog as p } from "./index50.js";
-import { IconWrapper as d } from "./index203.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 { jsxs as A, Fragment as F, jsx as i } from "@emotion/react/jsx-runtime";
+import { createElement as j } from "@emotion/react";
+import { useTags as k } from "./index483.js";
+import { TagFormModal as w } from "./index47.js";
+import { useRootElements as y } from "./index92.js";
+import { useLingui as S } from "@lingui/react";
+import I from "@mui/icons-material/Add";
+import { Autocomplete as L, TextField as M, Button as V } from "@mui/material";
+import { createFilterOptions as W } from "@mui/material/Autocomplete";
+import { useState as B, useMemo as m } from "react";
+const p = (o) => o ? o.map(({
+  id: r,
+  name: n
+}) => ({
+  value: r,
+  label: n
+})) : [], d = "__create-new__";
+function D(o) {
+  return o?.value === d;
+}
+const P = W(), N = ({
+  disabled: o,
+  value: r,
+  onChange: n,
+  label: f,
+  variant: c = "filled",
+  error: v = !1,
+  helperText: h,
+  required: g = !1
 }) => {
   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 })
+    i18n: x
+  } = S(), {
+    root: b
+  } = y(), {
+    tagsQuery: s
+  } = k(), [T, u] = B(!1), C = m(() => r ? p(r) : [], [r]), O = m(() => {
+    const t = s.data?.data || [], e = r || [], a = [...t];
+    return e.forEach((l) => {
+      a.find((q) => q.id === l.id) || a.push(l);
+    }), p(a);
+  }, [s.data?.data, r]), _ = (t) => {
+    const e = t.map((l) => l.value), a = s.data?.data?.filter((l) => e.includes(l.id)) || [];
+    n?.(a);
+  }, E = () => {
+    u(!0);
+  };
+  return /* @__PURE__ */ A(F, { children: [
+    /* @__PURE__ */ i(w, { open: T, onClose: () => u(!1), onCreate: (t) => {
+      const e = [...r || [], t];
+      n?.(e);
+    }, isDeleteAllowed: !1 }),
+    /* @__PURE__ */ i(L, { disabled: o, multiple: !0, filterSelectedOptions: !0, getOptionLabel: (t) => t.label, options: O, slotProps: {
+      popper: {
+        container: b
+      }
+    }, isOptionEqualToValue: (t, e) => t.value === e.value, value: C, onChange: (t, e) => {
+      _(e || []);
+    }, filterOptions: (t, e) => {
+      const a = P(t, e);
+      return a.unshift({
+        value: d,
+        label: x._("Create new tag")
+      }), a;
+    }, renderOption: (t, e) => D(e) ? /* @__PURE__ */ i(V, { variant: "text", startIcon: /* @__PURE__ */ i(I, {}), fullWidth: !0, sx: {
+      justifyContent: "flex-start",
+      px: 2
+    }, onClick: E, children: e.label }, e.value) : /* @__PURE__ */ j("li", { ...t, key: e.value }, e.label), renderInput: (t) => /* @__PURE__ */ i(M, { ...t, label: f, variant: c, fullWidth: !0, error: v, helperText: h, required: g }) })
   ] });
-}, 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 {
-  I as FullScreenModalHeader
+  N as TagsAutocomplete,
+  p as tagsToSelect
 };

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

@@ -1,18 +1,23 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as i } from "./index220.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 { jsx as r } from "@emotion/react/jsx-runtime";
+import { TagsAutocomplete as f } from "./index450.js";
+import { FormControl as p } from "@mui/material";
+import { Controller as u } from "react-hook-form";
+const T = ({
+  control: t,
+  name: i,
+  label: n,
+  variant: o = "filled",
+  disabled: m = !1,
+  required: l = !1,
+  helperText: d
+}) => /* @__PURE__ */ r(u, { name: i, control: t, render: ({
+  field: a,
+  fieldState: {
+    error: e
+  }
+}) => /* @__PURE__ */ r(p, { variant: o, fullWidth: !0, required: l, error: !!e, children: /* @__PURE__ */ r(f, { disabled: m, value: a.value || [], onChange: (s) => {
+  a.onChange(s);
+}, label: n, variant: o, error: !!e, helperText: e?.message || d, required: l }) }) });
 export {
-  m as PayableDetailsCancelModal
+  T as TagsAutocompleteInput
 };