@tesouro/embedded-components-react 0.4.0 → 0.4.1

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

@@ -2,114 +2,252 @@
 "use client";
 "use client";
 "use client";
-import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import { hasSuspectedPayableDuplicate as n } from "../../data-access/dist/index6.js";
-import { usePayablesQuery as r, usePayablesTotalCountQuery as i } from "../../data-access/dist/index15.js";
+import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
 import "../../data-access/dist/index.js";
-import { derivePayableStatus as a } from "./index4.js";
-import { resolveVendorName as o } from "./index5.js";
-import { isEditablePayableStatus as s } from "./index33.js";
-import { BillQueue as c, DEFAULT_BILL_QUEUE as l, billQueueColumns as u, billQueueHasScheduledPayment as d, billQueueOffersAddPanel as f, billQueueStatuses as p, billSortColumnId as m, billSortField as h } from "./index66.js";
-import { useBillsFilters as g } from "./index74.js";
-import { useCallback as _, useEffect as v, useMemo as y, useState as b } from "react";
+import { BillsFilterField as t } from "../../ui/dist/index64.js";
+import "../../ui/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 "./index72.js";
+import { BillsDatePreset as o, resolveDatePreset as s } from "./index73.js";
+import { BILLS_FILTER_LABELS_EN as c } from "./index74.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/index75.js
-var x = 10, S = [{
-	id: "addedOnLabel",
-	desc: !0
-}];
-function C({ enabled: C = !0, canReadVendors: w = !0, isVendorFilterPaused: T = !1, filterLabels: E, onOpenBill: D, duplicateBadgeLabel: O, attachmentLabel: k }) {
-	let [A, j] = b(l), [M, N] = b(S), [P, F] = b(x), [I, L] = b(), [R, z] = b(""), [B, V] = b(""), H = _(() => L(void 0), []);
-	v(() => {
-		let e = setTimeout(() => {
-			V(R), H();
-		}, 300);
+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);
-	}, [R, H]);
-	let U = g({
-		offersStatusFilter: A === c.All,
-		offersVendorFilter: w,
-		isVendorFilterPaused: T,
-		labels: E,
-		onFiltersChange: H
-	}), W = M[0], G = h(W?.id), K = r({
-		...U.query,
-		limit: P,
-		pagination_token: I,
-		status__in: p(A) ?? U.query.status__in,
-		has_scheduled_payment: d(A),
-		counterpart_name__icontains: B || void 0,
-		sort: G,
-		order: G ? W?.desc ? "desc" : "asc" : void 0,
-		enabled: C
-	}), q = K.data?.data.length === 0, J = i({ enabled: C && q }), Y = !q || (J.data?.count ?? 1) > 0, X = y(() => (K.data?.data ?? []).map((r) => {
-		let i = a({
-			apiStatus: r.status,
-			dueDate: r.due_date,
-			scheduledPaymentDate: r.scheduled_payment_date
-		}), c = r.amount_due ?? r.total_amount, l = (e) => e == null ? "" : t(e / 100, { currencyCode: r.currency ?? "USD" });
-		return {
-			vendorLabel: o(r),
-			issueDateLabel: e(r.issued_at),
-			dueDateLabel: e(r.due_date),
-			dueDateTone: i.isOverdue ? "danger" : "default",
-			scheduledDateLabel: e(r.scheduled_payment_date),
-			paidDateLabel: e(r.paid_at?.slice(0, 10)),
-			amountDueLabel: l(c),
-			amountPaidLabel: l(r.amount_paid),
-			amountScheduledLabel: l(r.amount_to_pay ?? c),
-			totalAmountLabel: l(r.total_amount),
-			attachment: r.file_id ? { label: k } : void 0,
-			status: i.status,
-			statusTone: i.tone,
-			addedOnLabel: e(r.created_at?.slice(0, 10)),
-			duplicateBadge: n(r) ? {
-				label: O,
-				tone: "warning"
-			} : void 0,
-			onOpen: () => D(r.id, s(r.status))
+	}, [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) : "";
 		};
-	}), [
-		K.data?.data,
+		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,
-		D
-	]), Z = _((e) => {
-		let t = e;
-		j(t), N((e) => {
-			let n = e[0]?.id;
-			return n ? u(t).some((e) => m(e) === n) ? e : S : e;
-		}), H();
-	}, [H]), Q = _((e) => {
-		N((t) => typeof e == "function" ? e(t) : e), H();
-	}, [H]), $ = _((e) => {
-		F(e), H();
-	}, [H]), ee = _(() => L(K.data?.next_pagination_token ?? void 0), [K.data?.next_pagination_token]), te = _(() => L(K.data?.prev_pagination_token ?? void 0), [K.data?.prev_pagination_token]), ne = _(() => {
-		K.refetch();
-	}, [K.refetch]);
+		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 {
-		rows: X,
-		isLoading: K.isFetching || q && J.isLoading,
-		isError: K.isError,
-		onRetry: ne,
-		selectedFilterTabId: A,
-		onFilterTabChange: Z,
-		searchValue: R,
-		onSearchChange: z,
-		hasAnyBills: Y,
-		isSearchActive: B.length > 0 || U.isFilterActive,
-		filterBarProps: U.filterBarProps,
-		visibleColumns: u(A),
-		showAddPanelWhenEmpty: f(A),
-		sorting: M,
-		onSortingChange: Q,
-		pageSize: P,
-		onPageSizeChange: $,
-		hasNextPage: !!K.data?.next_pagination_token,
-		hasPrevPage: !!K.data?.prev_pagination_token,
-		onNextPage: ee,
-		onPrevPage: te
+		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 { C as useBillsTable };
+export { h as BillsFilterChipKey, w as useBillsFilters };