@tesouro/embedded-components-react 0.5.186 → 0.5.188

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

@@ -0,0 +1,16 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpenseStatusBadge/badgeTones.js
+var e = {
+	danger: "ttw:border-pink-100 ttw:bg-pink-100 ttw:text-pink-700 ttw:hover:bg-pink-100",
+	info: "ttw:border-sky-100 ttw:bg-sky-100 ttw:text-sky-700 ttw:hover:bg-sky-100",
+	neutral: "ttw:border-zinc-100 ttw:bg-zinc-100 ttw:text-zinc-700 ttw:hover:bg-zinc-100",
+	success: "ttw:border-green-100 ttw:bg-green-100 ttw:text-green-700 ttw:hover:bg-green-100",
+	warning: "ttw:border-amber-100 ttw:bg-amber-100 ttw:text-amber-700 ttw:hover:bg-amber-100"
+}, t = {
+	new: "info",
+	approve_in_progress: "neutral",
+	approved: "success",
+	rejected: "danger",
+	canceled: "danger"
+};
+//#endregion
+export { e as EXPENSE_BADGE_TONE_CLASS_NAME, t as EXPENSE_STATUS_TONE };

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

@@ -0,0 +1,13 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpenseStatusBadge/labels.js
+var e = {
+	new: "Ready to submit",
+	approve_in_progress: "In review",
+	approved: "Approved",
+	rejected: "Rejected",
+	canceled: "Canceled",
+	unknown: "Unknown",
+	readyToSubmit: "Ready to submit",
+	missingInfo: "Missing info"
+};
+//#endregion
+export { e as EXPENSE_STATUS_BADGE_LABELS_EN };

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

@@ -0,0 +1,37 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Typography as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EXPENSES_HEADER_LABELS_EN as t } from "./labels.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpensesHeader/ExpensesHeader.js
+function i({ labels: i, bankDisplayName: a, bankLogoSrc: o, bankLogoAlt: s, isBankingTaglineVisible: c = !1 }) {
+	let l = {
+		...t,
+		...i
+	};
+	return !c || !a ? null : /* @__PURE__ */ n("header", {
+		className: "ttw:mb-4",
+		children: /* @__PURE__ */ r("div", {
+			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1",
+			children: [/* @__PURE__ */ n(e, {
+				component: "span",
+				variant: "body1",
+				color: "muted",
+				children: l.bankingTaglinePrefix
+			}), o ? /* @__PURE__ */ n("img", {
+				src: o,
+				alt: s ?? a,
+				className: "ttw:block ttw:h-auto ttw:max-w-[120px]"
+			}) : /* @__PURE__ */ n(e, {
+				component: "span",
+				variant: "body1",
+				color: "muted",
+				children: a
+			})]
+		})
+	});
+}
+//#endregion
+export { i as ExpensesHeader, i as default };

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

@@ -0,0 +1,7 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpensesHeader/labels.js
+var e = {
+	bankingTaglinePrefix: "Business Banking provided by",
+	settingsButtonAriaLabel: "Expense settings"
+};
+//#endregion
+export { e as EXPENSES_HEADER_LABELS_EN };

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

@@ -0,0 +1,112 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Badge as e, Button as t, Tabs as n, TabsContent as r, TabsList as i, TabsTrigger as a } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EXPENSES_HEADER_LABELS_EN as o } from "../ExpensesHeader/labels.js";
+import { ExpensesHeader as s } from "../ExpensesHeader/ExpensesHeader.js";
+import { DEFAULT_LABELS as c } from "./labels.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { SettingsIcon as d } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpensesScreen/ExpensesScreen.js
+function f({ labels: f, header: p, headerLabels: m, myTransactionsContent: h, teamTransactionsContent: g, myTransactionsCount: _, teamTransactionsCount: v, policiesContent: y, requirementsContent: b, matchingContent: x, activeTab: S, onActiveTabChange: C }) {
+	let w = {
+		...c,
+		...f
+	}, T = {
+		...o,
+		...m
+	}, { onSettingsClick: E, actions: D, ...O } = p ?? {}, k = !!(E || D), A = g ? "team-transactions" : "my-transactions";
+	return /* @__PURE__ */ u("section", {
+		className: "ttw:w-full ttw:space-y-4",
+		children: [/* @__PURE__ */ l(s, {
+			...O,
+			labels: m
+		}), /* @__PURE__ */ u(n, {
+			defaultValue: A,
+			value: S,
+			onValueChange: C,
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-2",
+					children: [/* @__PURE__ */ u(i, {
+						variant: "line",
+						className: "ttw:flex ttw:flex-wrap ttw:justify-start",
+						children: [
+							g ? /* @__PURE__ */ u(a, {
+								value: "team-transactions",
+								className: "ttw:gap-2",
+								children: [w.teamTransactionsTab, v ? /* @__PURE__ */ l(e, {
+									variant: "default",
+									className: "ttw:h-4.5 ttw:min-w-4.5 ttw:rounded-full ttw:px-1.5",
+									"aria-label": `${v} ${w.tabCountAriaSuffix}`,
+									children: v
+								}) : null]
+							}) : null,
+							/* @__PURE__ */ u(a, {
+								value: "my-transactions",
+								className: "ttw:gap-2",
+								children: [w.myTransactionsTab, _ ? /* @__PURE__ */ l(e, {
+									variant: "default",
+									className: "ttw:h-4.5 ttw:min-w-4.5 ttw:rounded-full ttw:px-1.5",
+									"aria-label": `${_} ${w.tabCountAriaSuffix}`,
+									children: _
+								}) : null]
+							}),
+							y ? /* @__PURE__ */ l(a, {
+								value: "policies",
+								children: w.policiesTab
+							}) : null,
+							b ? /* @__PURE__ */ l(a, {
+								value: "requirements",
+								children: w.requirementsTab
+							}) : null,
+							x ? /* @__PURE__ */ l(a, {
+								value: "matching",
+								children: w.matchingTab
+							}) : null
+						]
+					}), k ? /* @__PURE__ */ u("div", {
+						className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
+						children: [E ? /* @__PURE__ */ l(t, {
+							type: "button",
+							variant: "outline",
+							size: "icon",
+							className: "ttw:h-10 ttw:cursor-pointer ttw:rounded-xl ttw:border-border",
+							"aria-label": T.settingsButtonAriaLabel,
+							onClick: E,
+							children: /* @__PURE__ */ l(d, { className: "ttw:size-4.5" })
+						}) : null, D]
+					}) : null]
+				}),
+				/* @__PURE__ */ l(r, {
+					value: "my-transactions",
+					className: "ttw:pt-2",
+					children: h
+				}),
+				g ? /* @__PURE__ */ l(r, {
+					value: "team-transactions",
+					className: "ttw:pt-2",
+					children: g
+				}) : null,
+				y ? /* @__PURE__ */ l(r, {
+					value: "policies",
+					className: "ttw:pt-2",
+					children: y
+				}) : null,
+				b ? /* @__PURE__ */ l(r, {
+					value: "requirements",
+					className: "ttw:pt-2",
+					children: b
+				}) : null,
+				x ? /* @__PURE__ */ l(r, {
+					value: "matching",
+					className: "ttw:pt-2",
+					children: x
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { f as ExpensesScreen, f as default };

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

@@ -0,0 +1,11 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpensesScreen/labels.js
+var e = {
+	myTransactionsTab: "My transactions",
+	teamTransactionsTab: "Team transactions",
+	policiesTab: "Policies",
+	requirementsTab: "Requirements",
+	matchingTab: "Matching",
+	tabCountAriaSuffix: "items"
+};
+//#endregion
+export { e as DEFAULT_LABELS };

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

@@ -0,0 +1,158 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { AmountFilter as e, DateRangePicker as t, FilterBar as n, FilterMenuButton as r, FilterTag as i, MultiSelectFilter as a, Popover as o, PopoverContent as s, PopoverTrigger as c, SearchInput as l, useFilterPanel as u } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EXPENSES_TRANSACTIONS_FILTER_BAR_LABELS_EN as d } from "./labels.js";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ListFilter as h } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpensesTransactionsFilterBar/ExpensesTransactionsFilterBar.js
+var g = {
+	date: "ttw:w-auto",
+	paymentStatus: "ttw:w-56",
+	approvalStatus: "ttw:w-56",
+	type: "ttw:w-64",
+	teamMember: "ttw:w-64",
+	amount: "ttw:w-64"
+};
+function _(_) {
+	let v = {
+		...d,
+		..._.labels
+	}, { showTeamMemberFilter: y = !0, showCardOnlyFilter: b = !0 } = _, x = u(), S = [
+		{
+			id: "date",
+			label: v.fieldDate
+		},
+		{
+			id: "paymentStatus",
+			label: v.fieldPaymentStatus
+		},
+		{
+			id: "approvalStatus",
+			label: v.fieldApprovalStatus
+		},
+		{
+			id: "type",
+			label: v.fieldType
+		},
+		{
+			id: "teamMember",
+			label: v.fieldTeamMember
+		},
+		{
+			id: "amount",
+			label: v.fieldAmount
+		},
+		{
+			id: "card",
+			label: v.fieldCardOnly
+		}
+	].filter((e) => (e.id !== "teamMember" || y) && (e.id !== "card" || b)), C = x.isMenuOpen || !!x.activePanelId, w = x.activePanelId && g[x.activePanelId] || "ttw:w-52", T = _.allPresets.map((e) => ({
+		value: e.value,
+		label: e.label,
+		group: e.group
+	})), E = (e) => {
+		e || (x.closeMenu(), x.closePanel());
+	}, D = (e) => {
+		e === "card" ? (_.onCardToggle(), x.closeMenu()) : x.openPanel(e);
+	};
+	return /* @__PURE__ */ p(n, {
+		className: "ttw:pl-4",
+		searchSlot: /* @__PURE__ */ p(l, {
+			value: _.searchValue,
+			onChange: (e) => _.onSearchChange(e.target.value),
+			placeholder: v.searchPlaceholder,
+			"aria-label": v.searchAriaLabel,
+			className: "ttw:min-w-56"
+		}),
+		menuSlot: /* @__PURE__ */ m(o, {
+			open: C,
+			onOpenChange: E,
+			children: [/* @__PURE__ */ p(c, {
+				asChild: !0,
+				children: /* @__PURE__ */ p(r, {
+					activeCount: _.activeFilterCount,
+					onClick: x.toggleMenu,
+					"aria-label": v.filtersButtonAriaLabel
+				})
+			}), /* @__PURE__ */ m(s, {
+				align: "start",
+				className: `ttw:p-0 ${w}`,
+				children: [
+					x.isMenuOpen ? /* @__PURE__ */ p("div", {
+						className: "ttw:p-1",
+						children: S.map((e) => /* @__PURE__ */ m("button", {
+							type: "button",
+							className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer",
+							onClick: () => D(e.id),
+							children: [
+								/* @__PURE__ */ p(h, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }),
+								e.label,
+								e.id === "card" && _.cardOnly ? /* @__PURE__ */ p("span", {
+									className: "ttw:ml-auto ttw:text-xs ttw:text-indigo-600 ttw:font-semibold",
+									children: v.cardOnlyOn
+								}) : null
+							]
+						}, e.id))
+					}) : null,
+					x.activePanelId === "date" ? /* @__PURE__ */ p(t, {
+						from: _.dateFrom,
+						to: _.dateTo,
+						onRangeChange: _.onDateRangeChange,
+						selectedPreset: _.selectedDatePreset,
+						onPresetChange: _.onDatePresetChange,
+						presets: T,
+						labels: { fieldLabel: v.dateRangeFieldLabel }
+					}) : null,
+					x.activePanelId === "paymentStatus" ? /* @__PURE__ */ p(a, {
+						options: _.paymentStatusOptions,
+						selectedValues: _.selectedPaymentStatus,
+						onSelectionChange: _.onPaymentStatusChange
+					}) : null,
+					x.activePanelId === "approvalStatus" ? /* @__PURE__ */ p(a, {
+						options: _.approvalStatusOptions,
+						selectedValues: _.selectedApprovalStatus,
+						onSelectionChange: _.onApprovalStatusChange
+					}) : null,
+					x.activePanelId === "type" ? /* @__PURE__ */ p(a, {
+						options: _.typeOptions,
+						selectedValues: _.selectedTypes,
+						onSelectionChange: _.onTypeChange
+					}) : null,
+					x.activePanelId === "teamMember" ? /* @__PURE__ */ p(a, {
+						options: _.teamMemberOptions,
+						selectedValues: _.selectedTeamMembers,
+						onSelectionChange: _.onTeamMembersChange,
+						hasMore: _.teamMemberHasMore,
+						onLoadMore: _.onTeamMembersLoadMore
+					}) : null,
+					x.activePanelId === "amount" ? /* @__PURE__ */ p(e, {
+						mode: _.amountMode,
+						onModeChange: _.onAmountModeChange,
+						min: _.amountMin,
+						max: _.amountMax,
+						onMinChange: _.onAmountMinChange,
+						onMaxChange: _.onAmountMaxChange,
+						showFlowDirection: !0,
+						flowDirection: _.amountFlowDirection,
+						onFlowDirectionChange: _.onAmountFlowDirectionChange
+					}) : null
+				]
+			})]
+		}),
+		activeChipsSlot: /* @__PURE__ */ m(f, { children: [_.activeChips.map((e) => /* @__PURE__ */ p(i, {
+			label: e.label,
+			count: e.count,
+			variant: "default",
+			onDismiss: () => _.onDismissChip(e.key)
+		}, e.key)), _.activeFilterCount > 0 ? /* @__PURE__ */ p("button", {
+			type: "button",
+			className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap",
+			onClick: _.onClearAll,
+			children: v.clearAll
+		}) : null] })
+	});
+}
+//#endregion
+export { _ as ExpensesTransactionsFilterBar, _ as default };

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

@@ -0,0 +1,18 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpensesTransactionsFilterBar/labels.js
+var e = {
+	searchPlaceholder: "Search merchant...",
+	searchAriaLabel: "Search transactions by merchant",
+	filtersButtonAriaLabel: "Filters",
+	clearAll: "Clear all",
+	dateRangeFieldLabel: "Date range",
+	cardOnlyOn: "On",
+	fieldDate: "Date",
+	fieldPaymentStatus: "Payment Status",
+	fieldApprovalStatus: "Approval Status",
+	fieldType: "Type",
+	fieldTeamMember: "Team member",
+	fieldAmount: "Amount",
+	fieldCardOnly: "Card only"
+};
+//#endregion
+export { e as EXPENSES_TRANSACTIONS_FILTER_BAR_LABELS_EN };

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

@@ -0,0 +1,148 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Button as e, DataTable as t, DataTableSortableHeader as n } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ExpenseStatusBadge as r } from "../ExpenseStatusBadge/ExpenseStatusBadge.js";
+import { EXPENSES_TRANSACTIONS_TABLE_LABELS_EN as i } from "./labels.js";
+import { useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Loader2 as c, Plus as l, ReceiptIcon as u } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpensesTransactionsTable/ExpensesTransactionsTable.js
+function d({ labels: d, statusBadgeLabels: f, rows: p, isLoading: m, sorting: h, onSortingChange: g, pageSize: _, onPageSizeChange: v, pageSizeOptions: y, hasNextPage: b, hasPrevPage: x, onNextPage: S, onPrevPage: C, pageInfo: w, filterComponent: T, emptyState: E, showCardholderColumn: D = !0, showDepartmentColumn: O = !0, onAddReceiptClick: k, uploadingReceiptId: A, onRowClick: j }) {
+	let M = {
+		...i,
+		...d
+	}, N = j ? {
+		onRowClick: (e) => j(e.id),
+		rowAriaLabel: (e) => M.rowAriaLabel(e.merchantLabel, e.amountLabel)
+	} : {}, P = a(() => {
+		let t = [
+			{
+				id: "startedAt",
+				header: ({ column: e }) => /* @__PURE__ */ o(n, {
+					column: e,
+					title: M.dateColumn
+				}),
+				enableSorting: !0,
+				cell: ({ row: e }) => /* @__PURE__ */ o("span", {
+					className: "ttw:whitespace-nowrap",
+					children: e.original.dateLabel
+				})
+			},
+			{
+				id: "status",
+				header: M.statusColumn,
+				enableSorting: !1,
+				cell: ({ row: e }) => /* @__PURE__ */ o(r, {
+					status: e.original.status,
+					hasValidationErrors: e.original.hasValidationErrors,
+					labels: f
+				})
+			},
+			{
+				accessorKey: "merchantLabel",
+				header: M.merchantColumn,
+				enableSorting: !1,
+				cell: ({ row: e }) => /* @__PURE__ */ o("div", {
+					className: "ttw:truncate",
+					children: e.original.merchantLabel
+				})
+			}
+		];
+		return D && t.push({
+			accessorKey: "cardholderLabel",
+			header: M.cardholderColumn,
+			enableSorting: !1,
+			cell: ({ row: e }) => /* @__PURE__ */ o("span", {
+				className: "ttw:inline-block ttw:w-[95%] ttw:truncate",
+				children: e.original.cardholderLabel
+			})
+		}), t.push({
+			accessorKey: "cardLabel",
+			header: M.cardColumn,
+			enableSorting: !1,
+			cell: ({ row: e }) => /* @__PURE__ */ s("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-1",
+				children: [/* @__PURE__ */ o("span", {
+					className: "ttw:text-zinc-500",
+					children: e.original.cardLabel
+				}), e.original.cardFormatLabel ? /* @__PURE__ */ o("span", {
+					className: "ttw:rounded-sm ttw:bg-zinc-100 ttw:text-[10px] ttw:text-zinc-700 ttw:p-1",
+					children: e.original.cardFormatLabel
+				}) : null]
+			})
+		}), O && t.push({
+			accessorKey: "departmentLabel",
+			header: M.departmentColumn,
+			enableSorting: !1,
+			cell: ({ row: e }) => /* @__PURE__ */ o("span", {
+				className: "ttw:whitespace-nowrap",
+				children: e.original.departmentLabel
+			})
+		}), t.push({
+			id: "receipt",
+			header: M.receiptColumn,
+			enableSorting: !1,
+			cell: ({ row: t }) => {
+				if (t.original.hasReceipt) return /* @__PURE__ */ o(u, {
+					className: t.original.isReceiptHighlighted ? "ttw:size-4 ttw:text-purple-700" : "ttw:size-4",
+					role: "img",
+					"aria-label": M.receiptPresentAriaLabel
+				});
+				if (!k) return null;
+				let n = t.original.id === A;
+				return /* @__PURE__ */ o(e, {
+					type: "button",
+					variant: "outline",
+					size: "icon-sm",
+					"aria-label": n ? M.addingReceiptAriaLabel : M.addReceiptAriaLabel,
+					disabled: n,
+					onClick: (e) => {
+						e.stopPropagation(), k(t.original.id);
+					},
+					children: n ? /* @__PURE__ */ o(c, { className: "ttw:size-4 ttw:animate-spin" }) : /* @__PURE__ */ o(l, { className: "ttw:size-4" })
+				});
+			}
+		}, {
+			id: "amount",
+			header: ({ column: e }) => /* @__PURE__ */ o(n, {
+				column: e,
+				title: M.amountColumn
+			}),
+			enableSorting: !0,
+			cell: ({ row: e }) => /* @__PURE__ */ o("span", {
+				className: "ttw:font-medium ttw:whitespace-nowrap",
+				children: e.original.amountLabel
+			})
+		}), t;
+	}, [
+		M,
+		f,
+		D,
+		O,
+		k,
+		A
+	]);
+	return /* @__PURE__ */ o(t, {
+		columns: P,
+		data: p,
+		sorting: h,
+		onSortingChange: g,
+		pageSize: _,
+		onPageSizeChange: v,
+		pageSizeOptions: y,
+		hasNextPage: b,
+		hasPrevPage: x,
+		onNextPage: S,
+		onPrevPage: C,
+		pageInfo: w,
+		filterComponent: T,
+		isLoading: m,
+		getRowId: (e) => e.id,
+		...N,
+		children: E
+	});
+}
+//#endregion
+export { d as ExpensesTransactionsTable, d as default };

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

@@ -0,0 +1,18 @@
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/ExpensesTransactionsTable/labels.js
+var e = {
+	dateColumn: "Date",
+	statusColumn: "Status",
+	merchantColumn: "Merchant",
+	cardholderColumn: "Cardholder",
+	cardColumn: "Card",
+	departmentColumn: "Department",
+	receiptColumn: "Receipt",
+	amountColumn: "Amount",
+	receiptPresentAriaLabel: "Receipt attached",
+	receiptMissingAriaLabel: "No receipt attached",
+	addReceiptAriaLabel: "Add receipt",
+	addingReceiptAriaLabel: "Adding receipt",
+	rowAriaLabel: (e, t) => `Review expense — ${e}, ${t}`
+};
+//#endregion
+export { e as EXPENSES_TRANSACTIONS_TABLE_LABELS_EN };

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

@@ -0,0 +1,107 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i, cn as a } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { isPdf as o } from "../isPdf.js";
+import { FILE_VIEWER_LABELS_EN as s } from "./labels.js";
+import { PdfFileViewer as c } from "./PdfFileViewer.js";
+import { useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Download as f, MoreVertical as p, Trash2 as m, ZoomIn as h, ZoomOut as g } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/lib/FileViewer/FileViewer.js
+var _ = .25, v = .5, y = 3;
+function b({ url: b, className: x, isPreview: S, showDeleteOption: C, onDeleteClick: w, labels: T }) {
+	let [E, D] = l(1), O = {
+		...s,
+		...T
+	}, k = () => D((e) => Math.max(v, e - _)), A = () => D((e) => Math.min(y, e + _)), j = a("ttw:h-full ttw:w-full", !o(b) && "ttw:object-contain", S && o(b) && "ttw:pointer-events-none ttw:border-none"), M = o(b) ? /* @__PURE__ */ u(c, {
+		url: b,
+		scale: E,
+		title: O.filePreview,
+		className: j
+	}) : /* @__PURE__ */ u("img", {
+		src: b,
+		alt: O.filePreview,
+		className: j
+	});
+	return S ? M : /* @__PURE__ */ d("div", {
+		className: a("ttw:relative ttw:flex-1 ttw:overflow-hidden ttw:rounded-md ttw:bg-background", x),
+		children: [/* @__PURE__ */ u("div", {
+			className: "ttw:absolute ttw:inset-0 ttw:overflow-auto",
+			children: /* @__PURE__ */ u("div", {
+				className: "ttw:box-border ttw:p-6",
+				style: o(b) ? void 0 : {
+					width: `${E * 100}%`,
+					height: `${E * 100}%`
+				},
+				children: M
+			})
+		}), /* @__PURE__ */ d("div", {
+			className: "ttw:absolute ttw:bottom-4 ttw:left-4 ttw:right-4 ttw:z-10 ttw:flex ttw:items-center ttw:justify-between",
+			children: [/* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:items-center ttw:rounded-[14px] ttw:border ttw:border-border ttw:bg-background",
+				children: [
+					/* @__PURE__ */ u(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						"aria-label": O.zoomOut,
+						onClick: k,
+						disabled: E <= v,
+						className: "ttw:rounded-none ttw:rounded-bl-[14px] ttw:rounded-tl-[14px]",
+						children: /* @__PURE__ */ u(g, {
+							className: "ttw:size-4",
+							"aria-hidden": !0
+						})
+					}),
+					/* @__PURE__ */ u("div", { className: "ttw:w-px ttw:self-stretch ttw:bg-border" }),
+					/* @__PURE__ */ u(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						"aria-label": O.zoomIn,
+						onClick: A,
+						disabled: E >= y,
+						className: "ttw:rounded-none ttw:rounded-br-[14px] ttw:rounded-tr-[14px]",
+						children: /* @__PURE__ */ u(h, {
+							className: "ttw:size-4",
+							"aria-hidden": !0
+						})
+					})
+				]
+			}), /* @__PURE__ */ d(t, { children: [/* @__PURE__ */ u(i, {
+				asChild: !0,
+				children: /* @__PURE__ */ u(e, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": O.moreActions,
+					className: "ttw:bg-background",
+					children: /* @__PURE__ */ u(p, {
+						className: "ttw:size-4",
+						"aria-hidden": !0
+					})
+				})
+			}), /* @__PURE__ */ d(n, {
+				align: "end",
+				children: [/* @__PURE__ */ u(r, {
+					asChild: !0,
+					children: /* @__PURE__ */ d("a", {
+						href: b,
+						download: !0,
+						target: "_blank",
+						rel: "noreferrer",
+						children: [/* @__PURE__ */ u(f, { "aria-hidden": !0 }), O.downloadAttachment]
+					})
+				}), C && /* @__PURE__ */ d(r, {
+					variant: "destructive",
+					onClick: w,
+					children: [/* @__PURE__ */ u(m, { "aria-hidden": !0 }), O.deleteAttachment]
+				})]
+			})] })]
+		})]
+	});
+}
+//#endregion
+export { b as FileViewer, b as default };