@tesouro/embedded-components-react 0.5.160 → 0.5.162

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

@@ -1 +1,32 @@
-import "./index411.js";
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { Box as n, Typography as r } from "@mui/material";
+import { useLingui as i } from "@lingui/react";
+import a from "@mui/icons-material/AttachFile";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index412.js
+var o = () => {
+	let { i18n: o } = i();
+	return /* @__PURE__ */ e(n, {
+		className: "Monite-PayableDetailsNoAttachedFile",
+		sx: {
+			width: "100%",
+			height: "100%",
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center",
+			textAlign: "center"
+		},
+		children: /* @__PURE__ */ t(n, {
+			sx: { margin: "auto" },
+			children: [/* @__PURE__ */ e(a, {
+				color: "primary",
+				fontSize: "large",
+				sx: { marginBottom: 2 }
+			}), /* @__PURE__ */ e(r, {
+				color: "secondary",
+				children: o._("This invoice doesn’t have a file attached.")
+			})]
+		})
+	});
+};
+//#endregion
+export { o as PayableDetailsNoAttachedFile };

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

@@ -1,29 +1 @@
-import { Suspense as e, lazy as t, useEffect as n, useState as r } from "react";
-import { jsx as i } from "@emotion/react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index413.js
-var a = t(() => import("./index589.js")), o = ({ url: e, mimetype: t, name: n, showCloseButton: r, onClose: a }) => t === "application/pdf" ? /* @__PURE__ */ i(s, {
-	url: e,
-	showCloseButton: r,
-	onClose: a
-}) : /* @__PURE__ */ i("img", {
-	className: "Monite-ImageFileViewer",
-	src: e,
-	alt: n,
-	loading: "lazy",
-	style: {
-		width: "100%",
-		objectFit: "contain"
-	}
-}), s = ({ url: t, showCloseButton: o, onClose: s }) => {
-	let [c, l] = r(!1);
-	return n(() => l(!0), []), c ? /* @__PURE__ */ i(e, {
-		fallback: null,
-		children: /* @__PURE__ */ i(a, {
-			url: t,
-			showCloseButton: o,
-			onClose: s
-		})
-	}) : null;
-};
-//#endregion
-export { o as FileViewer };
+import "./index412.js";

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

@@ -1 +1,29 @@
-import "./index413.js";
+import { Suspense as e, lazy as t, useEffect as n, useState as r } from "react";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index414.js
+var a = t(() => import("./index592.js")), o = ({ url: e, mimetype: t, name: n, showCloseButton: r, onClose: a }) => t === "application/pdf" ? /* @__PURE__ */ i(s, {
+	url: e,
+	showCloseButton: r,
+	onClose: a
+}) : /* @__PURE__ */ i("img", {
+	className: "Monite-ImageFileViewer",
+	src: e,
+	alt: n,
+	loading: "lazy",
+	style: {
+		width: "100%",
+		objectFit: "contain"
+	}
+}), s = ({ url: t, showCloseButton: o, onClose: s }) => {
+	let [c, l] = r(!1);
+	return n(() => l(!0), []), c ? /* @__PURE__ */ i(e, {
+		fallback: null,
+		children: /* @__PURE__ */ i(a, {
+			url: t,
+			showCloseButton: o,
+			onClose: s
+		})
+	}) : null;
+};
+//#endregion
+export { o as FileViewer };

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

@@ -1 +1 @@
-import "./index243.js";
+import "./index414.js";

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

@@ -1,161 +1 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { ScopedCssBaselineContainerClassName as t } from "./index30.js";
-import { generatePayablesButtonCssVars as n } from "./index43.js";
-import { useMoniteContext as r } from "./index46.js";
-import { MoniteScopedProviders as i } from "./index241.js";
-import { useUserPermissions as a } from "./index118.js";
-import { NotFound as o } from "./index243.js";
-import { AccessRestriction as ee } from "./index251.js";
-import "./index253.js";
-import { LoadingPage as s } from "./index264.js";
-import "./index265.js";
-import { classNames as c } from "./index337.js";
-import { PayableDetailsForceActionDialog as l } from "./index351.js";
-import { PayableDetailsForm as u } from "./index385.js";
-import "./index386.js";
-import { usePayableDetails as d } from "./index392.js";
-import { PayableDetailsAttachFile as te } from "./index393.js";
-import "./index394.js";
-import { PayableDetailsHeader as ne } from "./index401.js";
-import "./index402.js";
-import { PayableDetailsInfo as re } from "./index409.js";
-import "./index410.js";
-import { PayableDetailsNoAttachedFile as ie } from "./index411.js";
-import "./index412.js";
-import { FileViewer as ae } from "./index413.js";
-import "./index414.js";
-import "./index415.js";
-import { useId as oe, useMemo as se, useState as ce } from "react";
-import { Fragment as le, jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
-import { Alert as m, Backdrop as h, Box as g, DialogContent as _, Grid as v } from "@mui/material";
-import { useLingui as y } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index416.js
-var b = (e) => /* @__PURE__ */ f(i, { children: /* @__PURE__ */ f(x, { ...e }) }), x = ({ id: i, optionalFields: b, enableGLCodes: x, hideAddDiscountButton: S, hideAddBankAccountButton: C, shouldOpenInEditMode: w, initialCounterpartId: T, onClose: E, onSaved: D, onCanceled: O, onSubmitted: k, onRejected: A, onApproved: j, onReopened: M, onDeleted: N, onPay: P }) => {
-	let { payable: F, payableQueryError: I, permissions: L, lineItems: R, isEdit: z, isLoading: B, showPayButton: V, actions: { setEdit: H, createInvoice: U, saveInvoice: W, submitInvoice: ue, payInvoice: de, rejectInvoice: fe, approveInvoice: pe, forceRejectInvoice: me, forceApproveInvoice: he, cancelInvoice: ge, reopenInvoice: _e, deleteInvoice: ve, modalComponent: ye } } = d({
-		id: i,
-		enableGLCodes: x,
-		shouldOpenInEditMode: w,
-		onSaved: D,
-		onCanceled: O,
-		onSubmitted: k,
-		onRejected: A,
-		onApproved: j,
-		onReopened: M,
-		onDeleted: N,
-		onPay: P
-	}), [G, K] = ce(null), q = () => K(null), be = async () => {
-		q(), await he();
-	}, xe = async () => {
-		q(), await me();
-	}, { i18n: J } = y(), { componentSettings: Y, theme: X } = r(), Se = se(() => n(X.components?.styles?.payables?.button), [X.components?.styles?.payables?.button]), Z = a(), Q = Z.has(e.PayableWriteOrg), Ce = Z.has(e.PayableReadOrg), $ = `Monite-PayableDetailsForm-${oe()}`;
-	return Ce ? I ? /* @__PURE__ */ f(o, {
-		title: J._("Payable not found"),
-		description: J._("There is no payable by provided id: {id}", { id: i })
-	}) : /* @__PURE__ */ f(le, { children: /* @__PURE__ */ p(g, {
-		className: c(t, "Monite-PayableDetails", "Monite-Payables"),
-		style: Se,
-		sx: {
-			width: "100%",
-			height: "100%",
-			display: "flex",
-			flexDirection: "column",
-			position: "absolute"
-		},
-		children: [
-			/* @__PURE__ */ f(h, {
-				open: B,
-				sx: { zIndex: (e) => e.zIndex.drawer + 1 },
-				children: /* @__PURE__ */ f(s, {})
-			}),
-			/* @__PURE__ */ f(ne, {
-				payable: F,
-				permissions: L,
-				setEdit: H,
-				isEdit: z,
-				submitInvoice: ue,
-				rejectInvoice: fe,
-				approveInvoice: pe,
-				forceRejectInvoice: () => K("reject"),
-				forceApproveInvoice: () => K("approve"),
-				reopenInvoice: _e,
-				cancelInvoice: ge,
-				deleteInvoice: ve,
-				payInvoice: de,
-				payableDetailsFormId: $,
-				onClose: E,
-				modalComponent: ye,
-				showPayButton: V
-			}, String(z)),
-			/* @__PURE__ */ f(l, {
-				open: G === "approve",
-				type: "approve",
-				onClose: q,
-				onConfirm: be
-			}),
-			/* @__PURE__ */ f(l, {
-				open: G === "reject",
-				type: "reject",
-				onClose: q,
-				onConfirm: xe
-			}),
-			/* @__PURE__ */ f(_, {
-				sx: {
-					display: "flex",
-					flexDirection: "column"
-				},
-				children: /* @__PURE__ */ p(v, {
-					container: !0,
-					columnSpacing: 4,
-					height: "100%",
-					children: [/* @__PURE__ */ p(v, {
-						item: !0,
-						container: !0,
-						xs: 6,
-						height: "100%",
-						children: [
-							F?.file && /* @__PURE__ */ f(ae, {
-								name: F.file.name,
-								mimetype: F.file.mimetype,
-								url: F.file.url
-							}),
-							Q && F?.id && !F?.file && /* @__PURE__ */ f(te, { payableId: F.id }),
-							!Q && F?.id && !F?.file && /* @__PURE__ */ f(ie, {})
-						]
-					}), /* @__PURE__ */ p(v, {
-						item: !0,
-						container: !0,
-						xs: 6,
-						flexDirection: "column",
-						height: "100%",
-						overflow: "auto",
-						children: [F && (F.status === "new" || F.status === "draft") && (F.ocr_status === "error" || F.ocr_status === "canceled") && /* @__PURE__ */ f(g, {
-							mb: 2,
-							children: /* @__PURE__ */ f(m, {
-								severity: "error",
-								children: J._("Due to an error, the OCR failed to read the data from the document. Please input the data manually.")
-							})
-						}), z ? /* @__PURE__ */ f(u, {
-							savePayable: W,
-							createPayable: U,
-							payable: F,
-							initialCounterpartId: T,
-							optionalFields: b,
-							lineItems: R,
-							payableDetailsFormId: $,
-							enableGLCodes: x,
-							hideAddDiscountButton: S ?? Y?.payables?.hideAddDiscountButton,
-							hideAddBankAccountButton: C ?? Y?.payables?.hideAddBankAccountButton
-						}) : F && /* @__PURE__ */ f(re, {
-							payable: F,
-							optionalFields: b,
-							enableGLCodes: x
-						})]
-					})]
-				})
-			})
-		]
-	}) }) : /* @__PURE__ */ f(ee, {});
-};
-//#endregion
-export { b as PayableDetails };
+import "./index244.js";

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

@@ -1 +1,161 @@
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { ScopedCssBaselineContainerClassName as t } from "./index30.js";
+import { generatePayablesButtonCssVars as n } from "./index43.js";
+import { useMoniteContext as r } from "./index46.js";
+import { MoniteScopedProviders as i } from "./index242.js";
+import { useUserPermissions as a } from "./index118.js";
+import { NotFound as o } from "./index244.js";
+import { AccessRestriction as ee } from "./index252.js";
+import "./index254.js";
+import { LoadingPage as s } from "./index265.js";
+import "./index266.js";
+import { classNames as c } from "./index338.js";
+import { PayableDetailsForceActionDialog as l } from "./index352.js";
+import { PayableDetailsForm as u } from "./index386.js";
+import "./index387.js";
+import { usePayableDetails as d } from "./index393.js";
+import { PayableDetailsAttachFile as te } from "./index394.js";
+import "./index395.js";
+import { PayableDetailsHeader as ne } from "./index402.js";
+import "./index403.js";
+import { PayableDetailsInfo as re } from "./index410.js";
+import "./index411.js";
+import { PayableDetailsNoAttachedFile as ie } from "./index412.js";
+import "./index413.js";
+import { FileViewer as ae } from "./index414.js";
+import "./index415.js";
 import "./index416.js";
+import { useId as oe, useMemo as se, useState as ce } from "react";
+import { Fragment as le, jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
+import { Alert as m, Backdrop as h, Box as g, DialogContent as _, Grid as v } from "@mui/material";
+import { useLingui as y } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index417.js
+var b = (e) => /* @__PURE__ */ f(i, { children: /* @__PURE__ */ f(x, { ...e }) }), x = ({ id: i, optionalFields: b, enableGLCodes: x, hideAddDiscountButton: S, hideAddBankAccountButton: C, shouldOpenInEditMode: w, initialCounterpartId: T, onClose: E, onSaved: D, onCanceled: O, onSubmitted: k, onRejected: A, onApproved: j, onReopened: M, onDeleted: N, onPay: P }) => {
+	let { payable: F, payableQueryError: I, permissions: L, lineItems: R, isEdit: z, isLoading: B, showPayButton: V, actions: { setEdit: H, createInvoice: U, saveInvoice: W, submitInvoice: ue, payInvoice: de, rejectInvoice: fe, approveInvoice: pe, forceRejectInvoice: me, forceApproveInvoice: he, cancelInvoice: ge, reopenInvoice: _e, deleteInvoice: ve, modalComponent: ye } } = d({
+		id: i,
+		enableGLCodes: x,
+		shouldOpenInEditMode: w,
+		onSaved: D,
+		onCanceled: O,
+		onSubmitted: k,
+		onRejected: A,
+		onApproved: j,
+		onReopened: M,
+		onDeleted: N,
+		onPay: P
+	}), [G, K] = ce(null), q = () => K(null), be = async () => {
+		q(), await he();
+	}, xe = async () => {
+		q(), await me();
+	}, { i18n: J } = y(), { componentSettings: Y, theme: X } = r(), Se = se(() => n(X.components?.styles?.payables?.button), [X.components?.styles?.payables?.button]), Z = a(), Q = Z.has(e.PayableWriteOrg), Ce = Z.has(e.PayableReadOrg), $ = `Monite-PayableDetailsForm-${oe()}`;
+	return Ce ? I ? /* @__PURE__ */ f(o, {
+		title: J._("Payable not found"),
+		description: J._("There is no payable by provided id: {id}", { id: i })
+	}) : /* @__PURE__ */ f(le, { children: /* @__PURE__ */ p(g, {
+		className: c(t, "Monite-PayableDetails", "Monite-Payables"),
+		style: Se,
+		sx: {
+			width: "100%",
+			height: "100%",
+			display: "flex",
+			flexDirection: "column",
+			position: "absolute"
+		},
+		children: [
+			/* @__PURE__ */ f(h, {
+				open: B,
+				sx: { zIndex: (e) => e.zIndex.drawer + 1 },
+				children: /* @__PURE__ */ f(s, {})
+			}),
+			/* @__PURE__ */ f(ne, {
+				payable: F,
+				permissions: L,
+				setEdit: H,
+				isEdit: z,
+				submitInvoice: ue,
+				rejectInvoice: fe,
+				approveInvoice: pe,
+				forceRejectInvoice: () => K("reject"),
+				forceApproveInvoice: () => K("approve"),
+				reopenInvoice: _e,
+				cancelInvoice: ge,
+				deleteInvoice: ve,
+				payInvoice: de,
+				payableDetailsFormId: $,
+				onClose: E,
+				modalComponent: ye,
+				showPayButton: V
+			}, String(z)),
+			/* @__PURE__ */ f(l, {
+				open: G === "approve",
+				type: "approve",
+				onClose: q,
+				onConfirm: be
+			}),
+			/* @__PURE__ */ f(l, {
+				open: G === "reject",
+				type: "reject",
+				onClose: q,
+				onConfirm: xe
+			}),
+			/* @__PURE__ */ f(_, {
+				sx: {
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: /* @__PURE__ */ p(v, {
+					container: !0,
+					columnSpacing: 4,
+					height: "100%",
+					children: [/* @__PURE__ */ p(v, {
+						item: !0,
+						container: !0,
+						xs: 6,
+						height: "100%",
+						children: [
+							F?.file && /* @__PURE__ */ f(ae, {
+								name: F.file.name,
+								mimetype: F.file.mimetype,
+								url: F.file.url
+							}),
+							Q && F?.id && !F?.file && /* @__PURE__ */ f(te, { payableId: F.id }),
+							!Q && F?.id && !F?.file && /* @__PURE__ */ f(ie, {})
+						]
+					}), /* @__PURE__ */ p(v, {
+						item: !0,
+						container: !0,
+						xs: 6,
+						flexDirection: "column",
+						height: "100%",
+						overflow: "auto",
+						children: [F && (F.status === "new" || F.status === "draft") && (F.ocr_status === "error" || F.ocr_status === "canceled") && /* @__PURE__ */ f(g, {
+							mb: 2,
+							children: /* @__PURE__ */ f(m, {
+								severity: "error",
+								children: J._("Due to an error, the OCR failed to read the data from the document. Please input the data manually.")
+							})
+						}), z ? /* @__PURE__ */ f(u, {
+							savePayable: W,
+							createPayable: U,
+							payable: F,
+							initialCounterpartId: T,
+							optionalFields: b,
+							lineItems: R,
+							payableDetailsFormId: $,
+							enableGLCodes: x,
+							hideAddDiscountButton: S ?? Y?.payables?.hideAddDiscountButton,
+							hideAddBankAccountButton: C ?? Y?.payables?.hideAddBankAccountButton
+						}) : F && /* @__PURE__ */ f(re, {
+							payable: F,
+							optionalFields: b,
+							enableGLCodes: x
+						})]
+					})]
+				})
+			})
+		]
+	}) }) : /* @__PURE__ */ f(ee, {});
+};
+//#endregion
+export { b as PayableDetails };

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

@@ -1,37 +1 @@
-import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index418.js
-var i = () => {
-	let i = n(null), [a, o] = r(!1), [s, c] = r(0), [l, u] = r(0), d = e((e) => {
-		o(!0), c(e.pageX - (i.current?.offsetLeft || 0)), u(i.current?.scrollLeft || 0);
-	}, []), f = e(() => {
-		o(!1);
-	}, []), p = e(() => {
-		o(!1);
-	}, []), m = e((e) => {
-		if (!a) return;
-		e.preventDefault();
-		let t = e.pageX - (i.current?.offsetLeft || 0) - s;
-		i.current && (i.current.scrollLeft = l - t);
-	}, [
-		a,
-		s,
-		l
-	]), h = e((e) => {
-		i.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), i.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
-	}, []);
-	return t(() => {
-		let e = i.current;
-		if (e) return e.addEventListener("wheel", h), () => {
-			e.removeEventListener("wheel", h);
-		};
-	}, [h]), {
-		containerRef: i,
-		handleMouseDown: d,
-		handleMouseLeave: f,
-		handleMouseUp: p,
-		handleMouseMove: m,
-		isDragging: a
-	};
-};
-//#endregion
-export { i as useDragScroll };
+import "./index417.js";

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

@@ -1,36 +1,37 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { twMerge as r } from "tailwind-merge";
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index419.js
-var i = ({ isAllStatus: i, data: a, amountOfItems: o, selected: s, onClick: c, formatAmount: l, statusChip: u, allItemsText: d }) => {
-	let { i18n: f } = n();
-	return /* @__PURE__ */ e("button", {
-		onClick: c,
-		type: "button",
-		className: r("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", s ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"),
-		children: i ? /* @__PURE__ */ t("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-2",
-			children: [/* @__PURE__ */ e("span", {
-				className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950",
-				children: d ?? f._("All items")
-			}), /* @__PURE__ */ e("span", {
-				className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums",
-				children: a
-			})]
-		}) : /* @__PURE__ */ t("div", {
-			className: "ttw:flex ttw:flex-col",
-			children: [/* @__PURE__ */ t("div", {
-				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
-				children: [u, /* @__PURE__ */ e("span", {
-					className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums",
-					children: o ?? 0
-				})]
-			}), /* @__PURE__ */ e("span", {
-				className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis",
-				children: l(a)
-			})]
-		})
-	});
+var i = () => {
+	let i = n(null), [a, o] = r(!1), [s, c] = r(0), [l, u] = r(0), d = e((e) => {
+		o(!0), c(e.pageX - (i.current?.offsetLeft || 0)), u(i.current?.scrollLeft || 0);
+	}, []), f = e(() => {
+		o(!1);
+	}, []), p = e(() => {
+		o(!1);
+	}, []), m = e((e) => {
+		if (!a) return;
+		e.preventDefault();
+		let t = e.pageX - (i.current?.offsetLeft || 0) - s;
+		i.current && (i.current.scrollLeft = l - t);
+	}, [
+		a,
+		s,
+		l
+	]), h = e((e) => {
+		i.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), i.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
+	}, []);
+	return t(() => {
+		let e = i.current;
+		if (e) return e.addEventListener("wheel", h), () => {
+			e.removeEventListener("wheel", h);
+		};
+	}, [h]), {
+		containerRef: i,
+		handleMouseDown: d,
+		handleMouseLeave: f,
+		handleMouseUp: p,
+		handleMouseMove: m,
+		isDragging: a
+	};
 };
 //#endregion
-export { i as StatusCard };
+export { i as useDragScroll };

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

@@ -1,6 +1,36 @@
+import { jsx as e, jsxs 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/index420.js
-var e = (e) => JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t))), t = (t) => {
-	if (t) return JSON.stringify(t.map(e).sort((e, t) => e.localeCompare(t)));
+var i = ({ isAllStatus: i, data: a, amountOfItems: o, selected: s, onClick: c, formatAmount: l, statusChip: u, allItemsText: d }) => {
+	let { i18n: f } = n();
+	return /* @__PURE__ */ e("button", {
+		onClick: c,
+		type: "button",
+		className: r("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", s ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"),
+		children: i ? /* @__PURE__ */ t("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2",
+			children: [/* @__PURE__ */ e("span", {
+				className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950",
+				children: d ?? f._("All items")
+			}), /* @__PURE__ */ e("span", {
+				className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums",
+				children: a
+			})]
+		}) : /* @__PURE__ */ t("div", {
+			className: "ttw:flex ttw:flex-col",
+			children: [/* @__PURE__ */ t("div", {
+				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
+				children: [u, /* @__PURE__ */ e("span", {
+					className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums",
+					children: o ?? 0
+				})]
+			}), /* @__PURE__ */ e("span", {
+				className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis",
+				children: l(a)
+			})]
+		})
+	});
 };
 //#endregion
-export { t as getPayablesAnalyticsSnapshot };
+export { i as StatusCard };