@tesouro/embedded-components-react 0.5.176 → 0.5.179

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

@@ -1,6 +1,92 @@
-import "./index441.js";
-import "./index446.js";
-import "./index447.js";
-import "./index508.js";
-import "./index539.js";
-import "./index540.js";
+import { ScopedCssBaselineContainerClassName as e } from "./index30.js";
+import { useMoniteContext as t } from "./index46.js";
+import { MoniteScopedProviders as n } from "./index243.js";
+import { classNames as r } from "./index339.js";
+import { InvoicesTable as i } from "./index442.js";
+import { QuotesTable as a } from "./index447.js";
+import { CreditNotesTable as o } from "./index448.js";
+import { useId as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { Box as f, Tabs as p } from "@mui/material";
+import { useLingui as m } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index541.js
+var h = {
+	Invoices: 0,
+	Quotes: 1,
+	CreditNotes: 2,
+	Financing: 3
+}, g = (e) => /* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(_, { ...e }) }), _ = ({ initialCounterpartId: t, onRowClick: n, onTabChange: g, setIsCreateInvoiceDialogOpen: _, ...y }) => {
+	let { tab: b, tabs: x } = v(y), { i18n: S } = m(), [C, w] = c(b ?? h.Invoices), T = `Monite-ReceivablesTable-Tabs-${s()}-`, E = x?.[C], D = (e) => {
+		w(e), g?.(e);
+	};
+	return /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ u(f, {
+			className: r(e, "Monite-ReceivablesTable-Tabs"),
+			children: /* @__PURE__ */ u(p, {
+				value: C,
+				variant: "standard",
+				"aria-label": S._("Receivables tabs"),
+				sx: { border: "none" },
+				onChange: (e, t) => D(Number(t)),
+				children: x?.map(({ label: e, query: t }, n) => null)
+			})
+		}),
+		E?.query?.type === "quote" && /* @__PURE__ */ u(f, {
+			role: "tabpanel",
+			id: `${T}-${C}-tabpanel`,
+			"aria-labelledby": `${T}-${C}-tab`,
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				height: "inherit",
+				minHeight: "0"
+			},
+			children: /* @__PURE__ */ u(a, {
+				onRowClick: n,
+				setIsCreateInvoiceDialogOpen: _,
+				query: E?.query
+			}, C)
+		}),
+		E?.query?.type === "invoice" && /* @__PURE__ */ u(f, {
+			role: "tabpanel",
+			id: `${T}-${C}-tabpanel`,
+			"aria-labelledby": `${T}-${C}-tab`,
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				height: "inherit",
+				minHeight: "0"
+			},
+			children: /* @__PURE__ */ u(i, {
+				initialCounterpartId: t,
+				onRowClick: n,
+				setIsCreateInvoiceDialogOpen: _,
+				query: E?.query
+			}, C)
+		}),
+		E?.query?.type === "credit_note" && /* @__PURE__ */ u(f, {
+			role: "tabpanel",
+			id: `${T}-${C}-tabpanel`,
+			"aria-labelledby": `${T}-${C}-tab`,
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				height: "inherit",
+				minHeight: "0"
+			},
+			children: /* @__PURE__ */ u(o, {
+				onRowClick: n,
+				setIsCreateInvoiceDialogOpen: _,
+				query: E?.query
+			}, C)
+		})
+	] });
+}, v = (e) => {
+	let { componentSettings: n } = t();
+	return {
+		tab: e?.tab ?? n?.receivables?.tab,
+		tabs: e?.tabs ?? n?.receivables?.tabs
+	};
+};
+//#endregion
+export { g as ReceivablesTable, h as ReceivablesTableTabEnum, v as useReceivablesTableProps };

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

@@ -1,27 +1,105 @@
-import { ConfirmationModal as e } from "./index58.js";
-import "./index59.js";
-import { useGetProductById as t } from "./index483.js";
-import { useDeleteProduct as n } from "./index484.js";
-import "./index486.js";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as i } from "@lingui/react";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { Button as t } from "./index55.js";
+import { useComponentSettings as n } from "./index222.js";
+import "./index224.js";
+import { MoniteScopedProviders as r } from "./index243.js";
+import { useUserPermissions as i } from "./index118.js";
+import { AccessRestriction as a } from "./index253.js";
+import "./index255.js";
+import { CreateReceivables as o } from "./index510.js";
+import { ReceivablesTable as s, ReceivablesTableTabEnum as c } from "./index541.js";
+import { ActionsModal as l } from "./index521.js";
+import { InvoiceDetailsPanel as u } from "./index540.js";
+import { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
+import { useLingui as v } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index542.js
-var a = ({ id: a, open: o, onClose: s, onDeleted: c }) => {
-	let { i18n: l } = i(), { data: u } = t(a), d = n(a, () => {
-		s(), c?.(a);
-	});
-	return u ? /* @__PURE__ */ r(e, {
-		open: o && !!a,
-		title: l._("Delete \"{name}\"?", { name: u.name }),
-		message: l._("It will remain in all the documents where it is added. You can't undo this action."),
-		confirmLabel: l._("Delete"),
-		cancelLabel: l._("Cancel"),
-		onClose: s,
-		onConfirm: () => {
-			d.mutate(void 0);
-		},
-		isLoading: d.isPending
-	}) : null;
+var y = (e) => /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(b, { ...e }) }), b = ({ pageTitleComponent: r, embeddedBankName: y, initialView: b, initialCounterpartId: x }) => {
+	let { i18n: S } = v(), { componentSettings: C, receivablesCallbacks: w } = n(), [T, E] = m(""), [D, O] = m(!1), [k, A] = m(null), [j, M] = m(void 0), N = p(!1), [P, F] = m(C.receivables.tab ?? c.Invoices), I = d((e) => {
+		E(e);
+	}, []), L = d((e) => {
+		I(e);
+	}, [I]), R = d(() => {
+		E("");
+	}, []), z = d(() => {
+		O(!1), M(void 0);
+	}, []), B = d((e, t) => {
+		z(), F(c.Invoices), t.mode === "issue" ? t.hasCustomerEmail ? A({
+			action: "issue",
+			showEmailStep: !0,
+			receivableId: e,
+			counterpartId: t.counterpartId,
+			inlineLineItems: t.inlineLineItems
+		}) : t.inlineLineItems.length > 0 && A({
+			action: "issue",
+			showEmailStep: !1,
+			receivableId: e,
+			counterpartId: t.counterpartId,
+			inlineLineItems: t.inlineLineItems
+		}) : (t.mode === "draft" || t.mode === "recurrence") && (E(e), t.inlineLineItems.length > 0 && A({
+			action: t.mode,
+			showEmailStep: !1,
+			receivableId: e,
+			counterpartId: t.counterpartId,
+			inlineLineItems: t.inlineLineItems
+		})), w.onCreate?.(e);
+	}, [
+		w,
+		F,
+		z
+	]), V = i(), H = V.has(e.InvoiceWriteOrg), U = V.has(e.InvoiceReadOrg);
+	return f(() => {
+		N.current || b === "create" && H && (N.current = !0, M(x), O(!0));
+	}, [
+		b,
+		H,
+		x
+	]), /* @__PURE__ */ _(h, { children: [
+		r(/* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(t, {
+			id: "actions",
+			size: "lg",
+			disabled: !H,
+			onClick: () => {
+				M(void 0), O(!0);
+			},
+			children: S._("Create Invoice")
+		}) })),
+		!U && /* @__PURE__ */ g(a, {}),
+		U && /* @__PURE__ */ g(s, {
+			initialCounterpartId: b === "create" ? void 0 : x,
+			tab: P,
+			onTabChange: F,
+			onRowClick: L,
+			setIsCreateInvoiceDialogOpen: O
+		}),
+		!!T && /* @__PURE__ */ g(u, {
+			open: !0,
+			invoiceId: T,
+			onCloseInvoiceDetails: R,
+			onDuplicate: I,
+			openInvoiceDetails: I,
+			embeddedBankName: y
+		}),
+		D && /* @__PURE__ */ g(o, {
+			open: !0,
+			type: "invoice",
+			embeddedBankName: y,
+			initialCounterpartId: j,
+			onCreate: B,
+			onOpenChange: z
+		}),
+		k && /* @__PURE__ */ g(l, {
+			open: !0,
+			action: k.action,
+			inlineLineItems: k.inlineLineItems,
+			issue: k.showEmailStep ? {
+				receivableId: k.receivableId,
+				counterpartId: k.counterpartId
+			} : void 0,
+			onClose: () => A(null)
+		})
+	] });
 };
 //#endregion
-export { a as ProductDeleteModal };
+export { y as Receivables };

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

@@ -1,15 +1,6 @@
-import { Badge as e } from "./index229.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { twMerge as r } from "tailwind-merge";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index543.js
-var i = ({ type: i }) => {
-	let { i18n: a } = n(), o = i === "product", s = o ? a._("Product") : a._("Service");
-	return /* @__PURE__ */ t(e, {
-		variant: "secondary",
-		className: r(o ? "ttw:bg-blue-100 ttw:text-blue-700" : "ttw:bg-pink-100 ttw:text-pink-700"),
-		children: s
-	});
-};
-//#endregion
-export { i as ProductType };
+import "./index442.js";
+import "./index447.js";
+import "./index448.js";
+import "./index510.js";
+import "./index541.js";
+import "./index542.js";

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

@@ -1,11 +1,27 @@
+import { ConfirmationModal as e } from "./index58.js";
+import "./index59.js";
+import { useGetProductById as t } from "./index484.js";
+import { useDeleteProduct as n } from "./index485.js";
+import "./index487.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useLingui as i } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index544.js
-var e = "search", t = {
-	name: "name",
-	type: "type",
-	description: "description",
-	"price.value": "pricePerUnit",
-	"price.currency": "currency",
-	measure_unit_id: "measureUnitId"
+var a = ({ id: a, open: o, onClose: s, onDeleted: c }) => {
+	let { i18n: l } = i(), { data: u } = t(a), d = n(a, () => {
+		s(), c?.(a);
+	});
+	return u ? /* @__PURE__ */ r(e, {
+		open: o && !!a,
+		title: l._("Delete \"{name}\"?", { name: u.name }),
+		message: l._("It will remain in all the documents where it is added. You can't undo this action."),
+		confirmLabel: l._("Delete"),
+		cancelLabel: l._("Cancel"),
+		onClose: s,
+		onConfirm: () => {
+			d.mutate(void 0);
+		},
+		isLoading: d.isPending
+	}) : null;
 };
 //#endregion
-export { e as FILTER_TYPE_SEARCH, t as PRODUCT_API_FIELD_MAP };
+export { a as ProductDeleteModal };

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

@@ -1,27 +1,15 @@
-import { InputGroup as e, InputGroupAddon as t, InputGroupInput as n } from "./index109.js";
-import { useDebounceCallback as r } from "./index219.js";
-import { FILTER_TYPE_SEARCH as i } from "./index544.js";
-import { Search as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useLingui as c } from "@lingui/react";
+import { Badge as e } from "./index230.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
+import { twMerge as r } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index545.js
-var l = ({ onChangeFilter: l }) => {
-	let { i18n: u } = c(), d = r((e) => {
-		l(i, e);
-	}, 500);
-	return /* @__PURE__ */ o("div", {
-		className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4",
-		children: /* @__PURE__ */ s(e, {
-			className: "ttw:w-80",
-			children: [/* @__PURE__ */ o(t, {
-				align: "inline-start",
-				children: /* @__PURE__ */ o(a, {})
-			}), /* @__PURE__ */ o(n, {
-				placeholder: u._("Search by name"),
-				onChange: (e) => d(e.target.value)
-			})]
-		})
+var i = ({ type: i }) => {
+	let { i18n: a } = n(), o = i === "product", s = o ? a._("Product") : a._("Service");
+	return /* @__PURE__ */ t(e, {
+		variant: "secondary",
+		className: r(o ? "ttw:bg-blue-100 ttw:text-blue-700" : "ttw:bg-pink-100 ttw:text-pink-700"),
+		children: s
 	});
 };
 //#endregion
-export { l as Filters };
+export { i as ProductType };

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

@@ -1,16 +1,11 @@
-import { useMoniteContext as e } from "./index46.js";
-import { Skeleton as t } from "./index53.js";
-import { Typography as n } from "./index61.js";
-import { memo as r } from "react";
-import { jsx as i } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index546.js
-var a = r(({ unitId: r }) => {
-	let { api: a } = e(), { data: o, isLoading: s } = a.finops.getMeasureUnitsId.useQuery({ path: { unit_id: r } });
-	return s ? /* @__PURE__ */ i(t, { className: "ttw:h-4 ttw:w-4" }) : o ? /* @__PURE__ */ i(n, {
-		color: "muted",
-		variant: "body2",
-		children: o.name
-	}) : null;
-});
+var e = "search", t = {
+	name: "name",
+	type: "type",
+	description: "description",
+	"price.value": "pricePerUnit",
+	"price.currency": "currency",
+	measure_unit_id: "measureUnitId"
+};
 //#endregion
-export { a as MeasureUnit };
+export { e as FILTER_TYPE_SEARCH, t as PRODUCT_API_FIELD_MAP };

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

@@ -1,173 +1,27 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index46.js";
-import { useCurrencies as n } from "./index62.js";
-import { Button as r } from "./index55.js";
-import "./index223.js";
-import { MoniteScopedProviders as i } from "./index242.js";
-import { useUserPermissions as a } from "./index118.js";
-import { GetNoRowsOverlay as o } from "./index251.js";
-import { AccessRestriction as s } from "./index252.js";
-import "./index254.js";
-import { DataTable as c } from "./index256.js";
-import { hasSelectedText as l } from "./index257.js";
-import { useGetProducts as u } from "./index381.js";
-import "./index486.js";
-import { ManageMeasureUnits as d } from "./index488.js";
-import { ProductDeleteModal as f } from "./index542.js";
-import { ProductType as p } from "./index543.js";
-import { FILTER_TYPE_SEARCH as m } from "./index544.js";
-import { Filters as ee } from "./index545.js";
-import { MeasureUnit as h } from "./index546.js";
-import { useCallback as g, useMemo as _, useState as v } from "react";
-import { ArrowDown as y, ArrowUp as b, ArrowUpDown as x, Plus as S } from "lucide-react";
-import { Fragment as C, jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
-import { useLingui as E } from "@lingui/react";
+import { InputGroup as e, InputGroupAddon as t, InputGroupInput as n } from "./index109.js";
+import { useDebounceCallback as r } from "./index220.js";
+import { FILTER_TYPE_SEARCH as i } from "./index546.js";
+import { Search as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index547.js
-var D = (e) => /* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(O, { ...e }) }), O = ({ onFilterChanged: i, onSortChanged: D, onRowClick: O, onDeleted: k, openCreateModal: A }) => {
-	let { i18n: j } = E(), { componentSettings: M } = t(), { formatCurrencyToDisplay: N } = n(), [P, F] = v(!1), [I, L] = v(void 0), [R, z] = v(M.products.pageSizeOptions[0]), [B, te] = v({}), [V, H] = v(), [U, W] = v({
-		open: !1,
-		id: null
-	}), G = a(), K = G.has(e.InvoiceWriteOrg), q = G.has(e.InvoiceReadOrg), { data: J, isLoading: Y, isError: X, refetch: Z } = u({
-		sort: V?.field,
-		order: V?.sort,
-		limit: R,
-		pagination_token: I,
-		name__icontains: B.search || void 0
-	}), Q = (e, t) => {
-		L(void 0), te((n) => ({
-			...n,
-			[e]: t === "all" ? null : t
-		})), i?.({
-			field: e,
-			value: t
-		});
-	}, $ = _(() => V ? [{
-		id: V.field,
-		desc: V.sort === "desc"
-	}] : [], [V]), ne = g((e) => {
-		let t = typeof e == "function" ? e($) : e;
-		if (t.length > 0) {
-			let e = {
-				field: t[0].id,
-				sort: t[0].desc ? "desc" : "asc"
-			};
-			H(e), D?.(e);
-		} else H(void 0);
-		L(void 0);
-	}, [$, D]), re = _(() => [
-		{
-			accessorKey: "name",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ T("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [j._("Name"), /* @__PURE__ */ w(r, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: w(t === "asc" ? b : t === "desc" ? y : x, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => /* @__PURE__ */ w("span", { children: e.original.name })
-		},
-		{
-			accessorKey: "type",
-			header: j._("Type"),
-			cell: ({ row: e }) => e.original.type ? /* @__PURE__ */ w(p, { type: e.original.type }) : null
-		},
-		{
-			accessorKey: "description",
-			header: j._("Description"),
-			cell: ({ row: e }) => /* @__PURE__ */ w("div", {
-				className: "ttw:w-120",
-				children: /* @__PURE__ */ w("span", {
-					className: "ttw:w-full ttw:inline-block ttw:truncate",
-					children: e.original?.description
-				})
-			})
-		},
-		{
-			accessorKey: "price",
-			header: () => /* @__PURE__ */ w("div", {
-				className: "ttw:text-right",
-				children: j._("Price per unit")
-			}),
-			cell: ({ row: e }) => {
-				let t = e.original.price;
-				return /* @__PURE__ */ T("div", {
-					className: "ttw:justify-end ttw:flex ttw:gap-1 ttw:items-center",
-					children: [t ? N(t.value, t.currency) : "", /* @__PURE__ */ w(h, { unitId: e.original.measure_unit_id ?? "" })]
-				});
-			}
-		}
-	], [j, N]), ie = Object.keys(B).some((e) => B[e] !== null && B[e] !== void 0), ae = !!B[m];
-	return q ? /* @__PURE__ */ T(C, { children: [
-		/* @__PURE__ */ w("div", {
-			className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
-			children: /* @__PURE__ */ w(c, {
-				columns: re,
-				data: J?.data ?? [],
-				sorting: $,
-				onSortingChange: ne,
-				pageSize: R,
-				onPageSizeChange: z,
-				nextPaginationToken: J?.next_pagination_token ?? void 0,
-				prevPaginationToken: J?.prev_pagination_token ?? void 0,
-				onPaginationTokenChange: L,
-				onRowClick: (e) => {
-					l() || O?.(e.id);
-				},
-				filterComponent: /* @__PURE__ */ T("div", {
-					className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-4",
-					children: [/* @__PURE__ */ w(ee, { onChangeFilter: Q }), /* @__PURE__ */ T("div", {
-						className: "ttw:flex ttw:gap-2",
-						children: [/* @__PURE__ */ w(r, {
-							variant: "ghost",
-							onClick: () => F(!0),
-							className: "ttw:py-0 ttw:text-primary ttw:hover:text-primary",
-							children: j._("Manage units of measure")
-						}), /* @__PURE__ */ T(r, {
-							disabled: !K,
-							onClick: A,
-							className: "ttw:py-0",
-							children: [/* @__PURE__ */ w(S, {}), j._("Add product or service")]
-						})]
-					})]
-				}),
-				children: /* @__PURE__ */ w(o, {
-					isLoading: Y,
-					dataLength: J?.data.length || 0,
-					isFiltering: ie,
-					isSearching: ae,
-					isError: X,
-					onCreate: A,
-					refetch: Z,
-					filterTitle: j._("No product or service found"),
-					filterDescription1: j._("Try adjusting your search or filter criteria"),
-					entityName: j._("products or services"),
-					actionButtonLabel: j._("Add your first product or service"),
-					actionOptions: [j._("Product")],
-					noDataTitle: j._("Build your products & services list."),
-					noDataDescription1: j._("Save the products and services you sell so you can quickly add them as line items on invoices."),
-					type: "no-data"
-				})
-			})
-		}),
-		U.id && /* @__PURE__ */ w(f, {
-			id: U.id,
-			open: U.open,
-			onDeleted: k,
-			onClose: () => W((e) => ({
-				...e,
-				open: !1
-			}))
-		}),
-		P && /* @__PURE__ */ w(d, {
-			open: P,
-			handleClose: () => F(!1)
+var l = ({ onChangeFilter: l }) => {
+	let { i18n: u } = c(), d = r((e) => {
+		l(i, e);
+	}, 500);
+	return /* @__PURE__ */ o("div", {
+		className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4",
+		children: /* @__PURE__ */ s(e, {
+			className: "ttw:w-80",
+			children: [/* @__PURE__ */ o(t, {
+				align: "inline-start",
+				children: /* @__PURE__ */ o(a, {})
+			}), /* @__PURE__ */ o(n, {
+				placeholder: u._("Search by name"),
+				onChange: (e) => d(e.target.value)
+			})]
 		})
-	] }) : /* @__PURE__ */ w(s, {});
+	});
 };
 //#endregion
-export { D as ProductsTable };
+export { l as Filters };