@tesouro/embedded-components-react 0.5.283 → 0.5.285

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableActionsModal.js

@@ -25,9 +25,11 @@ function g({ messages: g }) {
 	}, []), W = p(() => v(void 0), []), G = p((e) => {
 		S(e), _?.inlineItems.length ? b("products") : W();
 	}, [W, _]), K = p(() => {
-		y === "issue" ? G("issued") : W();
+		I || k || (y === "issue" ? G("issued") : W());
 	}, [
 		W,
+		k,
+		I,
 		G,
 		y
 	]), q = p(async () => {
@@ -79,11 +81,13 @@ function g({ messages: g }) {
 	]), ee = m(() => {
 		if (_) return y === "issue" ? {
 			step: "issue",
-			title: g.actionsIssueTitle.replace("{name}", z),
+			icon: _.isResend ? "send" : "check",
+			title: (_.isResend ? g.actionsResendTitle : g.actionsIssueTitle).replace("{name}", z),
 			recipient: B ? `${z} <${B}>` : z,
 			subject: H,
 			message: T,
 			attachments: c(V),
+			dismissLabel: _.isResend ? g.actionsResendDismiss : g.actionsIssueDismiss,
 			sendDisabled: I || !H.trim() || !T.trim(),
 			inProgress: I
 		} : {

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableIssuePreflight.js

@@ -9,19 +9,20 @@ import "../../../../../shared/counterpart-management/feature/dist/index.js";
 import { useReceivableRequiredFieldsQuery as n } from "../../../../data-access/dist/index14.js";
 import "../../../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableIssuePreflight.js
-function r({ counterpartId: r, billingAddressId: i, billingCountry: a, inlineCustomerType: o }) {
-	let s = e(), c = t(r || void 0), l = c.data?.id === r ? c.data : void 0, u = n({
+function r({ counterpartId: r, billingAddressId: i, billingCountry: a, inlineCustomerType: o, checkRequiredFields: s = !0 }) {
+	let c = e(), l = t(r || void 0), u = l.data?.id === r ? l.data : void 0, d = n({
 		counterpart_id: r || void 0,
 		counterpart_billing_address_id: i || void 0,
 		counterpart_country: a,
-		counterpart_type: l?.type ?? o,
-		enabled: !!(r || o)
-	}), d = !!u.data?.entity?.tax_id?.required, f = !!r && !l && (c.isLoading || c.isFetching);
+		counterpart_type: u?.type ?? o,
+		enabled: s && !!(u || o)
+	}), f = !!d.data?.entity?.tax_id?.required, p = !!r && !u && (l.isLoading || l.isFetching);
 	return {
-		counterpart: l,
-		isCounterpartLoading: f,
-		isLoading: s.isLoading || u.isLoading || f,
-		isTaxIdMissing: d && !s.data?.tax_id
+		counterpart: u,
+		isCounterpartLoading: p,
+		isCounterpartError: !!r && !u && l.isError,
+		isLoading: c.isLoading || d.isLoading || p,
+		isTaxIdMissing: f && !c.data?.tax_id
 	};
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableRecurrence.js

@@ -37,7 +37,7 @@ function x({ values: x, errors: S, lockSchedule: C, messages: w, onChange: T, on
 		L.current = {
 			id: x.customerId,
 			email: k
-		}, e.email && e.email !== k && T(e.id === x.customerId ? s : a);
+		}, e.email && e.email !== k && T(!e.id || e.id === x.customerId ? s : a);
 	}, [
 		O.isLoading,
 		k,

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablesWidget.js

@@ -24,22 +24,22 @@ import { useReceivableForm as pe } from "./useReceivableForm.js";
 import { useReceivablesTable as me } from "./useReceivablesTable.js";
 import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablesWidget.js
-function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankName: ge, filterLabels: _e, initialCounterpartId: f, initialView: p, messageLabels: m, onReceivableCreated: h, onReceivableOpened: g, pageSizeOptions: ve, screenLabels: ye }) {
-	let be = n();
+function he({ auditHistoryLabels: he, counterpartMessageLabels: ge, embeddedBankName: _e, filterLabels: ve, initialCounterpartId: d, initialView: f, messageLabels: p, onReceivableCreated: m, onReceivableOpened: h, pageSizeOptions: ye, screenLabels: be }) {
+	let g = n();
 	o(() => {
-		be(re.Mounted);
-	}, [be]);
+		g(re.Mounted);
+	}, [g]);
 	let { initResponse: _, widgetToken: xe } = i(), v = ne(), Se = ee(), Ce = r(), y = te(), b = !!_ && !y, x = s(() => le(_?.scopes), [_?.scopes]), we = !!_ && y, S = !!_ && x.canRead, C = !!_ && x.canWrite, w = b && x.canRead, T = b && x.canWrite, E = !!Se && !b && !v, D = !b && !E && !!(xe || v), O = s(() => ({
 		...ce,
-		...m
-	}), [m]), k = ye?.statusBadge, A = s(() => ({
+		...p
+	}), [p]), k = be?.statusBadge, A = s(() => ({
 		...ie,
 		...k
 	}), [k]), [j, M] = l(), [N, P] = l(!1), [F, Te] = l(j);
 	j && j !== F && Te(j);
 	let [I, L] = l(!1), [Ee, R] = l(), z = e(_?.scopes, [t.CounterpartReadOrg]), De = a(() => R(void 0), []), [B, V] = l(!1), Oe = a(() => V(!0), []), H = a(() => V(!1), []), ke = a((e, t) => {
-		M(e), P(!0), h?.(e, t);
-	}, [h]), U = de({ messages: O }), W = U.open, Ae = a((e, t, n) => {
+		M(e), P(!0), m?.(e, t);
+	}, [m]), U = de({ messages: O }), W = U.open, Ae = a((e, t, n) => {
 		let r = oe(n);
 		r.openDetails && (M(e), P(!0)), r.actionsModal && W({
 			action: n.mode,
@@ -48,24 +48,24 @@ function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankNa
 			counterpartId: n.counterpartId,
 			inlineItems: n.inlineItems,
 			showEmailStep: r.actionsModal.showEmailStep
-		}), h?.(e, t);
-	}, [h, W]), G = me({
-		initialCounterpartId: p === "create" ? void 0 : f,
+		}), m?.(e, t);
+	}, [m, W]), G = me({
+		initialCounterpartId: f === "create" ? void 0 : d,
 		messages: O,
 		statusLabels: A,
-		filterLabels: _e,
-		pageSizeOptions: ve,
+		filterLabels: ve,
+		pageSizeOptions: ye,
 		enabled: w,
 		visible: S
 	}), je = a((e) => {
-		M(e), P(!0), g?.(e, "invoice");
-	}, [g]), K = fe({
+		M(e), P(!0), h?.(e, "invoice");
+	}, [h]), K = fe({
 		selectedReceivableId: j,
 		enabled: N && w,
 		canWrite: C,
 		messages: O,
 		statusLabels: A,
-		auditHistoryLabels: u,
+		auditHistoryLabels: he,
 		onOpenReceivable: je,
 		onOpenCustomer: z ? R : void 0
 	}), q = c("edit"), Me = a((e, t, n) => {
@@ -80,8 +80,8 @@ function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankNa
 		});
 	}, [W]), J = pe({
 		messages: O,
-		counterpartMessageLabels: he,
-		embeddedBankName: ge,
+		counterpartMessageLabels: ge,
+		embeddedBankName: _e,
 		canCreateCustomer: x.canCreateCustomer,
 		onCreated: Ae,
 		onUpdated: Me
@@ -89,12 +89,12 @@ function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankNa
 		T && J.openCreate("invoice");
 	}, [T, J.openCreate]), Y = c(!1);
 	o(() => {
-		Y.current || p === "create" && T && (Y.current = !0, J.openCreate("invoice", { customerId: f }));
+		Y.current || f === "create" && T && (Y.current = !0, J.openCreate("invoice", { customerId: d }));
 	}, [
 		T,
 		J.openCreate,
-		f,
-		p
+		d,
+		f
 	]);
 	let X = ue({
 		selectedReceivable: K.receivable,
@@ -114,6 +114,15 @@ function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankNa
 			counterpartId: t,
 			inlineItems: [],
 			showEmailStep: !0
+		}),
+		onResend: (e, t) => W({
+			action: "issue",
+			receivableId: e,
+			documentType: "invoice",
+			counterpartId: t,
+			inlineItems: [],
+			showEmailStep: !0,
+			isResend: !0
 		})
 	});
 	o(() => {
@@ -121,25 +130,24 @@ function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankNa
 	}, [J.open]), o(() => {
 		!J.open && I && (L(!1), P(!0));
 	}, [J.open, I]);
-	let Z = b && !x.canWrite, Pe = J.open || J.counterpartView !== "none" || !!X.actionTarget || X.sendOpen || X.payment.isOpen || U.isOpen || B, Fe = J.close, Ie = J.counterpartForm.close, { closeAction: Le, closeSend: Re } = X, Q = X.payment.close, $ = U.close;
+	let Z = b && !x.canWrite, Q = J.open || J.counterpartView !== "none" || !!X.actionTarget || X.payment.isOpen || U.isOpen || B, Pe = J.close, Fe = J.counterpartForm.close, { closeAction: Ie } = X, Le = X.payment.close, $ = U.close;
 	o(() => {
-		Z && Pe && (Fe(), Ie(), Le(), Re(), Q(), $(), H());
+		Z && Q && (Pe(), Fe(), Ie(), Le(), $(), H());
 	}, [
-		Le,
-		$,
 		Ie,
+		$,
 		Fe,
+		Pe,
 		H,
+		Le,
 		Q,
-		Re,
-		Pe,
 		Z
 	]);
-	let ze = a((e) => {
-		ae() || (M(e.id), P(!0), g?.(e.id, e.type));
-	}, [g]), Be = a(() => {
+	let Re = a((e) => {
+		ae() || (M(e.id), P(!0), h?.(e.id, e.type));
+	}, [h]), ze = a(() => {
 		P(!1), M(void 0), R(void 0);
-	}, []), Ve = a((e, t) => {
+	}, []), Be = a((e, t) => {
 		if (T) {
 			if (e === "edit") {
 				K.receivable && (q.current = "edit", J.openEdit(K.receivable), L(!0), P(!1));
@@ -174,7 +182,7 @@ function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankNa
 		onRetry: E ? Ce : G.onRetry,
 		details: K,
 		detailsOpen: N && S,
-		closeDetails: Be,
+		closeDetails: ze,
 		detailsPanelKey: F,
 		customerDetailsId: Ee,
 		closeCustomerDetails: De,
@@ -187,11 +195,11 @@ function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankNa
 			counterpartView: C ? J.counterpartView : "none",
 			counterpartForm: {
 				...J.counterpartForm,
-				submit: d(T, J.counterpartForm.submit)
+				submit: u(T, J.counterpartForm.submit)
 			},
-			submit: d(T, J.submit),
-			submitDraft: d(T, J.submitDraft),
-			submitPrimary: d(T, J.submitPrimary)
+			submit: u(T, J.submit),
+			submitDraft: u(T, J.submitDraft),
+			submitPrimary: u(T, J.submitPrimary)
 		},
 		openCreate: Ne,
 		measureUnitsOpen: C && B,
@@ -200,31 +208,29 @@ function u({ auditHistoryLabels: u, counterpartMessageLabels: he, embeddedBankNa
 		actions: {
 			...X,
 			actionDialog: C ? X.actionDialog : void 0,
-			sendOpen: C && X.sendOpen,
-			openAction: d(T, X.openAction),
-			confirmAction: d(T, X.confirmAction),
-			submitSend: d(T, X.submitSend),
+			openAction: u(T, X.openAction),
+			confirmAction: u(T, X.confirmAction),
 			payment: {
 				...X.payment,
 				isOpen: C && X.payment.isOpen,
-				save: d(T, X.payment.save),
-				confirm: d(T, X.payment.confirm)
+				save: u(T, X.payment.save),
+				confirm: u(T, X.payment.confirm)
 			}
 		},
 		actionsModal: {
 			...U,
 			isOpen: C && U.isOpen,
-			send: d(T, U.send),
-			saveItems: d(T, U.saveItems)
+			send: u(T, U.send),
+			saveItems: u(T, U.saveItems)
 		},
-		handleRowClick: ze,
-		handleDetailsActionClick: Ve
+		handleRowClick: Re,
+		handleDetailsActionClick: Be
 	};
 }
-function d(e, t) {
+function u(e, t) {
 	return (...n) => {
 		e && t(...n);
 	};
 }
 //#endregion
-export { u as useReceivablesWidget };
+export { he as useReceivablesWidget };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index.js

@@ -30,7 +30,6 @@ import { ReceivableRecurrenceEmailDialog as g } from "./index51.js";
 import { ReceivableRecurrenceSection as _ } from "./index53.js";
 import "./index54.js";
 import { ReceivableRemindersSection as v } from "./index55.js";
-import { ReceivableSendDialog as y } from "./index56.js";
-import { ReceivablesScreen as b } from "./index58.js";
-import { UnsavedInvoiceDialog as x } from "./index59.js";
-export { t as InvoicesFilterBar, e as InvoicesFilterField, d as RECEIVABLE_DETAILS_SECTION, s as RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE, c as RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as ReceivableActionDialog, n as ReceivableActionsModal, o as ReceivableAttachmentsSection, a as ReceivableBankAccountSection, l as ReceivableBillingSection, u as ReceivableCustomerSection, f as ReceivableDetailsPanel, p as ReceivableFormDialog, m as ReceivablePaymentDialog, h as ReceivablePreview, g as ReceivableRecurrenceEmailDialog, _ as ReceivableRecurrenceSection, v as ReceivableRemindersSection, y as ReceivableSendDialog, b as ReceivablesScreen, x as UnsavedInvoiceDialog };
+import { ReceivablesScreen as y } from "./index57.js";
+import { UnsavedInvoiceDialog as b } from "./index58.js";
+export { t as InvoicesFilterBar, e as InvoicesFilterField, d as RECEIVABLE_DETAILS_SECTION, s as RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE, c as RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as ReceivableActionDialog, n as ReceivableActionsModal, o as ReceivableAttachmentsSection, a as ReceivableBankAccountSection, l as ReceivableBillingSection, u as ReceivableCustomerSection, f as ReceivableDetailsPanel, p as ReceivableFormDialog, m as ReceivablePaymentDialog, h as ReceivablePreview, g as ReceivableRecurrenceEmailDialog, _ as ReceivableRecurrenceSection, v as ReceivableRemindersSection, y as ReceivablesScreen, b as UnsavedInvoiceDialog };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index14.js

@@ -192,16 +192,6 @@ var i = {
 	cancelRecurrenceButton: "Cancel series",
 	recurringBadge: "Recurring"
 }, u = {
-	title: "Send receivable",
-	description: "Send this document to the customer by email.",
-	toLabel: "To",
-	ccLabel: "CC",
-	bccLabel: "BCC",
-	subjectLabel: "Subject",
-	bodyLabel: "Message",
-	cancelButton: "Cancel",
-	sendButton: "Send"
-}, d = {
 	title: "Record payment",
 	amountLabel: "Amount",
 	amountPlaceholder: "0",
@@ -219,11 +209,11 @@ var i = {
 	reviewWarning: "Please, check the details of your payment record. You won't be able to change or delete it after.",
 	editRecordButton: "Edit record",
 	confirmButton: "Confirm"
-}, f = {
+}, d = {
 	cancelButton: "Cancel",
 	confirmButton: "Confirm",
 	commentLabel: "Comment (optional)",
 	commentPlaceholder: "Add a comment"
 };
 //#endregion
-export { o as RECEIVABLES_SCREEN_LABELS_EN, f as RECEIVABLE_ACTION_DIALOG_LABELS_EN, l as RECEIVABLE_DETAILS_PANEL_LABELS_EN, c as RECEIVABLE_FORM_DIALOG_LABELS_EN, d as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN, u as RECEIVABLE_SEND_DIALOG_LABELS_EN, i as RECEIVABLE_STATUS_BADGE_LABELS_EN, a as RECEIVABLE_STATUS_CARDS_LABELS_EN, s as UNSAVED_INVOICE_DIALOG_LABELS_EN };
+export { o as RECEIVABLES_SCREEN_LABELS_EN, d as RECEIVABLE_ACTION_DIALOG_LABELS_EN, l as RECEIVABLE_DETAILS_PANEL_LABELS_EN, c as RECEIVABLE_FORM_DIALOG_LABELS_EN, u as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN, i as RECEIVABLE_STATUS_BADGE_LABELS_EN, a as RECEIVABLE_STATUS_CARDS_LABELS_EN, s as UNSAVED_INVOICE_DIALOG_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index56.js

@@ -1,93 +1,60 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, Textarea as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_SEND_DIALOG_LABELS_EN as u } from "./index14.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Skeleton as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_STATUS_CARDS_LABELS_EN as n } from "./index14.js";
+import { ReceivableStatusBadge as r } from "./index25.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index56.js
-function p({ message: e }) {
-	return e ? /* @__PURE__ */ d("p", {
-		className: "ttw:text-sm ttw:text-destructive",
-		children: e
-	}) : null;
+var o = 6;
+function s({ selected: e, onClick: n, children: r }) {
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		"aria-pressed": e,
+		onClick: n,
+		className: t("ttw:flex ttw:w-42 ttw:shrink-0 ttw:cursor-pointer ttw:flex-col ttw:gap-2 ttw:rounded-xl ttw:border ttw:bg-card ttw:px-4 ttw:py-2 ttw:text-left ttw:transition-colors", e ? "ttw:border-primary" : "ttw:border-card ttw:hover:border-primary"),
+		children: r
+	});
 }
-function m({ open: m, onOpenChange: h, values: g, errors: _, inProgress: v, onChange: y, onSubmit: b, onCancel: x, labels: S }) {
-	let C = {
-		...u,
-		...S
+function c({ view: t, onSelect: c, labels: l }) {
+	let u = {
+		...n,
+		...l
 	};
-	return /* @__PURE__ */ d(t, {
-		open: m,
-		onOpenChange: h,
-		children: /* @__PURE__ */ f(n, { children: [
-			/* @__PURE__ */ f(a, { children: [/* @__PURE__ */ d(o, { children: C.title }), /* @__PURE__ */ d(r, { children: C.description })] }),
-			/* @__PURE__ */ f("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4",
-				children: [
-					_?.form && /* @__PURE__ */ d("p", {
-						className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-						children: _.form
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ d(c, { children: C.toLabel }),
-							/* @__PURE__ */ d(s, {
-								value: g.to,
-								onChange: (e) => y({ to: e.target.value })
-							}),
-							/* @__PURE__ */ d(p, { message: _?.to })
-						]
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-						children: [/* @__PURE__ */ f("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [/* @__PURE__ */ d(c, { children: C.ccLabel }), /* @__PURE__ */ d(s, {
-								value: g.cc,
-								onChange: (e) => y({ cc: e.target.value })
-							})]
-						}), /* @__PURE__ */ f("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [/* @__PURE__ */ d(c, { children: C.bccLabel }), /* @__PURE__ */ d(s, {
-								value: g.bcc,
-								onChange: (e) => y({ bcc: e.target.value })
-							})]
-						})]
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ d(c, { children: C.subjectLabel }),
-							/* @__PURE__ */ d(s, {
-								value: g.subject,
-								onChange: (e) => y({ subject: e.target.value })
-							}),
-							/* @__PURE__ */ d(p, { message: _?.subject })
-						]
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ d(c, { children: C.bodyLabel }),
-							/* @__PURE__ */ d(l, {
-								rows: 6,
-								value: g.body,
-								onChange: (e) => y({ body: e.target.value })
-							}),
-							/* @__PURE__ */ d(p, { message: _?.body })
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d(e, {
-				variant: "ghost",
-				onClick: x,
-				children: C.cancelButton
-			}), /* @__PURE__ */ d(e, {
-				loading: v,
-				onClick: b,
-				children: C.sendButton
-			})] })
-		] })
+	return t.kind === "loading" ? /* @__PURE__ */ i("div", {
+		className: "ttw:flex ttw:gap-2",
+		children: Array.from({ length: o }).map((t, n) => /* @__PURE__ */ i(e, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl" }, n))
+	}) : /* @__PURE__ */ a("div", {
+		className: "ttw:mb-6 ttw:flex ttw:gap-2 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden",
+		children: [/* @__PURE__ */ a(s, {
+			selected: t.all.selected,
+			onClick: () => c(t.all.value),
+			children: [/* @__PURE__ */ i("span", {
+				className: "ttw:text-xs ttw:font-medium ttw:text-foreground",
+				children: u.all
+			}), /* @__PURE__ */ i("span", {
+				className: "ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
+				children: t.all.countLabel
+			})]
+		}), t.statuses.map((e) => /* @__PURE__ */ i(s, {
+			selected: e.selected,
+			onClick: () => c(e.value),
+			children: /* @__PURE__ */ a("div", {
+				className: "ttw:flex ttw:flex-col",
+				children: [/* @__PURE__ */ a("div", {
+					className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
+					children: [/* @__PURE__ */ i(r, {
+						label: e.statusLabel,
+						status: e.value,
+						variant: "filled"
+					}), /* @__PURE__ */ i("span", {
+						className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:tabular-nums ttw:text-foreground",
+						children: e.countLabel
+					})]
+				}), /* @__PURE__ */ i("span", {
+					className: "ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
+					children: e.amountLabel
+				})]
+			})
+		}, e.value))]
 	});
 }
 //#endregion
-export { m as ReceivableSendDialog, m as default };
+export { c as ReceivableStatusCards, c as default };