@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,12 +1,84 @@
 import { useMoniteContext as e } from "./index47.js";
-import { toast as t } from "react-hot-toast";
-import { useLingui as n } from "@lingui/react";
+import { useRootElements as t } from "./index206.js";
+import "./index207.js";
+import { FilterContainer as n } from "./index345.js";
+import { counterpartsToSelect as r } from "./index380.js";
+import { SearchField as i } from "./index450.js";
+import "./index451.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/index452.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"));
-	} });
+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 { r as useIssueReceivableById };
+export { m as ReceivableFilters };

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

@@ -1,8 +1,16 @@
-import { useMoniteContext as e } from "./index47.js";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index453.js
-var t = () => {
-	let { api: t } = e();
-	return t.finops.getMeasureUnits.useQuery();
-};
+var e = Object.values({
+	counterpart_name: "counterpart_name",
+	counterpart_id: "counterpart_id",
+	amount: "amount",
+	status: "status",
+	due_date: "due_date",
+	issue_date: "issue_date",
+	document_id: "document_id",
+	created_at: "created_at",
+	project_id: "project_id",
+	total_amount: "total_amount",
+	discounted_subtotal: "discounted_subtotal"
+});
 //#endregion
-export { t as useGetMeasureUnits };
+export { e as ReceivableCursorFields };

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

@@ -1,321 +1,188 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
+import { ScopedCssBaselineContainerClassName as e } from "./index31.js";
 import { useMoniteContext as t } from "./index47.js";
-import { useCounterpartById as n } from "./index48.js";
-import { getCounterpartEmail as r } from "./index53.js";
-import { useCounterpartAddresses as i } from "./index126.js";
-import { useMyEntity as a } from "./index133.js";
-import "./index138.js";
-import { useCreateCounterpart as o } from "./index71.js";
-import { LanguageCodeEnum as ee } from "./index110.js";
-import { useUserPermissions as s } from "./index112.js";
-import { useSelectableBankAccounts as c } from "./index121.js";
-import { useCreateReceivable as l } from "./index157.js";
-import { useUpdateReceivableLineItems as u } from "./index158.js";
-import { useUpdateReceivable as d } from "./index159.js";
-import { useCreateRecurrence as f } from "./index163.js";
-import { useGetInvoiceRequiredFields as p } from "./index166.js";
-import { useLineItemSubmitCleanup as m } from "./index171.js";
-import { rateMajorToMinor as h } from "./index213.js";
-import { buildRecurrenceCreationModePayload as te } from "./index218.js";
-import { willRecurrenceIssue as g } from "./index220.js";
-import { buildPaymentTermsPayload as _ } from "./index226.js";
-import { useUpdateRecurrence as v } from "./index451.js";
-import { useIssueReceivableById as y } from "./index452.js";
-import { useGetMeasureUnits as ne } from "./index453.js";
-import { useId as re, useMemo as ie, useRef as b, useState as x } from "react";
-import { format as S } from "date-fns";
-import { toast as C } from "react-hot-toast";
-import { useLingui as ae } from "@lingui/react";
+import { useCurrencies as n } from "./index63.js";
+import { useAreCounterpartsLoading as r, useAutosizeGridColumns as i } from "./index210.js";
+import { MoniteScopedProviders as a } from "./index237.js";
+import { useGetReceivables as o } from "./index160.js";
+import { useReceivablesFilters as s } from "./index128.js";
+import "./index222.js";
+import { InvoiceStatusChip as c } from "./index238.js";
+import { CounterpartNameCellById as l } from "./index243.js";
+import { DataGridEmptyState as u } from "./index244.js";
+import "./index245.js";
+import { GetNoRowsOverlay as d } from "./index246.js";
+import { hasSelectedText as f } from "./index252.js";
+import "./index340.js";
+import { TablePagination as p } from "./index342.js";
+import { classNames as m } from "./index344.js";
+import { DueDateCell as h } from "./index436.js";
+import "./index437.js";
+import { ReceivableFilters as g } from "./index452.js";
+import { ReceivableCursorFields as _ } from "./index453.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/index454.js
-var w = (e, t) => t ? e.find((e) => e.id === t)?.name || "" : void 0, oe = (e, t) => ({
-	type: e.type,
-	counterpart_id: t.resolvedCounterpartId,
-	counterpart_billing_address_id: t.billingAddressId,
-	counterpart_shipping_address_id: t.shippingAddressId,
-	bank_account_id: e.bank_account_id || void 0,
-	bank_account_type: e.bank_account_id ? e.bank_account_type : void 0,
-	..._({
-		paymentTermId: e.payment_terms_id,
-		customDueDate: e.payment_terms_custom_date
-	}),
-	line_items: e.line_items.filter((e) => !!e.product?.name?.trim()).map((n) => ({
-		quantity: n.quantity,
-		tax_status: n.taxable ? "taxable" : "non_taxable",
-		product: {
-			name: n.product.name,
-			price: {
-				currency: n.product.price.currency,
-				value: n.product.price.value
-			},
-			measure_unit: n.product.measure_unit_id ? { name: w(t.measureUnits, n.product.measure_unit_id) ?? "" } : void 0,
-			type: "product"
+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")
+				})
+			})
 		},
-		tax_rate_value: n.taxable ? h(Number(e.tax_rate) || 0) : void 0
-	})),
-	memo: e.memo,
-	footer: e.footer,
-	purchase_order: e.purchase_order || void 0,
-	currency: t.currency,
-	payment_reminder_id: e.payment_reminder_id || void 0,
-	overdue_reminder_id: e.overdue_reminder_id || void 0,
-	tag_ids: [],
-	tax_mode: e.tax_mode || "exclusive",
-	attachments: e.attachments.length ? e.attachments.map(({ id: e, include_in_email: t }) => ({
-		id: e,
-		include_in_email: t
-	})) : void 0
-}), se = (e, t) => ({ data: e.line_items.filter((e) => !!e.product?.name?.trim()).map((n) => {
-	let r = n, i;
-	return r.product.measure_unit_id ? i = w(t, r.product.measure_unit_id) : (r.product.measure_unit_name || r.measure_unit?.name) && (i = r.product.measure_unit_name || r.measure_unit?.name), {
-		quantity: n.quantity,
-		tax_status: n.taxable ? "taxable" : "non_taxable",
-		product: {
-			name: n.product.name,
-			type: n.product.type,
-			measure_unit: i ? { name: i } : void 0,
-			price: n.product.price ? {
-				currency: n.product.price.currency ?? "USD",
-				value: Math.round(n.product.price.value ?? 0)
-			} : void 0
+		{
+			field: "status",
+			headerName: j._("Status"),
+			width: 140,
+			renderCell: (e) => /* @__PURE__ */ b(c, { status: e.value })
 		},
-		tax_rate_value: n.taxable ? h(Number(e.tax_rate) || 0) : void 0
-	};
-}) }), ce = (e, t) => ({ invoice: {
-	counterpart_id: t.resolvedCounterpartId,
-	currency: t.currency,
-	memo: e.memo,
-	footer: e.footer,
-	counterpart_shipping_address_id: e?.default_shipping_address_id || null,
-	counterpart_billing_address_id: e?.default_billing_address_id || null,
-	bank_account_id: e.bank_account_id || void 0,
-	bank_account_type: e.bank_account_id ? e.bank_account_type : void 0,
-	..._({
-		paymentTermId: e.payment_terms_id,
-		customDueDate: e.payment_terms_custom_date
-	}),
-	payment_reminder_id: e.payment_reminder_id || null,
-	overdue_reminder_id: e.overdue_reminder_id || null,
-	attachments: e.attachments.length ? e.attachments.map(({ id: e, include_in_email: t }) => ({
-		id: e,
-		include_in_email: t
-	})) : null
-} }), T = ({ mode: h, methods: _, currency: w, invoice: T, existingRecurrence: E, hasStartedRecurrence: D = !1, onComplete: O, onClose: k, submitModeRef: le }) => {
-	let { i18n: A } = ae(), { api: j, apiUrl: ue, componentSettings: de, queryClient: M, requestFn: fe } = t(), pe = s().has(e.BankAccountWriteOrg), N = !!de?.receivables?.enableEntityBankAccount, { handleSubmit: me, watch: P, formState: he, setValue: F, clearErrors: ge, trigger: _e } = _, { isDirty: ve } = he, { data: ye, isLoading: be, isFetching: xe } = a(), { data: Se, isLoading: I } = ne(), { bankAccounts: Ce, isLoading: L } = c(N), we = Ce.length > 0, [R, Te] = x(!1), [Ee, z] = x(!1), De = b("draft"), B = le ?? De, Oe = `Monite-Form-receivablesDetailsForm-${re()}`, [V, H] = x(null), { registerLineItemCleanupFn: ke, runLineItemCleanup: Ae } = m(), { mutateAsync: je, isPending: Me } = l(), { mutateAsync: Ne, isPending: Pe } = o({ showSuccessToast: !1 }), U = T?.id ?? V?.id ?? "", { mutateAsync: W, isPending: Fe } = d(U), { mutateAsync: G, isPending: Ie } = u(U), { mutateAsync: Le, isPending: Re } = f(), { mutateAsync: ze, isPending: Be } = v(), { mutateAsync: Ve, isPending: He } = y(), K = Me || Pe || Fe || Ie || Re || Be || He, Ue = K || I || L, q = b(null), We = () => {
-		requestAnimationFrame(() => {
-			let e = q.current, t = e?.querySelector("[aria-invalid=\"true\"]");
-			if (!e || !t) return;
-			let n = t.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop - e.clientHeight / 2 + t.offsetHeight / 2;
-			e.scrollTo({
-				top: Math.max(0, n),
-				behavior: "smooth"
-			});
-		});
-	}, Ge = () => {
-		B.current = "issue", _e().then(We);
-	}, J = P("counterpart_id"), Ke = P("frequency") !== "once", qe = g({
-		frequency: P("frequency"),
-		recurrence_automation_level: P("recurrence_automation_level")
-	}), Je = P("counterpart_email"), Y = P("default_billing_address_id"), Ye = P("bank_account_id"), { data: X, isLoading: Xe, isFetching: Z } = n(J), { data: Q, isLoading: Ze, isFetching: Qe } = i(J), $ = ie(() => Q?.data?.find((e) => e.id === Y), [Y, Q?.data]), $e = !!(Je?.trim() || r(X)), et = !!J && (Xe || Z), { data: tt, isLoading: nt, isFetching: rt } = p({
-		counterpart_billing_address_id: X?.id === J && Y || void 0,
-		counterpart_country: $?.id === Y && $?.country || void 0,
-		counterpart_id: J || void 0,
-		counterpart_type: X?.id === J && X?.type || void 0
-	}), it = tt?.entity?.tax_id?.required, at = be || xe || nt || rt || !!J && (Xe || Z || Ze || Qe), ot = (e) => {
-		F("counterpart_id", e), F("counterpart_name", ""), F("counterpart_email", ""), ge(["counterpart_id", "counterpart_email"]);
-	}, st = () => {
-		if (R) {
-			C.error(A._("Please wait for attachments to finish uploading."));
-			return;
-		}
-		ve ? z(!0) : k();
-	}, ct = async (e) => {
-		if (e.type !== "invoice") {
-			C.error(A._("`type` except `invoice` is not supported yet"));
-			return;
-		}
-		let t = qe && !D || B.current === "issue";
-		if (t && it && !ye?.tax_id) {
-			C.error(A._("Set your organization's Tax ID to issue invoice"));
-			return;
-		}
-		let n = !e.counterpart_id && !!e.counterpart_name?.trim(), r = X && "organization" in X ? X?.organization?.email : void 0, i = X && "individual" in X ? X?.individual?.email : void 0, a = r || i, o = n ? !0 : X?.reminders_enabled, s = n ? e.counterpart_email : a, c = !!(e.payment_reminder_id || e.overdue_reminder_id);
-		if (t && c) {
-			if (!o && s) {
-				C.error(A._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off."));
-				return;
-			}
-			if (!s && o) {
-				C.error(A._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders."));
-				return;
-			}
-			if (!o && !s) {
-				C.error(A._("Reminders are disabled for this customer, and no email address has been added for it. Please update the details or turn off reminders."));
-				return;
-			}
-		}
-		let l = e.counterpart_id ?? "";
-		if (n) try {
-			l = (await Ne({
-				type: "organization",
-				is_customer: !0,
-				is_vendor: !1,
-				reminders_enabled: !0,
-				language: ee.find((e) => e === A.locale.split("-")[0]) ?? "en",
-				organization: {
-					legal_name: e?.counterpart_name?.trim() ?? "",
-					...e.counterpart_email ? { email: e.counterpart_email } : {}
-				}
-			})).id;
-		} catch {
-			return;
-		}
-		let u = e.default_shipping_address_id, d = Q?.data?.find((e) => e.id === u), f = e.line_items.filter((e) => !e.product_id && !!e.product?.name?.trim()), p = Se?.data ?? [], m, g, _ = null;
-		try {
-			if (h === "create") V ? (m = V.id, await G(se(e, p)), g = await W(ce(e, {
-				resolvedCounterpartId: l,
-				currency: w
-			}))) : (g = await je(oe(e, {
-				resolvedCounterpartId: l,
-				billingAddressId: $?.id,
-				shippingAddressId: d?.id,
-				measureUnits: p,
-				currency: w
-			}), { onSuccess: async () => {
-				await j.finops.getReceivables.invalidateQueries(M);
-			} }), m = g.id, _ = g, n && ot(l));
-			else {
-				if (!T) return;
-				await G(se(e, p)), g = await W(ce(e, {
-					resolvedCounterpartId: l,
-					currency: w
-				})), m = T.id;
-			}
-		} catch {
-			n && ot(l);
-			return;
-		}
-		let v = {
-			receivableId: m,
-			counterpartId: l,
-			inlineLineItems: f,
-			receivable: g,
-			hasCustomerEmail: $e
-		}, y = () => j.finops.getReceivablesId.fetchQuery({
-			parameters: { path: { receivable_id: m } },
-			requestFn: fe,
-			baseUrl: ue
-		}, M);
-		if (Ke) {
-			let t = e.frequency === "day" && e.recurrence_end_mode === "on" && !!e.recurrence_end_date, n = E ? null : void 0, r = {
-				frequency: e.frequency,
-				start_date: e.recurrence_start_date ? S(new Date(e.recurrence_start_date), "yyyy-MM-dd") : void 0,
-				max_occurrences: t ? n : e.recurrence_max_occurrences || void 0,
-				end_date: t && e.recurrence_end_date ? S(new Date(e.recurrence_end_date), "yyyy-MM-dd") : n
-			}, i = te(e);
-			try {
-				if (E) {
-					let e = E.scheduleLocked ? {
-						max_occurrences: r.max_occurrences,
-						end_date: r.end_date,
-						...i
-					} : {
-						...r,
-						...i
-					};
-					await ze({
-						path: { recurrence_id: E.id },
-						body: e
-					});
-				} else await Le({ body: {
-					...r,
-					...i,
-					invoice_id: m,
-					interval: 1
-				} });
-			} catch {
-				!V && _ && H(_);
-				return;
-			}
-			H(null);
-			try {
-				g = await y();
-			} catch {}
-			O({
-				mode: "recurrence",
-				...v,
-				receivable: g
-			});
-			return;
-		}
-		if (B.current === "issue") {
-			try {
-				g = await Ve({ path: { receivable_id: m } }), H(null), O({
-					mode: "issue",
-					...v,
-					receivable: g
-				});
-			} catch {
-				C.error(A._("The invoice was saved but could not be issued.")), H(null), O({
-					mode: h === "edit" ? "update" : "draft",
-					...v
-				});
-			}
-			return;
-		}
-		h === "create" ? C.success(A._("Invoice to {counterpartName} was created", { counterpartName: g?.counterpart_name ?? "" })) : C.success(A._("Invoice has been updated")), H(null), O({
-			mode: h === "edit" ? "update" : "draft",
-			...v
-		});
-	};
-	return {
-		formName: Oe,
-		onSubmit: async (e) => {
-			e.preventDefault(), Ae();
-			let t = qe && !D || B.current === "issue";
-			if (R) {
-				C.error(A._("Please wait for attachments to finish uploading."));
-				return;
-			}
-			if (I) {
-				C.error(A._("Please wait for invoice details to finish loading."));
-				return;
-			}
-			if (t && at) {
-				C.error(A._("Please wait for invoice checks to finish."));
-				return;
-			}
-			if (t && N && L) {
-				C.error(A._("Please wait for invoice checks to finish."));
-				return;
-			}
-			if (t && !pe && N && !Ye && !we) {
-				C.error(A._("Contact your company admin to set up a bank account before creating an invoice."));
-				return;
-			}
-			await me(ct, We)(e);
+		{
+			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)
 		},
-		formScrollRef: q,
-		registerLineItemCleanupFn: ke,
-		onAttachmentsUploadingChange: Te,
-		isLoading: Ue,
-		isSaving: K,
-		attachmentsUploading: R,
-		submitModeRef: B,
-		isRecurrenceEnabled: Ke,
-		hasCustomerEmail: $e,
-		isCustomerEmailLoading: et,
-		isIssuePreflightLoading: at,
-		requestClose: st,
-		highlightForIssue: Ge,
-		discardModal: {
-			open: Ee,
-			onOpenChange: z,
-			onConfirm: () => {
-				z(!1), k();
+		{
+			field: "counterpart_name",
+			sortable: _.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: _.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(g, {
+			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 { T as useReceivableSubmit };
+export { D as QuotesTable };