@tesouro/embedded-components-react 0.3.19 → 0.3.22

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js

@@ -49,27 +49,31 @@ import "./index55.js";
 import "./index56.js";
 import { BillDuplicateNotice as s } from "./index57.js";
 import "./index58.js";
-import { BillColumn as c } from "./index59.js";
-import { BillsScreen as l } from "./index60.js";
+import "./index59.js";
+import { BillsFilterField as c } from "./index60.js";
 import "./index61.js";
-import { BillUploadStatusTray as u } from "./index63.js";
+import "./index62.js";
+import { BillColumn as l } from "./index63.js";
+import { BillsScreen as u } from "./index64.js";
 import "./index65.js";
-import "./index66.js";
-import { DuplicateBillsDialog as d } from "./index67.js";
-import "./index68.js";
+import { BillUploadStatusTray as d } from "./index67.js";
 import "./index69.js";
-import { ExtractionNotice as f } from "./index70.js";
-import "./index71.js";
+import "./index70.js";
+import { DuplicateBillsDialog as f } from "./index71.js";
 import "./index72.js";
 import "./index73.js";
-import "./index74.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as p } from "./index75.js";
-import { ReviewTransactionDialog as m } from "./index76.js";
+import { ExtractionNotice as p } from "./index74.js";
+import "./index75.js";
+import "./index76.js";
 import "./index77.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as h } from "./index78.js";
-import { SchedulePaymentDialog as g } from "./index80.js";
+import "./index78.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as m } from "./index79.js";
+import { ReviewTransactionDialog as h } from "./index80.js";
 import "./index81.js";
-import "./index82.js";
-import { SourceDocumentPanel as _ } from "./index83.js";
-import "./index84.js";
-export { e as AddBillDialog, a as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, c as BillColumn, n as BillCreateScreen, i as BillDecisionDialog, o as BillDetailsSheet, s as BillDuplicateNotice, r as BillPayWidgetUi, u as BillUploadStatusTray, l as BillsScreen, d as DuplicateBillsDialog, f as ExtractionNotice, p as REVIEW_TRANSACTION_DIALOG_LABELS_EN, m as ReviewTransactionDialog, h as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, g as SchedulePaymentDialog, _ as SourceDocumentPanel };
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as g } from "./index82.js";
+import { SchedulePaymentDialog as _ } from "./index84.js";
+import "./index85.js";
+import "./index86.js";
+import { SourceDocumentPanel as v } from "./index87.js";
+import "./index88.js";
+export { e as AddBillDialog, a as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, l as BillColumn, n as BillCreateScreen, i as BillDecisionDialog, o as BillDetailsSheet, s as BillDuplicateNotice, r as BillPayWidgetUi, d as BillUploadStatusTray, c as BillsFilterField, u as BillsScreen, f as DuplicateBillsDialog, p as ExtractionNotice, m as REVIEW_TRANSACTION_DIALOG_LABELS_EN, h as ReviewTransactionDialog, g as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, _ as SchedulePaymentDialog, v as SourceDocumentPanel };

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

@@ -45,12 +45,14 @@ var a = {
 }, c = {
 	createButton: "Add bill",
 	columnVendor: "Vendor",
+	columnIssueDate: "Issue date",
 	columnDueDate: "Due date",
 	columnScheduledDate: "Scheduled date",
 	columnPaidDate: "Paid date",
 	columnAmountDue: "Amount due",
 	columnAmountScheduled: "Amount scheduled",
 	columnAmountPaid: "Amount paid",
+	columnTotalAmount: "Total amount",
 	columnStatus: "Status",
 	columnAddedOn: "Added on",
 	columnActions: "Actions",

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js

@@ -1,14 +1,39 @@
+import { AMOUNT_FILTER_LABELS_EN as e, DATE_RANGE_PICKER_LABELS_EN as t, FILTER_MENU_BUTTON_LABELS_EN as n, FILTER_TAG_LABELS_EN as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js
-var e = {
-	Vendor: "vendor",
-	DueDate: "dueDate",
-	ScheduledDate: "scheduledDate",
-	PaidDate: "paidDate",
-	Status: "status",
-	AmountDue: "amountDue",
-	AmountScheduled: "amountScheduled",
-	AmountPaid: "amountPaid",
-	AddedOn: "addedOn"
+var i = {
+	fields: {
+		vendor: "Vendor",
+		issueDate: "Issue date",
+		dueDate: "Due date",
+		status: "Status",
+		totalAmount: "Total amount",
+		addedOn: "Added on",
+		attachment: "Attachment"
+	},
+	fieldMenuLabel: "Filter bills by",
+	amountMin: "No less than",
+	amountMax: "No more than",
+	vendorSearchPlaceholder: "Search vendors",
+	vendorSearchLabel: "Search vendors",
+	vendorEmpty: "No vendors match",
+	vendorLoading: "Loading vendors",
+	vendorError: "Couldn't load vendors",
+	attachmentAny: "Any",
+	attachmentHas: "Has attachment",
+	attachmentNone: "No attachment",
+	attachmentLabel: "Filter by attachment",
+	clearAll: "Clear all",
+	filterMenuButton: n,
+	filterTag: r,
+	amountFilter: {
+		modeAny: e.modeAny,
+		modeExact: e.modeExact,
+		modeRange: e.modeRange,
+		flowAny: e.flowAny,
+		flowIn: e.flowIn,
+		flowOut: e.flowOut
+	},
+	dateRangePicker: { presetPlaceholder: t.presetPlaceholder }
 };
 //#endregion
-export { e as BillColumn };
+export { i as BILLS_FILTER_BAR_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js

@@ -1,285 +1,12 @@
-import { Alert as e, AlertTitle as t, Button as n, DataTable as r, DataTableSortableHeader as i, Input as a, Tabs as ee, TabsContent as te, TabsList as ne, TabsTrigger 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 { AddBillPanel as l } from "./index7.js";
-import "./index8.js";
-import { BillStatusBadge as re } from "./index20.js";
-import "./index21.js";
-import { MissingValue as u } from "./index50.js";
-import "./index51.js";
-import { BILLS_SCREEN_LABELS_EN as d, BILLS_SCREEN_UPLOAD_ACCEPT as f } from "./index52.js";
-import { BillDuplicateBadge as ie } from "./index54.js";
-import "./index55.js";
-import { BillColumn as p } from "./index59.js";
-import { useMemo as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { ChevronRightIcon as _, CopyX as v, PlusIcon as y, SearchIcon as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js
-var ae = [
-	10,
-	25,
-	50,
-	100
-], oe = [
-	p.Vendor,
-	p.DueDate,
-	p.ScheduledDate,
-	p.PaidDate,
-	p.Status,
-	p.AmountDue,
-	p.AmountScheduled,
-	p.AmountPaid,
-	p.AddedOn
-], x = [
-	p.Vendor,
-	p.DueDate,
-	p.Status,
-	p.AmountDue,
-	p.AddedOn
-];
-function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce, pageSize: le, onPageSizeChange: ue, pageSizeOptions: T = ae, pageInfo: de, hasNextPage: E, hasPrevPage: D, onNextPage: O, onPrevPage: k, filterTabs: A, selectedFilterTabId: j, onFilterTabChange: M, searchValue: N, onSearchChange: P, visibleColumns: F = x, cellTestIds: I, isSearchActive: L, showAddPanelWhenEmpty: R, emptyState: z, onCreateClick: B, onRetry: V, onFilesSelected: H, maxFiles: U, onEnterManually: W, uploadStatus: G, uploadErrorMessage: K, emailAddress: q, onCopyEmail: J, labels: Y, duplicateWarning: X, onReviewDuplicates: Z }) {
-	let Q = m(() => ({
-		...d,
-		...Y,
-		statusBadge: {
-			...d.statusBadge,
-			...Y?.statusBadge
-		},
-		addBill: {
-			...d.addBill,
-			...Y?.addBill,
-			dropzone: {
-				...d.addBill.dropzone,
-				...Y?.addBill?.dropzone
-			}
-		},
-		sortableHeader: {
-			...d.sortableHeader,
-			...Y?.sortableHeader
-		},
-		missingValue: {
-			...d.missingValue,
-			...Y?.missingValue
-		}
-	}), [Y]), $ = m(() => {
-		let e = (e) => function({ column: t }) {
-			return /* @__PURE__ */ h(i, {
-				column: t,
-				title: e,
-				labels: Q.sortableHeader
-			});
-		}, t = (e, t) => function({ row: n }) {
-			return /* @__PURE__ */ h("span", {
-				"data-testid": I?.[t],
-				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Q.missingValue })
-			});
-		}, n = (e, t) => function({ row: n }) {
-			return /* @__PURE__ */ h("div", {
-				className: "ttw:text-right",
-				"data-testid": I?.[t],
-				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Q.missingValue })
-			});
-		}, r = (e) => function() {
-			return /* @__PURE__ */ h("div", {
-				className: "ttw:text-right",
-				children: e
-			});
-		};
-		return {
-			[p.Vendor]: {
-				accessorKey: "vendorLabel",
-				enableSorting: !0,
-				header: e(Q.columnVendor),
-				cell: t("vendorLabel", p.Vendor)
-			},
-			[p.DueDate]: {
-				accessorKey: "dueDateLabel",
-				enableSorting: !0,
-				header: e(Q.columnDueDate),
-				cell: t("dueDateLabel", p.DueDate)
-			},
-			[p.ScheduledDate]: {
-				accessorKey: "scheduledDateLabel",
-				enableSorting: !0,
-				header: e(Q.columnScheduledDate),
-				cell: t("scheduledDateLabel", p.ScheduledDate)
-			},
-			[p.PaidDate]: {
-				accessorKey: "paidDateLabel",
-				enableSorting: !1,
-				header: Q.columnPaidDate,
-				cell: t("paidDateLabel", p.PaidDate)
-			},
-			[p.Status]: {
-				accessorKey: "status",
-				enableSorting: !1,
-				header: Q.columnStatus,
-				cell: ({ row: e }) => /* @__PURE__ */ g("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-1",
-					"data-testid": I?.[p.Status],
-					children: [/* @__PURE__ */ h(re, {
-						status: e.original.status,
-						tone: e.original.statusTone,
-						labels: Q.statusBadge
-					}), e.original.duplicateBadge ? /* @__PURE__ */ h(ie, { ...e.original.duplicateBadge }) : null]
-				})
-			},
-			[p.AmountDue]: {
-				accessorKey: "amountDueLabel",
-				enableSorting: !1,
-				header: r(Q.columnAmountDue),
-				cell: n("amountDueLabel", p.AmountDue)
-			},
-			[p.AmountScheduled]: {
-				accessorKey: "amountScheduledLabel",
-				enableSorting: !1,
-				header: r(Q.columnAmountScheduled),
-				cell: n("amountScheduledLabel", p.AmountScheduled)
-			},
-			[p.AmountPaid]: {
-				accessorKey: "amountPaidLabel",
-				enableSorting: !1,
-				header: r(Q.columnAmountPaid),
-				cell: n("amountPaidLabel", p.AmountPaid)
-			},
-			[p.AddedOn]: {
-				accessorKey: "addedOnLabel",
-				enableSorting: !0,
-				header: e(Q.columnAddedOn),
-				cell: t("addedOnLabel", p.AddedOn)
-			}
-		};
-	}, [Q, I]), fe = m(() => [...oe.filter((e) => F.includes(e)).map((e) => $[e]), {
-		id: "actions",
-		enableSorting: !1,
-		header: () => /* @__PURE__ */ h("span", {
-			className: "ttw:sr-only",
-			children: Q.columnActions
-		}),
-		cell: ({ row: e }) => /* @__PURE__ */ h("div", {
-			className: "ttw:flex ttw:justify-end",
-			children: /* @__PURE__ */ h(n, {
-				variant: "ghost",
-				size: "icon",
-				"aria-label": Q.openRow(e.original.vendorLabel || Q.missingValue.missing),
-				onClick: (t) => {
-					t.stopPropagation(), e.original.onOpen();
-				},
-				children: /* @__PURE__ */ h(_, { className: "ttw:size-4" })
-			})
-		})
-	}], [
-		$,
-		Q,
-		F
-	]), pe = !!(B && H) && !C && !w && !L && S.length === 0 && R === !0, me = /* @__PURE__ */ h("div", {
-		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: /* @__PURE__ */ g("div", {
-			className: "ttw:relative ttw:w-80",
-			children: [/* @__PURE__ */ h(b, { 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__ */ h(a, {
-				className: "ttw:pl-9",
-				type: "search",
-				"aria-label": Q.searchLabel,
-				placeholder: Q.searchPlaceholder,
-				value: N,
-				onChange: (e) => P(e.target.value)
-			})]
-		})
-	});
-	return /* @__PURE__ */ g("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [X ? /* @__PURE__ */ g(e, {
-			className: "ttw:[&>svg]:size-6 ttw:flex ttw:items-center ttw:bg-amber-50 ttw:text-amber-700 ttw:border-amber-300",
-			children: [
-				/* @__PURE__ */ h(v, {}),
-				/* @__PURE__ */ h(t, {
-					className: "ttw:flex-1",
-					children: X
-				}),
-				Z ? /* @__PURE__ */ h(n, {
-					type: "button",
-					variant: "outline",
-					className: "ttw:text-foreground",
-					onClick: Z,
-					children: Q.duplicateBillsReviewButton
-				}) : null
-			]
-		}) : null, /* @__PURE__ */ g(ee, {
-			value: j,
-			onValueChange: M,
-			className: "ttw:flex ttw:flex-col ttw:gap-4",
-			children: [/* @__PURE__ */ g("div", {
-				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ h(ne, {
-					"aria-label": Q.filterTabsLabel,
-					children: A.map((e) => /* @__PURE__ */ g(o, {
-						value: e.id,
-						className: "ttw:min-w-28",
-						children: [e.icon, e.label]
-					}, e.id))
-				}), B ? /* @__PURE__ */ g(n, {
-					onClick: B,
-					children: [/* @__PURE__ */ h(y, { className: "ttw:size-4" }), Q.createButton]
-				}) : null]
-			}), (() => {
-				let e = w ? /* @__PURE__ */ h(c, {
-					title: Q.errorTitle,
-					description: Q.errorDescription,
-					retryLabel: V ? Q.errorRetry : void 0,
-					onRetry: V
-				}) : pe && B && H ? /* @__PURE__ */ h("div", {
-					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-					children: q && J ? /* @__PURE__ */ h(l, {
-						emailAddress: q,
-						onCopyEmail: J,
-						onFilesSelected: H,
-						accept: f,
-						maxFiles: U,
-						uploadStatus: G,
-						uploadErrorMessage: K,
-						onEnterManually: W ?? B,
-						labels: Q.addBill
-					}) : /* @__PURE__ */ h(l, {
-						onFilesSelected: H,
-						accept: f,
-						maxFiles: U,
-						uploadStatus: G,
-						uploadErrorMessage: K,
-						onEnterManually: W ?? B,
-						labels: Q.addBill
-					})
-				}) : /* @__PURE__ */ h(r, {
-					columns: fe,
-					data: S,
-					isLoading: C,
-					sorting: se,
-					onSortingChange: ce,
-					pageSize: le,
-					onPageSizeChange: ue,
-					pageSizeOptions: T,
-					pageInfo: de,
-					hasNextPage: E,
-					hasPrevPage: D,
-					onNextPage: O,
-					onPrevPage: k,
-					onRowClick: (e) => e.onOpen(),
-					filterComponent: me,
-					children: L ? /* @__PURE__ */ h(s, {
-						title: Q.filteredEmptyTitle,
-						description: Q.filteredEmptyDescription
-					}) : z ? /* @__PURE__ */ h(s, {
-						title: z.title,
-						description: z.description
-					}) : void 0
-				});
-				return A.map((t) => /* @__PURE__ */ h(te, {
-					value: t.id,
-					children: t.id === j ? e : null
-				}, t.id));
-			})()]
-		})]
-	});
-}
+var e = {
+	Vendor: "vendor",
+	IssueDate: "issueDate",
+	DueDate: "dueDate",
+	Status: "status",
+	TotalAmount: "totalAmount",
+	AddedOn: "addedOn",
+	Attachment: "attachment"
+};
 //#endregion
-export { S as BillsScreen, S as default, x as DEFAULT_BILL_COLUMNS };
+export { e as BillsFilterField };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js

@@ -1,10 +1,201 @@
+import { AmountFilter as e, DateRangePicker as t, FilterBar as n, FilterMenuButton as r, FilterTag as ee, Input as te, MultiSelectFilter as i, Popover as a, PopoverContent as o, PopoverTrigger as s, RadioGroup as c, RadioGroupItem as l, useFilterPanel as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILLS_FILTER_BAR_LABELS_EN as d } from "./index59.js";
+import { BillsFilterField as f } from "./index60.js";
+import { useMemo as ne } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ListFilterIcon as h } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js
-var e = {
-	collapse: "Collapse upload status",
-	expand: "Expand upload status",
-	close: "Close upload status",
-	statusLabel: (e) => e === "uploading" ? "Uploading" : e === "ready" ? "Ready" : "Failed",
-	openItem: (e) => `Open ${e}`
-};
+var g = {
+	date: "ttw:w-auto",
+	status: "ttw:w-56",
+	amount: "ttw:w-64",
+	vendor: "ttw:w-64",
+	attachment: "ttw:w-56"
+}, _ = {
+	[f.Vendor]: "vendor",
+	[f.IssueDate]: "date",
+	[f.DueDate]: "date",
+	[f.Status]: "status",
+	[f.TotalAmount]: "amount",
+	[f.AddedOn]: "date",
+	[f.Attachment]: "attachment"
+}, v = [
+	f.IssueDate,
+	f.DueDate,
+	f.AddedOn
+];
+function y({ fields: f, activeFilterCount: y, chips: b, onRemoveChip: x, onClearAll: S, dateField: C, onDateFieldChange: w, datePresets: T, selectedDatePreset: E, dateFrom: D, dateTo: O, onDateRangeChange: k, onDatePresetChange: A, statusOptions: j, selectedStatuses: M, onStatusChange: N, amountMode: P, onAmountModeChange: F, amountMin: I, amountMax: L, onAmountMinChange: re, onAmountMaxChange: R, vendorOptions: z, selectedVendors: B, onVendorChange: V, vendorSearchValue: H, onVendorSearchChange: U, isVendorLoading: W, isVendorError: G, hasAttachment: K, onHasAttachmentChange: q, searchSlot: J, testIds: Y, labels: X, className: ie }) {
+	let Z = ne(() => ({
+		...d,
+		...X,
+		fields: {
+			...d.fields,
+			...X?.fields
+		},
+		filterMenuButton: {
+			...d.filterMenuButton,
+			...X?.filterMenuButton
+		},
+		filterTag: {
+			...d.filterTag,
+			...X?.filterTag
+		},
+		amountFilter: {
+			...d.amountFilter,
+			...X?.amountFilter
+		},
+		dateRangePicker: {
+			...d.dateRangePicker,
+			...X?.dateRangePicker
+		}
+	}), [X]), Q = u(), $ = Q.activePanelId, ae = Q.isMenuOpen || !!$, oe = ($ && g[$]) ?? "ttw:w-52", se = (e) => {
+		$ && e.preventDefault(), Q.toggleMenu();
+	}, ce = (e) => {
+		e || (Q.closeMenu(), Q.closePanel());
+	}, le = (e) => {
+		v.includes(e) && w(e), Q.openPanel(_[e]);
+	}, ue = K === void 0 ? "any" : K ? "has" : "none", de = (e) => {
+		q(e === "any" ? void 0 : e === "has");
+	};
+	return /* @__PURE__ */ p(n, {
+		className: ie,
+		searchSlot: J,
+		menuSlot: /* @__PURE__ */ m(a, {
+			open: ae,
+			onOpenChange: ce,
+			children: [/* @__PURE__ */ p(s, {
+				asChild: !0,
+				children: /* @__PURE__ */ p(r, {
+					size: "md",
+					activeCount: y,
+					onClick: se,
+					labels: Z.filterMenuButton,
+					"data-testid": Y?.menuButton
+				})
+			}), /* @__PURE__ */ m(o, {
+				align: "start",
+				className: `ttw:p-0 ${oe}`,
+				children: [
+					Q.isMenuOpen ? /* @__PURE__ */ p("div", {
+						className: "ttw:p-1",
+						role: "menu",
+						"aria-label": Z.fieldMenuLabel,
+						children: f.map((e) => /* @__PURE__ */ m("button", {
+							type: "button",
+							role: "menuitem",
+							className: "ttw:flex ttw:w-full ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-md ttw:px-2 ttw:py-1.5 ttw:text-xs ttw:font-medium ttw:transition-colors ttw:hover:bg-accent",
+							onClick: () => le(e),
+							children: [/* @__PURE__ */ p(h, {
+								className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground",
+								"aria-hidden": !0
+							}), Z.fields[e]]
+						}, e))
+					}) : null,
+					$ === "date" ? /* @__PURE__ */ p(t, {
+						from: D,
+						to: O,
+						onRangeChange: k,
+						selectedPreset: E,
+						onPresetChange: A,
+						presets: [...T],
+						labels: {
+							...Z.dateRangePicker,
+							fieldLabel: Z.fields[C]
+						}
+					}) : null,
+					$ === "status" ? /* @__PURE__ */ p(i, {
+						options: [...j],
+						selectedValues: [...M],
+						onSelectionChange: N
+					}) : null,
+					$ === "amount" ? /* @__PURE__ */ p(e, {
+						mode: P,
+						onModeChange: F,
+						min: I,
+						max: L,
+						onMinChange: re,
+						onMaxChange: R,
+						showFlowDirection: !1,
+						labels: {
+							...Z.amountFilter,
+							min: Z.amountMin,
+							max: Z.amountMax
+						}
+					}) : null,
+					$ === "vendor" ? /* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-3",
+						children: [/* @__PURE__ */ p(te, {
+							type: "search",
+							className: "ttw:h-8 ttw:text-xs",
+							"aria-label": Z.vendorSearchLabel,
+							placeholder: Z.vendorSearchPlaceholder,
+							value: H,
+							onChange: (e) => U(e.target.value)
+						}), W ? /* @__PURE__ */ p("p", {
+							className: "ttw:px-1 ttw:text-xs ttw:text-muted-foreground",
+							children: Z.vendorLoading
+						}) : G ? /* @__PURE__ */ p("p", {
+							className: "ttw:px-1 ttw:text-xs ttw:text-destructive",
+							children: Z.vendorError
+						}) : z.length === 0 ? /* @__PURE__ */ p("p", {
+							className: "ttw:px-1 ttw:text-xs ttw:text-muted-foreground",
+							children: Z.vendorEmpty
+						}) : /* @__PURE__ */ p(i, {
+							options: [...z],
+							selectedValues: [...B],
+							onSelectionChange: V
+						})]
+					}) : null,
+					$ === "attachment" ? /* @__PURE__ */ p("div", {
+						className: "ttw:p-3",
+						children: /* @__PURE__ */ p(c, {
+							value: ue,
+							onValueChange: de,
+							"aria-label": Z.attachmentLabel,
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [
+								{
+									value: "any",
+									label: Z.attachmentAny
+								},
+								{
+									value: "has",
+									label: Z.attachmentHas
+								},
+								{
+									value: "none",
+									label: Z.attachmentNone
+								}
+							].map(({ value: e, label: t }) => /* @__PURE__ */ m("label", {
+								className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
+								children: [/* @__PURE__ */ p(l, { value: e }), /* @__PURE__ */ p("span", {
+									className: "ttw:text-xs ttw:font-medium",
+									children: t
+								})]
+							}, e))
+						})
+					}) : null
+				]
+			})]
+		}),
+		activeChipsSlot: /* @__PURE__ */ m("span", {
+			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
+			"data-testid": Y?.chips,
+			children: [b.map((e) => /* @__PURE__ */ p(ee, {
+				label: e.label,
+				labels: Z.filterTag,
+				onDismiss: () => x(e.key)
+			}, e.key)), b.length > 0 ? /* @__PURE__ */ p("button", {
+				type: "button",
+				className: "ttw:cursor-pointer ttw:whitespace-nowrap ttw:text-xs ttw:text-muted-foreground ttw:transition-colors ttw:hover:text-foreground",
+				onClick: S,
+				children: Z.clearAll
+			}) : null]
+		})
+	});
+}
+function b(e) {
+	return /* @__PURE__ */ p(y, { ...e }, e.fields.join("|"));
+}
 //#endregion
-export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };
+export { b as BillsFilterBar, b as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js

@@ -1,8 +1,3 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js
-var e = {
-	uploading: "ttw:text-muted-foreground",
-	ready: "ttw:text-emerald-600",
-	failed: "ttw:text-destructive"
-};
-//#endregion
-export { e as UPLOAD_ITEM_ICON_TONE };
+import "./index59.js";
+import "./index60.js";
+import "./index61.js";