@tesouro/embedded-components-react 0.2.288 → 0.2.292

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

@@ -1,26 +1,142 @@
-import "./index113.js";
-import "./index348.js";
-import "./index349.js";
-import "./index350.js";
-import "./index351.js";
-import "./index352.js";
-import "./index353.js";
-import "./index354.js";
-import "./index355.js";
-import "./index356.js";
-import "./index357.js";
-import "./index358.js";
-import "./index359.js";
-import "./index360.js";
-import "./index361.js";
-import "./index362.js";
-import "./index363.js";
-import "./index364.js";
-import "./index365.js";
-import "./index366.js";
-import "./index367.js";
-import "./index414.js";
-import "./index426.js";
-import "./index415.js";
-import "./index427.js";
-import "./index431.js";
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { useFileInput as n } from "./index181.js";
+import "./index189.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./index431.js";
+import { useState as o } from "react";
+import { ChevronDownIcon as s, ChevronUpIcon as c, CloudUpload as l, Copy as u, Plus as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+import { toast as m } from "react-hot-toast";
+import { useLingui as h } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index432.js
+var g = ({ isCreateAllowed: g, onCreateInvoice: _, handleFileUpload: v }) => {
+	let { i18n: y } = h(), [b, x] = o(!1), { FileInput: S, openFileInput: C, checkFileError: w } = n(), [T, E] = o(!1);
+	return /* @__PURE__ */ f("div", {
+		className: "Monite-Payables",
+		children: /* @__PURE__ */ p(r, {
+			open: b,
+			onOpenChange: x,
+			children: [/* @__PURE__ */ f(a, {
+				asChild: !0,
+				children: /* @__PURE__ */ p(t, {
+					size: "lg",
+					disabled: !g,
+					children: [y._("Add new bill"), f(b ? c : s, {})]
+				})
+			}), /* @__PURE__ */ p(i, {
+				align: "end",
+				className: "ttw:w-auto ttw:min-w-110 ttw:border-none ttw:p-6",
+				children: [/* @__PURE__ */ p("div", {
+					className: "ttw:w-110 ttw:flex ttw:flex-col ttw:gap-4",
+					onClick: (e) => {
+						e.preventDefault(), e.stopPropagation();
+					},
+					children: [
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
+							className: "ttw:text-xl ttw:font-semibold ttw:text-zinc-950",
+							children: y._("Upload bills")
+						}), /* @__PURE__ */ f("p", {
+							className: "ttw:text-sm ttw:font-normal ttw:text-zinc-500",
+							children: y._("Upload your bills and we'll automatically pull the details so you can review and approve.")
+						})] }),
+						/* @__PURE__ */ f("div", {
+							className: e("ttw:box-border ttw:cursor-pointer ttw:w-full ttw:h-36.5 ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:border ttw:rounded-lg ttw:border-dashed ttw:border-zinc-200 ttw:bg-zinc-50", T && "ttw:bg-transparent"),
+							onDragOver: (e) => {
+								e.preventDefault(), E(!0);
+							},
+							onDragLeave: (e) => {
+								e.preventDefault(), E(!1);
+							},
+							onDrop: (e) => {
+								e.preventDefault(), E(!1);
+								let t = Array.from(e.dataTransfer.files);
+								if (t.length > 10) {
+									m.error(y._("You can only upload up to {fileCount} files at a time", { fileCount: 10 })), x(!1);
+									return;
+								}
+								t.forEach((e) => {
+									let t = w(e);
+									if (t) {
+										m.error(t);
+										return;
+									}
+									v(e);
+								}), x(!1);
+							},
+							onClick: C,
+							children: /* @__PURE__ */ p("div", {
+								className: "ttw:mx-auto ttw:flex ttw:flex-col ttw:items-center ttw:gap-2",
+								children: [
+									/* @__PURE__ */ f("div", {
+										className: "ttw:w-11 ttw:h-11 ttw:rounded-full ttw:bg-primary ttw:flex ttw:items-center ttw:justify-center",
+										children: /* @__PURE__ */ f(l, { className: "ttw:text-white ttw:size-5" })
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "ttw:text-sm ttw:font-medium ttw:text-zinc-950",
+										children: [
+											y._("Drop your files here, or"),
+											" ",
+											/* @__PURE__ */ f("span", {
+												className: "ttw:text-primary ttw:underline",
+												children: y._("click to browse")
+											})
+										]
+									}),
+									/* @__PURE__ */ f("p", {
+										className: "ttw:text-xs ttw:font-normal ttw:text-zinc-500",
+										children: y._("PDF, PNG or JPG (max. 20MB)")
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "ttw:flex ttw:flex-col",
+							children: [/* @__PURE__ */ f("h3", {
+								className: "ttw:text-primary ttw:text-sm ttw:font-semibold",
+								children: y._("Send via email")
+							}), /* @__PURE__ */ f("p", {
+								className: "ttw:text-zinc-500 ttw:font-normal ttw:text-sm",
+								children: y._("Email your bills here and they'll appear in your bill pay inbox, ready to review and pay.")
+							})]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "ttw:px-3 ttw:h-14 ttw:border ttw:border-zinc-200 ttw:rounded-lg ttw:flex ttw:items-center ttw:justify-between ttw:gap-6",
+							children: [/* @__PURE__ */ f("span", { children: y._("bills@business-banking.com") }), /* @__PURE__ */ p(t, {
+								type: "button",
+								variant: "ghost",
+								size: "sm",
+								className: "ttw:text-primary ttw:hover:bg-primary-foreground ttw:hover:text-primary",
+								onClick: () => {
+									navigator.clipboard.writeText("bills@business-banking.com"), m.success(y._("Email address copied to clipboard"));
+								},
+								children: [/* @__PURE__ */ f(u, {}), y._("Copy")]
+							})]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-4",
+							children: [/* @__PURE__ */ f("h3", {
+								className: "ttw:text-sm ttw:font-semibold ttw:text-primary",
+								children: y._("Or add bill manually")
+							}), /* @__PURE__ */ p(t, {
+								onClick: () => {
+									x(!1), _();
+								},
+								className: "ttw:w-fit ttw:bg-primary-foreground ttw:hover:bg-primary-foreground ttw:text-primary",
+								children: [/* @__PURE__ */ f(d, {}), y._("Add new bill")]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ f(S, {
+					"aria-label": y._("Upload payable files"),
+					multiple: !0,
+					onChange: (e) => {
+						let t = e.target.files;
+						t && v(t), x(!1);
+					}
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { g as CreatePayableMenu };

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

@@ -1,10 +1 @@
-import { CounterpartNameCellById as e } from "./index232.js";
-import "./index329.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index433.js
-var n = ({ counterpartName: n, counterpartId: r }) => n ? /* @__PURE__ */ t("span", { children: n }) : r ? /* @__PURE__ */ t(e, { counterpartId: r }) : /* @__PURE__ */ t("span", {
-	style: { opacity: .4 },
-	children: "-"
-});
-//#endregion
-export { n as InvoicesCounterpartCell };
+import "./index432.js";

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

@@ -1,61 +1,167 @@
-import { Ban as e, CalendarX2 as t, Check as n, ChevronsRight as r, CircleOff as i, ClipboardCheck as a, Clock as o, CopyPlus as s, FileCheck as c, Mail as l, Pause as u, PenTool as d, Pencil as f, Play as p, Send as m, Trash2 as h } from "lucide-react";
-import "@mui/icons-material/PaidOutlined";
-import "@mui/icons-material/BlockOutlined";
-import "@mui/icons-material/Cancel";
-import "@mui/icons-material/DangerousOutlined";
-import "@mui/icons-material/DeleteForever";
-import "@mui/icons-material/CheckOutlined";
-import "@mui/icons-material/ErrorOutlineOutlined";
-import "@mui/icons-material/HourglassBottomOutlined";
-import "@mui/icons-material/InsertDriveFileOutlined";
-import "@mui/icons-material/ReplayOutlined";
-import "@mui/icons-material/SendOutlined";
-import "@mui/icons-material/StarHalfOutlined";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { getAPIErrorMessage as t } from "./index26.js";
+import { generatePayablesButtonCssVars as n } from "./index44.js";
+import { useMoniteContext as r } from "./index47.js";
+import { useRootElements as i } from "./index178.js";
+import "./index179.js";
+import { useFileInput as a } from "./index181.js";
+import { useComponentSettings as o } from "./index187.js";
+import "./index189.js";
+import { Dialog as s } from "./index201.js";
+import "./index202.js";
+import { MoniteScopedProviders as c } from "./index209.js";
+import { useUserPermissions as ee } from "./index112.js";
+import { AccessRestriction as l } from "./index238.js";
+import "./index240.js";
+import { usePayableCallbacks as u } from "./index352.js";
+import { PayableDetails as d } from "./index416.js";
+import { PayablesTable as f } from "./index429.js";
+import "./index417.js";
+import "./index430.js";
+import { CreatePayableMenu as p } from "./index432.js";
+import "./index433.js";
+import { useEffect as te, useMemo as ne, useRef as re, useState as m } from "react";
+import { jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
+import { toast as _ } from "react-hot-toast";
+import { useLingui as v } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index434.js
-var g = {
-	edit: f,
-	issue: c,
-	issueAndSend: m,
-	recordPayment: a,
-	send: l,
-	clone: s,
-	cancel: e,
-	delete: h,
-	markUncollectible: i,
-	pauseRecurrence: u,
-	resumeRecurrence: p,
-	cancelRecurrence: t
-}, _ = {
-	draft: d,
-	issuing: o,
-	issued: o,
-	partially_paid: o,
-	paid: n,
-	overdue: o,
-	canceled: e
-}, v = {
-	active: r,
-	paused: u,
-	canceled: e,
-	completed: n
-}, y = {
-	default: "ttw:text-foreground",
-	danger: "ttw:text-red-600",
-	success: "ttw:text-emerald-600",
-	muted: "ttw:text-muted-foreground"
-}, b = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", x = [
-	"application/pdf",
-	"image/jpeg",
-	"image/png",
-	"application/msword",
-	"application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-], S = [
-	"pdf",
-	"jpg",
-	"jpeg",
-	"png",
-	"doc",
-	"docx"
-];
+var y = (e) => /* @__PURE__ */ h(c, { children: /* @__PURE__ */ h(b, { ...e }) }), b = ({ pageTitleComponent: c, enableGLCodes: y, initialView: b, initialCounterpartId: x, onSaved: S, onCanceled: C, onSubmitted: w, onRejected: T, onApproved: ie, onReopened: ae, onDeleted: oe, onPay: se }) => {
+	let { i18n: E } = v(), { api: D, queryClient: O, theme: k } = r(), { componentSettings: A } = o(), { handleSaved: j, handleCanceled: M, handleSubmitted: N, handleRejected: P, handleApproved: F, handleReopened: I, handleDeleted: L, handlePay: R } = u({
+		onSaved: S,
+		onCanceled: C,
+		onSubmitted: w,
+		onRejected: T,
+		onApproved: ie,
+		onReopened: ae,
+		onDeleted: oe,
+		onPay: se
+	}), [z, B] = m({
+		invoiceId: void 0,
+		open: !1,
+		shouldOpenEditMode: !1
+	}), V = () => {
+		B((e) => ({
+			...e,
+			open: !1,
+			shouldOpenEditMode: !1,
+			invoiceId: void 0
+		}));
+	}, [ce, H] = m(!1), [U, W] = m(void 0), G = re(!1), K = () => {
+		H(!1), W(void 0);
+	}, { FileInput: le, openFileInput: ue, checkFileError: de } = a(), q = D.finops.postPayablesUploadFromFile.useMutation({}, {
+		onSuccess: () => D.finops.getPayables.invalidateQueries(O),
+		onError: () => {}
+	}), J = (e) => {
+		let n = e instanceof File ? [e] : Array.from(e);
+		if (n.length > 10) {
+			_.error(E._("You can only upload up to {fileCount} files at a time", { fileCount: 10 }));
+			return;
+		}
+		n.forEach((e) => {
+			let n = de(e);
+			if (n) {
+				_.error(n);
+				return;
+			}
+			_.promise(q.mutateAsync({ file: e }), {
+				loading: E._("Uploading {fileName}", { fileName: e.name }),
+				success: E._("Payable {fileName} uploaded successfully", { fileName: e.name }),
+				error: (e) => t(E, e)
+			});
+		});
+	}, Y = ee(), X = Y.has(e.PayableWriteOrg), Z = Y.has(e.PayableReadOrg);
+	te(() => {
+		G.current || b === "create" && X && (G.current = !0, W(x), H(!0));
+	}, [
+		b,
+		X,
+		x
+	]);
+	let { root: Q } = i(), $ = y ?? A?.payables?.enableGLCodes ?? !1, fe = ne(() => n(k.components?.styles?.payables?.button), [k.components?.styles?.payables?.button]);
+	return /* @__PURE__ */ g("div", {
+		className: "Monite-Payables",
+		style: fe,
+		children: [
+			c(/* @__PURE__ */ h(p, {
+				isCreateAllowed: X,
+				onCreateInvoice: () => {
+					W(void 0), H(!0);
+				},
+				handleFileUpload: J
+			})),
+			!Z && /* @__PURE__ */ h(l, {}),
+			Z && /* @__PURE__ */ h(f, {
+				initialCounterpartId: b === "create" ? void 0 : x,
+				onRowClick: (e) => B({
+					open: !0,
+					invoiceId: e
+				}),
+				onPay: R,
+				onApproved: F,
+				onCanceled: M,
+				onSubmitted: N,
+				openFileInput: ue,
+				setIsCreateInvoiceDialogOpen: H,
+				openEditDialog: (e) => B({
+					open: !0,
+					invoiceId: e,
+					shouldOpenEditMode: !0
+				})
+			}),
+			/* @__PURE__ */ h(le, {
+				"aria-label": E._("Upload payable files"),
+				multiple: !0,
+				onChange: (e) => {
+					let t = e.target.files;
+					t && J(t);
+				}
+			}),
+			/* @__PURE__ */ h(s, {
+				className: "Monite-Payables-Header-Dialog-PayableDetails",
+				open: z.open,
+				container: Q,
+				onClose: V,
+				onClosed: V,
+				fullScreen: !0,
+				children: /* @__PURE__ */ h(d, {
+					id: z.invoiceId,
+					shouldOpenInEditMode: z.shouldOpenEditMode,
+					enableGLCodes: $,
+					onClose: V,
+					onSaved: j,
+					onCanceled: M,
+					onSubmitted: N,
+					onRejected: P,
+					onApproved: F,
+					onReopened: I,
+					onDeleted: (e) => {
+						L?.(e), V(), _(E._("Bill #{payableId} has been deleted", { payableId: e }), { duration: 5e3 });
+					},
+					onPay: R
+				})
+			}),
+			/* @__PURE__ */ h(s, {
+				className: "Monite-Payables-Header-Dialog-CreatePayable",
+				open: ce,
+				container: Q,
+				onClose: K,
+				fullScreen: !0,
+				children: /* @__PURE__ */ h(d, {
+					shouldOpenInEditMode: !0,
+					initialCounterpartId: U,
+					enableGLCodes: $,
+					onClose: K,
+					onSaved: (e) => {
+						B({
+							open: !0,
+							invoiceId: e
+						}), K(), j?.(e);
+					}
+				})
+			})
+		]
+	});
+};
 //#endregion
-export { g as ACTION_ICON, S as ATTACHMENT_ACCEPTED_EXTENSIONS, x as ATTACHMENT_ACCEPTED_FORMATS, v as RECURRENCE_STATUS_ICON, _ as STATUS_ICON, y as amountValueToneClass, b as headerIconButtonClass };
+export { y as Payables };

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

@@ -1,40 +1,26 @@
-import { cn as e } from "./index49.js";
-import { Badge as t } from "./index195.js";
-import { getCommonRecurrenceStatusLabel as n } from "./index210.js";
-import "./index226.js";
-import { RECURRENCE_STATUS_ICON as r } from "./index434.js";
-import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
-import { useLingui as o } from "@lingui/react";
-import { cva as s } from "class-variance-authority";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index435.js
-var c = s("", { variants: {
-	variant: {
-		active: "ttw:bg-indigo-100 ttw:text-indigo-700",
-		paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
-		canceled: "ttw:bg-red-100 ttw:text-red-700",
-		completed: "ttw:bg-green-100 ttw:text-green-700"
-	},
-	dotVariant: {
-		active: "ttw:border-indigo-100 ttw:bg-indigo-700",
-		paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
-		canceled: "ttw:border-red-100 ttw:bg-red-700",
-		completed: "ttw:border-green-100 ttw:bg-green-700"
-	}
-} }), l = ({ status: s, className: l, showBadgeBackground: u = !0, showIcon: d = !1, dotSize: f, ref: p }) => {
-	let { i18n: m } = o(), h = r[s];
-	return /* @__PURE__ */ a(t, {
-		ref: p,
-		className: e("ttw:inline-flex ttw:items-center ttw:gap-1", c({ variant: s }), l),
-		dotClassName: c({ dotVariant: s }),
-		showBadgeBackground: u,
-		showDotBorder: !u,
-		dotSize: f,
-		showDot: !1,
-		children: [d && /* @__PURE__ */ i(h, {
-			className: "ttw:size-3",
-			"aria-hidden": !0
-		}), n(m, s)]
-	});
-};
-//#endregion
-export { l as InvoiceRecurrenceStatusChip };
+import "./index113.js";
+import "./index350.js";
+import "./index351.js";
+import "./index352.js";
+import "./index353.js";
+import "./index354.js";
+import "./index355.js";
+import "./index356.js";
+import "./index357.js";
+import "./index358.js";
+import "./index359.js";
+import "./index360.js";
+import "./index361.js";
+import "./index362.js";
+import "./index363.js";
+import "./index364.js";
+import "./index365.js";
+import "./index366.js";
+import "./index367.js";
+import "./index368.js";
+import "./index369.js";
+import "./index416.js";
+import "./index429.js";
+import "./index417.js";
+import "./index430.js";
+import "./index434.js";

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

@@ -1,156 +1,10 @@
-import { AmountFilter as e, DateRangePicker as t, FilterBar as n, FilterMenuButton as r, FilterTag as i, Input as a, MultiSelectFilter as o, Popover as s, PopoverContent as c, PopoverTrigger as l, SearchInput as u, useFilterPanel as d } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ListFilter as f } from "lucide-react";
-import { Fragment as p, jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
-import { useLingui as g } from "@lingui/react";
+import { CounterpartNameCellById as e } from "./index234.js";
+import "./index331.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index436.js
-var _ = {
-	due_date: "Due date",
-	created_at: "Created on",
-	issue_date: "Issue date"
-}, v = [
-	{
-		id: "date_due_date",
-		label: "Due date",
-		field: "due_date"
-	},
-	{
-		id: "date_created_at",
-		label: "Created on",
-		field: "created_at"
-	},
-	{
-		id: "date_issue_date",
-		label: "Issue date",
-		field: "issue_date"
-	},
-	{
-		id: "status",
-		label: "Status",
-		field: void 0
-	},
-	{
-		id: "amount",
-		label: "Amount",
-		field: void 0
-	},
-	{
-		id: "customer",
-		label: "Customer",
-		field: void 0
-	}
-], y = {
-	date_due_date: "ttw:w-auto",
-	date_created_at: "ttw:w-auto",
-	date_issue_date: "ttw:w-auto",
-	status: "ttw:w-56",
-	amount: "ttw:w-64",
-	customer: "ttw:w-64"
-};
-function b(b) {
-	let { i18n: x } = g(), S = d(), C = S.isMenuOpen || !!S.activePanelId, w = S.activePanelId && y[S.activePanelId] || "ttw:w-52", T = b.allPresets.map((e) => ({
-		value: e.value,
-		label: e.label,
-		group: e.group
-	})), E = (e) => {
-		e || (S.closeMenu(), S.closePanel());
-	}, D = (e) => {
-		S.openPanel(e);
-	};
-	return /* @__PURE__ */ m(n, {
-		className: "ttw:pl-4",
-		searchSlot: /* @__PURE__ */ m(u, {
-			value: b.searchValue,
-			onChange: (e) => b.onSearchChange(e.target.value),
-			placeholder: "Search by number or customer...",
-			className: "ttw:min-w-64"
-		}),
-		menuSlot: /* @__PURE__ */ h(s, {
-			open: C,
-			onOpenChange: E,
-			children: [/* @__PURE__ */ m(l, {
-				asChild: !0,
-				children: /* @__PURE__ */ m(r, {
-					activeCount: b.activeFilterCount,
-					onClick: S.toggleMenu
-				})
-			}), /* @__PURE__ */ h(c, {
-				align: "start",
-				className: `ttw:p-0 ${w}`,
-				children: [
-					S.isMenuOpen && /* @__PURE__ */ m("div", {
-						className: "ttw:p-1",
-						children: v.map((e) => /* @__PURE__ */ h("button", {
-							type: "button",
-							className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer",
-							onClick: () => D(e.id),
-							children: [/* @__PURE__ */ m(f, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }), e.label]
-						}, e.id))
-					}),
-					v.filter((e) => e.field !== void 0).map((e) => S.activePanelId === e.id && e.field && /* @__PURE__ */ m(t, {
-						from: b.activeDateFields[e.field]?.from,
-						to: b.activeDateFields[e.field]?.to,
-						onRangeChange: (t) => b.onDateFieldRangeChange(e.field, t),
-						selectedPreset: b.activeDateFields[e.field]?.preset,
-						onPresetChange: (t) => b.onDateFieldPresetChange(e.field, t),
-						presets: T,
-						labels: { fieldLabel: _[e.field] }
-					}, e.id)),
-					S.activePanelId === "status" && /* @__PURE__ */ m(o, {
-						options: b.statusOptions,
-						selectedValues: b.selectedStatus,
-						onSelectionChange: b.onStatusChange
-					}),
-					S.activePanelId === "amount" && /* @__PURE__ */ m(e, {
-						mode: b.amountMode,
-						onModeChange: b.onAmountModeChange,
-						min: b.amountMin,
-						max: b.amountMax,
-						onMinChange: b.onAmountMinChange,
-						onMaxChange: b.onAmountMaxChange,
-						showFlowDirection: !1,
-						labels: {
-							min: "No less than",
-							max: "No more than"
-						}
-					}),
-					S.activePanelId === "customer" && /* @__PURE__ */ h("div", {
-						className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2",
-						children: [
-							/* @__PURE__ */ m("p", {
-								className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
-								children: "Customer name"
-							}),
-							/* @__PURE__ */ m(a, {
-								type: "text",
-								value: b.customerName,
-								onChange: (e) => b.onCustomerNameChange(e.target.value),
-								placeholder: "Search customers...",
-								className: "ttw:h-8 ttw:text-xs"
-							}),
-							/* @__PURE__ */ m("p", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: x._("Matches names containing your search")
-							})
-						]
-					})
-				]
-			})]
-		}),
-		activeChipsSlot: /* @__PURE__ */ h(p, { children: [b.activeChips.map((e) => /* @__PURE__ */ m(i, {
-			label: e.label,
-			count: e.count,
-			variant: "default",
-			onLabelClick: e.key === "date" ? () => {
-				S.openPanel("date");
-			} : void 0,
-			onDismiss: () => b.onDismissChip(e.key)
-		}, e.key)), b.activeFilterCount > 0 && /* @__PURE__ */ m("button", {
-			type: "button",
-			className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap",
-			onClick: b.onClearAll,
-			children: "Clear all"
-		})] })
-	});
-}
+var n = ({ counterpartName: n, counterpartId: r }) => n ? /* @__PURE__ */ t("span", { children: n }) : r ? /* @__PURE__ */ t(e, { counterpartId: r }) : /* @__PURE__ */ t("span", {
+	style: { opacity: .4 },
+	children: "-"
+});
 //#endregion
-export { b as InvoicesFilterBar };
+export { n as InvoicesCounterpartCell };