@tesouro/embedded-components-react 0.3.1 → 0.3.5

package/dist/libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index3.js

@@ -1,24 +1,24 @@
-import { Button as e, DataTable as t, Input as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s, Skeleton as c, Typography as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as u } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as d } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { Button as e, DataTable as t, Input as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s, Skeleton as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as l } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as u } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../shared/ui/dist/index.js";
-import { COUNTERPARTS_SCREEN_LABELS_EN as f } from "./index2.js";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { ArrowDownIcon as h, ArrowUpDownIcon as g, ArrowUpIcon as _, SearchIcon as v } from "lucide-react";
+import { COUNTERPARTS_SCREEN_LABELS_EN as d } from "./index2.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ArrowDownIcon as m, ArrowUpDownIcon as h, ArrowUpIcon as g, SearchIcon as _ } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index3.js
-var y = "all", b = [
+var v = "all", y = [
 	10,
 	25,
 	50,
 	100
 ];
-function x({ labels: e, searchValue: t, onSearchChange: c, entityFilter: l, onEntityFilterChange: u, disabled: d, createAction: f }) {
-	return /* @__PURE__ */ m("div", {
+function b({ labels: e, searchValue: t, onSearchChange: c, entityFilter: l, onEntityFilterChange: u, disabled: d, createAction: m }) {
+	return /* @__PURE__ */ p("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "ttw:relative ttw:w-80",
-				children: [/* @__PURE__ */ p(v, { 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__ */ p(n, {
+				children: [/* @__PURE__ */ f(_, { 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__ */ f(n, {
 					className: "ttw:pl-9",
 					placeholder: e.searchPlaceholder,
 					value: t,
@@ -26,94 +26,94 @@ function x({ labels: e, searchValue: t, onSearchChange: c, entityFilter: l, onEn
 					onChange: (e) => c(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ m(r, {
+			/* @__PURE__ */ p(r, {
 				value: l,
 				onValueChange: u,
 				disabled: d,
-				children: [/* @__PURE__ */ p(o, {
+				children: [/* @__PURE__ */ f(o, {
 					className: "ttw:w-44",
-					children: /* @__PURE__ */ p(s, {})
-				}), /* @__PURE__ */ m(i, { children: [
-					/* @__PURE__ */ p(a, {
-						value: y,
+					children: /* @__PURE__ */ f(s, {})
+				}), /* @__PURE__ */ p(i, { children: [
+					/* @__PURE__ */ f(a, {
+						value: v,
 						children: e.entityFilterAll
 					}),
-					/* @__PURE__ */ p(a, {
+					/* @__PURE__ */ f(a, {
 						value: "individual",
 						children: e.entityFilterIndividual
 					}),
-					/* @__PURE__ */ p(a, {
+					/* @__PURE__ */ f(a, {
 						value: "organization",
 						children: e.entityFilterOrganization
 					})
 				] })]
 			}),
-			f && /* @__PURE__ */ p("div", {
+			m && /* @__PURE__ */ f("div", {
 				className: "ttw:ml-auto",
-				children: f
+				children: m
 			})
 		]
 	});
 }
-function S({ value: e, isLoading: t, colorClass: n }) {
-	return /* @__PURE__ */ p("div", {
+function x({ value: e, isLoading: t, colorClass: n }) {
+	return /* @__PURE__ */ f("div", {
 		className: "ttw:flex ttw:justify-end",
-		children: t ? /* @__PURE__ */ p(c, { className: "ttw:h-4 ttw:w-20" }) : /* @__PURE__ */ p("span", {
+		children: t ? /* @__PURE__ */ f(c, { className: "ttw:h-4 ttw:w-20" }) : /* @__PURE__ */ f("span", {
 			className: n,
 			children: e
 		})
 	});
 }
-function C({ mode: n, counterparts: r, isLoading: i, isError: a, sorting: o, onSortingChange: s, pageSize: c, onPageSizeChange: v, pageSizeOptions: y = b, hasNextPage: C, hasPrevPage: w, onNextPage: T, onPrevPage: E, searchValue: D, onSearchChange: O, entityFilter: k, onEntityFilterChange: ee, isFiltering: A, canCreate: j = !0, showTitle: M = !0, isAccessRestricted: N, onCreateClick: P, onRowClick: F, onRetry: I, labels: L, emptyStateTestId: R, accessRestrictedTestId: z }) {
-	let B = {
-		...f,
-		...L
-	}, V = n === "customer", H = V ? B.customersTitle : B.vendorsTitle, U = V ? B.columnReceivedAmount : B.columnTotalPaidToDate, W = V ? B.columnAmountDue : B.columnBalanceDue, G = [
+function S({ mode: n, counterparts: r, isLoading: i, isError: a, sorting: o, onSortingChange: s, pageSize: c, onPageSizeChange: _, pageSizeOptions: v = y, hasNextPage: S, hasPrevPage: C, onNextPage: w, onPrevPage: T, searchValue: E, onSearchChange: D, entityFilter: O, onEntityFilterChange: k, isFiltering: A, canCreate: j = !0, isAccessRestricted: M, onCreateClick: N, onRowClick: P, onRetry: F, labels: I, emptyStateTestId: L, accessRestrictedTestId: R }) {
+	let z = {
+		...d,
+		...I
+	}, B = n === "customer", V = B ? z.columnReceivedAmount : z.columnTotalPaidToDate, H = B ? z.columnAmountDue : z.columnBalanceDue, U = [
 		{
 			accessorKey: "name",
 			enableSorting: !0,
 			header: ({ column: t }) => {
 				let n = t.getIsSorted();
-				return /* @__PURE__ */ m("div", {
+				return /* @__PURE__ */ p("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [B.columnName, /* @__PURE__ */ p(e, {
+					children: [z.columnName, /* @__PURE__ */ f(e, {
 						variant: "ghost",
 						size: "icon-sm",
-						"aria-label": B.sortByName,
+						"aria-label": z.sortByName,
 						onClick: () => t.toggleSorting(n === "asc"),
-						children: p(n === "asc" ? _ : n === "desc" ? h : g, { className: "ttw:size-4" })
+						children: f(n === "asc" ? g : n === "desc" ? m : h, { className: "ttw:size-4" })
 					})]
 				});
 			},
-			cell: ({ row: e }) => /* @__PURE__ */ m("div", {
+			cell: ({ row: e }) => /* @__PURE__ */ p("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-1",
-				children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: "ttw:font-medium",
 					children: e.original.name
-				}), e.original.locationLabel && /* @__PURE__ */ p("span", {
+				}), e.original.locationLabel && /* @__PURE__ */ f("span", {
 					className: "ttw:text-sm ttw:text-muted-foreground",
 					children: e.original.locationLabel
 				})]
 			})
 		},
-		...V ? [{
+		...B ? [{
 			accessorKey: "billedAmountLabel",
-			header: () => /* @__PURE__ */ p("div", {
+			header: () => /* @__PURE__ */ f("div", {
 				className: "ttw:text-right",
-				children: B.columnBilledAmount
+				children: z.columnBilledAmount
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ p(S, {
+			cell: ({ row: e }) => /* @__PURE__ */ f(x, {
 				value: e.original.billedAmountLabel,
 				isLoading: e.original.isBilledAmountLoading
 			})
 		}] : [],
 		{
 			accessorKey: "receivedOrPaidAmountLabel",
-			header: () => /* @__PURE__ */ p("div", {
+			header: () => /* @__PURE__ */ f("div", {
 				className: "ttw:text-right",
-				children: U
+				children: V
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ p(S, {
+			cell: ({ row: e }) => /* @__PURE__ */ f(x, {
 				value: e.original.receivedOrPaidAmountLabel,
 				isLoading: e.original.isReceivedOrPaidAmountLoading,
 				colorClass: e.original.isReceivedOrPaidPositive ? "ttw:text-green-700" : void 0
@@ -121,70 +121,62 @@ function C({ mode: n, counterparts: r, isLoading: i, isError: a, sorting: o, onS
 		},
 		{
 			accessorKey: "dueOrOwedAmountLabel",
-			header: () => /* @__PURE__ */ p("div", {
+			header: () => /* @__PURE__ */ f("div", {
 				className: "ttw:text-right",
-				children: W
+				children: H
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ p(S, {
+			cell: ({ row: e }) => /* @__PURE__ */ f(x, {
 				value: e.original.dueOrOwedAmountLabel,
 				isLoading: e.original.isDueOrOwedAmountLoading
 			})
 		}
-	], K = V ? B.customersEmptyTitle : B.vendorsEmptyTitle, q = V ? B.customersEmptyDescription : B.vendorsEmptyDescription, J = V ? B.customersEmptyAction : B.vendorsEmptyAction, Y = V ? B.customersFilterEmptyTitle : B.vendorsFilterEmptyTitle, X = !A && !D && !r.length && !i, Z = !!(j && !N), Q = !!(!A && Z), te = V ? B.createButton : B.vendorsCreateButton, $ = Z ? /* @__PURE__ */ p(e, {
-		onClick: P,
-		children: te
-	}) : void 0;
-	return /* @__PURE__ */ m("div", {
+	], W = B ? z.customersEmptyTitle : z.vendorsEmptyTitle, G = B ? z.customersEmptyDescription : z.vendorsEmptyDescription, K = B ? z.customersEmptyAction : z.vendorsEmptyAction, q = B ? z.customersFilterEmptyTitle : z.vendorsFilterEmptyTitle, J = !A && !E && !r.length && !i, Y = !!(j && !M), X = !!(!A && Y), Z = B ? z.createButton : z.vendorsCreateButton;
+	return /* @__PURE__ */ f("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [M && /* @__PURE__ */ m("div", {
-			className: "ttw:flex ttw:items-center ttw:justify-between",
-			children: [/* @__PURE__ */ p(l, {
-				component: "h2",
-				variant: "h6",
-				className: "ttw:font-semibold",
-				children: H
-			}), $]
-		}), N ? /* @__PURE__ */ p(d, {
-			testId: z,
-			title: B.accessRestrictedTitle,
-			description: B.accessRestrictedDescription
-		}) : a ? /* @__PURE__ */ p(d, {
-			title: B.errorTitle,
-			description: B.errorDescription,
-			retryLabel: I ? B.errorRetry : void 0,
-			onRetry: I
-		}) : /* @__PURE__ */ p(t, {
-			columns: G,
+		children: M ? /* @__PURE__ */ f(u, {
+			testId: R,
+			title: z.accessRestrictedTitle,
+			description: z.accessRestrictedDescription
+		}) : a ? /* @__PURE__ */ f(u, {
+			title: z.errorTitle,
+			description: z.errorDescription,
+			retryLabel: F ? z.errorRetry : void 0,
+			onRetry: F
+		}) : /* @__PURE__ */ f(t, {
+			columns: U,
 			data: r,
 			isLoading: i,
 			sorting: o,
 			onSortingChange: s,
 			pageSize: c,
-			onPageSizeChange: v,
-			pageSizeOptions: y,
-			hasNextPage: C,
-			hasPrevPage: w,
-			onNextPage: T,
-			onPrevPage: E,
-			onRowClick: F,
-			filterComponent: /* @__PURE__ */ p(x, {
-				labels: B,
-				searchValue: D,
-				onSearchChange: O,
-				entityFilter: k,
-				onEntityFilterChange: ee,
-				disabled: X,
-				createAction: M ? void 0 : $
+			onPageSizeChange: _,
+			pageSizeOptions: v,
+			hasNextPage: S,
+			hasPrevPage: C,
+			onNextPage: w,
+			onPrevPage: T,
+			onRowClick: P,
+			filterComponent: /* @__PURE__ */ f(b, {
+				labels: z,
+				searchValue: E,
+				onSearchChange: D,
+				entityFilter: O,
+				onEntityFilterChange: k,
+				disabled: J,
+				createAction: Y ? /* @__PURE__ */ f(e, {
+					onClick: N,
+					children: Z
+				}) : void 0
 			}),
-			children: /* @__PURE__ */ p(u, {
-				testId: R,
-				title: A ? Y : K,
-				description: A ? B.filterEmptyDescription : q,
-				actionLabel: Q ? J : void 0,
-				onAction: Q ? P : void 0
+			children: /* @__PURE__ */ f(l, {
+				testId: L,
+				title: A ? q : W,
+				description: A ? z.filterEmptyDescription : G,
+				actionLabel: X ? K : void 0,
+				onAction: X ? N : void 0
 			})
-		})]
+		})
 	});
 }
 //#endregion
-export { C as CounterpartsScreen, C as default };
+export { S as CounterpartsScreen, S as default };

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index10.js

@@ -70,7 +70,7 @@ function ie(e) {
 		id: e.id,
 		primaryText: t ? r.ReceiptScanningTitle : e.merchant_name?.trim() || r.ReceiptScanningTitle,
 		secondaryText: t ? r.ReceiptScanningSubtitle : d(e.issued_at),
-		thumbnailUrl: e.file_url
+		thumbnailUrl: e.file_url ?? void 0
 	};
 }
 function p(e) {

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpenseManagementWidgetUi/ExpenseManagementWidgetUi.js

@@ -13,15 +13,12 @@ function s({ labels: s, receiptsContent: c, matchingContent: l, policiesContent:
 	};
 	return /* @__PURE__ */ o("section", {
 		className: "ttw:w-full ttw:space-y-5",
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ a("div", {
 			className: "ttw:min-w-0",
-			children: [/* @__PURE__ */ a("h2", {
-				className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
-				children: f.title
-			}), /* @__PURE__ */ a("p", {
-				className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
+			children: /* @__PURE__ */ a("p", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
 				children: f.description
-			})]
+			})
 		}), /* @__PURE__ */ o(e, {
 			defaultValue: "receipts",
 			children: [

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpenseManagementWidgetUi/labels.js

@@ -1,6 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpenseManagementWidgetUi/labels.js
 var e = {
-	title: "Expense management",
 	description: "Manage receipts, matching, policies, and requirements.",
 	receiptsTab: "Receipts",
 	matchingTab: "Matching",

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index2.js

@@ -1,6 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index2.js
 var e = {
-	title: "Chart of accounts",
 	subtitle: "An organized list of every account your business uses to record its financial transactions in its general ledger.",
 	columnGlCode: "GL code",
 	columnName: "Account name",