@tesouro/embedded-components-react 0.5.213 → 0.5.214

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

@@ -1,5 +1,262 @@
-import { BILL_PAY_WIDGET_NAME as e } from "../../util/dist/lib/widgetName.js";
+"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/index76.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 "./index52.js";
+import { BillsDatePreset as o, resolveDatePreset as s } from "./index53.js";
+import { BILLS_FILTER_LABELS_EN as c } from "./index54.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/index55.js
-var t = { Mounted: `${e}.mounted` }, n = e;
+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) => ({
+			...t,
+			[e.id]: e.name
+		})), A({
+			...S(),
+			vendorIds: [e.id]
+		}), E?.();
+	}, [E]), q = 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: q,
+			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,
+		clearAll: G,
+		filterByVendor: K
+	};
+}
 //#endregion
-export { t as BillPayWidgetAnalyticsEvent, n as WIDGET_NAME };
+export { h as BillsFilterChipKey, w as useBillsFilters };

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

@@ -2,45 +2,34 @@
 "use client";
 "use client";
 "use client";
-import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetAnalyticsEvent as t, WIDGET_NAME as n } from "./index55.js";
-import { Payables as r } from "../../../monite-sdk/dist/index436.js";
-import "../../../monite-sdk/dist/index.js";
-import { MoniteRegionProvider as i } from "../../../shared/monite-wrapper/feature/dist/lib/MoniteRegionProvider.js";
-import "../../../shared/monite-wrapper/feature/dist/index.js";
-import { useEffect as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { resolveVendorName as e } from "../../util/dist/lib/resolveVendor.js";
+import { getCounterpartName as t } from "../../../shared/counterpart-management/feature/dist/lib/helpers.js";
+import { useCounterpartsByIdsQuery as n } from "../../../shared/counterpart-management/data-access/dist/index3.js";
+import "../../../shared/counterpart-management/feature/dist/index.js";
+import { useMemo as r } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js
-var s = (e) => e;
-function c(n) {
-	let i = e();
-	return a(() => {
-		i(t.Mounted);
-	}, [i]), /* @__PURE__ */ o(r, { ...n });
-}
-function l({ baseUrl: e, widgetToken: t, organizationId: r, configClient: a, gatewayRouting: l, linkComponent: u, implementation: d, uiFramework: f, errorFallback: p, onError: m, finopsThemeColors: h, analytics: g, disclosuresAcceptance: _, providerLabels: v, pageTitleComponent: y = s, ...b }) {
-	return /* @__PURE__ */ o(i, {
-		widgetName: n,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: r,
-		configClient: a,
-		gatewayRouting: l,
-		linkComponent: u,
-		implementation: d,
-		uiFramework: f,
-		errorFallback: p,
-		onError: m,
-		finopsThemeColors: h,
-		analytics: g,
-		disclosuresAcceptance: _,
-		providerLabels: v,
-		children: /* @__PURE__ */ o(c, {
-			...b,
-			pageTitleComponent: y
+var i = {
+	Resolving: "resolving",
+	Unavailable: "unavailable",
+	Settled: "settled"
+}, a = /* @__PURE__ */ new Map();
+function o({ payables: i, enabled: o, canReadVendors: c = !0, isPaused: l = !1 } = {}) {
+	let u = r(() => (i ?? []).filter((t) => !e(t)).map((e) => e.counterpart_id).filter((e) => !!e), [i]), d = n({
+		counterpartIds: u,
+		enabled: o !== !1 && c && !l
+	}), f = !c && !l;
+	return {
+		vendorNames: r(() => f ? a : new Map((d.data?.data ?? []).map((e) => [e.id, t(e)]).filter((e) => !!e[1])), [d.data?.data, f]),
+		lookup: s({
+			hasUnresolvedIds: u.length > 0,
+			isScopeWithdrawn: f,
+			isFetching: d.isFetching,
+			isError: d.isError
 		})
-	});
+	};
+}
+function s({ hasUnresolvedIds: e, isScopeWithdrawn: t, isFetching: n, isError: r }) {
+	return e ? t ? i.Unavailable : n ? i.Resolving : r ? i.Unavailable : i.Settled : i.Settled;
 }
 //#endregion
-export { l as BillPayWidgetMonite, l as default };
+export { i as BillVendorLookup, o as useBillVendorNames };