@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,39 +1,84 @@
-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
-}) => {
-  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"
-  }
-}));
-export {
-  I as FullScreenModalHeader
+import { useMoniteContext as e } from "./index47.js";
+import { useRootElements as t } from "./index178.js";
+import "./index179.js";
+import { FilterContainer as n } from "./index333.js";
+import { counterpartsToSelect as r } from "./index368.js";
+import { SearchField as i } from "./index439.js";
+import "./index440.js";
+import { formatISO as a } from "date-fns";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { FormControl as c, MenuItem as l, Select as u } from "@mui/material";
+import { useLingui as d } from "@lingui/react";
+import { DatePicker as f } from "@mui/x-date-pickers";
+import p from "@mui/icons-material/CalendarToday";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index441.js
+var m = ({ onChange: m, filters: h }) => {
+	let { i18n: g } = d(), { root: _ } = t(), { api: v } = e(), { data: y } = v.finops.getCounterparts.useQuery();
+	return /* @__PURE__ */ s(n, {
+		className: "Monite-ReceivableFilters",
+		searchField: /* @__PURE__ */ o(i, {
+			placeholder: g._("Search"),
+			onChange: (e) => {
+				m("document_id__contains", e ?? void 0);
+			}
+		}),
+		children: [h.some((e) => e.field === "counterpart_id") && /* @__PURE__ */ o(c, {
+			variant: "standard",
+			fullWidth: !0,
+			className: "Monite-ReceivableCounterpartFilter Monite-FilterControl",
+			children: /* @__PURE__ */ s(u, {
+				labelId: "counterpart_id",
+				label: g._("Customer"),
+				defaultValue: void 0,
+				MenuProps: { container: _ },
+				displayEmpty: !0,
+				onChange: (e) => {
+					m("counterpart_id", e.target.value || void 0);
+				},
+				children: [/* @__PURE__ */ o(l, {
+					value: void 0,
+					children: g._("All customers")
+				}), r(y?.data ?? []).sort((e, t) => e.label.localeCompare(t.label)).map(({ value: e, label: t }) => /* @__PURE__ */ o(l, {
+					value: e,
+					children: t
+				}, e))]
+			})
+		}), h.some((e) => e.field === "due_date__lte") && /* @__PURE__ */ o(f, {
+			className: "Monite-ReceivableDueDateFilter Monite-FilterControl Monite-DateFilterControl",
+			views: [
+				"year",
+				"month",
+				"day"
+			],
+			slots: { openPickerIcon: p },
+			onChange: (e, t) => {
+				if (!t.validationError) {
+					if (e == null) return void m("due_date__lte", void 0);
+					m("due_date__lte", a(new Date(e), { representation: "date" }));
+				}
+			},
+			slotProps: {
+				textField: {
+					variant: "standard",
+					placeholder: "Due date",
+					InputProps: { sx: {
+						"&::placeholder": {
+							opacity: 1,
+							color: "text.primary"
+						},
+						"& input::placeholder": {
+							opacity: 1,
+							color: "text.primary"
+						}
+					} }
+				},
+				popper: { container: _ },
+				dialog: { container: _ },
+				actionBar: { actions: ["clear", "today"] },
+				openPickerIcon: { fontSize: "small" }
+			}
+		})]
+	});
 };
+//#endregion
+export { m as ReceivableFilters };

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

@@ -1,18 +1,188 @@
-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();
-  } });
-};
-export {
-  m as PayableDetailsCancelModal
+import { ScopedCssBaselineContainerClassName as e } from "./index31.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useCurrencies as n } from "./index63.js";
+import { useAreCounterpartsLoading as r, useAutosizeGridColumns as i } from "./index182.js";
+import { MoniteScopedProviders as a } from "./index209.js";
+import { useGetReceivables as o } from "./index156.js";
+import { useReceivablesFilters as s } from "./index124.js";
+import "./index194.js";
+import { InvoiceStatusChip as c } from "./index226.js";
+import { CounterpartNameCellById as l } from "./index231.js";
+import { DataGridEmptyState as u } from "./index232.js";
+import "./index233.js";
+import { GetNoRowsOverlay as d } from "./index234.js";
+import { hasSelectedText as f } from "./index240.js";
+import "./index328.js";
+import { TablePagination as p } from "./index330.js";
+import { classNames as m } from "./index332.js";
+import { DueDateCell as h } from "./index423.js";
+import "./index424.js";
+import { ReceivableCursorFields as g } from "./index437.js";
+import { ReceivableFilters as _ } from "./index441.js";
+import { useMemo as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { Box as S, Stack as C, Typography as w } from "@mui/material";
+import { useLingui as T } from "@lingui/react";
+import { DataGrid as E } from "@mui/x-data-grid";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index442.js
+var D = (e) => /* @__PURE__ */ b(a, { children: /* @__PURE__ */ b(O, { ...e }) }), O = ({ onRowClick: a, onChangeSort: D, setIsCreateInvoiceDialogOpen: O, query: k, filters: A }) => {
+	let { i18n: j } = T(), { locale: M, componentSettings: N } = t(), [P, F] = y(void 0), [I, L] = y(N.receivables.pageSizeOptions?.[0] ?? 10), [R, z] = y({
+		field: k?.sort ?? "created_at",
+		sort: k?.order ?? "desc"
+	}), { formatCurrencyToDisplay: B } = n(), { onChangeFilter: V, filters: H, filtersQuery: U } = s([
+		"document_id__contains",
+		"status",
+		"counterpart_id"
+	].filter((e) => A?.includes(e) ?? !0), k), { data: W, isLoading: G, isError: K, refetch: q } = o({
+		...U,
+		sort: R?.field,
+		order: R?.sort,
+		limit: I,
+		pagination_token: P,
+		type: "quote"
+	}), J = (e) => {
+		let t = e[0];
+		z(t), F(void 0), D?.(t);
+	}, Y = Object.keys(H).some((e) => H[e] !== null && H[e] !== void 0), X = !!H.document_id__contains, Z = r(W?.data), Q = v(() => [
+		{
+			field: "document_id",
+			headerName: j._("Number"),
+			width: 100,
+			display: "flex",
+			renderCell: ({ value: e }) => /* @__PURE__ */ b(C, {
+				direction: "column",
+				alignItems: "flex-start",
+				gap: .5,
+				sx: {
+					maxWidth: "100%",
+					"& > *": { maxWidth: "100%" }
+				},
+				children: /* @__PURE__ */ b(w, {
+					variant: "body1",
+					className: "Monite-TextOverflowContainer",
+					children: e || j._("INV-auto")
+				})
+			})
+		},
+		{
+			field: "status",
+			headerName: j._("Status"),
+			width: 140,
+			renderCell: (e) => /* @__PURE__ */ b(c, { status: e.value })
+		},
+		{
+			field: "created_at",
+			headerName: j._("Created on"),
+			width: 140,
+			valueFormatter: (e) => e ? j.date(e, M.dateFormat) : "—"
+		},
+		{
+			field: "issue_date",
+			headerName: j._("Issue Date"),
+			width: 120,
+			valueFormatter: (e) => e && j.date(e, M.dateFormat)
+		},
+		{
+			field: "counterpart_name",
+			sortable: g.includes("counterpart_name"),
+			headerName: j._("Customer"),
+			width: 250,
+			display: "flex",
+			renderCell: (e) => /* @__PURE__ */ b(l, { counterpartId: e.row.counterpart_id })
+		},
+		{
+			field: "expiry_date",
+			sortable: !1,
+			headerName: j._("Due date"),
+			width: 120,
+			valueFormatter: (e) => e && j.date(e, M.dateFormat),
+			renderCell: (e) => /* @__PURE__ */ b(h, { data: e.row })
+		},
+		{
+			field: "amount",
+			headerName: j._("Amount"),
+			headerAlign: "right",
+			align: "right",
+			sortable: g.includes("amount"),
+			width: 120,
+			valueGetter: (e, t) => {
+				let n = t.total_amount;
+				return n ? B(n, t.currency) : "";
+			}
+		}
+	], [
+		M.dateFormat,
+		B,
+		j
+	]), $ = i(W?.data, Q, Z, "QuotesTable");
+	return !G && W?.data.length === 0 && !Y && !X ? /* @__PURE__ */ b(u, {
+		title: j._("No Quotes"),
+		descriptionLine1: j._("You don't have any quotes yet."),
+		actionButtonLabel: j._("Create Quote"),
+		actionOptions: [j._("Invoice")],
+		onAction: (e) => {
+			e === j._("Invoice") && O?.(!0);
+		},
+		type: "no-data"
+	}) : /* @__PURE__ */ x(S, {
+		className: m(e, "Monite-QuotesTable"),
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden",
+			height: "inherit",
+			minHeight: "500px",
+			paddingTop: 2
+		},
+		children: [/* @__PURE__ */ b(_, {
+			onChange: V,
+			filters: H
+		}), /* @__PURE__ */ b(E, {
+			initialState: { sorting: { sortModel: [R] } },
+			apiRef: $,
+			rowSelection: !1,
+			disableColumnFilter: !0,
+			loading: G,
+			onSortModelChange: J,
+			onRowClick: (e) => {
+				f() || a?.(e.row.id);
+			},
+			slots: {
+				pagination: () => /* @__PURE__ */ b(p, {
+					pageSizeOptions: N.receivables.pageSizeOptions,
+					paginationLayout: N.receivables.paginationLayout,
+					navigationPosition: N.receivables.navigationPosition,
+					pageSizePosition: N.receivables.pageSizePosition,
+					nextPage: W?.next_pagination_token,
+					prevPage: W?.prev_pagination_token,
+					paginationModel: {
+						pageSize: I,
+						page: P
+					},
+					onPaginationModelChange: ({ page: e, pageSize: t }) => {
+						L(t), F(e ?? void 0);
+					}
+				}),
+				noRowsOverlay: () => /* @__PURE__ */ b(d, {
+					isLoading: G,
+					dataLength: W?.data.length || 0,
+					isFiltering: Y,
+					isSearching: X,
+					isError: K,
+					refetch: q,
+					entityName: j._("Quotes"),
+					actionButtonLabel: j._("Create Quote"),
+					actionOptions: [j._("Invoice")],
+					onCreate: (e) => {
+						e === j._("Invoice") && O?.(!0);
+					},
+					type: "no-data"
+				})
+			},
+			columns: Q,
+			rows: W?.data || []
+		})]
+	});
 };
+//#endregion
+export { D as QuotesTable };

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

@@ -1,21 +1,169 @@
-import { useMoniteContext as s } from "./index57.js";
-import { useCounterpartsBankAccountsList as o } from "./index152.js";
-function p({
-  currentCounterpartId: e,
-  payableId: t
-}) {
-  const {
-    api: a
-  } = s(), n = o(e), r = a.finops.getPayablesIdLineItems.useQuery({
-    path: {
-      payable_id: t
-    }
-  });
-  return {
-    counterpartBankAccountQuery: n,
-    lineItemsQuery: r
-  };
-}
-export {
-  p as usePayableDetailsInfo
+import { ScopedCssBaselineContainerClassName as e } from "./index31.js";
+import { useMoniteContext as t } from "./index47.js";
+import { useCurrencies as n } from "./index63.js";
+import { useAreCounterpartsLoading as r, useAutosizeGridColumns as i } from "./index182.js";
+import { MoniteScopedProviders as a } from "./index209.js";
+import { useGetReceivables as o } from "./index156.js";
+import { useReceivablesFilters as s } from "./index124.js";
+import "./index194.js";
+import { InvoiceStatusChip as c } from "./index226.js";
+import { CounterpartNameCellById as l } from "./index231.js";
+import { DataGridEmptyState as u } from "./index232.js";
+import "./index233.js";
+import { GetNoRowsOverlay as d } from "./index234.js";
+import { hasSelectedText as f } from "./index240.js";
+import "./index328.js";
+import { TablePagination as p } from "./index330.js";
+import { classNames as m } from "./index332.js";
+import { ReceivableCursorFields as h } from "./index437.js";
+import { ReceivableFilters as g } from "./index441.js";
+import { useMemo as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
+import { Box as S, Stack as C, Typography as w } from "@mui/material";
+import { useLingui as T } from "@lingui/react";
+import { DataGrid as E } from "@mui/x-data-grid";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index443.js
+var D = (e) => /* @__PURE__ */ b(a, { children: /* @__PURE__ */ b(O, { ...e }) }), O = ({ onRowClick: a, setIsCreateInvoiceDialogOpen: D, query: O, filters: k }) => {
+	let { i18n: A } = T(), { locale: j, componentSettings: M } = t(), [N, P] = v(void 0), [F, I] = v(M.receivables.pageSizeOptions?.[0] ?? 10), [L, R] = v({
+		field: O?.sort ?? "created_at",
+		sort: O?.order ?? "desc"
+	}), { formatCurrencyToDisplay: z } = n(), { onChangeFilter: B, filters: V, filtersQuery: H } = s([
+		"document_id__contains",
+		"status",
+		"counterpart_id"
+	].filter((e) => k?.includes(e) ?? !0), O), { data: U, isLoading: W, isError: G, refetch: K } = o({
+		...H,
+		sort: L?.field,
+		order: L?.sort,
+		limit: F,
+		pagination_token: N,
+		type: "credit_note"
+	}), q = (e) => {
+		R(e[0]), P(void 0);
+	}, J = r(U?.data), Y = _(() => [
+		{
+			field: "document_id",
+			headerName: A._("Number"),
+			width: 100,
+			display: "flex",
+			renderCell: ({ value: e, row: t }) => /* @__PURE__ */ x(C, {
+				direction: "column",
+				alignItems: "flex-start",
+				gap: .5,
+				sx: {
+					maxWidth: "100%",
+					"& > *": { maxWidth: "100%" }
+				},
+				children: [/* @__PURE__ */ b(w, {
+					variant: "body1",
+					className: "Monite-TextOverflowContainer",
+					children: e || A._("INV-auto")
+				}), /* @__PURE__ */ b(c, { status: t.status })]
+			})
+		},
+		{
+			field: "created_at",
+			headerName: A._("Created on"),
+			width: 140,
+			valueFormatter: (e) => e ? A.date(e, j.dateFormat) : "—"
+		},
+		{
+			field: "issue_date",
+			headerName: A._("Issue date"),
+			width: 120,
+			valueFormatter: (e) => e && A.date(e, j.dateFormat)
+		},
+		{
+			field: "counterpart_name",
+			headerName: A._("Customer"),
+			sortable: h.includes("counterpart_name"),
+			width: 250,
+			display: "flex",
+			renderCell: (e) => /* @__PURE__ */ b(l, { counterpartId: e.row.counterpart_id })
+		},
+		{
+			field: "amount",
+			headerName: A._("Amount"),
+			headerAlign: "right",
+			align: "right",
+			sortable: h.includes("amount"),
+			width: 120,
+			valueGetter: (e, t) => {
+				let n = t.total_amount;
+				return n && z(n, t.currency);
+			}
+		}
+	], [
+		j.dateFormat,
+		z,
+		A
+	]), X = i(U?.data, Y, J, "CreditNotesTable"), Z = Object.keys(V).some((e) => V[e] !== null && V[e] !== void 0), Q = !!V.document_id__contains;
+	return !W && U?.data.length === 0 && !Z && !Q ? /* @__PURE__ */ b(u, {
+		title: A._("No Credit Notes"),
+		descriptionLine1: A._("You don't have any credit notes yet."),
+		actionButtonLabel: A._("Create Credit Note"),
+		actionOptions: [A._("Invoice")],
+		onAction: (e) => {
+			e === A._("Invoice") && D?.(!0);
+		},
+		type: "no-data"
+	}) : /* @__PURE__ */ b(y, { children: /* @__PURE__ */ x(S, {
+		className: m(e, "Monite-CreditNotesTable"),
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden",
+			height: "inherit",
+			minHeight: "500px",
+			paddingTop: 2
+		},
+		children: [/* @__PURE__ */ b(g, {
+			onChange: B,
+			filters: V
+		}), /* @__PURE__ */ b(E, {
+			initialState: { sorting: { sortModel: [L] } },
+			apiRef: X,
+			rowSelection: !1,
+			disableColumnFilter: !0,
+			loading: W,
+			onSortModelChange: q,
+			onRowClick: (e) => {
+				f() || a?.(e.row.id);
+			},
+			slots: {
+				pagination: () => /* @__PURE__ */ b(p, {
+					pageSizeOptions: M.receivables.pageSizeOptions,
+					paginationLayout: M.receivables.paginationLayout,
+					navigationPosition: M.receivables.navigationPosition,
+					pageSizePosition: M.receivables.pageSizePosition,
+					nextPage: U?.next_pagination_token,
+					prevPage: U?.prev_pagination_token,
+					paginationModel: {
+						pageSize: F,
+						page: N
+					},
+					onPaginationModelChange: ({ page: e, pageSize: t }) => {
+						I(t), P(e ?? void 0);
+					}
+				}),
+				noRowsOverlay: () => /* @__PURE__ */ b(d, {
+					isLoading: W,
+					dataLength: U?.data.length || 0,
+					isFiltering: Z,
+					isSearching: Q,
+					isError: G,
+					onCreate: () => D?.(!0),
+					refetch: K,
+					entityName: A._("Credit Notes"),
+					actionButtonLabel: A._("Create Credit Note"),
+					actionOptions: [A._("Invoice")],
+					type: "no-data"
+				})
+			},
+			columns: Y,
+			rows: U?.data ?? []
+		})]
+	}) });
 };
+//#endregion
+export { D as CreditNotesTable };

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

@@ -1,53 +1,18 @@
-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 "./index401.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 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 {
-  U as UserDisplayCell
+import { getAPIErrorMessage as e } from "./index26.js";
+import { useMoniteContext as t } from "./index47.js";
+import { toast as n } from "react-hot-toast";
+import { useLingui as r } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index444.js
+var i = () => {
+	let { api: i, queryClient: a } = t(), { i18n: o } = r();
+	return i.finops.patchRecurrencesId.useMutation(void 0, {
+		onError(t) {
+			n.error(e(o, t));
+		},
+		async onSuccess(e, t) {
+			await Promise.all([i.finops.getReceivables.invalidateQueries(a), i.finops.getRecurrencesId.invalidateQueries({ parameters: { path: { recurrence_id: t.path.recurrence_id } } }, a)]), n.success(o._("Recurring billing updated"));
+		}
+	});
 };
+//#endregion
+export { i as useUpdateRecurrence };

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

@@ -1,61 +1,12 @@
-import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
-import { User as x } from "./index338.js";
-import { PayableStatusChip as u } from "./index150.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;
-};
-export {
-  j as PayableApprovalFlowSection
+import { useMoniteContext as e } from "./index47.js";
+import { toast as t } from "react-hot-toast";
+import { useLingui as n } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index445.js
+var r = () => {
+	let { i18n: r } = n(), { api: i, queryClient: a } = e();
+	return i.finops.postReceivablesIdIssue.useMutation(void 0, { onSuccess: async (e) => {
+		i.finops.getReceivablesId.setQueryData({ path: { receivable_id: e.id } }, e, a), await Promise.all([i.finops.getReceivables.invalidateQueries(a), i.finops.getReceivablesIdPdfLink.resetQueries({ parameters: { path: { receivable_id: e.id } } }, a)]), t.success(r._("Invoice has been issued"));
+	} });
 };
+//#endregion
+export { r as useIssueReceivableById };