@tesouro/embedded-components-react 0.5.263 → 0.5.265

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

@@ -1,359 +1,194 @@
-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, Skeleton as f, Tabs as ee, TabsList as te, TabsTrigger as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as m } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as h } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { Button as e, DataTable as t, Skeleton as n, Tooltip as r, TooltipContent as i, TooltipProvider as a, TooltipTrigger as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as s } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
-import { RECEIVABLES_SCREEN_LABELS_EN as g } from "./index13.js";
-import { ReceivableStatusBadge as _ } from "./index22.js";
-import { ReceivableStatusCards as v } from "./index51.js";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ArrowDownIcon as x, ArrowUpDownIcon as S, ArrowUpIcon as C, LockKeyholeIcon as w, MoreHorizontalIcon as T, PlusIcon as E, SearchIcon as D, SettingsIcon as O } from "lucide-react";
+import { RECEIVABLES_SCREEN_LABELS_EN as l } from "./index13.js";
+import { ReceivableStatusBadge as u } from "./index22.js";
+import { ReceivableStatusCards as d } from "./index51.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ArrowDownIcon as m, ArrowUpDownIcon as h, ArrowUpIcon as g, CogIcon as _, LockKeyholeIcon as v } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index52.js
-var k = [
+var y = [
 	10,
 	25,
 	50,
 	100
-], A = "all";
-function j({ label: t, ariaLabel: n, column: r }) {
+];
+function b({ label: t, ariaLabel: n, column: r }) {
 	let i = r.getIsSorted();
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-		children: [t, /* @__PURE__ */ y(e, {
+		children: [t, /* @__PURE__ */ f(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" })
+			children: f(i === "asc" ? g : i === "desc" ? m : h, { className: "ttw:size-4" })
 		})]
 	});
 }
-function ne({ 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(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__ */ 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: A,
-				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 re({ row: e }) {
-	return e.customerState === "resolving" ? /* @__PURE__ */ y(f, { className: "ttw:h-4 ttw:w-full" }) : e.customerState === "missing" ? /* @__PURE__ */ y("span", {
+function x({ row: e }) {
+	return e.customerState === "resolving" ? /* @__PURE__ */ f(n, { className: "ttw:h-4 ttw:w-full" }) : e.customerState === "missing" ? /* @__PURE__ */ f("span", {
 		className: "ttw:opacity-40",
 		children: e.customerLabel
-	}) : /* @__PURE__ */ y("span", { children: e.customerLabel });
+	}) : /* @__PURE__ */ f("span", { children: e.customerLabel });
 }
-function N(e, t) {
-	return t[e.value] ?? e.label;
-}
-function P({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l, isError: u, isAccessRestricted: d, sorting: f, onSortingChange: x, pageSize: S, onPageSizeChange: C, pageSizeOptions: D = k, pageInfo: A, hasNextPage: N, hasPrevPage: P, onNextPage: F, onPrevPage: I, searchValue: L, onSearchChange: R, statusFilter: z, statusOptions: B, onStatusFilterChange: V, statusCards: H, onStatusCardSelect: U, filterBar: W, isFiltering: G, onCreateClick: K, onTemplateSettingsClick: q, onRowClick: J, onActionClick: Y, onRetry: X, labels: Z }) {
-	let Q = {
-		...g,
-		...Z,
+function S({ rows: n, isLoading: m, isError: h, isAccessRestricted: g, sorting: S, onSortingChange: C, pageSize: w, onPageSizeChange: T, pageSizeOptions: E = y, pageInfo: D, hasNextPage: O, hasPrevPage: k, onNextPage: A, onPrevPage: j, statusCards: M, onStatusCardSelect: N, filterBar: P, isFiltering: F, headerStart: I, bankAttribution: L, onCreateClick: R, onSettingsClick: z, onRowClick: B, onRetry: V, labels: H }) {
+	let U = {
+		...l,
+		...H,
 		statusBadge: {
-			...g.statusBadge,
-			...Z?.statusBadge
+			...l.statusBadge,
+			...H?.statusBadge
 		}
-	}, $ = [
+	}, W = [
 		{
-			accessorKey: "documentLabel",
+			accessorKey: "dueDateLabel",
 			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ y(j, {
+			header: ({ column: e }) => /* @__PURE__ */ f(b, {
 				column: e,
-				label: Q.columnDocument,
-				ariaLabel: Q.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" ? Q.tabCreditNotes : e.original.type === "quote" ? Q.tabQuotes : Q.tabInvoices
-				})]
-			}),
-			minSize: 180
-		},
-		{
-			accessorKey: "customerLabel",
-			header: Q.columnCustomer,
-			cell: ({ row: e }) => /* @__PURE__ */ y(re, { row: e.original }),
-			minSize: 180
+				label: U.columnDueDate,
+				ariaLabel: U.sortByDueDate
+			})
 		},
 		{
 			accessorKey: "status",
 			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ y(j, {
+			header: ({ column: e }) => /* @__PURE__ */ f(b, {
 				column: e,
-				label: Q.columnStatus,
-				ariaLabel: Q.sortByStatus
+				label: U.columnStatus,
+				ariaLabel: U.sortByStatus
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ y(_, {
+			cell: ({ row: e }) => /* @__PURE__ */ f(u, {
 				status: e.original.status,
 				tone: e.original.statusTone,
-				labels: Q.statusBadge
+				labels: U.statusBadge
 			})
 		},
 		{
-			accessorKey: "issueDateLabel",
+			accessorKey: "documentLabel",
 			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ y(j, {
+			header: ({ column: e }) => /* @__PURE__ */ f(b, {
 				column: e,
-				label: Q.columnIssueDate,
-				ariaLabel: Q.sortByIssueDate
+				label: U.columnNumber,
+				ariaLabel: U.sortByNumber
 			})
 		},
 		{
-			accessorKey: "dueDateLabel",
+			accessorKey: "customerLabel",
+			header: U.columnCustomer,
+			cell: ({ row: e }) => /* @__PURE__ */ f(x, { row: e.original }),
+			minSize: 180
+		},
+		{
+			accessorKey: "issueDateLabel",
 			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ y(j, {
+			header: ({ column: e }) => /* @__PURE__ */ f(b, {
 				column: e,
-				label: Q.columnDueDate,
-				ariaLabel: Q.sortByDueDate
+				label: U.columnIssueDate,
+				ariaLabel: U.sortByIssueDate
 			})
 		},
 		{
 			accessorKey: "totalLabel",
 			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ y("div", {
+			header: ({ column: e }) => /* @__PURE__ */ f("div", {
 				className: "ttw:flex ttw:justify-end",
-				children: /* @__PURE__ */ y(j, {
+				children: /* @__PURE__ */ f(b, {
 					column: e,
-					label: Q.columnTotal,
-					ariaLabel: Q.sortByTotal
+					label: U.columnAmount,
+					ariaLabel: U.sortByAmount
 				})
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ y("div", {
+			cell: ({ row: e }) => /* @__PURE__ */ f("div", {
 				className: "ttw:text-right",
 				children: e.original.totalLabel
 			})
-		},
-		{
-			accessorKey: "amountDueLabel",
-			header: () => /* @__PURE__ */ y("div", {
-				className: "ttw:text-right",
-				children: Q.columnAmountDue
-			}),
-			cell: ({ row: e }) => /* @__PURE__ */ y("div", {
-				className: "ttw:text-right",
-				children: e.original.amountDueLabel
-			})
 		}
-	], ie = Y ? [...$, {
-		id: "actions",
-		header: () => /* @__PURE__ */ y("span", {
-			className: "ttw:sr-only",
-			children: Q.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": Q.columnActions,
-					onClick: (e) => e.stopPropagation(),
-					children: /* @__PURE__ */ y(T, { className: "ttw:size-4" })
-				})
-			}), /* @__PURE__ */ b(r, {
-				align: "end",
-				children: [
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.edit,
-						label: Q.actionEdit,
-						action: "edit",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.issue,
-						label: Q.actionIssue,
-						action: "issue",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.send,
-						label: Q.actionSend,
-						action: "send",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.recordPayment,
-						label: Q.actionRecordPayment,
-						action: "recordPayment",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.markPaid,
-						label: Q.actionMarkPaid,
-						action: "markPaid",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.markUncollectible,
-						label: Q.actionMarkUncollectible,
-						action: "markUncollectible",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.accept,
-						label: Q.actionAccept,
-						action: "accept",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.decline,
-						label: Q.actionDecline,
-						action: "decline",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.cancel,
-						label: Q.actionCancel,
-						action: "cancel",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.clone,
-						label: Q.actionClone,
-						action: "clone",
-						row: t.original,
-						onActionClick: Y
-					}),
-					/* @__PURE__ */ y(M, {
-						enabled: t.original.actions.delete,
-						label: Q.actionDelete,
-						action: "delete",
-						row: t.original,
-						onActionClick: Y,
-						variant: "destructive"
-					})
-				]
-			})] })
-		}),
-		size: 72
-	}] : $;
-	return /* @__PURE__ */ b("div", {
+	];
+	return /* @__PURE__ */ p("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: !d && /* @__PURE__ */ y(ee, {
-						value: o,
-						onValueChange: (e) => c(e),
-						children: /* @__PURE__ */ b(te, { children: [
-							s.includes("invoices") && /* @__PURE__ */ y(p, {
-								value: "invoices",
-								children: Q.tabInvoices
-							}),
-							s.includes("quotes") && /* @__PURE__ */ y(p, {
-								value: "quotes",
-								children: Q.tabQuotes
-							}),
-							s.includes("credit_notes") && /* @__PURE__ */ y(p, {
-								value: "credit_notes",
-								children: Q.tabCreditNotes
-							})
-						] })
-					})
-				}), /* @__PURE__ */ b("div", {
+			/* @__PURE__ */ p("div", {
+				className: "ttw:flex ttw:justify-between ttw:gap-4",
+				children: [/* @__PURE__ */ p("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [I, L && /* @__PURE__ */ p("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ f("span", {
+							className: "ttw:text-muted-foreground",
+							children: U.bankAttributionPrefix
+						}), /* @__PURE__ */ f("img", {
+							width: 120,
+							src: L.logoSrc,
+							alt: L.logoAlt
+						})]
+					})]
+				}), /* @__PURE__ */ p("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-2",
-					children: [q && /* @__PURE__ */ b(e, {
-						variant: "outline",
-						onClick: q,
-						children: [/* @__PURE__ */ y(O, { className: "ttw:size-4" }), Q.templateSettingsButton]
-					}), K && /* @__PURE__ */ b(e, {
-						onClick: K,
-						children: [/* @__PURE__ */ y(E, { className: "ttw:size-4" }), Q.createButton]
+					children: [z && /* @__PURE__ */ f(a, { children: /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f(o, {
+						asChild: !0,
+						children: /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "outline",
+							size: "lg",
+							"aria-label": U.settingsButton,
+							onClick: z,
+							children: /* @__PURE__ */ f(_, {
+								className: "ttw:size-4.5",
+								"aria-hidden": !0
+							})
+						})
+					}), /* @__PURE__ */ f(i, {
+						sideOffset: 4,
+						children: U.settingsButton
+					})] }) }), R && /* @__PURE__ */ f(e, {
+						size: "lg",
+						onClick: R,
+						children: U.createInvoiceButton
 					})]
 				})]
 			}),
-			!d && H && U && /* @__PURE__ */ y(v, {
-				view: H,
-				onSelect: U,
-				labels: { all: Q.statusCardsAll }
+			!g && M && N && /* @__PURE__ */ f(d, {
+				view: M,
+				onSelect: N,
+				labels: { all: U.statusCardsAll }
 			}),
-			d ? /* @__PURE__ */ y(h, {
-				icon: /* @__PURE__ */ y(w, { className: "ttw:size-8 ttw:text-primary" }),
-				title: Q.accessRestrictedTitle,
-				description: Q.accessRestrictedDescription
-			}) : u ? /* @__PURE__ */ y(h, {
-				title: Q.errorTitle,
-				description: Q.errorDescription,
-				retryLabel: X ? Q.errorRetry : void 0,
-				onRetry: X
-			}) : /* @__PURE__ */ y(t, {
-				columns: ie,
-				data: i,
-				isLoading: l,
-				sorting: f,
-				onSortingChange: x,
-				pageSize: S,
-				onPageSizeChange: C,
-				pageSizeOptions: D,
-				pageInfo: A,
-				hasNextPage: N,
-				hasPrevPage: P,
-				onNextPage: F,
-				onPrevPage: I,
-				onRowClick: J,
-				rowAriaLabel: (e) => Q.openRow(e.documentLabel),
-				filterComponent: W ?? /* @__PURE__ */ y(ne, {
-					labels: Q,
-					searchValue: L,
-					onSearchChange: R,
-					statusFilter: z,
-					statusOptions: B,
-					onStatusFilterChange: V
-				}),
-				children: /* @__PURE__ */ y(m, {
-					title: G ? Q.filterEmptyTitle : Q.emptyTitle,
-					description: G ? Q.filterEmptyDescription : Q.emptyDescription,
-					actionLabel: G ? void 0 : Q.emptyAction,
-					onAction: G ? void 0 : K
+			g ? /* @__PURE__ */ f(c, {
+				icon: /* @__PURE__ */ f(v, { className: "ttw:size-8 ttw:text-primary" }),
+				title: U.accessRestrictedTitle,
+				description: U.accessRestrictedDescription
+			}) : h ? /* @__PURE__ */ f(c, {
+				title: U.errorTitle,
+				description: U.errorDescription,
+				retryLabel: V ? U.errorRetry : void 0,
+				onRetry: V
+			}) : /* @__PURE__ */ f(t, {
+				columns: W,
+				data: n,
+				isLoading: m,
+				sorting: S,
+				onSortingChange: C,
+				pageSize: w,
+				onPageSizeChange: T,
+				pageSizeOptions: E,
+				pageInfo: D,
+				hasNextPage: O,
+				hasPrevPage: k,
+				onNextPage: A,
+				onPrevPage: j,
+				onRowClick: B,
+				rowAriaLabel: (e) => U.openRow(e.documentLabel),
+				filterComponent: P,
+				children: /* @__PURE__ */ f(s, {
+					title: F ? U.filterEmptyTitle : U.emptyTitle,
+					description: F ? void 0 : U.emptyDescription,
+					actionLabel: F ? void 0 : U.createInvoiceButton,
+					onAction: F ? void 0 : R
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { P as ReceivablesScreen, P as default };
+export { S as ReceivablesScreen, S as default };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.5.263", n = "759b6fc6c60363f415ccba2e5bb33c107e8f9697", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.265", n = "0676f5b86ffdc0c1cf0515490c9477ed48d76d77", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

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