@tesouro/embedded-components-react 0.2.20 → 0.2.21

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

@@ -1,57 +1,59 @@
-import { jsx as o, jsxs as l, 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 "./index59.js";
-import { useDebounce as y } from "./index67.js";
-import { useRootElements as A } from "./index94.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: a,
+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 "./index94.js";
+import { TextField as T, Alert as y } from "@mui/material";
+const j = ({
+  control: l,
   name: n,
-  label: m
+  SelectProps: s,
+  type: a,
+  ...c
 }) => {
-  const {
-    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: a, name: n, render: ({
-    field: s,
+  const i = (e) => e?.type === "custom", {
+    root: p
+  } = P();
+  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
+    field: e,
     fieldState: {
-      error: r
+      error: r,
+      isTouched: d
+    },
+    formState: {
+      isValid: u
     }
-  }) => /* @__PURE__ */ l(p, { children: [
-    /* @__PURE__ */ o(L, { ...s, id: s.name, multiple: !0, autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, noOptionsText: u._("No users found"), slotProps: {
-      popper: {
-        container: c
-      }
-    }, 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__ */ l(p, { children: [
-        i ? /* @__PURE__ */ o(E, { color: "inherit", size: 20 }) : null,
-        e.InputProps.endAdornment
-      ] })
-    } }) }),
-    r && /* @__PURE__ */ o(S, { error: !0, children: r.message })
-  ] }) });
+  }) => {
+    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 {
-  z as AutocompleteUsers
+  j as RHFTextField
 };

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

@@ -1,56 +1,43 @@
-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 "./index59.js";
-import { useRootElements as F } from "./index94.js";
-import { useLingui as L } from "@lingui/react";
-import { Autocomplete as T, TextField as b, CircularProgress as y, FormHelperText as R } from "@mui/material";
-const v = ({
-  control: u,
-  name: n,
-  label: a
+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: 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,
+  const i = (r) => r?.type === "custom";
+  return /* @__PURE__ */ l(h, { control: n, name: o, render: ({
+    field: r,
     fieldState: {
-      error: r
+      error: e,
+      isTouched: u
+    },
+    formState: {
+      isValid: c
     }
-  }) => /* @__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 })
-  ] }) });
+  }) => {
+    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 {
-  v as AutocompleteRoles
+  q as RHFTimePicker
 };

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

@@ -9,13 +9,13 @@ import "./index59.js";
 import "@mui/x-data-grid";
 import { zodResolver as N } from "@hookform/resolvers/zod";
 import { Button as p } from "./index86.js";
-import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index136.js";
-import { LoadingSpinner as L } from "./index137.js";
+import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index132.js";
+import { LoadingSpinner as L } from "./index133.js";
 import { useForm as M, FormProvider as k } from "react-hook-form";
-import { useCreateProduct as q } from "./index171.js";
+import { useCreateProduct as q } from "./index221.js";
 import "react-hot-toast";
-import { getProductValidationSchema as z } from "./index172.js";
-import { ProductFormContent as T } from "./index173.js";
+import { getProductValidationSchema as z } from "./index222.js";
+import { ProductFormContent as T } from "./index223.js";
 const ie = (s) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(V, { ...s }) }), V = ({
   onClose: s,
   open: u,

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

@@ -1,57 +1,22 @@
-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 "./index59.js";
-import { useDebounce as y } from "./index67.js";
-import { useRootElements as A } from "./index94.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
+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 {
-    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: c
-      }
-    }, 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 })
-  ] }) });
+  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}%`
+  } }) });
 };
 export {
-  z as AutocompleteUser
+  u as UploadBar
 };

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

@@ -1,32 +1,36 @@
-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
+import { useMoniteContext as n } from "./index59.js";
+const r = (e) => {
+  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()
+  });
 };
 export {
-  n as NAMED_VALUES,
-  r as OPERATOR_OPERATIONS,
-  a as extractFieldName,
-  l as getTriggerKeyAndValue,
-  i as isValidOperation,
-  o as isValidTriggerKey
+  y as useCreatePayablePaymentLink,
+  r as usePaymentLinkById
 };

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

@@ -1,59 +1,21 @@
-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 "./index96.js";
-import "date-fns";
-import { RHFAutocomplete as M } from "./index494.js";
-import { ListSubheader as S, Divider as q } from "@mui/material";
-import { useLingui as L } from "@lingui/react";
-import { CurrencyInput as W } from "./index495.js";
-import { CurrencyOption as j } from "./index496.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 { useMoniteContext as s } from "./index59.js";
+import { useCounterpartsBankAccountsList as o } from "./index148.js";
+function p({
+  currentCounterpartId: e,
+  payableId: t
+}) {
   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"
-        }
-      }
+    api: a
+  } = s(), n = o(e), r = a.finops.getPayablesIdLineItems.useQuery({
+    path: {
+      payable_id: t
     }
-  }, 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) });
-};
+  });
+  return {
+    counterpartBankAccountQuery: n,
+    lineItemsQuery: r
+  };
+}
 export {
-  R as MoniteCurrency
+  p as usePayableDetailsInfo
 };

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

@@ -1,42 +1,53 @@
-import { jsxs as l, Fragment as m, jsx as o } from "@emotion/react/jsx-runtime";
-import { useDialog as p } from "./index52.js";
-import { useLingui as C } from "@lingui/react";
-import { Divider as u, DialogActions as L, Stack as d, Button as r, CircularProgress as a } from "@mui/material";
-const x = ({
-  deleteButton: e,
-  primaryButton: n,
-  secondaryButton: i,
-  cancelButton: t,
-  showDivider: c = !0
+import { 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 "./index97.js";
+import "date-fns";
+import { UserAvatar as d } from "./index438.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
 }) => {
-  const {
-    i18n: s
-  } = C(), g = p(), h = (b) => "formId" in b;
-  return /* @__PURE__ */ l(m, { children: [
-    c && /* @__PURE__ */ o(u, {}),
-    /* @__PURE__ */ l(L, { sx: {
-      display: "flex",
-      justifyContent: "space-between",
-      width: "100%"
-    }, children: [
-      /* @__PURE__ */ l(d, { direction: "row", spacing: 2, children: [
-        e && /* @__PURE__ */ o(r, { variant: "text", color: "error", onClick: e.onClick, disabled: e.isDisabled || e.isLoading, children: e.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : e.label || s._("Delete") }),
-        i?.onTheLeft && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: i.onClick, disabled: i.isDisabled || i.isLoading, children: i.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : i.label })
-      ] }),
-      /* @__PURE__ */ l(d, { direction: "row", spacing: 2, children: [
-        !t?.hideCancel && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: t?.onClick || g?.onClose, disabled: n?.isLoading || i?.isLoading || e?.isLoading, children: t?.label || s._("Cancel") }),
-        i && !i.onTheLeft && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: i.onClick, disabled: i.isDisabled || i.isLoading, children: i.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : i.label }),
-        n && /* @__PURE__ */ o(r, { variant: "contained", color: "primary", ...h(n) ? {
-          type: "submit",
-          form: n.formId
-        } : {
-          type: "button",
-          onClick: n.onClick
-        }, disabled: n.isDisabled || n.isLoading, children: n.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : n.label })
-      ] })
-    ] })
+  const 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 ?? "" })
   ] });
 };
 export {
-  x as DialogFooter
+  U as UserDisplayCell
 };