@tesouro/embedded-components-react 0.3.49 → 0.3.51

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

@@ -2,114 +2,252 @@
 "use client";
 "use client";
 "use client";
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
-import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetUi as o } from "../../ui/dist/index47.js";
-import { BillUploadStatusTray as s } from "../../ui/dist/index70.js";
+import { formatMoneyExact as e } from "../../../shared/util/dist/lib/formatMoneyExact.js";
+import "../../data-access/dist/index.js";
+import { BillsFilterField as t } from "../../ui/dist/index63.js";
 import "../../ui/dist/index.js";
-import { ApprovalPoliciesSettings as c } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
-import "../../../shared/approval-policy/feature/dist/index.js";
-import { useBillUploadQueue as l } from "./index56.js";
-import "./index57.js";
-import { billsTabTestIds as u } from "./index65.js";
-import { BillsTab as d } from "./index71.js";
-import "./index72.js";
-import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index51.js";
-import { DEFAULT_TABS_LABELS as m } from "./index73.js";
-import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
-import "../../../counterparts-widget/feature/dist/index.js";
-import { useCallback as g, useEffect as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+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 "./index71.js";
+import { BillsDatePreset as o, resolveDatePreset as s } from "./index72.js";
+import { BILLS_FILTER_LABELS_EN as c } from "./index73.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/index74.js
-var S = {
-	Bills: "bills",
-	Vendors: "vendors",
-	Settings: "settings"
-}, C = [
-	S.Bills,
-	S.Vendors,
-	S.Settings
-];
-function w({ labels: i, tabsLabels: p, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E, poweredByBankName: D }) {
-	let O = r();
-	_(() => {
-		O(f.Mounted);
-	}, [O]);
-	let k = {
-		...m,
-		...p
-	}, { initResponse: A } = a(), j = e(A?.scopes, [t.ApprovalPolicyWriteOrg]), M = !A || j, [N, P] = v(S.Bills), [F, I] = v(), L = g((e) => {
-		P(S.Bills), I(e);
-	}, []), R = l({ onOpenBill: L }), z = [{
-		id: S.Bills,
-		label: k.bills,
-		content: /* @__PURE__ */ b(d, {
-			onEnqueueFiles: R.enqueue,
-			openPayableId: F,
-			onOpenPayableHandled: () => I(void 0),
-			poweredByBankName: D
-		})
-	}, {
-		id: S.Vendors,
-		label: k.vendors,
-		content: /* @__PURE__ */ b(h, {
-			...E,
-			counterpartType: "vendor",
-			onViewAllDocuments: () => P(S.Bills)
-		})
-	}];
-	M && z.push({
-		id: S.Settings,
-		label: k.settings,
-		content: /* @__PURE__ */ b(c, {
-			labels: w,
-			componentLabels: T
-		})
-	});
-	let B = z.some((e) => e.id === N) ? N : C.find((e) => z.some((t) => t.id === e)) ?? z[0]?.id ?? "";
-	return /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(n, {}),
-		/* @__PURE__ */ b(o, {
-			labels: i,
-			tabs: z,
-			selectedTabId: B,
-			onTabChange: P
-		}),
-		R.isVisible ? /* @__PURE__ */ b(s, {
-			sections: R.sections,
-			summaryLabel: R.summaryLabel,
-			collapsed: R.collapsed,
-			onToggleCollapsed: R.onToggleCollapsed,
-			onClose: R.onClose,
-			testId: u.uploadTray
-		}) : null
-	] });
+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 T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: f, providerLabels: m, ...h }) {
-	return /* @__PURE__ */ b(i, {
-		widgetName: p,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: r,
-		gatewayRouting: a,
-		linkComponent: o,
-		implementation: s,
-		uiFramework: c,
-		errorFallback: l,
-		onError: u,
-		analytics: d,
-		disclosuresAcceptance: f,
-		providerLabels: m,
-		children: /* @__PURE__ */ b(w, { ...h })
-	});
+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 { T as BillPayWidgetNative, T as default };
+export { h as BillsFilterChipKey, w as useBillsFilters };

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

@@ -1 +1,115 @@
-import "./index74.js";
+"use client";
+"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 "../../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";
+//#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);
+		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))
+		};
+	}), [
+		K.data?.data,
+		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]);
+	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
+	};
+}
+//#endregion
+export { C as useBillsTable };