@tesouro/embedded-components-react 0.2.17 → 0.2.19

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

@@ -1,24 +1,42 @@
-import e from "@mui/icons-material/Cancel";
-import _ from "@mui/icons-material/DangerousOutlined";
-import r from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const s = ["waiting", "approved", "rejected", "canceled"], o = {
-  approved: "success",
-  canceled: "secondary",
-  rejected: "error",
-  waiting: "warning"
-}, A = {
-  approved: a,
-  canceled: e,
-  rejected: _,
-  waiting: r
-}, R = "status", d = "created_at", i = "created_by", S = "current_user";
+import { useMoniteContext as n } from "./index59.js";
+import { getAPIErrorMessage as p } from "./index123.js";
+import { useLingui as c } from "@lingui/react";
+import { toast as t } from "react-hot-toast";
+const v = (a) => {
+  const {
+    i18n: i
+  } = c(), {
+    api: e,
+    queryClient: s
+  } = n();
+  return e.finops.patchReceivablesId.useMutation({
+    path: {
+      receivable_id: a
+    }
+  }, {
+    onSuccess: async (r) => {
+      e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: a
+        }
+      }, r, s), await Promise.all([e.finops.getReceivablesIdPdfLink.resetQueries({
+        parameters: {
+          path: {
+            receivable_id: a
+          }
+        }
+      }, s), e.finops.getReceivables.invalidateQueries(s)]), t.success(i._("{receivableType} has been updated", {
+        receivableType: r.type
+      }));
+    },
+    onError: (r) => {
+      const o = p(i, r);
+      t.error(i._("Failed to update receivable: {errorMessage}", {
+        errorMessage: o
+      }));
+    }
+  });
+};
 export {
-  s as APPROVAL_REQUEST_STATUSES,
-  A as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP,
-  i as FILTER_TYPE_ADDED_BY,
-  d as FILTER_TYPE_CREATED_AT,
-  S as FILTER_TYPE_CURRENT_USER,
-  R as FILTER_TYPE_STATUS,
-  o as ROW_TO_STATUS_MUI_MAP
+  v as useUpdateReceivable
 };

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

@@ -1,59 +1,36 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRootElements as s } from "./index94.js";
-import { FilterContainer as p } from "./index313.js";
-import { useLingui as m } from "@lingui/react";
-import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
-import { DatePicker as _ } from "@mui/x-date-pickers";
-import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index366.js";
-import { getRowToStatusTextMap as S } from "./index442.js";
-import { AutocompleteCreatedBy as M } from "./index443.js";
-const O = ({
-  onChangeFilter: l,
-  sx: i
-}) => {
+import { useMoniteContext as o } from "./index59.js";
+import { getAPIErrorMessage as n } from "./index123.js";
+import { useLingui as p } from "@lingui/react";
+import { toast as c } from "react-hot-toast";
+const g = (e) => {
   const {
-    i18n: a
-  } = m(), {
-    root: r
-  } = s();
-  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
-    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
-      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
-      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
-        container: r
-      }, onChange: (e) => {
-        l(R, e && e.target.value);
-      }, children: [{
-        label: a._("All invoices"),
-        value: "all"
-      }, ...Object.values(v).map((e) => ({
-        label: S(a)[e],
-        value: e
-      }))].map(({
-        label: e,
-        value: o
-      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
-    ] }),
-    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
-    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
-      o.validationError || l(C, e);
-    }, slotProps: {
-      textField: {
-        variant: "standard"
-      },
-      popper: {
-        container: r
-      },
-      dialog: {
-        container: r
-      },
-      actionBar: {
-        actions: ["clear", "today"]
-      }
-    }, views: ["year", "month", "day"] }),
-    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
-  ] });
+    api: r,
+    queryClient: i
+  } = o(), {
+    i18n: t
+  } = p();
+  return r.finops.putReceivablesIdLineItems.useMutation({
+    path: {
+      receivable_id: e
+    }
+  }, {
+    onSuccess: async () => {
+      await r.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: e
+          }
+        }
+      }, i);
+    },
+    onError: (s) => {
+      const a = n(t, s);
+      c.error(t._("Failed to update receivable line items: {errorMessage}", {
+        errorMessage: a
+      }));
+    }
+  });
 };
 export {
-  O as ApprovalRequestsFilter
+  g as useUpdateReceivableLineItems
 };

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

@@ -1,31 +1,10 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { Chip as u } from "@mui/material";
-import { styled as l, useThemeProps as f } from "@mui/material/styles";
-import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index366.js";
-import { getRowToStatusTextMap as T } from "./index442.js";
-const c = ({
-  ref: s,
-  ...e
-}) => {
+import { useMoniteContext as t } from "./index59.js";
+const o = () => {
   const {
-    status: t,
-    icon: a,
-    size: i,
-    variant: p
-  } = f({
-    props: e,
-    name: "MoniteApprovalRequestStatusChip"
-  }), {
-    i18n: m
-  } = n(), o = S[t];
-  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
-}, _ = l(u, {
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  name: "MoniteApprovalRequestStatusChip",
-  slot: "root",
-  shouldForwardProp: () => !0
-})({});
+    api: e
+  } = t();
+  return e.finops.getPaymentTerms.useQuery();
+};
 export {
-  c as ApprovalRequestStatusChip
+  o as useGetPaymentTerms
 };

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

@@ -1,62 +1,106 @@
-import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
-import { useState as c } from "react";
-import "./index59.js";
+import { jsx as e, jsxs as d, Fragment as C } from "@emotion/react/jsx-runtime";
+import { Controller as c } from "react-hook-form";
+import { DefaultEmail as v } from "./index454.js";
+import { useRootElements as y } from "./index94.js";
+import { useCounterpartById as S } from "./index72.js";
 import "@tanstack/react-query";
+import "./index59.js";
+import { useCounterpartContactList as F } from "./index76.js";
 import "date-fns";
-import { useEntityUserByAuthToken as p } from "./index77.js";
+import "react";
 import "react-hot-toast";
-import { useLingui as s } from "@lingui/react";
-import u from "@mui/icons-material/CheckCircleOutlineRounded";
-import f from "@mui/icons-material/HighlightOffRounded";
-import { Stack as m, IconButton as a } from "@mui/material";
-const C = ({
-  id: o,
-  onClick: t
+import { useLingui as I } from "@lingui/react";
+import { useGetReceivableById as N } from "./index84.js";
+import { Card as u, CardContent as m, Stack as f, Typography as h, TextField as b, CircularProgress as M, FormControl as T, Select as B, MenuItem as L, FormHelperText as W } from "@mui/material";
+import { getDefaultContact as _, getContactList as j } from "./index370.js";
+const K = ({
+  formName: n,
+  style: t,
+  children: i,
+  handleIssueAndSend: a
+}) => /* @__PURE__ */ e("form", { id: n, noValidate: !0, onSubmit: a, style: t, children: i }), k = ({
+  invoiceId: n,
+  control: t
 }) => {
   const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "approve"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(u, {}) });
-}, k = ({
-  id: o,
-  onClick: t
+    data: i
+  } = N(n), {
+    data: a
+  } = S(i?.counterpart_id), {
+    data: r,
+    isLoading: o
+  } = F(i?.counterpart_id), {
+    root: x
+  } = y();
+  if (o) return /* @__PURE__ */ e(M, {});
+  const g = _(r, a);
+  return /* @__PURE__ */ e(c, { name: "to", control: t, render: ({
+    field: p,
+    fieldState: {
+      error: s
+    }
+  }) => /* @__PURE__ */ d(T, { variant: "standard", required: !0, fullWidth: !0, error: !!s, children: [
+    /* @__PURE__ */ e(B, { MenuProps: {
+      container: x
+    }, className: "Monite-NakedField Monite-RecipientSelector", "data-testid": `${p.name}-select`, ...p, children: j(r, g).map((l) => /* @__PURE__ */ e(L, { value: l.email, children: /* @__PURE__ */ e(v, { email: l.email ?? "", isDefault: l.is_default }) }, l.id)) }),
+    s && /* @__PURE__ */ e(W, { children: s.message })
+  ] }) });
+}, O = ({
+  invoiceId: n,
+  control: t,
+  isDisabled: i
 }) => {
   const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "reject"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(f, {}) });
-}, q = (o) => {
-  const {
-    i18n: t
-  } = s(), {
-    data: r
-  } = p();
-  if ("onRowActionClick" in o && o.onRowActionClick)
-    return {
-      field: "actions",
-      headerName: t._("Actions"),
-      sortable: !1,
-      display: "flex",
-      align: "right",
-      renderCell: (i) => {
-        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
-          return /* @__PURE__ */ d(m, { direction: "row", children: [
-            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
-            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
-          ] });
+    i18n: a
+  } = I();
+  return /* @__PURE__ */ d(C, { children: [
+    /* @__PURE__ */ e(u, { sx: {
+      mb: 3
+    }, children: /* @__PURE__ */ e(m, { sx: {
+      px: 3,
+      pt: 1,
+      pb: 1,
+      "&:last-child": {
+        pb: 1
       }
-    };
+      // last-child is necessary to override default style of the MUI theme
+    }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(h, { variant: "body2", sx: {
+        minWidth: "52px"
+      }, children: a._("To") }),
+      /* @__PURE__ */ e(k, { invoiceId: n, control: t })
+    ] }) }) }),
+    /* @__PURE__ */ d(u, { children: [
+      /* @__PURE__ */ e(m, { sx: {
+        px: 3,
+        py: 1,
+        borderBottomWidth: "1px",
+        borderBottomStyle: "solid",
+        borderBottomColor: "divider"
+      }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+        /* @__PURE__ */ e(h, { variant: "body2", children: a._("Subject") }),
+        /* @__PURE__ */ e(c, { name: "subject", control: t, render: ({
+          field: r,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, ...r, disabled: i }) })
+      ] }) }),
+      /* @__PURE__ */ e(m, { sx: {
+        pl: 3,
+        pr: 3,
+        pb: 3,
+        pt: 1
+      }, children: /* @__PURE__ */ e(c, { name: "body", control: t, render: ({
+        field: r,
+        fieldState: {
+          error: o
+        }
+      }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, multiline: !0, rows: 8, ...r, disabled: i }) }) })
+    ] })
+  ] });
 };
 export {
-  q as useApprovalRequestActionsCell
+  K as Form,
+  O as FormContent
 };

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

@@ -1,12 +1,12 @@
-import { jsx as o, jsxs as P } from "@emotion/react/jsx-runtime";
-import { ScopedCssBaselineContainerClassName as T } from "./index106.js";
+import { jsx as o, jsxs as $ } from "@emotion/react/jsx-runtime";
+import { ScopedCssBaselineContainerClassName as z } from "./index106.js";
 import { InvoiceStatusChip as D } from "./index57.js";
-import { ReceivableFilters as Q } from "./index152.js";
+import { ReceivableFilters as Q } from "./index170.js";
 import "react-hot-toast";
 import { useMoniteContext as k } from "./index59.js";
 import { useLingui as B } from "@lingui/react";
 import { useState as u, useMemo as G } from "react";
-import { useReceivablesFilters as A } from "./index153.js";
+import { useReceivablesFilters as A } from "./index171.js";
 import "date-fns";
 import { useCurrencies as W } from "./index60.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
@@ -19,22 +19,22 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index86.js";
-import { useGetReceivables as j } from "./index145.js";
+import { useGetReceivables as j } from "./index144.js";
 import "./index94.js";
-import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as H } from "./index64.js";
+import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index64.js";
 import "react-hook-form";
-import { MoniteScopedProviders as V } from "./index85.js";
-import { ReceivableCursorFields as S } from "./index146.js";
-import { CounterpartNameCellById as Y } from "./index147.js";
-import { DataGridEmptyState as J } from "./index154.js";
-import { GetNoRowsOverlay as K } from "./index148.js";
-import { DueDateCell as U } from "./index149.js";
+import { MoniteScopedProviders as H } from "./index85.js";
+import { ReceivableCursorFields as S } from "./index168.js";
+import { CounterpartNameCellById as Y } from "./index158.js";
+import { DataGridEmptyState as J } from "./index172.js";
+import { GetNoRowsOverlay as K } from "./index159.js";
+import { DueDateCell as U } from "./index169.js";
 import { TablePagination as X } from "./index88.js";
-import { classNames as Z } from "./index155.js";
-import { hasSelectedText as ee } from "./index156.js";
+import { classNames as Z } from "./index173.js";
+import { hasSelectedText as ee } from "./index161.js";
 import { Stack as te, Typography as oe, Box as ae } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
-const We = (l) => /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(re, { ...l }) }), re = ({
+const We = (l) => /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(re, { ...l }) }), re = ({
   onRowClick: l,
   onChangeSort: x,
   setIsCreateInvoiceDialogOpen: c,
@@ -59,7 +59,7 @@ const We = (l) => /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(re, { ...l
     data: a,
     isLoading: p,
     isError: L,
-    refetch: $
+    refetch: M
   } = j({
     ...R,
     sort: d?.field,
@@ -67,10 +67,10 @@ const We = (l) => /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(re, { ...l
     limit: h,
     pagination_token: f,
     type: "quote"
-  }), z = (e) => {
+  }), O = (e) => {
     const i = e[0];
     F(i), g(void 0), x?.(i);
-  }, v = Object.keys(n).some((e) => n[e] !== null && n[e] !== void 0), C = !!n.document_id__contains, M = q(a?.data), y = G(() => [{
+  }, v = Object.keys(n).some((e) => n[e] !== null && n[e] !== void 0), C = !!n.document_id__contains, P = q(a?.data), y = G(() => [{
     field: "document_id",
     headerName: t._("Number"),
     width: 100,
@@ -123,16 +123,16 @@ const We = (l) => /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(re, { ...l
       const b = i.total_amount;
       return b ? _(b, i.currency) : "";
     }
-  }], [s.dateFormat, _, t]), O = H(
+  }], [s.dateFormat, _, t]), T = V(
     a?.data,
     y,
-    M,
+    P,
     // eslint-disable-next-line lingui/no-unlocalized-strings
     "QuotesTable"
   );
   return !p && a?.data.length === 0 && !v && !C ? /* @__PURE__ */ o(J, { title: t._("No Quotes"), descriptionLine1: t._("You don't have any quotes yet."), actionButtonLabel: t._("Create Quote"), actionOptions: [t._("Invoice")], onAction: (e) => {
     e === t._("Invoice") && c?.(!0);
-  }, type: "no-data" }) : /* @__PURE__ */ P(ae, { className: Z(T, "Monite-QuotesTable"), sx: {
+  }, type: "no-data" }) : /* @__PURE__ */ $(ae, { className: Z(z, "Monite-QuotesTable"), sx: {
     display: "flex",
     flexDirection: "column",
     overflow: "hidden",
@@ -145,7 +145,7 @@ const We = (l) => /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(re, { ...l
       sorting: {
         sortModel: [d]
       }
-    }, apiRef: O, rowSelection: !1, disableColumnFilter: !0, loading: p, onSortModelChange: z, onRowClick: (e) => {
+    }, apiRef: T, rowSelection: !1, disableColumnFilter: !0, loading: p, onSortModelChange: O, onRowClick: (e) => {
       ee() || l?.(e.row.id);
     }, slots: {
       pagination: () => /* @__PURE__ */ o(X, { pageSizeOptions: r.receivables.pageSizeOptions, paginationLayout: r.receivables.paginationLayout, navigationPosition: r.receivables.navigationPosition, pageSizePosition: r.receivables.pageSizePosition, nextPage: a?.next_pagination_token, prevPage: a?.prev_pagination_token, paginationModel: {
@@ -157,7 +157,7 @@ const We = (l) => /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(re, { ...l
       }) => {
         N(i), g(e ?? void 0);
       } }),
-      noRowsOverlay: () => /* @__PURE__ */ o(K, { isLoading: p, dataLength: a?.data.length || 0, isFiltering: v, isSearching: C, isError: L, refetch: $, entityName: t._("Quotes"), actionButtonLabel: t._("Create Quote"), actionOptions: [t._("Invoice")], onCreate: (e) => {
+      noRowsOverlay: () => /* @__PURE__ */ o(K, { isLoading: p, dataLength: a?.data.length || 0, isFiltering: v, isSearching: C, isError: L, refetch: M, entityName: t._("Quotes"), actionButtonLabel: t._("Create Quote"), actionOptions: [t._("Invoice")], onCreate: (e) => {
         e === t._("Invoice") && c?.(!0);
       }, type: "no-data" })
     }, columns: y, rows: a?.data || [] })

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

@@ -1,22 +1,23 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import "./index59.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as e } from "./index77.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { UserAvatar as m } from "./index444.js";
-import { Chip as i, Skeleton as n } from "@mui/material";
-const y = ({
-  entityUserId: o
-}) => {
-  const {
-    data: r,
-    isLoading: a
-  } = e(o);
-  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
-};
+import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
+const i = (r, t) => {
+  if (r && r.length)
+    return r.find((n) => n.is_default) ?? r[0];
+  if (!t || !e(t))
+    return;
+  const a = t.organization?.email;
+  if (a)
+    return {
+      id: "organization",
+      counterpart_id: t.id,
+      email: a,
+      is_default: !0,
+      first_name: o(t),
+      last_name: "",
+      is_customer: t.is_customer,
+      is_vendor: t.is_vendor
+    };
+}, u = (r, t) => r?.length ? r : t ? [t] : [];
 export {
-  y as UserCell
+  u as getContactList,
+  i as getDefaultContact
 };