@tesouro/embedded-components-react 0.5.205 → 0.5.207

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

@@ -0,0 +1,249 @@
+import { Button as e, Input as t, Label as n, RadioGroup as r, RadioGroupItem as i, Switch as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as s } from "./index3.js";
+import { Fragment as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { PlusIcon as f } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index25.js
+function p(e) {
+	e.key === "Enter" && e.preventDefault();
+}
+var m = "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2";
+function h({ id: e, value: t, label: r }) {
+	return /* @__PURE__ */ d("li", {
+		className: "ttw:flex ttw:items-center ttw:gap-2",
+		children: [/* @__PURE__ */ u(i, {
+			value: t,
+			id: e
+		}), /* @__PURE__ */ u(n, {
+			htmlFor: e,
+			className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
+			children: r
+		})]
+	});
+}
+function g({ idPrefix: e, options: t, selectedId: n, noneLabel: i, onSelect: a }) {
+	return /* @__PURE__ */ u(r, {
+		className: "ttw:contents",
+		value: n,
+		onValueChange: a,
+		children: /* @__PURE__ */ d("ul", {
+			className: "ttw:flex ttw:flex-col ttw:gap-3",
+			children: [/* @__PURE__ */ u(h, {
+				id: `${e}-none`,
+				value: "",
+				label: i
+			}), t.map((t) => /* @__PURE__ */ u(h, {
+				id: `${e}-${t.value}`,
+				value: t.value,
+				label: t.label
+			}, t.value))]
+		})
+	});
+}
+function _({ direction: e, directionClassName: t, labels: n }) {
+	return /* @__PURE__ */ d(o, {
+		variant: "body2",
+		children: [
+			n.reminderNumberOfDays,
+			" ",
+			/* @__PURE__ */ u("span", {
+				className: t,
+				children: e
+			}),
+			" ",
+			n.reminderDueDate
+		]
+	});
+}
+function v({ idPrefix: n, view: r, labels: i, onSelect: a, onInputChange: s, onSave: c }) {
+	let { create: l } = r, f = `${n}-error`;
+	return /* @__PURE__ */ d("div", {
+		className: m,
+		children: [
+			/* @__PURE__ */ u(_, {
+				direction: i.reminderBefore,
+				directionClassName: "ttw:text-green-700 ttw:font-bold",
+				labels: i
+			}),
+			/* @__PURE__ */ u(g, {
+				idPrefix: `${n}-option`,
+				options: r.options,
+				selectedId: r.selectedId,
+				noneLabel: i.reminderNone,
+				onSelect: a
+			}),
+			l && /* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+				children: [
+					l.caption && /* @__PURE__ */ u(o, {
+						variant: "caption",
+						color: "muted",
+						children: l.caption
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [
+							/* @__PURE__ */ u(t, {
+								type: "text",
+								inputMode: "numeric",
+								value: l.value,
+								onChange: (e) => s(e.target.value),
+								onKeyDown: p,
+								disabled: l.inputDisabled,
+								className: "ttw:text-right ttw:w-full ttw:p-1.5 ttw:max-w-56",
+								placeholder: i.reminderPlaceholder,
+								"aria-label": i.reminderBeforeDueInputLabel,
+								"aria-invalid": !!l.error,
+								"aria-describedby": l.error ? f : void 0
+							}),
+							/* @__PURE__ */ u(o, {
+								variant: "body2",
+								children: l.unitLabel
+							}),
+							/* @__PURE__ */ u(e, {
+								type: "button",
+								variant: "secondary",
+								className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
+								disabled: l.saveDisabled,
+								loading: l.isSaving,
+								onClick: c,
+								children: i.reminderSaveButton
+							})
+						]
+					}),
+					l.error && /* @__PURE__ */ u(o, {
+						id: f,
+						variant: "caption",
+						color: "destructive",
+						children: l.error
+					})
+				]
+			}),
+			r.warning && /* @__PURE__ */ u(o, {
+				variant: "body2",
+				className: "ttw:text-amber-700",
+				children: r.warning
+			})
+		]
+	});
+}
+function y({ idPrefix: n, view: r, labels: i, onSelect: a, onTermChange: s, onAddTerm: l, onClear: h, onSave: v }) {
+	let { create: y } = r;
+	return /* @__PURE__ */ d("div", {
+		className: m,
+		children: [
+			/* @__PURE__ */ u(_, {
+				direction: i.reminderAfter,
+				directionClassName: "ttw:text-destructive ttw:font-bold",
+				labels: i
+			}),
+			/* @__PURE__ */ u(g, {
+				idPrefix: `${n}-option`,
+				options: r.options,
+				selectedId: r.selectedId,
+				noneLabel: i.reminderNone,
+				onSelect: a
+			}),
+			y && /* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ u(o, {
+						variant: "caption",
+						color: "muted",
+						children: y.caption
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [y.terms.map((e, n) => /* @__PURE__ */ d(c, { children: [/* @__PURE__ */ u(t, {
+							type: "text",
+							inputMode: "numeric",
+							value: e.value,
+							onChange: (e) => s(n, e.target.value),
+							onKeyDown: p,
+							disabled: y.inputsDisabled,
+							className: "ttw:text-right ttw:w-15 ttw:p-1.5",
+							placeholder: e.showPlaceholder ? i.reminderPlaceholder : void 0,
+							"aria-label": e.ariaLabel
+						}), /* @__PURE__ */ u(o, {
+							variant: "body2",
+							children: e.unitLabel
+						})] }, n)), y.showAddTerm && /* @__PURE__ */ d(e, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary",
+							disabled: y.addTermDisabled,
+							onClick: l,
+							children: [/* @__PURE__ */ u(f, {}), i.reminderAddTermButton]
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2.5",
+						children: [/* @__PURE__ */ u(e, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-xs",
+							disabled: y.clearDisabled,
+							onClick: h,
+							children: i.reminderClearButton
+						}), /* @__PURE__ */ u(e, {
+							type: "button",
+							variant: "secondary",
+							className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
+							disabled: y.saveDisabled,
+							loading: y.isSaving,
+							onClick: v,
+							children: i.reminderSaveButton
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+function b({ idPrefix: e, view: t, onToggle: n, onPaymentReminderSelect: r, onOverdueReminderSelect: i, onBeforeDueInputChange: c, onBeforeDueSave: f, onOverdueTermChange: p, onOverdueAddTerm: m, onOverdueClear: h, onOverdueSave: g, labels: _ }) {
+	let b = {
+		...s,
+		..._
+	}, { cards: x } = t;
+	return /* @__PURE__ */ d("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-6",
+		children: [/* @__PURE__ */ d("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-3",
+			children: [/* @__PURE__ */ u(a, {
+				checked: t.checked,
+				disabled: t.toggleDisabled,
+				onCheckedChange: n,
+				"aria-label": b.remindersToggleLabel
+			}), /* @__PURE__ */ u(o, {
+				variant: "body2",
+				children: b.remindersDescription
+			})]
+		}), x && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row",
+			children: [x.beforeDue && /* @__PURE__ */ u(v, {
+				idPrefix: `${e}-before`,
+				view: x.beforeDue,
+				labels: b,
+				onSelect: r,
+				onInputChange: c,
+				onSave: f
+			}), /* @__PURE__ */ u(y, {
+				idPrefix: `${e}-overdue`,
+				view: x.overdue,
+				labels: b,
+				onSelect: i,
+				onTermChange: p,
+				onAddTerm: m,
+				onClear: h,
+				onSave: g
+			})]
+		}), /* @__PURE__ */ u(o, {
+			variant: "body2",
+			color: "muted",
+			className: "ttw:font-medium",
+			children: b.remindersLibraryNote
+		})] })]
+	});
+}
+//#endregion
+export { b as ReceivableRemindersSection };

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

@@ -0,0 +1,93 @@
+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 "./index3.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index26.js
+function p({ message: e }) {
+	return e ? /* @__PURE__ */ d("p", {
+		className: "ttw:text-sm ttw:text-destructive",
+		children: e
+	}) : null;
+}
+function m({ open: m, onOpenChange: h, values: g, errors: _, inProgress: v, onChange: y, onSubmit: b, onCancel: x, labels: S }) {
+	let C = {
+		...u,
+		...S
+	};
+	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
+			})] })
+		] })
+	});
+}
+//#endregion
+export { m as ReceivableSendDialog, m as default };

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

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