@tesouro/embedded-components-react 0.5.226 → 0.5.228

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

@@ -1,59 +1,353 @@
-import { Skeleton as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_STATUS_CARDS_LABELS_EN as n } from "./index4.js";
-import { ReceivableStatusBadge as r } from "./index13.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+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 "./index36.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/index37.js
-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
+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 c({ view: t, onSelect: c, labels: l }) {
-	let u = {
-		...n,
-		...l
-	};
-	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
+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)
 			})]
-		}), 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,
-						tone: e.statusTone
-					}), /* @__PURE__ */ i("span", {
-						className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:tabular-nums ttw:text-foreground",
-						children: e.countLabel
+		}), /* @__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]
 					})]
-				}), /* @__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
 				})]
+			}),
+			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
+				})
 			})
-		}, e.value))]
+		]
 	});
 }
 //#endregion
-export { c as ReceivableStatusCards, c as default };
+export { F as ReceivablesScreen, F as default };

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

@@ -152,34 +152,43 @@ var r = {
 	reminderClearButton: "Clear",
 	reminderSaveButton: "Save"
 }, s = {
-	hiddenDescription: "Receivable details",
+	hiddenDescription: "Invoice details",
 	loadingTitle: "Loading...",
-	errorTitle: "Receivable not found",
-	errorDescription: "We could not load this receivable. Please try again.",
-	summaryHeading: "Summary",
+	errorTitle: "Invoice not found",
+	errorDescription: "We could not load this invoice. Please try again.",
+	moreActionsLabel: "More actions",
+	viewPdfButton: "View PDF",
+	closeButton: "Close",
+	invoiceDateCaption: "Invoice date",
+	paymentHistoryHeading: "Payment history",
+	paymentHistoryEmpty: "You've received no payments yet.",
+	paymentHistoryTotalLabel: "Total received",
+	customerDetailsHeading: "Customer details",
+	recurrenceHeading: "Recurrence history",
+	billingHeading: "Billing details",
 	lineItemsHeading: "Line items",
-	activityHeading: "Activity",
-	mailsHeading: "Email history",
+	notesHeading: "Notes",
+	notesOpeningLabel: "Opening note to customer",
+	notesClosingLabel: "Closing note to customer",
+	attachmentsHeading: "Attachments",
+	attachmentsEmpty: "No attached files",
+	attachmentsFileColumn: "File",
+	attachmentsEmailedColumn: "Emailed",
+	lineItemMultiplier: "x",
+	lineItemEaLabel: "ea",
 	noLineItems: "No line items.",
-	noActivity: "No activity yet.",
-	noMails: "No emails sent yet.",
-	quantityColumn: "Qty",
-	unitPriceColumn: "Unit price",
-	totalColumn: "Total",
-	closeButton: "Close",
-	downloadPdfButton: "Download PDF",
 	editButton: "Edit",
 	issueButton: "Issue",
-	sendButton: "Send",
+	recordPaymentButton: "Record payment",
+	sendButton: "Resend",
 	acceptButton: "Accept",
 	declineButton: "Decline",
-	recordPaymentButton: "Record payment",
 	markPaidButton: "Mark as paid",
-	markUncollectibleButton: "Mark uncollectible",
-	cancelButton: "Cancel document",
-	cloneButton: "Clone",
+	markUncollectibleButton: "Mark as uncollectible",
+	cancelButton: "Cancel invoice",
+	cloneButton: "Duplicate",
 	deleteButton: "Delete",
-	statusBadge: r
+	recurringBadge: "Recurring"
 }, c = {
 	title: "Send receivable",
 	description: "Send this document to the customer by email.",
@@ -206,4 +215,4 @@ var r = {
 	confirmButton: "Confirm"
 };
 //#endregion
-export { a as RECEIVABLES_SCREEN_LABELS_EN, u as RECEIVABLE_ACTION_DIALOG_LABELS_EN, s as RECEIVABLE_DETAILS_SHEET_LABELS_EN, o as RECEIVABLE_FORM_SHEET_LABELS_EN, l as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN, c as RECEIVABLE_SEND_DIALOG_LABELS_EN, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as RECEIVABLE_STATUS_CARDS_LABELS_EN };
+export { a as RECEIVABLES_SCREEN_LABELS_EN, u as RECEIVABLE_ACTION_DIALOG_LABELS_EN, s as RECEIVABLE_DETAILS_PANEL_LABELS_EN, o as RECEIVABLE_FORM_SHEET_LABELS_EN, l as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN, c as RECEIVABLE_SEND_DIALOG_LABELS_EN, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as RECEIVABLE_STATUS_CARDS_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/data-access/dist/index4.js

@@ -10,7 +10,7 @@ import "../../../shared/data-access/dist/index.js";
 import { useQuery as i } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/linked-accounts-widget/data-access/dist/index4.js
 function a({ enabled: a, ...o } = {}) {
-	let { client: s, organizationId: c, widgetToken: l, authEpoch: u, organizationPending: d } = n(), f = e({
+	let { client: s, organizationId: c, widgetToken: l, authEpoch: u, organizationStatus: d } = n(), f = e({
 		query: o,
 		client: s,
 		headers: r(c)
@@ -18,7 +18,7 @@ function a({ enabled: a, ...o } = {}) {
 	return i({
 		...t(f, {
 			authEpoch: u,
-			organizationPending: d
+			organizationStatus: d
 		}),
 		enabled: !!(c && l) && (a === !0 || a === void 0)
 	});