@tesouro/embedded-components-react 0.3.19 → 0.3.22

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index63.js

@@ -1,181 +1,86 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { AddBillDialog as i } from "../../ui/dist/index10.js";
-import { BillsScreen as a } from "../../ui/dist/index60.js";
-import "../../ui/dist/index.js";
-import { BillCreateDialog as o } from "./index41.js";
-import "./index42.js";
-import { BillDetailsContainer as ee } from "./index45.js";
-import "./index46.js";
-import "./index52.js";
-import "./index53.js";
-import { DuplicateBillsContainer as s } from "./index56.js";
-import "./index57.js";
-import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index58.js";
-import { BILLS_TAB_LABELS_EN as u } from "./index60.js";
-import { useBillsTable as d } from "./index62.js";
-import { copyTextToClipboard as f } from "./index59.js";
-import { billsTabTestIds as p, billsTableCellTestIds as te } from "./index61.js";
-import { useCallback as ne, useEffect as m, useMemo as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { CalendarClockIcon as y, CheckIcon as b, FilePenIcon as x, ListIcon as S, LoaderCircleIcon as C } from "lucide-react";
+import { endOfDay as e, endOfMonth as t, endOfQuarter as n, endOfWeek as r, endOfYear as i, startOfDay as a, startOfMonth as o, startOfQuarter as s, startOfWeek as c, startOfYear as l, subDays as u, subMonths as d, subQuarters as f, subWeeks as p, subYears as m } from "date-fns";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index63.js
-var w = "bills@business-banking.app", T = {
-	[l.Drafts]: /* @__PURE__ */ _(x, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[l.Pending]: /* @__PURE__ */ _(C, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[l.Scheduled]: /* @__PURE__ */ _(y, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[l.Paid]: /* @__PURE__ */ _(b, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[l.All]: /* @__PURE__ */ _(S, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	})
+var h = {
+	Today: "today",
+	ThisWeek: "this_week",
+	ThisMonth: "this_month",
+	ThisQuarter: "this_quarter",
+	ThisYear: "this_year",
+	Yesterday: "yesterday",
+	LastWeek: "last_week",
+	LastMonth: "last_month",
+	Last30Days: "last_30_days",
+	Last90Days: "last_90_days",
+	LastQuarter: "last_quarter",
+	LastYear: "last_year"
 };
-function E({ labels: l, onEnqueueFiles: y, openPayableId: b, onOpenPayableHandled: x, poweredByBankName: S, duplicateBills: C }) {
-	let E = h(() => ({
-		...u,
-		...l,
-		queues: {
-			...u.queues,
-			...l?.queues
-		},
-		queueEmptyStates: c.reduce((e, t) => ({
-			...e,
-			[t]: {
-				...u.queueEmptyStates[t],
-				...l?.queueEmptyStates?.[t]
-			}
-		}), {})
-	}), [l]), [D, O] = g(!1), [k, A] = g(), [j, M] = g(!1), [N, P] = g(), [F, I] = g(!1), [L, R] = g(!1), [z, B] = g(!1), { initResponse: V } = r(), H = t(V?.scopes, [n.PayableReadOrg]), U = t(V?.scopes, [n.PayableWriteOrg]), W = !V || H, G = !V || U, K = ne((e, t) => {
-		if (t && G) {
-			A(e), M(!0);
-			return;
+function g(g, _ = /* @__PURE__ */ new Date()) {
+	let v = a(_);
+	switch (g) {
+		case h.Today: return {
+			from: v,
+			to: e(v)
+		};
+		case h.ThisWeek: return {
+			from: c(v),
+			to: r(v)
+		};
+		case h.ThisMonth: return {
+			from: o(v),
+			to: t(v)
+		};
+		case h.ThisQuarter: return {
+			from: s(v),
+			to: n(v)
+		};
+		case h.ThisYear: return {
+			from: l(v),
+			to: i(v)
+		};
+		case h.Yesterday: {
+			let t = u(v, 1);
+			return {
+				from: t,
+				to: e(t)
+			};
 		}
-		P(e), I(!0);
-	}, [G]), q = h(() => (C ?? []).filter((e) => e.isPossibleDuplicate).map((e) => e.id), [C]), J = d({
-		enabled: W,
-		onOpenBill: K,
-		duplicateBillIds: q,
-		duplicateBadgeLabel: E.duplicateBadge
-	}), Y = (e) => !!(e && q.includes(e)), X = q.length, re = X === 0 ? void 0 : X === 1 ? E.duplicateWarningOne : E.duplicateWarningMany(X), ie = h(() => c.map((e) => ({
-		id: e,
-		label: E.queues[e],
-		icon: T[e]
-	})), [E.queues]), ae = (e) => {
-		B(!1), P(e), I(!0);
-	}, oe = () => {
-		I(!1), R(!0);
-	}, se = h(() => ({
-		createButton: E.createButton,
-		addBill: { heading: E.nonEmptyHeading }
-	}), [E.createButton, E.nonEmptyHeading]), Z = () => {
-		O(!1), A(void 0), M(!0);
-	}, Q = (e) => {
-		O(!1), y?.(e);
-	}, $ = async () => {
-		await f(w) ? e.success(E.emailCopiedToast) : e.error(E.emailCopyFailedToast);
-	};
-	return m(() => {
-		b && (A(b), M(!0), x?.());
-	}, [x, b]), /* @__PURE__ */ v("div", {
-		"data-testid": p.root,
-		children: [
-			/* @__PURE__ */ _(a, {
-				rows: J.rows,
-				isLoading: J.isLoading || !V,
-				isError: J.isError,
-				onRetry: J.onRetry,
-				sorting: J.sorting,
-				onSortingChange: J.onSortingChange,
-				pageSize: J.pageSize,
-				onPageSizeChange: J.onPageSizeChange,
-				hasNextPage: J.hasNextPage,
-				hasPrevPage: J.hasPrevPage,
-				onNextPage: J.onNextPage,
-				onPrevPage: J.onPrevPage,
-				filterTabs: ie,
-				selectedFilterTabId: J.selectedFilterTabId,
-				onFilterTabChange: J.onFilterTabChange,
-				searchValue: J.searchValue,
-				onSearchChange: J.onSearchChange,
-				visibleColumns: J.visibleColumns,
-				cellTestIds: te,
-				isSearchActive: J.isSearchActive,
-				showAddPanelWhenEmpty: J.showAddPanelWhenEmpty,
-				emptyState: E.queueEmptyStates[J.selectedFilterTabId],
-				onCreateClick: G ? () => O(!0) : void 0,
-				onEnterManually: G ? Z : void 0,
-				onFilesSelected: G ? Q : void 0,
-				maxFiles: 10,
-				emailAddress: w,
-				onCopyEmail: $,
-				duplicateWarning: re,
-				onReviewDuplicates: () => B(!0),
-				labels: se
-			}),
-			z ? /* @__PURE__ */ _(s, {
-				open: z,
-				onOpenChange: B,
-				bills: C,
-				canManageDuplicates: G,
-				onOpenBill: ae
-			}) : null,
-			G ? /* @__PURE__ */ _(i, {
-				open: D,
-				onOpenChange: O,
-				onFilesSelected: Q,
-				maxFiles: 10,
-				onEnterManually: Z,
-				emailAddress: w,
-				onCopyEmail: $,
-				labels: { heading: J.hasAnyBills ? E.nonEmptyHeading : E.emptyHeading }
-			}) : null,
-			j ? /* @__PURE__ */ _(o, {
-				open: j,
-				onOpenChange: M,
-				payableId: k,
-				isPossibleDuplicate: Y(k)
-			}) : null,
-			F ? /* @__PURE__ */ _(ee, {
-				open: F,
-				onOpenChange: I,
-				payableId: N,
-				onClose: () => I(!1),
-				onExpand: oe,
-				isPossibleDuplicate: Y(N),
-				testId: p.detailsSheet,
-				poweredByBankName: S
-			}) : null,
-			L ? /* @__PURE__ */ _(o, {
-				open: L,
-				onOpenChange: R,
-				payableId: N,
-				readOnly: !0,
-				poweredByBankName: S,
-				isPossibleDuplicate: Y(N)
-			}) : null
-		]
-	});
+		case h.LastWeek: {
+			let e = c(p(v, 1));
+			return {
+				from: e,
+				to: r(e)
+			};
+		}
+		case h.LastMonth: {
+			let e = o(d(v, 1));
+			return {
+				from: e,
+				to: t(e)
+			};
+		}
+		case h.Last30Days: return {
+			from: u(v, 29),
+			to: e(v)
+		};
+		case h.Last90Days: return {
+			from: u(v, 89),
+			to: e(v)
+		};
+		case h.LastQuarter: {
+			let e = s(f(v, 1));
+			return {
+				from: e,
+				to: n(e)
+			};
+		}
+		case h.LastYear: {
+			let e = l(m(v, 1));
+			return {
+				from: e,
+				to: i(e)
+			};
+		}
+	}
 }
 //#endregion
-export { E as BillsTab, E as default };
+export { h as BillsDatePreset, g as resolveDatePreset };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index64.js

@@ -1,4 +1,50 @@
-import "./index58.js";
-import "./index60.js";
-import "./index62.js";
-import "./index63.js";
+import { BillStatusFilter as e } from "./index62.js";
+import { BillsDatePreset as t } from "./index63.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index64.js
+var n = {
+	presets: {
+		[t.Today]: "Today",
+		[t.ThisWeek]: "This week",
+		[t.ThisMonth]: "This month",
+		[t.ThisQuarter]: "This quarter",
+		[t.ThisYear]: "This year",
+		[t.Yesterday]: "Yesterday",
+		[t.LastWeek]: "Last week",
+		[t.LastMonth]: "Last month",
+		[t.Last30Days]: "Last 30 days",
+		[t.Last90Days]: "Last 90 days",
+		[t.LastQuarter]: "Last quarter",
+		[t.LastYear]: "Last year"
+	},
+	presetGroupCurrent: "Current",
+	presetGroupPast: "Past",
+	statuses: {
+		[e.Draft]: "Draft",
+		[e.PendingApproval]: "Pending approval",
+		[e.ReadyToPay]: "Ready to pay",
+		[e.PartiallyPaid]: "Partially paid",
+		[e.Paid]: "Paid",
+		[e.Rejected]: "Rejected",
+		[e.Canceled]: "Canceled"
+	},
+	dateFieldNames: {
+		issueDate: "Issue date",
+		dueDate: "Due date",
+		addedOn: "Added on"
+	},
+	dateChip: (e, t) => `${e}: ${t}`,
+	statusChip: (e) => `Status: ${e}`,
+	vendorChip: (e) => `Vendor: ${e}`,
+	amountChip: (e) => `Total amount: ${e}`,
+	attachmentChipHas: "Has attachment",
+	attachmentChipNone: "No attachment",
+	moreSelected: (e, t) => `${e} + ${t} more`,
+	amountAtLeast: (e) => `${e} or more`,
+	amountAtMost: (e) => `${e} or less`,
+	amountBetween: (e, t) => `${e} - ${t}`,
+	dateRange: (e, t) => `${e} - ${t}`,
+	dateFrom: (e) => `From ${e}`,
+	dateTo: (e) => `Until ${e}`
+};
+//#endregion
+export { n as BILLS_FILTER_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index65.js

@@ -1,8 +1,253 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import { BillsFilterField as t } from "../../ui/dist/index60.js";
+import "../../ui/dist/index.js";
+import "../../data-access/dist/index.js";
+import { getCounterpartName as n } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";
+import { useCounterpartsQuery as r } from "../../../shared/counterpart-management/data-access/dist/index3.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { BILL_STATUS_FILTER_ORDER as i, billStatusFilterApiValues as a } from "./index62.js";
+import { BillsDatePreset as o, resolveDatePreset as s } from "./index63.js";
+import { BILLS_FILTER_LABELS_EN as c } from "./index64.js";
+import { useCallback as l, useEffect as u, useMemo as d, useState as f } from "react";
+import { format as p, formatISO as m } from "date-fns";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index65.js
-var e = {
-	bills: "Bills",
-	vendors: "Vendors",
-	settings: "Settings"
+var h = {
+	Date: "date",
+	Status: "status",
+	Amount: "amount",
+	Vendor: "vendor",
+	Attachment: "attachment"
+}, g = 50, _ = 300, v = "MMM d, yyyy", y = 864e5, b = {
+	[t.IssueDate]: "issued_at",
+	[t.DueDate]: "due_date",
+	[t.AddedOn]: "created_at"
+}, x = {
+	[o.Today]: "current",
+	[o.ThisWeek]: "current",
+	[o.ThisMonth]: "current",
+	[o.ThisQuarter]: "current",
+	[o.ThisYear]: "current",
+	[o.Yesterday]: "past",
+	[o.LastWeek]: "past",
+	[o.LastMonth]: "past",
+	[o.Last30Days]: "past",
+	[o.Last90Days]: "past",
+	[o.LastQuarter]: "past",
+	[o.LastYear]: "past"
 };
+function S() {
+	return {
+		dateField: t.DueDate,
+		statuses: [],
+		amountMode: "any",
+		amountMin: "",
+		amountMax: "",
+		vendorIds: []
+	};
+}
+function C(e) {
+	let t = Number.parseFloat(e);
+	return Number.isFinite(t) ? Math.round(t * 100) : void 0;
+}
+function w({ offersStatusFilter: o = !1, offersVendorFilter: w = !0, isVendorFilterPaused: T = !1, onFiltersChange: E, labels: D } = {}) {
+	let O = d(() => ({
+		...c,
+		...D,
+		presets: {
+			...c.presets,
+			...D?.presets
+		},
+		statuses: {
+			...c.statuses,
+			...D?.statuses
+		},
+		dateFieldNames: {
+			...c.dateFieldNames,
+			...D?.dateFieldNames
+		}
+	}), [D]), [k, A] = f(S), [j, M] = f({}), [N, P] = f(""), [F, I] = f(""), L = l((e) => {
+		A((t) => ({
+			...t,
+			...e
+		})), E?.();
+	}, [E]);
+	u(() => {
+		w || A((e) => e.vendorIds.length === 0 ? e : (E?.(), {
+			...e,
+			vendorIds: []
+		}));
+	}, [w, E]), u(() => {
+		o || A((e) => e.statuses.length === 0 ? e : (E?.(), {
+			...e,
+			statuses: []
+		}));
+	}, [o, E]), u(() => {
+		let e = setTimeout(() => I(N.trim()), _);
+		return () => clearTimeout(e);
+	}, [N]);
+	let R = r({
+		enabled: w && !T,
+		is_vendor: !0,
+		sort: "counterpart_name",
+		order: "asc",
+		limit: g,
+		counterpart_name__icontains: F || void 0
+	}), z = d(() => (R.data?.data ?? []).map((e) => ({
+		value: e.id,
+		label: n(e)
+	})), [R.data?.data]), B = d(() => i.map((e) => ({
+		value: e,
+		label: O.statuses[e]
+	})), [O.statuses]), V = d(() => Object.entries(x).map(([e, t]) => ({
+		value: e,
+		label: O.presets[e],
+		group: t === "current" ? O.presetGroupCurrent : O.presetGroupPast
+	})), [
+		O.presetGroupCurrent,
+		O.presetGroupPast,
+		O.presets
+	]), H = d(() => {
+		let e = {}, t = b[k.dateField], n = (e) => Date.UTC(e.getFullYear(), e.getMonth(), e.getDate());
+		if (k.dateFrom && (e[`${t}__gte`] = t === "created_at" ? new Date(n(k.dateFrom)).toISOString() : m(k.dateFrom, { representation: "date" })), k.dateTo && (t === "created_at" ? e.created_at__lt = new Date(n(k.dateTo) + y).toISOString() : e[`${t}__lte`] = m(k.dateTo, { representation: "date" })), k.statuses.length > 0 && (e.status__in = a(k.statuses)), k.amountMode !== "any") {
+			let t = "total_amount__gte", n = "total_amount__lte", r = C(k.amountMin), i = C(k.amountMax);
+			k.amountMode === "exact" ? r !== void 0 && (e[t] = r, e[n] = r) : (r !== void 0 && (e[t] = r), i !== void 0 && (e[n] = i));
+		}
+		return k.vendorIds.length > 0 && (e.counterpart_id__in = [...k.vendorIds]), k.hasFile !== void 0 && (e.has_file = k.hasFile), e;
+	}, [k]), U = d(() => {
+		let t = [], n = (e) => p(e, v), r = (e) => {
+			let [t, ...n] = e;
+			return t ? n.length === 0 ? t : O.moreSelected(t, n.length) : "";
+		};
+		if (k.dateFrom || k.dateTo) {
+			let e = (k.datePreset ? O.presets[k.datePreset] : void 0) ?? (k.dateFrom && k.dateTo ? O.dateRange(n(k.dateFrom), n(k.dateTo)) : k.dateFrom ? O.dateFrom(n(k.dateFrom)) : O.dateTo(n(k.dateTo)));
+			t.push({
+				key: h.Date,
+				label: O.dateChip(O.dateFieldNames[k.dateField], e)
+			});
+		}
+		if (k.statuses.length > 0 && t.push({
+			key: h.Status,
+			label: O.statusChip(r(k.statuses.map((e) => O.statuses[e] ?? e)))
+		}), k.vendorIds.length > 0 && t.push({
+			key: h.Vendor,
+			label: O.vendorChip(r(k.vendorIds.map((e) => j[e] ?? e)))
+		}), k.amountMode !== "any") {
+			let n = (t) => {
+				let n = Number.parseFloat(t);
+				return Number.isFinite(n) ? e(n, { currencyCode: "USD" }) : "";
+			}, r = n(k.amountMin), i = n(k.amountMax), a = k.amountMode === "exact" ? r : r && i ? O.amountBetween(r, i) : r ? O.amountAtLeast(r) : i ? O.amountAtMost(i) : "";
+			a && t.push({
+				key: h.Amount,
+				label: O.amountChip(a)
+			});
+		}
+		return k.hasFile !== void 0 && t.push({
+			key: h.Attachment,
+			label: k.hasFile ? O.attachmentChipHas : O.attachmentChipNone
+		}), t;
+	}, [
+		O,
+		k,
+		j
+	]), W = l((e) => {
+		switch (e) {
+			case h.Date:
+				L({
+					datePreset: void 0,
+					dateFrom: void 0,
+					dateTo: void 0
+				});
+				break;
+			case h.Status:
+				L({ statuses: [] });
+				break;
+			case h.Vendor:
+				L({ vendorIds: [] });
+				break;
+			case h.Amount:
+				L({
+					amountMode: "any",
+					amountMin: "",
+					amountMax: ""
+				});
+				break;
+			case h.Attachment: L({ hasFile: void 0 });
+		}
+	}, [L]), G = l(() => {
+		A(S()), E?.();
+	}, [E]), K = l((e) => {
+		M((t) => {
+			let n = { ...t };
+			for (let t of z) e.includes(t.value) && (n[t.value] = t.label);
+			return n;
+		}), L({ vendorIds: e });
+	}, [L, z]);
+	return {
+		filterBarProps: {
+			fields: [...d(() => [
+				...w ? [t.Vendor] : [],
+				t.IssueDate,
+				t.DueDate,
+				...o ? [t.Status] : [],
+				t.TotalAmount,
+				t.AddedOn,
+				t.Attachment
+			], [o, w])],
+			activeFilterCount: U.length,
+			chips: U,
+			onRemoveChip: W,
+			onClearAll: G,
+			dateField: k.dateField,
+			onDateFieldChange: (e) => {
+				let t = !!(k.dateFrom || k.dateTo);
+				A((t) => ({
+					...t,
+					dateField: e
+				})), t && E?.();
+			},
+			datePresets: V,
+			selectedDatePreset: k.datePreset,
+			dateFrom: k.dateFrom,
+			dateTo: k.dateTo,
+			onDateRangeChange: ({ from: e, to: t }) => L({
+				datePreset: void 0,
+				dateFrom: e,
+				dateTo: t
+			}),
+			onDatePresetChange: (e) => {
+				let n = /* @__PURE__ */ new Date(), r = k.dateField === t.AddedOn ? new Date(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate()) : n, { from: i, to: a } = s(e, r);
+				L({
+					datePreset: e,
+					dateFrom: i,
+					dateTo: a
+				});
+			},
+			statusOptions: B,
+			selectedStatuses: k.statuses,
+			onStatusChange: (e) => L({ statuses: e }),
+			amountMode: k.amountMode,
+			onAmountModeChange: (e) => L({ amountMode: e }),
+			amountMin: k.amountMin,
+			amountMax: k.amountMax,
+			onAmountMinChange: (e) => L({ amountMin: e }),
+			onAmountMaxChange: (e) => L({ amountMax: e }),
+			vendorOptions: z,
+			selectedVendors: k.vendorIds,
+			onVendorChange: K,
+			vendorSearchValue: N,
+			onVendorSearchChange: P,
+			isVendorLoading: R.isLoading || T,
+			isVendorError: R.isError,
+			hasAttachment: k.hasFile,
+			onHasAttachmentChange: (e) => L({ hasFile: e })
+		},
+		query: H,
+		isFilterActive: U.length > 0
+	};
+}
 //#endregion
-export { e as DEFAULT_TABS_LABELS };
+export { h as BillsFilterChipKey, w as useBillsFilters };