@tesouro/embedded-components-react 0.5.226 → 0.5.228

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js

@@ -3,121 +3,123 @@
 "use client";
 "use client";
 import { TESOURO_NEW_EMBEDDED_BANK_ACCOUNT_CREATED_SUCCESS_EVENT as e, TESOURO_NEW_EXTERNAL_BANK_ACCOUNT_LINKED_SUCCESS_EVENT as t } from "../../../shared/util/dist/lib/widgetDomEvents.js";
-import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
+import { isOrganizationOnItsWay as n } from "../../../shared/data-access/dist/lib/organizationStatus.js";
+import { useEmbedApi as r } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { Scope as i } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../shared/data-access/dist/index.js";
-import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useAnalyticsTrack as a } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useWidgetConfig as ee } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
-import { DEFAULT_FEATURE_LABELS as a } from "./index3.js";
-import { TRANSFERS_ANALYTICS_EVENTS as ee } from "./index2.js";
-import { isPaginatedAccountsQueryInFlight as o } from "../../data-access/dist/index2.js";
-import { useTransferBankAccountsQuery as s } from "../../data-access/dist/index4.js";
-import { useTransferExternalAccountsQuery as c } from "../../data-access/dist/index5.js";
-import { useMergedRecentBankAccountTransfersQuery as l } from "../../data-access/dist/index6.js";
+import { DEFAULT_FEATURE_LABELS as o } from "./index3.js";
+import { TRANSFERS_ANALYTICS_EVENTS as s } from "./index2.js";
+import { isPaginatedAccountsQueryInFlight as c } from "../../data-access/dist/index2.js";
+import { useTransferBankAccountsQuery as l } from "../../data-access/dist/index4.js";
+import { useTransferExternalAccountsQuery as te } from "../../data-access/dist/index5.js";
+import { useMergedRecentBankAccountTransfersQuery as u } from "../../data-access/dist/index6.js";
 import "../../data-access/dist/index.js";
-import { mapTransferToRowView as u, useTransferMoneyModalController as d } from "./index4.js";
-import { transfersWidgetTestIds as f } from "./index5.js";
-import { TRANSFERS_WIDGET_LABELS_EN as p } from "../../ui/dist/lib/TransfersWidget/labels.js";
+import { mapTransferToRowView as d, useTransferMoneyModalController as f } from "./index4.js";
+import { transfersWidgetTestIds as p } from "./index5.js";
+import { TRANSFERS_WIDGET_LABELS_EN as ne } from "../../ui/dist/lib/TransfersWidget/labels.js";
 import { TransfersWidget as m } from "../../ui/dist/lib/TransfersWidget/TransfersWidget.js";
 import "../../ui/dist/index.js";
 import { useCallback as h, useEffect as g, useMemo as _ } from "react";
 import { jsx as v } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index6.js
-var y = [n.TransferWriteOrg, n.BankAccountReadOrg], b = [t, e];
+var y = [i.TransferWriteOrg, i.BankAccountReadOrg], b = [t, e];
 function x(e) {
 	return e.slice(-4);
 }
 function S({ labels: e, featureLabels: t, isTransferMoneyOpen: S, defaultIsTransferMoneyOpen: C, onTransferMoneyOpenChange: w }) {
 	let T = {
-		...a,
+		...o,
 		...t
 	}, E = {
-		...p,
+		...ne,
 		...e,
 		...t?.routeSeparator === void 0 ? {} : { listAccountsSeparator: t.routeSeparator }
-	}, D = r(), { initResponse: O } = i();
+	}, D = a(), { initResponse: O } = ee(), k = n(r().organizationStatus);
 	g(() => {
-		D(ee.Mounted);
+		D(s.Mounted);
 	}, [D]);
-	let k = O?.scopes ?? [], A = k.includes(n.ExternalBankAccountReadOrg), te = k.includes(n.PaymentRailAch), j = A && te, M = y.every((e) => k.includes(e)), { mergedTransfers: N, isLoading: P, isError: F, refetch: I } = l(), L = s(), { data: R, isError: z, refetch: B } = L, V = c({ enabled: A }), { data: H, isError: U, refetch: W } = V, G = R?.data ?? [], K = _(() => j ? (H?.data ?? []).filter((e) => e.verificationStatus === "VERIFIED" && e.accountStatus === "ACTIVE") : [], [j, H?.data]), q = _(() => {
+	let A = O?.scopes ?? [], j = A.includes(i.ExternalBankAccountReadOrg), M = A.includes(i.PaymentRailAch), N = j && M, P = y.every((e) => A.includes(e)), { mergedTransfers: F, isLoading: I, isError: L, refetch: R } = u(), z = l(), { data: B, isError: V, refetch: H } = z, U = te({ enabled: j }), { data: W, isError: G, refetch: K } = U, q = B?.data ?? [], J = _(() => N ? (W?.data ?? []).filter((e) => e.verificationStatus === "VERIFIED" && e.accountStatus === "ACTIVE") : [], [N, W?.data]), Y = _(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of G) {
+		for (let t of q) {
 			let n = x(t.accountNumber), r = t.nickname?.trim() || E.accountFallbackName;
 			e.set(t.id, `${r} ···${n}`);
 		}
-		for (let t of K) {
+		for (let t of J) {
 			let n = x(t.accountNumber), r = t.nickname?.trim() || t.nameOnAccount;
 			e.set(t.id, `${r} ···${n}`);
 		}
 		return e;
 	}, [
-		G,
-		E.accountFallbackName,
-		K
-	]), J = _(() => N.map((e) => u(e, q, E, T)), [
 		q,
+		E.accountFallbackName,
+		J
+	]), X = _(() => F.map((e) => d(e, Y, E, T)), [
+		Y,
 		T,
 		E,
-		N
-	]), Y = h(() => {
-		I(), B(), A && W();
+		F
+	]), Z = h(() => {
+		R(), H(), j && K();
 	}, [
-		A,
-		B,
-		W,
-		I
+		j,
+		H,
+		K,
+		R
 	]);
 	g(() => {
 		let e = () => {
-			Y();
+			Z();
 		};
 		for (let t of b) window.addEventListener(t, e);
 		return () => {
 			for (let t of b) window.removeEventListener(t, e);
 		};
-	}, [Y]);
-	let { modalProps: X, openModal: Z } = d({
+	}, [Z]);
+	let { modalProps: re, openModal: ie } = f({
 		labels: E,
 		featureLabels: T,
-		embeddedBankAccounts: G,
-		verifiedExternalBankAccounts: K,
+		embeddedBankAccounts: q,
+		verifiedExternalBankAccounts: J,
 		track: D,
 		isTransferMoneyOpen: S,
 		defaultIsTransferMoneyOpen: C,
 		onTransferMoneyOpenChange: w
-	}), ne = o(L), re = A && o(V), ie = P || ne || re, Q = F || z || A && U, ae = G.length + K.length, $ = !(G.length > 0) || ae <= 1;
+	}), ae = c(z), oe = j && c(U), se = k && !B || I || ae || oe, Q = L || V || j && G, ce = q.length + J.length, $ = !(q.length > 0) || ce <= 1;
 	return /* @__PURE__ */ v(m, {
-		transferRows: J,
-		isLoading: ie,
+		transferRows: X,
+		isLoading: se,
 		isError: Q,
-		onRetry: Q ? () => void Y() : void 0,
-		showTransferMoneyCta: M,
+		onRetry: Q ? () => void Z() : void 0,
+		showTransferMoneyCta: P,
 		isTransferMoneyCtaDisabled: $,
-		onTransferMoneyClick: M && !$ ? () => Z() : void 0,
+		onTransferMoneyClick: P && !$ ? () => ie() : void 0,
 		transferMoneyModal: {
-			...X,
+			...re,
 			testIds: {
-				root: f.modal,
-				closeButton: f.modalCloseButton,
-				fromAccountTrigger: f.modalFromAccountTrigger,
-				toAccountTrigger: f.modalToAccountTrigger,
-				accountsConfirm: f.modalAccountsConfirmButton,
-				amountInput: f.modalAmountInput,
+				root: p.modal,
+				closeButton: p.modalCloseButton,
+				fromAccountTrigger: p.modalFromAccountTrigger,
+				toAccountTrigger: p.modalToAccountTrigger,
+				accountsConfirm: p.modalAccountsConfirmButton,
+				amountInput: p.modalAmountInput,
 				reviewStep: {
-					confirm: f.modalConfirmTransferButton,
-					goBack: f.modalGoBackButton
+					confirm: p.modalConfirmTransferButton,
+					goBack: p.modalGoBackButton
 				},
-				resultStep: { backToTransfers: f.modalBackToTransfersButton }
+				resultStep: { backToTransfers: p.modalBackToTransfersButton }
 			}
 		},
 		labels: e,
 		testIds: {
-			transferMoneyButton: f.transferMoneyButton,
-			skeleton: f.skeleton,
-			error: f.error,
-			retry: f.retry,
-			empty: f.empty,
-			transferRow: f.transferRow
+			transferMoneyButton: p.transferMoneyButton,
+			skeleton: p.skeleton,
+			error: p.error,
+			retry: p.retry,
+			empty: p.empty,
+			transferRow: p.transferRow
 		}
 	});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.5.226",
+  "version": "0.5.228",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {

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

@@ -1,106 +0,0 @@
-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, RadioGroup as l, RadioGroupItem as u, Textarea as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_PAYMENT_DIALOG_LABELS_EN as f } from "./index4.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index26.js
-function h({ message: e }) {
-	return e ? /* @__PURE__ */ p("p", {
-		className: "ttw:text-sm ttw:text-destructive",
-		children: e
-	}) : null;
-}
-function g({ open: g, onOpenChange: _, values: v, errors: y, inProgress: b, onChange: x, onSubmit: S, onCancel: C, labels: w }) {
-	let T = {
-		...f,
-		...w
-	};
-	return /* @__PURE__ */ p(t, {
-		open: g,
-		onOpenChange: _,
-		children: /* @__PURE__ */ m(n, { children: [
-			/* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p(o, { children: T.title }), /* @__PURE__ */ p(r, { children: T.description })] }),
-			/* @__PURE__ */ m("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4",
-				children: [
-					y?.form && /* @__PURE__ */ p("p", {
-						className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-						children: y.form
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [/* @__PURE__ */ p(c, { children: T.modeLabel }), /* @__PURE__ */ m(l, {
-							className: "ttw:flex ttw:flex-row ttw:gap-6",
-							value: v.mode,
-							onValueChange: (e) => x({ mode: e }),
-							children: [/* @__PURE__ */ m("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: [/* @__PURE__ */ p(u, {
-									value: "full",
-									id: "receivable-payment-full"
-								}), /* @__PURE__ */ p(c, {
-									htmlFor: "receivable-payment-full",
-									children: T.fullPayment
-								})]
-							}), /* @__PURE__ */ m("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-2",
-								children: [/* @__PURE__ */ p(u, {
-									value: "partial",
-									id: "receivable-payment-partial"
-								}), /* @__PURE__ */ p(c, {
-									htmlFor: "receivable-payment-partial",
-									children: T.partialPayment
-								})]
-							})]
-						})]
-					}),
-					v.mode === "partial" && /* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ p(c, { children: T.amountPaidLabel }),
-							/* @__PURE__ */ p(s, {
-								inputMode: "decimal",
-								value: v.amountPaid,
-								onChange: (e) => x({ amountPaid: e.target.value })
-							}),
-							/* @__PURE__ */ p(h, { message: y?.amountPaid })
-						]
-					}),
-					v.mode === "full" && /* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ p(c, { children: T.paidAtLabel }),
-							/* @__PURE__ */ p(s, {
-								type: "date",
-								value: v.paidAt,
-								onChange: (e) => x({ paidAt: e.target.value })
-							}),
-							/* @__PURE__ */ p(h, { message: y?.paidAt })
-						]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-						children: [
-							/* @__PURE__ */ p(c, { children: T.commentLabel }),
-							/* @__PURE__ */ p(d, {
-								rows: 3,
-								value: v.comment,
-								onChange: (e) => x({ comment: e.target.value })
-							}),
-							/* @__PURE__ */ p(h, { message: y?.comment })
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(e, {
-				variant: "ghost",
-				onClick: C,
-				children: T.cancelButton
-			}), /* @__PURE__ */ p(e, {
-				loading: b,
-				onClick: S,
-				children: T.submitButton
-			})] })
-		] })
-	});
-}
-//#endregion
-export { g as ReceivablePaymentDialog, g as default };

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

@@ -1,353 +0,0 @@
-import { Button as e, DataTable as t, DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a, Input as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Tabs as f, TabsList as p, TabsTrigger as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as h } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as g } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { RECEIVABLES_SCREEN_LABELS_EN as _ } from "./index4.js";
-import { ReceivableStatusBadge as v } from "./index13.js";
-import { ReceivableStatusCards as y } from "./index37.js";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { ArrowDownIcon as S, ArrowUpDownIcon as C, ArrowUpIcon as w, MoreHorizontalIcon as T, PlusIcon as E, SearchIcon as D, SettingsIcon as O } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index38.js
-var k = [
-	10,
-	25,
-	50,
-	100
-], A = "all";
-function j({ label: t, ariaLabel: n, column: r }) {
-	let i = r.getIsSorted();
-	return /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-		children: [t, /* @__PURE__ */ b(e, {
-			variant: "ghost",
-			size: "icon-sm",
-			"aria-label": n,
-			onClick: () => r.toggleSorting(i === "asc"),
-			children: b(i === "asc" ? w : i === "desc" ? S : C, { className: "ttw:size-4" })
-		})]
-	});
-}
-function M({ labels: e, searchValue: t, onSearchChange: n, statusFilter: r, statusOptions: i, onStatusFilterChange: a }) {
-	return /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: [/* @__PURE__ */ x("div", {
-			className: "ttw:relative ttw:w-80",
-			children: [/* @__PURE__ */ b(D, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ b(o, {
-				className: "ttw:pl-9",
-				placeholder: e.searchPlaceholder,
-				value: t,
-				onChange: (e) => n(e.target.value)
-			})]
-		}), /* @__PURE__ */ x(s, {
-			value: r,
-			onValueChange: a,
-			children: [/* @__PURE__ */ b(u, {
-				"aria-label": e.columnStatus,
-				className: "ttw:w-48",
-				children: /* @__PURE__ */ b(d, {})
-			}), /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, {
-				value: A,
-				children: e.statusFilterAll
-			}), i.map((t) => /* @__PURE__ */ b(l, {
-				value: t.value,
-				children: P(t, e.statusBadge)
-			}, t.value))] })]
-		})]
-	});
-}
-function N({ enabled: e, label: t, action: n, row: r, onActionClick: a, variant: o }) {
-	return e ? /* @__PURE__ */ b(i, {
-		variant: o,
-		onClick: (e) => {
-			e.stopPropagation(), a(n, r);
-		},
-		children: t
-	}) : null;
-}
-function P(e, t) {
-	return t[e.value] ?? e.label;
-}
-function F({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l, isError: u, sorting: d, onSortingChange: S, pageSize: C, onPageSizeChange: w, pageSizeOptions: D = k, pageInfo: A, hasNextPage: P, hasPrevPage: F, onNextPage: I, onPrevPage: L, searchValue: R, onSearchChange: z, statusFilter: B, statusOptions: V, onStatusFilterChange: H, statusCards: U, onStatusCardSelect: W, isFiltering: G, onCreateClick: K, onTemplateSettingsClick: q, onRowClick: J, onActionClick: Y, onRetry: X, labels: Z }) {
-	let Q = {
-		..._,
-		...Z,
-		statusBadge: {
-			..._.statusBadge,
-			...Z?.statusBadge
-		}
-	};
-	return /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [
-			/* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ b("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-3",
-					children: /* @__PURE__ */ b(f, {
-						value: o,
-						onValueChange: (e) => c(e),
-						children: /* @__PURE__ */ x(p, { children: [
-							s.includes("invoices") && /* @__PURE__ */ b(m, {
-								value: "invoices",
-								children: Q.tabInvoices
-							}),
-							s.includes("quotes") && /* @__PURE__ */ b(m, {
-								value: "quotes",
-								children: Q.tabQuotes
-							}),
-							s.includes("credit_notes") && /* @__PURE__ */ b(m, {
-								value: "credit_notes",
-								children: Q.tabCreditNotes
-							})
-						] })
-					})
-				}), /* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2",
-					children: [q && /* @__PURE__ */ x(e, {
-						variant: "outline",
-						onClick: q,
-						children: [/* @__PURE__ */ b(O, { className: "ttw:size-4" }), Q.templateSettingsButton]
-					}), /* @__PURE__ */ x(e, {
-						onClick: K,
-						children: [/* @__PURE__ */ b(E, { className: "ttw:size-4" }), Q.createButton]
-					})]
-				})]
-			}),
-			U && W && /* @__PURE__ */ b(y, {
-				view: U,
-				onSelect: W,
-				labels: { all: Q.statusCardsAll }
-			}),
-			u ? /* @__PURE__ */ b(g, {
-				title: Q.errorTitle,
-				description: Q.errorDescription,
-				retryLabel: X ? Q.errorRetry : void 0,
-				onRetry: X
-			}) : /* @__PURE__ */ b(t, {
-				columns: [
-					{
-						accessorKey: "documentLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnDocument,
-							ariaLabel: Q.sortByDocument
-						}),
-						cell: ({ row: e }) => /* @__PURE__ */ x("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ b("span", {
-								className: "ttw:font-medium",
-								children: e.original.documentLabel
-							}), /* @__PURE__ */ b("span", {
-								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: e.original.type === "credit_note" ? Q.tabCreditNotes : e.original.type === "quote" ? Q.tabQuotes : Q.tabInvoices
-							})]
-						}),
-						minSize: 180
-					},
-					{
-						accessorKey: "customerLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnCustomer,
-							ariaLabel: Q.sortByCustomer
-						}),
-						minSize: 180
-					},
-					{
-						accessorKey: "status",
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnStatus,
-							ariaLabel: Q.sortByStatus
-						}),
-						cell: ({ row: e }) => /* @__PURE__ */ b(v, {
-							status: e.original.status,
-							tone: e.original.statusTone,
-							labels: Q.statusBadge
-						})
-					},
-					{
-						accessorKey: "issueDateLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnIssueDate,
-							ariaLabel: Q.sortByIssueDate
-						})
-					},
-					{
-						accessorKey: "dueDateLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b(j, {
-							column: e,
-							label: Q.columnDueDate,
-							ariaLabel: Q.sortByDueDate
-						})
-					},
-					{
-						accessorKey: "totalLabel",
-						enableSorting: !0,
-						header: ({ column: e }) => /* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:justify-end",
-							children: /* @__PURE__ */ b(j, {
-								column: e,
-								label: Q.columnTotal,
-								ariaLabel: Q.sortByTotal
-							})
-						}),
-						cell: ({ row: e }) => /* @__PURE__ */ b("div", {
-							className: "ttw:text-right",
-							children: e.original.totalLabel
-						})
-					},
-					{
-						accessorKey: "amountDueLabel",
-						header: () => /* @__PURE__ */ b("div", {
-							className: "ttw:text-right",
-							children: Q.columnAmountDue
-						}),
-						cell: ({ row: e }) => /* @__PURE__ */ b("div", {
-							className: "ttw:text-right",
-							children: e.original.amountDueLabel
-						})
-					},
-					{
-						id: "actions",
-						header: () => /* @__PURE__ */ b("span", {
-							className: "ttw:sr-only",
-							children: Q.columnActions
-						}),
-						cell: ({ row: t }) => /* @__PURE__ */ b("div", {
-							className: "ttw:flex ttw:justify-end",
-							children: /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b(a, {
-								asChild: !0,
-								children: /* @__PURE__ */ b(e, {
-									variant: "ghost",
-									size: "icon-sm",
-									"aria-label": Q.columnActions,
-									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ b(T, { className: "ttw:size-4" })
-								})
-							}), /* @__PURE__ */ x(r, {
-								align: "end",
-								children: [
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.edit,
-										label: Q.actionEdit,
-										action: "edit",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.issue,
-										label: Q.actionIssue,
-										action: "issue",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.send,
-										label: Q.actionSend,
-										action: "send",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.recordPayment,
-										label: Q.actionRecordPayment,
-										action: "recordPayment",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.markPaid,
-										label: Q.actionMarkPaid,
-										action: "markPaid",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.markUncollectible,
-										label: Q.actionMarkUncollectible,
-										action: "markUncollectible",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.accept,
-										label: Q.actionAccept,
-										action: "accept",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.decline,
-										label: Q.actionDecline,
-										action: "decline",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.cancel,
-										label: Q.actionCancel,
-										action: "cancel",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.clone,
-										label: Q.actionClone,
-										action: "clone",
-										row: t.original,
-										onActionClick: Y
-									}),
-									/* @__PURE__ */ b(N, {
-										enabled: t.original.actions.delete,
-										label: Q.actionDelete,
-										action: "delete",
-										row: t.original,
-										onActionClick: Y,
-										variant: "destructive"
-									})
-								]
-							})] })
-						}),
-						size: 72
-					}
-				],
-				data: i,
-				isLoading: l,
-				sorting: d,
-				onSortingChange: S,
-				pageSize: C,
-				onPageSizeChange: w,
-				pageSizeOptions: D,
-				pageInfo: A,
-				hasNextPage: P,
-				hasPrevPage: F,
-				onNextPage: I,
-				onPrevPage: L,
-				onRowClick: J,
-				rowAriaLabel: (e) => Q.openRow(e.documentLabel),
-				filterComponent: /* @__PURE__ */ b(M, {
-					labels: Q,
-					searchValue: R,
-					onSearchChange: z,
-					statusFilter: B,
-					statusOptions: V,
-					onStatusFilterChange: H
-				}),
-				children: /* @__PURE__ */ b(h, {
-					title: G ? Q.filterEmptyTitle : Q.emptyTitle,
-					description: G ? Q.filterEmptyDescription : Q.emptyDescription,
-					actionLabel: G ? void 0 : Q.emptyAction,
-					onAction: G ? void 0 : K
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { F as ReceivablesScreen, F as default };